:root{
  --petrol:#0a3b3f; --petrol-2:#0f5e64; --petrol-3:#08302f;
  --kum:#f4a261; --kum-koyu:#d9822b;
  --zemin:#f4f8fb; --kart:#ffffff; --cizgi:#dbe4ea;
  --metin:#16272f; --metin-2:#5a6e7a; --beyaz:#ffffff;
  --hata:#b23c2f; --ok:#1f7a4d;
  --r:20px; --golge:0 6px 20px rgba(10,59,63,.08);
  --max:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  background:var(--zemin); color:var(--metin); line-height:1.65;
  -webkit-text-size-adjust:100%;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--petrol-2);text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}

/* --- ÜST --- */
header.site{background:linear-gradient(135deg,var(--petrol) 0%,var(--petrol-2) 100%);color:#fff}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:18px;padding-bottom:18px}
.brand{display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:260px;text-decoration:none}
.brand:hover{text-decoration:none}
.marka-isaret{height:76px;width:auto;display:block;flex:0 0 auto;
  filter:drop-shadow(0 0 12px rgba(244,162,97,.45))}
.marka-yazi{display:flex;flex-direction:column;line-height:1.05}
.marka-yazi .ad{font-size:2.05rem;font-weight:800;letter-spacing:.5px;
  background:linear-gradient(94deg,#ffffff 0%,#ffe6c9 38%,#f4a261 72%,#ffc98a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 10px rgba(244,162,97,.35))}
.marka-yazi .ad em{font-style:normal;font-weight:800;margin-left:.20em}
.marka-yazi .slogan{font-size:.9rem;margin-top:3px;color:#d9e8e8;letter-spacing:.2px}
@media (max-width:900px){.marka-yazi .ad{font-size:1.5rem}.marka-isaret{height:58px}}
@media (max-width:560px){.marka-yazi .ad{font-size:1.05rem;letter-spacing:0}
  .marka-yazi .slogan{font-size:.68rem}.marka-isaret{height:42px}.brand{gap:10px}}
.ust-cta{display:flex;gap:10px;flex-wrap:wrap}

/* --- MENÜ --- */
nav.ana{background:var(--petrol-3);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.15)}
nav.ana .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-top:6px;padding-bottom:6px}
nav.ana a{color:#e8f1f2;font-weight:600;font-size:.94rem;padding:9px 14px;border-radius:30px;text-decoration:none;white-space:nowrap}
nav.ana a:hover{background:var(--kum);color:var(--petrol)}
nav.ana a[aria-current="page"]{background:rgba(244,162,97,.18);color:var(--kum)}
.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:10px;padding:6px 12px;font-size:1rem;cursor:pointer}
nav.ana .menu-list{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto}

/* --- BUTONLAR --- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:50px;
  font-weight:700;font-size:.97rem;text-decoration:none;transition:.18s;border:2px solid transparent;cursor:pointer}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1eb257;color:#fff}
.btn-koyu{background:var(--petrol);color:#fff}
.btn-koyu:hover{background:var(--kum);color:var(--petrol)}
.btn-kum{background:var(--kum);color:var(--petrol-3)}
.btn-kum:hover{background:#fff;color:var(--petrol)}
.btn-cizgi{background:transparent;color:var(--petrol);border-color:var(--cizgi)}
.btn-cizgi:hover{border-color:var(--kum);color:var(--petrol)}
.btn svg{width:18px;height:18px;flex:0 0 auto}

/* --- HERO --- */
.hero{background:var(--kart);border-radius:28px;padding:34px 30px;box-shadow:var(--golge);margin:28px 0}
.hero h1{font-size:clamp(1.35rem,3vw,2rem);color:var(--petrol);line-height:1.3;margin-bottom:12px}
.hero .lead{font-size:1.05rem;color:var(--metin-2);max-width:62ch}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero .not{font-size:.85rem;color:var(--metin-2);margin-top:16px;max-width:70ch}
.kum{color:var(--kum-koyu);font-weight:700}

/* --- BÖLÜM --- */
section.blok{margin:34px 0}
h2.baslik{font-size:clamp(1.2rem,2.4vw,1.6rem);color:var(--petrol);margin-bottom:6px}
p.alt{color:var(--metin-2);margin-bottom:18px;max-width:75ch}
h3.alt-baslik{font-size:1.05rem;color:var(--petrol);margin:22px 0 8px}

/* --- IZGARA / KART --- */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.kart{background:var(--kart);border-radius:var(--r);padding:22px;box-shadow:var(--golge);
  border-bottom:4px solid var(--kum);display:flex;flex-direction:column}
.kart h3{color:var(--petrol);font-size:1.06rem;margin-bottom:8px}
.kart p{color:var(--metin-2);font-size:.95rem}
.kart .ikon{width:40px;height:40px;color:var(--kum-koyu);margin-bottom:12px}
.kart .link{margin-top:auto;padding-top:12px;font-weight:700;font-size:.92rem}

/* --- MAKİNE KARTLARI --- */
.makine-kart{background:var(--kart);border-radius:var(--r);padding:20px;box-shadow:var(--golge);
  border-left:5px solid var(--petrol-2);display:flex;flex-direction:column;gap:6px}
.makine-kart .m-marka{font-size:.78rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--kum-koyu);font-weight:800}
.makine-kart .m-model{font-size:1.22rem;font-weight:800;color:var(--petrol)}
.makine-kart .m-tip{font-size:.9rem;color:var(--metin-2)}
.makine-kart a{margin-top:8px;font-weight:700;font-size:.92rem}

/* --- LİSTELER --- */
ul.tik{list-style:none;display:grid;gap:9px;margin:10px 0}
ul.tik li{position:relative;padding-left:28px;color:var(--metin-2);font-size:.97rem}
ul.tik li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:8px;
  border-left:3px solid var(--kum-koyu);border-bottom:3px solid var(--kum-koyu);transform:rotate(-45deg)}
