*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#0B4F8A;--primary-dark:#083A66;--primary-light:#D6EAF8;--accent:#E8760C;--accent-hover:#CF6800;--text:#1B2A3D;--text-muted:#5A6A7E;--white:#FFF;--bg:#F6F9FC;--border:#D0DBE5;--radius:10px;--radius-lg:16px;--shadow-md:0 4px 16px rgba(11,79,138,.1);--shadow-lg:0 8px 32px rgba(11,79,138,.12)}
html{scroll-behavior:smooth}body{font-family:'Libre Baskerville',Georgia,serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--white)}
h1,h2,h3,h4,h5{font-family:'Barlow Condensed',sans-serif;font-weight:700;line-height:1.15}a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.topbar{background:var(--primary-dark);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:14px;padding:8px 0;display:flex}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.topbar a{color:#fff}.topbar__badge{background:var(--accent);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.topbar__right{display:flex;gap:16px}
.navbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.navbar .container{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px}
.logo{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;color:var(--primary);display:flex;align-items:center;gap:8px}
.logo__icon{width:36px;height:36px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.logo span{color:var(--accent)}.nav-links{display:flex;list-style:none;gap:28px;align-items:center}
.nav-links a{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;color:var(--text);text-transform:uppercase}
.nav-cta{background:var(--accent)!important;color:#fff!important;padding:10px 20px!important;border-radius:var(--radius)!important}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
.nav-toggle span{display:block;width:26px;height:3px;background:var(--primary);border-radius:2px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;padding:14px 28px;border-radius:var(--radius);border:none;cursor:pointer;transition:all .25s;text-transform:uppercase}
.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px rgba(232,118,12,.3)}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-2px)}
.btn--outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn--outline:hover{background:var(--primary);color:#fff}
.btn--white{background:#fff;color:var(--accent)}.btn--full{width:100%;justify-content:center}
.page-hero{background:linear-gradient(145deg,#E3F1FB,#B0D4F1);padding:60px 0 50px}
.page-hero--location{background:linear-gradient(145deg,#D6EAF8,#A8CCE8)}.page-hero--casus{background:linear-gradient(145deg,#E8F0FE,#C5DDEF)}
.page-hero h1{font-size:42px;color:var(--primary-dark);margin-bottom:16px}.page-hero__sub{font-size:17px;color:var(--text-muted);max-width:700px;margin-bottom:24px}
.page-hero__badge{display:inline-block;background:#fff;color:var(--primary);font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;padding:6px 16px;border-radius:50px;margin-bottom:16px;text-transform:uppercase}
.page-hero__cta{display:flex;gap:12px;flex-wrap:wrap}.breadcrumb{font-family:'Barlow Condensed',sans-serif;font-size:13px;color:var(--text-muted);margin-bottom:20px}
.breadcrumb a{color:var(--primary)}
.section{padding:60px 0}.section--alt{background:var(--bg)}
.content-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.content-main h2{font-size:28px;color:var(--primary-dark);margin:32px 0 12px}.content-main h2:first-child{margin-top:0}
.content-main p{margin-bottom:16px}.content-main ul{margin:0 0 16px 24px}.content-main li{margin-bottom:8px}
.content-main a{color:var(--primary);font-weight:600;border-bottom:1px solid var(--primary-light)}.content-main a:hover{color:var(--accent)}
.sidebar{position:sticky;top:80px}.sidebar-cta{background:var(--primary);color:#fff;padding:24px;border-radius:var(--radius-lg);text-align:center;margin-bottom:20px}
.sidebar-cta h3{font-size:20px;margin-bottom:12px;color:#fff}.sidebar-cta p{font-size:13px;margin-top:8px;opacity:.8}
.sidebar-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}
.sidebar-box h4{font-size:16px;color:var(--primary-dark);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.sidebar-box ul{list-style:none}.sidebar-box li{margin-bottom:6px}.sidebar-box li a{font-family:'Barlow Condensed',sans-serif;font-size:14px;color:var(--text-muted);font-weight:500;border:none}
.sidebar-box li a:hover{color:var(--accent)}.sidebar-box li.active a{color:var(--primary);font-weight:700}
.cta-box{background:var(--primary-light);border-left:4px solid var(--primary);padding:28px;border-radius:var(--radius);margin:32px 0}
.cta-box h3{font-size:22px;color:var(--primary-dark);margin-bottom:8px}.cta-box p{margin-bottom:12px}
.technieken-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}
.techniek-card{background:var(--bg);padding:20px;border-radius:var(--radius);border:1px solid var(--border)}
.techniek-card__icon{font-size:28px;margin-bottom:8px}.techniek-card h4{font-size:17px;margin-bottom:6px}
.techniek-card h4 a{border:none}.techniek-card p{font-size:13px;color:var(--text-muted);margin:0}
.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.overview-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:all .3s}
.overview-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:transparent}
.overview-card__icon{font-size:36px;margin-bottom:12px}.overview-card h3{font-size:20px;color:var(--primary-dark);margin-bottom:8px}
.overview-card p{font-size:13px;color:var(--text-muted)}
.casus-meta{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.casus-meta__item{font-size:14px}.casus-meta__item strong{color:var(--primary-dark)}
.casus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.casus-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .3s}
.casus-card:hover{box-shadow:var(--shadow-md)}.casus-card h4{font-size:16px;color:var(--primary-dark);margin-bottom:6px}
.casus-card p{font-size:13px;color:var(--text-muted);margin-bottom:4px}.casus-card span{font-size:12px;color:var(--text-muted)}
.nearby-grid{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.nearby-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 18px;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:600;transition:all .2s}
.nearby-card:hover{background:var(--primary);color:#fff}
.straten-section{background:var(--bg);border-radius:var(--radius-lg);padding:24px;margin-top:28px;border:1px solid var(--border)}
.straten-section h3{font-size:20px;color:var(--primary-dark);margin-bottom:12px}
.straten-list{list-style:none;margin:0;padding:0}.straten-list li{padding:8px 0;border-bottom:1px solid var(--border);font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:500}
.wijk-label{margin-top:12px;font-family:'Barlow Condensed',sans-serif;font-size:14px;color:var(--primary)}
.cta-banner{background:var(--accent);padding:48px 0;text-align:center;color:#fff}
.cta-banner h2{font-size:32px;margin-bottom:10px;color:#fff}.cta-banner p{font-size:16px;opacity:.85;margin-bottom:20px}
.footer{background:var(--primary-dark);color:rgba(255,255,255,.7);padding:48px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer__brand p{font-size:13px;max-width:260px;margin-top:12px}.footer h4{font-size:15px;color:#fff;text-transform:uppercase;margin-bottom:16px}
.footer ul{list-style:none}.footer ul a{font-family:'Barlow Condensed',sans-serif;font-size:14px;color:rgba(255,255,255,.6)}.footer ul li{margin-bottom:6px}
.footer__contact-item{font-family:'Barlow Condensed',sans-serif;font-size:14px;margin-bottom:8px;display:flex;gap:8px;align-items:center}
.footer__contact-item a{color:rgba(255,255,255,.8)}.footer__bottom{padding:16px 0;text-align:center;font-size:12px;font-family:'Barlow Condensed',sans-serif}
.mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--accent);padding:14px;z-index:200;box-shadow:0 -4px 16px rgba(0,0,0,.15)}
.mobile-cta a{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;text-transform:uppercase}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.contact-item{display:flex;gap:14px;align-items:flex-start;background:var(--bg);padding:20px;border-radius:var(--radius);border:1px solid var(--border)}
.contact-item span{font-size:24px}
details{border-bottom:1px solid var(--border);padding:16px 0}details summary{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;color:var(--primary-dark);cursor:pointer}
details p{margin-top:10px;font-size:14px;color:var(--text-muted)}
@media(max-width:768px){.content-layout{grid-template-columns:1fr}.sidebar{position:static}.nav-links{display:none}
.nav-toggle{display:flex}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;gap:14px;box-shadow:var(--shadow-lg)}
.page-hero h1{font-size:30px}.technieken-grid,.overview-grid,.casus-grid,.casus-meta,.contact-details{grid-template-columns:1fr}
.mobile-cta{display:block}body{padding-bottom:56px}.footer-grid{grid-template-columns:1fr}.topbar__right{display:none}}
@media(max-width:480px){.page-hero h1{font-size:26px}.page-hero__cta .btn{width:100%;justify-content:center}}
/* === ENHANCED STYLES === */
.photo-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}
.photo-gallery img{width:100%;height:220px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);transition:transform .3s}
.photo-gallery img:hover{transform:scale(1.03)}
.photo-gallery figcaption{font-family:'Barlow Condensed',sans-serif;font-size:13px;color:var(--text-muted);text-align:center;margin-top:4px}
@media(max-width:600px){.photo-gallery{grid-template-columns:1fr}.photo-gallery img{height:180px}}

.stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;padding:28px;background:var(--primary);border-radius:var(--radius-lg);color:#fff;text-align:center}
.stat-bar__item{font-family:'Barlow Condensed',sans-serif}.stat-bar__num{font-size:36px;font-weight:800;line-height:1}
.stat-bar__label{font-size:13px;font-weight:500;opacity:.8;margin-top:4px}
@media(max-width:600px){.stat-bar{grid-template-columns:repeat(2,1fr);gap:12px}.stat-bar__num{font-size:28px}}

.trust-badges{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0;align-items:center}
.trust-badge{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:50px;padding:8px 16px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;color:var(--primary)}

.process-timeline{position:relative;padding-left:40px;margin:24px 0}
.process-timeline::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:3px;background:var(--border)}
.process-step{position:relative;margin-bottom:24px;padding-left:20px}
.process-step__dot{position:absolute;left:-33px;top:4px;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px}
.process-step h3{font-size:18px;color:var(--primary-dark);margin-bottom:4px}
.process-step p{font-size:14px;color:var(--text-muted);margin:0}

.price-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius-lg);padding:32px;margin:24px 0;text-align:center}
.price-card h3{font-size:28px;color:#fff;margin-bottom:8px}.price-card .price{font-size:48px;font-weight:800;font-family:'Barlow Condensed',sans-serif}
.price-card .price small{font-size:18px;opacity:.7}.price-card ul{list-style:none;margin:16px 0;text-align:left}
.price-card li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.15);font-family:'Barlow Condensed',sans-serif;font-size:15px}
.price-card li::before{content:'✓ ';color:#10B981}

.review-inline{background:var(--bg);border-left:4px solid #F59E0B;border-radius:var(--radius);padding:20px 24px;margin:24px 0;font-style:italic}
.review-inline cite{display:block;font-style:normal;font-family:'Barlow Condensed',sans-serif;font-weight:700;color:var(--primary);margin-top:8px;font-size:14px}

.checklist{list-style:none;margin:16px 0;padding:0}
.checklist li{padding:8px 0 8px 32px;position:relative;border-bottom:1px solid var(--border);font-size:15px}
.checklist li::before{content:'✅';position:absolute;left:0;top:8px}

.extra-content h2{margin-top:28px}

/* ============================================================
   CONTENT BLOCKS — Visuele structuur voor tekst
   ============================================================ */

/* Paragrafen in content-main beter scheiden */
.content-main > p,
.content-main > .extra-content > p {
    margin-bottom: 20px;
    line-height: 1.85;
}

/* Content sections met achtergrondkleur */
.content-block {
    background: var(--bg);
    border-radius: var(--radius-lg);
    padding: 28px 32px;
    margin: 28px 0;
    border: 1px solid var(--border);
}

.content-block--accent {
    background: var(--primary-light);
    border-color: transparent;
    border-left: 4px solid var(--primary);
}

.content-block--dark {
    background: var(--primary);
    color: #fff;
    border-color: transparent;
}

.content-block--dark h3,
.content-block--dark h2 { color: #fff; }
.content-block--dark p { color: rgba(255,255,255,.85); }

.content-block h3 {
    font-size: 20px;
    color: var(--primary-dark);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.content-block h3 .block-icon {
    font-size: 24px;
}

/* Info cards grid */
.info-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 24px 0;
}

.info-card {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 20px;
    transition: box-shadow .3s, transform .3s;
}

.info-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.info-card__icon {
    font-size: 28px;
    margin-bottom: 8px;
}

.info-card h3 {
    font-size: 17px;
    color: var(--primary-dark);
    margin-bottom: 6px;
}

.info-card p {
    font-size: 13px;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 600px) {
    .info-cards { grid-template-columns: 1fr; }
}

/* Numbered list visual */
.numbered-section {
    counter-reset: step;
    margin: 24px 0;
}

.numbered-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid var(--border);
}

.numbered-item::before {
    counter-increment: step;
    content: counter(step);
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 18px;
}

.numbered-item h3 {
    font-size: 18px;
    color: var(--primary-dark);
    margin-bottom: 4px;
}

.numbered-item p {
    font-size: 14px;
    color: var(--text-muted);
    margin: 0;
}

/* Key-value info rows */
.info-rows {
    margin: 20px 0;
}

.info-row {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
    font-size: 15px;
}

.info-row__label {
    flex: 0 0 180px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    color: var(--primary-dark);
}

.info-row__value {
    flex: 1;
    color: var(--text);
}

/* Highlight quote blocks */
.highlight-box {
    position: relative;
    background: linear-gradient(135deg, var(--primary-light), #EBF4FF);
    border-radius: var(--radius-lg);
    padding: 28px 32px;
    margin: 28px 0;
    overflow: hidden;
}

.highlight-box::before {
    content: '💡';
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 32px;
    opacity: 0.15;
}

.highlight-box h3 {
    font-size: 20px;
    color: var(--primary-dark);
    margin-bottom: 8px;
}

/* Section dividers */
.section-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 36px 0 24px;
}

.section-divider::before,
.section-divider::after {
    content: '';
    flex: 1;
    height: 2px;
    background: var(--border);
}

.section-divider span {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--accent);
    white-space: nowrap;
}

/* Logo in navbar */
.logo-img {
    height: 40px;
    width: auto;
}

/* Better sidebar spacing */
.sidebar-box ul li {
    padding: 4px 0;
}

.sidebar-box ul li a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 6px;
    transition: background .2s;
}

.sidebar-box ul li a:hover {
    background: var(--bg);
}

/* Casus meta improved */
.casus-meta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.casus-meta__item {
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    font-size: 15px;
}

.casus-meta__item:last-child {
    border-bottom: none;
}

.casus-meta__item strong {
    flex: 0 0 160px;
    color: var(--primary-dark);
}


/* === IMPROVED SPACING & VISUAL BLOCKS === */
.content-main { line-height: 1.9; }
.content-main p { margin-bottom: 18px; font-size: 15.5px; }
.content-main h2 { margin: 40px 0 16px; padding-top: 20px; border-top: 2px solid var(--border); }
.content-main h2:first-child { border-top: none; margin-top: 0; padding-top: 0; }
.content-main h3 { margin: 28px 0 10px; }

/* Stronger visual blocks */
.content-block { margin: 32px 0; padding: 28px 32px; }
.content-block h2 { border-top: none; margin-top: 0; padding-top: 0; }
.content-block h3 { margin-top: 0; }
.content-block p:last-child { margin-bottom: 0; }

/* Alternating sections outside sidebar */
.text-section { max-width: 860px; margin: 0 auto; padding: 40px 24px; }
.text-section--alt { background: var(--bg); border-radius: var(--radius-lg); padding: 36px 32px; margin: 24px auto; border: 1px solid var(--border); }
.text-section--highlight { background: var(--primary-light); border-left: 5px solid var(--primary); border-radius: var(--radius-lg); padding: 32px; margin: 24px auto; }
.text-section h2 { margin-top: 0; border-top: none; padding-top: 0; }
.text-section p:last-child { margin-bottom: 0; }

/* FAQ improvements */
details { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 10px; overflow: hidden; }
summary { padding: 16px 20px; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 16px; cursor: pointer; color: var(--primary-dark); }
summary:hover { background: var(--primary-light); }
details[open] summary { border-bottom: 1px solid var(--border); background: var(--primary-light); }
details p { padding: 16px 20px; margin: 0; font-size: 14px; line-height: 1.7; }

/* Review card upgrade */
.review-inline { background: #FFFBF0; border-left: 4px solid #F59E0B; border-radius: var(--radius); padding: 24px 28px; margin: 32px 0; }

/* ═══ TABLET (iPad) ═══ */
@media (min-width:769px) and (max-width:1024px) {
    .content-layout { grid-template-columns: 1fr 280px; gap: 24px; }
    .overview-grid { grid-template-columns: repeat(2, 1fr); }
    .info-cards { grid-template-columns: repeat(2, 1fr); }
    .stat-bar { grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 20px; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .page-hero h1 { font-size: 34px; }
    .container { padding: 0 20px; }
}

/* ═══ TELEFOON ═══ */
@media (max-width:768px) {
    .content-layout { grid-template-columns: 1fr; }
    .sidebar { position: static; margin-top: 32px; }
    .overview-grid { grid-template-columns: 1fr; }
    .casus-grid { grid-template-columns: 1fr; }
    .technieken-grid { grid-template-columns: 1fr; }
    .info-cards { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .page-hero h1 { font-size: 28px; }
    .page-hero__sub { font-size: 15px; }
    .nav-links { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: #fff; box-shadow: var(--shadow-lg); padding: 16px; gap: 12px; z-index: 99; }
    .nav-links.active { display: flex; }
    .nav-toggle { display: flex; }
    .topbar { font-size: 12px; }
    .topbar .container { flex-direction: column; align-items: center; gap: 4px; }
    .content-block { padding: 20px; margin: 20px 0; }
    .cta-banner h2 { font-size: 24px; }
    .stat-bar__num { font-size: 28px; }
    .section { padding: 40px 0; }
    .trust-badges { justify-content: center; }
    .review-inline { padding: 20px; }
    .photo-gallery { grid-template-columns: 1fr; }
    .photo-gallery img { height: 200px; }
}

/* ═══ KLEINE TELEFOON ═══ */
@media (max-width:380px) {
    .page-hero h1 { font-size: 24px; }
    .btn { padding: 12px 20px; font-size: 14px; }
    .stat-bar { grid-template-columns: repeat(2, 1fr); }
    .stat-bar__num { font-size: 24px; }
    .content-block { padding: 16px; }
    .logo { font-size: 22px; }
}

/* ═══ GROTE SCHERMEN / TV ═══ */
@media (min-width:1400px) {
    .container { max-width: 1320px; }
    body { font-size: 17px; }
    .page-hero h1 { font-size: 48px; }
    .content-main h2 { font-size: 32px; }
    .stat-bar__num { font-size: 42px; }
}

@media (min-width:1920px) {
    .container { max-width: 1440px; }
    body { font-size: 18px; line-height: 1.9; }
    .page-hero h1 { font-size: 54px; }
}

/* ═══ MOBILE CTA BALK ═══ */
.mobile-cta { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: var(--accent); text-align: center; padding: 14px; box-shadow: 0 -4px 16px rgba(0,0,0,.15); }
.mobile-cta a { color: #fff; font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 18px; text-decoration: none; }
@media (max-width:768px) {
    .mobile-cta { display: block; }
    body { padding-bottom: 60px; }
}

/* ═══ PRINT ═══ */
@media print {
    .topbar, .navbar, .mobile-cta, .cta-banner, .trust-badges, .stat-bar, footer { display: none; }
    .content-layout { grid-template-columns: 1fr; }
    .sidebar { display: none; }
    body { font-size: 12pt; color: #000; }
    a { color: #000; }
}

/* ===== CONTACT FORM (added for /contact/ page) ===== */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}
.contact-info__item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 28px;
}
.contact-info__icon {
  width: 48px; height: 48px;
  border-radius: 12px;
  background: var(--primary-light, #D6EAF8);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; flex-shrink: 0;
}
.contact-info__label {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700; font-size: 16px;
  color: var(--primary-dark, #083A66);
  text-transform: uppercase; letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.contact-info__value {
  font-size: 15px; color: var(--text-muted, #5A6A7E);
  line-height: 1.5;
}
.contact-info__value a {
  color: var(--primary, #0B4F8A); font-weight: 600;
  transition: color 0.2s;
}
.contact-info__value a:hover { color: var(--accent, #E8760C); }
.contact-form {
  background: #fff;
  border-radius: 16px;
  padding: 36px;
  border: 1px solid var(--border, #D0DBE5);
  box-shadow: 0 4px 16px rgba(11,79,138,0.10);
}
.contact-form h3 {
  font-size: 24px;
  color: var(--primary-dark, #083A66);
  margin-bottom: 24px;
}
.form-group { margin-bottom: 18px; }
.form-group label {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 600; font-size: 14px;
  color: var(--text, #1B2A3D);
  text-transform: uppercase; letter-spacing: 0.5px;
  margin-bottom: 6px;
}
.form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--border, #D0DBE5);
  border-radius: 10px;
  font-family: 'Libre Baskerville', serif;
  font-size: 14px;
  color: var(--text, #1B2A3D);
  background: var(--bg, #F6F9FC);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  outline: none;
  border-color: var(--primary, #0B4F8A);
  box-shadow: 0 0 0 3px rgba(11,79,138,0.1);
}
.form-group textarea { min-height: 100px; resize: vertical; }
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.btn--submit {
  width: 100%;
  background: var(--primary, #0B4F8A);
  color: #fff;
  font-size: 16px;
  padding: 16px;
  justify-content: center;
  border: none;
  border-radius: 10px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}
.btn--submit:hover {
  background: var(--primary-dark, #083A66);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .contact-grid { grid-template-columns: 1fr; gap: 32px; }
  .form-row { grid-template-columns: 1fr; }
  .contact-form { padding: 24px; }
}
