/* M-Pellet — schede compatte (ARDORE, FUCINA, BRACE, VESUVIO, STROMBOLI, VULCANO).
   Si aggiunge a prodotto.css senza cambiarne le classi. Dal 28/10/2026 le immagini seguono
   docs/strategia-immagini-2026-10-28.md (gruppo C): nessun ritaglio dal catalogo.
   - hero: tavola di catalogo intera in passe-partout (FUCINA, VULCANO) o provvisoria tipografica (gli altri),
     componenti .p-visual di prodotto.css (sezione 13);
   - configurazioni: solo testo (.sc-conf__fig--testo).
   Ogni pagina: <body class="prodotto scheda scheda--riscaldatori|bbq" data-scheda="<slug>">. */

/* tono del bagliore dietro al render: brace calda per i riscaldatori, acciaio e ruggine per legna e carbone */
.scheda{--sc-glow:#2a1a10}
.scheda--bbq{--sc-glow:#261810}
.scheda[data-scheda="vulcano"]{--sc-glow:#2d170c}

/* ---------- HERO: visual provvisorio (prodotto.css, sezione 13) ---------- */
.scheda .p-hero__media{background:radial-gradient(52% 46% at 50% 56%,var(--sc-glow) 0%,transparent 72%)}
/* il nome fantasma ripeterebbe il nome gia' scritto nel visual tipografico */
.scheda .p-hero__ghost{display:none}
/* (la traslazione d'ingresso di prodotto.js non tocca più le immagini dentro .p-visual: correzione alla fonte, 28/10) */
@media (max-width:900px){
  .scheda .p-hero__media{padding:8px 0 4px}
  /* da telefono il visual tipografico sta sopra il nome (order:-1): un 4:5 vuoto spingerebbe il titolo sotto la piega */
  .scheda .p-hero__media .p-visual--hero.p-visual--tipo{aspect-ratio:16/10;max-height:none}
}

/* CORRELATI: POMPEI in pannello appoggiato al bordo inferiore: ora nel componente (prodotto.css, sezione 13) */

/* ---------- CONFIGURAZIONI: solo testo (le immagini dettagliate sono in aggiornamento) ---------- */
.sc-conf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(16px,2vw,28px)}
.sc-conf--2{max-width:920px}
.sc-conf__fig{margin:0;height:100%;border:1px solid var(--line);background:#111112}
.sc-conf__fig--testo{display:grid;gap:10px;align-content:start;padding:22px 22px 26px;border-top:3px solid var(--yellow)}
.sc-conf__n{font:600 11px/1 var(--mono);letter-spacing:.14em;color:var(--yellow)}
.sc-conf__fig h3{font-size:clamp(19px,1.6vw,23px);font-weight:800;font-stretch:112%;letter-spacing:-.01em;line-height:1.1}
.sc-conf__fig p{color:#cfcfcb;font-size:15px}
.sc-conf__fig p.sc-conf__n{color:var(--yellow);font-size:11px}
.scheda #configurazioni .p-nota a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ---------- OPTIONAL: lista + pulsante, larghezza leggibile ---------- */
.scheda .p-config{max-width:860px}
.scheda .p-config .p-cta{margin-top:4px}

/* ---------- ANTI-OVERFLOW ----------
   Le colonne "1fr" (= minmax(auto,1fr)) si allargano fino alla larghezza naturale delle immagini (fino a 1.920 px
   per ETNA nei correlati) e dei nomi lunghi (STROMBOLI) nell'hero: qui si forzano a minmax(0,1fr). */
.sc-conf>li,.sc-conf__fig{min-width:0}
.sc-conf__fig{grid-template-columns:minmax(0,1fr)}
.scheda .p-grid>li,.scheda .p-card,.scheda .p-card__img,.scheda .p-card__txt{min-width:0}
.scheda .p-card{grid-template-columns:minmax(0,1fr)}
.scheda .p-hero__txt,.scheda .p-hero__media{min-width:0}
@media (max-width:900px){
  .scheda .p-hero{grid-template-columns:minmax(0,1fr)}
  /* nomi fino a 9 lettere (STROMBOLI) interi su una riga a 375 px */
  .scheda .p-hero__name{font-size:clamp(40px,12.4vw,96px)}
}
/* STROMBOLI: 9 lettere larghe, il nome deve stare nella colonna di testo a ogni larghezza */
.scheda[data-scheda="stromboli"] .p-hero__name{font-size:clamp(36px,5.6vw,100px)}
@media (max-width:900px){.scheda[data-scheda="stromboli"] .p-hero__name{font-size:clamp(36px,10.6vw,84px)}}

/* ripiego locale: in richiesta.css .richiesta__config ha display:grid, che vince sull'attributo hidden
   (la casella "Configurazione scelta" vuota resta visibile). Da correggere in richiesta.css. */
.scheda .richiesta [hidden]{display:none}

/* ---------- PREZZI (regole 28/10/2026) ----------
   prodotto della scheda: .p-prezzo--richiesta (nessun -5%); correlati in campagna: .p-prezzo--compatto ridotto nella card */
.p-card__prezzo{gap:6px}
.p-card__prezzo .p-prezzo__lbl{font-size:11px}
.p-card__prezzo .p-prezzo__importo{font-size:clamp(22px,1.9vw,26px)}
.p-card__prezzo .p-prezzo__consegna,.p-card__prezzo .p-prezzo__qta-txt{font-size:13px}
.p-card__prezzo .p-prezzo__qta-txt b{font-size:14px}