.lf-media-navigation{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--text)}
.lf-media-thumbs-shell{position:relative;min-width:0}
.lf-media-thumbs-shell.lf-media-thumbs-overflow{padding-inline:48px}
.lf-product-gallery .lf-media-thumbs{padding:6px;scroll-padding-inline:6px;scroll-snap-type:x proximity}
.lf-media-thumbs-ready{scrollbar-width:none}.lf-media-thumbs-ready::-webkit-scrollbar{display:none}
.lf-product-gallery .lf-media-thumbs-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;padding:0}
[data-media-thumbs-prev]{left:0}[data-media-thumbs-next]{right:0}
.lf-product-gallery:fullscreen{box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;background:var(--bg);padding:16px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.lf-product-gallery:fullscreen .lf-media-gallery-stage{flex:1;min-height:0;height:0;width:100%;display:block}
.lf-product-gallery:fullscreen [data-media-slide],.lf-product-gallery:fullscreen figure{height:100%;min-height:0}
.lf-product-gallery:fullscreen figure{display:flex;flex-direction:column}
.lf-product-gallery:fullscreen [data-media-zoom],.lf-product-gallery:fullscreen .lf-click-video-frame{flex:1;min-height:0;height:0;width:100%;display:grid;place-items:center}
.lf-product-gallery:fullscreen .lf-media-gallery-stage img{width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;padding:0;aspect-ratio:auto}
.lf-product-gallery:fullscreen picture{display:contents}
.lf-product-gallery:fullscreen figcaption{flex:none;max-height:3lh;overflow:auto;padding:4px 0}
.lf-product-gallery:fullscreen .lf-media-thumbs-shell,.lf-product-gallery:fullscreen [data-media-fullscreen]{flex:none}
.lf-product-gallery:fullscreen [data-media-fullscreen]{min-height:44px}
.lf-media-fullscreen-status:empty{display:none}
.lf-product-gallery:fullscreen .lf-media-fullscreen-status{max-height:3lh;overflow:auto}
.lf-media-gallery-stage{position:relative}
.lf-media-gallery-stage>.lf-media-navigation{position:absolute;inset:0;pointer-events:none}
.lf-media-gallery-stage>.lf-media-navigation button{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%)}
.lf-media-navigation [data-media-prev]{left:12px}.lf-media-navigation [data-media-next]{right:12px}
.lf-media-gallery-stage [data-media-counter]{position:absolute;bottom:8px;padding:4px 8px;border-radius:var(--radius);background:var(--bg)}
.lf-media-thumbs-arrow,.lf-media-navigation button,.lf-media-dialog [data-media-close]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer}
.lf-media-navigation button:hover,.lf-media-dialog [data-media-close]:hover{border-color:var(--primary)}
.lf-media-gallery [data-media-zoom]{display:grid;place-items:center;cursor:zoom-in;touch-action:pan-y pinch-zoom}
.lf-media-gallery-stage img{user-select:none;-webkit-user-drag:none;touch-action:pan-y pinch-zoom}
.lf-media-gallery [data-media-zoom]:focus-visible,.lf-media-dialog button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.lf-media-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:1200px;max-height:calc(100dvh - 24px);margin:auto;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);overflow:auto;overscroll-behavior:contain}
.lf-media-dialog::backdrop{background:color-mix(in srgb,var(--text) 65%,transparent)}
.lf-media-dialog header{display:flex;justify-content:flex-end;margin-bottom:8px}
.lf-media-dialog .lf-media-gallery-stage img{max-height:max(160px,calc(100dvh - 340px))}
.lf-media-dialog .lf-media-gallery-stage{min-height:0}
.lf-media-dialog .lf-media-gallery-stage>.lf-media-navigation{position:static;margin-top:12px}
.lf-media-dialog .lf-media-gallery-stage>.lf-media-navigation button,.lf-media-dialog .lf-media-gallery-stage [data-media-counter]{position:static;transform:none}
.lf-media-dialog .lf-media-gallery-stage img{min-height:0;height:auto;object-fit:contain;padding:0}
.lf-media-dialog .lf-product-gallery-main-media{min-height:0}
.lf-media-image-error{min-height:160px;background:var(--surface,var(--bg));color:var(--text)}
.lf-media-dialog .lf-click-video [data-video-slot]{max-height:calc(100dvh - 340px)}
.lf-media-dialog .lf-media-thumbs button{flex-basis:56px;width:56px;height:56px}
@media(max-width:520px){.lf-media-dialog{padding:12px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}}
.lf-media-gallery{min-width:0;display:grid;gap:12px;align-content:start}.lf-media-gallery figure,.lf-click-video{margin:0;min-width:0}.lf-media-gallery-stage{min-width:0}:where(.lf-media-gallery) img,.lf-click-video img{display:block;width:100%;max-height:65vh;object-fit:contain}.lf-media-gallery figcaption,.lf-click-video figcaption{padding:8px 0;white-space:pre-wrap;color:var(--text)}.lf-media-thumbs{display:flex;gap:8px;overflow-x:auto;max-width:100%}:where(.lf-media-thumbs) :where(button){flex:0 0 72px;width:72px;height:72px;padding:3px;border:1px solid var(--line);background:var(--bg);border-radius:var(--radius)}.lf-media-thumbs img{height:100%}:where(.lf-media-thumbs) [aria-current=true]{border:2px solid var(--primary)}.lf-click-video [data-video-play]{position:relative;display:block;width:100%;border:0;padding:0;background:var(--bg);color:var(--text);cursor:pointer}.lf-click-video [data-video-play] span{display:block;padding:12px}.lf-click-video [data-video-slot]{aspect-ratio:16/9}.lf-click-video iframe{width:100%;height:100%;border:0}.lf-click-video [hidden],.lf-media-gallery [hidden]{display:none!important}.lf-media-gallery button:focus-visible,.lf-click-video button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.lf-click-video--overlay .lf-click-video-frame{position:relative;isolation:isolate;width:100%;min-width:0}
.lf-click-video--overlay .lf-click-video-frame>picture{display:block}
.lf-click-video.lf-click-video--overlay [data-video-play],.lf-click-video--overlay .lf-click-video-provider{position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;color:var(--primary-contrast);cursor:pointer;-webkit-tap-highlight-color:transparent}
.lf-click-video-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--primary);color:var(--primary-contrast);box-shadow:0 0 0 12px color-mix(in srgb,var(--primary) 20%,transparent),0 14px 32px -14px color-mix(in srgb,var(--text) 60%,transparent);transition:transform .2s ease,box-shadow .2s ease}
.lf-click-video-badge svg{width:28px;height:28px;margin-left:4px}
.lf-click-video--overlay [data-video-play]:hover .lf-click-video-badge,.lf-click-video--overlay .lf-click-video-provider:hover .lf-click-video-badge{transform:scale(1.06);box-shadow:0 0 0 16px color-mix(in srgb,var(--primary) 26%,transparent),0 14px 32px -14px color-mix(in srgb,var(--text) 60%,transparent)}
.lf-click-video.lf-click-video--overlay [data-video-play]:focus-visible,.lf-click-video--overlay .lf-click-video-provider:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
.lf-click-video--overlay [data-video-play]:focus-visible .lf-click-video-badge,.lf-click-video--overlay .lf-click-video-provider:focus-visible .lf-click-video-badge{box-shadow:0 0 0 4px var(--bg),0 0 0 7px var(--primary)}
.lf-click-video.lf-click-video--overlay [data-video-slot]{position:absolute;inset:0;z-index:2;display:grid;place-items:center;max-height:none;aspect-ratio:auto;overflow:hidden;background:var(--surface,var(--bg))}
.lf-click-video.lf-click-video--overlay iframe{display:block;width:100%;height:auto;max-height:100%;aspect-ratio:var(--lf-click-video-aspect,16/9)}
@supports (width:1cqw){.lf-click-video.lf-click-video--overlay [data-video-slot]{container-type:size}.lf-click-video.lf-click-video--overlay iframe{width:min(100cqw,100cqh * (var(--lf-click-video-aspect,16/9)))}}
.lf-click-video.lf-click-video--overlay [data-video-stop]{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--text);cursor:pointer;opacity:0;pointer-events:none}
.lf-click-video.lf-click-video--overlay [data-video-stop]:focus-visible{opacity:1;pointer-events:auto;outline:3px solid var(--primary);outline-offset:2px}
.lf-click-video--overlay [data-video-stop] svg{width:16px;height:16px}
.lf-click-video--overlay [data-video-status]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.lf-click-video-noscript{display:inline-block;padding:8px 0;color:var(--text)}
@media(max-width:640px){.lf-click-video-badge{width:56px;height:56px}.lf-click-video-badge svg{width:22px;height:22px;margin-left:3px}}
@media(prefers-reduced-motion:reduce){.lf-click-video-badge{transition:none}}

.lf-media-gallery-stage>[data-media-slide]:has(>.lf-click-video--overlay){display:grid;align-items:center}
:is(.lf-product-page-gallery,.lf-detail-gallery)>.lf-media-gallery-stage:has([data-video-slot]:not([hidden]))>.lf-media-navigation [data-media-counter]{visibility:hidden}