/* =========================================================
   Tema LE3D v3: sfondo verde chiaro con macchie bianche,
   palette caramella per card e pulsanti.
   ========================================================= */
:root{
  --bg:#CBE5CA;--white:#FFFBF1;--cream2:#F2EEDC;--line:#E3DEC8;
  --pink:#FAA4B5;--fawn:#F8B77C;--maize:#FFF183;--sky:#70C1E1;--olivine:#82BA88;
  --ink:#1F3B2D;--muted:#4A6556;--accent:#2D6A4A;
  --cream:#CBE5CA;--paper:#F2EEDC;--sage:#2D6A4A;--sage-dark:#1F4D36;--sage-soft:#E4F2DE;--sand:#F2EEDC;--peach:#F8B77C;--peach-deep:#1F3B2D;--rose:#FAA4B5;--butter:#FFF183;
  --wave-h:56px;
}
.v1,.wv1{--w-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFBF1' d='M0 0H1440V70C1250 120 1090 30 880 62C650 96 470 118 260 70C150 46 70 40 0 60Z'/%3E%3C/svg%3E");--w-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFBF1' d='M0 0H1440V90C1230 40 1000 110 760 70C520 30 330 20 150 60C90 74 40 80 0 74Z'/%3E%3C/svg%3E")}
.v2,.wv2{--w-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFBF1' d='M0 0H1440V40C1300 10 1150 90 940 85C720 80 560 20 330 52C190 72 80 96 0 70Z'/%3E%3C/svg%3E");--w-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFBF1' d='M0 0H1440V55C1180 105 990 15 720 58C470 98 260 105 0 40Z'/%3E%3C/svg%3E")}
.v3,.wv3{--w-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFBF1' d='M0 0H1440V90C1230 40 1000 110 760 70C520 30 330 20 150 60C90 74 40 80 0 74Z'/%3E%3C/svg%3E");--w-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFBF1' d='M0 0H1440V70C1250 120 1090 30 880 62C650 96 470 118 260 70C150 46 70 40 0 60Z'/%3E%3C/svg%3E")}
.v4,.wv4{--w-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFBF1' d='M0 0H1440V55C1180 105 990 15 720 58C470 98 260 105 0 40Z'/%3E%3C/svg%3E");--w-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFBF1' d='M0 0H1440V40C1300 10 1150 90 940 85C720 80 560 20 330 52C190 72 80 96 0 70Z'/%3E%3C/svg%3E")}

@media (min-width:700px){:root{--wave-h:84px}}
@media (min-width:960px){:root{--wave-h:120px}}

body{background:var(--bg);color:var(--ink)}
h1,h2,h3{color:var(--ink)}
a{color:var(--accent)}
.lead{color:var(--muted)}
.eyebrow{color:var(--accent)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.skip{background:var(--ink);color:var(--white)}

/* Sezioni: bianche di base, verdi (corpo pagina) quando "soft", con bordi a onda */
.section{background:var(--white)}
.section--soft{background:transparent;position:relative;padding-block:calc(var(--wave-h) + 28px)}
.section--soft>.wrap{position:relative;z-index:1}
.section--soft::before,.section--soft::after,.hero3::after,.page-head::after,.wave-top::after{content:"";position:absolute;left:0;right:0;height:var(--wave-h);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}
.section--soft::before{top:-1px;background-image:var(--w-a)}
.section--soft::after,.hero3::after,.page-head::after,.wave-top::after{bottom:-1px;background-image:var(--w-b);transform:scaleY(-1)}
.section--tight.section--soft{padding-block:calc(var(--wave-h) + 12px)}
.page-head{position:relative;padding-block:36px calc(var(--wave-h) + 20px)}
.wave-top{position:relative;height:var(--wave-h)}


/* Header */
.site-header{background:rgba(203,229,202,.94);border-bottom:0;backdrop-filter:blur(8px)}
.nav{background:var(--bg)}
.nav a{color:var(--ink)}
.nav a[aria-current="page"]{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px;text-decoration-color:var(--maize)}
.nav a:hover{background:rgba(255,255,255,.55)}

/* Pulsanti: principale giallo con bordo scuro, secondario trasparente */
.btn{background:var(--maize);color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .2s}
.btn:hover{background:#FFF59E;color:var(--ink);border-color:var(--ink)}
.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--ink)}
.btn--ghost{background:rgba(255,255,255,.55);box-shadow:none;border:2px solid var(--ink)}
.btn--ghost:hover{background:#fff}
.btn--ghost:active{transform:none}
.nav .btn{color:var(--ink);border-bottom:2px solid var(--ink)}

/* Hero senza foto */
.hero3{position:relative;overflow:hidden;text-align:center;padding:26px 0 calc(var(--wave-h) + 24px)}
.hero3 .wrap{position:relative;z-index:2}
.pill{display:inline-block;padding:7px 16px;border-radius:999px;background:var(--white);color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.hero3 h1{font-weight:600;font-size:clamp(2.15rem,9.4vw,4.2rem);line-height:1.06;letter-spacing:-.02em;margin:0 auto 22px;max-width:14em}
.hl{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M3 8C45 2 95 12 197 4' stroke='%23F8B77C' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 100%/100% .3em;padding-bottom:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero3 .sub{font-size:1.08rem;color:var(--muted);max-width:32em;margin:0 auto 4px}
.hero3 .btn-row{justify-content:center;margin-top:20px}
.floats{position:relative;height:290px;margin-top:20px;z-index:1}
.tile{position:absolute;display:block;width:27%;aspect-ratio:1;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px rgba(31,59,45,.22);background:var(--white);transform:rotate(var(--r,0deg));transition:transform .3s}
.tile:hover{transform:rotate(0) scale(1.05)}
.tile img{display:block;width:100%;height:100%;object-fit:cover}
.tile.t1{left:3%;top:32%;--r:-7deg}
.tile.t2{left:19%;top:0;--r:5deg}
.tile.t3{left:38%;top:42%;--r:-3deg}
.tile.t4{right:19%;top:0;--r:-5deg}
.tile.t5{right:3%;top:34%;--r:6deg}
.tile.t6{display:none}
@media (min-width:960px){
  .hero3{padding:70px 0 calc(var(--wave-h) + 90px);min-height:600px}
  .hero3 .wrap{padding-top:20px}
  .floats{position:absolute;inset:0;height:auto;margin:0}
  .tile{width:clamp(96px,9.5vw,148px);pointer-events:auto}
  .tile.t1{left:5%;top:14%;--r:-6deg}
  .tile.t2{left:14%;top:46%;--r:5deg}
  .tile.t3{left:3%;top:68%;--r:-3deg}
  .tile.t4{right:6%;top:10%;--r:6deg}
  .tile.t5{right:15%;top:44%;--r:-5deg}
  .tile.t6{display:block;right:3%;top:66%;--r:4deg}
}

/* Quattro card informative */
.value{border:0;border-radius:var(--radius);padding:20px 14px;color:var(--ink)}
.value svg{color:var(--ink)}
.values .value:nth-child(1){background:var(--sky)}
.values .value:nth-child(2){background:var(--pink)}
.values .value:nth-child(3){background:var(--maize)}
.values .value:nth-child(4){background:var(--fawn)}
.value span{color:#2E4A3A}

/* Categorie: foto intatta, fascia del titolo colorata */
.card{border:0;color:var(--ink)}
.card h3{color:var(--ink)}
.card:nth-child(5n+1){background:var(--pink)}
.card:nth-child(5n+2){background:var(--fawn)}
.card:nth-child(5n+3){background:var(--maize)}
.card:nth-child(5n+4){background:var(--sky)}
.card:nth-child(5n+5){background:var(--olivine)}
.cards--big .card p{color:#2E4A3A}
.card:hover{box-shadow:0 12px 26px rgba(31,59,45,.18)}

/* Scaffalature: contenitore in vetro satinato */
.glass{background:rgba(255,255,255,.34);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1.5px solid rgba(255,255,255,.75);border-radius:30px;padding:16px 14px 8px;box-shadow:0 14px 34px rgba(31,59,45,.14);margin-top:18px}
.glass .strip{margin-inline:-6px;padding:6px 6px 12px;scroll-padding-inline:6px}
.pcard{border:0;padding:10px;border-radius:22px;color:var(--ink)}
.pcard:nth-child(5n+1){background:var(--pink)}
.pcard:nth-child(5n+2){background:var(--sky)}
.pcard:nth-child(5n+3){background:var(--maize)}
.pcard:nth-child(5n+4){background:var(--fawn)}
.pcard:nth-child(5n+5){background:var(--olivine)}
.pcard .pimg{border-radius:14px;overflow:hidden}
.pb{padding:12px 4px 4px}
.price{color:var(--ink);font-size:1.3rem}
.pcard:hover{box-shadow:0 12px 26px rgba(31,59,45,.2)}

/* Pannelli e sezioni decorative */
.panel{background:var(--cream2);border:0}
.panel--sage{background:var(--fawn);color:var(--ink)}
.panel--sage h2,.panel--sage h3{color:var(--ink)}
.panel--sage .eyebrow{color:var(--ink);opacity:.75}
.panel--sage .btn{background:var(--white);border-color:var(--ink)}
.wide-cta{background:var(--sky)}
.ig-cta{background:var(--pink)}
.checks li::before{background-color:var(--maize)}
.panel--sage .checks li::before{background-color:var(--white)}
.reasons-band{background:transparent;color:var(--ink)}
.reasons-band h2{color:var(--ink)}
.reasons .reason:nth-child(1){background:var(--pink)}
.reasons .reason:nth-child(2){background:var(--sky)}
.reasons .reason:nth-child(3){background:var(--maize)}
.reason{border:0;color:var(--ink)}
.reason b{background:var(--white);color:var(--ink)}
.reason p{color:#2E4A3A}
.chip{background:var(--white);border:2px solid var(--ink);color:var(--ink)}
.chip:hover{background:var(--maize);color:var(--ink);border-color:var(--ink)}
.crumb,.crumbs a{color:var(--accent)}
.fid-card{filter:drop-shadow(0 14px 22px rgba(31,59,45,.25))}
.spec{background:var(--cream2);border:0}
.spec div{border-bottom-color:var(--line)}
.prod-img img{background:var(--cream2)}

/* Orari, fidelity, form */
.hours li.today{background:var(--maize);color:var(--ink)}
.points{background:var(--cream2);border:0}
.point{border-bottom-color:var(--line)}
.point b,.point .off b{color:var(--ink)}
.contact-list svg{color:var(--accent)}
.field input:focus,.field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(112,193,225,.45)}
.opt input,.consent input{accent-color:var(--accent)}
.opt:has(input:checked){border-color:var(--ink);background:var(--maize)}
.notice--ok{background:var(--sky);color:var(--ink)}
.badge-open{background:var(--white)}
.badge-open.is-open i{background:#2FA66A;box-shadow:0 0 0 4px rgba(47,166,106,.25)}
.map{background:var(--cream2)}

/* Footer e barra in basso */
.site-footer{background:var(--olivine);color:var(--ink);border-radius:36px 36px 0 0}
.site-footer a,.site-footer h3{color:var(--ink)}
.legal{border-top:1px solid rgba(31,59,45,.25);color:#2E4A3A}
.socials a{background:var(--white);color:var(--ink)}
.bar{background:var(--white);border-top:2px solid var(--ink);box-shadow:none}
.bar a{color:var(--ink)}
.bar a:nth-child(2){background:var(--maize);color:var(--ink)}
@media (min-width:960px){.site-footer{border-radius:48px 48px 0 0}}
.field .opt{display:flex}
.price.price--big{font-size:1.9rem;margin:0 0 14px;padding:0}
.hero3.nowave::after,.nowa::before{display:none}
.hero3.nowave{padding-bottom:10px}
.nowa{padding-top:0}
@media(min-width:960px){.hero3.nowave{padding-bottom:40px}}

/* ===== v4: sfondo unico a macchie (img/bg.webp), niente onde ===== */
body{background:#C7E4C6 url("../img/bg-m.webp") center top/100% auto no-repeat}
@media(min-width:700px){body{background-image:url("../img/bg.webp");background-size:cover}body.home{background-size:100% 100%}}
.section,.section--soft,.hero3,.page-head{background:transparent}
.section--soft::before,.section--soft::after,.hero3::after,.page-head::after,.wave-top::after{display:none!important}
.wave-top{display:none}
.section--soft,.section--tight.section--soft{padding-block:48px}
.section--tight{padding-block:28px}
.nowa{padding-top:0}
.page-head{padding-block:36px 24px}
.hero3,.hero3.nowave{padding:26px 0 18px;min-height:0}
.floats{display:none}
@media(min-width:700px){.section--soft,.section--tight.section--soft{padding-block:72px}.section--tight{padding-block:40px}.nowa{padding-top:0}}
@media(min-width:960px){.hero3,.hero3.nowave{padding:80px 0 40px;min-height:0}.hero3 .wrap{padding-top:0}}
.site-header{background:rgba(255,251,241,.78)}
.site-header{background:#FFFBF1}
.nav{background:#FFFBF1}
@media(min-width:960px){.nav{background:transparent}}

/* ===== v5 ===== */
:root{--brown:#4A3426;--brown2:#7A5C47;--c-abbigliamento:#F2DFC0;--c-bagno:#C8EDEA;--c-bici:#F9CFD8;--c-borse:#E3EDB5;--c-sport:#FAC9A8;--c-culle:#D5E9F7;--c-neonato:#F8D8C5;--c-passeggini:#D5E8D0;--c-giochi-libri:#E4D8F5;--c-seggiolini:#D8DDF5}
/* bottoni senza bordo nero */
.btn,.btn--ghost,.nav .btn,.panel--sage .btn{border:0!important;box-shadow:0 4px 12px rgba(74,52,38,.14)}
.btn:hover{box-shadow:0 6px 16px rgba(74,52,38,.2)}
.btn:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(74,52,38,.16)}
.btn--ghost{background:rgba(255,255,255,.7)}
.nav .btn{box-shadow:0 3px 8px rgba(74,52,38,.14)}
/* colori per categoria: card categoria + card prodotto */
.cat-abbigliamento{background:var(--c-abbigliamento)!important}
.cat-bagno{background:var(--c-bagno)!important}
.cat-bici{background:var(--c-bici)!important}
.cat-borse{background:var(--c-borse)!important}
.cat-sport{background:var(--c-sport)!important}
.cat-culle{background:var(--c-culle)!important}
.cat-neonato{background:var(--c-neonato)!important}
.cat-passeggini{background:var(--c-passeggini)!important}
.cat-giochi-libri{background:var(--c-giochi-libri)!important}
.cat-seggiolini{background:var(--c-seggiolini)!important}
.card h3,.card p,.pcard h3,.pcard .price{color:var(--brown)!important}
.cards--big .card p{color:var(--brown2)!important}
.pcard .age{margin:2px 0 8px;font-size:.88rem;line-height:1.3;color:var(--brown2)!important}
.pcard .pb h3{min-height:0}
.pcard .pb{display:flex;flex-direction:column}
.pcard .pb .price{margin-top:auto}
.pcard h3{min-height:2.6em}
/* ordina per */
.sortbar{display:flex;align-items:center;gap:10px;margin:0 0 18px;justify-content:flex-end}
.sortbar label{font-weight:600;color:var(--brown2);font-size:.95rem}
.sortbar select{font:inherit;color:var(--brown);background:rgba(255,255,255,.8);border:0;border-radius:999px;padding:10px 38px 10px 16px;box-shadow:0 2px 8px rgba(74,52,38,.12);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234A3426' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
/* 4 card info: sfondo crema, icona e testo colorati */
.values .value{background:#FFFBF1!important;box-shadow:0 4px 14px rgba(74,52,38,.08)}
.value span{color:var(--brown2)!important}
.value.v-sky{--vc:#2F8DB8}.value.v-pink{--vc:#D9506F}.value.v-maize{--vc:#A88B00}.value.v-fawn{--vc:#D8782A}
.value.v-sky svg,.value.v-pink svg,.value.v-maize svg,.value.v-fawn svg,.value strong{color:var(--vc)!important}
.value{border-top:5px solid transparent}
.value.v-sky{border-top-color:#70C1E1}.value.v-pink{border-top-color:#FAA4B5}.value.v-maize{border-top-color:#FFF183}.value.v-fawn{border-top-color:#F8B77C}
/* tre motivi: una sola card vetrata */
.reasons--one{display:grid;gap:22px;padding:26px 22px;grid-template-columns:1fr}
.reasons--one .reason{background:transparent!important;box-shadow:none;padding:0;border-radius:0}
.reasons--one .reason:nth-child(1){--rc:#D9506F;--rb:#FAA4B5}
.reasons--one .reason:nth-child(2){--rc:#2F8DB8;--rb:#70C1E1}
.reasons--one .reason:nth-child(3){--rc:#A88B00;--rb:#FFF183}
.reasons--one .reason b{background:var(--rb);color:var(--brown)}
.reasons--one .reason h3{color:var(--rc)}
.reasons--one .reason p{color:var(--brown2)}
@media(min-width:800px){.reasons--one{grid-template-columns:repeat(3,1fr);gap:34px;padding:34px 38px}}
.chip{border:0!important;background:rgba(255,255,255,.75);box-shadow:0 2px 8px rgba(74,52,38,.12);color:var(--brown)}
.chip:hover{background:#fff}

/* lista nascita v2 */
.lista-card{position:relative;border-radius:30px;overflow:hidden;background:#FDF6E8;box-shadow:0 10px 30px rgba(74,52,38,.12)}
.lista-img{position:relative}
.lista-img img{display:block;width:100%;height:auto}
.lista-copy{position:absolute;left:44%;right:7%;top:16%;bottom:26%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.lista-copy h2{margin:0 0 4px;color:var(--brown);font-size:clamp(.95rem,4.6vw,1.2rem);line-height:1.1}
.lista-copy p{margin:0;color:var(--brown2);font-size:clamp(.66rem,3vw,.85rem);line-height:1.3}
.lista-act{padding:14px 0 20px;text-align:center}
@media(min-width:700px){
  .lista-copy{left:41%;right:7%;top:20%;bottom:40%}
  .lista-copy h2{font-size:clamp(1.4rem,3.4vw,2.8rem);margin-bottom:8px}
  .lista-copy p{font-size:clamp(.88rem,1.5vw,1.2rem);max-width:24em}
  .lista-act{position:absolute;left:41%;right:7%;bottom:24%;padding:0}
}
/* intestazione categoria in una sola card */
.headcard{padding:22px 22px 24px;text-align:left}
.headcard .crumb{display:inline-block;margin-bottom:6px;color:var(--brown2);font-weight:600;font-size:.92rem;text-decoration:none}
.headcard h1{margin:0 0 6px;color:var(--brown)}
.headcard .lead{margin:0 0 16px;color:var(--brown2)}
.headcard-row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
.headcard-row .chips{margin:0}
.headcard-row .btn{margin-left:auto}
@media(max-width:699px){.headcard-row .btn{margin-left:0;width:100%;justify-content:center}}
.section--tight:has(.headcard){padding-bottom:0}
.lista-copy{top:19%}
@media(min-width:700px){.lista-copy{top:20%}}

/* ===== v6 ===== */
/* sanificazione: foto orizzontale con velo satinato + corpo crema */
.sani-card{border-radius:30px;overflow:hidden;background:#FDF6E8;box-shadow:0 10px 30px rgba(74,52,38,.12)}
.sani-img{position:relative;min-height:190px}
.sani-img img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;aspect-ratio:16/7}
.sani-veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;background:rgba(255,251,241,.42);backdrop-filter:blur(4px) saturate(1.1);-webkit-backdrop-filter:blur(4px) saturate(1.1)}
.sani-veil .eyebrow{color:var(--brown2)}
.sani-veil h2{margin:4px 0 0;max-width:16em;color:var(--brown);font-size:clamp(1.4rem,5.4vw,2.8rem);line-height:1.1}
.sani-body{padding:20px 22px 26px}
.sani-body .checks{margin:0 0 16px;display:grid;gap:2px 30px}
.sani-body .btn{display:inline-flex}
@media(min-width:700px){.sani-body{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:26px 34px}.sani-body .checks{grid-template-columns:1fr 1fr;margin:0}}
/* vende / compra in una card unica */
.duo{display:grid;gap:0;padding:0;overflow:hidden}
.duo-col{padding:26px 24px}
.duo-col h2{color:var(--brown);margin-top:4px}
.duo-sell{background:#F8B77C}
.duo-buy{background:rgba(255,251,241,.55)}
.duo-buy p{color:var(--brown2)}
.duo-sell .checks li::before{background-color:#FFFBF1}
@media(min-width:800px){.duo{grid-template-columns:1fr 1fr}.duo-col{padding:36px 38px}}
/* fidelity card in un box proprio */
.fid-box{display:grid;gap:18px;align-items:center;background:#FFFBF1;border-radius:30px;padding:26px 24px;box-shadow:0 10px 30px rgba(74,52,38,.1)}
.fid-box h2{color:var(--brown)}
.fid-box .lead{color:var(--brown2)}
.fid-box .fid-card{max-width:360px}
@media(min-width:800px){.fid-box{grid-template-columns:1.1fr .9fr;padding:36px 44px;gap:32px}}
/* più dinamico */
.reveal{transition:opacity .6s ease,transform .6s ease}
.sani-card,.lista-card,.fid-box,.duo,.reasons--one{transition:transform .3s ease,box-shadow .3s ease}
.sani-card:hover,.lista-card:hover,.fid-box:hover,.reasons--one:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(74,52,38,.16)}
.value,.card,.pcard{transition:transform .25s ease,box-shadow .25s ease}
.value:hover{transform:translateY(-4px)}
.card:hover,.pcard:hover{transform:translateY(-5px)}
.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s}
.btn:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.sani-card:hover,.lista-card:hover,.fid-box:hover,.reasons--one:hover,.value:hover,.card:hover,.pcard:hover,.btn:hover{transform:none}}

/* filtri a pulsante (Giochi / Libri) accanto all'ordinamento */
.sortbar{flex-wrap:wrap;row-gap:12px}
.sortbar .filters{display:flex;gap:10px;margin-right:auto}
.sortbar .sortsel{display:flex;align-items:center;gap:10px}
.chip--toggle{font:inherit;font-weight:600;cursor:pointer;min-height:48px;padding:10px 22px;gap:8px;transition:background .2s,color .2s}
.chip--toggle::before{content:"";width:1.1em;height:1.1em;border-radius:50%;border:2px solid var(--brown2);box-sizing:border-box;flex:none}
.chip--toggle[aria-pressed="true"]{background:var(--brown)!important;color:#fff!important;box-shadow:0 3px 10px rgba(74,52,38,.3)}
.chip--toggle[aria-pressed="true"]::before{border-color:#fff;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.4 2.4 4.6-5' fill='none' stroke='%234A3426' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.chip--toggle:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.pcard[hidden]{display:none!important}
@media(max-width:699px){
  .sortbar{justify-content:space-between}
  .sortbar .filters{flex:1 0 100%}
  .sortbar .filters .chip--toggle{flex:1;justify-content:center;min-height:52px}
  .sortbar .sortsel{flex:1 0 100%;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){.chip--toggle{transition:none}}