/* ZOC_LUXURY_STORY_UI_LAYER_V33
 * Presentation-only patch. No page, template, slider, product, blog or routing rules.
 */

/* Keep the standard sticky navigation and its dropdown layers above normal content. */
.lsf-header[data-lsf-store-header]{
  z-index:1000000!important;
  overflow:visible!important;
  isolation:auto!important;
}
.lsf-header[data-lsf-store-header] .lsf-shell,
.lsf-header[data-lsf-store-header] .lsf-nav,
.lsf-header[data-lsf-store-header] .lsf-menu,
.lsf-header[data-lsf-store-header] .lsf-menu-item,
.lsf-header[data-lsf-store-header] .lsf-store-trigger,
.lsf-header[data-lsf-store-header] .lsf-actions,
.lsf-header[data-lsf-store-header] .lsf-account-menu{
  overflow:visible!important;
}
.lsf-header[data-lsf-store-header] .lsf-mega,
.lsf-header[data-lsf-store-header] .lsf-account-submenu{
  z-index:1000002!important;
}

/* Story strip becomes a normal-flow sibling after JS detaches it from the sticky header. */
.lsf-story-v32{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:10px max(12px,calc((100% - 1240px)/2))!important;
  border:0!important;
  border-top:1px solid color-mix(in srgb,var(--lsf-primary,#d8a642) 16%,transparent)!important;
  background:color-mix(in srgb,var(--lsf-bg,#07131d) 94%,var(--lsf-surface,#111e29) 6%)!important;
  box-sizing:border-box!important;
  direction:rtl!important;
  transform:none!important;
  will-change:auto!important;
}
.lsf-story-v32,
.lsf-story-v32 *{box-sizing:border-box}
.lsf-story-v32__rail{
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
  width:100%!important;
  min-height:82px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 0 5px!important;
  scrollbar-width:thin;
}
.lsf-story-v32__item{
  appearance:none!important;
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  gap:6px!important;
  flex:0 0 74px!important;
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  min-height:80px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--lsf-contrast,#f8f1e4)!important;
  font:inherit!important;
  cursor:pointer!important;
  text-align:center!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.lsf-story-v32__avatar{
  position:relative!important;
  display:block!important;
  flex:none!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  padding:3px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:50%!important;
  background:conic-gradient(var(--lsf-primary,#d8a642),var(--lsf-accent,#e3b04b),var(--lsf-primary,#d8a642))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
  opacity:1!important;
  visibility:visible!important;
}
.lsf-story-v32__avatar img{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:2px solid var(--lsf-bg,#07131d)!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  clip-path:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  background:var(--lsf-surface,#111e29)!important;
}
.lsf-story-v32__avatar.is-image-error::after{
  content:"◇";
  position:absolute;
  inset:3px;
  display:grid;
  place-items:center;
  border:2px solid var(--lsf-bg,#07131d);
  border-radius:50%;
  background:var(--lsf-surface,#111e29);
  color:var(--lsf-primary,#d8a642);
  font-size:25px;
}
.lsf-story-v32__item b{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1.55!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Slider and normal page content remain below dropdowns, but are never hidden. */
.zoc-universal-slider-v140{z-index:1!important}

.lsf-story-modal-v32{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  background:rgba(2,6,23,.82)!important;
  backdrop-filter:blur(8px)!important;
  direction:rtl!important;
}
.lsf-story-modal-v32__card{position:relative;width:min(430px,94vw);max-height:92vh;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#07131d;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.lsf-story-modal-v32__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:#111e29}
.lsf-story-modal-v32__head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lsf-story-modal-v32__close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font:700 24px/1 Arial;cursor:pointer}
.lsf-story-modal-v32__media{display:grid;place-items:center;min-height:260px;background:#020617}
.lsf-story-modal-v32__media img,.lsf-story-modal-v32__media video{display:block;width:100%;max-height:76vh;object-fit:contain}
.lsf-story-modal-v32__link{display:block;margin:12px;padding:11px 14px;border-radius:12px;background:var(--lsf-primary,#d8a642);color:#111!important;text-align:center;text-decoration:none;font-weight:900}

@media(max-width:760px){
  .lsf-story-v32{padding:8px 10px!important}
  .lsf-story-v32__item{flex-basis:66px!important;width:66px!important;min-width:66px!important;max-width:66px!important}
  .lsf-story-v32__avatar{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important}
}
/* ZOC_LUXURY_STORY_FULLSCREEN_TIMING_REPAIR_V35 */
html.lsf-story-modal-open-v35,html.lsf-story-modal-open-v35 body{overflow:hidden!important}
.lsf-story-modal-v35{position:fixed!important;inset:0!important;z-index:2147483646!important;display:grid!important;place-items:center!important;width:100vw!important;height:100dvh!important;padding:0!important;background:#000!important}
.lsf-story-modal-v35__stage{position:absolute;inset:0;display:grid;place-items:center;background:#000;overflow:hidden}
.lsf-story-modal-v35__stage img,.lsf-story-modal-v35__stage video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;background:#000!important}
.lsf-story-modal-v35__progress{position:absolute;z-index:5;top:max(10px,env(safe-area-inset-top));left:14px;right:62px;height:4px;border-radius:999px;background:rgba(255,255,255,.28);overflow:hidden}
.lsf-story-modal-v35__progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:#fff;will-change:transform}
.lsf-story-modal-v35__close{position:absolute;z-index:6;top:max(8px,env(safe-area-inset-top));right:12px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font:700 30px/1 Arial;cursor:pointer}
.lsf-story-modal-v35__caption{position:absolute;z-index:5;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff}
.lsf-story-modal-v35__caption a{padding:9px 14px;border-radius:999px;background:#fff;color:#111!important;text-decoration:none;font-weight:900}
/* Keep blog and every standard page story rail visually identical. */
[data-lsf-story-v32].lsf-story-v32{display:block!important;min-height:96px!important}
[data-lsf-story-v32] .lsf-story-v32__rail{display:flex!important}
[data-lsf-story-v32] .lsf-story-v32__item{display:grid!important;border:0!important;background:transparent!important}
/* The shop must continue after product cards with footer in normal flow. */
.lsf-store-page{overflow:visible!important}.lsf-footer{display:block!important;position:relative!important;clear:both!important}

/* V35 hardening: keep the standard story rail graphical on every registered page. */
html body [data-lsf-story-v32].lsf-story-v32{display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
html body [data-lsf-story-v32] .lsf-story-v32__rail{display:flex!important;visibility:visible!important;opacity:1!important}
html body [data-lsf-story-v32] .lsf-story-v32__item{display:grid!important;visibility:visible!important;opacity:1!important;color:var(--lsf-contrast,#f8f1e4)!important}
html body [data-lsf-story-v32] .lsf-story-v32__avatar{display:block!important;visibility:visible!important;opacity:1!important}
html body [data-lsf-story-v32] .lsf-story-v32__avatar img{display:block!important;visibility:visible!important;opacity:1!important}
.lsf-story-modal-v35__error{display:grid;place-items:center;min-height:220px;padding:24px;color:#fff;text-align:center}
@media (max-width:760px){.lsf-story-modal-v35__caption{font-size:13px}.lsf-story-modal-v35__caption a{padding:8px 11px}}

/* ZOC_LUXURY_STORY_BLOG_ASSET_FIX_V36 */


/* ZOC_LUXURY_STORY_SEQUENCE_V37 */
.lsf-story-modal-v37__progress{position:absolute;z-index:7;top:max(10px,env(safe-area-inset-top));left:14px;right:62px;display:flex;direction:ltr;gap:4px;height:4px;background:transparent!important;overflow:visible!important}
.lsf-story-modal-v37__segment{position:relative;display:block;flex:1 1 0;height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.28)}
.lsf-story-modal-v37__segment>i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:#fff;will-change:transform}
.lsf-story-modal-v37__segment.is-complete>i{transform:scaleX(1)}
.lsf-story-modal-v37__segment.is-pending>i{transform:scaleX(0)}
.lsf-story-modal-v37__segment.is-current>i{transform:scaleX(var(--lsf-story-progress-v37,0))}
.lsf-story-modal-v37__status{position:absolute;z-index:6;top:max(24px,calc(env(safe-area-inset-top) + 14px));left:18px;max-width:calc(100% - 84px);overflow:hidden;color:rgba(255,255,255,.82);font-size:12px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000}
@media(max-width:600px){.lsf-story-modal-v37__progress{left:10px;right:58px;gap:3px}.lsf-story-modal-v37__segment{height:3px}}

/* ZOC_LUXURY_STORY_CYCLE_CONTAIN_V38
 * Full-screen media is constrained to the visible viewport and the story sequence loops forever
 * until the visitor explicitly closes it.
 */
html body .lsf-story-modal-v38{
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
html body .lsf-story-modal-v38 .lsf-story-modal-v35__stage{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  padding:
    max(58px,calc(env(safe-area-inset-top) + 46px))
    max(12px,env(safe-area-inset-right))
    max(82px,calc(env(safe-area-inset-bottom) + 68px))
    max(12px,env(safe-area-inset-left))!important;
  overflow:hidden!important;
  background:#000!important;
}
html body .lsf-story-modal-v38 .lsf-story-modal-v35__stage>img,
html body .lsf-story-modal-v38 .lsf-story-modal-v35__stage>video,
html body .lsf-story-modal-v38 .lsf-story-modal-v38__media{
  position:static!important;
  inset:auto!important;
  display:block!important;
  flex:0 1 auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  overflow:hidden!important;
  transform:none!important;
  clip-path:none!important;
  background:#000!important;
}
@supports not (height:100dvh){
  html body .lsf-story-modal-v38,
  html body .lsf-story-modal-v38 .lsf-story-modal-v35__stage{height:100vh!important;max-height:100vh!important}
}


/* ZOC_LUXURY_STORY_RESPONSIVE_MEDIA_NAVIGATION_V39 */
html body .lsf-story-modal-v39 .lsf-story-modal-v35__stage>img,
html body .lsf-story-modal-v39 .lsf-story-modal-v35__stage>video{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;background:#000!important;
}


/* ZOC_LUXURY_STORY_PANEL_ROWS_CLICK_AREAS_V40 */
.lsf-story-modal-v39__nav,[data-story-prev-v39],[data-story-next-v39]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.lsf-story-modal-v40{cursor:default}
.lsf-story-modal-v40 .lsf-story-modal-v35__stage{cursor:pointer}
