/* Frisse natuurlijke vormgeving — oktober 2026 */
:root{--bg:#f7fbfc;--panel:#fff;--ink:#173b48;--muted:#526d75;--gold:#167454;--gold2:#186f9e;--line:#d5e4e6;--green:#236c4a}
body{background:#f7fbfc;color:var(--ink)}header{background:#fffffff2;border-bottom-color:#deeaec}.brand{color:#153f40}.brand svg{color:#27856a}.brand small{color:#577c7c}.navlinks{color:#294f60}.navlinks a:hover{color:#12648e}.navcta,.btn.primary,.affiliate{background:#197ca8;color:white!important;border-color:#197ca8;box-shadow:0 5px 16px #1c72951a}.navcta:hover,.affiliate:hover,.btn.primary:hover{background:#126588}.dropdown{background:white;border-color:#d6e5e9;box-shadow:0 15px 35px #17445220}.dropdown a:hover{background:#edf7fb;color:#176c91}.subnav{background:#eef8fc;border-bottom-color:#d5e9f0}.subnav a{color:#3b6575}.promo{background:linear-gradient(100deg,#e9f5ec,#e8f4fb);border-bottom-color:#d1e5de}.promo-brand{color:#226c51}.promo-brand small{color:#55786a}.promo-copy{color:#537267}.promo-copy b{color:#244d3c}.promo-cta{color:#176e94}.eyebrow,.section-eyebrow{color:#237458}.btn{color:#17516c;background:#ffffffd9;border-color:#86b9c9}.skip{background:#175f86;color:white}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:690px;background:#e5f1f8;align-items:center}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/hero-binoculars-v2.jpg') center center/cover no-repeat;transform-origin:75% 55%;animation:look-closer 22s ease-in-out infinite alternate}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7fcfffa 0%,#f7fcfff0 25%,#f7fcffc9 38%,#f5fbff59 51%,transparent 66%),linear-gradient(0deg,#eef8fc90,transparent 22%)}.hero .wrap{padding-top:60px;padding-bottom:44px;position:relative}.hero h1{font-size:clamp(3rem,5.6vw,4.8rem);max-width:650px;letter-spacing:-.055em;line-height:1.03;color:#143f4a;text-shadow:none}.hero h1 span{color:#177e9d}.hero p{max-width:530px;color:#335863;font-size:1.05rem;text-shadow:none}.hero .eyebrow{color:#246f57}.hero-trust{max-width:630px;gap:18px;margin-top:40px;padding-top:25px;border-color:#79a5b646;color:#2c5260}.hero-trust b{font-size:.76rem}.hero-trust small{color:#526e75;font-size:.67rem}.hero-trust em{color:#218568}.motion-toggle{position:absolute;right:22px;bottom:20px;z-index:2;border:1px solid #ffffffaa;background:#ffffffe8;color:#285461;border-radius:22px;padding:8px 13px;font-size:.7rem;box-shadow:0 3px 16px #13384620}.hero.motion-paused::before{animation-play-state:paused}@keyframes look-closer{from{transform:scale(1)}to{transform:scale(1.055)}}
.category-zone{background:linear-gradient(180deg,#edf8fc,#f9fcfa)}.center p,.section-head p{color:#526e75}.journey-card{background:white;border-color:#d7e6df;box-shadow:0 10px 30px #24594b0b}.journey-image{height:225px}.journey-number{color:#237a66}.journey-card h3{color:#193f4b}.journey-card p{color:#536d74}.journey-primary{background:#197ca8;color:white}.journey-primary:hover{background:#126588}.journey-guide{border-color:#dce8e8;color:#21566b}.journey-guide small{color:#607b81}.journey-top{color:#28745a}.journey-all{color:#376b7e}.landscape-strip{color:#fff}.landscape-strip small{color:#e5f5d9}.stats{background:#fff;border-color:#d9e9ec}.stat{border-color:#d9e9ec}.stat b{color:#197a91}.stat small{color:#59737a}.section{background:#fff}.section:nth-of-type(even){background:linear-gradient(180deg,#eef7fb,#f7faf8)}.method{color:#53727c;background:#ffffffb3;border-color:#cbdfe6}.product{background:#fff;border-color:#d5e4e8;box-shadow:0 8px 28px #1e4a6008}.rank{border-color:#b5d6c5;color:#237653;background:#eef7ef}.imagebox{border:1px solid #e3ecee}.badge{background:#edf6ec;color:#366947;border-color:#cfe1c8}.product h3{color:#1d4352}.desc{color:#4e6871}.spec{background:#eff7fb;color:#365e72;border-color:#d0e2ec}.plus{background:#f0f8ef;border-color:#d7e7d0;color:#47604a}.delta{background:#f9f5e9;border-color:#e9dfc2;color:#6f6244}.verdict b{color:#2b7049}.delta b{color:#81672b}.price-note{color:#647a80}.price-note strong{color:#214e5b}.review-link{color:#237293}.editorial p{color:#506b73}.disclosure,.note{background:#edf7f5;border-color:#bdded2;color:#44685c}.disclosure strong{color:#225d48}.footer{background:#123d40;color:#c5dedb;border-color:#225155}.footer strong{color:#f4fcfa}.footer a{color:#c9e6e8}.footer-bottom{border-color:#ffffff25;color:#bcd6d5}.breadcrumb,.page-meta{color:#5c7780}.lead{color:#4e6d78}.prose p,.prose li{color:#4c6872}.prose strong{color:#204957}.guide-aside{background:#f0f8fc;border-color:#cee3ed}.guide-aside a{color:#316980}.prose a,.detail-body a:not(.btn):not(.affiliate){color:#1b7293}.note a{color:#186e89}.table-scroll{border-color:#d1e2e7;background:#fff}th{background:#eaf4f9;color:#2f596c}td{color:#49656f}th,td{border-color:#d9e6ea}caption{color:#235c72}.detail-photo{border:1px solid #dce8e9}.faq details{border-color:#d7e6e9}.faq p{color:#536d75}.filters{background:#eaf5fa;border-color:#cde3ed}.filters label{color:#436779}.filters input,.filters select{background:#fff;border-color:#a8cad8;color:#21485b}.filter-summary p{color:#516d79}.text-button{color:#176d91}.compare-card{background:#fff;border-color:#d1e4e8;box-shadow:0 7px 20px #17445507}.compare-card .select-label{background:#edf7ed;color:#2d6148}.compare-card input{accent-color:#197ca8}.compare-card p{color:#506c76}.compare-panel{background:#eef8f4;border-color:#abd3c2}.status{color:#286c56}.empty{color:#536f77;background:#fff}.selection-bar{background:#177b9b;color:#fff}.compare-card h2{color:#204859}:focus-visible{outline-color:#147ba7}
@media(max-width:1000px) and (min-width:761px){.hero h1{font-size:3.8rem;max-width:540px}.hero p{max-width:460px}.hero-trust{max-width:535px}.hero::after{background:linear-gradient(90deg,#f7fcfff7,#f7fcffdd 35%,#f7fcff69 52%,transparent 73%)}}
@media(max-width:760px){.hero{min-height:0;background:#f5fbfe}.hero::before{height:350px;bottom:auto;background-size:cover;background-position:72% center;transform-origin:75% 55%}.hero::after{height:351px;bottom:auto;background:linear-gradient(0deg,#f5fbfe,transparent 33%)}.hero .wrap{padding-top:320px;padding-bottom:35px}.hero h1{font-size:clamp(2.65rem,8.8vw,3.7rem);max-width:650px}.hero p{font-size:1rem;max-width:600px}.hero-trust{max-width:100%;margin-top:30px;padding-top:20px}.motion-toggle{top:18px;bottom:auto;right:16px}.journey-image{height:235px}.landscape-strip p{color:white}}
@media(max-width:480px){.hero::before{height:275px;background-position:76% center}.hero::after{height:276px}.hero .wrap{padding-top:255px}.hero h1{font-size:2.65rem}.hero-trust{grid-template-columns:1fr}.hero-trust b{font-size:.78rem}.hero-trust small{font-size:.68rem}.journey-image{height:200px}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none}.motion-toggle{display:none}}
/* v4: stilstaande foto over de volle breedte; uitsluitend de lensreflecties bewegen. */
.hero{display:flex;padding:0;min-height:690px;background:#e5f1f8}
.hero::before{content:none;animation:none}
.hero-visual{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-scene{display:block;width:100%;height:100%}
.lens-motion{animation:lens-drift 6s ease-in-out infinite;will-change:transform}
.hero.motion-paused .lens-motion{animation-play-state:paused}
@keyframes lens-drift{0%,100%{transform:translate(0px,7px) rotate(-.45deg) scale(.97)}50%{transform:translate(0px,-10px) rotate(.45deg) scale(1)}}
@media(min-width:761px) and (max-width:1100px){.hero h1{max-width:480px;font-size:3.4rem}.hero p{max-width:420px}.hero-trust{max-width:460px;grid-template-columns:1fr;gap:10px}.hero::after{background:linear-gradient(90deg,#f7fcfff7,#f7fcffeb 29%,#f7fcff99 43%,transparent 63%)}}
@media(max-width:760px){.hero{min-height:0}.hero-visual{bottom:auto;height:auto;aspect-ratio:1672/941}.hero-scene{height:auto;aspect-ratio:1672/941}.hero::after{height:auto;aspect-ratio:1672/941;background:linear-gradient(0deg,#f5fbfe,transparent 20%)}.hero .wrap{padding-top:calc(56.28vw + 24px);padding-bottom:35px}.hero .motion-toggle{top:12px;bottom:auto;font-size:.65rem}.hero h1{font-size:clamp(2.65rem,8.8vw,3.7rem)}}
@media(prefers-reduced-motion:reduce){.lens-motion{animation:none}}