/* SMA Bundle — Promo kit
   Stesso linguaggio del sito e della Vetrina (Kit Elementor #561): fondo bianco,
   sezioni #F7F7F7, filetti #E3E3E3, testo #1B1B1B, angoli vivi, nessuna ombra,
   pulsanti neri in maiuscolo. Titoli Montserrat 600, testo Manrope 400.
   Il colore del cofanetto (--k) compare solo come punto e filetto accanto
   all'esigenza del kit: è un segno di riconoscimento, non un fondo.
   Tutto è dentro .sma-pk: nessuna regola tocca il resto del tema. */

.sma-pk{
	--pk-bianco:#fff;
	--pk-fondo:#F7F7F7;
	--pk-bordo:#E3E3E3;
	--pk-inch:#1B1B1B;
	--pk-accent:#3C3C3C;
	--pk-muted:#6B6B6B;
	background:var(--pk-bianco);
	color:var(--pk-inch);
	font:400 16px/1.7 Manrope,-apple-system,system-ui,sans-serif;
	overflow-x:clip;
}
.sma-pk *{box-sizing:border-box}
.sma-pk img{max-width:100%;display:block;height:auto}
.sma-pk h1,.sma-pk h2,.sma-pk h3{
	font-family:Montserrat,-apple-system,system-ui,sans-serif;font-weight:600;
	letter-spacing:-.01em;line-height:1.2;margin:0;color:var(--pk-inch);text-wrap:balance;
}
/* :where() azzera la specificità: i reset non battono i margini delle classi. */
.sma-pk :where(p){margin:0}
.sma-pk :where(ul,ol){margin:0;padding:0;list-style:none}
.sma-pk__wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.sma-pk__sec{padding:88px 0}
.sma-pk__occhiello{font:500 11px/1.2 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;
	color:var(--pk-muted);margin:0 0 14px}
.sma-pk__lead{font-size:17px;color:var(--pk-muted);max-width:64ch;margin-top:16px}
.sma-pk__intesta{max-width:700px;margin-bottom:44px}
.sma-pk__intesta h2{font-size:clamp(24px,2.8vw,34px)}

/* ------------------------------------------------------------- pulsanti
   Come i pulsanti del negozio. Specificità alta: il tema colora i link al passaggio. */
