/* LYVET 31: il colore appartiene alla pagina, non soltanto alle fotografie.
   Mela = relazione; viola = scelta; cielo = quotidianità; lilla = informazione.
   I colori della famiglia restano quelli delle confezioni approvate. */
:root{--gutter:max(40px,calc((100% - 1240px)/2));--section-space:88px;--rule:color-mix(in srgb,var(--viola) 24%,transparent)}
body{background:var(--lilla)}
.header{background:var(--lilla);border-bottom-color:var(--rule)}
.header-inner{height:82px}
.brand-detail{display:block;width:100%;height:100%;color:inherit}
.intro-line{background:var(--viola);color:var(--mela)}
.intro-line .wrap{padding:20px 0;gap:28px}
.intro-signature{display:flex;align-items:center;gap:22px}
.intro-signature>.brand-detail{width:44px;height:42px;flex:none}
.intro-line .wrap p{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--mela)}
.intro-line a,.intro-line span{color:var(--mela)}
.intro-line a{border-bottom:1px solid var(--mela)}
.intro-line :focus-visible{outline-color:var(--mela)}

/* Prodotto: una composizione unica mela/viola, incorniciata dal lilla. */
#articolazioni{width:100%;padding:var(--section-space) var(--gutter);background:var(--lilla)}
.section-heading{margin-bottom:40px;gap:48px}
.section-heading p{padding-bottom:8px}
.section-heading h2 em{color:var(--viola)}
.product-feature{gap:0;border-radius:20px;overflow:hidden;background:var(--viola);align-items:stretch}
.product-scene{border-radius:0;min-height:560px}
.feature-copy{padding:48px;color:var(--bianco)}
.feature-copy h2{font-family:Baloo;font-size:clamp(40px,4.5vw,64px);letter-spacing:-.035em;color:var(--mela)}
.feature-copy .eyebrow{color:var(--bianco);font-size:14px;margin:0 0 12px}
.feature-copy .lead{font-size:19px;line-height:1.6}
.feature-copy .button{background:var(--mela);color:var(--viola);border-color:var(--mela)}
.feature-copy .feature-details{border-color:color-mix(in srgb,white 40%,transparent)}
.feature-copy :focus-visible{outline-color:var(--mela)}
.family-campaign{margin-top:40px;border-radius:20px;grid-template-columns:.85fr 1.15fr}
.family-campaign-copy{padding:44px}
.family-campaign h2{font-size:clamp(38px,4vw,56px)}
.family-campaign .eyebrow{font-size:14px}
.family-caption{color:var(--notte)}

/* Relazione: il blu del divano continua nel campo azzurro. */
.life{width:100%;padding:var(--section-space) var(--gutter);background:var(--cielo_famiglia);gap:70px;align-items:center}
.life-photo{position:relative;top:auto;align-self:center;border-radius:16px 16px 70px 16px;overflow:visible;margin:0 14px 14px 0;box-shadow:14px 14px 0 var(--viola)}
.life-photo>img{border-radius:inherit}
.photo-signature{position:absolute;right:20px;bottom:20px;z-index:1;display:block;width:76px;height:76px;border-radius:50%;padding:15px;background:var(--giallo_famiglia);color:var(--viola)}
.life h2{font-size:clamp(42px,4.6vw,66px)}
.life p{max-width:490px}
.values,.value{border-color:var(--rule)}
.value h3{color:var(--notte)}
.life .value{padding:20px 0}

/* La fotografia dei soci rimane integra, in continuità con la campagna. */
.founders.founders-designed{width:100%;margin:0;padding:72px var(--gutter);gap:44px;grid-template-columns:.85fr 1.15fr;border-radius:0}
.founders-designed>div.founders-copy{padding:0}
.founders-designed .founders-copy h2{font-size:clamp(40px,4vw,56px)}
.founders-portrait{padding:0;overflow:hidden;border-radius:16px}
.founders-portrait figcaption{padding:21px 24px}

