/* Alle regels gelden voor de nieuwe startpagina (body.burg-home) en voor de
   losse kopregel op de overige pagina's (.burg-kop): :is() houdt dezelfde
   specificiteit als body.burg-home, zodat themaregels er niet overheen gaan. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast){--ink:#09051f;--navy:#0d082b;--blue:#2f32ff;--blue2:#1769ff;--soft:#f4f6fb;--line:#e1e5ef;--muted:#657083;--white:#fff;--green:#14a66f;--radius:20px;--shadow:0 18px 50px rgba(8,13,42,.10)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) *{box-sizing:border-box}html:has(body.burg-home,.burg-kop){scroll-behavior:smooth}:is(body.burg-home,.burg-kop,body.burg-menu-vast){margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55}:is(body.burg-home,.burg-kop,body.burg-menu-vast) a{color:inherit;text-decoration:none}:is(body.burg-home,.burg-kop,body.burg-menu-vast) button,:is(body.burg-home,.burg-kop,body.burg-menu-vast) input{font:inherit}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .shell{width:min(1210px,calc(100% - 40px));margin-inline:auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .concept-bar{padding:7px 20px;background:#2f32ff;color:white;text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .concept-bar span{font-weight:500;opacity:.75}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .site-header{position:relative;z-index:10;background:#0a061f;color:white;border-bottom:1px solid rgba(255,255,255,.12)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row{height:80px;display:flex;align-items:center;gap:32px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand img{display:block;width:205px;height:auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .desktop-nav{display:flex;align-items:center;gap:30px;margin-left:22px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .desktop-nav a{font-size:.9rem;font-weight:700;color:#cdd0df;transition:.2s}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .desktop-nav a:hover{color:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .help{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.18);padding-right:22px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .eyebrow{font-size:.7rem;color:#8f96ac;text-transform:uppercase;letter-spacing:.08em}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .help strong{font-size:.88rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .icon-button{position:relative;width:45px;height:45px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.05);color:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .icon-button svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.7}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .icon-button span{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--blue);font-size:.65rem;font-weight:800}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .menu-button{display:none;background:none;border:0;width:40px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .menu-button i{display:block;height:2px;margin:6px;background:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero{position:relative;min-height:620px;overflow:hidden;background:#08051d;color:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,5,29,.98) 0%,rgba(8,5,29,.91) 34%,rgba(8,5,29,.35) 59%,rgba(8,5,29,.05) 100%)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-glow{position:absolute;inset:auto auto -230px -80px;width:500px;height:500px;border-radius:50%;background:#243cff;filter:blur(130px);opacity:.28}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:620px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy{padding:66px 0 58px;position:relative;z-index:3}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-kicker{display:flex;align-items:center;gap:10px;color:#aeb4ce;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-kicker span{width:27px;height:3px;border-radius:9px;background:#4b67ff}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero h1{margin:15px 0 17px;font-size:clamp(3rem,5vw,4.85rem);line-height:.98;letter-spacing:-.055em;font-weight:800}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero h1 em{font-style:normal;color:#596aff}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy>p{max-width:600px;margin:0 0 28px;color:#bac0d2;font-size:1.06rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-visual{position:absolute;right:-105px;top:0;width:68%;height:100%;z-index:1}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card{width:min(690px,110%);padding:11px;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28);color:var(--ink)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tabs{display:flex;padding:0 4px 8px;border-bottom:1px solid #edf0f6}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tabs button{position:relative;padding:8px 13px;border:0;background:none;color:#778095;font-size:.75rem;font-weight:800;cursor:pointer}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tabs button.active{color:var(--ink)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tabs button.active::after{content:"";position:absolute;left:13px;right:13px;bottom:-9px;height:3px;background:var(--blue);border-radius:3px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 0 0}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form svg{width:24px;margin-left:8px;fill:none;stroke:#8a92a4;stroke-width:1.8}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form input{width:100%;min-width:0;padding:14px 3px;border:0;outline:0;color:var(--ink)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form button{height:50px;padding:0 22px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-size:.88rem;font-weight:800;cursor:pointer}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form button span{margin-left:7px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card>small{display:block;margin:8px 8px 1px;color:#9097a5;font-size:.67rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card code{padding:2px 4px;border-radius:4px;background:#f0f2f7}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .plate-form{grid-template-columns:1fr auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .plate-form .plate-input{margin-left:2px;padding-inline:14px;background:#ffd800;border-radius:9px;color:#111;font-weight:800;letter-spacing:.08em;text-transform:uppercase}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-trust{display:flex;gap:22px;margin-top:23px;color:#c2c8da;font-size:.75rem;font-weight:600}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-trust b{color:#5b74ff}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .finder{position:relative;z-index:3;padding:34px 0 38px;background:white;border-bottom:1px solid var(--line)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading.compact{align-items:center}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading h2{margin:5px 0 0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.04em}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading p{max-width:510px;margin:0;color:var(--muted)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading>a{color:var(--blue);font-size:.86rem;font-weight:800}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading>a span{margin-left:6px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .label{color:var(--blue);font-size:.71rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip button{display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:center;padding:13px 7px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);cursor:pointer;transition:.22s}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip button:hover{border-color:#96a4ff;transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,37,104,.09)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brandmark{display:grid;place-items:center;width:39px;height:39px;margin-bottom:8px;border-radius:12px;background:#eff1ff;color:var(--blue);font-size:.67rem;font-weight:800}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip strong{font-size:.8rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip small{font-size:.65rem;color:#8590a3}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip .all-models{background:var(--navy);border-color:var(--navy);color:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip .all-models>span{display:grid;place-items:center;width:39px;height:39px;margin-bottom:8px;border-radius:12px;background:var(--blue);font-size:1.3rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section{padding:86px 0}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .categories{background:#f7f8fc}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-grid{display:grid;grid-template-columns:1.12fr repeat(2,.94fr);gap:18px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card{position:relative;display:flex;min-height:275px;overflow:hidden;border-radius:var(--radius);background:white;box-shadow:0 2px 0 rgba(10,5,31,.03);transition:.25s}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature{grid-row:span 2;min-height:568px;background:linear-gradient(155deg,#0e0a2a,#151254);color:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card img{position:absolute;right:0;top:0;width:100%;height:65%;object-fit:contain;object-position:center;background:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card>div{position:absolute;z-index:2;left:23px;right:23px;bottom:20px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card span{color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card h3{margin:3px 0;font-size:1.22rem;line-height:1.2}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card b{color:var(--blue);font-size:.73rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature img{top:auto;bottom:0;height:69%;object-fit:cover;object-position:center;background:transparent;opacity:.9;mix-blend-mode:screen}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,10,44,.05) 22%,rgba(15,10,44,.48) 55%,#0f0a2c 84%)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature .category-copy{top:32px;bottom:auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature span,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature b{color:#7687ff}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature h3{font-size:2.05rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature p{max-width:280px;margin:9px 0 14px;color:#bac0d7;font-size:.88rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-section{padding:33px 0;background:white;border-block:1px solid var(--line)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid{display:grid;grid-template-columns:repeat(4,1fr)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid article{display:flex;gap:14px;padding:4px 22px;border-right:1px solid var(--line)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid article:first-child{padding-left:0}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid article:last-child{border:0}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid i{font-style:normal;color:#c4cad6;font-size:.73rem;font-weight:800}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid strong{display:block;font-size:.82rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid p{margin:4px 0 0;color:var(--muted);font-size:.72rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .products{background:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card{display:flex;flex-direction:column;min-width:0;padding:12px 12px 16px;border:1px solid var(--line);border-radius:18px;background:white;transition:.22s}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-image{position:relative;display:grid;place-items:center;height:215px;margin-bottom:15px;overflow:hidden;border-radius:13px;background:#f5f6f9}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-image img{width:100%;height:100%;object-fit:contain;transition:.25s}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card:hover .product-image img{transform:scale(1.035)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-image>span{position:absolute;z-index:2;left:10px;top:10px;padding:5px 8px;border-radius:7px;background:var(--blue);color:white;font-size:.6rem;font-weight:800;text-transform:uppercase}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card>small{color:#818b9d;font-size:.65rem;font-weight:700}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card h3{min-height:48px;margin:6px 0 12px;font-size:.88rem;line-height:1.38}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .stock{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--green);font-size:.68rem;font-weight:700}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .stock i{width:7px;height:7px;border-radius:50%;background:var(--green)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .stock.order{color:#b27600}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .stock.order i{background:#e1a21b}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card footer>strong{font-size:1rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card footer small{color:#858e9e;font-size:.6rem;font-weight:500}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card footer button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:var(--navy);color:white;font-size:1.35rem;cursor:pointer}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-band{padding:63px 0;background:linear-gradient(135deg,#272cff,#1269ff);color:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .label.light{color:#cdd5ff}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-band h2{margin:5px 0 7px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.04em}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-band p{margin:0;color:#dbe0ff}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-buttons{display:flex;gap:11px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-buttons a{display:grid;place-items:center;min-width:155px;height:51px;padding:0 18px;border:1px solid rgba(255,255,255,.35);border-radius:13px;font-size:.81rem;font-weight:800}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-buttons .primary-light{background:white;color:var(--blue);border-color:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer{padding:63px 0 23px;background:#09051f;color:#b6bbcd}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:55px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid img{width:190px;margin-bottom:6px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid p{max-width:300px;margin:5px 0 0;font-size:.78rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid strong{margin-bottom:5px;color:white;font-size:.83rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid a,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid span{font-size:.76rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid a:hover{color:white}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-bottom{display:flex;justify-content:space-between;margin-top:48px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1);font-size:.68rem}
@media(max-width:1000px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .desktop-nav{display:none}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{grid-template-columns:1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy{max-width:680px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-visual{right:-170px;width:78%;opacity:.5}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero::after{background:linear-gradient(90deg,#08051d 0%,rgba(8,5,29,.88) 58%,rgba(8,5,29,.2))}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip{grid-template-columns:repeat(4,1fr)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-grid{grid-template-columns:1fr 1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature{grid-row:span 2}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid{grid-template-columns:1fr 1fr;gap:22px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid article{border:0;padding:0}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-grid{grid-template-columns:1fr 1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid{grid-template-columns:1.5fr 1fr 1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .shell{width:min(100% - 28px,1210px)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .concept-bar{font-size:.65rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row{height:69px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand img{width:164px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .help{display:none}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .menu-button{display:block}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero{min-height:auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{min-height:auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy{padding:53px 0 44px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero h1{font-size:2.75rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy>p{font-size:.93rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-visual{right:-285px;width:180%;opacity:.36}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero::after{background:linear-gradient(90deg,#08051d 0%,rgba(8,5,29,.94) 67%,rgba(8,5,29,.42))}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card{width:100%;padding:9px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form{grid-template-columns:auto 1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form button{grid-column:1/-1}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card>small{display:none}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .plate-form{grid-template-columns:1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-trust{flex-wrap:wrap;gap:8px 15px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .finder{padding:29px 0}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading.compact{align-items:flex-start;flex-direction:column;gap:12px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section-heading p{font-size:.9rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip{display:flex;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .model-strip button{min-width:135px;scroll-snap-align:start}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .section{padding:62px 0}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-grid{grid-template-columns:1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature{min-height:330px;grid-row:auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .category-card.feature{min-height:430px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .promise-grid{grid-template-columns:1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-grid{display:flex;overflow:auto;padding:2px 2px 20px;scroll-snap-type:x mandatory}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card{min-width:81%;scroll-snap-align:start}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-inner{align-items:flex-start;flex-direction:column}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-buttons{width:100%;flex-direction:column}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .contact-buttons a{width:100%}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid{grid-template-columns:1fr 1fr;gap:40px 25px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid>div:first-child,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid>div:last-child{grid-column:1/-1}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}}

/* One search field with a sliding search-mode selector. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-modes{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px;background:#f0f2f8;border-radius:13px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .mode-slider{position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/3);border-radius:10px;background:var(--blue);transform:translateX(calc(var(--selected)*100%));transition:transform .22s ease;box-shadow:0 3px 9px rgba(47,50,255,.18)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-modes button{min-height:44px;min-width:0;border:0;border-radius:10px;padding:10px 6px;background:transparent;color:#657083;font-size:.9rem;font-weight:800;cursor:pointer;transition:color .18s ease}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-modes button[aria-checked=true]{color:white}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-modes button:focus-visible{outline:2px solid #09051f;outline-offset:2px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form input:focus-visible{outline:2px solid var(--blue);outline-offset:1px;border-radius:5px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form input::placeholder{color:#657083;opacity:1}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-feedback{margin:10px 8px 4px;color:var(--muted);font-size:.875rem}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .mode-slider,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-modes button{transition:none}}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form input{font-size:1rem;letter-spacing:-.025em}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form svg{width:18px;margin-left:2px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form{gap:6px}}

/* Vehicle menu, alongside the single search field as in the existing shop. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar{position:relative;z-index:20;background:#3032ff;color:white;padding:14px 0}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar-row{display:flex;align-items:center;gap:28px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-picker{position:relative;flex:0 0 240px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle{display:flex;align-items:center;gap:16px;width:100%;min-height:52px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#fff;font-size:1rem;font-weight:800;cursor:pointer;text-align:left}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle>span:first-child{font-size:24px;font-weight:400}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-chevron{margin-left:auto}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle:hover,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle[aria-expanded=true]{background:#ffffff20}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-card{flex:1;width:auto;min-width:0;box-shadow:none;padding:8px;border-radius:14px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-modes{max-width:430px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form input{padding-block:10px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button{height:44px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-panel{position:absolute;top:calc(100% + 25px);left:0;width:min(820px,calc(100vw - 40px));background:white;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #09051f40;overflow:hidden}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-close{width:40px;height:40px;font-size:25px;border:0;background:var(--soft);border-radius:9px;cursor:pointer}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-columns{display:grid;grid-template-columns:190px 1fr}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-columns>div{min-width:0}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-columns>div:first-child{border-right:1px solid var(--line);background:#f7f8fc}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-columns h2{margin:0;padding:16px 14px;font-size:.875rem;line-height:1.5;min-height:54px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-brands,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models{display:flex;flex-direction:column;gap:4px;padding:0 10px 12px;max-height:360px;overflow:auto;overscroll-behavior:contain}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-brands button,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models button{flex-shrink:0;border:0;background:transparent;text-align:left;min-height:44px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--ink);font-size:.875rem;line-height:1.5}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-brands button:hover,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models button:hover{background:#eeefff;color:var(--blue)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-brands button[aria-pressed=true]{background:var(--blue);color:white;font-weight:800}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models p{margin:8px 4px;color:var(--muted);font-size:.875rem}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .selected-vehicle{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding-block:12px 0;font-size:.875rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .selected-vehicle span{font-weight:800}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .selected-vehicle a{text-decoration:underline}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .selected-vehicle button{padding:7px 10px;border:1px solid #ffffff60;border-radius:8px;background:transparent;color:white;cursor:pointer}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar-row{flex-direction:column;align-items:stretch;gap:8px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-picker{flex:auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle{width:100%;min-height:44px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar{padding-block:6px 12px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-panel{top:calc(100% + 8px);width:100%;max-height:65vh;overflow:auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-columns{grid-template-columns:110px minmax(0,1fr)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-columns h2{padding:12px 8px;font-size:.8rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-brands,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models{padding:0 5px 8px;max-height:40vh}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-brands button,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models button{padding:8px;font-size:.875rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form{grid-template-columns:auto 1fr auto}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button{grid-column:auto;padding:0 12px;font-size:.875rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button span{display:none}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form input{letter-spacing:-.025em}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy{padding-top:42px}}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form{grid-template-columns:auto minmax(0,1fr)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button{grid-column:1/-1}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button span{display:inline}}

/* New Burg mark and wordmark, shared by header and footer. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand-lockup{display:inline-flex;align-items:center;gap:10px;color:#fff}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand .brand-lockup img,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid .brand-lockup img{width:76px;height:60px;object-fit:contain;margin:0;flex:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand-wordmark{display:block;font-size:1.5rem;font-weight:800;line-height:1.03;letter-spacing:-.04em}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand-wordmark>span{display:block;font-size:.94rem;font-weight:600;letter-spacing:.005em;margin-top:4px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .footer-grid .brand-lockup{margin-bottom:6px}
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-picker{flex-basis:380px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar-row{gap:36px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle[aria-disabled=true]{cursor:default;background:transparent}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle .vehicle-chevron{display:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{grid-template-columns:380px minmax(0,1fr);gap:36px;align-items:center;padding-block:24px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu)>.vehicle-panel{position:relative;top:auto;left:auto;z-index:4;width:100%;min-width:0;box-shadow:0 12px 35px #0002;align-self:stretch;background:white;color:var(--ink)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-close{display:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-panel-head{min-height:54px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-columns{grid-template-columns:120px minmax(0,1fr)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-columns h2{padding:14px 10px;font-size:.875rem;letter-spacing:0;line-height:1.4;color:var(--ink)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands,:is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models{max-height:430px;padding-inline:5px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button,:is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models button{padding-inline:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .hero-copy{padding:36px 0;align-self:start;margin-top:25px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid h1{font-size:clamp(2.8rem,4vw,3.4rem)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .hero-copy>p{max-width:500px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .hero-visual{right:-105px;width:70%;opacity:.64}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-trust{flex-wrap:wrap;gap:12px 18px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .desktop-nav{gap:22px;margin-left:10px}
}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand .brand-lockup img{width:61px;height:48px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand-lockup{gap:6px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand-wordmark{font-size:1.2rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand-wordmark>span{font-size:.8rem}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row{gap:12px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions{gap:12px}}

/* Desktop: search and persistent vehicle selection share the hero image. */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar{display:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .desktop-nav [data-open-vehicle]{display:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{align-items:start;gap:36px;padding-block:24px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-panel-head{display:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands{max-height:none;overflow:visible}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models{max-height:500px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .hero-copy{margin-top:0;padding:0;min-width:0;max-width:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy>.search-card{width:100%;margin:0 0 48px;padding:8px;border-radius:14px;box-shadow:0 16px 40px #0003}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy .search-modes{max-width:430px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy .search-form input{padding-block:10px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy .search-form button{height:44px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy>.selected-vehicle{width:100%;margin:-32px 0 30px;padding:10px 0;gap:10px;color:#fff}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .hero-visual{top:0;height:100%}
}

/* Desktop header contrast and brand-first vehicle menu. */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .site-header{background:#293b53;border-bottom:1px solid #52647b}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .site-header .desktop-nav a{color:#e1e8f2}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .site-header .desktop-nav a:hover{color:#fff}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .site-header .eyebrow{color:#c6d1e1}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .site-header .icon-button{background:#ffffff10;border-color:#ffffff40}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu)>.vehicle-panel:not(.has-brand) .vehicle-columns{grid-template-columns:minmax(0,1fr)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu)>.vehicle-panel:not(.has-brand) .vehicle-columns>div:first-child{border-right:0}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button{position:relative;padding-right:23px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button::after{content:'›';position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:20px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button[aria-expanded=true]::after{content:'‹'}
}

/* Vehicle choice uses the same rounded button styling as search modes. */
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-picker{padding:8px;background:#fff;border-radius:14px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle{min-height:48px;background:var(--blue);border-radius:10px;box-shadow:0 3px 9px #2f32ff2e;font-size:.95rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle:hover,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle[aria-expanded=true]{background:#2225de}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle:focus-visible{outline:2px solid #09051f;outline-offset:3px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle>span:first-child{font-size:20px}
}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-result{margin-top:12px;padding:15px;background:#f0f3fa;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-result>strong{font-size:1rem}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-result dt{font-size:.875rem;color:var(--muted)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-result dd{margin:4px 0 0;font-size:1rem;font-weight:700;overflow-wrap:anywhere}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-continue{padding:12px 16px;min-height:44px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form button:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-result dl{grid-template-columns:1fr;gap:10px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-continue{width:100%}}

/* WordPress integration; confined to the new homepage. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .icon-button{display:grid;place-items:center}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .search-card .search-form{margin:0}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form input{background:#fff;box-shadow:none;min-height:48px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-modes button:disabled{opacity:.45;cursor:not-allowed}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results{padding-block:36px;scroll-margin-top:48px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk{max-width:none;font-family:inherit;--bzk-accent:#2f32ff}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-live-price{font-weight:800;font-size:1rem}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-live-price del{font-size:.8rem;color:var(--muted)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-live-price ins{background:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-view{font-size:.875rem;font-weight:800;color:var(--blue);padding:8px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card h3{font-size:1rem}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-card footer{gap:8px;flex-wrap:wrap}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-unavailable{color:var(--ink);font-size:1rem}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-unavailable a{text-decoration:underline}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .mobile-nav{padding-block:14px;display:flex;flex-wrap:wrap;gap:18px;color:white}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-preview-note{padding:12px 20px;background:#eef1f6;color:#293b53;font-size:14px;text-align:center}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-preview-note a{font-weight:800;text-decoration:underline;margin-left:12px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-skip{position:absolute;left:16px;top:-100px;z-index:999999;background:white;color:#15152d;padding:12px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-skip:focus{top:40px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) button:focus-visible,:is(body.burg-home,.burg-kop,body.burg-menu-vast) a:focus-visible{outline:2px solid #7183ff;outline-offset:3px}
@media(min-width:1001px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .mobile-nav{display:none}}
@media(max-width:1000px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar{background:#293b53}}

/* v4.66: the order-maker flow with one combined customer product list. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero h1{color:#fff!important}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero h1 em{color:#596aff!important}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card{position:relative}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card:has(.home-results:not([hidden])){z-index:8}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input{height:48px;min-height:48px;max-height:none;padding:10px 3px!important;border:0!important;border-radius:6px;box-shadow:none!important;line-height:1.5;font-size:16px;background:#fff;color:#09051f;text-transform:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input:focus-visible{outline:2px solid #2f32ff;outline-offset:1px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .home-results{width:100%;margin:0;padding:0;text-align:left;background:#fff;color:#1d2327;border:1px solid #cbd2dc;border-radius:10px;box-shadow:0 12px 32px #0b173b25;overflow:hidden}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .home-results .bzk{font-size:14px;line-height:1.45;letter-spacing:normal;text-transform:none;--bzk-text:#1d2327;--bzk-muted:#5f6b76}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results button,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results h3,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results strong,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results small{text-transform:none;letter-spacing:normal;font-family:inherit}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-status{min-height:0;margin:0;padding:10px 12px;color:#536176;font-size:14px;border-bottom:1px solid #e4e7ec}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-status:empty{display:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-status.is-error{color:#b32d2e}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-selected{margin:0;padding:9px 12px;border-radius:0;line-height:1.5;font-size:14px;justify-content:space-between}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-selected button{padding:6px 9px;font-size:14px;min-height:36px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-search-columns{display:grid;grid-template-columns:minmax(185px,.7fr) minmax(0,1.5fr);align-items:start}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-search-filters{min-width:0;border-right:1px solid #d9dee3}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-search-products{min-width:0}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-block{margin:0}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-block h3,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-results-heading{display:flex;justify-content:space-between;gap:8px;margin:0;padding:9px 12px;background:#f0f2f5;color:#344257;font-size:14px;font-weight:800;line-height:1.4}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-results-heading span{color:#657083;font-weight:600}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-chips{display:block;max-height:255px;overflow:auto;overscroll-behavior:contain}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results [data-bzk-categories]{border-top:1px solid #cbd2dc}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results [data-bzk-category-chips]{max-height:240px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-choice{display:block;width:100%;min-height:48px;padding:10px 12px;border:0;border-bottom:1px solid #e7ebf1;border-radius:0;background:#fff;color:#1d2327;text-align:left;font:inherit;cursor:pointer}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-choice strong,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-choice small{display:block}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-choice strong{font-size:14px;font-weight:700;line-height:1.4}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-choice small{margin-top:3px;font-size:13px;color:#657083;line-height:1.4}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-choice:hover,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-choice[aria-pressed=true]{background:#eff3ff;color:#2430bf}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-category-choice{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;margin:0;border-bottom:1px solid #e7ebf1;background:#fff;color:#1d2327;cursor:pointer}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-category-choice:hover{background:#f3f6fc}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-category-choice input{flex:none;width:17px;height:17px;min-height:17px;margin:2px 0 0;padding:0;accent-color:#2f32ff;appearance:auto;box-shadow:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-category-choice span,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-category-choice strong,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-category-choice small{display:block}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-category-choice strong{font-size:14px;font-weight:600;line-height:1.4}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-category-choice small{margin-top:3px;font-size:13px;font-weight:400;color:#657083}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-grid{display:block;max-height:405px;overflow:auto;overscroll-behavior:contain;margin:0;padding:0;list-style:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-row{list-style:none;margin:0;padding:0;border:0;border-bottom:1px solid #e7ebf1}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-button{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px;border:0;border-radius:0;background:#fff;color:#1d2327;font:inherit;text-align:left;cursor:pointer}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-button:hover{background:#f0f5ff}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-thumb{display:flex;align-items:center;justify-content:center;flex:none;width:58px;height:58px;overflow:hidden;background:#f5f7fa;border:1px solid #e0e5ed;border-radius:6px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-thumb img{display:block;width:100%;height:100%;object-fit:contain}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-thumb.is-empty::after{content:'';width:20px;height:20px;border:1px dashed #adb6c5;border-radius:3px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-copy{display:block;min-width:0;flex:1;overflow-wrap:anywhere}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-name{display:block;margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.45;color:#1d2327}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-price{display:block;font-size:14px;font-weight:700;color:#2430bf;line-height:1.5}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-availability{display:block;margin-top:3px;font-size:13px;font-weight:400;line-height:1.45;color:#536176}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-more{margin:0;padding:10px;border-top:1px solid #e7ebf1}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-more button{font-size:14px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-empty,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-prompt,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-empty{margin:0;padding:14px;color:#657083;font-size:14px;line-height:1.6;list-style:none;border:0;border-radius:0;text-align:left}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-number-results .bzk-search-columns{grid-template-columns:minmax(0,1fr)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-number-results .bzk-search-filters{display:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .burg-home-modal .bzk-modal{z-index:1000000}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-help{margin:12px 8px 4px;padding:11px 13px;border-radius:10px;background:#f0f3f7;color:#445367;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-help p{margin:0;color:inherit;font-size:inherit;line-height:inherit}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-help ul{display:flex;flex-wrap:wrap;gap:4px 22px;margin:5px 0 0;padding-left:18px;list-style:disc}
@media(min-width:1001px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .home-results{position:absolute;top:calc(100% + 8px);left:0;z-index:30;max-height:560px;overflow:auto}}
@media(max-width:1000px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .home-results{position:relative;margin-top:12px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-search-columns{grid-template-columns:minmax(0,1fr)}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-search-filters{border-right:0;border-bottom:1px solid #d9dee3}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-chips,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results [data-bzk-category-chips]{max-height:190px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-grid{max-height:360px}}

/* Account access beside the cart, with room for all header controls on small phones. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions{flex-shrink:0}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .account-button svg{width:23px;height:23px;stroke-linecap:round;stroke-linejoin:round}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .account-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:700px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row{gap:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions{gap:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions .icon-button,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions .menu-button{width:44px;min-width:44px;height:44px;flex:none}
}
@media(max-width:360px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand .brand-lockup img{width:48px;height:38px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .site-header .brand-wordmark{font-size:1.05rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .site-header .brand-wordmark>span{font-size:.72rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions{gap:6px}
}

/* --- Aanpassingen 4.90 -------------------------------------------------- */

/* E. De nieuwe startpagina vrijwel schermbreed, met bescheiden zijmarges. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .shell{width:min(1680px,calc(100% - 56px))}
@media(max-width:1400px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .shell{width:calc(100% - 48px)}}
@media(max-width:1000px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .shell{width:calc(100% - 36px)}}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .shell{width:calc(100% - 28px)}}
/* De hero blijft leesbaar: de tekstkolom groeit niet mee tot over de hele breedte. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy>p{max-width:640px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero h1{max-width:16ch}
@media(min-width:1401px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:48px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card{width:min(760px,100%)}
}
:is(body.burg-home,.burg-kop,body.burg-menu-vast){overflow-x:hidden}

/* F. De blauwe rand om het zoekveld is altijd zichtbaar, niet alleen bij focus. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input{
  border:1px solid rgba(47,50,255,.55)!important;
  border-radius:10px;
  padding:10px 12px!important;
  transition:border-color .15s,box-shadow .15s;
}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input:hover{border-color:rgba(47,50,255,.8)!important}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input:focus,
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input:focus-visible{
  border-color:var(--blue)!important;
  box-shadow:0 0 0 3px rgba(47,50,255,.18)!important;
  outline:2px solid var(--blue);
  outline-offset:2px;
}

/* B. Modellen in het merkenmenu zijn nu echte links. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models a{flex-shrink:0;display:block;border:0;background:transparent;text-align:left;min-height:44px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--ink);font-size:.875rem;line-height:1.5;text-decoration:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models a:hover{background:#eeefff;color:var(--blue)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models a{padding-inline:8px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-warning{margin:8px 4px;color:#8a1c1c;font-size:.82rem}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models a{padding:8px;font-size:.875rem}}

/* G. De gekozen-modelknop boven de onderdelenlijst. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-selected-link,
.bzk .bzk-selected-link{
  display:inline-flex;align-items:center;gap:8px;margin:6px 0 0;padding:9px 15px;
  border-radius:10px;background:var(--bzk-accent,#2f32ff);color:#fff;
  font-size:.85rem;font-weight:800;text-decoration:none;line-height:1.3;
}
.bzk .bzk-selected-link:hover{filter:brightness(1.08)}
.bzk .bzk-selected-link:focus-visible{outline:2px solid #09051f;outline-offset:3px}

/* Modellen met alleen andere bouwjaren staan samen onder een naam die uitklapt. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-group{display:flex;flex-direction:column}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-family{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;flex-shrink:0;border:0;background:transparent;text-align:left;min-height:44px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--ink);font-size:.875rem;line-height:1.5}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-family:hover{background:#eeefff;color:var(--blue)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-family i{font-style:normal;font-size:1.05rem;color:#8a92a4;transition:transform .15s}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-group.is-open .vehicle-model-family{color:var(--blue);font-weight:700}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-group.is-open .vehicle-model-family i{transform:rotate(90deg)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-years{display:flex;flex-direction:column;gap:2px;margin:0 0 4px 10px;padding-left:10px;border-left:2px solid #e3e6ea}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-years a,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-years button{min-height:40px;padding:8px 10px;font-size:.84rem;color:#3b4252}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-years a:hover,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-years button:hover{background:#eeefff;color:var(--blue)}
@media(max-width:700px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-family{padding:8px}:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-model-years{margin-left:6px;padding-left:8px}}

/* --- Mobiel: het merkenmenu duwt de zoekbalk naar beneden --------------
   Het menu stond los boven de pagina en viel dus over de zoekbalk heen.
   Nu staat het gewoon in de pagina: open je het, dan schuift de zoekbalk
   eronder. Meteen ook alles wat minder hoog. */
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-picker{position:static;padding:6px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-panel{
    position:static;top:auto;left:auto;width:100%;margin-top:6px;
    max-height:none;border-radius:12px;box-shadow:0 8px 22px #09051f1f;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar-row{gap:6px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle{min-height:40px;padding:6px 10px;font-size:.92rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-toggle>span:first-child{font-size:17px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-panel-head{padding:9px 13px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-brands,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models{max-height:46vh}

  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-card{padding:6px;border-radius:12px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-modes{padding:3px;border-radius:11px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-modes button{min-height:36px;padding:6px 4px;font-size:.84rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form{gap:5px;padding-top:6px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form input{min-height:40px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form input{padding-block:6px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button{height:40px;padding:0 14px;border-radius:11px;font-size:.84rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .rdw-continue{min-height:40px;padding:9px 14px}
}

/* --- H. Zoekbalk mobiel compacter, knop naast het veld ------------------
   Het zoekveld was hoog en de knop stond op een eigen regel eronder. */
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding-top:5px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button{grid-column:auto;height:38px;padding:0 13px;border-radius:10px;font-size:.82rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button span{display:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input{height:38px;min-height:38px;padding:7px 10px!important;font-size:16px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form svg{width:17px;margin-left:2px}
}

/* --- I. Het gekozen model staat als chip boven in de zoekbalk ----------
   Met een rood kruisje om het model los te laten en opnieuw te zoeken. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip{display:flex;align-items:center;gap:8px;margin:6px 2px 0;padding:5px 6px 5px 11px;border-radius:10px;background:#eef0ff;border:1px solid #ccd2ff;color:#09051f;font-size:.85rem;font-weight:800;line-height:1.35}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip span{min-width:0;overflow-wrap:anywhere}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip button{display:grid;place-items:center;margin-left:auto;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#d63638;font-size:1.35rem;font-weight:800;line-height:1;cursor:pointer}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip button:hover{background:#ffe3e3}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip button:focus-visible{outline:2px solid #d63638;outline-offset:2px}

/* --- J. Rustiger resultaatscherm --------------------------------------
   Het model staat al in de chip, dus de knop "Ander model kiezen" en de
   regel "Model: ..." mogen weg. Zonder filterkolom vult de lijst de breedte. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results [data-bzk-clear-model],
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results [data-bzk-selected-plain]{display:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-selected:not([hidden]){display:flex}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-no-filters .bzk-search-columns{grid-template-columns:minmax(0,1fr)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-no-filters .bzk-search-filters{display:none}

/* --- K. Twee onderdelen naast elkaar op de mobiel ----------------------- */
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e7ebf1;max-height:62vh}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-row{border-bottom:0;background:#fff}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-button{flex-direction:column;align-items:stretch;gap:7px;height:100%;padding:9px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-thumb{width:100%;height:88px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-name{margin:0 0 2px;font-size:12.5px;line-height:1.35;font-weight:700}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-price{font-size:13px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-availability{margin-top:2px;font-size:11.5px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-empty,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-prompt{grid-column:1/-1}
}

/* --- L. Zoekveld en knop naast elkaar zonder overlap -------------------
   Het raster liet de knop over het veld heen vallen. Met flex en
   min-width:0 kan het veld nooit meer onder de knop doorlopen. */
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy .search-form{display:flex;align-items:center;gap:7px;padding-top:5px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form>svg{flex:0 0 auto;margin-left:1px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input{flex:1 1 auto;width:auto;min-width:0}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button{flex:0 0 auto;grid-column:auto;height:38px;padding:0 14px;border-radius:10px;font-size:.82rem;white-space:nowrap}
  /* De focusring viel buiten het veld en raakte de knop. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input:focus,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input:focus-visible{outline-offset:0;box-shadow:0 0 0 2px rgba(47,50,255,.18)!important}
}

/* --- M. De modelchip zo klein mogelijk --------------------------------- */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip{display:inline-flex;width:auto;max-width:100%;margin:5px 2px 0;padding:2px 2px 2px 8px;gap:2px;border-radius:7px;font-size:.72rem;font-weight:700;line-height:1.3}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip button{width:20px;height:20px;border-radius:5px;font-size:1rem}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip[hidden]{display:none!important}

/* --- N. De modellenlijst staat helemaal uitgeklapt ---------------------
   Een eigen schuifbalkje in de lijst klikt niet lekker; het paneel zelf
   mag gewoon langer worden. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-chips{max-height:none;overflow:visible}
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-chips,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results [data-bzk-category-chips]{max-height:none;overflow:visible}
}

/* --- O. Het thema geeft elke knop een minimale hoogte; de chip en de
   zoekknop moeten daar onderuit kunnen. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-model-chip button{min-height:20px!important;height:20px!important;width:20px!important;min-width:20px!important;padding:0!important;font-size:15px!important;line-height:1!important}
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar .search-form button{min-height:38px!important;height:38px!important}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input{min-height:38px!important;height:38px!important}
}

/* --- P. Drie onderdelen naast elkaar en alles in een keer zichtbaar ----- */
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-thumb{height:66px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-name{font-size:11.5px;line-height:1.3}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-price{font-size:12px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-button{padding:7px;gap:5px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-availability{font-size:10.5px}
}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-grid{max-height:none;overflow:visible}

/* --- Q. Draaiend Burg-logo rechts in de zoekbalk tijdens het zoeken ----- */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form{position:relative}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-spinner{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;margin-right:2px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-spinner[hidden]{display:none!important}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-spinner svg{display:block;width:100%;height:100%;overflow:visible}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-spinner .ss-arc{stroke:#c3c8d2}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-spinner .ss-needle{fill:#2f32ff;transform-origin:24px 24px;animation:burg-naald 1s linear infinite}
@keyframes burg-naald{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-spinner .ss-needle{animation-duration:3s}}
/* Het vierde vakje in het raster, zodat de knop op zijn plek blijft staan.
   Geldt voor beide plekken waar de zoekbalk staat: in de blauwe balk op de
   mobiel en in de hero op de pc. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form{grid-template-columns:auto minmax(0,1fr) auto auto}
@media(max-width:1000px){:is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-spinner{width:22px;height:22px;margin-right:0}}
/* De balk "Onderdelen 0" hoort niet in beeld zolang er nog geen model is. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-results-heading[hidden]{display:none!important}

/* --- R. Verhoudingen op een groot scherm --------------------------------
   Boven 1400px stond er nog een oudere regel die de hero in twee bijna
   gelijke helften deelde. De merkenkolom werd daardoor 857px breed en groeide
   met de merkenlijst mee tot bijna 900px hoog, dwars over de hero heen. */
@media(min-width:1401px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{grid-template-columns:400px minmax(0,1fr);column-gap:44px}
}
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu)>.vehicle-panel{align-self:start;margin-top:6px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands{max-height:min(520px,58vh);overflow:auto;overscroll-behavior:contain}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models{max-height:min(520px,58vh)}
}
/* Op de pc blijft de knop naast het veld staan, ook met het draaiende logo. */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy .search-form{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy .search-form button{grid-column:auto}
}

/* --- S. Verhoudingen op de pc -------------------------------------------
   1. Het zoekveld rekende zijn breedte en hoogte buiten rand en binnenruimte
      om (het thema zet box-sizing terug op content-box). Het veld werd
      daardoor breder dan zijn vakje en schoof onder de knop Zoeken.
   2. De zoekbalk staat in de kopregel, tussen het menu en het winkelwagentje.
   3. Het automenu staat in een smalle kolom en klapt helemaal uit.
   4. De resultaten staan in volle breedte onder de kopregel, zes op een rij
      en zonder eigen schuifbalk. */
@media(min-width:1001px){
  /* 1. Zoekveld en knop passen weer naast elkaar. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form input{
    box-sizing:border-box!important;width:100%;
    height:40px!important;min-height:40px!important;max-height:40px!important;
    padding:7px 12px!important;font-size:15px;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form{gap:8px;padding-top:4px;align-items:center}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-form>svg{width:18px;margin-left:3px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card .search-form button{height:40px;padding:0 16px;border-radius:10px;font-size:.8rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-spinner{width:20px;height:20px}

  /* 2. De zoekbalk in de kopregel. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row{height:auto;min-height:80px;padding-block:9px;gap:18px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row>.search-card{
    flex:1 1 520px;min-width:0;max-width:640px;margin:0 0 0 auto;
    padding:6px 8px;border-radius:12px;box-shadow:0 10px 26px #00000038;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row .search-modes{max-width:330px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row>.search-card>small{display:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions{margin-left:0}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .desktop-nav{gap:18px;margin-left:6px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy>.selected-vehicle{margin:0 0 22px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .hero-copy{padding-top:10px}

  /* 3. Smal automenu, alles uitgeklapt, model onder het merk. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{grid-template-columns:250px minmax(0,1fr);column-gap:32px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-columns,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu)>.vehicle-panel .vehicle-columns{grid-template-columns:minmax(0,1fr)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-columns>div:first-child{border-right:0;border-bottom:1px solid var(--line)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-columns h2{padding:11px 10px;min-height:0;font-size:.8rem;font-weight:800}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models{max-height:none!important;overflow:visible;gap:1px;padding:0 6px 8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models button,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models a{
    min-height:32px!important;height:auto;padding:5px 22px 5px 9px;font-size:.81rem;line-height:1.35;border-radius:7px;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button::after{content:'\2304';right:8px;font-size:15px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button[aria-expanded=true]::after{content:'\2303'}

  /* 4. De resultaten onder de kopregel, zes op een rij, alles uitgeklapt. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results-host{position:relative;z-index:9}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results-host .home-results{
    position:static;width:min(1680px,calc(100% - 56px));margin:10px auto 16px;
    max-height:none;overflow:visible;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-chips,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results [data-bzk-category-chips]{max-height:none;overflow:visible}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-grid{
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;
    background:#e7ebf1;max-height:none;overflow:visible;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-row{border-bottom:0;background:#fff}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-button{flex-direction:column;align-items:stretch;gap:6px;height:100%;padding:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-thumb{width:100%;height:82px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-name{margin:0 0 2px;font-size:12px;font-weight:700;line-height:1.35}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-price{font-size:12.5px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-result-availability{margin-top:2px;font-size:11px;line-height:1.4}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-empty,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-prompt,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .bzk-model-empty{grid-column:1/-1}
}
@media(min-width:1401px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{grid-template-columns:250px minmax(0,1fr);column-gap:40px}
}
@media(min-width:1001px) and (max-width:1319px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row>.search-card{flex-basis:400px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* --- T. Het automenu klapt naar rechts uit -------------------------------
   De modellen schoven onder de merkenlijst, waardoor de kolom steeds langer
   werd. Ze komen nu als een zijpaneel naast de merken te staan, en de
   bouwjaren van een model weer naast dat zijpaneel. */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu)>.vehicle-panel{overflow:visible}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-columns{position:relative}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-columns>div:first-child{
    border-bottom:0;border-right:0;border-radius:0 0 15px 15px;overflow:hidden;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button::after{content:'\203a';right:8px;font-size:19px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button[aria-expanded=true]::after{content:'\203a'}

  /* Het zijpaneel met de modellen. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) #vehicle-model-column{
    position:absolute;left:100%;top:0;z-index:6;
    width:280px;margin-left:9px;
    background:#fff;border:1px solid var(--line);border-radius:15px;
    box-shadow:0 18px 46px #09051f45;
    /* Geen eigen schuifbalk: die zou het uitklappen van de bouwjaren
       naar rechts afknippen. */
    max-height:none;overflow:visible;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) #vehicle-model-column h2{
    background:#f7f8fc;border-bottom:1px solid var(--line);border-radius:15px 15px 0 0;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models{padding:6px}

  /* De bouwjaren van een model, weer een stap naar rechts. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-group{position:relative}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-family{min-height:32px;padding:5px 9px;font-size:.81rem;line-height:1.35;border-radius:7px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-group.is-open .vehicle-model-family i{transform:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-years{
    position:absolute;left:100%;top:-7px;z-index:7;
    width:250px;margin:0 0 0 9px;padding:6px;
    background:#fff;border:1px solid var(--line);border-left:1px solid var(--line);
    border-radius:13px;box-shadow:0 18px 46px #09051f45;
    max-height:min(520px,66vh);overflow:auto;overscroll-behavior:contain;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-years a,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-years button{min-height:32px!important;padding:5px 9px;font-size:.81rem;line-height:1.35;border-radius:7px}
}

/* --- U. Lagere knoppen Onderdeel/Nummer/Kenteken -------------------------
   Ze bepaalden mee hoe hoog de zoekbalk in de kopregel werd. */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row .search-modes{padding:3px;border-radius:10px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row .search-modes button{
    min-height:28px!important;height:28px!important;padding:0 4px!important;
    font-size:.76rem;line-height:1.2;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row .mode-slider{left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/3);border-radius:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row>.search-card{padding:6px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row .search-form{padding-top:5px}
}

/* --- V. Brede schermen beter benutten -----------------------------------
   Op een scherm van 2560px stond de pagina in een blok van 1680px in het
   midden, met een lege strook van ruim 400px links van het automenu. Boven
   1736px mag de pagina meegroeien tot 2100px en schuift het automenu daar
   nog eens 90px buiten. De productrijen krijgen een kolom extra, anders
   worden de kaarten onnodig groot. */
@media(min-width:1737px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .shell{width:min(2100px,calc(100% - 56px))}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid>.vehicle-panel{margin-left:-90px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .product-grid{grid-template-columns:repeat(5,1fr)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy>p{max-width:700px}
}

/* --- W. Groter automenu en een grotere hero-afbeelding ------------------- */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{grid-template-columns:300px minmax(0,1fr);column-gap:36px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-columns h2{padding:13px 13px;font-size:.92rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models{gap:2px;padding:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models button,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-models a,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-family{
    min-height:38px!important;padding:8px 26px 8px 12px;font-size:.95rem;line-height:1.4;border-radius:8px;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-brands button::after{right:10px;font-size:22px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) #vehicle-model-column{width:330px;margin-left:11px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-years{width:300px;margin-left:11px;padding:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-years a,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) :is(.hero-grid,.burg-kop-menu) .vehicle-model-years button{min-height:36px!important;padding:7px 12px;font-size:.92rem}

  /* De foto mag meer van de hero vullen. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .hero-visual{right:-60px;width:82%;opacity:.78}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero{min-height:660px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{min-height:660px}
}
@media(min-width:1401px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{grid-template-columns:300px minmax(0,1fr);column-gap:44px}
}

/* --- X. De foto vult de hero ---------------------------------------------
   De witte USP-strook en de blauwe contactbalk zijn van de pagina af. De hero
   mag daardoor hoger worden en de foto verder doorlopen; de tekst staat er
   overheen in plaats van ernaast. */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero{min-height:760px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{min-height:760px;padding-block:30px 40px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid .hero-visual{right:-20px;top:0;width:92%;height:100%;opacity:.92}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero::after{
    background:linear-gradient(90deg,rgba(8,5,29,.97) 0%,rgba(8,5,29,.84) 24%,rgba(8,5,29,.3) 50%,rgba(8,5,29,0) 76%);
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero h1{text-shadow:0 2px 18px rgba(8,5,29,.55)}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-copy>p,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-trust{text-shadow:0 1px 10px rgba(8,5,29,.6)}
}
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-visual{opacity:.5}
}

/* --- Y. De zoekbalk in het midden van de kopregel ------------------------ */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row>.search-card{margin-inline:auto}
}

/* --- Z. De USP-regel terug, over de foto heen, plus een groter logo ------ */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps{
  position:relative;z-index:3;
  display:grid;grid-template-columns:repeat(4,1fr);
  margin-bottom:26px;padding:14px 18px;
  border-radius:16px;border:1px solid rgba(255,255,255,.16);
  background:rgba(8,5,29,.55);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  color:#fff;
}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps article{display:flex;gap:13px;padding:2px 20px;border-right:1px solid rgba(255,255,255,.15)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps article:first-child{padding-left:2px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps article:last-child{border-right:0;padding-right:2px}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps i{font-style:normal;color:#8d99dd;font-size:.74rem;font-weight:800}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps strong{display:block;font-size:.86rem;line-height:1.35}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps p{margin:4px 0 0;color:#c4cade;font-size:.75rem;line-height:1.45}
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-grid{min-height:660px}
}
@media(max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps{grid-template-columns:1fr 1fr;gap:14px;padding:14px;margin-bottom:20px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps article{border-right:0;padding:0}
}
@media(max-width:700px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-usps{grid-template-columns:1fr;gap:12px}
}

/* Een fors groter logo in de kopregel. */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row{min-height:104px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand .brand-lockup img{width:116px;height:92px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand .brand-lockup{gap:14px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand .brand-wordmark{font-size:2.15rem;letter-spacing:-.045em}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .brand .brand-wordmark>span{font-size:1.3rem;margin-top:5px}
}

/* --- AA. Mobiel: automenu helemaal uitgeklapt, iconen in de hoek --------- */
@media(max-width:1000px){
  /* Geen schuifbalkje in de merken- en modellenlijst; het paneel mag gewoon
     langer worden en de pagina eronder schuift mee. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-panel{max-height:none!important;overflow:visible!important}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-brands,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-models{max-height:none!important;overflow:visible!important}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-columns{align-items:start}

  /* Winkelwagen en account helemaal rechts in de hoek. */
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions{gap:9px;margin-right:-8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row{gap:8px}
}
@media(max-width:700px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-actions{gap:7px;margin-right:-9px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .icon-button{width:42px;height:42px;border-radius:11px}
}

/* --- AB. Opstartanimatie van de dagrijverlichting ------------------------
   Een tweede laag over de foto met de koplampen uit. Die knippert even en
   veegt dan van links naar rechts weg; daardoor lijkt het of de lampen
   opstarten. De laag begint op opacity 0, dus als de animatie niet draait
   of het plaatje niet laadt, staan de lampen gewoon aan. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-visual{position:absolute}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-lampen-uit{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
  opacity:0;pointer-events:none;
  animation:burg-lampen-aan 9.6s ease-out .45s both;
}
@keyframes burg-lampen-aan{
  0%{opacity:1;clip-path:inset(0 0 0 0)}
  10%{opacity:1}
  13%{opacity:.4}
  16%{opacity:1}
  20%{opacity:.2}
  24%{opacity:1}
  32%{opacity:1;clip-path:inset(0 0 0 0)}
  86%{opacity:1;clip-path:inset(0 0 0 94%)}
  100%{opacity:0;clip-path:inset(0 0 0 100%)}
}
@media(prefers-reduced-motion:reduce){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-lampen-uit{animation:none;opacity:0}
}

/* --- AC. De roldeur gaat open en weer dicht ------------------------------
   Drie lagen over de hero-foto, allemaal op dezelfde maat als de foto zelf
   zodat ze altijd precies passen: het verlichte magazijn, het licht dat naar
   buiten valt, en de deur er bovenop. De deur wordt met een clip-path van
   onderaf weggeknipt; die vier punten volgen de schuine onder- en bovenrand
   van de deur, zodat het perspectief klopt. Vijf seconden open, even open
   blijven, en in vijf seconden weer dicht. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur-binnen,
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur-licht,
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-terrein-licht,
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;pointer-events:none;
}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur-binnen{opacity:0;animation:burg-deur-binnen 17s linear 2.5s both}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur-licht{opacity:0;animation:burg-deur-licht 17s ease-in-out 2.5s both}
/* Warm licht uit het magazijn dat het voorterrein kleurt zodra de deur open is;
   screen-blend maakt de natte vloer lichter in plaats van hem af te dekken. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-terrein-licht{opacity:0;mix-blend-mode:screen;animation:burg-terrein-licht 17s ease-in-out 2.5s both}
/* Het kader knipt op de deuropening; de deur zelf schuift er als één paneel
   (ramen incluis) omhoog in, zoals een echte roldeur in de rol verdwijnt. */
/* Het kader staat in het toneel (.hero-stage), dat het script precies op de
   uitsnede van de foto legt. De procenten zijn daardoor procenten van de
   foto en niet van het (bredere of hogere) kader eromheen, zodat de deur op
   elk scherm precies in zijn opening blijft. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur-kader{
  position:absolute;inset:0;pointer-events:none;
  clip-path:polygon(42.7% 31.7%, 46.6% 29.6%, 46.6% 52.5%, 42.7% 52.1%);
}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur{
  position:absolute;inset:0;width:100%;height:100%;object-fit:fill;
  will-change:transform;
  animation:burg-roldeur 17s ease-in-out 2.5s both;
}
@keyframes burg-roldeur{
  0%  {transform:translateY(0)}
  29% {transform:translateY(-23.5%)}
  71% {transform:translateY(-23.5%)}
  100%{transform:translateY(0)}
}
/* Het magazijn is alleen zichtbaar zolang de deur beweegt; draait de animatie
   niet, dan blijft de foto gewoon zoals hij is. */
@keyframes burg-deur-binnen{0%{opacity:0}1%{opacity:1}99%{opacity:1}100%{opacity:0}}
@keyframes burg-deur-licht{0%{opacity:0}29%{opacity:1}71%{opacity:1}100%{opacity:0}}
@keyframes burg-terrein-licht{0%,8%{opacity:0}29%{opacity:.45}71%{opacity:.45}96%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur-binnen,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur-licht,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-terrein-licht,
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-deur{animation:none;opacity:0}
}

/* --- AD. De bus rijdt uit de deur het voorterrein op --------------------
   Tijdlijn van 17 seconden, gedeeld met de deur: 0-29% deur open, dan gaan
   de koplampen van de bus aan, 31-41% schuift de bus met de neus naar links
   uit de deuropening, 41-70% rijdt hij schuin naar links-voor het beeld in
   en wordt groter, stopt met de bestickerde zijkant naar de kijker, en
   71-100% gaat de deur dicht. Het toneel (.hero-stage) wordt door het script
   precies over het zichtbare deel van de foto gelegd; alle maten hieronder
   zijn daarom procenten van de foto, dezelfde als bij de deur. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-stage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-uitrit{position:absolute;inset:0;clip-path:polygon(0 0, 43% 0, 43% 32.15%, 46.25% 30.1%, 46.25% 52.5%, 43% 52.5%, 43% 100%, 0 100%)}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus{
  position:absolute;left:45.7%;bottom:48.1%;width:27%;height:auto;overflow:visible;
  transform-origin:0 100%;transform:scale(.36);opacity:0;
  animation:burg-bus-rijdt 17s ease-in-out 2.5s both;
}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus picture,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus img{display:block;width:100%;height:auto;position:relative;z-index:2}
/* De draaiende wielen: zelfde plek en maat als in de foto (procenten van de bus). */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus .hero-bus-wiel{position:absolute;z-index:3;width:10.94%;height:auto;transform-origin:50% 50%;animation:burg-wiel-draait 17s ease-in-out 2.5s both}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus .hero-bus-wiel img{width:100%;height:auto}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus-wiel-voor{left:20.51%;top:72.19%}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus-wiel-achter{left:76.98%;top:71.45%}
@keyframes burg-wiel-draait{0%,31%{transform:rotate(0deg)}70%,100%{transform:rotate(-1080deg)}}
/* Zachte slagschaduw op het natte asfalt onder de bus. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus-schaduw{position:absolute;left:3%;right:3%;bottom:-2.5%;height:11%;z-index:1;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.62),rgba(0,0,0,.25) 55%,rgba(0,0,0,0) 78%);filter:blur(3px)}
/* Lichtbundel uit de koplamp, naar links over de grond. */
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus-kegel{position:absolute;right:84%;top:50%;width:44%;height:24%;z-index:1;transform-origin:100% 50%;transform:skewY(5deg);background:linear-gradient(to left,rgba(226,240,255,.62),rgba(226,240,255,.18) 55%,rgba(226,240,255,0));clip-path:polygon(100% 42%,0 0,0 100%,100% 60%);filter:blur(2px);mix-blend-mode:screen}
:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus-lamp{opacity:0;animation:burg-bus-lampen 17s linear 2.5s both}
/* Rechte lijn naar links langs het pand, op dezelfde grondlijn als de deur,
   en onderweg ruim drie keer zo groot als bij het verlaten van de deur. */
@keyframes burg-bus-rijdt{
  0%,29%{opacity:0;left:45.7%;bottom:48.1%;transform:scale(.46)}
  31%{opacity:1;left:45.7%;bottom:48.1%;transform:scale(.46)}
  41%{opacity:1;left:39.5%;bottom:48.1%;transform:scale(.52)}
  70%,100%{opacity:1;left:7%;bottom:48.1%;transform:scale(.81)}
}
@keyframes burg-bus-lampen{0%,30%{opacity:0}30.5%{opacity:.7}31%{opacity:.1}32%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus,:is(body.burg-home,.burg-kop,body.burg-menu-vast) .hero-bus-lamp{animation:none;opacity:0}
}

/* --- AE. Tablet en "desktopversie" op de telefoon (701-1000px) ----------
   Op deze breedte stond het automenu naast de zoekbalk; klapte je het open,
   dan werd het een smalle, metershoge kolom met de zoekbalk ernaast. Nu
   staat het menu boven de zoekbalk, net als op de telefoon, en krijgt het
   open paneel de volle breedte. De pc (vanaf 1001px) en de telefoon (tot
   700px) veranderen hierdoor niet. */
@media(min-width:701px) and (max-width:1000px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar-row{flex-direction:column;align-items:stretch;gap:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-picker{flex:auto}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-columns{grid-template-columns:200px minmax(0,1fr)}
}

/* --- AF. Telefoon: zoekbalk bovenaan, knop "Kies uw auto" eronder --------
   De rij staat op de telefoon al onder elkaar (flex-direction:column); met
   order komt de zoekbalk als eerste en schuift de knop eronder. Klapt het
   menu open, dan blijft het netjes onder de zoekbalk staan. */
@media(max-width:700px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar-row>.search-card{order:-1}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar-row>.vehicle-picker{order:1;margin-top:8px}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .vehicle-bar{padding-block:4px 12px}
}

/* --- AG. De nieuwe kopregel op alle andere pagina's ----------------------
   De kop (logo, zoekbalk, Kies uw auto) staat via wp_body_open bovenaan de
   themapagina's in een wrapper .burg-kop. De themakop en de oude
   zoekbalk-koppeling worden verborgen. Op de pc staat de zoekbalk in de
   kopregel en blijft de blauwe balk met "Kies uw auto" eronder staan; het
   menu klapt daar als een luik onder de knop uit. */
body.burg-kop-actief header.whb-header,
body.burg-kop-actief .whb-header,
body.burg-kop-actief .burg-attach{display:none!important}
div.burg-kop{position:relative;z-index:90;overflow:visible;background:#0a061f}
div.burg-kop .home-results-host{background:#fff}
div.burg-kop .home-results{padding-bottom:24px}
div.burg-kop #burg-home-results[hidden]{display:none}
@media(min-width:1001px){
  div.burg-kop .vehicle-bar{display:block;padding:6px 0}
  div.burg-kop .vehicle-bar-row{gap:0}
  div.burg-kop .vehicle-picker{flex:0 0 280px}
  div.burg-kop .vehicle-toggle{min-height:46px}
  div.burg-kop .vehicle-panel[hidden]{display:none}
  div.burg-kop .selected-vehicle{padding-block:8px 4px}
}

/* --- AH. Het automenu op de andere pagina's ziet eruit als op de startpagina
   De regels van het startpaginamenu (merken met pijltje, modellen als
   zijpaneel rechts, bouwjaren weer rechts daarvan) gelden ook binnen
   .burg-kop-menu: een luik onder de knop "Kies uw auto" in de blauwe balk. */
@media(min-width:1001px){
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:30;width:300px}
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu>.vehicle-panel{border:1px solid var(--line);border-radius:15px;box-shadow:0 22px 60px #09051f55}
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu>.vehicle-panel[hidden]{display:none}
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu .vehicle-brands{max-height:min(560px,70vh);overflow:auto;overscroll-behavior:contain}
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu .vehicle-columns h2{padding:13px 13px;font-size:.92rem}
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu .vehicle-brands,:is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu .vehicle-models{gap:2px;padding:8px}
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu .vehicle-brands button::after{right:10px;font-size:22px}
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu #vehicle-model-column{width:330px;margin-left:11px}
  :is(div.burg-kop,body.burg-menu-vast) .burg-kop-menu .vehicle-model-years{width:300px;margin-left:11px;padding:8px}
}

/* --- AI. Laadlogo op de telefoon -----------------------------------------
   Zolang de pagina laadt ligt er een lichte laag over de pagina met het
   draaiende Burg-logo uit de zoekbalk. Het script haalt hem weg zodra de
   pagina klaar is (en na uiterlijk vier seconden altijd), en zet hem weer
   neer als je binnen de site op een link tikt. Alleen tot 1000px breed. */
/* pointer-events:none: de laag is alleen beeld en vangt nooit een tik af.
   Blijft hij een tel te lang hangen, dan komt een tik toch op de pagina aan. */
.burg-laadlogo{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:transparent;pointer-events:none;transition:opacity .25s ease}
.burg-laadlogo svg{width:84px;height:84px;overflow:visible;filter:drop-shadow(0 4px 14px #0006)}
.burg-laadlogo .ss-arc{stroke:#c3c8d2}
.burg-laadlogo .ss-needle{fill:#5b74ff;transform-origin:24px 24px;animation:burg-naald 1s linear infinite}
.burg-laadlogo.is-klaar{opacity:0;pointer-events:none}
/* Vangnet zonder script: na vijf seconden altijd weg. */
.burg-laadlogo{animation:burg-laad-weg .3s ease 5s forwards}
@keyframes burg-laad-weg{to{opacity:0;visibility:hidden}}
.burg-laadlogo[hidden]{display:none}
@media(min-width:1001px){.burg-laadlogo{display:none!important}}
@media(prefers-reduced-motion:reduce){.burg-laadlogo{display:none!important}}

/* --- AJ. Telefoon: productkaart is in zijn geheel een knop -----------------
   Het groene mandje op de productkaarten verdwijnt op de telefoon; een tik
   ergens op de kaart (ook naast de foto of de titel) opent het product. */
@media(max-width:1000px){
  body.burg-kop-actief .wd-product .add_to_cart_button,
  body.burg-kop-actief .wd-product .wd-add-btn,
  body.burg-kop-actief .wd-product .wd-buttons{display:none!important}
  body.burg-kop-actief .wd-product.product-grid-item{cursor:pointer}
}

/* --- AK. Telefoon: de knop "Filters" (oude categorieenmenu) weg --------------
   Die opende het zijmenu van het thema met de oude categorieenlijst; het
   automenu "Kies uw auto" staat er al boven. */
@media(max-width:1000px){
  body.burg-kop-actief .wd-sidebar-opener,
  body.burg-kop-actief .wd-show-sidebar,
  body.burg-kop-actief .woodmart-show-sidebar-btn,
  body.burg-kop-actief .wd-filter-icon,
  body.burg-kop-actief .wd-toolbar-filters,
  body.burg-kop-actief .burg-filterknop-weg,
  body.burg-kop-actief .filters-area-opener,
  body.burg-kop-actief .wd-toolbar-sidebar,
  body.burg-kop-actief .woocommerce-ordering,
  body.burg-kop-actief .wd-products-per-page,
  body.burg-kop-actief .wd-products-shop-view{display:none!important}
}

/* --- AL. Telefoon: dunnere zwarte kopregel ---------------------------------
   De kop was 69px hoog terwijl logo (48px) en knoppen (42px) veel minder
   nodig hebben. De hoogte volgt nu de inhoud met 4px rand: ongeveer 56px. */
@media(max-width:700px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .header-row{height:auto;min-height:0;padding-block:4px}
}

/* --- AM. Het merkenmenu vast in de linkerkolom van een categoriepagina ----
   Op de pc stond daar de oude categorielijst van het thema. Die gaat weg; het
   merkenmenu van de nieuwe startpagina komt ervoor in de plaats en blijft
   meescrollen. De blauwe balk met de knop is dan overbodig. */
@media(min-width:1001px){
  body.burg-menu-vast .widget_product_categories,
  body.burg-menu-vast .wd-widget.filter-widget{display:none!important}
  body.burg-menu-vast .vehicle-bar{display:none}
  body.burg-menu-vast div.burg-kop .home-results-host{background:#fff}

  body.burg-menu-vast .burg-kop-menu{
    position:sticky;top:12px;z-index:30;width:100%;margin-bottom:18px;
  }
  body.burg-menu-vast .burg-kop-menu>.vehicle-panel{
    position:static;width:100%;max-height:none;
    border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 30px #09051f1f;
  }
  body.burg-menu-vast .burg-kop-menu .vehicle-panel-head{display:none}
  body.burg-menu-vast .burg-kop-menu .vehicle-brands{max-height:min(70vh,700px);overflow:auto;overscroll-behavior:contain}
  body.burg-menu-vast .burg-kop-menu .vehicle-columns h2{font-size:.86rem;padding:12px 12px}
}

/* --- AN. Categoriepagina op de pc: balk met aantal/weergave/sortering weg ---
   Het aantal resultaten, de knoppen Filters en Show 9/12/18/24, de
   weergavekeuze en de sorteerlijst van het thema hebben we niet meer nodig:
   het kiezen gaat via het merkenmenu links. De titel en de kruimelpad komen
   naast elkaar te staan in plaats van onder elkaar. */
@media(min-width:1001px){
  body.burg-kop-actief .elementor-widget-wd_shop_archive_result_count,
  body.burg-kop-actief .elementor-widget-wd_shop_archive_per_page,
  body.burg-kop-actief .elementor-widget-wd_shop_archive_view,
  body.burg-kop-actief .elementor-widget-wd_shop_archive_orderby,
  body.burg-kop-actief .elementor-widget-wd_builder_off_canvas_column_btn{display:none!important}
  /* De lege balk die overblijft mag geen ruimte meer innemen. */
  body.burg-kop-actief .e-con:has(>.elementor-widget-wd_shop_archive_result_count),
  body.burg-kop-actief .e-con-inner:has(>.elementor-widget-wd_shop_archive_result_count){
    padding-block:0!important;row-gap:0!important;
  }

  body.burg-kop-actief .e-con-inner:has(>.elementor-widget-wd_shop_archive_woocommerce_title):has(>.elementor-widget-wd_wc_breadcrumb){
    flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:20px;row-gap:4px;
  }
  body.burg-kop-actief .e-con-inner:has(>.elementor-widget-wd_shop_archive_woocommerce_title)>.elementor-widget-wd_shop_archive_woocommerce_title,
  body.burg-kop-actief .e-con-inner:has(>.elementor-widget-wd_shop_archive_woocommerce_title)>.elementor-widget-wd_wc_breadcrumb{
    width:auto!important;flex:0 0 auto;
  }
}

/* --- AO. Categoriepagina op de pc: minder lege ruimte en acht per rij ------
   De witruimte boven de titel en tussen de titel en de producten was voor de
   weggehaalde balk. De lege container van die balk gaat helemaal weg, zodat
   het merkenmenu en de producten meteen onder de titel beginnen. In het
   productraster staan acht artikelen naast elkaar; het thema zet zes in een
   inline stijl, dus dat moet met !important overschreven worden. */
@media(min-width:1001px){
  body.burg-kop-actief main.wd-content-layout:has(.elementor-widget-wd_shop_archive_woocommerce_title){padding-top:14px!important}
  body.burg-kop-actief .e-con:has(>.e-con-inner>.elementor-widget-wd_shop_archive_woocommerce_title){margin-bottom:12px!important}
  body.burg-kop-actief .e-con:has(>.elementor-widget-wd_shop_archive_result_count){display:none!important}
  body.burg-kop-actief .elementor-widget-wd_archive_products .products.wd-grid-g{--wd-col-lg:8!important}
}

/* --- AP. Gekozen model: knop in het midden, en een ballon bij het zoekveld
   ------------------------------------------------------------------------
   Alleen op de pc. De knop "Bekijk alles voor …" stond links tegen de rand;
   in het midden van het paneel valt hij meteen op. De ballon verschijnt
   zodra de klant in het zoekveld klikt en vertelt waar hij moet beginnen. */
@media(min-width:1001px){
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-selected{justify-content:center;text-align:center}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .home-results .bzk-selected-link{margin:0}

  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-card{position:relative}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tip{
    position:absolute;z-index:30;left:50%;top:calc(100% + 13px);transform:translateX(-50%);
    width:min(520px,92vw);padding:13px 16px;border-radius:13px;
    background:#0a061f;color:#fff;box-shadow:0 18px 44px rgba(10,6,31,.34);
    text-align:left;line-height:1.45;
  }
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tip[hidden]{display:none}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tip strong{display:block;font-size:1.02rem;font-weight:800}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tip span{display:block;margin-top:4px;color:#c6c9df;font-size:.86rem}
  :is(body.burg-home,.burg-kop,body.burg-menu-vast) .search-tip::before{
    content:"";position:absolute;left:50%;top:-9px;width:18px;height:18px;
    margin-left:-9px;border-radius:3px;background:#0a061f;transform:rotate(45deg);
  }
}