.hero-preview-controls { display: none; align-items: center; justify-content: center; gap: 3px; padding: 4px; border: 1px solid #ffffff1c; background: #141414; border-radius: 22px; max-width: 100%; }
.hero-preview-controls.is-ready { display: flex; }
.hero-preview-controls button { border: 0; border-radius: 18px; background: transparent; color: #96969d; min-height: 44px; padding: 8px 13px; font: inherit; font-size: 11px; line-height: 1.35; cursor: pointer; }
.hero-preview-controls button[aria-pressed="true"] { background: #2b2b2e; color: #f2f2f2; }
.hero-preview-controls button:focus-visible { outline: 2px solid #f2f2f2; outline-offset: 3px; }
.hero-preview-controls button:disabled { opacity: .65; cursor: wait; }
.hero-product figcaption { font-size: 11px; color: #8e8e93; text-align: center; line-height: 1.6; }
.hero-product { gap: 16px; }
.hero-slideshow img[hidden] { display: none; }
@media (max-width: 700px) { .hero-preview-controls button { padding: 8px 11px; } .hero-product figcaption { max-width: 280px; } }