/* 7of9 JuiceIN v3.6.2 | shared Product Details modal authority.
   Retains the full approved bottle artwork and every native product option.
   One scroll region inside the popup; close control is always in panel bounds. */
body.juicein-v2 [data-jx-product-modal] {
  position:fixed !important;
  inset:0 !important;
  z-index:2147482000 !important;
  box-sizing:border-box !important;
  padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)) !important;
  place-items:center !important;
  overflow:hidden !important;
  overscroll-behavior:contain !important;
}
body.juicein-v2 [data-jx-product-modal]:not(.is-open) {display:none !important;}
body.juicein-v2 [data-jx-product-modal].is-open {display:grid !important;}
body.juicein-v2 [data-jx-product-modal].is-open > .jx-v2-product-modal__panel {
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  grid-template-columns:none !important;
  display:block !important;
  width:min(1320px,100%) !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:min(718px,calc(100dvh - 28px)) !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:clamp(15px,1.6vw,22px) !important;
  overflow:hidden !important;
  background:#fffdf8 !important;
  box-shadow:0 26px 80px rgba(2,31,22,.22) !important;
  align-self:center !important;
  justify-self:center !important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll {
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(0,38%) minmax(0,62%) !important;
  grid-template-rows:auto !important;
  align-items:stretch !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  max-height:min(718px,calc(100dvh - 28px)) !important;
  padding:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media] {
  position:sticky !important;
  inset:0 auto auto 0 !important;
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  max-height:min(718px,calc(100dvh - 28px)) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#f3f5ef !important;
  border-right:1px solid rgba(11,61,45,.10) !important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media] > :is(img[data-jx-modal-image],video[data-jx-modal-video-v284]):not([hidden]) {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > .jx-v2-product-modal__content {
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:start !important;
  gap:clamp(5px,.6vw,8px) !important;
  min-width:0 !important;
  min-height:0 !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:clamp(15px,1.4vw,20px) clamp(17px,1.8vw,24px) 18px !important;
  overflow:visible !important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content h2 {
  max-width:calc(100% - 42px) !important;
  margin:0 50px 1px 0 !important;
  font-size:clamp(27px,2.9vw,42px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__fact {padding:8px 10px !important;}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__product-info {gap:7px !important;}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__info {gap:4px 10px !important;}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-config {gap:6px 10px !important;}
body.juicein-v2 [data-jx-product-modal] [data-jx-modal-add] {
  position:sticky !important;
  bottom:0 !important;
  z-index:3 !important;
  min-height:48px !important;
  margin:9px 0 0 !important;
  flex-shrink:0 !important;
  font-weight:750 !important;
  box-shadow:0 -6px 16px rgba(255,253,248,.87) !important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__close {
  position:absolute !important;
  z-index:100 !important;
  top:12px !important;
  right:12px !important;
  bottom:auto !important;
  left:auto !important;
  display:grid !important;
  place-items:center !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  background:#ffffff !important;
  color:#073c2d !important;
  box-shadow:0 6px 20px rgba(0,0,0,.14) !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__close:focus-visible {outline:3px solid #dbea3f !important;outline-offset:2px !important;}
body.juicein-v2 [data-jx-product-modal] [hidden] {display:none !important;}
@media(max-width:940px) {
  body.juicein-v2 [data-jx-product-modal] {padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom)) !important;}
  body.juicein-v2 [data-jx-product-modal].is-open > .jx-v2-product-modal__panel {width:min(720px,100%) !important;max-height:calc(100dvh - 20px) !important;}
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll {display:block !important;max-height:calc(100dvh - 20px) !important;}
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media] {
    position:relative !important;inset:auto !important;width:100% !important;height:clamp(170px,27dvh,245px) !important;max-height:none !important;border-right:0 !important;border-bottom:1px solid rgba(11,61,45,.10) !important;
  }
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > .jx-v2-product-modal__content {width:100% !important;min-height:0 !important;padding:14px 16px 18px !important;}
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__close {top:9px !important;right:9px !important;width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;}
}
@media(max-width:600px) {
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media] {height:clamp(145px,25dvh,205px) !important;}
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > .jx-v2-product-modal__content {padding:13px 13px 20px !important;}
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__product-info {grid-template-columns:1fr !important;}
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content h2 {font-size:clamp(26px,6.5vw,34px) !important;}
}
@media(max-height:500px) and (min-width:941px) {
  body.juicein-v2 [data-jx-product-modal].is-open > .jx-v2-product-modal__panel,
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll {max-height:calc(100dvh - 20px) !important;}
  body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > .jx-v2-product-modal__content {padding-top:10px !important;padding-bottom:12px !important;}
}
