:root{
  --dark:#181818;
  --yellow:#f2a900;
  --yellow-deep:#8a5c00;
  --grey:#f4f4f4;
  --text:#333;
  --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial, Helvetica, sans-serif;color:var(--text);line-height:1.65;background:#fff;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}
h1,h2,h3,h4,h5{color:var(--dark);}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
.btn{display:inline-block;background:var(--yellow);color:var(--dark);padding:12px 26px;border-radius:3px;font-weight:bold;transition:background .2s;}
.btn:hover{background:#d99400;}
.btn-outline{display:inline-block;border:2px solid var(--yellow-deep);color:var(--yellow-deep);padding:10px 24px;border-radius:3px;font-weight:bold;}

/* Top bar */
.topbar{background:var(--dark);color:#fff;font-size:13px;}
.topbar-inner{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;flex-wrap:wrap;gap:8px;}
.topbar-info{display:flex;gap:24px;flex-wrap:wrap;}
.topbar-info a{color:#fff;}
.topbar-right{display:flex;align-items:center;gap:16px;}
.lang-flags{display:flex;gap:8px;}
.lang-flags img{width:22px;border-radius:2px;}
.btn-teklif{background:var(--yellow);color:#181818;padding:6px 16px;border-radius:3px;font-weight:bold;font-size:13px;}

/* Nav */
header.main{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);position:sticky;top:0;z-index:100;}
.nav-wrap{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;}
.logo img{height:78px;}
nav.primary > ul{display:flex;gap:26px;flex-wrap:wrap;}
nav.primary li{position:relative;font-weight:600;font-size:13.5px;letter-spacing:.3px;padding:10px 0;}
.dd-arrow{display:inline-block;font-size:10px;margin-left:4px;transition:transform .2s;}
nav.primary li:hover .dd-arrow{transform:rotate(180deg);}
nav.primary li:hover > ul{display:block;}
nav.primary ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:210px;box-shadow:0 6px 16px rgba(0,0,0,.14);padding:8px 0;z-index:20;border-radius:0 0 4px 4px;}
nav.primary ul ul li{padding:9px 18px;font-weight:400;}
nav.primary ul ul li:hover{background:var(--grey);}
nav.primary li.active > a{color:var(--yellow-deep);}

/* breadcrumb / page header */
.page-hero{background:linear-gradient(120deg,var(--dark) 55%,var(--yellow-deep));color:#fff;padding:70px 20px;text-align:center;}
.page-hero h1{color:#fff;font-size:32px;margin-bottom:10px;}
.page-hero p{color:#cfd8e3;max-width:640px;margin:0 auto;}
.crumb{font-size:13px;color:#aab8c7;margin-top:12px;}
.crumb a{color:#fff;}

/* Hero slider (home) */
.hero{position:relative;overflow:hidden;height:520px;}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out;}
.hero .slide.active{opacity:1;}
.hero .slide img{width:100%;height:520px;object-fit:cover;}
.hero-dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5;}
.hero-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .2s;}
.hero-dots span.active{background:#fff;}
@media(max-width:700px){
  .hero, .hero .slide, .hero .slide img{height:280px;}
}

/* About */
.about{max-width:var(--maxw);margin:60px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.about img{border-radius:6px;}
.about h2{font-size:28px;margin-bottom:16px;}
.feature{margin-bottom:18px;}
.feature h5{font-size:16px;color:var(--yellow-deep);margin-bottom:4px;}
.feature p{font-size:14px;color:#555;}

/* Generic content section */
.section{max-width:var(--maxw);margin:0 auto;padding:60px 20px;}
.section.grey{background:var(--grey);}
.section h2{font-size:26px;margin-bottom:14px;}
.section p{color:#555;margin-bottom:16px;max-width:800px;}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:flex-start;}
.two-col img{border-radius:6px;}
.spec-list{margin:18px 0;}
.spec-list li{padding:8px 0;border-bottom:1px solid #e4e4e4;font-size:14px;color:#444;}
.spec-list li b{color:var(--dark);}

/* Services */
.services h2, .services > p{text-align:center;}
.services > p{max-width:700px;margin:0 auto 40px;}
.service-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.service-card{background:#fff;padding:30px 24px;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.06);}
.service-card h3{font-size:18px;margin-bottom:12px;}
.service-card p{font-size:14px;color:#555;margin-bottom:14px;}
.service-card a{color:var(--yellow-deep);font-weight:bold;font-size:14px;}

/* Products grid */
.products h2, .products > p{text-align:center;}
.products > p{max-width:700px;margin:0 auto 40px;}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.product-card{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.08);}
.product-card.featured{outline:3px solid var(--yellow);}
.product-card img{height:190px;width:100%;object-fit:cover;background:#eee;}
.product-card .label{background:var(--dark);color:#fff;padding:8px 6px;text-align:center;}
.product-card .label h4{font-size:14px;margin-bottom:2px;}
.product-card .label a{font-size:11px;color:var(--yellow);}

/* Brand page hero badge */
.brand-badge{display:inline-block;background:var(--yellow-deep);color:#fff;font-size:12px;letter-spacing:.5px;padding:5px 12px;border-radius:20px;margin-bottom:14px;}

/* CTA */
.cta{background:var(--dark);color:#fff;text-align:center;padding:60px 20px;}
.cta h2{color:#fff;font-size:26px;margin-bottom:14px;}
.cta p{max-width:600px;margin:0 auto 24px;color:#ccc;}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.contact-info li{margin-bottom:16px;font-size:15px;}
.contact-info b{display:block;color:var(--dark);margin-bottom:2px;}
form.contact-form input, form.contact-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;margin-bottom:14px;font-family:inherit;font-size:14px;}
form.contact-form button{background:var(--yellow);color:var(--dark);border:none;padding:12px 26px;border-radius:4px;font-weight:bold;cursor:pointer;}
form.contact-form button:hover{background:#d99400;}
.consent-check{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#555;margin-bottom:14px;line-height:1.4;}
.consent-check input{width:auto;margin-top:3px;}
.consent-check a{color:var(--yellow-deep);font-weight:bold;}
.map-frame{border-radius:6px;overflow:hidden;margin-top:20px;height:280px;background:#e4e4e4;}
.map-frame iframe{width:100%;height:100%;border:0;}

/* Footer */
footer{background:#111;color:#ccc;padding:50px 20px 20px;}
.footer-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.footer-grid h4{color:#fff;font-size:16px;margin-bottom:16px;}
.footer-grid p, .footer-grid li{font-size:13px;color:#aaa;margin-bottom:8px;}
.footer-grid a:hover{color:var(--yellow);}
.footer-bottom{max-width:var(--maxw);margin:30px auto 0;padding-top:20px;border-top:1px solid #333;text-align:center;font-size:12px;color:#888;}
.footer-bottom a{color:#ccc;}

@media(max-width:900px){
  .about, .two-col, .contact-grid{grid-template-columns:1fr;}
  .service-grid{grid-template-columns:1fr;}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .page-hero h1{font-size:24px;}

  .hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:38px;height:34px;background:none;border:none;cursor:pointer;padding:4px;}
  .hamburger span{display:block;width:100%;height:3px;background:var(--dark);border-radius:2px;}

  nav.primary{
    position:fixed;top:0;right:-300px;width:280px;height:100vh;
    background:#fff;flex-direction:column;align-items:flex-start;
    padding:80px 24px 24px;box-shadow:-6px 0 18px rgba(0,0,0,.2);
    transition:right .3s ease;overflow-y:auto;z-index:200;display:flex;
  }
  nav.primary.open{right:0;}
  nav.primary > ul{flex-direction:column;gap:0;width:100%;}
  nav.primary li{width:100%;padding:12px 0;border-bottom:1px solid #eee;}
  nav.primary ul ul{
    display:block;position:static;box-shadow:none;background:none;
    padding:6px 0 0 14px;min-width:0;
  }
  nav.primary li:hover > ul{display:block;}
  nav.primary ul ul li{border-bottom:none;padding:7px 0;}

  .nav-overlay{
    display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:150;
  }
  .nav-overlay.open{display:block;}
}
@media(min-width:901px){
  .hamburger{display:none;}
  .nav-overlay{display:none;}
}

/* Galeri (ZF) */
.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px;}
.gallery-grid a{display:block;border-radius:4px;overflow:hidden;aspect-ratio:1/1;}
.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .25s;}
.gallery-grid a:hover img{transform:scale(1.08);}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:600px){.gallery-grid{grid-template-columns:repeat(3,1fr);}}
.whatsapp-float{
  position:fixed;
  bottom:24px;
  left:24px;
  width:58px;
  height:58px;
  background:#25D366;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
  z-index:999;
  text-decoration:none;
  transition:transform .2s;
}
.whatsapp-float:hover{transform:scale(1.08);}
.whatsapp-float svg{width:30px;height:30px;fill:#fff;}
@media(max-width:600px){
  .whatsapp-float{width:52px;height:52px;bottom:16px;left:16px;}
  .whatsapp-float svg{width:26px;height:26px;}
}