/* Chlaro – percorso bolletta e «La mia area». Usa colori, riquadri, campi e pulsanti di v3.css: qui c'è solo quello che manca. */
#app{display:block;min-height:60vh}
.pc .dentro.stretto>h1{margin-bottom:0}
.pc h2.piccolo{margin:28px 0 10px;font-size:18px;letter-spacing:-.01em}
.pc .btn.largo{margin-top:6px}
.pc .btn svg,.pc-fin .btn svg{flex:none}
.btn:disabled{opacity:.6;cursor:default}
.btn.nero{background:var(--nero);color:#fff} .btn.nero:hover{background:#000}
.btn.rosso{background:#C62B20} .btn.rosso:hover{background:#A32018}
.btn.mini svg{width:14px;height:14px}
.nota.centro{text-align:center;margin-top:10px;max-width:none}
.pc-poi{margin-top:12px!important}
.pc-ind{margin:-6px 0 14px;font-size:15px}
.pc-ind a{display:inline-flex;align-items:center;gap:4px;font-weight:700;text-decoration:none;padding:6px 8px 6px 0}
.pc-msg:empty{display:none} .pc-msg{margin-top:14px} .pc-msg .errore{margin-bottom:14px}
.pc-ok{display:flex;gap:10px;align-items:flex-start;background:var(--verde-chiaro);border-left:5px solid var(--verde);padding:14px 16px;border-radius:6px;font-weight:600;margin:14px 0}
.pc-ok svg{flex:none;color:var(--verde-scuro);margin-top:3px}
.pc-avviso{background:#FFF6DB;border-left:5px solid #E5A700;padding:14px 16px;border-radius:6px;margin:16px 0;color:var(--testo)}
.pc-avviso .spunta{margin:12px 0 0;font-weight:700;color:var(--nero)}
@keyframes pc-scuoti{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}} .scuoti{animation:pc-scuoti .4s}

/* attesa */
@keyframes pc-gira{to{transform:rotate(360deg)}}
.pc-attesa{min-height:46vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--testo);font-weight:600}
.pc-giro{width:38px;height:38px;border-radius:50%;border:4px solid var(--lilla);border-top-color:var(--viola);animation:pc-gira .8s linear infinite}
.pc-giro.piccolo{width:20px;height:20px;border-width:3px;border-color:rgba(255,255,255,.4);border-top-color:#fff}

/* 1. carica la bolletta */
.pc-tre{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .pc-tre .opz{margin:0}
.pc-zona{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:26px 18px;border:2px dashed #B79BEF;border-radius:14px;background:var(--lavanda);cursor:pointer;transition:background .15s,border-color .15s}
.pc-zona:hover,.pc-zona.sopra,.pc-zona:focus-within{border-color:var(--viola);background:#E8DCFF}
.pc-zona .ico{width:72px;height:72px} .pc-zona b{font-size:20px;font-weight:800;line-height:1.25} .pc-zona small{color:var(--testo);font-size:14px}
.pc-zona .btn{pointer-events:none}
#carica>.btn.largo{margin-top:10px}
.pc-o{display:flex;align-items:center;gap:12px;margin:18px 0 12px;color:var(--tenue);font-size:14px;font-weight:700}
.pc-o::before,.pc-o::after{content:'';flex:1;height:1px;background:var(--riga)}
.pc-cons{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.pc-cons li{display:flex;gap:10px;align-items:flex-start;color:var(--testo);font-size:15px}
.pc-cons li>svg{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--verde-chiaro);color:var(--verde-scuro)}
.pc-cons li.occhio>svg{background:#FFF0C7;color:#8A6100}
.pc-cons b{color:var(--nero)}
@media (min-width:1000px){.vant.pc-vant3{grid-template-columns:repeat(3,1fr)}}
.vant.pc-vant3>div{border:1px solid var(--riga)}
.pc-lettura{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 18px;border-radius:14px;background:linear-gradient(160deg,#6200EA,#3D0A9E);color:#fff}
.pc-lettura b{font-size:20px;font-weight:800} .pc-lettura .pc-frase{color:#E9DEFF;font-weight:600;min-height:1.5em} .pc-lettura small{color:#D9CCF7;font-size:13px;max-width:26em}
.pc-anello{position:relative;width:84px;height:84px;margin-bottom:6px;display:block}
.pc-anello svg{width:100%;height:100%;animation:pc-gira 1.4s linear infinite} .pc-anello circle{fill:none;stroke-width:8}
.pc-anello .a{stroke:rgba(255,255,255,.22)} .pc-anello .b{stroke:#fff;stroke-linecap:round;stroke-dasharray:80 283}
.pc-anello i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center} .pc-anello i svg{width:30px;height:30px;animation:none}
.pc-lettura.finita .pc-anello svg:first-child{animation:none} .pc-lettura.finita .pc-anello .b{stroke:#7CE0A0;stroke-dasharray:283 283}

/* 2. i numeri */
.pc-guida{background:var(--lavanda);border-radius:14px;padding:18px;margin-bottom:20px}
.pc-guida>b{font-size:18px;font-weight:800}
.pc-guida ol,.pc-motivi{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.pc-guida li,.pc-motivi li{display:flex;gap:12px;align-items:flex-start;color:var(--testo)}
.pc-guida li>i,.pc-motivi li>i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--viola);color:#fff;font-style:normal;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.pc-guida li b{color:var(--nero)} .pc-motivi li b{display:block;color:var(--nero)}
.pc-tot{border:2px solid var(--riga);border-radius:14px;padding:18px;margin-bottom:18px}
.pc-tot-su{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pc-tot-su small{display:block;color:var(--testo);font-weight:600;font-size:14px}
.pc-tot-su b{display:block;font-size:clamp(34px,7vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--viola)}
.pc-tot-su em{flex:none;font-style:normal;font-weight:800;font-size:14px;background:var(--lavanda);color:var(--viola);padding:6px 12px;border-radius:100px}
.pc-barra{display:flex;height:14px;border-radius:100px;overflow:hidden;background:var(--grigio);margin:16px 0 4px;gap:2px}
.pc-barra span{width:0;transition:width .6s ease}
.pc-voci{list-style:none;margin:8px 0 0;padding:0}
.pc-voci li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--grigio)} .pc-voci li:last-child{border-bottom:0;padding-bottom:0}
.pc-voci li>i{flex:none;width:12px;height:12px;border-radius:50%;margin-top:6px}
.pc-voci li>span{flex:1;min-width:0} .pc-voci li>span>b{font-weight:700} .pc-voci small{display:block;color:var(--testo);font-size:14px}
.pc-voci li>b{white-space:nowrap;font-weight:800}
.pc-voci mark{background:#FDECEA;color:#B3261E;font-size:12px;font-weight:800;padding:2px 8px;border-radius:100px;margin-left:8px;white-space:nowrap}
.pc-voci li.alto>b{color:#B3261E}
.pc-det{border:2px solid var(--riga);border-radius:14px;padding:0 18px;margin-bottom:18px}
.pc-det summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:800;font-size:17px;padding:16px 0;list-style:none;color:var(--viola)}
.pc-det summary::-webkit-details-marker{display:none}
.pc-det summary::after{content:'+';margin-left:auto;font-weight:500;font-size:26px;line-height:.8} .pc-det[open] summary::after{content:'–'}
.pc-det form{padding-bottom:4px}
.pc-due{display:grid;gap:0 14px;align-items:start} @media (min-width:560px){.pc-due{grid-template-columns:1fr 1fr}}
.pc .campo>span,.pc-fin .campo>span{font-size:16px}
.campo em{display:block;font-style:normal;font-size:13px;color:var(--tenue);margin-top:6px;line-height:1.4}
.campo.manca input,.campo.manca select{border-color:#D93025;background:#FFF8F7}
.pc textarea,.pc-fin textarea{width:100%;border:2px solid var(--riga);border-radius:var(--r);padding:12px 14px;font:inherit;font-size:16px;resize:vertical;min-height:96px}
.pc textarea:focus,.pc-fin textarea:focus{border-color:var(--verde);outline:0;box-shadow:0 0 0 3px var(--verde-chiaro)}

/* 3. il risultato */
.pc-esito{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.pc-esito .sotto{margin:6px auto 0;max-width:26em}
.pc-giud{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:100px;background:var(--verde-chiaro);color:var(--verde-scuro)}
.pc-giud.media{background:#FFF0C7;color:#7A5600} .pc-giud.cara{background:#FDECEA;color:#B3261E}
.pc-quad{position:relative;width:250px;max-width:100%;margin-top:4px}
.pc-quad svg{display:block;width:100%;height:auto}
.pc-quad span{position:absolute;bottom:-4px;font-size:12px;font-weight:700;color:var(--testo)} .pc-quad span:first-of-type{left:0} .pc-quad span:last-of-type{right:0}
.pc-ago{transform-box:view-box;transform-origin:150px 150px;transition:transform 1.3s cubic-bezier(.3,1.25,.5,1)}
.pc-risp{display:flex;flex-direction:column;align-items:center;margin-top:10px;color:var(--testo);font-weight:600}
.pc-risp b{font-size:clamp(52px,12vw,76px);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--verde-scuro)}
.pc-risp em{font-style:normal;margin-top:8px;background:var(--verde-chiaro);color:var(--verde-scuro);font-weight:800;padding:6px 14px;border-radius:100px}
.pc-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:24px;border:2px solid var(--riga);border-radius:14px;padding:16px}
.pc-vs small{display:block;font-weight:700;font-size:14px;color:var(--testo)} .pc-vs b{display:block;font-size:clamp(24px,5vw,30px);font-weight:800;letter-spacing:-.02em} .pc-vs span{display:block;font-size:13px;color:var(--testo)}
.pc-vs>i{color:var(--viola);display:flex} .pc-vs .meglio{text-align:right} .pc-vs .meglio small,.pc-vs .meglio b{color:var(--viola)}
.pc-chiuse{background:var(--lavanda);border-radius:14px;padding:16px 18px;margin-top:22px}
.pc-chiuse p{display:flex;gap:8px;align-items:center;color:var(--viola);font-size:15px} .pc-chiuse p svg{flex:none}
.pc-chiuse ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.pc-chiuse li{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border-radius:10px;padding:12px 14px}
.pc-chiuse li>span{flex:1;display:grid;gap:7px} .pc-chiuse li i{display:block;height:10px;border-radius:5px;background:#DCD3F0;filter:blur(2px)}
.pc-chiuse li b{font-weight:800;color:var(--verde-scuro);text-align:right;white-space:nowrap} .pc-chiuse li small{display:block;font-size:12px;font-weight:600;color:var(--testo)}
.pc-righe{margin:14px 0 0}
.pc-righe>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--grigio)}
.pc-righe dt{color:var(--testo)} .pc-righe dt small{display:block;font-size:13px;color:var(--tenue)} .pc-righe dd{margin:0;font-weight:800;white-space:nowrap}
.pc-righe .verde dd{color:var(--verde-scuro)} .pc-righe .tot{border-bottom:0;border-top:2px solid var(--nero);margin-top:-1px} .pc-righe .tot dt{font-weight:800;color:var(--nero)} .pc-righe .tot dd{font-size:20px}
.pc-avvisi{display:flex;gap:14px;align-items:center;border:2px solid var(--riga);border-radius:14px;padding:16px;margin-top:16px;background:#fff}
.pc-avvisi>svg{flex:none;width:44px;height:44px;padding:10px;border-radius:50%;background:#FFF3CF;color:#7A5600}
.pc-avvisi>span{flex:1;min-width:0;font-size:14px;color:var(--testo)} .pc-avvisi>span b{display:block;font-size:17px;color:var(--nero)}
.pc-switch{position:relative;flex:none;width:52px;height:32px;cursor:pointer}
.pc-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.pc-switch i{position:absolute;inset:0;border-radius:100px;background:#B7B4C0;transition:background .15s}
.pc-switch i::after{content:'';position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.pc-switch input:checked+i{background:var(--verde)} .pc-switch input:checked+i::after{transform:translateX(20px)}
.pc-switch input:focus-visible+i{outline:3px solid var(--viola);outline-offset:2px}
.pc-altre{display:grid;gap:10px} @media (min-width:560px){.pc-altre{grid-template-columns:1fr 1fr}}
.pc-altre a{display:flex;align-items:center;gap:12px;border:2px solid var(--riga);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--nero)}
.pc-altre a:hover{border-color:var(--viola)} .pc-altre .ico{width:44px;height:44px} .pc-altre b{flex:1} .pc-altre a>svg:last-child{color:var(--viola);flex:none}

/* 4. accedi e crea account */
.pc-pronte{display:flex;gap:14px;align-items:center;background:var(--verde-chiaro);border-radius:14px;padding:14px 16px;margin-bottom:20px;color:var(--testo);font-size:15px}
.pc-pronte .ico{width:48px;height:48px} .pc-pronte b{display:block;font-size:18px;color:var(--nero)}
.pc .schede-t a{cursor:pointer}
.pc-soc{display:grid;gap:10px;margin-top:4px} .pc-soc .btn{margin:0;font-size:17px;gap:10px} .pc-soc .btn svg{width:20px;height:20px}
.pc-dim{margin:-8px 0 16px;text-align:right;font-size:15px} .pc-dim a{font-weight:700}
.pc-pw{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:3px;font-size:13px;font-weight:600;color:var(--tenue)}
.pc-pw li{padding-left:20px;position:relative} .pc-pw li::before{content:'';position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:50%;background:#C9C6D2}
.pc-pw li.ok{color:var(--verde-scuro)} .pc-pw li.ok::before{background:var(--verde)}
.pc form+.pc-cons{border-top:1px solid var(--riga);padding-top:20px}

/* 5. offerte e dettaglio */
.sk-tag span.r{background:#FFF0C7;color:#7A5600}
.pc-cons1{margin-top:12px;font-size:15px;color:var(--testo);background:var(--verde-chiaro);border-radius:8px;padding:10px 12px}
.pc-box{position:relative;background:var(--lavanda);border-radius:14px;padding:18px;margin:0 0 18px;display:grid;gap:8px}
.pc-box>b{font-size:18px;font-weight:800;padding-right:30px} .pc-box>p{color:var(--testo);font-size:15px}
.pc-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;background:none;font-size:26px;line-height:1;color:var(--testo);cursor:pointer;border-radius:8px}
.pc-nomi{display:flex;flex-wrap:wrap;gap:8px}
.pc-nome{border:2px solid var(--riga);background:#fff;border-radius:100px;padding:9px 16px;font:inherit;font-weight:700;color:var(--nero);cursor:pointer;min-height:44px}
.pc-nome:hover,.pc-nome.on{border-color:var(--viola);color:var(--viola)}
.pc-nome-altro{display:flex;gap:8px;margin-top:10px}
.pc-nome-altro input{flex:1;min-width:0;min-height:48px;border:2px solid var(--riga);border-radius:var(--r);padding:0 14px;font:inherit;font-weight:600;background:#fff}
.pc-nome-altro input:focus{border-color:var(--verde);outline:0;box-shadow:0 0 0 3px var(--verde-chiaro)}
.pc-nome-altro .btn{min-height:48px;padding:0 18px;font-size:16px}
#rv:empty{display:none} #rv{margin-top:20px}
.pc-chi{align-items:center} .pc-chi h1{font-size:clamp(22px,4vw,30px)!important} .pc-chi .sk-l{width:56px;height:56px;font-size:26px}
.pc-costo{margin:20px 0 4px;padding:20px;border-radius:14px;background:linear-gradient(160deg,#6200EA,#3D0A9E);color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.pc-costo small{font-size:14px;font-weight:700;color:#DCCBFF;text-transform:uppercase;letter-spacing:.04em}
.pc-costo b{font-size:clamp(44px,10vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1.1}
.pc-costo em{font-style:normal;font-weight:800;background:#19B257;padding:3px 10px;border-radius:6px;margin-top:6px} .pc-costo em.neutro{background:rgba(255,255,255,.18)}
.pc-codice{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--grigio);border-radius:12px;padding:12px 14px;margin:18px 0 12px}
.pc-codice small{display:block;font-size:13px;color:var(--testo);font-weight:600} .pc-codice b{font-size:17px;overflow-wrap:anywhere}
.pc-codice+.btn.largo,.pc-motivi+.btn.largo{margin-top:18px}

/* recensione */
.pc-stelle{display:flex;gap:4px} .pc-stelle button{border:0;background:none;font-size:38px;line-height:1;color:#D3D0DB;cursor:pointer;padding:2px 4px;border-radius:8px} .pc-stelle button.on{color:#FFB400}
.pc-rec-resto{margin-top:12px} .pc-conta{display:block;text-align:right;font-size:13px;color:var(--tenue);margin:4px 0 8px}

/* 7. la mia area */
.pc-su{padding:30px 0 36px} .pc-su .dentro{display:grid;gap:24px}
.pc-su h1{font-size:clamp(30px,5vw,44px)} .pc-su .sotto{margin:10px 0 20px;font-size:18px;max-width:28em}
.pc-riep{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc-riep>div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:16px}
.pc-riep small{display:block;font-size:13px;font-weight:700;color:#DCCBFF;text-transform:uppercase;letter-spacing:.03em}
.pc-riep b{display:block;font-size:clamp(28px,6vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-top:4px;white-space:nowrap} .pc-riep span{display:block;font-size:14px;color:#E9DEFF}
@media (min-width:900px){.pc-su .dentro{grid-template-columns:1fr minmax(380px,460px);align-items:center;gap:48px}}
.pc-area{display:grid;gap:34px} .pc-area>*{min-width:0}
@media (min-width:980px){.pc-area{grid-template-columns:minmax(0,1fr) 340px;gap:44px;align-items:start}.pc-area>aside{position:sticky;top:88px}}
.pc-area h2{font-size:24px} .pc-area>div>h2:not(:first-child){margin-top:36px}
.pc-forniture,.pc-lista,.pc-menu{list-style:none;margin:16px 0 0;padding:0}
.pc-forniture{display:grid;gap:12px}
.pc-forn{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;border:2px solid var(--riga);border-radius:12px;padding:16px;background:#fff}
.pc-forn .ico{width:56px;height:56px} .pc-forn h3{margin:0;font-size:19px} .pc-forn h3 small{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--lavanda);color:var(--viola);padding:3px 9px;border-radius:100px;margin-left:6px;vertical-align:middle;white-space:nowrap}
.pc-forn p{color:var(--testo);font-size:15px;overflow-wrap:anywhere} .pc-forn .sk-tag{margin-top:8px}
.pc-forn.vuota{border-style:dashed;background:#FAFAFC}
.pc-az{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px;font-size:14px} .pc-az a{font-weight:700}
.pc-link{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--viola);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:559px){.pc-forn{grid-template-columns:48px minmax(0,1fr)}.pc-forn .ico{width:48px;height:48px;align-self:start}.pc-forn>.btn{grid-column:1/-1;min-height:44px}}
.pc-lista li{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--riga)}
.pc-lista a{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:14px 0;text-decoration:none;color:var(--nero)}
.pc-lista a>span{flex:1;min-width:0} .pc-lista a b{display:block;overflow-wrap:anywhere} .pc-lista small{color:var(--testo);font-size:14px}
.pc-lista em{font-style:normal;font-weight:800;white-space:nowrap} .pc-lista a>svg{flex:none;color:var(--viola)} .pc-lista a:hover b{color:var(--viola)}
.pc-elimina{flex:none;width:44px;height:44px;border:0;background:none;color:var(--tenue);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center} .pc-elimina:hover{color:#B3261E;background:#FDECEA}
.pc-area>aside .pc-avvisi{margin-top:0}
.pc-prof{border:2px solid var(--riga);border-radius:14px;padding:18px;margin-top:16px}
.pc-prof h2.piccolo{margin:0 0 6px;font-size:18px}
.pc-chi2{color:var(--testo);font-size:15px;overflow-wrap:anywhere} .pc-chi2 b{display:block;color:var(--nero);font-size:17px}
.pc-menu{margin-top:10px} .pc-menu li{border-top:1px solid var(--grigio)}
.pc-menu a,.pc-menu button{width:100%;display:flex;align-items:center;gap:12px;padding:13px 0;border:0;background:none;font:inherit;text-align:left;text-decoration:none;color:var(--nero);cursor:pointer}
.pc-menu a>svg:first-child,.pc-menu button>svg:first-child{flex:none;width:22px;height:22px;color:var(--viola)} .pc-menu span{flex:1;min-width:0} .pc-menu b{display:block} .pc-menu small{display:block;color:var(--testo);font-size:14px}
.pc-menu a>svg:last-child,.pc-menu button>svg:last-child{flex:none;color:var(--tenue)} .pc-menu a:hover b,.pc-menu button:hover b{color:var(--viola)}
.pc-canc{margin-top:14px;font-size:14px;color:#B3261E}

/* finestre */
.velo{position:fixed;inset:0;z-index:60;background:rgba(21,18,28,.6);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.pc-fin{background:#fff;border-radius:20px;padding:26px 22px 22px;width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 30px 70px -20px rgba(10,0,40,.6);outline:0}
.pc-fin h2{font-size:22px;margin-bottom:8px} .pc-fin>p{color:var(--testo);margin-bottom:16px} .pc-fin>p.pc-avviso{margin-top:0}
.pc-fin .btn.largo{margin-top:10px} .pc-fin .pc-nf{margin-bottom:6px} .pc-fin .spunta{margin:4px 0 6px}
@media (min-width:560px){.pc-fin{padding:32px 30px 28px}}
@media (prefers-reduced-motion:reduce){.pc-giro,.pc-anello svg{animation-duration:2.4s}.pc-barra span,.pc-ago,.pc-switch i,.pc-switch i::after{transition:none}.scuoti{animation:none}}
.pc-box>*,.pc-fin>*{min-width:0} .pc-nf{min-width:0}
@media (max-width:419px){.pc-nome-altro{flex-wrap:wrap}.pc-nome-altro input{flex:1 1 100%}.pc-nome-altro .btn{flex:1}}

/* Chlaro Club */
.pc-club{margin-bottom:10px} .pc-club a{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:100px;text-decoration:none} .pc-club a:hover{background:rgba(255,255,255,.26);color:#fff}
.pc-intro{margin-top:8px;color:var(--testo)}
.pc-sconto{grid-template-columns:48px minmax(0,1fr) auto} .pc-sconto .sk-l{align-self:start} .pc-cod{margin-top:6px;color:var(--nero)!important} .pc-cod b{background:var(--lavanda);color:var(--viola);padding:2px 8px;border-radius:6px;letter-spacing:.03em}