/* Landing pages — De Verhuizing
   Mobile-first, navy #1067b2 + oranje #1d4ed8
   Used by: student-verhuizen / gezins-verhuizing / senioren-verhuizing / zakelijke-verhuizing
*/
.lp-hero{position:relative;background:linear-gradient(135deg,#0c1b38 0%,#1067b2 100%);color:#fff;padding:64px 0 56px;overflow:hidden}
.lp-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(37,99,235,.18),transparent 55%);pointer-events:none}
.lp-hero .container{position:relative;max-width:1080px;padding:0 18px;margin:0 auto}
.lp-hero h1{font-size:clamp(1.75rem,5vw,3.1rem);line-height:1.12;font-weight:900;margin:0 0 14px;letter-spacing:-.02em}
.lp-hero h1 .accent{color:#1d4ed8}
.lp-hero p.lp-sub{font-size:clamp(1rem,2.4vw,1.25rem);max-width:640px;margin:0 0 22px;opacity:.94;line-height:1.5}
.lp-trust{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px}
.lp-trust span{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;background:rgba(255,255,255,.12);padding:6px 12px;border-radius:999px;backdrop-filter:blur(4px)}
.lp-trust i{color:#60a5fa}

/* CTA buttons */
.lp-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-weight:800;text-decoration:none;font-size:1.05rem;min-height:48px;justify-content:center;transition:transform .12s,box-shadow .12s;border:none;cursor:pointer}
.lp-cta-primary{background:#1d4ed8;color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.35)}
.lp-cta-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(37,99,235,.45)}
.lp-cta-primary.b{background:#10b981;box-shadow:0 8px 22px rgba(16,185,129,.35)} /* variant B */
.lp-cta-secondary{background:#fff;color:#0c1b38;border:2px solid #fff}
.lp-cta-tel{background:#10b981;color:#fff;font-size:1.1rem}
.lp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}

/* Hero form (mini-3-fields) */
.lp-hero-form{background:#fff;color:#0f172a;border-radius:18px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.18);max-width:420px;margin-top:12px}
.lp-hero-form h3{margin:0 0 14px;font-size:1.15rem;color:#0c1b38;font-weight:800}
.lp-hero-form label{display:block;font-size:.82rem;font-weight:600;color:#475569;margin:10px 0 4px}
.lp-hero-form input{width:100%;padding:12px 14px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:1rem;min-height:48px;font-family:inherit;box-sizing:border-box}
.lp-hero-form input:focus{outline:0;border-color:#1067b2;box-shadow:0 0 0 3px rgba(16,103,178,.18)}
.lp-hero-form .lp-cta{width:100%;margin-top:16px}
.lp-form-msg{padding:10px 12px;border-radius:8px;font-size:.9rem;margin-top:10px;font-weight:600}
.lp-form-msg.ok{background:#d1fae5;color:#065f46}
.lp-form-msg.err{background:#fee2e2;color:#991b1b}

/* Hero grid: text + form side-by-side on desktop */
.lp-hero-grid{display:grid;gap:32px;grid-template-columns:1fr;align-items:start}
@media(min-width:860px){.lp-hero-grid{grid-template-columns:1.2fr 1fr;gap:48px}}

/* USP section */
.lp-usp{padding:56px 0 48px;background:#f8fafc}
.lp-usp .container{max-width:1080px;padding:0 18px;margin:0 auto}
.lp-usp h2{text-align:center;font-size:clamp(1.45rem,3.4vw,2.1rem);font-weight:800;color:#0c1b38;margin:0 0 36px}
.lp-usp-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:680px){.lp-usp-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.lp-usp-grid{grid-template-columns:repeat(4,1fr)}}
.lp-usp-card{background:#fff;border-radius:14px;padding:22px 20px;box-shadow:0 4px 14px rgba(15,23,42,.06);border-top:3px solid #1d4ed8}
.lp-usp-card i{font-size:1.85rem;color:#1067b2;margin-bottom:12px;display:block}
.lp-usp-card h3{font-size:1.05rem;font-weight:800;margin:0 0 8px;color:#0c1b38}
.lp-usp-card p{font-size:.92rem;color:#475569;line-height:1.55;margin:0}

/* Calculator */
.lp-calc{padding:48px 0;background:#fff}
.lp-calc .container{max-width:760px;padding:0 18px;margin:0 auto}
.lp-calc h2{text-align:center;color:#0c1b38;font-size:1.55rem;font-weight:800;margin:0 0 8px}
.lp-calc p.intro{text-align:center;color:#55637a;margin:0 0 28px}
.lp-calc-row{display:grid;grid-template-columns:1fr;gap:16px;background:#f1f5f9;padding:22px;border-radius:14px}
@media(min-width:680px){.lp-calc-row{grid-template-columns:repeat(3,1fr)}}
.lp-calc-row label{font-size:.85rem;font-weight:600;color:#334155;display:block;margin-bottom:6px}
.lp-calc-row select,.lp-calc-row input{width:100%;padding:11px 12px;min-height:46px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:1rem;background:#fff;box-sizing:border-box}
.lp-calc-result{margin-top:18px;padding:18px 22px;background:linear-gradient(135deg,#1067b2,#0c1b38);color:#fff;border-radius:14px;text-align:center}
.lp-calc-result .price{font-size:2rem;font-weight:900;color:#60a5fa;letter-spacing:-.02em}
.lp-calc-result .note{font-size:.82rem;opacity:.85;margin-top:6px}

/* Reviews / testimonials */
.lp-reviews{padding:56px 0;background:#f8fafc}
.lp-reviews .container{max-width:1080px;padding:0 18px;margin:0 auto}
.lp-reviews h2{text-align:center;color:#0c1b38;font-size:1.7rem;font-weight:800;margin:0 0 32px}
.lp-rev-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:760px){.lp-rev-grid{grid-template-columns:repeat(3,1fr)}}
.lp-rev-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 14px rgba(15,23,42,.06)}
.lp-rev-stars{color:#60a5fa;font-size:1.05rem;margin-bottom:8px}
.lp-rev-card blockquote{font-style:italic;color:#334155;margin:0 0 14px;line-height:1.55;font-size:.96rem}
.lp-rev-author{font-weight:700;color:#0c1b38;font-size:.92rem}
.lp-rev-author small{display:block;color:#55637a;font-weight:500;font-size:.8rem;margin-top:2px}

/* FAQ */
.lp-faq{padding:56px 0;background:#fff}
.lp-faq .container{max-width:820px;padding:0 18px;margin:0 auto}
.lp-faq h2{text-align:center;color:#0c1b38;font-size:1.7rem;font-weight:800;margin:0 0 32px}
.lp-faq details{background:#f1f5f9;border-radius:12px;margin:0 0 12px;padding:0;overflow:hidden}
.lp-faq summary{cursor:pointer;padding:16px 20px;font-weight:700;color:#0c1b38;list-style:none;display:flex;justify-content:space-between;align-items:center}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";color:#1d4ed8;font-size:1.4rem;font-weight:800;transition:transform .2s}
.lp-faq details[open] summary::after{content:"−"}
.lp-faq details[open] summary{background:#1067b2;color:#fff}
.lp-faq details p{padding:14px 20px;color:#334155;line-height:1.6;margin:0}

/* Photo carousel (gezins) */
.lp-photos{padding:56px 0;background:#fff}
.lp-photos .container{max-width:1080px;padding:0 18px;margin:0 auto}
.lp-photos h2{text-align:center;color:#0c1b38;font-size:1.55rem;margin:0 0 28px;font-weight:800}
.lp-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:760px){.lp-photo-grid{grid-template-columns:repeat(4,1fr)}}
.lp-photo-grid figure{margin:0;aspect-ratio:1;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1067b2,#0c1b38);position:relative;display:flex;align-items:center;justify-content:center}
.lp-photo-grid figure i{font-size:2.5rem;color:rgba(255,255,255,.45)}
.lp-photo-grid figure img{width:100%;height:100%;object-fit:cover}
.lp-photo-grid figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:24px 12px 10px;font-size:.85rem;font-weight:600}

/* Senioren — large/calm style overrides */
.lp-senior{font-size:1.05rem}
.lp-senior .lp-hero h1{font-size:clamp(1.95rem,5vw,3rem)}
.lp-senior .lp-usp-card p{font-size:1rem}
.lp-senior .lp-cta{font-size:1.15rem;min-height:54px;padding:16px 28px}
.lp-senior .lp-tel-banner{background:linear-gradient(135deg,#10b981,#0c8a5e);color:#fff;padding:24px 18px;text-align:center;border-radius:0;margin:0}
.lp-senior .lp-tel-banner a{color:#fff;font-size:1.6rem;font-weight:900;text-decoration:none;display:inline-flex;gap:10px;align-items:center}
.lp-senior .lp-tel-banner small{display:block;font-size:.92rem;opacity:.9;margin-top:4px;font-weight:500}

/* Zakelijke — B2B trust badges */
.lp-b2b-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:32px 0}
@media(min-width:680px){.lp-b2b-badges{grid-template-columns:repeat(4,1fr)}}
.lp-b2b-badges div{background:#fff;padding:18px 14px;border-radius:12px;text-align:center;border:1.5px solid #e2e8f0}
.lp-b2b-badges i{font-size:1.65rem;color:#1067b2;margin-bottom:6px;display:block}
.lp-b2b-badges strong{display:block;color:#0c1b38;font-size:.9rem}
.lp-b2b-badges small{color:#55637a;font-size:.78rem}

/* Final CTA strip */
.lp-cta-strip{background:linear-gradient(135deg,#0c1b38,#1067b2);color:#fff;padding:48px 18px;text-align:center}
.lp-cta-strip h2{font-size:clamp(1.4rem,3.5vw,2rem);margin:0 0 14px;font-weight:800}
.lp-cta-strip p{margin:0 0 24px;opacity:.92;max-width:560px;margin-left:auto;margin-right:auto}
.lp-cta-strip .lp-cta-row{justify-content:center}

/* Sticky mobile CTA */
.lp-sticky{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #1d4ed8;padding:10px 14px;display:flex;gap:10px;z-index:9000;box-shadow:0 -8px 22px rgba(0,0,0,.1)}
.lp-sticky a{flex:1;text-align:center;padding:12px 14px;border-radius:10px;font-weight:800;text-decoration:none;font-size:.95rem;min-height:46px;display:flex;align-items:center;justify-content:center;gap:6px}
.lp-sticky a.tel{background:#10b981;color:#fff}
.lp-sticky a.cta{background:#1d4ed8;color:#fff}
@media(min-width:860px){.lp-sticky{display:none}}
body.has-lp-sticky{padding-bottom:80px}
@media(min-width:860px){body.has-lp-sticky{padding-bottom:0}}

/* LP-LEESBAAR-20260915 — op deverhuizing.nl ontbrak deze hele stylesheet (404) en leesbaar-20260914.css bestaat alleen
   in de .com-familie: kop donkergrijs op donkerblauw (1,1:1). Hier, zodat elke site met landingspagina's het meekrijgt. */
.lp-hero h1, .lp-hero p.lp-sub, .lp-trust span, .lp-cta-strip h2, .lp-cta-strip p { color:#ffffff !important; opacity:1 !important; }
.lp-cta.lp-cta-primary, .lp-cta.lp-cta-tel { background:#047857 !important; border-color:#047857 !important; color:#ffffff !important; }
.lp-tel-banner { background:#047857 !important; }
.lp-tel-banner small { color:#ffffff !important; opacity:1 !important; }