/* Rodicart · candele scolpite a mano
   Il sito riproduce il mockup (971 px di larghezza): su computer ogni misura è
   «pixel del mockup» × --u, così le proporzioni restano quelle del disegno. */

:root{
  --crema:#fbf0e6;
  --barra:#fdf3e8;
  --carta:#fdf6ef;
  --rosa-fondo:#f8e6dd;
  --rosa:#9b5257;
  --pill:#b46166;
  --pill-scuro:#994d55;
  --inchiostro:#3a1606;
  --marrone:#4d362a;
  --testo:#4d392e;
  --grigio:#85786c;
  --oro:#c5a889;
  --oro-scuro:#a68667;
  --bronzo:#c79a7c;
  --beige:#c2ad9b;
  --serif:'Cormorant Garamond','Times New Roman',serif;
  --sans:'Jost',system-ui,sans-serif;
  --script:'Great Vibes','Pinyon Script','Snell Roundhand',cursive;
  --u:min(calc(100vw / 971),1.7px);
  --bar-h:calc(var(--u) * 75);
  --uh:min(var(--u),calc((100svh - var(--bar-h)) / 660));
  --oro-metallo:linear-gradient(135deg,#a97d45 0%,#e9cf98 22%,#c29a5b 42%,#f7e8c3 56%,#b58a4c 76%,#e3c690 100%);
  --oro-riga:linear-gradient(90deg,#b58a4c,#efd9a6 30%,#c29a5b 55%,#f5e3b8 78%,#b0843f);
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--crema);color:var(--testo);font:500 max(17px,calc(var(--u) * 14))/1.5 var(--serif);-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--inchiostro);letter-spacing:-.005em}
b{font-weight:600;color:var(--inchiostro)}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--pill);outline-offset:3px}
.script{font-family:var(--script);font-weight:400;color:var(--rosa);letter-spacing:0}

/* ── bottoni ── */
.pill{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.7em;border-radius:999px;background:linear-gradient(180deg,#cb7b80 0%,#b46166 46%,#9d4e56 100%);color:#fff;text-decoration:none;border:1px solid #a4575e;text-shadow:0 1px 1px rgba(90,20,30,.25);font:500 max(16px,calc(var(--u) * 15.5))/1 var(--serif);padding:0 1.9em;min-height:max(48px,calc(var(--u) * 42));letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 8px rgba(90,20,30,.18),0 14px 26px -14px rgba(120,50,55,.85);transition:filter .3s,transform .35s var(--ease)}
.pill::after{content:"";position:absolute;z-index:-1;top:-20%;bottom:-20%;left:-45%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg) translateX(0);animation:riflesso 6s ease-in-out infinite;pointer-events:none}
@keyframes riflesso{0%,62%{transform:skewX(-18deg) translateX(0)}100%{transform:skewX(-18deg) translateX(520%)}}
.pill:hover{filter:brightness(1.07) saturate(1.05);transform:translateY(-2px)}
.pill span{transition:transform .35s var(--ease)}
.pill:hover span{transform:translateX(4px)}
.pill--line{background:rgba(255,250,244,.6);color:var(--pill);box-shadow:inset 0 1px 0 #fff,0 6px 16px -12px rgba(120,50,55,.6);border-width:1.5px;text-shadow:none}
.pill--line::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent)}
.pill--line:hover{background:linear-gradient(180deg,#cb7b80,#b46166 46%,#9d4e56);color:#fff}

/* ── decori ritagliati dal mockup ── */
.deco{position:absolute;pointer-events:none;user-select:none;height:auto}
.ondeggia{animation:ondeggia 7s ease-in-out infinite;will-change:transform}
.ondeggia--lento{animation-duration:9s;animation-delay:-3s}
@keyframes ondeggia{0%,100%{rotate:0deg}50%{rotate:1.6deg}}
.deco--alto-sx{top:0;left:0;width:calc(var(--u) * 84);z-index:60;transform-origin:0 0}
.deco--alto-dx{top:0;right:0;width:calc(var(--u) * 75);z-index:60;transform-origin:100% 0}

/* ── barra ── */
.bar-posto{position:relative;z-index:50;height:var(--bar-h)}
.bar{position:relative;height:var(--bar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 calc(var(--u) * 92);background:var(--barra);border-bottom:1px solid rgba(197,168,137,.6)}
.bar__side{display:flex;align-items:center;gap:calc(var(--u) * 28)}
.bar__side--right{justify-content:flex-end;gap:calc(var(--u) * 24)}
.bar__side a:not(.pill){font-size:max(15px,calc(var(--u) * 13.5));color:var(--marrone);text-decoration:none;position:relative}
.bar__side a:not(.pill)::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--pill);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.bar__side a:not(.pill):hover::after{transform:scaleX(1)}
.bar__side .pill{min-height:calc(var(--u) * 37);min-width:calc(var(--u) * 113);padding:0 1.4em;font-size:max(15px,calc(var(--u) * 14.5))}
.bar__logo{align-self:start;margin-top:calc(var(--u) * 3);position:relative;z-index:2}
.bar__logo img{height:calc(var(--u) * 115);width:auto;filter:drop-shadow(0 6px 10px rgba(120,60,50,.12))}
.bar__burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer;justify-self:end;position:relative;z-index:70}
.bar__burger span{display:block;height:1.5px;background:var(--marrone);margin:7px 0;transition:transform .3s var(--ease)}
.bar__burger[aria-expanded="true"] span:first-child{transform:translateY(4.25px) rotate(45deg)}
.bar__burger[aria-expanded="true"] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}

/* barra compatta dopo lo scroll */
.bar.compatta{position:fixed;top:0;left:0;right:0;height:64px;box-shadow:0 10px 30px -22px rgba(90,40,30,.6);animation:scendi .45s var(--ease)}
.bar.compatta .bar__logo{margin-top:5px}
.bar.compatta .bar__logo img{height:54px}
@keyframes scendi{from{transform:translateY(-100%)}to{transform:none}}

.menu{position:fixed;inset:0;z-index:45;background:var(--barra);padding:96px 24px 32px}
.menu nav{display:flex;flex-direction:column;align-items:center;gap:1.1rem}
.menu a:not(.pill){font-size:1.9rem;color:var(--inchiostro);text-decoration:none}
.menu .pill{margin-top:1rem}

