/*
Theme Name: Houten Buitenverblijven V2
Author: OpenAI
Version: 2.0.0
Description: Luxe, mobiele en SEO-vriendelijke V2 website voor Houten Buitenverblijven.
*/
:root{--dark:#11100e;--wood:#b8894a;--cream:#f4efe6;--text:#29231d;--muted:#766b5f}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}
.header{position:fixed;top:0;left:0;width:100%;z-index:50;padding:16px 6%;display:flex;justify-content:space-between;align-items:center;background:rgba(17,16,14,.94);color:white}
.logo{font-size:25px;font-weight:900;line-height:1}.logo small{display:block;color:var(--wood);font-size:10px;text-transform:uppercase;letter-spacing:1.8px;margin-top:6px}
.nav{display:flex;gap:18px;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.nav a:hover{color:var(--wood)}.nav .cta{background:var(--wood);padding:12px 18px}
.mobile-toggle{display:none;background:var(--wood);color:white;border:0;padding:12px 14px;font-weight:900}
.home-image{background:#111;padding-top:72px}.home-image img{width:100%;height:auto;display:block}
.section{padding:85px 6%}.container{max-width:1400px;margin:auto}.section-title{display:grid;grid-template-columns:.85fr 1.35fr;gap:55px;align-items:end;margin-bottom:50px}.section-title h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:0}.section-title p{font-size:19px;color:var(--muted);margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:white;box-shadow:0 15px 42px rgba(0,0,0,.09);overflow:hidden}.card img{width:100%;height:360px;object-fit:cover;display:block;cursor:zoom-in}.card-body{padding:30px}.card h3{font-size:32px;margin:0 0 14px}.card p{color:var(--muted);margin:0 0 22px}.read{color:#856136;text-transform:uppercase;font-size:13px;letter-spacing:.9px;font-weight:900}
.dark{background:#15120f;color:white;padding:90px 6%}.dark .section-title p{color:#d5ccc0}.usps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.usp{border-top:1px solid rgba(255,255,255,.22);padding-top:25px}.usp h3{color:var(--wood);font-size:23px;margin:0 0 10px}.usp p{color:#d8d0c6;margin:0}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery img{width:100%;height:260px;object-fit:cover;display:block;cursor:zoom-in;transition:.25s}.gallery img:hover{transform:scale(1.02)}
.page-hero{padding:150px 6% 80px;background:#15120f;color:white}.page-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.page-hero h1{font-size:clamp(42px,5vw,76px);line-height:.95;margin:0 0 22px}.page-hero p{font-size:20px;color:#dfd5c9}.page-hero img{width:100%;height:440px;object-fit:cover;box-shadow:0 20px 60px rgba(0,0,0,.35);cursor:zoom-in}
.kicker{color:var(--wood);font-weight:900;text-transform:uppercase;letter-spacing:2.7px;margin-bottom:16px}
.content-block{background:white;padding:75px 6%}.two-col{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}.list{padding:0;margin:0;list-style:none}.list li{border-bottom:1px solid #e7ded1;padding:14px 0}
.price-box{background:#15120f;color:white;padding:28px;margin-top:24px}.price-box strong{font-size:34px;color:var(--wood);display:block}
.btn{display:inline-block;padding:16px 25px;border-radius:2px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;font-size:14px;border:0;cursor:pointer;text-align:center}.btn-primary{background:var(--wood);color:white}.btn-secondary{border:1px solid rgba(255,255,255,.75);color:white}.buttons{display:flex;gap:15px;flex-wrap:wrap}
.form-box{background:#fffaf3;padding:35px}.input,.select,textarea{width:100%;padding:15px;margin:0 0 12px;border:1px solid #d8cbbb;background:white;font-size:15px;font-family:Arial,Helvetica,sans-serif}textarea{min-height:130px}.checkbox{display:block;margin:10px 0;color:#5f554b}.success{background:#e9f6ea;border:1px solid #97c79d;padding:18px;margin-bottom:18px;color:#24502a}.error{background:#fff3f0;border:1px solid #d69a8f;padding:18px;margin-bottom:18px;color:#7a2c20}
.contact-band{background:white;padding:70px 6%}.contact-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:26px}.contact-grid h2{font-size:42px;line-height:1.05;margin:0}.info{background:var(--cream);padding:28px}.info strong{display:block;margin-bottom:8px;color:#856136}
.footer{background:#0b0a09;color:#cfc6bb;text-align:center;padding:42px 6%}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:99;background:#25d366;color:white;padding:15px 20px;border-radius:999px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.mobile-actions{display:none;position:fixed;left:0;right:0;bottom:0;z-index:100;background:#111;grid-template-columns:1fr 1fr}.mobile-actions a{color:white;text-align:center;padding:14px 8px;font-weight:900}.mobile-actions a:first-child{background:var(--wood)}
#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;align-items:center;justify-content:center;padding:40px}#lightbox img{max-width:94vw;max-height:86vh;box-shadow:0 20px 70px rgba(0,0,0,.6)}#lightbox .close,#lightbox .prev,#lightbox .next{position:absolute;color:white;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);cursor:pointer}#lightbox .close{top:20px;right:25px;font-size:34px;padding:5px 14px}#lightbox .prev,#lightbox .next{top:50%;transform:translateY(-50%);font-size:40px;padding:10px 18px}#lightbox .prev{left:25px}#lightbox .next{right:25px}
@media(max-width:980px){.header{position:fixed;padding:14px 5%;align-items:center}.logo{font-size:19px}.mobile-toggle{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#111;flex-direction:column;align-items:stretch;padding:12px 5%;gap:0}.nav.open{display:flex}.nav a{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.12)}.nav .cta{text-align:center;margin-top:8px}.home-image{padding-top:66px}.section,.dark{padding:55px 5%}.section-title,.contact-grid,.page-hero .container,.two-col{grid-template-columns:1fr;gap:25px}.grid-3,.usps{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery img{height:auto}.card img{height:auto}.page-hero{padding:110px 5% 45px}.page-hero img{height:auto}.btn{width:100%;padding:17px 18px}.buttons{display:grid;grid-template-columns:1fr;gap:10px}.mobile-actions{display:grid}body{padding-bottom:54px}.whatsapp{display:none}}