/* Pleasure Paradise, anteprima: tema "Velluto".
   Burlesque anni 80, notte elegante: nero, rosso velluto, viola, oro, lucido da vernice.
   Si attiva con html[data-tema="velluto"] (lo mette assets/js/tema.js) e si carica dopo gli stili di pagina.
   Ogni regola deve restare dentro html[data-tema="velluto"], cosi' il tema Cipria non cambia. */

html[data-tema="velluto"]{
  --ink:#f5e9da; --ink-2:#dccabd; --muted:#a8939c;
  --pink:#d81e45; --pink-deep:#d8b06a; --blush:#3b0d1c; --blush-2:#1d0b14;
  --lilac:#26122f; --amber:#33250f; --mint:#1b1626;
  --cream:#0b0709; --card:#170d14; --paper:#130a10; --line:rgba(216,176,106,.2);
  --serif:'Bodoni Moda', Didot, 'Bodoni 72', Georgia, serif;
  --gold:linear-gradient(100deg,#f6dea0 0%,#d4a651 32%,#a47831 52%,#f1d48e 76%,#c79440 100%);
  --velvet:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 46%),linear-gradient(180deg,#c9193e,#7a0b22);
  --velvet-hi:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0) 46%),linear-gradient(180deg,#e0254c,#8e0f2a);
  --plate:radial-gradient(120% 90% at 50% 28%,#fbf4eb 0%,#efe3d4 55%,#dcc7b2 100%);
  --glass:rgba(17,9,14,.86);
  color-scheme:dark;
}
html[data-tema="velluto"] body{
  background:
    radial-gradient(1100px 700px at 88% -8%,rgba(142,15,42,.30),transparent 60%),
    radial-gradient(900px 800px at -12% 38%,rgba(70,24,98,.30),transparent 65%),
    var(--cream);
  background-attachment:fixed;
}
/* grana da pellicola */
html[data-tema="velluto"] body::after{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-tema="velluto"] ::selection{background:#c9193e;color:#fff}
html[data-tema="velluto"] :focus-visible{outline-color:#f3d99a}

/* ---------- tipografia ---------- */
html[data-tema="velluto"] h1 em,html[data-tema="velluto"] h2 em,html[data-tema="velluto"] h3 em,html[data-tema="velluto"] .logo b i,html[data-tema="velluto"] .gold-text{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-tema="velluto"] h1,html[data-tema="velluto"] h2{letter-spacing:-.01em}
html[data-tema="velluto"] .cat h3,html[data-tema="velluto"] .disc-img h3,html[data-tema="velluto"] .who h2{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em}
html[data-tema="velluto"] .mnav li a{font-style:italic}

/* ---------- bottoni ---------- */
html[data-tema="velluto"] .btn-ink,html[data-tema="velluto"] .add,html[data-tema="velluto"] .padd,html[data-tema="velluto"] .skip{background:var(--velvet);color:#fff6ec;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.35),0 6px 18px rgba(201,25,62,.28)}
html[data-tema="velluto"] .btn-ink:hover,html[data-tema="velluto"] .add:hover,html[data-tema="velluto"] .padd:hover{background:var(--velvet-hi);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1px rgba(243,217,154,.55),0 10px 30px rgba(227,40,79,.45)}
html[data-tema="velluto"] .add .sep{background:rgba(255,255,255,.35)}
html[data-tema="velluto"] .add.done,html[data-tema="velluto"] .buyrow .btn.done{background:linear-gradient(135deg,#f3d99a,#c9973f);color:#1a0d10;box-shadow:none}
html[data-tema="velluto"] .add.done .sep{background:rgba(26,13,16,.3)}
html[data-tema="velluto"] .btn-line{border-color:rgba(216,176,106,.7);color:var(--ink)}
html[data-tema="velluto"] .btn-line:hover{background:rgba(216,176,106,.14);color:#f3d99a;border-color:#f3d99a}
html[data-tema="velluto"] .btn-white{background:var(--gold);color:#1a0d10;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 22px rgba(0,0,0,.35)}
html[data-tema="velluto"] .btn-white:hover{background:linear-gradient(100deg,#fff0c4,#e3b964 40%,#f6dea0);color:#1a0d10}
html[data-tema="velluto"] .arrow{border-color:rgba(216,176,106,.7)}
html[data-tema="velluto"] .arrow:hover{background:var(--velvet);color:#fff;border-color:transparent}
html[data-tema="velluto"] .arrow[disabled]{background:none;color:var(--ink)}
html[data-tema="velluto"] .progress i,html[data-tema="velluto"] .more .bar2 i,html[data-tema="velluto"] .bars .b i{background:var(--gold)}
html[data-tema="velluto"] .gdots i.on,html[data-tema="velluto"] .dots i.on{background:#d8b06a}

/* ---------- barra, header, menu ---------- */
html[data-tema="velluto"] .bar{background:linear-gradient(90deg,#3a0613,#8e0f2a 50%,#3a0613);color:#f3d99a;border-bottom:1px solid rgba(216,176,106,.3)}
html[data-tema="velluto"] .bar a{color:#fff3df}
html[data-tema="velluto"] .hdr{background:rgba(11,7,9,.84);box-shadow:0 1px 0 rgba(216,176,106,.18)}
html[data-tema="velluto"] .hdr.scrolled{box-shadow:0 1px 0 rgba(216,176,106,.3),0 10px 30px rgba(0,0,0,.5)}
html[data-tema="velluto"] .logo b{font-weight:600}
html[data-tema="velluto"] .mega{background:#120a0f;border:1px solid rgba(216,176,106,.22);box-shadow:0 30px 60px rgba(0,0,0,.6)}
html[data-tema="velluto"] .mega .guides{background:linear-gradient(160deg,#2a0d1b,#170b1f)}
html[data-tema="velluto"] .mega .guides .btn,html[data-tema="velluto"] .mega-shop .guides .btn,html[data-tema="velluto"] .mega-shop .guides .btn:hover{color:#fff6ec}
html[data-tema="velluto"] .mnav{background:#0b0709}
html[data-tema="velluto"] .count{color:#fff6ec;box-shadow:0 0 12px rgba(216,30,69,.6)}
html[data-tema="velluto"] .drawer{background:#0d080b;border-left:1px solid rgba(216,176,106,.2)}
html[data-tema="velluto"] .drawer footer{background:#120a0f}
html[data-tema="velluto"] .scrim{background:rgba(0,0,0,.66)}
html[data-tema="velluto"] .sticky,html[data-tema="velluto"] .pbar{background:var(--glass);box-shadow:0 -1px 0 rgba(216,176,106,.25),0 -10px 30px rgba(0,0,0,.45)}
html[data-tema="velluto"] .toast{background:#1b0f17;color:var(--ink);box-shadow:0 0 0 1px rgba(216,176,106,.35),0 12px 30px rgba(0,0,0,.5)}
html[data-tema="velluto"] .toast svg{color:#f3d99a}
html[data-tema="velluto"] .fpv{background:var(--glass);color:var(--ink);box-shadow:0 0 0 1px rgba(216,176,106,.25)}
html[data-tema="velluto"] .fpv i{background:var(--gold);color:#1a0d10}

/* ---------- foto prodotto: sfondo bianco del fornitore su una lastra avorio ---------- */
html[data-tema="velluto"] .card a.media,html[data-tema="velluto"] .line .th,html[data-tema="velluto"] .cl-img,html[data-tema="velluto"] .mini .th,html[data-tema="velluto"] .thumb,html[data-tema="velluto"] .stage,html[data-tema="velluto"] .pairs .im,html[data-tema="velluto"] .sticky .th,html[data-tema="velluto"] .pbar .th,html[data-tema="velluto"] .bitem .im,html[data-tema="velluto"] .coll .ph,html[data-tema="velluto"] .guide-card .ph.contain,html[data-tema="velluto"] .fc-body .thumb,html[data-tema="velluto"] .logo-tab,html[data-tema="velluto"] .cart-line .th{background:var(--plate)}
html[data-tema="velluto"] .card a.media{border-radius:10px 10px 90px 90px / 10px 10px 60px 60px}
html[data-tema="velluto"] .thumb[aria-current="true"]{border-color:#d8b06a}
html[data-tema="velluto"] .brandline img{background:#f3e7d8;border-radius:6px;padding:4px 8px;mix-blend-mode:normal}

/* ---------- card prodotto ---------- */
html[data-tema="velluto"] .card{background:linear-gradient(180deg,#1c1018,#110a0f);box-shadow:inset 0 0 0 1px rgba(216,176,106,.14)}
html[data-tema="velluto"] .card:hover{box-shadow:inset 0 0 0 1px rgba(216,176,106,.5),0 24px 48px rgba(0,0,0,.55),0 0 46px rgba(142,15,42,.28)}
html[data-tema="velluto"] .results-grid .card{background:#150c12}
html[data-tema="velluto"] .pill.sale{background:var(--velvet);color:#fff6ec}
html[data-tema="velluto"] .pill.amber{color:#f3d99a}

/* ---------- superfici chiare diventano velluto scuro ---------- */
html[data-tema="velluto"] .fw-card,html[data-tema="velluto"] div.nf,html[data-tema="velluto"] .summary,html[data-tema="velluto"] .block,html[data-tema="velluto"] .co-summary,html[data-tema="velluto"] .rev,html[data-tema="velluto"] .rev-empty,html[data-tema="velluto"] .sg-table,html[data-tema="velluto"] .pairs li,html[data-tema="velluto"] .coll div,html[data-tema="velluto"] .nf-links a,html[data-tema="velluto"] .pay-row span,html[data-tema="velluto"] .disc-list,html[data-tema="velluto"] .chip,html[data-tema="velluto"] .size label,html[data-tema="velluto"] .qty-step,html[data-tema="velluto"] .qty,html[data-tema="velluto"] .search-box,html[data-tema="velluto"] .field input,html[data-tema="velluto"] .field select,html[data-tema="velluto"] .field textarea,html[data-tema="velluto"] .fopt input,html[data-tema="velluto"] .news input[type=email],html[data-tema="velluto"] .pairs select{background:#150c12;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(216,176,106,.16)}
html[data-tema="velluto"] .search-box,html[data-tema="velluto"] .qty-step,html[data-tema="velluto"] .size label,html[data-tema="velluto"] .field input,html[data-tema="velluto"] .field select,html[data-tema="velluto"] .field textarea,html[data-tema="velluto"] .news input[type=email]{border-color:rgba(216,176,106,.28)}
html[data-tema="velluto"] .search-box:focus-within,html[data-tema="velluto"] .field input:focus,html[data-tema="velluto"] .field select:focus,html[data-tema="velluto"] .field textarea:focus,html[data-tema="velluto"] .news input[type=email]:focus{border-color:#d8b06a;box-shadow:0 0 0 3px rgba(216,176,106,.18)}
html[data-tema="velluto"] .popular a:hover{background:#150c12}
html[data-tema="velluto"] .sort select{background:#150c12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23d8b06a' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center/16px;color:var(--ink);border-color:rgba(216,176,106,.3)}
html[data-tema="velluto"] .preview-note{background:#1f1709;border-color:#b88a2a;color:var(--ink)}
html[data-tema="velluto"] .preview-note b{color:#e2b96b}
/* errori: rosso acceso, non oro */
html[data-tema="velluto"] .field input[aria-invalid="true"],html[data-tema="velluto"] .field select[aria-invalid="true"]{border-color:#ff5a78;background:#2a0d17}
html[data-tema="velluto"] .field .err,html[data-tema="velluto"] .check .err,html[data-tema="velluto"] .err{color:#ff7d95}
html[data-tema="velluto"] .callout.tbc-box{background:#1f1709;border-color:#b88a2a}
html[data-tema="velluto"] .callout.tbc-box b{color:#e2b96b}
html[data-tema="velluto"] .tbc{color:#f3d99a}

/* stati selezionati: rosso velluto */
html[data-tema="velluto"] .lv-opt input:checked+label,html[data-tema="velluto"] .opt input:checked+label,html[data-tema="velluto"] .size input:checked+label,html[data-tema="velluto"] .chip[aria-pressed="true"],html[data-tema="velluto"] .scale li.on,html[data-tema="velluto"] .tag,html[data-tema="velluto"] .steps-list li::before,html[data-tema="velluto"] .steps li[aria-current="step"] span,html[data-tema="velluto"] .block legend span,html[data-tema="velluto"] .block .bh span,html[data-tema="velluto"] .mini .th i,html[data-tema="velluto"] .fopt input:checked{background:var(--velvet);color:#fff6ec;border-color:transparent;box-shadow:inset 0 0 0 1px rgba(243,217,154,.35)}
html[data-tema="velluto"] .scale li.on .lvl i{background:rgba(255,255,255,.3)}
html[data-tema="velluto"] .scale li.on .lvl i.f{background:#f3d99a}
html[data-tema="velluto"] details[open] summary .plus,html[data-tema="velluto"] details.qa[open] summary .plus{background:var(--velvet);color:#fff}

/* ---------- blocchi scuri: viola e rosso invece del prugna ---------- */
html[data-tema="velluto"] .ask,html[data-tema="velluto"] .promo.quiz{background:radial-gradient(520px 420px at 90% 0%,rgba(201,25,62,.42),transparent 70%),radial-gradient(420px 360px at 0% 100%,rgba(109,42,140,.4),transparent 70%),#140a12;box-shadow:inset 0 0 0 1px rgba(216,176,106,.25)}
html[data-tema="velluto"] .ask b,html[data-tema="velluto"] .ask h2{color:#fff6ec}
html[data-tema="velluto"] .completa{background:#110911;box-shadow:inset 0 0 0 1px rgba(216,176,106,.25)}
html[data-tema="velluto"] .completa::before{background:radial-gradient(640px 420px at 88% 0%,rgba(201,25,62,.4),transparent 70%),radial-gradient(520px 380px at 0% 100%,rgba(109,42,140,.35),transparent 70%)}
html[data-tema="velluto"] .bitem.on{background:#f3e7d8;color:#1a0d10;border-color:#f3d99a}
html[data-tema="velluto"] .bitem.on .tagline{color:#8e0f2a}
html[data-tema="velluto"] .bitem.base .check{background:#8e0f2a}
html[data-tema="velluto"] .bitem select{background:#fff;color:#1a0d10}
html[data-tema="velluto"] .bsum{background:linear-gradient(160deg,#c9193e,#6e0a1f);color:#fff6ec}
html[data-tema="velluto"] .bsum .btn-ink{background:#0b0709;box-shadow:inset 0 0 0 1px rgba(243,217,154,.5)}
html[data-tema="velluto"] .ftr{background:#070406;box-shadow:inset 0 1px 0 rgba(216,176,106,.3)}
html[data-tema="velluto"] .ftr h3{color:#d8b06a}
html[data-tema="velluto"] .pay span{border-color:rgba(216,176,106,.35)}
html[data-tema="velluto"] .nav-arrow,html[data-tema="velluto"] .pcount{background:var(--glass);color:var(--ink);box-shadow:0 0 0 1px rgba(216,176,106,.3)}
html[data-tema="velluto"] .nav-arrow:hover{background:#1c1018}
html[data-tema="velluto"] .disc-visual span{background:var(--glass);color:var(--ink)}

/* ---------- home ---------- */
html[data-tema="velluto"] .hero{background:transparent}
html[data-tema="velluto"] .hero-img{background:#1a0b12}
html[data-tema="velluto"] .hero-img::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,7,9,.55),rgba(11,7,9,0) 22%)}
html[data-tema="velluto"] .roundel{background:radial-gradient(circle at 50% 35%,#b3143a,#5a0717 75%);box-shadow:0 0 0 1px rgba(243,217,154,.55),0 0 34px rgba(227,40,79,.45);z-index:1}
html[data-tema="velluto"] .roundel text{fill:#f3d99a}
html[data-tema="velluto"] .float-card{background:var(--glass);box-shadow:0 0 0 1px rgba(216,176,106,.3),0 24px 50px rgba(0,0,0,.55);z-index:1}
/* le scene hanno il prodotto al centro destra: su desktop la vetrina sta in alto a sinistra, sulla tenda */
@media (min-width:961px){html[data-tema="velluto"] .float-card{top:28px;bottom:auto}}
html[data-tema="velluto"] .fc-tab i{background:rgba(255,255,255,.14)}
html[data-tema="velluto"] .fc-tab.seen i b{background:rgba(216,176,106,.55)}
html[data-tema="velluto"] .fc-pause:hover{background:rgba(255,255,255,.08)}
html[data-tema="velluto"] .strip,html[data-tema="velluto"] .strip::before{background:#8e0f2a}
html[data-tema="velluto"] .strip{background:linear-gradient(180deg,#8e0f2a,#5e0a1d);color:#fff3df}
html[data-tema="velluto"] .strip svg{color:#f3d99a}
html[data-tema="velluto"] .quiz{background:radial-gradient(620px 440px at 100% 0%,rgba(142,15,42,.5),transparent 70%),radial-gradient(520px 420px at 0% 100%,rgba(109,42,140,.38),transparent 70%),#130a10;box-shadow:inset 0 0 0 1px rgba(216,176,106,.22)}
html[data-tema="velluto"] .opt label{background:rgba(255,255,255,.04);border-color:rgba(216,176,106,.2)}
html[data-tema="velluto"] .opt label:hover{background:rgba(255,255,255,.08);border-color:rgba(216,176,106,.45)}
html[data-tema="velluto"] .opt input:checked+label span{color:rgba(255,246,236,.8)}
html[data-tema="velluto"] .quiz-note,html[data-tema="velluto"] .results{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(216,176,106,.14)}
html[data-tema="velluto"] .cat{box-shadow:inset 0 0 0 1px rgba(216,176,106,.2)}
html[data-tema="velluto"] .cat::after{background:linear-gradient(180deg,rgba(11,7,9,0) 35%,rgba(11,7,9,.82) 100%)}
html[data-tema="velluto"] .cat .pill,html[data-tema="velluto"] .disc-img .pill{background:var(--glass);color:#f3d99a;box-shadow:0 0 0 1px rgba(216,176,106,.35)}
html[data-tema="velluto"] .brands{background:#0e070c;box-shadow:inset 0 0 0 1px rgba(216,176,106,.22)}
html[data-tema="velluto"] .brands::before{background:radial-gradient(520px 420px at 78% 40%,rgba(201,25,62,.4),transparent 70%),radial-gradient(360px 300px at 92% 100%,rgba(109,42,140,.35),transparent 70%)}
html[data-tema="velluto"] .brands .eyebrow{color:#d8b06a}
html[data-tema="velluto"] .logo-tab[aria-selected="true"]{box-shadow:0 0 0 2px #d8b06a,0 0 24px rgba(216,176,106,.35)}
html[data-tema="velluto"] .brand-tag{background:var(--glass);color:var(--ink);box-shadow:0 0 0 1px rgba(216,176,106,.3),0 12px 30px rgba(0,0,0,.4)}
html[data-tema="velluto"] .marquee{background:linear-gradient(90deg,#1d0712,#3b0d1c 50%,#1d0712);box-shadow:inset 0 1px 0 rgba(216,176,106,.25),inset 0 -1px 0 rgba(216,176,106,.25)}
html[data-tema="velluto"] .marquee li{font-family:var(--serif);font-style:italic}
html[data-tema="velluto"] .portrait{background:repeating-linear-gradient(135deg,rgba(216,176,106,.07) 0 14px,transparent 14px 28px),linear-gradient(160deg,#3b0d1c,#1d0b22)}
html[data-tema="velluto"] .sign{background:var(--glass);box-shadow:0 0 0 1px rgba(216,176,106,.3)}
html[data-tema="velluto"] .guide{box-shadow:inset 0 0 0 1px rgba(216,176,106,.2)}
html[data-tema="velluto"] .guide:nth-child(1){background:linear-gradient(160deg,#2e1440,#150a1d)}
html[data-tema="velluto"] .guide:nth-child(2){background:linear-gradient(160deg,#4d0d20,#1d0710)}
html[data-tema="velluto"] .guide:nth-child(3){background:linear-gradient(160deg,#2c2211,#120c07)}
html[data-tema="velluto"] .disc-img{background:#1a0b12}
html[data-tema="velluto"] .disc-img::after{background:linear-gradient(180deg,rgba(11,7,9,0) 30%,rgba(11,7,9,.78))}
html[data-tema="velluto"] .disc-list li svg{color:#f3d99a}
html[data-tema="velluto"] .news{background:radial-gradient(520px 360px at 100% 0%,rgba(201,25,62,.35),transparent 70%),linear-gradient(135deg,#240a16,#170a1f);box-shadow:inset 0 0 0 1px rgba(216,176,106,.22)}