:root{--ink:#102a43;--muted:#5c6f82;--blue:#095da8;--blue2:#0a73c9;--ice:#edf7ff;--line:#d7e2ea;--white:#fff;--dark:#0b2239;--shadow:0 18px 50px rgba(16,42,67,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:820px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav-wrap{width:min(1220px,calc(100% - 36px));margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--blue);color:#fff}.main-nav{display:flex;align-items:center;gap:24px}.main-nav a{text-decoration:none;font-weight:650;font-size:.95rem}.menu-toggle{display:none;background:none;border:0;font-size:1.6rem}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:13px 20px;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px rgba(9,93,168,.18)}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-small{padding:10px 16px}.btn-full{width:100%}.btn-ghost{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:none}.hero{background:radial-gradient(circle at 85% 20%,#d8efff 0,transparent 28%),linear-gradient(145deg,#f7fbff,#e8f5ff);padding:92px 0 82px}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:850;color:var(--blue)}h1,h2,h3{line-height:1.08;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:clamp(2.6rem,6vw,5.1rem);max-width:820px}h2{font-size:clamp(2rem,4vw,3.25rem)}h3{font-size:1.35rem}.lead{font-size:1.18rem;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:12px;margin:28px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#35536d;font-size:.92rem;font-weight:650}.hero-card{background:#fff;border:1px solid #dcebf4;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.snow-icon{font-size:3.5rem;margin-bottom:18px}.section{padding:84px 0}.section-soft{background:#f5f9fc}.section-dark{background:var(--dark);color:#fff}.section-head{max-width:760px;margin-bottom:34px}.section-head p{color:var(--muted);font-size:1.04rem}.finder{max-width:900px}.card-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.finder-tabs{display:flex;gap:8px;margin-bottom:22px}.tab{border:0;background:#eef3f7;padding:10px 16px;border-radius:10px;font-weight:750;cursor:pointer}.tab.active{background:var(--dark);color:#fff}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel label,.reserve-form label{display:block;font-weight:700;font-size:.92rem}.plate-row,.search-row,.inline-size{display:flex;gap:10px;align-items:stretch;margin-top:8px}.plate{display:flex;flex:1;min-width:0;border:2px solid #1f2937;border-radius:10px;overflow:hidden;background:#facc15}.plate span{display:grid;place-items:center;background:#1555a2;color:#fff;padding:0 12px;font-weight:800;font-size:.8rem}.plate input{border:0!important;background:#facc15!important;font-weight:900;font-size:1.45rem;letter-spacing:.08em;text-transform:uppercase}.finder input,.reserve-form input,.reserve-form textarea,.inline-size input{width:100%;padding:13px 14px;border:1px solid #cbd8e2;border-radius:10px;font:inherit;outline:none;background:#fff}.finder input:focus,.reserve-form input:focus,.reserve-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,93,168,.1)}.vehicle-result{margin-top:20px}.vehicle-card{display:flex;justify-content:space-between;background:var(--ice);border:1px solid #cfe7f8;border-radius:14px;padding:18px}.vehicle-card div{display:flex;flex-direction:column}.vehicle-card strong{font-size:1.25rem}.vehicle-card span{color:var(--muted)}.size-options{display:flex;flex-wrap:wrap;gap:10px}.size-btn{background:#fff;border:1px solid var(--blue);color:var(--blue);border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.notice,.loading{margin-top:16px;padding:16px 18px;border-radius:12px;background:#f3f7fa;border:1px solid var(--line)}.notice.error{background:#fff1f1;border-color:#f2b8b8;color:#8b1e1e}.result-grid{margin-top:28px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(16,42,67,.08)}.product-image{aspect-ratio:4/3;background:#eef4f8;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;display:block}.product-body{padding:20px}.product-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.pill{background:#edf6ff;color:#07538f;padding:5px 9px;border-radius:99px;font-size:.75rem;font-weight:800}.stock{font-size:.78rem;font-weight:750;color:#18794e}.stock.out{color:#a33}.product-body p{color:var(--muted);min-height:46px}.price{font-size:1.45rem;font-weight:850;margin:18px 0}.price small{font-size:.75rem;color:var(--muted);font-weight:600}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{background:#fff;padding:28px;border-radius:16px;border:1px solid var(--line)}.steps article>span{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);color:#fff;border-radius:50%;font-weight:850;margin-bottom:18px}.reserve-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.section-dark .eyebrow{color:#72c0ff}.selected-summary{margin-top:24px;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;display:flex;flex-direction:column;background:rgba(255,255,255,.06)}.reserve-form{background:#fff;color:var(--ink);padding:28px;border-radius:18px}.reserve-form label{margin-bottom:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.narrow details{border-bottom:1px solid var(--line);padding:18px 0}.narrow summary{font-weight:800;cursor:pointer}.narrow details p{color:var(--muted)}footer{background:#07192a;color:#c7d5e1;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner div{display:flex;gap:18px}.footer-inner a{text-decoration:none}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.hero-grid,.reserve-grid{grid-template-columns:1fr}.hero-card{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:65px 0}.reserve-grid{gap:30px}}@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.section{padding:62px 0}.plate-row,.search-row,.inline-size,.hero-actions{flex-direction:column}.product-grid,.steps,.field-grid{grid-template-columns:1fr}.product-body p{min-height:0}.footer-inner{flex-direction:column}.brand span:last-child{font-size:.88rem}h1{font-size:2.65rem}}
.finder-period{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.finder-period small,.form-note{display:block;color:var(--muted);margin-top:8px}.steps.four{grid-template-columns:repeat(4,1fr)}.availability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.availability-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.availability-card p{color:var(--muted)}.availability-free{display:inline-block;color:#18794e;font-weight:750}.busy-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.busy-list span{background:#fff0f0;color:#8b1e1e;border:1px solid #f2cccc;border-radius:9px;padding:7px 10px;font-size:.84rem;font-weight:700}.mini-busy{margin:12px 0}.mini-busy summary{cursor:pointer;font-weight:700;color:var(--blue)}.product-card.unavailable{opacity:.72}.success-page{min-height:100vh;background:linear-gradient(145deg,#f7fbff,#e8f5ff);display:grid;align-items:center}.success-card{text-align:center;padding:40px}.success-card h1{font-size:clamp(2rem,6vw,3.6rem)}.success-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e8f8ee;color:#18794e;font-size:2.2rem;font-weight:900}.confirmation-box{display:inline-flex;flex-direction:column;padding:15px 22px;border-radius:12px;background:var(--ice);margin:12px 0}.confirmation-box span{font-size:.8rem;color:var(--muted)}.confirmation-box strong{font-size:1.15rem}.mail-ok{color:#18794e;font-weight:750}@media(max-width:1000px){.steps.four{grid-template-columns:repeat(2,1fr)}.availability-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.steps.four,.availability-grid{grid-template-columns:1fr}.site-header{padding-top:env(safe-area-inset-top)}.nav-wrap{min-height:66px}.main-nav{top:66px;max-height:calc(100vh - 66px);overflow:auto}.finder.card-panel,.reserve-form{padding:18px}.plate input{font-size:1.25rem}.btn{min-height:48px}.product-card{border-radius:14px}.product-image{aspect-ratio:16/10}.success-card{padding:24px 18px}}

/* Centrale keuzehulp */
.seo-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.seo-guide-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.seo-guide-grid article p{color:var(--muted)}
.seo-guide-grid article a{color:var(--blue);font-weight:800;text-decoration:none}
.fit-warning{margin:24px 0 0;padding:16px 18px;border:1px solid #cfe1ef;border-radius:12px;background:#fff;color:#35536d}
@media(max-width:900px){.seo-guide-grid{grid-template-columns:1fr}}

/* Compactere verticale ruimte tussen inhoudsblokken */
@media (min-width: 621px){
  #hoe.section{padding-top:58px;padding-bottom:48px}
  #hoe .section-head{margin-bottom:24px}
  #hoe .steps article{padding:24px}
  #keuzehulp.section{padding-top:48px;padding-bottom:58px}
  #keuzehulp .section-head{margin-bottom:24px}
}

/* === Nieuwe compacte winter-homepage === */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-home{position:relative;isolation:isolate;overflow:hidden;padding:54px 0 28px;background:#eaf5ff url('../img/hero-winter-bg.webp') center center/cover no-repeat}
.hero-home:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(247,252,255,.97) 0%,rgba(247,252,255,.87) 31%,rgba(235,247,255,.45) 55%,rgba(225,242,255,.14) 100%)}
.hero-home:after{content:"";position:absolute;z-index:-1;width:min(42vw,590px);aspect-ratio:1;right:-7vw;bottom:-15%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#102238 0 20%,#273b50 21% 35%,#071522 36% 55%,transparent 56%),repeating-conic-gradient(from 6deg,rgba(220,235,246,.9) 0 2deg,transparent 2deg 15deg);box-shadow:inset 0 0 0 38px rgba(6,21,35,.88),inset 0 0 0 50px rgba(194,214,228,.6),0 20px 50px rgba(10,46,76,.23);opacity:.94;transform:rotate(-7deg)}
.hero-shell{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:30px;align-items:start;position:relative}
.hero-main{min-width:0;max-width:900px}
.hero-home .eyebrow{display:block;margin-bottom:12px;font-size:.78rem;letter-spacing:.08em;color:#0865bc}
.hero-home h1{font-size:clamp(2.45rem,4.15vw,4rem);max-width:760px;margin-bottom:14px;color:#0c2742}
.hero-home h1 em{font-style:normal;color:#0d68c7}
.hero-home .lead{font-size:1.05rem;line-height:1.55;max-width:650px;margin:0 0 24px;color:#355269}
.hero-tip{align-self:center;margin-top:82px;background:rgba(255,255,255,.95);border:1px solid rgba(214,229,240,.95);border-radius:22px;padding:28px 26px;box-shadow:0 18px 45px rgba(23,62,91,.16);position:relative;z-index:2}
.hero-tip .snow-icon{font-size:2.35rem;line-height:1;color:#0769c7;margin:0 0 22px}
.hero-tip h2{font-size:1.75rem;margin-bottom:14px}
.hero-tip p{font-size:.9rem;color:#3f5669;margin:0}
.hero-finder{max-width:830px;background:rgba(255,255,255,.97);border:1px solid rgba(203,219,232,.95);border-radius:16px;box-shadow:0 15px 34px rgba(20,61,91,.13);overflow:visible;position:relative;z-index:3}
.hero-finder .finder-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;width:62%}
.hero-finder .tab{border-radius:0;background:#fff;padding:16px 18px;border-right:1px solid #dce7ef;border-bottom:1px solid #dce7ef;font-size:.92rem;color:#0f2f49}
.hero-finder .tab:first-child{border-top-left-radius:15px}
.hero-finder .tab:nth-child(2){border-top-right-radius:15px}
.hero-finder .tab.active{background:#fff;color:#0867c4;box-shadow:inset 0 -3px 0 #0867c4}
.hero-search-body{display:grid;grid-template-columns:230px 1fr 185px;gap:12px;align-items:start;padding:14px 16px 16px}
.hero-finder .tab-panel{grid-column:1;min-width:0}
.hero-finder .plate{height:52px;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(37,50,61,.12)}
.hero-finder .plate span{padding:0 10px;font-size:.7rem}
.hero-finder .plate input{font-size:1.42rem!important;padding:9px 10px!important}
.hero-finder small{display:block;margin-top:6px;font-size:.73rem;color:#667a8a}
.hero-dates{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-dates label{font-size:.72rem;color:#536979;font-weight:650}
.hero-dates input{margin-top:4px;height:52px;padding:10px 12px!important;font-size:.9rem!important;border-radius:7px!important}
.hero-submit{grid-column:3;height:52px;margin-top:18px;border-radius:7px;font-size:.86rem;padding:0 15px;white-space:nowrap}
.hero-submit span{font-size:1.35rem;margin-left:8px;line-height:1}
.hero-finder:has(.tab[data-tab="maat"].active) .hero-submit{display:none}
.hero-finder:has(.tab[data-tab="maat"].active) .hero-search-body{grid-template-columns:1.25fr 1fr}
.hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{grid-column:2}
.hero-size-search{display:flex;gap:8px}
.hero-size-search .btn{height:52px;padding:0 13px;font-size:.8rem;border-radius:7px;box-shadow:none}
.hero-size-search input{height:52px!important;border-radius:7px!important}
.hero-finder .vehicle-result{margin:10px 0 0;width:min(720px,calc(100vw - 80px))}
.hero-finder .vehicle-card,.hero-finder .notice{background:#fff;border:1px solid #d6e3ec;box-shadow:0 8px 22px rgba(16,42,67,.1)}
.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;max-width:1040px;position:relative;z-index:2}
.hero-benefits>div{display:flex;align-items:center;gap:11px;min-width:0}
.hero-benefits>div>span{flex:0 0 42px;width:42px;height:42px;border:1.5px solid #0870d7;border-radius:50%;display:grid;place-items:center;color:#0870d7;font-size:1.25rem;background:rgba(255,255,255,.7)}
.hero-benefits p{margin:0;display:flex;flex-direction:column;line-height:1.28;min-width:0}
.hero-benefits strong{font-size:.8rem;color:#122f47}
.hero-benefits small{font-size:.73rem;color:#486274;margin-top:4px}
.hero-results{background:#fff}
.hero-results .result-grid:empty{display:none}
#hoe.section{padding-top:42px!important;padding-bottom:44px!important;background:linear-gradient(180deg,#f4f9fd,#eef6fc)}
#hoe .section-head{margin-bottom:20px!important}
#hoe h2{font-size:clamp(1.75rem,3vw,2.35rem)}
#hoe .steps.four{gap:16px}
#hoe .steps article{padding:22px!important;min-height:180px;border-radius:14px;box-shadow:0 7px 22px rgba(16,42,67,.05)}
#hoe .steps article>span{width:34px;height:34px;margin-bottom:14px;font-size:.9rem}
#hoe .steps h3{font-size:1.05rem;margin-bottom:10px;letter-spacing:-.02em}
#hoe .steps p{font-size:.9rem;color:#466074;margin:0}

@media(min-width:901px){
  .site-header .nav-wrap{width:min(1430px,calc(100% - 44px))}
  .site-header .main-nav{gap:20px!important}
  .site-header .main-nav a{font-size:.84rem}
}
@media(max-width:1050px){
  .hero-home:after{right:-16vw;opacity:.58}
  .hero-shell{grid-template-columns:minmax(0,1fr) 210px}
  .hero-search-body{grid-template-columns:210px 1fr 165px}
  .hero-benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .hero-home{padding:42px 0 28px;background-position:center top}
  .hero-home:before{background:rgba(245,251,255,.86)}
  .hero-home:after{display:none}
  .hero-shell{grid-template-columns:1fr}
  .hero-tip{display:none}
  .hero-main{max-width:none}
  .hero-finder{max-width:none}
  .hero-finder .finder-tabs{width:100%}
  .hero-search-body{grid-template-columns:1fr 1fr}
  .hero-finder .tab-panel{grid-column:1/-1}
  .hero-dates{grid-column:1/-1}
  .hero-submit{grid-column:1/-1;margin-top:0}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-search-body{grid-template-columns:1fr}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{grid-column:1}
}
@media(max-width:620px){
  .hero-home{padding-top:30px}
  .hero-home h1{font-size:2.45rem}
  .hero-home .lead{font-size:.96rem;margin-bottom:18px}
  .hero-finder .tab{font-size:.78rem;padding:14px 8px}
  .hero-search-body{display:flex;flex-direction:column;padding:12px}
  .hero-finder .tab-panel,.hero-dates,.hero-submit{width:100%}
  .hero-dates{grid-template-columns:1fr 1fr}
  .hero-benefits{grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:18px}
  .hero-benefits>div>span{width:36px;height:36px;flex-basis:36px;font-size:1rem}
  .hero-benefits strong{font-size:.75rem}.hero-benefits small{font-size:.68rem}
  #hoe.section{padding-top:34px!important}
}

/* 2026-09 compact winter hero: photographed chain wheel + trust checks */
.hero-home{min-height:590px;padding:48px 0 28px;background-position:center center}
.hero-home:after{display:none!important}
.hero-home:before{z-index:-1;background:linear-gradient(90deg,rgba(248,252,255,.96) 0%,rgba(248,252,255,.88) 33%,rgba(235,247,255,.44) 58%,rgba(225,242,255,.10) 100%)}
.hero-shell{grid-template-columns:minmax(0,1fr) 235px;max-width:1160px;position:relative;z-index:3}
.hero-main{max-width:900px}
.hero-home h1{font-size:clamp(2.35rem,3.55vw,3.5rem);line-height:1.02;max-width:710px}
.hero-home .lead{font-size:1rem;margin-bottom:20px}
.hero-finder{max-width:840px}
.hero-wheel{position:absolute;z-index:1;right:0;bottom:0;height:min(640px,100%);width:auto;max-width:35vw;object-fit:contain;object-position:right bottom;pointer-events:none;user-select:none}
.hero-tip{z-index:4;margin-top:118px;transform:translateX(-12px)}
.hero-checkstrip{display:flex;align-items:center;gap:0;margin-top:20px;max-width:880px;position:relative;z-index:4;background:rgba(255,255,255,.18);border-radius:10px;padding:3px 0}
.hero-checkstrip>div{display:flex;align-items:center;gap:9px;padding:7px 18px 7px 0;margin-right:18px;white-space:nowrap;position:relative}
.hero-checkstrip>div:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:24px;background:rgba(38,84,120,.18)}
.hero-checkstrip span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#0870d7;color:#fff;font-size:.92rem;font-weight:900;box-shadow:0 4px 12px rgba(8,112,215,.18)}
.hero-checkstrip strong{font-size:.78rem;color:#102d46;letter-spacing:-.01em}
.section-soft#hoe{padding-top:44px}

@media(max-width:1180px){
  .hero-wheel{max-width:38vw;opacity:.95}
  .hero-tip{transform:none}
  .hero-checkstrip{max-width:760px;flex-wrap:wrap;row-gap:4px}
  .hero-checkstrip>div{margin-right:12px;padding-right:12px}
}
@media(max-width:900px){
  .hero-home{min-height:auto}
  .hero-wheel{display:none}
  .hero-tip{display:none}
  .hero-checkstrip{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;background:transparent}
  .hero-checkstrip>div{margin:0;padding:5px 0}
  .hero-checkstrip>div:after{display:none}
}
@media(max-width:620px){
  .hero-checkstrip{grid-template-columns:1fr}
  .hero-checkstrip span{width:28px;height:28px;flex-basis:28px}
  .hero-checkstrip strong{font-size:.76rem}
}

/* 2026-09 product cards: compacte omschrijving en duidelijke detailknop */
.product-body .product-excerpt{
  min-height:0;
  margin:0 0 12px;
  color:var(--muted);
}
.product-details{
  margin:10px 0 14px;
  border:0;
  border-radius:12px;
  background:transparent;
  overflow:visible;
}
.product-details summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:44px;
  padding:10px 14px;
  border:1px solid #b9d5ea;
  border-radius:10px;
  background:#f3f9fe;
  color:#075a9d;
  font-size:.88rem;
  font-weight:800;
  cursor:pointer;
  list-style:none;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.product-details summary:hover{
  background:#eaf5fd;
  border-color:#7fb6dd;
  transform:translateY(-1px);
}
.product-details summary::-webkit-details-marker{display:none}
.product-details summary:after{content:'+';float:none;margin-left:12px;font-size:1.1rem;line-height:1}
.product-details[open] summary:after{content:'–'}
.product-details-body{
  margin-top:8px;
  padding:14px;
  border:1px solid #dce8f1;
  border-radius:10px;
  background:#f8fbfd;
}
.product-full-description{margin-bottom:14px}
.product-full-description>strong{display:block;margin-bottom:5px;color:#123d5d}
.product-full-description p{margin:0;color:var(--muted);min-height:0}

/* Iconen bij de vier stappen */
#hoe .steps article>.step-icons{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#hoe .steps article>.step-icons .step-number{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;background:var(--blue);color:#fff;border-radius:50%;font-weight:850;font-size:.9rem;margin:0}
#hoe .step-icon{width:34px;height:34px;flex:0 0 34px;fill:none;stroke:#0870d7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Compacte stapkop: nummer en icoon klein naast elkaar */
#hoe .steps article>.step-icons{display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 14px!important;height:32px!important}
#hoe .steps article>.step-icons .step-number{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important;background:var(--blue)!important;color:#fff!important;border-radius:50%!important;font-weight:850!important;font-size:.82rem!important;line-height:1!important;margin:0!important;padding:0!important}
#hoe .steps article>.step-icons .step-icon{display:block!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex:0 0 28px!important;color:var(--blue2)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;margin:0!important;padding:0!important}
#hoe .steps article>.step-icons .step-icon *{fill:none!important;stroke:currentColor!important;vector-effect:non-scaling-stroke}
#hoe .steps article h3{margin-top:0!important;margin-bottom:10px!important}


/* 2026-09 vaste, bredere kenteken-/bandenmaatchecker */
@media (min-width:901px){
  .hero-shell{width:min(1280px,calc(100% - 40px));grid-template-columns:minmax(0,1fr) 245px;gap:28px}
  .hero-main{max-width:970px}
  .hero-finder{width:100%;max-width:940px}
  .hero-finder .finder-tabs{width:570px;grid-template-columns:285px 285px}
  .hero-search-body{grid-template-columns:255px minmax(350px,1fr) 205px;gap:14px;min-height:104px;align-items:start}
  .hero-finder .tab-panel{grid-column:1;width:255px;min-height:76px}
  .hero-dates{grid-column:2;grid-row:1;width:100%}
  .hero-submit{grid-column:3;grid-row:1;width:205px}
  .hero-submit-maat{display:none}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-search-body{grid-template-columns:255px minmax(350px,1fr) 205px}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{grid-column:2;grid-row:1}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-submit-kenteken{display:none}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-submit-maat{display:inline-flex;grid-column:3;grid-row:1}
  .hero-size-search{display:block}
  .hero-size-search input{width:100%}
}
@media (max-width:900px){
  .hero-submit-maat{display:none}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-submit-kenteken{display:none}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-submit-maat{display:inline-flex}
}

/* 2026-09 mobiele optimalisatie hero + checker */
@media (max-width:900px){
  .site-header{position:sticky;top:0}
  .nav-wrap{width:min(100% - 24px,1220px);min-height:68px;gap:12px}
  .site-logo-img{width:240px!important;max-width:72vw!important;height:auto!important;object-fit:contain!important}

  .hero-home{padding:28px 0 24px!important;min-height:auto!important;background-position:42% center!important;background-size:cover!important}
  .hero-home:before{background:linear-gradient(180deg,rgba(248,252,255,.96) 0%,rgba(248,252,255,.90) 58%,rgba(240,249,255,.82) 100%)!important}
  .hero-shell{width:min(100% - 28px,760px)!important;display:block!important}
  .hero-main{width:100%!important;max-width:none!important}
  .hero-home .eyebrow{font-size:.68rem;margin-bottom:7px;display:block}
  .hero-home h1{font-size:clamp(2rem,8.8vw,3rem)!important;line-height:1.02!important;max-width:620px;margin-bottom:12px}
  .hero-home .lead{font-size:.94rem!important;line-height:1.5;max-width:620px;margin-bottom:16px!important}

  .hero-finder{width:100%!important;max-width:none!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(20,61,91,.12)!important}
  .hero-finder .finder-tabs{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .hero-finder .tab{min-width:0;padding:13px 8px!important;font-size:.78rem!important;line-height:1.2;white-space:normal;text-align:center}

  .hero-search-body,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-search-body{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    min-height:0!important;
    padding:14px!important;
  }
  .hero-finder .tab-panel,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-finder .tab-panel{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-height:0!important;
  }
  .hero-finder .plate{width:100%;height:50px!important}
  .hero-finder .plate input{font-size:1.22rem!important;min-width:0}
  .hero-size-search{display:block!important;width:100%}
  .hero-size-search input{width:100%!important;height:50px!important}
  .hero-dates,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .hero-dates label{min-width:0}
  .hero-dates input{width:100%;height:50px!important;min-width:0!important;font-size:.84rem!important}
  .hero-submit,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-submit-maat{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    height:50px!important;
    margin-top:0!important;
    justify-content:center!important;
  }
  .hero-submit-kenteken{display:inline-flex}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-submit-kenteken{display:none!important}
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-submit-maat{display:inline-flex!important}
  .hero-finder .vehicle-result{width:100%!important;max-width:100%!important;margin-top:10px!important}
  .hero-finder .vehicle-card{display:grid;gap:8px;padding:14px}

  .hero-checkstrip{margin-top:14px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 10px!important;width:100%!important;max-width:none!important;padding:0!important}
  .hero-checkstrip>div{padding:5px 0!important;margin:0!important;gap:8px!important;white-space:normal!important}
  .hero-checkstrip span{width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:.78rem!important}
  .hero-checkstrip strong{font-size:.72rem!important;line-height:1.2}

  .hero-wheel,.hero-tip{display:none!important}
  .hero-results .container{width:min(100% - 28px,760px)}
}

@media (max-width:520px){
  .nav-wrap{min-height:64px}
  .site-logo-img{width:205px!important;max-width:70vw!important}
  .main-nav{top:64px!important}
  .hero-home{padding-top:22px!important}
  .hero-shell{width:calc(100% - 22px)!important}
  .hero-home h1{font-size:2.05rem!important}
  .hero-home .lead{font-size:.9rem!important}
  .hero-finder .tab{font-size:.72rem!important;padding:12px 5px!important}
  .hero-search-body,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-search-body{padding:11px!important;gap:10px!important}
  .hero-dates,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{grid-template-columns:1fr!important;gap:8px!important}
  .hero-dates input{height:48px!important}
  .hero-finder .plate,.hero-size-search input,.hero-submit{height:48px!important}
  .hero-checkstrip{grid-template-columns:1fr!important;gap:2px!important;margin-top:10px!important}
  .hero-checkstrip>div{padding:4px 2px!important}
  .section{padding:48px 0}
  .steps.four article{padding:20px!important}
}

/* 2026-09 desktop: voorkom verspringen bij wisselen kenteken/bandenmaat */
@media (min-width:901px){
  .hero-finder{min-height:196px}
  .hero-finder .finder-tabs{height:53px}
  .hero-finder .tab{height:53px;box-sizing:border-box}
  .hero-search-body{position:relative;min-height:118px;box-sizing:border-box}
  .hero-finder .tab-panel{width:255px;min-height:78px;box-sizing:border-box;margin:0}
  .hero-finder .tab-panel:not(.active){display:block!important;position:absolute;left:16px;top:14px;visibility:hidden;opacity:0;pointer-events:none}
  .hero-finder .tab-panel.active{display:block!important;position:relative;left:auto;top:auto;visibility:visible;opacity:1}
  .hero-finder .plate,.hero-size-search input{height:52px!important;box-sizing:border-box}
  .hero-finder small{height:18px;line-height:18px;margin-top:6px;white-space:nowrap}
  .hero-dates,.hero-submit{align-self:start}
}

/* 2026-09 mobiel: compacte kalenderkeuze voor huurperiode */
.mobile-date-ui{display:none}
@media (max-width:900px){
  .hero-dates,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .hero-date-field{position:relative;display:block;min-width:0}
  .hero-date-label{display:block;margin-bottom:5px;font-size:.7rem;font-weight:700;color:#536979}
  .mobile-date-ui{
    display:flex;align-items:center;justify-content:center;gap:7px;
    width:100%;height:46px;padding:0 8px;box-sizing:border-box;
    border:1px solid #cbdbe8;border-radius:8px;background:#fff;
    color:#0a5fb7;font-size:.78rem;font-weight:750;white-space:nowrap;
  }
  .mobile-date-ui svg{width:18px;height:18px;flex:0 0 18px;stroke-width:1.8}
  .hero-date-field input[type="date"]{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;height:46px!important;min-width:0!important;margin:0!important;padding:0!important;
    opacity:0!important;cursor:pointer!important;z-index:2!important;
  }
}
@media (max-width:520px){
  .hero-dates,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .mobile-date-ui{height:44px;font-size:.73rem;padding:0 6px}
  .mobile-date-ui svg{width:17px;height:17px;flex-basis:17px}
  .hero-date-field input[type="date"]{height:44px!important}
}

/* 2026-09 desktop: hero blijft exact op zijn plek bij wisselen zoekmethode */
@media (min-width:901px){
  .hero-home{box-sizing:border-box;min-height:590px}
  .hero-shell{align-items:start}
  .hero-main{align-self:start}
  .hero-finder{box-sizing:border-box;min-height:196px}
  .hero-search-body{box-sizing:border-box;min-height:118px}
  .hero-checkstrip{position:relative}
}

/* 2026-09-01: kalenderknoppen uitsluitend op mobiel */
@media (min-width:901px){
  .hero-date-field .mobile-date-ui{display:none!important}
  .hero-date-field input[type="date"]{
    position:static!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    width:100%!important;
    height:52px!important;
    min-width:0!important;
    margin:0!important;
    padding:0 12px!important;
    cursor:auto!important;
    z-index:auto!important;
  }
}


/* 2026-09-01 definitieve mobiele checker: compactere kalender + één zoekknop */
@media (max-width:900px){
  .hero-finder{overflow:hidden!important}
  .hero-search-body,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-search-body{
    padding:12px!important;
    gap:10px!important;
  }

  /* Compacte huurperiode: twee kleine kalenderknoppen naast elkaar. */
  .hero-dates,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{
    width:100%!important;
    max-width:360px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    justify-self:start!important;
  }
  .hero-date-label{
    font-size:.66rem!important;
    margin-bottom:3px!important;
  }
  .mobile-date-ui{
    height:38px!important;
    min-height:38px!important;
    padding:0 7px!important;
    gap:5px!important;
    border-radius:7px!important;
    font-size:.70rem!important;
    line-height:1!important;
  }
  .mobile-date-ui svg{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    flex:0 0 13px!important;
    stroke-width:1.7!important;
  }
  .hero-date-field input[type="date"]{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  /* Op mobiel is altijd maar één zoekknop zichtbaar. */
  .hero-finder .hero-submit-kenteken,
  .hero-finder .hero-submit-maat{
    display:none!important;
  }
  .hero-finder.mobile-mode-kenteken .hero-submit-kenteken{
    display:inline-flex!important;
  }
  .hero-finder.mobile-mode-maat .hero-submit-maat{
    display:inline-flex!important;
  }
  .hero-submit{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    font-size:.80rem!important;
    padding:0 12px!important;
  }
}

@media (max-width:420px){
  .hero-dates,
  .hero-finder:has(.tab[data-tab="maat"].active) .hero-dates{
    max-width:100%!important;
    gap:6px!important;
  }
  .mobile-date-ui{
    height:36px!important;
    min-height:36px!important;
    padding:0 5px!important;
    font-size:.66rem!important;
  }
  .mobile-date-ui svg{
    width:12px!important;
    height:12px!important;
    min-width:12px!important;
    flex-basis:12px!important;
  }
  .hero-date-field input[type="date"]{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
}

/* Professionele contactpagina */
.contact-page{background:#fff}
.contact-hero{position:relative;overflow:hidden;padding:68px 0 62px;background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.95) 43%,rgba(235,246,255,.78) 70%,rgba(235,246,255,.68) 100%),url('../img/hero-winter-bg.webp') center 44%/cover no-repeat;border-bottom:1px solid #dce8f1}
.contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr);gap:70px;align-items:center}
.contact-intro h1{font-size:clamp(2.75rem,5vw,4.65rem);max-width:760px;margin-bottom:18px}
.contact-intro .lead{max-width:720px;font-size:1.08rem}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.contact-mail-card{justify-self:end;width:min(100%,410px);background:rgba(255,255,255,.94);border:1px solid rgba(200,219,233,.9);border-radius:22px;padding:28px;box-shadow:0 18px 46px rgba(16,42,67,.13);backdrop-filter:blur(8px)}
.contact-icon,.mini-icon{display:grid;place-items:center;color:var(--blue);background:#e9f5ff;border:1px solid #cfe7f8}
.contact-icon{width:54px;height:54px;border-radius:16px;margin-bottom:20px}
.contact-card-label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:850;color:var(--muted);margin-bottom:5px}
.contact-email{display:inline-block;color:var(--ink);font-weight:850;font-size:1.14rem;text-decoration:none;overflow-wrap:anywhere}
.contact-email:hover{color:var(--blue)}
.contact-mail-card p{color:var(--muted);margin:12px 0 0;font-size:.94rem}
.contact-content{padding-top:56px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.contact-info-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 9px 26px rgba(16,42,67,.06)}
.mini-icon{width:42px;height:42px;border-radius:12px;margin-bottom:18px}
.mini-icon svg{width:23px;height:23px}
.contact-info-card h2{font-size:1.28rem;letter-spacing:-.025em;margin-bottom:10px}
.contact-info-card p{color:var(--muted);margin:0;font-size:.95rem}
.contact-bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:26px;align-items:stretch}
.contact-checklist{background:#f4f9fd;border:1px solid #dae9f4;border-radius:20px;padding:30px}
.contact-checklist h2{font-size:1.75rem;margin:7px 0 20px}
.contact-checks{display:grid;grid-template-columns:1fr 1fr;gap:11px 20px}
.contact-checks span{font-size:.94rem;font-weight:700;color:#35536d}
.contact-checks span::first-letter{color:var(--blue)}
.contact-quick-card{background:#0b2239;color:#fff;border-radius:20px;padding:30px;box-shadow:0 12px 30px rgba(11,34,57,.16)}
.contact-quick-card h3{font-size:1.45rem;margin-bottom:10px}
.contact-quick-card p{color:#c9d7e3;font-size:.95rem;margin:0 0 20px}
.contact-quick-card .btn{box-shadow:none}
.contact-text-link{display:inline-block;color:#bfe4ff;margin-top:16px;font-weight:700;font-size:.9rem;text-decoration:none}
.contact-text-link:hover{color:#fff}
.contact-page .main-nav a[aria-current="page"]{color:var(--blue)}
@media(max-width:900px){
  .contact-hero{padding:48px 0 44px;background-position:62% center}
  .contact-hero-grid{grid-template-columns:1fr;gap:26px}
  .contact-mail-card{justify-self:stretch;width:100%}
  .contact-grid{grid-template-columns:1fr 1fr}
  .contact-info-card:last-child{grid-column:1/-1}
  .contact-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .contact-hero{padding:38px 0 34px;background:linear-gradient(rgba(247,251,255,.94),rgba(240,248,255,.94)),url('../img/hero-winter-bg.webp') center/cover no-repeat}
  .contact-intro h1{font-size:2.25rem}
  .contact-intro .lead{font-size:.98rem}
  .contact-actions{display:grid;grid-template-columns:1fr;margin-top:22px}
  .contact-actions .btn{width:100%}
  .contact-mail-card{padding:22px;border-radius:17px}
  .contact-content{padding-top:36px}
  .contact-grid{grid-template-columns:1fr;gap:14px}
  .contact-info-card:last-child{grid-column:auto}
  .contact-info-card{padding:21px}
  .contact-bottom-grid{margin-top:14px;gap:14px}
  .contact-checklist,.contact-quick-card{padding:22px;border-radius:17px}
  .contact-checks{grid-template-columns:1fr;gap:9px}
}

/* Contactpagina: compacte blauwe lijniconen */
.contact-page .contact-icon,
.contact-page .mini-icon{
  display:grid!important;
  place-items:center!important;
  color:#0a73c9!important;
  background:#eaf5ff!important;
  border:1px solid #c9e4f7!important;
  overflow:hidden!important;
}
.contact-page .contact-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:13px!important;
}
.contact-page .mini-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:10px!important;
  margin-bottom:15px!important;
}
.contact-page .contact-icon svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  color:#0a73c9!important;
  fill:none!important;
  stroke:currentColor!important;
}
.contact-page .mini-icon svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  color:#0a73c9!important;
  fill:none!important;
  stroke:currentColor!important;
}
.contact-page .contact-checks span{
  color:#35536d!important;
}
.contact-page .contact-checks span::first-letter{
  color:#0a73c9!important;
}

/* Huurvoorwaarden - dezelfde professionele winterstijl als contact */
.terms-page{background:#fff}
.terms-hero{position:relative;overflow:hidden;padding:62px 0 58px;background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.95) 43%,rgba(235,246,255,.78) 70%,rgba(235,246,255,.68) 100%),url('../img/hero-winter-bg.webp') center 44%/cover no-repeat;border-bottom:1px solid #dce8f1}
.terms-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:72px;align-items:center}
.terms-intro h1{font-size:clamp(2.65rem,5vw,4.4rem);margin:6px 0 16px}
.terms-intro .lead{max-width:700px;font-size:1.06rem;color:var(--muted)}
.terms-meta{display:inline-flex;margin-top:20px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid #d7e6f0;color:#557086;font-weight:750;font-size:.78rem}
.terms-summary-card{justify-self:end;width:min(100%,430px);background:rgba(255,255,255,.95);border:1px solid rgba(200,219,233,.95);border-radius:22px;padding:26px;box-shadow:0 18px 46px rgba(16,42,67,.13);backdrop-filter:blur(8px)}
.terms-card-label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:850;color:var(--muted);margin-bottom:15px}
.terms-summary-item{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:14px 0;border-top:1px solid #e7eef4}
.terms-summary-item:first-of-type{border-top:0;padding-top:0}
.terms-summary-item:last-child{padding-bottom:0}
.terms-summary-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#0a73c9;background:#eaf5ff;border:1px solid #c9e4f7;overflow:hidden}
.terms-summary-icon svg{display:block;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;max-height:20px!important;fill:none!important;stroke:currentColor!important}
.terms-summary-item strong{display:block;color:var(--ink);font-size:.94rem;margin:1px 0 3px}
.terms-summary-item small{display:block;color:var(--muted);font-size:.82rem;line-height:1.45}
.terms-content{padding:52px 0 78px}
.terms-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:start;max-width:1120px}
.terms-nav{position:sticky;top:118px;background:#f5f9fc;border:1px solid #deebf3;border-radius:17px;padding:20px;display:grid;gap:4px}
.terms-nav-title{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:850;color:#6a8194;padding:0 9px 9px}
.terms-nav a{display:block;padding:8px 9px;border-radius:9px;color:#49667e;text-decoration:none;font-size:.87rem;font-weight:700}
.terms-nav a:hover{background:#e8f4fd;color:var(--blue)}
.terms-document{min-width:0}
.terms-opening{background:#f4f9fd;border:1px solid #dae9f4;border-radius:17px;padding:20px 22px;margin-bottom:16px}
.terms-opening p{margin:0;color:#3f5e76;font-weight:650}
.terms-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:17px;padding:28px 0;border-bottom:1px solid #e6edf2;scroll-margin-top:125px}
.terms-section:last-of-type{border-bottom:0}
.terms-number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf5ff;border:1px solid #c9e4f7;color:#0a73c9;font-size:.76rem;font-weight:900;letter-spacing:.03em}
.terms-section h2{font-size:1.34rem;letter-spacing:-.02em;margin:4px 0 10px;color:var(--ink)}
.terms-section p{margin:0 0 11px;color:#516b80;line-height:1.72;font-size:.96rem}
.terms-section p:last-child{margin-bottom:0}
.terms-section a{color:var(--blue);font-weight:750}
.terms-note{margin-top:15px;padding:15px 17px;border-radius:13px;background:#f4f9fd;border:1px solid #d8e9f5;color:#48677f;font-size:.91rem;line-height:1.6}
.terms-contact-card{margin-top:30px;border-radius:20px;padding:27px 30px;background:#0b2239;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 12px 30px rgba(11,34,57,.15)}
.terms-contact-card .eyebrow{color:#86cfff}
.terms-contact-card h2{color:#fff;font-size:1.55rem;margin:5px 0 8px}
.terms-contact-card p{color:#c9d7e3;margin:0;max-width:650px;font-size:.94rem}
.terms-contact-card .btn{flex:0 0 auto;box-shadow:none}
.terms-page footer a[href="huurvoorwaarden.php"]{font-weight:800;color:#fff}
@media(max-width:900px){
  .terms-hero{padding:48px 0 44px;background-position:62% center}
  .terms-hero-grid{grid-template-columns:1fr;gap:26px}
  .terms-summary-card{justify-self:stretch;width:100%}
  .terms-layout{grid-template-columns:1fr;gap:20px}
  .terms-nav{position:static;display:flex;gap:6px;overflow-x:auto;padding:12px;border-radius:14px;scrollbar-width:none}
  .terms-nav::-webkit-scrollbar{display:none}
  .terms-nav-title{display:none}
  .terms-nav a{white-space:nowrap;background:#fff;border:1px solid #deebf3;padding:8px 11px}
}
@media(max-width:620px){
  .terms-hero{padding:36px 0 32px;background:linear-gradient(rgba(247,251,255,.94),rgba(240,248,255,.94)),url('../img/hero-winter-bg.webp') center/cover no-repeat}
  .terms-intro h1{font-size:2.25rem}
  .terms-intro .lead{font-size:.97rem}
  .terms-summary-card{padding:20px;border-radius:17px}
  .terms-content{padding:34px 0 54px}
  .terms-opening{padding:17px 18px}
  .terms-section{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:23px 0}
  .terms-number{width:32px;height:32px;border-radius:9px;font-size:.7rem}
  .terms-section h2{font-size:1.2rem;margin-top:2px}
  .terms-section p{font-size:.92rem;line-height:1.68}
  .terms-note{padding:13px 14px;font-size:.87rem}
  .terms-contact-card{display:grid;padding:22px;border-radius:17px;gap:18px}
  .terms-contact-card .btn{width:100%}
}

/* Privacy - professionele winterstijl, inclusief mobiele inhoudsnavigatie */
.privacy-page{background:#fff}
.privacy-hero{position:relative;overflow:hidden;padding:62px 0 58px;background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.95) 43%,rgba(235,246,255,.78) 70%,rgba(235,246,255,.68) 100%),url('../img/hero-winter-bg.webp') center 44%/cover no-repeat;border-bottom:1px solid #dce8f1}
.privacy-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:72px;align-items:center}
.privacy-intro h1{font-size:clamp(2.65rem,5vw,4.4rem);margin:6px 0 16px}
.privacy-intro .lead{max-width:700px;font-size:1.06rem;color:var(--muted)}
.privacy-meta{display:inline-flex;margin-top:20px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid #d7e6f0;color:#557086;font-weight:750;font-size:.78rem}
.privacy-summary-card{justify-self:end;width:min(100%,430px);background:rgba(255,255,255,.95);border:1px solid rgba(200,219,233,.95);border-radius:22px;padding:26px;box-shadow:0 18px 46px rgba(16,42,67,.13);backdrop-filter:blur(8px)}
.privacy-card-label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:850;color:var(--muted);margin-bottom:15px}
.privacy-summary-item{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:14px 0;border-top:1px solid #e7eef4}
.privacy-summary-item:first-of-type{border-top:0;padding-top:0}.privacy-summary-item:last-child{padding-bottom:0}
.privacy-summary-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#0a73c9;background:#eaf5ff;border:1px solid #c9e4f7;overflow:hidden}
.privacy-summary-icon svg{display:block;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;max-height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8}
.privacy-summary-item strong{display:block;color:var(--ink);font-size:.94rem;margin:1px 0 3px}.privacy-summary-item small{display:block;color:var(--muted);font-size:.82rem;line-height:1.45}
.privacy-content{padding:52px 0 78px}.privacy-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:start;max-width:1120px}
.privacy-nav{position:sticky;top:118px;background:#f5f9fc;border:1px solid #deebf3;border-radius:17px;padding:20px;display:grid;gap:4px}
.privacy-nav-title{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:850;color:#6a8194;padding:0 9px 9px}
.privacy-nav a{display:block;padding:8px 9px;border-radius:9px;color:#49667e;text-decoration:none;font-size:.87rem;font-weight:700}.privacy-nav a:hover{background:#e8f4fd;color:var(--blue)}
.privacy-document{min-width:0}.privacy-opening{background:#f4f9fd;border:1px solid #dae9f4;border-radius:17px;padding:20px 22px;margin-bottom:16px}.privacy-opening p{margin:0;color:#3f5e76;font-weight:650}
.privacy-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:17px;padding:28px 0;border-bottom:1px solid #e6edf2;scroll-margin-top:125px}.privacy-section:last-of-type{border-bottom:0}
.privacy-number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf5ff;border:1px solid #c9e4f7;color:#0a73c9;font-size:.76rem;font-weight:900;letter-spacing:.03em}
.privacy-section h2{font-size:1.34rem;letter-spacing:-.02em;margin:4px 0 10px;color:var(--ink)}.privacy-section h3{font-size:1.02rem;margin:18px 0 7px;color:var(--ink)}
.privacy-section p{margin:0 0 11px;color:#516b80;line-height:1.72;font-size:.96rem}.privacy-section p:last-child{margin-bottom:0}.privacy-section a{color:var(--blue);font-weight:750}
.privacy-note{margin-top:15px;padding:15px 17px;border-radius:13px;background:#f4f9fd;border:1px solid #d8e9f5;color:#48677f;font-size:.91rem;line-height:1.6}
.privacy-contact-card{margin-top:30px;border-radius:20px;padding:27px 30px;background:#0b2239;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 12px 30px rgba(11,34,57,.15)}
.privacy-contact-card .eyebrow{color:#86cfff}.privacy-contact-card h2{color:#fff;font-size:1.55rem;margin:5px 0 8px}.privacy-contact-card p{color:#c9d7e3;margin:0;max-width:650px;font-size:.94rem}.privacy-contact-card .btn{flex:0 0 auto;box-shadow:none}
.privacy-page footer a[href="privacy.php"]{font-weight:800;color:#fff}
@media(max-width:900px){
  .privacy-hero{padding:48px 0 44px;background-position:62% center}.privacy-hero-grid{grid-template-columns:1fr;gap:26px}.privacy-summary-card{justify-self:stretch;width:100%}
  .privacy-layout{grid-template-columns:1fr;gap:20px}.privacy-nav{position:static;display:flex;gap:6px;overflow-x:auto;padding:12px;border-radius:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.privacy-nav::-webkit-scrollbar{display:none}.privacy-nav-title{display:none}.privacy-nav a{white-space:nowrap;background:#fff;border:1px solid #deebf3;padding:8px 11px;flex:0 0 auto}
}
@media(max-width:620px){
  .privacy-hero{padding:36px 0 32px;background:linear-gradient(rgba(247,251,255,.94),rgba(240,248,255,.94)),url('../img/hero-winter-bg.webp') center/cover no-repeat}.privacy-intro h1{font-size:2.25rem}.privacy-intro .lead{font-size:.97rem}.privacy-summary-card{padding:20px;border-radius:17px}
  .privacy-content{padding:34px 0 54px}.privacy-nav{margin-left:-2px;margin-right:-2px}.privacy-opening{padding:17px 18px}.privacy-section{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:23px 0}.privacy-number{width:32px;height:32px;border-radius:9px;font-size:.7rem}.privacy-section h2{font-size:1.2rem;margin-top:2px}.privacy-section h3{font-size:.98rem}.privacy-section p{font-size:.92rem;line-height:1.68}.privacy-note{padding:13px 14px;font-size:.87rem}.privacy-contact-card{display:grid;padding:22px;border-radius:17px;gap:18px}.privacy-contact-card .btn{width:100%}
}

/* Huurvoorwaarden akkoord bij reserveren */
.terms-consent{display:flex;align-items:flex-start;gap:10px;margin:4px 0 14px;font-size:.92rem;line-height:1.45;cursor:pointer}
.terms-consent input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin:2px 0 0;accent-color:#1677e8}
.terms-consent a{color:#1677e8;font-weight:700;text-decoration:underline;text-underline-offset:2px}
@media(max-width:768px){
  .terms-consent{font-size:.88rem;gap:9px;margin:2px 0 12px}
  .terms-consent input[type="checkbox"]{width:17px;height:17px;min-width:17px}
}

/* Checkbox huurvoorwaarden: checkbox altijd vóór de tekst */
.reserve-form label.terms-consent{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content:flex-start;
  gap:10px;
}
.reserve-form label.terms-consent input[type="checkbox"]{
  flex:0 0 18px;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  margin:2px 0 0 0;
  padding:0;
}
.reserve-form label.terms-consent span{
  flex:1 1 auto;
  width:auto;
  min-width:0;
}
@media(max-width:768px){
  .reserve-form label.terms-consent{gap:9px}
  .reserve-form label.terms-consent input[type="checkbox"]{
    flex-basis:17px;
    width:17px !important;
    min-width:17px !important;
    max-width:17px !important;
    height:17px !important;
  }
}

/* Privacy: dezelfde kaartweergave als Contact */
.privacy-page .privacy-content{padding-top:56px}
.privacy-page .privacy-layout{display:block;max-width:1180px}
.privacy-page .privacy-nav{position:static;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:14px 16px;background:#f4f9fd;border:1px solid #dae9f4;border-radius:18px}
.privacy-page .privacy-nav-title{width:100%;padding:0 2px 6px}
.privacy-page .privacy-nav a{background:#fff;border:1px solid #dce9f2;padding:8px 11px;border-radius:9px}
.privacy-page .privacy-document{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.privacy-page .privacy-opening{grid-column:1/-1;margin:0;padding:22px 24px;border-radius:18px}
.privacy-page .privacy-section{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-content:start;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(16,42,67,.06);scroll-margin-top:125px}
.privacy-page .privacy-section:last-of-type{border-bottom:1px solid var(--line)}
.privacy-page .privacy-number{width:34px;height:34px;border-radius:10px}
.privacy-page .privacy-section h2{font-size:1.25rem;margin:3px 0 9px}
.privacy-page .privacy-section h3{font-size:1rem;margin:16px 0 6px}
.privacy-page .privacy-section p{font-size:.93rem;line-height:1.65}
.privacy-page .privacy-contact-card{grid-column:1/-1;margin-top:2px}
@media(max-width:900px){
  .privacy-page .privacy-document{grid-template-columns:1fr}
  .privacy-page .privacy-opening,.privacy-page .privacy-contact-card{grid-column:auto}
  .privacy-page .privacy-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:11px 12px;margin-bottom:16px}
  .privacy-page .privacy-nav::-webkit-scrollbar{display:none}
  .privacy-page .privacy-nav-title{display:none}
  .privacy-page .privacy-nav a{white-space:nowrap;flex:0 0 auto}
}
@media(max-width:600px){
  .privacy-page .privacy-content{padding-top:36px}
  .privacy-page .privacy-section{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:19px;border-radius:16px}
  .privacy-page .privacy-number{width:30px;height:30px;font-size:.68rem}
  .privacy-page .privacy-opening{padding:18px}
}

/* Desktop: zoekblok via hoofdmenu iets lager in beeld tonen.
   Zo blijft de hero-titel zichtbaar wanneer #zoeken wordt geopend. */
@media (min-width:901px){
  #zoeken{scroll-margin-top:250px}
}


/* 2026-09 compacte productkaarten: circa 30 woorden en gelijk uitgelijnde detailknoppen */
@media (min-width:621px){
  .product-grid .product-card{display:flex;flex-direction:column;height:100%}
  .product-grid .product-card .product-body{display:flex;flex-direction:column;flex:1}
  .product-grid .product-card .product-top{min-height:30px}
  .product-grid .product-card h3{min-height:2.9em}
  .product-grid .product-card .product-excerpt{
    min-height:7.25em;
    margin-bottom:12px;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .product-grid .product-card .product-details{margin-top:0}
  .result-grid .product-card .product-details{margin-top:0}
}
@media (max-width:620px){
  .product-grid .product-card h3,
  .product-grid .product-card .product-excerpt{min-height:0}
}

/* Kies deze variant: duidelijke overgang naar reserveren */
.choose-product{font-weight:800}
\n\n/* 2026-09-10: beschikbaarheid als secundaire actie onder de huurprijs */
.availability-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin:10px 0;padding:10px 14px;border-radius:12px;background:#fff;border:2px solid #0a72ce;color:#0a67bd;text-decoration:none;font-size:.92rem;font-weight:800;line-height:1.15;transition:.18s ease}
.availability-button:hover{background:#eef7ff;color:#084f98;border-color:#084f98}
.availability-button span{font-size:1.05rem}
@media(max-width:620px){.availability-button{min-height:44px;margin:9px 0;padding:9px 12px;font-size:.86rem}}

/* 2026-09-10: mobiel leesbare datumvelden in reservering, met native kalender er bovenop */
.reserve-date-ui{display:none}
@media(max-width:900px){
  .reserve-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .reserve-date-field{position:relative;display:block;min-width:0}
  .reserve-date-field>span:first-child{display:block;margin-bottom:5px;font-size:.78rem;font-weight:700}
  .reserve-date-ui{
    display:flex;align-items:center;gap:8px;width:100%;height:48px;
    box-sizing:border-box;padding:0 11px;border:1px solid #cbdbe8;border-radius:9px;
    background:#fff;color:#102a43;font-size:1rem;font-weight:750;white-space:nowrap
  }
  .reserve-date-ui svg{width:19px;height:19px;flex:0 0 19px;stroke:#0a5fb7;stroke-width:1.8}
  .reserve-date-field input[type="date"]{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:48px!important;margin:0!important;padding:0!important;
    opacity:0!important;cursor:pointer!important;z-index:3!important;
  }
}
@media(max-width:420px){
  .reserve-date-grid{gap:7px!important}
  .reserve-date-ui{height:46px;padding:0 8px;font-size:.91rem;gap:6px}
  .reserve-date-ui svg{width:17px;height:17px;flex-basis:17px}
  .reserve-date-field input[type="date"]{height:46px!important}
}

/* Beschikbaarheidsknop onder de huurprijs */
.availability-button .availability-icon{width:20px;height:20px;flex:0 0 20px}
.availability-button span{font-size:inherit}

/* Beschikbaarheid: secundaire CTA onder de huurprijs */
.product-card .availability-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  min-height:48px;
  margin:12px 0 10px;
  padding:11px 16px;
  box-sizing:border-box;
  border:1.5px solid #1683e5;
  border-radius:11px;
  background:#fff;
  color:#0872cf;
  text-decoration:none;
  font-size:.9rem;
  font-weight:800;
  line-height:1.2;
  box-shadow:none;
}
.product-card .availability-button .availability-icon{
  width:19px;
  height:19px;
  flex:0 0 19px;
  stroke:currentColor;
}
.product-card .availability-button:hover,
.product-card .availability-button:focus-visible{
  background:#f2f8ff;
  border-color:#0872cf;
  color:#075fa9;
}
.product-card .availability-button + .choose-catalog-product{
  margin-top:0;
}
@media(max-width:620px){
  .product-card .availability-button{
    min-height:46px;
    margin:11px 0 9px;
    padding:10px 12px;
    font-size:.86rem;
  }
}

/* Mobiele weergave beschikbaarheidsknop - gecorrigeerd */
@media (max-width: 620px){
  .product-card .availability-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:42px!important;
    height:auto!important;
    margin:10px 0 8px!important;
    padding:9px 10px!important;
    box-sizing:border-box!important;
    border:1.5px solid #1683e5!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#0872cf!important;
    font-size:.84rem!important;
    font-weight:800!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .product-card .availability-button .availability-icon{
    display:block!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    flex:0 0 17px!important;
  }
  .product-card .availability-button span{
    display:block!important;
    min-width:0!important;
    font-size:inherit!important;
    line-height:1.15!important;
  }
  .product-card .availability-button + .choose-catalog-product{
    width:100%!important;
    margin-top:0!important;
  }
}

/* Reserveringsformulier: verplichte velden en validatiemeldingen */
.required-fields-note{margin:0 0 14px;font-size:.9rem;font-weight:700;}
.required-fields-note span,.required-marker{color:#ffb4b4;font-weight:900;}
.optional-label{font-size:.78rem;font-weight:600;opacity:.72;}
.field-warning{display:block;margin-top:7px;padding:9px 11px;border-radius:8px;background:#fff1f1;color:#a51d1d;border:1px solid #efb5b5;font-size:.84rem;font-weight:700;line-height:1.35;}
.field-warning[hidden]{display:none!important;}
.reserve-form input:invalid:not(:placeholder-shown){border-color:#d9534f;}
@media(max-width:700px){.field-warning{font-size:.8rem;padding:8px 10px}.required-fields-note{font-size:.84rem}}

/* Partnerband boven de footer */
.hjs-partner-band{width:100%;box-sizing:border-box;background:#f4f7fb;padding:48px 0 38px;overflow:hidden;border-top:1px solid #e4ebf2}
.hjs-partner-title{text-align:center;color:#071a33;font-size:13px;font-weight:800;letter-spacing:.18em;margin:0 0 26px}
.hjs-partner-viewport{width:100%;overflow:hidden}
.hjs-partner-track{display:flex;gap:18px;width:max-content;padding:0 18px;align-items:center;justify-content:center;min-width:100%;box-sizing:border-box}
.hjs-partner-card{width:260px;height:116px;flex:0 0 260px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:20px 24px;background:#fff;border:1px solid #dce5ee;border-radius:18px;text-decoration:none;box-shadow:0 2px 7px rgba(7,26,51,.03)}
.hjs-partner-card img{display:block;max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain}
.hjs-partner-track-moving{animation:hjsPartnerScroll 32s linear infinite;justify-content:flex-start;min-width:0}
.hjs-partner-track-moving:hover{animation-play-state:paused}
@keyframes hjsPartnerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.hjs-partner-band{padding:34px 0 30px}.hjs-partner-title{font-size:11px;margin-bottom:20px}.hjs-partner-track{gap:12px;padding:0 12px}.hjs-partner-card{width:190px;height:96px;flex-basis:190px;padding:16px}.hjs-partner-card img{max-height:58px}.hjs-partner-track-moving{animation-duration:26s}}
@media(prefers-reduced-motion:reduce){.hjs-partner-track-moving{animation:none}.hjs-partner-viewport{overflow-x:auto}}

/* Lokale voertuig-fitment fallback; normale siteweergave blijft ongewijzigd */
.vehicle-suggestions{margin-top:14px}.vehicle-suggestion-card{padding:16px;border:1px solid #dce5ef;border-radius:14px;background:#fff}
.vehicle-suggestion-card>strong{display:block;font-size:1.12rem;margin:3px 0 8px}.suggestion-kicker{display:block;font-size:.76rem;font-weight:800;letter-spacing:.08em;color:#52606d}
.vehicle-suggestion-card .size-options{margin:10px 0}

/* Kleine RDW-info in plaats van een groot meldingsblok */
.vehicle-card{position:relative}
.rdw-info{position:absolute;top:16px;right:16px;display:inline-flex;z-index:20;outline:none}
.rdw-info-icon{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8c9dd;background:#f4f8fc;font-weight:800;font-size:14px;line-height:1;cursor:help}
.rdw-info-tip{position:absolute;right:0;top:34px;width:min(330px,calc(100vw - 56px));padding:11px 13px;border:1px solid #d5e0ec;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(16,42,67,.16);font-size:14px;font-weight:400;line-height:1.45;color:#243b53;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}
.rdw-info:hover .rdw-info-tip,.rdw-info:focus .rdw-info-tip,.rdw-info:focus-within .rdw-info-tip{opacity:1;visibility:visible;transform:none}
@media(max-width:640px){
 .vehicle-card{padding-right:54px}
 .rdw-info{top:14px;right:14px}
 .rdw-info-icon{width:28px;height:28px;font-size:15px;cursor:pointer}
 .rdw-info-tip{position:fixed;left:16px;right:16px;top:auto;bottom:18px;width:auto;max-width:none;font-size:14px;z-index:9999}
}

.vehicle-suggestion-card .suggestion-kicker+p{margin-top:10px}

.hjs-network-band{width:100%;box-sizing:border-box;background:#f4f7fb;padding:32px 0;border-top:1px solid #e1e9f1;overflow:hidden}.hjs-network-wrap{width:min(1290px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:26px}.hjs-partner-col{min-width:0;border-left:1px solid #d7e1eb;padding-left:26px}.hjs-network-title{text-align:center;color:#274b70;font-size:13px;font-weight:800;letter-spacing:.16em;margin:0 0 12px}.hjs-own-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hjs-own-card,.hjs-partner-card{height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:12px 18px;background:#fff;border:1px solid #d5e0ea;border-radius:16px;text-decoration:none;color:#173a60;font-size:12px;font-weight:700}.hjs-own-card img,.hjs-partner-card img{display:block;max-width:100%;max-height:76px;width:auto;height:auto;object-fit:contain;margin:auto auto 7px}.hjs-partner-viewport{width:100%;overflow:hidden}.hjs-partner-ticker{display:flex;gap:14px;width:max-content;animation:hjsNetworkTicker 24s linear infinite}.hjs-partner-ticker .hjs-partner-card{width:260px;flex:0 0 260px}.hjs-partner-viewport:hover .hjs-partner-ticker{animation-play-state:paused}@keyframes hjsNetworkTicker{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}@media(max-width:800px){.hjs-network-wrap{width:min(100% - 24px,620px);grid-template-columns:1fr}.hjs-partner-col{border-left:0;border-top:1px solid #d7e1eb;padding:22px 0 0;margin-top:22px}.hjs-own-card{height:102px}.hjs-partner-ticker .hjs-partner-card{width:190px;flex-basis:190px;height:96px}}@media(prefers-reduced-motion:reduce){.hjs-partner-ticker{animation:none}.hjs-partner-viewport{overflow-x:auto}}

.borg-checkout-conditions{margin:12px 0 18px;padding:14px 16px;border:1px solid #d7e3ee;border-radius:12px;background:#f7fafc;color:#173a60;font-size:.9rem;line-height:1.45}
.borg-checkout-conditions>strong{display:block;margin-bottom:5px}.borg-checkout-conditions ul{margin:6px 0 8px 18px;padding:0}.borg-checkout-conditions li{margin:3px 0}.borg-checkout-conditions a{font-weight:700;text-decoration:underline}