/* İletişim sayfası (iletisim.html, konseptler iletisim-sayfa-konsept.html; üretici _ic/il-konsept.py) — önek .ilt; form anasayfa İletişim'in .zil-fm'i (css/zumer-iletisim.css) */
.ilt{position:relative;z-index:1;font-family:"Plus Jakarta Sans",sans-serif;color:#1b1c1f;background:#fff;padding:120px 0 130px}
.ilt .za-h{max-width:none;order:0}
.ilt .mk2{position:relative;display:block;width:16px;height:16px;flex:none}
.ilt .mk2 i{position:absolute;inset:0;margin:auto;width:100%;height:78.7%}
.ilt .mk2 .g{background:#878787;clip-path:polygon(0 0,64% 0,0 100%)}
.ilt .mk2 .r{background:#d61116;clip-path:polygon(100% 0,100% 100%,36% 100%)}
.ilt a{text-decoration:none}

/* ortak giriş: etiket tam satır; başlık solda, açıklama sağda */
.ilt-bas{display:grid;grid-template-columns:1.2fr 1fr;column-gap:64px;align-items:start;margin-bottom:64px}
.ilt-bas .z-ust{grid-column:1/-1}
.ilt-sag{padding-top:.5em}
.ilt-lead{margin:0;font:400 17px/1.7 "Plus Jakarta Sans",sans-serif;color:#4a4f55;max-width:500px}

/* ikon: kırmızı kesik kutu + beyaz dolgulu ikon (anasayfa İletişim ile aynı) */
.ilt .ik{display:grid;place-items:center;width:52px;height:52px;flex:none;background:#d61116;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .3s}
.ilt .ik svg{width:24px;height:24px;fill:#fff;transition:fill .3s}
.ilt .et{display:block;margin-bottom:7px;font:600 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7a7f86}
.ilt .al{display:block;margin-top:5px;font:500 14px/1.4 "Plus Jakarta Sans",sans-serif;color:#6b6f75}

/* form: başlık satırı + <button> tema sıfırlaması (anasayfadaki .zil kurallarının aynısı) */
.ilt-fb{display:grid;gap:6px;margin-bottom:4px}
.ilt-fb b{font:800 22px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.01em;color:#1b1c1f}
.ilt-fb span{font:400 14px/1.5 "Plus Jakarta Sans",sans-serif;color:#6b6f75}
.ilt .bx1{-webkit-appearance:none;appearance:none;margin:0;padding:0 0 0 28px;border:0;background:var(--zk);color:#fff;font:600 15px/1.35 "Plus Jakarta Sans",sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;flex:none}
.ilt .bx1.sm{padding-left:22px}
.ilt .bx1:focus{outline:0}.ilt .bx1:focus-visible{outline:2px solid var(--zk);outline-offset:4px}
.ilt .hata{border-color:#d61116!important}

/* harita: gri tonlu, üzerine gelince renklenir; köşelerde logo üçgenleri */
.ilt-hr{position:relative;overflow:hidden;background:#dfe2e6;min-height:360px}
.ilt-hr iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05);transition:filter .5s}
.ilt-hr:hover iframe{filter:none}
.ilt-hr .ug,.ilt-hr .ur{position:absolute;z-index:2;pointer-events:none;transition:transform .9s cubic-bezier(.7,0,.2,1) .2s}
.ilt-hr .ug{left:0;top:0;width:72px;aspect-ratio:1;background:#878787;clip-path:polygon(0 0,100% 0,0 100%)}
.ilt-hr .ur{right:0;bottom:0;width:96px;aspect-ratio:1;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}

/* adres kartı (harita bandının üstünde) */
.ilt-ak{position:relative;z-index:3;width:400px;box-sizing:border-box;padding:40px 40px 44px;background:#fff;box-shadow:0 30px 60px -20px rgba(20,21,23,.35);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%)}
.ilt-ad{margin:0 0 18px;font:500 17px/1.55 "Plus Jakarta Sans",sans-serif;color:#4a4f55}
.ilt-ad b{display:block;font:800 22px/1.3 "Plus Jakarta Sans",sans-serif;letter-spacing:-.01em;color:#1b1c1f}
.ilt-sa{margin:0 0 28px;padding-top:18px;border-top:1px solid #e3e6ea;font:600 15px/1.6 "Plus Jakarta Sans",sans-serif;color:#1b1c1f}
.ilt-sa span{font-weight:400;color:#6b6f75}

/* giriş: her içerik grubu kendi alanı ekranın alt %15'ine girince (.gir) açılır */
.ilt.hz .ilt-lead{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1)}
.ilt.hz .ilt-bas.gir .ilt-lead{opacity:1;transform:none;transition-delay:.15s}
.ilt.hz .ilt-fw{opacity:0;transform:translateY(48px);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}
.ilt.hz .ilt-fw.gir{opacity:1;transform:none}
.ilt.hz .ilt-hr{opacity:0;transition:opacity .9s}
.ilt.hz .ilt-hr.gir{opacity:1}
.ilt.hz .ilt-hr .ug{transform:translate(-101%,-101%)}
.ilt.hz .ilt-hr .ur{transform:translate(101%,101%)}
.ilt.hz .ilt-hr.gir .ug,.ilt.hz .ilt-hr.gir .ur{transform:none}
.ilt.hz .ilt-ak{opacity:0;transform:translateY(40px);transition:opacity .8s .2s,transform 1s cubic-bezier(.2,.7,.2,1) .2s}
.ilt.hz .ilt-ak.gir{opacity:1;transform:none}

/* 1 · gri zemin, 4 kesik köşeli bilgi kartı, altta form + harita */
.ilt1{background:#eef0f2}
.ilt1-kl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ilt1-k{position:relative;display:flex;flex-direction:column;gap:22px;min-height:236px;box-sizing:border-box;padding:26px 24px 24px;background:#fff;color:#1b1c1f;overflow:hidden;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.ilt1-k b{display:block;font:700 16px/1.45 "Plus Jakarta Sans",sans-serif;color:#1b1c1f;overflow-wrap:anywhere}
.ilt1-k .zl{margin-top:auto}
.ilt1-k::before{content:"";position:absolute;right:0;bottom:0;width:30px;height:30px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%);transform:translate(100%,100%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.ilt1-k::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
a.ilt1-k:hover::before,a.ilt1-k:hover::after{transform:none}
a.ilt1-k:hover .ik{background:#1b1c1f}
/* form + harita tek beyaz kart: üstte kırmızı çizgi, sağ altta kesik köşe; haritada köşe üçgeni yok (Google'ın adres kartı ve yazıları tam görünsün) */
.ilt1-g{display:grid;grid-template-columns:7fr 5fr;margin-top:16px;background:#fff;box-shadow:inset 0 4px 0 #d61116;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)}
.ilt1 .zil-fm{background:none;box-shadow:none;clip-path:none}
.ilt1-hk{display:flex;flex-direction:column;gap:20px;padding:44px 44px 40px 0}
.ilt1-hk .ilt-hr{flex:1}
.ilt1-hk .ilt-hr .ug,.ilt1-hk .ilt-hr .ur{display:none}
.ilt1-hk .bx1{align-self:flex-start}
.ilt.hz .ilt1-kl>*{opacity:0;transform:translateY(32px);transition:opacity .7s calc(var(--i)*.07s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.07s)}
.ilt.hz .ilt1-kl.gir>*{opacity:1;transform:none}

/* 2 · koyu bilgi paneli + gri alanda form; harita bandı + adres kartı */
.ilt2{padding-bottom:120px}
.ilt2-g{display:grid;grid-template-columns:5fr 7fr}
.ilt2-pn{position:relative;overflow:hidden;padding:64px 52px;background:#141517;color:#fff}
.ilt2-pn .ug,.ilt2-pn .ur{position:absolute;pointer-events:none}
.ilt2-pn .ug{left:0;top:0;width:110px;aspect-ratio:1;background:#2b2d31;clip-path:polygon(0 0,100% 0,0 100%)}
.ilt2-pn .ur{right:0;bottom:0;width:150px;aspect-ratio:1;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.ilt2-pb{position:relative;display:block;margin:28px 0 40px;font:800 26px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.015em}
.ilt2-l{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:30px}
.ilt2-l li>a,.ilt2-l li{display:flex;align-items:center;gap:18px;color:#fff}
.ilt2-l li>a{width:100%}
.ilt2-l .et{color:#9aa0a6}
.ilt2-l b{display:block;font:600 17px/1.45 "Plus Jakarta Sans",sans-serif;color:#fff;transition:color .25s}
.ilt2-l .al{color:#9aa0a6}
.ilt2-l a:hover .ik{background:#fff}.ilt2-l a:hover .ik svg{fill:#d61116}
.ilt2-l a:hover b{color:#ff5a5f}
.ilt2-fz{padding:56px;background:#eef0f2}
.ilt2b{padding:0;background:#fff}
.ilt2b .ilt-hr.bant{height:560px}
.ilt2b .bk-w{position:absolute;inset:0;left:0;right:0;display:flex;align-items:center;pointer-events:none}
.ilt2b .ilt-ak{pointer-events:auto}
.ilt.hz .ilt2-pn{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.ilt.hz .ilt2-pn.gir{clip-path:inset(0)}
.ilt.hz .ilt2-l li{opacity:0;transform:translateX(-30px);transition:opacity .6s calc(.5s + var(--i)*.1s),transform .8s cubic-bezier(.2,.7,.2,1) calc(.5s + var(--i)*.1s)}
.ilt.hz .ilt2-pn.gir li{opacity:1;transform:none}

/* 3 · büyük satırlar (hover'da soldan kırmızı dolum), koyu form bölümü, harita şeridi */
.ilt3-l{border-top:1px solid #dfe2e6}
.ilt3-r{position:relative;display:grid;grid-template-columns:64px 200px 1fr auto;align-items:center;column-gap:24px;padding:34px 24px;border-bottom:1px solid #dfe2e6;color:#1b1c1f;overflow:hidden}
.ilt3-r::before{content:"";position:absolute;inset:0;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.7,0,.2,1)}
.ilt3-r>*{position:relative}
.ilt3-r .nb{font:700 14px/1 "Plus Jakarta Sans",sans-serif;color:#d61116;letter-spacing:.04em;transition:color .3s}
.ilt3-r .et{margin:0;transition:color .3s}
.ilt3-r b{font:800 clamp(22px,2.5vw,38px)/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;transition:color .3s}
.ilt3-r .ok{display:flex;align-items:center;gap:12px;font:600 14px/1.3 "Plus Jakarta Sans",sans-serif;color:#1b1c1f;white-space:nowrap;transition:color .3s}
.ilt3-r .ok svg{width:44px;height:44px;padding:12px;box-sizing:border-box;fill:none;stroke:#fff;stroke-width:2;background:#1b1c1f;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:background .3s,stroke .3s,transform .4s}
.ilt3-r .ok.al{margin:0;white-space:normal;text-align:right;color:#6b6f75}
a.ilt3-r:hover::before{transform:none}
a.ilt3-r:hover .nb,a.ilt3-r:hover .et,a.ilt3-r:hover b,a.ilt3-r:hover .ok{color:#fff}
a.ilt3-r:hover .ok svg{background:#fff;stroke:#d61116;transform:rotate(45deg)}
.ilt.hz .ilt3-r{opacity:0;transform:translateY(30px);transition:opacity .7s calc(var(--i)*.08s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.08s)}
.ilt.hz .ilt3-l.gir .ilt3-r{opacity:1;transform:none}
.ilt3b{background:#141517;color:#fff;overflow:hidden}
.ilt3b>.ug,.ilt3b>.ur{position:absolute;pointer-events:none}
.ilt3b>.ug{left:0;top:0;width:min(20vw,260px);aspect-ratio:1;background:#2b2d31;clip-path:polygon(0 0,100% 0,0 100%)}
.ilt3b>.ur{right:0;bottom:0;width:min(24vw,320px);aspect-ratio:1;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.ilt3b .bk-w{position:relative}
.ilt3b .z-ust{color:#fff}
.ilt3b .za-h .w{background-image:linear-gradient(90deg,#fff 0 var(--f,0%),#3a3e44 var(--f,0%) 100%)}
.ilt3b .za-h em .w{background-image:linear-gradient(90deg,#d61116 0 var(--f,0%),#5a2326 var(--f,0%) 100%)}
.ilt3-g{display:grid;grid-template-columns:1fr 600px;gap:80px;align-items:start}
.ilt3-ad{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:0;counter-reset:a}
.ilt3-ad li{position:relative;display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px 0;border-top:1px solid #2e3035}
.ilt3-ad li:last-child{border-bottom:1px solid #2e3035}
.ilt3-ad .nb{font:800 22px/1 "Plus Jakarta Sans",sans-serif;color:#d61116;padding-top:2px}
.ilt3-ad b{display:block;font:700 18px/1.3 "Plus Jakarta Sans",sans-serif;color:#fff}
.ilt3-ad p{margin:6px 0 0;font:400 15px/1.55 "Plus Jakarta Sans",sans-serif;color:#a3a8ae}
.ilt.hz .ilt3-ad li{opacity:0;transform:translateX(-30px);transition:opacity .6s calc(var(--i)*.12s),transform .8s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.12s)}
.ilt.hz .ilt3-ad.gir li{opacity:1;transform:none}
.ilt3c{padding:0}
.ilt3c .ilt-hr.bant{height:440px}

/* 4 · solda sabit harita (yarım ekran), sağda başlık + 2×2 bilgiler + form */
.ilt4{padding:0}
.ilt4-g{display:grid;grid-template-columns:1fr 1fr}
.ilt4-sol{position:relative}
.ilt4-st{position:sticky;top:78px;height:calc(100vh - 78px)}
.ilt4-st .ilt-hr{position:absolute;inset:0;min-height:0}
.ilt4-ak{position:absolute;z-index:3;left:32px;right:32px;bottom:32px;display:flex;align-items:center;gap:18px;padding:20px 22px;background:#fff;box-shadow:0 20px 50px -20px rgba(20,21,23,.4);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
.ilt4-ak>div{flex:1;min-width:0}
.ilt4-ak b{display:block;font:800 16px/1.3 "Plus Jakarta Sans",sans-serif;color:#1b1c1f}
.ilt4-ak span{display:block;margin-top:4px;font:400 14px/1.45 "Plus Jakarta Sans",sans-serif;color:#5f6368}
.ilt4-sag{padding:120px max(40px,calc((100vw - 1280px)/2 + 40px)) 130px 72px}
.ilt4 .ilt-bas{display:block;margin-bottom:40px}
.ilt4 .ilt-lead{margin-top:24px}
.ilt4-kl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.ilt4-k{display:flex;align-items:flex-start;gap:16px;padding:22px 20px;background:#eef0f2;color:#1b1c1f;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:background .3s}
.ilt4-k>div{min-width:0}
.ilt4-k .ik{width:44px;height:44px}.ilt4-k .ik svg{width:20px;height:20px}
.ilt4-k b{display:block;font:700 15px/1.45 "Plus Jakarta Sans",sans-serif;overflow-wrap:anywhere;transition:color .3s}
.ilt4-k .et{transition:color .3s}
a.ilt4-k:hover{background:#1b1c1f}
a.ilt4-k:hover b{color:#fff}a.ilt4-k:hover .et{color:#9aa0a6}
.ilt4 .zil-fm{background:#eef0f2}
.ilt4 .zil-f input,.ilt4 .zil-f textarea,.ilt4 .zil-ch span{background:#fff}
.ilt4 .zil-ch{grid-template-columns:repeat(3,1fr)}
.ilt.hz .ilt4-kl>*{opacity:0;transform:translateY(28px);transition:opacity .7s calc(var(--i)*.07s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.07s)}
.ilt.hz .ilt4-kl.gir>*{opacity:1;transform:none}

@media (max-width:1199px){
 .ilt1-kl{grid-template-columns:repeat(2,1fr)}
 .ilt1-k{min-height:0}
 .ilt1-g{grid-template-columns:1fr}
 .ilt1 .zil-ch{grid-template-columns:repeat(6,1fr)}
 .ilt1-hk{padding:0 44px 44px}
 .ilt1-hk .ilt-hr{flex:none;height:380px}
 .ilt2-g{grid-template-columns:1fr}
 .ilt3-g{grid-template-columns:1fr 520px;gap:50px}
 .ilt3-r{grid-template-columns:48px 160px 1fr auto}
 .ilt4-sag{padding:110px 40px 120px 48px}
 .ilt4-kl{grid-template-columns:1fr}
}
@media (max-width:991px){
 .ilt{padding:80px 0 90px}
 .ilt1 .zil-ch{grid-template-columns:repeat(3,1fr)}
 .ilt-bas{grid-template-columns:1fr;row-gap:20px;margin-bottom:40px}
 .ilt-sag{padding-top:0}
 .ilt1-hk{padding:0 20px 26px}
 .ilt2{padding-bottom:80px}
 .ilt2-pn{padding:48px 32px}
 .ilt2-fz{padding:32px}
 .ilt2b .ilt-hr.bant{height:420px}
 .ilt2b .bk-w{position:relative;inset:auto;display:block;margin-top:-80px;padding-bottom:80px}
 .ilt2b .ilt-ak{width:auto;max-width:440px}
 .ilt3-r{grid-template-columns:40px 1fr auto;row-gap:8px;padding:26px 8px}
 .ilt3-r .nb{grid-row:1/3}
 .ilt3-r .et{grid-column:2}
 .ilt3-r b{grid-column:2}
 .ilt3-r .ok{grid-column:3;grid-row:1/3}
 .ilt3-r .ok>:not(svg){display:none}
 .ilt3-r .ok.al{display:block;grid-column:2;grid-row:auto;text-align:left;font-size:14px}
 .ilt3-g{grid-template-columns:1fr;gap:44px}
 .ilt3-ad{margin-top:32px}
 .ilt3c .ilt-hr.bant{height:360px}
 .ilt4-g{grid-template-columns:1fr}
 .ilt4-sol{order:2}
 .ilt4-st{position:relative;top:0;height:460px}
 .ilt4-sag{padding:80px 24px 64px}
 .ilt4-kl{grid-template-columns:1fr 1fr}
}
@media (max-width:575px){
 .ilt{padding:64px 0 72px}
 .ilt1-kl{grid-template-columns:1fr;gap:10px}
 .ilt1-k{flex-direction:row;align-items:flex-start;gap:16px;padding:20px 18px}
 .ilt1-k .ik{width:44px;height:44px}.ilt1-k .ik svg{width:20px;height:20px}
 .ilt1-k .zl{display:none}
 .ilt1-g{gap:10px;margin-top:10px}
 .ilt1-hk .ilt-hr{height:300px}
 .ilt2{padding-bottom:64px}
 .ilt2-pn{padding:40px 24px}
 .ilt2-pn .ug{width:70px}.ilt2-pn .ur{width:90px}
 .ilt2-l{gap:24px}.ilt2-l .ik{width:44px;height:44px}.ilt2-l .ik svg{width:20px;height:20px}.ilt2-l b{font-size:15px;overflow-wrap:anywhere}
 .ilt2-fz{padding:20px 0 0;background:none}
 .ilt2b .ilt-hr.bant{height:340px}
 .ilt2b .bk-w{margin-top:-60px;padding-bottom:64px}
 .ilt-ak{padding:30px 24px 34px}
 .ilt3-r{padding:22px 0;column-gap:14px}
 .ilt3-r b{font-size:19px}
 .ilt3-r .ok svg{width:38px;height:38px;padding:10px}
 .ilt3c .ilt-hr.bant{height:300px}
 .ilt4-st{height:380px}
 .ilt4-ak{left:16px;right:16px;bottom:16px;flex-wrap:wrap;padding:16px 18px}
 .ilt4-ak>div{flex-basis:calc(100% - 34px)}
 .ilt4-sag{padding:64px 16px 56px}
 .ilt4-kl{grid-template-columns:1fr;gap:10px}
}
@media (hover:none){.ilt-hr iframe{filter:none}}
@media (prefers-reduced-motion:reduce){.ilt.hz *{transition:none!important}}

/* başlık altı ayraç: Hakkımızda Biz kimiz ile aynı (zumer-bk5.css .ay2); görünür olunca çizilir (BK_JS .ay.on) */
.ilt-bas .ay{grid-column:1/-1;margin-top:30px}
.ilt .ay2{display:flex;align-items:center;gap:12px}
.ilt .ay2 .mk2{position:relative;display:block;width:16px;height:16px;flex:none}
.ilt .ay2 .mk2 i{position:absolute;inset:0;margin:auto;width:100%;height:78.7%}
.ilt .ay2 .mk2 .g{background:#878787;clip-path:polygon(0 0,64% 0,0 100%)}
.ilt .ay2 .mk2 .r{background:#d61116;clip-path:polygon(100% 0,100% 100%,36% 100%)}
.ilt .ay2 span{height:1px;background:#d3d7dc;flex:1;transform-origin:left;transform:scaleX(var(--ay,0));transition:transform 1.2s cubic-bezier(.7,0,.2,1)}
.ilt .ay2 span:first-child{flex:0 0 80px;height:3px;background:#d61116}
.ilt .ay.on{--ay:1}