/* R10 source-specific artwork: retain the complete composition and brand mark. */
.detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,60px)}
.detail-hero figure{min-height:0;background:#f3f1f2;border-radius:28px;isolation:isolate}
.detail-hero figure img{height:auto;min-height:0;width:100%;aspect-ratio:3/2;object-fit:contain}
.detail-hero figcaption{position:static;padding:11px 16px;color:#88838a;background:#f5f3f4;text-align:right;text-shadow:none;font-size:9px}
.detail-hero [role=status]{min-height:18px}
.actions button[data-added=true]{background:#28272d}
.detail-badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:6px 10px;font-size:10px;line-height:1.1;letter-spacing:.025em;font-weight:600;background:#f8e6ea;color:#b82035;margin-bottom:18px}
.detail-badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}
.detail-badge[data-badge=best-value]{background:#ececf0;color:#47434e}
.detail-badge[data-badge=exclusive]{background:#27252d;color:#fff}
@media(max-width:800px){.detail-hero{grid-template-columns:1fr;gap:30px}.detail-hero figure{max-width:720px;width:100%;margin:auto}}
@media(max-width:540px){.detail-hero figure{border-radius:22px}.detail-hero figure img{height:auto;aspect-ratio:3/2}}

.detail-hero h1,.related strong,.included li span{overflow-wrap:anywhere;min-width:0}.detail-hero>div{min-width:0}