/* karanci.net — sade kurumsal tasarım (v2, 2026-11-03)
   Kurallar: beyaz zemin, tek font, tek marka rengi (logo laciverdi), ince çizgiler,
   kart duvarı / rozet / glow / gradyan bant yok. */
:root{
  --zemin:#fff; --yuzey:#f4f5f7; --yuzey2:#eceef2;
  --metin:#16191f; --soluk:#5b616c; --cizgi:#e2e4e9; --cizgi2:#c9cdd5;
  --marka:#103371; --marka-k:#0b2552;
  --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --r:4px; --rb:6px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--zemin);color:var(--metin);font:400 17px/1.6 var(--font)}
img{max-width:100%;height:auto;display:block}
a{color:var(--marka);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.15;letter-spacing:-.015em;color:var(--metin)}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--marka);outline-offset:3px}
.kap{max-width:none;margin:0 auto;padding:0 clamp(20px,4vw,72px)}
.kap.dar{max-width:none}
/* Uzun metin sayfaları: metin + yan sütun (tam genişlik, okunur satır) */
.yan-duzen{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(40px,5vw,96px);align-items:start}
.yan-duzen .icerik,.yan-duzen .metin-ana{max-width:880px}
.yan{position:sticky;top:100px;display:grid;gap:28px}
.yan-kutu{border:1px solid var(--cizgi);border-radius:var(--r);padding:24px}
.yan-kutu h2,.yan-kutu h3{font-size:17px;margin-bottom:12px}
.yan-kutu p{color:var(--soluk);font-size:15.5px;margin-bottom:16px}
.yan-kutu .btn{width:100%}
.yan-kutu .btn+.btn{margin-top:10px}
.yan-liste li{border-top:1px solid var(--cizgi)}
.yan-liste a{display:block;padding:11px 0;color:var(--metin);font-size:15.5px;line-height:1.4}
.yan-liste a span{display:block;color:var(--soluk);font-size:13.5px;margin-top:2px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--metin);color:#fff;padding:8px 14px;z-index:99}
.skip:focus{left:8px}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--rb);
  font:600 15.5px/1 var(--font);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
