:root{
  --bg:#0b1f3a;
  --bg-2:#11284d;
  --text:#1f2937;
  --muted:#4b5563;
  --light:#f5f6f7;
  --brand:#ff7a00;
  --white:#fff;
  --maxw:1140px;
  --radius:16px;
  --shadow:0 8px 30px rgba(0,0,0,.08);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:var(--white);
  scroll-behavior:smooth;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
.container{ width:100%; max-width:var(--maxw); margin-inline:auto; padding:0 16px; }

.skip-link{
  position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{
  position:fixed; left:16px; top:16px; width:auto; height:auto; padding:8px 12px; background:var(--brand); color:var(--white); z-index:10000;
}

/* NAVBAR */
.site-header{ position:sticky; top:0; z-index:1000; background:var(--bg); color:var(--white); box-shadow:var(--shadow); }
.navbar{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; max-width:var(--maxw); margin:auto; padding:10px 16px; }
.brand{ grid-column:2; text-align:center; font-weight:700; letter-spacing:.3px; }

/* hamburger sadece mobilde */
.nav-toggle{ display:none; }
@media (max-width: 900px){
  .nav-toggle{ display:block; }
}

.nav-menu{ grid-column:3; display:flex; gap:20px; align-items:center; }
.nav-menu a{ padding:8px 10px; border-radius:10px; color:var(--white); opacity:.9; }
.nav-menu a:hover, .nav-menu a.is-active{ background:rgba(255,255,255,.12); opacity:1; }

@media (max-width: 900px){
  .navbar{ grid-template-columns: auto 1fr auto; }
  .nav-menu{
    display:none; position:absolute; right:16px; top:58px; background:var(--bg);
    padding:12px; border-radius:12px; flex-direction:column; width:min(220px, 90vw); box-shadow:var(--shadow);
  }
  .nav-menu.open{ display:flex; }
  .brand{ font-size:14px; line-height:1.3; padding:0 8px; }
}

/* HERO / SLIDER */
.hero{ position:relative; background:var(--bg-2); color:var(--white); }
.slider{ position:relative; overflow:hidden; }
.slides{ position:relative; height:72vh; min-height:420px; }
.slide{ position:absolute; inset:0; opacity:0; transition:opacity .6s ease; display:grid; place-items:center; }
.slide.is-active{ opacity:1; }
.slide img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.75); }
.overlay{ position:relative; z-index:1; text-align:center; padding:0 16px; max-width:900px; }
.overlay h1,.overlay h2{ margin:0 0 10px; }
.overlay p{ margin:0 0 18px; opacity:.95; }
.cta-group{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

.slider-btn{
  position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.35);
  color:var(--white); border:none; width:42px; height:42px; border-radius:50%; cursor:pointer;
  display:grid; place-items:center;
}
.slider-btn:hover{ background:rgba(0,0,0,.55); }
.slider-btn.prev{ left:14px; }
.slider-btn.next{ right:14px; }
.dots{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); display:flex; gap:8px; }
.dots button{ width:10px; height:10px; border-radius:50%; border:none; background:rgba(255,255,255,.6); cursor:pointer; }
.dots button[aria-selected="true"]{ background:var(--brand); }

/* SECTIONS */
.section{ padding:64px 0; }
.section-title{ font-size:28px; margin:0 0 8px; text-align:center; }
.section-subtitle{ text-align:center; margin:0 auto 28px; color:var(--muted); max-width:760px; }

/* MAKİNELER (3 kart + tıklayınca genişleyen) */
.machines .machines-grid{
  display:grid; gap:18px; grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px){
  .machines .machines-grid{ grid-template-columns: 1fr; }
}

.machine-card{
  border:1px solid #e5e7eb; border-radius:var(--radius); background:var(--white); box-shadow:var(--shadow);
  overflow:hidden; transition:transform .2s ease, box-shadow .2s ease, grid-column .2s ease;
  display:flex; flex-direction:column; cursor:pointer;
}
.machine-card:hover{ transform:translateY(-3px); box-shadow:0 10px 28px rgba(0,0,0,.10); }

