/* Geboortekaartjes.nl — zelfstandige homepage, september 2026.
   Dit is de volledige stylesheet. Geen oude stylesheet of V1-override bijladen. */
@font-face{font-family:Work Sans;src:url('../fonts/work-sans-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Work Sans;src:url('../fonts/work-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#fffdf8;--cream:#fbf8f0;--ink:#2c5145;--muted:#5b6d60;--teal:#2b6055;--line:#dfe2d5;--sand:#eee6da;--sage:#e3eee1;--radius:20px;--body:'Work Sans','Segoe UI',Arial,sans-serif;--display:Georgia,'Times New Roman',serif;--gutter:clamp(20px,4vw,60px);--width:1360px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1rem/1.5 var(--body);letter-spacing:normal;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
picture{display:block}
svg{display:block;width:22px;height:22px;flex:none}
a{color:inherit;text-decoration:none;text-underline-offset:4px}
a:hover{text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default}
p,h1,h2,h3,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
h2{font-size:clamp(1.75rem,3.1vw,2.5rem)}
button{border:0}
:focus-visible{outline:3px solid #598893;outline-offset:4px;border-radius:4px}
[hidden]{display:none!important}
.site-icon{display:inline-flex;width:21px;height:21px;align-items:center;justify-content:center;font-style:normal;vertical-align:middle;flex:none}
.site-icon svg{width:100%;height:100%}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:7px;padding:12px 22px;min-height:48px;font:600 0.875rem/1.5 var(--body);text-align:center;transition:background .2s,transform .2s}
.button:hover{background:#2b4f55;transform:translateY(-2px)}
.button.inverse{background:transparent;color:var(--teal)}
.button.inverse:hover{background:var(--sage)}
.button.list{background:none;color:var(--ink);padding:10px 0;border:0;justify-content:flex-start;text-align:left;min-height:40px;font-weight:400;transform:none}

/* Header and desktop navigation */
#header_row{background:var(--paper);position:relative;z-index:50}
.payoffs{background:radial-gradient(ellipse at 80% 0%,#4a8a7e,transparent 70%),#224e50;color:#fff}
.payoffs>ul{width:min(var(--width),calc(100% - var(--gutter)*2));margin:auto;min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.payoffs li{font-size:0.875rem;line-height:1.5;display:flex;align-items:center;gap:7px;white-space:nowrap}
.payoffs .site-icon{width:14px;height:14px}
.payoffs li>a{display:flex;align-items:center;gap:2px}
.payoffs .fa-star,.payoffs .fa-star-half-alt{width:11px;height:11px;color:#f0dfb8}
#header_row .menu{width:min(var(--width),calc(100% - var(--gutter)*2));margin:auto;display:flex;align-items:center;gap:36px;min-height:98px;padding:20px 0}
#header_row .menu .left{display:flex;align-items:center;flex:0 0 267px}
#header_row .logo{width:267px}
#header_row .logo img{width:100%}
#header_row .menu .center{flex:1;min-width:180px;max-width:350px;margin-left:auto}
#header_row form[method=get]{height:46px;border:1px solid #e0ded3;background:#f6f3ed;display:flex;align-items:center;border-radius:9px;overflow:hidden}
#header_row input[name=q]{border:0;background:transparent;min-width:0;width:100%;height:100%;padding:0 0 0 17px;font-size:0.875rem;outline:none}
#header_row input[name=q]::placeholder{color:#777f74;opacity:1}
#header_row form[method=get]:focus-within{outline:2px solid var(--teal);outline-offset:3px}
#header_row form[method=get] button{background:transparent;width:46px;height:44px;flex:none;display:grid;place-items:center;color:var(--teal)}
#header_row .menu .right{flex:none;margin-left:auto}
#header_row ul.lower{display:flex;align-items:center;gap:22px}
#header_row ul.lower>li{position:relative}
#header_row ul.lower>li>a{display:flex;align-items:center;gap:8px;font-size:0.875rem;line-height:1.4;min-height:44px;white-space:nowrap}
#header_row ul.lower .site-icon{width:20px;height:20px;color:var(--teal)}
#header_row ul.lower pijl{display:none}
.gk-hart-wrap{position:relative;display:flex}
.gk-fav-teller{position:absolute;top:-7px;right:-9px;font:600 0.875rem/15px var(--body);width:15px;border-radius:50%;background:#ece8dc;text-align:center;color:#405958}
#mobile-search,#mobile-search-bar,.menu-btn{display:none}
#header_row .sub-menu-block{display:none;position:absolute;top:100%;right:-15px;width:265px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 18px 40px #31494a20;z-index:80}
#header_row ul.lower>li:hover>.sub-menu-block,#header_row ul.lower>li:focus-within>.sub-menu-block{display:block}
#header_row .sub-menu-block .title,#header_row .sub-menu-block p{font-size:0.875rem;margin-bottom:12px}
#header_row .sub-menu-block .divider{height:1px;background:var(--line);margin:20px 0}
#header_row .sub-menu-block .button{width:100%}
#menu_bar{background:#fcfaf4ed;backdrop-filter:blur(16px);border-top:1px solid #e9e6da;border-bottom:1px solid #dedfd2;position:sticky;top:0;z-index:40}
#horizontal_menu_bar>.container{width:min(var(--width),calc(100% - var(--gutter)*2));margin:auto}
.main-nav{display:flex;justify-content:space-between;align-items:stretch;position:relative}
.main-nav>li>a{display:flex;align-items:center;min-height:57px;padding:13px 9px;font-size:0.875rem;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}
.main-nav>li:first-child>a{padding-left:0}
.main-nav>li:hover>a,.main-nav>li:focus-within>a{color:var(--teal);border-color:var(--teal)}
.main-nav>li:last-child>a{padding-right:0}
.main-nav .sub-menu-block{display:none;position:absolute;left:0;right:0;top:100%;border:1px solid var(--line);border-top:2px solid var(--teal);border-radius:0 0 16px 16px;background:var(--paper);padding:27px;gap:22px;box-shadow:0 18px 35px #31494a18;max-height:70vh;overflow:auto}
.main-nav>li:hover>.sub-menu-block,.main-nav>li:focus-within>.sub-menu-block,.main-nav>li.is-open>.sub-menu-block{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.main-nav #link_5:hover>.sub-menu-block,.main-nav #link_5:focus-within>.sub-menu-block,.main-nav #link_5.is-open>.sub-menu-block{grid-template-columns:repeat(5,minmax(0,1fr))}
.submenukolom{min-width:0}
.submenukolom li{font-size:0.875rem;line-height:1.5}
.submenukolom li>a{display:block;padding:5px 0}
.submenukolom li>a:hover{text-decoration:underline}
.submenukolom b{font-weight:600}
.submenukolom .jongenmenubox,.submenukolom .meisjemenubox,.submenukolom .ontwerpmenubox{border-radius:5px;background:var(--sage);margin:6px 0;padding:8px 10px}
.submenukolom .meisjemenubox{background:#f3e4df}

/* Every original menu link is kept in the mobile drawer. */
#nav{display:none}
body.menu-open{overflow:hidden}
#nav.is-open{display:block;position:fixed;inset:0 auto 0 0;width:min(430px,92vw);height:100dvh;overflow:auto;background:var(--paper);z-index:120;padding:65px 24px 30px;box-shadow:20px 0 0 100vmax #1c38385e}
#nav.is-open .center{width:100%;max-width:none;margin:0}
#nav li{position:relative}
#nav li>a,#nav li>span{display:block;padding:12px 44px 12px 0;border-bottom:1px solid var(--line);font-size:0.9375rem;line-height:1.5}
#nav ul ul{padding-left:14px}
#nav ul ul li>a{font-size:0.875rem}
.menu-close{position:absolute;top:13px;right:17px;width:39px;height:39px;background:#ecebe2;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}
.submenu-toggle{position:absolute;right:0;top:4px;width:37px;height:37px;display:grid;place-items:center;background:#e9eee4;border-radius:5px;color:var(--teal);font-size:1.375rem}

/* Opening: quickmenu, editorial introduction and original category images. */
#main{overflow:clip}
#main>.page_container{width:min(var(--width),calc(100% - var(--gutter)*2));margin:auto}
#main_content_ex_breadcrumbs{display:grid;grid-template-columns:minmax(0,1fr);gap:42px;padding-top:30px;align-items:start}
#main_content_ex_breadcrumbs>div{min-width:0}
.opening-grid{display:grid;grid-template-columns:204px minmax(0,1fr);gap:28px;align-items:start}
#left_container{background:#fffdf8;border:1px solid #dedfd4;border-radius:14px;padding:23px 18px;box-shadow:0 6px 24px #294c4305;position:sticky;top:78px}
#left_container .h2{font:600 0.875rem/1.5 var(--body);margin:0 0 10px;color:var(--ink)}
.quick-toggle{background:transparent;padding:0;text-align:left;display:flex;justify-content:space-between;align-items:center;width:100%;font:inherit;cursor:default}
.quick-toggle svg{display:none}
#left_container ul{display:grid;gap:2px}
#left_container li a{display:flex;align-items:center;gap:6px;font-size:0.875rem;line-height:1.5;padding:5px 8px;border-radius:5px;color:#52685f;transition:background .2s,color .2s,transform .2s}
#left_container li a:hover{background:#e8f2eb;color:#244f45;transform:translateX(3px)}
#left_container li span{font-size:0.875rem;font-weight:600;background:#e0eee4;color:#466955;padding:1px 5px;border-radius:3px}
#left_container li .alle{font-weight:600;color:#285b50;margin-top:4px;text-decoration:underline;text-underline-offset:3px}
#left_container ul+.h2{margin-top:19px;padding-top:20px;border-top:1px solid var(--line)}
#right_container{min-width:0;display:grid;gap:19px}
.birth-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:476px;border:1px solid #e1e9db;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 86% 30%,#b9d8c9 0%,transparent 59%),radial-gradient(ellipse at 20% 4%,#fffdf1 0%,transparent 68%),linear-gradient(125deg,#f1f4e6,#d9e9de)}
.birth-hero::before{content:'';position:absolute;z-index:-1;width:530px;height:530px;right:-80px;bottom:-350px;border:1px solid #ffffffb3;border-radius:50%;box-shadow:0 0 0 45px #ffffff18,0 0 0 95px #ffffff16}
.hero-copy{padding:43px 0 44px 38px;z-index:3;min-width:0}
.eyebrow{font:600 0.875rem/1.5 var(--body);letter-spacing:.05em;text-transform:uppercase;color:#507164}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:21px;letter-spacing:.05em}
.hero-eyebrow::before{content:'';width:21px;height:1px;background:#638977}
.birth-hero h1{font:400 clamp(2.625rem,4.1vw,3.6875rem)/1.055 var(--display);letter-spacing:-.052em;color:#244e44;max-width:520px;text-wrap:pretty}
.hero-intro{font-size:0.9375rem;line-height:1.5;color:#4e6b5e;max-width:285px;margin-top:23px}
.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-top:26px}
.hero-actions>.button{background:radial-gradient(ellipse at 100% 0%,#548e7b,transparent 78%),#254f49;border-color:transparent;border-radius:7px;min-height:49px;padding:12px 21px;font-size:0.875rem;box-shadow:0 7px 15px #2c594b16}
.hero-actions>.button::after{content:'↗';font-size:1.1875rem;font-weight:400;line-height:1;margin-left:15px}
.hero-proof{font-size:0.875rem;font-weight:600;color:#315d4e;text-decoration:underline;text-underline-offset:5px;display:flex;gap:13px;align-items:center}
.hero-proof>span{font-size:1.0625rem;line-height:1}
.hero-art{position:relative;min-width:0;height:430px}
.hero-orbit{position:absolute;width:96%;aspect-ratio:1;top:13%;left:0;border:1px solid #ffffffb0;border-radius:50%;box-shadow:0 0 0 24px #ffffff10}
.hero-stamp{position:absolute;right:3%;top:3%;width:118px;height:118px;border:1px solid #a4beb0;outline:5px solid #f7f7e9;background:#f7f7e9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:rotate(11deg);box-shadow:0 5px 20px #3b615311;color:#315c4f}
.hero-stamp>span{font-size:0.875rem;letter-spacing:.3px}
.hero-stamp>strong{font:400 italic 1rem/1.1 var(--display)}
.hero-stamp svg{width:19px;height:19px;margin-top:4px}
.hero-spark{position:absolute;color:#658a71}
.hero-spark-one{width:35px;height:35px;top:8%;left:9%}
.hero-spark-two{width:23px;height:23px;right:12%;bottom:10%;transform:rotate(10deg)}
#right_container_content_home{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
#right_container_content_home>.zoom{position:relative;min-width:0}
.category-caption{display:flex;align-items:center;justify-content:space-between;padding:9px 4px 0;font:600 0.875rem/1.5 var(--body);color:#3d5b4e;pointer-events:none}
.category-caption::after{content:'↗';font-size:1rem;font-weight:400}
#home_speerpunten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:center;padding:23px 24px;margin-top:-39px;background:#fffcf6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#home_speerpunten>div{display:flex;align-items:center;justify-content:center;gap:19px;min-width:0}
#home_speerpunten>div+div{border-left:1px solid var(--line)}
#home_speerpunten picture{flex:none}
#home_speerpunten img{height:32px;width:auto;max-width:54px;object-fit:contain}
#home_speerpunten p{font-size:0.875rem;line-height:1.5;color:#5c6d62}
#home_speerpunten b{font-weight:600;color:#345c4b}

/* Popular cards and inspiration alternate between open cream and soft mint. */
.section-kicker{margin-bottom:15px}
.background-line-title h2{font:400 clamp(2.0625rem,3.4vw,2.9375rem)/1.1 var(--display);letter-spacing:-.035em;color:var(--ink);margin:0 0 17px;max-width:1000px}
.background-line-title h2 span{padding:0;background:none}
.background-line-title p:not(.eyebrow){font-size:0.9375rem;line-height:1.5;color:var(--muted);max-width:880px}
.background-line-title a{color:var(--teal);text-decoration:underline}

/* Original long-form content, reorganized with quieter editorial spacing. */
#home_tekst a{color:var(--teal);text-decoration:underline}
#home_tekst b,#home_tekst strong{font-weight:600}
#home_tekst .blok{min-width:0}
#home_tekst a.right{display:inline-flex;background:var(--teal);color:white;padding:11px 21px;border-radius:6px;text-decoration:none;font-size:0.875rem;margin-top:8px}

/* Five original card designs: separate placement, floating and image layers. */
.hero-art{isolation:isolate;--pointer-x:0px;--pointer-y:0px;--tilt-x:0deg;--tilt-y:0deg}
.hero-deck{position:absolute;inset:10% 7% 11%;transform:translate(var(--pointer-x),var(--pointer-y)) rotate(var(--tilt-y));transition:transform .8s cubic-bezier(.2,.7,.25,1);transform-style:flat}
.hero-deck::before{content:'';position:absolute;inset:32% 11% 1%;background:radial-gradient(ellipse,#537d6240,transparent 69%);filter:blur(14px);transform:translateY(26px);pointer-events:none}
.deck-card{position:absolute;left:50%;top:50%;width:53%;aspect-ratio:1;display:block;margin:0;padding:0;border:0;border-radius:5px;background:transparent;z-index:var(--layer);pointer-events:none;transform:translate(-50%,-50%) translate(var(--card-x),var(--card-y)) rotate(var(--card-r));transition:transform .85s cubic-bezier(.22,.72,.25,1);outline-offset:7px;-webkit-tap-highlight-color:transparent}
.card-float{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 3px #34574617) drop-shadow(4px 15px 13px #2e554b30);animation:card-breathe var(--float-duration,8s) ease-in-out var(--float-delay,0s) infinite;pointer-events:none;transition:filter .4s}
.card-face{display:block;position:relative;width:100%;height:100%;pointer-events:auto;overflow:hidden;isolation:isolate}
.card-face>img{display:block;width:100%;max-width:none;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.deck-card--levi{--layer:1;--card-x:-30%;--card-y:-29%;--card-r:-18deg;--open-x:-45%;--open-y:-36%;--open-r:-23deg;--float-duration:8.8s;--float-delay:-2.8s;width:50%}
.deck-card--levi .card-face{border-radius:2%}
.deck-card--sophie{--layer:2;--card-x:32%;--card-y:-26%;--card-r:17deg;--open-x:46%;--open-y:-34%;--open-r:23deg;--float-duration:9.7s;--float-delay:-6.3s;width:53%}
.deck-card--luca{--layer:3;--card-x:0%;--card-y:-9%;--card-r:-3deg;--open-x:0%;--open-y:-22%;--open-r:-1deg;--float-duration:8.2s;--float-delay:-4.1s;width:40%;aspect-ratio:5/7}
.deck-card--luca .card-face{border-radius:50% 50% 1% 1% / 36% 36% 1% 1%;background:#fff}
.deck-card--luca img{position:absolute;width:150%;height:107.143%;left:-25%;top:-3.5714%;object-fit:fill}
.deck-card--sol{--layer:4;--card-x:-25%;--card-y:27%;--card-r:-12deg;--open-x:-37%;--open-y:39%;--open-r:-16deg;--float-duration:9.2s;--float-delay:-7.2s;width:51%;aspect-ratio:539/510}
.deck-card--sol .card-face{clip-path:polygon(8.4% 0,98.5% 0,98.5% 100%,8.4% 100%,8.4% 86%,1.5% 84%,3% 69%,0 68%,2% 43%,0 16%,8.4% 12%)}
.deck-card--sol img{position:absolute;left:-84.416%;top:0;width:185.529%;height:100%;object-fit:fill}
.deck-card--noah{--layer:5;--card-x:21%;--card-y:18%;--card-r:10deg;--open-x:35%;--open-y:29%;--open-r:14deg;--float-duration:8.6s;--float-delay:-1.1s;width:55%}
.deck-card--noah .card-face{clip-path:polygon(5% 4.5%,96.2% .5%,96.2% 87.5%,92% 88%,92% 99%,5% 92%,5% 80%,3% 79%,3% 73%,4% 60%,6% 45%,2% 29%,1% 25%,1% 18%,4% 16%)}
.hero-art.has-selection .deck-card,.hero-art:focus-within .deck-card{transform:translate(-50%,-50%) translate(var(--open-x),var(--open-y)) rotate(var(--open-r))}
.hero-art .deck-card.is-selected{z-index:20;transform:translate(-50%,-50%) translate(var(--open-x),calc(var(--open-y) - 12px)) rotate(0deg) scale(1.11)}
.hero-art .deck-card:focus-visible{z-index:30;outline:2px solid #3c715e;transform:translate(-50%,-50%) translate(var(--open-x),calc(var(--open-y) - 12px)) rotate(0deg) scale(1.11)}
.deck-card.is-selected .card-float,.deck-card:focus-visible .card-float{animation-play-state:paused;filter:drop-shadow(0 3px 3px #34574612) drop-shadow(6px 21px 17px #2e554b45)}
.hero-art .hero-stamp{z-index:35;pointer-events:none;width:88px;height:88px;top:1%;right:4%;outline-width:4px}
.hero-art .hero-stamp>span{font-size:0.875rem}
.hero-art .hero-stamp>strong{font-size:0.875rem}
.hero-art .hero-stamp svg{width:15px;height:15px;margin-top:2px}
.hero-art .hero-orbit,.hero-art .hero-spark{pointer-events:none}
.hero-art .hero-spark-one{left:5%;top:8%}
.hero-art .hero-spark-two{right:7%;bottom:4%}
.hero-motion-toggle{position:absolute;z-index:40;right:3%;bottom:1%;display:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #8aac9850;border-radius:50%;background:#fffdf3c9;color:#37614e;padding:7px;box-shadow:0 3px 10px #3f5b4010}
.hero-art.deck-ready .hero-motion-toggle{display:flex}
.hero-motion-toggle:hover{background:#fffdf5}
.hero-motion-toggle>svg{width:16px;height:16px}
.hero-motion-toggle [data-hero-play]{display:none}
.hero-art[data-motion-paused] .hero-motion-toggle [data-hero-pause]{display:none}
.hero-art[data-motion-paused] .hero-motion-toggle [data-hero-play]{display:block}
.hero-art[data-motion-paused] .card-float,.hero-art.is-offscreen .card-float,.hero-art.is-page-hidden .card-float{animation-play-state:paused}
.hero-art[data-motion-paused] .hero-deck{transform:none}
@keyframes card-breathe{0%,100%{transform:translateY(3px) rotate(-.45deg)}50%{transform:translateY(-5px) rotate(.65deg)}}
@media(hover:hover) and (pointer:fine){
 .hero-art.is-engaged .deck-card{transform:translate(-50%,-50%) translate(var(--open-x),var(--open-y)) rotate(var(--open-r))}
 .hero-art .hero-deck .deck-card.is-selected{z-index:20;transform:translate(-50%,-50%) translate(var(--open-x),calc(var(--open-y) - 12px)) rotate(0deg) scale(1.11)}
 .hero-art .hero-deck .deck-card.is-hovered{z-index:30;transform:translate(-50%,-50%) translate(var(--open-x),calc(var(--open-y) - 12px)) rotate(0deg) scale(1.11)}
 .deck-card.is-hovered .card-float{animation-play-state:paused;filter:drop-shadow(0 3px 3px #34574612) drop-shadow(6px 21px 17px #2e554b45)}
}
@media(max-width:1199px){.hero-deck{inset:12% 5% 11%}.hero-art .hero-stamp{width:77px;height:77px;right:2%;top:3%}.hero-art .hero-stamp>strong{font-size:0.875rem}}
@media(max-width:599px){.hero-deck{inset:9% 9% 12%}.hero-art .hero-stamp{width:74px;height:74px;right:5%;top:2%}.hero-art .hero-stamp>span{font-size:0.875rem}.hero-art .hero-stamp>strong{font-size:0.875rem}.hero-motion-toggle{right:5%;bottom:0}.hero-art .hero-spark-one{width:21px;height:21px;left:6%;top:9%}}
@media(prefers-reduced-motion:reduce){.card-float{animation:none!important}.hero-deck{transform:none!important}.hero-motion-toggle{display:none!important}.deck-card{transition:none!important}}

/* FAQ and reviews have their own complete styles, without global overrides. */
.gk-trust{grid-column:1/-1;border-top:1px solid var(--line);padding-top:40px;min-width:0}
.gk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}
.gk-column{min-width:0}
.gk-heading{margin-bottom:28px}
#home_tekst .gk-eyebrow{font-size:0.875rem;line-height:1.5;text-transform:uppercase;letter-spacing:.05em;color:#687c69;margin:0 0 15px;font-weight:600}
.gk-title{font-size:2.4375rem;line-height:1.15;margin:0}
.gk-title em{font-weight:400;color:#667f6b}
.gk-question{border-top:1px solid #d9dfd0}
.gk-question:last-child{border-bottom:1px solid #d9dfd0}
.gk-question summary{list-style:none;display:flex;align-items:center;gap:15px;padding:20px 0;cursor:pointer;font-size:0.875rem;line-height:1.5}
.gk-question summary::-webkit-details-marker{display:none}
.gk-question-number{color:#89957e;font-size:0.875rem;font-variant-numeric:tabular-nums}
.gk-question-label{flex:1}
.gk-plus{position:relative;width:20px;height:20px;flex:none}
.gk-plus::before,.gk-plus::after{content:'';position:absolute;left:3px;right:3px;top:9px;height:1px;background:#5a7360}
.gk-plus::after{transform:rotate(90deg);transition:transform .2s}
.gk-question[open] .gk-plus::after{transform:rotate(0)}
.gk-answer{padding:0 15px 23px 30px}
#home_tekst .gk-answer p{font-size:0.875rem;line-height:1.5;margin-bottom:11px}
.gk-help{display:flex;align-items:center;gap:15px;padding:23px 0}
.gk-help-icon{width:40px;height:40px;background:#e9eee0;border-radius:50%;display:grid;place-items:center;flex:none}
.gk-help-icon svg{width:22px;height:22px}
#home_tekst .gk-help p{font-size:0.875rem;margin:0;line-height:1.5}
#home_tekst a.gk-scorebar{display:flex;align-items:center;gap:22px;background:radial-gradient(ellipse at 100% 0%,#4a8a7e 0%,transparent 62%),#224e50;color:white;padding:28px 29px;border-radius:19px;box-shadow:0 12px 25px -18px #1d515b55;text-decoration:none;margin-bottom:20px}
.gk-score{display:flex;align-items:baseline;gap:7px;flex:none}
.gk-score>strong{font:400 3.5625rem/1 var(--display)}
.gk-score>span{font-size:0.875rem;color:#d9e2d3}
.gk-score-info{display:grid;gap:3px;font-size:0.875rem;line-height:1.5}
.gk-rating-stars{width:92px;height:19px;margin-bottom:3px}
.gk-score-info small{font-size:0.875rem;color:#dbe4d4}
.gk-score-arrow{width:21px;height:21px;margin-left:auto}
.gk-carousel{min-width:0}
.gk-window{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:16px}
.gk-window::-webkit-scrollbar{display:none}
.gk-track{display:flex;gap:14px;align-items:stretch}
.gk-review{flex:0 0 100%;min-width:0;scroll-snap-align:start;background:radial-gradient(ellipse at 100% 100%,#d1e7d9 0%,transparent 80%),#f2f6eb;border:1px solid #d6e4d5;border-radius:16px;padding:25px 29px 23px;display:flex;flex-direction:column;min-height:330px}
.gk-review--caramel{background:radial-gradient(ellipse at 100% 0%,#e0eadb,transparent 75%),#f4eddf;border-color:#e0e2d4}
.gk-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.gk-quotation{font:4rem/1 var(--display);height:40px;color:#8ca17e}
.gk-source-chip{display:flex;align-items:center;gap:5px;font-size:0.875rem;padding:5px 9px;border-radius:40px;background:#ffffff80;color:#6a7a61}
.gk-source-chip svg{width:14px;height:14px}
.gk-card-stars{font-size:0.9375rem;letter-spacing:3px;color:#7b8f65;margin:10px 0 20px}
.gk-quote{margin:0 0 23px;font:400 1.5rem/1.45 var(--display);letter-spacing:-.02em;color:#43583f;overflow-wrap:anywhere}
.gk-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #d2d9c4;font-size:0.875rem;color:#6c7b62}
#home_tekst .gk-card-footer a{display:flex;align-items:center;gap:5px;font-size:0.875rem;text-decoration:none;color:#526743}
.gk-card-footer svg{width:13px;height:13px}
.gk-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}
.gk-pagination{display:flex;align-items:center;gap:9px;font-size:0.875rem;color:#677d61;width:150px}
.gk-progress{height:2px;background:#d8dfcc;flex:1;overflow:hidden}
.gk-progress-fill{display:block;height:100%;background:#628059;transform-origin:left;width:12.5%}
.gk-buttons{display:flex;gap:7px}
.gk-control{width:38px;height:38px;border:1px solid #cfd9c5;background:transparent;border-radius:50%;display:grid;place-items:center;color:#5b7651}
.gk-control:hover{background:#e5ebdc}
.gk-control svg{width:18px;height:18px}
.gk-next{background:#526d5b;border-color:#526d5b;color:white}
.gk-next:hover{background:#3c5944}
.gk-pause [data-play-icon]{display:none}
.gk-pause[data-paused] [data-pause-icon]{display:none}
.gk-pause[data-paused] [data-play-icon]{display:block}
.gk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#home_tekst .gk-review-note{font-size:0.875rem;line-height:1.5;color:#75816c;margin-top:2px}
.gk-review-note a{margin-left:5px}

/* Footer, including all existing information and link lists. */
#footer{background:#efeee3;border-top:1px solid #d6d9cd}
#footer .page{width:min(var(--width),calc(100% - var(--gutter)*2));margin:auto}
#footer_top>.page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 165px;gap:27px;padding:46px 0 35px}
#footer .h2{font:600 0.875rem/1.5 var(--body);color:#354f46;margin:0 0 13px}
#footer_top li a{font-size:0.875rem;line-height:1.5;display:block;padding:6px 0;color:#52655a}
#footer a:hover{text-decoration:underline}
#ekomi{border-left:1px solid #ced4c5;padding-left:23px;font-size:0.875rem;line-height:1.5;color:#52655a}
#ekomi img{display:inline-block;width:14px;height:14px;vertical-align:middle}
#footer_middle>.page{display:grid;grid-template-columns:1.2fr 1fr .55fr;gap:40px;padding:27px 0;border-top:1px solid #cdd4c5;border-bottom:1px solid #cdd4c5}
#footer_middle p{font-size:0.875rem;line-height:1.5;color:#52655a}
#col_2 img{width:100%;max-width:420px}
#col_3 ul{display:flex;gap:9px}
#col_3 li a{display:block;position:relative;background:#f6f4eb;border:1px solid #d3d9ca;border-radius:50%;width:37px;height:37px}
#col_3 li img{width:35px;height:35px;border-radius:50%}
#col_3 li a .social-icon{position:absolute;inset:9px;width:17px;height:17px;color:#526b53}
#footer_bottom .page{padding:23px 0;font-size:0.875rem;line-height:1.5;color:#66775f}
#footer_bottom b{font-weight:400;margin-right:8px}
#footer_bottom a{margin:0 3px}
#mailForm,#successModal,#warningModal,#errorModal,#loading_bar{display:none}

@media(max-width:1199px){
 #header_row .menu{gap:23px}
 #header_row .menu .left{flex-basis:235px}
 #header_row .logo{width:235px}
 #header_row ul.lower>li>a>span:not(.gk-hart-wrap){position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 #header_row ul.lower{gap:21px}
 .payoffs li{font-size:0.875rem}
 .main-nav>li>a{font-size:0.875rem;padding-inline:6px}
 .opening-grid{grid-template-columns:180px minmax(0,1fr);gap:22px}
 #left_container{padding:20px 13px}
 #left_container li a{font-size:0.875rem;padding:5px 7px}
 .birth-hero{grid-template-columns:1.1fr .9fr;min-height:464px}
 .hero-copy{padding:34px 0 35px 28px}
 .birth-hero h1{font-size:2.75rem}
 .hero-eyebrow{font-size:0.875rem;letter-spacing:.05em}
 .hero-intro{font-size:0.875rem;max-width:240px}
 .hero-art{height:395px}
 .hero-stamp{width:99px;height:99px;right:2%;top:8%}
 .hero-stamp>strong{font-size:0.875rem}
 .hero-stamp>span{font-size:0.875rem}
 .hero-spark-one{width:26px;height:26px;left:5%;top:14%}
 .hero-spark-two{right:8%;bottom:8%}
 #home_speerpunten{gap:16px;padding-inline:5px}
 #home_speerpunten>div{gap:13px}
 #home_speerpunten p{font-size:0.875rem}
 .gk-grid{gap:30px}
 .gk-title{font-size:2.125rem}
 #home_tekst a.gk-scorebar{gap:15px;padding:24px 22px}
 .gk-score>strong{font-size:3.125rem}
 .gk-score-info{font-size:0.875rem}
 .gk-score-arrow{display:none}
 #footer_top>.page{grid-template-columns:repeat(4,minmax(0,1fr))}
 #ekomi{grid-column:1/-1;border-left:0;border-top:1px solid #cdd4c5;padding:20px 0 0}
 #ekomi br{display:none}
}
@media(max-width:899px){
 :root{--gutter:25px}
 .payoffs>ul{flex-wrap:wrap;justify-content:center;gap:5px 22px;padding:7px 0}
 #header_row .menu{gap:18px;min-height:90px;padding:17px 0}
 #header_row .menu .left{flex:0 0 252px;gap:12px}
 #header_row .logo{width:205px}
 .menu-btn{display:block;flex:0 0 27px}
 .m-burger{width:27px;height:37px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:4px}
 .m-burger span{display:block;width:20px;height:1.5px;background:var(--teal)}
 #header_row .menu .center{min-width:140px;max-width:none}
 #header_row .menu .right{flex:none}
 #header_row ul.lower{gap:17px}
 #header_row #menu_inloggen,#header_row #contact{display:none}
 #header_row .sub-menu-block{display:none!important}
 #menu_bar{display:none}
 .opening-grid{grid-template-columns:1fr;gap:16px}
 #left_container{position:static;padding:0 20px;border-radius:10px;background:#fffcf7;box-shadow:none}
 #left_container>.h2{margin:0}
 .quick-toggle{min-height:51px;font-size:0.875rem;cursor:pointer}
 .quick-toggle svg{display:block;transition:transform .2s}
 #left_container.is-expanded .quick-toggle svg{transform:rotate(180deg)}
 #left_container.quick-ready:not(.is-expanded) .quick-links{display:none}
 .quick-links{padding:0 0 19px}
 #left_container ul{display:flex;flex-wrap:wrap;gap:7px}
 #left_container li a{background:#eef3e7;border:1px solid #e2e8d9;padding:7px 10px;font-size:0.875rem}
 #left_container li .alle{margin-top:0}
 #left_container ul+.h2{padding-top:13px;margin-top:14px}
 .birth-hero{grid-template-columns:1.04fr 1fr;min-height:445px}
 .hero-copy{padding:36px 0 38px 32px}
 .birth-hero h1{font-size:3rem}
 .hero-art{height:410px}
 .hero-stamp{top:9%;right:5%}
 #right_container_content_home{gap:12px}
 #main_content_ex_breadcrumbs{gap:32px;padding-top:21px}
 #home_speerpunten{margin-top:-24px;gap:10px}
 #home_speerpunten>div{flex-direction:column;text-align:center;gap:9px}
 #home_speerpunten img{height:26px;max-width:45px}
 .gk-review{padding:23px;min-height:345px}
 .gk-card-footer{flex-wrap:wrap;gap:8px}
 .gk-control{width:34px;height:34px}
 .gk-pagination{width:115px}
}
@media(max-width:599px){
 :root{--gutter:18px}
 html{scroll-padding-top:20px}
 .payoffs>ul{width:calc(100% - 22px);gap:4px 12px;padding:7px 0}
 .payoffs li{font-size:0.875rem;gap:5px;line-height:1.5}
 .payoffs .site-icon{width:11px;height:11px}
 .payoffs .fa-star,.payoffs .fa-star-half-alt{width:9px;height:9px}
 #header_row .menu{flex-wrap:wrap;gap:12px;min-height:0;padding:16px 0}
 #header_row .menu .left{flex:1;min-width:0;gap:8px}
 #header_row .logo{width:205px;max-width:calc(100% - 36px)}
 #header_row .menu .right{margin-left:0}
 #header_row ul.lower{gap:16px}
 #header_row ul.lower>li>a{min-height:35px}
 #header_row .menu .center{order:3;flex:0 0 100%;max-width:none;min-width:0}
 #header_row form[method=get]{height:42px}
 #header_row input[name=q]{font-size:1rem}
 #header_row form[method=get] button{height:40px}
 #main_content_ex_breadcrumbs{gap:27px;padding-top:14px}
 .opening-grid{gap:13px}
 #left_container{padding-inline:17px}
 .quick-toggle{min-height:47px;font-size:0.875rem}
 .birth-hero{grid-template-columns:1fr;min-height:0;border-radius:20px;background:radial-gradient(ellipse at 85% 67%,#b9d8c9 0%,transparent 65%),radial-gradient(ellipse at 20% 4%,#fffdf1 0%,transparent 65%),#e3eede}
 .hero-copy{padding:29px 25px 0}
 .hero-eyebrow{font-size:0.875rem;letter-spacing:.05em;margin-bottom:17px}
 .birth-hero h1{font-size:clamp(2.375rem,9.6vw,3.4375rem);line-height:1.07;max-width:465px}
 .hero-intro{font-size:0.875rem;line-height:1.5;max-width:285px;margin-top:17px}
 .hero-actions{margin-top:22px;gap:14px}
 .hero-actions>.button{font-size:0.875rem;min-height:47px;padding:11px 18px}
 .hero-proof{font-size:0.875rem}
 .hero-art{height:300px;margin:4px 10px 7px 25px}
 .hero-orbit{width:80%;left:11%;top:6%}
 .hero-stamp{width:91px;height:91px;right:5%;top:5%;outline-width:3px}
 .hero-stamp>strong{font-size:0.875rem}
 .hero-stamp>span{font-size:0.875rem}
 .hero-stamp svg{width:16px;height:16px}
 .hero-spark-one{top:18%;left:9%;width:26px;height:26px}
 .hero-spark-two{bottom:4%;right:12%;width:19px;height:19px}
 #right_container{gap:16px}
 #right_container_content_home{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .category-caption{padding-top:7px;font-size:0.875rem}
 #home_speerpunten{margin-top:-14px;padding:17px 0;gap:12px;grid-template-columns:1fr}
 #home_speerpunten>div{flex-direction:row;text-align:left;justify-content:flex-start;gap:16px;padding:0 16px}
 #home_speerpunten>div+div{border-left:0}
 #home_speerpunten picture{width:39px;display:flex;justify-content:center}
 #home_speerpunten img{height:25px;max-width:38px}
 #home_speerpunten p{font-size:0.875rem;line-height:1.5}
 .background-line-title h2{font-size:2.0625rem;line-height:1.1;margin-bottom:16px}
 .background-line-title p:not(.eyebrow){font-size:0.875rem;line-height:1.5}
 .section-kicker{font-size:0.875rem;letter-spacing:.05em;margin-bottom:13px}
 .gk-trust{padding-top:28px}
 .gk-grid{grid-template-columns:1fr;gap:34px}
 .gk-heading{margin-bottom:25px}
 .gk-title{font-size:2.1875rem}
 .gk-question summary{font-size:0.875rem;padding:19px 0;gap:11px}
 .gk-answer{padding:0 0 23px 24px}
 #home_tekst a.gk-scorebar{gap:19px;padding:25px 23px;border-radius:16px}
 .gk-score>strong{font-size:3.375rem}
 .gk-score-info{font-size:0.875rem}
 .gk-review{padding:24px;min-height:310px}
 .gk-quote{font-size:1.5rem}
 .gk-control{width:36px;height:36px}
 .gk-pagination{width:131px}
 #footer_top>.page{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 21px;padding:35px 0 26px}
 #footer .h2{font-size:0.875rem}
 #footer_top li a{font-size:0.875rem;line-height:1.5;padding:6px 0}
 #footer_middle>.page{grid-template-columns:1fr;gap:26px;padding:26px 0}
 #footer_middle p{font-size:0.875rem;line-height:1.5}
 #footer_bottom .page{font-size:0.875rem;padding:22px 0}
 #footer_bottom b{display:block}
}
@media(max-width:359px){
 :root{--gutter:14px}
 #header_row .logo{width:178px}
 #header_row ul.lower{gap:12px}
 .hero-copy{padding-inline:20px}
 .birth-hero h1{font-size:2.3125rem}
 .hero-art{height:260px}
 .gk-score>strong{font-size:2.9375rem}
 #home_tekst a.gk-scorebar{padding:21px 18px;gap:13px}
 .gk-control{width:33px;height:33px}
 .gk-pagination{width:107px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* A full-width product rail that also works without JavaScript. */
.discovery-section{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;margin-top:0}
.discovery-section #home_speerpunten{width:100vw;margin:0 0 0 calc(50% - 50vw);padding-inline:max(var(--gutter),calc((100vw - var(--width))/2));border-radius:0}


#home_highlights{position:relative;isolation:isolate;padding:30px 0 19px;background:#f0f4ed;box-shadow:0 0 0 100vmax #f0f4ed;clip-path:inset(0 -100vmax);min-width:0}
#home_highlights .background-line-title h2{font-size:2.125rem;margin-bottom:12px}
#home_highlights .background-line-title p:not(.eyebrow){font-size:0.875rem;line-height:1.5;max-width:1000px}
.ribbon-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0 0}
.ribbon-collection{font-size:0.875rem;font-weight:600;display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #a4b7a7;padding-bottom:3px}
.ribbon-rows{position:relative;width:100vw;left:50%;transform:translateX(-50%);margin-top:3px}
.ribbon-lane{position:relative;z-index:0}
.ribbon-lane:hover{z-index:2}
.ribbon-row{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;min-width:0;padding:32px 0;touch-action:pan-x pan-y;cursor:grab}
.ribbon-row::-webkit-scrollbar{display:none}
.ribbon-lane+.ribbon-lane{margin-top:-43px}
.ribbon-row.is-dragging{cursor:grabbing;user-select:none}
.ribbon-track{display:flex;width:max-content;gap:0;animation:ribbon-fallback 90s linear infinite}
.ribbon-row--reverse .ribbon-track{animation-direction:reverse;animation-duration:100s}
.ribbon-row:hover .ribbon-track,.ribbon-row:focus-within .ribbon-track{animation-play-state:paused}
.ribbon-ready .ribbon-track{animation:none;transform:none}
.ribbon-group{display:flex;flex:none;gap:14px;padding-right:14px}
.ribbon-card{position:relative;width:clamp(154px,10.5vw,188px);height:clamp(154px,10.5vw,188px);flex:none;z-index:0}
.ribbon-card>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px;background:white;border:1px solid #e1e6da;border-radius:13px;transition:transform .38s cubic-bezier(.2,.7,.25,1),box-shadow .35s;transform-origin:center;user-select:none;-webkit-user-drag:none}
.ribbon-card picture{width:100%;height:100%}
.ribbon-card img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.ribbon-card:hover,.ribbon-card:focus-within{z-index:5}
.ribbon-card>a:focus-visible{outline-offset:4px}
@media(hover:hover) and (pointer:fine){.ribbon-card:hover>a{transform:scale(1.12) rotate(10deg);box-shadow:0 13px 25px #274f4024}.ribbon-row.is-dragging .ribbon-card>a{transform:none}}
.ribbon-row-controls{position:absolute;inset:0;display:none;pointer-events:none;z-index:8}
.ribbon-ready .ribbon-row-controls{display:block}
.ribbon-row-controls button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:38px;height:38px;border-radius:50%;background:#fffefaf0;border:1px solid #c9d6ca;box-shadow:0 3px 12px #22493615;font-size:1.4375rem;display:grid;place-items:center;line-height:1}
.ribbon-row-controls button:first-child{left:12px}.ribbon-row-controls button:last-child{right:12px}
@keyframes ribbon-fallback{to{transform:translateX(-33.333333%)}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.ribbon-card>a{transition:none}}

/* These source images already have 50px corners at 670px; mask the bitmap once. */
#right_container_content_home .zoom>a{display:block;border:0;background:transparent;border-radius:0;overflow:visible;transition:transform .3s}
#right_container_content_home .zoom picture{clip-path:inset(1px round 7.5% / 13.2%)}
#right_container_content_home .zoom img{display:block;width:100%;height:auto;border:0;border-radius:0;transform:none}
#right_container_content_home .zoom:hover>a{transform:translateY(-3px)}

/* White caption strips interrupt the warm image palette. */
#home_specials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
#home_specials>.section-kicker{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin:0}
#home_specials>.section-kicker::after{content:'';height:1px;background:#dde1d7;flex:1}
.special{position:relative;min-width:0;container-type:inline-size;background:transparent;border:0;border-radius:0;transition:transform .3s}
.special-surface{height:100%;background:#fff;border-radius:24px;border-radius:7cqw;overflow:hidden;box-shadow:0 0 0 1px #e7e5dc,0 4px 13px #38483106;transition:box-shadow .3s}
.special:hover{transform:translateY(-4px)}
.special:hover .special-surface{box-shadow:0 0 0 1px #e7e5dc,0 10px 24px #38483112}
.special .zoom{border-radius:0;overflow:hidden;background:white}
.special .zoom picture{clip-path:none;border-radius:0}
.special .zoom img{width:100%;height:auto;transform:none;border-radius:0}
.special p{position:relative;padding:17px 45px 18px 19px;font-size:0.9375rem;line-height:1.4;color:#465851;min-height:59px;background:white}
.special b{font-weight:600;color:#244a3e}
.special p::after{content:'↗';position:absolute;right:17px;top:15px;font-size:1.4375rem;color:#587269}

/* A clean white style finder with six separate color accents. */
#home_eigen_stijl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;position:relative;isolation:isolate;padding:30px 0 32px;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);border:0;border-radius:0}
#home_eigen_stijl>.background-line-title{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.4fr;column-gap:50px;align-items:start;margin-bottom:5px}
#home_eigen_stijl .section-kicker{grid-column:1/-1;margin-bottom:10px}
#home_eigen_stijl h2{font:600 1.9375rem/1.2 var(--body);letter-spacing:-1.2px;margin:0;color:#253e37;max-width:400px}
#home_eigen_stijl .style-intro{min-width:0}
#home_eigen_stijl .style-intro>summary{display:none}
#home_eigen_stijl .style-intro p{font-size:0.875rem;line-height:1.5;max-width:none}
.eigen_stijl{min-width:0;position:relative;background:#fff;border:1px solid #e4e5df;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s;--style-accent:#f0c0b2}
.eigen_stijl:nth-of-type(3){--style-accent:#b9d1e4}.eigen_stijl:nth-of-type(4){--style-accent:#d8c9e7}.eigen_stijl:nth-of-type(5){--style-accent:#edcf8f}.eigen_stijl:nth-of-type(6){--style-accent:#cfb49f}.eigen_stijl:nth-of-type(7){--style-accent:#b8ccaf}
.eigen_stijl::before{content:'';display:block;height:5px;background:var(--style-accent)}
.eigen_stijl:hover{transform:translateY(-5px);box-shadow:0 9px 24px #3e424314}
.eigen_stijl .image{overflow:hidden;border-radius:0;background:#f6f4ef;aspect-ratio:1;border:0;box-shadow:none}
.eigen_stijl .image a,.eigen_stijl picture{display:block;width:100%;height:100%}
.eigen_stijl img{width:100%;height:100%;object-fit:cover;transform:scale(1.17);max-width:none;border-radius:0}
.eigen_stijl .label{display:flex;align-items:center;min-height:58px;padding:12px 33px 12px 13px;position:relative;text-align:left;font-size:0.875rem;font-weight:600;line-height:1.35;color:#32433d}
.eigen_stijl .label::after{content:'↗';position:absolute;right:12px;font-size:1.3125rem;font-weight:400;color:#616861}

/* A viewport-wide scrollport: cards start on the text margin and leave at the screen edge. */
.feature-strip{position:relative;isolation:isolate;min-width:0;--feature-bleed:max(var(--gutter),calc((100vw - var(--width))/2))}
#home_extra{display:flex;gap:40px;align-items:stretch;width:100vw;margin-left:calc(50% - 50vw);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--feature-bleed);padding:108px var(--feature-bleed) 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#home_extra::-webkit-scrollbar{display:none;width:0;height:0}
#home_extra>*{flex:0 0 clamp(360px,calc((100vw - var(--feature-bleed) - 80px)/2.5),660px);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
#home_extra:focus-visible{outline:2px solid #2b6055;outline-offset:5px}
#home_extra.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
#home_extra.is-dragging *{cursor:grabbing!important}
.feature-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.feature-controls[hidden]{display:none}
.feature-controls>button[data-feature-step]{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--teal);border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 4px 10px #294a3920;cursor:pointer;transition:background .2s,border-color .2s}
.feature-controls>button[data-feature-step]:hover{background:#1f493f;border-color:#1f493f}
.feature-controls>button[aria-disabled="true"]{background:#e8e5dc;border-color:#d4cdbf;color:#797467;box-shadow:none;cursor:default}
.feature-controls>button svg{width:24px;height:24px}
.feature-controls>button[data-feature-step="-1"] svg{transform:rotate(180deg)}
.feature-scroll-hint{font-size:0.875rem;font-weight:600;color:#3e5f4d;margin-right:9px}
.feature-strip{--hint-shift:-14px}
.feature-strip.hint-backward{--hint-shift:14px}
.feature-strip.is-hinting #home_extra>.feature-slide{animation:feature-scroll-cue .72s ease-in-out both}
@keyframes feature-scroll-cue{0%,100%{transform:translateX(0)}45%{transform:translateX(var(--hint-shift))}}
.extra{position:relative;display:block;min-width:0;border-radius:17px;border:1px solid #dce5df;background:#fff;overflow:visible}
.extra>a{position:relative;display:flow-root;height:100%;padding:25px 24px 20px}
.feature-heading{display:block;min-width:0;margin:0 0 16px}
.feature-heading .eyebrow{font-size:0.875rem;letter-spacing:.05em;margin-bottom:7px}
.feature-title{font:400 1.75rem/1.15 var(--display);letter-spacing:-.65px}
.feature-card{position:relative;z-index:2;display:block;float:right;width:236px;height:236px;margin:-94px -38px 12px 24px;pointer-events:none;animation:feature-float 7s ease-in-out infinite;filter:drop-shadow(3px 8px 8px #3e564228)}
.feature-card img{width:100%;height:100%;object-fit:contain;clip-path:polygon(5% 4.5%,96.2% .5%,96.2% 87.5%,92% 88%,92% 99%,5% 92%,5% 80%,3% 79%,3% 73%,4% 60%,6% 45%,2% 29%,1% 25%,1% 18%,4% 16%)}
.feature-card--sol{width:236px;height:226px;animation-delay:-3.5s;overflow:hidden;transform:rotate(-8deg)}
.feature-card--sol img{position:absolute;max-width:none;width:185.529%;height:100%;left:-84.416%;object-fit:fill;clip-path:none}
@keyframes feature-float{0%,100%{transform:translateY(2px) rotate(7deg)}50%{transform:translateY(-4px) rotate(11deg)}}
.extra:hover .feature-card{animation-play-state:paused}
.extra .tekst{display:block;font-size:0.875rem;line-height:1.5;color:#405a4a}
.extra .tekst ul{clear:both;display:grid;gap:5px;list-style:none;margin-top:11px;padding-top:11px;border-top:1px solid #dce5df}
.extra .tekst li{position:relative;padding-left:23px}
.extra .tekst li::before{content:'✓';position:absolute;left:0;top:0;color:#487e59}
#extra_2 .tekst br{display:none}
#extra_2 .tekst>b:nth-of-type(3){display:block;margin-top:10px}
.feature-cta{clear:both;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:0.875rem;font-weight:600;margin-top:16px;padding-top:11px;border-top:1px solid #dce5df}
.feature-cta>span{font-size:1.4375rem;line-height:1}
#home_extra #blok_2{display:flow-root;grid-column:auto;padding:25px 24px 20px;border:1px solid #dce5df;border-radius:17px;background:#fff}
.feature-photo-header{display:contents}
#home_extra #blok_2 h2{font:400 1.75rem/1.15 var(--display);letter-spacing:-.65px;margin:0}
#home_extra #tekst_3{position:relative;float:right;width:118px;margin:-51px -12px 12px 18px;padding:6px;background:#fff;box-shadow:0 7px 18px #3e564225;transform:rotate(7deg);border-radius:5px}
#home_extra #tekst_4{display:block;font-size:0.875rem;line-height:1.5;color:#405a4a}
#home_extra #tekst_4 p{margin:0 0 10px;font-size:0.875rem;line-height:1.5;color:#405a4a}
#home_extra #tekst_4 p:last-of-type{margin-bottom:16px}
#home_extra #tekst_4 a.right{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;margin-top:0;padding:5px 13px;border-radius:6px;background:var(--teal);color:#fff;text-decoration:none;font-weight:600}

/* Dense but readable help content. All original paragraphs remain in the HTML. */
#home_tekst{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;padding:0 0 42px}
#home_tekst .blok{min-width:0}
#home_tekst p{font-size:0.875rem;line-height:1.5;color:#53655b;margin:0 0 11px}
#home_tekst p:last-child{margin-bottom:0}
#home_tekst h2.h2{font-size:1.5625rem;line-height:1.2;margin:0 0 13px}
#blok_1,#blok_5{display:block;grid-column:auto;justify-self:stretch;align-self:stretch;width:auto;min-width:0;max-width:none;margin:0;padding:22px 24px;border:1px solid #e2e4da;border-radius:17px;background:#fff;box-shadow:none}
#blok_1 .compact-body{display:flow-root}
#blok_1 #tekst_1{float:right;width:104px;margin:3px 0 12px 18px}
#blok_1 #tekst_2{display:contents}
.compact-panel>summary{list-style:none;position:relative;cursor:default;pointer-events:none}
.compact-panel>summary::-webkit-details-marker{display:none}
.compact-panel>summary h2{margin:0 0 13px}
.compact-plus{display:none}
.compact-body{display:flow-root}
#tekst_1,#tekst_3{float:right;width:128px;margin:3px 0 12px 18px;padding:0;background:transparent;border-radius:6px;overflow:hidden;min-height:0}
#tekst_1 picture,#tekst_3 picture{width:100%}
#tekst_1 img,#tekst_3 img{width:100%;height:auto}
#tekst_2,#tekst_4{padding:0;display:contents}
#tekst_2 ul{font-size:0.875rem;line-height:1.5;display:block;margin:0 0 13px}
#tekst_2 li{padding:0;border:0;margin:0 0 7px}
#tekst_2 p{clear:both;font-size:0.875rem;padding:10px 13px;background:#f0f5ec;border-left:2px solid #9bb78e;border-radius:4px;line-height:1.5}
#home_tekst #tekst_4 a.right{padding:4px 13px;min-height:31px;margin-top:2px;font-size:0.9375rem}
#blok_3{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:0}
#blok_3>div{position:relative;border-top:1px solid #dfe3d8;padding-top:20px}
#blok_3>div::before{content:'';position:absolute;top:-1px;left:0;width:38px;height:3px;border-radius:3px;background:#93b7a5;pointer-events:none}
#home_tekst #blok_3 h2{font-size:1.4375rem;line-height:1.25;margin-bottom:11px}
#blok_4{position:relative;isolation:isolate;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:30px 0;background:#fff;border:0;border-radius:0;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
#home_tekst #blok_4 h2{font-size:1.3125rem;line-height:1.25;margin-bottom:11px}
#blok_4 .compact-panel>summary{display:flex;align-items:center;gap:10px;position:relative;isolation:isolate;min-height:44px;margin-bottom:8px}
#home_tekst #blok_4 .compact-panel>summary h2{position:relative;z-index:1;margin:0}
.category-icon{display:block;width:26px;height:26px;flex:none;color:#537065;pointer-events:none}
#home_tekst #blok_4 p,#home_tekst #blok_4 li{font-size:0.875rem;line-height:1.5}
#blok_4 ul{padding-left:16px;list-style:disc;margin:8px 0 12px}
#blok_4 li{margin-bottom:3px}
#tekst_5{float:left;width:120px;margin:3px 18px 9px 0}
#tekst_5 img{width:100%;height:auto;border-radius:10px}
#tekst_6{display:contents}
#home_tekst #blok_5 h2{font-size:1.5625rem}
#home_tekst #blok_5 a.right{font-size:0.875rem;min-height:35px;padding:6px 15px;margin-top:2px}
.gk-trust{padding-top:24px}
.gk-heading{margin-bottom:19px}
.gk-title{font-size:1.9375rem;line-height:1.2}
.gk-question summary{padding:16px 0;font-size:0.875rem}
.gk-review{min-height:290px}
.gk-quote{font-size:1.4375rem;line-height:1.4}
#home_tekst .gk-info{position:relative;isolation:isolate;padding:28px 0 31px;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);border:0;border-radius:0;margin-bottom:-42px}
.gk-info .gk-grid{gap:40px}
.gk-info .gk-heading{margin-bottom:13px}
.gk-info .gk-title{font-size:1.6875rem;margin-bottom:0}
#home_tekst .gk-info .gk-eyebrow{font-size:0.875rem;line-height:1.5;margin-bottom:10px}
#home_tekst .gk-info p{font-size:0.875rem;line-height:1.5;margin-bottom:11px}
.gk-info-checklist{display:grid;gap:7px;margin-bottom:13px}
.gk-info-checklist li{display:flex;gap:10px;font-size:0.875rem;line-height:1.5;color:#566747}
.gk-info-checklist svg{width:17px;height:17px;margin-top:3px}
.gk-info-check{flex:none}
#home_tekst .gk-info-note{font-size:0.875rem;line-height:1.5;padding:11px 14px;background:#f5f7f0;border-left:2px solid #aac29e;border-radius:0}

html[data-ambient-paused] .feature-card{animation-play-state:paused}
@media(max-width:999px){
 #home_eigen_stijl{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
 #home_eigen_stijl>.background-line-title{grid-template-columns:1fr;gap:10px}
 #home_eigen_stijl h2{max-width:none;font-size:1.8125rem}
 .eigen_stijl .image{aspect-ratio:1.35}
 .eigen_stijl img{object-fit:cover}
 .eigen_stijl .label{min-height:45px}
 #home_tekst{gap:22px}
 #blok_1,#blok_5{padding:20px}
 #tekst_1,#tekst_3{width:99px;margin-left:13px}
 #blok_4{grid-template-columns:repeat(2,minmax(0,1fr))}
 #home_extra{padding-top:94px}
 #home_extra>*{flex-basis:calc((100vw - var(--feature-bleed) - 40px)/1.55)}
 .feature-title{font-size:1.5625rem}
 .extra>a{padding:23px 21px 14px}
 .feature-card{width:188px;height:188px;margin:-82px -31px 12px 21px}
 .feature-card--sol{height:180px}
 #home_extra #blok_2{padding:23px 21px 20px}
 #home_extra #blok_2 h2{font-size:1.5625rem}
 #home_extra #tekst_3{width:94px}
}
@media(max-width:699px){
 #home_highlights{padding:23px 0 9px}
 #home_highlights .background-line-title h2{font-size:1.8125rem}
 #home_highlights .background-line-title p:not(.eyebrow){line-height:1.5;font-size:0.875rem}
 .ribbon-toolbar{gap:12px;align-items:center}
 .ribbon-collection{font-size:0.875rem;gap:8px}
 .ribbon-card{width:146px;height:146px}
 .ribbon-card>a{padding:10px;border-radius:11px}
 .ribbon-group{gap:12px;padding-right:12px}
 .ribbon-row{padding-block:24px}
 .ribbon-lane+.ribbon-lane{margin-top:-31px}
 .ribbon-row-controls button{width:32px;height:32px;font-size:1.25rem}
 .ribbon-row-controls button:first-child{left:5px}.ribbon-row-controls button:last-child{right:5px}
 #home_specials{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .special p{font-size:0.875rem;line-height:1.4;min-height:64px;padding:12px 24px 12px 12px}
 .special p::after{right:9px;top:12px;font-size:1.125rem}
 #home_eigen_stijl{padding:24px 0;gap:12px}
 #home_eigen_stijl h2{font-size:1.6875rem;letter-spacing:-.9px}
 #home_eigen_stijl .style-intro>summary{display:list-item;list-style:disclosure-closed;cursor:pointer;font-size:0.875rem;text-decoration:underline;text-underline-offset:3px;margin-bottom:8px}
 #home_eigen_stijl .style-intro[open]>summary{list-style:disclosure-open}
 #home_eigen_stijl .style-intro p{font-size:0.875rem}
 .eigen_stijl .image{aspect-ratio:1}
 .eigen_stijl .label{font-size:0.875rem;padding:10px 20px 10px 9px;min-height:51px}
 .eigen_stijl .label::after{right:7px;font-size:1rem}
 .eigen_stijl{border-radius:10px}
 #home_extra{gap:30px;padding-top:92px;padding-bottom:10px}
 #home_extra>*{flex-basis:calc(100vw - var(--feature-bleed)*2 - 24px)}
 .feature-scroll-hint{display:none}
 .feature-controls{margin-top:6px}
 .extra>a{padding:22px 21px 13px}
 .feature-title{font-size:1.5625rem}
 .feature-heading .eyebrow{font-size:0.875rem;letter-spacing:.05em}
 .feature-card{width:192px;height:192px}
 .feature-card--sol{height:184px}
 .feature-cta{margin-top:13px;padding-top:10px}
 #home_tekst{grid-template-columns:1fr;gap:13px;padding-bottom:28px}
 #blok_1,#blok_5{padding:0;border-radius:12px}
 #blok_1 .compact-body{display:flow-root}
 #blok_1 #tekst_1{float:right;width:94px;margin:0 0 10px 14px}
 #tekst_2 ul{display:block}
 #tekst_2 li{padding:0;border:0;margin-bottom:8px}
 #home_extra #blok_2{padding:22px 21px 20px}
 #home_extra #tekst_4 p,.extra .tekst{line-height:1.5}
 .compact-panel>summary{display:flex;align-items:center;gap:14px;padding:17px 18px;pointer-events:auto;cursor:pointer}
 #home_tekst .compact-panel>summary h2,#home_tekst #blok_3 h2,#home_tekst #blok_4 h2,#home_tekst #blok_5 h2{font-size:1.25rem;line-height:1.25;letter-spacing:-.45px;margin:0;flex:1;min-width:0}
 .compact-plus{display:block;width:18px;height:18px;position:relative;flex:none}
 .compact-plus::before,.compact-plus::after{content:'';position:absolute;left:1px;top:8px;width:16px;height:1px;background:#426957;transition:transform .2s}
 .compact-plus::after{transform:rotate(90deg)}
 .compact-panel[open] .compact-plus::after{transform:rotate(0deg)}
 .compact-body{padding:0 18px 18px}
 #home_tekst p{font-size:0.875rem;line-height:1.5}
 #tekst_1,#tekst_3{width:98px;margin-left:12px}
 #blok_3{grid-template-columns:1fr;gap:0;padding:0;border:1px solid #e2e5db;border-radius:12px;background:#fff;overflow:hidden}
 #blok_3>div{padding:0;border:0}
 #blok_3>div::before{display:none}
 #blok_3>div+div{border-top:1px solid #e2e5db}
 #blok_4{grid-template-columns:1fr;padding:8px 0;gap:0;border-radius:0}
 #blok_4>div+div{border-top:1px solid #e5e9e2}
 #blok_4 .compact-panel>summary{padding-inline:0}
 #blok_4 .compact-panel>summary{min-height:57px;margin-bottom:0;padding-right:12px}
 #blok_4 .category-icon{width:24px;height:24px}
 #blok_4 .compact-body{padding-inline:0}
 #tekst_5{width:95px;margin:0 14px 8px 0}
 .gk-trust{margin-top:9px;padding-top:23px}
 .gk-grid{gap:26px}
 .gk-title{font-size:1.8125rem}
 .gk-heading{margin-bottom:17px}
 #home_tekst .gk-info{padding:25px 0 28px;margin-bottom:-28px}
 .gk-info .gk-title{font-size:1.5625rem}
 .gk-info .gk-grid{gap:24px}
 .gk-info-column+.gk-info-column{border-top:1px solid #e6e9df;padding-top:23px}
}
@media(prefers-reduced-motion:reduce){.feature-card,.feature-strip.is-hinting #home_extra>.feature-slide{animation:none}.ribbon-card>a{transition:none}}

.compact-panel:not([open])>.compact-body,.style-intro:not([open])>p{display:none}

#blok_1 .compact-panel:not([open])>.compact-body{display:none}
.feature-controls [hidden]{display:none!important}


/* V6: one white panel behind the original payment and trust logos. */
#footer_middle #col_2{min-width:0}
#footer_middle .payment-logos{display:flex;align-items:center;width:100%;max-width:448px;padding:12px 14px;background:#fff;border-radius:6px}
#footer_middle .payment-logos picture{width:100%;min-width:0}
#footer_middle .payment-logos img{width:100%;max-width:420px;height:auto}
@media(max-width:699px){
 #footer_middle .payment-logos{padding:11px 12px}
}

/* V6.3 — mobile navigation and a more compact phone layout. */
@keyframes payoff-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.mobile-cta-label{display:none}
@media(max-width:899px){
 .payoffs>ul{width:calc(100% - 28px);display:grid;grid-template-columns:minmax(0,1fr);min-height:34px;padding:5px 0;gap:0}
 .payoffs li{grid-area:1/1;justify-content:center;min-width:0;white-space:nowrap;font-size:0.875rem;line-height:1.4;gap:7px}
 .payoffs:not(.payoffs-ready) li:not(:first-child){display:none}
 .payoffs li.is-current{animation:payoff-in .25s ease-out}
 .payoffs .site-icon{width:13px;height:13px}
 .payoffs .fa-star,.payoffs .fa-star-half-alt{width:10px;height:10px}
 .payoffs li>a{min-height:24px;gap:2px}
 /* V6.4: consistent white rows and cream sublevels; position indicates depth. */
 .menu-backdrop{display:none;position:fixed;inset:0;z-index:119;background:#25252559;backdrop-filter:blur(3px);touch-action:none}
 body.menu-open .menu-backdrop{display:block}
 #nav.is-open{width:min(420px,94vw);padding:0 14px 26px;background:#f7f5ef;border-right:1px solid #e5e2d9;box-shadow:12px 0 35px #2424241f;overscroll-behavior:contain}
 #nav .mobile-menu-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;margin:0 -14px 14px;padding:14px 18px;background:#fffffff5;border-bottom:1px solid #e5e2d9;backdrop-filter:blur(12px)}
 .mobile-menu-title{font:400 1.6875rem/1.2 var(--display);letter-spacing:-.025em;color:var(--ink)}
 #nav .menu-close{position:static;flex:none;width:44px;height:44px;border:1px solid #e5e2d9;background:#f7f5ef;color:#2c5145}
 #nav .menu-close svg{width:19px;height:19px}
 #nav .center>ul{display:grid;gap:8px}
 #nav .center>ul>li{margin:0;min-width:0;border:1px solid #e5e2d9;border-radius:12px;background:#fff;box-shadow:0 2px 5px #24242404}
 #nav li>a,#nav li>span,#nav .nav-section-label{display:block;width:100%;min-height:50px;padding:14px 16px;border:0;background:transparent;font-size:0.9375rem;line-height:1.45;text-align:left;color:#2c5145}
 #nav .center>ul>li>a,#nav .center>ul>li>.nav-section-label{border-radius:11px;font-weight:600}
 #nav .center>ul>li.nav-branch{background:#fff}
 #nav li.nav-branch>a,#nav .nav-section-label{padding-right:54px}
 #nav .nav-section-label{position:relative;cursor:pointer}
 #nav .nav-section-label svg{position:absolute;right:18px;top:18px;width:16px;height:16px;transition:transform .2s}
 #nav .submenu-toggle{right:3px;top:3px;width:44px;height:44px;background:transparent;border:0;border-radius:9px;color:#2c5145}
 #nav .submenu-toggle svg{width:16px;height:16px;transition:transform .2s}
 #nav .is-expanded>.nav-section-label,#nav .is-expanded>a{background:#fff;color:#2c5145}
 #nav .is-expanded>.nav-section-label svg,#nav .is-expanded>.submenu-toggle svg{transform:rotate(180deg)}
 #nav ul ul{margin:0 12px 12px;padding:6px 10px;border-left:2px solid #e5e2d9;border-radius:0 0 8px 8px;background:#f7f5ef}
 #nav ul ul li>a,#nav ul ul .nav-section-label{min-height:44px;padding:11px 10px;border-bottom:1px solid #e5e2d9;border-radius:5px;font-size:0.875rem;font-weight:400}
 #nav ul ul li:last-child>a{border-bottom:0}
 #nav ul ul ul{margin:0 3px 8px 10px;padding-left:9px;background:#fff}
 #nav li>a[aria-current="page"]{background:#fff;box-shadow:inset 3px 0 0 #2c5145;color:#2c5145}
 #nav li>a:hover,#nav .nav-section-label:hover{background:#f7f5ef}
 #nav :focus-visible{outline:2px solid #2c5145;outline-offset:-3px}
}
@media(max-width:699px){
 #right_container{gap:20px}
 #right_container_content_home{order:-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .category-caption{justify-content:center;padding:7px 2px 0;text-align:center;font-size:0.875rem}
 .category-caption::after{display:none}
 .birth-hero{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:18px}
 .hero-copy{padding:22px 22px 0}
 .hero-eyebrow{display:block;font-size:0.875rem;line-height:1.4;letter-spacing:.04em;margin:0 0 9px}
 .hero-eyebrow::before{display:none}
 .birth-hero h1{font-size:clamp(1.8125rem,8vw,2.1875rem);line-height:1.1;letter-spacing:-.04em;max-width:460px}
 .hero-intro{font-size:0.875rem;line-height:1.45;max-width:none;margin-top:10px}
 .hero-actions{gap:7px;margin-top:15px;align-items:stretch}
 .hero-actions>.button{min-height:44px;justify-content:center;padding:10px 13px;font-size:0.875rem}
 .hero-actions>.button::after,.hero-proof>span{display:none}
 .hero-proof{justify-content:center;min-height:36px;font-size:0.875rem;text-underline-offset:3px}
 .hero-art{width:100%;max-width:280px;height:190px;margin:0 auto 12px}
 .hero-deck{inset:8% 10% 12%}
 .hero-art .hero-stamp{width:64px;height:64px;right:4%;top:1%;outline-width:3px}
 .hero-art .hero-stamp>span{font-size:0.875rem}
 .hero-art .hero-stamp>strong{font-size:0.875rem}
 .hero-art .hero-stamp svg{width:13px;height:13px}
 .hero-art .hero-spark-one{width:18px;height:18px;top:9%;left:7%}
 .hero-art .hero-spark-two{width:16px;height:16px;right:8%;bottom:4%}
 .hero-motion-toggle{right:3%;bottom:0}
 #home_highlights .ribbon-row-controls{display:none}
 .feature-strip .feature-controls{display:none}
 #home_tekst [data-gk-prev],#home_tekst [data-gk-next]{display:none}
 .ribbon-collection>span{display:none}
 .special p{padding-inline:10px;text-align:center}
 .special p::after{display:none}
 .eigen_stijl .label{justify-content:center;min-height:45px;padding:11px 6px;text-align:center;font-size:0.875rem;line-height:1.35}
 .eigen_stijl .label a{display:flex;align-items:center;justify-content:center;width:100%;min-height:22px}
 .eigen_stijl .label::after{display:none}
 .feature-cta{display:flex;justify-content:center;gap:0;min-height:44px;margin-top:17px;padding:11px 12px;border:1px solid #dbe4d7;border-radius:9px;background:#edf2e8;color:#34573f;font-size:0.875rem;line-height:1.4;text-align:center}
 .feature-cta>span{display:none}
 .extra>a:focus-visible .feature-cta,.extra>a:hover .feature-cta{background:#e1eadb;border-color:#cbdac6}
 #home_extra #tekst_4 a.right{display:flex;justify-content:center;min-height:44px;width:100%;margin-top:17px;padding:11px 12px;border:1px solid #dbe4d7;border-radius:9px;background:#edf2e8;color:#34573f;font-size:0.875rem;line-height:1.4;text-align:center}
 .mobile-cta-label{display:inline}
 .desktop-cta-label{display:none}
}
@media(max-width:359px){
 .payoffs li{font-size:0.875rem}
 .hero-copy{padding-inline:19px}
 .hero-art{height:175px;max-width:255px}
 .birth-hero h1{font-size:1.8125rem}
}
@media(prefers-reduced-motion:reduce){.payoffs li.is-current{animation:none}}

/* V6.4 — narrower phone gutters and connected white category captions. */
@media(max-width:699px){
 :root{--gutter:12px}
 #right_container_content_home>.zoom{background:#fff;border:1px solid #e4e5dc;border-radius:14px;overflow:hidden}
 #right_container_content_home .category-caption{justify-content:flex-start;min-height:44px;padding:10px 12px;text-align:left}
 #right_container_content_home .zoom:hover>a{transform:none}
 #right_container_content_home .zoom>a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:13px}
 #right_container_content_home .zoom>a:focus-visible{outline:none}
 #right_container_content_home .zoom>a:focus-visible::after{outline:3px solid #598893;outline-offset:-3px}
}

/* V6.4 homepage readability and category artwork. */

#header_row input[name=q]{font-size:1rem}
#left_container li a{font-size:0.9375rem;line-height:1.45}
#left_container .h2{font-size:1rem}
.hero-intro{font-size:1rem;line-height:1.5}
#home_highlights .background-line-title p:not(.eyebrow){font-size:1rem;line-height:1.5}
#home_eigen_stijl .style-intro p{font-size:1rem;line-height:1.5}
.extra .tekst{font-size:1rem;line-height:1.5}
#home_extra #tekst_4{font-size:1rem;line-height:1.5}
#home_extra #tekst_4 p{font-size:1rem;line-height:1.5}
#home_tekst p{font-size:1rem;line-height:1.5}
#home_tekst #blok_4 p{font-size:1rem;line-height:1.5}
#home_tekst #blok_4 li{font-size:1rem;line-height:1.5}
#home_tekst .gk-info p{font-size:1rem;line-height:1.5}
.gk-info-checklist li{font-size:1rem;line-height:1.5}
#tekst_2 ul{font-size:1rem;line-height:1.5}

.hero-actions>.button{font-size:0.9375rem;line-height:1.4}
.hero-proof{font-size:0.9375rem;line-height:1.4}
.ribbon-collection{font-size:0.9375rem;line-height:1.4}
.feature-cta{font-size:0.9375rem;line-height:1.4}
.eigen_stijl .label{font-size:0.9375rem;line-height:1.4}
.special p{font-size:0.9375rem;line-height:1.4}
#home_extra #tekst_4 a.right{font-size:0.9375rem;line-height:1.4}
#home_tekst #blok_5 a.right{font-size:0.9375rem;line-height:1.4}
#home_tekst a.right{font-size:0.9375rem;line-height:1.4}

#home_speerpunten p{font-size:0.875rem;line-height:1.45}
#tekst_2 p{font-size:0.875rem;line-height:1.45}
#home_tekst .gk-info-note{font-size:0.875rem;line-height:1.45}
#home_tekst .gk-review-note{font-size:0.875rem;line-height:1.45}

#home_tekst .gk-eyebrow{font-size:0.875rem}
#home_tekst .gk-info .gk-eyebrow{font-size:0.875rem}

.gk-question summary{font-size:1rem;line-height:1.45}
#right_container_content_home>.zoom{background:#fff;border:1px solid #e4e5dc;border-radius:14px;overflow:hidden}
#right_container_content_home .zoom>a{display:block;position:relative;border-radius:0;transform:none;overflow:hidden}
#right_container_content_home .zoom img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;transition:transform .25s}
#right_container_content_home .category-caption{justify-content:flex-start;min-height:48px;padding:12px 14px;background:#fff;font-size:1rem;line-height:1.35;text-align:left;pointer-events:auto;position:relative;z-index:1}
#right_container_content_home .category-caption::after{display:none}
#right_container_content_home .zoom>a::after{display:none}

#right_container_content_home .zoom>a:focus-visible{outline:3px solid #598893;outline-offset:-3px}
@media(hover:hover){#right_container_content_home .zoom:hover img{transform:scale(1.025)}}

#footer_top>.page{grid-template-columns:repeat(4,minmax(0,1fr)) 210px}
#footer .h2{font-size:1.0625rem;line-height:1.4}
#footer_top li a{font-size:0.9375rem;line-height:1.45;padding:7px 0}
#ekomi{font-size:0.9375rem;line-height:1.5}
#footer_middle p:not(.h2){font-size:0.9375rem;line-height:1.5}

#footer_bottom .page{font-size:0.875rem;line-height:1.5;color:#52655a}
#footer_bottom a{display:inline-block;padding:5px 0}
@media(max-width:1199px){#footer_top>.page{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:899px){#footer_top>.page{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){
 #left_container li a{font-size:0.875rem}
.hero-intro{font-size:0.9375rem}
#home_highlights .background-line-title p:not(.eyebrow){font-size:0.9375rem}
#home_eigen_stijl .style-intro p{font-size:0.9375rem}
.extra .tekst{font-size:0.9375rem}
#home_extra #tekst_4{font-size:0.9375rem}
#home_extra #tekst_4 p{font-size:0.9375rem}
#home_tekst p{font-size:0.9375rem}
#home_tekst #blok_4 p{font-size:0.9375rem}
#home_tekst #blok_4 li{font-size:0.9375rem}
#home_tekst .gk-info p{font-size:0.9375rem}
.gk-info-checklist li{font-size:0.9375rem}
#tekst_2 ul{font-size:0.9375rem}

.hero-actions>.button{font-size:0.875rem}
.hero-proof{font-size:0.875rem}
.ribbon-collection{font-size:0.875rem}
.feature-cta{font-size:0.875rem}
.eigen_stijl .label{font-size:0.875rem}
.special p{font-size:0.875rem}
#home_extra #tekst_4 a.right{font-size:0.875rem}
#home_tekst #blok_5 a.right{font-size:0.875rem}
#home_tekst a.right{font-size:0.875rem}

#home_speerpunten p{font-size:0.875rem}
#tekst_2 p{font-size:0.875rem}
#home_tekst .gk-info-note{font-size:0.875rem}
#home_tekst .gk-review-note{font-size:0.875rem}

 .gk-question summary{font-size:0.9375rem}
 #right_container_content_home .category-caption{font-size:0.9375rem;min-height:44px;padding:11px 12px}
 #footer_top>.page{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
 #footer .h2{font-size:1rem}
 #footer_top li a{font-size:0.875rem}
#ekomi{font-size:0.875rem}
#footer_middle p:not(.h2){font-size:0.875rem}

 #footer_bottom .page{font-size:0.875rem}
}
@media(prefers-reduced-motion:reduce){#right_container_content_home .zoom img{transition:none}}

/* Mobile audit: comfortable controls and predictable reading order. */
body.menu-open{position:fixed;top:var(--menu-scroll-y,0);left:0;right:0;width:100%}
@media(max-width:899px){
 .menu-btn{flex-basis:44px}
 .m-burger{width:44px;height:44px;align-items:center;padding:0}
 #header_row .menu .left{flex-basis:261px}
 #header_row ul.lower{gap:0}
 #header_row ul.lower>li>a{min-width:44px;min-height:44px;justify-content:center}
 #header_row form[method=get]{height:46px}
 #header_row form[method=get] button{width:44px;height:44px}
 #nav.is-open{padding-bottom:max(26px,env(safe-area-inset-bottom))}
 #nav .mobile-menu-heading{padding-top:max(14px,env(safe-area-inset-top))}
 #nav ul ul li.nav-branch>a{padding-right:50px}
 #nav ul ul .nav-section-label{padding-right:50px}
 #nav ul ul .submenu-toggle{top:0;right:0}
 #left_container li a{min-height:44px}
}
@media(max-width:699px){
 .hero-proof{min-height:44px}
 #home_extra{gap:14px;padding-top:62px}
 .extra>a{display:grid;grid-template-columns:minmax(0,1fr) 100px;grid-template-rows:auto auto 1fr;gap:16px 8px;padding:20px 18px 18px;align-content:start}
 .extra .feature-card{grid-column:2;grid-row:1;float:none;width:124px;height:134px;margin:-44px -16px 0 0;justify-self:end;align-self:start;animation:none}
 .extra .feature-heading{grid-column:1;grid-row:1;align-self:center;margin:0}
 .extra .feature-title{font-size:1.4375rem;line-height:1.2;overflow-wrap:break-word}
 .extra .tekst{grid-column:1/-1;grid-row:2}
 .extra .feature-cta{grid-column:1/-1;grid-row:3;align-self:end;margin-top:0}
 .feature-photo-header{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px;align-items:center;margin-bottom:16px}
 .feature-photo-header .feature-heading{grid-column:1;grid-row:1;margin:0}
 #home_extra #tekst_3{grid-column:2;grid-row:1;float:none;width:86px;margin:0}
 #home_extra #blok_2 h2{font-size:1.4375rem;line-height:1.2}
}
@media(max-width:599px){
 #header_row .menu{gap:8px;padding:12px 0}
 #header_row .menu .left{flex:1;min-width:0;gap:6px}
 #header_row .logo{min-width:0;max-width:calc(100% - 50px)}
 #header_row .menu .right{flex:0 0 88px}
}

/* Text-free category photos: more image height in the two-column phone grid. */
@media(max-width:699px){
 #right_container_content_home .zoom img{aspect-ratio:4/3;object-fit:cover;object-position:center}
}

/* Mini upgrade: body 18/16px, UI 16px, supporting text at least 14px. */
html{font-size:100%}
:root{--copy-size:1.125rem;--ui-size:1rem;--small-size:.875rem}
body{font-size:var(--copy-size);line-height:1.5}
#header_row ul.lower>li>a{font-size:var(--small-size)}
.main-nav>li>a{font-size:var(--ui-size);white-space:normal}
.submenukolom li{font-size:var(--ui-size)}
#left_container li a{font-size:var(--ui-size);flex-wrap:wrap}
#left_container .h2{font-size:var(--ui-size)}
.quick-toggle{font-size:var(--ui-size)}
.hero-intro{font-size:var(--copy-size);max-width:38ch}
#home_highlights .background-line-title p:not(.eyebrow){font-size:var(--copy-size)}
#home_eigen_stijl .style-intro p{font-size:var(--copy-size)}
.extra .tekst{font-size:var(--copy-size)}
#home_extra #tekst_4{font-size:var(--copy-size)}
#home_extra #tekst_4 p{font-size:var(--copy-size)}
#home_tekst p{font-size:var(--copy-size)}
#home_tekst #blok_4 p{font-size:var(--copy-size)}
#home_tekst #blok_4 li{font-size:var(--copy-size)}
#home_tekst .gk-info p{font-size:var(--copy-size)}
.gk-info-checklist li{font-size:var(--copy-size)}
#tekst_2 ul{font-size:var(--copy-size)}
.button{font-size:var(--ui-size)}
.hero-actions>.button{font-size:var(--ui-size)}
.hero-proof{font-size:var(--ui-size)}
.ribbon-collection{font-size:var(--ui-size)}
.feature-cta{font-size:var(--ui-size)}
.eigen_stijl .label{font-size:var(--ui-size)}
.special p{font-size:var(--ui-size)}
#right_container_content_home .category-caption{font-size:var(--ui-size)}
#home_extra #tekst_4 a.right{font-size:var(--ui-size)}
#home_tekst #blok_5 a.right{font-size:var(--ui-size)}
#home_tekst a.right{font-size:var(--ui-size)}
.gk-question summary{font-size:var(--ui-size)}
#home_speerpunten p{font-size:var(--ui-size)}
#tekst_2 p{font-size:var(--ui-size)}
#home_tekst .gk-info-note{font-size:var(--ui-size)}
#home_tekst .gk-review-note{font-size:var(--small-size);color:#52655a}
#footer_top li a{font-size:var(--ui-size);overflow-wrap:anywhere}
#ekomi{font-size:var(--ui-size)}
#footer_middle p:not(.h2){font-size:var(--ui-size)}
#footer_bottom .page{font-size:var(--small-size)}
.gk-question-number{color:#586b50}
.gk-source-chip{color:#4e634b}
.gk-card-footer{color:#52654c}
.hero-art .hero-stamp{width:7rem;height:7rem;right:0;gap:3px}
.hero-art .hero-stamp>span{font-size:var(--small-size);letter-spacing:normal}
.hero-art .hero-stamp>strong{font-size:var(--small-size)}
.gk-fav-teller{font-size:var(--small-size);line-height:1.35;min-width:20px;width:auto;padding-inline:3px;top:-9px;right:-10px}
.payoffs li{font-size:var(--small-size)}
.payoffs li>b{font-weight:400}
@media(min-width:900px) and (max-width:1199px){
 #header_row ul.lower{gap:8px}
 #header_row ul.lower>li>a{min-width:44px;justify-content:center}
 #header_row ul.lower>li>a>span:not(.gk-hart-wrap){display:none}
}
@media(max-width:1199px){
 .payoffs>ul{display:grid;grid-template-columns:minmax(0,1fr);min-height:36px;padding:7px 0;gap:0;width:calc(100% - 24px)}
 .payoffs li{grid-area:1/1;justify-content:center;gap:5px;min-width:0;white-space:normal;text-align:center;font-size:var(--small-size);line-height:1.4}
 .payoffs:not(.payoffs-ready) li:not(:first-child){display:none}
 .payoffs li>a{min-width:0;justify-content:center;flex-wrap:wrap;gap:2px}
}
@media(max-width:899px){
 #nav li>a{font-size:var(--ui-size)}
 #nav li>span{font-size:var(--ui-size)}
 #nav .nav-section-label{font-size:var(--ui-size)}
 #nav ul ul li>a{font-size:var(--ui-size)}
 #nav ul ul .nav-section-label{font-size:var(--ui-size)}
}
@media(max-width:699px){
 :root{--copy-size:1rem}
 .hero-art .hero-stamp{width:6.5rem;height:6.5rem;right:-4%;top:-3%}
 .extra>a{grid-template-columns:minmax(0,1fr) 88px}
 .extra .feature-card{width:108px;height:118px}
 .feature-heading .eyebrow{letter-spacing:normal}
 #home_speerpunten p{font-size:var(--small-size)}
 #footer_top>.page{gap:24px 14px}
}