/* =========================================================
   Grondaanbod V21.16 — zachter en breder
   Naar het voorbeeld van mijnaccurevisie.nl: lichte hero, koppen in een
   rustige schreefletter, minder zware knoppen en inhoud even breed als de menubalk.
   Laadt als laatste; verwijder de link in app/header.php om terug te gaan.
   ========================================================= */
:root{--ga216-wide:1380px;--ga216-ink:#163329;--ga216-text:#4f5d57}

/* ---------- Breedte ---------- */
.ga211-section,.ga212-map-section,.page-wrap{max-width:var(--ga216-wide)}
.market-search-page-head{max-width:var(--ga216-wide)}
.market-search-categories,.ga215-filters,.ga215-alertstrip{max-width:calc(var(--ga216-wide) - 48px)}
.ga211-pagehero .ga211-section{max-width:var(--ga216-wide)}

/* ---------- Typografie ---------- */
body.ga13 h1,body.ga13 h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.022em!important}
body.ga13 h1{line-height:1.04}
body.ga13 h3{font-weight:700;letter-spacing:-.01em}
body.ga13 .btn,body.ga13 button{font-weight:700}
body.ga13 .main-nav a{font-weight:600}
body.ga13 p{color:inherit}
body.ga13 .ga211-section-head p,body.ga13 .page-title p,body.ga13 .market-search-page-head p{color:var(--ga216-text)}
/* grote koppen iets ruimer, kleine kopjes in kaartjes blijven sans */
body.ga13 .ga215-results-head h2{font-size:26px}
body.ga13 .ga211-offer-card h3,body.ga13 .listing-body h3{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:700}

