/* ===== TEMA GOU "CMYK" — colori vivaci ispirati alle gocce del logo ===== */
:root{--ink:#14123a;--ink2:#2a2766;--c:#00b4e6;--m:#e6007e;--y:#ffd200;--g:#3cb54a;--verde:#14123a;--verde2:#2a2766;--ambra:#ffd200;--bordo:#e6e4f2;--testo:#24223f;--muted:#6c6a88;--grad:linear-gradient(90deg,#00b4e6 0%,#e6007e 50%,#ffd200 100%)}
body{background:#faf9ff;font-family:Lato,Arial,sans-serif}
h1,h2,h3{color:var(--ink);letter-spacing:-.3px}
h1{font-weight:800}
a{color:var(--m)}
/* barra in alto */
.top{background:var(--ink);position:relative;box-shadow:0 4px 18px rgba(20,18,58,.25)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:var(--grad)}
.top nav a{font-weight:700;opacity:1;transition:.15s;border-radius:20px;padding:6px 12px;margin-left:6px}
.top nav a:hover{background:rgba(255,255,255,.12)}
.top nav a#nav-acc,.top nav a[href="account.html"]{background:var(--m);color:#fff}
.top nav a.tel{background:var(--y);color:var(--ink)}
.logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* bottoni */
.btn{background:linear-gradient(135deg,#e6007e,#ff4fa8);color:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(230,0,126,.28);transition:.15s;font-weight:800}
.btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 12px 26px rgba(230,0,126,.35)}
.btn.sec{background:#fff;color:var(--ink);border:2px solid var(--bordo);box-shadow:none}
.btn.sec:hover{border-color:var(--c);color:var(--c)}
.btn.big{background:linear-gradient(135deg,#ffd200,#ffb800);color:var(--ink);box-shadow:0 10px 26px rgba(255,200,0,.4)}
.btn.big.chiaro{background:rgba(255,255,255,.12);color:#fff;border:2px solid rgba(255,255,255,.5)}
/* hero */
.hero2{background:radial-gradient(circle at 85% 20%,rgba(0,180,230,.45),transparent 45%),radial-gradient(circle at 10% 90%,rgba(230,0,126,.45),transparent 50%),radial-gradient(circle at 60% 110%,rgba(255,210,0,.35),transparent 45%),var(--ink)}
.hero2 .kicker{background:rgba(255,210,0,.18);color:var(--y)}
.hero2 h1 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* card e riquadri */
.tile,.box,.io,.ord,.card{border:0!important;border-radius:18px!important;background:#fff;box-shadow:0 6px 24px rgba(20,18,58,.08)}
.tile{overflow:hidden}
.tile::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--grad)}
.tile:hover{box-shadow:0 14px 34px rgba(20,18,58,.16);transform:translateY(-4px)}
.griglia .tile:nth-child(4n+1)::before{background:var(--c)}.griglia .tile:nth-child(4n+2)::before{background:var(--m)}.griglia .tile:nth-child(4n+3)::before{background:var(--y)}.griglia .tile:nth-child(4n+4)::before{background:var(--g)}
.tile .tag{background:var(--m);color:#fff}
/* scelte prodotto */
.opt{border-radius:12px;border-color:var(--bordo);font-weight:600}
.opt:hover{border-color:var(--c)}
.opt.sel{border-color:var(--m);background:#fff0f7;color:var(--m)}
.cella{border-radius:12px;color:var(--ink2)}
.cella:hover{border-color:var(--c)}
.cella.sel{border-color:var(--m);background:linear-gradient(135deg,#e6007e,#ff4fa8);color:#fff}
.riepilogo{border:0!important;border-radius:18px!important;box-shadow:0 10px 34px rgba(20,18,58,.14)!important;overflow:hidden}
.riepilogo .tot,.tot{color:var(--m)!important}
/* campi */
input,select,textarea{border-radius:10px!important;border:2px solid var(--bordo)!important;transition:.15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--c)!important;box-shadow:0 0 0 4px rgba(0,180,230,.15)}
/* area clienti */
.benv{background:radial-gradient(circle at 90% 10%,rgba(0,180,230,.5),transparent 50%),radial-gradient(circle at 0% 100%,rgba(230,0,126,.5),transparent 55%),var(--ink)!important;color:#fff;border-radius:20px!important;padding:24px!important}
.benv h2,.benv .nota{color:#fff}.benv .nota{opacity:.8}
.benv .btn.sec{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.4)}
.sch.on{border-color:var(--m)!important;color:var(--m)!important}
.acc h2{position:relative;padding-bottom:8px}.acc h2::after{content:"";position:absolute;left:0;bottom:0;width:50px;height:4px;border-radius:4px;background:var(--grad)}
.st.pagato,.st.in_lavorazione{background:#e2f7e5!important;color:#1d7a2c!important}
.st.in_attesa_pagamento,.st.pagamento_da_verificare{background:#fff4c2!important;color:#7a5a00!important}
.st.spedito{background:#dff4fc!important;color:#006d8f!important}
/* piè di pagina */
footer,.piede{background:var(--ink)!important;color:#d9d7ee!important;position:relative}
footer::before,.piede::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
footer a,.piede a{color:#fff!important}
.hero2 h1,.hero2 h2,.hero2 h3{color:#fff}
.hero2 p{opacity:.92}
.titolo-sez,.titolo-sez h2,section h2{color:var(--ink)}
.submenu{background:#fff;box-shadow:0 6px 18px rgba(20,18,58,.08)}
.submenu a{background:#f3f2fb;color:var(--ink)}
.submenu a:nth-child(4n+1){box-shadow:inset 0 -3px 0 var(--c)}.submenu a:nth-child(4n+2){box-shadow:inset 0 -3px 0 var(--m)}.submenu a:nth-child(4n+3){box-shadow:inset 0 -3px 0 var(--y)}.submenu a:nth-child(4n+4){box-shadow:inset 0 -3px 0 var(--g)}
.submenu a:hover,.submenu a.on{background:var(--m);color:#fff}
/* gadget: griglia modelli con immagine */
.art-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:560px;overflow-y:auto;padding:4px}
.art{background:#fff;border:2px solid var(--bordo);border-radius:14px;cursor:pointer;overflow:hidden;transition:.15s;font-size:12.5px;font-weight:600;line-height:1.25}
.art img{width:100%;display:block;aspect-ratio:11/10}.art span{display:block;padding:6px 8px 8px}
.art:hover{border-color:var(--c);transform:translateY(-2px)}.art.sel{border-color:var(--m);box-shadow:0 0 0 3px rgba(230,0,126,.18)}
.art-vis{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start;background:#fff;border-radius:18px;padding:14px;box-shadow:0 6px 24px rgba(20,18,58,.08);margin:18px 0}
.art-vis img{width:100%;border-radius:12px}.art-vis b{font-family:Montserrat,Arial;font-size:17px}
@media(max-width:600px){.art-vis{grid-template-columns:1fr}.art-griglia{grid-template-columns:repeat(2,1fr)}}
.lista-cat li{display:grid;grid-template-columns:72px 1fr;column-gap:10px;align-items:center;border:0!important;box-shadow:0 3px 12px rgba(20,18,58,.07)}
.lista-cat li img{grid-row:span 3;width:72px;border-radius:10px}
/* galleria prodotto e opzioni con immagine */
.galleria{margin:6px 0 18px}.g-big img{width:100%;max-height:420px;object-fit:cover;border-radius:18px;box-shadow:0 8px 28px rgba(20,18,58,.12);display:block}
.g-min{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.g-min img{width:92px;height:64px;object-fit:cover;border-radius:10px;cursor:pointer;border:3px solid transparent;opacity:.75}.g-min img.on,.g-min img:hover{border-color:var(--m);opacity:1}
.opt img{display:block;width:120px;border-radius:8px;margin:0 auto 6px}.opt:has(img){text-align:center;padding:8px}
.layout>.galleria,.layout>#config{grid-column:1}.layout>.riepilogo{grid-column:2;grid-row:1/span 2}
@media(max-width:860px){.layout>.riepilogo{grid-column:1;grid-row:auto}}
.layout>*{min-width:0}.galleria{max-width:100%;overflow:hidden}
.lista-cat li{position:relative}.lista-cat li .lk{position:absolute;inset:0;z-index:1}