/* Shop v7 (anteprima): vetrina "2027". Niente cornici: immagini grandi, sezioni morbide a tutta larghezza. */
.s7{padding-bottom:20px}
.s7-top{padding:84px 0 6px}
.s7-top h1{font-size:clamp(2.3rem,10vw,4.4rem);margin-top:8px}
.s7-chips{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:.84rem;font-weight:600}
.s7-chips a{color:var(--ink);padding:6px 0;border-bottom:1px solid rgba(201,182,228,.35);transition:color .2s,border-color .2s}
.s7-chips a span{color:var(--lil);font-weight:500;margin-left:2px;font-size:.74rem}
.s7-chips a:hover{color:var(--gold);border-color:var(--gold)}
/* badge */
.s7-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font:600 .68rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:rgba(11,9,17,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.s7-gold{background:var(--gold);color:#1a1408}
.s7-badges{display:flex;flex-wrap:wrap;gap:6px}
/* bottone d'acquisto: stile unico (oro), diverso dal lilla di Telegram */
.s7-buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 20px;border-radius:999px;background:var(--gold);color:#1a1408;font:700 .92rem/1 var(--sans);white-space:nowrap;box-shadow:0 10px 30px -14px rgba(242,221,184,.8);transition:transform .25s var(--ease),background .25s}
.s7-buy:hover{background:#fff1d6;transform:translateY(-1px)}
.s7-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.s7-pr{font:400 1.5rem/1 var(--serif);color:var(--gold);-webkit-text-stroke:.35px currentColor;white-space:nowrap}
.s7-pr small{font-size:.62em}
.s7-prl{font-size:2.1rem}
.s7-pr em{font-size:.62em;color:var(--lil);font-style:italic}
.s7-prom{font-size:1rem;color:#D6CEE2;margin-top:6px;max-width:40ch;line-height:1.45}
/* hero in evidenza: immagine a tutta larghezza che sfuma nello sfondo */
.s7-hero{position:relative;margin-top:22px}
.s7-him{position:relative;width:100%;max-width:var(--max);margin:0 auto;aspect-ratio:16/10;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.s7-him img{width:100%;height:100%;object-fit:cover}
.s7-htx{position:relative;margin-top:-64px}
.s7-hn{font-size:clamp(2.2rem,9vw,3.4rem);margin-top:10px}
.s7-free{margin-top:14px;background:none;border:0;padding:6px 0;color:var(--lil);font:600 .9rem var(--sans);cursor:pointer;border-bottom:1px solid rgba(201,182,228,.35)}
.s7-free[aria-expanded=true] span{display:inline-block;transform:rotate(180deg)}
.s7-kit .kitg{border-top:0;margin-top:10px;padding-top:0}
/* sezioni */
.s7-sec{padding-top:46px}
.s7-h{margin-bottom:16px}
.s7-h p{font-size:.9rem;color:var(--mut);margin-top:4px;max-width:46ch}
/* griglia da 5€ (2 colonne anche su telefono, come gli accessori Apple) */
.s7-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 14px}
.s7-tile{display:flex;flex-direction:column;min-width:0}
.s7-im{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#15121d}
.s7-im img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.s7-tile:hover .s7-im img{transform:scale(1.04)}
.s7-im .s7-badge{position:absolute;left:8px;top:8px;height:22px;font-size:.62rem}
.s7-nm{font:400 1.24rem/1.12 var(--serif);color:var(--rt);-webkit-text-stroke:.35px currentColor;margin-top:10px}
.s7-ln{font-size:.8rem;color:var(--mut);margin-top:4px;line-height:1.35;flex:1}
.s7-tile .s7-row{flex-wrap:wrap;gap:8px;margin-top:10px}
.s7-tile .s7-buy{min-height:44px;padding:0 16px;font-size:.86rem}
.s7-more{font-size:.78rem;font-weight:600;color:var(--lil);margin-top:8px}
/* capitoli grandi su misura */
.s7-ch{display:grid;gap:14px;padding:6px 0 30px}
.s7-ch+.s7-ch{padding-top:26px;border-top:1px solid var(--hair)}
.s7-chim{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:#15121d}
.s7-chim img{width:100%;height:100%;object-fit:cover}
.s7-chim .s7-badge{position:absolute;left:10px;top:10px}
.s7-big{font-size:clamp(1.9rem,7.5vw,2.6rem)}
.s7-pts{list-style:none;margin-top:10px;display:grid;gap:4px;font-size:.88rem;color:var(--mut)}
.s7-pts li{padding-left:16px;position:relative}
.s7-pts li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--lil)}
.s7-proof{margin-top:10px;font-size:.86rem;color:var(--ink)}
/* scegli */
.s7-choose{list-style:none}
.s7-choose li+li{border-top:1px solid var(--hair)}
.s7-choose a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;min-height:48px}
.s7-q{font:400 1.18rem/1.15 var(--serif);color:var(--rt)}
.s7-a{font-size:.8rem;color:var(--mut);text-align:right}
.s7-a i{font-style:normal;color:var(--gold);margin-left:2px;display:inline-block;transition:transform .25s var(--ease)}
.s7-choose a:hover .s7-q{color:var(--gold)}
.s7-choose a:hover i{transform:translateX(3px)}
.s7-merch{padding-top:40px}
.s7-merch .s7-h{padding:26px 0;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,rgba(242,185,127,.10),transparent 60%),radial-gradient(120% 140% at 100% 100%,rgba(159,134,204,.12),transparent 60%);padding-left:18px;padding-right:18px;margin-bottom:0}
.s7-merch h2 em{color:var(--amber)}
/* barra d'acquisto fissa (solo telefono) */
.s7-bar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:20px;background:rgba(20,16,30,.78);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 18px 50px -18px rgba(0,0,0,.9),inset 0 0 0 1px rgba(244,239,249,.07);transform:translateY(130%);opacity:0;transition:transform .35s var(--ease),opacity .25s}
.s7-bar.on{transform:none;opacity:1}
.s7-bar img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none}
.s7-bt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.s7-bt b{font:400 1.05rem/1.15 var(--serif);color:var(--rt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s7-bt span{font-size:.8rem;color:var(--gold);font-weight:600}
.s7-bar .s7-buy{min-height:44px;padding:0 16px;font-size:.86rem;box-shadow:none}
@media (min-width:720px){
  .s7-bar{display:none}
  .s7-top{padding-top:110px}
  .s7-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;max-width:var(--max);margin:30px auto 0;padding:0 var(--pad)}
  .s7-him{-webkit-mask-image:none;mask-image:none;border-radius:20px}
  .s7-htx{margin-top:0;padding:0}
  .s7-grid{grid-template-columns:repeat(4,1fr);gap:22px}
  .s7-ch{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}
  .s7-rev .s7-chim{order:2}
  .s7-choose{columns:2;column-gap:40px}
  .s7-choose li{break-inside:avoid}
  .s7-choose li+li{border-top:0}.s7-choose li{border-bottom:1px solid var(--hair)}
}
@media (max-width:360px){.s7-tile .s7-buy{width:100%}.s7-grid{gap:22px 10px}}
@media (prefers-reduced-motion:reduce){.s7-bar,.s7-buy,.s7-im img,.s7-a i{transition:none}}
/* ritocchi */
.s7-big{font-family:var(--serif);font-weight:400;line-height:1.02;color:var(--gold);-webkit-text-stroke:.5px currentColor}
.s7-him{aspect-ratio:16/9}
.s7-him img{object-position:50% 30%}
.s7-htx{margin-top:-30px}
.s7-ln .s7-more{display:inline;margin:0 0 0 4px;font-size:inherit}
@media (min-width:720px){.s7-tile .s7-row{flex-wrap:nowrap}.s7-him{aspect-ratio:16/10}.s7-htx{margin-top:0}}
/* "Scopri di più" accanto a Prendilo */
.s7-acts{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.s7-acts .s7-more{margin:0;font-size:.86rem}
.s7-tile .s7-more{margin-top:10px;font-size:.82rem}
/* pagine prodotto */
.pp-crumb{padding-top:76px;font-size:.78rem;color:var(--mut)}
.pp-crumb a{color:var(--lil);font-weight:600}.pp-crumb i{font-style:normal;margin:0 4px;color:var(--dim)}
.pp-hero{margin-top:12px}
.pp-im{width:100%;aspect-ratio:16/10;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
.pp-im img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.pp-tx{position:relative;margin-top:-26px}
.pp-tx h1{font-size:clamp(2.3rem,10vw,4rem)}
.pp-tg{display:inline-block;margin-top:14px;padding:6px 0;font-size:.88rem;font-weight:600;color:var(--lil);border-bottom:1px solid rgba(201,182,228,.35)}
.pp-free{margin-top:10px;font-size:.88rem;color:var(--mut)}
.pp-body{max-width:760px}
.pp-sec{padding-top:34px}
.pp-sec h2{font-size:clamp(1.6rem,6vw,2.1rem);margin-bottom:10px}
.pp-p{font-size:.95rem;color:#D6CEE2}
.pp-steps{list-style:none;display:grid;gap:14px}
.pp-steps li{display:flex;gap:14px;align-items:flex-start}
.pp-n{flex:none;font:italic 400 2rem/1 var(--serif);color:var(--lil);width:28px}
.pp-steps b{font-weight:600;color:var(--ink)}.pp-steps p{font-size:.88rem;color:var(--mut);margin-top:2px}
.pp-faq details{border-top:1px solid var(--hair)}.pp-faq details:last-child{border-bottom:1px solid var(--hair)}
.pp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:50px;padding:10px 0;font:400 1.14rem/1.2 var(--serif);color:var(--rt)}
.pp-faq summary::-webkit-details-marker{display:none}
.pp-faq summary:after{content:"+";font:300 1.3rem var(--sans);color:var(--lil);transition:transform .25s var(--ease)}
.pp-faq details[open] summary:after{transform:rotate(45deg)}
.pp-faq details p{font-size:.9rem;color:#D6CEE2;padding:0 0 14px;max-width:60ch}
.pp-other{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.pp-other a{display:flex;gap:10px;align-items:center;min-height:48px}
.pp-other img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}
.pp-other span{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.pp-other b{font:400 1rem/1.15 var(--serif);color:var(--rt)}
.pp-other i{font-style:normal;font-size:.76rem;color:var(--gold);font-weight:600}
.pp-other a:hover b{color:var(--gold)}
@media (min-width:720px){
  .pp-crumb{padding-top:104px}
  .pp-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;max-width:var(--max);margin:16px auto 0;padding:0 var(--pad)}
  .pp-im{-webkit-mask-image:none;mask-image:none;border-radius:20px}
  .pp-tx{margin-top:0;padding:0}
  .pp-body{margin-left:auto;margin-right:auto}
  .pp-other{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){.pp-faq summary:after{transition:none}}
/* v9: copertina del PDF del kit (img quadrata 1200x1200: mostro solo la pagina, intera, con ombra e leggera inclinazione) */
.s7-cover,.pp-cover{aspect-ratio:auto!important;display:flex;align-items:center;justify-content:center;padding:26px 0 44px;overflow:visible;-webkit-mask-image:none;mask-image:none;
  background:radial-gradient(60% 55% at 50% 48%,rgba(201,182,228,.22),rgba(201,182,228,0) 70%)}
.kc{position:relative;display:block;width:min(56vw,236px);aspect-ratio:764/1082;border-radius:6px;overflow:hidden;transform:rotate(-2.5deg);
  box-shadow:0 30px 60px -22px rgba(0,0,0,.85),0 10px 24px -12px rgba(0,0,0,.6),0 0 0 1px rgba(244,239,249,.08)}
.kc::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(255,255,255,0) 38%);pointer-events:none}
.s7-cover .kc img,.pp-cover .kc img{position:absolute;max-width:none;width:157.07%;height:auto;left:-28.53%;top:-5.45%;object-fit:fill}
.s7-hero .s7-cover+.s7-htx,.pp-hero .pp-cover+.pp-tx{margin-top:0}
@media (min-width:720px){
  .s7-cover,.pp-cover{padding:40px 0;border-radius:20px;background:radial-gradient(55% 60% at 50% 50%,rgba(201,182,228,.2),rgba(201,182,228,0) 72%),rgba(244,239,249,.025)}
  .kc{width:clamp(220px,24vw,300px)}
}
@media (prefers-reduced-motion:no-preference){.kc{transition:transform .5s ease}.s7-cover:hover .kc,.pp-cover:hover .kc{transform:rotate(-1deg) translateY(-4px)}}
/* v9 barfix: copertina un po' più piccola sui telefoni stretti */
@media (max-width:400px){.s7-cover,.pp-cover{padding:18px 0 30px}.kc{width:min(50vw,200px)}}
/* ===== v10: shop "da negozio" (vedi shop_study.md). Header corto, 4 card uguali, tile chiari, fiducia sotto ===== */
.v10{padding-bottom:30px}
.v10-top{padding:92px 0 4px}
.v10-top h1{font-size:clamp(2.8rem,13vw,4.6rem);line-height:.95}
.v10-sub{margin-top:10px;font-size:1rem;color:#D6CEE2}
.v10-trust{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:.76rem;color:var(--mut);line-height:1.3}
.v10-trust svg{flex:none;color:var(--gold)}
.v10-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 14px;margin-top:26px}
.v10-card{display:flex;flex-direction:column;min-width:0}
.v10-tile{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:18px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%,#FBF8FD 0%,#EEE7F5 55%,#E2D8EE 100%)}
.v10-ph{position:relative;display:block;overflow:hidden;border-radius:10px;box-shadow:0 20px 30px -18px rgba(24,14,48,.65),0 6px 12px -6px rgba(24,14,48,.35);transition:transform .5s var(--ease)}
.v10-ph img{display:block;width:100%;height:100%;object-fit:cover}
.v10-sq .v10-ph{width:74%;aspect-ratio:1}
.v10-wd .v10-ph{width:84%;aspect-ratio:16/10}
.v10-kc .v10-ph{height:80%;aspect-ratio:764/1082;border-radius:5px}
.v10-kc .v10-ph img{position:absolute;max-width:none;width:157.07%;height:auto;left:-28.53%;top:-5.45%}
.v10-card:hover .v10-ph{transform:translateY(-4px)}
.v10-badge{position:absolute;left:10px;top:10px;height:22px;padding:0 9px;border-radius:999px;background:#0B0911;color:var(--gold);font:700 .6rem/22px var(--sans);letter-spacing:.09em;text-transform:uppercase}
.v10-body{display:flex;flex-direction:column;flex:1;padding-top:13px}
.v10 .v10-nm{font:400 1.22rem/1.1 var(--serif);color:var(--gold);-webkit-text-stroke:.4px currentColor}
.v10-nm a{color:inherit}
.v10-ln{flex:1;margin-top:5px;font-size:.82rem;line-height:1.38;color:var(--mut)}
.v10-pr{margin-top:10px;font:400 1.55rem/1 var(--serif);color:var(--lil);-webkit-text-stroke:.35px currentColor;white-space:nowrap}
.v10-pr small{font-size:.62em}
.v10-og{font-size:.6em;font-style:italic;color:var(--gold);border-bottom:1px solid rgba(242,221,184,.4);margin-left:2px}
.v10-acts{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-top:12px}
.v10-acts .s7-buy{width:100%;min-height:44px;padding:0 12px;font-size:.88rem;box-shadow:none}
.v10-det{display:flex;align-items:center;justify-content:center;min-height:40px;font-size:.84rem;font-weight:600;color:var(--lil)}
.v10-det:hover{color:var(--gold)}
.v10-pay{margin-top:34px}
.v10-sec{padding-top:44px}
.v10 .v10-sec h2{font-size:clamp(1.6rem,6vw,2.1rem)}
.v10-freebox{padding:22px 20px;border-radius:18px;background:rgba(244,239,249,.035);border:1px solid var(--hair)}
.v10-freebox>p{margin-top:6px;font-size:.92rem;color:#D6CEE2;max-width:52ch}
.v10-steps{list-style:none;display:grid;gap:16px;margin-top:16px}
.v10-steps li{display:flex;gap:12px;align-items:flex-start}
.v10-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#1a1408;font:700 .84rem/1 var(--sans)}
.v10-steps b{display:block;font-size:.98rem;color:var(--ink)}
.v10-steps p{margin-top:2px;font-size:.86rem;color:var(--mut);line-height:1.4}
.v10-merch{padding:16px 18px;border-radius:14px;font-size:.88rem;color:var(--mut);background:rgba(244,239,249,.035)}
.v10-merch b{color:var(--amber);font-weight:600}
@media (max-width:359px){
  .v10-grid{grid-template-columns:1fr;gap:22px}
  .v10-card{display:grid;grid-template-columns:44% 1fr;gap:12px;align-items:start}
  .v10-body{padding-top:0}
}
@media (min-width:600px){.v10-grid{gap:34px 22px}}
@media (min-width:900px){
  .v10-top{padding-top:118px}
  .v10-top .w{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:40px}
  .v10-top h1{grid-row:span 2}
  .v10-sub,.v10-trust{justify-self:end;text-align:right}
  .v10-grid{grid-template-columns:repeat(4,1fr);gap:26px;margin-top:40px}
  .v10-acts{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
  .v10-acts .s7-buy{width:auto;flex:1;max-width:150px}
  .v10-det{padding:0 4px}
  .v10-steps{grid-template-columns:repeat(3,1fr);gap:28px}
  .v10-freebox{padding:28px 30px}
}
@media (prefers-reduced-motion:reduce){.v10-ph{transition:none}.v10-card:hover .v10-ph{transform:none}}
@media (max-width:359px){.v10-badge{left:6px;top:6px;height:18px;padding:0 7px;font-size:.5rem;line-height:18px}}
@media (max-width:359px){.pp-other{grid-template-columns:1fr}}
@media (max-width:359px){.s7-bt b{font-size:.88rem}.s7-bar .s7-buy{padding:0 12px}.s7-bar{gap:8px}}
/* v11: hero prodotto con immagine quadrata (Spot: profumo nello spazio), intera e centrata su fondo spazio */
.pp-sq{background:radial-gradient(70% 90% at 50% 50%,#0a1a44,#030818 75%)}
.pp-sq img{object-fit:contain;object-position:50% 50%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}