/* ---------- Homepage: lichte hero zoals mijnaccurevisie.nl ---------- */
.ga216-hero{min-height:560px;display:flex;align-items:center;padding:54px 26px;border-bottom:1px solid var(--line,#e2e0d8);
  background:linear-gradient(90deg,rgba(248,246,239,.97) 0%,rgba(248,246,239,.9) 34%,rgba(248,246,239,.42) 60%,rgba(248,246,239,.04) 84%),url('../img/grondaanbod-hero.webp') center/cover no-repeat}
.ga216-hero-inner{width:100%;max-width:calc(var(--ga216-wide) - 52px);margin:auto}
.ga216-hero-panel{max-width:690px}
.ga216-hero .eyebrow{color:#4a7459!important;margin:0}
body.ga13 .ga216-hero h1{font-size:clamp(48px,6vw,78px);line-height:.99;letter-spacing:-.035em!important;color:var(--ga216-ink);margin:12px 0 20px}
.ga216-hero-panel>p{font-size:17.5px;line-height:1.65;color:var(--ga216-text);max-width:610px;margin:0}
.ga216-hero-search{margin-top:28px;background:#fff;border:1px solid #dedbd2;border-radius:12px;padding:7px;display:grid;grid-template-columns:1.35fr .9fr auto;gap:7px;box-shadow:0 16px 45px rgba(31,50,42,.10)}
.ga216-hero-search input,.ga216-hero-search select{border:1px solid #ece9e2;border-radius:8px;background:#fff;padding:13px 14px;outline:0;color:#29332f;min-width:0;font:inherit;font-size:15px}
.ga216-hero-search input:focus,.ga216-hero-search select:focus{border-color:#173d32;box-shadow:0 0 0 3px rgba(23,61,50,.1)}
body.ga13 .ga216-hero-search button{border-radius:8px;min-width:140px;background:#173d32;color:#fff;font-size:15px;padding:0 20px}
body.ga13 .ga216-hero-search button:hover{background:#21503f}
.ga216-hero-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px}
.ga216-hero-links a{font-size:13.5px;font-weight:700;color:#2d5143;border-bottom:1px solid #bfc8c1;padding-bottom:2px}
.ga216-hero-links a:hover{color:#173d32;border-color:#173d32}
.ga216-trust{max-width:calc(var(--ga216-wide) - 48px);margin:0 auto;padding:22px 26px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line,#e2e0d8);border-top:0;border-radius:0 0 16px 16px}
.ga216-trust>div{padding:2px 24px;border-right:1px solid var(--line,#e2e0d8)}
.ga216-trust>div:first-child{padding-left:0}.ga216-trust>div:last-child{border-right:0}
.ga216-trust b{display:block;color:#173d32;font-size:14.5px}
.ga216-trust span{display:block;color:var(--ga216-text);font-size:13px;line-height:1.5;margin-top:4px}
.ga216-map-more{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px;padding:12px 4px 2px;border-top:1px solid #e7ece8;font-size:14px;color:var(--ga216-text)}
body.ga13 .ga216-map-more .btn{padding:10px 18px;font-size:14px}

/* ---------- Grondprijzen: waardefactoren ---------- */
.gp-factors{margin:34px 0}
.ga216-factors{grid-template-columns:repeat(4,1fr)!important;border-radius:14px;overflow:hidden}
.ga216-factors b{font-family:Georgia,serif;font-size:19px}
.ga216-factors p{font-size:14px!important;line-height:1.55}

/* ---------- Mobiel ---------- */
@media(max-width:900px){
  .ga216-hero{min-height:520px;padding:38px 16px;background:linear-gradient(90deg,rgba(248,246,239,.96),rgba(248,246,239,.8)),url('../img/grondaanbod-hero.webp') 60% center/cover no-repeat}
  .ga216-trust{grid-template-columns:1fr 1fr;margin:0 10px}
  .ga216-trust>div:nth-child(2){border-right:0}
  .ga216-trust>div:nth-child(-n+2){border-bottom:1px solid var(--line,#e2e0d8);padding-bottom:14px;margin-bottom:14px}
  .ga216-trust>div:nth-child(3){padding-left:0}
  .ga216-factors{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  body.ga13 .ga216-hero h1{font-size:44px}
  .ga216-hero-panel>p{font-size:15px}
  .ga216-hero-search{grid-template-columns:1fr}
  body.ga13 .ga216-hero-search button{min-width:0;height:48px}
  .ga216-trust{grid-template-columns:1fr;padding:14px 16px}
  .ga216-trust>div{border-right:0!important;border-bottom:1px solid var(--line,#e2e0d8);padding:12px 0!important;margin:0!important}
  .ga216-trust>div:last-child{border-bottom:0}
  .ga216-factors{grid-template-columns:1fr!important}
}
body.ga13 .ga211-priceband .ga211-section-head p{color:#d5e0d9}
/* V21.17: scrollwiel-zoom op kaarten */
.ga-wheel-map.ga-wheel-on{cursor:grab}
.ga-wheel-map.ga-wheel-on:active{cursor:grabbing}
.ga-wheel-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:800;background:rgba(23,61,50,.9);color:#fff;font-size:13px;font-weight:600;padding:7px 14px;border-radius:40px;pointer-events:none;transition:opacity .5s;white-space:nowrap}
.ga-wheel-hint.is-out{opacity:0}
/* V21.17: dienstenpagina — donker blok "Eén platform, meerdere verkoopdiensten" (zoals mijnaccurevisie.nl) */
.ga217-services-hero{margin:30px 0 38px}
body.ga13 .ga217-services-hero h2{color:#fff;font-size:clamp(28px,3.2vw,38px);line-height:1.12}
body.ga13 .ga217-services-hero .eyebrow{color:#c9dcc9!important}
body.ga13 .ga217-services-hero p{color:#cbd8d2;font-size:15.5px;line-height:1.6}
.ga217-services-hero .service-trust-list span{color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:9px}
.ga217-services-hero .service-trust-list span::before{content:'✓';color:#9fd3a8;font-weight:800}
@media(max-width:760px){.ga217-services-hero{padding:26px 22px}.ga217-services-hero .service-trust-list{grid-template-columns:1fr}}
.ga219-note{font-size:13px;color:#5c6f65;margin:-4px 0 12px}