.demo-bar{background:#24262b;color:#fff;text-align:center;font-size:12px;padding:9px}.commerce-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:25px;padding-bottom:25px}.commerce-header img{max-height:55px;object-fit:contain}.commerce-header nav{display:flex;gap:25px}.commerce-main{padding-top:30px;padding-bottom:80px;min-height:60vh}.commerce-main h1{font-size:clamp(28px,4vw,48px);margin-bottom:20px}.commerce-filters{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin:30px 0}.commerce-filters label{flex:1;min-width:150px}.commerce-main input:not([type=checkbox]):not([type=radio]),.commerce-main select{display:block;border:1px solid #c8cdca;padding:12px;width:100%;background:#fff;border-radius:2px}.commerce-main button,.commerce-main a.btn{font-size:12px;padding:12px 18px}.commerce-photo{display:block;aspect-ratio:1/1;background:#f4f4f4}.commerce-photo img{width:100%;height:100%;object-fit:contain}.commerce-placeholder{height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;color:#717773;background:#f4f4f4}.commerce-main .dz-content{padding:20px 8px}.commerce-product-title{font-size:20px;min-height:48px}.commerce-code{font:12px monospace;margin:12px 0;overflow-wrap:anywhere}.commerce-price{font-size:25px;font-weight:600;color:#10456b;margin-bottom:8px}.commerce-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.commerce-detail-photo img{width:100%;max-height:480px;object-fit:contain}.commerce-detail-photo p{font-size:12px}.commerce-detail-photo .commerce-placeholder{min-height:400px}#add-product{margin:25px 0}#product-qty{max-width:110px;margin:10px 0 20px}.commerce-cart-row{display:flex;justify-content:space-between;gap:24px;padding:25px 0;border-bottom:1px solid #ddd}.commerce-cart-row p{margin:8px 0;font-size:13px}.commerce-qty{display:flex;align-items:center;gap:12px}.commerce-qty button{border:1px solid #ccc;background:white;padding:7px 12px}.commerce-total{display:flex;justify-content:space-between;font-size:24px;padding:30px 0}.commerce-footer{background:#eef4f8;padding:40px 0}.commerce-footer p{margin:15px 0;font-size:14px}#checkout-form{max-width:700px;margin:30px 0}#checkout-form fieldset{border:1px solid #ddd;padding:25px;margin-bottom:25px}.consent{display:block;margin-bottom:25px}#checkout-result{margin-top:35px}#commerce-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:15px 25px;background:#24262b;color:#fff;z-index:10000;display:none;max-width:90vw}#commerce-status.visible{display:block}.commerce-main :focus-visible,.commerce-header :focus-visible{outline:3px solid #0f8fd6;outline-offset:3px}@media(max-width:600px){.commerce-header{flex-wrap:wrap;gap:18px}.commerce-header nav{width:100%;justify-content:space-between;gap:10px;font-size:13px}.commerce-filters{gap:12px}.commerce-filters label:first-child{min-width:100%}.commerce-product-title{font-size:17px}.commerce-actions{flex-direction:column}.commerce-actions .btn{width:100%;padding:10px 5px}.commerce-main .dz-content{padding:15px 0}.commerce-cart-row{font-size:14px;gap:12px}.commerce-cart-row>strong{white-space:nowrap}.commerce-qty{flex-wrap:wrap}.demo-bar{font-size:10px}.commerce-main .breadcrumb{font-size:12px}.commerce-total{font-size:21px}}
.commerce-main .btn{white-space:normal;max-width:100%}.commerce-main .row>*{min-width:0}.commerce-main input{max-width:100%}

/* Selected visual reference: index-video.html / nate.css */
.commerce-main .commerce-price{color:#10456b}.commerce-main .btn-secondary{background:#10456b;border-color:#10456b}.commerce-main .commerce-total strong{color:#10456b}.commerce-main :focus-visible{outline-color:#0f8fd6}.commerce-main .shop-card{height:100%}.commerce-main .commerce-photo{height:260px}.commerce-main .dz-content{padding:22px}.commerce-main .commerce-product-title{letter-spacing:-.045em}.commerce-main .btn{border-radius:2px}.commerce-main .commerce-filters{background:#eef4f8;padding:22px}.commerce-main .commerce-placeholder{min-height:100%}.commerce-main .commerce-detail-photo .commerce-placeholder{min-height:300px}@media(max-width:600px){.commerce-main .commerce-photo{height:160px}.commerce-main .dz-content{padding:12px}.commerce-main .commerce-filters{padding:16px}}

/* pagamento con carta e esito dell'ordine */
.commerce-main .pagamento,.commerce-main .esito{background:#eef4f8;border-left:3px solid #10456b;padding:30px;margin-top:10px;max-width:700px}
.commerce-main .pagamento h2,.commerce-main .esito h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 14px}
.commerce-main .pagamento p,.commerce-main .esito p{font-size:14px;line-height:1.75;margin:0 0 14px;max-width:56ch}
.commerce-main .modo{font-size:10px;font-weight:700;letter-spacing:.16em;color:#087bb9;margin-bottom:14px}
.commerce-main .pagamento .consent{margin:22px 0 20px;font-size:14px;display:flex;gap:10px;align-items:flex-start}
.commerce-main .pagamento .consent input{width:auto;flex:none;margin-top:3px}
.commerce-main .pagamento button[disabled]{opacity:.55}
.commerce-main .esito .riepilogo{width:100%;border-collapse:collapse;margin:22px 0 0}
.commerce-main .esito .riepilogo td{border-top:1px solid #dce1e3;padding:12px 0;font-size:14px;vertical-align:top}
.commerce-main .esito .riepilogo td:nth-child(2){width:48px;text-align:center;color:#647680}
.commerce-main .esito .riepilogo td:last-child{width:96px;text-align:right;white-space:nowrap;font-family:monospace}
.commerce-main .esito .riepilogo small{display:block;font:11px monospace;color:#647680;margin-top:5px;overflow-wrap:anywhere}
.commerce-main .esito .commerce-total{font-size:19px;padding:18px 0 22px;border-top:1px solid #dce1e3;margin-top:0}
.commerce-main .esito .nota{font-size:13px;color:#647680;border-top:1px solid #dce1e3;padding-top:16px}
@media(max-width:600px){.commerce-main .pagamento,.commerce-main .esito{padding:22px 18px}.commerce-main .esito .riepilogo td:last-child{width:84px}}

/* rimandi alle pagine legali sotto la spunta del checkout: fuori dalla label, cosi' il
   clic sul link non fa scattare la casella */
.commerce-main .pagamento .consent-link{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12.5px;margin:-8px 0 20px 28px}
.commerce-main .pagamento .consent-link a{color:#10456b;border-bottom:1px solid #c3d3dd;text-decoration:none;white-space:nowrap}
.commerce-main .pagamento .consent-link a:hover{border-bottom-color:#10456b}
@media(max-width:600px){.commerce-main .pagamento .consent-link{margin-left:0}}

/* liberatoria per lo smaltimento: le caselle spuntate sostituiscono la firma */
.commerce-main .liberatoria{max-width:none}
.commerce-main .liberatoria h2{font-size:clamp(18px,2vw,22px);margin:28px 0 14px}
.commerce-main .liberatoria h2:first-child{margin-top:0}
.commerce-main .liberatoria .campi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.commerce-main .liberatoria .campi label{font-size:13px;font-weight:600;color:#2b343d}
.commerce-main .liberatoria .campi input{margin-top:6px;font-weight:400}
.commerce-main .liberatoria .campi .largo{grid-column:1/-1}
.commerce-main .liberatoria .consent{margin:0 0 14px;line-height:1.55}
.commerce-main .liberatoria .errore{color:#a3261b;font-weight:600}
.commerce-main .liberatoria .nota{font-size:12.5px;color:#647680;margin-top:14px}
.commerce-main .liberatoria .dichiarazioni{font-size:14px;line-height:1.6;padding-left:20px;margin:18px 0}
.commerce-main .liberatoria .riepilogo td:first-child{width:130px;color:#647680}
.commerce-main .liberatoria .riepilogo td:last-child{width:auto;text-align:left;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.commerce-main .liberatoria .campi{grid-template-columns:minmax(0,1fr)}}
@media print{.commerce-header,.commerce-footer,.demo-bar,.breadcrumb,.cms-lato,.liberatoria .btn{display:none!important}}
.commerce-main .pagamento .consegna{display:grid;gap:10px;margin:0 0 16px}
.commerce-main .pagamento .consegna label{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #c3d3dd;padding:14px 16px;cursor:pointer}
.commerce-main .pagamento .consegna label:has(input:checked){border-color:#10456b;box-shadow:inset 3px 0 0 #10456b}
.commerce-main .pagamento .consegna input{width:auto;flex:none;margin-top:4px;accent-color:#10456b}
.commerce-main .pagamento .consegna strong{display:block;font-size:15px;color:#10456b}
.commerce-main .pagamento .consegna small{display:block;font-size:13px;line-height:1.55;color:#4a5560;margin-top:3px}
.commerce-main .pagamento .spese{font-size:13.5px;border-top:1px solid #c3d3dd;padding-top:12px}
/* badge carrello: numero centrato accanto alla parola, senza sovrapporsi */
.n-header .cart-toggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.n-header .cart-toggle span{position:static;transform:none;margin:0;height:22px;min-width:22px;padding:0 6px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1}
.commerce-main .pagamento p.errore-pagamento{color:#a3261b;font-weight:600;border-left:3px solid #a3261b;padding-left:10px}
/* riconoscimenti nella nostra storia (Mara 02-10): badge in fila, stessa altezza, niente cornici aggiunte */
.story .premi{margin-top:56px;padding-top:32px;border-top:1px solid #cbd7dd}
.story .premi ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:center}
.story .premi img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain}
@media(max-width:768px){.story .premi ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:414px){.story .premi ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* su tablet e telefono i badge vanno a capo centrati: l ultimo non resta solo a sinistra */
@media(max-width:768px){.story .premi ul{display:flex;flex-wrap:wrap;justify-content:center}.story .premi li{flex:0 0 calc((100% - 28px)/3)}}
@media(max-width:414px){.story .premi li{flex:0 0 calc((100% - 14px)/2)}}
.story .premi-testo{max-width:62ch;margin:0 0 28px}.story .premi-testo h3{margin:6px 0 10px;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.2}.story .premi-testo p{margin:0}
/* Il nostro servizio di qualita' (Mara 02-10): fondo = blu dell'illustrazione, cosi' l'immagine non ha bordi */
.qualita{--qualita-bg:#0e4887;background:var(--qualita-bg);color:#fff;padding:72px 0}
.qualita-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.qualita-ill{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.qualita h2{color:#fff;margin:0 0 32px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15}
.qualita ul{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.qualita li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:22px;align-items:start}
.qualita li img{width:68px;height:68px;display:block}
.qualita h3{color:#fff;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:4px 0 8px}
.qualita li p{margin:0;font-size:15px;line-height:1.6;color:#dbe7f3}
@media(max-width:768px){.qualita{padding:48px 0}.qualita-grid{grid-template-columns:minmax(0,1fr);gap:28px}.qualita-ill{max-width:340px}.qualita li{grid-template-columns:52px minmax(0,1fr);gap:16px}.qualita li img{width:52px;height:52px}}
@media(max-width:768px){.qualita-ill{order:2;max-width:300px}}

.catalog-section .catalog-targhetta{margin-top:-4px;font-weight:700;color:var(--secondary)}
.commerce-main>.catalog-targhetta{font-weight:700;color:var(--secondary)}

/* timbro 'da oltre 40 anni' accanto al titolo della storia (Mara 03-10) */
.story-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:8px}.story-head>div{min-width:0}.story-head h2{margin-bottom:0}.story-anni{flex:0 0 auto;width:138px;height:auto}
@media(max-width:414px){.story-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.story-anni{width:118px}}

/* foto storia con i cerchi dei marchi: intera, senza ritaglio (Mara 03-10) */
.story-grid>img.story-foto{height:auto;object-fit:contain}

/* 'altri marchi' subito sotto l'elenco e in evidenza: chi non trova il suo marchio deve vederlo (Mara 03-10) */
.cms-assist .altri-marchi{margin:0 0 14px;padding:12px 14px;background:#fff;border:2px solid var(--primary);border-radius:8px;color:var(--title);font-size:16px;line-height:1.45}.cms-assist .altri-marchi strong{display:block;margin-bottom:4px;font-size:17px;font-weight:800}