/* Approved September 11 LP edits; shared by Sites and the scoped Stencil build. */
:where(#mood-preview) .product-badges{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;margin:24px 0 30px;padding:0;align-items:center}
:where(#mood-preview) .product-badges img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
:where(#mood-preview) .gallery-main:has(#product-image[data-photo="product"]) #product-image{transform:none!important;animation:none!important;transition:none!important}
:where(#mood-preview) .gallery-main:has(#product-image[data-photo="product"]) .gallery-glare{display:none}
:where(#mood-preview) .taste-howto{text-align:center;max-width:640px;margin:40px auto 0;padding:28px 20px 0;border-top:1px solid #d6ccc1}
:where(#mood-preview) .taste-howto h3{font:30px/1.15 var(--serif);margin-bottom:10px}:where(#mood-preview) .taste-howto p{font-size:16px;line-height:1.6}
:where(#mood-preview) .ritual-copy{padding-top:64px;padding-bottom:64px}:where(#mood-preview) .ritual-copy>p{font-size:16px;line-height:1.75;margin:22px 0;max-width:640px}:where(#mood-preview) .ritual-visual{align-self:center}
:where(#mood-preview) .founder-signoff{margin-top:30px}:where(#mood-preview) .founder-signoff p{font-size:13px;letter-spacing:.06em;margin:0 0 12px}:where(#mood-preview) .founder-signoff img{display:block;width:260px;max-width:100%;height:auto;mix-blend-mode:multiply}
:where(#mood-preview) .clinician-section{padding-top:72px;padding-bottom:0}:where(#mood-preview) .clinician-card{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:48px;align-items:center;background:#24251d;color:#faf8f3;padding:32px;border-radius:4px}
:where(#mood-preview) .clinician-portrait{width:100%;height:auto;display:block;border-radius:3px}:where(#mood-preview) .clinician-copy .eyebrow{color:#d9ee77;margin-bottom:14px}:where(#mood-preview) .clinician-copy h2{font:clamp(34px,3.5vw,52px)/1.08 var(--serif);margin:0 0 16px}:where(#mood-preview) .clinician-credentials{font-size:12px;line-height:1.8;color:#d9ee77}:where(#mood-preview) .clinician-copy blockquote{font-size:clamp(19px,2vw,27px);line-height:1.5;margin:24px 0 0;max-width:780px}
@media(max-width:800px){:where(#mood-preview) .ritual-copy{padding:45px var(--gutter)}:where(#mood-preview) .clinician-card{gap:28px;grid-template-columns:210px 1fr;padding:24px}:where(#mood-preview) .clinician-copy blockquote{font-size:20px}}
@media(max-width:560px){:where(#mood-preview) .product-badges{gap:5px}:where(#mood-preview) .clinician-card{grid-template-columns:1fr;gap:25px}:where(#mood-preview) .clinician-portrait{max-width:250px;margin:auto}:where(#mood-preview) .clinician-section{padding-top:45px}:where(#mood-preview) .ritual-copy>p{font-size:15px}:where(#mood-preview) .taste-howto{margin-top:30px}:where(#mood-preview) .clinician-copy h2{font-size:37px}}
@media(max-width:560px){:where(#mood-preview) .product-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}:where(#mood-preview) .product-badges li{flex:0 0 calc(33.333% - 8px)}}
:where(#mood-preview) .badge-replay{display:block;width:100%;border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%}:where(#mood-preview) .badge-replay:focus-visible{outline:2px solid currentColor;outline-offset:4px}:where(#mood-preview) .badge-replay[aria-disabled=true]{cursor:default}:where(#mood-preview) .badge-replay.is-animating img{animation:badge-breathe 2.8s cubic-bezier(.4,0,.2,1);transform-origin:center}
@keyframes badge-breathe{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-2px) scale(1.025)}70%{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){:where(#mood-preview) .badge-replay.is-animating img{animation:none}}
/* Clean vector badges: lettering stays still; only the central symbol moves. */
:where(#mood-preview) .badge-replay{color:var(--ink)}:where(#mood-preview) .badge-replay svg{display:block;width:100%;height:auto;overflow:visible}:where(#mood-preview) .badge-replay .badge-symbol{transform-box:view-box;transform-origin:120px 125px}:where(#mood-preview) .badge-replay.is-animating .badge-symbol{animation:badge-breathe 2.8s cubic-bezier(.4,0,.2,1)}
@media(prefers-reduced-motion:reduce){:where(#mood-preview) .badge-replay.is-animating .badge-symbol{animation:none}}
:where(#mood-preview) .gallery-main:has(#product-image[data-photo^="studio-"]){background:#fff}:where(#mood-preview) .gallery-main:has(#product-image[data-photo^="studio-"]) #product-image{object-fit:contain;transform:none!important;animation:none!important;transition:none!important}:where(#mood-preview) .gallery-main:has(#product-image[data-photo^="studio-"]) .gallery-glare,:where(#mood-preview) .gallery-main:has(#product-image[data-photo^="studio-"]) .image-label{display:none}:where(#mood-preview) .gallery-main:has(#product-image[data-photo^="studio-"]) .gallery-index{color:#555;text-shadow:none}:where(#mood-preview) .gallery-thumbnails{flex-wrap:wrap}:where(#mood-preview) .gallery-thumbnails .gallery-note{flex:1;min-width:110px}
:where(#mood-preview) #lightbox-image-wrap:has(img[data-photo^="studio-"]){background:#fff}:where(#mood-preview) #lightbox-image[data-photo^="studio-"]{object-fit:contain}
:where(#mood-preview) .gallery-main:has(#product-image[data-photo^="studio-"]):after{display:none}
/* Desktop purchase hierarchy: keep the buying controls within an easy scan. */
@media(min-width:1024px){
 :where(#mood-preview) .shop-section{align-items:start;gap:clamp(32px,4vw,64px);padding-top:32px;padding-bottom:40px;scroll-margin-top:0}
 :where(#mood-preview) .product-gallery{position:sticky;top:100px;max-width:600px;width:100%;justify-self:center}
 :where(#mood-preview) .gallery-main{aspect-ratio:1;max-height: min(580px,65vh);width:100%}
 :where(#mood-preview) .product-info{padding:0}
 :where(#mood-preview) .product-info>.eyebrow{margin-bottom:8px}
 :where(#mood-preview) .product-info h2{font-size:clamp(42px,3.7vw,56px);line-height:1.04}
 :where(#mood-preview) .product-subtitle{margin-top:9px}:where(#mood-preview) .product-rating{margin-top:10px}
 :where(#mood-preview) .product-intro{max-width:none;margin:16px 0 12px;line-height:1.6}
 :where(#mood-preview) .product-badges{max-width:470px;gap:12px;margin:12px 0 18px}
 :where(#mood-preview) .purchase-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
 :where(#mood-preview) .purchase-options legend{margin-bottom:8px}
 :where(#mood-preview) .purchase-options .purchase-option{margin:0;min-height:84px;padding:12px;gap:9px;flex-wrap:wrap}
 :where(#mood-preview) .purchase-options .option-label{flex:1;min-width:110px}
 :where(#mood-preview) .purchase-options .option-price{font-size:20px}
 :where(#mood-preview) .subscription-group{margin-top:0}
 :where(#mood-preview) .frequency-panel{padding:0 12px 12px}
 :where(#mood-preview) .box-chooser{margin-top:12px;gap:8px}
 :where(#mood-preview) .box-chooser button{padding:10px 8px;min-height:52px}
 :where(#mood-preview) .price-context{margin-top:8px}
 :where(#mood-preview) .buy-row{margin-top:12px}
 :where(#mood-preview) .purchase-assurance{margin-top:10px}
}
/* Original-photo cutouts: scale the silhouette with the contained square image. */
:where(#mood-preview) .gallery-main:has(#product-image[data-photo^="studio-"]){background:transparent}
:where(#mood-preview) #lightbox-image-wrap:has(img[data-photo^="studio-"]){background:#f2eef0}
:where(#mood-preview) img[data-photo="studio-closed"],:where(#mood-preview) .gallery-thumb[data-image="studio-closed"] img{mask-image:url('https://cdn11.bigcommerce.com/s-no04cebghs/content/mood-preview/v1/images/product-masks/closed.svg');-webkit-mask-image:url('https://cdn11.bigcommerce.com/s-no04cebghs/content/mood-preview/v1/images/product-masks/closed.svg')}
:where(#mood-preview) img[data-photo="studio-open"],:where(#mood-preview) .gallery-thumb[data-image="studio-open"] img{mask-image:url('https://cdn11.bigcommerce.com/s-no04cebghs/content/mood-preview/v1/images/product-masks/open.svg');-webkit-mask-image:url('https://cdn11.bigcommerce.com/s-no04cebghs/content/mood-preview/v1/images/product-masks/open.svg')}
:where(#mood-preview) img[data-photo^="studio-"],:where(#mood-preview) .gallery-thumb[data-image^="studio-"] img{mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;object-fit:contain}

/* Cart feedback shares the drawer content inset at every breakpoint. */
:where(#mood-preview) #cart-status,:where(#mood-preview) #cart-error{margin:0;padding:0 30px 12px;line-height:1.5;overflow-wrap:anywhere;font-size:13px}
:where(#mood-preview) #cart-status:empty,:where(#mood-preview) #cart-error:empty{display:none}
:where(#mood-preview) .cart-item>img{object-fit:contain;background:transparent}
@media(max-width:767px){:where(#mood-preview) #cart-status,:where(#mood-preview) #cart-error{padding-inline:23px}}