/* Paul's Lego Garage — kleuren & lettertypen v03 */
:root{
  --wine:#681C32;--wine-dark:#3C1020;--cherry:#A52846;--cream:#E2D8BF;
  --cream-soft:#F2EAD8;--paper:#F6F0E4;--ink:#2E2730;--muted:#655B58;
  --line:#CCBEA7;--white:#F6F0E4;--peach:#E7CDB4;
  --display:'Michroma','Arial Black',sans-serif;
  --shadow:0 14px 40px rgba(67,26,38,.09);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}
button,input{font:inherit}
button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
:focus-visible{outline:3px solid #d77992;outline-offset:4px}
.wrap{width:min(1220px,calc(100% - 72px));margin:auto}
.skip-link{position:absolute;top:-100px;background:#fff;z-index:100;padding:10px}.skip-link:focus{top:0}
.site-header{height:89px;background:#fff;position:relative;z-index:5;border-bottom:1px solid #f1e9e6}
.header-inner{height:100%;display:flex;align-items:center;gap:20px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:13px;min-width:268px}.brand-mark{height:51px;width:52px;background:var(--wine);color:#fff;display:grid;place-items:center;transform:rotate(-8deg);border-radius:8px;position:relative;box-shadow:4px 5px 0 #eed0c6}.brand-mark b{font:800 32px Georgia,serif;transform:rotate(8deg)}.brand-mark span{position:absolute;font-weight:800;font-size:10px;right:6px;bottom:0;transform:rotate(8deg)}
.brand-copy{display:flex;flex-direction:column;line-height:1.18;white-space:nowrap}.brand-copy strong{letter-spacing:.9px;font-size:18px;font-weight:850}.brand-copy strong span{color:var(--cherry)}.brand-copy small{color:#8f8186;font-size:8.5px;font-weight:800;letter-spacing:1.6px;margin-top:6px}
.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700;color:#50464b}.nav a:hover{color:var(--cherry)}.header-action{padding:12px 17px;border:1px solid #decad0;border-radius:999px;color:var(--wine);font-size:13px;font-weight:800;white-space:nowrap}.header-action span{margin-left:10px}.header-action:hover{background:#faf1f2}
.hero{background:linear-gradient(115deg,#411021 0%,#641c32 57%,#812945 100%);color:white;position:relative;overflow:hidden}.hero:before{content:"";width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:absolute;top:-310px;left:30%}.hero:after{content:"";width:720px;height:720px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:absolute;bottom:-610px;right:-270px}
.hero-grid{min-height:535px;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:62px;padding-block:65px 80px;position:relative;z-index:1}
.eyebrow{color:var(--cherry);font-weight:850;font-size:10px;letter-spacing:2.4px}.eyebrow.light{color:#f2b0bb}.spark{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e7a4ab;margin-right:9px}
h1,h2,h3,p{margin-top:0}.hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-2.1px;line-height:1.065;font-size:clamp(43px,4.4vw,66px);margin:19px 0 22px;font-weight:700}.hero h1 em{color:#f1bfb3;font-weight:400}.hero-content>p{font-size:15.5px;color:#ead7db;line-height:1.9;max-width:550px}.hero-buttons{display:flex;gap:27px;align-items:center;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:24px;padding:15px 22px;border-radius:9px;font-size:13px;font-weight:850;white-space:nowrap}.btn-cream{background:#f9f3ea;color:var(--wine)}.btn-cream:hover{background:#fff}.btn-outline{border:1px solid #ce8393;color:#fff}.btn-outline:hover{background:#ffffff1a}.text-link{font-size:13px;font-weight:700;color:#f9e1df}.text-link span{margin-left:6px}
.hero-numbers{display:flex;gap:23px;margin-top:53px;padding-top:23px;border-top:1px solid #ffffff31}.hero-numbers div{display:flex;flex-direction:column;min-width:0}.hero-numbers div+div{padding-left:23px;border-left:1px solid #ffffff31}.hero-numbers b{font-size:25px;line-height:1.2;letter-spacing:-1px}.hero-numbers span{font-size:10px;color:#e3c3cb;margin-top:7px}
.hero-art{position:relative;padding:12px 4px 24px 17px}.hero-art-frame{position:relative;min-height:360px;background:linear-gradient(140deg,#eee1d5,#d9a2ac 60%,#6d283c);border:10px solid #fff;border-radius:17px;box-shadow:17px 25px 55px rgba(24,4,11,.36);overflow:hidden;transform:rotate(2deg);display:grid;place-items:center}.hero-art-frame img{width:100%;height:360px;object-fit:cover;position:relative;z-index:2}.hero-picture-placeholder{color:#631e33;text-align:center;font-size:100px;font-weight:950;line-height:1;opacity:.18}.hero-picture-placeholder strong{display:block;font-size:38px;letter-spacing:4px}.tilt-label{position:absolute;right:-23px;bottom:-1px;z-index:3;transform:rotate(-9deg);height:102px;width:102px;border-radius:50%;background:#f0d0bf;color:#652036;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 20px #38101b77;border:4px solid #fff4ed}.tilt-label span{font-size:10px;letter-spacing:1.2px;font-weight:800}.tilt-label strong{font-size:27px;line-height:1}.tilt-label small{font-size:7px;font-weight:850;letter-spacing:.4px}.art-caption{display:block;position:absolute;bottom:-19px;right:7px;font-size:9px;letter-spacing:1.15px;color:#d9aeb9;text-align:right}
.hero-bottom-pattern{height:12px;background:repeating-linear-gradient(90deg,#78283f 0px,#78283f 26px,#612039 26px,#612039 52px)}
.section{padding:93px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-head>p{font-size:14px;max-width:285px;color:var(--muted);margin-bottom:6px}.section h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.2vw,46px);line-height:1.13;letter-spacing:-1.3px;margin:15px 0 0}.section h2 em{color:var(--wine);font-weight:400}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{min-height:264px;border:1px solid #eadfdd;border-radius:14px;background:#fff;padding:26px 26px 23px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:var(--shadow)}.category-card:hover{transform:translateY(-5px);border-color:#d49eb0;box-shadow:0 20px 45px rgba(82,29,47,.13)}.category-top{display:flex;justify-content:space-between;align-items:start}.number{font-size:11px;font-weight:800;color:#ad9da3;letter-spacing:1px}.category-glyph{color:var(--wine);background:#faf0ed;height:57px;width:62px;border-radius:12px;display:grid;place-items:center;font-size:32px;font-weight:700}.category-glyph.wide{font-size:17px;letter-spacing:-2px}.category-glyph i{font-style:normal;color:#d0909d}.category-card h3{font-family:Georgia,serif;font-size:25px;margin-bottom:6px;color:#30212a}.category-card p{font-size:13px;line-height:1.65;color:var(--muted);min-height:40px;margin-bottom:17px}.card-link{font-size:12px;font-weight:900;color:#7c2a41;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0e8e5;padding-top:13px}.card-link span{font-size:18px}
.collectie{background:#f3eee9;border-top:1px solid #e9e1dd}.collection-top{display:flex;justify-content:space-between;align-items:center}.collection-top h2{margin:13px 0 10px}.section-subtitle{color:#766c70;font-size:14px}.preview-stamp{border:1px solid #bda8a8;transform:rotate(3deg);border-radius:7px;color:#7e5362;font-weight:850;font-size:10px;letter-spacing:1px;padding:10px 13px}.preview-stamp span{color:#c05571}
.collection-toolbar{margin-top:31px;display:flex;justify-content:space-between;align-items:center;gap:14px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid #e1d5d1;background:#fff;padding:11px 19px;border-radius:99px;color:#6d5760;font-size:12px;font-weight:800}.filter.active,.filter:hover{background:var(--wine);color:#fff;border-color:var(--wine)}.search-box{display:flex;align-items:center;background:#fff;border-radius:8px;border:1px solid #e1d5d1;padding:0 15px;color:#9a8b91;width:243px;height:43px}.search-box input{border:0;outline:none;background:transparent;min-width:0;width:100%;padding:0 0 0 10px;font-size:12px;color:var(--ink)}.result-line{display:flex;justify-content:space-between;margin:25px 2px 14px;color:#918187;font-size:11px}.result-line span:first-child{font-weight:800;color:#7d606c}
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.model-card{padding:0;border:1px solid #eee7e2;background:#fff;border-radius:12px;text-align:left;overflow:hidden;min-width:0;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.model-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #3f1b2a20}.model-photo{height:215px;overflow:hidden;position:relative;background:repeating-linear-gradient(-25deg,#e7d8d2 0 15px,#f4e8e2 15px 30px)}.model-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.model-card:hover .model-photo img{transform:scale(1.035)}.demo-sticker{position:absolute;z-index:2;left:15px;top:15px;background:#ffffffed;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:1.1px;padding:7px 11px;color:#7c263b}.model-details{padding:19px 20px 20px}.model-label-line{display:flex;justify-content:space-between;align-items:center}.model-category{font-size:10px;font-weight:850;color:#a42c4b;text-transform:uppercase;letter-spacing:1px}.arrow-circle{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#f7ebeb;color:#7c3048;font-size:17px}.model-details h3{font:700 21px Georgia,serif;margin:3px 0 4px;color:#382831}.model-details p{font-size:12px;color:#9a8a8d;margin-bottom:0}.preview-note{margin-top:24px;border:1px dashed #d2a6ae;border-radius:9px;padding:13px 16px;display:flex;align-items:center;gap:12px;color:#725a62;font-size:12px}.preview-note p{margin:0}.mini-icon{height:25px;width:25px;border-radius:50%;background:#eee0e2;color:#723148;display:grid;place-items:center;font-weight:800;font-family:Georgia,serif}.empty-message{text-align:center;padding:50px 10px;color:var(--muted)}
.over{background:linear-gradient(125deg,#3e1123,#6b2038);color:#fff;padding:82px 0}.over-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px;align-items:center}.over-illustration{min-height:330px;background:linear-gradient(140deg,#7a2842,#55172c);border:1px solid #8a4257;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;box-shadow:20px 20px 0 #260b18}.over-illustration strong{font-size:63px;line-height:.93;letter-spacing:-2px;font-weight:950;text-align:center;z-index:1}.over-illustration small{margin-top:18px;letter-spacing:2px;font-weight:800;color:#e8b9be;z-index:1}.studs{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;position:absolute;inset:30px;opacity:.12}.studs span{width:55px;height:55px;border-radius:50%;border:8px solid #f5d4dc}.over-text h2{font-size:52px;margin:13px 0 20px}.over-text h2 em{color:#edb7ac}.over-text p{color:#e9ced6;font-size:14px;max-width:550px;line-height:1.9}.over-text .btn{margin-top:17px}
.footer{background:#fff;padding:30px 0}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer strong{font-size:15px;letter-spacing:1px;color:var(--wine)}.footer p{font-size:11px;color:#8b7f84;margin:6px 0}.footer-grid>div:nth-child(2){text-align:right;max-width:550px}.footer-grid>div:nth-child(2)>span,.footer-grid small{display:block;font-size:10px;color:#8d7f85}.footer-grid small{margin-top:8px}.footer a{text-decoration:underline}
.detail-dialog{width:min(980px,calc(100% - 28px));max-height:90vh;border:0;border-radius:16px;box-shadow:0 35px 85px #13050b77;padding:34px;background:#fff;color:var(--ink)}.detail-dialog::backdrop{background:#210b15bb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:13px;font-size:26px;background:#f8edf0;border:0;border-radius:50%;height:38px;width:38px;color:var(--wine);line-height:1}.detail-dialog h2{font-family:Georgia,serif;font-size:36px;margin:10px 0}.detail-dialog p{font-size:14px;color:#665963}.detail-dialog .demo-hint{background:#f9f0ec;padding:11px 14px;border-radius:7px;margin:18px 0}.detail-pictures{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-pictures figure{margin:0}.detail-pictures img{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:9px;background:#f1e1dc}.detail-pictures figcaption{font-size:11px;color:#7e6870;margin-top:7px}
@media(max-width:1080px){.nav{gap:16px}.brand{min-width:250px}.header-action{display:none}.hero-grid{gap:40px}.hero h1{font-size:53px}.hero-art-frame{min-height:310px}.hero-art-frame img{height:310px}.over-grid{gap:50px}}
@media(max-width:790px){.wrap{width:min(100% - 38px,600px)}.site-header{height:auto}.header-inner{min-height:83px;flex-wrap:wrap;justify-content:center;padding:15px 0;gap:12px}.nav{width:100%;justify-content:center;gap:18px;flex-wrap:wrap}.hero-grid{grid-template-columns:1fr;padding:56px 0 66px;gap:28px}.hero h1{font-size:51px}.hero-art{padding:8px 8px 20px}.hero-art-frame{min-height:280px}.hero-art-frame img{height:280px}.art-caption{bottom:2px}.section{padding:62px 0}.section-head{align-items:start;flex-direction:column;gap:5px}.section-head>p{max-width:none}.category-grid{grid-template-columns:1fr}.category-card{min-height:220px}.model-grid{grid-template-columns:repeat(2,1fr)}.collection-top{align-items:start}.preview-stamp{display:none}.collection-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.over-grid{grid-template-columns:1fr;gap:38px}.over-illustration{min-height:260px}.over-illustration strong{font-size:51px}.footer-grid{flex-direction:column;gap:10px}.footer-grid>div:nth-child(2){text-align:left}}
@media(max-width:530px){.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}.nav{gap:15px;font-size:12px}.hero h1{font-size:43px}.hero-content>p{font-size:14px}.hero-buttons{flex-wrap:wrap;gap:17px}.hero-numbers{gap:9px}.hero-numbers div+div{padding-left:10px}.hero-numbers b{font-size:20px}.hero-numbers span{font-size:9px}.hero-art-frame{border-width:6px}.tilt-label{right:-8px;bottom:10px;width:73px;height:73px}.tilt-label strong{font-size:21px}.tilt-label small{font-size:6px}.section h2{font-size:35px}.model-grid{grid-template-columns:1fr}.model-photo{height:230px}.filter{padding:10px 13px}.result-line span:last-child{display:none}.detail-dialog{padding:50px 18px 20px}.detail-pictures{grid-template-columns:1fr}.detail-pictures img{max-height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* Versie 02: warmer, lichter en een technische titelstijl.
   Michroma (SIL OFL) komt via Google Fonts en vervangt Good Times RG
   zolang er geen aparte webfontlicentie voor Good Times beschikbaar is. */
.site-header {background:var(--cream);border-bottom-color:#CABC9E}
.brand {min-width:315px;gap:13px}
.brand-mark {box-shadow:4px 5px 0 #C6A79F}
.brand-copy strong {font-family:var(--display);font-weight:400;font-size:13px;letter-spacing:-.4px;color:var(--wine)}
.brand-copy strong span {color:var(--cherry)}
.brand-copy small {font-size:8px;letter-spacing:1px;color:#6D555C}
.nav {gap:24px}
.header-action {border-color:#B89098}
.header-action:hover {background:var(--cream-soft)}
.hero h1,.section h2,.category-card h3,.model-details h3,.over-text h2,.detail-dialog h2 {
 font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:-.035em;text-transform:uppercase;
}
.hero h1 {font-size:clamp(29px,3vw,42px);line-height:1.38;letter-spacing:-.055em;margin:21px 0 26px}
.hero h1 em,.section h2 em,.over-text h2 em {font-style:normal;font-weight:inherit;letter-spacing:inherit}
.hero h1 em {color:#E2D8BF}
.section h2 {font-size:clamp(25px,2.6vw,33px);line-height:1.5;letter-spacing:-.06em}
.category-card h3 {font-size:19px;line-height:1.5;letter-spacing:-.035em}
.model-details h3 {font-size:15px;line-height:1.65;letter-spacing:-.025em}
.over-text h2 {font-size:clamp(29px,3.2vw,41px);line-height:1.5}
.detail-dialog h2 {font-size:clamp(22px,3vw,31px);line-height:1.5}
.hero-art-frame {border-color:var(--cream);background:linear-gradient(145deg,#E2D8BF,#C99BA5 65%,#6D283C)}
.tilt-label {background:var(--cream);border-color:var(--cream-soft)}
.btn-cream {background:var(--cream);color:var(--wine)}
.btn-cream:hover {background:var(--cream-soft)}
.rubrieken {background:var(--cream)}
.category-card {background:var(--cream-soft);border-color:#CEC1A9}
.category-glyph {background:#E4D7BE}
.card-link {border-top-color:#D8C9AF}
.collectie {background:#D8CCB2;border-top-color:#C7B99F}
.filter,.search-box,.model-card {background:var(--cream-soft);border-color:#CFC0A7}
.model-photo {background:repeating-linear-gradient(-25deg,#D3C4AE 0 15px,#E7DCC8 15px 30px)}
.model-details h3 {color:var(--wine)}
.preview-stamp {color:var(--wine);border-color:#AD9596}
.preview-note {border-color:#B3928F;color:var(--wine)}
.footer {background:var(--cream);border-top:1px solid #CDBEA1}
.detail-dialog {background:var(--cream-soft)}
.over-illustration strong {font-family:var(--display);font-weight:400;letter-spacing:-.05em;font-size:clamp(30px,3.1vw,43px);line-height:1.4}
@media(max-width:1080px){.hero h1{font-size:clamp(26px,3vw,36px)}.brand{min-width:290px}}
@media(max-width:790px){.hero h1{font-size:clamp(27px,4vw,39px)}.brand-copy strong{font-size:13px}}
@media(max-width:530px){.hero h1{font-size:clamp(25px,6vw,32px)}.section h2{font-size:26px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:7px}.brand{min-width:0}}

/* Versie 03 – echte voorbeeldfoto’s extern geladen; kaarten houden vaste fotoverhouding. */
.hero-art-frame img{object-position:center 38%}
.model-photo img{object-position:center center}

/* Versie 04 — eigen modellen, meerdere categorieën, sorteren en modelgegevens */
.collection-toolbar{flex-wrap:wrap;align-items:center;gap:14px}
.filters{flex-wrap:wrap}
.collection-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;justify-content:flex-end}
.dropdown-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--wine)}
.dropdown-label select{border:1px solid var(--line);background:var(--cream-soft);padding:10px 8px;color:var(--ink);border-radius:8px;max-width:160px;font-size:12px}
.collection-controls .search-box{min-width:185px;width:205px}
.tag-wrap{display:flex;gap:5px;flex-wrap:wrap}
.tag-wrap .model-category{font-size:9px;padding:3px 6px}
.model-photo img{object-fit:cover}
.model-photo .demo-sticker{background:#681C32;color:#F2EAD8;font-size:9px}
.detail-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0 22px}
.spec{background:#E2D8BF;padding:11px 13px;border-radius:9px;min-width:0}
.spec dt{color:#745B61;font-size:11px;font-weight:700}
.spec dd{font-weight:800;color:#4b1b2b;font-size:13px;margin:3px 0 0;overflow-wrap:anywhere}
.detail-pictures{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:14px}
.detail-photo-link{display:block;overflow:hidden;border-radius:9px}
.detail-photo-link:hover img{transform:scale(1.015)}
.detail-photo-link img{transition:transform .2s;aspect-ratio:4/3}
.model-note{margin-bottom:20px}
@media(max-width:950px){.collection-controls{justify-content:flex-start}.collection-toolbar{flex-direction:column;align-items:stretch}.detail-specs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:530px){.collection-controls{align-items:stretch}.collection-controls .search-box{min-width:100%;width:100%}.dropdown-label{flex:1;justify-content:space-between}.dropdown-label select{max-width:100%;min-width:125px}.detail-specs{grid-template-columns:1fr 1fr}}
/* De echte foto vervangt de tekstillustratie volledig. */
.hero-picture-placeholder{display:none}
.hero-art-frame{display:block}
.hero-art-frame img{height:360px;object-fit:cover}
@media(max-width:790px){.hero-art-frame img{height:280px}}

/* DETAILPAGINA — VERSIE 05: EIGEN WERK EERST, REFERENTIES KLEINER */
.detail-dialog{width:min(1040px,calc(100% - 24px));padding:30px 34px;background:#F8F3E9}
.detail-dialog h2{font-family:'Michroma',sans-serif;font-size:clamp(18px,2.2vw,26px);line-height:1.5;padding-right:28px;color:#681C32}
.own-lead{font-size:15px!important;color:#681C32!important;font-weight:700;margin-bottom:16px}
.detail-heading{font-family:'Michroma',sans-serif;font-size:clamp(13px,1.7vw,18px);line-height:1.6;color:#681C32;margin:14px 0 18px}
.own-gallery{padding:20px;border-radius:16px;background:#E2D8BF}
.main-photo-link{display:block;overflow:hidden;border-radius:14px;background:#fff8f0}
.main-photo-link img{display:block;width:100%;height:clamp(280px,46vw,510px);object-fit:contain;background:#f0e4d4}
.own-thumbnails{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.own-thumb{width:112px;height:78px;background:#fff;border:3px solid transparent;border-radius:9px;overflow:hidden;padding:0;cursor:pointer;transition:border-color .2s}
.own-thumb.current,.own-thumb:focus-visible{border-color:#681C32;outline-offset:2px}
.own-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-helper{font-size:11px!important;margin:12px 0 0!important;color:#705960!important}
.own-spec-section{padding:16px 0 10px;border-bottom:1px solid #dbcdb9}
.detail-specs{margin:0 0 18px}
.comparison-section{padding:13px 0 5px}
.comparison-intro{font-size:13px!important;color:#725c61!important;margin:0 0 15px}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.comparison-card{border:1px solid #d7c6b2;background:#fffdf8;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:8px;min-width:0}
.comparison-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#933d57}
.comparison-photo{width:100%;height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#eee3d3}
.comparison-photo img{width:100%;height:100%;object-fit:contain}
.comparison-no-image{padding:18px;text-align:center;color:#785b62;background:#f0e9dc;font-size:13px}
.comparison-card h4{font-size:13px;line-height:1.55;margin:0;color:#42212e}
.comparison-note{font-size:12px!important;line-height:1.65;margin:0!important}
.comparison-source{font-weight:800;color:#681C32;text-decoration:underline;font-size:12px;margin-top:auto}
.comparison-credit,.comparison-license{font-size:10px;color:#66545a;line-height:1.6}
.comparison-license{text-decoration:underline}
.approval-note{font-size:11px!important;margin-top:15px!important;color:#7d6470!important}
@media(max-width:650px){.detail-dialog{padding:47px 14px 19px}.own-gallery{padding:12px}.main-photo-link img{height:245px}.own-thumb{width:77px;height:58px}.comparison-grid{grid-template-columns:1fr}.comparison-photo{height:190px}.detail-heading{font-size:14px}}

/* v09 — een derde kleinere vergelijkingskaart op modeldetailpagina's */
.comparison-card .comparison-kicker{line-height:1.55;}
@media (min-width:960px){.comparison-grid:has(> .comparison-card:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr));}}

/* V10 — EEN PERSOONLIJKE MOC ZONDER BRONSET EN EEN FAVORIETEN-SLIDESHOW */
.own-original-note{background:#E2D8BF;border-left:4px solid #681C32;border-radius:8px;padding:17px 19px;color:#5a2b3b;font-size:13px;line-height:1.7;margin-top:15px}
.hero-art{padding-bottom:68px}
.hero-art-frame{overflow:hidden}
.hero-art-frame #favoriet-foto{width:100%;height:360px;object-fit:cover;object-position:center center;z-index:1}
.hero-slide-label{position:absolute;z-index:3;inset:auto 0 0 0;color:#fff;background:linear-gradient(0deg,rgba(34,10,20,.94),rgba(34,10,20,.5) 68%,transparent);padding:45px 20px 19px;display:flex;flex-direction:column;gap:4px;pointer-events:none}
.hero-slide-label span{font-size:9px;letter-spacing:1.65px;font-weight:800;color:#f0b9c7}
.hero-slide-label strong{font-family:var(--display);font-size:clamp(11px,1.35vw,16px);font-weight:400;line-height:1.6;letter-spacing:-.04em;max-width:95%}
.hero-slide-label small{font-size:11px;color:#ebd8cc;font-weight:700}
.hero-slider-controls{position:absolute;z-index:4;left:20px;right:0;bottom:17px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.hero-slider-controls button{border:1px solid #c69aa8;background:#ffffff18;color:#fff;border-radius:8px;font-size:13px;font-weight:800;padding:7px 11px;min-height:34px}
.hero-slider-controls button:hover,.hero-slider-controls button:focus-visible{background:#f0e5cf;color:#571e35}
.hero-slider-controls button:disabled{opacity:.35;cursor:not-allowed}
.hero-slider-controls #favoriet-vorige,.hero-slider-controls #favoriet-volgende{font-size:21px;line-height:1;padding:2px 12px}
.hero-slide-counter{font-size:12px;font-weight:900;min-width:38px;text-align:center;color:#f4dfdc}
.hero-slider-controls .slider-pause{margin-left:3px}
.hero-slider-controls .slider-open{background:var(--cream);color:var(--wine);border-color:var(--cream);margin-left:auto;font-size:11px}
.hero-art .tilt-label{bottom:66px;right:-15px;pointer-events:none}
.hero-art .art-caption{bottom:0;right:3px;font-size:8px}
@media(max-width:790px){.hero-art-frame #favoriet-foto{height:280px}.hero-art{padding-bottom:77px}.hero-art .tilt-label{bottom:76px}}
@media(max-width:530px){.hero-slider-controls{left:4px;right:4px;bottom:20px;gap:5px}.hero-slider-controls button{font-size:11px;padding:6px 8px}.hero-slider-controls .slider-open{font-size:10px}.hero-slide-label{padding:30px 12px 12px}.hero-art .tilt-label{right:-12px;bottom:85px;height:70px;width:70px}.hero-art-frame #favoriet-foto{height:265px}.hero-art{padding:12px 4px 93px 4px}}


/* =======================================================
   V11: compact mobiel hero-blok, voorzijde diashow en knop naar paginatop
   ======================================================= */
.hero-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr)}
.hero-content,.hero-art{min-width:0;max-width:100%}
.hero h1{max-width:100%;overflow-wrap:anywhere}
.hero-long-word{display:block}
/* Badge vermeldt nu LEGO i.p.v. de voor bezoekers onbekende afkorting SC. */
.tilt-label strong{font-size:19px;letter-spacing:-.04em;line-height:1.25}
.tilt-label small{font-size:7px;letter-spacing:.2px}
.over-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px}
.over-text .over-buttons .btn{margin-top:0}
.btn-to-top{background:var(--cream);color:var(--wine);border:1px solid var(--cream)}
.btn-to-top:hover,.btn-to-top:focus-visible{background:var(--cream-soft);color:var(--wine)}
@media(max-width:790px){
 .hero-grid{grid-template-columns:minmax(0,1fr)}
 .hero-content,.hero-content h1,.hero-art{min-width:0;max-width:100%}
 .hero-art{margin-inline:0}
}
@media(max-width:530px){
 .wrap{width:calc(100% - 34px)}
 .hero-grid{padding-block:42px 48px;gap:24px}
 .hero h1{font-size:clamp(23px,6vw,30px);line-height:1.5;letter-spacing:-.055em;margin:18px 0 22px}
 .hero-long-word{font-size:.75em;line-height:1.45;overflow-wrap:anywhere}
 .hero-content>p{font-size:14px;line-height:1.8;overflow-wrap:break-word}
 .hero-numbers{margin-top:33px;gap:8px}
 .hero-numbers div+div{padding-left:8px}
 .hero-numbers span{overflow-wrap:anywhere}
 .hero-buttons{gap:14px}
 .hero-art{padding:7px 0 96px;min-width:0;width:100%}
 .hero-art-frame{transform:none;width:100%;min-width:0;min-height:0;border-width:6px;box-shadow:0 15px 32px rgba(24,4,11,.25)}
 .hero-art-frame #favoriet-foto{height:245px}
 .hero-slide-label strong{font-size:clamp(10px,2.7vw,13px);line-height:1.5;max-width:100%;overflow-wrap:break-word}
 .hero-art .tilt-label{right:8px;bottom:100px;height:70px;width:70px;border-width:3px}
 .tilt-label strong{font-size:14px}
 .tilt-label span{font-size:8px}
 .tilt-label small{font-size:5.7px}
 .hero-slider-controls{left:0;right:0;bottom:23px;gap:5px}
 .hero-slider-controls .slider-open{margin-left:auto}
 .hero-art .art-caption{bottom:4px;right:0}
 .over-buttons{flex-direction:column;align-items:stretch}
 .over-buttons .btn{width:100%;justify-content:center;white-space:normal;text-align:center}
}
@media(max-width:360px){
 .hero h1{font-size:21px}
 .hero-long-word{font-size:.73em}
 .hero-slider-controls .slider-open{margin-left:0}
}


/* V12 — steentjeslogo met stevige, strakke P en zichtbare kleine 8.
   Badge met tekst "8 NOPS GARAGE". */
.brand-mark b {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 33px;
  letter-spacing: -.055em;
  line-height: 1;
  transform: rotate(8deg) translateY(-1px);
}
.brand-mark span {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 11px;
  bottom: 5px;
  right: 6px;
}
.hero-art .tilt-label {
  gap: 0;
  text-align: center;
}
.hero-art .tilt-label span {
  font-family: var(--display), Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
}
.hero-art .tilt-label strong {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 16px;
  letter-spacing: .035em;
  line-height: 1.1;
}
.hero-art .tilt-label small {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: .02em;
}
@media (max-width:530px) {
  .brand-mark b {font-size: 33px}
  .hero-art .tilt-label span {font-size: 21px}
  .hero-art .tilt-label strong {font-size: 12px}
  .hero-art .tilt-label small {font-size: 8px}
}


/* V12 — prominentere sitenaam in de kop, in verhouding tot de hero.
   Schaal terug op smalle schermen zodat titel en menu leesbaar blijven. */
.brand { flex-shrink: 0; }
.brand-copy strong {
  font-size: 18px;
  letter-spacing: -.06em;
  line-height: 1.35;
}
.brand-copy small {font-size: 8.4px; letter-spacing: .8px}
@media (max-width: 1180px) {
  .brand-copy strong {font-size: 16px}
}
@media (max-width: 790px) {
  .brand-copy strong {font-size: 17px}
  .brand {min-width: 0; max-width: 100%}
}
@media (max-width: 530px) {
  .brand-copy {min-width: 0}
  .brand-copy strong {font-size: clamp(12.2px, 3.75vw, 16px); letter-spacing:-.065em}
  .brand-copy small {font-size:7px; letter-spacing:.35px}
  .brand-mark {flex:0 0 52px}
}
@media (max-width: 360px) {
  .brand-copy strong {font-size:12.5px}
  .brand-copy small {font-size:6.3px}
}

/* v15: ondersteunende vergelijkingsbeelden, altijd kleiner dan de eigen galerie */
.comparison-photo {height:180px; background:#eee5d7;}
.comparison-photo-illustratie {background:#f4ede1;}
.comparison-photo-in_voorbereiding {background:#f2eade;}
.comparison-photo img {max-width:100%;max-height:100%;object-fit:contain;}
.comparison-type {display:inline-block;align-self:flex-start;border:1px solid #bd9b9d;background:#f8f1e9;color:#681C32;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:800;letter-spacing:.03em;}
.comparison-source-details {margin-top:auto;border-top:1px solid #e5d4c6;padding-top:8px;color:#67535a;font-size:11px;}
.comparison-source-details summary {cursor:pointer;font-size:11px;font-weight:700;color:#6b394b;list-style:revert;}
.comparison-source-inner {display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:8px;}
.comparison-source-inner p {font-size:11px!important;margin:0!important;}
.comparison-source-inner a {margin:0;font-size:11px;}
.comparison-card .comparison-credit {font-size:10px;color:#755b65;}
@media(max-width:650px){.comparison-photo{height:165px}}


/* =====================================================
   V18 — rubrieken helder en netjes uitgelijnd.
   De nummers 01/02/03 zijn verwijderd; ze waren decoratief.
   Het 6→8 pictogram blijft op een enkele regel in zijn tegel.
   ===================================================== */
.category-top { justify-content: flex-end; }
.category-glyph.wide {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  flex-shrink: 0;
}
.category-glyph.wide i {font-size: 17px;line-height: 1;letter-spacing:0;}
.category-glyph.wide span {display:inline-block;line-height:1;}


/* ==========================================================
   V22 — fotocarrousel binnen de modelpopup
   ========================================================== */
.main-photo-frame{
  position:relative;overflow:hidden;border-radius:14px;
  background:#eadfcf;isolation:isolate;
}
.main-photo-frame .gallery-main-image{
  display:block;width:100%;height:clamp(215px,34dvh,330px);
  object-fit:contain;background:#f0e4d4;
}
.gallery-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;
  height:46px;width:46px;border:1px solid #f2e7d7;
  border-radius:50%;background:rgba(81,19,42,.89);color:#fff8ee;
  font:700 32px/1 Arial,sans-serif;cursor:pointer;z-index:2;
  box-shadow:0 3px 12px #25111935;
}
.gallery-prev{left:12px}.gallery-next{right:12px}
.gallery-arrow:hover,.gallery-arrow:focus-visible{background:#fff8ee;color:#681C32;outline:3px solid #7f2b49;outline-offset:2px}
.gallery-arrow[hidden],.gallery-counter[hidden]{display:none}
.gallery-counter{
  position:absolute;bottom:11px;right:13px;border-radius:999px;
  background:rgba(55,17,32,.89);color:#fff;font-size:12px;
  font-weight:800;letter-spacing:.06em;padding:5px 11px;
}
.own-gallery .own-thumbnails{margin-top:10px;gap:9px}
.own-gallery .own-thumb{width:83px;height:57px}
.own-gallery .gallery-helper{margin-top:7px!important}
/* Op desktops past de hele fotobediening in één scherm, zonder
   telkens omhoog en omlaag scrollen bij een nieuwe foto. */
@media(min-width:791px){
  .detail-dialog{max-height:min(90dvh,850px);padding:20px 28px 24px}
  .detail-dialog h2{margin:6px 0}
  .detail-dialog .own-lead{margin-bottom:8px}
  .own-gallery{padding:12px 16px}
  .own-gallery .detail-heading{margin:4px 0 10px}
}
@media(max-width:790px){
  .main-photo-frame .gallery-main-image{height:245px}
  .gallery-arrow{height:37px;width:37px;font-size:28px}
  .gallery-prev{left:5px}.gallery-next{right:5px}
  .own-gallery .own-thumb{width:77px;height:58px}
}
@media(prefers-reduced-motion:reduce){.gallery-arrow{transition:none}}


/* ================================================================
   V23 — eigen model links, LEGO-origineel rechts, echte auto eronder.
   Nette beeldvergelijking en heldere blokken; de fotoslider van V22 blijft.
   ================================================================ */
.brand-mark b{font:900 18px/1 Arial,Helvetica,sans-serif;letter-spacing:-.065em;transform:rotate(8deg);margin-top:-2px}
.brand-mark span{bottom:3px;right:5px;font-size:10px}
.brand-copy strong .brand-word{color:var(--wine)}
.brand-copy strong .brand-initial{color:var(--cherry);font-size:1.15em;font-weight:700}
.brand-copy strong{white-space:nowrap}
.detail-dialog{width:min(1190px,calc(100% - 24px));max-width:1190px}
.detail-top-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;align-items:stretch;margin:14px 0 18px}
.detail-top-grid.single-model{grid-template-columns:minmax(0,1fr)}
.detail-top-grid .own-gallery,.original-panel{min-width:0;margin:0;padding:14px 16px 16px;border-radius:14px;background:var(--cream)}
.detail-top-grid .detail-heading{margin:0 0 10px;font-size:clamp(13px,1.3vw,16px);line-height:1.45}
.detail-top-grid .own-gallery .gallery-main-image{height:clamp(245px,32dvh,320px);object-fit:contain}
.detail-top-grid .own-gallery .own-thumbnails{justify-content:flex-start}
.original-panel{display:flex;flex-direction:column}
.original-panel .comparison-card{flex:1;gap:8px}
.original-panel .comparison-photo{height:clamp(235px,34dvh,330px)}
.original-panel .comparison-card h4{font-size:14px}
.real-vehicle-panel{background:#eee3d3;border-radius:14px;padding:14px 18px 16px;margin-bottom:16px}
.real-vehicle-panel>.detail-heading{font-size:15px;margin:0 0 10px}
.real-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.real-vehicle-grid:has(> :only-child){grid-template-columns:minmax(0,530px)}
.real-vehicle-grid .comparison-photo{height:210px}
.detail-story{background:#fffaf1;border-left:4px solid var(--wine);border-radius:10px;margin:15px 0 10px;padding:15px 18px 13px}
.detail-story .own-lead{font-size:14px!important;margin:0 0 7px!important}
.detail-story .vehicle-description{margin:0;font-size:13px!important;line-height:1.75;color:#5e5054}
.detail-story .own-lead:last-child{margin-bottom:0!important}
.own-spec-section{padding:10px 0}
.own-spec-section>.detail-heading{margin:5px 0 13px}
.detail-dialog .detail-specs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:791px) and (max-width:1050px){
 .detail-top-grid .own-gallery .gallery-main-image{height:260px}
 .original-panel .comparison-photo{height:255px}
 .detail-top-grid{gap:12px}
}
@media(max-width:790px){
 .detail-top-grid,.detail-top-grid.single-model{grid-template-columns:minmax(0,1fr);gap:12px}
 .detail-top-grid .own-gallery .gallery-main-image{height:245px}
 .original-panel .comparison-photo{height:190px}
 .real-vehicle-grid,.real-vehicle-grid:has(> :only-child){grid-template-columns:minmax(0,1fr)}
 .detail-dialog .detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .real-vehicle-panel{padding:13px}
 .brand-mark b{font-size:18px}
}
@media(max-width:390px){
 .detail-dialog .detail-specs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .detail-story{padding:12px}
}

/* V23 — thema-overzicht en afzonderlijk uitklapbare themapagina's */
.themas-section{background:#eee5d3;border-top:1px solid #cbbfa6}
.thema-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.thema-card{display:flex;flex-direction:column;gap:9px;min-height:225px;border:1px solid #d8c6af;border-radius:15px;background:#fbf5e8;padding:20px;box-shadow:0 8px 20px #4c283015;transition:transform .18s,border-color .18s}
.thema-card:hover,.thema-card:focus-visible{transform:translateY(-3px);border-color:var(--wine)}
.thema-icon{font-size:28px;line-height:1.25}
.thema-card h3{font-family:var(--display);font-size:clamp(12px,1.15vw,16px);line-height:1.5;color:var(--wine);margin:3px 0 0}
.thema-card p{font-size:12px;line-height:1.65;color:#695e5d;margin:0 0 4px}
.thema-card-bottom{margin-top:auto;border-top:1px solid #ded0bc;padding-top:12px;font-size:11px;font-weight:800;color:var(--wine)}
.thema-pagina{scroll-margin-top:26px;margin-top:24px;padding:22px;border:1px solid #d2b9a7;background:#e2d8bf;border-radius:15px}
.thema-pagina[hidden]{display:none}
.thema-page-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.thema-page-head h3{font-family:var(--display);font-size:clamp(17px,2vw,24px);margin:10px 0 8px;color:var(--wine)}
.thema-page-head p{margin:0;font-size:13px;color:#685b5b}
.thema-back{flex-shrink:0;border:1px solid #ac8390;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:800;color:var(--wine)}
.thema-back:hover{background:#f8f2e7}
.thema-page-count{font-size:12px;font-weight:800;margin:18px 0;color:var(--wine)}
.thema-no-models{background:#f8f1e7;border:1px dashed #c7a8a0;border-radius:9px;padding:20px;font-size:13px;color:#65545a}
@media(max-width:1000px){.thema-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.thema-grid{grid-template-columns:1fr}.thema-card{min-height:0;padding:18px}.thema-page-head{flex-direction:column}.thema-pagina{padding:13px}}
/* Op ruime desktops krijgt Paul's eigen model extra beeldruimte. */
@media(min-width:1051px){
 .detail-top-grid.has-original .own-gallery .gallery-main-image{height:clamp(310px,42dvh,400px)}
}

/* ================================================================
   V24: logo zonder 8, minifiguur onder P, modeltekst onder eigen foto's
   ================================================================ */
.brand-mark{
  display:flex;flex-direction:column;justify-content:flex-start;
  align-items:flex-start;padding:8px 6px 4px;isolation:isolate;
}
.brand-mark b{
  display:block;font:900 19px/1 Arial,Helvetica,sans-serif;
  letter-spacing:-.065em;transform:rotate(8deg);margin:0 0 1px 3px;
}
.brand-mark .brand-minifig{
  position:relative;display:block;width:22px;height:24px;
  align-self:flex-start;margin-left:0;object-fit:contain;
  transform:rotate(8deg);filter:none;
}
.over-illustration .decor-minifig{
  position:absolute;right:22px;bottom:7px;height:135px;width:135px;
  opacity:.19;pointer-events:none;z-index:0;
}
.detail-top-grid .own-gallery .detail-story{
  background:#fff9ef;border-left:3px solid var(--wine);
  border-radius:8px;padding:10px 12px;margin:11px 0 0;
}
.detail-top-grid .own-gallery .detail-story .own-lead{
  font-size:12px!important;line-height:1.45!important;margin:0 0 4px!important;
}
.detail-top-grid .own-gallery .detail-story .vehicle-description{
  font-size:12px!important;line-height:1.55!important;margin:0!important;
}
.detail-top-grid .own-gallery .detail-story p:last-child{margin-bottom:0!important}
.detail-top-grid .own-gallery .gallery-helper{margin-bottom:0}
@media(min-width:791px){
 .detail-top-grid.has-original .own-gallery .gallery-main-image{height:clamp(245px,31dvh,315px)}
}
@media(max-width:790px){.over-illustration .decor-minifig{width:100px;height:100px}}

/* V25 — glanzend merklogo, vijf thema's, rustige navigatie en footer */
.brand-v25{display:block;flex:0 1 430px;min-width:0;max-width:430px;width:100%;line-height:0}
.site-logo-v25{display:block;width:100%;height:auto;max-height:83px;object-fit:contain;object-position:left center}
.header-inner{gap:16px}
.nav{gap:clamp(11px,1.6vw,24px);white-space:nowrap}
.site-header{min-height:103px;height:auto}
.site-header .header-inner{min-height:103px}
.thema-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.thema-icon{display:block;width:36px;height:36px;object-fit:contain;font-size:29px}
.hero-numbers{gap:13px;flex-wrap:wrap}
.hero-numbers div+div{padding-left:13px}
.hero-numbers div{flex:1 1 20%;min-width:84px}
.over-illustration .decor-minifig{object-fit:contain;opacity:.17;height:128px;width:128px}
.footer-version{font-size:10px;color:#796c75;letter-spacing:.07em;display:block;margin-top:8px}
@media(max-width:1200px){.header-action{display:none}.brand-v25{flex-basis:400px}.nav{gap:16px}}
@media(max-width:950px){.site-header .header-inner{flex-wrap:wrap;justify-content:center;padding:13px 0 10px}.brand-v25{flex-basis:400px}.site-logo-v25{margin:auto;max-height:80px}.nav{width:100%;justify-content:center;flex-wrap:wrap;gap:clamp(10px,2vw,24px)}}
@media(max-width:790px){.thema-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-v25{width:min(100%,440px)}}
@media(max-width:600px){.thema-grid{grid-template-columns:1fr}.hero-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}.hero-numbers div{min-width:0;padding:0 8px!important;border-left:0!important}.hero-numbers div:nth-child(even){border-left:1px solid #ffffff31!important}.site-logo-v25{max-height:none;max-width:100%}.site-header .header-inner{gap:9px}.nav{font-size:11px;gap:8px 15px}}

/* V26 — aangeleverde themalogo's, originele verhoudingen; vlak PLG-logo */
.site-logo-v26{display:block;width:100%;height:auto;max-height:72px;object-fit:contain;object-position:left center}
.brand-v26{display:flex;align-items:center;min-width:0;width:min(40vw,450px);flex:0 1 auto}
.thema-card .thema-icon{display:block;width:min(100%,200px);height:94px;max-width:100%;object-fit:contain;object-position:left center;flex-shrink:0;margin:0 0 3px}
.thema-card{min-width:0}
.ref-img img,.reference-image img{object-fit:contain}
@media(max-width:850px){.brand-v26{width:min(75vw,440px)}.site-logo-v26{max-height:63px}}
@media(max-width:520px){.brand-v26{width:min(92vw,395px)}.site-logo-v26{max-height:56px}.thema-card .thema-icon{height:82px}}