/* OCX 2.16.19: final mobile authority. Scoped to studio; never changes desktop. */
@media (max-width:767px){
  html body.ocx-shop-body:has(.ocx-dock-studio){padding-bottom:calc(var(--ocx-dock-height,64px) + var(--ocx-dock-inset,8px) + env(safe-area-inset-bottom,0px) + 16px)!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio{
    position:fixed!important;display:flex!important;align-items:stretch!important;justify-content:space-around!important;
    box-sizing:border-box!important;left:var(--ocx-dock-inset,8px)!important;right:var(--ocx-dock-inset,8px)!important;
    bottom:calc(var(--ocx-dock-inset,8px) + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;height:var(--ocx-dock-height,64px)!important;min-height:0!important;max-height:none!important;
    padding:5px!important;gap:3px!important;margin:0!important;overflow:visible!important;
    border:1px solid var(--ocx-dock-border,#244665)!important;border-radius:var(--ocx-dock-radius,18px)!important;
    background:var(--ocx-dock-bg,#06111e)!important;color:var(--ocx-dock-text,#8ea4bc)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.2)!important;backdrop-filter:none!important;
    z-index:2147482000!important;isolation:isolate;
  }
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio>a,
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio>button{
    position:relative!important;flex:1 1 0!important;min-width:0!important;max-width:none!important;
    padding:3px 1px!important;margin:0!important;border:0!important;border-radius:max(6px,calc(var(--ocx-dock-radius,18px) - 6px))!important;
    background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;
    gap:3px!important;align-items:center!important;justify-content:center!important;
    font-family:inherit!important;font-size:var(--ocx-dock-label-size,10px)!important;font-weight:700!important;
    line-height:1.2!important;letter-spacing:0!important;text-decoration:none!important;text-align:center!important;
    color:var(--ocx-dock-text,#8ea4bc)!important;opacity:1!important;cursor:pointer!important;
    transition:background .16s ease,color .16s ease,transform .16s ease!important;
    -webkit-tap-highlight-color:transparent;
  }
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio>a>i,
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio>button>i{
    flex:0 0 auto!important;display:block!important;margin:0!important;padding:0!important;
    font-size:var(--ocx-dock-icon-size,20px)!important;line-height:1.15!important;color:inherit!important;
  }
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio>a>span,
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio>button>span{
    display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;font-size:inherit!important;line-height:1.2!important;color:inherit!important;
  }
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.dock-icon-only>a>span,
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.dock-icon-only>button>span{display:none!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio :is(a,button):is(:hover,:focus-visible,.is-active,[aria-current="page"]){
    color:var(--ocx-dock-active,#65adff)!important;background:var(--ocx-dock-active-bg,#15385b)!important;
  }
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio :is(a,button):focus-visible{outline:2px solid var(--ocx-dock-active,#65adff)!important;outline-offset:1px!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.dock-flush{
    left:0!important;right:0!important;bottom:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;
    border-radius:var(--ocx-dock-radius,18px) var(--ocx-dock-radius,18px) 0 0!important;
    height:calc(var(--ocx-dock-height,64px) + env(safe-area-inset-bottom,0px))!important;
    padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))!important;
  }
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.dock-capsule{left:max(14px,var(--ocx-dock-inset,8px))!important;right:max(14px,var(--ocx-dock-inset,8px))!important;border-radius:999px!important;padding:6px!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.dock-capsule>a,
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.dock-capsule>button{border-radius:999px!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.dock-island{left:max(22px,var(--ocx-dock-inset,8px))!important;right:max(22px,var(--ocx-dock-inset,8px))!important;border-radius:max(16px,var(--ocx-dock-radius,18px))!important;box-shadow:0 18px 42px rgba(0,0,0,.3)!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.dock-minimal{left:0!important;right:0!important;border-color:transparent!important;box-shadow:none!important;border-radius:0!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.fill-soft{background:color-mix(in srgb,var(--ocx-dock-bg,#06111e) 88%,white)!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.fill-glass{background:color-mix(in srgb,var(--ocx-dock-bg,#06111e) 82%,transparent)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.fill-gradient{background:linear-gradient(125deg,var(--ocx-dock-bg,#06111e),var(--ocx-dock-bg-second,#143e68))!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.fill-outline{background:transparent!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-width:2px!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.item-underline :is(a,button):is(.is-active,[aria-current="page"],:hover){background:transparent!important;box-shadow:inset 0 -3px 0 var(--ocx-dock-active,#65adff)!important;border-radius:0!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.item-pill :is(a,button):is(.is-active,[aria-current="page"],:hover){border-radius:999px!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.item-raised :is(a,button):is(.is-active,[aria-current="page"],:hover){transform:translateY(-3px)!important;box-shadow:0 5px 10px rgba(0,0,0,.14)!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.item-icon :is(a,button):is(.is-active,[aria-current="page"],:hover){background:transparent!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio.item-icon :is(a,button):is(.is-active,[aria-current="page"],:hover)>i{background:var(--ocx-dock-active-bg,#15385b)!important;border-radius:12px!important;padding:5px!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio .ocx-mobile-cart-count{
    position:absolute!important;display:grid!important;place-items:center!important;top:0!important;right:calc(50% - var(--ocx-dock-icon-size,20px))!important;
    min-width:17px!important;width:auto!important;height:17px!important;padding:0 4px!important;border:2px solid var(--ocx-dock-bg,#06111e)!important;
    border-radius:99px!important;background:var(--ocx-dock-badge-bg,#0b6cff)!important;color:var(--ocx-dock-badge-text,#fff)!important;
    line-height:13px!important;font-size:9px!important;font-weight:900!important;pointer-events:none!important;
  }
  /* The dock and floats never cover the opened mega menu. */
  html body.ocx-shop-body.ocx-mega-open .ocx-mobile-bottom-nav.ocx-dock-studio{visibility:hidden!important;pointer-events:none!important}
  html body.ocx-shop-body:has(.ocx-dock-studio) .ocx-chat-panel{bottom:calc(var(--ocx-dock-height,64px) + 25px + env(safe-area-inset-bottom,0px))!important}
  html body.ocx-shop-body:has(.ocx-dock-studio) .ocx-callback-pill{bottom:calc(var(--ocx-dock-height,64px) + 20px + env(safe-area-inset-bottom,0px))!important}
}
/* Header blur creates a containing block for fixed descendants in Chromium / WebKit.
   Disable it while Mega Menu is open so bottom sheets anchor to the viewport, not the header. */
@media(max-width:1199px){
 html body.ocx-shop-body.ocx-mega-open .ocx-shop-header,
 html body.ocx-shop-body.ocx-mega-open .ocx-shop-head-row{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;perspective:none!important;contain:none!important}
}
/* Mega Menu presentation: replace forced fullscreen from earlier legacy layers. */
@media(max-width:1199px){
  html body.ocx-shop-body .ocx-mega-wrap.is-open #ocx-mega-menu-studio{
    position:fixed!important;box-sizing:border-box!important;z-index:2147483646!important;
    max-width:100vw!important;transform:none!important;display:flex!important;flex-direction:column!important;
    overflow:hidden!important;overscroll-behavior:contain!important;
  }
  html body.ocx-shop-body .ocx-mega-wrap.is-open #ocx-mega-menu-studio.mobile-fullscreen{
    inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
    width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;
  }
  html body.ocx-shop-body .ocx-mega-wrap.is-open #ocx-mega-menu-studio.mobile-drawer{
    inset:0 0 0 auto!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(92vw,440px)!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    border-radius:var(--ocx-mega-radius,18px) 0 0 var(--ocx-mega-radius,18px)!important;
  }
  html body.ocx-shop-body .ocx-mega-wrap.is-open #ocx-mega-menu-studio.mobile-sheet{
    inset:auto 0 0 0!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;max-width:100%!important;height:min(90dvh,850px)!important;max-height:90dvh!important;
    border-radius:var(--ocx-mega-radius,22px) var(--ocx-mega-radius,22px) 0 0!important;
  }
  html body.ocx-shop-body .ocx-mega-wrap.is-open #ocx-mega-menu-studio.mobile-accordion{
    inset:12px!important;left:12px!important;right:12px!important;top:12px!important;bottom:12px!important;
    width:auto!important;max-width:none!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;
    border-radius:var(--ocx-mega-radius,18px)!important;
  }
  html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-body{min-height:0!important;flex:1 1 auto!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-content,
  html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-panels,
  html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-builder-zone{min-width:0!important;max-width:100%!important}
  html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-builder-zone{grid-template-columns:repeat(var(--ocx-mega-mobile-cols,1),minmax(0,1fr))!important}
  html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-builder-block[class*="span-"]{grid-column:span 1!important}
  html body.ocx-shop-body #ocx-mega-menu-studio .ocx-mega-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
  html body.ocx-shop-body.ocx-mega-open{overflow:hidden!important;overscroll-behavior:none!important}
}
@media(max-width:359px){
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio{padding:3px!important;gap:1px!important}
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio>a,
  html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio>button{font-size:min(var(--ocx-dock-label-size,10px),10px)!important}
}
@media(prefers-reduced-motion:reduce){html body.ocx-shop-body .ocx-mobile-bottom-nav.ocx-dock-studio *{transition:none!important;animation:none!important}}