/* A labelled educational illustration, never a product micrograph or clinical claim. */
body.dhd .ingredient-window{--iw-ink:#202A27;--iw-paper:#E8EBE6;--iw-oil:#D8C498;position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,78px);align-items:center;margin:clamp(28px,5vw,72px) 0 0;padding:clamp(24px,4.5vw,64px);border:1px solid #D8C49845;border-radius:2px;color:#F5F0E5;background:linear-gradient(140deg,#353C40E8,#171B1DF5);overflow:clip;isolation:isolate;}
body.dhd .ingredient-window::before{content:"";position:absolute;z-index:-1;inset:-30%;background:radial-gradient(ellipse at 20% 50%,#D8C49812,transparent 46%),radial-gradient(ellipse at 85% 15%,#365D4B44,transparent 44%);pointer-events:none;}
body.dhd .ingredient-window figure{margin:0;min-width:0;position:relative;}
body.dhd .ingredient-window svg{display:block;width:100%;height:auto;overflow:visible;}
body.dhd .ingredient-window figcaption{font:400 12px/1.6 var(--sans);color:#D8DDDA;text-align:center;letter-spacing:.025em;margin:8px 0 0;}
body.dhd .ingredient-window h3{font:500 clamp(25px,2.5vw,38px)/1.15 var(--font-display);color:#F5F0E5;margin:10px 0 22px;letter-spacing:-.025em;text-wrap:balance;}
body.dhd .ingredient-window .iw-copy>p{font:400 clamp(16px,1.25vw,19px)/1.7 var(--sans);color:#E8EBE6;margin:0 0 18px;max-width:48ch;}
body.dhd .ingredient-window .iw-copy>.eyebrow{color:#D8C498;font:500 13px/1.5 var(--font-label);letter-spacing:.15em;}
body.dhd .ingredient-window .iw-action{display:inline-flex;align-items:center;gap:25px;padding:12px 0;border:0;border-bottom:1px solid #D8C49899;border-radius:0;background:transparent;color:#F5F0E5;font:600 16px/1.5 var(--sans);cursor:pointer;min-height:48px;}
body.dhd .ingredient-window .iw-action span:last-child{display:inline-block;transition:transform .45s cubic-bezier(.2,.7,.1,1);color:#D8C498;font-size:22px;}
body.dhd .ingredient-window .iw-action:hover span:last-child{transform:translateX(5px);}
body.dhd .ingredient-window .iw-action:focus-visible{outline:2px solid #D8C498;outline-offset:6px;}
body.dhd .ingredient-window [hidden]{display:none!important;}
body.dhd .ingredient-window .iw-status{min-height:3.2em;font:400 13px/1.6 var(--sans);color:#D8DDDA;margin-top:14px;max-width:48ch;}
.iw-outline{fill:#3F5348;stroke:#D8C498;stroke-width:2.6;}
.iw-section-edge{fill:none;stroke:#D8C49845;stroke-width:1.8;}
.iw-pore{fill:#19251F;stroke:#95AA974A;stroke-width:1.3;}
.iw-oil{fill:#D8C498;opacity:.14;transform-box:fill-box;transform-origin:center;transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.2,.8,.2,1);transform:scale(.2);}
.iw-stream{fill:none;stroke:#D8C498;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:3 10;opacity:0;}
.iw-drop{fill:#D8C498;opacity:.8;transform-box:fill-box;transform-origin:center;}
.iw-label{fill:#D8DDDA;font:500 10px var(--sans);letter-spacing:1.1px;}
.iw-annotation{fill:none;stroke:#D8DDDA55;stroke-width:1.3;}
.is-infused .iw-oil{opacity:.82;transform:scale(.82);}
.ingredient-window.is-infused :is(.iw-drop,.iw-stream){opacity:0;}
.ingredient-window.is-instant *{animation:none!important;transition:none!important;}
.is-flowing .iw-stream{animation:iw-stream 2.4s ease both;}
.is-flowing .iw-drop{animation:iw-drop 2.4s cubic-bezier(.22,.65,.2,1) both;}
.is-flowing .iw-oil{opacity:.82;transform:scale(.82);transition-delay:var(--iw-delay,0ms);}
@keyframes iw-stream{0%{opacity:0;stroke-dashoffset:22}20%{opacity:.65}78%{opacity:.5}100%{opacity:0;stroke-dashoffset:-45}}
@keyframes iw-drop{0%{transform:translateY(0);opacity:.8}58%{transform:translateY(68px);opacity:.5}78%,100%{transform:translateY(84px);opacity:0}}
body.dhd .product-ingredient-chapter{padding:clamp(56px,8vw,120px) clamp(20px,6vw,96px);background:linear-gradient(155deg,#E8EBE6,#D8DDDA);color:#202A27;}
body.dhd .product-ingredient-chapter>.eyebrow{color:#365D4B;}
body.dhd .product-ingredient-chapter>h2{max-width:20ch;color:#202A27;font-size:clamp(34px,4.2vw,68px);margin:12px 0 24px;text-wrap:balance;}
body.dhd .product-ingredient-chapter>.iw-product-intro{max-width:68ch;font:400 clamp(18px,1.5vw,22px)/1.65 var(--sans);}
body.dhd .product-ingredient-chapter>.iw-product-links{display:flex;gap:20px 36px;flex-wrap:wrap;margin-top:32px;}
body.dhd .product-ingredient-chapter .iw-product-links a{color:#365D4B;border-bottom:1px solid #365D4B60;padding:12px 0;text-decoration:none;}
@media(max-width:760px){body.dhd .ingredient-window{grid-template-columns:1fr;gap:20px;padding:24px;}body.dhd .ingredient-window figure{max-width:440px;margin:auto;}body.dhd .ingredient-window h3{font-size:27px;}body.dhd .ingredient-window .iw-copy>p{font-size:16px;}}
@media(prefers-reduced-motion:reduce){.ingredient-window *{animation:none!important;transition:none!important;}.ingredient-window.is-flowing .iw-drop,.ingredient-window.is-flowing .iw-stream{opacity:0;}}
@media print{body.dhd .ingredient-window{display:block;color:#202A27;background:white;break-inside:avoid;}body.dhd .ingredient-window :is(h3,p,figcaption){color:#202A27!important;}.ingredient-window .iw-action{display:none!important;}}