/*
Theme Name: Seyubouw B.V. Definitief
Theme URI: https://www.seyubouw.nl/
Author: Seyubouw B.V.
Description: De goedgekeurde moderne Seyubouw B.V. website.
Version: 1.2.1
*/

*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#222}header{background:#17191b;color:#fff;position:sticky;top:0;z-index:5}.nav{max-width:1180px;width:92%;margin:auto;height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:flex-end;gap:7px}.brand img{width:130px}.bv{font-size:12px;color:#bbb;margin-bottom:8px;font-weight:bold}nav{display:flex;gap:25px}nav a{color:#ddd;text-decoration:none}.btn{display:inline-block;padding:14px 20px;border-radius:4px;font-weight:bold;text-decoration:none}.green{background:#00aaa4;color:white}.outline{border:1px solid #888;color:white}.hero{background:linear-gradient(110deg,#111516,#293234);color:white;padding:95px 0}.wrap{width:92%;max-width:1180px;margin:auto}.hero h1{font-size:clamp(42px,6vw,70px);max-width:760px;margin:15px 0}.hero p{font-size:19px;max-width:650px;line-height:1.6;color:#ddd}.eyebrow{color:#20c9c3;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.quick{background:#0d1112;color:#fff}.quickgrid{display:grid;grid-template-columns:repeat(5,1fr)}.quickgrid div{text-align:center;padding:20px;border-right:1px solid #333}.quickgrid span{display:block;color:#20c9c3;font-size:22px;margin-bottom:6px}.section{padding:75px 0}.gray{background:#f4f5f5}h2{font-size:38px}.head{max-width:720px;margin-bottom:35px}.head p{color:#687078;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;height:220px;padding:25px;border:1px solid #ddd;background:#fff;border-radius:6px;overflow:hidden}.card b{color:#00aaa4}.card p{color:#687078;line-height:1.6}.card.has-photo{background-size:cover;background-position:center;background-repeat:no-repeat;border:0;color:#fff}.card-overlay{display:none}.card.has-photo .card-overlay{display:block;position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.68))}.card-content{position:relative;z-index:1}.card.has-photo b{color:#20c9c3}.card.has-photo h3{color:#fff}.card.has-photo p{color:#f0f0f0}.card-photo-placeholder{color:#687078;font-size:14px}.options{display:grid;gap:10px;margin-top:20px}.check{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#292d30;border:1px solid #4b5053;border-radius:4px;color:#fff;line-height:1.4}.check input{margin-top:3px;accent-color:#20c9c3}.check b{color:#20c9c3}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo{height:390px;background:#202527;border:1px dashed #697579;border-radius:7px;display:flex;align-items:center;justify-content:center;text-align:center;color:#aaa;padding:30px}.photo strong{color:#20c9c3;font-size:22px}.calcs{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calc{background:#17191b;color:#fff;padding:30px;border-radius:7px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:13px;color:#bbb;margin-bottom:6px}.field input,.field select{width:100%;padding:12px;background:#292d30;border:1px solid #4b5053;color:white;border-radius:4px}.result{margin-top:20px;padding:18px;background:#101213;border-left:4px solid #00aaa4}.result strong{display:block;color:#20c9c3;font-size:31px}.small{font-size:12px;color:#aaa}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{height:280px;background:#e4e7e8;border:2px dashed #b7bdc0;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#72797c}.project img{width:100%;height:100%;object-fit:cover;border-radius:4px}.project.has-photo{border:0;overflow:hidden}.upload{margin-top:22px;background:#fff;padding:20px;border:1px solid #ddd}.contact{background:#17191b;color:white}.contact p{color:#bbb;line-height:1.7}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.box{background:#222629;padding:25px;border-radius:6px}.box a{color:#20c9c3}footer{background:#0c0f10;color:#999;padding:25px}.footer{display:flex;justify-content:space-between}
@media(max-width:900px){nav{display:none}.cards,.calcs,.about,.contactgrid{grid-template-columns:1fr 1fr}.quickgrid{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards,.calcs,.about,.contactgrid,.projects{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.hero{padding:70px 0}.quickgrid div{padding:15px 5px}.footer{display:block}}

.socials{display:flex;align-items:center;gap:16px;margin-top:14px}.social-link{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;padding:0!important;border:0!important;background:transparent!important;text-decoration:none!important}.social-link img{display:block!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;transition:transform .15s ease}.social-link:hover img{transform:scale(1.12)}

.photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px}.photo.has-photo{padding:0;background:transparent;border:0;overflow:hidden}