.sma-pk .sma-pk__btn,
.sma-pk .sma-pk__btn:hover,
.sma-pk .sma-pk__btn:focus{
	display:inline-block;min-height:46px;padding:16px 30px;border:0;border-radius:0;
	background:var(--pk-inch);color:#fff;text-align:center;text-decoration:none;cursor:pointer;
	font:600 12px/1.15 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;
	transition:background-color .2s ease;
}
.sma-pk .sma-pk__btn:hover{background:var(--pk-accent)}
.sma-pk .sma-pk__btn:focus-visible{outline:2px solid var(--pk-inch);outline-offset:3px}
.sma-pk .sma-pk__btn--chiaro,.sma-pk .sma-pk__btn--chiaro:hover,.sma-pk .sma-pk__btn--chiaro:focus{background:#fff;color:var(--pk-inch)}
.sma-pk .sma-pk__btn--chiaro:hover{background:var(--pk-bordo)}
.sma-pk .sma-pk__btn--chiaro:focus-visible{outline-color:#fff}
.sma-pk .sma-pk__btn.loading{opacity:.65;pointer-events:none}
.sma-pk .sma-pk__btn.added::after{content:" ✓"}
.sma-pk .added_to_cart{display:none}

.sma-pk .sma-pk__link,.sma-pk .sma-pk__link:hover{color:var(--pk-inch);font-size:14px;
	text-decoration:underline;text-underline-offset:3px;transition:color .2s}
.sma-pk .sma-pk__link:hover{color:var(--pk-muted)}

/* ---------------------------------------------------------------- prezzi
   Formato del negozio: barrato piccolo, prezzo pieno in evidenza, tag −N%. */
.sma-pk__prezzi{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.sma-pk__prezzi del{color:var(--pk-muted);font-size:14px}
.sma-pk__prezzi ins{text-decoration:none;font:600 20px/1.2 Montserrat,sans-serif}
.sma-pk__prezzi .amount{font-size:inherit}
.sma-pk__prezzi .sma-vet__tag{background:var(--pk-inch);color:#fff;font-size:10px;letter-spacing:.1em;
	padding:3px 7px;font-weight:500;align-self:center}

/* ----------------------------------------------------------- barra in alto */
.sma-pk__topbar{background:var(--pk-inch);color:#fff;text-align:center;padding:12px 16px;
	font-size:13px;letter-spacing:.06em;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 16px}
.sma-pk__topbar b{font-weight:600}
.sma-pk__topbar-cd{color:#C9C9C9}
.sma-pk__topbar-cd b{color:#fff;font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------- testata */
.sma-pk__hero{padding:64px 0 0}
.sma-pk__hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.sma-pk .sma-pk__hero h1{font-size:clamp(30px,3.8vw,48px);line-height:1.15;text-transform:uppercase;letter-spacing:.01em}
.sma-pk__hero-sub{font-size:18px;color:var(--pk-muted);margin-top:20px;max-width:46ch}
.sma-pk__da{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:28px 0 26px}
.sma-pk__da > span:first-child{font-size:14px;color:var(--pk-muted)}
.sma-pk__da ins{font-size:30px}
.sma-pk__hero-img{margin:0}
.sma-pk__hero-img img{width:100%}
.sma-pk__garanzie-fascia{background:#fff;border-bottom:1px solid var(--pk-bordo)}
.sma-pk__garanzie{display:grid;grid-template-columns:repeat(3,1fr)}
.sma-pk__garanzie li{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 12px;
	font:500 12px/1.4 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.sma-pk__garanzie li + li{border-left:1px solid var(--pk-bordo)}

/* Testata "foto": la foto dei kit ancorata a destra sfuma nel nero del sito.
   I cofanetti occupano quasi tutta la larghezza della foto: per non coprirli
   il testo sta sulla parte scura, non sopra i prodotti. */
.sma-pk__hero--foto{position:relative;background:var(--pk-inch);padding:0;overflow:hidden}
/* La griglia resta statica: la foto si ancora all'intera testata, non al contenitore. */
.sma-pk__hero--foto .sma-pk__hero-grid{display:flex;align-items:center;min-height:clamp(440px,34vw,580px);position:static}
.sma-pk__hero--foto .sma-pk__hero-txt{width:42%;max-width:440px;padding:48px 0;position:relative;z-index:2}
/* La foto parte dal bordo sinistro del contenitore, come il testo: così i kit
   restano a destra del testo a ogni larghezza; a sinistra continua il nero. */
.sma-pk__hero--foto .sma-pk__hero-img{position:absolute;top:0;bottom:0;right:0;left:max(0px,calc(50% - 590px));z-index:1;margin:0}
.sma-pk__hero--foto picture{display:block;width:100%;height:100%}
.sma-pk__hero--foto .sma-pk__hero-img img{width:100%;height:100%;object-fit:cover;object-position:100% 60%}
.sma-pk__hero--foto .sma-pk__hero-img::after{content:"";position:absolute;inset:0;
	background:linear-gradient(90deg,var(--pk-inch) 0%,rgba(27,27,27,.9) 20%,rgba(27,27,27,.45) 33%,rgba(27,27,27,0) 46%),
		linear-gradient(0deg,rgba(27,27,27,.35) 0%,rgba(27,27,27,0) 30%)}
.sma-pk .sma-pk__hero--foto h1{color:#fff !important}
.sma-pk .sma-pk__hero--foto .sma-pk__occhiello{color:rgba(255,255,255,.72) !important}
.sma-pk__hero--foto .sma-pk__hero-sub{color:#D6D6D6}
.sma-pk__hero--foto .sma-pk__da > span:first-child{color:#BDBDBD}
.sma-pk__hero--foto .sma-pk__prezzi del{color:#A9A9A9}
.sma-pk__hero--foto .sma-pk__prezzi ins{color:#fff}

/* ------------------------------------------------- perché un kit
   Fra testata e kit: le ragioni per scegliere un trattamento completo. */
.sma-pk__perche{background:var(--pk-fondo);border-bottom:1px solid var(--pk-bordo)}
/* Titolo e testo centrati sopra, i quattro vantaggi su un'unica riga:
   come i titoli centrati della home sopra le righe di prodotti. */
.sma-pk__perche-grid{display:block}
.sma-pk__perche .sma-pk__intesta{margin:0 auto 48px;max-width:720px;text-align:center}
.sma-pk__perche .sma-pk__lead{margin-left:auto;margin-right:auto}
.sma-pk__perche-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--pk-bordo);border:1px solid var(--pk-bordo)}
.sma-pk__perche-list li{background:#fff;padding:34px 26px 32px;text-align:center}
.sma-pk__perche-list .sma-pk__ico{width:34px;height:34px;flex-basis:34px;margin:0 auto 18px;display:block;stroke-width:1.1}
.sma-pk__perche-list h3{font-size:17px;margin-bottom:8px}
.sma-pk__perche-list p{font-size:15px;line-height:1.55;color:var(--pk-muted)}

/* ------------------------------------------------------- schede dei kit */
.sma-pk__shop{scroll-margin-top:90px}
/* Titolo centrato sopra le schede centrate, come "Perché un kit" qui sopra. */
.sma-pk__shop .sma-pk__intesta{margin-left:auto;margin-right:auto;text-align:center}
.sma-pk__shop .sma-pk__lead{margin-left:auto;margin-right:auto}
.sma-pk__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.sma-pk__card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.sma-pk .sma-pk__card-img{display:block;width:100%;border:1px solid var(--pk-bordo);background:#fff;
	margin-bottom:12px;overflow:hidden}
.sma-pk__card-img img{width:100%;aspect-ratio:1;object-fit:contain;padding:18px;transition:transform .5s ease}
.sma-pk .sma-pk__card-img:hover img{transform:scale(1.04)}
.sma-pk__card h3{font-size:19px;line-height:1.3;max-width:24ch}
.sma-pk__card h3 a{color:inherit;text-decoration:none}
.sma-pk__card h3 a:hover{text-decoration:underline}
.sma-pk__card-txt{font-size:14px;line-height:1.5;color:var(--pk-muted);max-width:32ch;flex:1}
.sma-pk__card .sma-pk__prezzi{justify-content:center;margin:4px 0 6px}
.sma-pk__card .sma-pk__btn{width:100%}

/* esigenza del kit: punto e filetto nel colore del cofanetto */
.sma-pk__etichetta{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 Manrope,sans-serif;
	letter-spacing:.2em;text-transform:uppercase;color:var(--pk-inch)}
.sma-pk__punto{width:8px;height:8px;background:var(--k,#1B1B1B);flex:0 0 8px}

/* -------------------------------------------- introduzione ai dettagli */
/* Integrata nella prima sezione kit: stesso fondo, nessun filetto fra le due. */
.sma-pk__dettagli{padding:80px 0 0;background:var(--pk-fondo)}
/* Dopo "Perché un kit" (anch'essa grigia) basta il suo filetto inferiore. */
.sma-pk__shop + .sma-pk__dettagli{border-top:1px solid var(--pk-bordo)}
.sma-pk__dettagli + .sma-pk__kit{border-top:0;padding-top:56px}
.sma-pk__dettagli-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.sma-pk__dettagli h2{font-size:clamp(24px,2.8vw,34px)}
.sma-pk__salti{border-top:1px solid var(--pk-inch)}
.sma-pk .sma-pk__salti a{display:flex;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--pk-bordo);
	color:var(--pk-inch);text-decoration:none;transition:background-color .2s,padding .2s}
.sma-pk .sma-pk__salti a:hover{background:#fff;padding-left:12px}
.sma-pk .sma-pk__salti a:focus-visible{outline:2px solid var(--pk-inch);outline-offset:2px}
.sma-pk__salti .sma-pk__etichetta{flex:0 0 150px}
.sma-pk__salti-nome{flex:1;font:600 13px/1.3 Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.sma-pk__salti .sma-pk__prezzi{flex:0 0 auto;gap:8px}
.sma-pk__salti .sma-pk__prezzi del{font-size:12px}
.sma-pk__salti .sma-pk__prezzi ins{font-size:16px}
.sma-pk__salti .sma-vet__tag{display:none}
.sma-pk__dettagli{scroll-margin-top:90px}

/* ----------------------------------------------------- sezione di un kit */
.sma-pk__kit{padding:88px 0;border-top:1px solid var(--pk-bordo);scroll-margin-top:70px}
.sma-pk__kit--grigio{background:var(--pk-fondo)}
.sma-pk__kit-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:start}
.sma-pk__kit-img{margin:0;position:sticky;top:110px}
.sma-pk__kit-img img{width:100%}
.sma-pk__kit-img picture{display:block}
.sma-pk__kit-txt .sma-pk__etichetta{padding-bottom:12px;margin-bottom:16px;border-bottom:2px solid var(--k,#1B1B1B)}
/* Nome del prodotto sopra il beneficio: resta riconoscibile (è quello dell'annuncio)
   ma il titolo è ciò che il kit fa per i capelli. */
.sma-pk__nome{font:600 12px/1.3 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pk-muted);margin:0 0 8px}
.sma-pk__card .sma-pk__nome{margin:2px 0 0}
.sma-pk__benefici{margin-top:18px;display:grid;gap:10px}
.sma-pk__benefici li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.5;color:var(--pk-inch)}
.sma-pk__benefici li::before{content:"";position:absolute;left:2px;top:7px;width:13px;height:7px;
	border-left:2px solid var(--k,#1B1B1B);border-bottom:2px solid var(--k,#1B1B1B);transform:rotate(-45deg)}
/* Riquadro d'acquisto: esigenza, nome, descrizione, prezzo, quantità e pulsante insieme. */
.sma-pk__scheda{background:#fff;border:1px solid var(--pk-bordo);padding:34px 32px 30px}
.sma-pk__scheda .sma-pk__compra{margin-top:24px;padding:22px 0 0;background:none;border:0;border-top:1px solid var(--pk-bordo)}
.sma-pk__riga{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.sma-pk__riga-prezzo .sma-pk__nota-prezzo{margin:6px 0 0}
.sma-pk .sma-pk__compra > .sma-pk__btn{display:block;width:100%;margin:0}
.sma-pk__qty{display:flex;flex:0 0 128px;border:1px solid var(--pk-inch);height:46px}
.sma-pk .sma-pk__qty-btn,.sma-pk .sma-pk__qty-btn:hover,.sma-pk .sma-pk__qty-btn:focus{
	flex:0 0 40px;height:100%;padding:0;margin:0;border:0;border-radius:0;background:#fff;color:var(--pk-inch);
	font:400 20px/1 Manrope,sans-serif;cursor:pointer;transition:background-color .2s}
.sma-pk .sma-pk__qty-btn:hover{background:var(--pk-fondo)}
.sma-pk .sma-pk__qty-btn:focus-visible{outline:2px solid var(--pk-inch);outline-offset:-2px}
.sma-pk .sma-pk__qty-btn:disabled{color:#BDBDBD;cursor:default;background:#fff}
.sma-pk .sma-pk__qty-n{flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0;border:0;border-radius:0;
	border-left:1px solid var(--pk-bordo);border-right:1px solid var(--pk-bordo);background:#fff;
	text-align:center;font:600 15px/1 Montserrat,sans-serif;color:var(--pk-inch);-moz-appearance:textfield;appearance:textfield}
.sma-pk .sma-pk__qty-n::-webkit-outer-spin-button,.sma-pk .sma-pk__qty-n::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sma-pk .sma-pk__qty-n:focus-visible{outline:2px solid var(--pk-inch);outline-offset:-2px}
.sma-pk__kit h2{font-size:clamp(24px,2.8vw,34px)}
.sma-pk__compra{margin-top:28px;padding:24px;background:#fff;border:1px solid var(--pk-bordo)}
.sma-pk__compra .sma-pk__prezzi ins{font-size:26px}
.sma-pk__nota-prezzo{font-size:13px;color:var(--pk-muted);margin:6px 0 16px}
.sma-pk__compra .sma-pk__btn{width:100%;margin-top:4px}
.sma-pk__durata{display:flex;align-items:center;gap:10px;margin-top:24px;font:600 14px/1.3 Montserrat,sans-serif}
.sma-pk__sottot{font-size:11px !important;letter-spacing:.2em !important;text-transform:uppercase;
	color:var(--pk-muted) !important;margin:34px 0 12px !important;font-weight:500 !important;
	font-family:Manrope,sans-serif !important}
.sma-pk__contenuto{border-top:1px solid var(--pk-bordo)}
.sma-pk__contenuto li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--pk-bordo);font-size:15px}
.sma-pk__contenuto b{flex:0 0 84px;font:600 14px/1.6 Montserrat,sans-serif}
.sma-pk__attivi{display:grid;gap:16px}
.sma-pk__attivi b{display:block;font:600 15px/1.35 Montserrat,sans-serif}
.sma-pk__attivi span{display:block;font-size:15px;line-height:1.55;color:var(--pk-muted);margin-top:2px}
.sma-pk__extra{display:flex;gap:14px;align-items:flex-start;margin-top:28px;padding-top:22px;
	border-top:1px solid var(--pk-bordo);font-size:15px;line-height:1.55;color:var(--pk-muted)}
.sma-pk__extra b{color:var(--pk-inch)}
.sma-pk__link--scheda{display:inline-block;margin-top:26px}

/* ------------------------------------------------------------- come si usa
   Quattro colonne come il rituale della Vetrina; sotto i 1000px si impilano. */
.sma-pk__passi{background:var(--pk-fondo);border-top:1px solid var(--pk-bordo)}
.sma-pk__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.sma-pk__step-top{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;
	border-bottom:1px solid var(--pk-bordo)}
.sma-pk__steps .sma-pk__ico{width:44px;height:44px;flex-basis:44px;stroke-width:1}
.sma-pk__n{font:600 15px/1 Montserrat,sans-serif;color:var(--pk-muted);letter-spacing:.06em}
.sma-pk__steps h3{font-size:17px;margin-bottom:7px}
.sma-pk__steps p{font-size:15px;line-height:1.55;color:var(--pk-muted)}
.sma-pk__steps .sma-pk__nota{margin-top:12px;font:600 11px/1.3 Manrope,sans-serif;letter-spacing:.14em;
	text-transform:uppercase;color:var(--pk-inch)}

/* ---------------------------------------------------------------- fiducia */
.sma-pk__fiducia{padding:72px 0}
.sma-pk__fid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.sma-pk__fid li{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--pk-bordo);padding-top:20px}
.sma-pk__fid .sma-pk__ico{width:26px;height:26px;flex-basis:26px;margin-top:2px}
.sma-pk__fid h3{font-size:15px;margin-bottom:6px}
.sma-pk__fid p{font-size:14.5px;line-height:1.55;color:var(--pk-muted)}

/* ------------------------------------------------------------ fascia promo */
.sma-pk__promo{background:var(--pk-inch);color:#fff;text-align:center;padding:88px 0}
.sma-pk .sma-pk__promo .sma-pk__occhiello{color:rgba(255,255,255,.7) !important}
.sma-pk .sma-pk__promo h2{color:#fff !important;font-size:clamp(25px,3.2vw,38px);max-width:24ch;margin:0 auto}
.sma-pk__promo-txt{color:#C9C9C9;max-width:62ch;margin:18px auto 0}
.sma-pk__orologio{display:flex;justify-content:center;gap:10px;margin:36px 0}
.sma-pk__orologio span{min-width:88px;padding:16px 8px 12px;border:1px solid rgba(255,255,255,.22)}
.sma-pk__orologio b{display:block;font:600 34px/1 Montserrat,sans-serif;font-variant-numeric:tabular-nums}
.sma-pk__orologio small{display:block;margin-top:8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#A9A9A9}
.sma-pk .sma-pk__promo .sma-pk__btn{padding:17px 40px}

/* --------------------------------------------------------------------- faq */
.sma-pk__faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.sma-pk__faq .sma-pk__intesta{margin:0}
.sma-pk__faq-logo{margin:0 0 30px;width:180px}
.sma-pk__faq-logo img{width:100%;height:auto}
.sma-pk__faq details{border-bottom:1px solid var(--pk-bordo);padding:20px 0}
.sma-pk__faq details:first-child{border-top:1px solid var(--pk-bordo)}
.sma-pk__faq summary{cursor:pointer;list-style:none;font:600 16px/1.4 Montserrat,sans-serif;padding-right:32px;position:relative}
.sma-pk__faq summary::-webkit-details-marker{display:none}
.sma-pk__faq summary::after{content:"+";position:absolute;right:0;top:-2px;color:var(--pk-muted);font-size:22px;font-weight:400}
.sma-pk__faq details[open] summary::after{content:"–"}
.sma-pk__faq summary:focus-visible{outline:2px solid var(--pk-inch);outline-offset:3px}
.sma-pk__faq details p{color:var(--pk-muted);margin-top:12px;max-width:68ch}

/* --------------------------------------------------------- barra mobile */
.sma-pk__sticky{display:none}

/* ------------------------------------------------------------------ icone */
.sma-pk__ico{width:20px;height:20px;flex:0 0 20px;color:var(--pk-inch)}

/* ----------------------------------------------------- ingressi allo scroll
   Leggeri e solo quando lo script è partito: senza JS si vede tutto subito. */
.sma-pk.pk-anim .pk-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.sma-pk.pk-anim .pk-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
	.sma-pk.pk-anim .pk-reveal{opacity:1;transform:none;transition:none}
	.sma-pk *{transition:none !important}
}

/* ------------------------------------------------------------------ tablet */
@media (max-width:1000px){
	.sma-pk__perche-list{grid-template-columns:repeat(2,1fr)}
	.sma-pk__steps{grid-template-columns:repeat(2,1fr);gap:30px}
	.sma-pk__fid{grid-template-columns:repeat(2,1fr)}
	.sma-pk__cards{gap:20px}
}

/* Monitor medi: la foto estesa verrebbe ritagliata sotto il testo. Qui si usa
   quella originale 16:9, intera e accanto al testo, sfumata sul lato sinistro. */
@media (min-width:861px) and (max-width:1100px){
	.sma-pk__hero--foto .sma-pk__hero-txt{width:44%}
	.sma-pk__hero--foto .sma-pk__hero-img{left:auto;bottom:auto;top:50%;transform:translateY(-50%);width:56%;aspect-ratio:16/9}
	.sma-pk__hero--foto .sma-pk__hero-img img{object-position:50% 50%}
	.sma-pk__hero--foto .sma-pk__hero-img::after{background:linear-gradient(90deg,var(--pk-inch) 0%,rgba(27,27,27,0) 22%)}
}
/* Mobile: la foto sopra a tutta larghezza, il testo continua sul nero. */
@media (max-width:860px){
	.sma-pk .sma-pk__hero--foto{padding:0}
	.sma-pk__hero--foto .sma-pk__hero-grid{display:flex;flex-direction:column;min-height:0}
	.sma-pk__hero--foto .sma-pk__hero-img{order:-1}
	.sma-pk__hero--foto .sma-pk__hero-img{position:relative;inset:auto;width:auto;margin:0 calc(50% - 50vw);aspect-ratio:16/10;align-self:stretch}
	.sma-pk__hero--foto .sma-pk__hero-img img{object-position:50% 62%}
	.sma-pk__hero--foto .sma-pk__hero-img::after{background:linear-gradient(0deg,var(--pk-inch) 0%,rgba(27,27,27,.55) 22%,rgba(27,27,27,0) 50%)}
	.sma-pk__hero--foto .sma-pk__hero-txt{width:auto;max-width:none;padding:6px 0 40px}
}

/* ------------------------------------------------------------------ mobile
   Ordine pensato per chi arriva dall'annuncio: offerta, poi subito i kit. */
@media (max-width:860px){
	.sma-pk__sec,.sma-pk__kit,.sma-pk__promo{padding:56px 0}
	.sma-pk__wrap{padding:0 18px}
	.sma-pk__intesta{margin-bottom:28px}
	.sma-pk__hero{padding:32px 0 0}
	.sma-pk__hero-grid{grid-template-columns:1fr;gap:28px}
	.sma-pk .sma-pk__hero h1{font-size:clamp(26px,7.6vw,34px)}
	.sma-pk__hero-sub{font-size:16px;margin-top:14px}
	.sma-pk__da{margin:20px 0 18px}
	.sma-pk__hero-txt .sma-pk__btn{width:100%}
	.sma-pk__garanzie{grid-template-columns:1fr}
	.sma-pk__garanzie li{justify-content:flex-start;padding:14px 0}
	.sma-pk__garanzie li + li{border-left:0;border-top:1px solid var(--pk-bordo)}
	.sma-pk__cards{grid-template-columns:1fr;gap:44px}
	.sma-pk__dettagli{padding:48px 0 0}
	.sma-pk__dettagli + .sma-pk__kit{padding-top:32px}
	.sma-pk__dettagli-grid{grid-template-columns:1fr;gap:28px}
	.sma-pk .sma-pk__salti a{flex-wrap:wrap;gap:6px 12px;padding:14px 2px}
	.sma-pk__salti .sma-pk__etichetta{flex-basis:100%}
	.sma-pk__perche .sma-pk__intesta{margin-bottom:28px}
	.sma-pk__perche-list{grid-template-columns:1fr}
	.sma-pk__perche-list li{padding:24px 20px}
	.sma-pk__kit-grid{grid-template-columns:1fr;gap:28px}
	.sma-pk__kit-img{position:static}
	/* Chi arriva dall'annuncio di un kit atterra qui: su mobile prezzo e
	   pulsante salgono subito sotto il nome, prima del testo lungo. */
	.sma-pk__scheda{display:flex;flex-direction:column;padding:24px 20px}
	.sma-pk__scheda > .sma-pk__etichetta{order:1;align-self:flex-start}
	.sma-pk__scheda > .sma-pk__nome{order:2}
	.sma-pk__scheda > h2{order:2}
	/* Chi arriva dall'annuncio deve vedere prezzo e pulsante senza scorrere:
	   su mobile vengono subito dopo il beneficio, i tre punti seguono. */
	.sma-pk__scheda > .sma-pk__compra{order:3;margin-top:16px;padding-top:14px}
	.sma-pk__scheda > .sma-pk__benefici{order:4;margin-top:20px}
	.sma-pk__kit{padding-top:28px}
	.sma-pk__kit-grid{gap:18px}
	.sma-pk__scheda > .sma-pk__lead{order:5;font-size:15.5px;margin-top:18px}
	.sma-pk__qty{flex-basis:118px}
	.sma-pk__steps{grid-template-columns:1fr;gap:28px}
	.sma-pk__fid{grid-template-columns:1fr;gap:0}
	.sma-pk__fid li{padding:18px 0}
	.sma-pk__orologio span{min-width:0;flex:1;max-width:80px}
	.sma-pk__orologio b{font-size:26px}
	.sma-pk__faq-grid{grid-template-columns:1fr;gap:24px}
	.sma-pk__faq-logo{width:150px;margin-bottom:22px}

	.sma-pk__sticky{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:999;
		background:var(--pk-inch);color:#fff;padding:10px 12px 10px 18px;font-size:13px;line-height:1.3;
		transform:translateY(110%);transition:transform .3s ease}
	.sma-pk__sticky.is-on{transform:none}
	.sma-pk__sticky span{flex:1}
	.sma-pk .sma-pk__sticky .sma-pk__btn{min-height:42px;padding:13px 18px}
}