/* Garanzia e domande hanno una pausa cromatica leggibile. */
#garanzia{width:100%;padding:72px var(--gutter);background:var(--pesca_chiaro)}
.guarantee{border-radius:24px;padding:56px;gap:56px}
.seal{outline:1px solid var(--mela);outline-offset:9px}
.faq-section{width:100%;padding:var(--section-space) var(--gutter);background:var(--lilla);gap:80px}
.faq-section h2{font-size:clamp(40px,4vw,56px)}
.faq{border-top:1px solid var(--rule)}
.faq details,.faq details:first-child{border-color:var(--rule)}
.faq details:first-child{border-top:0}
.faq summary{padding:24px 52px 24px 0}
.faq summary::after{width:32px;height:32px;border-radius:50%;background:var(--viola);color:var(--mela);font-size:25px;line-height:30px;text-align:center;top:20px;right:0}
.faq details[open] summary::after{background:var(--mela);color:var(--viola)}
.faq details[open]{padding-left:18px;padding-right:18px;background:var(--bianco)}
.faq-signature{color:var(--viola);width:108px;height:96px;margin-top:30px}
.closing{border-radius:0}
.footer{background:var(--notte);color:var(--lilla);padding-top:60px}
.footer .logo{color:var(--mela)}
.footer-note{border-color:color-mix(in srgb,var(--lilla) 30%,transparent)}
.footer :focus-visible{outline-color:var(--mela)}
.footer-top .logo svg{width:235px;height:86px}
.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:18px 26px;max-width:680px}

