/*
Theme Name: Mijn Robotmaaier
Description: Nederlandse vergelijker op basis van specificaties.
Version: 2.0
Text Domain: robotmaaier
*/
@font-face{font-family:Inter;src:url(fonts/Inter-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Fraunces;src:url(fonts/Fraunces-600.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--gr:#123f32;--gr2:#226047;--mint:#e6f2e9;--paper:#f6f8f4;--or:#ae3b17;--or2:#872c10;--ink:#20382d;--mut:#56665d;--ln:#d7e1d8;--r:20px;--shadow:0 12px 35px #123f3209}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:400 16px/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:var(--gr);text-underline-offset:4px}a:hover{color:var(--or)}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}a,button,select,summary{-webkit-tap-highlight-color:transparent} :focus-visible{outline:3px solid #b3441d;outline-offset:4px}p{margin:0 0 1.2em}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.13;color:var(--gr);letter-spacing:-.035em;margin:0 0 .65em}h1{font-size:clamp(2.3rem,5vw,4.4rem)}h2{font-size:clamp(1.8rem,3.3vw,2.75rem)}h3{font-size:1.4rem}h4{font-size:1.15rem}small,.fine{font-size:.78rem;line-height:1.6}strong,b{font-weight:700}figure{margin:0} [hidden]{display:none!important}.wrap{width:min(1280px,100% - 64px);margin-inline:auto}.narrow{width:min(800px,100% - 48px);margin-inline:auto}.skip{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:100;background:#fff;padding:12px}.skip:focus{transform:none}.sec{padding:80px 0}.alt{background:var(--paper)}.kick,.eyebrow{display:block;color:var(--gr2);font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.sub{max-width:700px;color:var(--mut);margin-bottom:30px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.section-head h2{margin:0}.section-head>a{flex-shrink:0;font-size:.9rem}.grid{display:grid;gap:24px}.grid>*{min-width:0}.g1{grid-template-columns:1fr}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:0;border-radius:9px;background:var(--or);color:white;text-decoration:none;font:700 .9rem/1.4 Inter,system-ui,sans-serif;text-align:center;transition:background .18s}.btn:hover{background:var(--or2);color:white}.btn.dk{background:var(--gr)}.btn.dk:hover{background:var(--gr2)}.btn.ghost{background:transparent;border:1px solid var(--ln);color:var(--gr)}.btn.sm{font-size:.82rem;padding:10px 14px}.text-link{font-weight:700;display:inline-block;padding:10px 0}.hd{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--ln)}.hd .wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font:600 1.3rem/1.15 Fraunces,Georgia,serif;text-decoration:none;color:var(--gr)}.brand svg{width:40px;height:40px;flex:none}.brand span{max-width:155px}.brand b{display:block}.nav ul{display:flex;gap:4px;list-style:none;padding:0;margin:0}.nav a{display:block;padding:14px 11px;border-radius:8px;font-size:.83rem;text-decoration:none}.nav a:hover{background:var(--mint)}.burger{display:none;border:1px solid var(--ln);border-radius:8px;background:#fff;padding:10px 14px;min-height:44px}.hero{background:var(--mint);padding:60px 0}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.hero h1{font-size:clamp(2.8rem,5.4vw,5rem);line-height:1.04;max-width:600px}.lead{font-size:1.08rem;max-width:530px;color:#344e40}.hero-photo{margin-top:25px;position:relative;overflow:hidden;border-radius:16px}.hero-photo img{width:100%;height:190px;object-fit:cover}.hero-photo span{position:absolute;bottom:12px;left:12px;right:12px;width:fit-content;background:#fff;padding:5px 11px;border-radius:6px;font-size:.73rem}.finder{background:#fff;border:1px solid #cbded0;box-shadow:0 20px 60px #123f3212;border-radius:24px;padding:34px}.finder h2{font-size:2.05rem}.finder p{color:var(--mut);font-size:.9rem}.finder label{display:block;font-size:.88rem;font-weight:700;margin:20px 0 8px}.finder label span{color:var(--gr2);margin-right:7px;font-size:.75rem}.finder select,.filter-bar select{display:block;width:100%;max-width:100%;border:1px solid #adbfb2;background:var(--paper);border-radius:8px;padding:12px 30px 12px 12px;min-height:48px;color:var(--ink);font-size:.9rem}.finder .btn{width:100%;margin:22px 0 13px}.finder .fine{font-size:.73rem;margin:0}.finder-results:not(:empty){padding:48px 0;scroll-margin-top:100px}.trust-strip{border-bottom:1px solid var(--ln);background:#fcfdfb;font-size:.83rem}.trust-strip .wrap{display:flex;justify-content:center;gap:60px;padding-block:20px}.selection>h3{font-family:Inter,sans-serif;font-size:1rem;letter-spacing:0;margin-bottom:18px}.selection{display:flex;flex-direction:column}.selection .pc{flex:1}.pc{display:flex;flex-direction:column;border:1px solid var(--ln);border-radius:var(--r);background:white;overflow:hidden;box-shadow:var(--shadow);min-width:0}.ph{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:28px;background:#fff;border-bottom:1px solid #edf1eb}.ph img{width:100%;height:100%;object-fit:contain}.brandtag{position:absolute;top:14px;left:16px;font-size:.7rem;color:var(--mut);background:var(--paper);border-radius:5px;padding:3px 8px}.bd{padding:24px;display:flex;flex-direction:column;gap:15px;flex:1}.bd h3{font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:1.1rem;line-height:1.4;margin:0}.bd h3 a{text-decoration:none}.bd p{font-size:.85rem;color:var(--mut);margin:0}.row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:7px}.row .btn{flex:1 1 140px}.badges{display:flex;flex-wrap:wrap;gap:5px}.badge{padding:4px 8px;background:var(--mint);color:var(--gr);font-size:.65rem;font-weight:700;border-radius:5px;line-height:1.5}.chips{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.chips li,.chip{background:var(--paper);color:var(--gr);border:1px solid #e6ebe4;font-size:.7rem;padding:4px 8px;border-radius:5px}.score-link{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:.74rem;font-weight:700;line-height:1.4}.score-link>span:last-child small{display:block;color:var(--mut);font-weight:400;font-size:.65rem;margin-top:4px}.score-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:61px;height:61px;border:4px solid #b5d9bf;border-top-color:var(--gr);border-right-color:var(--gr);border-radius:50%;background:#f5faf5;color:var(--gr);font-size:1.2rem;font-weight:700;line-height:1.1}.score-ring small{font-size:.6rem;margin-top:3px}.price-class{font-weight:700;color:var(--gr)!important}.price-class small{font-weight:400;display:block;color:var(--mut)}.table-scroll{max-width:100%;overflow:auto;border:1px solid var(--ln);border-radius:14px;background:#fff;margin:20px 0;overscroll-behavior-x:contain}.table-scroll table{display:table;width:100%;margin:0;border-collapse:separate;border-spacing:0;font-size:.83rem}.table-scroll caption{text-align:left;padding:15px;color:var(--mut);font-size:.75rem}.table-scroll th,.table-scroll td{padding:17px 16px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:middle}.table-scroll thead th{background:var(--mint);font-size:.73rem}.table-scroll thead button{border:0;background:none;text-align:left;font-size:inherit;min-height:44px;min-width:65px;font-weight:700;padding:0}.table-scroll tbody th{font-weight:700;background:#fff}.compare{min-width:970px}.compare th:first-child{min-width:210px;max-width:260px}.compare th:first-child,.entry table tr>*:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 var(--ln)}.compare thead th:first-child{background:var(--mint);z-index:3}.compare .badges{margin-top:8px}.compare .score-link{min-width:150px}.compare .btn{white-space:nowrap}.specs th{width:40%}.specs td{overflow-wrap:anywhere}.brand-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-row a{padding:22px;border:1px solid var(--ln);border-radius:12px;text-decoration:none;font-weight:700}.brand-row a:hover{background:var(--mint)}.brand-row small{display:block;color:var(--mut);font-weight:400;margin-top:5px}.tile{display:block;position:relative;min-height:210px;border-radius:var(--r);overflow:hidden;background:var(--gr);color:#fff}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#123f32)}.tile span{position:absolute;bottom:20px;left:20px;right:20px;z-index:1;font:600 1.4rem Fraunces,serif;color:#fff}.tile small{display:block;font-family:Inter,sans-serif}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}details{border:1px solid var(--ln);border-radius:12px;background:#fff;margin:0 0 12px;overflow:hidden}summary{cursor:pointer;padding:19px 22px;color:var(--gr);font-weight:700;font-size:.9rem;min-height:54px}details>div,details>p{padding:0 22px 20px;font-size:.9rem}details[open]>summary{border-bottom:1px solid var(--ln);margin-bottom:16px}.trust{background:var(--gr);color:#e1ece3}.trust h2,.trust h3,.trust .kick,.trust a{color:#fff}.trust h2{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:44px}.trust h3{font-size:1.3rem}.trust p{font-size:.9rem;color:#d3e3d7}.score-explanation p{font-size:.92rem}.score-explanation h2{margin-top:0}.crumbs{font-size:.75rem;color:var(--mut);padding:24px 0;overflow-wrap:anywhere}.crumbs a{display:inline-block;padding:5px 0}.art{padding:20px 0 80px}.meta{font-size:.78rem;color:var(--mut)}.intro{font-size:1.1rem;max-width:780px;color:var(--mut)}.article-heading{max-width:1000px;margin-bottom:35px}.article-heading h1{font-size:clamp(2.2rem,4.2vw,3.8rem)}.product-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 190px;gap:28px;align-items:start}.article-main,.entry{min-width:0}.buy{position:sticky;top:102px;padding:22px;background:#fff;border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--shadow)}.product-image{width:100%;height:190px;object-fit:contain;margin-bottom:15px}.buy .score-link,.buy .badges{margin-bottom:16px}.buy>strong{font-size:.9rem;display:block}.buy .btn{width:100%}.buy small{display:block;font-size:.69rem;color:var(--mut);margin-top:12px}.buy-facts{padding-left:18px;font-size:.8rem}.toc-column{position:sticky;top:102px;min-width:0;max-height:calc(100vh - 120px);overflow:auto}.toc{background:var(--paper);border:0}.toc summary{font-size:.75rem;padding:16px}.toc ol{list-style:none;margin:0;padding:0 16px 15px}.toc li{margin:0;border-bottom:1px solid var(--ln)}.toc a{font-size:.74rem;text-decoration:none;display:block;padding:12px 0;line-height:1.5}.toc a:hover{text-decoration:underline}.entry{line-height:1.85}.entry p,.entry li{overflow-wrap:anywhere}.entry h2,.article-main>h2{font-size:2rem;margin:1.6em 0 .7em;padding-top:18px;border-top:1px solid var(--ln)}.entry h3{margin-top:1.4em;font-size:1.4rem}.entry .bd h3{margin:0;font-size:1.1rem}.entry .pc p{line-height:1.65}.entry>table{display:block;max-width:100%;overflow:auto}.entry table{font-size:.82rem}.entry th,.entry td{padding:14px;border-bottom:1px solid var(--ln)}.entry tr>*:first-child{max-width:240px}.entry blockquote,.tip,.nl-note{background:var(--mint);border-left:3px solid var(--gr2);padding:20px;border-radius:0 12px 12px 0;margin:0 0 24px;font-size:.85rem}.featured{border-radius:var(--r);overflow:hidden;margin:24px 0}.featured img{width:100%;height:auto;object-fit:cover}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.proscons>div{border:1px solid var(--ln);background:var(--paper);padding:22px;border-radius:14px}.proscons>div:first-child,.pros{border-top:4px solid var(--gr2)!important}.proscons>div:last-child,.cons{border-top:4px solid var(--or)!important}.proscons h3{margin:0 0 12px;font-size:1.2rem}.proscons ul{padding-left:20px;font-size:.88rem;margin:0}.reading-layout{display:grid;grid-template-columns:minmax(0,850px) 230px;gap:70px;align-items:start}.guide-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;margin-bottom:40px}.guide-hero h1{font-size:clamp(2.2rem,4vw,3.6rem)}.guide-hero .featured{margin:0}.guide-hero img{aspect-ratio:4/3;object-fit:cover}.quick{margin:30px 0 60px;padding:28px;background:var(--paper);border-radius:24px}.quick>p{color:var(--mut);font-size:.85rem}.article-main .g3{grid-template-columns:1fr}.article-main .g3 .pc{display:grid;grid-template-columns:150px minmax(0,1fr)}.article-main .g3 .ph{aspect-ratio:auto;border:0;padding:15px}.article-main .g3 .bd{padding:20px}.article-main .g3 .bd .row{flex-wrap:wrap}.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;background:var(--mint);padding:22px;border-radius:16px;margin:28px 0 16px;align-items:end}.filter-bar label{font-size:.72rem;font-weight:700}.filter-bar select{margin-top:7px;background:#fff;font-size:.8rem}.filter-bar .btn{font-size:.8rem}.brand-description{margin-top:60px}.match-image{width:100%;height:210px;object-fit:contain;padding:20px}.pager{display:flex;gap:10px;justify-content:center;margin-top:40px}.pager>*{padding:10px 16px;border:1px solid var(--ln);border-radius:8px}.ft{background:#0c3025;color:#c9dbce;padding:60px 0 28px;font-size:.85rem}.ft .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.ft h4,.ft a{color:#eef5ef}.ft h4{font-family:Inter,sans-serif;font-size:.85rem;letter-spacing:0;font-weight:700}.ft ul{list-style:none;margin:0;padding:0}.ft li a{display:inline-block;padding:6px 0;text-decoration:none}.ft a:hover{text-decoration:underline}.ft .aff{margin-top:40px;padding-top:26px;border-top:1px solid #426352;font-size:.76rem}.lang{display:flex;gap:8px;flex-wrap:wrap}.lang a{border:1px solid #6b8876;border-radius:6px;padding:9px}.lang a[aria-current]{background:white;color:var(--gr)}.admin-bar .hd{top:32px}
@media(min-width:1450px){.product-layout{grid-template-columns:290px minmax(0,1fr) 210px}}
@media(max-width:1150px){.nav a{padding:14px 7px;font-size:.75rem}.hero-grid{gap:36px}.product-layout{grid-template-columns:250px minmax(0,1fr) 170px;gap:20px}.wrap{width:calc(100% - 48px)}.bd{padding:20px}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar .btn{grid-column:span 2}.reading-layout{gap:35px}}
@media(max-width:1050px){.product-layout{grid-template-columns:minmax(0,1fr) 300px}.article-main{grid-column:1;grid-row:2}.product-layout>.buy{grid-column:2;grid-row:1 / span 2}.product-layout>.toc-column{grid-column:1;grid-row:1;position:static;max-height:none}.reading-layout{grid-template-columns:minmax(0,1fr)}.reading-layout>.toc-column{grid-row:1;position:static;max-height:none}.toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.toc a{font-size:.8rem}.hero-grid{gap:28px}.finder{padding:26px}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-row{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-hero{gap:28px}}
@media(max-width:900px){.hd .wrap{min-height:72px;flex-wrap:wrap}.js .burger{display:block}.nav{width:100%;padding-bottom:15px}.nav ul{flex-wrap:wrap}.nav a{font-size:.9rem}.js .nav{display:none;position:absolute;top:72px;left:0;right:0;width:auto;background:#fff;border-bottom:1px solid var(--ln);padding:15px 24px;max-height:calc(100dvh - 100px);overflow:auto}.js .nav.open{display:block}.js .nav ul{display:block}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:3.2rem}.finder h2{font-size:1.8rem}.hero-photo img{height:170px}.trust-strip .wrap{gap:22px;font-size:.72rem}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.selection:last-child{grid-column:1 / -1}.selection:last-child .pc{display:grid;grid-template-columns:1fr 1fr}.faq-layout{gap:36px}.ft .cols{grid-template-columns:1fr 1fr}.guide-hero{grid-template-columns:1fr}.guide-hero .featured img{aspect-ratio:2/1}.quick .g3{grid-template-columns:1fr}.quick .pc{display:grid;grid-template-columns:200px 1fr}.quick .ph{height:100%;aspect-ratio:auto}}
@media(max-width:700px){.wrap,.narrow{width:calc(100% - 32px)}.sec{padding:50px 0}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:3.4rem}.lead{font-size:1rem}.hero-photo img{height:160px}.finder{padding:24px;border-radius:18px}.trust-strip .wrap{flex-wrap:wrap;gap:8px 20px;justify-content:flex-start;padding-block:16px}.section-head{display:block}.section-head>a{display:inline-block;padding:14px 0 0}.brand-row{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-row a{padding:17px;font-size:.85rem}.faq-layout{grid-template-columns:1fr;gap:20px}.product-layout{display:flex;flex-direction:column}.product-layout>*{width:100%}.product-layout>.buy{position:static;order:0}.product-layout>.toc-column{order:1}.product-layout>.article-main{order:2}.buy .product-image{height:230px}.buy .score-link{justify-content:center}.buy{padding:24px}.product-layout .toc ol{display:block}.proscons{grid-template-columns:1fr}.reading-layout{gap:24px}.article-heading{margin-bottom:24px}.art{padding-top:0}.entry h2,.article-main>h2{font-size:1.7rem}.quick{padding:18px}.quick .pc{grid-template-columns:140px minmax(0,1fr)}.quick .ph{padding:10px}.quick .bd{padding:16px}.filter-bar{padding:16px;gap:12px}.filter-bar label{font-size:.69rem}.compare th:first-child{min-width:140px;width:140px;max-width:160px}.compare th,.compare td{padding:12px}.compare .badge{font-size:.6rem}.table-scroll{border-radius:9px}.score-explanation h2{font-size:1.9rem}.admin-bar .hd{top:46px}}
@media(max-width:520px){.g2,.g3,.g4{grid-template-columns:1fr}.selection:last-child{grid-column:auto}.selection:last-child .pc{display:flex}.hero h1{font-size:2.9rem}.bd{padding:22px}.ph{aspect-ratio:5/3}.ft .cols{grid-template-columns:1fr;gap:28px}.ft{padding-top:40px}.toc ol{display:block}.quick .pc,.article-main .g3 .pc{display:flex}.quick .ph{height:180px}.article-main .g3 .ph{aspect-ratio:5/3}.filter-bar{grid-template-columns:1fr}.filter-bar .btn{grid-column:auto}.score-ring{width:58px;height:58px}.specs th{width:43%}.entry table tr>*:first-child{max-width:150px}.breakdown>div{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.hd,.ft,.buy,.toc-column,.filter-bar,.finder{display:none}.product-layout,.reading-layout{display:block}.table-scroll{overflow:visible}.wrap{width:100%}.sec{padding:20px 0}}