ul.uyari li::before{border-color:var(--hata)}

/* --- SÜREÇ --- */
.adimlar{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);counter-reset:a}
@media (max-width:900px){.adimlar{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.adimlar{grid-template-columns:1fr}}
.adim{background:var(--kart);border-radius:16px;padding:18px;box-shadow:var(--golge);position:relative}
.adim::before{counter-increment:a;content:counter(a);display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;background:var(--petrol);color:#fff;font-weight:800;font-size:.95rem;margin-bottom:10px}
.adim h4{color:var(--petrol);font-size:.98rem;margin-bottom:4px}
.adim p{font-size:.9rem;color:var(--metin-2)}

/* --- VİDEO / GÖRSEL YUVASI --- */
.video-yuva{background:#0c1f22;border-radius:var(--r);aspect-ratio:16/9;display:flex;align-items:center;
  justify-content:center;color:#7fa6a8;text-align:center;padding:20px;font-size:.92rem;border:2px dashed #2c5457}
.gorsel-yuva{background:#e8eff3;border-radius:14px;aspect-ratio:4/3;display:flex;align-items:center;
  justify-content:center;color:var(--metin-2);text-align:center;padding:14px;font-size:.85rem;
  border:2px dashed #b9cdd6}

/* --- TABLO --- */
table{width:100%;border-collapse:collapse;background:var(--kart);border-radius:14px;overflow:hidden;box-shadow:var(--golge)}
th,td{padding:12px 14px;text-align:left;font-size:.94rem;border-bottom:1px solid var(--cizgi)}
th{background:var(--petrol);color:#fff;font-weight:700}
tr:last-child td{border-bottom:none}

/* --- SSS --- */
details.sss{background:var(--kart);border-radius:14px;padding:16px 18px;box-shadow:var(--golge);margin-bottom:10px}
details.sss summary{cursor:pointer;font-weight:700;color:var(--petrol);list-style:none}
details.sss summary::-webkit-details-marker{display:none}
details.sss summary::before{content:"+ ";color:var(--kum-koyu);font-weight:800}
details.sss[open] summary::before{content:"– "}
details.sss p{margin-top:10px;color:var(--metin-2);font-size:.95rem}

/* --- UYARI KUTULARI --- */
.kutu{background:#fff8f1;border-left:5px solid var(--kum);border-radius:14px;padding:18px 20px;margin:18px 0}
.kutu h4{color:var(--petrol);margin-bottom:6px;font-size:1rem}
.kutu p{color:var(--metin-2);font-size:.94rem}

/* --- FORM --- */
form.iletisim{background:var(--kart);border-radius:var(--r);padding:24px;box-shadow:var(--golge);display:grid;gap:14px}
form.iletisim label{font-weight:700;font-size:.92rem;color:var(--petrol);display:block;margin-bottom:5px}
form.iletisim input,form.iletisim select,form.iletisim textarea{
  width:100%;padding:12px 14px;border:1px solid var(--cizgi);border-radius:12px;font-size:1rem;
  font-family:inherit;background:#fbfdfe;color:var(--metin)}
form.iletisim input:focus,form.iletisim select:focus,form.iletisim textarea:focus{
  outline:none;border-color:var(--kum);box-shadow:0 0 0 3px rgba(244,162,97,.2)}
form.iletisim textarea{min-height:130px;resize:vertical}
.iki-kolon{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* --- EKİP --- */
.ekip-kart{background:var(--kart);border-radius:var(--r);padding:22px;box-shadow:var(--golge);text-align:center}
.ekip-kart .ad{font-weight:800;color:var(--petrol);font-size:1.08rem;margin-bottom:2px}
.ekip-kart .gorev{font-size:.9rem;color:var(--metin-2);margin-bottom:14px}
.ekip-kart .btn{width:100%;justify-content:center;margin-bottom:8px}

/* --- ALT --- */
footer.site{background:var(--petrol-3);color:#b9d1d3;margin-top:44px;padding:34px 0 26px;font-size:.88rem}
footer.site a{color:#d9e8e8}
footer.site .hukuki{background:rgba(0,0,0,.22);border-radius:14px;padding:16px 18px;margin:18px 0;font-size:.83rem;line-height:1.6}
footer.site .kolonlar{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:18px}
footer.site h5{color:#fff;font-size:.95rem;margin-bottom:8px}
footer.site ul{list-style:none;display:grid;gap:6px}
footer.site .alt-satir{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:.82rem;opacity:.85}

.galeri{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.galeri--dar{grid-template-columns:repeat(auto-fill,minmax(290px,380px))}
.galeri-oge{margin:0;background:var(--kart);border-radius:var(--r);overflow:hidden;
  box-shadow:var(--golge);display:flex;flex-direction:column}
.galeri-btn{padding:0;border:0;background:#eef3f6;cursor:zoom-in;display:block;width:100%;
  line-height:0;overflow:hidden}
.galeri-btn img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s ease}
.galeri-oge--tam .galeri-btn{background:#f2f6f8}
.galeri-oge--tam .galeri-btn img{object-fit:contain}
.galeri-btn:hover img{transform:scale(1.04)}
.video-gomme{aspect-ratio:16/9;background:#0c1f22;overflow:hidden}
.video-gomme iframe{width:100%;height:100%;border:0;display:block}
.yt-link{margin-top:6px;font-weight:700;font-size:.9rem}

.galeri-video{background:#0c1f22;display:flex;align-items:center;justify-content:center;
    overflow:hidden;min-height:210px}
  .galeri-video video{max-width:100%;max-height:460px;display:block}
.galeri-oge figcaption{padding:14px 16px 18px;display:flex;flex-direction:column;gap:5px}
.galeri-oge figcaption strong{color:var(--petrol);font-size:.98rem}
.galeri-oge figcaption span{color:var(--metin-2);font-size:.88rem;line-height:1.55}
.lightbox{position:fixed;inset:0;background:rgba(4,14,16,.93);display:none;
  align-items:center;justify-content:center;z-index:200;padding:26px}
.lightbox.acik{display:flex}
.lightbox img{max-width:96vw;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lightbox-kapat{position:absolute;top:14px;right:24px;background:none;border:0;
  color:#fff;font-size:2.6rem;line-height:1;cursor:pointer}

.cipler{display:flex;flex-wrap:wrap;gap:10px}
.cip{background:var(--kart);border:1px solid var(--cizgi);border-radius:30px;padding:9px 18px;
  font-size:.92rem;font-weight:600;color:var(--petrol);box-shadow:var(--golge)}
.cip:hover{border-color:var(--kum);text-decoration:none;transform:translateY(-1px)}

.breadcrumb{font-size:.86rem;color:var(--metin-2);margin:22px 0 -6px}
.breadcrumb a{color:var(--metin-2)}

@media (max-width:760px){
  nav.ana .menu-list{display:none;width:100%;flex-direction:column;padding-bottom:8px}
  nav.ana.open .menu-list{display:flex}
  nav.ana a{display:block;text-align:left}
  .menu-toggle{display:inline-block;margin-left:auto}
  .hero{padding:24px 18px;border-radius:20px}
  header.site .wrap{padding-top:14px;padding-bottom:14px}
  .brand .ad{font-size:1.25rem}
}
@media print{nav.ana,header.site .ust-cta,footer.site,form.iletisim{display:none}}