/* Names are the calm default. The photo becomes an ingredient guide on intent. */
.theme-showcase .product-card{position:relative}.theme-showcase .product-card .product-info{opacity:1;pointer-events:auto;transform:none}.theme-showcase .product-card .product-heading,.theme-showcase .product-card .brand-tag{visibility:visible;opacity:1}.theme-showcase .product-card .product-heading h4{font-size:clamp(23px,2.1vw,30px)}.theme-showcase .ingredient-trigger{position:relative;display:block;width:100%;color:inherit;cursor:pointer;overflow:visible;text-align:center}.theme-showcase .ingredient-trigger:focus-visible{outline:3px solid #b66650;outline-offset:7px}.theme-showcase .menu-ingredient-description{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.touch-ingredient-hint{display:inline-block;margin-top:7px;color:#51413c;font:600 11px/1.2 inherit;letter-spacing:.04em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ingredient-annotations{position:absolute;inset:0;display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease}.ingredients-open .ingredient-annotations{visibility:visible;opacity:1}.ingredient-annotation{position:absolute;inset:0;color:#3f403d}.ingredient-annotation svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ingredient-annotation line{stroke:currentColor;stroke-width:1.1;vector-effect:non-scaling-stroke}.ingredient-annotation marker path{fill:currentColor}.ingredient-annotation b{position:absolute;width:max-content;max-width:33%;padding:3px 5px;border-radius:3px;background:#fffffff8;box-shadow:0 1px 3px #3f32251c;font:600 clamp(9px,1vw,10px)/1.1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em;text-align:left}.ingredient-annotation--left b{left:var(--label-x);top:calc(var(--label-y) - 2%)}.ingredient-annotation--right b{left:var(--label-x);top:calc(var(--label-y) - 2%);text-align:right}
@media(hover:hover){.touch-ingredient-hint{opacity:0;transition:opacity .18s ease}.product-card:hover .touch-ingredient-hint,.product-card:focus-within .touch-ingredient-hint{opacity:1}}@media(max-width:760px){.theme-showcase .product-card .ingredient-trigger{max-width:360px;margin-inline:auto}.theme-showcase .product-card .product-info{padding:0 8px 20px}.theme-showcase .product-card .product-heading{margin:9px 0 0}.theme-showcase .product-card .product-heading h4{font-size:27px}.ingredient-annotation b{max-width:36%;font-size:10px}.theme-showcase .menu-ingredient-description{font-size:14px}}@media(prefers-reduced-motion:reduce){.ingredient-annotations,.touch-ingredient-hint{transition:none}}
.ingredient-annotation b{max-width:min(33%,calc(98% - var(--label-x)));box-sizing:border-box;overflow-wrap:anywhere}

/* Fade the bowl into a backdrop while the ingredient boxes lift into view. */
.theme-showcase .product-card .ingredient-trigger>img{transition:opacity .35s ease,filter .35s ease;will-change:opacity}
.theme-showcase .product-card.ingredients-open .ingredient-trigger>img{opacity:.2;filter:saturate(.6) blur(.35px)}
.ingredient-annotations{inset:0 0 auto;aspect-ratio:1;height:auto;z-index:2;transition:opacity .25s ease,visibility .25s}
.ingredient-annotation{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1);transition-delay:0s}
.ingredients-open .ingredient-annotation{opacity:1;transform:translateY(0);transition-delay:var(--reveal-delay,0ms)}
.ingredient-annotation b{width:44%;max-width:44%;min-height:30px;padding:7px 8px;background:rgba(255,255,255,.97);border:1px solid #e4e8e9;border-radius:8px;box-shadow:0 3px 10px #2439440b;font:600 12px/1.35 ui-sans-serif,system-ui,sans-serif;color:#354047;overflow-wrap:normal;top:var(--label-y);text-align:center}
.ingredient-annotation line{stroke:#626966;stroke-width:1;opacity:.85}
.theme-showcase .product-card.ingredients-open .ingredient-trigger{transform:none}
@media(hover:hover){.touch-ingredient-hint{display:none}}
@media(max-width:760px){.ingredient-annotation b{font-size:12px}.theme-showcase .product-card.ingredients-open .ingredient-trigger{transform:none}}
@media(prefers-reduced-motion:reduce){.theme-showcase .product-card .ingredient-trigger>img,.ingredient-annotation{transition:none;transform:none}}