.vs-onepage{--max:1200px; --pad:clamp(16px,3.6vw,32px); --accent:#111; --border:1px solid #eaeaea;}}
.vs-onepage *{box-sizing:border-box}}
.vs-onepage body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:#fff}}
.vs-onepage img{max-width:100%;display:block}}
.vs-onepage a{color:inherit;text-decoration:none}}
.vs-onepage .container{width:min(var(--max),100%);margin-inline:auto;padding-inline:var(--pad)}}
.vs-onepage .topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:var(--border)}}
.vs-onepage .nav{display:flex;align-items:center;justify-content:space-between;padding:12px var(--pad);gap:16px}}
.vs-onepage .brand{display:flex;align-items:center;gap:12px}}
.vs-onepage .brand img{height:72px;width:auto}}
.vs-onepage .menu{display:flex;align-items:center;gap:clamp(14px,2.8vw,28px);font-weight:700;flex-wrap:wrap;justify-content:flex-end}}
.vs-onepage .menu a{position:relative;padding:6px 2px;white-space:nowrap}}
.vs-onepage .menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#000;opacity:0;transform:scaleX(0);transition:160ms ease}}
.vs-onepage .menu a:hover::after, .vs-onepage .menu a:focus-visible::after{opacity:1;transform:scaleX(1)}}
.vs-onepage .lang-switch{display:flex;align-items:center;gap:6px;font-size:14px;margin-left:10px;white-space:nowrap}}
.vs-onepage .lang-switch button{border:0;background:none;padding:4px 6px;cursor:pointer;font-weight:700;opacity:.6}}
.vs-onepage .lang-switch button.active{opacity:1;text-decoration:underline}}
.vs-onepage .hero{position:relative;aspect-ratio:21/9;min-height:clamp(300px,36vw,560px);overflow:hidden;border-bottom:var(--border)}}
.vs-onepage .slides{position:absolute;inset:0}}
.vs-onepage .slides figure{position:absolute;inset:0;margin:0;opacity:0;animation:fade 21s infinite}}
.vs-onepage .slides figure:nth-child(1){animation-delay:0s}}
.vs-onepage .slides figure:nth-child(2){animation-delay:7s}}
.vs-onepage .slides figure:nth-child(3){animation-delay:14s}}
.vs-onepage .slides img{width:100%;height:100%;object-fit:cover}}
@keyframes fade{0%{opacity:0}}
.vs-onepage 5%{opacity:1}}
.vs-onepage 30%{opacity:1}}
.vs-onepage 35%{opacity:0}}
.vs-onepage 100%{opacity:0}}
.vs-onepage .overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,0) 40%)}}
.vs-onepage .caption{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);color:#fff;font-weight:800;letter-spacing:.02em;text-shadow:0 2px 16px rgba(0,0,0,.35);text-align:center}}
.vs-onepage .caption span{display:block;
font-size:clamp(22px,3.2vw,30px);
max-width:1100px;
margin-inline:auto;}}
.vs-onepage section{padding:clamp(20px,4.2vw,52px) 0}}
.vs-onepage .section-title{display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(18px,3vw,28px)}}
.vs-onepage .section-title h2{margin:0;font-size:clamp(22px,3vw,32px)}}
.vs-onepage .rule{flex:1;height:1px;background:#eee}}
.vs-onepage .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.6vw,28px)}}
.vs-onepage .card{border:1px solid #efefef;border-radius:16px;overflow:clip;background:#fff;transition:transform .15s ease, box-shadow .15s ease;cursor:pointer}}
.vs-onepage .card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.06)}}
.vs-onepage .card-media{aspect-ratio:16/10;background:#f4f4f4}}
.vs-onepage .card-body{padding:18px;display:grid;gap:10px}}
.vs-onepage .card h3{margin:0;font-size:clamp(18px,2.2vw,22px)}}
.vs-onepage .btn{display:inline-flex;align-items:center;gap:8px;border:2px solid #111;padding:10px 14px;border-radius:999px;font-weight:800}}
.vs-onepage .btn:hover{background:#111;color:#fff}}
.vs-onepage .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}}
.vs-onepage .chip{border:1.5px solid #111;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer;background:#fff}}
.vs-onepage .chip[aria-pressed="true"]{background:#111;color:#fff}}
.vs-onepage .logo-slider{overflow:hidden;position:relative}}
.vs-onepage .logo-belt{display:flex;flex-wrap:nowrap;gap:28px;will-change:transform;padding:6px 4px;align-items:center}}
.vs-onepage .logo-belt img{height:56px;width:auto;max-width:150px;object-fit:contain}}
.vs-onepage .footer-logos img{filter:grayscale(100%) contrast(105%)}}
.vs-onepage .footer-logos img:hover{filter:none}}
.vs-onepage footer{margin-top:clamp(24px,6vw,64px);background:#000;color:#fff}}
.vs-onepage .footer-wrap{min-height:320px;display:grid;grid-template-columns:1.2fr .9fr 1.1fr;gap:clamp(18px,3vw,36px);align-items:start;padding:clamp(28px,6vw,64px) 0}}
.vs-onepage .f-brand img{height:120px;margin-bottom:10px;}}
.vs-onepage .f-col h4{margin:0 0 12px 0;font-size:15px;letter-spacing:.06em;text-transform:uppercase;opacity:.9}}
.vs-onepage .f-list{display:grid;gap:8px;font-size:15px}}
.vs-onepage .footnote{border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px var(--pad);font-size:13px;color:#dcdcdc;flex-wrap:wrap}}
.vs-onepage .footnote a{color:inherit;text-decoration:underline}}
.vs-onepage form{display:grid;gap:10px}}
.vs-onepage input, .vs-onepage textarea{padding:10px 12px;border-radius:10px;border:1px solid #2a2a2a;background:#0a0a0a;color:#fff}}
.vs-onepage input::placeholder, .vs-onepage textarea::placeholder{color:#cfcfcf}}
.vs-onepage .row-2{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}}
.vs-onepage .submit{background:#fff;color:#000;border:none;font-weight:800;cursor:pointer;border-radius:999px;padding:12px 16px}}
.vs-onepage .submit:hover{opacity:.9}}
.vs-onepage .alert{background:#e0ffe5;color:#145523;border:1px solid #9ad5a8;border-radius:10px;padding:10px 14px;font-size:14px;margin-bottom:10px}}
.vs-onepage .lang-fr{display:none}}
.vs-onepage .electro-inner{text-align:center}}
.vs-onepage .electro-inner p{margin-bottom:10px}}
.vs-onepage .electro-banner{margin-top:18px;border-radius:10px;overflow:hidden}}
.vs-onepage .electro-banner img{width:100%;height:auto;display:block}}
@media (max-width:980px){.grid{grid-template-columns:1fr 1fr}}
.vs-onepage .footer-wrap{grid-template-columns:1fr 1fr}}
.vs-onepage .nav{flex-wrap:wrap}}
.vs-onepage .brand{flex:1 0 100%;justify-content:center}}
.vs-onepage .menu{justify-content:center}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}
.vs-onepage .hero{aspect-ratio:16/9}}
.vs-onepage .menu{gap:14px;font-size:13px}}
.vs-onepage .footer-wrap{grid-template-columns:1fr}}
.vs-onepage .footer-logos-grid{display:flex;flex-wrap:wrap;gap:18px 26px;justify-content:flex-start;margin-top:8px;}}
.vs-onepage .footer-logos-grid img{height:56px;width:auto;object-fit:contain;filter:grayscale(100%) contrast(110%);}}
.vs-onepage .electro-banner.premium{margin-top:22px;background:#000;color:#fff;padding:22px 20px 24px;border-radius:14px;}}
.vs-onepage .electro-banner.premium .banner-line{height:1px;background:rgba(255,255,255,0.6);margin-inline:auto;margin-bottom:14px;}}
.vs-onepage .electro-banner.premium .banner-line:last-child{margin-top:14px;margin-bottom:0;}}
.vs-onepage .electro-banner.premium .banner-inner{display:flex;flex-wrap:wrap;align-items:center;gap:18px;}}
.vs-onepage .electro-banner.premium .banner-logo img{height:42px;width:auto;display:block;}}
.vs-onepage .electro-banner.premium .banner-text{flex:1;min-width:200px;font-size:14px;line-height:1.5;}}
@media (max-width:640px){.electro-banner.premium{padding:18px 14px 20px;}}
.vs-onepage .electro-banner.premium .banner-inner{flex-direction:column;align-items:flex-start;}}
.vs-onepage .electro-banner-static{margin-top:22px;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.18);}}
.vs-onepage .electro-banner-static img{display:block;width:100%;height:auto;}}
.vs-onepage .f-brand p:nth-of-type(2){font-size:18px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;}}
.vs-onepage #departementen{padding-bottom:clamp(14px,3vw,30px);}}
.vs-onepage #kachels{padding-top:clamp(14px,3vw,30px);}}
.vs-onepage .footer-partner{margin-top:140px;
text-align:left;}}
.vs-onepage .footer-partner img{height:80px;
width:auto;
opacity:0.95;}}
