/* kahalojistik.com v2 — 17.10.2026. Tek dosya, çerçeve yok. */
:root{
  --navy:#0f2740;--navy2:#173a5e;--red:#c8102e;--red2:#a30c24;--steel:#5b6b7c;
  --bg:#f4f6f8;--bg2:#e9edf2;--line:#dde3ea;--text:#15202b;--muted:#5d6b7a;--white:#fff;
  --r:14px;--r2:8px;--sh:0 1px 2px rgba(15,39,64,.06),0 8px 24px -12px rgba(15,39,64,.18);
  --font:"Inter","Noto Sans Georgian",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--text);background:var(--white);line-height:1.6;font-size:16px}
img{max-width:100%;display:block}a{color:var(--navy2)}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;color:var(--navy);letter-spacing:-.01em}
h1{font-size:clamp(30px,4.6vw,52px);font-weight:800}h2{font-size:clamp(24px,3.2vw,36px);font-weight:800}h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}.ic{max-width:1180px;margin:0 auto;padding:0 20px}
.ust{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:10px}
.lead{font-size:18px;color:var(--muted);max-width:760px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:var(--r2);font-weight:700;text-decoration:none;
  border:2px solid transparent;cursor:pointer;font-size:15px;line-height:1.2;transition:.15s}
.btn-r{background:var(--red);color:#fff}.btn-r:hover{background:var(--red2)}
.btn-n{background:var(--navy);color:#fff}.btn-n:hover{background:var(--navy2)}
.btn-o{border-color:#fff;color:#fff}.btn-o:hover{background:rgba(255,255,255,.12)}
.btn-g{border-color:var(--line);color:var(--navy);background:#fff}.btn-g:hover{border-color:var(--navy)}
section{padding:72px 0}section.gri{background:var(--bg)}section.koyu{background:var(--navy);color:#dbe4ee}
section.koyu h2,section.koyu h3{color:#fff}.basl{margin-bottom:36px;max-width:820px}

/* üst çubuk + menü */
.cubuk{background:var(--navy);color:#c9d6e4;font-size:13px}.cubuk .ic{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:12px;flex-wrap:wrap}
.cubuk a{color:#fff;text-decoration:none}.cubuk .sol{display:flex;gap:18px;flex-wrap:wrap}
.diller{display:flex;gap:4px}.diller a{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-weight:600}
.diller a img{width:18px;height:12px;border:1px solid rgba(255,255,255,.25)}.diller a.aktif{background:rgba(255,255,255,.14)}
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
header .ic{display:flex;align-items:center;gap:20px;min-height:76px}
.logo img{height:52px;width:auto}.logo{margin-right:auto}
nav.ana>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;align-items:center}
nav.ana a{display:block;padding:10px 12px;color:var(--navy);text-decoration:none;font-weight:600;font-size:15px;border-radius:var(--r2)}
nav.ana a:hover,nav.ana li.aktif>a{background:var(--bg)}
nav.ana li{position:relative}nav.ana li.alt>a::after{content:"";display:inline-block;width:6px;height:6px;border:solid var(--steel);border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 0 3px 8px}
nav.ana ul ul{position:absolute;left:0;top:100%;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh);
  padding:8px;list-style:none;margin:0;display:none;z-index:60}
nav.ana li:hover>ul,nav.ana li:focus-within>ul{display:block}nav.ana ul ul a{font-weight:500;padding:9px 12px}
nav.ana ul ul li.hepsi a{font-weight:700;color:var(--red)}
.menu-ac{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r2);background:#fff;cursor:pointer;position:relative}
.menu-ac span,.menu-ac span::before,.menu-ac span::after{content:"";position:absolute;left:11px;width:20px;height:2px;background:var(--navy);transition:.2s}
.menu-ac span{top:21px}.menu-ac span::before{top:-6px;left:0}.menu-ac span::after{top:6px;left:0}
#m:checked~header .menu-ac span{background:transparent}#m:checked~header .menu-ac span::before{transform:translateY(6px) rotate(45deg)}
#m:checked~header .menu-ac span::after{transform:translateY(-6px) rotate(-45deg)}
#m{position:absolute;opacity:0;pointer-events:none}
@media(max-width:980px){
  .menu-ac{display:block}header .btn{display:none}
  nav.ana{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh);max-height:calc(100vh - 76px);overflow:auto}
  #m:checked~header nav.ana{display:block}
  nav.ana>ul{flex-direction:column;align-items:stretch;padding:10px 16px 18px;gap:0}
  nav.ana a{padding:12px 10px;font-size:16px}nav.ana ul ul{position:static;display:block;border:0;box-shadow:none;padding:0 0 6px 14px;min-width:0}
  nav.ana li.alt>a::after{display:none}
}

/* kahraman */
.hero{position:relative;color:#fff;background:var(--navy) url(foto/frigorifik.jpg) center/cover;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,27,46,.94) 0%,rgba(10,27,46,.82) 45%,rgba(10,27,46,.45) 100%);z-index:-1}
.hero .ic{padding-top:88px;padding-bottom:72px;max-width:1180px}
.hero .ust{color:#ffb3bd}.hero h1{color:#fff;max-width:760px}.hero p{font-size:19px;max-width:640px;color:#d4deea;margin-bottom:28px}
.hero .dugmeler{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:56px}
.sayilar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:900px}
.sayilar div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r2);padding:14px 16px;backdrop-filter:blur(4px)}
.sayilar b{display:block;font-size:30px;font-weight:800;line-height:1.1;color:#fff}.sayilar span{font-size:13px;color:#c9d6e4}
@media(max-width:720px){.sayilar{grid-template-columns:1fr 1fr}.hero .ic{padding-top:56px;padding-bottom:48px}}

/* kart ızgaraları */
.izgara{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.izgara.uc{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.kart{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.15s;text-decoration:none;color:inherit}
.kart:hover{box-shadow:var(--sh);transform:translateY(-2px);border-color:#c7d1dc}
.kart .govde{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.kart h3{font-size:18px;margin-bottom:6px}.kart p{color:var(--muted);font-size:15px;margin:0 0 14px;flex:1}
.kart .git{font-weight:700;color:var(--red);font-size:14px}.kart .git::after{content:" →"}
.kart .pik{background:var(--bg);padding:22px 22px 10px;display:flex;justify-content:center}
.kart .pik svg{width:150px;height:110px}
.kart .foto{aspect-ratio:16/10;overflow:hidden;background:var(--bg2)}.kart .foto img{width:100%;height:100%;object-fit:cover;transition:.4s}
.kart:hover .foto img{transform:scale(1.04)}

/* çimento bandı */
.cim{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.cim .resim{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);aspect-ratio:4/3}.cim .resim img{width:100%;height:100%;object-fit:cover}
.cim ul{columns:2;padding-left:18px;color:var(--muted);margin:0 0 20px}.cim li{margin-bottom:4px;break-inside:avoid}
@media(max-width:860px){.cim{grid-template-columns:1fr}.cim ul{columns:1}}

/* neden */
.neden{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.neden div{border-top:3px solid var(--red);padding-top:18px}.neden b{display:block;font-size:17px;color:#fff;margin-bottom:6px}
.neden p{color:#b9c8d8;font-size:15px;margin:0}@media(max-width:900px){.neden{grid-template-columns:1fr 1fr}}@media(max-width:520px){.neden{grid-template-columns:1fr}}

/* logolar */
.logolar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center}
.logolar div{background:#fff;border:1px solid var(--line);border-radius:var(--r2);height:74px;width:168px;display:flex;align-items:center;justify-content:center;padding:12px}
.logolar img{max-height:48px;width:auto;filter:grayscale(1);opacity:.75;transition:.2s}.logolar div:hover img{filter:none;opacity:1}

/* cta */
.cta{background:linear-gradient(120deg,var(--red) 0%,#8e0a1f 100%);color:#fff;border-radius:var(--r);padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta h2{color:#fff;margin:0 0 6px}.cta p{margin:0;color:#ffd9de}.cta .btn-o{border-color:#fff}
@media(max-width:600px){.cta{padding:30px 22px}}

/* sayfa başlığı */
.baslik{background:var(--navy);color:#c9d6e4;padding:48px 0 44px;position:relative;overflow:hidden}
.baslik.fotolu{background:var(--navy) var(--f) center/cover}.baslik.fotolu::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,27,46,.95),rgba(10,27,46,.7))}
.baslik .ic{position:relative}.baslik h1{color:#fff;margin-bottom:8px}.baslik p{font-size:18px;max-width:760px;margin:0}
.kirinti{font-size:13px;margin-bottom:14px;color:#9fb3c8}.kirinti a{color:#fff;text-decoration:none}.kirinti span{margin:0 8px;opacity:.6}

/* ürün detayı */
.detay{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:start}
.detay .sol>.pikbuyuk{background:var(--bg);border-radius:var(--r);padding:22px;display:flex;justify-content:center;margin-bottom:28px}
.detay .sol>.pikbuyuk svg{width:min(260px,100%);height:auto}
table.oz{width:100%;border-collapse:collapse;margin:0 0 28px;font-size:15px}
table.oz th,table.oz td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
table.oz th{width:36%;color:var(--muted);font-weight:600;background:var(--bg)}
.cipler{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cipler span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600;color:var(--navy)}
.not{font-size:13px;color:var(--muted)}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--sh);position:sticky;top:96px}
.form h3{margin-bottom:16px}.form label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:12px 0 4px}
.form input,.form textarea,.form select{width:100%;border:1px solid #c9d2dc;border-radius:var(--r2);padding:10px 12px;font:inherit;font-size:15px;background:#fff}
.form input:focus,.form textarea:focus{outline:2px solid var(--navy2);outline-offset:0;border-color:var(--navy2)}
.form textarea{min-height:96px;resize:vertical}.form .iki{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .onay{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:14px 0 16px;line-height:1.45}
.form .onay input{width:auto;margin-top:3px}.form .btn{width:100%;justify-content:center}
.form .wa{display:block;text-align:center;margin-top:12px;font-size:14px;font-weight:600;color:#128c7e;text-decoration:none}
@media(max-width:960px){.detay{grid-template-columns:1fr}.form{position:static}}
.maddeler{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.maddeler li{padding-left:28px;position:relative}.maddeler li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:var(--red);
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8" fill="black"/><path d="M4.5 8.5l2.3 2.3L11.5 6" stroke="white" stroke-width="1.8" fill="none"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8" fill="black"/><path d="M4.5 8.5l2.3 2.3L11.5 6" stroke="white" stroke-width="1.8" fill="none"/></svg>') center/contain no-repeat}
.hizfoto{border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;margin-bottom:28px;box-shadow:var(--sh)}.hizfoto img{width:100%;height:100%;object-fit:cover}

/* hakkımızda / iletişim / galeri */
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media(max-width:860px){.ikili{grid-template-columns:1fr}}
.rakam{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}
.rakam div{background:var(--bg);border-radius:var(--r2);padding:18px}.rakam b{display:block;font-size:30px;font-weight:800;color:var(--navy)}.rakam span{font-size:13px;color:var(--muted)}
@media(max-width:720px){.rakam{grid-template-columns:1fr 1fr}}
.ilet{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:40px}
.ilet div{background:var(--bg);border-radius:var(--r2);padding:18px}.ilet b{display:block;font-size:13px;color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.ilet a{text-decoration:none;color:var(--navy);font-weight:600}
.ekip{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.ekip div{border:1px solid var(--line);border-radius:var(--r2);padding:16px}.ekip b{display:block;color:var(--navy)}.ekip small{color:var(--muted);display:block;margin-bottom:6px}
.ekip a{font-size:14px;text-decoration:none;display:block}
.harita{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/8;margin-top:40px}.harita iframe{width:100%;height:100%;border:0}
.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.galeri a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r2);background:var(--bg2)}.galeri img{width:100%;height:100%;object-fit:cover;transition:.4s}.galeri a:hover img{transform:scale(1.05)}

/* alt bilgi */
footer{background:#0a1b2e;color:#9fb3c8;padding:56px 0 28px;font-size:14px}
footer .kolonlar{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
footer h4{color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
footer a{color:#dbe4ee;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}
footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:8px}
footer .logo img{height:44px;margin-bottom:14px;filter:brightness(0) invert(1);opacity:.9}
footer .alt{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
@media(max-width:860px){footer .kolonlar{grid-template-columns:1fr 1fr}}@media(max-width:520px){footer .kolonlar{grid-template-columns:1fr}}

/* kariyer / kvkk düz metin */
.duz{max-width:820px}.duz h3{margin-top:28px}.duz label{display:block;font-weight:600;font-size:14px;margin:14px 0 4px;color:var(--muted)}
.duz input,.duz select,.duz textarea{width:100%;border:1px solid #c9d2dc;border-radius:var(--r2);padding:10px 12px;font:inherit}
.duz .iki{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.duz .iki{grid-template-columns:1fr}}
.duz .radyo label{display:inline-flex;gap:6px;margin:4px 16px 4px 0;font-weight:500;color:var(--text)}.duz .radyo input{width:auto}

/* telefon: üst çubuk sade, ürün kartları ikili */
@media(max-width:600px){
  .cubuk .sol a[href^="mailto"]{display:none}
  .izgara:not(.uc){grid-template-columns:1fr 1fr;gap:12px}
  .izgara:not(.uc) .kart .govde{padding:12px 14px 14px}.izgara:not(.uc) .kart .pik{padding:12px 8px 2px}
  .izgara:not(.uc) .kart .pik svg{width:100%;height:auto}.izgara:not(.uc) .kart p{font-size:13px}.izgara:not(.uc) .kart h3{font-size:15px}
  section{padding:52px 0}.hero p{font-size:17px}
}