/* Scheda: stessa identità; bianco concentrato nella scelta della confezione. */
.pdp{background:var(--lilla)}
.pdp-hero{padding-top:16px;padding-bottom:60px}
.pdp-gallery{background:var(--cielo_chiaro);padding:18px;border-radius:22px;align-self:start}
.gallery-main{border-radius:12px}
.gallery-controls button{border-color:var(--viola);background:transparent}
.gallery-thumbs button{background:transparent;border-color:transparent}
.gallery-thumbs button[aria-pressed=true]{background:var(--bianco);border-color:var(--viola)}
.gallery-caption{color:var(--notte)}
.order-box{border:0;background:var(--bianco);padding:26px;border-radius:18px}
.option-body{background:var(--lilla)}
.pdp-nav{background:var(--viola);color:var(--bianco);border:0}
.pdp-nav a[aria-current=location]{color:var(--mela)}
.pdp-nav :focus-visible{outline-color:var(--mela)}
.pdp-story{width:100%;padding:var(--section-space) var(--gutter);background:var(--cielo_famiglia)}
.pdp-story .story-img{border-radius:16px 16px 64px 16px}
#dettagli{width:100%;padding:var(--section-space) var(--gutter);background:var(--lilla)}
.facts{padding:0;border-radius:0;gap:80px;background:transparent}
.facts-list div{border-color:var(--rule)}
.facts-list dt{color:var(--viola)}
.pdp-sticky{background:var(--mela);border-color:var(--viola)}
.dialog{background:var(--lilla)}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .photo-signature{transition:transform .3s ease-out}.life-photo:hover .photo-signature{transform:rotate(-8deg)}
 .faq summary::after{transition:background .2s ease-out}
}
@media(min-width:768px) and (max-width:1100px){
 :root{--gutter:24px;--section-space:64px}
 .feature-copy{padding:32px}.feature-copy .lead{font-size:17px}.product-scene{min-height:510px}
 .family-campaign-copy{padding:30px}.life{gap:40px}.life-photo{margin-right:10px;box-shadow:10px 10px 0 var(--viola)}
 .founders.founders-designed{gap:32px;padding-top:60px;padding-bottom:60px}
 .guarantee{padding:38px;grid-template-columns:170px 1fr;gap:40px}.seal{width:170px;height:170px}.seal strong{font-size:76px}
 .faq-section,.facts{gap:36px}.pdp-gallery{padding:12px}.order-box{padding:18px}.option-body b{font-size:22px}.option-body .unit-price{font-size:11px}
}
@media(max-width:767px){
 :root{--gutter:20px;--section-space:48px}
 .header-inner{height:70px}.nav{background:var(--lilla)}.menu-toggle{background:transparent;border-color:var(--viola)}
 .intro-line .wrap{align-items:center;justify-content:space-between;padding:17px 0;gap:12px;flex-wrap:nowrap}
 .intro-signature{gap:12px}.intro-signature>.brand-detail{width:32px;height:32px}.intro-line .wrap p{font-size:13px;max-width:145px;line-height:1.4}
 .intro-line a{font-size:12px;gap:8px;white-space:nowrap}.intro-line span{font-size:17px;margin:0}
 .section-heading{margin-bottom:28px}.section-heading h2{font-size:41px}.section-heading p{font-size:15px;padding:0}
 .product-feature{border-radius:16px}.product-scene{min-height:365px}.feature-copy{padding:30px 24px}.feature-copy h2{font-size:42px}.feature-copy .lead{font-size:16px}.feature-copy .eyebrow{font-size:13px}.feature-copy .button{font-size:14px}
 .family-campaign{margin-top:28px;border-radius:16px}.family-campaign-copy{padding:30px 24px 16px}.family-campaign h2{font-size:39px}.family-campaign .eyebrow{font-size:13px}
 .life{gap:40px}.life-photo{margin:0 10px 0 0;box-shadow:10px 10px 0 var(--viola);border-radius:12px 12px 46px 12px}.photo-signature{width:58px;height:58px;padding:12px;right:14px;bottom:14px}.life h2{font-size:44px}.life .value{padding:18px 0}
 .founders.founders-designed{display:flex;gap:28px;padding:44px var(--gutter);margin:0}.founders-designed>div.founders-copy{padding:0}.founders-designed .founders-copy h2{font-size:42px}.founders-portrait{border-radius:12px}.founders-portrait figcaption{padding:18px;font-size:13px}
 #garanzia{padding:44px var(--gutter)}.guarantee{padding:32px 24px;gap:30px;border-radius:18px}.seal{width:134px;height:134px;margin:9px;outline-offset:7px}.seal strong{font-size:63px}.seal span{font-size:11px}.seal small{font-size:9px}.guarantee h2{font-size:34px}.guarantee .eyebrow{font-size:13px}
 .faq-section h2{font-size:40px;max-width:none}.faq-signature{display:none}.faq summary{font-size:16px}.faq details[open]{padding-left:12px;padding-right:12px}
 .footer{padding-top:38px}.footer-top{flex-direction:column;gap:28px}.footer-top .logo svg{width:188px;height:70px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;width:100%;font-size:13px}.footer-note p{font-size:12px}
 .pdp-hero{padding-top:4px;padding-bottom:32px;gap:24px}.pdp-gallery{padding:12px;border-radius:16px}.pdp .gallery-thumbs button{flex-basis:73px}.order-box{padding:22px 16px;border-radius:16px}.option-body b{font-size:20px}.option-body small{font-size:10px}.option-body .unit-price{font-size:10px}.offer-intro{font-size:15px}.order-line{flex-wrap:wrap;gap:8px}.order-line strong{font-size:18px}
 .pdp-story .story-img{border-radius:12px 12px 44px 12px}.facts{padding:0}.facts h2{font-size:39px}.pdp-nav a{font-size:12px}
}

