/* Video surface only: keep all controls outside the garment image. */
.lxv2-body.lxv2-page--video {
    --lx-video-viewport: 100vh;
    --lx-video-viewport: 100dvh;
    --lx-video-nav: calc(56px + env(safe-area-inset-bottom, 0px));
    --lx-video-header: calc(42px + env(safe-area-inset-top, 0px));
    --lx-video-feed: calc(var(--lx-video-viewport) - var(--lx-video-nav) - var(--lx-video-header));
    height: var(--lx-video-viewport);
    padding: 0;
    overflow: hidden;
    color-scheme: dark;
    background: #050505;
}
.lxv2-body.lxv2-page--video .lxv2-main,
.lxv2-body.lxv2-page--video .lxstory-page {
    width: 100%;
    max-width: none;
    height: calc(var(--lx-video-viewport) - var(--lx-video-nav));
    min-height: 0;
    margin: 0;
    padding: 0;
    background: #050505;
}
.lxv2-body.lxv2-page--video .lxstory-page { display: grid; grid-template-rows: var(--lx-video-header) minmax(0, 1fr); }
.lxv2-body.lxv2-page--video .lxstory-header {
    position: relative;
    inset: auto;
    width: min(560px, 100%);
    height: var(--lx-video-header);
    min-height: 0;
    margin: 0 auto;
    padding: env(safe-area-inset-top, 0px) 10px 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    color: #fff;
    background: #050505;
    z-index: 2;
}
.lxv2-body.lxv2-page--video .lxstory-wordmark { font: 700 13px/1 system-ui, sans-serif; letter-spacing: .14em; text-decoration: none; color: #fff; }
.lxv2-body.lxv2-page--video .lxstory-header__tab { position: relative; align-self: stretch; display: grid; place-items: center; font: 650 13px/1 system-ui, sans-serif; }
.lxv2-body.lxv2-page--video .lxstory-header__tab::after { content: ''; position: absolute; bottom: 3px; left: 25%; right: 25%; height: 2px; background: #fff; border-radius: 2px; }
.lxv2-body.lxv2-page--video .lxstory-header__tools { display: flex; flex-direction: row; justify-self: end; gap: 2px; }
.lxv2-body.lxv2-page--video .lxstory-header__tools :is(a, button) { display: grid; place-items: center; width: 38px; height: 40px; padding: 0; border: 0; color: #fff; background: transparent; cursor: pointer; text-decoration: none; border-radius: 8px; }
.lxv2-body.lxv2-page--video .lxstory-header__tools button { font: 600 16px/1 system-ui, sans-serif; }
.lxv2-body.lxv2-page--video .lxstory-header__tools button:disabled { opacity: .35; cursor: default; }
.lxv2-body.lxv2-page--video .lxstory-header__tools svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.lxv2-body.lxv2-page--video .lxstory-feed { width: min(560px, 100%); max-width: 560px; height: var(--lx-video-feed); min-height: 0; margin: 0 auto; background: #050505; scroll-behavior: auto; scroll-snap-type: y mandatory; touch-action: pan-y; }
.lxv2-body.lxv2-page--video .lxstory-item { display: grid; grid-template-rows: minmax(0, 1fr) 2px auto; height: var(--lx-video-feed); min-height: 0; background: #050505; }
.lxv2-body.lxv2-page--video .lxstory-media { display: block; position: relative; inset: auto; min-height: 0; width: 100%; background: #111; text-decoration: none; }
.lxv2-body.lxv2-page--video .lxstory-media img { object-fit: cover; object-position: center; background: #111; transform: none; transition: opacity .7s ease; }
.lxv2-body.lxv2-page--video .lxstory-media img.is-current { opacity: 1; transform: none; }
.lxv2-body.lxv2-page--video .lxstory-media__empty { position: absolute; inset: 0; display: grid; place-items: center; padding: 16px; color: #efedef; font-size: .875rem; }
.lxv2-body.lxv2-page--video .lxstory-progress { position: static; width: 100%; gap: 3px; height: 2px; padding: 0; background: #050505; }
.lxv2-body.lxv2-page--video .lxstory-progress span { height: 2px; border-radius: 0; background: #ffffff26; }
.lxv2-body.lxv2-page--video .lxstory-product { position: static; inset: auto; display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; gap: 12px; padding: 10px 14px 12px; color: #fff; background: #050505; }
.lxv2-body.lxv2-page--video .lxstory-product__copy { min-width: 0; }
.lxv2-body.lxv2-page--video .lxstory-product h1 { margin: 0 0 5px; font: 550 15px/1.3 system-ui, sans-serif; letter-spacing: 0; max-width: none; }
.lxv2-body.lxv2-page--video .lxstory-product h1 a { color: #fff; text-decoration: none; }
.lxv2-body.lxv2-page--video .lxstory-product h1 svg { display: inline-block; width: 12px; height: 12px; margin-left: 5px; vertical-align: baseline; fill: none; stroke: #fff9; stroke-width: 2; }
.lxv2-body.lxv2-page--video .lxstory-product__price { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; margin: 0; }
.lxv2-body.lxv2-page--video .lxstory-product__price a { text-decoration: none; }
.lxv2-body.lxv2-page--video .lxstory-product__price strong { color: #ff91a8; font: 750 26px/1.1 system-ui, sans-serif; letter-spacing: -.035em; }
.lxv2-body.lxv2-page--video .lxstory-product__price del { color: #aaa; font: 400 12px/1.2 system-ui, sans-serif; }
.lxv2-body.lxv2-page--video .lxstory-sale { align-self: center; display: inline-block; border-radius: 5px; background: #ffcb70; color: #271302; padding: 4px 7px; white-space: nowrap; font: 750 12px/1.15 system-ui, sans-serif; }
.lxv2-body.lxv2-page--video .lxstory-sale--variant { background: #ffe2bf; font-size: 11px; }
.lxv2-body.lxv2-page--video .lxstory-count { position: static; inset: auto; display: block; margin-left: auto; padding: 0; border: 0; border-radius: 0; background: none; backdrop-filter: none; color: #999; font: 450 10px/1.2 system-ui, sans-serif; letter-spacing: 0; white-space: nowrap; }
.lxv2-body.lxv2-page--video .lxstory-add { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #ff6b87; border-radius: 13px; padding: 0; color: #fff; background: #ec3d62; cursor: pointer; }
.lxv2-body.lxv2-page--video .lxstory-add svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.lxv2-body.lxv2-page--video :is(.lxcv1-bottom-nav, .lxv2-bottom-nav) { position: fixed; inset: auto 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; max-width: none; height: var(--lx-video-nav); min-height: 0; margin: 0; padding: 3px 4px calc(3px + env(safe-area-inset-bottom, 0px)); border: 0; border-top: 1px solid #262626; border-radius: 0; background: #050505; color: #8c8c8c; box-shadow: none; transform: none; backdrop-filter: none; z-index: 10; }
.lxv2-body.lxv2-page--video .lxcv1-bottom-nav::before { display: none; }
.lxv2-body.lxv2-page--video :is(.lxcv1-bottom-nav, .lxv2-bottom-nav) a { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; min-width: 0; min-height: 44px; padding: 2px; color: #969696; background: none; border: 0; border-radius: 0; font: 500 10px/1.2 system-ui, sans-serif; text-decoration: none; }
.lxv2-body.lxv2-page--video .lxcv1-bottom-nav a::before,
.lxv2-body.lxv2-page--video .lxcv1-bottom-nav a::after { display: none; }
.lxv2-body.lxv2-page--video :is(.lxcv1-bottom-nav, .lxv2-bottom-nav) a:is(.is-active, .active) { color: #fff; background: none; font-weight: 750; }
.lxv2-body.lxv2-page--video .lxcv1-bottom-nav svg { width: 26px; height: 26px; color: inherit; stroke: currentColor; stroke-width: 1.6; }
.lxv2-body.lxv2-page--video .lxcv1-bottom-nav__video svg { color: #fff; }
/* Legacy theme marks the centre tab !important; neutralise it on this surface. */
.lxv2-body.lxv2-page--video .lxcv1-bottom-nav a.lxcv1-bottom-nav__video.is-active { margin: 0; background: none !important; border-radius: 0 !important; color: #fff !important; box-shadow: none; }
.lxv2-body.lxv2-page--video .lxcv1-bottom-nav :is(span, small) { color: inherit; font: inherit; }
.lxv2-body.lxv2-page--video .lxcv1-cart-badge { background: #ff416b; color: #fff; border-color: #050505; }
.lxv2-body.lxv2-page--video :is(a, button):focus-visible { outline: 2px solid #ff91a8; outline-offset: 3px; }
/* The shared purchase sheet remains a readable light surface, not a dark form. */
.lxv2-body.lxv2-page--video .lxshopping-dialog { color-scheme: light; }
@media (max-height: 650px) {
    .lxv2-body.lxv2-page--video .lxstory-product { padding: 7px 12px 8px; gap: 8px; }
    .lxv2-body.lxv2-page--video .lxstory-product h1 { font-size: 14px; margin-bottom: 3px; }
    .lxv2-body.lxv2-page--video .lxstory-product__price strong { font-size: 23px; }
}
@media (min-aspect-ratio: 1/1) { .lxv2-body.lxv2-page--video .lxstory-media img { object-fit: contain; } }
@media (prefers-reduced-motion: reduce) { .lxv2-body.lxv2-page--video .lxstory-media img { transition: none; } }
.lxv2-body.lxv2-page--video .lxstory-feed{overscroll-behavior-y:contain;overflow-anchor:none;}
.lxv2-body.lxv2-page--video .lxstory-header__tab{font-size:12px;white-space:nowrap;}
.lxv2-body.lxv2-page--video .lxstory-header__tools :is(a,button){width:34px;}
.lxstory-options{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:0;border-radius:22px;background:#fff;color:#4e3d43;color-scheme:light;box-shadow:0 20px 70px #0005;}
.lxstory-options::backdrop{background:#0009;backdrop-filter:blur(4px);}
.lxstory-options>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.lxstory-options h2{font:750 23px/1.2 system-ui,sans-serif;margin:0;color:#b62c4b;}
.lxstory-options [data-story-options-close]{width:38px;height:38px;border:0;border-radius:50%;background:#fff0f2;color:#ad354c;font-size:25px;cursor:pointer;}
.lxstory-options>p{font:400 13px/1.65 system-ui,sans-serif;color:#78676d;}
.lxstory-options>button{display:block;width:100%;text-align:left;border:1px solid #f0dde2;background:#fff5f7;color:#9b2d47;border-radius:12px;padding:13px 14px;margin-top:10px;font:650 14px/1.5 system-ui,sans-serif;min-height:47px;cursor:pointer;}
.lxstory-options>button[data-story-profile]{font-size:13px;font-weight:500;background:#faf8f8;color:#72636a;border-color:#ece5e7;}
.lxstory-options>button:disabled{opacity:.5;cursor:default;}
.lxstory-options [data-story-options-status]{color:#9a304b;margin-bottom:0;min-height:21px;}
.lxstory-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.lxv2-body.lxv2-page--video .lxstory-load button{border:1px solid #ff8cab;border-radius:12px;color:#fff;background:#b92e52;padding:12px 18px;min-height:44px;cursor:pointer;}