*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#f6f7f9;line-height:1.6}
.container{width:min(1120px,92%);margin:auto}

.site-header{background:#111827;color:#fff;position:sticky;top:0;z-index:20}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:24px;min-height:155px}

.brand{color:#fff;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:.3px}

.brand-logo{
  display:flex;
  align-items:center;
  gap:0;
  line-height:1;
  text-decoration:none;
  flex-shrink:0;
}

.brand-logo img{
  height:135px!important;
  max-height:none!important;
  max-width:430px!important;
  width:auto!important;
  object-fit:contain;
  display:block;
  background:#fff;
  border-radius:16px;
  padding:4px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}

.brand-logo span{display:none!important}

nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
nav a{color:#fff;text-decoration:none;font-weight:600}

.whatsapp-badge{
  display:inline-flex;
  align-items:center;
  background:#25D366;
  color:#fff!important;
  padding:8px 14px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(37,211,102,.35);
}

.whatsapp-badge:before{
  content:"☎";
  margin-right:7px;
  font-weight:900;
}

.whatsapp-badge:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.admin-link{background:#f59e0b;color:#111827!important;padding:6px 12px;border-radius:999px}

.hero{background:linear-gradient(120deg,rgba(17,24,39,.9),rgba(31,41,55,.8)),url('../img/fence-bg.jpg');background-size:cover;background-position:center;color:#fff;padding:95px 0}
.hero-content{max-width:780px}
.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:0 0 16px}
.hero p{font-size:20px}

.btn{display:inline-block;border:0;background:#f59e0b;color:#111827;text-decoration:none;font-weight:800;padding:12px 20px;border-radius:10px;cursor:pointer}
.btn-light{background:#fff}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:35px}
.card,.highlight,.quote-box,.contact-card,.admin-panel,.login-box{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.08)}

.split{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:35px;margin-bottom:45px}
.page{padding:45px 0;min-height:55vh}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}

.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.job-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.job-card img{width:100%;height:210px;object-fit:cover;display:block}
.job-card div{padding:16px}

.site-footer{background:#111827;color:#fff;margin-top:40px;padding:35px 0 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.copyright{text-align:center;background:#0b1220;margin-top:20px;padding:14px}

input,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;margin:7px 0 15px;font:inherit}
textarea{min-height:110px}
label{font-weight:700}

.admin-body{display:grid;min-height:100vh;place-items:center}
.login-box{width:min(440px,92%)}
.login-logo{height:150px;width:auto;max-width:380px;object-fit:contain}

.error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:10px}
.success{background:#dcfce7;color:#166534;padding:12px;border-radius:10px}
.admin-page{padding:30px 0}
.admin-panel{margin:22px 0}

@media(max-width:760px){
  .nav-wrap{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    min-height:auto;
    padding:12px 0;
  }

  .brand-logo{
    justify-content:center;
  }

  .brand-logo img{
    height:95px!important;
    max-width:300px!important;
  }

  nav{
    justify-content:center;
  }

  .whatsapp-badge{
    padding:7px 13px;
  }

  .split,.contact-grid,.footer-grid{
    grid-template-columns:1fr;
    display:grid;
  }

  .hero{padding:70px 0}
}