@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--green:#2d5a3d;--green-dark:#1e3f2a;--green-light:#a8c5a0;--green-bg:#f0f7f1;--accent:#3d5a3e;--accent-dark:#1d5a3a;--bg:#fff;--bg-warm:#f5f2ec;--text:#1a1a1a;--text-light:#888;--text-mid:#555;--border:#e5e2db}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:Playfair Display,serif}.btn-green{color:#1c1f1a;cursor:pointer;background:#b5a98a;border:none;border-radius:8px;padding:16px 36px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .25s;display:inline-block}.btn-green:hover{background:#a89975;transform:translateY(-2px);box-shadow:0 8px 24px #b5a98a4d}.btn-outline{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;padding:14px 32px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .25s;display:inline-block}.btn-outline:hover{background:#ffffff26}.btn-outline-dark{border:2px solid var(--green);color:var(--green);cursor:pointer;background:0 0;border-radius:8px;padding:12px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .25s;display:inline-block}.btn-outline-dark:hover{background:var(--green-bg)}.section{max-width:1200px;margin:0 auto;padding:80px 24px}.section-label{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-family:Playfair Display,serif;font-size:40px;font-weight:400;line-height:1.15}.product-card{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 24px #0000000f}.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001a}.product-img{color:#aaa;background:linear-gradient(135deg,#e8e4dd,#d4cfc5);justify-content:center;align-items:center;width:100%;height:280px;font-size:14px;display:flex;overflow:hidden}.tag{color:var(--green);background:var(--green-bg);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-block}.opt-card{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:16px;transition:all .2s}.opt-card:hover{border-color:var(--green-light);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.opt-card.active{border-color:var(--green);background:#f6faf5}.color-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:44px;height:44px;transition:all .2s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--green);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--green)}.extra-check{border:2px solid #ccc;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:all .2s;display:flex}.extra-check.active{background:var(--green);border-color:var(--green);color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.7s both fadeUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.section-title{font-size:28px}.section{padding:48px 16px}}@media (max-width:900px){div[style*=grid],section div[style*=grid]{grid-template-columns:1fr!important}div[style*=sticky]{position:static!important}.cfg-layout>*{min-width:0;max-width:100%}div[style*=fixed][style*=bottom]{text-align:center;flex-direction:column!important;gap:8px!important;padding:12px 16px!important}.fade-up div[style*=flex][style*=gap]{flex-direction:column!important;align-items:center!important}.fade-up>div:last-child{justify-content:center!important;gap:16px!important}button[style*="top: 120"]{padding:8px 14px!important;top:80px!important;right:16px!important}button[style*="top: 120"] span:last-child{display:none}section{padding-left:16px!important;padding-right:16px!important}.product-img{height:200px!important}.section div[style*=repeat\(4],.steps-animated{grid-template-columns:1fr 1fr!important}}@media (max-width:480px){h1{font-size:28px!important}h2{font-size:24px!important}.section div[style*=repeat\(4]{grid-template-columns:1fr!important}.steps-animated{grid-template-columns:1fr!important;gap:24px!important}div[style*="1fr 1fr"][style*="gap: 0"],footer div[style*=grid]{grid-template-columns:1fr!important}.fade-up{padding:120px 16px 60px!important}nav{padding:0 12px!important}nav div[style*=max-width]{padding:0!important}}#product-keuze,.cfg-choice-section{scroll-margin-top:120px}.cfg-product-card:focus-visible{outline-offset:3px;outline:3px solid #3d5a3e}input[type=range]{appearance:none;background:#e5e2db;border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3d5a3e;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 2px 6px #00000026}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.25)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #b5a98a66}50%{box-shadow:0 0 0 12px #b5a98a00}}.btn-pulse{animation:2s ease-in-out infinite pulse-glow}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.social-icon{color:#aaa;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s,border-color .2s;display:inline-flex}.social-icon:hover{color:#f5f2ec;border-color:#b5a98a}.wa-float{z-index:55;right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));color:#fff;-webkit-tap-highlight-color:transparent;background:#1c1f1a;border:1px solid #f5f2ecb8;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .2s,border-color .2s;display:flex;position:fixed;box-shadow:0 2px 8px #0000002e}.wa-float:hover{background:#2e342c;border-color:#f5f2eceb}.wa-float:focus-visible{outline-offset:3px;outline:3px solid #f5f2ec}.wa-float svg{width:26px;height:26px;display:block}.wa-float--hidden{visibility:hidden;pointer-events:none}.wa-float--configurator{display:none}@media (max-width:900px){.wa-float{width:46px;height:46px}.wa-float svg{width:24px;height:24px}.wa-float--aanvraag{bottom:calc(96px + env(safe-area-inset-bottom))}.wa-float--verandas{bottom:calc(88px + env(safe-area-inset-bottom))}}.verandas-landing{background:#fff}.verandas-hero{color:#fff;background:#1a1a1a;align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.verandas-hero-shade{z-index:1;background:linear-gradient(#1212128c 0%,#1212121f 38%,#121212c7 100%);position:absolute;inset:0}.verandas-hero-copy{z-index:2;width:min(760px,100%);margin:0 auto;padding:128px 8px 64px;position:relative}.verandas-kicker{letter-spacing:.14em;text-transform:uppercase;color:#b5a98a;margin-bottom:10px;font-size:12px;font-weight:700}.verandas-hero h1{letter-spacing:-.03em;color:#fff;margin-bottom:8px;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.12}.verandas-tagline{color:#ffffffd1;max-width:36em;font-size:16px;line-height:1.5}.verandas-price{color:#fff;margin-top:14px;font-size:18px;font-weight:800}.verandas-trust{color:#fff;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:600;display:inline-flex}.verandas-stars{color:#ffc107;letter-spacing:1px}.verandas-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.verandas-actions a{text-align:center}.verandas-phone{color:#fff;margin-top:14px;font-size:16px;font-weight:700;display:inline-block}.verandas-reviews{background:#1a1a1a;padding:48px 24px}.verandas-reviews-inner{max-width:1000px;margin:0 auto}.verandas-reviews-head{text-align:center;margin-bottom:28px}.verandas-reviews-head h2{color:#fff;letter-spacing:-.02em;margin:8px 0;font-size:28px;font-weight:800}.verandas-reviews-head p{color:#ffffffa6;font-size:14px}.verandas-existing-count{text-align:center;color:#888;margin-top:28px;font-size:14px}.verandas-existing-count span{color:#fff;margin-right:8px;font-size:24px;font-weight:800}.verandas-cta-block{background:#fff;padding:36px 24px}.verandas-cta-inner{text-align:center;max-width:720px;margin:0 auto}.verandas-cta-inner h2{letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800}.verandas-cta-inner p{color:#555;margin-bottom:4px;font-size:15px;line-height:1.6}.verandas-cta-inner .verandas-actions{justify-content:center}.verandas-models{background:#f5f2ec;padding:64px 24px}.verandas-models-inner{max-width:1200px;margin:0 auto}.verandas-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.verandas-voordelen{padding:64px 24px}.verandas-seo{background:#fff;padding:28px 24px 8px}.verandas-seo-rest{padding-top:8px;padding-bottom:64px}.verandas-strip{padding:48px 24px}.verandas-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.verandas-usp{background:#f5f2ec;padding:56px 24px}.verandas-usp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.verandas-faq{background:#f5f2ec;padding:64px 24px}.verandas-final{text-align:center;padding:64px 24px 88px}.verandas-cta-bar{display:none}@media (max-width:900px){.verandas-hero-copy{padding:72px 4px 188px}.verandas-actions{flex-direction:column;align-items:stretch}.verandas-actions a{width:100%}.verandas-model-grid,.verandas-strip-grid,.verandas-usp-grid{grid-template-columns:1fr}.verandas-cta-bar{z-index:45;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #e8e4dc;flex-direction:row;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.verandas-cta-bar a{text-align:center;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:48px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;display:flex}.verandas-cta-bar-primary{color:#fff;background:#3d5a3e}.verandas-cta-bar-secondary{color:#3d5a3e;background:#fff;border:1.5px solid #3d5a3e}body:has(.verandas-cta-bar){padding-bottom:calc(84px + env(safe-area-inset-bottom))}}@media (max-width:480px){.verandas-hero h1{font-size:28px!important}.verandas-reviews-head h2,.verandas-cta-inner h2{font-size:24px}}.cfg-quick-overlay{z-index:220;background:#1c1f1a8c;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.cfg-quick-sheet{background:#fff;border-radius:16px 16px 12px 12px;width:min(480px,100%);max-height:calc(100dvh - 24px);padding:20px 18px 18px;overflow:auto;box-shadow:0 16px 48px #00000038}.cfg-quick-input{color:#1c1f1a;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px}.cfg-field-invalid{background:#fff8f8;border-color:#8c2f2f}.cfg-quick-error{color:#8c2f2f;margin-top:6px;font-size:13px;font-weight:600}.cfg-quick-price{background:#f5f2ec;border-radius:10px;margin:8px 0 16px;padding:12px 14px}@media (min-width:901px){.cfg-quick-overlay{align-items:center}.cfg-quick-sheet{border-radius:16px;padding:28px 28px 22px}}
