/* 7of9 JuiceIN v3.3.0 — Approved styling, one responsive product-media authority.
 * Retains existing fonts, palette, content and interactions.
 * Product photography: complete cap/label/base; square source fills square frame.
 * Non-square replacement: whole image + subtle, edge-to-edge extended backdrop.
 */
:root{--ji-photo-line:rgba(10,66,47,.10);--ji-photo-shadow:0 12px 29px rgba(6,49,32,.09)}
body.juicein-v2 :is(#j9-home-v365,#j9-drinks-v201,#j9-juices-v202,#j9-smoothies-v201,#j9-shots-v200,#j9-pairings-v200) img{max-width:100%;}
/* Keep the original photographed scene extending behind non-square product media. */
body.juicein-v2 .ji-media-extension{isolation:isolate;position:relative!important;background-color:#edf5e9!important;}
body.juicein-v2 .ji-media-extension::before{
  content:''!important;display:block!important;position:absolute!important;inset:-14px!important;
  z-index:0!important;background-image:var(--ji-media-fill)!important;background-size:cover!important;
  background-position:center center!important;filter:blur(16px) saturate(.87)!important;opacity:.52!important;
  pointer-events:none!important;transform:scale(1.01)!important;
}
body.juicein-v2 .ji-media-extension>img{position:relative!important;z-index:1!important;}
/* Preserve image geometry for other product cards, without changing the approved compositions. */
body.juicein-v2 :is(
 #j9-home-v365 .j9h-feature__media img[data-j9-product-image],
 #j9-home-v365 .j9h-mini__media img[data-j9-product-image],
 #j9-home-v365 .j9h-cane-card__media img[data-j9-product-image],
 #j9-drinks-v201 .j9d-product__media img,
 #j9-juices-v202 .j9j-card__media img,
 #j9-smoothies-v201 .j9s-card__media img,
 #j9-shots-v200 .j9w-card__media img,
 #j9-pairings-v200 .j9p-card__media img
 ){object-fit:contain!important;object-position:center center!important;transform:none!important;}
/* JUICES hero: same three green-accented cards and type, now without photo cropping. */
body.juicein-v2 #j9-juices-v202 .j9j-hero__visual{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:auto auto!important;gap:clamp(10px,1.4vw,16px)!important;
 align-items:start!important;min-height:0!important;height:auto!important;padding:0!important;overflow:visible!important;
}
body.juicein-v2 #j9-juices-v202 .j9j-hero__visual-head{
 grid-column:1/-1!important;grid-row:auto!important;padding:0 4px 4px!important;
 min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 position:relative!important;overflow:hidden!important;min-width:0!important;
 width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
 aspect-ratio:auto!important;padding:0!important;margin:0!important;
 border:1px solid var(--ji-photo-line)!important;border-radius:clamp(14px,2vw,20px)!important;
 box-shadow:var(--ji-photo-shadow)!important;background:#fffdf8!important;
 isolation:isolate!important;text-align:left!important;transition:transform .18s ease,box-shadow .18s ease!important;
}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle::before,
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle::after{content:none!important;display:none!important;}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle.ji-media-extension::before{
 content:''!important;display:block!important;position:absolute!important;
 inset:-12px -12px 71px!important;z-index:0!important;
 background-image:var(--ji-media-fill)!important;background-position:center!important;
 background-size:cover!important;filter:blur(15px)!important;opacity:.55!important;
}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle>img,
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle[data-j9-resolved-fit] > img{
 box-sizing:border-box!important;display:block!important;position:relative!important;
 left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;inset:auto!important;
 flex:0 0 auto!important;z-index:1!important;
 width:100%!important;height:auto!important;aspect-ratio:1/1!important;
 min-height:0!important;max-width:100%!important;max-height:none!important;
 margin:0!important;padding:0!important;object-position:center center!important;
 transform:none!important;filter:none!important;clip-path:none!important;
}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle>img:not([hidden]){object-fit:contain!important;}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle[data-j9-resolved-fit="hero-cover"]>img:not([hidden]){object-fit:cover!important;}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle>span{
 box-sizing:border-box!important;position:relative!important;inset:auto!important;
 left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
 z-index:2!important;display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;gap:5px!important;
 flex:1 0 auto!important;width:100%!important;max-width:none!important;
 min-width:0!important;min-height:72px!important;margin:0!important;
 padding:13px 15px 14px!important;border:0!important;
 border-top:2px solid rgba(13,98,64,.19)!important;
 border-radius:0!important;background:#fff!important;
 box-shadow:none!important;backdrop-filter:none!important;text-shadow:none!important;
}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle>span small{
 font-size:11px!important;font-weight:800!important;line-height:1.15!important;
 letter-spacing:.09em!important;text-transform:uppercase!important;color:#507b61!important;
}
body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle>span strong{
 font-size:clamp(16px,1.55vw,21px)!important;font-weight:800!important;
 line-height:1.18!important;color:#0c3c2c!important;letter-spacing:-.01em!important;
 overflow-wrap:normal!important;word-break:normal!important;
}
@media(hover:hover) and (pointer:fine){
 body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle:hover{
  transform:translateY(-2px)!important;box-shadow:0 18px 32px rgba(6,49,32,.13)!important;
 }
}
@media(max-width:620px){
 body.juicein-v2 #j9-juices-v202 .j9j-hero__visual{
  grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;
  gap:10px!important;padding:0!important;
 }
 body.juicein-v2 #j9-juices-v202 .j9j-hero__visual-head{grid-column:1!important;}
 body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle{
  display:grid!important;grid-template-columns:minmax(116px,41%) minmax(0,1fr)!important;
  grid-template-rows:auto!important;align-items:stretch!important;
  width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
  border-radius:16px!important;
 }
 body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle>img{
  grid-column:1!important;grid-row:1!important;
  height:100%!important;max-height:none!important;aspect-ratio:1/1!important;
 }
 body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle>span{
  grid-column:2!important;grid-row:1!important;
  border:0!important;border-left:2px solid rgba(13,98,64,.15)!important;
  min-height:0!important;padding:12px clamp(10px,3vw,18px)!important;
  justify-content:center!important;align-self:stretch!important;
 }
 body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle>span strong{
  font-size:clamp(15px,4.4vw,19px)!important;
 }
 body.juicein-v2 #j9-juices-v202 .j9j-hero-bottle.ji-media-extension::before{inset:-12px 58% -12px -12px!important;}
}
/* PRODUCT DETAILS: one internal scroll owner; close X stays inside fixed dialog shell. */
body.juicein-v2 [data-jx-product-modal]>.jx-v2-product-modal__panel{
 box-sizing:border-box!important;position:fixed!important;
 top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
 display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;
 width:min(1040px,calc(100vw - 26px))!important;
 height:min(780px,calc(100dvh - 24px))!important;
 max-height:calc(100dvh - 24px)!important;
 transform:translate(-50%,-50%)!important;overflow:hidden!important;
 padding:0!important;margin:0!important;
 border-radius:clamp(15px,2vw,24px)!important;
 background:#fffdf8!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll{
 display:grid!important;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr)!important;
 gap:0!important;align-items:stretch!important;
 width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch;scrollbar-gutter:stable;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__close{
 box-sizing:border-box!important;position:absolute!important;
 top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
 margin:0!important;float:none!important;z-index:90!important;
 width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
 display:grid!important;place-items:center!important;
 border-radius:50%!important;background:rgba(255,255,255,.98)!important;
 box-shadow:0 6px 20px rgba(0,0,0,.13)!important;cursor:pointer!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll>figure[data-jx-modal-media]{
 box-sizing:border-box!important;position:relative!important;display:grid!important;place-items:center!important;
 width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:clamp(4px,1.1vw,12px)!important;
 aspect-ratio:auto!important;overflow:hidden!important;
 background:#f4f7f1!important;border:0!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll>figure[data-jx-modal-media]::before,
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll>figure[data-jx-modal-media]::after{
 content:none!important;display:none!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll>figure.ji-media-extension::before{
 content:''!important;display:block!important;inset:-12px!important;
 background-image:var(--ji-media-fill)!important;filter:blur(16px)!important;opacity:.43!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]){
 box-sizing:border-box!important;position:relative!important;display:block!important;inset:auto!important;
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 padding:0!important;margin:0!important;transform:none!important;
 object-fit:contain!important;object-position:center center!important;filter:none!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll>.jx-v2-product-modal__content{
 box-sizing:border-box!important;position:relative!important;display:flex!important;
 flex-direction:column!important;justify-content:flex-start!important;
 width:100%!important;min-width:0!important;height:auto!important;
 min-height:100%!important;max-height:none!important;overflow:visible!important;
 padding:clamp(26px,3.5vw,44px)!important;background:#fffdf8!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content h2{
 font-size:clamp(30px,3.25vw,50px)!important;line-height:1.04!important;
 padding-right:clamp(25px,3vw,50px)!important;overflow-wrap:break-word!important;
}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content :is(.jx-v2-product-config,.jx-v2-product-modal__product-info){min-width:0!important;}
body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content :is(button,input,select,textarea){max-width:100%;}
@media(max-width:900px){
 body.juicein-v2 [data-jx-product-modal]>.jx-v2-product-modal__panel{
  width:min(650px,calc(100vw - 10px))!important;
  height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!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;overflow-y:auto!important;scrollbar-gutter:auto;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll>figure[data-jx-modal-media]{
  width:100%!important;height:auto!important;min-height:0!important;
  max-height:none!important;aspect-ratio:1/1!important;
  padding:4px!important;margin:0!important;border-radius:0!important;
  border-bottom:1px solid rgba(13,98,64,.12)!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;width:100%!important;height:100%!important;
  aspect-ratio:1/1!important;max-width:100%!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{
  min-height:0!important;height:auto!important;
  padding:clamp(14px,4vw,22px)!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content h2{
  font-size:clamp(29px,7.5vw,44px)!important;padding-right:44px!important;
 }
}
@media(max-width:360px){
 body.juicein-v2 [data-jx-product-modal]>.jx-v2-product-modal__panel{
  width:calc(100vw - 6px)!important;height:calc(100dvh - 6px)!important;
  max-height:calc(100dvh - 6px)!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__content h2{font-size:28px!important;}
 body.juicein-v2 [data-jx-product-modal] .jx-v2-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-height:520px) and (orientation:landscape){
 body.juicein-v2 [data-jx-product-modal]>.jx-v2-product-modal__panel{
  height:calc(100dvh - 6px)!important;max-height:calc(100dvh - 6px)!important;
 }
 body.juicein-v2 [data-jx-product-modal] .jx-v2-product-modal__scroll>figure[data-jx-modal-media]{
  max-height:none!important;
 }
}