*{box-sizing:border-box;margin:0;padding:0;}
    body{background:#707070;color:#fff;font-family:Georgia,serif;min-height:100vh;display:flex;flex-direction:column;}

    /* NAV */
    nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem;border-bottom:3px solid #CC6040;background:#606060;position:sticky;top:0;z-index:20;}
    .brand{font-size:15px;font-weight:normal;color:#fff;letter-spacing:3px;text-transform:uppercase;font-family:Georgia,serif;cursor:pointer;}
    .brand span{color:#ddd;}
    .nav-links{display:flex;gap:1.5rem;}
    .nav-links a{font-size:12px;color:#ddd;text-decoration:none;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:color .2s;font-family:Georgia,serif;}
    .nav-links a:hover,.nav-links a.active{color:#fff;}

    /* HOMEPAGE */
    .homepage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 49px);position:relative;overflow:hidden;}
    .homepage-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
    .homepage-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);}
    .homepage-content{position:relative;z-index:2;text-align:center;padding:2rem;}
    .homepage-content h1{font-size:42px;font-weight:normal;color:#fff;letter-spacing:6px;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,.5);margin-bottom:.5rem;}
    .homepage-content p{font-size:14px;color:#ddd;letter-spacing:3px;text-transform:uppercase;margin-bottom:2.5rem;text-shadow:0 1px 8px rgba(0,0,0,.5);}
.homepage-btn{display:inline-block;padding:14px 40px;border:1.5px solid #CC6040;color:#fff;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-family:Georgia,serif;cursor:pointer;background:rgba(255,255,255,.05);transition:background .3s,color .3s;}
    .homepage-btn:hover{background:#CC6040;color:#fff;}

    /* LAYOUT */
    .body{display:flex;flex:1;}
    .sidebar{width:280px;min-width:280px;background:#606060;border-right:0.5px solid #888;padding:1.5rem 0;position:sticky;top:49px;height:calc(100vh - 49px);overflow-y:auto;}
    .sidebar-title{font-size:10px;color:#ddd;letter-spacing:2px;text-transform:uppercase;padding:0 1.25rem .75rem;border-bottom:0.5px solid #888;margin-bottom:.5rem;}

    /* SEARCH */
    .search-box{padding:.75rem 1.25rem;border-bottom:0.5px solid #888;}
    .search-box input{width:100%;background:#505050;border:0.5px solid #888;border-radius:2px;color:#fff;padding:6px 10px;font-size:11px;font-family:Georgia,serif;letter-spacing:.5px;}
    .search-box input::placeholder{color:#aaa;}
    .search-box input:focus{outline:none;border-color:#ddd;}

    .cat-item{user-select:none;border-bottom:1px solid rgba(255,255,255,.08);}
    .cat-item:last-child{border-bottom:none;}
    .cat-subtitle{font-size:10px;color:#aaa;font-style:italic;padding:0 1.25rem .4rem 2.6rem;line-height:1.4;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s,opacity .3s,padding .3s;}
    .cat-item:hover .cat-subtitle,.cat-item.sub-open .cat-subtitle{max-height:60px;opacity:1;padding:.1rem 1.25rem .45rem 2.6rem;}
    .cat-header{display:flex;align-items:center;padding:.55rem 1.25rem;font-size:12px;color:#ccc;font-weight:bold;letter-spacing:.5px;cursor:pointer;transition:color .2s,background .2s,border-left-color .2s;border-left:4px solid transparent;gap:6px;}
    .cat-header:hover{color:#fff;background:rgba(255,255,255,.06);border-left-color:rgba(255,255,255,.3);}
    .cat-header.active{color:#fff;font-weight:bold;border-left-color:#e8a435;background:rgba(255,255,255,.04);}
    .cat-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center;}
    .cat-label-text{flex:1;min-width:0;}
    .cat-count{font-size:9px;color:#999;font-weight:normal;background:rgba(0,0,0,.2);padding:1px 6px;border-radius:8px;letter-spacing:0;flex-shrink:0;}
    .cat-header .arrow{font-size:9px;color:#bbb;transition:transform .2s;display:inline-block;flex-shrink:0;}
    .cat-header.open .arrow{transform:rotate(90deg);}
    .subcat-list{display:none;padding:0 0 .25rem 0;}
    .subcat-list.open{display:block;}
    .subcat-btn{display:block;width:100%;text-align:left;padding:.35rem 1.25rem .35rem 2.6rem;font-size:11px;color:#ddd;letter-spacing:.5px;background:none;border:none;border-left:3px solid transparent;cursor:pointer;font-family:Georgia,serif;transition:color .2s,border-color .2s;}
    .subcat-btn:hover{color:#fff;}
    .subcat-btn.active{color:#fff;border-left-color:#e8a435;}

    /* MAIN */
    .main{flex:1;overflow-y:auto;background:#707070;}
    .gallery-header{padding:1.5rem 1.5rem .5rem;border-bottom:0.5px solid #888;margin-bottom:.25rem;}
    .gallery-header h2{font-size:20px;font-weight:normal;color:#fff;letter-spacing:3px;text-transform:uppercase;}
    .gallery-header p{font-size:11px;color:#ddd;letter-spacing:1px;margin-top:4px;text-transform:uppercase;}
    .gallery-intro{font-size:13px;color:#ddd;line-height:1.7;padding:.85rem 1.5rem .25rem;max-width:780px;border-bottom:0.5px solid #666;margin-bottom:.25rem;}
    .search-result-info{font-size:11px;color:#ddd;padding:.5rem 1.5rem;letter-spacing:1px;}

    /* RECENT BLOCK */
    .recent-block{padding:1.5rem;border-bottom:0.5px solid #888;margin-bottom:.5rem;}
    .recent-block h3{font-size:11px;color:#ddd;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;}
    .recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px;}
    .recent-card{aspect-ratio:4/3;border-radius:2px;overflow:hidden;cursor:pointer;position:relative;}
    .recent-card img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s;}
    .recent-card:hover img{opacity:.8;}
    .recent-card .rcap{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);font-size:9px;color:#fff;padding:4px 6px;letter-spacing:.5px;text-transform:uppercase;opacity:0;transition:opacity .2s;}
    .recent-card:hover .rcap{opacity:1;}

    /* GRID */
    .grid{columns:4;column-gap:6px;padding:1rem 1.5rem;}
    @media(max-width:1100px){.grid{columns:3;}}
    @media(max-width:700px){.grid{columns:2;}}
    .card{break-inside:avoid;margin-bottom:6px;border-radius:2px;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s,opacity .2s;display:block;}
    .card:hover{transform:scale(1.015);opacity:.88;}
    .card img{width:100%;height:auto;display:block;}
    .card .ov{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .2s;display:flex;align-items:flex-end;padding:8px;}
    .card:hover .ov{background:rgba(0,0,0,.45);}
    .card .cap{font-size:10px;color:rgba(255,255,255,0);letter-spacing:1px;text-transform:uppercase;transition:color .2s;}
    .card:hover .cap{color:rgba(255,255,255,.95);}

    /* SCROLL WEERGAVE */
    .scroll-gallery{padding:0 0 2rem;}
    .scroll-item{margin-bottom:2rem;}
    .scroll-foto{padding:0 1.25rem;cursor:pointer;}
    .scroll-foto img{width:100%;height:auto;display:block;box-shadow:0 2px 20px rgba(0,0,0,.55);}
    .scroll-foto:hover img{opacity:.88;}
    .scroll-foto-cap{padding:.45rem 1.25rem 0;font-size:11px;color:#bbb;letter-spacing:1px;text-transform:uppercase;}
    .scroll-tekst{margin:.5rem 1.25rem 1rem;padding:1.25rem 1.5rem;font-size:15px;color:#ddd;line-height:1.85;border-left:3px solid #CC6040;}
    /* VIEW TOGGLE KNOPPEN */
    .view-toggle{display:flex;gap:4px;}
    .view-btn{background:none;border:0.5px solid #888;border-radius:2px;color:#aaa;cursor:pointer;font-size:15px;padding:2px 9px;line-height:1.4;transition:color .2s,border-color .2s;}
    .view-btn:hover{color:#ddd;border-color:#ccc;}
    .view-btn.active{color:#fff;border-color:#fff;}

    /* LIGHTBOX */
    .lightbox{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.93);align-items:center;justify-content:center;}
    .lightbox.open{display:flex;}
    .lb-inner{position:relative;max-width:96vw;}
    .lb-toolbar{position:absolute;top:-38px;right:0;display:flex;align-items:center;gap:10px;}
    .lb-btn{background:none;border:0.5px solid #aaa;border-radius:2px;color:#ddd;cursor:pointer;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;font-family:Georgia,serif;transition:color .2s,border-color .2s;display:flex;align-items:center;gap:5px;}
    .lb-btn:hover{color:#fff;border-color:#fff;}
    .lb-btn svg{width:13px;height:13px;fill:currentColor;flex-shrink:0;}
    .lb-close{background:none;border:none;color:#ddd;cursor:pointer;font-size:24px;line-height:1;transition:color .2s;padding:0;}
    .lb-close:hover{color:#fff;}
    .lb-content{display:flex;flex-direction:column;align-items:center;}
    .lb-img-wrap{position:relative;}
    .lb-inner img{max-width:88vw;max-height:80vh;display:block;border-radius:2px;object-fit:contain;}
    .lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);border:none;color:#fff;font-size:28px;cursor:pointer;padding:8px 14px;transition:background .2s;border-radius:2px;}
    .lb-nav:hover{background:rgba(0,0,0,.7);}
    .lb-prev{left:-60px;}
    .lb-next{right:-60px;}
    .lb-info-panel{text-align:center;}
    .lb-cap{margin-top:10px;font-size:12px;color:#ddd;text-align:center;letter-spacing:1px;text-transform:uppercase;}
    .lb-cat{font-size:10px;color:#bbb;text-align:center;letter-spacing:1px;text-transform:uppercase;margin-top:3px;}
    .lb-counter{font-size:10px;color:#999;text-align:center;margin-top:3px;}
    .lb-desc{display:none;font-size:13px;color:#ddd;line-height:1.8;margin-top:14px;}
    .lb-desc a{color:#f0a040;text-decoration:underline;}
    .lb-desc a:hover{color:#ffcc80;}
    .lb-map-toggle{display:none;margin-top:10px;background:none;border:1px solid #666;color:#ccc;padding:6px 16px;border-radius:20px;cursor:pointer;font-size:11px;letter-spacing:1px;text-transform:uppercase;transition:all .25s;}
    .lb-map-toggle:hover{border-color:#f0a040;color:#f0a040;}
    .lb-map-toggle.zichtbaar{display:inline-flex;align-items:center;gap:6px;}
    .lb-map-toggle.open{border-color:#f0a040;color:#f0a040;}
    .lb-map-wrap{margin-top:10px;display:none;border-radius:6px;overflow:hidden;border:1px solid #444;}
    .lb-map-wrap.open{display:block;}
    #lb-map{width:420px;max-width:80vw;height:260px;}
    .lb-map-label{font-size:9px;color:#aaa;text-align:center;letter-spacing:1px;text-transform:uppercase;margin-top:4px;}
    /* Foto links, beschrijving rechts */
    .lb-inner.heeft-beschrijving .lb-content{flex-direction:row;align-items:flex-start;gap:2rem;}
    .lb-inner.heeft-beschrijving .lb-img-wrap img{max-width:60vw;max-height:88vh;}
    .lb-inner.heeft-beschrijving .lb-info-panel{width:300px;max-height:88vh;overflow-y:auto;text-align:left;padding-top:6px;flex-shrink:0;}
    .lb-inner.heeft-beschrijving .lb-cap,.lb-inner.heeft-beschrijving .lb-cat,.lb-inner.heeft-beschrijving .lb-counter{text-align:left;}
    .lb-inner.heeft-beschrijving .lb-cap{margin-top:0;}
    .lb-inner.heeft-beschrijving .lb-desc{display:block;}
    .lb-inner.heeft-beschrijving .lb-like-row{text-align:left;}
    .lb-inner.heeft-beschrijving .lb-prev{left:10px;}
    .lb-inner.heeft-beschrijving .lb-next{right:10px;}
    @media(max-width:800px){
      .lb-inner.heeft-beschrijving .lb-content{flex-direction:column;align-items:center;}
      .lb-inner.heeft-beschrijving .lb-img-wrap img{max-width:95vw;max-height:55vh;}
      .lb-inner.heeft-beschrijving .lb-info-panel{width:95vw;max-height:200px;text-align:center;}
      .lb-inner.heeft-beschrijving .lb-cap,.lb-inner.heeft-beschrijving .lb-cat,.lb-inner.heeft-beschrijving .lb-counter,.lb-inner.heeft-beschrijving .lb-like-row{text-align:center;}
    }

    /* PAGES */
    .page{padding:2.5rem;display:none;max-width:700px;}
    .page h2{font-size:18px;font-weight:normal;color:#fff;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.5rem;border-bottom:0.5px solid #888;padding-bottom:1rem;}
    .page p{font-size:15px;color:#eee;line-height:1.85;margin-bottom:1rem;text-align:justify;}
    .page ul{margin:.5rem 0 1rem 0;list-style:none;padding-left:0;}
    .page ul li{font-size:14px;color:#ddd;line-height:1.8;padding-left:1em;text-indent:-1em;}
    .page ul li::before{content:"— ";color:#bbb;}
    .social-row{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;}
    .social-row a{font-size:12px;color:#ddd;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border-bottom:0.5px solid #bbb;padding-bottom:2px;transition:color .2s,border-color .2s;}
    .social-row a:hover{color:#fff;border-color:#fff;}

    /* CONTACT FORM */
    .cf{max-width:440px;margin-top:1.5rem;}
    .cf label{font-size:10px;color:#ddd;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:5px;}
    .cf input,.cf textarea{width:100%;background:#808080;border:0.5px solid #999;border-radius:2px;color:#fff;padding:9px 12px;font-size:14px;margin-bottom:1rem;font-family:Georgia,serif;}
    .cf input::placeholder,.cf textarea::placeholder{color:#ccc;}
    .cf textarea{height:100px;resize:vertical;}
    .cf input:focus,.cf textarea:focus{outline:none;border-color:#fff;}
    .send-btn{padding:10px 28px;background:#fff;color:#555;border:none;border-radius:2px;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:Georgia,serif;transition:background .2s;}
    .send-btn:hover{background:#eee;}

    /* STATISTIEKEN */
    .stats-page{padding:2rem 2.5rem;display:none;max-width:900px;}
    .stats-page h2{font-size:18px;font-weight:normal;color:#fff;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.5rem;border-bottom:0.5px solid #888;padding-bottom:1rem;}
    .stats-meta{font-size:11px;color:#bbb;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem;}
    .stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:2rem;}
    .stat-card{background:#606060;border-radius:2px;overflow:hidden;cursor:pointer;position:relative;transition:opacity .2s;}
    .stat-card:hover{opacity:.85;}
    .stat-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
    .stat-info{padding:7px 8px;}
    .stat-title{font-size:10px;color:#eee;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .stat-views{font-size:13px;color:#fff;font-weight:bold;margin-bottom:2px;}
    .stat-bar-wrap{height:3px;background:#505050;border-radius:1px;margin-top:5px;}
    .stat-bar{height:3px;background:#fff;border-radius:1px;transition:width .4s;}
    .stats-section-title{font-size:11px;color:#ddd;letter-spacing:2px;text-transform:uppercase;margin:1.5rem 0 .75rem;border-bottom:0.5px solid #777;padding-bottom:.5rem;}
    .stats-empty{font-size:13px;color:#aaa;padding:1rem 0;letter-spacing:.5px;}
    .stats-reset{margin-top:2rem;padding:7px 20px;background:none;border:0.5px solid #888;border-radius:2px;color:#bbb;font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:Georgia,serif;transition:color .2s,border-color .2s;}
    .stats-reset:hover{color:#fff;border-color:#fff;}
    /* Kijk-badge op kaart in galerij */
    .view-badge{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.65);color:#fff;font-size:9px;padding:2px 5px;border-radius:1px;letter-spacing:.5px;display:none;}
    .card:hover .view-badge{display:block;}
    /* Like-badge op kaart in galerij */
    .like-badge{position:absolute;top:5px;left:5px;background:rgba(200,50,70,.85);color:#fff;font-size:10px;padding:2px 6px;border-radius:1px;line-height:1.4;}
    /* Like-knop in lightbox */
    .lb-like-row{text-align:center;margin-top:10px;}
    .lb-like-btn{background:none;border:0.5px solid #aaa;border-radius:2px;color:#ddd;cursor:pointer;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:6px 18px;font-family:Georgia,serif;transition:all .2s;display:inline-flex;align-items:center;gap:7px;}
    .lb-like-btn:hover{color:#fff;border-color:#fff;}
    .lb-like-btn.liked{border-color:#e05070;color:#e05070;}
    .lb-like-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0;transition:fill .2s,stroke .2s;}
    .lb-like-btn.liked svg{fill:#e05070;stroke:#e05070;}
    @keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
    .lb-like-btn.pop svg{animation:like-pop .25s ease;}

    /* COPYRIGHT BESCHERMING */
    .copyright-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(20px);background:#404040;border:0.5px solid #999;border-radius:2px;padding:1rem 1.5rem;z-index:999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;text-align:center;max-width:340px;width:90%;}
    .copyright-toast.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
    .copyright-toast p{font-size:11px;color:#eee;letter-spacing:.5px;line-height:1.7;margin-bottom:.75rem;}
    .copyright-toast p strong{color:#fff;}
    .copyright-toast-btn{display:inline-block;padding:6px 18px;border:0.5px solid #bbb;border-radius:2px;color:#ddd;font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:Georgia,serif;transition:color .2s,border-color .2s;background:none;}
    .copyright-toast-btn:hover{color:#fff;border-color:#fff;}
    img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}

    /* FOOTER */
    footer{background:#505050;border-top:0.5px solid #888;padding:.75rem 2rem;font-size:11px;color:#aaa;letter-spacing:1px;text-align:center;}

    /* WEER BLOK */
    .weer-blok{position:absolute;bottom:1.5rem;left:1.5rem;z-index:3;background:rgba(0,0,0,.45);border:0.5px solid rgba(255,255,255,.2);border-radius:2px;padding:.8rem 1.1rem;backdrop-filter:blur(4px);min-width:170px;}
    .weer-label{font-size:9px;color:#bbb;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;}
    .weer-temp{font-size:24px;color:#fff;font-weight:normal;letter-spacing:1px;}
    .weer-conditie{font-size:10px;color:#ddd;letter-spacing:1px;text-transform:uppercase;margin-top:4px;}
    .weer-details{font-size:9px;color:#aaa;letter-spacing:1px;text-transform:uppercase;margin-top:6px;display:flex;gap:.75rem;}

    /* HAMBURGER */
    .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
    .hamburger span{display:block;width:22px;height:2px;background:#ddd;border-radius:1px;transition:background .2s;}
    .hamburger:hover span{background:#fff;}

    /* CATEGORIE SHOWCASE */
    .gallery-showcase{padding:1.5rem;}
    .showcase-intro{font-size:12px;color:#ddd;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.25rem;}
    .showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;}
    .showcase-card{position:relative;aspect-ratio:4/3;border-radius:2px;overflow:hidden;cursor:pointer;}
    .showcase-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s,opacity .3s;}
    .showcase-card:hover img{transform:scale(1.04);opacity:.85;}
    .showcase-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.05) 60%);}
    .showcase-card-info{position:absolute;bottom:0;left:0;right:0;padding:12px;}
    .showcase-card-title{font-size:13px;color:#fff;letter-spacing:2px;text-transform:uppercase;}
    .showcase-card-count{font-size:10px;color:#ccc;letter-spacing:1px;margin-top:3px;}

    /* MOBIELE SIDEBAR */
    .sidebar-backdrop{display:none;position:fixed;inset:0;top:49px;background:rgba(0,0,0,.5);z-index:14;}
    .mob-accordion{display:none;}
    .cat-toggle-btn{display:none;align-items:center;gap:6px;padding:6px 14px;background:none;border:0.5px solid #aaa;border-radius:2px;color:#ddd;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:Georgia,serif;transition:color .2s,border-color .2s;flex-shrink:0;}
    .cat-toggle-btn:hover{color:#fff;border-color:#fff;}

    /* RESPONSIVE */
    @media(max-width:600px){
      .sidebar{display:none !important;}
      .sidebar-backdrop{display:none !important;}
      .mob-accordion{display:none;width:100%;background:#555;border-bottom:1px solid #888;max-height:60vh;overflow-y:auto;}
      .mob-accordion.open{display:block;}
      .mob-acc-item{border-bottom:1px solid rgba(255,255,255,.1);}
      .mob-acc-item:last-child{border-bottom:none;}
      .mob-acc-header{display:flex;align-items:center;padding:10px 14px;font-size:13px;color:#ddd;font-weight:bold;letter-spacing:.5px;cursor:pointer;gap:8px;border:none;background:none;width:100%;text-align:left;font-family:Georgia,serif;transition:background .2s;}
      .mob-acc-header:hover,.mob-acc-header:active{background:rgba(255,255,255,.08);}
      .mob-acc-header.active{color:#fff;background:rgba(255,255,255,.06);}
      .mob-acc-header .cat-icon{font-size:16px;flex-shrink:0;width:22px;text-align:center;}
      .mob-acc-header .cat-count{font-size:9px;color:#999;background:rgba(0,0,0,.25);padding:1px 6px;border-radius:8px;flex-shrink:0;}
      .mob-acc-header .arrow{font-size:9px;color:#bbb;transition:transform .25s;flex-shrink:0;}
      .mob-acc-header.open .arrow{transform:rotate(90deg);}
      .mob-acc-subs{display:none;background:rgba(0,0,0,.15);padding:4px 0;}
      .mob-acc-subs.open{display:block;}
      .mob-acc-sub{display:block;width:100%;text-align:left;padding:8px 14px 8px 46px;font-size:12px;color:#ccc;background:none;border:none;cursor:pointer;font-family:Georgia,serif;letter-spacing:.5px;transition:color .2s,background .2s;}
      .mob-acc-sub:hover,.mob-acc-sub:active{color:#fff;background:rgba(255,255,255,.06);}
      .mob-acc-sub.active{color:#f0a040;font-weight:bold;}
      .lb-prev{left:-10px;} .lb-next{right:-10px;}
      .lb-inner{max-width:100vw;}
      .lb-inner img{max-width:98vw;max-height:82vh;}
      #lb-map{width:100%;max-width:90vw;height:200px;}
      .homepage-content h1{font-size:26px;}
      .nav-links{display:none;flex-direction:column;position:absolute;top:49px;left:0;right:0;background:#606060;border-bottom:0.5px solid #888;padding:.5rem 0;z-index:19;}
      .nav-links.open{display:flex;}
      .nav-links a{padding:.6rem 2rem;font-size:13px;}
      .hamburger{display:flex;}
      .cat-toggle-btn{display:flex;}
      .showcase-grid{grid-template-columns:repeat(2,1fr);gap:5px;}
    }

    /* VERGELIJK PAGINA */
    .vergelijk-page{padding:2rem 2.5rem;display:none;max-width:900px;}
    .vergelijk-page h2{font-size:18px;font-weight:normal;color:#fff;letter-spacing:3px;text-transform:uppercase;margin-bottom:.5rem;border-bottom:0.5px solid #888;padding-bottom:1rem;}
    .vergelijk-intro{font-size:14px;color:#ddd;line-height:1.8;margin-bottom:2rem;}
    .vergelijk-page photo-comparison{
      --pcc-bg:#585858;--pcc-text:#f0ece6;--pcc-text2:#ccc;
      --pcc-border:#777;--pcc-muted:#aaa;--pcc-light:#f0ece6;
      --pcc-accent:#CC6040;--pcc-radius:2px;
      margin-bottom:2.5rem;
    }
    .vergelijk-page photo-comparison.portrait::part(viewer){aspect-ratio:3/4;}

    /* CAMERA TEKENANIMATIE */
    .camera-draw-wrap{position:absolute;top:14px;right:36px;width:240px;z-index:3;pointer-events:none;opacity:.72;}
    @media(max-width:600px){.camera-draw-wrap{width:100px;top:8px;right:8px;opacity:.55;}}

    /* REACTIE FORMULIER */
    .reactie-wrap{padding:.35rem 1.25rem .75rem;}
    .reactie-toggle{background:none;border:none;color:#aaa;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-family:Georgia,serif;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s;}
    .reactie-toggle:hover{color:#ddd;}
    .reactie-form{display:none;margin-top:.75rem;padding:1rem 1.25rem;background:#606060;border-left:3px solid #CC6040;border-radius:2px;}
    .reactie-form.open{display:block;}
    .reactie-form label{font-size:10px;color:#bbb;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px;margin-top:.6rem;}
    .reactie-form label:first-of-type{margin-top:0;}
    .reactie-form input[type=text],.reactie-form input[type=email],.reactie-form textarea{width:100%;background:#707070;border:0.5px solid #888;border-radius:2px;color:#fff;padding:7px 10px;font-size:13px;font-family:Georgia,serif;}
    .reactie-form textarea{height:80px;resize:vertical;}
    .reactie-form input:focus,.reactie-form textarea:focus{outline:none;border-color:#bbb;}
    .reactie-note{font-size:9px;color:#999;letter-spacing:.5px;margin:.5rem 0 .75rem;font-family:Georgia,serif;}
    .reactie-submit{padding:6px 20px;background:none;border:0.5px solid #aaa;border-radius:2px;color:#ddd;font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:Georgia,serif;transition:color .2s,border-color .2s;}
    .reactie-submit:hover{color:#fff;border-color:#fff;}
    .reactie-success{font-size:11px;color:#aaa;letter-spacing:.5px;padding:.5rem 0;display:none;font-family:Georgia,serif;}
    .reactie-bot{display:none;}
    .lb-reactie-wrap{margin-top:14px;}