@import url('styles-v4.css?v=6');

/* Campingspots.nl V6 — polish and platform expansion */
:root{--green:#00A86B;--green2:#00B8FF;--orange:#7C3AED;--orange2:#8B5CF6;--yellow:#FFD400;--soft:#F4FFFA;--cream:#F7FFF9;--ink:#102A43;--muted:#5B6B7A;--line:#D9EDE5;--shadow:0 18px 50px rgba(0,168,107,.12)}
body{background:#fff;color:var(--ink)}
.container{width:min(1380px,calc(100% - 44px))}
.topbar{background:linear-gradient(90deg,#00A86B 0%,#00B8FF 55%,#7C3AED 100%)}.topbar-inner{min-height:38px;align-items:center}.topbar-points{gap:26px}
.navbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.98);backdrop-filter:blur(12px)}
.nav-inner{min-height:112px;gap:22px}
.brand{width:188px;flex:0 0 188px;height:104px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.brand img{width:178px;height:104px;object-fit:contain;object-position:center;background:transparent!important;border-radius:0!important;padding:0!important}
.nav-links{gap:19px;font-size:14px}.nav-actions{gap:9px}.btn{border-radius:13px}
.hero-photo{min-height:550px;background-image:linear-gradient(90deg,rgba(5,35,55,.78) 0%,rgba(0,168,107,.48) 40%,rgba(0,184,255,.12) 72%,rgba(0,0,0,.02) 100%),url('images/hero-v5-clean.jpg');background-position:center 52%;position:relative}
.hero-photo:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.08));pointer-events:none}
.hero-copy{padding:74px 0 145px;max-width:760px;position:relative;z-index:1}.hero-photo h1{font-size:66px;max-width:760px}.hero-actions .btn{font-size:15px;padding:15px 22px}.hero-points span{backdrop-filter:blur(4px)}
.search-panel{margin-top:-92px;z-index:5}.search-card{padding:20px;border-radius:22px}.searchbox{grid-template-columns:1.4fr 1fr 1fr 1fr}.searchbox .btn{min-width:145px}
.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.quick-link{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px;display:flex;gap:11px;align-items:center;transition:.2s}.quick-link:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,55,45,.08)}.quick-icon{width:42px;height:42px;border-radius:11px;background:#edf8f4;display:grid;place-items:center;font-size:21px}.quick-link strong{display:block;font-size:14px}.quick-link small{display:block;color:var(--muted)}
.section{padding:62px 0}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:var(--green2)}
.cards{grid-template-columns:repeat(4,1fr)}.vehicle-card{position:relative}.vehicle-visual{height:205px}.vehicle-body{padding:16px}.vehicle-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.seller-type{font-size:11px;background:#edf7f3;padding:5px 8px;border-radius:99px;color:var(--green);font-weight:800}.compare-link{font-size:12px;font-weight:800;color:var(--green2)}
.badge-row{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.mini-badge{font-size:11px;padding:5px 8px;background:#f2f6f4;border-radius:8px;color:#51635e}.mini-badge.orange{background:#F5F0FF;color:#5B21B6}.mini-badge.green{background:#eaf7f2;color:#0d6a50}
.stats-band{background:var(--green);color:#fff}.stats-band .container{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.16)}.platform-stat{background:var(--green);padding:29px 24px;text-align:center}.platform-stat strong{display:block;font-size:31px}.platform-stat span{color:#d6ebe5;font-size:13px}
.brand-cloud{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.brand-chip{border:1px solid var(--line);border-radius:13px;padding:14px 10px;text-align:center;background:#fff;font-weight:800;font-size:13px}.brand-chip:hover{border-color:#adcfc3;color:var(--green2)}
.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.region-card{min-height:130px;border-radius:16px;background:linear-gradient(135deg,#eef8f4,#fff);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.region-card strong{font-size:18px}.region-card span{color:var(--muted);font-size:13px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{border:1px solid var(--line);border-radius:17px;padding:22px;background:#fff}.review-stars{color:#f5a623;letter-spacing:2px}.review-card p{color:#51615d}.review-user{display:flex;align-items:center;gap:10px;margin-top:15px}.review-avatar{width:40px;height:40px;border-radius:50%;background:#eaf7f2;display:grid;place-items:center;font-weight:900;color:var(--green)}
.compare-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:100;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:14px}.compare-bar.hidden{display:none}
.wizard{display:grid;grid-template-columns:260px 1fr;gap:28px}.wizard-nav{position:sticky;top:135px;align-self:start;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.wizard-step-link{display:flex;gap:10px;align-items:center;padding:12px;border-radius:11px;font-weight:800;font-size:13px;color:#61716c}.wizard-step-link.active{background:#eaf7f2;color:var(--green)}.wizard-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef3f1}.wizard-step-link.active .wizard-num{background:var(--green);color:#fff}.wizard-panel{display:none}.wizard-panel.active{display:block}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check-option{border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;align-items:center;gap:8px;background:#fff}.check-option input{width:auto}
.compare-table{overflow:auto;border:1px solid var(--line);border-radius:16px}.compare-table table{min-width:980px}.compare-table th{min-width:220px;text-transform:none;font-size:14px;vertical-align:top}.compare-photo{width:220px;height:135px;object-fit:cover;border-radius:12px}.compare-best{background:#edf8f4;font-weight:900;color:var(--green)}
.dealer-hero{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:center}.dealer-logo-box{border:1px solid var(--line);border-radius:20px;background:#fff;min-height:220px;display:grid;place-items:center;padding:24px}.dealer-logo-box .avatar{width:100px;height:100px;font-size:34px}.dealer-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.dealer-metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.dealer-metric strong{display:block;font-size:23px}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.admin-tab{padding:10px 13px;border-radius:10px;background:#f0f5f3;font-weight:800;font-size:13px}.admin-tab.active{background:var(--green);color:#fff}
.filter-card details{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.filter-card summary{font-weight:800;cursor:pointer}.filter-compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.footer-logo{width:180px;height:130px;object-fit:contain;background:#fff;padding:8px;border-radius:14px}
.mobile-menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:22px}
@media(max-width:1200px){.nav-links{display:none}.mobile-menu-btn{display:grid;place-items:center}.quick-links{grid-template-columns:repeat(3,1fr)}.brand-cloud{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero-photo h1{font-size:52px}.searchbox{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.stats-band .container{grid-template-columns:repeat(2,1fr)}.region-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.wizard{grid-template-columns:1fr}.wizard-nav{position:static;display:flex;overflow:auto}.dealer-hero{grid-template-columns:1fr}.dealer-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 24px,1380px)}.topbar-inner{justify-content:center}.topbar-points{display:none}.nav-inner{min-height:88px}.brand{width:138px;height:80px;flex:1}.brand img{width:128px;height:80px}.mobile-menu-btn{display:grid}.nav-actions .icon-link,.nav-actions .btn-outline{display:none}.hero-photo{min-height:600px;background-position:63% center}.hero-copy{padding:52px 0 158px}.hero-photo h1{font-size:42px}.hero-points{gap:8px}.hero-points span{font-size:12px}.search-panel{margin-top:-110px}.searchbox{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,1fr)}.cards,.region-grid,.brand-cloud{grid-template-columns:repeat(2,1fr)}.stats-band .container{grid-template-columns:1fr 1fr}.checkbox-grid{grid-template-columns:1fr}.dealer-metrics{grid-template-columns:1fr 1fr}.compare-bar{width:calc(100% - 20px);justify-content:space-between}.footer-logo{width:150px;height:110px}}

/* V7 knowledge base */
.kb-hero{background:linear-gradient(135deg,#eef8f4 0%,#fff 55%,#F5F0FF 100%);padding:72px 0 60px;border-bottom:1px solid var(--line)}
.kb-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:44px;align-items:center}.kb-hero h1{font-size:56px;line-height:1.02;margin:14px 0 16px}.kb-search{display:flex;gap:10px;margin-top:25px;max-width:720px}.kb-search input{flex:1}.kb-hero-card{background:#073d33;color:#fff;border-radius:20px;padding:25px;box-shadow:var(--shadow)}.kb-hero-card strong{display:block;font-size:20px;margin-bottom:12px}.kb-hero-card a{display:block;color:#e9f7f2;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14);font-weight:800}.kb-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;align-items:start}.kb-sidebar{position:sticky;top:135px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.kb-sidebar>strong{display:block;margin-bottom:8px}.kb-sidebar a{display:flex;justify-content:space-between;gap:8px;padding:10px;border-radius:10px;color:#50625c;font-size:13px;font-weight:800}.kb-sidebar a.active,.kb-sidebar a:hover{background:#eaf7f2;color:var(--green)}.kb-sidebar span{color:#91a39d}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 30px rgba(0,55,45,.06);display:flex;flex-direction:column}.blog-card-image{display:block;height:210px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.blog-card:hover .blog-card-image img{transform:scale(1.025)}.blog-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;gap:7px;flex-wrap:wrap;color:#72837d;font-size:12px;font-weight:700}.blog-card h3{font-size:20px;line-height:1.2;margin:10px 0}.blog-card h3 a{color:var(--ink)}.blog-card p{color:#5f716b;font-size:14px;line-height:1.65}.blog-read{margin-top:auto;padding-top:12px;font-weight:900;color:var(--green2)}
.blog-single-hero{padding:58px 0 48px;background:linear-gradient(135deg,#f1f8f5,#fff)}.blog-single-wrap{max-width:1020px}.breadcrumbs{font-size:13px;color:#72837d;margin-bottom:20px}.breadcrumbs a{color:var(--green2);font-weight:800}.blog-single-hero h1{font-size:54px;line-height:1.06;max-width:1000px;margin:13px 0 18px}.blog-single-hero .lead{max-width:860px}.blog-single-section{padding-top:32px}.blog-single-layout{display:grid;grid-template-columns:minmax(0,850px) 280px;gap:36px;align-items:start;justify-content:center}.blog-content{font-size:17px;line-height:1.82;color:#344843}.blog-cover{width:100%;height:460px;object-fit:cover;border-radius:22px;margin-bottom:20px}.blog-author{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:6px 0 20px;margin-bottom:26px}.blog-author small{display:block;color:var(--muted)}.blog-content h2{font-size:31px;line-height:1.15;margin:38px 0 13px;color:var(--ink)}.blog-content h3{font-size:21px;margin:28px 0 8px;color:var(--ink)}.blog-content p{margin:0 0 18px}.blog-content ul,.blog-content ol{padding-left:24px;margin:0 0 20px}.blog-content li{margin:7px 0}.blog-intro{font-size:20px;color:#29463e}.blog-callout{background:#edf8f4;border-left:5px solid var(--green2);border-radius:14px;padding:20px 22px;margin:28px 0}.blog-callout p{margin:6px 0 0}.blog-bottom-cta{margin-top:42px;background:#073d33;color:#fff;border-radius:20px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.blog-bottom-cta h2{color:#fff;margin:6px 0 8px}.blog-bottom-cta p{color:#dcefe9;margin:0}.blog-aside{position:sticky;top:135px;display:grid;gap:15px}.blog-aside-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.blog-aside-card strong{display:block;margin-bottom:9px}.blog-aside-card a{display:block;padding:8px 0;font-weight:800;color:var(--green2);border-bottom:1px solid #edf2f0}.related-blogs{background:#f6f9f8}.import-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.code-list{font-family:monospace;background:#f2f6f4;border-radius:12px;padding:16px;line-height:1.65}.form-grid .full{grid-column:1/-1}
@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,1fr)}.kb-layout{grid-template-columns:1fr}.kb-sidebar{position:static;display:flex;overflow:auto;gap:6px}.kb-sidebar>strong{display:none}.kb-sidebar a{white-space:nowrap}.blog-single-layout{grid-template-columns:1fr}.blog-aside{position:static;grid-template-columns:repeat(2,1fr)}.import-grid{grid-template-columns:1fr}}
@media(max-width:700px){.kb-hero{padding:48px 0}.kb-hero-grid{grid-template-columns:1fr}.kb-hero h1{font-size:40px}.kb-search{flex-direction:column}.blog-grid,.blog-grid-3{grid-template-columns:1fr}.blog-card-image{height:220px}.blog-single-hero h1{font-size:38px}.blog-cover{height:280px}.blog-content{font-size:16px}.blog-content h2{font-size:27px}.blog-aside{grid-template-columns:1fr}.blog-bottom-cta{align-items:flex-start;flex-direction:column}}

/* V8 Professional */
.pro-dashboard .dash-nav h3{color:#fff}.dash-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.dash-welcome h1{font-size:36px;margin:8px 0}.pro-stats{grid-template-columns:repeat(5,1fr)}.pro-stats .stat{min-height:120px}.pro-stats .stat span,.pro-stats .stat small{display:block;color:var(--muted)}.pro-stats .stat strong{font-size:34px}.dashboard-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:26px}.pro-ad-list{display:grid;gap:11px}.pro-ad-row{display:grid;grid-template-columns:92px minmax(0,1fr) 70px 100px;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.pro-ad-row img{width:92px;height:72px;object-fit:cover;border-radius:11px}.quality{height:7px;background:#edf2f0;border-radius:99px;overflow:hidden;margin:7px 0 4px}.quality span{height:100%;display:block;background:linear-gradient(90deg,#7C3AED,#0b6b59)}.ad-row-metrics{text-align:center}.ad-row-metrics b{font-size:22px;display:block}.ad-row-actions{display:grid;gap:6px;font-weight:800;font-size:13px}.pro-side-card{border:1px solid var(--line);border-radius:17px;padding:19px;background:#fff;margin-bottom:16px}.pro-side-card h3{margin-top:0}.pro-side-card>a:not(.btn){display:block;padding:9px 0;border-bottom:1px solid #edf2f0;font-weight:800}.status-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf2f0}.full-btn{width:100%;text-align:center}.section-mini{margin-top:30px}.dealer-kpis,.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.dealer-kpis>div,.admin-kpis .mini-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.dealer-kpis span,.admin-kpis span{display:block;color:var(--muted);font-size:13px}.dealer-kpis strong,.admin-kpis strong{display:block;font-size:30px;margin-top:4px}.dealer-pro-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px}.verify-pill{padding:7px 10px;border-radius:99px;background:#eef3f1;font-size:12px;font-weight:900}.verify-pill.verified,.verify-pill.approved{background:#ddf5e9;color:#0b6b59}.verify-pill.pending{background:#fff1d6;color:#6D28D9}.lead-list{display:grid;gap:10px}.lead-row{display:flex;justify-content:space-between;gap:18px;padding:14px;border:1px solid var(--line);border-radius:13px}.lead-row small{display:block;color:var(--muted);margin-top:3px}.lead-row p{margin:7px 0 0}.package-name{display:block;font-size:24px;margin-bottom:6px}.notification-list{display:grid;gap:9px}.notification-row{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.notification-row.unread{background:#effaf6;border-color:#cce9df}.notification-dot{width:10px;height:10px;border-radius:50%;background:#0b6b59;margin-top:6px;flex:0 0 10px}.notification-row p{margin:5px 0;color:var(--muted)}.checkout-grid{display:grid;grid-template-columns:minmax(0,720px) 320px;gap:28px;justify-content:center}.checkout-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;margin-top:18px}.checkout-total strong{font-size:28px}.verification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inline-form{display:flex;gap:7px;align-items:center}.admin-kpis{grid-template-columns:repeat(7,1fr)}
@media(max-width:1100px){.pro-stats{grid-template-columns:repeat(3,1fr)}.dashboard-split,.dealer-pro-grid{grid-template-columns:1fr}.dealer-kpis{grid-template-columns:repeat(2,1fr)}.admin-kpis{grid-template-columns:repeat(3,1fr)}.verification-grid{grid-template-columns:1fr}.checkout-grid{grid-template-columns:1fr}}
@media(max-width:700px){.dash-welcome{flex-direction:column}.pro-stats{grid-template-columns:1fr 1fr}.pro-ad-row{grid-template-columns:76px 1fr}.pro-ad-row img{width:76px}.ad-row-metrics,.ad-row-actions{grid-column:2}.dealer-kpis,.admin-kpis{grid-template-columns:1fr 1fr}.inline-form{flex-direction:column;align-items:stretch}}

/* V13 advertentiefoto's: volledige galerij + lightbox */
.ad-gallery{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);grid-template-rows:minmax(430px,52vh) auto;gap:12px;margin-bottom:20px}.ad-gallery button{appearance:none;-webkit-appearance:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.ad-gallery-main,.ad-gallery-thumb{position:relative;overflow:hidden;border-radius:20px;background:#eef3f1}.ad-gallery-main{min-height:430px}.ad-gallery-main img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#eef3f1}.ad-gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0}.ad-gallery-thumb{min-height:0}.ad-gallery-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .2s ease}.ad-gallery-main:hover img,.ad-gallery-thumb:hover img{transform:scale(1.015)}.ad-gallery-zoom{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.94);color:#15312b;border:1px solid rgba(10,58,48,.13);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:9px 12px;border-radius:10px;font-size:13px;font-weight:900}.ad-gallery-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(4,39,32,.48);color:#fff;font-size:20px;font-weight:900}.ad-gallery-empty{border:1px dashed var(--line);border-radius:20px;display:grid;place-items:center;color:var(--muted);font-weight:800;background:#fafcfb}.ad-gallery-strip{grid-column:1/-1;display:flex;gap:9px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:thin}.ad-gallery-strip-item{flex:0 0 92px;height:68px;border-radius:10px!important;overflow:hidden!important;background:#eef3f1!important;outline:2px solid transparent;outline-offset:1px}.ad-gallery-strip-item:hover,.ad-gallery-strip-item.is-active{outline-color:var(--green2)}.ad-gallery-strip-item img{width:100%;height:100%;object-fit:cover;display:block}.ad-lightbox[hidden]{display:none}.ad-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px}.ad-lightbox-backdrop{position:absolute;inset:0;background:rgba(4,18,15,.92);backdrop-filter:blur(5px)}.ad-lightbox-panel{position:relative;z-index:1;width:min(1240px,100%);height:min(88vh,900px);display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center}.ad-lightbox-figure{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.ad-lightbox-figure img{max-width:100%;max-height:calc(100% - 42px);object-fit:contain;border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.ad-lightbox-figure figcaption{color:#e8f1ee;font-size:13px;margin-top:12px;text-align:center}.ad-lightbox-close,.ad-lightbox-nav{position:relative;z-index:2;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:34px;cursor:pointer;display:grid;place-items:center}.ad-lightbox-close{position:absolute;right:0;top:0;font-size:30px}.ad-lightbox-nav:hover,.ad-lightbox-close:hover{background:rgba(255,255,255,.22)}body.lightbox-open{overflow:hidden}
@media(max-width:900px){.ad-gallery{grid-template-columns:1fr;grid-template-rows:auto auto auto}.ad-gallery-main{min-height:0;aspect-ratio:16/10}.ad-gallery-side{grid-template-columns:1fr 1fr;grid-template-rows:170px}.ad-gallery-empty{display:none}.ad-lightbox{padding:10px}.ad-lightbox-panel{grid-template-columns:48px minmax(0,1fr) 48px;height:92vh}.ad-lightbox-nav{width:42px;height:42px}}
@media(max-width:600px){.ad-gallery-main{aspect-ratio:4/3}.ad-gallery-side{grid-template-rows:120px;gap:8px}.ad-gallery{gap:8px}.ad-gallery-main,.ad-gallery-thumb{border-radius:14px}.ad-gallery-strip-item{flex-basis:76px;height:58px}.ad-gallery-zoom{left:10px;bottom:10px;padding:8px 10px}.ad-lightbox-panel{grid-template-columns:0 minmax(0,1fr) 0}.ad-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45)}.ad-lightbox-prev{left:8px}.ad-lightbox-next{right:8px}.ad-lightbox-close{right:8px;top:8px}.ad-lightbox-figure img{border-radius:8px}}

/* V14 biedingen */
.bid-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 12px;margin:10px 0 16px;background:#f6f8f7;border:1px solid #dfe8e4;border-radius:12px;font-size:13px}.bid-summary span{color:#60706a}.bid-box{margin:14px 0;padding:14px;border:1px solid #dfe8e4;border-radius:14px;background:#fff}.bid-box h4{margin:0 0 10px;font-size:18px}.bid-own{font-size:13px;margin:10px 0 0;color:#52625d}.bid-link{border:0;background:none;padding:6px 0;color:#8b3b2d;text-decoration:underline;cursor:pointer}.seller-bid{border-top:1px solid #e6ece9;padding:12px 0}.seller-bid:first-of-type{border-top:0}.seller-bid>div:first-child{display:grid;gap:2px}.seller-bid span,.seller-bid small{font-size:12px;color:#60706a}.bid-status{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef2f0}.status-accepted{background:#e3f6e9;color:#23623a}.status-rejected,.status-withdrawn{background:#f5ecea;color:#864337}.bid-actions{display:flex;gap:8px;margin-top:8px}.bid-actions form{margin:0}.bid-actions .btn{padding:8px 10px;font-size:12px}


/* V15 verhuur, opties en beveiliging */
.turnstile-wrap{margin-top:16px;min-height:65px}.rental-form-box{background:#f7faf9;border:1px solid #dce8e3;border-radius:14px;padding:18px}.rental-form-box h3{margin:0 0 14px}.rental-price{font-weight:800;color:#0d6b57;margin:5px 0 12px}.rental-price.small{font-size:14px}.option-group{border:1px solid #dfe8e4;border-radius:12px;padding:12px 15px;margin:10px 0;background:#fff}.option-group summary{font-weight:800;cursor:pointer}.option-group[open] summary{margin-bottom:8px}@media(max-width:800px){.option-group .checkbox-grid{grid-template-columns:1fr!important}.rental-form-box .form-grid{grid-template-columns:1fr!important}}

/* V15.4 Camperstalling */
.storage-hero{background:linear-gradient(135deg,#f3f8f6 0%,#F7F3FF 100%)}
.storage-filter{display:grid;grid-template-columns:1.35fr 1fr 1fr .8fr 1fr auto;gap:12px;align-items:end;background:#fff;border:1px solid #e1e9e6;border-radius:18px;padding:18px;margin-bottom:28px;box-shadow:0 12px 35px rgba(22,46,39,.06)}
.storage-filter .field{margin:0}.storage-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:28px;align-items:start}.storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.storage-card{background:#fff;border:1px solid #e1e9e6;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(22,46,39,.06)}.storage-card>a{display:block;aspect-ratio:16/9;background:#eef3f1}.storage-card>a img{width:100%;height:100%;object-fit:cover}.storage-card-body{padding:18px}.storage-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.pill,.availability{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.pill{background:#eaf6f1;color:#12634b}.availability{background:#F5F0FF;color:#6D28D9}.storage-card h3{font-size:20px;margin:12px 0 6px}.storage-price{font-size:22px;font-weight:900;margin:12px 0}.storage-price small{font-size:13px;color:#6f7c78;font-weight:700}.storage-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.storage-tags span{background:#f4f7f6;border:1px solid #e4ebe8;border-radius:9px;padding:6px 8px;font-size:12px}.storage-tags.large span{font-size:14px;padding:8px 10px}.storage-card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.btn-link{border:0;background:none;color:#14745a;font:inherit;font-weight:800;cursor:pointer;padding:8px 0}.storage-map-column{position:sticky;top:110px}.storage-map-wrap{background:#fff;border:1px solid #e1e9e6;border-radius:18px;overflow:hidden}.storage-map{height:580px;background:#edf3f1;position:relative}.detail-map{height:380px}.map-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#52625d;z-index:0}.map-fallback-links{display:none;padding:16px;border-top:1px solid #e1e9e6;background:#fff}.map-fallback-links a{display:block;padding:7px 0}.map-unavailable .map-fallback{z-index:2}.storage-form{max-width:980px;margin:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .wide{grid-column:1/-1}.option-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 24px}.option-check-grid label{display:flex;gap:8px;align-items:flex-start;background:#f7faf9;border:1px solid #e3ebe8;border-radius:12px;padding:12px}.storage-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.6fr);gap:28px;align-items:start}.storage-gallery{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin:18px 0}.storage-gallery img{width:100%;height:230px;object-fit:cover;border-radius:14px}.storage-gallery img:first-child{grid-row:span 2;height:468px}.storage-pricing{display:flex;gap:14px;margin:18px 0}.storage-pricing>div{background:#f6faf8;border-radius:14px;padding:14px 18px;min-width:170px}.storage-pricing small,.spec-grid small{display:block;color:#6d7a76}.storage-pricing strong{display:block;font-size:23px;margin-top:4px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.spec-grid>div{border:1px solid #e2eae7;border-radius:12px;padding:12px}.sticky-card{position:sticky;top:110px}
@media(max-width:1050px){.storage-filter{grid-template-columns:repeat(3,1fr)}.storage-layout,.storage-detail-grid{grid-template-columns:1fr}.storage-map-column,.sticky-card{position:static}.storage-map{height:420px}}
@media(max-width:720px){.storage-filter{grid-template-columns:1fr 1fr}.storage-filter .btn{grid-column:1/-1}.storage-grid{grid-template-columns:1fr}.form-grid,.option-check-grid{grid-template-columns:1fr}.storage-gallery{grid-template-columns:1fr}.storage-gallery img,.storage-gallery img:first-child{height:240px;grid-row:auto}.storage-pricing,.spec-grid{display:grid;grid-template-columns:1fr}.storage-map{height:330px}}


/* V15.4M mobiele navigatie/account */
.mobile-head-actions{display:none;align-items:center;gap:8px}.mobile-drawer{display:none;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(4,52,43,.10)}.mobile-drawer.open{display:block}.mobile-drawer-inner{padding:16px 0 20px}.mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-menu-grid>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8faf9;font-weight:800;color:var(--ink)}.mobile-account-panel{margin-top:14px;padding:16px;border-radius:16px;background:#f3f8f6;border:1px solid #d9e8e2}.mobile-account-title{display:flex;gap:11px;align-items:center;margin-bottom:13px}.mobile-account-title strong,.mobile-account-title small{display:block}.mobile-account-title small{margin-top:2px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.mobile-account-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--line)}.mobile-account-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-account-links a{padding:10px 11px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:800}.mobile-account-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mobile-account-cta .btn{width:100%;justify-content:center}.mobile-logout{grid-column:1/-1;text-align:center;padding:10px;color:#8b3b2d;font-weight:800}.mobile-auth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mobile-auth-buttons .btn{justify-content:center}.mobile-account-heading{display:block;font-size:18px}.mobile-account-copy{margin:5px 0 0;color:var(--muted);font-size:13px}.mobile-seller-link{display:block;text-align:center;margin-top:12px;font-weight:800;color:var(--green2)}.mobile-login-shortcut,.mobile-account-shortcut{min-height:42px;display:flex;align-items:center;justify-content:center;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:900;font-size:13px}.mobile-account-shortcut{width:42px;padding:0}.mobile-menu-btn{min-width:44px;min-height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:22px;line-height:1}
@media(max-width:1080px){.nav-links,.nav-actions{display:none!important}.mobile-head-actions{display:flex;margin-left:auto}.nav-inner{min-height:78px}.brand{height:72px;width:145px;flex-basis:145px}.brand img{width:140px;height:72px}.topbar-points{display:none}}
@media(max-width:560px){.container{width:min(100% - 26px,1380px)}.topbar-inner{font-size:11px;min-height:32px}.nav-inner{min-height:70px;gap:8px}.brand{height:64px;width:126px;flex-basis:126px}.brand img{width:122px;height:64px}.mobile-login-shortcut{padding:0 9px;font-size:12px}.mobile-menu-grid{grid-template-columns:1fr 1fr}.mobile-account-links,.mobile-account-cta,.mobile-auth-buttons{grid-template-columns:1fr}.mobile-account-cta .mobile-logout{grid-column:auto}.mobile-drawer-inner{padding-top:12px}}

/* V15.5 compact desktop navigation */
@media(min-width:1081px){
  .nav-inner{min-height:96px;gap:14px}
  .brand{width:176px;flex:0 0 176px;height:88px}
  .brand img{width:168px;height:88px;object-fit:contain}
  .nav-links{display:flex;align-items:center;gap:4px;font-size:13.5px;white-space:nowrap;flex:1;justify-content:center;min-width:0}
  .nav-links>a,.nav-dropdown-trigger{display:flex;align-items:center;gap:4px;padding:10px 9px;border-radius:10px;font-weight:800;color:var(--ink);transition:.18s ease}
  .nav-links>a:hover,.nav-dropdown:hover>.nav-dropdown-trigger,.nav-dropdown:focus-within>.nav-dropdown-trigger{background:#f1f6f4;color:var(--green2)}
  .nav-dropdown{position:relative}
  .nav-dropdown-trigger span{font-size:12px;opacity:.65;transform:translateY(-1px)}
  .nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:290px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 45px rgba(3,40,33,.14);opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s ease;z-index:90}
  .nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
  .nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown:focus-within>.nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
  .nav-dropdown-menu a{display:block;padding:10px 11px;border-radius:10px;color:var(--ink)}
  .nav-dropdown-menu a:hover{background:#f3f8f6;color:var(--green2)}
  .nav-dropdown-menu strong{display:block;font-size:13.5px;line-height:1.25}
  .nav-dropdown-menu small{display:block;margin-top:2px;font-size:11.5px;font-weight:600;color:var(--muted);line-height:1.35;white-space:normal}
  .nav-actions{gap:6px;flex:0 0 auto}
  .nav-actions .icon-link{width:38px;height:38px}
  .nav-actions .btn{padding:10px 13px;font-size:13px}
}
@media(min-width:1081px) and (max-width:1320px){
  .nav-inner{gap:9px}
  .brand{width:154px;flex-basis:154px}
  .brand img{width:148px}
  .nav-links{gap:1px;font-size:12.5px}
  .nav-links>a,.nav-dropdown-trigger{padding:9px 6px}
  .nav-actions .btn{padding:9px 10px;font-size:12px}
  .nav-actions .icon-link{width:36px;height:36px}
}


/* V15.7 - veilige beheer-impersonatie */
.impersonation-bar{position:sticky;top:0;z-index:10050;background:#fff3cd;border-bottom:1px solid #e1c66d;color:#382e0b}
.impersonation-bar-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.impersonation-bar-inner span{opacity:.72;margin-left:6px;font-size:.92em}
.impersonation-bar form{margin:0}
.impersonation-return{background:#173f35!important;color:#fff!important;border-color:#173f35!important;white-space:nowrap}
.admin-user-tools{margin:12px 0 18px}
.admin-user-search{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.admin-user-search .field{min-width:280px;flex:1;margin:0}
.admin-user-tools .muted{margin:12px 0 0;color:#66736e;font-size:.92rem}
.admin-user-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-user-actions form{margin:0}
@media(max-width:720px){
 .impersonation-bar-inner{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 16px}
 .impersonation-bar-inner span{display:block;margin:2px 0 0}
 .impersonation-return{width:100%}
 .impersonation-bar form{width:100%}
 .admin-user-search{display:grid;grid-template-columns:1fr;width:100%}
 .admin-user-search .field{min-width:0;width:100%}
 .admin-user-search .btn{width:100%;text-align:center}
}

/* V15.11 pakketten en video */
.ks-subscription-plans .plan-price span,.ks-ad-plans .plan-price span{font-size:14px;font-weight:700;margin-left:4px}.discount-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.discount-grid>div{border:1px solid #dfe8e5;border-radius:14px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:5px}.discount-grid span{color:#53645f}.ad-video-player{display:block;width:100%;max-width:900px;max-height:560px;background:#071c18;border-radius:18px;margin-top:14px}.ks-ad-plans .plan{cursor:pointer}.ks-ad-plans .plan:has(input:checked){outline:3px solid rgba(255,104,31,.22);border-color:#7C3AED}@media(max-width:820px){.discount-grid{grid-template-columns:1fr 1fr}.ks-ad-plans{grid-template-columns:1fr!important}}@media(max-width:520px){.discount-grid{grid-template-columns:1fr}}

.ks-four-plans{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media(max-width:1100px){.ks-four-plans{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:650px){.ks-four-plans{grid-template-columns:1fr!important}}

/* V15.13 invoices */
.invoice-sheet{max-width:980px;margin:0 auto;background:#fff;border:1px solid #e4e9e7;border-radius:18px;padding:34px;box-shadow:0 10px 35px rgba(21,48,41,.06)}
.invoice-head{display:flex;justify-content:space-between;gap:30px}.invoice-logo{width:180px;height:auto;margin-bottom:18px}.invoice-meta{min-width:260px}.invoice-meta>div,.invoice-totals>div{display:flex;justify-content:space-between;gap:30px;padding:8px 0}.invoice-meta span,.invoice-totals span{color:#66736f}.invoice-customer{margin:28px 0;line-height:1.65}.invoice-lines{margin-top:24px}.invoice-totals{max-width:420px;margin:20px 0 0 auto}.invoice-totals .grand{font-size:1.15rem;border-top:2px solid #dfe7e4;margin-top:8px;padding-top:14px}.invoice-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}@media(max-width:720px){.invoice-sheet{padding:20px}.invoice-head{display:block}.invoice-meta{margin-top:24px;min-width:0}.invoice-actions{flex-direction:column}.invoice-actions .btn{width:100%}}@media print{header,.topbar,footer,.no-print,.cookie-banner,.impersonation-bar{display:none!important}.invoice-sheet{box-shadow:none;border:0;padding:0}.section{padding:0}}

/* V15.14 professionals */
.pro-directory-card{display:flex;flex-direction:column;gap:10px}.pro-directory-card .btn{margin-top:auto}.footer-grid{align-items:start}

/* V15.19 SEO contextual link hub */
.seo-link-hub{padding:42px 0;background:#f5f8f6;border-top:1px solid #e3ebe7}.seo-link-hub-head{margin-bottom:18px}.seo-link-hub-head h2{margin:5px 0 0;font-size:clamp(1.35rem,2.2vw,2rem)}.seo-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seo-link-card{display:flex;flex-direction:column;gap:5px;padding:17px 18px;border:1px solid #dfe9e4;border-radius:14px;background:#fff;color:#073c32;text-decoration:none;transition:.18s ease}.seo-link-card:hover{transform:translateY(-2px);border-color:#9fcabb;box-shadow:0 8px 22px rgba(7,60,50,.08)}.seo-link-card span{font-size:.9rem;color:#5b6c65}@media(max-width:800px){.seo-link-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.seo-link-grid{grid-template-columns:1fr}}


/* Campingspots.nl — Fresh Outdoor palette (green + cyan + purple + yellow) */
:root{
  --green:#00A86B;
  --green2:#00B8FF;
  --orange:#7C3AED;
  --orange2:#8B5CF6;
  --yellow:#FFD400;
  --cream:#F7FFF9;
  --ink:#102A43;
  --muted:#5B6B7A;
  --line:#D9EDE5;
  --white:#FFFFFF;
  --shadow:0 18px 50px rgba(0,168,107,.12);
}
body{color:var(--ink);background:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,184,255,.28);outline-offset:2px}
.topbar{background:linear-gradient(90deg,#00A86B 0%,#00B8FF 52%,#7C3AED 100%)}
.navbar{border-bottom-color:#D9EDE5}
.nav-links a:hover,.nav-links a.active{color:#7C3AED}
.btn-primary{background:linear-gradient(135deg,#7C3AED,#8B5CF6);color:#fff;box-shadow:0 10px 26px rgba(124,58,237,.22)}
.btn-primary:hover{background:linear-gradient(135deg,#6D28D9,#7C3AED)}
.btn-dark{background:linear-gradient(135deg,#00A86B,#00B8FF);color:#fff}
.btn-outline{border-color:#BDE8D5;color:#007F51}
.btn-soft{background:#E8FFF5;color:#007F51}
.search-tabs a.active{background:linear-gradient(135deg,#00A86B,#00B8FF)}
.tag,.step:before,.icon-link b{background:#7C3AED}
.price,.section-kicker{color:#00A86B}
.pill{background:#F3EEFF;color:#6D28D9}
.plan.popular{border-color:#7C3AED;box-shadow:0 15px 35px rgba(124,58,237,.14)}
.page-hero{background:linear-gradient(135deg,#E9FFF6 0%,#EEF9FF 52%,#F5F0FF 100%)}
.auth-shell{background:linear-gradient(135deg,#E9FFF6,#EEF9FF 55%,#F5F0FF)}
.cta-wide{background:linear-gradient(135deg,#00A86B 0%,#00B8FF 58%,#7C3AED 100%)}
.dash-nav{background:linear-gradient(180deg,#008D5B,#00A86B)}
.dash-nav a:hover,.dash-nav a.active{background:rgba(255,255,255,.16)}
.footer{background:#082F49;color:#E8F7FF}
.footer a{color:#D7F4FF}.footer-badges span{background:#0B4C70}
.quick-icon,.feature .icon{background:linear-gradient(135deg,#E8FFF5,#EAF8FF);color:#6D28D9}
.notice{background:#FFFBEA;border-color:#FFE066}
.blog-content .blog-faq summary:after,.storage-faq summary:after{color:#7C3AED!important}
.cookie-option-toggle input{accent-color:#7C3AED}
::selection{background:#CFF7E7;color:#102A43}