.btn:hover{text-decoration:none}
.btn-ana{background:var(--marka);color:#fff}
.btn-ana:hover{background:var(--marka-k)}
.btn-ikinci{background:#fff;color:var(--metin);border-color:var(--cizgi2)}
.btn-ikinci:hover{border-color:var(--metin)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.ok-link{font-weight:600;color:var(--marka);white-space:nowrap}

/* Üst bölüm */
.site-bas{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--cizgi)}
.bas-ic{display:flex;align-items:center;gap:28px;height:76px}
.logo img{height:46px;width:auto}
.ana-menu{display:flex;align-items:center;gap:26px;margin-left:auto}
.ana-menu>a,.menu-grup>a{color:var(--metin);font-size:15.5px;font-weight:500;padding:6px 0;border-bottom:2px solid transparent}
.ana-menu>a:hover,.menu-grup>a:hover{text-decoration:none;border-color:var(--cizgi2)}
.ana-menu a.akt{border-color:var(--marka)}
.ana-menu .btn{margin-left:6px;min-height:42px;font-size:15px;border-bottom:1px solid transparent}
.ana-menu .btn:hover{border-color:transparent}
.ana-menu>a.btn{color:#fff;border-bottom:1px solid transparent;padding:0 18px}
figure{margin:0}
.menu-grup{position:relative}
.alt-menu{position:absolute;left:-16px;top:100%;min-width:260px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--rb);
  padding:8px 0;display:none;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.menu-grup:hover .alt-menu,.menu-grup:focus-within .alt-menu{display:block}
.alt-menu a{display:flex;justify-content:space-between;gap:16px;padding:8px 16px;color:var(--metin);font-size:15px}
.alt-menu a span{color:var(--soluk);font-variant-numeric:tabular-nums}
.alt-menu a:hover{background:var(--yuzey);text-decoration:none}
.alt-menu .am-tumu{border-top:1px solid var(--cizgi);margin-top:6px;padding-top:10px;color:var(--marka);font-weight:600}
.menu-ac{display:none;margin-left:auto;background:none;border:1px solid var(--cizgi2);border-radius:var(--rb);height:42px;padding:0 14px;font:500 15px var(--font);color:var(--metin);cursor:pointer}

/* Ekmek kırıntısı */
.ekmek{font-size:14px;color:var(--soluk);padding:18px 0 0}
.ekmek a{color:var(--soluk)}
.ekmek span{color:var(--metin)}

/* Sayfa başlığı (iç sayfalar) */
.sayfa-bas{padding:40px 0 48px}
.sayfa-bas h1{font-size:clamp(2rem,3.6vw,3rem)}
.sayfa-bas p{margin-top:16px;max-width:66ch;color:var(--soluk);font-size:18px}
.sayfa-bas .btns{margin-top:28px}
.sayfa-bas .ust{display:block;margin-bottom:12px;color:var(--soluk);font-size:15px}

/* Bölümler */
.bolum{padding:88px 0}
.bolum+.bolum{border-top:1px solid var(--cizgi)}
.bolum.yuzey{background:var(--yuzey);border-top:0}
.bolum.yuzey+.bolum{border-top:0}
.bolum-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.bolum-bas h2,.bolum h2{font-size:clamp(1.6rem,2.6vw,2.25rem)}
.bolum-bas p{margin-top:10px;color:var(--soluk);max-width:62ch}

/* Ana sayfa giriş */
.giris-ana{padding:56px 0 0}
.giris-ana .kap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(40px,5vw,96px);align-items:center}
.giris-ana .metin{max-width:760px}
.giris-ana .ust{display:block;color:var(--soluk);font-size:15px;margin-bottom:18px}
.giris-ana h1{font-size:clamp(2.4rem,5vw,4.25rem);line-height:1.06;letter-spacing:-.03em}
.giris-ana p{margin-top:22px;font-size:19px;color:var(--soluk);max-width:62ch}
.giris-ana .btns{margin-top:30px}
.genis-gorsel{margin:0}
.genis-gorsel img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}

/* Ana sayfa slider: yumuşak geçiş + yavaş yakınlaşma + ilerleme çizgileri */
.slider{min-width:0}
.sl-sahne{position:relative;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--yuzey2)}
.sl{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.sl.akt{opacity:1;pointer-events:auto;z-index:1}
.sl img{width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 7s linear}
.sl.akt img{transform:scale(1.07)}
.sl-alt{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px}
.sl-baslik{color:var(--metin);font-weight:600;font-size:16px;transition:opacity .3s}
.sl-baslik.gecis{opacity:0}
.sl-baslik span{display:inline-block;transition:transform .2s}
.sl-baslik:hover span{transform:translateX(4px)}
.sl-noktalar{display:flex;gap:8px}
.sl-nokta{width:44px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.sl-nokta i{display:block;width:100%;height:2px;background:var(--cizgi2);position:relative;overflow:hidden}
.sl-nokta i::after{content:"";position:absolute;inset:0;background:var(--marka);transform:scaleX(0);transform-origin:left}
.sl-nokta.akt i::after{animation:sl-ilerle var(--sure,6s) linear forwards}
.sl-nokta.gecti i::after{transform:scaleX(1)}
.slider.dur .sl-nokta.akt i::after{animation-play-state:paused}
@keyframes sl-ilerle{to{transform:scaleX(1)}}

/* Kaydırınca beliren öğeler (JS yoksa hep görünür) */
.js .belir{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--gec,0s)}
.js .belir.gor{opacity:1;transform:none}

/* Küçük etkileşimler */
.ok-link{display:inline-block;transition:transform .2s}
.ok-link:hover{transform:translateX(3px);text-decoration:none}
.btn{transition:background .15s,border-color .15s,color .15s,transform .15s}
.btn:active{transform:translateY(1px)}
.iki-kol img,.genis-gorsel img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.iki-kol:hover img{transform:scale(1.015)}
.ozellik div{transition:border-color .25s}
.ozellik div:hover{border-color:var(--marka)}
.yazi-satir .ys-ok{transition:transform .2s,color .2s}
.yazi-satir:hover .ys-ok{transform:translateX(4px);color:var(--marka)}

/* İki kolon: görsel + metin */
.iki-kol{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.iki-kol.ust-hiza{align-items:start}
.iki-kol img{width:100%;border-radius:var(--r);aspect-ratio:4/3;object-fit:cover}
.iki-kol h2+p,.iki-kol h3+p{margin-top:16px}
.iki-kol p{color:var(--soluk)}
.iki-kol .btns{margin-top:28px}
.iki-kol h3{font-size:19px;margin-top:32px}

/* Çizgili liste */
.cizgili{margin-top:24px;border-top:1px solid var(--cizgi)}
.cizgili li{padding:14px 0;border-bottom:1px solid var(--cizgi);color:var(--metin)}
.cizgili li b{font-weight:600}
.cizgili li span{display:block;color:var(--soluk);font-size:15.5px;margin-top:2px}

/* Özellik ızgarası (kutusuz) */
.ozellik{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 48px}
.ozellik div{border-top:1px solid var(--cizgi2);padding-top:18px}
.ozellik h3{font-size:17.5px}
.ozellik p{margin-top:8px;color:var(--soluk);font-size:16px}

/* Ürün ızgarası */
.urun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:40px 28px}
.urun-grid.on-iki{grid-template-columns:repeat(6,1fr)}
.urun-grid.dort{grid-template-columns:repeat(4,1fr)}
@media (max-width:720px){.urun-grid.dort{grid-template-columns:1fr 1fr}}
@media (max-width:1279px){.urun-grid.on-iki{grid-template-columns:repeat(4,1fr)}}
@media (max-width:960px){.urun-grid.on-iki{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.urun-grid.on-iki{grid-template-columns:1fr 1fr}}
.urun-kart{display:block;color:var(--metin)}
.urun-kart:hover{text-decoration:none}
.uk-gorsel{display:block;background:var(--yuzey);border-radius:var(--r);aspect-ratio:1/1;padding:18px}
.uk-gorsel img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.urun-kart:hover .uk-gorsel img{transform:scale(1.03)}
.uk-kat{display:block;margin-top:14px;font-size:13.5px;color:var(--soluk)}
.uk-ad{display:block;margin-top:3px;font-weight:600;font-size:16.5px;line-height:1.35}
.uk-ozet{display:block;margin-top:6px;font-size:15px;color:var(--soluk);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.urun-kart:hover .uk-ad{text-decoration:underline;text-underline-offset:3px}

/* Öne çıkan iki ürün (taraf sayfaları) */
.one-cikan{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.oc{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;padding:24px;border:1px solid var(--cizgi);border-radius:var(--r);color:var(--metin)}
.oc:hover{border-color:var(--cizgi2);text-decoration:none}
.oc img{width:200px;height:200px;object-fit:contain;background:var(--yuzey);border-radius:var(--r);padding:12px;mix-blend-mode:multiply}
.oc small{display:block;color:var(--soluk);font-size:14px}
.oc h3{font-size:21px;margin-top:4px}
.oc .ok-link{display:inline-block;margin-top:14px}

/* Alt kategori sekmeleri */
.sekmeler{display:flex;flex-wrap:wrap;gap:4px 24px;border-bottom:1px solid var(--cizgi);margin-bottom:40px}
.sekmeler a{color:var(--metin);font-size:15.5px;padding:10px 0;border-bottom:2px solid transparent;margin-bottom:-1px}
.sekmeler a span{color:var(--soluk);margin-left:4px;font-variant-numeric:tabular-nums}
.sekmeler a:hover{text-decoration:none;border-color:var(--cizgi2)}
.sekmeler a.akt{border-color:var(--marka)}

/* Yazı listesi */
.yazi-liste{border-top:1px solid var(--cizgi)}
.yazi-satir{display:grid;grid-template-columns:160px 1fr auto;gap:28px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--cizgi);color:var(--metin)}
.yazi-satir:hover{text-decoration:none}
.yazi-satir:hover .ys-baslik{text-decoration:underline;text-underline-offset:3px}
.ys-tarih{color:var(--soluk);font-size:14.5px;font-variant-numeric:tabular-nums}
.ys-baslik{font-weight:600;font-size:18px;line-height:1.35}
.ys-ozet{display:block;margin-top:6px;color:var(--soluk);font-size:15.5px;max-width:72ch}
.ys-ok{color:var(--soluk)}

/* İletişim şeridi */
.il-serit{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.il-serit p{margin-top:14px;color:var(--soluk);max-width:52ch}
.il-serit .btns{margin-top:28px}
.bilgi{display:grid;grid-template-columns:auto 1fr;gap:12px 28px;margin:0;font-size:16.5px}
.bilgi dt{color:var(--soluk)}
.bilgi dd{margin:0;color:var(--metin)}
.bilgi a{color:var(--metin)}

/* Alt bölüm */
.site-ayak{background:var(--yuzey);border-top:1px solid var(--cizgi);margin-top:0;font-size:15.5px}
.ayak-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px;padding:64px 32px 48px}
.ayak-grid h4{font-size:15px;margin-bottom:14px}
.ayak-grid li{margin:7px 0}
.ayak-grid a{color:var(--soluk)}
.ayak-grid a:hover{color:var(--metin)}
.ayak-marka img{height:44px;width:auto;mix-blend-mode:multiply}
.ayak-marka p{margin-top:16px;color:var(--soluk);max-width:40ch}
.ayak-alt{border-top:1px solid var(--cizgi)}
.ayak-alt .kap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:22px;color:var(--soluk);font-size:14px}

/* İLK GİRİŞ: iki bölme */
body.giris{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.giris-bas{background:#fff;border-bottom:1px solid var(--cizgi)}
.giris-bas .kap{display:flex;align-items:center;height:76px;max-width:none;padding:0 40px}
.giris-menu{display:flex;align-items:center;gap:26px;margin-left:auto}
.giris-menu a{color:var(--metin);font-weight:500;font-size:15.5px}
.giris-menu .btn{color:#fff}
.bolme{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.yarim{position:relative;overflow:hidden;display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.yarim:hover{text-decoration:none}
.yarim+.yarim{border-left:1px solid rgba(255,255,255,.35)}
.yarim-zemin{position:absolute;inset:-24px;background-size:cover;background-position:center;z-index:-2;
  transform:translate(var(--x,0),var(--y,0));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.yarim::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,12,20,.72) 0%,rgba(8,12,20,.25) 45%,rgba(8,12,20,0) 70%)}
.yarim-ic{padding:0 56px 56px;max-width:600px}
.yarim h2{color:#fff;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.02em}
.yarim p{margin-top:12px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.88)}
.yarim .ok{display:inline-block;margin-top:22px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:3px}
.yarim:hover .ok{border-color:#fff}
.giris-alt{border-top:1px solid var(--cizgi);font-size:14px;color:var(--soluk)}
.giris-alt .kap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:none;padding:14px 40px}
.giris-alt nav{display:flex;gap:20px}
.giris-alt a{color:var(--soluk)}

/* Katalog */
.katalog-ic{display:grid;grid-template-columns:240px 1fr;gap:56px;align-items:start}
.kat-yan{position:sticky;top:100px;font-size:15.5px}
.kat-yan h2{font-size:15px;margin-bottom:10px}
.kat-yan li a{display:flex;justify-content:space-between;gap:10px;padding:6px 0;color:var(--metin)}
.kat-yan li a span{color:var(--soluk);font-variant-numeric:tabular-nums}
.kat-yan li.alt a{padding-left:14px;color:var(--soluk)}
.kat-yan li a.akt{color:var(--marka);font-weight:600}
.kat-ara{display:flex;margin-top:22px;border:1px solid var(--cizgi2);border-radius:var(--rb);overflow:hidden}
.kat-ara input{flex:1;min-width:0;border:0;padding:10px 12px;font:16px var(--font)}
.kat-ara button{border:0;border-left:1px solid var(--cizgi2);background:#fff;padding:0 14px;font:600 15px var(--font);cursor:pointer}
.katalog-bas{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--cizgi)}
.katalog-bas h1{font-size:clamp(1.7rem,2.8vw,2.3rem)}
.katalog-bas span{color:var(--soluk)}
.katalog .urun-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.bos{color:var(--soluk)}

/* Ürün detayı */
.urun-ust{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:start;padding-top:32px;padding-bottom:80px}
.ug-buyuk{background:var(--yuzey);border-radius:var(--r);aspect-ratio:1/1;padding:32px}
.ug-buyuk img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ug-kucuk{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.ugk{width:76px;height:76px;padding:6px;background:var(--yuzey);border:1px solid transparent;border-radius:var(--r);cursor:pointer}
.ugk img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ugk.akt{border-color:var(--marka)}
.urun-bilgi .kat-link{font-size:15px;color:var(--soluk)}
.urun-bilgi h1{font-size:clamp(1.9rem,3.2vw,2.6rem);margin-top:8px}
.urun-kisa{margin-top:18px;color:var(--soluk)}
.urun-kisa p+p,.urun-kisa ul{margin-top:10px}
.urun-kisa ul{padding-left:20px;list-style:disc}
.urun-bilgi .btns{margin-top:28px}
.urun-bilgi .cizgili{margin-top:36px;font-size:15.5px}
.urun-etiketler{margin-top:22px;font-size:15px;color:var(--soluk)}
.urun-etiketler a{color:var(--soluk);text-decoration:underline;text-underline-offset:3px}

/* Zengin metin */
.icerik{font-size:17.5px;line-height:1.7}
.icerik>*+*{margin-top:1em}
.icerik h2{font-size:1.5rem;margin-top:1.8em}
.icerik h3{font-size:1.2rem;margin-top:1.6em}
.icerik h4{font-size:1.05rem;margin-top:1.4em}
.icerik ul,.icerik ol{padding-left:1.3em}
.icerik ul{list-style:disc}
.icerik li+li{margin-top:.35em}
.icerik img{border-radius:var(--r);margin:1.2em 0}
.icerik a{text-decoration:underline;text-underline-offset:3px}
.icerik table{width:100%;border-collapse:collapse;font-size:15.5px}
.icerik th,.icerik td{border-bottom:1px solid var(--cizgi);padding:10px 8px;text-align:left;vertical-align:top}
.icerik th{font-weight:600}
.icerik strong{font-weight:600}

/* Blog yazısı */
.yazi-bas{padding:32px 0 32px}
.yazi-bas h1{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.yazi-tarih{display:block;color:var(--soluk);font-size:15px;margin-bottom:14px}
.yazi-son{margin-top:56px;padding-top:28px;border-top:1px solid var(--cizgi)}
.yazi-son p{font-weight:600;margin-bottom:16px}

/* Sektör listesi */
.sektor{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--cizgi)}
.sektor:first-child{border-top:1px solid var(--cizgi)}
.sektor h2{font-size:21px}
.sektor h3{font-size:17px;margin-bottom:8px}
.sektor p{color:var(--soluk)}
.grup-liste{columns:3;column-gap:48px}
.grup-liste a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--cizgi);color:var(--metin);break-inside:avoid}
.grup-liste a span{color:var(--soluk)}

/* Hakkımızda */
.rakam{display:flex;align-items:baseline;gap:14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--cizgi)}
.rakam b{font-size:2.4rem;font-weight:600;letter-spacing:-.02em;color:var(--marka)}
.rakam span{color:var(--soluk)}

/* İletişim */
.il-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:start}
.il-grid h2{font-size:1.5rem;margin-bottom:22px}
.il-grid .bilgi{font-size:17px}
.form{display:grid;gap:18px}
.form label{display:grid;gap:6px;font-size:15px;font-weight:500}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{width:100%;font:16px/1.5 var(--font);padding:11px 13px;border:1px solid var(--cizgi2);border-radius:var(--rb);background:#fff;color:var(--metin)}
.form input:focus,.form textarea:focus{outline:2px solid var(--marka);outline-offset:0;border-color:var(--marka)}
.form-ikili{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form .onay{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--soluk)}
.form .onay input{margin-top:5px;width:18px;height:18px}
.form .onay a{text-decoration:underline}
.form .btn{justify-self:start}
.form-not{font-size:14px;color:var(--soluk)}
.hp{position:absolute;left:-9999px}
.form-ok,.form-hata{padding:14px 16px;border-radius:var(--rb);font-size:16px}
.form-ok{background:#edf7ef;color:#14532d;border:1px solid #b9dfc2}
.form-hata{background:#fdf0ef;color:#8a1c12;border:1px solid #f0c3be;margin-bottom:6px}
.harita{margin-top:72px;aspect-ratio:2.6/1;background:var(--yuzey);border-radius:var(--r);overflow:hidden;display:grid;place-items:center;text-align:center}
.harita iframe{width:100%;height:100%;border:0}
.harita-ac p{color:var(--soluk);margin:8px 0 18px}

/* İletişim v2 */
.kanal{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--cizgi);border-radius:var(--r)}
.kanal li+li{border-left:1px solid var(--cizgi)}
.kanal a{display:block;padding:24px 26px;color:var(--metin);height:100%;transition:background .2s}
.kanal a:hover{background:var(--yuzey);text-decoration:none}
.kanal small{display:block;color:var(--soluk);font-size:14px}
.kanal b{display:block;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:600;margin-top:6px;letter-spacing:-.01em;word-break:break-word}
.kanal span{display:inline-block;margin-top:10px;color:var(--marka);font-weight:600;font-size:15px;transition:transform .2s}
.kanal a:hover span{transform:translateX(4px)}
.il-ana{padding:56px 0 96px}
.il-duzen{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:clamp(40px,5vw,88px);align-items:start}
.il-form{background:var(--yuzey);border-radius:var(--r);padding:clamp(24px,3.2vw,48px);scroll-margin-top:96px}
.il-form h2{font-size:clamp(1.5rem,2.2vw,2rem)}
.il-not{color:var(--soluk);margin:10px 0 26px}
.il-form .form input[type=text],.il-form .form input[type=email],.il-form .form input[type=tel],.il-form .form textarea{background:#fff}
.form label em{font-style:normal;color:#b42318}
.form label i{font-style:normal;font-weight:400;color:var(--soluk)}
.form [aria-invalid=true]{border-color:#b42318!important}
.alan-hata{display:block;color:#b42318;font-size:14px;font-weight:500;margin-top:2px}
.konu-sec{border:0;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.konu-sec legend{font-size:15px;font-weight:500;margin-bottom:8px;padding:0}
.konu-sec label{display:block;font-weight:500}
.konu-sec input{position:absolute;opacity:0;pointer-events:none}
.konu-sec span{display:inline-block;padding:9px 16px;border:1px solid var(--cizgi2);border-radius:var(--rb);background:#fff;cursor:pointer;font-size:15px;transition:border-color .15s,background .15s,color .15s}
.konu-sec label:hover span{border-color:var(--metin)}
.konu-sec input:checked+span{background:var(--marka);border-color:var(--marka);color:#fff}
.konu-sec input:focus-visible+span{outline:2px solid var(--marka);outline-offset:2px}
.form-gonder{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.form-gonder .btn{min-height:50px;padding:0 28px}
.form-ok{padding:28px;background:#fff;border:1px solid #b9dfc2;border-left:4px solid #1f7a3a;color:var(--metin)}
.form-ok b{display:block;font-size:20px;color:#14532d}
.form-ok p{margin:10px 0 20px;color:var(--soluk)}
.form-ok a:not(.btn){text-decoration:underline}
.il-yan{display:grid;gap:32px}
.il-yan h2{font-size:17px;margin-bottom:8px}
.il-yan p{color:var(--soluk)}
.il-yan .ok-link{margin-top:10px}
.il-yan .harita{margin-top:0;aspect-ratio:4/3}

/* 404 */
.bos404{padding:96px 0;text-align:center}
.bos404 h1{font-size:2.2rem}
.bos404 p{color:var(--soluk);margin-top:12px}
.bos404 .btns{justify-content:center;margin-top:28px}

/* Duyarlı */
@media (max-width:1080px){
  .ana-menu{gap:18px}
  .ana-menu>a,.menu-grup>a{font-size:15px}
 .ayak-grid{grid-template-columns:1fr 1fr}
  .one-cikan{grid-template-columns:1fr}
}
@media (max-width:960px){
  .menu-ac{display:block}
  .ana-menu{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;border-bottom:1px solid var(--cizgi);
    flex-direction:column;align-items:stretch;gap:0;padding:8px 32px 20px}
  .ana-menu.ac{display:flex}
  .ana-menu>a,.menu-grup>a{display:block;padding:12px 0;border-bottom:1px solid var(--cizgi)}
  .ana-menu a.akt{border-color:var(--cizgi);color:var(--marka)}
  .alt-menu{position:static;display:block;border:0;box-shadow:none;padding:0 0 6px 14px;min-width:0}
  .alt-menu a{padding:8px 0}
  .ana-menu .btn{margin:16px 0 0}
  .iki-kol,.il-serit,.il-grid,.katalog-ic,.yan-duzen,.giris-ana .kap{grid-template-columns:1fr;gap:40px}
  .iki-kol.ters>:first-child{order:2}
  .kat-yan,.yan{position:static}
  .katalog .urun-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .urun-ust{grid-template-columns:1fr;gap:36px}
  .ozellik{grid-template-columns:1fr 1fr}
  .grup-liste{columns:2}
  .sektor{grid-template-columns:1fr;gap:10px}
  .giris-menu a:not(.btn){display:none}
}
@media (max-width:720px){
  body{font-size:16.5px}
  .kap{padding:0 20px}
  .bas-ic{height:64px}
  .logo img{height:38px}
  .ana-menu{top:64px;padding:8px 20px 20px}
  .bolum{padding:64px 0}
  .bolum-bas{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px}
  .giris-ana{padding-top:40px}
  .giris-ana p{font-size:17.5px}
  .giris-ana .kap{gap:32px}
  .genis-gorsel img{aspect-ratio:4/3}
  .urun-grid,.katalog .urun-grid{grid-template-columns:1fr 1fr;gap:28px 16px}
  .uk-gorsel{padding:10px}
  .uk-ad{font-size:15.5px}
  .uk-ozet{display:none}
  .oc{grid-template-columns:110px 1fr;gap:18px;padding:16px}
  .oc img{width:110px;height:110px}
  .oc h3{font-size:18px}
  .ozellik{grid-template-columns:1fr;gap:24px}
  .yazi-satir{grid-template-columns:1fr;gap:4px}
  .ys-ok{display:none}
  .grup-liste{columns:1}
  .ayak-grid{grid-template-columns:1fr;gap:32px;padding:48px 20px 32px}
  .form-ikili{grid-template-columns:1fr}
  .harita{aspect-ratio:4/3;margin-top:48px}
  .bilgi{grid-template-columns:1fr;gap:2px}
  .bilgi dd{margin-bottom:12px}
  .btns .btn{flex:1 1 auto}
  /* ilk giriş: alt alta */
  .giris-bas .kap{height:64px;padding:0 20px}
  .giris-bas .logo img{height:38px}
  .bolme{grid-template-columns:1fr;min-height:0}
  .yarim{min-height:46svh}
  .yarim+.yarim{border-left:0;border-top:1px solid rgba(255,255,255,.35)}
  .yarim-ic{padding:0 24px 28px}
  .yarim p{font-size:15.5px}
  .giris-alt .kap{padding:14px 20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.js .belir{opacity:1;transform:none}.sl.akt img{transform:none}}
@media (max-width:1080px){.kanal{grid-template-columns:1fr 1fr}.kanal li:nth-child(3){border-left:0}.kanal li:nth-child(n+3){border-top:1px solid var(--cizgi)}}
@media (max-width:960px){.il-duzen{grid-template-columns:1fr}}
@media (max-width:560px){.kanal{grid-template-columns:1fr}.kanal li+li{border-left:0;border-top:1px solid var(--cizgi)}.kanal a{padding:18px 20px}.il-form{padding:22px 18px;margin:0 -4px}}
@media (max-width:720px){.sl-alt{flex-direction:column;align-items:flex-start;gap:10px}.sl-nokta{width:36px}}