:root{--deep:#061e32;--green:#248a08;--lime:#66b816;--light:#f3f6f4;--text:#102c3b;--muted:#536b70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:white}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1140px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #e2ebe4}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:900;font-size:25px;letter-spacing:.055em;color:var(--deep);white-space:nowrap}.lime{color:#78b900}.logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--deep);color:white;border-radius:9px;margin-right:7px;font-size:22px;letter-spacing:-.1em}.logo-mark span{color:var(--lime);font-size:15px}nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700}nav a:hover{color:var(--green)}.nav-cta{background:var(--green);color:white;padding:10px 19px;border-radius:8px}.nav-cta:hover{color:white;background:var(--deep)}.menu{display:none}.hero{background:linear-gradient(120deg,#f2f8f3,#fff 60%);padding:76px 0 82px}.hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.kicker{display:block;font-size:12px;letter-spacing:.15em;font-weight:900;color:var(--green);margin-bottom:18px}.hero h1{font-size:clamp(43px,5.2vw,70px);line-height:1.08;letter-spacing:-.045em;margin:0 0 25px;color:var(--deep)}.hero h1 em{color:var(--green);font-style:normal}.hero p{font-size:18px;max-width:560px;color:#4d6558}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{border:0;display:inline-block;background:var(--green);color:white;font-weight:800;padding:13px 20px;border-radius:9px;cursor:pointer;font:inherit;font-weight:800}.btn:hover{background:var(--deep)}.btn.outline{background:white;color:var(--green);border:1px solid #bed5c5}.hero-badges{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:var(--green);font-weight:750}.hero-picture{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 24px 55px #003d251f;background:var(--deep)}.hero-picture img{width:100%;height:410px;object-fit:cover}.picture-caption{position:absolute;bottom:14px;right:15px;background:#08291cd9;color:white;padding:6px 12px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.1em}.intro,.section{padding:86px 0}.intro{text-align:center}.section h2,.intro h2{font-size:clamp(32px,4vw,47px);line-height:1.16;letter-spacing:-.035em;color:var(--deep);margin:0 0 20px}.intro h2{margin-bottom:32px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}.tile{border:1px solid #dce9df;border-radius:18px;padding:32px;transition:transform .2s,box-shadow .2s;background:#fff}.tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px #04361c12}.tile-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:12px;background:#e7f8d3;color:var(--green);font-size:30px;margin-bottom:25px}.tile-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--green)}.tile h3{font-size:25px;line-height:1.2;margin:12px 0}.tile p,.section p{color:var(--muted)}.tile-link{font-weight:800;color:var(--green)}.feature{padding:42px;border-radius:22px;background:linear-gradient(140deg,#053c28,#087545);color:white;min-height:345px}.feature h3{font-size:30px;margin:0}.feature p{color:#d9eee0}.feature-symbol{font-size:60px;color:var(--lime)}.feature-lines{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}.feature-lines span{padding:6px 11px;border:1px solid #9ad7aa66;border-radius:30px;font-size:12px}.soft{background:var(--light)}.section-lead{max-width:720px}.widget{background:white;border:1px solid #d9e7dc;border-radius:17px;overflow:hidden;margin-top:30px}.widget-header{background:#e6f1e8;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 25px}.widget-header strong{display:block;font-size:18px}.widget-header small{display:block;color:var(--muted)}.widget-header>span{font-size:11px;font-weight:800;color:var(--green)}#navimow-products{min-height:230px;padding:15px}.widget-placeholder{text-align:center;padding:34px 12px}.widget-placeholder p{max-width:550px;margin:8px auto}.widget-placeholder a{color:var(--green);font-weight:800}.note{font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.steps article{padding:27px;border:1px solid #dfe8e1;border-radius:14px}.steps b{color:var(--green);font-size:23px}.steps h3{margin:10px 0}.about{background:#f8faf8}.about-photo{overflow:hidden;border-radius:20px}.about-photo img{width:100%;height:380px;object-fit:cover}.contact{background:var(--deep);color:white}.contact .kicker{color:var(--lime)}.contact h2{color:white}.contact p{color:#d1e5d8}.contact-line{display:block;color:white;font-size:20px;font-weight:700;margin:15px 0}.contact form{background:white;color:var(--deep);padding:28px;border-radius:18px;display:grid;gap:8px}.contact label{font-size:13px;font-weight:800}.contact input,.contact select,.contact textarea{width:100%;border:1px solid #cfddd2;border-radius:7px;padding:11px 12px;font:inherit;margin-bottom:8px}.contact form small{color:#6a756d;font-size:12px}footer{background:#041f17;color:white;padding:30px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .logo{color:white}.footer p{font-size:12px;color:#b4d0be}.footer>div:nth-child(2){display:flex;gap:20px;font-size:13px}.footer small{color:#b4d0be}@media(max-width:850px){.menu{display:block;border:0;background:#e9f2eb;color:var(--deep);border-radius:7px;padding:8px 13px;font-size:24px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;box-shadow:0 12px 20px #0001;padding:20px;flex-direction:column;align-items:stretch;gap:14px}nav.open{display:flex}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.hero{padding:50px 0}.hero-picture img{height:auto}.steps{grid-template-columns:1fr}.footer{flex-wrap:wrap}.section,.intro{padding:65px 0}}@media(max-width:560px){.tiles{grid-template-columns:1fr}.container{width:min(100% - 28px,1140px)}.hero h1{font-size:42px}.widget-header{align-items:flex-start;flex-direction:column}.contact-line{font-size:17px}.footer>div:nth-child(2){flex-wrap:wrap}}
/* Maviteq logo-based brand styling */
.header{background:#fffffffa;border-bottom:1px solid #e3e9e8}.brand-logo{height:59px;width:135px;object-fit:cover;object-position:center 53%;border-radius:4px}.header .logo,.footer .logo{display:inline-flex;align-items:center}.hero{background:linear-gradient(125deg,#f4f8f4 0%,#fff 58%,#e8f3e8 100%)}.hero-picture{background:white;border:1px solid #e0e9e2;box-shadow:0 20px 50px #061e321a}.hero-picture img{height:440px;object-fit:contain;background:white}.picture-caption{background:#061e32e8}.hero h1,.section h2,.intro h2{color:#061e32}.hero h1 em{color:#248a08}.btn,.nav-cta{background:#248a08}.btn:hover,.nav-cta:hover{background:#061e32}.feature{background:linear-gradient(145deg,#061e32 0%,#10532c 65%,#248a08 100%)}.contact{background:#061e32}.contact .kicker{color:#8bd247}footer{background:#041524}.footer .brand-logo{height:52px;width:120px;background:white}.about-photo{background:#fff;border:1px solid #e1eae3}.about-photo img{object-fit:contain;background:#fff}.tile-icon{background:#eaf6e4}.tile{border-color:#dfe9e3}.widget-header{background:#eaf4e8}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #79c73a;outline-offset:3px}

.brand-word{font-size:clamp(22px,2.4vw,29px);font-weight:900;letter-spacing:.075em;color:var(--deep);line-height:1}.brand-word span{color:var(--green)}.nav-controls{display:flex;align-items:center;gap:12px;order:3}.language-picker select{font:600 13px system-ui,sans-serif;border:1px solid #d9e6df;border-radius:9px;background:#fff;color:var(--deep);padding:9px 10px;max-width:155px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.nav-controls{margin-left:auto}.language-picker select{max-width:126px}.nav{flex-wrap:wrap}}

/* V6: richer green atmosphere inspired by the supplied reference */
:root{--sage:#a9c17e;--sage-soft:#e6efda;--sage-mid:#d3e4bb;--forest:#123e25}
body{background:#e4edd7}
.header{background:#f7faefed;border-bottom:1px solid #b7d09f}
.hero{background:radial-gradient(ellipse at 83% 24%,#d5ecb3 0%,transparent 45%),linear-gradient(115deg,#f5f9e9 8%,#d8e9bd 68%,#a8c77c 100%);padding:95px 0 100px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:auto -8% -125px -8%;height:230px;background:linear-gradient(110deg,#b5d18c,#7eaf58);border-radius:50% 50% 0 0/35% 35% 0 0;opacity:.65;pointer-events:none}
.hero .container{position:relative;z-index:1}
.hero-picture{border:6px solid #ffffffbb;box-shadow:0 26px 65px #285e2e33;border-radius:26px}
.hero-picture img{background:#fff}
.hero-badges span{background:#ffffffbd;padding:7px 12px;border-radius:999px;color:#24682b}
.intro{background:linear-gradient(180deg,#b6cf91 0%,#d7e7c0 100%)}
.intro .kicker{color:#235d2a}
.tile{background:#fafff3;border:1px solid #a5c48a;box-shadow:0 12px 25px #3d67211a}
.tile:hover{box-shadow:0 18px 35px #3d672133}
#landbouw{background:linear-gradient(135deg,#f0f6e6,#d7e9c5)}
#robotmaaiers{background:linear-gradient(160deg,#b7d39a 0%,#dcecc8 80%)}
#werkwijze{background:#eff6e6}
.steps article{background:#ffffffd9;border-color:#bad3a8;box-shadow:0 7px 20px #285d2910}
.about{background:linear-gradient(120deg,#d6e9c4,#b4d18e)}
.widget{border:1px solid #a5c48a;box-shadow:0 18px 42px #255b251c}
.widget-header{background:#edf6e5}
.contact{background:linear-gradient(125deg,#061e32 0%,#0a3e32 55%,#226c30 100%)}
.contact form{box-shadow:0 20px 50px #021d1930}
footer{background:#061e32}
@media(max-width:850px){.hero{padding:60px 0 75px}.hero:before{height:120px;bottom:-65px}}
@media(max-width:560px){.hero-picture{border-width:3px}.hero{padding:48px 0 65px}.intro,.section{padding-top:62px;padding-bottom:62px}}

/* V7: unmistakable two-path landing screen */
.choice-hero{padding:78px 0 82px;background:radial-gradient(circle at 10% 5%,#eff8e2 0%,transparent 42%),linear-gradient(135deg,#dcebc9,#a9c980);min-height:calc(100vh - 76px)}
.choice-hero:before{display:none}
.choice-heading{text-align:center;max-width:780px;margin:0 auto 34px}
.choice-heading .kicker{margin-bottom:12px;color:#236b1b}
.choice-heading h1{font-size:clamp(36px,5vw,62px);line-height:1.1;margin:0 0 16px;color:#061e32;letter-spacing:-.04em}
.choice-heading p{font-size:17px;color:#365642;margin:0 auto;max-width:700px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1060px;margin:auto}
.choice-card{background:#fbfff6;border:2px solid #f5ffeb;border-radius:24px;padding:30px 34px 32px;box-shadow:0 20px 45px #1b542329;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s,border-color .2s;min-height:355px}
.choice-card:hover,.choice-card:focus-visible{transform:translateY(-6px);border-color:#57a62d;box-shadow:0 26px 50px #1b54233a}
.choice-card.mowing{background:#f5f9ed}
.choice-art{width:112px;height:83px;margin-bottom:12px}.choice-art svg{width:100%;height:100%}
.choice-tag{color:#287719;font-size:11px;font-weight:900;letter-spacing:.12em}
.choice-card h2{font-size:clamp(24px,2.7vw,34px);line-height:1.15;color:#061e32;margin:12px 0}
.choice-card p{font-size:15px;line-height:1.6;color:#4a6651;margin:0 0 22px}
.choice-action{margin-top:auto;background:#248a08;color:white;padding:13px 18px;border-radius:10px;font-size:14px;font-weight:800;display:inline-flex;gap:14px;align-items:center}
.choice-helper{text-align:center;margin:25px 0 0;color:#285b2e;font-size:14px;font-weight:700}
#landbouw,#robotmaaiers{scroll-margin-top:90px}
@media(max-width:760px){.choice-hero{padding:42px 0 55px}.choice-grid{grid-template-columns:1fr;gap:16px}.choice-card{min-height:unset;padding:25px}.choice-art{width:95px;height:65px}.choice-heading p{font-size:15px}.choice-heading{margin-bottom:26px}}

/* FJDynamics supplier-provided GPS terminal image */
.choice-card.agriculture .choice-art{width:100%;height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:16px;background:#e6f1dc;overflow:hidden}
.choice-card.agriculture .choice-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.feature .fj-screen{display:block;width:100%;height:225px;object-fit:contain;margin:-10px auto 15px;border-radius:12px;background:#e9f2e2}
@media(max-width:760px){.choice-card.agriculture .choice-art{height:160px}}

/* v9: genuine landing page and separate subpages */
.page-view{display:none}.landing-only{display:block}body[data-page="landbouw"] #landbouw,body[data-page="robotmaaiers"] #robotmaaiers,body[data-page="werkwijze"] #werkwijze,body[data-page="over"] #over,body[data-page="contact"] #contact{display:block}body:not([data-page="home"]) .landing-only{display:none}.page-title{font-size:clamp(32px,5vw,54px);line-height:1.12;color:var(--deep);margin:0 0 20px}.system-grid,.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:35px 0}.system-card,.screen-card{background:#fff;border:1px solid #cbdcbf;border-radius:22px;padding:27px;box-shadow:0 12px 28px #113b1510}.system-card{background:linear-gradient(140deg,#fff,#edf6e5)}.system-label{font-size:11px;color:#258512;font-weight:900;letter-spacing:.1em}.system-card h2{font-size:29px;margin:10px 0}.system-card a{font-weight:800;color:#248a08}.screen-section{padding:50px 0 10px}.screen-section h2{font-size:38px;margin:0}.screen-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-card{padding:15px}.screen-card h3{margin:12px 0 0;color:#061e32;font-size:20px}.screen-card strong{color:#248a08;font-size:25px}.screen-card p{font-size:13px}.screen-art{height:180px;display:grid;place-items:center;background:linear-gradient(140deg,#e1efd5,#c8e0b5);border-radius:14px;overflow:hidden}.screen-art.photo{background:#081119}.screen-art.photo img{width:100%;height:100%;object-fit:contain}.screen-mock{background:#151b21;padding:9px;border:6px solid #30353a;border-radius:12px;width:78%;height:105px;box-shadow:0 9px 14px #0003}.screen-mock.tablet{width:65%;height:93px}.screen-mock.max{width:88%;height:113px}.screen-mock.ultra{width:96%;height:125px}.screen-display{height:100%;background:linear-gradient(#bce2ef,#e8f2f8);position:relative;overflow:hidden}.screen-display>span{position:absolute;top:2px;left:6px;font-size:9px;color:#16456a;font-weight:800}.screen-display small{position:absolute;bottom:2px;left:6px;font-size:7px;color:#16456a}.guidance{display:flex;gap:14%;justify-content:center;transform:perspective(60px) rotateX(20deg);height:100%}.guidance i{width:2px;background:#3881c6;height:100%}.guidance i:nth-child(2){width:4px;background:#1955a5}.visual-note{color:#526b70;font-size:11px}.choice-hero{min-height:calc(100vh - 76px)}body[data-page="landbouw"]{background:#e7f0de}body[data-page="landbouw"] #landbouw{padding-top:60px}@media(max-width:850px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.system-grid,.screen-grid{grid-template-columns:1fr}.screen-art{height:200px}}

/* V10: excavation */
.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card.excavation{background:linear-gradient(155deg,#fff,#d7e9ca)}.excavator-icon svg{width:100%;max-width:240px;height:160px}.excavator-page{background:linear-gradient(135deg,#e4f1d7,#b7d59d);min-height:80vh}.eg-hero{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin:32px 0 40px;background:#fff;border-radius:25px;padding:36px}.eg-hero h2{font-size:clamp(25px,3vw,39px);color:#061e32}.eg-visual{background:#e2efd6;border-radius:20px;padding:15px;text-align:center}.eg-visual svg{max-width:100%}.eg-visual small{display:block;color:#4b6254}.eg-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.eg-features article{background:#fff;padding:22px;border-radius:18px}.eg-features strong{color:#176d21}.eg-detail{margin:45px 0;background:#f8fcf5;padding:35px;border-radius:24px}.eg-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}.eg-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#267b16}body[data-page="kranen"] #kranen{display:block}body[data-page="kranen"]{background:#d6e7c7}@media(max-width:900px){.choice-grid{grid-template-columns:1fr}.eg-hero{grid-template-columns:1fr}.eg-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.eg-features,.eg-list{grid-template-columns:1fr}.eg-hero,.eg-detail{padding:20px}}

/* V11: Wi-Fi support for Navimow */
.wifi-support{display:flex;gap:1.25rem;align-items:flex-start;background:linear-gradient(120deg,#dceec9,#f5f9ed);border:1px solid #b6d99b;border-radius:20px;padding:clamp(1.25rem,3vw,2rem);margin:2rem 0;color:#092738;box-shadow:0 12px 28px rgba(16,60,28,.07)}
.wifi-support h3{margin:.4rem 0 .7rem;font-size:clamp(1.2rem,2.3vw,1.7rem)}
.wifi-support p{margin:0 0 1rem;max-width:75ch;line-height:1.65}
.wifi-icon{background:#278c19;color:white;border-radius:50%;width:3rem;height:3rem;display:grid;place-items:center;font-size:1.6rem;flex:none}
.wifi-link{color:#155c17;font-weight:750;text-decoration:underline;text-underline-offset:4px}
@media(max-width:520px){.wifi-support{gap:.75rem}.wifi-icon{width:2.4rem;height:2.4rem;font-size:1.25rem}}

/* V13: consistent presentation for all four terminals */
.screen-grid .screen-art,.screen-grid .screen-art.photo{background:#dcebcf;height:230px;border:1px solid #c5d9b7;padding:12px;box-sizing:border-box}
.screen-grid .screen-art img{width:100%;height:100%;object-fit:contain}
.screen-grid .screen-card{background:#fafff7;display:flex;flex-direction:column}
.screen-grid .screen-card strong{display:inline-block;margin:4px 0 0;font-size:26px}
.screen-grid .screen-card .visual-note{margin-top:auto}
@media(max-width:560px){.screen-grid .screen-art,.screen-grid .screen-art.photo{height:260px}}

/* v16: footer wordmark, no white logo tile */
footer .logo{background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;line-height:1.1}
footer .brand-word{font-size:clamp(1.55rem,3vw,2rem);font-weight:900;letter-spacing:.06em;color:#fff}
footer .brand-word span{color:#78c932}
footer .footer>div:first-child p{margin:.65rem 0 0;color:#b4d0be}
/* The catalog comes before optional wifi support. */
#robotmaaiers .wifi-support{margin-top:2.25rem;margin-bottom:0}

/* Versie 17: grasfoto uitsluitend achter de Navimow-pagina */
body[data-page="robotmaaiers"] { background: #e5efda; }
#robotmaaiers {
  background-image: linear-gradient(180deg, rgba(233,246,221,.84), rgba(223,240,208,.74) 45%, rgba(232,245,219,.86)), url("gras-closeup.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: calc(100vh - 110px);
}
#robotmaaiers .widget { background: #fff; box-shadow: 0 18px 55px rgba(6,30,50,.14); }
#robotmaaiers .wifi-support { box-shadow: 0 12px 35px rgba(6,30,50,.12); }
@media (max-width: 700px) { #robotmaaiers { background-position: center top; } }

/* EG10 dealergerichte uitbreiding */
.eg-dealer{margin-top:28px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#e5f2df,#f8fcf5);border:1px solid #c5ddbb}.eg-dealer h3{margin:0 0 10px;color:#173a2c;font-size:1.35rem}.eg-dealer p{max-width:760px}.eg-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.eg-phone{background:#173a2c!important;color:white!important}.eg-detail .note{margin-top:22px}

/* Versie 19: werf als achtergrond van de EG10-pagina */
body[data-page="kranen"] {background:#d8d4c9;}
#kranen {
  background-image:linear-gradient(180deg,rgba(244,246,240,.68),rgba(241,243,235,.77) 60%,rgba(245,246,240,.85)),url("eg10-werf.jpg");
  background-position:center center;background-size:cover;background-repeat:no-repeat;
  min-height:calc(100vh - 110px);
}
#kranen .eg-hero {background:rgba(255,255,255,.91);box-shadow:0 20px 55px rgba(15,25,30,.16);}
#kranen .eg-features article,#kranen .eg-detail{background:rgba(255,255,255,.93);box-shadow:0 8px 24px rgba(15,25,30,.1);}
#kranen .eg-visual.eg-video{background:#0c1820;padding:10px;border-radius:20px;}
#kranen .eg-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#000;}
#kranen .eg-video small{color:#e8f0e4;padding:10px 0 2px;}
@media(max-width:700px){#kranen{background-position:55% top;background-attachment:scroll;}}

/* Officiële EG10-productfoto: toon boven de beschrijving, naast de video. */
#kranen .eg-product-photo{margin:0 0 22px;padding:12px 14px 7px;background:#fff;border:1px solid #e2e9df;border-radius:20px;box-shadow:0 8px 24px rgba(10,45,20,.09);}
#kranen .eg-product-photo img{display:block;width:100%;height:260px;object-fit:contain;}
#kranen .eg-product-photo figcaption{font-size:12px;color:#526456;text-align:center;margin:4px 0 6px;}
@media(max-width:700px){#kranen .eg-product-photo img{height:200px;}}

/* V23: improve contrast for the main question over the green background */
.choice-heading{background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:26px 32px;box-shadow:0 12px 35px rgba(12,49,22,.16);backdrop-filter:blur(8px)}
.choice-heading h1{color:#092a21;text-shadow:none}
.choice-heading p{color:#254632}
@media(max-width:560px){.choice-heading{padding:22px 18px;border-radius:20px}}

/* V24 - Rounded navigation with clearly visible active page */
.header{background:rgba(250,253,246,.96);border-bottom:0!important;box-shadow:0 9px 30px rgba(8,48,25,.11);border-radius:0 0 26px 26px;overflow:visible}
.header .nav{min-height:88px;gap:24px}
.header nav{gap:5px;align-items:center}
.header nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 13px;border-radius:999px;color:#17372c;transition:background .2s,color .2s,box-shadow .2s,transform .2s;white-space:nowrap}
.header nav>a:hover{background:#e4f2d9;color:#155d20;transform:translateY(-1px)}
.header nav>a.active,.header nav>a[aria-current="page"]{background:#176c2c!important;color:#fff!important;box-shadow:0 5px 14px rgba(20,103,40,.24);font-weight:850}
.header nav>a.nav-cta{background:#e5f3df;color:#146427;border:1px solid #c5e1b8}
.header nav>a.nav-cta.active{background:#176c2c;color:#fff;border-color:#176c2c}
.header .logo{border-radius:14px;padding:7px 4px}
.header .language-picker select{border-radius:999px;padding:10px 14px;background:#fff;box-shadow:0 2px 8px #143e1610}
@media(max-width:1100px) and (min-width:851px){.header .nav{gap:10px}.header nav{gap:0;font-size:12px}.header nav>a{padding:9px 8px}.header .brand-word{font-size:23px}.header .language-picker select{max-width:115px;padding:9px}}
@media(max-width:850px){.header{border-radius:0 0 20px 20px}.header .nav{min-height:76px}.header nav{top:76px;left:12px;right:12px;border-radius:20px;box-shadow:0 16px 36px #061e3230;padding:14px;gap:5px}.header nav>a{justify-content:flex-start;padding:12px 18px;white-space:normal}.header .menu{border-radius:13px;background:#e4f2d9}}

/* V25: schermweergave op gelijke schaal */
.screen-grid .screen-card:nth-child(2) .screen-art img{transform:scale(1.48);transform-origin:center center;}
.screen-grid .screen-card:nth-child(4) .screen-art img{max-width:100%;max-height:100%;object-fit:contain;}

/* Transparante productfoto’s zonder witte rand; Ultra in originele portretstand */
.screen-grid .screen-art.photo img{object-fit:contain;}
.screen-grid .screen-card:nth-child(4) .screen-art img{transform:none;}

/* V28: klantgerichte GPS-keuzekaarten */
.system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.gps-card{display:flex;flex-direction:column;gap:10px}.gps-picture{background:#edf6e8;border-radius:17px;overflow:hidden;height:175px;display:flex;align-items:center;justify-content:center}.gps-picture img{width:100%;height:100%;object-fit:contain}.gps-card h2{font-size:clamp(22px,2.7vw,31px);line-height:1.14;color:#165a2c;margin:7px 0 0;text-transform:uppercase;letter-spacing:.015em}.gps-card>p{margin:0 0 8px;line-height:1.55}.gps-details{margin-top:auto;border-top:1px solid #bfd6ba;padding-top:12px}.gps-details summary{list-style:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;border-radius:999px;background:#14732b;color:#fff;font-weight:750;padding:12px 22px;transition:background .2s}.gps-details summary:hover{background:#0d5320}.gps-details summary::after{content:"＋";font-size:19px;line-height:1}.gps-details[open] summary::after{content:"−"}.gps-details>p{margin:17px 0 14px;line-height:1.65}.gps-contact{font-weight:750;color:#17642a;text-decoration:underline;text-underline-offset:4px}.gps-card:last-child{grid-column:1/-1}.gps-card:last-child .gps-picture{height:155px}@media(max-width:650px){.system-grid{grid-template-columns:1fr}.gps-card:last-child{grid-column:auto}}

/* V29: originele aangeleverde productfoto's zonder bijsnijden */
.gps-picture img { object-fit: contain; width: 100%; height: 100%; }

/* Productpagina's */
.detail-body{background:linear-gradient(145deg,#f0f7ed,#f8fbf5 52%,#e5f0df);color:#102b25;font-family:Arial,Helvetica,sans-serif;margin:0;min-height:100vh}
.detail-top{max-width:1170px;margin:16px auto 0;padding:14px 24px;background:#ffffffee;border-radius:25px;box-shadow:0 12px 32px #143c281a;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.detail-top .brand{font-weight:900;font-size:27px;letter-spacing:2px;color:#112d42;text-decoration:none}.detail-top .brand span{color:#198e13}
.detail-top a.back{color:#205d18;font-weight:700;text-decoration:none}.detail-top select{padding:9px;border-radius:12px;border:1px solid #cddacb;background:white}
.detail-container{max-width:1150px;margin:35px auto 70px;padding:0 20px}.detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:#ffffffdd;border-radius:30px;padding:34px;box-shadow:0 12px 40px #173e2518}.detail-hero h1{font-size:clamp(30px,4vw,51px);line-height:1.08;color:#19651b;margin:12px 0 22px}.detail-hero p{line-height:1.7;font-size:18px}.detail-hero img{width:100%;max-height:360px;object-fit:contain}.detail-eyebrow{font-size:13px;font-weight:800;letter-spacing:1.5px;color:#2b7a24}.detail-btn{display:inline-block;padding:14px 22px;background:#21830f;color:#fff;text-decoration:none;font-weight:800;border-radius:15px;margin:12px 10px 5px 0}.detail-btn.outline{background:white;color:#246c20;border:2px solid #246c20}.detail-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.detail-panel{background:#fff;border-radius:25px;padding:27px;box-shadow:0 7px 28px #173e2510}.detail-panel h2{font-size:25px;color:#1d651b;margin:0 0 16px}.detail-panel p,.detail-panel li{font-size:16px;line-height:1.8}.detail-panel ul{padding-left:22px}.detail-panel li::marker{color:#238d18}.detail-bottom{margin-top:26px;background:#e1f0db;border-radius:25px;padding:26px 30px}.detail-bottom h2{margin:0 0 12px;color:#205f18}.detail-note{font-size:13px;color:#536a58}.gps-more-page{display:inline-block;margin-top:16px;padding:12px 20px;border-radius:14px;background:#1d8013;color:white!important;text-decoration:none;font-weight:800}.gps-more-page:hover{background:#11590c}@media(max-width:760px){.detail-hero,.detail-panels{grid-template-columns:1fr}.detail-hero{padding:22px}.detail-top{margin:10px;padding:13px}.detail-container{margin-top:22px}}

/* V32: vijf gelijkwaardige GPS-kaarten en direct zichtbare taalkeuze */
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px}
.system-grid>.gps-card,.system-grid>.gps-card:last-child{grid-column:auto;width:100%;min-width:0;min-height:430px;padding:20px;display:flex;flex-direction:column;gap:12px}
.system-grid>.gps-card .gps-picture,.system-grid>.gps-card:last-child .gps-picture{width:100%;height:205px;flex:0 0 205px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#edf6e8;border-radius:17px;padding:10px}
.system-grid>.gps-card .gps-picture img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.system-grid>.gps-card h2{font-size:clamp(20px,2vw,26px);line-height:1.2;min-height:2.4em;margin:0}
.system-grid>.gps-card>p{margin:0;flex:1}
.system-grid>.gps-card .gps-more-page{align-self:flex-start;margin-top:auto}
.header .language-picker{display:flex;align-items:center;gap:4px;background:#f0f7e9;border:1px solid #bed8b1;border-radius:999px;padding:5px;white-space:nowrap}
.header .language-caption{padding:0 4px 0 7px;font-size:17px}
.header .lang-choice{appearance:none;border:0;background:transparent;color:#174d28;border-radius:999px;min-width:35px;min-height:37px;padding:7px 8px;font:800 13px/1 system-ui,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.header .lang-choice:hover{background:#d3e9c6}
.header .lang-choice.active,.header .lang-choice[aria-pressed="true"]{background:#19772d;color:white;box-shadow:0 2px 6px #123b252e}
.header .lang-choice:focus-visible{outline:3px solid #7abd37;outline-offset:2px}
@media(max-width:1050px){.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.system-grid{grid-template-columns:1fr}.system-grid>.gps-card,.system-grid>.gps-card:last-child{min-height:0}.header .language-caption{display:none}.header .lang-choice{min-width:31px;min-height:34px;padding:6px}.header .language-picker{gap:1px;padding:3px}.header .nav{gap:6px}.header .brand-word{font-size:21px}}

/* Navimow photo on homepage */
.choice-card.mowing .choice-art{width:100%;height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:16px;overflow:hidden;background:#d5e7c7}
.choice-card.mowing .choice-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}
@media(max-width:760px){.choice-card.mowing .choice-art{height:160px}}

/* v37: identieke afmetingen voor de drie keuze-afbeeldingen */
.choice-grid .choice-card .choice-art,
.choice-grid .choice-card.agriculture .choice-art,
.choice-grid .choice-card.mowing .choice-art,
.choice-grid .choice-card.excavation .choice-art {
 width:100%;height:190px;min-height:190px;flex:0 0 190px;
 border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;
 background:#e6f1dc;margin:0 0 16px;
}
.choice-grid .choice-card .choice-art img,
.choice-grid .choice-card.agriculture .choice-art img,
.choice-grid .choice-card.mowing .choice-art img,
.choice-grid .choice-card.excavation .choice-art img {
 display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;
}
.choice-grid .choice-card.agriculture .choice-art img{object-fit:contain;background:#e6f1dc}
.choice-grid .choice-card{min-width:0}
.choice-grid .choice-card h2{overflow-wrap:anywhere}
/* v37: elk GPS-product heeft dezelfde afbeeldingruimte en gelijk geschaalde foto */
.system-grid>.gps-card .gps-picture,
.system-grid>.gps-card:last-child .gps-picture{height:225px;flex:0 0 225px;padding:12px}
.system-grid>.gps-card .gps-picture img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:760px){
 .choice-grid .choice-card .choice-art,
 .choice-grid .choice-card.agriculture .choice-art,
 .choice-grid .choice-card.mowing .choice-art,
 .choice-grid .choice-card.excavation .choice-art{height:170px;min-height:170px;flex-basis:170px}
}

/* V38: volledige Ultra zichtbaar, Standaard op dezelfde visuele schaal als Lite. */
.screen-grid .screen-art.photo { height: 245px; padding: 10px; overflow: hidden; display:flex; align-items:center; justify-content:center; }
.screen-grid .screen-art.photo img,
.screen-grid .screen-card:nth-child(2) .screen-art img,
.screen-grid .screen-card:nth-child(4) .screen-art img {
  display:block; width:100%; height:100%; max-width:100%; max-height:100%;
  object-fit:contain; object-position:center; transform:none !important;
}
@media(max-width:560px){.screen-grid .screen-art.photo{height:265px}}

/* v39: AT2 autoplay demo and enlarged EG10 image */
.at2-video-section{margin:30px 0 38px;padding:22px;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(10,40,30,.1)}
.at2-video-section h2{margin:0 0 18px;color:#153a31;font-size:clamp(1.35rem,2.5vw,2rem)}
.at2-video-section video{display:block;width:100%;max-height:690px;aspect-ratio:16/9;object-fit:contain;background:#102b22;border-radius:16px}
#kranen .eg-product-photo{width:100%;max-width:960px;margin:16px auto 30px}
#kranen .eg-product-photo img{display:block;width:100%;height:auto;max-height:700px;object-fit:contain}
#kranen .eg-hero>div{width:100%;max-width:none}

/* V40: homepage background option 2 - close-up grass. Local asset, no internet required. */
body[data-page="home"] .choice-hero,
body:not([data-page]) .choice-hero {
  background-image: linear-gradient(180deg, rgba(242,249,236,.78) 0%, rgba(222,239,208,.66) 46%, rgba(220,239,202,.78) 100%), url("gras-closeup.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
body[data-page="home"] .choice-heading, body:not([data-page]) .choice-heading {
  background: rgba(250,255,246,.68);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 22px;
  padding: 20px 24px;
  backdrop-filter: blur(5px);
}
@media (max-width:760px) {
  body[data-page="home"] .choice-hero, body:not([data-page]) .choice-hero {background-position: 50% center;}
  body[data-page="home"] .choice-heading, body:not([data-page]) .choice-heading {padding: 18px 14px;}
}

/* V42: GPS overview - green agricultural field with straight GPS guidance tracks. */
#landbouw {
  background-image: linear-gradient(180deg, rgba(246,251,241,.88) 0%, rgba(237,248,229,.81) 45%, rgba(239,248,233,.90) 100%), url("gps-rijlijnen.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#landbouw .system-card, #landbouw .screen-card {background:rgba(255,255,255,.96)}
#landbouw .page-title, #landbouw .section-lead, #landbouw .kicker {text-shadow:0 1px 2px rgba(255,255,255,.75)}
@media(max-width:700px){#landbouw{background-position:55% top}}

/* V43: EG10 page background option 1 - excavator on earthmoving construction site. */
body[data-page="kranen"] { background-color:#e7e2d8; }
#kranen {
  background-image:linear-gradient(180deg,rgba(248,249,245,.88) 0%,rgba(246,246,240,.83) 48%,rgba(249,248,243,.91) 100%),url("eg10-grondverzet-achtergrond.webp");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  min-height:calc(100vh - 110px);
}
#kranen .eg10-gallery-card,#kranen .eg-hero,#kranen .eg-features article,#kranen .eg-detail {background:rgba(255,255,255,.96);}
#kranen .page-title,#kranen .section-lead,#kranen .kicker {text-shadow:0 1px 2px rgba(255,255,255,.65);}
@media(max-width:700px){#kranen{background-position:62% top;}}

/* V44: improve contrast for the homepage help heading on the grass image. */
body[data-page="home"] .choice-heading h1,
body:not([data-page]) .choice-heading h1 {
  color: #092d42 !important;
  text-shadow: 0 1px 1px rgba(255,255,255,.85);
}
body[data-page="home"] .choice-heading p,
body:not([data-page]) .choice-heading p { color:#173c36 !important; }

/* v45: Navimow background option 1 - green lawn, local offline image */
body[data-page="robotmaaiers"] #robotmaaiers {
  background-image: linear-gradient(180deg, rgba(245,250,238,.79) 0%, rgba(239,248,230,.70) 50%, rgba(245,250,239,.83) 100%), url("gras-closeup.webp");
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
}
body[data-page="robotmaaiers"] #robotmaaiers h2 { color: #082c27; }

/* v48: contact heading readable on dark gradient in all languages */
body #contact.contact h2,
body #contact.contact h2[data-v9-key],
body .section.contact h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
