/* One static, top-down vessel for every food. Existing food pixels are only
   cropped by presentation; source files, packaging icons and fonts are unchanged. */
body.dhd .product-vessel{--vessel-size:560px;margin:0;min-width:0;text-align:center;color:inherit;font:inherit}
body.dhd .product-vessel__stage{position:relative;isolation:isolate;width:min(100%,var(--vessel-size));aspect-ratio:1;margin:auto;filter:drop-shadow(0 12px 16px #00000029)}
body.dhd .product-vessel__well{position:absolute;inset:8.6%;overflow:hidden;border-radius:50%;background:var(--dhd-stone,#e8e4df);z-index:1}
body.dhd .product-vessel__image{position:absolute!important;display:block!important;width:var(--food-width,100%)!important;height:var(--food-height,100%)!important;left:var(--food-left,0)!important;top:var(--food-top,0)!important;max-width:none!important;max-height:none!important;object-fit:fill!important;margin:0!important;transform:none!important;clip-path:none!important;filter:var(--dhd-material-grade,none)!important;border-radius:0!important}
body.dhd .product-vessel__rim{position:absolute;inset:0;z-index:2;background:url(product-vessels/bowl-rim.svg) center/100% 100% no-repeat;pointer-events:none}
body.dhd .product-vessel__well::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 8px 16px #00000030;pointer-events:none;z-index:2}
body.dhd .product-vessel figcaption{font:inherit;font-size:.875rem;line-height:1.55;max-width:44ch;margin:.875rem auto 0;color:var(--dhd-muted,currentColor);opacity:1;overflow-wrap:anywhere}
body.dhd .product-vessel__label{display:block;font:inherit;font-size:.875rem;line-height:1.45;margin-bottom:.875rem;overflow-wrap:anywhere}
/* Artwork references remain explicitly captioned; never call them food photos. */
body.dhd .product-vessel--artwork .product-vessel__well{background:radial-gradient(circle at 45% 35%,var(--dhd-field,#f7f5f1),var(--dhd-stone,#e8e4df))}
body.dhd .product-vessel--artwork .product-vessel__image{filter:var(--dhd-material-grade,brightness(1)) drop-shadow(0 4px 3px #00000025)!important}
body.dhd .product-vessel--tray .product-vessel__stage{aspect-ratio:1000/780;background:url(product-vessels/litter-tray.svg) center/contain no-repeat}
body.dhd .product-vessel--tray .product-vessel__well,body.dhd .product-vessel--tray .product-vessel__rim{display:none}
@media(max-width:600px){body.dhd .product-vessel{--vessel-size:400px}}
@media(prefers-reduced-motion:reduce){body.dhd .product-vessel,body.dhd .product-vessel *{animation:none!important;transition:none!important}}
body.dhd .product-vessel[hidden]{display:none!important}
body.dhd .commerce-product-hero.has-consistent-vessel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:center;min-height:0;padding:clamp(2rem,5vw,5rem) max(4vw,24px);background:transparent;color:var(--dhd-ink)}
body.dhd .commerce-product-hero.has-consistent-vessel .product-layout{width:100%;max-width:100%;min-width:0}
body.dhd .commerce-vessel-stage{min-width:0;position:relative}
@media(max-width:800px){body.dhd .commerce-product-hero.has-consistent-vessel{grid-template-columns:minmax(0,1fr);padding:24px clamp(16px,4.4vw,24px) 28px;gap:24px}body.dhd .commerce-vessel-stage{padding-top:20px;border-top:1px solid var(--dhd-line)}}
