/* Realizzato da Antonino Caternicchia — Mariaclara 10.7.1
   Stile "fiori e madreperla" per le pagine nuove: buoni regalo, domande frequenti, tessera fedeltà, porta un'amica, recensioni.
   Tutte le regole iniziano con "html body" e classi pl-* / gc-* per non toccare il resto del sito. */
@font-face{font-family:'MC Cormorant';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-500.woff) format('woff')}
@font-face{font-family:'MC Cormorant';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-600.woff) format('woff')}
@font-face{font-family:'MC Cormorant';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-500i.woff) format('woff')}
:root{--pl-ink:#49384d;--pl-muted:#5c4f60;--pl-plum:#ab6699;--pl-gold:#b98a3c;--pl-gold-soft:#cda66d;--pl-line:#e7d3b1;--pl-pearl:#fffafc;--pl-rose:#fbeaf1;--pl-lilac:#efe3f5;--pl-serif:'MC Cormorant','Cormorant Garamond',Georgia,'Times New Roman',serif}

/* ───────── Pagina e titolo ───────── */
html body.page-pearl{background:var(--pl-pearl);color:var(--pl-ink)}
html body .pl-in{width:min(1120px,calc(100% - 32px));margin-inline:auto;position:relative}
html body .pl-narrow{width:min(780px,calc(100% - 32px));margin-inline:auto;position:relative}
html body .pl-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(44px,7vw,88px) 0 clamp(36px,5.5vw,64px);background:var(--pl-pearl) url('../decor/pearl-aurora-top.svg') center top/100% auto no-repeat;border-bottom:1px solid var(--pl-line)}
html body .pl-hero::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 -2%;width:min(52%,440px);background:url('../decor/mc-floral-1050.svg') no-repeat left center/auto 118%;opacity:.85;pointer-events:none}
html body .pl-hero::after{content:"";position:absolute;z-index:-1;right:-8%;top:-30%;width:min(60%,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f5bfda66,transparent 68%);pointer-events:none}
html body .pl-eyebrow{display:block;font:700 .72rem/1.2 var(--sans,'Manrope',system-ui,sans-serif);letter-spacing:.24em;text-transform:uppercase;color:#965b82;margin:0 0 12px}
html body .pl-h1{font:600 clamp(2.7rem,7.4vw,4.9rem)/1.02 var(--pl-serif);letter-spacing:-.012em;color:var(--pl-ink);margin:0 0 14px;text-wrap:balance}
html body .pl-h1 em,html body .pl-h2 em{font-style:italic;font-weight:500;background:linear-gradient(100deg,#946421,#d9a94f 38%,#f2d78e 54%,#b0802f 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.04em}
html body .pl-lead{font-size:clamp(1rem,2.4vw,1.14rem);line-height:1.65;color:var(--pl-muted);max-width:56ch;margin:0 0 22px}
html body .pl-h2{font:600 clamp(1.9rem,4.6vw,2.9rem)/1.08 var(--pl-serif);color:var(--pl-ink);margin:0 0 10px;text-wrap:balance}
html body .pl-sec{padding:clamp(40px,6.5vw,78px) 0;position:relative;background:var(--pl-pearl)}
html body .pl-sec--rose{background:linear-gradient(180deg,#fff7fa,#fbeaf1 55%,#fff8f2)}
html body .pl-sec .pl-lead{margin-bottom:26px}
html body .pl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
html body .pl-note{font-size:.86rem;line-height:1.55;color:#7b6b7e;margin:14px 0 0}
html body .pl-divider{display:block;width:min(260px,70%);height:14px;margin:0 0 18px;background:url('../promo-deco/line.svg') left center/contain no-repeat}

/* bottoni madreperla e oro */
html body .pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;font:700 .96rem/1 var(--sans,'Manrope',system-ui,sans-serif);text-decoration:none;cursor:pointer;border:1px solid #cda66d;color:#51344e;background:radial-gradient(ellipse at 43% 3%,#fff,transparent 55%),linear-gradient(125deg,#fff8fa,#f6cfdf 36%,#e4d1ed 70%,#fbe5ef);box-shadow:inset 0 2px 3px #fff,inset 0 -2px 6px #bd8faa44,0 3px 0 #b28b6866,0 12px 26px #a66a9336;transition:transform .2s ease,filter .2s ease;text-shadow:0 1px 0 #fff}
html body .pl-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
html body .pl-btn:focus-visible{outline:3px solid #cda66d;outline-offset:3px}
html body .pl-btn--gold{border-color:#b98a3c;color:#3a2408;background:radial-gradient(ellipse at 45% 0,#fff6d4,transparent 60%),linear-gradient(180deg,#f6dd96,#d7a24d 58%,#c18b3a);box-shadow:inset 0 2px 3px #fff9,inset 0 -3px 6px #8a5b1855,0 3px 0 #8f6522aa,0 14px 28px #9c6a2438}
html body .pl-btn[disabled]{opacity:.6;cursor:progress}
html body .pl-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* schede */
html body .pl-card{background:linear-gradient(150deg,#fff,#fff7fb 70%,#fbf1f6);border:1px solid var(--pl-line);border-radius:24px;padding:clamp(18px,3.2vw,30px);box-shadow:inset 0 1px 0 #fff,0 14px 38px #93557726;min-width:0}
html body .pl-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}

/* ───────── Buono regalo: la card ───────── */
html body .gift-grid{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:980px){html body .gift-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}html body .gift-left{position:sticky;top:112px}}
html body .gc-wrap{container-type:inline-size;perspective:1200px;touch-action:pan-y;max-width:640px;margin-inline:auto}
html body .gc{position:relative;aspect-ratio:3/2;border-radius:4.6cqw;overflow:hidden;isolation:isolate;border:.7cqw solid transparent;font-family:var(--pl-serif);color:var(--pl-ink);
  background:radial-gradient(ellipse at 18% 12%,#fffffff2,transparent 58%) padding-box,linear-gradient(135deg,#fffdfa 0%,#fcebf2 38%,#efe3f5 68%,#fff7ea 100%) padding-box,linear-gradient(135deg,#f3dc9b,#c18b3a 30%,#f8e6ae 55%,#b57f2f 80%,#efd48c) border-box;
  box-shadow:0 3.2cqw 7cqw #6e46285c,0 .8cqw 1.8cqw #6e46282e,inset 0 0 0 .1cqw #fff;
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .28s ease,box-shadow .28s ease;will-change:transform}
html body .gc::before{content:"";position:absolute;inset:1.1cqw;border:1px solid #c9a15e8c;border-radius:3.4cqw;pointer-events:none;z-index:3}
html body .gc-flora{position:absolute;left:-4cqw;bottom:-7cqw;width:42cqw;aspect-ratio:1;background:url('../decor/mc-floral-1050.svg') no-repeat center/contain;opacity:.4;pointer-events:none;z-index:0}
html body .gc-sheen{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--mx,28%) var(--my,18%),#ffffffb3,transparent 36%),linear-gradient(115deg,transparent 34%,#ffeab34d 48%,transparent 62%);background-size:100% 100%,260% 100%;background-position:0 0,-130% 0;opacity:.62;animation:gcShine 7.5s ease-in-out infinite}
@keyframes gcShine{0%,18%{background-position:0 0,-130% 0}60%,100%{background-position:0 0,130% 0}}
html body .gc-rib{position:absolute;z-index:1;top:-1px;bottom:-1px;right:6.5cqw;width:12cqw;background:linear-gradient(90deg,#a8772f 0%,#efd28f 18%,#fff3cb 32%,#e2b964 50%,#b98536 74%,#f0d08a 90%,#a37226 100%);box-shadow:.3cqw 0 1.4cqw #5a371c47;transition:transform .9s cubic-bezier(.5,.05,.2,1),opacity .7s ease}
html body .gc-rib::before,html body .gc-rib::after{content:"";position:absolute;top:0;bottom:0;width:0;border-left:2px dashed #fff6d6b3}
html body .gc-rib::before{left:1.3cqw}html body .gc-rib::after{right:1.3cqw}
html body .gc-bow{position:absolute;z-index:2;right:3cqw;top:6.6cqw;width:19cqw;aspect-ratio:160/124;background:url('../decor/mc-bow-1050.svg') no-repeat center/contain;filter:drop-shadow(0 .6cqw .8cqw #5a371c59);transition:transform .9s cubic-bezier(.5,.05,.2,1),opacity .6s ease}
html body .gc-seal{position:absolute;z-index:2;right:6.5cqw;top:45.5cqw;width:12cqw;aspect-ratio:1;background:url('../decor/mc-seal-1050.svg') no-repeat center/contain;filter:drop-shadow(0 .5cqw .7cqw #5a371c59);transition:transform .9s cubic-bezier(.5,.05,.2,1),opacity .6s ease}
html body .gc-body{position:absolute;z-index:2;inset:0 21cqw 0 0;padding:0 0 0 5.8cqw}
html body .gc-top{position:absolute;left:5.8cqw;top:5.1cqw}
html body .gc-top small{display:block;font:600 1.75cqw/1 var(--pl-serif);letter-spacing:.26em;color:#8a6430;text-transform:uppercase}
html body .gc-top b{display:block;font:600 5.6cqw/1.02 var(--pl-serif);color:var(--pl-ink);margin:1.5cqw 0 .8cqw}
html body .gc-top span{display:block;font:600 1.6cqw/1 var(--pl-serif);letter-spacing:.26em;color:#8a6430}
html body .gc-main{position:absolute;left:5.8cqw;top:20.4cqw;right:21cqw}
html body .gc-occ{display:block;font:italic 500 2.9cqw/1 var(--pl-serif);color:#a06c1f;margin:0 0 .6cqw}
html body .gc-amt{display:block;font:600 12.5cqw/1.02 var(--pl-serif);margin:0;background:linear-gradient(180deg,#e2b45a,#a8772f 52%,#d9a94f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;letter-spacing:-.01em}
html body .gc-amt.is-tx{font-size:5.4cqw;line-height:1.07;max-width:74cqw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.4cqw}
html body .gc-to{display:block;font:italic 500 4.1cqw/1.1 var(--pl-serif);color:var(--pl-ink);margin:1.2cqw 0 0}
html body .gc-msg{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:italic 500 3.1cqw/1.22 var(--pl-serif);color:#5e4963;margin:1cqw 0 0;max-width:72cqw;min-height:1.25em}
html body .gc-from{display:block;font:500 2.4cqw/1.1 var(--pl-serif);color:#76597a;margin:.8cqw 0 0}
html body .gc-foot{position:absolute;left:5.8cqw;bottom:4.1cqw;font:600 1.75cqw/1.5 var(--pl-serif);letter-spacing:.18em;color:#6e5232}
html body .gc-foot span{display:block;font-weight:500;letter-spacing:.14em}
html body .gc.is-open .gc-rib{transform:translateX(38cqw);opacity:0}
html body .gc.is-open .gc-bow,html body .gc.is-open .gc-seal{transform:translate(38cqw,-3cqw) rotate(18deg);opacity:0}
html body .gc-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
html body .gc-hint{font-size:.82rem;color:#7b6b7e;text-align:center;margin:10px 0 0}

/* ───────── Buono regalo: modulo ───────── */
html body .gift-form{display:grid;gap:20px}
html body .gift-form fieldset{border:0;padding:0;margin:0;min-width:0}
html body .gift-form legend,html body .gift-form .gf-label{display:flex;align-items:baseline;gap:10px;padding:0;margin:0 0 10px;font:600 1.38rem/1.1 var(--pl-serif);color:var(--pl-ink)}
html body .gift-form legend i,html body .gf-label i{font:600 1.1rem/1 var(--pl-serif);font-style:normal;color:#fff;background:linear-gradient(145deg,#d7a24d,#b98a3c);width:1.7rem;height:1.7rem;border-radius:50%;display:inline-grid;place-items:center;flex:none;box-shadow:0 3px 8px #9c6a2440}
html body .gf-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#f7ecf1;border:1px solid var(--pl-line);border-radius:999px}
html body .gf-seg button{min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--pl-muted);font:700 .94rem/1 var(--sans,'Manrope',system-ui,sans-serif);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
html body .gf-seg button[aria-pressed="true"]{background:linear-gradient(180deg,#fff,#fdeff5);color:var(--pl-ink);box-shadow:0 2px 0 #cda66d88,0 6px 14px #93557726;border:1px solid #cda66d}
html body .gf-chips{display:flex;flex-wrap:wrap;gap:8px}
html body .pl-chip{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #e3d2c2;background:#fff;color:var(--pl-ink);font:600 .92rem/1 var(--sans,'Manrope',system-ui,sans-serif);cursor:pointer;transition:all .2s ease}
html body .pl-chip:hover{border-color:#cda66d;transform:translateY(-1px)}
html body .pl-chip[aria-pressed="true"]{background:linear-gradient(180deg,#f6dd96,#d7a24d);border-color:#b98a3c;color:#3a2408;box-shadow:0 4px 12px #9c6a243b}
html body .pl-chip:focus-visible,html body .gf-seg button:focus-visible{outline:3px solid #cda66d;outline-offset:2px}
html body .gf-field{display:grid;gap:6px;font:600 .88rem/1.2 var(--sans,'Manrope',system-ui,sans-serif);color:var(--pl-ink)}
html body .gf-field input,html body .gf-field textarea,html body .gf-field select{width:100%;box-sizing:border-box;min-height:50px;padding:12px 16px;border:1px solid #e3d2c2;border-radius:16px;background:#fff;color:var(--pl-ink);font:500 1rem/1.4 var(--sans,'Manrope',system-ui,sans-serif);transition:border-color .2s,box-shadow .2s}
html body .gf-field textarea{min-height:96px;resize:vertical}
html body .gf-field input:focus,html body .gf-field textarea:focus,html body .gf-field select:focus{outline:0;border-color:#cda66d;box-shadow:0 0 0 4px #cda66d33}
html body .gf-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
html body .gf-count{font-weight:500;color:#8a7a8d;font-size:.78rem;text-align:right}
html body .gf-check{display:flex;gap:12px;align-items:flex-start;font:500 .96rem/1.45 var(--sans,'Manrope',system-ui,sans-serif);color:var(--pl-ink);cursor:pointer}
html body .gf-check input{width:22px;height:22px;margin:1px 0 0;accent-color:#b98a3c;flex:none}
html body .gf-cta{display:grid;gap:10px;margin-top:4px}
html body .gf-cta .pl-btn{width:100%;min-height:56px;font-size:1.02rem}
html body .gf-small{font-size:.84rem;line-height:1.55;color:#7b6b7e;margin:0}
html body .gf-hide{display:none!important}

/* come funziona e idee regalo */
html body .pl-steps{counter-reset:s;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin:0;padding:0;list-style:none}
html body .pl-steps li{counter-increment:s;position:relative;background:#fff;border:1px solid var(--pl-line);border-radius:22px;padding:24px 20px 20px;box-shadow:0 10px 28px #93557720}
html body .pl-steps li::before{content:counter(s);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;margin-bottom:12px;font:600 1.5rem/1 var(--pl-serif);color:#fff;background:linear-gradient(145deg,#e0b05a,#b98a3c);box-shadow:0 5px 12px #9c6a2440}
html body .pl-steps b{display:block;font:600 1.34rem/1.15 var(--pl-serif);color:var(--pl-ink);margin-bottom:4px}
html body .pl-steps span{font-size:.94rem;line-height:1.55;color:var(--pl-muted)}
html body .gift-ideas{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
html body .gift-idea{background:#fff;border:1px solid var(--pl-line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 32px #93557724;min-width:0}
html body .gift-idea picture,html body .gift-idea img{display:block;width:100%}
html body .gift-idea img{aspect-ratio:4/3;object-fit:cover;object-position:50% 30%}
html body .gift-idea div{padding:18px 18px 20px;display:grid;gap:6px;flex:1;align-content:start}
html body .gift-idea h3{margin:0;font:600 1.45rem/1.1 var(--pl-serif);color:var(--pl-ink)}
html body .gift-idea p{margin:0;font-size:.92rem;line-height:1.5;color:var(--pl-muted)}
html body .gift-idea .pl-btn{margin-top:8px;min-height:44px;font-size:.9rem;justify-self:start}

/* ───────── Domande frequenti ───────── */
html body .pl-faq{display:grid;gap:12px}
html body .pl-faq details{background:linear-gradient(150deg,#fff,#fff7fb);border:1px solid var(--pl-line);border-radius:20px;overflow:hidden;box-shadow:0 8px 22px #9355771c;transition:box-shadow .25s}
html body .pl-faq details[open]{box-shadow:0 14px 34px #93557730;border-color:#d9b982}
html body .pl-faq summary{cursor:pointer;list-style:none;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;font:600 1.3rem/1.2 var(--pl-serif);color:var(--pl-ink)}
html body .pl-faq summary::-webkit-details-marker{display:none}
html body .pl-faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #cda66d;background:linear-gradient(#b98a3c,#b98a3c) center/12px 1.6px no-repeat,linear-gradient(#b98a3c,#b98a3c) center/1.6px 12px no-repeat,#fffaf0;transition:transform .3s ease}
html body .pl-faq details[open] summary::after{transform:rotate(45deg)}
html body .pl-faq summary:focus-visible{outline:3px solid #cda66d;outline-offset:-3px}
html body .pl-faq .pl-ans{padding:0 20px 20px;font-size:1rem;line-height:1.7;color:var(--pl-muted);white-space:pre-line}
html body .pl-faq .pl-ans a{color:#8a4f78;text-decoration:underline;text-underline-offset:3px;word-break:break-word}

/* ───────── Tessera fedeltà ───────── */
html body .ts-find{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
html body .ts-find .gf-field{flex:1 1 220px}
html body .ts-card{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:clamp(22px,4vw,36px);border:.5rem solid transparent;background:linear-gradient(150deg,#fffdfa,#fcebf2 45%,#efe3f5) padding-box,linear-gradient(135deg,#f3dc9b,#c18b3a 30%,#f8e6ae 55%,#b57f2f 80%,#efd48c) border-box;box-shadow:0 22px 50px #6e462845;max-width:620px;margin-inline:auto}
html body .ts-card::before{content:"";position:absolute;z-index:-1;left:-40px;bottom:-60px;width:260px;aspect-ratio:1;background:url('../decor/mc-floral-1050.svg') no-repeat center/contain;opacity:.4}
html body .ts-card small{display:block;font:600 .72rem/1 var(--pl-serif);letter-spacing:.3em;color:#9a7440;text-transform:uppercase}
html body .ts-card h2{font:600 clamp(2rem,6vw,2.8rem)/1.05 var(--pl-serif);margin:8px 0 4px;color:var(--pl-ink)}
html body .ts-card p{margin:0;color:var(--pl-muted);line-height:1.55}
html body .ts-stamps{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:12px;margin:22px 0 16px;padding:0;list-style:none}
html body .ts-stamps li{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1.5px dashed #cda66d;background:#fffdf8;position:relative}
html body .ts-stamps li.on{border-style:solid;border-color:#b98a3c;background:radial-gradient(circle at 35% 30%,#fff4d2,#e6bd68 55%,#b58232);box-shadow:0 6px 14px #9c6a2455}
html body .ts-stamps li.on::after{content:"";width:58%;height:58%;background:url('../promo-deco/flower.svg') no-repeat center/contain;filter:saturate(.7) brightness(1.05)}
html body .ts-stamps li.gift{border-color:#ab6699;background:#fff5fa}
html body .ts-stamps li.gift::after{content:"★";color:#ab6699;font-size:1.4rem}
html body .ts-stamps li.gift.on{background:radial-gradient(circle at 35% 30%,#fff4d2,#e6bd68 55%,#b58232)}
html body .ts-stamps li.gift.on::after{content:"★";color:#6f4a14;background:none}
html body .ts-msg{font:italic 500 1.35rem/1.3 var(--pl-serif);color:var(--pl-ink)}
html body .ts-reward{margin-top:14px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--pl-line);font-size:.96rem;line-height:1.5;color:var(--pl-muted)}
html body .ts-reward b{color:var(--pl-ink)}
html body .ts-err{color:#9b3a3a;font-weight:600;margin:10px 0 0}

/* ───────── Porta un'amica ───────── */
html body .inv-card{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:clamp(24px,4.4vw,44px);text-align:center;border:.5rem solid transparent;background:linear-gradient(150deg,#fffdfa,#fcebf2 45%,#efe3f5) padding-box,linear-gradient(135deg,#f3dc9b,#c18b3a 30%,#f8e6ae 55%,#b57f2f 80%,#efd48c) border-box;box-shadow:0 22px 50px #6e462845;max-width:640px;margin-inline:auto}
html body .inv-card::before{content:"";position:absolute;z-index:-1;right:-50px;top:-50px;width:240px;aspect-ratio:1;background:url('../decor/mc-floral-1050.svg') no-repeat center/contain;opacity:.32;transform:scaleX(-1)}
html body .inv-card .gc-bowmini{display:block;width:92px;aspect-ratio:160/124;margin:0 auto 6px;background:url('../decor/mc-bow-1050.svg') no-repeat center/contain;filter:drop-shadow(0 4px 5px #5a371c44)}
html body .inv-card h2{font:600 clamp(2rem,6vw,2.9rem)/1.05 var(--pl-serif);margin:6px 0 10px;color:var(--pl-ink)}
html body .inv-card p{color:var(--pl-muted);line-height:1.6;margin:0 0 6px}
html body .inv-reward{margin:18px auto;max-width:460px;padding:16px 18px;border-radius:18px;background:#fff;border:1px dashed #cda66d;font:500 1.2rem/1.35 var(--pl-serif);color:var(--pl-ink)}
html body .inv-card .pl-actions{justify-content:center;margin-top:16px}

/* ───────── Recensioni in evidenza (home) ───────── */
html body .rv-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 22px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:#cda66d transparent}
html body .rv-card{margin:0;flex:0 0 min(86%,360px);scroll-snap-align:start;background:linear-gradient(150deg,#fff,#fff7fb);border:1px solid var(--pl-line);border-radius:24px;padding:24px 22px;box-shadow:0 12px 30px #93557724;display:flex;flex-direction:column;gap:12px;min-width:0}
html body .rv-stars{color:#c18b3a;letter-spacing:.2em;font-size:1rem}
html body .rv-card blockquote{margin:0;font:italic 500 1.5rem/1.3 var(--pl-serif);color:var(--pl-ink);overflow-wrap:anywhere}
html body .rv-card cite{font:700 .76rem/1.3 var(--sans,'Manrope',system-ui,sans-serif);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:#965b82;margin-top:auto}
html body .rv-more{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}

@media (max-width:560px){
  html body .pl-btn{width:100%}
  html body .gc-tools .pl-btn,html body .gift-idea .pl-btn,html body .pl-actions .pl-btn{width:100%}
  html body .pl-hero::before{opacity:.5}
}
@media (prefers-reduced-motion:reduce){html body .gc,html body .gc-rib,html body .gc-bow,html body .gc-seal{transition:none!important}html body .gc-sheen{animation:none}html body .pl-btn:hover,html body .pl-chip:hover{transform:none}}
@media (forced-colors:active){html body .gc-amt,html body .pl-h1 em,html body .pl-h2 em{-webkit-text-fill-color:currentColor;color:CanvasText}}

html body .pl-btn[hidden],html body .gc-tools [hidden]{display:none}

/* 10.7.1 — logo Mariaclara sul buono */
html body .gc-logo{position:absolute;z-index:2;left:60cqw;top:6.5cqw;width:14cqw;height:auto;aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 .7cqw 1cqw #3c28145c);transition:transform .9s cubic-bezier(.5,.05,.3,1),opacity .6s;pointer-events:none}
html body .gc.is-open .gc-logo{transform:scale(1.08) rotate(8deg)}
/* 10.7.1 — tocchi color petrolio, in tinta con il logo */
html body .gc-top small{color:#14707a}
html body .gc-top b,html body .gc-to{color:#0b4d57}
html body .gc-band{position:absolute;z-index:1;left:0;bottom:0;width:81.5cqw;height:2.6cqw;background:linear-gradient(90deg,#063a43,#14707a 55%,#0b4d57);border-top:.25cqw solid #d9b36a;pointer-events:none}

/* 10.7.1 — Tessera fedeltà premium: vetro satin, timbri con il logo, ultimo timbro oro */
html body .ts-card{max-width:680px;border:1px solid #e7cb92;border-radius:34px;padding:clamp(26px,5vw,46px);background:linear-gradient(155deg,rgba(255,255,255,.86),rgba(255,240,247,.72) 46%,rgba(243,232,250,.72)),radial-gradient(120% 80% at 90% 0,#fff7dd,transparent 60%);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 30px 70px #6e462838,0 2px 0 #fff inset,0 0 0 6px rgba(255,255,255,.35)}
html body .ts-card::after{content:"";position:absolute;inset:10px;border-radius:26px;border:1px solid rgba(201,149,60,.35);pointer-events:none}
html body .ts-card::before{opacity:.5;width:300px}
html body .ts-shine{position:absolute;z-index:-1;inset:-40% -20% auto auto;width:70%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,236,190,.75),transparent 65%);filter:blur(10px)}
html body .ts-card small{font-size:.8rem;letter-spacing:.34em;color:#8f6a30}
html body .ts-card h2{font-size:clamp(2.3rem,7vw,3.4rem);margin:10px 0 6px;letter-spacing:-.01em}
html body .ts-count{display:flex;align-items:baseline;gap:10px;margin-top:6px;color:var(--pl-ink)}
html body .ts-count b{font:600 clamp(2.6rem,8vw,3.8rem)/1 var(--pl-serif);background:linear-gradient(180deg,#e6bd68,#a8742a);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .ts-count span{font:500 1.25rem/1 var(--pl-serif);color:var(--pl-muted)}
html body .ts-bar{height:10px;border-radius:99px;background:rgba(160,120,60,.16);overflow:hidden;margin:14px 0 6px;box-shadow:inset 0 1px 2px rgba(90,60,20,.25)}
html body .ts-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d9b36a,#f7e3a5,#c18b3a);box-shadow:0 0 12px rgba(224,180,90,.8);transition:width 1s cubic-bezier(.2,.8,.2,1)}
html body .ts-grid{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));gap:clamp(8px,2vw,16px);margin:26px 0 18px;padding:0;list-style:none}
html body .ts-st{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1.5px dashed #d4b27a;background:radial-gradient(circle at 35% 30%,#fffdf8,#fbf1f5);box-shadow:inset 0 2px 6px rgba(160,120,60,.14)}
html body .ts-st em{font:italic 600 clamp(1rem,3.4vw,1.5rem)/1 var(--pl-serif);color:#b9975c;font-style:normal;opacity:.85}
html body .ts-st.on{border:0;background:none;box-shadow:none}
html body .ts-st img{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:contain;transform:rotate(var(--r,0deg));filter:drop-shadow(0 6px 8px rgba(70,40,10,.38));animation:tsPop .7s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d,0ms)}
html body .ts-st img.ghost{inset:6%;width:88%;height:88%;filter:grayscale(.5) opacity(.28);animation:none}
html body .ts-st.gift{border-color:#c9953c}
html body .ts-st.gift:not(.on) em{position:relative;color:#a8742a;font-size:1.3rem}
html body .ts-st.gift.on img{filter:drop-shadow(0 0 10px rgba(240,190,80,.85)) drop-shadow(0 6px 8px rgba(70,40,10,.4))}
@keyframes tsPop{0%{opacity:0;transform:scale(.3) rotate(-30deg)}100%{opacity:1;transform:scale(1) rotate(var(--r,0deg))}}
html body .ts-msg{font:italic 600 clamp(1.3rem,3.6vw,1.6rem)/1.3 var(--pl-serif);text-align:center;margin:6px 0}
html body .ts-reward{display:grid;gap:4px;text-align:center;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,247,226,.8));border:1px solid #ecd4a0;box-shadow:0 8px 20px #b9843a1f,0 1px 0 #fff inset}
html body .ts-reward b{font:600 .78rem/1 var(--pl-serif);letter-spacing:.28em;text-transform:uppercase;color:#8f6a30}
html body .ts-reward span{font:600 clamp(1.3rem,3.6vw,1.7rem)/1.25 var(--pl-serif);color:var(--pl-ink)}
html body .ts-prev{display:block;color:var(--pl-muted);font-size:.9rem;letter-spacing:0;text-transform:none}
@media (prefers-reduced-motion:reduce){html body .ts-st img{animation:none}html body .ts-bar i{transition:none}}

/* 10.7.1 — buono: vetro satin, fasce petrolio sfumate (niente righe dure sopra il nastro), testi più grandi */
html body .gc-band{z-index:0;left:0;right:0;width:auto;height:14cqw;border:0;background:linear-gradient(0deg,rgba(11,77,87,.24),rgba(11,77,87,0))}
html body .gc-band::before,html body .gc-band::after{content:"";position:absolute;left:5.8cqw;width:71.2cqw;height:1px;background:linear-gradient(90deg,transparent,rgba(201,149,60,.5) 50%,transparent)}
html body .gc-band::before{bottom:6.9cqw}html body .gc-band::after{bottom:7.5cqw;opacity:.65}
html body .gc-glass{position:absolute;z-index:1;left:3.6cqw;top:3.6cqw;bottom:3cqw;width:74.6cqw;border-radius:3cqw;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.85);box-shadow:0 .6cqw 2.4cqw rgba(110,70,40,.16),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(6px) saturate(1.25);backdrop-filter:blur(6px) saturate(1.25)}
html body .gc-flora2{left:auto;right:auto;left:49cqw;top:-7cqw;bottom:auto;width:26cqw;opacity:.24;transform:rotate(28deg)}
html body .gc-top small{font-size:2.3cqw;letter-spacing:.2em}
html body .gc-top{top:5.4cqw}
html body .gc-top b{font-size:6.6cqw;margin:1.4cqw 0 .9cqw}
html body .gc-top span{font-size:2.05cqw;letter-spacing:.2em;color:#8a6430}
html body .gc-main{top:21.4cqw;right:22cqw}
html body .gc-occ{font-size:3.6cqw;margin:0 0 .4cqw}
html body .gc-amt{font-size:13cqw}
html body .gc-amt.is-tx{font-size:5.9cqw;max-width:70cqw}
html body .gc-to{font-size:5cqw;margin:.8cqw 0 0}
html body .gc-msg{font-size:3.7cqw;line-height:1.12;max-width:70cqw;margin:.8cqw 0 0}
html body .gc-from{font-size:3cqw;margin:.6cqw 0 0}
html body .gc-foot{bottom:4.6cqw;font-size:2.15cqw;line-height:1.4;letter-spacing:.14em;color:#6e5232;white-space:nowrap}
html body .gc-foot span{display:inline;letter-spacing:.1em}
html body .gc-foot span::before{content:"   ·   ";white-space:pre}
html body .gc-body{inset:0 22cqw 0 0}
html body .gc-top,html body .gc-main,html body .gc-foot{z-index:2}
