/* kurumsal/stil.css — kurumsal tanıtım sitesi. Taslak: _mockup/kurumsal_site (onaylı 30.09). */
:root{
  --tur:#ef6a2b; --tur-koyu:#d4541a; --tur-acik:#fff1e9;
  --koyu:#2f3033; --koyu2:#45474c; --gri:#6b6f76; --cizgi:#e8e6e3;
  --zemin:#fbfaf8; --beyaz:#fff; --yaricap:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Poppins,'Segoe UI',sans-serif;color:var(--koyu);background:var(--zemin);line-height:1.55;font-size:15px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.kap{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:10px;font-weight:600;font-size:15px;border:2px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-tur{background:var(--tur);color:#fff}.btn-tur:hover{background:var(--tur-koyu)}
.btn-cizgi{border-color:var(--koyu);color:var(--koyu);background:transparent}.btn-cizgi:hover{background:var(--koyu);color:#fff}
.btn-beyaz{background:#fff;color:var(--koyu)}
.etiket{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tur)}
h2.baslik{font-size:32px;line-height:1.2;font-weight:700;margin:6px 0 10px}
.alt-yazi{color:var(--gri);max-width:620px}
section{padding:78px 0}

/* ÜST ŞERİT */
.ust-serit{background:var(--koyu);color:#d9dade;font-size:13px}
.ust-serit .kap{display:flex;justify-content:space-between;align-items:center;height:38px;gap:16px}
.ust-serit span{display:inline-flex;gap:7px;align-items:center}
.ust-serit i{color:var(--tur)}
.ust-serit .sag{display:flex;gap:22px}

/* ÜST MENÜ */
header{background:#fff;border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:20}
header .kap{display:flex;align-items:center;gap:28px;height:78px}
.logo img{height:46px;width:auto}
nav.menu{display:flex;gap:26px;margin-left:auto;font-weight:500;font-size:15px}
nav.menu a{padding:6px 0;border-bottom:2px solid transparent}
nav.menu a:hover,nav.menu a.aktif{border-color:var(--tur);color:var(--tur)}
.hamburger{display:none;margin-left:auto;font-size:22px;background:none;border:0;color:var(--koyu)}

/* KAHRAMAN */
.kahraman{background:linear-gradient(180deg,#fff 0%,var(--zemin) 100%);padding:64px 0 72px;overflow:hidden}
.kahraman .kap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.kahraman h1{font-size:46px;line-height:1.12;font-weight:800;letter-spacing:-.01em;margin:10px 0 18px}
.kahraman h1 em{font-style:normal;color:var(--tur)}
.kahraman p.giris{font-size:17px;color:var(--gri);max-width:520px;margin-bottom:28px}
.kahraman .dugmeler{display:flex;gap:14px;flex-wrap:wrap}
.guven{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap;color:var(--koyu2);font-size:14px;font-weight:500}
.guven span{display:inline-flex;gap:8px;align-items:center}
.guven i{color:var(--tur)}
.kolaj{position:relative;height:440px}
.kolaj .zemin{position:absolute;inset:30px 10px 10px 50px;background:var(--tur);border-radius:28px;transform:rotate(-3deg)}
.kolaj .kart{position:absolute;background:#fff;border-radius:18px;box-shadow:0 18px 40px rgba(47,48,51,.16);padding:14px;display:flex;align-items:center;justify-content:center}
.kolaj .k1{width:250px;height:250px;left:30px;top:10px}
.kolaj .k2{width:210px;height:210px;right:0;top:40px}
.kolaj .k3{width:230px;height:190px;left:150px;bottom:0}
.kolaj .kart img{max-height:100%;object-fit:contain}
.kolaj .rozet{position:absolute;left:0;bottom:40px;background:var(--koyu);color:#fff;border-radius:14px;padding:14px 18px;font-size:13px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.kolaj .rozet b{display:block;font-size:22px;color:var(--tur)}

/* SAYAÇLAR */
.sayaclar{background:var(--koyu);color:#fff;padding:34px 0}
.sayaclar .kap{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:20px;text-align:center}
.sayaclar b{display:block;font-size:34px;font-weight:700;color:var(--tur);line-height:1.1}
.sayaclar span{color:#c9cace;font-size:14px}

/* KATEGORİLER */
.kat-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.kat{background:#fff;border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:24px;transition:.2s;display:flex;flex-direction:column;gap:12px}
.kat:hover{border-color:var(--tur);box-shadow:0 10px 30px rgba(239,106,43,.12);transform:translateY(-2px)}
.kat .ikon{width:52px;height:52px;border-radius:12px;background:var(--tur-acik);color:var(--tur);display:flex;align-items:center;justify-content:center;font-size:22px}
.kat h3{font-size:18px;font-weight:600}
.kat .altlar{display:flex;flex-wrap:wrap;gap:6px}
.kat .altlar span{font-size:12.5px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:20px;padding:3px 10px;color:var(--koyu2)}
.kat .ok{margin-top:auto;font-size:14px;font-weight:600;color:var(--tur)}

/* ÜRÜNLER */
.urunler{background:#fff}
.bas-satir{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.urun-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px}
.urun{border:1px solid var(--cizgi);border-radius:var(--yaricap);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.urun .resim{aspect-ratio:1/1;background:#fafafa;display:flex;align-items:center;justify-content:center;padding:18px;border-bottom:1px solid var(--cizgi)}
.urun .resim img{max-height:100%;object-fit:contain}
.urun .bilgi{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.urun .marka{font-size:12px;color:var(--gri);text-transform:uppercase;letter-spacing:.05em}
.urun h4{font-size:14.5px;font-weight:600;line-height:1.35}
.urun .kod{font-size:12px;color:var(--gri)}
.urun .fiyat-kilit{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--tur);background:var(--tur-acik);border-radius:8px;padding:8px 10px}

/* NEDEN BİZ */
.neden-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}
.neden{padding:6px 4px}
.neden i{font-size:26px;color:var(--tur);margin-bottom:14px}
.neden h3{font-size:17px;font-weight:600;margin-bottom:6px}
.neden p{color:var(--gri);font-size:14px}

/* BAYİ OL */
.bayi{background:var(--koyu);color:#fff}
.bayi .kap{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:start}
.bayi .alt-yazi{color:#c9cace}
.adimlar{margin-top:30px;display:flex;flex-direction:column;gap:20px}
.adim{display:flex;gap:16px}
.adim b{flex:0 0 40px;height:40px;border-radius:50%;background:var(--tur);display:flex;align-items:center;justify-content:center;font-size:16px}
.adim h4{font-size:16px;font-weight:600}
.adim p{color:#c9cace;font-size:14px}
.form{background:#fff;color:var(--koyu);border-radius:18px;padding:30px}
.form h3{font-size:20px;margin-bottom:4px}
.form .aciklama{color:var(--gri);font-size:13.5px;margin-bottom:20px}
.form .satir{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:block;font-size:13px;font-weight:500;color:var(--koyu2);margin-bottom:5px}
.form input,.form textarea,.form select{width:100%;padding:11px 13px;border:1.5px solid var(--cizgi);border-radius:9px;font:inherit;font-size:14px;background:#fff;margin-bottom:14px}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--tur)}
.form textarea{height:84px;resize:vertical}
.form .kvkk{display:flex;gap:9px;font-size:12.5px;color:var(--gri);margin-bottom:16px;align-items:flex-start}
.form .kvkk input{width:auto;margin:3px 0 0}
.form .btn{width:100%;justify-content:center}

/* İLETİŞİM */
.iletisim .kap{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:stretch}
.bilgi-liste{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.bilgi-liste div{display:flex;gap:14px}
.bilgi-liste i{flex:0 0 44px;height:44px;border-radius:11px;background:var(--tur-acik);color:var(--tur);display:flex;align-items:center;justify-content:center;font-size:17px}
.bilgi-liste b{display:block;font-size:14px}
.bilgi-liste span{color:var(--gri);font-size:14px}
.harita{border-radius:18px;overflow:hidden;min-height:360px;border:1px solid var(--cizgi);background:#eceae6}
.harita iframe{width:100%;height:100%;min-height:360px;border:0;display:block}

/* ALT */
footer{background:#232427;color:#b9bbc0;font-size:14px;padding:54px 0 0}
footer .kap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
footer h5{color:#fff;font-size:15px;margin-bottom:14px;font-weight:600}
footer ul{list-style:none;display:flex;flex-direction:column;gap:8px}
footer a:hover{color:var(--tur)}
footer .logo-beyaz{background:#fff;border-radius:10px;padding:10px 12px;display:inline-block;margin-bottom:14px}
footer .logo-beyaz img{height:34px}
.alt-cizgi{border-top:1px solid #36383c;margin-top:40px;padding:18px 0;font-size:12.5px}
.alt-cizgi .kap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;grid-template-columns:none}

.wp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:30}

/* TELEFON / TABLET */
@media (max-width:1020px){
  .kahraman .kap,.bayi .kap,.iletisim .kap{grid-template-columns:1fr}
  .kolaj{height:380px;max-width:520px}
  .urun-izgara{grid-template-columns:repeat(3,1fr)}
  .neden-izgara{grid-template-columns:repeat(2,1fr)}
  footer .kap{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  section{padding:56px 0}
  .ust-serit .sag span:not(:first-child){display:none}
  .ust-serit .sol{display:none}
  nav.menu{display:none}
  .hamburger{display:block}
  header .kap{height:66px;gap:14px}
  header .btn{padding:9px 13px;font-size:13.5px}
  .logo img{height:36px}
  .kahraman{padding:36px 0 48px}
  .kahraman h1{font-size:32px}
  .kahraman p.giris{font-size:15.5px}
  .kolaj{display:none}
  .sayaclar .kap{grid-template-columns:repeat(2,1fr);row-gap:24px}
  .kat-izgara{grid-template-columns:1fr}
  .urun-izgara{grid-template-columns:repeat(2,1fr);gap:12px}
  .neden-izgara{grid-template-columns:1fr}
  .form .satir{grid-template-columns:1fr;gap:0}
  h2.baslik{font-size:26px}
  footer .kap{grid-template-columns:1fr}
}

/* ── gerçek sürüm ekleri ─────────────────────────────────────────────── */
.deneme-bant{background:#fde68a;color:#78350f;text-align:center;font-size:12.5px;font-weight:600;padding:5px 10px}
.ust-serit a{display:inline-flex;gap:7px;align-items:center}
.ust-serit a:hover{color:#fff}
.logo b{font-size:20px;font-weight:700}
.kat h3 small{display:block;font-size:12.5px;font-weight:500;color:var(--gri);margin-top:2px}
.urun .resim .yok{font-size:42px;color:#d6d3cf}
a.fiyat-kilit:hover{background:var(--tur);color:#fff}
.hakkimizda{margin-top:26px;color:var(--koyu2);font-size:14.5px;max-width:540px}
.urunler.ince{padding-top:34px}
.bos{color:var(--gri);padding:30px 0}
.iletisim .kap.tek{grid-template-columns:1fr}
.bilgi-liste a:hover{color:var(--tur)}
.bilgi-liste p a,.bilgi-liste p span{color:var(--gri);font-size:14px}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form{position:relative}
.form .kvkk a{color:var(--tur)}
.sonuc{display:none;border-radius:9px;padding:11px 13px;font-size:14px;margin-bottom:14px}
.sonuc.iyi{display:block;background:#e8f7ee;color:#17663a;border:1px solid #bfe8cf}
.sonuc.kotu{display:block;background:#fdecec;color:#a42323;border:1px solid #f5c2c2}
.form button:disabled{opacity:.6;cursor:default}

/* sayfa başı (ürün grubu, KVKK) */
.sayfa-bas{background:#fff;border-bottom:1px solid var(--cizgi);padding:34px 0 28px}
.sayfa-bas h1{font-size:34px;font-weight:700;line-height:1.2;margin:6px 0 6px}
.yol{font-size:13px;color:var(--gri);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.yol i{font-size:10px}
.yol a:hover{color:var(--tur)}
.cipler{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cipler a{font-size:13.5px;border:1px solid var(--cizgi);border-radius:20px;padding:6px 14px;background:var(--zemin);color:var(--koyu2)}
.cipler a:hover{border-color:var(--tur);color:var(--tur)}
.cipler a.aktif{background:var(--tur);border-color:var(--tur);color:#fff}
.sayfalama{display:flex;justify-content:center;gap:6px;margin-top:34px;flex-wrap:wrap}
.sayfalama a,.sayfalama span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cizgi);border-radius:9px;background:#fff;font-weight:500;padding:0 10px}
.sayfalama a:hover{border-color:var(--tur);color:var(--tur)}
.sayfalama .aktif{background:var(--tur);border-color:var(--tur);color:#fff}
.cagri{background:var(--koyu);color:#fff;padding:44px 0}
.cagri .kap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cagri h2{font-size:24px;font-weight:700}
.cagri p{color:#c9cace}
.cagri .dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.metin{padding:44px 0 70px}
.dar{max-width:820px}
.metin h3{font-size:18px;margin:26px 0 8px}
.metin p{color:var(--koyu2);margin-bottom:10px}
.metin a{color:var(--tur)}
.kucuk{font-size:12.5px;color:var(--gri)}
footer .kucuk{color:#8d9096;margin-top:6px}

@media (max-width:760px){
  nav.menu.acik{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--cizgi);box-shadow:0 12px 24px rgba(0,0,0,.08);padding:6px 20px 12px}
  nav.menu.acik a{padding:12px 0;border-bottom:1px solid var(--cizgi)}
  nav.menu.acik a:last-child{border-bottom:0}
  header .kap{position:relative}
  .ust-serit .eposta{display:none}
  .sayfa-bas h1{font-size:27px}
  .cagri h2{font-size:20px}
}