:root{--red:#CF4342;--black:#0A0808;--anthr:#2B2B2B;--ink:#2B2B2B;--soft:#666666;--line:#D1D1D1;--bg2:#F4F4F4;--tint:#FAECEC}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 "Helvetica Neue",Arial,system-ui,sans-serif}
a{color:inherit}img{max-width:100%}
h1,h2,h3{font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:.2em 0 .5em}
h1{font-size:clamp(32px,4.5vw,56px);text-transform:uppercase;font-style:italic}
.devbar{background:var(--bg2);color:var(--soft);font-size:11px;text-align:center;padding:3px}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
header.site{border-bottom:1px solid var(--line);background:#fff}
.hwrap{max-width:1280px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;gap:40px}
.logo img{height:80px;width:auto;display:block}
nav.main{display:flex;gap:26px;flex:1}nav.main a,.cartlink{text-decoration:none;font-weight:700;font-size:15px;color:var(--ink)}nav.main a:hover{color:var(--red)}
.cartlink b{background:var(--red);color:#fff;border-radius:20px;padding:1px 8px;font-size:12px}
.benefits{list-style:none;margin:0;padding:8px 32px;display:flex;justify-content:center;gap:48px;background:var(--bg2);font-size:13px;font-weight:600}
.benefits li::first-letter{color:var(--red)}
.phbox{background:var(--bg2);display:flex;align-items:center;justify-content:center;aspect-ratio:1;color:var(--soft);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.phbox.tall{aspect-ratio:1034/798}.phbox.thumb{width:72px;aspect-ratio:1;font-size:8px;text-align:center}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:2px;padding:14px 30px;font:800 15px/1 inherit;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.08)}.btn.ghost{background:#fff;color:var(--ink);border:2px solid var(--ink)}.btn.big{width:100%;padding:20px;font-size:17px}
.hero{padding:56px 0}.hgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(48px,7vw,104px);line-height:.92}.hero h1 span{color:var(--red)}
.kicker,.cbrand{color:var(--red);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.lead{font-size:18px;color:var(--soft);max-width:620px}
.sec{font-size:clamp(24px,3vw,36px);font-style:italic;text-transform:uppercase;margin:56px 0 24px}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.catcard{text-decoration:none}.catcard h3{margin:14px 0 4px;font-size:20px}.catcard p{color:var(--soft);font-size:14px;margin:0}.more{color:var(--red);font-weight:800;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
.card{position:relative}.card a{text-decoration:none;display:block}.card h3{font-size:16px;font-weight:700;letter-spacing:0;margin:4px 0}
.badge{position:absolute;top:10px;left:10px;background:#fff;color:var(--red);font-size:11px;font-weight:900;padding:3px 8px;border:1px solid var(--red)}
.card .cbrand{display:block;margin-top:12px}.cmin{display:block;font-size:13px;color:var(--soft)}.cprice{display:block;font-weight:800;margin-top:6px}
.ph{color:#b26b00;font-size:11px;font-style:normal;font-weight:600}
.steps-band{background:var(--bg2);padding:8px 0 48px;margin-top:64px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0}
.steps li{background:#fff;padding:24px;border-top:3px solid var(--red)}.steps b{display:block;font-size:18px;margin-bottom:6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-bottom:64px}
.band{background:transparent;padding:28px 0 12px;margin-bottom:8px}
.crumbs ol{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 12px;font-size:13px;color:var(--soft)}.crumbs li+li::before{content:"›";margin-right:8px}.crumbs a{text-decoration:none}
.filters{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.fbtn{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:8px 18px;font-weight:700;font-size:14px;cursor:pointer;list-style:none;text-decoration:none}
.fbtn::-webkit-details-marker{display:none}summary.fbtn::after{content:" ▾";color:var(--soft)}.fdrop{position:relative}
.fmenu{position:absolute;z-index:5;top:44px;left:0;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #0001;min-width:200px;padding:8px}
.fmenu a{display:block;padding:6px 10px;text-decoration:none;font-size:14px}.fmenu a:hover,.fmenu a.on{background:var(--bg2);color:var(--red)}
.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 0}.chip{background:var(--ink);color:#fff;border-radius:30px;padding:5px 14px;font-size:13px;text-decoration:none}.clear{font-size:13px;color:var(--red)}
.toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 0 20px;font-size:14px}select{padding:8px;border:1px solid var(--line);font:inherit;margin-left:6px}
.seotext{max-width:860px;margin:64px 0;color:var(--soft)}
.pgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;margin:8px 0 56px}
.gallery{display:flex;gap:14px;align-items:flex-start}.thumbs{display:flex;flex-direction:column;gap:10px}.phbox.main{flex:1}
.buy h1{font-size:clamp(28px,3vw,40px)}.pshort{color:var(--soft)}.bigprice{font-size:34px;font-weight:900;margin:12px 0 20px;line-height:1.1}.bigprice small{font-size:15px;color:var(--soft);font-weight:600}
fieldset{border:0;padding:0;margin:0 0 18px}legend{font-weight:800;font-size:14px;margin-bottom:8px}.small{font-weight:600;font-size:12px;color:var(--red);margin-left:8px}
.opts{display:flex;gap:8px;flex-wrap:wrap}.opts input{position:absolute;opacity:0}.opts span{display:inline-block;border:1px solid var(--line);padding:8px 16px;font-size:14px;cursor:pointer}.opts input:checked+span{border:2px solid var(--ink);font-weight:800}.opts input:focus-visible+span{outline:2px solid var(--red)}
.fld{display:block;font-weight:800;font-size:14px;margin-bottom:14px}.fld small{font-weight:500;color:var(--soft)}
input[type=number],input:not([type]),textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);font:inherit;background:#fff}
.custom{background:var(--bg2);padding:16px}.two{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.mock{font-size:14px;border-left:3px solid var(--red);padding-left:12px}.avail{color:#2e8540;font-size:13px;font-weight:700}
.pdesc{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;border-top:1px solid var(--line);padding-top:40px}.longtext li{margin:4px 0}
.specs{width:100%;border-collapse:collapse;font-size:14px}.specs th,.specs td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.specs th{width:42%;color:var(--soft);font-weight:600}
.acc{margin:48px 0;max-width:900px}.acc details{border-bottom:1px solid var(--line)}.acc summary{padding:16px 0;font-weight:800;cursor:pointer}.acc details p{margin:0 0 16px;color:var(--soft)}
.related{margin:48px 0 72px}.rlinks{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.rlinks a{border:1px solid var(--line);padding:10px 16px;text-decoration:none;font-weight:700;font-size:14px}.rlinks a:hover{border-color:var(--red);color:var(--red)}
.text{max-width:900px;padding-bottom:64px}.alert{background:var(--tint);border:1px solid var(--red);padding:14px;font-weight:700}
.carttab{width:100%;border-collapse:collapse}.carttab th,.carttab td{border-bottom:1px solid var(--line);padding:12px 8px;text-align:left;vertical-align:top}.x{background:none;border:0;color:var(--red);font-size:18px;cursor:pointer}
footer.site{background:var(--bg2);border-top:1px solid var(--line);margin-top:40px}
.fgrid{max-width:1280px;margin:0 auto;padding:48px 32px 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;font-size:14px}
.fgrid h2{font-size:13px;text-transform:uppercase;letter-spacing:.1em}.fgrid a{display:block;text-decoration:none;color:var(--soft);margin:6px 0}.fgrid a:hover{color:var(--red)}
.copy{max-width:1280px;margin:0 auto;padding:16px 32px 28px;font-size:12px;color:var(--soft);border-top:1px solid var(--line)}
@media(max-width:900px){.hgrid,.pgrid,.pdesc,.split{grid-template-columns:1fr}.grid,.cats,.steps{grid-template-columns:repeat(2,1fr)}.hwrap{flex-wrap:wrap;gap:12px}nav.main{order:3;flex-basis:100%;overflow-x:auto}.benefits{gap:16px;flex-wrap:wrap;font-size:12px}.fgrid{grid-template-columns:1fr 1fr}}
.configurator{display:grid;grid-template-columns:1fr 1fr;gap:16px 0;background:var(--bg2);padding:24px;align-self:start}
.configurator figure{margin:0;text-align:center;align-self:center}.configurator canvas{width:100%;height:auto;cursor:grab;touch-action:pan-y;display:block}.configurator canvas:active{cursor:grabbing}
.configurator figcaption{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-top:6px}.cfghint{grid-column:1/-1;font-size:12px;color:var(--soft);text-align:center;margin:0}
.side{border-bottom:1px solid var(--line);padding:10px 0}.upbtn{display:block;text-align:center;border:2px dashed var(--red);color:var(--red);font-weight:800;font-size:14px;padding:10px;cursor:pointer;background:#fff}.upbtn.done{border-style:solid}
.sl{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:8px;flex-wrap:wrap}.sl label{display:flex;align-items:center;gap:4px}.sl input{width:90px}
.reset{background:none;border:1px solid var(--line);padding:4px 10px;font-size:12px;cursor:pointer}.chk{display:block;font-size:13px;margin-top:10px}.small2{font-size:11px;color:var(--soft);margin:4px 0 0}
.cthumb{border:1px solid var(--line);margin-bottom:6px}
.modo{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:10px}.modo em{font-size:12px;color:var(--soft);font-style:normal}
.modo input{position:absolute;opacity:0}.modo span{display:block;border:1px solid var(--line);background:#fff;padding:10px 12px;cursor:pointer;height:100%}.modo b{display:block;font-size:14px}.modo small{font-size:12px;color:var(--soft)}
.modo input:checked+span{border:2px solid var(--red);box-shadow:inset 0 0 0 1px var(--red)}.modo input:focus-visible+span{outline:2px solid var(--ink)}
.assist,.cfgoff{display:none}.cfgctl:has(input[value=assistenza]:checked) .upl{display:none}.cfgctl:has(input[value=assistenza]:checked) .assist{display:block}
.configurator.off canvas{opacity:.35;pointer-events:none;filter:grayscale(1)}.configurator.off .cfgoff{display:block;grid-column:1/-1;text-align:center;font-weight:800;color:var(--red);margin:0}
.configurator.off .cfghint{display:none}
.configurator.single{grid-template-columns:1fr;align-content:center;padding:40px 16px}
.track{display:flex;list-style:none;padding:0;gap:4px;margin:24px 0;flex-wrap:wrap}.track li{flex:1;min-width:110px;padding:10px;background:var(--bg2);font-size:13px;font-weight:700;color:var(--soft);border-top:3px solid var(--line)}.track li.on{color:var(--ink);border-top-color:var(--red)}
.payform{margin-top:24px}.payform h2{font-size:22px;font-style:italic;text-transform:uppercase}.three{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px}
.payform:has(input[value=bonifico]:checked) .bon,.payform:has(input[value=dopo]:checked) .bon{display:block}.modo input:disabled+span{opacity:.5;cursor:not-allowed}
.burger,.drawer,.dshade,.carticon{display:none}
@media(max-width:900px){
html,body{overflow-x:clip;max-width:100%}html.lock,html.lock body{overflow:hidden}
.devbar{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 8px}
header.site{position:sticky;top:0;z-index:50}
.hwrap{display:grid;grid-template-columns:44px 1fr 44px;flex-wrap:nowrap;gap:0;padding:6px 12px;align-items:center}
nav.main{display:none}.logo{justify-self:center}.logo img{height:46px}
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:0;cursor:pointer}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px}
.cartlink{justify-self:end;position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.ctxt{display:none}
.carticon{display:block}.cartlink b{position:absolute;top:3px;right:0;padding:0 6px;font-size:11px;line-height:17px}
.benefits{display:block;height:28px;overflow:hidden;padding:0 12px;position:relative;font-size:12px;white-space:nowrap}
.benefits li{position:absolute;left:0;right:0;text-align:center;line-height:28px;overflow:hidden;text-overflow:ellipsis;padding:0 12px;opacity:0;animation:bfade 12s infinite}
.benefits li:nth-child(2){animation-delay:4s}.benefits li:nth-child(3){animation-delay:8s}
@keyframes bfade{0%,2%{opacity:0}5%,30%{opacity:1}33%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.benefits li{animation:none}.benefits li:first-child{opacity:1}}
.dshade{display:block;position:fixed;inset:0;background:rgba(20,20,20,.45);z-index:90}.dshade[hidden]{display:none}
.drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);background:#fff;z-index:100;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;visibility:hidden;box-shadow:2px 0 20px rgba(0,0,0,.15)}
.drawer.open{transform:none;visibility:visible}
.dhead{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:3px solid var(--red)}.dhead b{text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.dclose{font-size:30px;line-height:1;width:44px;height:44px;border:0;background:none;cursor:pointer;color:var(--ink)}
.drawer a{display:block;padding:14px 18px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700;color:var(--ink)}.drawer a:hover,.drawer a:focus{color:var(--red)}
.drawer .dcart{color:var(--red)}
.wrap{padding:0 16px}
.filters{position:relative}.fdrop{position:static}.fmenu{left:0;right:0;top:auto;min-width:0;max-width:100%}
.steps li{padding:16px;overflow-wrap:anywhere}
h1,h2{overflow-wrap:anywhere}
.carttab,.carttab tbody,.carttab tr,.carttab td,.carttab th{display:block;width:100%}.carttab tr{border-bottom:1px solid var(--line);padding:8px 0}.carttab td,.carttab th{border:0;padding:4px 0}.carttab thead{display:none}
.carttab img.cthumb{max-width:120px}
}
@media(max-width:480px){.steps,.cats{grid-template-columns:1fr}}
@media(max-width:900px){
.cfgpage{display:flex;flex-direction:column;gap:0}.cfgpage .buy{display:contents}
.cfgpage .cbrand{order:1}.cfgpage h1{order:2;font-size:26px;margin-bottom:4px}.cfgpage .bigprice{order:3;font-size:24px;margin:0 0 12px}
.cfgpage .configurator{order:4;position:sticky;top:var(--hh,86px);z-index:20;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.12);padding:8px;gap:4px 8px;margin:0 0 16px;max-height:46vh}
.cfgpage .configurator.single{padding:8px 16px}
.cfgpage .configurator canvas{max-height:calc(38vh - 24px);width:auto;max-width:100%;margin:0 auto}
.cfgpage .configurator figcaption{font-size:11px;margin-top:2px}.cfgpage .cfghint{font-size:11px}
.cfgpage .buyform{order:5;display:flex;flex-direction:column}.cfgpage .buyform>.cfgctl{order:-1}
.cfgpage .pshort{order:6}.cfgpage>.buy>*:not(.cbrand):not(h1):not(.bigprice):not(.buyform):not(.pshort){order:7}
}
.cfgtouch{display:none}.configurator canvas{touch-action:pan-y}
@media(max-width:900px){
.cfgpage .configurator.pair{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;column-gap:0}
.cfgpage .configurator.pair figure{flex:0 1 auto;max-width:50%}
.cfgpage .configurator.pair canvas{height:calc(34vh - 20px);width:auto;max-width:100%;object-fit:contain}
.cfgpage .configurator.pair>p{flex:0 0 100%}
.cfgpage .configurator.single canvas{display:block;margin:0 auto}
}
.configurator [hidden]{display:none!important}.configurator.one{grid-template-columns:1fr}.supp{font-size:14px;color:var(--soft);font-weight:600}
@media(max-width:900px){.sizefirst .buyform>fieldset:has(input[name=taglia]),.sizefirst .buyform>fieldset.xopt{order:-2}}

/* scena (sfondo Basquiat): un canvas quadrato con tutto; solo il canvas finale viene ridimensionato */
.configurator.scene{padding:16px}.configurator.scene figure{max-width:100%!important}
@media(max-width:900px){.cfgpage .configurator.scene{padding:6px 8px;align-self:stretch}.cfgpage .configurator.scene figure{width:100%}.cfgpage .configurator.scene canvas{height:min(calc(46vh - 64px),calc(100vw - 16px));max-height:none;width:auto;max-width:100%;margin:0 auto}}

/* box dima + testo per l'IA (solo modalità carica immagini) */
.dimabox{background:#fff;border:1px solid var(--line,var(--line));border-left:3px solid var(--red);padding:10px 14px;margin:12px 0}
.dimabox summary{font-weight:800;cursor:pointer;list-style:none;font-size:15px}.dimabox summary::-webkit-details-marker{display:none}
.dimabox summary::after{content:'+';float:right;color:var(--red);font-weight:800}.dimabox[open] summary::after{content:'–'}
.dimabox p{font-size:13px;color:var(--soft);margin:6px 0 10px;line-height:1.45}.dimabox .dbtn{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dimabox .btn.small{padding:8px 14px;font-size:13px}.dimabox .copyai{background:none;border:1px solid var(--red);color:var(--red);padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}
.dimabox .copyai:hover{background:var(--bg2)}.dimabox .copied{font-size:12px;font-weight:700;color:var(--red)}
.dimabox .dbtn a.btn{color:#fff;margin:0;width:auto;display:inline-block}

/* area rivenditori B2B */
.b2bbar{background:#2b5fa8;color:#fff;font-size:13px;text-align:center;padding:6px 12px}.b2bbar a{color:#fff;margin-left:10px;text-decoration:underline}
.rivp{display:block;font-size:13px;color:#2b5fa8;text-transform:uppercase;font-weight:700}.pubp{font-size:16px;color:var(--soft);margin-left:6px}
.rivform{max-width:760px}.rivform fieldset{border:1px solid var(--line);padding:14px 16px 6px;margin:0 0 16px}.rivform legend{font-weight:700;padding:0 6px}
.rivtop{max-width:1180px;padding-top:4px}.rivtop+.rivform{max-width:1180px}.rivtop+.rivform>*{max-width:760px}.rivtop .lead{max-width:760px}.rivsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 28px;padding:0;list-style:none}.rivsteps li{position:relative;display:flex;flex-direction:column;padding:26px 22px 24px;overflow:hidden;transition:transform .2s,box-shadow .2s}.rivsteps h3{margin:0 0 10px;font-size:1.3rem;line-height:1.1;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}.rivsteps p{margin:0;font-size:.95rem;line-height:1.5}.rivsteps .rs-i svg{width:26px;height:26px;display:block}.rs-a li{background:linear-gradient(160deg,#1d1d1d,#0b0b0b);color:#fff;border-left:4px solid #CF4342}.rs-a p{color:#c9c9c9}.rs-a .rs-i{display:none}.rs-a .rs-n{display:block;font-size:3.4rem;line-height:.9;font-weight:900;font-style:italic;color:#CF4342;margin-bottom:14px;letter-spacing:-.04em}.rs-a li::after{content:"";position:absolute;right:-30px;bottom:-30px;width:90px;height:90px;background:#CF4342;opacity:.12;transform:skewX(-20deg)}.rs-a li:hover{transform:translateY(-3px)}.rs-b .rs-n{display:none}.rs-b li{background:#fff;color:#111;border:1px solid #e4e4e4;box-shadow:0 4px 14px rgba(0,0,0,.06)}.rs-b li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#CF4342;transform:scaleX(0);transform-origin:left;transition:transform .25s}.rs-b li:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.1)}.rs-b li:hover::after{transform:scaleX(1)}.rs-b .rs-i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#CF4342;color:#fff;margin-bottom:16px}.rs-b p{color:#555}.rivacc{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 8px;font-weight:600}@media(max-width:1000px){.rivsteps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.rivsteps{grid-template-columns:1fr;gap:12px}.rivsteps li{padding:20px 18px}.rs-a .rs-n{font-size:2.6rem;margin-bottom:8px}.rivsteps h3{font-size:1.15rem}}
.rivlogo{max-width:180px;max-height:110px;background:var(--bg2);padding:8px;display:block;margin:8px 0}.ok{background:#eaf6ec;border-left:3px solid #2e8540;padding:10px 14px}
.mockdl{margin:8px 0 0}.mockdl .btn{background:#2b5fa8}

/* categoria con un solo prodotto */
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;background:#fff;margin:28px 0}.feature .fimg{display:block}.feature .ftxt{padding:8px 24px 24px 0}
.feature h2{font-size:30px;margin:6px 0 10px}.feature h2 a{color:inherit;text-decoration:none}.feature .cprice{font-size:22px;font-weight:700;margin:14px 0 18px}.feature .cprice small{font-size:14px;font-weight:400;color:var(--soft)}
@media (max-width:800px){.feature{grid-template-columns:1fr;gap:12px}.feature .ftxt{padding:0 16px 20px}}
.hicons{display:flex;align-items:center;gap:18px}.acclink{display:flex;align-items:center;gap:6px;text-decoration:none;font-weight:700;font-size:15px;color:var(--ink)}.acclink:hover,.acclink:hover .accicon{color:var(--red)}.accicon{display:block;color:var(--ink)}
.acctabs{display:flex;gap:0;border-bottom:2px solid var(--ink);margin:8px 0 20px}.acctabs a{padding:10px 20px;font-weight:800;text-transform:uppercase;font-style:italic;text-decoration:none;color:var(--ink)}.acctabs a.on,.acctabs a:hover{background:var(--ink);color:#fff}
.acc .alogin{max-width:460px}.accriv{margin-top:32px;padding:14px 16px;background:var(--bg2);border-left:3px solid var(--red)}.accriv a{color:var(--red);font-weight:700}.acctop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.btn.ghost{background:none;color:var(--ink);border:2px solid var(--ink)}.chk{display:flex;gap:8px;align-items:center;margin:10px 0}
@media(max-width:900px){.hwrap{grid-template-columns:88px 1fr 88px}.hicons{justify-self:end;gap:0}.acclink{width:44px;height:44px;justify-content:center}.accicon{width:34px;height:16px}}
.acc .fld input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:2px;font:500 16px/1.2 inherit}.acc .fld input:focus{outline:2px solid var(--red);border-color:var(--red)}.acc .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.acc .two{grid-template-columns:1fr}}
@media(min-width:901px){nav.main{gap:20px}nav.main a{white-space:nowrap}}
.cartlink{white-space:nowrap}.acc h2{margin-top:36px}
.fld.tel{margin-top:14px}.fld.tel small{display:block;font-weight:400;color:var(--soft);margin-top:4px}.precontr{background:var(--bg2);border-left:3px solid var(--red);padding:12px 16px;margin:16px 0;font-size:14px}.precontr h3{margin:0 0 6px;font-size:15px}.precontr ul{margin:0;padding-left:18px}
.legal table{width:100%;font-size:14px;margin:12px 0}.legal h2{margin-top:28px}.copy .ph{font-style:normal}.accdel{margin-top:16px}.accdel summary{cursor:pointer;color:var(--red)}
.payform .fld input[type=email],.payform .fld input[type=tel]{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:2px;font:500 16px/1.2 inherit;box-sizing:border-box}
.payform .chk.terms{display:block;font-size:14px;line-height:1.5}.payform .chk.terms input{margin-right:6px}
.benefits{background:var(--black);color:#fff}.benefits a{color:#fff}.benefits li::first-letter{color:var(--red)}
footer.site{background:var(--anthr);color:#fff;border-top:0}footer.site .fgrid a,footer.site .copy a{color:#fff}footer.site .fgrid a:hover,footer.site .copy a:hover{color:var(--red)}footer.site .copy{color:var(--line);border-top-color:rgba(255,255,255,.14)}footer.site .ph{color:var(--red)}
.pagbox{border:2px solid var(--black);padding:16px 20px;margin:24px 0}.pagbox h2{margin-top:0}.pagtot{font-size:20px}.pagbox .bank{background:var(--bg2);padding:10px 14px;margin:12px 0;font-size:14px;word-break:break-word}.pagbox .modo2{border:0;padding:0;margin:10px 0}.pagbox .modo2 label{margin-right:14px}.pagbox input[type=file],.pagbox input[name=nota]{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);box-sizing:border-box}.pagbox button:disabled{opacity:.45;cursor:not-allowed}.pagsel{font-size:15px}
.badge-n{display:inline-block;background:var(--red);color:#fff;border-radius:10px;padding:0 7px;font-size:12px;margin-left:4px}.rifiuta{margin-top:12px}.rifiuta input{display:block;width:100%;padding:8px;margin:4px 0 8px}
/* sezioni configuratore su fascia nera (v=24) */
.buyform>fieldset>legend,.buyform .qfld .lgd{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;background:var(--black);color:#fff;font-style:italic;font-weight:800;font-size:13px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;margin:0 0 10px;border-left:4px solid var(--red)}
.buyform>fieldset>legend .small{color:#fff;opacity:.8;margin-left:auto;font-style:normal;text-transform:none;letter-spacing:0}

.buyform>fieldset.custom{padding-top:0}.buyform>fieldset.custom>legend{float:left;width:calc(100% + 32px);margin:0 -16px 14px}.buyform>fieldset.custom>legend+*{clear:both}
.dimabox summary{background:var(--black);color:#fff;margin:-10px -14px;padding:9px 14px;font-style:italic;text-transform:uppercase;font-size:13px;letter-spacing:.06em}.dimabox{border-left-width:4px}.dimabox[open] summary{margin-bottom:10px}.dimabox summary::after{color:#fff}
/* area rivenditori: sezioni su fascia nera (v=25, stessa fascia del configuratore) */
.rivarea h2,.rivarea fieldset>legend,.pagbox h2,.pagbox h3{display:block;width:100%;box-sizing:border-box;background:var(--black);color:#fff;font-style:italic;font-weight:800;font-size:14px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;margin:36px 0 14px;border-left:4px solid var(--red)}
.rivarea h2:first-of-type{margin-top:20px}.rivarea form>h2:first-child{margin-top:0}
.rivarea fieldset{border:0;padding:0;margin:0 0 24px}.rivarea fieldset>legend{float:left;margin:0 0 14px}.rivarea fieldset>legend+*{clear:both}
.pagbox{border:0;padding:0;margin:36px 0}.pagbox h2{margin:0 0 14px}.pagbox h3{font-size:12px;margin-top:24px}
.pagbox .modo2>legend{all:revert;font-weight:700}
.rivarea>form+h2,.rivarea>table+h2{margin-top:40px}
/* sotto-sezioni: fascia antracite riutilizzabile (.subband) */
.subband,.rivarea fieldset>legend{background:var(--anthr);color:#fff;border-left:2px solid var(--red);font-size:13px;padding:8px 14px}
/* form: niente sforamenti su mobile (griglie .two/.three e campi) */
.two>*,.three>*{min-width:0}.fld input,.fld select,.fld textarea{max-width:100%;box-sizing:border-box}
.rivform .fld input:not([type=file]):not([type=checkbox]):not([type=radio]){display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:2px;font:500 16px/1.2 inherit;font-family:inherit}
.rivform .fld input[type=file]{display:block;margin-top:6px;width:100%}
@media(max-width:600px){.rivform .two,.rivform .three{grid-template-columns:1fr;gap:0}}
/* hero: animazione logo (video senza loop, si ferma sul logo finale; poster = LCP) */
.hvid{position:relative;aspect-ratio:16/9;background:var(--black);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18);border-bottom:4px solid var(--red)}.hvid video{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.hero{padding:0 0 40px}.hero .hgrid{gap:28px}.hvid{order:-1;margin:0 -16px;box-shadow:none}}
@media(min-width:768px){.hero{position:relative;overflow:hidden;background:var(--black);border-bottom:4px solid var(--red);color:#fff;padding:0;min-height:clamp(500px,64vh,660px);display:flex;align-items:center}.hero .hgrid{position:static;display:block;width:100%;padding-top:56px;padding-bottom:88px}.hero .hgrid>div:first-child{position:relative;z-index:2;max-width:min(600px,46%)}.hero .hgrid h1{font-size:clamp(48px,5.4vw,84px)}.hero h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.5)}.hero .lead{color:rgba(255,255,255,.86)}.hero .btn.ghost{background:transparent;color:#fff;border-color:#fff}.hero .btn.ghost:hover{background:#fff;color:var(--ink)}.hero .hvid{position:absolute;inset:0;z-index:0;aspect-ratio:auto;margin:0;order:0;box-shadow:none;border:0;background:var(--black)}.hero .hvid video{position:absolute;top:0;right:0;width:54%;height:100%;object-fit:cover;object-position:50% 50%}.hero .hvid::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--black) 0,var(--black) 46%,rgba(10,8,8,.75) 49%,rgba(10,8,8,.3) 52%,rgba(10,8,8,0) 55%),linear-gradient(180deg,rgba(10,8,8,.55) 0,rgba(10,8,8,0) 14%)}}

/* rivenditori: spedisci al mio cliente */
.shipto [hidden]{display:none!important}.shipto select,.shipto input{max-width:100%;box-sizing:border-box}.shipto .chk span{min-width:0}.tscroll{overflow-x:auto;max-width:100%}
.two .fld.tel{margin-top:0}
/* spazio tra etichetta e campo (globale, specificità 0: le regole esistenti restano prioritarie) */
:where(.fld)>:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea){display:block;width:100%;box-sizing:border-box;margin-top:7px}
:where(.fld)>:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea){padding:10px;border:1px solid var(--line);border-radius:2px;font:500 16px/1.2 inherit;background:#fff}
:where(.fld)>:where(input[type=color]){width:64px;height:40px;padding:2px}
@media(max-width:600px){.two:has(>.fld.tel){grid-template-columns:1fr!important}.two>.fld.tel{margin-top:0}}
.hero .lead~.btn{margin:0 8px 12px 0}
.hreplay{position:absolute;right:12px;bottom:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.hreplay[hidden]{display:none}.hreplay:hover,.hreplay:focus-visible{background:var(--red);outline:none}@media(min-width:768px){.hreplay{right:20px;bottom:20px}}
.preord{background:#fff4e0;border-left:3px solid #e39b2d;color:#5c3b00;font-size:14px;padding:10px 14px;margin:12px 0}.preord b{color:#8a5300}.preord a{color:#8a5300;font-weight:700}.potag,.lasttag{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#8a5300}.lasttag{color:var(--red)}
.ctgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:start}.ctform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ctform fieldset{border:0;padding:0;margin:0 0 18px}.ctform .fld input,.ctform .fld select,.ctform .fld textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:2px;font:500 16px/1.3 inherit;background:#fff}.ctform .fld textarea{resize:vertical;min-height:140px}.ctform .fld select{margin:6px 0 0;max-width:100%}.ctform :focus{outline:2px solid var(--red);border-color:var(--red)}.ctpriv{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:6px 0 18px}.ctpriv input{margin-top:3px}.ctbar{background:var(--black);color:#fff;font-style:italic;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;margin:0 0 14px;border-left:4px solid var(--red)}.ctside p{margin:0 0 14px}.ctok{background:#eef8ef;border-left:4px solid #2e7d32;padding:14px 16px}
@media(max-width:800px){.ctgrid{grid-template-columns:1fr;gap:10px}}
/* ===== update39 UX/UI ===== */
:root{--cta:var(--red)}
/* 1 configuratore: controlli grandi e touch */
.cfgctl label,.cfgctl legend,.side,.modo small{font-size:14px}
.sl{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding-top:6px}
.sl label{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:700}
.sl input[type=range]{width:150px;height:44px;accent-color:var(--cta);-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
.sl input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--line);border-radius:4px}
.sl input[type=range]::-moz-range-track{height:8px;background:var(--line);border-radius:4px}
.sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:var(--cta);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.sl input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--cta);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.reset{min-height:44px;padding:0 18px;background:var(--black);color:#fff;border:0;border-radius:2px;font:800 13px/1 inherit;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.reset:hover{background:var(--anthr)}
.modo label{min-height:44px}
.modo em{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;font-style:italic;text-transform:uppercase;color:var(--black);margin:10px 0}.modo em::before,.modo em::after{content:"";flex:1;height:2px;background:var(--black)}
.upbtn{min-height:56px;padding:14px;border:2px dashed var(--cta);background:var(--bg2);font-size:15px;font-weight:800;color:var(--black);cursor:pointer}.upbtn:hover{background:var(--bg2)}
.opts label span{min-height:44px;display:inline-flex;align-items:center}
/* 2 CTA principali */
.btn.big,.buyform .btn,.feature .btn{background:var(--cta);font-weight:900;font-style:italic;text-transform:uppercase;min-height:56px;font-size:18px;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;padding:0 28px}
.btn.big:hover,.buyform .btn:hover,.feature .btn:hover{filter:brightness(1.08)}
/* 3 sezioni pagina prodotto: barre titolo nere / sotto-sezioni antracite */
.pdesc h2,#dettagli>h2,.acc>h2,.related>h2{background:var(--black);color:#fff;font-style:italic;font-weight:900;text-transform:uppercase;padding:12px 16px;margin:28px 0 14px;font-size:20px}
.pdesc h3{background:var(--anthr);color:#fff;font-style:italic;font-weight:800;text-transform:uppercase;padding:8px 14px;margin:20px 0 10px;font-size:15px}
/* 4 nota finitura */
.finnote{margin:8px 0 0;font-size:14px;color:var(--anthr)}
/* 7 card club con stemma */
.cimgw{position:relative}.ccrest{position:absolute;right:10px;bottom:14px;width:56px!important;height:auto!important;aspect-ratio:auto!important;background:none!important;border:0!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.citem .cimgw>img:first-child{width:100%;height:auto;border:2px solid var(--black);background:var(--bg2)}
/* 8 carrello vuoto */
.cempty{text-align:center;padding:30px 0 40px}.cempty h1{font-size:clamp(30px,6vw,52px);font-style:italic;font-weight:900;text-transform:uppercase;margin:0 0 10px}
.cempty>p{font-size:17px;margin:0 0 22px}.cempty .btn{width:auto}
.ctiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:34px;text-align:left}
.ctiles a{background:var(--black);color:#fff;text-decoration:none;display:flex;flex-direction:column;border-bottom:4px solid var(--cta)}.ctiles a:hover{background:var(--anthr)}
.ctiles img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--bg2)}.ctiles span{padding:12px;font-weight:900;font-style:italic;text-transform:uppercase;font-size:14px}
/* 9 categoria: niente vuoti */
.feature{align-items:start;margin:16px 0}.feature .fimg img{width:100%;height:auto;display:block;background:var(--bg2)}
.band{padding:18px 0 20px}
/* update39b: mobile — taglia (e opzioni tipo frange) dopo l'anteprima, prima del configuratore, per tutti i prodotti configurabili */
@media(max-width:900px){.cfgpage .buyform{display:contents}.cfgpage .buyform>*{order:7}.cfgpage .buyform>fieldset:has(input[name=taglia]),.cfgpage .buyform>fieldset.xopt{order:5}.cfgpage .buyform>fieldset.cfgctl{order:6}.cfgpage .pshort{order:7}}
/* update40: sezione Mini nella categoria parastinchi */
.subbar{background:var(--anthr);color:#fff;font-style:italic;font-weight:900;text-transform:uppercase;padding:10px 16px;font-size:18px;margin:32px 0 12px}
.minisec .more a{font-weight:800;font-style:italic;text-transform:uppercase;color:var(--cta)}
/* update40: popup tabella misure */
html.sp-lock,html.sp-lock body{overflow:hidden}
.sizepop{border:0;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 40px);background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.35);overflow:hidden;display:none;flex-direction:column}
.sizepop[open]{display:flex}.sizepop::backdrop{background:rgba(0,0,0,.6)}
.sp-h{display:flex;align-items:center;justify-content:space-between;background:var(--black);color:#fff;padding:0 0 0 16px}
.sp-h h2{margin:0;font-size:18px;font-style:italic;font-weight:900;text-transform:uppercase;color:#fff}
.sp-x{width:48px;height:48px;border:0;background:none;color:#fff;font-size:30px;line-height:1;cursor:pointer}.sp-x:hover{background:var(--cta)}
.sp-b{padding:14px 16px;overflow-y:auto}.sp-s{overflow-x:auto}.sp-b table{width:100%;min-width:300px;margin:0}.sp-b .small2{font-size:13px}
.card .cardimg{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:var(--bg2)}
/* update40: pagina società sportive */
.soc .lead{font-size:20px}.socbar{color:var(--black);font-style:italic;font-weight:900;text-transform:uppercase;padding:2px 0 2px 14px;border-left:5px solid #CF4342;margin:40px 0 14px;font-size:26px}
.soc .subbar{font-size:16px;margin:18px 0 6px}.soc p{font-size:16px}.text:has(.soc){max-width:1180px}.soc>p{max-width:760px}.soc .socfeat{grid-template-columns:repeat(4,1fr);margin:18px 0 10px}.soc .socfeat h3{font-size:1.05rem}.soc .socfeat p{font-size:.92rem}.socsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:18px 0 26px;list-style:none;font-size:16px;line-height:1.5}.socsteps li{background:#fff;border:1px solid #e4e4e4;box-shadow:0 4px 14px rgba(0,0,0,.06);padding:22px 20px}.socsteps .rs-n{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#CF4342;color:#fff;font-weight:900;font-style:italic;font-size:1.2rem;margin-bottom:12px}.socsteps b{display:block;font-style:italic;text-transform:uppercase;margin-bottom:4px}.socdark{background:#111;box-shadow:0 0 0 100vmax #111;clip-path:inset(0 -100vmax);padding:34px 0 40px;margin:44px 0 -64px;color:#fff}@media(min-width:561px){.socdark{margin-bottom:-104px}}.socdark .socbar{color:#fff;margin-top:0}.socdark .socsteps li{position:relative;overflow:hidden;background:linear-gradient(160deg,#1d1d1d,#0b0b0b);border:0;border-left:4px solid #CF4342;box-shadow:none;color:#c9c9c9;transition:transform .2s}.socdark .socsteps li:hover{transform:translateY(-3px)}.socdark .socsteps li::after{content:"";position:absolute;right:-30px;bottom:-30px;width:90px;height:90px;background:#CF4342;opacity:.12;transform:skewX(-20deg)}.socdark .socsteps .rs-n{display:block;width:auto;height:auto;background:none;border-radius:0;color:#CF4342;font-size:3rem;line-height:.9;letter-spacing:-.04em;margin-bottom:12px}.socdark .socsteps b{color:#fff;font-size:1.15rem}.socdark .btn.big{box-shadow:0 0 0 2px #CF4342}.cfdark{margin:8px 0 32px!important;padding:36px 0}.cfsteps{grid-template-columns:repeat(4,1fr);margin:0}@media(max-width:1000px){.cfsteps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cfsteps{grid-template-columns:1fr}}.socdark .socbar{border-left:0;padding:0;text-align:center;font-size:30px;margin:6px 0 34px}.socdark .socsteps{gap:36px}.socdark .socsteps li{background:none;border:0;padding:0;overflow:visible;color:#b9b9b9}.socdark .socsteps li::after{display:none}.socdark .socsteps .rs-n{font-size:104px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-.05em;margin:0 0 14px;padding-right:.12em;background:linear-gradient(180deg,#FF5A55 0%,#CF4342 45%,#6b1312 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(207,67,66,.35))}.socdark .socsteps b{font-size:1.3rem;margin-bottom:8px}@media(max-width:560px){.socdark .socsteps{gap:30px}.socdark .socsteps .rs-n{font-size:72px;margin-bottom:8px}.socdark .socbar{font-size:24px}}.cbdark{box-shadow:none;clip-path:none;margin:0;padding:40px 0 44px}.cbdark .kicker{text-align:center;color:#CF4342;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin:0 0 6px}.cbdark .socbar{margin:0 0 28px}.cbdark .socsteps{grid-template-columns:repeat(3,1fr);margin:0 0 26px;font-size:16px;line-height:1.5;list-style:none;padding:0;display:grid}.cbdark .socsteps .rs-n{font-size:80px;margin-bottom:8px}.cbdark .cbcta{text-align:center;margin:0}.cbdark .btn.big{width:auto}@media(max-width:560px){.cbdark{padding:32px 0 36px}.cbdark .socsteps{grid-template-columns:1fr;gap:24px}.cbdark .socsteps .rs-n{font-size:64px}.cbdark .btn.big{width:100%}}@media(max-width:1000px){.soc .socfeat{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.soc .socfeat,.socsteps{grid-template-columns:1fr}}.soc .btn.big{width:auto}

/* update40: WhatsApp per il mockup (assistenza grafica) */
.wabox{background:var(--tint);border-left:4px solid var(--red);padding:12px 14px;margin:6px 0 12px}.wabox p{margin:0 0 8px}.wabox .chk{margin:0 0 6px}.wabox [hidden]{display:none!important}.assist .wanote{background:var(--tint);border-left:4px solid var(--red);padding:8px 12px;margin:0 0 10px;font-size:14px}
/* update40 kit preparazione */
.kpgal img,.kpgal canvas{width:100%;height:auto;display:block;background:var(--bg2);aspect-ratio:1}.kpnote{background:#fff6d6;padding:6px 10px}
.kpfix{background:var(--bg2);border-left:3px solid var(--anthr);padding:8px 12px;font-size:14px}
.kpsw{display:flex;flex-wrap:wrap;gap:8px}.kpsw label{cursor:pointer}.kpsw input{position:absolute;opacity:0}.kpsw span{display:block;width:34px;height:34px;border-radius:50%;border:1px solid #bbb;box-shadow:inset 0 0 0 2px #fff}
.kpsw input:checked+span{outline:3px solid var(--red);outline-offset:2px}.kpsw input:focus-visible+span{outline:3px solid var(--black)}
.kpcn{font-weight:400;color:var(--soft)}.kpdot,.kpsum i{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #999;vertical-align:-2px;margin-right:5px}
.kpsum{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;margin:4px 0 12px}
.kprow{display:grid;grid-template-columns:24px 1fr 56px 1fr 1fr auto 32px;gap:6px;align-items:center;margin-bottom:6px}.kprow input,.kprow select{padding:8px;min-width:0;font-size:15px}.kpn{font-weight:700}.kpnp{font-size:12px;white-space:nowrap}
@media(max-width:640px){.kprow{grid-template-columns:24px 1fr 1fr 32px;border-bottom:1px solid var(--line);padding-bottom:8px}.kprow .x{grid-row:1;grid-column:4}.kprow select{grid-row:2}.kprow select[data-f=tm]{grid-column:2}.kprow select[data-f=tp]{grid-column:3}.kprow .kpnp{grid-column:2/4}}
#kpadd{background:#fff;color:var(--black);border:2px solid var(--black);min-height:44px;font-style:normal}
.kptab{border-collapse:collapse;margin:6px 0;font-size:12px}.kptab th,.kptab td{border:1px solid var(--line);padding:3px 6px;text-align:left}
.kpgal{display:block!important}.kpgal img{width:100%;height:auto}
@font-face{font-family:'KP Oswald';src:url(/fonts/kp-oswald.woff2?v=1) format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'KP Graduate';src:url(/fonts/kp-graduate.woff2?v=1) format('woff2');font-weight:400 900;font-display:swap}@font-face{font-family:'KP Barca';src:url(/fonts/kp-barca.woff2?v=1) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'KP Teko';src:url(/fonts/kp-teko.woff2?v=1) format('woff2');font-weight:400 900;font-display:swap}
.kpfont span{font-size:19px;letter-spacing:.03em}.kpwarn{margin:6px 0 0;font-size:13px;color:#8a5a00;background:#fff6d6;padding:4px 8px}
.two.kpsz{grid-template-columns:1fr 1fr;align-items:end}.kpsz .fld select{display:block;width:100%;margin:6px 0 0}
.kpgal canvas{border:0;padding:0;box-shadow:none}.kpnobg{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:14px}
.kpupl{border:1px solid var(--line);background:#fff;padding:12px;margin:0 0 14px}.kpupl input[type=file]{display:block;max-width:100%;margin-bottom:6px}.kpupl .small2{margin:4px 0 8px}
.cert{margin:.8rem 0 0}.cert img{background:#fff;padding:6px;border-radius:4px;display:block}
.kpsw .kpflg{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border:0;background:var(--line);border-radius:22px;margin:-3px 0;width:auto;height:auto}.kpsw .kpfl{font-style:normal;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--black)}
.avail.avn{margin-top:-10px;font-size:13px;font-weight:500;color:var(--soft)}.avail.avn a{color:inherit;text-decoration:underline}
.kprow{grid-template-columns:24px 1fr 56px 1fr 1fr 56px 32px}.kphd{margin-bottom:2px}.kphd span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--soft)}.kphd span:nth-child(6){text-align:center}.kprow .kpnp{justify-self:center}.kpnpt{display:none}@media(max-width:640px){.kphd{display:none}.kprow{grid-template-columns:24px 1fr 1fr 32px}.kprow .kpnp{justify-self:start}.kpnpt{display:inline}}
.kphd span{white-space:nowrap;font-size:11px}.kprow{grid-template-columns:24px 1fr 72px 1fr 1fr 56px 32px}@media(max-width:640px){.kprow{grid-template-columns:24px 1fr 1fr 32px}}
.kphd{position:sticky;top:var(--hh,86px);z-index:5;background:#fff;padding:6px 0;margin-bottom:0;box-shadow:0 4px 6px -4px rgba(0,0,0,.15)}
.kphd{top:0}
.kplogo .kpupl{border:2px dashed var(--red);background:var(--bg2);margin-top:0}
.kphd{background:var(--black);padding:8px 0;border-radius:2px}.kphd span{color:#fff;font-size:12px;font-weight:800}
@media(max-width:900px){.kpgal{position:sticky;top:var(--hh,86px);z-index:20;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.12);margin:0 0 16px;padding:8px 0;align-self:start}.kpgal canvas{max-height:calc(40vh - 16px);width:auto!important;max-width:100%;margin:0 auto}.kpgal .small2{display:none}}
.pblines div{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:2px 0}.pblines b{font-weight:600}


/* kit: applica a tutti + foglio elenco giocatori mobile */
.kpall{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:end;background:#f4f4f4;padding:10px 12px;border-radius:6px;margin:8px 0 10px}.kpall>b{width:100%;font-size:13px;text-transform:uppercase;letter-spacing:.03em}.kpall label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.kpall select{padding:8px;font-size:15px;min-width:150px}.kpall .kpallnp{flex-direction:row;align-items:center;gap:6px;align-self:center}
.kpopen{display:none}.kpsheet[hidden]{display:none}
@media(max-width:900px){.kpteam>#kplist{display:none}.kpopen{display:block;margin:8px 0}.kpopenb{width:100%}
html.kplock,html.kplock body{overflow:hidden}
.kpsheet{position:fixed;inset:0;background:#fff;z-index:10000;display:flex;flex-direction:column}
.kpshh{background:var(--black);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:18px}.kpshx{background:none;border:0;color:#fff;font-size:24px;min-width:44px;min-height:44px;cursor:pointer}
.kpshb{flex:1;overflow-y:auto;padding:12px 14px;-webkit-overflow-scrolling:touch}
.kpshb input,.kpshb select{min-height:44px;font-size:16px}.kpshb .kpnp input{min-height:auto;width:22px;height:22px}.kpshb .kprow .x{min-width:44px;min-height:44px}.kpshb #kpadd{min-height:44px;font-size:16px;width:100%;margin-top:8px}.kpshb .kpall{flex-direction:column;align-items:stretch}.kpshb .kpall select{width:100%}
.kpshf{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;font-size:16px}.kpdone{background:var(--red);color:#fff;border:0;min-height:48px;padding:0 28px;font-size:17px;font-weight:700}}
.kpopenb span{display:inline!important;position:static!important;margin:0!important;padding:0!important;background:none!important;width:auto!important}.kpopenb{white-space:normal;line-height:1.2}.kpall select{margin:0;box-sizing:border-box;max-width:100%}
.kpopen .kpopenb{display:block;text-align:center}
.kpopen .kpopenb{font-size:16px;padding:0 12px}
table.kptab{display:table!important;width:100%;max-width:520px;border-collapse:collapse;font-size:13px;margin:8px 0}table.kptab tbody{display:table-row-group!important}table.kptab tr{display:table-row!important}table.kptab th,table.kptab td{display:table-cell!important;padding:5px 4px!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:center;width:auto!important}table.kptab th{background:var(--black);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1.2}table.kptab th:before,table.kptab td:before{display:none!important;content:none!important}
@media(max-width:900px){table.carttab tr.carthd{display:none!important}}
/* checkout snello (v=63): casella fattura + pagamento dentro il sito (Stripe Embedded Checkout) */
.fattbox{margin:14px 0}.fattbox .fattf{margin-top:8px}.fattbox .fhelp{display:block;color:var(--soft);font-size:12px;margin:-4px 0 10px}
.paywrap{max-width:760px;padding-top:24px;padding-bottom:40px}.payhd h1{margin:6px 0 4px}.payhd p{margin:0 0 16px;color:var(--soft)}.payback{color:var(--red);font-weight:700;text-decoration:none;font-size:14px}
.paybox{background:#fff;border:1px solid var(--line);border-top:4px solid var(--black);border-radius:10px;padding:14px;min-height:320px}.payload{color:var(--soft);text-align:center;padding:60px 0}.paysec{text-align:center;margin-top:10px}
@media(max-width:600px){.paybox{padding:4px;border-radius:6px}.paywrap{padding-top:14px}}

/* pagamento personalizzato (Checkout Sessions ui_mode elements) */
.paywrap{max-width:560px}.payhd{margin:18px 0 10px}.payord{margin:8px 0 0;color:var(--ink)}.payord small{display:block;color:var(--soft)}
.paybox{border:2px solid var(--black);border-top:6px solid var(--cta);border-radius:6px;padding:22px 20px;background:#fff}
.payh{font-size:1.5rem;margin:0 0 16px;text-transform:uppercase;letter-spacing:.02em}
#ece{min-height:48px}.payor{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--soft);font-size:.9rem}.payor:before,.payor:after{content:"";flex:1;border-top:1px solid var(--line)}
.payor[hidden]{display:none}.paybtn{width:100%;margin-top:18px;background:var(--black);color:#fff;border:0}.paybtn:hover{background:var(--cta)}.paybtn:disabled{opacity:.5}
#payerr{margin:12px 0 0}@media(max-width:600px){.paybox{padding:16px 12px;border-left:0;border-right:0;border-radius:0}.paywrap{padding:0}}
/* sezioni carrello/checkout con barra nera + opzioni pagamento con icone */
.sechd,.payform fieldset.bon>legend,.payform fieldset.consegna>legend,.payh{display:block;width:100%;box-sizing:border-box;background:var(--black);color:#fff;font-style:italic;font-weight:800;font-size:14px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;padding:10px 14px;margin:28px 0 14px;border-left:3px solid var(--red)}
.payform>h2.sechd:first-child{margin-top:0}.payform fieldset.bon,.payform fieldset.consegna{border:0;padding:0;margin:0 0 18px}.payform fieldset.bon>legend,.payform fieldset.consegna>legend{float:left}.payform fieldset.bon>legend+*,.payform fieldset.consegna>legend+*{clear:both}
.payh{margin:-22px -20px 18px;width:auto;border-radius:3px 3px 0 0}
.payform .modo{grid-template-columns:1fr 1fr;gap:12px}.payform .modo>em{display:none}
.payform .modo span{position:relative;border:2px solid var(--line);border-radius:6px;padding:14px 14px 14px 44px;transition:border-color .15s}.payform .modo span:before{content:"";position:absolute;left:14px;top:16px;width:18px;height:18px;border:2px solid #bbb;border-radius:50%;box-sizing:border-box}
.payform .modo input:checked+span{border-color:var(--red);box-shadow:none;background:var(--tint)}.payform .modo input:checked+span:before{border:6px solid var(--red)}.payform .modo label:hover span{border-color:var(--black)}
.pmi{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}.pmi img{display:block;height:22px;width:auto}.pmi.bank img{height:28px}
.ppbtn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border:0;border-radius:4px;background:#ffc439;cursor:pointer;margin:0 0 10px}.ppbtn:hover{filter:brightness(.95)}.ppe{position:absolute;left:-9999px;width:320px;height:1px;overflow:hidden}
@media(max-width:600px){.payform .modo{grid-template-columns:1fr}.payh{margin:-16px -12px 16px}}
.payform h2.sechd,.wrap h2.sechd{font-size:14px}
/* r4: spazio riservato ai tasti Google Pay / Apple Pay mentre Stripe li carica */
#ece.ecewait{height:48px;border-radius:4px;background:linear-gradient(90deg,var(--line) 25%,var(--bg2) 50%,var(--line) 75%);background-size:200% 100%;animation:ecew 1.2s linear infinite}#ece[hidden]{display:none}@keyframes ecew{to{background-position:-200% 0}}

.bigprice .psub{display:inline-block;margin-top:4px;font-size:14px;font-weight:600;color:var(--soft)}.qrow{display:flex;gap:10px;align-items:stretch;margin-top:8px}.qrow .btn{flex:1;margin:0}.qstep{display:flex;border:2px solid var(--black);flex:none}.qstep button{width:40px;border:0;background:#fff;font-size:22px;font-weight:700;cursor:pointer;color:var(--black)}.qstep button:hover{background:var(--bg2)}.qstep input{width:46px;border:0;text-align:center;font-size:17px;font-weight:700;padding:0;-moz-appearance:textfield;appearance:textfield}.qstep input::-webkit-inner-spin-button,.qstep input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qmin{display:block;margin-top:6px;color:var(--soft)}.kpbl{margin:4px 0 12px;color:var(--soft)}@media(max-width:340px){.qrow{flex-wrap:wrap}.qrow .btn{flex-basis:100%}}
.buyform .qfld>small{display:block;margin:-4px 0 0}.buyform .qfld .lgd{margin-bottom:6px}
.off .cfgoff.afee{font-weight:700;font-size:14px;margin-top:-4px}.afeen,.afeen b{color:var(--red)}
/* update52: foto categoria (home: scheda; pagina categoria: colonna a destra della fascia titolo, solo desktop) */
.cpic{display:block}.cpic img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--bg2)}
.catcard .cpic img{margin:0}
.wrap.bandimg{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:center}.bandimg .bandpic img{aspect-ratio:1;border-bottom:4px solid var(--red)}
@media(max-width:800px){.wrap.bandimg{display:block}.bandimg .bandpic{display:none}}

.pgal .pmain{flex:1;min-width:0}.pgal .pmain img{width:100%;height:auto;display:block}.pth{padding:0;border:2px solid transparent;background:none;cursor:pointer;width:72px;line-height:0}.pth img{width:100%;height:auto}.pth.on{border-color:#111}@media(max-width:900px){.pgal{flex-direction:column-reverse}.pgal .thumbs{flex-direction:row}}
.pexm{display:none}@media(max-width:900px){#cfg .pex{display:none}.pexm{display:block;margin-top:18px}.pexm .pex{margin:0 0 12px}}

/* 2026-10-29 hover card: foto in campo al passaggio del mouse (solo dispositivi con hover) */
.cimgw{display:block;position:relative}.hovimg{display:none}@media(hover:hover) and (pointer:fine){.hashov .cimgw,.fimg.hashov{position:relative;display:block}.hashov .hovimg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0;transition:opacity .35s ease}.card.hashov:hover .hovimg,.card.hashov a:focus-visible .hovimg,.fimg.hashov:hover .hovimg,.fimg.hashov:focus-visible .hovimg{opacity:1}}

/* 1030: logo sempre visibile */.logo{flex:0 0 auto}.logo img{min-width:30px}.hicons{flex:0 0 auto}@media(min-width:901px){.hwrap{gap:24px}nav.main{min-width:0;gap:16px}}@media(min-width:901px) and (max-width:1200px){nav.main{gap:12px}nav.main a{font-size:14px}}
@media(min-width:901px){nav.main{flex-wrap:wrap;row-gap:6px;gap:6px 16px}nav.main a{font-size:15px}}@media(min-width:901px) and (max-width:1200px){nav.main{gap:6px 14px}nav.main a{font-size:14px}}
/* Portachiavi maglia: box Prezzi a scaglioni, lista giocatori, totale live */
.pkprice{background:var(--black,#111);color:#fff;padding:16px 18px 14px;margin:0 0 18px;border-top:4px solid var(--red)}
.pkprice h2{font-size:22px;font-style:italic;text-transform:uppercase;margin:0 0 10px;letter-spacing:.02em}
.pktiers{width:100%;border-collapse:collapse;font-size:15px}.pktiers th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#bbb;font-weight:700;padding:0 10px 6px;font-style:italic}
.pktiers td{padding:6px 10px;border-top:1px solid #333}.pktiers td+td,.pktiers th+th{text-align:right}.pktiers tr.on td{background:var(--red);color:#fff;font-weight:900;border-top-color:var(--red)}
.pktiers tr.on td:first-child::before{content:'▸ ';}.pknote{font-size:12px;color:#ccc;margin:10px 0 0}
.pkph{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pkph input[type=file]{font-size:13px;max-width:100%}
.pkteam #pkrows{display:flex;flex-direction:column;gap:6px;margin:8px 0}.pkrow{display:grid;grid-template-columns:28px 1fr 70px 32px;gap:6px;align-items:center}
.pkrow input{padding:9px 10px;border:1px solid #ccc;font:inherit;min-width:0;text-transform:uppercase}.pkrow .pkn{font-weight:900;font-style:italic;color:var(--red)}.pkrow .x{background:none;border:0;font-size:16px;cursor:pointer;color:#888}
.pkadd{margin-top:4px}.pktot{border:2px solid var(--black,#111);padding:10px 14px;margin:14px 0}.pktot div{display:flex;justify-content:space-between;font-size:16px}.pktot b{font-size:20px;font-style:italic}.pktot small{display:block;color:var(--red);font-weight:700;margin-top:4px}
.pktab{border-collapse:collapse;font-size:13px;margin:6px 0}.pktab td,.pktab th{border:1px solid #ddd;padding:3px 8px;text-align:left}.pkdesc{margin:4px 0}
.studiobar{background:var(--red);color:#fff;padding:8px 0;font-size:14px}.studiobar a{color:#fff;font-weight:700;margin-right:10px}
@media(max-width:600px){.pkph{grid-template-columns:1fr}.pkprice h2{font-size:19px}}

.btn.pkadd,.btn.pkadd:visited{background:#fff;color:var(--red,#cf4342);border:2px solid var(--red,#cf4342);font-weight:800;text-indent:0;font-size:16px;width:auto;max-width:100%;white-space:normal}.btn.pkadd:hover,.btn.pkadd:focus{background:var(--red,#cf4342);color:#fff}

/* Header desktop: logo centrato + menu compatto con dropdown Prodotti (.hdr-b) */
@media(min-width:901px){
 .hdr-b header.site{position:relative;top:auto;z-index:50;background:#fff;border-bottom:3px solid var(--red)}
 .hdr-b .hwrap{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"x logo icons" "nav nav nav";align-items:center;gap:4px 24px;padding:8px 32px 0}
 .hdr-b .logo{grid-area:logo;justify-self:center} .hdr-b .logo img{height:68px;transition:height .25s}
 .hdr-b .hicons{grid-area:icons;justify-self:end}
 .hdr-b nav.main{grid-area:nav;justify-content:center;flex-wrap:nowrap;gap:0 22px;padding:8px 0 10px;border-top:1px solid var(--line);margin-top:6px;overflow:visible}
 .hdr-b nav.main a,.hdr-b .ddlnk{font-style:italic;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.03em;color:var(--black);white-space:nowrap}
 .hdr-b nav.main a:hover,.hdr-b .ddlnk:hover{color:var(--red)}
.hdr-b nav.main{gap:0 34px}
.hdr-b .ddw{position:relative;display:inline-flex;align-items:center;gap:6px}
.hdr-b .ddtog{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;padding:0;margin:0;width:14px;height:20px;cursor:pointer;color:var(--black);font:inherit;display:inline-flex;align-items:center;justify-content:center}
.hdr-b .ddtog::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s}
.hdr-b .ddmenu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:10px;min-width:280px;background:var(--black);border-top:3px solid var(--red);padding:8px 0;box-shadow:0 12px 28px rgba(0,0,0,.25);z-index:60}
.hdr-b .ddmenu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.hdr-b .ddw:hover .ddmenu,.hdr-b .ddw.open .ddmenu,.hdr-b .ddw:focus-within .ddmenu{display:block}
.hdr-b .ddw.open .ddtog::after,.hdr-b .ddw:hover .ddtog::after{transform:rotate(180deg)}
.hdr-b .ddw:hover .ddlnk,.hdr-b .ddw:hover .ddtog,.hdr-b .ddw.open .ddlnk,.hdr-b .ddw.open .ddtog{color:var(--red)}
.hdr-b nav.main .ddmenu a{display:block;color:#fff;padding:9px 20px;text-transform:none;font-size:14px}.hdr-b nav.main .ddmenu a:hover{background:var(--red);color:#fff}
}
@media(min-width:901px){.hdr-b nav.main{align-items:center}.hdr-b nav.main>a,.hdr-b .ddw,.hdr-b .ddlnk,.hdr-b .ddtog{display:inline-flex;align-items:center;margin:0;padding:0;line-height:20px;height:20px;vertical-align:baseline}
.hdr-b .ddmenu{top:100%}}

/* update55: banner store società + carosello categorie */
.clubban{background:var(--black);color:#fff;border-top:1px solid #222;border-bottom:1px solid #222;overflow:hidden}
.cbgrid{display:grid;grid-template-columns:1.8fr 1fr;gap:32px;align-items:center;min-height:0;padding-top:22px;padding-bottom:22px}
.clubban h2{font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(26px,3.4vw,42px);line-height:1;margin:6px 0 10px}.clubban h2 span{color:var(--red)}
.clubban .cbtxt p:not(.kicker){color:#cfcfcf;margin:0 0 16px;max-width:560px}
.cbpics{display:flex;gap:14px;justify-content:flex-end}.cbpics img{width:190px;height:190px;max-width:45%;object-fit:cover;border-radius:10px;border:1px solid #2a2a2a}
.cbpics img:last-child{transform:translateY(10px)}
.cathead{display:flex;align-items:center;justify-content:space-between;gap:16px}
.carnav{display:flex;gap:8px}.carbtn{width:42px;height:42px;border-radius:50%;border:1px solid #444;background:#111;color:#fff;font-size:18px;cursor:pointer}
.carbtn:hover:not(:disabled),.carbtn:focus-visible{border-color:var(--red);background:var(--red);outline:none}.carbtn:disabled{opacity:.3;cursor:default}
.cats.catcar{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 72px)/4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.catcar::-webkit-scrollbar{display:none}.catcar>.catcard{scroll-snap-align:start}
@media(max-width:900px){.cbgrid{grid-template-columns:1fr;gap:18px;min-height:0}.cbgrid{gap:14px;padding-top:16px;padding-bottom:20px}.cbpics{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.cbpics img{width:100%;max-width:none;height:auto;aspect-ratio:4/5;object-position:center top}.cbpics img:last-child{transform:none}.clubban .cbtxt p:not(.kicker){margin-bottom:14px}.clubban .btn{display:block;width:100%;text-align:center}
.carnav{display:none}.cats.catcar{grid-template-columns:none;grid-auto-columns:calc((100% - 16px)/2);gap:16px}}
@media(max-width:480px){.cats.catcar{grid-template-columns:none}}
@media(min-width:901px){.clubban h2 br{display:none}.clubban h2{font-size:clamp(26px,3vw,38px)}}

/* 1103: menu desktop diviso — B2B (Società sportive, Rivenditori) a destra, separato */
@media(min-width:901px){.hdr-b nav.main{justify-content:flex-start}.hdr-b .nb2b{display:flex;align-items:center;gap:0 28px;margin-left:auto;padding-left:28px;border-left:1px solid var(--line);height:20px}
.hdr-b nav.main .nb2b a{color:#CF4342}.hdr-b nav.main .nb2b a:hover,.hdr-b nav.main .nb2b a:focus-visible{color:var(--black)}}
@media(min-width:901px) and (max-width:1100px){.hdr-b nav.main{gap:0 24px}.hdr-b .nb2b{gap:0 20px;padding-left:20px}}
.drawer .db2b{margin-top:auto;border-top:3px solid #CF4342;background:#faf7f7}.drawer .dsec{margin:0;padding:12px 18px 4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#777}.drawer .db2b a{color:#CF4342}.drawer .db2b a:hover,.drawer .db2b a:focus{color:var(--ink)}
/* TEMP confronto banner home ?hero=a / ?hero=b / ?hero=c */
.hero.hero-a{position:relative;overflow:hidden;background:#111;color:#fff;padding:0;border-bottom:4px solid var(--red);display:block;min-height:0}
.hero-a .ha-bg{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.hero-a .ha-in{position:relative;padding-top:26px;padding-bottom:34px}
.hero-a h1{color:#fff}.hero-a .lead{color:rgba(255,255,255,.86)}.hero-a .btn.ghost{background:transparent;color:#fff;border-color:#fff}.hero-a .btn.ghost:hover{background:#fff;color:var(--ink)}
@media(min-width:768px){.hero.hero-a{min-height:clamp(520px,68vh,680px);display:flex;align-items:center}.hero-a .ha-bg{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-position:60% 30%}.hero-a::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,8,8,.82) 0,rgba(10,8,8,.6) 30%,rgba(10,8,8,.18) 50%,rgba(10,8,8,0) 62%)}.hero-a .ha-in{z-index:2;width:100%;padding-top:56px;padding-bottom:72px}.hero-a .ha-txt{max-width:min(600px,48%)}.hero-a h1{font-size:clamp(48px,5.4vw,84px);text-shadow:0 2px 24px rgba(0,0,0,.45)}}
.hero.hero-b{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#f1f1f1 100%);color:var(--ink);padding:28px 0 40px;border-bottom:4px solid var(--red);display:block;min-height:0}
.hero-b::after{content:"";position:absolute;right:-8%;top:0;bottom:0;width:48%;background:var(--red);opacity:.07;transform:skewX(-16deg);pointer-events:none}
.hb-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:18px;align-items:center}
.hero-b .hb-pic{order:-1;position:relative;text-align:center}.hero-b .hb-p{display:block;width:88%;max-width:520px;height:auto;margin:0 auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}.hero-b .hb-f{display:block;width:70%;max-width:420px;height:auto;margin:-14% auto 0;position:relative;transform:rotate(-6deg);filter:drop-shadow(0 10px 14px rgba(0,0,0,.25))}
.hero-b h1{color:var(--ink);font-style:italic;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(44px,12vw,60px)}.hero-b h1 span{color:var(--red)}.hero-b .lead{color:#444}.hero-b .btn{background:var(--red);border-color:var(--red);color:#fff}.hero-b .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.hero-b .btn.ghost:hover{background:var(--ink);color:#fff}
@media(min-width:768px){.hero.hero-b{padding:48px 0 56px;min-height:clamp(500px,64vh,640px);display:flex;align-items:center}.hb-grid{grid-template-columns:1fr 1.05fr;gap:40px;width:100%}.hero-b .hb-pic{order:0}.hero-b .hb-p{width:100%;max-width:620px}.hero-b h1{font-size:clamp(52px,6vw,92px)}}
.hero-b h1{text-shadow:none}

.hero.hero-c{position:relative;overflow:hidden;background:#ffffff;color:var(--ink);padding:0;border-bottom:4px solid var(--red);display:block;min-height:0;width:100%;box-sizing:border-box}
.hero-c .hc-bg{display:block;margin:0;padding:0;line-height:0;font-size:0;background:#ffffff;width:100%;box-sizing:border-box}
.hero-c .hc-bg img{display:block;width:100%;height:auto;aspect-ratio:1080/874;object-fit:unset;border:0;margin:0;padding:0}
.hero-c .hc-in{position:relative;padding-top:12px;padding-bottom:28px;background:#ffffff}
.hero-c h1{color:var(--ink);font-style:italic;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(40px,11vw,56px);text-shadow:none;margin:.12em 0;line-height:1.05}.hero-c h1 span{color:var(--red);white-space:nowrap}.hero-c .lead{color:#444;margin:0 0 14px}.hero-c .btn{background:var(--red);border-color:var(--red);color:#fff}.hero-c .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.hero-c .btn.ghost:hover{background:var(--ink);color:#fff}
@media(min-width:768px){.hero.hero-c{min-height:clamp(500px,42vw,700px);height:clamp(500px,33.33vw,700px);display:flex;align-items:center;padding:0;background:#ffffff}.hero-c .hc-bg{position:absolute;inset:0;z-index:0;background:transparent}.hero-c .hc-bg img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:right center}.hero-c .hc-in{z-index:1;width:100%;padding-top:48px;padding-bottom:56px;background:transparent}.hero-c .hc-txt{max-width:min(640px,50%)}.hero-c .hc-txt .lead{margin:0 0 18px}.hero-c h1{font-size:clamp(42px,4.4vw,68px);margin:.08em 0;line-height:1.02}.hero-c h1 span{display:inline-block;white-space:nowrap}}

/* bandierine kit */
.kitbanner{margin:.6rem 0 1rem;padding:.75rem 1rem;background:#f4f4f4;border-left:4px solid #CF4342;font-size:15px;line-height:1.35}
.bnprompt{width:100%;font:inherit;padding:.6rem;border:1px solid #d1d1d1;border-radius:6px;background:#fff}
.bngal canvas{border-radius:8px}
/* social icons (update64) */
.soc{display:flex;gap:10px;margin-top:14px}.fgrid .soc a,.soc a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;transition:background .15s,border-color .15s}
.fgrid .soc a:hover,.soc a:hover{background:var(--red);border-color:var(--red);color:#fff}
.soc-ct{margin:6px 0 18px}.soc-ct a{border-color:var(--line);color:var(--ink,#111)}.soc-ct a:hover{color:#fff}
/* update65: .bngal caption fix (display:block!important, come .kpgal) */
.bngal{display:block!important}.bngal canvas{width:100%;height:auto;display:block;border-radius:8px}.bngal .small2{margin-top:8px}

/* update67 header NB: barra nera sottile + ticker; barra bianca con wordmark e voci normali */
.hdr-b header.site{background:#fff;color:var(--ink);border-bottom:1px solid #e6e6e6}
.hdr-b .htop{background:#0A0808;color:#fff;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.2}
.hdr-b .htop-inner{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2.6fr) minmax(150px,1fr);align-items:center;gap:12px 20px;max-width:none;margin:0;padding:6px 32px 5px}
.hdr-b .htop-left{display:flex;align-items:center;gap:6px;justify-self:start;white-space:nowrap}
.hdr-b .hflag{display:inline-flex;line-height:0;border:1px solid rgba(255,255,255,.35);flex-shrink:0}
.hdr-b .hflag svg{display:block}
.hdr-b .hcc{font-weight:700;letter-spacing:.04em;font-size:11px}
.hdr-b .hticker{justify-self:center;width:100%;max-width:640px;min-width:0;text-align:center}
.hdr-b .hticker-list{list-style:none;margin:0;padding:0;position:relative;height:16px}
.hdr-b .hticker-list li{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .45s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:12px;line-height:16px;color:#fff}
.hdr-b .hticker-list li.is-on{opacity:1}
.hdr-b .hticker-dots{display:flex;justify-content:center;gap:5px;margin-top:3px;line-height:0}
.hdr-b .hticker-dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer;appearance:none}
.hdr-b .hticker-dots button.is-on{background:#fff}
.hdr-b .htop-right{display:flex;align-items:center;justify-self:end;gap:18px;white-space:nowrap}
.hdr-b .htop-right a,.hdr-b .htop-lang{color:#fff;text-decoration:none;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:5px}
.hdr-b .htop-right a:hover{color:#fff;opacity:.75}
.hdr-b .htop-lang .chev{display:block;opacity:.85}
.hdr-b .hwrap{background:#fff;color:var(--ink);max-width:none;margin:0;padding:0 32px;min-height:76px;display:flex;align-items:center;gap:28px;flex-wrap:nowrap;border-bottom:0}
.hdr-b .logo{flex:0 0 auto;display:flex;align-items:center}
.hdr-b .logo img{height:42px;width:auto;display:block}
.hdr-b nav.main{display:flex;align-items:center;flex:1 1 auto;flex-wrap:nowrap;gap:0 26px;min-width:0;border:0;order:0}
.hdr-b nav.main a,.hdr-b nav.main a.ddlnk{color:#111;font-style:normal;font-weight:700;font-size:16.5px;letter-spacing:0;text-transform:none;line-height:1.2;height:auto;text-decoration:none;white-space:nowrap}
.hdr-b nav.main a:hover,.hdr-b nav.main a:focus-visible{color:var(--red)}
.hdr-b nav.main a.nav-red{color:var(--red)}
.hdr-b nav.main a.nav-red:hover,.hdr-b nav.main a.nav-red:focus-visible{color:var(--black)}
.hdr-b .nb2b{display:contents}
.hdr-b .hicons{display:flex;align-items:center;gap:2px;margin-left:auto;flex:0 0 auto}
.hdr-b .hicons a{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:#111;text-decoration:none;flex:0 0 auto}
.hdr-b .hicons a:hover,.hdr-b .hicons a:focus-visible{color:var(--red)}
.hdr-b .hicons a svg,.hdr-b .hicons .acclink .accicon,.hdr-b .hicons .cartlink .carticon{display:block;width:22px;height:22px;color:#111;background:none;border:0;padding:0;flex:none}
.hdr-b .hicons a:hover svg,.hdr-b .hicons a:focus-visible svg{color:var(--red)}
.hdr-b .ctxt{display:none}
.hdr-b .cartlink b{position:absolute;top:3px;right:2px;background:var(--red);color:#fff;border-radius:20px;padding:0 5px;font-size:10px;line-height:16px;font-weight:800;min-width:16px;text-align:center}
.hdr-b .burger span{background:#111}
.hdr-b .benefits{display:none}
@media(prefers-reduced-motion:reduce){
.hdr-b .hticker-list li{transition:none}
}
@media(min-width:901px) and (max-width:1280px){
.hdr-b .htop-inner,.hdr-b .hwrap{padding-left:20px;padding-right:20px}
.hdr-b .hwrap{gap:20px;min-height:72px}
.hdr-b nav.main{gap:0 18px}
.hdr-b nav.main a{font-size:16px}
.hdr-b .logo img{height:40px}
}
@media(max-width:900px){
.hdr-b header.site{position:sticky;top:0;z-index:50}
.hdr-b .htop-left,.hdr-b .htop-right{display:none}
.hdr-b .htop-inner{grid-template-columns:1fr;padding:5px 12px 4px;gap:0}
.hdr-b .hticker{max-width:none}
.hdr-b .hticker-list li{font-size:11px}
/* update68: logo al centro vero del viewport; burger a sinistra, icone a destra */
.hdr-b .hwrap{display:grid;grid-template-columns:1fr auto 1fr;flex-wrap:nowrap;gap:0;padding:0 8px;min-height:56px;align-items:center}
.hdr-b nav.main{display:none}
.hdr-b .burger{display:flex;flex-direction:column;justify-content:center;justify-self:start;gap:5px;width:44px;height:44px;padding:10px;background:none;border:0;cursor:pointer}
.hdr-b .burger span{display:block;height:2px;background:#111;border-radius:2px}
.hdr-b .logo{justify-self:center;grid-column:2}
.hdr-b .logo img{height:32px}
.hdr-b .hicons{justify-self:end;margin-left:0;gap:0;grid-column:3}
.hdr-b .hicons a,.hdr-b .searchlink,.hdr-b .acclink,.hdr-b .cartlink{width:40px;height:44px}
.hdr-b .hicons svg,.hdr-b .accicon,.hdr-b .carticon{width:22px;height:22px}
.hdr-b .cartlink b{top:4px;right:0}
.hdr-b .drawer a,.hdr-b .drawer .db2b a,.hdr-b .drawer a.nav-red{font-style:normal;font-weight:700;font-size:17px;letter-spacing:0;text-transform:none;line-height:1.35;color:var(--ink)}
.hdr-b .drawer a.nav-red{color:var(--red)}
.hdr-b .drawer a:hover,.hdr-b .drawer a:focus{color:var(--red)}
.hdr-b .drawer a.nav-red:hover,.hdr-b .drawer a.nav-red:focus{color:var(--black)}
.hdr-b .drawer .dmeta{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink)}
.hdr-b .drawer .dmeta .hflag{border-color:#ccc}
.hdr-b .drawer .dhead{border-bottom:1px solid var(--line)}
}

/* update69: voci del menu in barra bianca e nel cassetto, peso normale */
.hdr-b nav.main a,.hdr-b nav.main a.nav-red,.hdr-b nav.main a.ddlnk{font-weight:400;font-style:normal}
.hdr-b .drawer a,.hdr-b .drawer a.nav-red,.hdr-b .drawer .db2b a{font-weight:400;font-style:normal}

/* update70: menu desktop più arioso (stile NB: ~16px regular, gap ≈ 2.5–3× il corpo) + link Dashboard solo admin */
@media(min-width:901px){
.hdr-b .hwrap{gap:clamp(28px,3vw,64px)}
.hdr-b nav.main{gap:0 clamp(24px,2.75vw,48px)}
.hdr-b nav.main a,.hdr-b nav.main a.nav-red{font-size:16px;font-weight:400;font-style:normal;white-space:nowrap}
}
@media(min-width:901px) and (max-width:1023px){
.hdr-b .hwrap{gap:20px}
.hdr-b nav.main{gap:0 18px}
.hdr-b nav.main a,.hdr-b nav.main a.nav-red{font-size:15px}
}
.hdr-b .htop-right a.htop-dash{padding:2px 8px;border:1px solid rgba(255,255,255,.55);border-radius:2px}
.hdr-b .htop-right a.htop-dash:hover{background:#fff;color:#0A0808;opacity:1}
.hdr-b .drawer a.ddash{border-top:1px solid var(--line);color:var(--red)}

/* update71: fix pagine Società sportive / Come funziona — la regola .soc delle icone social (update64) colpiva anche il contenitore .soc delle pagine */
.wrap.text>.soc:not(.soc-ct){display:block;gap:normal;margin-top:0}
.wrap.text>.soc:not(.soc-ct) a:not(.btn){display:inline;width:auto;height:auto;border:0;border-radius:0;color:inherit;transition:none}
.wrap.text>.soc:not(.soc-ct) a:not(.btn):hover{background:none;color:inherit}
.wrap.text>.soc:not(.soc-ct) a.btn{display:inline-flex;width:auto;height:auto;border:0;border-radius:2px;color:#fff}
.wrap.text>.soc:not(.soc-ct) a.btn:hover{background:var(--cta);border-color:transparent;color:#fff}

/* update72: Come funziona — 4 passi distribuiti in modo uniforme, numeri grandi mai tagliati */
.cfdark{padding:56px 0 60px}
.cf .cfsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(40px,4.4vw,64px);row-gap:48px;margin:0}
.cf .cfsteps li{min-width:0}
.socdark .socsteps .rs-n{display:inline-block;padding:0 .16em 0 .04em;margin-left:-.04em}
.cf .cfsteps b{font-size:1.3rem;line-height:1.25;margin-bottom:10px}
.cf .cfsteps li{font-size:16px;line-height:1.6}
@media(max-width:1000px){.cf .cfsteps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:44px}}
@media(max-width:560px){.cfdark{padding:40px 0 44px}.cf .cfsteps{grid-template-columns:1fr;row-gap:36px}}

/* update73: voce «Negozio» con tendina categorie (desktop) + sottomenu nel cassetto mobile */
.hdr-b nav.main .ddw{position:relative;display:inline-flex;align-items:center;gap:6px;height:auto;margin:0;padding:0}
.hdr-b nav.main .ddw .ddlnk{display:inline-flex;align-items:center;height:auto;line-height:1.2;color:#111;font-size:16px;font-weight:400;font-style:normal;letter-spacing:0;text-transform:none;text-decoration:none}
.hdr-b nav.main .ddtog{display:inline-flex;align-items:center;justify-content:center;width:12px;height:20px;color:#111;background:none;border:0;padding:0;margin:0;cursor:pointer}
.hdr-b nav.main .ddtog::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.4px 1.4px 0;border-left:0;border-top:0;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.hdr-b nav.main .ddw:hover .ddtog::after,.hdr-b nav.main .ddw.open .ddtog::after,.hdr-b nav.main .ddw:focus-within .ddtog::after{transform:translateY(1px) rotate(-135deg)}
.hdr-b nav.main .ddw:hover .ddlnk,.hdr-b nav.main .ddw:hover .ddtog,.hdr-b nav.main .ddw.open .ddlnk,.hdr-b nav.main .ddw.open .ddtog,.hdr-b nav.main .ddw:focus-within .ddlnk,.hdr-b nav.main .ddw:focus-within .ddtog{color:var(--red)}
.hdr-b nav.main .ddmenu{display:none;position:absolute;top:100%;left:-24px;transform:none;margin-top:24px;min-width:280px;padding:10px 0;background:#fff;border:0;border-top:2px solid var(--red);box-shadow:0 14px 32px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.06);z-index:60}
.hdr-b nav.main .ddmenu::before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px}
.hdr-b nav.main .ddw:hover .ddmenu,.hdr-b nav.main .ddw.open .ddmenu,.hdr-b nav.main .ddw:focus-within .ddmenu{display:block}
.hdr-b nav.main .ddmenu a{display:block;padding:10px 24px;color:#111;background:none;font-size:16px;font-weight:400;font-style:normal;letter-spacing:0;text-transform:none;line-height:1.35;white-space:nowrap}
.hdr-b nav.main .ddmenu a:hover,.hdr-b nav.main .ddmenu a:focus-visible{background:#f6f6f6;color:var(--red)}
.hdr-b nav.main .ddmenu a.ddall{border-bottom:1px solid #eee;margin-bottom:6px;padding-bottom:12px}
@media(min-width:901px){.hdr-b nav.main{gap:0 clamp(20px,calc(5.2vw - 30px),48px)}}
@media(min-width:901px) and (max-width:1100px){.hdr-b .hwrap{gap:18px}.hdr-b nav.main{gap:0 16px}.hdr-b nav.main a,.hdr-b nav.main a.nav-red,.hdr-b nav.main .ddw .ddlnk{font-size:15px}.hdr-b .hicons a{width:36px}}
.drawer .dshop{border-bottom:1px solid var(--line)}
.drawer .dshop summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;font-size:17px;line-height:1.35;font-weight:400;color:var(--ink)}
.drawer .dshop summary::-webkit-details-marker{display:none}
.drawer .dshop summary::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);transition:transform .2s;margin-right:4px}
.drawer .dshop[open] summary::after{transform:rotate(-135deg)}
.drawer .dshop[open] summary{color:var(--red)}
.hdr-b .drawer .dshop-l{padding:0 0 8px;background:#fafafa}
.hdr-b .drawer .dshop-l a{border-bottom:0;padding:9px 18px 9px 30px;font-size:15px;font-weight:400}
@media(min-width:901px) and (max-width:1000px){.hdr-b .hwrap{gap:14px;padding-left:14px;padding-right:14px}.hdr-b nav.main{gap:0 12px}.hdr-b nav.main a,.hdr-b nav.main a.nav-red,.hdr-b nav.main .ddw .ddlnk{font-size:14px}}

/* update75: riepilogo carrello con spedizione in evidenza */
.cartsum{border:2px solid var(--black);background:#fff;padding:16px 18px;margin:18px 0 8px;max-width:520px;margin-left:auto}
.cartsum .csrow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid #e3e3e3;font-size:16px}
.cartsum .csrow>b{font-size:17px;white-space:nowrap}
.cartsum .csship{background:#fff4f4;margin:0 -18px;padding:12px 18px;border-left:4px solid var(--red);border-bottom:0}
.cartsum .csship>span{display:flex;align-items:center;gap:10px}.cartsum .csship span span{display:flex;flex-direction:column}
.cartsum .csship small{color:var(--soft);font-size:13px;font-weight:500}.cartsum .cstruck{color:var(--red);flex:none}
.cartsum .csamt{font-size:20px!important;color:var(--black)}
.cartsum .cstot{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:12px 0 0;border-top:2px solid var(--black);padding-top:12px}
.cartsum [hidden]{display:none!important}
@media (max-width:600px){.cartsum{max-width:none;padding:14px}.cartsum .csship{margin:0 -14px;padding:12px 14px}.cartsum .cstot{font-size:28px}}

/* update75: modulo iscrizione società */
.sociscr{max-width:760px}
.sociscr .lead{margin-top:0}
.sociscr .fld textarea{min-height:120px;resize:vertical}
.sociscr .chk{align-items:flex-start;font-size:14px;line-height:1.45;margin:12px 0}
.sociscr .chk input{margin-top:3px;flex:none}
.sociscr .ok.ctok{margin:0 0 18px}
/* pochette (e altri foglio unico): un canvas a tutta larghezza, non il 50% del layout a coppia */
@media(max-width:900px){
.cfgpage .configurator.one figure{flex:1 1 100%;max-width:100%}
.cfgpage .configurator.one canvas{height:auto;max-height:calc(46vh - 24px);width:auto;max-width:100%;margin:0 auto}
}

/* update79: tabella ordini account/rivenditori da telefono, con etichette allineate */
@media(max-width:900px){
table.carttab.ordtab td[data-l]{display:grid;grid-template-columns:7.2em 1fr;gap:8px;align-items:start;padding:6px 0}
table.carttab.ordtab td[data-l]:before{content:attr(data-l);color:var(--soft);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}
}

/* update80: banner home su schermi larghi senza tagli (immagine 3:1, altezza non bloccata a 700px) */
@media(min-width:1500px){.hero.hero-c{min-height:0;height:33.333vw}}

/* update81: «Come funziona» nel menu (variante A): separatore, riquadro nero, testo bianco sottile, icona ? */
.hdr-b nav.main > a.nav-help{
  position:relative;
  display:inline-flex;align-items:center;gap:7px;
  margin-left:20px;
  padding:7px 13px 7px 11px;
  background:#0A0808;color:#fff;
  font-weight:300;font-style:normal;font-size:14.5px;letter-spacing:.01em;
  line-height:1;border-radius:2px;height:auto;text-decoration:none;
}
.hdr-b nav.main > a.nav-help::before{
  content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);
  width:1px;height:22px;background:#0A0808;
}
.hdr-b nav.main > a.nav-help .nav-q{
  display:inline-flex;align-items:center;justify-content:center;
  width:15px;height:15px;border:1px solid rgba(255,255,255,.9);
  border-radius:50%;font-size:10px;font-weight:400;line-height:1;flex:none;
}
.hdr-b nav.main > a.nav-help:hover,
.hdr-b nav.main > a.nav-help:focus-visible{
  color:#fff;background:#0A0808;filter:brightness(1.15);
}
#drawer .nav-help-sep{height:0;border:0;border-top:1px solid #D1D1D1;margin:6px 18px 0;padding:0;background:none}
#drawer a.nav-help,
.hdr-b #drawer a.nav-help{
  display:flex;align-items:center;gap:10px;
  margin:12px 16px 8px;padding:12px 16px;
  background:#0A0808;color:#fff;
  font-weight:300;font-style:normal;font-size:16px;
  border-bottom:0;border-radius:2px;
}
#drawer a.nav-help .nav-q,
.hdr-b #drawer a.nav-help .nav-q{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;border:1px solid rgba(255,255,255,.9);
  border-radius:50%;font-size:11px;font-weight:400;line-height:1;flex:none;
}
#drawer a.nav-help:hover,
#drawer a.nav-help:focus-visible,
.hdr-b #drawer a.nav-help:hover,
.hdr-b #drawer a.nav-help:focus-visible{
  color:#fff;background:#0A0808;filter:brightness(1.15);
}

/* update83: touch-action:pan-y sul canvas; preventDefault solo se il tocco parte DENTRO la maschera/sagoma */
.configurator canvas,.bngal canvas{touch-action:pan-y}