@import "tailwindcss";
:root{--ink:#18201c;--green:#b7d526;--deep:#253429;--paper:#f5f5ef;--muted:#677069;--line:#d9ddd5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}main{min-height:70vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Arial Black,Arial,sans-serif;letter-spacing:-.045em;line-height:1.02}h1{font-size:clamp(2.8rem,7vw,6.5rem)}h2{font-size:clamp(2rem,4vw,3.7rem)}.site-header{height:84px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:900;letter-spacing:-.05em;font-size:1.25rem}.brand strong{color:#88a500}.brand-mark{width:36px;height:36px;background:var(--green);color:var(--deep);display:grid;place-items:center;font-size:1.4rem;clip-path:polygon(0 0,100% 0,76% 100%,0 100%)}.nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:.93rem}.nav a:hover,.text-link:hover{color:#718900}.nav-cta{background:var(--deep);color:#fff!important;padding:12px 18px}.menu-button{display:none;background:none;border:0;font-size:1.5rem}.hero{min-height:720px;background:var(--paper);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.hero-copy{padding:90px clamp(24px,6vw,100px)}.hero h1{margin:.25em 0}.hero h1 em{color:#789000;font-style:normal}.hero-copy>p:not(.eyebrow){font-size:1.18rem;max-width:650px;color:var(--muted)}.hero-machine{height:100%;min-height:720px;background:var(--deep);position:relative;display:grid;place-items:center;padding:40px}.hero-machine:after{content:"";position:absolute;width:70%;height:70%;border:1px solid rgba(183,213,38,.45);border-radius:50%}.hero-machine img{position:relative;z-index:2;max-height:540px;object-fit:contain;filter:drop-shadow(0 26px 35px rgba(0,0,0,.35))}.availability{position:absolute;bottom:45px;left:40px;z-index:3;background:var(--green);padding:18px 24px;display:flex;gap:12px;align-items:center}.availability strong{font-size:2rem}.availability span{max-width:100px;line-height:1.15}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.76rem;color:#758b0d}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;border:0;background:var(--green);color:var(--deep);font-weight:900;padding:15px 22px;cursor:pointer;align-items:center;justify-content:center}.button:hover{background:#a5c01f}.button:disabled{opacity:.6}.ghost{background:transparent;border:1px solid var(--ink)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--deep);color:#fff;padding:30px clamp(24px,6vw,100px)}.trust-strip div{border-right:1px solid #526055;padding:5px 30px}.trust-strip div:first-child{padding-left:0}.trust-strip div:last-child{border:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:1.6rem;color:var(--green)}.trust-strip span{font-size:.84rem}.section{padding:clamp(65px,9vw,130px) clamp(24px,6vw,100px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.intro p:not(.eyebrow){font-size:1.22rem;color:var(--muted)}.text-link{display:inline-flex;gap:12px;font-weight:900;border-bottom:2px solid var(--green);padding-bottom:5px}.shaded{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section-head h2{margin-bottom:0}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.machine-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.machine-image{height:290px;background:#e9ebe4;position:relative;overflow:hidden;display:grid;place-items:center}.machine-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.machine-card:hover img{transform:scale(1.035)}.machine-image>span{position:absolute;top:14px;left:14px;background:var(--green);padding:7px 10px;font-size:.75rem;font-weight:900}.image-placeholder{font-weight:900;color:#7d867e}.machine-card-body{padding:26px;display:flex;flex:1;flex-direction:column}.machine-card h2{font-size:1.55rem;letter-spacing:-.03em}.machine-card-body>p:not(.eyebrow){color:var(--muted);font-size:.92rem}.spec-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 22px}.spec-row span{font-size:.72rem;padding:5px 8px;background:var(--paper)}.machine-card .text-link{margin-top:auto;align-self:flex-start}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:45px}.steps article{background:#fff;padding:35px}.steps b{font-size:2.8rem;color:var(--green)}.steps h3{font-size:1.25rem}.cta{padding:70px clamp(24px,6vw,100px);background:var(--green);display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{margin-bottom:12px}.cta p{max-width:680px}.light-button{background:#fff}.ghost-light{background:transparent;border:1px solid var(--deep)}.footer{background:#172019;color:#dce2dc;padding:60px clamp(24px,6vw,100px) 30px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer h3{color:var(--green);margin-bottom:5px}.footer p{color:#aeb7af}.footer small{grid-column:1/-1;border-top:1px solid #435047;padding-top:22px}.page-hero{background:var(--deep);color:#fff;padding:90px clamp(24px,8vw,140px)}.page-hero h1{font-size:clamp(3rem,7vw,6rem);margin:.2em 0}.page-hero>p:not(.eyebrow){color:#c4ccc5;max-width:720px;font-size:1.15rem}.catalog{padding-top:45px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;background:var(--paper);padding:22px}.filters label,.inquiry-form label,.adviser-form label{font-weight:800;font-size:.82rem}.filters input,.filters select,.inquiry-form input,.inquiry-form textarea,.adviser-form select{width:100%;display:block;margin-top:7px;border:1px solid var(--line);background:#fff;padding:13px;font:inherit}.results{color:var(--muted);margin:25px 0}.product-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.product-image{min-height:640px;background:#e7eae3;display:grid;place-items:center;padding:50px}.product-image img{width:100%;height:100%;max-height:570px;object-fit:contain}.product-copy{padding:80px clamp(30px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.product-copy h1{font-size:clamp(2.7rem,5vw,5rem);margin:.25em 0}.lead{font-size:1.15rem;color:var(--muted)}.mini-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:35px;font-size:.82rem;font-weight:700}.product-content{display:grid;grid-template-columns:1.4fr .8fr;gap:8vw}.product-content article p:not(.eyebrow){color:#505951;font-size:1.02rem}.product-content aside{background:var(--deep);color:#fff;padding:35px;align-self:start;position:sticky;top:105px}.product-content aside h2{font-size:1.8rem}.product-content dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #4d5b50;padding:12px 0}.product-content dt{color:#b7c0b8}.product-content dd{text-align:right;font-weight:700;margin:0}.full-button{width:100%;margin-top:20px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.contact-line{display:flex;flex-direction:column;border-top:1px solid var(--line);padding:18px 0}.contact-line span{color:var(--muted)}.note,.form-note{background:var(--paper);padding:18px;color:var(--muted)}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inquiry-form .full,.inquiry-form .consent,.inquiry-form .error{grid-column:1/-1}.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}.consent input{width:auto;margin:4px 0}.honeypot{position:absolute!important;left:-9999px!important}.success{background:#eef5d0;border-left:5px solid var(--green);padding:35px}.error{color:#a52a2a}.narrow{max-width:960px;margin:auto}.form-note{margin-top:25px}.adviser{padding-top:45px}.adviser-form{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:var(--green);padding:25px;margin-bottom:60px}.adviser-result .section-head span{color:var(--muted)}
@media(max-width:950px){.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:22px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-button{display:block}.hero,.product-hero{grid-template-columns:1fr}.hero-machine{min-height:470px}.trust-strip{grid-template-columns:repeat(2,1fr);gap:20px}.trust-strip div{padding:5px;border:0}.machine-grid{grid-template-columns:repeat(2,1fr)}.product-content,.contact-layout{grid-template-columns:1fr}.product-content aside{position:static}.gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header{height:70px}.nav{top:70px}.hero-copy{padding-top:60px}.hero-machine{min-height:350px}.hero-machine img{max-height:310px}.availability{left:20px;bottom:20px}.intro,.filters,.adviser-form{grid-template-columns:1fr}.machine-grid,.steps,.footer{grid-template-columns:1fr}.trust-strip{padding:25px}.section-head,.cta{align-items:flex-start;flex-direction:column}.machine-image{height:250px}.inquiry-form{grid-template-columns:1fr}.inquiry-form .full,.inquiry-form .consent,.inquiry-form .error{grid-column:auto}.gallery{grid-template-columns:1fr}.footer small{grid-column:auto}}

.hero.hero-panorama{position:relative;isolation:isolate;display:flex;align-items:center;min-height:max(calc(100svh - 84px),45vw);aspect-ratio:auto;background:var(--paper);overflow:hidden}
.hero-panorama .hero-copy{position:relative;z-index:2;width:38%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:48px 2vw 48px 6vw;background:none}
.hero-panorama .hero-visual{position:absolute;inset:0;z-index:0;padding:0;min-width:0;background:linear-gradient(#3599f6 0%,#a3c6e1 45%,#e8ded0 75%)}
.hero-panorama .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,rgba(245,245,239,.98) 24%,rgba(245,245,239,.9) 30%,rgba(245,245,239,0) 41%)}
.hero-panorama .hero-visual img{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:100%;height:auto;max-width:none}
.hero-panorama h1{font-size:clamp(2.5rem,4vw,5.6rem);margin:.18em 0}
.hero-panorama .hero-copy>p:not(.eyebrow){font-size:clamp(.95rem,1.1vw,1.18rem);margin-bottom:0}
.hero-panorama .actions{margin-top:clamp(16px,2vw,30px)}
@media(max-width:900px){.hero.hero-panorama{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:calc(100svh - 84px)}.hero-panorama .hero-copy{width:100%;padding:36px 6vw 20px}.hero-panorama h1{font-size:clamp(2.2rem,6vw,3.8rem)}.hero-panorama .hero-visual{position:relative;inset:auto;background:none}.hero-panorama .hero-visual img{position:static;transform:none;width:100%;height:auto}.hero-panorama .hero-visual:after{background:linear-gradient(var(--paper),transparent 22%)}}
@media(max-width:650px){.hero.hero-panorama{min-height:calc(100svh - 70px)}.hero-panorama .hero-copy{padding:32px 24px 20px}.hero-panorama h1{font-size:clamp(2.2rem,9vw,3rem)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.catalog-adviser{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.catalog-adviser{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.catalog-adviser{grid-template-columns:1fr}}

/* Traserscreen branding */
.header-logo{display:block;width:285px;max-width:30vw;height:64px;object-fit:contain;object-position:left center}.footer-logo-link{display:block}.footer-logo{width:340px;max-width:100%;height:auto}.footer .footer-logo{filter:none}.brand{letter-spacing:normal}.machine-badges{position:absolute;top:14px;left:14px;display:flex;gap:8px;flex-wrap:wrap;z-index:3}.machine-image>.machine-badges{background:transparent;padding:0}.machine-badges>span{position:static;background:#c51f2d;color:#fff;padding:8px 11px;font-size:.76rem;font-weight:900;box-shadow:0 2px 5px rgba(0,0,0,.16)}

/* Brochure */
.brochure-callout{padding:80px clamp(24px,6vw,100px);display:grid;grid-template-columns:1fr .72fr;align-items:center;gap:8vw;background:#edf0e7}.brochure-callout>div>p:not(.eyebrow){color:var(--muted);font-size:1.08rem;max-width:640px}.brochure-callout img{width:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.2))}.brochure-hero .actions{margin-top:24px}.flipbook-section{background:#151d17;padding:45px clamp(16px,4vw,70px) 70px;color:#fff}.flipbook-toolbar,.flipbook-jump{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto}.flipbook-toolbar{margin-bottom:22px}.flipbook-toolbar button{border:1px solid #617064;background:#253429;color:#fff;padding:11px 17px;font-weight:800;cursor:pointer}.flipbook-toolbar button:disabled{opacity:.35;cursor:default}.flipbook-toolbar span{font-weight:800}.flipbook{max-width:1400px;margin:auto;display:flex;justify-content:center;perspective:1800px;transition:transform .18s ease}.flipbook.turning{transform:scale(.985) rotateY(-2deg)}.flipbook figure{margin:0;width:50%;background:#000;box-shadow:0 18px 40px rgba(0,0,0,.38);overflow:hidden}.flipbook figure:first-child{transform-origin:right center}.flipbook figure:last-child{transform-origin:left center}.flipbook img{width:100%;height:auto;aspect-ratio:595/420;object-fit:contain;background:#000}.flipbook-jump{margin-top:24px;color:#c9d1ca}.flipbook-jump label{display:flex;align-items:center;gap:10px}.flipbook-jump input{width:74px;padding:8px;border:1px solid #617064;background:#fff;color:#18201c}.flipbook-jump a{font-weight:900;color:var(--green);border-bottom:2px solid var(--green)}

@media(max-width:1050px){.site-header{padding-left:22px;padding-right:22px}.header-logo{width:235px}.nav{gap:18px;font-size:.86rem}}
@media(max-width:950px){.header-logo{max-width:none}.brochure-callout{grid-template-columns:1fr}.brochure-callout img{max-height:330px}.flipbook{max-width:760px}.flipbook figure{width:100%}.flipbook .second-page{display:none}.flipbook img{aspect-ratio:595/420}}
@media(max-width:650px){.header-logo{width:210px;height:48px}.footer-logo{width:280px}.machine-badges{top:10px;left:10px;gap:5px}.machine-badges>span{font-size:.68rem;padding:7px 9px}.brochure-callout{padding-top:60px;padding-bottom:60px}.flipbook-section{padding-left:10px;padding-right:10px}.flipbook-toolbar{gap:8px}.flipbook-toolbar button{padding:9px 10px;font-size:.78rem}.flipbook-toolbar span{font-size:.78rem;text-align:center}.flipbook-jump{align-items:flex-start;flex-direction:column}.flipbook-jump a{font-size:.9rem}}

.flipbook figure.blank{background:#fff;box-shadow:none}
.flipbook figure.blank img{visibility:hidden}
@media(max-width:950px){.flipbook.cover-open figure:first-child{display:none}.flipbook.cover-open .second-page{display:block}}
.home-cta{justify-content:center;align-items:center;text-align:center}
.home-cta h2{margin:0}
.filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.filters input,.filters select{height:48px;min-height:48px}
.footer-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem .45rem;text-align:center}
.footer-bottom a{font-weight:800}
.footer-bottom a:hover{color:var(--green)}
.footer-separator{color:#778079}
@media(max-width:650px){.filters{grid-template-columns:1fr}}
.catalog-adviser{margin-bottom:25px}
.machine-image.machine-image-contain img{object-fit:contain;object-position:center;background:#f1f2ed}

.gallery img.technical-drawing{object-fit:contain;background:#fff;padding:18px}
.video-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}
.video-frame{position:relative;aspect-ratio:16/9;background:#111}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:950px){.video-section{grid-template-columns:1fr}}
.language-switch{display:flex;align-items:center;gap:5px;border-left:1px solid var(--line);padding-left:12px}.language-switch a{font-size:.7rem;padding:4px 5px;color:var(--muted)}.language-switch a.active{background:var(--deep);color:#fff}
@media(max-width:950px){.language-switch{border-left:0;padding-left:0}.language-switch a{padding:7px 10px;background:var(--paper)}.language-switch a.active{background:var(--deep)}}

.machine-card-body>p:not(.eyebrow),.lead,.product-content article p:not(.eyebrow){white-space:pre-wrap}

/* Machinefotos vullen op elk scherm het volledige fotovak. */
.machine-image{display:block;position:relative;height:auto;aspect-ratio:4/3;overflow:hidden;background:#e9ebe4}
.machine-image img,.machine-image.machine-image-contain img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:transparent}
@media(max-width:650px){.machine-image{height:auto;aspect-ratio:4/3}}

/* Verwijzing naar de zustersite Bucket Screen */
.bucket-promo{position:fixed;left:clamp(1rem,3vw,2.5rem);bottom:clamp(1rem,3vw,2.5rem);z-index:80;width:min(390px,calc(100vw - 2rem));padding:2rem;background:rgba(23,32,25,.97);color:#fff;border-top:5px solid var(--green);box-shadow:0 22px 70px rgba(0,0,0,.35);transform:translateY(30px);opacity:0;transition:transform .25s ease,opacity .25s ease}
.bucket-promo.visible{transform:none;opacity:1}
.bucket-promo h2{margin:0 0 1rem;font-size:2.15rem;line-height:.95;letter-spacing:-.04em}
.bucket-promo>p:not(.eyebrow){margin-bottom:1.25rem;color:#c6cbc7;font-size:.9rem;line-height:1.6}
.bucket-promo .eyebrow{margin-bottom:.75rem;color:var(--green)}
.bucket-promo-close{position:absolute;right:.75rem;top:.45rem;padding:.2rem .5rem;border:0;background:none;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.bucket-promo .button{width:100%}
@media(max-width:650px){.bucket-promo{padding:1.5rem}.bucket-promo h2{font-size:1.85rem}}


/* Google Analytics-toestemming */
.cookie-consent{position:fixed;z-index:120;left:clamp(12px,3vw,40px);right:clamp(12px,3vw,40px);bottom:clamp(12px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;background:#fff;color:var(--ink);border-top:5px solid var(--green);box-shadow:0 18px 60px rgba(0,0,0,.28)}
.cookie-consent[hidden]{display:none}.cookie-consent h2{margin:0 0 6px;font-size:1.45rem;letter-spacing:-.025em}.cookie-consent p{margin:0;max-width:820px;color:var(--muted);font-size:.92rem}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-actions .ghost-light{background:#fff;border:1px solid var(--deep)}.cookie-settings{appearance:none;border:0;border-bottom:1px solid currentColor;padding:0;background:none;color:#aeb7af;font:inherit;cursor:pointer}.cookie-settings:hover{color:#fff}
@media(max-width:700px){.cookie-consent{align-items:stretch;flex-direction:column;padding:20px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions .button{width:100%}}
