/* 7of9 JuiceIN v3.4.1 — PRODUCT DETAILS MODAL: single definitive layout.
 * Repairs mobile off-screen clipping and wide-screen media/content collisions.
 * Scoped to the theme-owned modal; does not alter Elementor page layouts or pricing.
 * This CSS is enqueued LAST after the original media authority, rather than being
 * pasted into 17 separate pages. The approved artwork is never cropped.
 */
body.juicein-v2 [data-jx-product-modal]{
  position:fixed!important;inset:0!important;
  box-sizing:border-box!important;width:auto!important;height:auto!important;
  min-width:0!important;min-height:0!important;
  padding:clamp(6px,1.15vw,15px)!important;
  overflow:hidden!important;
  align-items:center!important;justify-items:center!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  transform:none!important;
}
body.juicein-v2 [data-jx-product-modal].is-open{display:grid!important;}
body.juicein-v2 [data-jx-product-modal]:not(.is-open){display:none!important;}
body.juicein-v2 [data-jx-product-modal] > .jx-v2-product-modal__backdrop{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  z-index:0!important;
}
body.juicein-v2 [data-jx-product-modal] > .jx-v2-product-modal__panel{
  box-sizing:border-box!important;
  position:relative!important;inset:auto!important;top:auto!important;right:auto!important;
  bottom:auto!important;left:auto!important;
  display:block!important;grid-area:1/1!important;
  align-self:center!important;justify-self:center!important;
  transform:none!important;margin:0!important;padding:0!important;
  width:min(1040px,100%)!important;max-width:100%!important;min-width:0!important;
  height:min(780px,calc(100dvh - 30px))!important;
  max-height:calc(100dvh - 30px)!important;min-height:0!important;
  overflow:hidden!important;overscroll-behavior:contain!important;
  border-radius:20px!important;z-index:1!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll{
  display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,54%)!important;
  grid-template-rows:minmax(100%,auto)!important;
  width:100%!important;height:100%!important;max-height:100%!important;
  min-width:0!important;min-height:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  scroll-behavior:auto!important;
  overscroll-behavior-y:contain!important;
  scrollbar-gutter:stable!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media]{
  grid-column:1!important;grid-row:1!important;
  position:sticky!important;top:0!important;align-self:start!important;
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  width:100%!important;min-width:0!important;
  height:min(780px,calc(100dvh - 30px))!important;
  max-height:none!important;min-height:0!important;
  aspect-ratio:auto!important;margin:0!important;padding:12px!important;
  overflow:hidden!important;background:#f4f7f1!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media] > img[data-jx-modal-image]:not([hidden]){
  display:block!important;position:relative!important;inset:auto!important;
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;
  transform:none!important;filter:none!important;clip-path:none!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > .jx-v2-product-modal__content{
  grid-column:2!important;grid-row:1!important;
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;align-self:start!important;
  min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;
  max-height:none!important;overflow:visible!important;
  margin:0!important;padding:clamp(24px,3.1vw,39px)!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content h2{
  padding-right:36px!important;
  font-size:clamp(28px,3.1vw,44px)!important;
  overflow-wrap:break-word!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__close{
  position:absolute!important;top:10px!important;right:10px!important;
  bottom:auto!important;left:auto!important;z-index:20!important;
  float:none!important;transform:none!important;margin:0!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-config,
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__product-info{
  min-width:0!important;width:100%!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-choice-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-choice span{
  box-sizing:border-box!important;min-width:0!important;
  min-height:56px!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__fact[hidden],
body.juicein-v2 [data-jx-product-modal] fieldset[hidden],
body.juicein-v2 [data-jx-product-modal] [data-jx-config][hidden],
body.juicein-v2 [data-jx-product-modal] [data-jx-modal-info][hidden]{display:none!important;}
@media(max-width:900px){
 body.juicein-v2 [data-jx-product-modal]{padding:6px!important;}
 body.juicein-v2 [data-jx-product-modal] > .jx-v2-product-modal__panel{
   width:min(650px,100%)!important;max-width:100%!important;
   height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;
   border-radius:18px!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll{
   display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;
   overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:auto!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media]{
   display:block!important;position:relative!important;top:auto!important;
   width:100%!important;height:auto!important;max-height:none!important;
   min-height:0!important;aspect-ratio:1/1!important;
   margin:0!important;padding:0!important;
   overflow:hidden!important;border-radius:0!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media] > img[data-jx-modal-image]:not([hidden]){
   position:absolute!important;inset:8px!important;
   width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;
   max-width:none!important;max-height:none!important;
   object-fit:contain!important;object-position:center center!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > .jx-v2-product-modal__content{
   display:flex!important;position:relative!important;width:100%!important;
   min-height:0!important;padding:clamp(16px,3.5vw,25px)!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content h2{
   font-size:clamp(28px,6.6vw,42px)!important;
 }
}
/* On tablets, avoid an oversized 650px-tall image hiding all product details. */
@media(min-width:621px) and (max-width:900px){
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > figure[data-jx-modal-media]{
   height:min(52dvh,480px)!important;aspect-ratio:auto!important;
 }
}
@media(max-width:420px){
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll > .jx-v2-product-modal__content{
   padding:16px 14px max(26px,env(safe-area-inset-bottom))!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content h2{
   font-size:clamp(27px,7vw,34px)!important;padding-right:42px!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-choice-grid{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}