/* ── hero ── */
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(560px,calc(100svh - var(--bar-h)),calc(var(--u) * 615));padding:calc(var(--uh) * 34) 0 calc(var(--uh) * 30);background:var(--crema)}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform-origin:62% 50%}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(251,241,231,.86) 0%,rgba(251,241,231,.66) 34%,rgba(251,241,231,.25) 46%,rgba(251,241,231,0) 56%)}
.hero__testo{position:relative;z-index:3;margin-left:calc(var(--u) * 113);width:calc(var(--u) * 340)}
.hero__occhiello{font:600 max(11px,calc(var(--uh) * 9.4))/1.55 var(--serif);letter-spacing:.3em;text-transform:uppercase;color:#6e6055;margin-bottom:calc(var(--uh) * 12)}
.hero__titolo{font:500 calc(var(--uh) * 76)/.86 var(--serif);color:var(--inchiostro);letter-spacing:-.015em}
.hero__titolo .script{display:inline-block;font-size:calc(var(--uh) * 118);line-height:.8;margin:calc(var(--uh) * -4) 0 0 calc(var(--uh) * -22);padding-right:.04em;background:linear-gradient(100deg,#8e4750 0%,#b8646c 40%,#d98f93 52%,#9b5257 64%,#8a434c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fregio{display:flex;align-items:center;gap:calc(var(--u) * 8);width:calc(var(--u) * 185);margin:calc(var(--uh) * 16) 0 calc(var(--uh) * 14) calc(var(--u) * 52)}
.fregio span{flex:1;height:1px;background:var(--oro-riga);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.fregio img{width:calc(var(--u) * 37);height:auto}
.fregio i{font-style:normal;color:var(--pill);font-size:calc(var(--u) * 13);line-height:1}
.hero__lead{font:500 max(18px,calc(var(--uh) * 16.5))/1.42 var(--serif);color:#3a2419;margin-left:calc(var(--u) * 10);max-width:calc(var(--u) * 290)}
.pill--hero{margin:calc(var(--uh) * 20) 0 0 calc(var(--u) * 10);min-height:max(50px,calc(var(--uh) * 44));min-width:calc(var(--u) * 219);font-size:max(16px,calc(var(--u) * 16))}

.motto{position:absolute;z-index:2;text-align:center;font:600 max(9px,calc(var(--u) * 6.8))/1.6 var(--serif);letter-spacing:.24em;text-transform:uppercase;color:#b29a86}
.motto--alto{left:calc(var(--u) * 12);width:calc(var(--u) * 66);top:calc(var(--uh) * 73);white-space:nowrap}
.motto--basso{left:calc(var(--u) * 12);width:calc(var(--u) * 82);bottom:calc(var(--uh) * 40);white-space:nowrap}
.cuore{display:block;color:var(--bronzo);font-size:1.7em;line-height:1.3;letter-spacing:0;margin-top:.25em}
.corsivo-dx{position:absolute;z-index:2;right:calc(var(--u) * 12);top:calc(var(--u) * 30);width:calc(var(--u) * 104);text-align:center;font:400 calc(var(--u) * 15.5)/1.12 var(--script);color:#a4826b;text-shadow:0 0 10px rgba(255,248,240,.95),0 0 3px rgba(255,248,240,.9)}
.corsivo-dx .cuore{font-family:var(--serif);font-size:calc(var(--u) * 11)}
.deco--rosa-hero{left:0;bottom:0;width:calc(var(--u) * 76);z-index:1;transform-origin:0 50%}

.petali{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.petali i{position:absolute;top:-6%;width:13px;height:17px;border-radius:80% 0 80% 0;background:linear-gradient(135deg,#f9d3dd,#e8a1b2);opacity:0;will-change:transform,opacity;animation:cade 17s linear infinite}
.petali i:nth-child(1){left:48%;animation-delay:-2s}
.petali i:nth-child(2){left:63%;animation-delay:-9s;animation-duration:20s}
.petali i:nth-child(3){left:78%;animation-delay:-5s;animation-duration:15s}
.petali i:nth-child(4){left:90%;animation-delay:-13s;animation-duration:19s}
.petali i:nth-child(5){left:56%;animation-delay:-16s;animation-duration:22s}
@keyframes cade{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}8%{opacity:.8}50%{transform:translate3d(36px,55vh,0) rotate(160deg)}88%{opacity:.6}100%{transform:translate3d(-18px,112vh,0) rotate(320deg);opacity:0}}

/* ── divisore dorato con la rosellina ── */
.divisore{position:relative;z-index:4;height:6px;background:var(--oro-riga) 0 0/100% 1px no-repeat,linear-gradient(#ead9c4,#ead9c4) 0 3px/100% 1px no-repeat}
.divisore img{position:absolute;left:50%;top:1px;width:calc(var(--u) * 68);transform:translate(-50%,-28.6%)}
.divisore--dentro{position:absolute;top:0;left:0;right:0}

/* ── testate delle sezioni ── */
.testata{text-align:center}
.testata h2{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 22);font:500 max(30px,calc(var(--u) * 36))/1.1 var(--serif)}
.testata__linea{flex:0 0 calc(var(--u) * 100);height:1.5px;background:linear-gradient(90deg,transparent,#c29a5b 40%,#f3dfae 75%,#b58a4c);position:relative;transform-origin:100% 50%}
.testata__linea::after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;transform:rotate(45deg);background:var(--oro-metallo);box-shadow:0 0 6px rgba(233,200,140,.8)}
.testata__linea:last-child{background:linear-gradient(270deg,transparent,#c29a5b 40%,#f3dfae 75%,#b58a4c);transform-origin:0 50%}
.testata__linea:last-child::after{right:auto;left:-3px}
.occhiello{font:600 max(11px,calc(var(--u) * 7.8))/1.5 var(--serif);letter-spacing:.32em;text-transform:uppercase;color:var(--grigio);margin-top:calc(var(--u) * 10)}
.testata--piccola h2{font-size:max(26px,calc(var(--u) * 28))}

/* ── occasioni ── */
.occasioni{position:relative;background:var(--crema);padding:calc(var(--u) * 34) 0 calc(var(--u) * 36)}
.vetrina{position:relative;width:calc(var(--u) * 874);margin:calc(var(--u) * 22) auto 0}
.carte{display:flex;gap:calc(var(--u) * 15);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.carte::-webkit-scrollbar{display:none}
.carta{flex:0 0 calc((100% - var(--u) * 30) / 3);scroll-snap-align:start;text-decoration:none;color:var(--marrone);display:block;padding:8px 6px 4px;transition:transform .6s var(--ease)}
.carta:hover{transform:translateY(-6px)}
.carta__img{position:relative;display:block;overflow:hidden;aspect-ratio:284/267;border:4px solid #fffaf4;box-shadow:0 0 0 1px rgba(197,168,137,.9),0 22px 36px -24px rgba(90,40,30,.6);background:var(--carta);transition:box-shadow .6s var(--ease)}
.carta:hover .carta__img{box-shadow:0 0 0 1px #d7b67f,0 0 22px -4px rgba(233,200,140,.7),0 30px 44px -26px rgba(90,40,30,.7)}
.carta__img::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.35) 48%,rgba(255,255,255,0) 60%);transform:translateX(-130%);transition:transform 1.1s var(--ease);pointer-events:none}
.carta:hover .carta__img::after{transform:translateX(130%)}
.carta__img img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform 1.1s var(--ease)}
.carta:hover .carta__img img{transform:scale(1.06)}
.carta__nome{display:flex;justify-content:center;align-items:baseline;gap:calc(var(--u) * 44);margin-top:calc(var(--u) * 11);font:500 max(19px,calc(var(--u) * 17.5))/1.2 var(--serif);color:var(--marrone)}
.freccia{color:#906f60;transition:transform .35s var(--ease)}
.carta:hover .freccia{transform:translateX(5px)}
.carta__nota{display:block;text-align:center;font:italic 500 max(15px,calc(var(--u) * 12))/1.35 var(--serif);color:var(--testo);margin-top:calc(var(--u) * 4);padding:0 calc(var(--u) * 18)}
.vetrina__freccia{position:absolute;z-index:3;top:calc(var(--u) * 133.5 - 22px);width:44px;height:44px;border-radius:50%;border:1px solid var(--oro);background:rgba(253,243,232,.94);color:var(--rosa);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:opacity .3s,background-color .3s;box-shadow:0 8px 20px -14px rgba(90,40,30,.6)}
.vetrina__freccia:hover{background:#fff}
.vetrina__freccia[disabled]{opacity:0;pointer-events:none}
.vetrina__freccia--prima{left:-22px}
.vetrina__freccia--dopo{right:-22px}

.filigrana{position:absolute;z-index:2;width:calc(var(--u) * 60);height:auto;pointer-events:none}
.filigrana--as{left:calc(var(--u) * -30);top:calc(var(--u) * -29)}
.filigrana--ad{right:calc(var(--u) * -30);top:calc(var(--u) * -29);scale:-1 1}
.filigrana--bs{left:calc(var(--u) * -30);bottom:calc(var(--u) * -12);scale:1 -1}
.filigrana--bd{right:calc(var(--u) * -30);bottom:calc(var(--u) * -12);scale:-1 -1}

/* ── fasce rosa (storia, su misura, mercatini) ── */
.fascia-rosa{position:relative;background:linear-gradient(180deg,#f9e8e0,#f6e2d8)}
.fascia-rosa::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(var(--oro-scuro),var(--oro-scuro)) 0 0/100% 1px no-repeat,linear-gradient(#e6d6c5,#e6d6c5) 0 3px/100% 1px no-repeat}

.cornice{margin:0;padding:calc(var(--u) * 6);background:#fbf3ea;border:1px solid var(--oro-scuro);box-shadow:0 18px 40px -28px rgba(90,40,30,.5)}
/* cornice ad arco, oro lucido: come una finestra di chiesa */
.arco{margin:0;position:relative;padding:3px;border-radius:50% 50% 18px 18px / 24% 24% 18px 18px;background:var(--oro-metallo);box-shadow:0 30px 60px -34px rgba(90,40,30,.65),0 0 0 1px rgba(166,134,103,.35)}
.arco__dentro{padding:calc(var(--u) * 7);border-radius:inherit;background:linear-gradient(180deg,#fffaf3,#f7ece0)}
.arco__foto{position:relative;overflow:hidden;border-radius:50% 50% 12px 12px / 23% 23% 12px 12px;box-shadow:0 0 0 1px #d9bd8c,inset 0 0 0 1px rgba(255,255,255,.5)}
.arco__foto img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.arco__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.22) 48%,rgba(255,255,255,0) 60%);transform:translateX(-120%);transition:transform 1.4s var(--ease);pointer-events:none}
.arco:hover .arco__foto::after{transform:translateX(120%)}
.cornice img{width:100%;border:1px solid var(--oro)}

/* ── la nostra storia ── */
.storia{display:grid;grid-template-columns:calc(var(--u) * 320) calc(var(--u) * 320);column-gap:calc(var(--u) * 100);align-items:center;padding:calc(var(--u) * 40) calc(var(--u) * 62) calc(var(--u) * 44)}
.storia__foto{width:100%}
.storia__testo{position:relative;z-index:2;padding-top:calc(var(--u) * 24)}
.storia .occhiello,.misura .occhiello{margin-top:0}
.storia h2,.misura h2{font:500 max(34px,calc(var(--u) * 40))/1.06 var(--serif);margin-top:calc(var(--u) * 10)}
.storia h2 .script,.misura h2 .script{font-size:1.3em;line-height:.8}
.fregio--cuore{margin:calc(var(--u) * 14) 0;width:calc(var(--u) * 290)}
.fregio--cuore span:first-child{background:linear-gradient(90deg,var(--oro),var(--oro))}
.fregio--cuore span:last-child{background:linear-gradient(90deg,var(--oro),transparent)}
.storia__testo p:not(.occhiello),.misura__testo>p:not(.occhiello){font-size:max(17px,calc(var(--u) * 14));line-height:1.45;color:var(--testo);margin-top:calc(var(--u) * 9)}
.link{color:#a16a6c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.link span{display:inline-block;transition:transform .35s var(--ease)}
.link:hover span{transform:translateX(4px)}
.deco--storia-dx{right:0;top:calc(var(--u) * 12);width:calc(var(--u) * 166);z-index:1;transform-origin:100% 0}
.corsivo-storia{position:absolute;z-index:1;right:calc(var(--u) * 36);top:calc(var(--u) * 225);width:calc(var(--u) * 150);text-align:center;font:400 calc(var(--u) * 16)/1.15 var(--script);color:#c4a58c}
.corsivo-storia .cuore{font-family:var(--serif);font-size:calc(var(--u) * 12)}

/* ── sezioni aggiunte, stesso stile ── */
.sezione{position:relative;background:var(--crema);padding:calc(var(--u) * 50) calc(var(--u) * 48) calc(var(--u) * 50)}

.passi{list-style:none;margin:calc(var(--u) * 26) auto 0;padding:0;width:calc(var(--u) * 874);display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 15)}
.passo{position:relative;text-align:center;background:var(--carta);border:1px solid rgba(197,168,137,.7);padding:calc(var(--u) * 22) calc(var(--u) * 16) calc(var(--u) * 20);box-shadow:inset 0 0 0 calc(var(--u) * 4) var(--carta),inset 0 0 0 calc(var(--u) * 4 + 1px) rgba(197,168,137,.4)}
.passo__n{display:block;font:400 calc(var(--u) * 50)/1 var(--script);color:var(--rosa);margin-bottom:calc(var(--u) * 6)}
.passo p{font-size:max(16px,calc(var(--u) * 13.5));line-height:1.45;color:var(--testo)}

.misura{display:grid;grid-template-columns:calc(var(--u) * 420) calc(var(--u) * 280);justify-content:center;column-gap:calc(var(--u) * 70);row-gap:calc(var(--u) * 34);align-items:center;padding:calc(var(--u) * 50) calc(var(--u) * 60)}
.misura__foto{justify-self:end;width:100%}
.misura__foto .arco__foto img{aspect-ratio:4/5;object-position:50% 45%}
.elenco{list-style:none;padding:0;margin:calc(var(--u) * 16) 0 0;display:grid;gap:calc(var(--u) * 10)}
.elenco li{display:grid;grid-template-columns:calc(var(--u) * 30) 1fr;gap:calc(var(--u) * 12);align-items:center;font-size:max(16px,calc(var(--u) * 13.5));line-height:1.4;color:var(--marrone)}
.elenco__ico{width:calc(var(--u) * 30);height:calc(var(--u) * 30);min-width:30px;min-height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--oro);background:var(--carta);color:var(--pill);font-size:max(13px,calc(var(--u) * 12))}

.componi{grid-column:1/-1;justify-self:center;width:calc(var(--u) * 770);position:relative;background:var(--carta);border:1px solid rgba(197,168,137,.8);box-shadow:inset 0 0 0 calc(var(--u) * 5) var(--carta),inset 0 0 0 calc(var(--u) * 5 + 1px) rgba(197,168,137,.45),0 20px 40px -32px rgba(90,40,30,.5);padding:calc(var(--u) * 26) calc(var(--u) * 30);font-family:var(--sans)}
.componi__titolo{text-align:center;font:400 max(30px,calc(var(--u) * 30))/1 var(--script);color:var(--rosa);margin-bottom:calc(var(--u) * 16)}
.componi__griglia{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 16) calc(var(--u) * 30)}
.componi fieldset{border:0;margin:0;padding:0}
.componi legend{font:500 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--marrone);margin-bottom:8px;padding:0}
.componi legend small{text-transform:none;letter-spacing:0;color:var(--testo);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid rgba(180,97,102,.35);background:#fffaf5;font:400 14px/1 var(--sans);color:var(--marrone);cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.chip:hover{border-color:var(--pill)}
.chip[aria-pressed="true"]{background:var(--pill);border-color:var(--pill);color:#fff}
.chip i{width:13px;height:13px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.campi{display:grid;gap:12px}
.campi label{display:grid;gap:6px;font:500 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--marrone)}
.campi input{font:400 16px/1.3 var(--sans);letter-spacing:0;text-transform:none;padding:11px 13px;border:1px solid rgba(180,97,102,.35);border-radius:10px;background:#fffaf5;color:var(--inchiostro);width:100%}
.campi input:focus{outline:2px solid #efcfd2;border-color:var(--pill)}
.componi__invio{display:grid;gap:12px;align-content:end}
.componi__anteprima{font:italic 500 18px/1.45 var(--serif);color:var(--marrone);background:#f8e8e3;border-left:3px solid var(--pill);padding:12px 16px;border-radius:0 10px 10px 0}
.componi__invio .pill{justify-self:start}

.duo__griglia{width:calc(var(--u) * 874);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 30)}
.riquadro{position:relative;background:var(--carta);border:1px solid rgba(197,168,137,.8);box-shadow:inset 0 0 0 calc(var(--u) * 5) var(--carta),inset 0 0 0 calc(var(--u) * 5 + 1px) rgba(197,168,137,.45);padding:calc(var(--u) * 30) calc(var(--u) * 34)}
.riquadro .filigrana{width:calc(var(--u) * 46)}
.riquadro .filigrana--as{left:calc(var(--u) * -12);top:calc(var(--u) * -12)}
.riquadro .filigrana--ad{right:calc(var(--u) * -12);top:calc(var(--u) * -12)}
.riquadro .filigrana--bs{left:calc(var(--u) * -12);bottom:calc(var(--u) * -12)}
.riquadro .filigrana--bd{right:calc(var(--u) * -12);bottom:calc(var(--u) * -12)}
.listino{margin-top:calc(var(--u) * 20);display:grid;gap:calc(var(--u) * 12)}
.voce{display:flex;align-items:baseline;gap:10px;font-size:max(17px,calc(var(--u) * 15));color:var(--marrone)}
.voce i{flex:1;border-bottom:1.5px dotted var(--oro);transform:translateY(-5px)}
.voce b{font:600 max(19px,calc(var(--u) * 17))/1 var(--serif);color:var(--rosa);white-space:nowrap}
.tappe{list-style:none;margin:calc(var(--u) * 20) 0 0;padding:0;display:grid;gap:calc(var(--u) * 11)}
.tappe li{display:grid;grid-template-columns:calc(var(--u) * 32) 1fr;gap:calc(var(--u) * 12);align-items:start}
.tappa__n{width:calc(var(--u) * 32);height:calc(var(--u) * 32);min-width:32px;min-height:32px;border-radius:50%;display:grid;place-items:center;background:var(--pill);color:#fff;font:500 max(16px,calc(var(--u) * 14))/1 var(--serif)}
.tappe p{font-size:max(16px,calc(var(--u) * 14));line-height:1.4;color:var(--marrone);padding-top:3px}
.nota{text-align:center;font-size:max(16px,calc(var(--u) * 13));margin-top:calc(var(--u) * 16);padding-top:calc(var(--u) * 12);border-top:1px solid rgba(197,168,137,.5)}

.mercatini{padding:calc(var(--u) * 50) 0 calc(var(--u) * 52)}
.sottotitolo{text-align:center;font:italic 500 max(17px,calc(var(--u) * 15))/1.4 var(--serif);color:var(--testo);margin:calc(var(--u) * 8) 0 calc(var(--u) * 24)}
.riga{display:flex;gap:calc(var(--u) * 14);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px calc(var(--u) * 62) 6px;scroll-padding-inline:calc(var(--u) * 62)}
.riga::-webkit-scrollbar{display:none}
.riga img{flex:0 0 auto;width:calc(var(--u) * 196);min-width:200px;aspect-ratio:3/4;object-fit:cover;scroll-snap-align:start;border:calc(var(--u) * 5) solid var(--carta);outline:1px solid rgba(197,168,137,.65)}

.faq{width:calc(var(--u) * 640);margin:calc(var(--u) * 24) auto 0;display:grid;gap:calc(var(--u) * 9)}
.faq details{background:var(--carta);border:1px solid rgba(197,168,137,.6)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(var(--u) * 13) calc(var(--u) * 18);font:500 max(18px,calc(var(--u) * 16))/1.25 var(--serif);color:var(--marrone)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 13px;height:13px;background:linear-gradient(var(--pill),var(--pill)) center/100% 1.5px no-repeat,linear-gradient(var(--pill),var(--pill)) center/1.5px 100% no-repeat;transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 calc(var(--u) * 18) calc(var(--u) * 14);font-size:max(17px,calc(var(--u) * 14))}

/* ── fascia finale · come il modello ── */
.finale{position:relative;z-index:2;background:var(--crema);padding:calc(var(--u) * 38) 0 0}
.finale::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(var(--oro-scuro),var(--oro-scuro)) 0 0/100% 1px no-repeat,linear-gradient(#e6d6c5,#e6d6c5) 0 3px/100% 1px no-repeat}
.finale__dentro{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 40);padding-left:calc(var(--u) * 50)}
.finale__testo{text-align:center}
.finale__script{font:400 calc(var(--u) * 52)/1 var(--script);color:var(--rosa)}
.finale h2{font:500 max(28px,calc(var(--u) * 29))/1.1 var(--serif);margin-top:calc(var(--u) * -2)}
.pill--wa{min-height:calc(var(--u) * 45);padding:0 calc(var(--u) * 28);font-size:max(17px,calc(var(--u) * 15.5));gap:calc(var(--u) * 12)}
.finale__cuore{display:block;position:relative;z-index:3;text-align:center;color:var(--bronzo);font-size:max(14px,calc(var(--u) * 12));margin-top:calc(var(--u) * 12)}
.deco--rose-cta{left:0;bottom:0;width:calc(var(--u) * 230);z-index:2;transform-origin:0 100%}
.deco--angelo{right:0;bottom:0;width:calc(var(--u) * 243);z-index:2}
.piede{position:relative;z-index:3;text-align:center;padding:calc(var(--u) * 6) calc(var(--u) * 240) calc(var(--u) * 14)}
.piede__riga{font:600 max(9.5px,calc(var(--u) * 6.8))/1.6 var(--serif);letter-spacing:.32em;text-transform:uppercase;color:#b3a092}
.piede__riga span{color:var(--bronzo);margin:0 .9em}
.piede__info{margin-top:calc(var(--u) * 7);font-size:max(13px,calc(var(--u) * 9.5));color:var(--testo)}
.piede__info a{color:#a16a6c;text-decoration:none}
.piede__firma{margin-top:2px;font-size:max(12px,calc(var(--u) * 8.5));color:#9a8a80}
.piede__firma a{color:inherit}

.wa-fisso{position:fixed;right:18px;bottom:18px;z-index:40;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--pill);color:#fff;box-shadow:0 14px 30px -12px rgba(120,50,55,.9);transition:transform .35s var(--ease),opacity .35s}
.wa-fisso:hover{transform:scale(1.07)}

/* ── comparsa ── */
.js .reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .9s ease,transform .9s var(--ease)}
.js .reveal.visibile{opacity:1;transform:none}
.js .gruppo>*{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s ease,transform .8s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
.js .gruppo.visibile>*{opacity:1;transform:none}
.js [data-hero]{opacity:0;animation:mostra 0s 3s forwards}
.no-gsap [data-hero]{opacity:1}
@keyframes mostra{to{opacity:1}}

/* ── telefono e tablet in verticale ── */
@media (max-width:900px){
  :root{--bar-h:64px}
  body{font-size:17px}
  .deco--alto-sx{width:64px}
  .deco--alto-dx{display:none}
  .bar{grid-template-columns:44px 1fr 44px;padding:0 12px}
  .bar__side{display:none}
  .bar__logo{grid-column:2;justify-self:center;margin-top:4px}
  .bar__logo img{height:78px}
  .bar.compatta .bar__logo img{height:52px}
  .bar__burger{display:block;grid-column:3}

  .hero{flex-direction:column;align-items:stretch;height:auto}
  .hero::before{display:none}
  .hero__media{position:relative;inset:auto;order:2;aspect-ratio:4/5;max-height:74svh;overflow:hidden}
  .hero__media img{object-position:50% 60%}
  .hero__testo{order:1;margin:0;width:auto;padding:44px 22px 30px;text-align:center}
  .hero__occhiello{font-size:11px;margin-bottom:12px}
  .hero__titolo{font-size:clamp(56px,16vw,76px)}
  .hero__titolo .script{font-size:clamp(84px,24vw,112px);margin-left:-14px}
  .fregio{margin:16px auto 14px;width:190px;gap:8px}
  .fregio img{width:34px}
  .hero__lead{margin:0 auto;max-width:30rem;font-size:18px}
  .pill--hero{margin:20px auto 0;min-height:52px;font-size:17px}
  .motto,.corsivo-dx{display:none}
  .deco--rosa-hero{width:52px;top:auto;bottom:-10px;z-index:1}

  .divisore img{width:72px}
  .occasioni{padding:36px 0 34px}
  .testata{padding:0 18px}
  .testata h2{font-size:30px;gap:12px}
  .testata__linea{flex-basis:22px}
  .vetrina{width:auto;margin-top:22px}
  .carte{padding:0 22px 6px;scroll-padding-inline:22px;gap:14px}
  .carta{flex:0 0 72%}
  .carta__nome{gap:22px;margin-top:10px;font-size:20px}
  .carta__nota{font-size:15px}
  .vetrina__freccia{display:none}
  .vetrina .filigrana{display:none}

  .storia{grid-template-columns:1fr;padding:44px 22px 40px;row-gap:26px;justify-items:center}
  .storia__foto{width:min(100%,420px)}
  .storia__testo{text-align:center;padding-top:0;max-width:34rem}
  .storia .fregio--cuore,.misura .fregio--cuore{margin:14px auto;width:220px}
  .storia h2,.misura h2{font-size:36px}
  .deco--storia-dx{width:96px;top:10px;opacity:.9}
  .corsivo-storia{display:none}

  .sezione{padding:48px 18px 44px}
  .passi{width:auto;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
  .passo{padding:18px 12px 16px}
  .passo__n{font-size:44px}
  .passo p{font-size:16px}

  .misura{grid-template-columns:1fr;padding:44px 20px;row-gap:26px;justify-items:center}
  .misura__testo{text-align:center;max-width:34rem}
  .elenco{text-align:left}
  .elenco li{grid-template-columns:32px 1fr;gap:12px}
  .misura__foto{justify-self:center;width:min(78%,320px)}
  .componi{width:100%;padding:22px 16px}
  .componi__griglia{grid-template-columns:1fr;gap:16px}

  .duo__griglia{width:auto;grid-template-columns:1fr;gap:24px}
  .riquadro{padding:26px 20px}
  .riquadro .filigrana{width:36px}

  .mercatini{padding:44px 0 46px}
  .riga{padding:4px 22px 6px;scroll-padding-inline:22px}
  .riga img{width:58vw;min-width:0}

  .faq{width:auto}
  .faq summary{padding:15px 16px;font-size:19px}
  .faq details p{padding:0 16px 14px}

  .finale{display:grid;grid-template-columns:1fr 1fr;padding-top:30px}
  .deco--rose-cta,.deco--angelo{position:relative;grid-row:1;width:100%;max-width:190px;align-self:end}
  .deco--rose-cta{grid-column:1;justify-self:start}
  .deco--angelo{grid-column:2;justify-self:end}
  .finale__dentro,.finale__cuore,.piede{grid-column:1/-1}
  .finale__dentro{flex-direction:column;gap:22px;padding:18px 20px 0}
  .finale__script{font-size:64px}
  .finale h2{font-size:32px}
  .pill--wa{min-height:56px;font-size:17px;padding:0 24px}
  .finale__cuore{margin-top:16px}
  .piede{padding:8px 20px 96px}
  .piede__riga{font-size:10px;letter-spacing:.24em}
}

@media (max-width:420px){
  .testata h2{font-size:27px}
  .testata__linea{display:none}
}

@media (prefers-reduced-motion:reduce){
  .petali{display:none}
  .ondeggia{animation:none}
  .carte{scroll-behavior:auto}
  .js .reveal,.js .gruppo>*{transition:none;opacity:1;transform:none}
}

/* ── dettagli lucidi e movimento ── */
.reveal .testata__linea{transform:scaleX(0);transition:transform 1.3s .25s var(--ease)}
.reveal.visibile .testata__linea,.no-js .testata__linea{transform:scaleX(1)}
.fregio span::before,.divisore::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);animation:scorre-luce 5s ease-in-out infinite;pointer-events:none}
.divisore::after{height:1px;width:14%;left:-14%;animation-duration:7s}
@keyframes scorre-luce{0%,55%{transform:translateX(0)}100%{transform:translateX(480%)}}
.divisore::after{animation-name:scorre-luce-lunga}
@keyframes scorre-luce-lunga{0%,40%{transform:translateX(0)}100%{transform:translateX(820%)}}
body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.occasioni,.sezione{background:radial-gradient(120% 70% at 50% 0%,#fffaf3 0%,rgba(255,250,243,0) 60%),var(--crema)}
.fascia-rosa{background:radial-gradient(90% 80% at 85% 10%,rgba(255,244,238,.9) 0%,rgba(255,244,238,0) 55%),radial-gradient(80% 70% at 10% 100%,rgba(240,208,198,.55) 0%,rgba(240,208,198,0) 60%),linear-gradient(180deg,#f9e8e0,#f5dfd5)}
.brillii{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.brillii i{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fffbe9 0%,#f3d58f 45%,rgba(243,213,143,0) 70%);box-shadow:0 0 8px 2px rgba(255,236,190,.7);opacity:0;animation:brilla 5s ease-in-out infinite}
.brillii i:nth-child(1){left:52%;top:30%;animation-delay:-.5s}
.brillii i:nth-child(2){left:61%;top:14%;animation-delay:-2.1s;animation-duration:6s}
.brillii i:nth-child(3){left:70%;top:46%;animation-delay:-3.4s}
.brillii i:nth-child(4){left:79%;top:22%;animation-delay:-1.2s;animation-duration:7s}
.brillii i:nth-child(5){left:88%;top:38%;animation-delay:-4.2s}
.brillii i:nth-child(6){left:57%;top:62%;animation-delay:-2.8s;animation-duration:6.5s}
.brillii i:nth-child(7){left:74%;top:70%;animation-delay:-.9s}
.brillii i:nth-child(8){left:93%;top:12%;animation-delay:-3.8s;animation-duration:5.5s}
.brillii i:nth-child(9){left:45%;top:48%;animation-delay:-1.7s;animation-duration:6.8s}
@keyframes brilla{0%,100%{opacity:0;transform:translate3d(0,6px,0) scale(.6)}40%{opacity:1;transform:translate3d(0,-4px,0) scale(1)}70%{opacity:.35;transform:translate3d(0,-10px,0) scale(.8)}}
@media (prefers-reduced-motion:reduce){.pill::after,.fregio span::before,.divisore::after,.brillii{display:none}.reveal .testata__linea{transform:none}}

/* ── le altre creazioni: ventaglio + pulsante candela ── */
.creazioni{position:relative;padding:calc(var(--u) * 54) calc(var(--u) * 40) calc(var(--u) * 50);background:radial-gradient(70% 60% at 50% 55%,#fff6ec 0%,rgba(255,246,236,0) 70%),var(--crema)}
.creazioni .sottotitolo{margin-bottom:calc(var(--u) * 10)}
.ventaglio{position:relative;height:calc(var(--u) * 250);max-width:calc(var(--u) * 760);margin:0 auto calc(var(--u) * 24)}
.ventaglio__voce{position:absolute;left:50%;bottom:0;width:calc(var(--u) * 150);aspect-ratio:4/5;margin-left:calc(var(--u) * -75);border:5px solid #fffaf4;box-shadow:0 0 0 1px rgba(197,168,137,.9),0 24px 40px -24px rgba(90,40,30,.65);background:#f3e6d8;overflow:hidden;transform-origin:50% 120%;transition:transform .8s var(--ease),box-shadow .6s}
.ventaglio__voce img,.ventaglio__voce video{width:100%;height:100%;object-fit:cover;display:block}
.ventaglio__voce--centro{width:calc(var(--u) * 178);margin-left:calc(var(--u) * -89);z-index:3;border-radius:50% 50% 6px 6px / 22% 22% 6px 6px;border-color:#fffaf4}
.ventaglio__voce--centro::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #d9bd8c;pointer-events:none}
.ventaglio:hover .ventaglio__voce{box-shadow:0 0 0 1px #d7b67f,0 30px 50px -26px rgba(90,40,30,.7)}
.centro{text-align:center}
.candela-btn{position:relative;display:inline-flex;align-items:center;gap:20px;padding:16px 38px 16px 26px;border-radius:999px;border:1px solid #d9bd8c;background:linear-gradient(180deg,#fffcf7 0%,#f8ebdd 100%);box-shadow:inset 0 1px 0 #fff,0 0 0 5px rgba(255,250,243,.75),0 0 0 6px rgba(197,168,137,.6),0 22px 40px -22px rgba(120,50,55,.6);cursor:pointer;transition:transform .45s var(--ease),box-shadow .45s;font-family:var(--serif);text-align:left}
.candela-btn:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 0 0 5px rgba(255,250,243,.85),0 0 0 6px #d7b67f,0 0 40px -6px rgba(255,205,120,.65),0 28px 46px -24px rgba(120,50,55,.7)}
.candela-btn::before{content:"";position:absolute;left:4px;top:-30px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,130,.55) 0%,rgba(255,214,130,0) 68%);animation:alone 2.6s ease-in-out infinite;pointer-events:none}
.candela-btn__candela{position:relative;flex:0 0 auto;width:24px;height:50px;margin-top:14px;border-radius:7px 7px 5px 5px;background:repeating-linear-gradient(165deg,#fffaf6 0 5px,#f4bfcb 5px 8px,#fffaf6 8px 11px,#c9566e 11px 13px);box-shadow:inset -4px 0 6px rgba(120,40,60,.28),inset 3px 0 3px rgba(255,255,255,.85),0 4px 8px -4px rgba(90,30,40,.5)}
.candela-btn__candela::before{content:"";position:absolute;left:50%;top:-6px;width:2px;height:7px;margin-left:-1px;background:#4a3228;border-radius:1px}
.candela-btn__fiamma{position:absolute;left:50%;bottom:calc(100% + 4px);width:13px;height:22px;margin-left:-6.5px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;background:radial-gradient(ellipse at 50% 78%,#fffbe0 0%,#ffe08a 30%,#ffad4a 58%,rgba(255,130,50,0) 74%);filter:drop-shadow(0 0 6px rgba(255,190,90,.95));transform-origin:50% 100%;animation:tremola 1.7s ease-in-out infinite}
.candela-btn:hover .candela-btn__fiamma{animation-duration:.9s;scale:1.25}
.candela-btn__testi{display:grid;gap:2px}
.candela-btn__testo{font:500 max(20px,calc(var(--u) * 17))/1.1 var(--serif);color:var(--marrone)}
.candela-btn__num{font:italic 500 max(15px,calc(var(--u) * 11.5))/1.2 var(--serif);color:var(--rosa)}
@keyframes tremola{0%,100%{transform:rotate(-2deg) scaleY(1)}25%{transform:rotate(2deg) scaleY(1.08)}50%{transform:rotate(-1deg) scaleY(.94)}75%{transform:rotate(1.5deg) scaleY(1.05)}}
@keyframes alone{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}

/* ── galleria a tutto schermo ── */
.galleria{position:fixed;inset:0;z-index:200;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(90% 60% at 50% 0%,#fffaf3 0%,rgba(255,250,243,0) 60%),#f8ede3;opacity:0;transform:translate3d(0,24px,0);transition:opacity .45s ease,transform .55s var(--ease)}
.galleria.aperta{opacity:1;transform:none}
.galleria__testa{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:18px;padding:12px 22px;background:rgba(253,246,239,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(197,168,137,.65);box-shadow:0 10px 30px -26px rgba(90,40,30,.6)}
.galleria__titolo{font:400 34px/1 var(--script);color:var(--rosa);white-space:nowrap}
.galleria__filtri{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;padding:4px 2px}
.galleria__filtri::-webkit-scrollbar{display:none}
.galleria__filtri button{flex:0 0 auto;padding:9px 16px;border-radius:999px;border:1px solid rgba(180,97,102,.35);background:#fffaf5;font:500 16px/1 var(--serif);color:var(--marrone);cursor:pointer;transition:background-color .25s,color .25s}
.galleria__filtri button[aria-pressed="true"]{background:linear-gradient(180deg,#cb7b80,#b46166 46%,#9d4e56);border-color:#a4575e;color:#fff}
.galleria__chiudi,.visore__chiudi{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid #d7b67f;background:#fffaf4;color:var(--rosa);font:300 30px/1 var(--serif);cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 20px -12px rgba(90,40,30,.6)}
.galleria__griglia{columns:4 250px;column-gap:16px;padding:22px 22px 70px;max-width:1500px;margin:0 auto}
.g-voce{position:relative;display:block;width:100%;break-inside:avoid;margin:0 0 16px;padding:0;border:4px solid #fffaf4;box-shadow:0 0 0 1px rgba(197,168,137,.85),0 16px 30px -22px rgba(90,40,30,.6);background:#efe1d3;cursor:zoom-in;overflow:hidden;opacity:0;transform:translate3d(0,14px,0);transition:opacity .6s ease,transform .6s var(--ease)}
.g-voce.visto{opacity:1;transform:none}
.g-voce img{width:100%;height:auto;display:block;transition:transform .9s var(--ease)}
.g-voce:hover img{transform:scale(1.04)}
.g-voce__play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(255,250,244,.9);box-shadow:0 0 0 1px #d7b67f,0 10px 24px -10px rgba(90,40,30,.7);display:grid;place-items:center;color:var(--rosa);font-size:20px;padding-left:4px}
.g-voce__durata{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:999px;background:rgba(58,22,6,.6);color:#fff;font:500 13px/1.2 var(--sans)}
.g-voce[hidden]{display:none}
.visore{position:fixed;inset:0;z-index:210;display:grid;grid-template-columns:70px 1fr 70px;grid-template-rows:1fr auto;align-items:center;background:rgba(36,18,14,.93);padding:20px 10px 16px}
.visore[hidden]{display:none}
.visore__media{grid-column:2;grid-row:1;margin:0;display:grid;place-items:center;height:100%;min-height:0;position:relative}
.visore__media img,.visore__media video{max-width:100%;max-height:calc(100svh - 110px);object-fit:contain;border:4px solid #fffaf4;box-shadow:0 0 0 1px #d7b67f,0 30px 60px -20px rgba(0,0,0,.6);background:#1e120e}
.visore__chiudi{position:absolute;top:14px;right:14px;z-index:2}
.visore__freccia{width:52px;height:52px;border-radius:50%;border:1px solid #d7b67f;background:rgba(255,250,244,.12);color:#fff;font-size:22px;cursor:pointer;justify-self:center}
.visore__freccia:hover{background:rgba(255,250,244,.25)}
.visore__freccia--prima{grid-column:1;grid-row:1}
.visore__freccia--dopo{grid-column:3;grid-row:1}
.visore__didascalia{grid-column:1/-1;grid-row:2;text-align:center;color:#f6e9da;font:italic 500 18px/1.4 var(--serif);padding-top:10px}
.audio-btn{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 16px;border-radius:999px;border:1px solid #d7b67f;background:rgba(255,250,244,.92);color:var(--marrone);font:500 15px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}

/* ── social ── */
.social{padding:calc(var(--u) * 52) calc(var(--u) * 40) calc(var(--u) * 56)}
.social__carte{display:grid;grid-template-columns:repeat(2,minmax(0,calc(var(--u) * 330)));justify-content:center;gap:calc(var(--u) * 30);margin-top:calc(var(--u) * 28)}
.social__carta{display:grid;justify-items:center;text-align:center;gap:6px;padding:calc(var(--u) * 30) calc(var(--u) * 24) calc(var(--u) * 26);text-decoration:none;color:var(--marrone);background:linear-gradient(180deg,#fffcf8,#fbefe6);border:1px solid rgba(197,168,137,.85);border-radius:50% 50% 16px 16px/90px 90px 16px 16px;box-shadow:inset 0 0 0 6px #fffcf8,inset 0 0 0 7px rgba(197,168,137,.45),0 24px 44px -30px rgba(90,40,30,.65);transition:transform .5s var(--ease),box-shadow .5s}
.social__carta:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 6px #fffcf8,inset 0 0 0 7px #d7b67f,0 0 30px -8px rgba(233,200,140,.6),0 30px 50px -30px rgba(90,40,30,.7)}
.social__icona{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#cb7b80,#b46166 46%,#9d4e56);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 3px #fffaf4,0 0 0 4px #d7b67f,0 12px 22px -10px rgba(120,50,55,.8);margin-bottom:6px}
.social__nome{font:400 max(34px,calc(var(--u) * 30))/1 var(--script);color:var(--rosa)}
.social__handle{font:600 max(11px,calc(var(--u) * 8))/1.5 var(--serif);letter-spacing:.22em;text-transform:uppercase;color:var(--grigio)}
.social__riga{font-size:max(17px,calc(var(--u) * 13.5));line-height:1.4;color:var(--testo);max-width:24ch}
.social__vai{margin-top:8px;font:500 max(17px,calc(var(--u) * 14))/1.2 var(--serif);color:var(--pill);border-bottom:1px solid rgba(180,97,102,.5);padding-bottom:2px}
.social__vai span{display:inline-block;transition:transform .35s var(--ease)}
.social__carta:hover .social__vai span{transform:translateX(4px)}

@media (max-width:900px){
  .storia{grid-template-columns:1fr;padding:44px 22px 40px}
  .storia__foto{width:min(86%,360px)}
  .creazioni{padding:48px 16px 44px}
  .ventaglio{height:230px;max-width:100%}
  .ventaglio__voce{width:118px;margin-left:-59px}
  .ventaglio__voce--centro{width:138px;margin-left:-69px}
  .candela-btn{padding:14px 26px 14px 20px;gap:16px}
  .social{padding:46px 18px 50px}
  .social__carte{grid-template-columns:1fr;gap:20px;max-width:380px;margin-inline:auto}
  .social__carta{padding:28px 20px 24px}
  .galleria__testa{flex-wrap:wrap;gap:10px;padding:10px 14px}
  .galleria__titolo{font-size:28px;flex:1}
  .galleria__filtri{order:3;flex:1 1 100%}
  .galleria__griglia{columns:2 140px;column-gap:10px;padding:14px 12px 60px}
  .g-voce{margin-bottom:10px;border-width:3px}
  .visore{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto;padding:60px 8px 14px}
  .visore__media{grid-column:1/-1}
  .visore__freccia--prima{grid-column:1;grid-row:3}
  .visore__freccia--dopo{grid-column:2;grid-row:3}
  .visore__didascalia{grid-row:2;font-size:16px}
}
@media (prefers-reduced-motion:reduce){.candela-btn__fiamma,.candela-btn::before{animation:none}.g-voce{opacity:1;transform:none}.galleria{transition:none}}
.ventaglio__voce{--passo:calc(var(--u) * 102);transform:translate3d(0,26px,0) rotate(0deg)}
.ventaglio.visibile .ventaglio__voce{transform:translateX(calc(var(--x) * var(--passo))) rotate(calc(var(--r) * 1deg))}
.ventaglio.visibile:hover .ventaglio__voce{transform:translateX(calc(var(--x) * var(--passo) * 1.16)) rotate(calc(var(--r) * 1.25deg)) translateY(-6px)}
.ventaglio{cursor:zoom-in}
@media (max-width:900px){.ventaglio__voce{--passo:58px}}

/* ═══ rifinitura: pesi, misure e colori presi dal mockup ═══ */
/* barra */
.bar__side a:not(.pill){font-size:max(15px,calc(var(--u) * 15.5));font-weight:600;color:#3f2b21}
.bar__side .pill{font-weight:600}
.bar .pill--line{border-color:#b08c8a;color:#8e575b}
.bar__logo img{height:calc(var(--u) * 127)}
/* hero */
.hero::before{background:radial-gradient(ellipse calc(var(--u) * 160) calc(var(--u) * 130) at 94% 12%,rgba(250,238,226,.92) 0%,rgba(250,238,226,.5) 50%,rgba(250,238,226,0) 100%),linear-gradient(90deg,rgba(251,241,231,.88) 0%,rgba(251,241,231,.68) 34%,rgba(251,241,231,.25) 46%,rgba(251,241,231,0) 56%)}
.hero__occhiello{font:600 max(12px,calc(var(--uh) * 12))/1.45 var(--serif);letter-spacing:.2em;color:#53453b;margin-bottom:calc(var(--uh) * 10)}
.hero__titolo{font:600 calc(var(--uh) * 84)/.84 var(--serif);letter-spacing:-.025em}
.hero__titolo .script{font-size:calc(var(--uh) * 124);margin-left:calc(var(--uh) * -18);margin-top:calc(var(--uh) * 2)}
.hero__lead{font:500 max(18px,calc(var(--uh) * 18.5))/1.32 var(--serif);color:#3b2417;font-variant-numeric:lining-nums}
.pill--hero{font-size:max(17px,calc(var(--uh) * 17.5));font-weight:600}
.hero .fregio span{height:1.5px}
.motto--alto{font-size:max(9.5px,calc(var(--uh) * 8.4));line-height:1.35;letter-spacing:.15em;color:#a58f7c}
.motto--basso{font-size:max(10px,calc(var(--uh) * 9.2));line-height:1.4;letter-spacing:.16em;color:#9c8573}
.corsivo-dx{font-size:calc(var(--u) * 19);line-height:1.02;color:#9c7a64}
/* testate */
.testata h2{font-weight:600;letter-spacing:-.02em;color:var(--inchiostro)}
.occasioni .testata h2{font-size:max(30px,calc(var(--u) * 40))}
.occhiello{color:#66564b}
.testata__linea{height:calc(var(--u) * 1.5)}
.divisore{background:linear-gradient(90deg,#9c7650,#d9bd8c 30%,#a3805f 55%,#e6cfa0 78%,#9c7650) 0 0/100% 1.5px no-repeat,linear-gradient(#d6c0a4,#d6c0a4) 0 4px/100% 1px no-repeat;height:7px}
.fascia-rosa::before,.finale::before{background:linear-gradient(90deg,#9c7650,#d9bd8c 30%,#a3805f 55%,#e6cfa0 78%,#9c7650) 0 0/100% 1.5px no-repeat,linear-gradient(#d6c0a4,#d6c0a4) 0 4px/100% 1px no-repeat;height:7px}
/* occasioni */
.carta__nome{font:600 max(19px,calc(var(--u) * 19))/1.2 var(--serif);color:var(--inchiostro)}
.carta__nome .freccia{color:#835f4d}
.carta__nota{color:#5b4639}
/* storia */
.storia{grid-template-columns:calc(var(--u) * 320) calc(var(--u) * 340);column-gap:calc(var(--u) * 92)}
.storia .occhiello{font:600 max(11px,calc(var(--u) * 11))/1.5 var(--serif);letter-spacing:.2em;color:#74604f}
.storia h2{font:600 max(36px,calc(var(--u) * 46))/.95 var(--serif);letter-spacing:-.02em}
.storia h2 .script{color:#94505a}
.storia__testo p:not(.occhiello){font-size:max(17px,calc(var(--u) * 15.5));line-height:1.35;color:#3b2a22;max-width:calc(var(--u) * 300)}
.storia .fregio--cuore{width:calc(var(--u) * 280);gap:calc(var(--u) * 12)}
.fregio--cuore span{height:1.5px}
.fregio i{font-size:max(14px,calc(var(--u) * 13))}
.corsivo-storia{font-size:calc(var(--u) * 22);line-height:1.02;color:#9c7a64;top:calc(var(--u) * 250)}
.corsivo-storia .cuore{font-size:calc(var(--u) * 20);color:#c9a080}
.deco--storia-sx{left:0;bottom:0;width:calc(var(--u) * 61);z-index:1;transform-origin:0 100%}
.link{font-weight:600}
/* testi: niente grassetti, si evidenzia col rosa */
.passo b,.nota b,.tappe b{font-weight:600;color:var(--rosa)}
.sottotitolo,.nota,.faq details p,.passo p,.misura__testo>p:not(.occhiello),.social__riga{color:#3f2a20}
/* bordi dorati più presenti */
.passo,.riquadro,.componi{border-color:var(--oro-scuro);box-shadow:inset 0 0 0 calc(var(--u) * 5) var(--carta),inset 0 0 0 calc(var(--u) * 5 + 1px) rgba(166,134,103,.5),0 22px 40px -32px rgba(90,40,30,.55)}
.passo{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--u) * 20) calc(var(--u) * 16)}
.passo__n{font-size:calc(var(--u) * 54)}
/* su misura: elenco con cuori, modulo in serif */
.elenco__ico{border:0;background:none;width:auto;height:auto;min-width:0;min-height:0;color:var(--bronzo);font-size:max(14px,calc(var(--u) * 12))}
.elenco li{grid-template-columns:calc(var(--u) * 18) 1fr;color:#3f2a20}
.componi{font-family:var(--serif)}
.componi legend,.campi label{font:600 max(11px,calc(var(--u) * 8))/1.5 var(--serif);letter-spacing:.26em;color:#66564b}
.chip{font:500 max(16px,calc(var(--u) * 13))/1 var(--serif);min-height:38px;padding:0 15px;background:transparent;border-color:rgba(166,134,103,.6)}
.chip[aria-pressed="true"]{background:linear-gradient(180deg,#cb7b80,#b46166 46%,#9d4e56);border-color:#a4575e}
.campi input{font:500 17px/1.3 var(--serif);background:#fffcf8;border-color:rgba(166,134,103,.6)}
/* come ordinare: numeri in corsivo */
.tappa__n{background:transparent;border:1px solid var(--oro-scuro);color:var(--rosa);font:400 max(24px,calc(var(--u) * 22))/1 var(--script);width:calc(var(--u) * 34);height:calc(var(--u) * 34);min-width:34px;min-height:34px}
.tappe li{grid-template-columns:max(34px,calc(var(--u) * 34)) 1fr}
#prezzi{display:flex;flex-direction:column}
#prezzi .listino{flex:1;align-content:center;gap:calc(var(--u) * 20)}
/* mercatini in vetrina */
.vetrina--merc{width:calc(var(--u) * 874);margin:0 auto}
.vetrina--merc .riga{padding:4px 0 6px;scroll-padding-inline:0}
.vetrina--merc .riga img{width:calc((var(--u) * 874 - var(--u) * 42) / 4);min-width:0;filter:sepia(.18) saturate(.88) brightness(1.04) contrast(.95);border:4px solid #fffaf4;outline:1px solid rgba(166,134,103,.7)}
.vetrina--merc .vetrina__freccia{top:calc(50% - 22px)}
/* domande: filetti e cuore */
.faq{gap:0}
.faq details{background:none;border:0;border-bottom:1px solid rgba(166,134,103,.55)}
.faq details:first-child{border-top:1px solid rgba(166,134,103,.55)}
.faq summary{font-weight:600;color:var(--inchiostro)}
.faq summary::after{content:"♥";background:none;flex:none;width:auto;height:auto;color:var(--bronzo);font-size:15px;transition:transform .4s var(--ease),color .3s}
.faq details[open] summary::after{transform:scale(1.35);color:var(--pill)}
/* ritmo verticale */
.sezione{padding:calc(var(--u) * 40) calc(var(--u) * 48) calc(var(--u) * 42)}
.misura{padding:calc(var(--u) * 40) calc(var(--u) * 60)}
.mercatini{padding:calc(var(--u) * 40) 0 calc(var(--u) * 44)}
/* fascia finale come il mockup */
.finale{padding:calc(var(--u) * 24) 0 0;overflow:visible}
.finale__dentro{justify-content:flex-start;padding-left:calc(var(--u) * 227);gap:calc(var(--u) * 43)}
.finale__testo{text-align:left}
.finale__script{font-size:calc(var(--u) * 54)}
.finale h2{font:600 max(28px,calc(var(--u) * 32))/1.05 var(--serif);letter-spacing:-.025em;padding-left:calc(var(--u) * 40);margin-top:calc(var(--u) * -6)}
.pill--wa{min-height:calc(var(--u) * 44);padding:0 calc(var(--u) * 22);gap:calc(var(--u) * 13);font-weight:600}
.pill--wa svg{width:calc(var(--u) * 28);height:calc(var(--u) * 28);flex:none}
.finale__cuore{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 10);margin:calc(var(--u) * 10) auto 0;width:calc(var(--u) * 260)}
.finale__cuore span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#c5a889)}
.finale__cuore span:last-child{background:linear-gradient(270deg,transparent,#c5a889)}
.finale__cuore i{font-style:normal;color:var(--bronzo);font-size:max(13px,calc(var(--u) * 11))}
.finale__riga{position:relative;z-index:3;text-align:center;font:600 max(10px,calc(var(--u) * 8))/1.6 var(--serif);letter-spacing:.3em;text-transform:uppercase;color:#8a776b;padding:calc(var(--u) * 8) calc(var(--u) * 200) calc(var(--u) * 16)}
.finale__riga span{color:var(--bronzo);margin:0 .9em}
.piede{padding:14px 20px 22px;background:#f8ece1;border-top:1px solid rgba(166,134,103,.35);text-align:center}
.piede__info{margin-top:0}

@media (max-width:900px){
  .bar__logo img{height:78px}
  .hero__occhiello{font-size:12px}
  .hero__titolo{font-size:clamp(58px,16.5vw,80px)}
  .hero__titolo .script{font-size:clamp(88px,25vw,118px);margin-left:-10px}
  .hero__lead{font-size:18.5px}
  .deco--alto-dx{display:block;width:54px;top:var(--bar-h);z-index:30}
  .occasioni .testata h2{font-size:31px}
  .carta__nome{font-size:21px}
  .storia{grid-template-columns:1fr}
  .storia__foto{position:relative;z-index:2}
  .storia h2{font-size:38px}
  .storia__testo p:not(.occhiello){max-width:none;font-size:17.5px}
  .deco--storia-dx{top:0;width:104px}
  .deco--storia-sx{width:52px}
  .corsivo-storia{display:block;position:static;width:auto;font-size:28px;margin-top:6px;text-align:center}
  .corsivo-storia .cuore{font-size:16px}
  .storia .fregio--cuore,.misura .fregio--cuore{width:230px}
  .elenco li{grid-template-columns:18px 1fr}
  .tappe li{grid-template-columns:36px 1fr;gap:12px}
  .tappe p{padding-top:5px}
  .vetrina--merc{width:auto}
  .vetrina--merc .riga{padding:4px 22px 6px;scroll-padding-inline:22px}
  .vetrina--merc .riga img{width:62vw}
  .vetrina--merc .filigrana,.vetrina--merc .vetrina__freccia{display:none}
  .finale{display:block;padding:34px 0 0;overflow:hidden}
  .deco--rose-cta,.deco--angelo{position:absolute;top:auto;bottom:0;max-width:none;z-index:1}
  .deco--rose-cta{left:0;width:118px}
  .deco--angelo{right:0;width:128px}
  .finale__dentro{flex-direction:column;align-items:center;padding:0 20px;gap:20px}
  .finale__testo{text-align:center}
  .finale h2{padding-left:0;font-size:34px}
  .finale__script{font-size:66px}
  .pill--wa{min-height:54px;padding:0 22px;font-size:17px}
  .pill--wa svg{width:24px;height:24px}
  .finale__cuore{width:200px;margin-top:18px}
  .finale__riga{padding:10px 24px 120px;font-size:10px;letter-spacing:.22em}
  .piede{padding:16px 18px 90px}
}

/* il motto in basso sta sotto il pulsante, a sinistra, come nel mockup: non si sovrappone mai */
.hero__testo{padding-bottom:calc(var(--u) * 92)}
.motto--basso{left:calc(var(--u) * -62);top:calc(100% - var(--u) * 72);bottom:auto;width:calc(var(--u) * 82)}
.motto--alto{top:calc(var(--u) * 76)}
@media (max-width:900px){.hero__testo{padding-bottom:30px}}
/* testi nuovi del copy */
.hero__nota{margin:calc(var(--uh) * 12) 0 0 calc(var(--u) * 12);font:italic 500 max(15px,calc(var(--uh) * 13))/1.35 var(--serif);color:#5b4639;max-width:calc(var(--u) * 300)}
.passo__titolo{font:600 max(19px,calc(var(--u) * 17))/1.15 var(--serif);color:var(--inchiostro);margin:0 0 calc(var(--u) * 6)}
.componi__sotto{text-align:center;font:italic 500 max(16px,calc(var(--u) * 13))/1.4 var(--serif);color:#5b4639;margin:calc(var(--u) * -8) 0 calc(var(--u) * 16)}
.finale__sotto{font:italic 500 max(16px,calc(var(--u) * 13))/1.35 var(--serif);color:#5b4639;padding-left:calc(var(--u) * 40);margin-top:calc(var(--u) * 6)}
.galleria__chiudi{width:auto;padding:0 16px 0 12px;gap:6px;display:inline-flex;align-items:center;border-radius:999px;font-size:26px}
.galleria__chiudi-testo{font:500 16px/1 var(--serif);color:var(--marrone)}
.galleria__fondo{text-align:center;padding:10px 20px 70px;display:grid;justify-items:center;gap:14px}
.galleria__fondo p{font:italic 500 20px/1.4 var(--serif);color:var(--marrone)}
.g-voce__fonte{position:absolute;left:8px;bottom:8px;padding:3px 9px;border-radius:999px;background:rgba(255,250,244,.88);color:var(--marrone);font:500 12px/1.2 var(--serif);letter-spacing:.04em}
.visore__fonte{font-style:normal;color:#d9bd8c}
@media (max-width:900px){
  .hero__nota{margin:12px auto 0;font-size:15px}
  .finale__sotto{padding-left:0;text-align:center}
  .g-voce__fonte{font-size:11px;padding:2px 7px}
}
@media (max-width:900px){
  .corsivo-storia{order:3}
  .storia__testo{order:2}
  .storia__foto{order:1}
  .sezione,.creazioni,.social,.mercatini,.occasioni{padding-top:64px}
  .misura,.storia{padding-top:56px}
  .hero__nota{max-width:none}
  .passo p{font-size:16.5px}
}
@media (max-width:560px){
  .passi{grid-template-columns:1fr}
  .passo{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;align-items:start;padding:16px 16px}
  .passo__n{grid-row:1/3;font-size:44px;margin:0;text-align:center}
  .passo__titolo{margin:4px 0 2px}
}

/* titolo hero: «La luce» più grande di «prende», interlinea stretta, come il mockup (misurato) */
.hero__titolo{font:600 calc(var(--uh) * 82)/.755 var(--serif);letter-spacing:-.025em}
.hero__grande{font-size:1.19em}
@media (max-width:900px){.hero__titolo{font-size:clamp(50px,14.5vw,72px)}}
/* «forma.»: colore pieno (niente testo ritagliato, che tagliava la f) e più aria sopra, così la f non tocca «prende» */
.hero__titolo .script{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#9b5257;padding:0 .06em 0 .1em;margin:calc(var(--uh) * 16) 0 0 calc(var(--uh) * -14);line-height:.9;text-shadow:0 1px 0 rgba(255,255,255,.35)}
@media (max-width:900px){.hero__titolo .script{margin:12px 0 0 -8px}}
/* barra: la riga ha l'altezza della barra, il logo sborda sotto senza spingere giù menu e pulsante */
.bar{grid-template-rows:var(--bar-h)}
.bar__side{align-self:center}
.bar.compatta{grid-template-rows:64px}
@media (max-width:900px){.bar{grid-template-rows:var(--bar-h)}}
/* il titolo grande ora è l'H1: stesse misure del mockup, parole vere */
h1.hero__titolo{margin:0}
.hero__occhiello{letter-spacing:.24em}
.hero__titolo .script{margin-top:calc(var(--uh) * -2);line-height:.95}
@media (max-width:900px){.hero__titolo .script{margin-top:-2px}}
/* hero ferma: nessun riflesso che scorre, niente di animato */
.hero .pill::after,.hero .fregio span::before{display:none}
.hero .deco{animation:none}

/* ── occasioni come negozio: griglia 4 per riga su computer, 2 su telefono ── */
.negozio{width:calc(var(--u) * 874);margin:calc(var(--u) * 24) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u) * 18)}
.prodotto{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffcf8,#fbf1e7);border:1px solid rgba(166,134,103,.75);box-shadow:inset 0 0 0 4px #fffcf8,inset 0 0 0 5px rgba(197,168,137,.4),0 22px 38px -30px rgba(90,40,30,.6);padding:calc(var(--u) * 7);transition:transform .5s var(--ease),box-shadow .5s}
.prodotto:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 4px #fffcf8,inset 0 0 0 5px #d7b67f,0 0 26px -8px rgba(233,200,140,.6),0 30px 46px -30px rgba(90,40,30,.7)}
.prodotto__img{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;border:1px solid rgba(197,168,137,.7)}
.prodotto__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.prodotto:hover .prodotto__img img{transform:scale(1.06)}
.prodotto__img::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.35) 48%,rgba(255,255,255,0) 60%);transform:translateX(-130%);transition:transform 1.1s var(--ease);pointer-events:none}
.prodotto:hover .prodotto__img::after{transform:translateX(130%)}
.prodotto__corpo{display:flex;flex-direction:column;flex:1;text-align:center;padding:calc(var(--u) * 10) calc(var(--u) * 6) calc(var(--u) * 4)}
.prodotto__nome{font:600 max(18px,calc(var(--u) * 16.5))/1.15 var(--serif);color:var(--inchiostro);margin:0}
.prodotto__nota{flex:1;font:italic 500 max(14.5px,calc(var(--u) * 11.5))/1.35 var(--serif);color:#5b4639;margin:calc(var(--u) * 4) 0 calc(var(--u) * 6)}
.prodotto__prezzo{font:600 max(21px,calc(var(--u) * 19))/1 var(--serif);color:var(--rosa);margin:0 0 calc(var(--u) * 9)}
.prodotto__prezzo span{font:italic 500 .62em var(--serif);color:#8a776b;margin-right:.15em}
.prodotto__ordina{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:6px 10px;border-radius:999px;border:1.5px solid #b98a8c;color:#8e575b;text-decoration:none;font:600 max(14px,calc(var(--u) * 11.5))/1.15 var(--serif);background:rgba(255,250,244,.7);transition:background-color .3s,color .3s,border-color .3s}
.prodotto__ordina:hover{background:linear-gradient(180deg,#cb7b80,#b46166 46%,#9d4e56);border-color:#a4575e;color:#fff}
.prodotto__ordina svg{flex:none}
@media (max-width:900px){
  .negozio{width:auto;padding:0 14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
  .prodotto{padding:5px}
  .prodotto__corpo{padding:9px 4px 4px}
  .prodotto__nome{font-size:17px}
  .prodotto__nota{font-size:13.5px;margin:4px 0 8px}
  .prodotto__prezzo{font-size:21px;margin-bottom:8px}
  .prodotto__ordina{font-size:13.5px;padding:6px 8px;gap:5px}
}

/* ── telefono: la pagina non si sposta mai di lato ── */
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
main>section,.hero,.finale,.piede{overflow-x:clip}
.divisore::after{display:none}
@media (max-width:900px){
  .ventaglio__voce{--passo:48px}
  .ventaglio{overflow:hidden;padding-top:10px}
}

/* ── «Componi la tua candela» subito dopo la griglia, poi «Su misura» ── */
.componi-sez{padding:calc(var(--u) * 40) calc(var(--u) * 48) calc(var(--u) * 46)}
.componi-sez .componi{width:calc(var(--u) * 770);margin:calc(var(--u) * 22) auto 0}
.componi-sez .componi__sotto{margin-top:0}
.misura--crema{position:relative;background:radial-gradient(120% 70% at 50% 0%,#fffaf3 0%,rgba(255,250,243,0) 60%),var(--crema);padding-top:calc(var(--u) * 50)}
@media (max-width:900px){
  .componi-sez{padding:64px 16px 44px}
  .componi-sez .componi{width:100%;margin-top:20px}
  .misura--crema{padding-top:64px}
}

/* ── offerte e avviso (li gestisce la cliente dal pannello) ── */
.prodotto__img{position:relative}
.prodotto__badge{position:absolute;z-index:2;top:10px;left:10px;padding:5px 11px;border-radius:999px;background:linear-gradient(180deg,#cb7b80,#b46166 46%,#9d4e56);color:#fff;font:600 13px/1.1 var(--serif);letter-spacing:.03em;box-shadow:0 0 0 2px #fffaf4,0 8px 16px -8px rgba(120,50,55,.8)}
.prodotto__prezzo--offerta s{font-size:.72em;font-weight:500;color:#9b8579;margin-right:.25em;text-decoration-thickness:1.5px}
.avviso{position:relative;z-index:70;padding:9px 18px;text-align:center;background:linear-gradient(90deg,#9d4e56,#b46166 50%,#9d4e56);color:#fff;font:500 16px/1.35 var(--serif);letter-spacing:.02em}
.con-avviso .deco--alto-sx,.con-avviso .deco--alto-dx{top:var(--avviso-h,40px)}
@media (max-width:900px){.avviso{font-size:14.5px;padding:8px 14px}.con-avviso .deco--alto-dx{top:calc(var(--bar-h) + var(--avviso-h,40px))}}

/* ── se l'ultima candela resta da sola in una riga, diventa una scheda larga: foto a sinistra, testo a destra
      (vale per qualsiasi numero di candele, anche quando la cliente ne aggiunge o toglie dal pannello) ── */
@media (min-width:901px){
  .negozio>.prodotto:last-child:nth-child(4n+1){grid-column:1/-1;display:grid;grid-template-columns:calc((100% - var(--u) * 40) / 4 - var(--u) * 14) 1fr;column-gap:calc(var(--u) * 24);align-items:center}
  .negozio>.prodotto:last-child:nth-child(4n+1) .prodotto__corpo{align-items:center;justify-content:center;padding:calc(var(--u) * 10) calc(var(--u) * 30)}
  .negozio>.prodotto:last-child:nth-child(4n+1) .prodotto__nome{font-size:max(24px,calc(var(--u) * 24))}
  .negozio>.prodotto:last-child:nth-child(4n+1) .prodotto__nota{flex:none;max-width:34em;font-size:max(16px,calc(var(--u) * 13.5));margin:calc(var(--u) * 8) 0 calc(var(--u) * 10)}
  .negozio>.prodotto:last-child:nth-child(4n+1) .prodotto__ordina{padding:8px 28px}
}
@media (max-width:900px){
  .negozio>.prodotto:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:calc(50% - 10px) 1fr;column-gap:10px;align-items:center}
  .negozio>.prodotto:last-child:nth-child(odd) .prodotto__corpo{justify-content:center;padding:6px 4px}
  .negozio>.prodotto:last-child:nth-child(odd) .prodotto__nota{flex:none}
}

/* ── SEGUICI SUI SOCIAL: al posto della vecchia galleria, due anteprime vere delle pagine
      (Facebook: le foto delle candele finite · TikTok: i video mentre le scolpisce) ── */
.seguici{position:relative;padding:calc(var(--u) * 60) calc(var(--u) * 40) calc(var(--u) * 58);text-align:center;background:radial-gradient(70% 60% at 50% 55%,#fff6ec 0%,rgba(255,246,236,0) 70%),var(--crema)}
.seguici__testa{max-width:calc(var(--u) * 660);margin:0 auto}
.seguici__sopra{margin:0;font:italic 500 max(20px,calc(var(--u) * 18))/1.2 var(--serif);color:var(--grigio)}
.seguici h2{margin:calc(var(--u) * 2) 0 0;font:500 max(34px,calc(var(--u) * 40))/1.06 var(--serif);color:var(--inchiostro)}
.seguici h2 .script{font-size:1.35em;line-height:.8}
.fregio--centro{width:calc(var(--u) * 200);margin:calc(var(--u) * 12) auto}
.fregio--centro span:first-child{background:linear-gradient(90deg,transparent,var(--oro))}
.fregio--centro span:last-child{background:linear-gradient(90deg,var(--oro),transparent)}
.seguici .sottotitolo{margin-top:0}
.seguici__carte{display:grid;grid-template-columns:repeat(2,minmax(0,calc(var(--u) * 400)));justify-content:center;gap:calc(var(--u) * 28);margin-top:calc(var(--u) * 26);text-align:left}
.profilo{display:flex;flex-direction:column;gap:calc(var(--u) * 12);padding:calc(var(--u) * 12);background:linear-gradient(180deg,#fffcf8,#fbf1e7);border:1px solid rgba(166,134,103,.75);border-radius:18px;box-shadow:inset 0 0 0 4px #fffcf8,inset 0 0 0 5px rgba(197,168,137,.4),0 26px 44px -30px rgba(90,40,30,.6);transition:transform .5s var(--ease),box-shadow .5s}
.profilo:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 4px #fffcf8,inset 0 0 0 5px #d7b67f,0 0 26px -8px rgba(233,200,140,.6),0 32px 50px -30px rgba(90,40,30,.7)}
.profilo__testa{display:flex;align-items:center;gap:12px;padding:4px 6px 0;color:var(--marrone);text-decoration:none}
.profilo__logo{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;box-shadow:0 0 0 3px #fffaf4,0 0 0 4px #d7b67f,0 8px 16px -8px rgba(0,0,0,.45)}
.profilo__logo--fb{background:#1877f2}
.profilo__logo--tt{background:#111}
.profilo__logo--tt svg{filter:drop-shadow(-1.5px -1px 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55)}
.profilo__chi{display:grid;gap:3px;flex:1;min-width:0}
.profilo__chi b{font:600 max(17px,calc(var(--u) * 14.5))/1.2 var(--serif);color:var(--inchiostro)}
.profilo__chi small{font:600 max(11px,calc(var(--u) * 8))/1.4 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--grigio)}
.profilo__freccia{flex:none;font-size:20px;color:var(--pill);transition:transform .35s var(--ease)}
.profilo__testa:hover .profilo__freccia{transform:translateX(4px)}
.profilo__media{position:relative;display:grid;gap:4px;aspect-ratio:6/5;overflow:hidden;border:1px solid rgba(197,168,137,.7);border-radius:12px;background:#f3e6d8}
.profilo__media--foto{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.profilo__media--video{grid-template-columns:repeat(3,minmax(0,1fr))}
.profilo__media img,.profilo__media video{display:block;width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .9s var(--ease)}
.profilo__media--foto:hover img,.profilo__clip:hover img{transform:scale(1.06)}
.profilo__clip{position:relative;display:block;min-height:0;overflow:hidden}
.profilo__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;padding-left:3px;border-radius:50%;background:rgba(255,250,244,.88);color:var(--rosa);font-size:14px;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.profilo__tag{position:absolute;left:10px;bottom:10px;padding:7px 13px;border-radius:999px;background:rgba(255,250,244,.93);color:var(--marrone);font:italic 500 max(14px,calc(var(--u) * 11.5))/1 var(--serif);box-shadow:0 6px 14px -8px rgba(0,0,0,.5);pointer-events:none}
.profilo__audio{position:absolute;z-index:2;left:50%;top:10px;transform:translateX(-50%);white-space:nowrap;padding:7px 13px;border:1px solid #d7b67f;border-radius:999px;background:rgba(255,250,244,.94);color:var(--marrone);font:500 13px/1 var(--sans);cursor:pointer;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.profilo__segui{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin-top:auto;border-radius:999px;color:#fff;text-decoration:none;font:600 max(16px,calc(var(--u) * 13.5))/1.1 var(--serif);letter-spacing:.02em;background:linear-gradient(180deg,#cb7b80,#b46166 46%,#9d4e56);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 22px -12px rgba(120,50,55,.8);transition:filter .3s,transform .3s}
.profilo__segui:hover{filter:brightness(1.07);transform:translateY(-1px)}
@media (max-width:900px){
  .seguici{padding:60px 16px 48px}
  .seguici h2{font-size:36px}
  .fregio--centro{width:170px}
  .seguici__carte{grid-template-columns:minmax(0,1fr);max-width:440px;gap:20px;margin:24px auto 0}
  .profilo{padding:10px}
}

/* ── SEGUICI SUI SOCIAL, versione finale: solo i due riquadri Facebook e TikTok, nessuna foto ── */
.seguici__carte{grid-template-columns:repeat(2,minmax(0,calc(var(--u) * 330)));gap:calc(var(--u) * 34);margin-top:calc(var(--u) * 30);text-align:center}
.segui-carta{position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(var(--u) * 38) calc(var(--u) * 28) calc(var(--u) * 32);color:var(--marrone);text-decoration:none;background:radial-gradient(90% 60% at 50% 0%,#fff 0%,rgba(255,255,255,0) 70%),linear-gradient(180deg,#fffcf8,#f8ebdf);border:1px solid rgba(166,134,103,.8);border-radius:14px;box-shadow:inset 0 0 0 6px #fffcf8,inset 0 0 0 7px rgba(197,168,137,.6),0 28px 48px -32px rgba(90,40,30,.65)}
.js .seguici .segui-carta.reveal{transition:opacity .9s ease,transform .5s var(--ease),box-shadow .5s}
.js .seguici .segui-carta.visibile:hover,.no-js .segui-carta:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 6px #fffcf8,inset 0 0 0 7px #d7b67f,0 0 34px -8px rgba(233,200,140,.65),0 34px 54px -32px rgba(90,40,30,.7)}
.segui-carta__fil{position:absolute;width:calc(var(--u) * 30);height:auto;opacity:.9;pointer-events:none}
.segui-carta__fil--as{left:12px;top:12px}
.segui-carta__fil--ad{right:12px;top:12px;scale:-1 1}
.segui-carta__fil--bs{left:12px;bottom:12px;scale:1 -1}
.segui-carta__fil--bd{right:12px;bottom:12px;scale:-1 -1}
.segui-carta__logo{display:grid;place-items:center;width:max(64px,calc(var(--u) * 72));height:max(64px,calc(var(--u) * 72));border-radius:50%;color:#fff;box-shadow:0 0 0 4px #fffaf4,0 0 0 5px #d7b67f,0 0 0 12px rgba(215,182,127,.16),0 16px 28px -12px rgba(0,0,0,.45);transition:transform .5s var(--ease)}
.segui-carta:hover .segui-carta__logo{transform:scale(1.06) rotate(-4deg)}
.segui-carta--fb .segui-carta__logo{background:linear-gradient(180deg,#3b8bff,#1877f2 55%,#0f63d6)}
.segui-carta--tt .segui-carta__logo{background:linear-gradient(180deg,#2c2c2c,#0b0b0b)}
.segui-carta--tt .segui-carta__logo svg{filter:drop-shadow(-2px -1.5px 0 #25f4ee) drop-shadow(2px 1.5px 0 #fe2c55)}
.segui-carta__nome{margin-top:calc(var(--u) * 18);font:400 max(42px,calc(var(--u) * 38))/1 var(--script);color:var(--rosa)}
.segui-carta__handle{margin-top:6px;font:600 max(11px,calc(var(--u) * 8))/1.5 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--grigio)}
.segui-carta__riga{display:flex;align-items:center;gap:10px;margin:calc(var(--u) * 12) 0 calc(var(--u) * 20);font:italic 500 max(17px,calc(var(--u) * 14))/1.35 var(--serif);color:var(--testo)}
.segui-carta__riga::before,.segui-carta__riga::after{content:"";width:22px;height:1px;background:var(--oro)}
.segui-carta__vai{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 26px;border-radius:999px;color:#fff;font:600 max(16px,calc(var(--u) * 13.5))/1.1 var(--serif);letter-spacing:.02em;background:linear-gradient(180deg,#cb7b80,#b46166 46%,#9d4e56);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 22px -12px rgba(120,50,55,.8);transition:filter .3s}
.segui-carta__vai span[aria-hidden]{display:inline-block;transition:transform .35s var(--ease)}
.segui-carta:hover .segui-carta__vai{filter:brightness(1.07)}
.segui-carta:hover .segui-carta__vai span[aria-hidden]{transform:translateX(4px)}
@media (max-width:900px){
  .seguici__carte{grid-template-columns:minmax(0,1fr);max-width:360px;gap:22px;margin:26px auto 0}
  .segui-carta{padding:34px 22px 28px}
  .segui-carta__fil{width:24px}
}
.segui-carta__logo svg{width:46%;height:46%}