/* Calendario del Primo Anno: aggiunte a style.css (che è quello della famiglia Calendario Creativo / Scacchi).
   Regole di Simone: titoli piccoli ed equilibrati, testo nero sui colori, niente evidenziatori, niente 3D a blocchi.
   Dall'11 ottobre 2026 il prodotto si mostra con il modello 3D del sito Scacchi (base in legno + blocchetto), IDENTICO a quello:
   stesso markup, stesse regole (style.css), stesso script. Qui non si ritocca: cambiano solo le immagini delle facce. */

/* titoli: principale max 50 px, sezioni max 38 px */
h1{font-size:clamp(31px,4.2vw,50px);line-height:1.1}
h2{font-size:clamp(26px,3.2vw,38px);line-height:1.12}
h3{font-size:clamp(19px,2vw,23px)}
.testo h2{font-size:clamp(25px,3vw,34px)}
.art-corpo h2{font-size:clamp(23px,2.6vw,30px)}
.mano{font-size:clamp(19px,2vw,23px)}
.sottotitolo{font-size:clamp(18px,1.9vw,22px);max-width:34em;margin-inline:auto}
.sez{padding:clamp(48px,6vw,78px) 0}
html,body{overflow-x:clip}

/* marchio vero (PNG trasparente dai file del brand) */
.loghi{padding:6px 0}
.loghi .cpa{height:58px;width:auto}
.footer .cpa{height:74px;width:auto;margin:0 0 4px -4px}
.footer .famiglia{margin-top:6px}
.footer .avvertenza{font-size:14.500px;margin:30px 0 0;max-width:60em;opacity:.9}
.fissa .wrap{flex-wrap:nowrap}

