/* The photographed pot is the interaction; no player, no autoplay. */
.compact-product{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:36px;padding:24px 38px;background:var(--navy);color:var(--cream);border-radius:20px;margin-block:56px}
.compact-product-art{position:relative;width:210px;aspect-ratio:6/5;align-self:center;isolation:isolate}
.compact-product-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #082b4314)}
.compact-product-art>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 12px #082b4314)}
.compact-product-art.has-pot-canvas>img{visibility:hidden}
.compact-product-copy{min-width:0}
.compact-product-copy h2{font-size:clamp(29px,3.4vw,43px);line-height:1.08;letter-spacing:-.03em;color:inherit;text-wrap:balance}
.compact-product-copy>p{font-size:16px;line-height:1.65;color:#e0e9e9;max-width:52ch;margin-top:16px}
.compact-product-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:22px}
.compact-product-shop{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 20px;background:var(--yellow);color:var(--navy);border-radius:999px;font-size:14px;font-weight:700;transition:background .18s ease,color .18s ease}
.compact-product-shop svg{width:19px;height:19px}
.compact-product-shop:hover{background:var(--cream);color:var(--navy)}
.compact-product-discover{font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;min-height:44px;display:inline-flex;align-items:center}
.compact-product-open{position:absolute;inset:0;z-index:2;display:flex;align-items:end;justify-content:center;gap:7px;padding:0 0 2px;border:0;border-radius:12px;background:transparent;color:var(--navy);font:600 11px/1.4 var(--body);cursor:pointer}
.compact-product-open[hidden]{display:none}
.compact-product-open span{white-space:nowrap;background:var(--butter);padding-inline:4px}
.compact-product-open svg{flex-shrink:0;width:16px;height:16px;transition:transform .25s ease}
.compact-product-open[aria-pressed=true] svg{transform:rotate(180deg)}
.compact-product a:focus-visible,.compact-product button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.recipe-page .compact-product{max-width:940px;margin:60px auto}
@media(max-width:700px){.compact-product{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:24px;margin-block:40px}.compact-product-art{width:110px;grid-row:1;grid-column:1}.compact-product-copy{display:contents}.compact-product-copy h2{grid-column:2;font-size:29px}.compact-product-copy>p{grid-column:1/-1;font-size:16px;margin:0}.compact-product-links{grid-column:1/-1;margin-top:0;gap:8px 18px}.compact-product-open{bottom:-8px;font-size:10px}.recipe-page .compact-product{margin-block:40px}}
@media(max-width:380px){.compact-product{padding:22px 18px;grid-template-columns:82px minmax(0,1fr);gap:18px 14px}.compact-product-art{width:82px}.compact-product-copy h2{font-size:27px}.compact-product-shop{padding-inline:16px;font-size:13px}.compact-product-copy>p{font-size:15px}.compact-product-discover{font-size:13px}}
@media(prefers-reduced-motion:reduce){.compact-product-open svg,.compact-product-shop{transition:none}}

@media(max-width:380px){.compact-product-open{font-size:9px;gap:2px}.compact-product-open svg{width:12px}}

/* The pot itself reacts; no visible open/close instruction or video UI. */
.compact-product-open span,.compact-product-open svg{display:none}
@media(max-width:700px){.compact-product{grid-template-columns:120px minmax(0,1fr);padding:24px 22px;gap:18px 14px}.compact-product-art{width:120px}.compact-product-open{bottom:0}.compact-product-copy h2{font-size:28px}.compact-product-links{gap:6px 18px}.compact-product-discover{color:var(--cream)}}
@media(max-width:380px){.compact-product{grid-template-columns:94px minmax(0,1fr);padding:22px 18px}.compact-product-art{width:94px}.compact-product-copy h2,.blog-prose .compact-product h2{font-size:25px}}