/**
 * Circle Template — Modulo SHOP — CSS specifico.
 */

.shop-hero { position:relative; min-height:60vh; display:flex; align-items:flex-end; overflow:hidden; padding-top:80px; }
.shop-hero__bg { position:absolute; inset:0; background:var(--color-bg); }
.shop-hero__overlay { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(12,11,9,.1) 0%,rgba(12,11,9,.95) 100%); }
.shop-hero__content { position:relative; z-index:2; padding-bottom:var(--space-12); }

.shop-tabs { display:flex; gap:0; border-bottom:1px solid var(--color-border); margin-bottom:var(--space-2); overflow-x:auto; }
.shop-tab { padding:var(--space-4) var(--space-6); font-size:var(--text-sm); font-weight:500; letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--color-text-hint); border-bottom:2px solid transparent; cursor:pointer; white-space:nowrap; transition:all var(--transition-fast); background:none; margin-bottom:-1px; }
.shop-tab:hover { color:var(--color-text-muted); }
.shop-tab.is-active { color:var(--color-text); border-bottom-color:var(--color-accent); }
.shop-tab-content { display:none; }
.shop-tab-content.is-active { display:block; }
.single-prodotto__layout { display:grid; grid-template-columns:1fr 300px; gap:var(--space-16); align-items:start; }
@media(max-width:900px){ .single-prodotto__layout { grid-template-columns:1fr; } }
.disc-tracklist__buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-hint);
  transition: color var(--transition-fast);
  flex-shrink: 0;
  padding: 2px;
}
.disc-tracklist__buy:hover { color: var(--color-accent); }

/* Aggiorna il grid della riga per fare spazio all'icona */
.disc-tracklist__row {
  grid-template-columns: 32px 1fr auto 20px; /* aggiungi 20px per l'icona */
}