/* Revisione 34: SVG portabili e scheda bianca, accenti di linea. */
.ui-arrow{display:inline-block;width:20px;height:20px;min-width:20px;vertical-align:middle;flex-shrink:0}a.button .ui-arrow,.header-cta .ui-arrow{color:inherit}
body.pdp{background:#fff}.pdp main,.pdp .breadcrumb,.pdp .pdp-hero{background:#fff}.pdp .header{background:#fff;border-bottom:3px solid var(--mela)}.pdp .pdp-gallery{background:#eaf6fc}.pdp .order-box{border:1px solid #c7dea5;border-top:5px solid var(--mela);background:#fff}.pdp .pdp-nav{background:#eaf6fc}.pdp .pdp-heading{border-left:4px solid var(--mela);padding-left:22px}

/* Revisione 35: apertura ariosa, identità LYVET conservata. */
.header{background:#fff}.header-inner{height:74px}.header .button{color:#fff}
.hero{display:grid;grid-template-columns:46% 54%;padding:0;min-height:580px;background:#FAFAF7;isolation:isolate;align-items:stretch}
.hero-copy{width:auto;max-width:none;padding:64px 40px 52px max(40px,calc((100vw - 1240px)/2));align-self:center;background:#FAFAF7}
.hero h1{font-size:clamp(44px,4.1vw,60px);line-height:1.08;letter-spacing:-.03em;margin-bottom:22px}
.hero .lead{font-size:17px;line-height:1.6;max-width:360px;color:#26232B}
.hero-copy>.button{color:#fff;margin-top:10px}.hero .small{color:#58545e}.hero-story-link{font-size:13px;font-weight:400;color:#58545e;gap:12px}
.hero-editorial{position:relative;inset:auto;z-index:auto;min-width:0;min-height:580px;overflow:hidden;background:var(--mela)}
.hero-editorial img{width:100%;height:100%;object-fit:cover;object-position:right center}
.intro-line .wrap{padding-top:12px;padding-bottom:12px}.intro-signature>.brand-detail{width:32px;height:30px}.intro-line .wrap p{font-size:16px}
@media(min-width:768px) and (max-width:1100px){.hero{grid-template-columns:48% 52%;min-height:520px}.hero-copy{padding:44px 28px 40px 32px}.hero h1{font-size:46px}.hero-editorial{min-height:520px}}
@media(max-width:767px){.header-inner{height:66px}.nav{top:66px;background:#fff}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%;padding:32px 24px 24px}.hero h1{font-size:42px;max-width:340px;margin-bottom:16px}.hero .lead{font-size:16px;line-height:1.55;max-width:36ch}.hero .button{margin-top:4px}.hero-editorial{width:100%;min-height:0;aspect-ratio:1.35}.hero-editorial img{width:100%;height:100%;object-fit:cover;object-position:right center}.intro-line .wrap{padding-top:11px;padding-bottom:11px}.intro-line .wrap p{font-size:12px}.hero-story-link{min-height:40px}}

/* Revisione37: composizione editoriale mobile approvata. */
.hero-mobile-picture{display:block;width:100%;height:100%}
@media(max-width:767px){.hero-editorial{aspect-ratio:1;position:relative}.hero-editorial .hero-mobile-picture{width:100%;height:100%}.hero-editorial img{object-fit:contain;object-position:center;width:100%;height:100%}}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){.hero-editorial.motion-ready.is-in-view .hero-mobile-picture{animation:pet-photo-enter 1.2s cubic-bezier(.2,.65,.3,1) both}@keyframes pet-photo-enter{from{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:none}}}

/* Revisione38: slogan breve e grafica completa anche sul desktop. */
.hero .lead{font-size:21px;line-height:1.4;max-width:25ch}
@media(min-width:768px){.hero-editorial{min-height:0;aspect-ratio:1;background:#FAFAF7;align-self:center}.hero-editorial img{object-fit:contain;object-position:center}.hero-mobile-picture{aspect-ratio:1}}
@media(max-width:767px){.hero .lead{font-size:19px;max-width:27ch}}
/* Titoli selettivi: inchiostro sui campi chiari, colori di marca nei blocchi pieni. */
.header .logo{color:var(--notte)}
.hero h1,.section-heading h2,.section-heading h2 em,.life h2,.faq-section h2,.pdp-heading h1,.pdp-story h2,.facts h2{color:var(--notte)}

/* Revisione39: apertura mobile centrata, navigazione mela e logo viola. */
.header .logo{color:var(--viola)}
@media(max-width:767px){
 .header,.header .nav{background:var(--mela)}
 .header .menu-toggle{color:var(--viola);background:transparent;border-color:var(--viola)}
 .header .nav a{color:var(--notte)}
 .hero-copy{padding:30px 20px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}
 .hero-copy .eyebrow,.hero h1,.hero .lead,.hero .small{width:100%;max-width:none;margin-left:0;margin-right:0}
 .hero h1{font-size:clamp(36px,10.8vw,48px);text-wrap:balance}
 .hero .lead{font-size:19px;text-wrap:balance;margin-top:8px}
 .hero-copy>.button{width:100%;margin-top:20px;margin-bottom:10px}
 .hero-story-link{justify-content:center;align-self:center}
}

/* Revisione40: tipografia poster dal riferimento di Ale. */
.hero h1.hero-display{font-family:Archivo,Arial,sans-serif;font-weight:900;font-size:clamp(54px,5.3vw,80px);line-height:.93;letter-spacing:-.065em;margin:20px 0 28px;transform:rotate(-3deg);transform-origin:center}
.hero-display span{display:block;white-space:nowrap}
.hero-display span:nth-child(2){letter-spacing:-.075em}
.hero .hero-copy .lead{font-family:Archivo,Arial,sans-serif;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:-.025em;line-height:1.12;max-width:22ch;text-align:right;margin:0 0 24px auto}
@media(max-width:767px){
 .hero h1.hero-display{font-size:clamp(42px,13.6vw,62px);width:100%;line-height:.94;margin:20px 0 24px}
 .hero .hero-copy .lead{width:auto;max-width:22ch;font-size:16px;margin:0 2px 8px auto}
}
.hero-display span:nth-child(2){letter-spacing:-.045em;word-spacing:.08em}
.header,body.pdp .header{background:var(--mela)}

/* Revisione42: azioni leggibili, aperture compatte e toni più morbidi. */
.hero-copy>.button,.feature-copy>.button,.closing .button,.order-box>.button{font-size:18px;font-weight:800;min-height:58px;padding:14px 30px;gap:24px;box-shadow:0 4px 0 rgba(20,24,58,.14)}
.header .button,.pdp-sticky .button{font-size:16px;font-weight:750;min-height:48px;padding:12px 26px}
.hero-copy>.button{min-width:280px}.pdp-story{background:#F3F5EB}
.brand-detail{overflow:visible}.intro-signature>.brand-detail{width:38px;height:38px}
.pdp .pdp-gallery{background:#FAF8F2}.pdp .gallery-main{aspect-ratio:1;max-width:none;background:#FAF8F2}
.pdp .gallery-main img{object-fit:contain;object-position:center}
@media(min-width:1000px){
 .header-inner{height:66px}.project-note{padding:5px 16px}
 .hero{height:calc(100svh - 96px);min-height:500px;max-height:720px;grid-template-columns:48% 52%;align-items:center}
 .hero-copy{padding-top:24px;padding-bottom:24px;max-height:none}
 .hero h1.hero-display{font-size:clamp(46px,7.6vh,72px);margin:12px 0 20px}
 .hero-copy .eyebrow{margin-bottom:12px}
 .hero .hero-copy .lead{font-size:17px;margin-bottom:16px}
 .hero-editorial{height:100%;width:100%;min-height:0;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#FAFAF7}
 .hero-mobile-picture{aspect-ratio:1;width:auto;height:100%;max-width:100%}
 .hero-editorial img{width:100%;height:100%;object-fit:contain}
 .hero-story-link{min-height:32px}
 .pdp .breadcrumb{padding:10px 0;font-size:11px}
 .pdp .pdp-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:start;padding:4px 0 20px}
 .pdp .pdp-gallery{padding:12px;max-width:100%}
 .pdp .gallery-main{height:clamp(240px,calc(100svh - 295px),500px);max-width:100%}
 .pdp .gallery-controls{margin:4px 0;min-height:30px}
 .pdp .gallery-thumbs{margin-top:0;padding:3px 0;justify-content:space-between;gap:4px}
 .pdp .gallery-thumbs button{flex:1 1 0;min-width:0;width:auto}
 .pdp .gallery-thumbs img{width:44px;height:44px}
 .pdp .gallery-thumbs button span{font-size:10px;min-height:24px;margin-top:3px}
 .pdp .gallery-caption{font-size:11px;margin:5px 0 0;line-height:1.3}
 .pdp .pdp-heading{padding-left:15px}
 .pdp .pdp-heading .eyebrow{font-size:11px;margin-bottom:5px}
 .pdp .pdp-title{font-size:38px;line-height:1.05;margin:0}
 .pdp .pdp-subtitle{font-size:19px;line-height:1.15;margin:8px 0}
 .pdp .pdp-heading .description{font-size:14px;line-height:1.4;margin:8px 0}
 .pdp .product-at-a-glance{margin:8px 0;gap:20px;font-size:12px}
 .pdp .product-at-a-glance a{min-height:28px}
 .pdp .order-box{padding:12px 16px}
 .pdp .offer-intro{display:none}
 .pdp .order-box legend{font-size:12px;margin-bottom:6px}
 .pdp .option-body{min-height:82px;padding:6px 4px}
 .pdp .option input:checked+.option-body{padding:5px 3px}
 .pdp .option-body span{font-size:13px}.pdp .option-body b{font-size:23px;margin:1px 0}.pdp .option-body small{font-size:10px}
 .pdp .order-line{margin:8px 0;gap:10px}.pdp .order-line p{font-size:11px;line-height:1.35;max-width:none}.pdp .order-line strong{font-size:17px}
 .pdp .order-box>.button{min-height:54px;padding:10px 20px}
 .pdp .order-shipping{margin:7px 0 0;font-size:11px;line-height:1.3}
 .pdp .order-trust{font-size:11px;line-height:1.3;margin-top:5px!important}
}
@media(max-width:767px){.hero-copy>.button{min-width:0}.pdp .gallery-main{max-height:370px}.pdp .gallery-thumbs img{height:52px}.pdp .gallery-thumbs button span{min-height:26px}.pdp .pdp-heading .description{font-size:14px;line-height:1.4}.pdp .pdp-subtitle{font-size:20px}.pdp .order-box>.button{font-size:18px}.pdp-sticky .button{min-height:48px;font-size:14px}}
@media(min-width:1000px){.pdp .gallery-main{height:clamp(220px,calc(100svh - 365px),470px)}.pdp .gallery-caption{min-height:0;height:auto}.pdp .gallery-controls button{min-height:36px;width:36px;height:36px}}
.pdp .pdp-nav{background:#F3F5EB;color:var(--notte)}.pdp .pdp-nav a[aria-current=location]{color:var(--viola)}

/* Revisione43: trascinamento diretto della fotografia, senza bloccare lo scroll verticale. */
.gallery-main{touch-action:pan-y pinch-zoom;cursor:grab}
.gallery-main.is-swiping{cursor:grabbing}.gallery-main img{user-select:none;-webkit-user-drag:none}
.gallery-thumbs{position:relative}
@media(prefers-reduced-motion:no-preference){.gallery-main img{transition:transform .16s ease-out}.gallery-main.is-swiping img{transition:none}}
@media(min-width:1000px) and (max-height:740px){
 .hero{min-height:0;height:calc(100svh - 170px);max-height:none}
 .hero-copy{padding-top:12px;padding-bottom:12px}
 .hero h1.hero-display{font-size:clamp(36px,7.3vh,54px);margin:8px 0 14px}
 .hero-copy .eyebrow{font-size:11px;margin-bottom:7px}
 .hero .hero-copy .lead{font-size:15px;margin-bottom:8px}
 .hero-copy>.button{margin-top:8px;min-height:54px}
 .hero .small{font-size:12px}.hero-story-link{margin-top:0;min-height:28px}
 .pdp .pdp-title{font-size:34px}.pdp .pdp-heading .description{font-size:13px;line-height:1.3}
 .pdp .product-at-a-glance{margin:4px 0}.pdp .pdp-hero{padding-bottom:10px}
}
@media(min-width:1000px) and (min-height:741px){.hero{min-height:0;height:calc(100svh - 170px);max-height:720px}}

/* origine: inizio */
.origine{background:var(--lilla,#E8DDF7);border-radius:32px;padding:clamp(32px,6vw,72px) clamp(20px,5vw,64px);margin-top:24px}.origine-inner{display:grid;gap:32px;grid-template-columns:1fr}@media(min-width:900px){.origine-inner{grid-template-columns:5fr 7fr;gap:64px}}.origine-copy h2{color:var(--viola,#7A00BD)}.origine-testo p{max-width:62ch;font-size:1.05rem;line-height:1.6}.origine-testo .origine-chiusa{font-weight:600;margin-top:8px}.origine-testo a:not(.button){color:var(--viola,#7A00BD);text-decoration:underline;text-underline-offset:3px}.origine-testo .button{margin-top:16px}
/* origine: fine */

/* Revisione45: più presenza nella stessa prima schermata, solo desktop. */
.pdp .pdp-title,.pdp #insieme h2,#perche h2,#origine-title{font-family:Archivo,Arial,sans-serif;font-weight:900;letter-spacing:-.04em;line-height:1.02;transform:none}
@media(min-width:1000px){
 .hero{height:calc(100svh - 150px);max-height:none;gap:0;grid-template-columns:minmax(0,1fr) min(52vw,calc(100svh - 150px))}
 .hero-copy{padding-left:clamp(36px,6vw,112px);padding-right:38px}
 .hero h1.hero-display{font-size:clamp(52px,min(5.6vw,10vh),90px);margin:12px 0 24px}
 .hero .hero-copy .lead{font-size:clamp(17px,1.4vw,22px);margin-bottom:18px}
 .hero-copy .eyebrow{font-size:14px}
 .hero-mobile-picture{width:100%;height:100%;aspect-ratio:auto}
 .hero-editorial img{object-fit:contain;object-position:center}
}
@media(min-width:1000px) and (max-height:660px){
 .hero h1.hero-display{font-size:clamp(46px,9vh,60px);margin:8px 0 16px}
 .hero .hero-copy .lead{font-size:16px;margin-bottom:8px}
}

/* Revisione46: galleria nativa e accesso immediato ai formati su telefono. */
.gallery-main{touch-action:auto;cursor:auto}
.gallery-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
.gallery-track::-webkit-scrollbar{display:none}
.pdp .gallery-track img{flex:0 0 100%;width:100%;min-width:100%;height:100%;object-fit:contain;scroll-snap-align:center;transition:none}
@media(max-width:999px){
 .pdp-sticky{padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:25}
 .pdp-sticky .wrap{gap:10px}
 .pdp-sticky .button{padding:12px 16px;font-size:14px;min-height:48px;white-space:nowrap}
 #sticky-label{font-size:10px;line-height:1.3;max-width:150px;display:block}
 .pdp{padding-bottom:100px}
 #confezioni{scroll-margin-top:100px}
}

/* Revisione47: unica famiglia tipografica per i titoli di home e scheda. */
:is(body:has(.hero),body.pdp) :is(h1,h2,h3,h4,h5,h6){font-family:Archivo,Arial,sans-serif;font-weight:900}
:is(body:has(.hero),body.pdp) :is(h2,h3,h4,h5,h6){letter-spacing:-.04em;line-height:1.06}

/* Revisione49: barra bianca e segno editoriale essenziale nella home desktop. */
.pdp .pdp-sticky{background:#fff;border-top:1px solid #e5dfeb;box-shadow:0 -5px 22px rgba(20,24,58,.06)}
@media(min-width:1000px){
 .hero .hero-copy .lead{text-align:left;margin-left:0;margin-right:0;max-width:26ch}
 .hero-copy{position:relative}
}
@media(min-width:1250px){
 .hero-copy::after{content:"";position:absolute;right:38px;top:19%;width:clamp(150px,16vw,250px);aspect-ratio:1.2;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%20200%22%3E%3Ccircle%20cx%3D%22127%22%20cy%3D%2295%22%20r%3D%2248%22%20fill%3D%22%23AEE06B%22%20fill-opacity%3D%22.32%22%2F%3E%3Cpath%20d%3D%22M23%20155C65%20155%2030%2052%20101%2043c78-10%2089%20108%2026%20111-44%202-44-60-3-67%2035-7%2060%2017%2091%2013m-15-13%2016%2013-14%2014%22%20fill%3D%22none%22%20stroke%3D%22%237A00BD%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m166%2025%203-12m12%2020%2010-6%22%20stroke%3D%22%237A00BD%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;pointer-events:none}
}