:root{--navy:#142834;--navy2:#0d1e28;--gold:#cf8d0b;--gold2:#e5a923;--paper:#f7f6f3;--ink:#17212b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.topbar{height:120px;background:var(--navy);color:white;padding:0 clamp(28px,8vw,118px);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:14px}.logo-monogram{font:700 52px/1 Georgia,serif;color:var(--gold2);letter-spacing:-8px}.logo>span:last-child{display:flex;flex-direction:column}.logo b{font:34px/1 Georgia,serif;letter-spacing:7px;color:var(--gold2)}.logo small{font-size:8px;letter-spacing:4px;color:#b9c2c7;margin-top:7px}.top-actions{display:flex;align-items:center;gap:9px}.top-actions nav{display:flex;gap:25px;margin-right:22px;font-size:10px;font-weight:700;letter-spacing:1.2px}.top-actions nav a{padding:14px 0;border-bottom:1px solid transparent}.top-actions nav a:hover{color:var(--gold2);border-color:var(--gold2)}.stock-link,.meet-link{padding:12px 25px;background:var(--gold);font-weight:700;font-size:12px;letter-spacing:.5px;transition:.2s}.stock-link:hover,.meet-link:hover{background:#e5a923}
.photo-hero{height:620px;position:relative;background:url("/mercedes-gla-hero.jpg") center/cover no-repeat;color:white}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#071018d9 0,#0d1e2894 40%,#0d1e282b 75%),linear-gradient(0deg,#142834 0,transparent 34%)}.hero-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:0 max(8vw,32px) 45px;max-width:850px}.hero-center p{text-transform:uppercase;letter-spacing:5px;font-size:11px;margin:0 0 20px;color:#f1d394}.hero-center h1{font:italic 78px/1.1 "Segoe Script","Brush Script MT",cursive;margin:0;text-shadow:0 3px 22px #000}.hero-center>span{margin-top:22px;font-size:12px;text-transform:uppercase;letter-spacing:3px}.hero-buttons{display:flex;gap:10px;margin-top:34px}.hero-buttons a{padding:15px 22px;background:var(--gold);font-size:10px;font-weight:700;letter-spacing:1px;min-width:160px;text-align:center}.hero-buttons a:last-child{background:#142834cc;border:1px solid #ffffffbb}.hero-buttons b{margin-left:18px}.vertical-contact{position:absolute;right:0;top:45px;background:white;color:var(--gold);padding:20px 14px;writing-mode:vertical-rl;font-weight:700;font-size:11px;letter-spacing:1px;min-height:170px;text-align:center}
.service-strip{margin:-108px auto 0;position:relative;z-index:2;width:min(1120px,90%);display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.service{min-height:190px;padding:29px 24px;background:var(--navy);color:white;border:2px solid white;position:relative;transition:.25s}.service.active,.service:hover{background:var(--gold);border-color:var(--gold)}.service>span{font-size:9px;letter-spacing:2px;opacity:.65}.service h2{font:22px Georgia,serif;margin:26px 0 10px}.service p{font-size:11px;line-height:1.55;color:#d6dde0;margin:0;max-width:210px}.service.active p,.service:hover p{color:#fff4df}.service b{position:absolute;right:22px;bottom:18px;font-size:22px}
.trustbar{max-width:1120px;margin:45px auto 0;padding:28px 10px;border-top:1px solid #d9d9d4;border-bottom:1px solid #d9d9d4;display:grid;grid-template-columns:repeat(4,1fr)}.trustbar>div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #d9d9d4}.trustbar>div:last-child{border:0}.trustbar b{font:26px Georgia,serif;color:var(--gold)}.trustbar span{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;line-height:1.55;color:#596368}
.intro-section{padding:120px max(7vw,30px);display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(50px,8vw,130px);align-items:center;max-width:1400px;margin:auto}.intro-image{height:530px;position:relative;background:linear-gradient(#1226312b,#1226312b),url("/mercedes-gla-showroom.jpg") center/cover}.image-frame{position:absolute;inset:42px;border:1px solid #ffffff77;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white}.image-frame span{font:90px Georgia,serif;color:#e7a51d;letter-spacing:-12px}.image-frame small{font-size:13px;letter-spacing:8px}.experience{position:absolute;right:-40px;bottom:-38px;background:var(--gold);color:white;padding:26px 34px;display:flex;gap:18px;align-items:center}.experience b{font:30px Georgia,serif}.experience span{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:1px}.kicker{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:700}.intro-copy h2,.inventory h2,.contact-panel h2{font:600 clamp(43px,5vw,68px)/1.08 Arial,sans-serif;letter-spacing:-3px;margin:18px 0 34px}.intro-copy h2 em,.contact-panel h2 em{font:italic 400 .95em Georgia,serif;color:var(--gold)}.intro-copy>p:not(.kicker){font-size:15px;line-height:1.8;color:#626b70;max-width:650px}.gold-button{display:inline-flex;background:var(--gold);color:white;padding:16px 22px;margin-top:18px;font-size:11px;font-weight:700;letter-spacing:1px;gap:35px}.gold-button:hover{background:#b97800}
.inventory{background:#e9edef;padding:110px max(7vw,30px)}.inventory-head{display:flex;justify-content:space-between;align-items:end;max-width:1200px;margin:0 auto 45px}.inventory-head>p{max-width:400px;color:#687279;font-size:14px;line-height:1.7}.inventory h2{margin-bottom:0}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:auto}.inventory article{background:white}.car-placeholder{height:250px;background:radial-gradient(circle at 65% 55%,#49545a,#13252f 55%,#0b171e);position:relative;overflow:hidden}.car-placeholder>span{position:absolute;top:18px;left:18px;color:#d89a19;font-size:9px;letter-spacing:2px}.car-2{background:radial-gradient(circle at 65% 55%,#67502a,#162832 55%,#0b171e)}.car-3{background:radial-gradient(circle at 65% 55%,#606369,#162832 55%,#0b171e)}.car-shape{position:absolute;left:8%;right:8%;bottom:35px;height:115px}.car-shape i{position:absolute;left:25%;top:10px;width:48%;height:60px;border-top:2px solid #d6a543;border-radius:60% 50% 0 0;transform:skewX(-15deg)}.car-shape b{position:absolute;inset:45px 0 12px;background:linear-gradient(175deg,#82642f,#19262b 45%,#070d10);border-radius:35% 40% 14% 14%;border-top:1px solid #d7a747}.car-shape em{position:absolute;width:47px;height:47px;border-radius:50%;background:#080b0d;border:5px solid #283238;bottom:0}.car-shape em:first-of-type{left:14%}.car-shape em:last-of-type{right:14%}.car-info{padding:25px}.car-info small{font-size:8px;letter-spacing:2px;color:var(--gold)}.car-info h3{font:25px Georgia,serif;margin:10px 0 30px}.car-info a{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--navy)}
.process{background:white;padding:115px max(8vw,30px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,9vw,150px)}.process-title h2{font:600 clamp(42px,4.5vw,64px)/1.08 Arial,sans-serif;letter-spacing:-3px;margin:18px 0}.process-title em{font:italic 400 .95em Georgia,serif;color:var(--gold)}.process-steps{border-top:1px solid #d7d9d9}.process-steps article{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #d7d9d9}.process-steps article>span{font:18px Georgia,serif;color:var(--gold)}.process-steps h3{font:23px Georgia,serif;margin:0 0 8px}.process-steps p{color:#697277;font-size:13px;line-height:1.6;margin:0}
.contact-panel{background:var(--navy);color:white;padding:100px max(8vw,30px);display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.contact-panel h2{margin-bottom:0}.contact-panel>div:last-child>p{color:#c0cbd0;line-height:1.8}.contact-panel address{font-style:normal;font-size:10px;letter-spacing:1.5px;color:#a8b4ba;margin-top:28px;text-transform:uppercase}.details{padding:60px max(8vw,30px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;background:#f2f1ed;align-items:center}.details h3{font:26px Georgia,serif;margin:10px 0}.details>a,.details>div:not(:first-child){display:flex;flex-direction:column;gap:9px;padding-left:30px;border-left:1px solid #ced1d0}.details small{font-size:8px;letter-spacing:2px;color:var(--gold);font-weight:700}.details b{font-size:14px;line-height:1.6}.floating-mail{position:fixed;right:25px;bottom:25px;z-index:20;background:var(--gold);color:white;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 35px #0004;font-size:20px}.floating-mail span{position:absolute;right:68px;background:var(--navy);font-size:8px;font-weight:700;letter-spacing:1px;padding:9px 12px;opacity:0;transform:translateX(8px);transition:.2s}.floating-mail:hover span{opacity:1;transform:none}footer{background:#0c1b23;color:white;padding:35px max(8vw,30px);display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1px}.footer-logo .logo-monogram{font-size:30px}.footer-logo b{font-size:19px}.footer-logo small{font-size:5px}footer span a:hover{color:var(--gold2)}
@media(max-width:1050px){.top-actions nav{display:none}}@media(max-width:900px){.topbar{height:90px;padding:0 24px}.logo-monogram{font-size:38px}.logo b{font-size:24px}.meet-link{display:none}.photo-hero{height:540px}.hero-center h1{font-size:52px}.service-strip{grid-template-columns:1fr 1fr;margin-top:-80px}.trustbar{grid-template-columns:1fr 1fr;width:90%}.trustbar>div{padding:18px 0}.trustbar>div:nth-child(2){border-right:0}.intro-section{grid-template-columns:1fr}.intro-image{height:420px}.experience{right:0}.inventory-head{align-items:start;flex-direction:column;gap:20px}.inventory-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr;gap:35px}.contact-panel{grid-template-columns:1fr;gap:20px}.details{grid-template-columns:1fr;gap:25px}.details>a,.details>div:not(:first-child){padding:20px 0 0;border-left:0;border-top:1px solid #ced1d0}.vertical-contact{display:none}}@media(max-width:540px){.topbar{padding:0 16px}.stock-link{padding:11px 14px}.logo small{display:none}.photo-hero{height:520px}.hero-center{padding:0 22px 30px}.hero-center h1{font-size:41px}.hero-center>span{font-size:9px;line-height:1.8}.hero-buttons{flex-direction:column}.hero-buttons a{padding:13px 18px}.service-strip{grid-template-columns:1fr;margin-top:-48px}.service{min-height:150px}.trustbar{grid-template-columns:1fr}.trustbar>div{border-right:0;border-bottom:1px solid #d9d9d4}.intro-section{padding-top:85px}.intro-image{height:340px}.image-frame{inset:25px}.experience{bottom:-25px;padding:19px}.intro-copy h2,.inventory h2,.contact-panel h2,.process-title h2{letter-spacing:-2px}.contact-panel{padding-top:75px;padding-bottom:75px}.floating-mail{right:16px;bottom:16px;width:52px;height:52px}footer{gap:25px;flex-direction:column}.footer-logo{display:none}}

/* AG Motive-logo en actuele Mobilox-voorraad */
.logo{gap:0}
.brand-logo{display:block;width:clamp(210px,22vw,330px);height:auto}
.footer-logo .brand-logo{width:210px}
.mobilox-inventory{width:100%;max-width:1200px;margin:0 auto;min-height:180px}
.mobilox-inventory noscript a{display:inline-block;color:var(--gold);font-weight:700}
@media(max-width:900px){.brand-logo{width:220px}}
@media(max-width:540px){.brand-logo{width:170px}.mobilox-inventory{min-height:120px}}

/* Eigen voertuigen in de AG Motive-showroom */
.photo-hero{background-image:url("/ag-motive-gla-studio.jpg");background-position:center 56%}
.intro-image{background-image:linear-gradient(#12263112,#12263112),url("/ag-motive-witte-mercedes-studio.jpg");background-position:center;background-size:cover}
.showroom-highlight{position:relative;height:clamp(300px,44vw,620px);background:url("/ag-motive-amg-coupe-studio.jpg") center 50%/cover no-repeat}
.showroom-highlight-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07101844 0,transparent 56%)}
@media(max-width:900px){.photo-hero{background-position:65% center}.showroom-highlight{height:380px;background-position:58% center}}
@media(max-width:540px){.photo-hero{background-position:68% center}.showroom-highlight{height:280px;background-position:55% center}}