.machine-media{
  position:relative; width:100%; aspect-ratio:16/9; background:#f3f4f6; overflow:hidden;
  display:flex; align-items:center; justify-content:center; margin-bottom:0.5cm;
}
.machine-media img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }

.machine-body{ padding:14px 14px 0 14px; }
.machine-title{ margin:0 0 8px; font-size:18px; font-weight:800; }
.machine-model{ margin:0 0 14px; color:var(--muted); font-size:14px; }

.machine-details{ display:none; padding:0 14px 14px 14px; animation: fadeIn .2s ease; }
.machine-card.is-open .machine-details{ display:block; }
.machine-card.is-open{ grid-column: 1 / -1; }
@media (max-width:900px){ .machine-card.is-open{ grid-column:auto; } }

.specs{ background:#fffdf9; border:1px solid #ffe7d1; border-radius:12px; padding:12px; margin-bottom:12px; }
.gallery{ display:grid; gap:10px; grid-template-columns: repeat(6, 1fr); }
@media (max-width: 900px){ .gallery{ grid-template-columns: repeat(3, 1fr); } }
.gallery img{ width:100%; aspect-ratio: 4/3; object-fit:cover; border-radius:10px; border:1px solid #eee; transition: transform .15s ease; }
.gallery img:hover{ transform:scale(1.02); }

@keyframes fadeIn{ from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }

/* ==== FOTO GALERİ SLIDER ==== */
.photogallery .gslider{ position:relative; }
.gviewport{ overflow:hidden; }
.gtrack{ display:flex; transition: transform .4s ease; }
.gpage{
  min-width:100%;
  display:grid; gap:12px; grid-template-columns: repeat(4, 1fr);
}
.gitem{ border-radius:12px; overflow:hidden; border:1px solid #eaeaea; box-shadow:var(--shadow); }
.gitem img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }

@media (max-width: 900px){
  .gpage{ grid-template-columns: repeat(2, 1fr); }
}

.gbtn{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:50%; border:none; cursor:pointer;
  background:rgba(0,0,0,.35); color:#fff; display:grid; place-items:center;
}
.gbtn:hover{ background:rgba(0,0,0,.55); }
.gprev{ left:8px; } .gnext{ right:8px; }

.gdots{ display:flex; gap:8px; justify-content:center; margin-top:12px; }
.gdots button{
  width:10px; height:10px; border-radius:50%; border:none; background:#d1d5db; cursor:pointer;
}
.gdots button[aria-selected="true"]{ background:var(--brand); }

/* İLETİŞİM */
.contact .contact-grid{ display:grid; grid-template-columns: 1fr; gap:28px; align-items:start; }
.contact-list{ margin:12px 0 24px; }
.contact-list li{ margin:6px 0; }
.map iframe{ width:100%; height:260px; border:0; border-radius:12px; box-shadow:var(--shadow); }

/* FOOTER */
.site-footer{ background:var(--bg); color:var(--white); padding:22px 0; margin-top:20px; }
.footer-inner{ display:flex; gap:12px; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.site-footer nav a{ color:var(--white); opacity:.9; margin-left:12px; }
.site-footer nav a:hover{ opacity:1; }

/* BUTTONS */
.btn{ display:inline-block; padding:10px 16px; border-radius:12px; font-weight:600; border:2px solid transparent; cursor:pointer; }
.btn.primary{ background:var(--brand); color:var(--white); }
.btn.primary:hover{ filter:brightness(.95); }
.btn.outline{ background:transparent; border-color:var(--white); color:var(--white); }
.btn.outline:hover{ background:rgba(255,255,255,.12); }

/* Anchor hedefleri için üstten boşluk */
#anasayfa, #makineler, #galeri, #iletisim{ scroll-margin-top:80px; }