/* divisore: il bordo a nuvola del retro di copertina, in bianco e nero */
.fascia{height:26px;border-bottom:var(--bordo);background-color:#fff;
  background-image:radial-gradient(circle at 50% 0,#000 0 15px,transparent 16px);
  background-size:36px 26px;background-position:0 0;background-repeat:repeat-x}

/* nota "anteprima grafica" e stato */
.anteprima{font-size:14px;line-height:1.35;margin:14px 0 0;opacity:.85}
.in-arrivo{font-size:17px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}
.bollo-arrivo{font-family:var(--mano);font-size:17px;line-height:1;background:var(--giallo);border:var(--bordo);border-radius:999px;padding:7px 14px;box-shadow:3px 3px 0 var(--ink)}
.nota-manuale{font-size:16px;background:var(--beige);border:1.5px solid var(--ink);border-radius:12px;padding:10px 14px}

/* apertura: i fogli stesi al filo, la copertina sotto */
.hero .wrap{grid-template-columns:1.05fr .95fr}
.hero p.lead{font-size:clamp(17px,1.7vw,20px)}
.hero-prezzo{font-size:28px}
.stendino{grid-area:f;position:relative;width:min(460px,100%);aspect-ratio:1/1.13;margin:0 auto 44px;justify-self:center}
.stendino .filo{position:absolute;left:-4%;top:0;width:108%;height:9%}
.stendino img{border-radius:5px;border:1.5px solid var(--ink);height:auto;display:block}
.steso{position:absolute;width:27%;transform-origin:50% 0;animation:dondola 5s ease-in-out infinite alternate}
.steso::before{content:"";position:absolute;left:50%;top:-9px;width:9px;height:24px;margin-left:-4.500px;background:var(--bianco);border:1.5px solid var(--ink);border-radius:3px;z-index:2}
.steso img{width:100%;box-shadow:5px 6px 0 rgba(0,0,0,.16)}
.steso.a1{left:3%;top:4.500%;--da:-5deg;--a:-2deg}
.steso.a2{left:36.500%;top:6.800%;--da:1.500deg;--a:-1.500deg;animation-delay:-1.700s}
.steso.a3{left:70%;top:4.500%;--da:2deg;--a:5deg;animation-delay:-3.100s}
@keyframes dondola{from{transform:rotate(var(--da))}to{transform:rotate(var(--a))}}
.stendino .cop{position:absolute;width:47%;left:26.500%;top:39%;transform:rotate(-2deg);box-shadow:9px 10px 0 rgba(0,0,0,.2)}
.stendino .anteprima{position:absolute;left:0;right:0;top:100%;text-align:center;margin:10px 0 0}

/* come funziona, in tre passi */
.passi3{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:none}
.passi3 li{position:relative;background:var(--bianco);border:var(--bordo);border-radius:var(--r);box-shadow:5px 5px 0 var(--ink);padding:22px 20px 20px;text-align:center}
.passi3 img{width:132px;margin:0 auto 16px;border-radius:4px;border:1.5px solid var(--ink);box-shadow:5px 6px 0 rgba(0,0,0,.16);transform:rotate(-2deg)}
.passi3 li:nth-child(2) img{transform:rotate(2deg)}
.passi3 h3{font-size:21px;margin:0 0 8px}
.passi3 p{font-size:16.500px;margin:0}
.passo-n{position:absolute;top:-16px;left:-10px;width:42px;height:42px;border-radius:50%;background:var(--giallo);border:var(--bordo);display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:22px;box-shadow:3px 3px 0 var(--ink)}

/* strappa il foglio */
.strappa-g{grid-template-columns:1fr 1fr}
.strappa-stato{display:flex;flex-direction:column;gap:2px;border:var(--bordo);border-radius:14px;background:var(--bianco);padding:12px 18px;max-width:330px;box-shadow:4px 4px 0 var(--ink)}
.strappa-stato b{font-family:var(--serif);font-size:21px}
.strappa-stato span{font-size:15px}
.strappa-tasti{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0}
.scatola-conta{display:inline-block;margin:18px 0 0;font-size:15.500px;background:var(--beige);border:1.5px dashed var(--ink);border-radius:10px;padding:7px 14px}
.scatola-conta.su{animation:batti .5s}
@keyframes batti{0%{transform:none}40%{transform:scale(1.07)}100%{transform:none}}
.blocchetto{position:relative;width:min(300px,74%);aspect-ratio:720/1008;margin:14px auto 18px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.blocchetto::before{content:"";position:absolute;inset:0;border-radius:4px;background:var(--bianco);border:1.5px solid var(--ink);box-shadow:3px 3px 0 #fff,4.500px 4.500px 0 var(--ink),7px 7px 0 #fff,8.500px 8.500px 0 var(--ink),11px 11px 0 #fff,12.500px 12.500px 0 var(--ink),18px 20px 0 rgba(0,0,0,.16)}
.blocchetto img{position:absolute;inset:0;width:100%;height:100%;border-radius:4px;border:1.5px solid var(--ink);transform-origin:50% 0;cursor:grab;-webkit-user-drag:none}
.blocchetto img.tira{transition:none;cursor:grabbing}
.blocchetto img.torna{transition:transform .25s}
.blocchetto img.via{animation:strappo .75s cubic-bezier(.4,.1,.6,1) forwards;pointer-events:none}
@keyframes strappo{0%{transform:none;opacity:1}18%{transform:rotate(-3deg) translateY(6px)}45%{transform:rotate(7deg) translate(18px,26px)}100%{transform:rotate(26deg) translate(150px,430px);opacity:0}}
.blocchetto-colla{position:absolute;left:-2px;right:-2px;top:-7px;height:15px;background:#1d1d1b;border-radius:5px 5px 2px 2px;z-index:20}
.blocchetto-fine{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px;text-align:center;border-radius:4px;background:var(--giallo);border:1.5px solid var(--ink)}
.blocchetto-fine p{margin:0}
/* il blocchetto sta su un tappetino bianco: i fogli hanno tutti i colori del sito e non devono mai confondersi con la sezione */
.tappetino{background:var(--bianco);border:var(--bordo);border-radius:var(--r);box-shadow:7px 7px 0 var(--ink);padding:30px 16px 34px;width:min(400px,100%);margin:0 auto}
.tappetino .blocchetto{margin:10px auto 14px}

/* sette tipi di foglio: etichette in alto, foglio e testo sotto */
.tipi-scelta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 30px;max-width:900px}
.tipi-scelta button{font-family:var(--serif);font-weight:700;font-size:17px;padding:10px 16px;border:var(--bordo);border-radius:999px;background:var(--bianco);cursor:pointer;transition:box-shadow .2s,background .2s}
.tipi-scelta button:hover{background:var(--giallo)}
.tipi-scelta button[aria-pressed="true"]{background:var(--ink);color:var(--bianco);box-shadow:3px 3px 0 var(--bianco)}
.tipi-corpo{display:grid;grid-template-columns:auto minmax(0,430px);gap:clamp(22px,4vw,50px);align-items:center;justify-content:center}
.tipi-foglio{width:min(270px,62vw)}
.tipi-foglio img{border-radius:4px;border:1.5px solid var(--ink);box-shadow:9px 10px 0 rgba(0,0,0,.18);transform:rotate(-2deg);transition:opacity .2s}
.tipi-foglio img.cambia{opacity:0}
.tipi-testo{background:var(--bianco);border:var(--bordo);border-radius:var(--r);padding:20px 22px;box-shadow:5px 5px 0 var(--ink)}
.tipi-quanti{font-size:16px;margin:0 0 8px}
.tipi-quanti b{font-family:var(--serif);font-size:38px;line-height:1;margin-right:6px}
.tipi-testo p#tipi-t{font-size:17.500px;margin:0}

/* a che giorno siete? */
.giorno-modulo{background:var(--bianco);border:var(--bordo);border-radius:var(--r);padding:18px 20px;box-shadow:5px 5px 0 var(--ink);max-width:440px}
.giorno-modulo label{display:block;font-weight:600;font-size:15px;margin:0 0 6px}
.giorno-riga{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.giorno-riga input{font:inherit;font-size:18px;padding:11px 14px;border:var(--bordo);border-radius:12px;background:var(--bianco);color:var(--ink);flex:1;min-width:170px;min-height:50px}
.giorno-riga input:focus{outline:3px solid var(--azzurro);outline-offset:0}
.giorno-esito{background:var(--bianco);border:var(--bordo);border-radius:var(--r);box-shadow:7px 7px 0 var(--ink);padding:clamp(20px,3vw,30px);text-align:center;max-width:440px;margin-inline:auto;width:100%}
.giorno-esito .giorno-numero{font-family:var(--serif);font-weight:900;font-size:clamp(34px,5vw,46px);line-height:1.05;margin:0 0 10px}
.giorno-esito p{font-size:17px;margin:0 0 10px}
.giorno-esito p:last-of-type{margin-bottom:0}
.giorno-foglio{margin:18px 0 0}
.giorno-foglio img{width:min(200px,60%);margin:0 auto;border-radius:4px;border:1.5px solid var(--ink);box-shadow:6px 7px 0 rgba(0,0,0,.16);transform:rotate(2deg)}
.giorno-foglio figcaption{font-size:14.500px;margin-top:14px;opacity:.85}
.giorno-esito.nuovo{animation:batti .45s}

/* quiz con le domande vere */
.gioco{max-width:640px;margin:0 auto;background:var(--bianco);border:var(--bordo);border-radius:var(--r);box-shadow:7px 7px 0 var(--ink);padding:clamp(18px,3vw,30px);text-align:center}
.gioco-testa{display:flex;justify-content:space-between;font-size:15px;font-weight:600;border-bottom:2px dashed var(--ink);padding-bottom:10px;margin-bottom:12px}
.gioco-da{font-size:14px;margin:0 0 6px;opacity:.85}
.gioco h3{font-size:clamp(19px,2.2vw,23px);line-height:1.25;margin:0 0 18px}
.gioco-risposte{display:grid;gap:10px}
.gioco-risposte button.scelta{font:inherit;font-size:17px;font-weight:500;text-align:left;padding:14px 16px;min-height:52px;border:var(--bordo);border-radius:14px;background:var(--beige);cursor:pointer;transition:background .15s}
.gioco-risposte button.scelta b{font-family:var(--serif);margin-right:10px}
.gioco-risposte button.scelta:hover:not([disabled]){background:var(--azzurro)}
.gioco-risposte button.scelta[disabled]{cursor:default;opacity:.75}
.gioco-risposte button.scelta.giusta{background:var(--verde);opacity:1}
.gioco-risposte button.scelta.sbagliata{background:var(--corallo);opacity:1}
.gioco-risposte .btn{justify-self:center}
.gioco-esito{min-height:1.5em;margin:14px 0 0;font-size:17px}
.gioco-esito b{font-family:var(--serif);font-size:20px}
#quiz .anteprima{margin-top:20px}

/* coppia di fogli affiancati */
.coppia-fogli{display:flex;justify-content:center;padding:10px 0}
.coppia-fogli img{width:46%;max-width:230px;border-radius:5px;border:1.5px solid var(--ink);box-shadow:6px 7px 0 rgba(0,0,0,.18)}
.coppia-fogli img:first-child{transform:rotate(-5deg) translateX(8%)}
.coppia-fogli img:last-child{transform:rotate(5deg) translate(-8%,7%)}

/* schede con un foglio vero o un numero in testa */
.tre .card h3{font-size:21px;margin:16px 8px 8px}
.tre .card p{font-size:16.500px}
.card-foglio{width:112px;margin:8px 0 0 8px;border-radius:4px;border:1.5px solid var(--ink);box-shadow:4px 5px 0 rgba(0,0,0,.16);transform:rotate(-3deg)}
.card .numero{font-family:var(--serif);font-weight:900;font-size:34px;line-height:1;display:inline-grid;place-items:center;min-width:84px;height:84px;padding:0 14px;border:var(--bordo);border-radius:42px;background:var(--giallo);margin:10px 0 0 8px;align-self:flex-start}

/* come sono fatto: copertina, fogli e retro a scaletta */
.scaletta{position:relative;width:min(500px,100%);aspect-ratio:1/.66;margin:0 auto}
.scaletta img{position:absolute;width:30%;border-radius:5px;border:1.5px solid var(--ink);box-shadow:6px 7px 0 rgba(0,0,0,.18);height:auto}
.scaletta .s1{left:0;top:2%;transform:rotate(-4deg);z-index:4;box-shadow:8px 9px 0 rgba(0,0,0,.2)}
.scaletta .s2{left:23.500%;top:15%;transform:rotate(2deg);z-index:3}
.scaletta .s3{left:47%;top:5%;transform:rotate(-2deg);z-index:2}
.scaletta .s4{left:70%;top:17%;transform:rotate(4deg);z-index:1}
.scaletta .anteprima{position:absolute;left:0;right:0;bottom:-4px;text-align:center;margin:0}
.scheda-tecnica{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.scheda-tecnica li{background:var(--bianco);border:var(--bordo);border-radius:12px;padding:10px 16px;font-size:16px;display:grid;gap:2px}
.scheda-tecnica li b{font-family:var(--serif);font-size:17px}

/* le pagine dei mesi: striscia da scorrere */
.striscia{list-style:none;margin:6px 0 26px;padding:14px max(20px,calc((100vw - var(--max))/2)) 22px;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ink) transparent}
.striscia li{flex:0 0 auto;width:min(190px,46vw);scroll-snap-align:center;text-align:center}
.striscia img{border-radius:4px;border:1.5px solid var(--ink);box-shadow:5px 6px 0 rgba(0,0,0,.16)}
.striscia li:nth-child(odd) img{transform:rotate(-1.500deg)}
.striscia li:nth-child(even) img{transform:rotate(1.500deg)}
.striscia span{display:block;font-family:var(--mano);font-size:17px;margin-top:10px}

/* pagina regalo */
.trittico{position:relative;width:min(400px,100%);aspect-ratio:1/.92;margin:0 auto}
.trittico img{position:absolute;border-radius:5px;border:1.5px solid var(--ink);box-shadow:6px 7px 0 rgba(0,0,0,.18);height:auto}
.trittico .t0{width:50%;left:25%;top:3%;z-index:2;box-shadow:9px 10px 0 rgba(0,0,0,.2)}
.trittico .t1{width:38%;left:0;top:20%;transform:rotate(-9deg)}
.trittico .t2{width:38%;left:62%;top:20%;transform:rotate(9deg)}
.trittico .anteprima{position:absolute;left:0;right:0;bottom:-6px;text-align:center;margin:0}
.quando{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.quando div{background:var(--bianco);border:var(--bordo);border-radius:14px;padding:16px 18px;box-shadow:4px 4px 0 var(--ink)}
.quando h3{font-size:20px;margin:0 0 6px}
.quando p{font-size:16px;margin:0}
.biglietto-toni{margin:8px 0 20px}
.biglietto-toni button{background:var(--bianco)}
.biglietto{background:var(--bianco);border:var(--bordo);border-radius:6px;box-shadow:7px 7px 0 var(--ink);padding:clamp(22px,3.4vw,36px);max-width:440px;margin-inline:auto;width:100%;transform:rotate(1.200deg);min-height:250px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.biglietto-frase{font-size:clamp(21px,2.4vw,26px);line-height:1.3;margin:0}
.biglietto-tasti{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.biglietto-esito{font-size:14.500px;margin:0;min-height:1.3em}

/* scheda prodotto */
.scheda .info h1{font-size:clamp(28px,3.4vw,40px)}
.riquadro .modulo .campi{grid-template-columns:1fr}
.garanzie{list-style:none;padding:0!important;margin:18px 0 0!important;display:grid;gap:8px;font-size:16px}
.garanzie li{padding-left:22px;position:relative;margin:0}
.garanzie li::before{content:"";position:absolute;left:0;top:.45em;width:11px;height:11px;border-radius:50%;background:var(--verde);border:1.5px solid var(--ink)}

/* recensioni: firma più lunga */
.rec footer{font-weight:500}

/* blog: indice, fogli veri, fonti */
.art-indice{background:var(--bianco);border:var(--bordo);border-radius:14px;padding:16px 20px;margin:1.4em 0;font-size:17px}
.art-indice b{font-family:var(--serif);font-size:19px}
.art-indice ol{margin:8px 0 0;padding-left:1.3em}
.art-indice li{margin-bottom:.25em}
.art-fogli{margin:1.8em 0;text-align:center}
.art-fogli div{display:flex;justify-content:center;gap:clamp(8px,2vw,18px);flex-wrap:wrap}
.art-fogli img{border-radius:4px;border:1.5px solid var(--ink);box-shadow:6px 7px 0 rgba(0,0,0,.16);width:min(300px,78%)}
.art-fogli.n2 img{width:min(220px,44%)}
.art-fogli.n3 img{width:min(200px,30%)}
.art-fogli.n3 img:nth-child(1),.art-fogli.n2 img:nth-child(1){transform:rotate(-2deg)}
.art-fogli.n3 img:nth-child(3),.art-fogli.n2 img:nth-child(2){transform:rotate(2deg)}
.art-fogli figcaption{font-size:15px;margin-top:16px;opacity:.85}
.art-corpo table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:16.500px;background:var(--bianco);border:var(--bordo);border-radius:12px;overflow:hidden;display:table}
.art-corpo .tab-scorri{overflow-x:auto;margin:0 0 1.2em}
.art-corpo .tab-scorri table{margin:0;min-width:520px}
.art-corpo th,.art-corpo td{text-align:left;padding:9px 12px;border-bottom:1px solid rgba(0,0,0,.18);vertical-align:top}
.art-corpo th{font-family:var(--serif);background:var(--giallo)}
.art-corpo tr:last-child td{border-bottom:0}
.art-corpo blockquote{margin:1.2em 0;padding:14px 20px;background:var(--bianco);border:var(--bordo);border-radius:14px;font-family:var(--serif);font-size:20px;line-height:1.4}
.art-corpo blockquote p:last-child{margin-bottom:0}
.art-corpo blockquote small{display:block;font-family:var(--sans);font-size:15px;margin-top:6px}
.art-avvertenza{font-size:15.500px;border:1.5px dashed var(--ink);border-radius:12px;padding:12px 16px;margin-top:2em;background:var(--bianco)}
.art-capo{width:100%}
.art-capo::after{content:"";display:block;clear:both}
.art-mini{float:right;width:78px;margin:0 2px 10px 14px;border-radius:4px;border:1.5px solid var(--ink);box-shadow:3px 4px 0 rgba(0,0,0,.16);transform:rotate(3deg)}
.art-cta{grid-template-columns:120px 1fr}
.art-cta img{border-radius:5px}
.art-fonti{margin-top:2.2em;font-size:15.500px;border-top:2px dashed var(--ink);padding-top:6px}
.art-fonti h2{font-size:21px!important;margin-top:.8em}
.art-fonti a{word-break:break-word}

@media (max-width:1060px){
  .loghi .cpa{height:50px}
  .quando{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .hero .wrap{grid-template-columns:1fr}
  .stendino{width:min(320px,92%);margin-bottom:62px}
  .passi3{grid-template-columns:1fr;gap:30px}
  .passi3 li{display:grid;grid-template-columns:96px 1fr;column-gap:16px;text-align:left;align-items:start;padding:20px 16px 18px}
  .passi3 img{width:96px;margin:0;grid-row:1/3}
  .passi3 h3{font-size:19px;align-self:end}
  .passi3 p{font-size:16px}
  .strappa-g{grid-template-columns:1fr}
  .strappa-stato{max-width:none}
  .blocchetto{width:min(250px,68%);margin-top:26px}
  .tipi-scelta{gap:8px;margin-bottom:22px}
  .tipi-scelta button{font-size:15px;padding:10px 13px}
  .tipi-corpo{grid-template-columns:1fr;gap:22px}
  .tipi-foglio{width:min(220px,62vw);margin:0 auto}
  .tipi-testo{text-align:center}
  .giorno-modulo,.giorno-esito{max-width:none}
  .giorno-riga .btn{flex:1}
  .scaletta{width:min(340px,100%)}
  .trittico{width:min(310px,94%)}
  .quando{grid-template-columns:1fr}
  .biglietto{transform:none;min-height:0}
  .art-cta{grid-template-columns:1fr}
  .art-cta img{max-width:110px}
  .coppia-fogli img{max-width:170px}
  .footer .cpa{height:64px}
  .topbar span{font-size:13.500px}
  .card-foglio{width:96px}
  /* tabelle degli articoli: sul telefono stanno tutte nello schermo, senza colonne nascoste da scorrere */
  .art-corpo .tab-scorri table{min-width:0;font-size:15px}
  .art-corpo th,.art-corpo td{padding:8px 9px}
}
html.fermo .entra{transition:none}
html.fermo .steso{animation:none;transform:rotate(var(--a))}
html.fermo .blocchetto img.via{animation:none;opacity:0;visibility:hidden}
@media (prefers-reduced-motion:reduce){
  /* style.css spegne tutte le animazioni: senza questa riga il foglio strappato resterebbe al suo posto */
  .blocchetto img.via{opacity:0;visibility:hidden}
  .steso{animation:none;transform:rotate(var(--a))}
  .scatola-conta.su,.giorno-esito.nuovo{animation:none}
}

/* ============ negozio e preordine (11 ottobre 2026) ============ */

/* prezzi di preordine: pieno barrato + scontato */
.hero-prezzo del{font-size:19px;font-weight:400;margin-right:4px}
.card .prezzo del{font-weight:400;font-size:15px;margin-right:2px}
.fissa del{font-weight:400;font-size:15px}
.stato-prodotto{font-size:16.500px;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:0 0 14px}
.bollo{white-space:nowrap}
.cassetto-pre{font-size:14.500px!important;text-align:left!important;margin:0 0 12px!important;background:var(--giallo);border:1.5px dashed var(--ink);border-radius:10px;padding:8px 12px}
.paga-avviso{font-size:14.500px!important;text-align:left!important;background:var(--bianco);border:var(--bordo);border-radius:12px;padding:10px 14px;margin:12px 0 0!important}
.riga small.pre{display:inline-block;font-size:12.500px;background:var(--giallo);border:1.5px solid var(--ink);border-radius:999px;padding:1px 9px;margin:0 0 7px}
#paga.in-attesa{background:var(--bianco)}
.griglia .card h2{font-size:20px;margin:16px 4px 6px}
.griglia .card h2 a{text-decoration:none}
#g-regalo,#g-home,#g-cor,#g-shop{text-align:center}

/* griglie con pochi prodotti e scheda tecnica */
.griglia.poche{grid-template-columns:repeat(3,minmax(0,270px));justify-content:center}
.scheda-tecnica.due-col{grid-template-columns:1fr 1fr;max-width:900px;margin-inline:auto}

/* modello 3D: è quello del sito Scacchi, regole in style.css. Qui solo il retro della base (fotografia vera, con il logo inciso),
   che nel foglio di stile ereditato era stato tolto insieme alla scatola. */
.pannello>.k{background:url("../img/base_retro.jpg") center/100% 100% no-repeat}
.fatto .anteprima{margin-top:18px}

@media (max-width:760px){
  .griglia.poche{grid-template-columns:repeat(2,1fr)}
  .scheda-tecnica.due-col{grid-template-columns:1fr}
  .stato-prodotto{font-size:16px}
}

/* ============ revisione del 12 ottobre 2026 ============ */

/* griglie con 1, 2 o 3 prodotti: tante colonne quante sono le schede, così restano al centro senza buchi a destra */
.griglia.n2{grid-template-columns:repeat(2,minmax(0,270px))}
.griglia.n1{grid-template-columns:minmax(0,270px)}
/* il bollo "Preordine" sporge sopra la scheda: senza sottotitolo finiva addosso al titolo della sezione */
h2+.griglia{margin-top:38px}
.unito{white-space:nowrap}
/* pagina regalo, apertura: sul telefono la foto è più piccola, così titolo e pulsante stanno nella prima schermata */
.regalo-foto{width:auto;max-height:440px;margin:0 auto;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.16))}
@media (max-width:760px){.regalo-foto{max-height:250px}}
/* due pulsanti in fila: staccati tra loro anche quando vanno a capo */
.tasti{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:center;margin:18px 0 14px}
.tasti.al-centro{justify-content:center}
/* schede degli articoli: titolo, testo e pulsante allineati allo stesso margine, pulsante staccato dal testo */
.tre .art-card{padding:20px 20px 22px}
.tre .art-card h2,.tre .art-card h3{margin:6px 0 8px}
.tre .art-card p{margin:0}
.art-card .art-capo{margin-bottom:18px}
/* il sommario parte sotto la miniatura del foglio, non le gira intorno con una riga più corta */
.art-card p{clear:both}
/* scheda tecnica: nelle righe più alte il testo resta sotto il titolo */
.scheda-tecnica li{align-content:start}

@media (max-width:760px){
  /* tre prodotti su due colonne: il terzo va al centro, non in un angolo */
  .griglia.n3>.card:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}
  .griglia.n2{grid-template-columns:repeat(2,1fr)}
  .griglia .card h2{font-size:17px;margin:12px 2px 6px}
  h2+.griglia{margin-top:30px}
}

/* GEO, 12 ottobre 2026: riquadro "In breve" in cima agli articoli e riga dei fatti del prodotto */
.art-breve{background:var(--bianco);border:var(--bordo);border-radius:14px;padding:14px 20px;margin:0 0 1.4em}
.art-breve b{font-family:var(--serif);font-size:19px;display:block;margin-bottom:4px}
.art-breve p{margin:0;font-size:17px}
.fatti{max-width:760px;margin:26px auto 0;text-align:center;font-size:17px}
.piu+.piu:not(:last-of-type){border-bottom:0}