/* For Her v1.20.310 — Misk reference purchasing UI.
 * Geometry and proportions follow the provided saved Misk page.
 * This layer is opt-in and wins over earlier generic sticky-bar overrides. */

/* The indispensable in-flow action. It is a real Zid add-to-cart button,
   not a decorative sentinel, so no state removes the shopper's only action. */
html body .elite-pdp .pdp-misk-primary-purchase{
  box-sizing:border-box!important;
  display:block!important;
  order:5!important;
  width:100%!important;
  margin:20px 0 16px!important;
  padding:0!important;
}
html body .elite-pdp .pdp-misk-primary-purchase__button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:12px 22px!important;
  border:0!important;
  border-radius:6px!important;
  background:var(--elite-primary,#202020)!important;
  color:var(--elite-primary-contrast,#fff)!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.4!important;
  box-shadow:none!important;
}
html body .elite-pdp .pdp-misk-primary-purchase__button:focus-visible{outline:2px solid var(--elite-primary,#202020);outline-offset:3px}

/* Misk original: full-bleed glass pane anchored to the actual bottom edge,
   not a floating, rounded card or the narrower old 850px desktop widget. */
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2{
  --misk-dock-position:120px;
  position:fixed!important;
  inset-inline:0!important;
  inset-block-start:auto!important;
  top:auto!important;
  right:0!important;
  left:0!important;
  bottom:0!important;
  z-index:1250!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:12px 16px calc(20px + env(safe-area-inset-bottom,0px))!important;
  border:0!important;
  border-radius:10px 10px 0 0!important;
  background:rgba(255,255,255,.77)!important;
  box-shadow:2px -1px 13px -3px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.1)!important;
  backdrop-filter:blur(8px) saturate(1.1)!important;
  opacity:1!important;
  visibility:visible!important; /* avoid early disappearance before slide-out finishes */
  transform:translate3d(0,var(--misk-dock-position),0)!important;
  transition:background-color .25s ease,box-shadow .25s ease!important;
  will-change:transform;
}
/* Legacy global [aria-hidden] selectors should not defeat the slide animation.
   JS also sets inert and disables hit testing when hidden. */
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2[aria-hidden="true"]{
  visibility:visible!important;
  pointer-events:none!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2.is-visible{visibility:visible!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-inner{
  display:block!important;
  box-sizing:border-box!important;
  width:min(100%,1160px)!important;
  max-width:1160px!important;
  min-width:0!important;
  height:auto!important;
  min-height:50px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-product{display:none!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-controls{
  display:flex!important;
  direction:rtl;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-reference-quantity{
  display:grid!important;
  direction:rtl!important;
  flex:0 0 calc(35% - 5px)!important;
  grid-template-columns:45px minmax(0,1fr) 45px!important;
  place-items:stretch;
  box-sizing:border-box!important;
  width:calc(35% - 5px)!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:inset 0 0 0 1px rgba(25,25,25,.07)!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-reference-quantity :is(button,output){
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  color:#1d1d1d!important;
  border:0!important;
  border-radius:0!important;
  font-size:21px!important;
  font-weight:700!important;
  line-height:1!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-reference-quantity output{font-size:17px!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-reference-quantity button:hover:not(:disabled){background:rgba(0,0,0,.045)!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-action{
  display:flex!important;
  flex:1 1 65%!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-action .btn-add-to-cart{
  display:flex!important;
  flex:1 1 100%!important;
  flex-flow:row nowrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  padding:7px 12px!important;
  margin:0!important;
  border:0!important;
  border-radius:6px!important;
  background:#202020!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:750!important;
  gap:8px!important;
  box-shadow:none!important;
  line-height:1.2!important;
  text-transform:none!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-button-label{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  font-size:inherit!important;
  text-align:center!important;
  font-weight:inherit!important;
  white-space:nowrap!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-button-price{
  display:inline-flex!important;
  flex:0 0 auto!important;
  justify-content:center!important;
  align-items:center!important;
  max-width:48%!important;
  min-height:35px!important;
  padding:8px 10px!important;
  margin:0!important;
  border:0!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  direction:rtl!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-button-price[hidden]{display:none!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-buy-now{display:none!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .pdp-sticky-apple-pay{display:none!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .pdp-sticky-apple-pay.has-native-apple-pay{
  display:flex!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:0!important;max-width:none!important;height:50px!important;margin:0!important;border-radius:6px!important;overflow:hidden!important;
}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .pdp-sticky-apple-pay.has-native-apple-pay :is(.pdp-sticky-apple-pay__native,apple-pay-button,.apple-pay-button){height:50px!important;min-height:50px!important;max-height:50px!important;max-width:100%!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2:has(.pdp-sticky-apple-pay.has-native-apple-pay) .sticky-cart-reference-quantity,
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2:has(.pdp-sticky-apple-pay.has-native-apple-pay) .sticky-cart-action{flex:1 1 0!important;width:auto!important;min-width:0!important}
html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2:has(.pdp-sticky-apple-pay.has-native-apple-pay) .sticky-cart-button-price{display:none!important}

/* The previous desktop design inherited a large inset, and its 850px
   inner wrapper made a narrow card appear to hover over the page. */
@media(min-width:992px){
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2{
    inset-block-end:0!important;
    bottom:0!important;
    padding:12px max(20px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))!important;
  }
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-inner{width:min(100%,1160px)!important;max-width:1160px!important}
}
@media(max-width:991px){
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2{
    padding:12px max(10px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important;
    bottom:0!important;
  }
  html body[data-mobile-bottom-nav="true"] .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2{
    bottom:var(--elite-mobile-nav-height,56px)!important;
    padding-bottom:12px!important;
  }
  html body[data-mobile-bottom-nav="true"]:has(.elite-pdp.pdp-mobile-layout-misk[data-misk-hide-mobile-nav="true"]) .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2{
    bottom:0!important;
    padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
  }
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-inner{width:100%!important;max-width:720px!important;min-height:50px!important}
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-controls{gap:8px!important}
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-reference-quantity{
    flex-basis:calc(35% - 4px)!important;
    width:calc(35% - 4px)!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
  }
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-action .btn-add-to-cart{font-size:clamp(12px,3.3vw,15px)!important}
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-button-price{font-size:clamp(10px,2.7vw,13px)!important;max-width:47%!important;padding-inline:7px!important}
}
@media(max-width:359px){
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2{padding-inline:8px!important}
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-controls{gap:6px!important}
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-reference-quantity{grid-template-columns:30px minmax(0,1fr) 30px!important}
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2 .sticky-cart-action .btn-add-to-cart{padding-inline:7px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .sticky-cart-bar.sticky-cart-style-misk.misk-dock-v2{transition:none!important;will-change:auto!important}
}