/* OCX v2.16.21 — a compact mini-cart anchored to its own header icon.
   Do not position this menu with position:fixed: blurred headers create
   containing blocks for fixed descendants on Safari and Chromium. */
@media (max-width:900px) {
  html body.ocx-shop-body .ocx-shop-cart,
  html body.ocx-shop-body .ocx-shop-cart #cart {
    overflow:visible!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .dropdown-menu.ocx-mini-cart-menu,
  html body.ocx-shop-body.ocx-theme-custom .ocx-shop-cart #cart .dropdown-menu.ocx-mini-cart-menu {
    position:absolute!important;
    inset:auto var(--ocx-mini-cart-right-shift,0px) auto auto!important;
    top:calc(100% + 10px)!important;
    left:auto!important;
    right:var(--ocx-mini-cart-right-shift,0px)!important;
    bottom:auto!important;
    box-sizing:border-box!important;
    width:min(var(--ocx-cart-popup-width,390px),600px,calc(100vw - 24px))!important;
    min-width:0!important;
    max-width:calc(100vw - 24px)!important;
    height:auto!important;
    max-height:min(620px,var(--ocx-mini-cart-free-height,calc(100dvh - 115px)))!important;
    margin:0!important;
    padding:0!important;
    border:1px solid var(--ocx-cart-row-border,#28415a)!important;
    border-radius:var(--ocx-cart-panel-radius,18px)!important;
    box-shadow:0 18px 58px rgba(0,0,0,.26)!important;
    z-index:2147483500!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    transform:none!important;
    animation:none!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart.open>.dropdown-menu.ocx-mini-cart-menu,
  html body.ocx-shop-body .ocx-shop-cart #cart.show>.dropdown-menu.ocx-mini-cart-menu,
  html body.ocx-shop-body .ocx-shop-cart #cart[data-ocx-force-open="1"]>.dropdown-menu.ocx-mini-cart-menu {
    display:flex!important;
    flex-direction:column!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu>li {
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head {
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:12px 13px!important;
    min-width:0!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head>div:first-child {
    min-width:0!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head span {
    font-size:var(--ocx-cart-title-size,14px)!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head small {
    font-size:11px!important;
    overflow-wrap:anywhere!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head-actions {
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head-actions>a {
    white-space:nowrap!important;
    font-size:11px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-close {
    display:inline-flex!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--ocx-cart-panel-text,#e8edf3)!important;
    border-radius:50%!important;
    cursor:pointer!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-menu>li:nth-child(2) {
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-products {
    display:block!important;
    width:100%!important;
    max-height:none!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:7px 10px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-row {
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) minmax(68px,auto)!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    width:100%!important;
    padding:9px 8px!important;
    margin:0 0 6px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-thumb {
    width:46px!important;
    height:46px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-copy {
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-copy>a,
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-copy>b {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:var(--ocx-cart-text-size,12px)!important;
    line-height:1.34!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-copy small,
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-copy span {
    font-size:var(--ocx-cart-text-size,10px)!important;
    line-height:1.3!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-side {
    min-width:0!important;
    max-width:105px!important;
    width:auto!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:5px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-side strong {
    display:block!important;
    max-width:100%!important;
    font-size:var(--ocx-cart-price-size,12px)!important;
    line-height:1.2!important;
    text-align:right!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-side button {
    flex:0 0 29px!important;
    width:29px!important;
    min-height:29px!important;
    border-radius:9px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-totals {
    flex:0 0 auto!important;
    padding:8px 13px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-totals>div {
    font-size:var(--ocx-cart-text-size,10px)!important;
    gap:10px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-totals strong {
    font-size:var(--ocx-cart-price-size,12px)!important;
    text-align:right!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-actions {
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
    gap:7px!important;
    padding:10px 12px 12px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-actions>a {
    min-width:0!important;
    min-height:44px!important;
    padding:6px!important;
    font-size:var(--ocx-cart-button-size,11px)!important;
    line-height:1.3!important;
    text-align:center!important;
    white-space:normal!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-empty {
    flex:0 1 auto!important;
    padding:21px 16px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-empty b {font-size:var(--ocx-cart-title-size,14px)!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-empty small {font-size:var(--ocx-cart-text-size,10px)!important;line-height:1.4!important}
  html body.ocx-shop-body.ocx-mini-cart-hide-dock .ocx-mobile-bottom-nav {
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
@media(max-width:360px) {
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head {padding:10px!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-row {
    grid-template-columns:42px minmax(0,1fr) minmax(58px,auto)!important;
    gap:6px!important;
    padding:8px 6px!important;
  }
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-thumb {width:42px!important;height:42px!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-side {max-width:79px!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-actions {grid-template-columns:1fr!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head-actions>a {display:none!important}
}
@media(max-width:900px) and (max-height:470px) {
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-head {padding:8px 11px!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-actions {padding:7px 10px!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-actions>a {min-height:38px!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-totals {padding:5px 11px!important}
  html body.ocx-shop-body .ocx-shop-cart #cart .ocx-mini-cart-empty {padding:12px!important}
}
@media(prefers-reduced-motion:reduce) {
  html body.ocx-shop-body .ocx-shop-cart #cart .dropdown-menu.ocx-mini-cart-menu {animation:none!important;transition:none!important}
}

/* Phone: compact maximum. Tablet: respect the configured popup width (up to 600px). */
@media(max-width:600px){
  html body.ocx-shop-body .ocx-shop-cart #cart .dropdown-menu.ocx-mini-cart-menu {
    width:min(var(--ocx-cart-popup-width,390px),360px,calc(100vw - 24px))!important;
  }
}