/* landing-experience-2026.css — blocchi specifici della landing StreetFoody Experience 2026
   (si aggiunge a landing-2026.css, che resta invariato): intro + scheda del form che sale sopra l'hero,
   blocco info visita, fascia finale di richiamo al form. */
/* ============ v2: form visibile subito, in una scheda che sale sopra l'hero ============ */
.lp-intro-form { padding: 0 0 90px; }
.lp-intro-grid {
    max-width: 1240px; margin: 0 auto; padding: 0 40px;
    display: grid; grid-template-columns: minmax(0, 1fr) 500px; gap: 64px; align-items: start;
}
.lp-intro-left { padding-top: 0; text-align: left; }
/* spazio tra l'hero e il titolo dell'intro: landing-2026.css dava 128px (#lpv3-intro) + padding della colonna */
@media (min-width: 901px) { #lpv3-intro.lp-intro-form { padding-top: 48px; } }
.lp-intro-left .section-title { text-align: left; }
.lp-intro-left > p { font-size: 20px; line-height: 1.6; font-weight: 300; color: #555; margin: 0 0 10px; }
.lp-intro-left .lp-stats { margin: 40px 0; }
.lp-form-card {
    position: relative; z-index: 5; margin-top: -380px;   /* la scheda resta dove era: -460px con 128px di padding sopra */
    background: #fff; border-radius: 3px; box-shadow: 0 20px 50px rgba(0,0,0,.25); overflow: hidden;
}
#landing-contact.lp-form-card { background: #fff; padding: 0; }   /* il template colora #landing-contact di verde */
.lp-intro-left .lp-stat { padding: 30px 12px; }
.lp-intro-left .lp-stat-value { font-size: clamp(30px, 3vw, 44px); }
.lp-intro-left .lp-stat-unit { font-size: .45em; }
.lp-form-card-head { background: #38C197; color: #fff; padding: 26px 32px 22px; }
.lp-form-card-head h2 {
    font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 28px; line-height: 1.1;
    text-transform: uppercase; color: #fff; margin: 0;
}
.lp-form-card-head p { margin: 8px 0 0; font-size: 16px; color: #fff; }
.lp-form-card #landing-contact-form { box-shadow: none; }
.lp-form-card .landing-contact-form-inner { width: auto; padding: 6px 32px 18px; }
.lp-form-demo-note { display: none; color: #b61414; font-size: 14px; margin-bottom: 10px; }

/* info visita (colonna sinistra) – stile della pagina Experience StreetFoody */
.lp-visit-info { margin-top: 10px; }
.lp-visit-info .landing-intro-header {
    font-family: 'Oswald', sans-serif; font-weight: 400;
    padding: 0; font-size: 30px; line-height: 1.2;
    text-transform: uppercase; margin-bottom: 30px;
}
.lp-visit-info h3 { margin: 0 0 10px; line-height: 1.2; }
.lp-visit-info p, .lp-visit-info li { font-size: 17px; line-height: 1.7; color: #444; }
.lp-visit-info p { margin: 0 0 10px; }
.lp-visit-info ul { list-style: disc; margin: 0 0 34px 18px; padding: 0; }
.lp-visit-info a { color: #38C197; }

/* fascia finale di richiamo al form */
.lp-final-cta { max-width: none; margin-left: 0; margin-right: 0; }   /* senza id, .lp-referent resta largo quanto il contenuto e lascia due bande bianche ai lati */
.lp-final-cta .lp-referent-intro { max-width: 780px; margin: 6px auto 34px; font-size: 20px; line-height: 1.55; }
.lp-final-cta .lp-referent-intro strong { font-weight: 700; }
.lp-final-cta a.lp_more_2 { background: #fff; color: #38C197; border-color: #fff; }
.lp-final-cta a.lp_more_2:hover { background: transparent; color: #fff; }

.lp-intro-form ~ * .lp-hero-scroll, .lp-hero-scroll { display: none; }
@media (max-width: 1100px) {
    .lp-intro-grid { grid-template-columns: minmax(0, 1fr) 440px; gap: 40px; padding: 0 24px; }
    .lp-form-card { margin-top: -120px; }
}
@media (max-width: 900px) {
    .lp-intro-form { padding-bottom: 50px; }
    .lp-intro-grid { grid-template-columns: 1fr; gap: 0; padding: 0 16px; }
    .lp-form-card { order: -1; margin-top: -40px; }
    .lp-form-card-head { padding: 20px; }
    .lp-form-card-head h2 { font-size: 22px; }
    .lp-form-card .landing-contact-form-inner { padding: 0 20px 10px; }
    .lp-intro-left { padding-top: 28px; }
    .lp-intro-left > p { font-size: 17px; }
    .lp-visit-info .landing-intro-header { font-size: 24px; margin-bottom: 24px; }
}

/* ============ hero: sottotitolo a tre righe (v7) ============ */
.lp-hero-video .hero-subtitle { max-width: none; margin: 22px 0 6px; font-family: 'Open Sans', sans-serif; }
.lp-sub-line { display: block; }
.lp-hero-video .lp-sub-line:nth-child(1) {
    display: flex; align-items: center; gap: 14px;
    margin-bottom: 12px;
    font-size: 15px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: rgba(255,255,255,.92);
}
.lp-hero-video .lp-sub-line:nth-child(1)::before { content: ''; width: 40px; height: 2px; background: #38C197; flex: 0 0 auto; }
.lp-hero-video .lp-sub-line:nth-child(n+2) { font-size: 36px; line-height: 1.12; letter-spacing: -.01em; color: #fff; }
.lp-hero-video .lp-sub-line:nth-child(2) { font-weight: 300; }
.lp-hero-video .lp-sub-line:nth-child(3) { font-weight: 800; color: #38C197; }
@media (max-width: 768px) {
    .lp-hero-video .lp-sub-line:nth-child(1) { justify-content: center; font-size: 12px; letter-spacing: .2em; gap: 10px; }
    .lp-hero-video .lp-sub-line:nth-child(1)::before { width: 24px; }
    .lp-hero-video .lp-sub-line:nth-child(n+2) { font-size: 26px; }
}

/* ============ fasce: 3 fasce (v7) — inquadrature per posizione ============ */
.landingV3-content .lp-bands .product-row:nth-child(1) { --lp-focus: 0%; }
.landingV3-content .lp-bands .product-row:nth-child(2) { --lp-focus: 100%; }   /* "Cosa troverai?": soggetti a destra, testo a sinistra */
.landingV3-content .lp-bands .product-row:nth-child(3) { --lp-focus: 100%; }
@media (max-width: 768px) {
    .landingV3-content .lp-bands .product-row:nth-child(2) { --lp-focus-m: 62%; }
    .landingV3-content .lp-bands .product-row:nth-child(3) { --lp-focus-m: 45%; }
}