/* Aanvullende, zelfstandige styling van de marketing- en detailpagina's. */
:root{color-scheme:light}
.top-category-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.top-category-links a,.pill-link{display:inline-flex;align-items:center;gap:.35rem;border-radius:40px;padding:10px 15px;background:#f4f4f2;border:1px solid #dededc;color:#202934;text-decoration:none;font-weight:700;font-size:.91rem;min-height:44px}
.top-category-links a:hover,.pill-link:hover{background:#e6c36a;border-color:#e6c36a;color:#101820}
.footer-admin{font-size:13px;color:#9ba7ae}
.footer-admin:hover{color:#f0d47a}
.subhero{background:#131d27;color:#fff;padding:72px 0 64px;position:relative;overflow:hidden}
.subhero:before{content:"M.";position:absolute;right:5%;top:-90px;font-size:300px;line-height:1;color:rgba(255,255,255,.045);font-weight:900;pointer-events:none}
.subhero .kicker{display:block;letter-spacing:.13em;text-transform:uppercase;color:#d7b75b;font-size:12px;font-weight:800;margin-bottom:15px}
.subhero h1{font-weight:850;font-size:clamp(35px,6vw,59px);letter-spacing:-.04em;line-height:1.08;max-width:860px;margin:0 0 20px}
.subhero p{font-size:17px;line-height:1.7;max-width:670px;color:#c9d0d7;margin:0}
.page-body{padding:46px 0 74px;min-height:360px}
.page-body h2{margin-top:36px}
.page-body p{line-height:1.7}
.crumbs{font-size:13px;color:#67717d;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 24px}
.crumbs a{color:#243c5b;text-decoration:underline;text-underline-offset:3px}
.static-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0 20px}
.vehicle-card .view-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}
.card-image-link{display:block}
.car-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);gap:32px;align-items:start}
.car-detail h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.035em;line-height:1.12;margin:5px 0 18px}
.car-detail-main{background:#fff;border:1px solid #e6e9ed;border-radius:17px;overflow:hidden}
.car-detail-main img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#eef0f2}
.car-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 30px}
.car-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#f2f4f5}
.car-price{font-size:clamp(28px,4vw,43px);font-weight:800;color:#121e29;margin-bottom:10px}
.car-badge{display:inline-block;background:#f5e9bb;color:#493a19;font-weight:800;padding:6px 12px;border-radius:20px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.car-props{border-top:1px solid #e5e9ec;margin:24px 0;padding-top:15px}
.car-props>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e5e9ec}
.car-props dt{font-size:13px;color:#6e7981}
.car-props dd{font-size:14px;font-weight:700;text-align:right;margin:0;color:#202a36}
.car-description{background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;padding:22px;margin-top:22px}
.car-description h2{margin:0 0 12px;font-size:23px}
.car-description p{white-space:pre-line;margin:0}
.car-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.car-options span{border-radius:50px;background:#eceff1;padding:6px 12px;font-size:13px}
.car-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.car-actions .btn{min-height:45px}
.notice{font-size:13px;color:#58646f;line-height:1.55}
.admin-area{max-width:760px;margin:50px auto 90px;text-align:center;background:#fff;border:1px solid #e0e4e6;padding:38px 30px;border-radius:16px}
.admin-area p{color:#596575;line-height:1.7}
.admin-area h1{font-size:36px;margin:0 0 14px}
.notice-box{padding:15px 18px;border-left:4px solid #b48f33;background:#fff6dc;border-radius:4px;margin:22px 0;color:#463c29}
.faq-section{padding:60px 0;background:#f8f9fa}
.faq-section h2{font-size:30px;margin:0 0 24px;color:#1a2935}
.faq-section details{border-bottom:1px solid #dce1e4;padding:15px 0}
.faq-section summary{cursor:pointer;font-weight:750;padding:4px 0;color:#202a35}
.faq-section p{line-height:1.7;color:#53606b}
.landing-intro{max-width:700px;color:#52606c;line-height:1.6;margin:0 0 24px}
@media(max-width:900px){.static-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.car-detail{grid-template-columns:1fr}}
@media(max-width:640px){.static-grid{grid-template-columns:1fr}.subhero{padding:50px 0}.page-body{padding:28px 0 48px}.car-actions{flex-direction:column}.car-actions .btn{width:100%}.car-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-area{margin:28px auto;padding:26px 20px}}