/* Shared forms: panels > cards > inset media > controls > labels. */
:root{--radius-panel:20px;--radius-card:16px;--radius-media:12px;--radius-control:8px;--radius-label:6px;--card-gap:clamp(16px,1.6vw,24px)}

.hero-glass.hero-intro,.music-shell,.hero .media,.speed{border-radius:var(--radius-panel)}
.product-page .hero-visual{display:grid;place-items:center;overflow:hidden;padding:clamp(22px,3vw,48px);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--product-color,var(--coral));box-shadow:0 24px 70px rgba(17,20,15,.12)}
.product-page .hero-visual picture{display:grid;place-items:center}
.product-page .hero-image{height:auto;max-height:100%;padding:0;border:0;border-radius:var(--radius-media);background:transparent;box-shadow:none}
.product-page .product-video{border-radius:var(--radius-card)}

#products .grid,.blog-grid,.note-list,.feature-grid{gap:var(--card-gap);border:0;background:transparent}
#products .card,.blog-card,.note-list>.card,.feature-grid>.feature{border:1px solid var(--border);border-radius:var(--radius-card)}
#products .product-media{border-radius:var(--radius-media)}

/* Feature rows belong to one connected list rather than separate cards. */
.feature-list{overflow:hidden;padding:0;border:1px solid var(--border);border-radius:var(--radius-card)}

.button,.buy,.btn-p,.btn-buy,.btn-link,.support-button,.section-more,.product-page .product-back,.hero-intro .btn-p,#products .btn-link,#products .btn-buy{border-radius:var(--radius-control)}
.pill,.tag,.blog-tag,#products .price{border-radius:var(--radius-label)}
.track-button{border-radius:var(--radius-control)}
.cover-center img{border-radius:var(--radius-control)}
.range::-webkit-slider-runnable-track{border-radius:999px}
.range::-moz-range-track{border-radius:999px}
@media(max-width:820px){.product-page .hero-visual{padding:clamp(16px,6vw,28px)}}