/* Teklif / bilgi talebi formu: TABAN stil (koyu zemin için, işlevsel ve temiz). İletişim sayfası isterse kendi kapsamında ezer.
   Davranış sınıfları: .bad (hatalı alan), .sent (gönderildi), .tf-pg.on (dosya yüklenirken ilerleme), html.tf-has-urun (ürün satırı var), .hpf (bot tuzağı, görünmez). */
.tf{display:flex;flex-direction:column;gap:18px;position:relative;font-family:var(--f-din);color:var(--g1)}
.tf{scroll-margin-top:120px}
.tf-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tf-f{display:flex;flex-direction:column;gap:7px;min-width:0}
.tf-l{font-family:var(--f-dinm);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--g2)}
.tf-l small{font-family:var(--f-din);text-transform:none;letter-spacing:0;color:#8d9195;font-size:13px}
.tf-req{color:var(--blue);font-style:normal;margin-left:3px}
.tf input[type=text],.tf input[type=email],.tf input[type=tel],.tf textarea{width:100%;min-height:50px;border-radius:12px;border:1px solid #4a5053;background:#2b2b2b;color:#fff;font:inherit;font-size:17px;padding:0 16px;outline:0;transition:border-color .25s,background .25s}
.tf textarea{padding:14px 16px;resize:vertical;line-height:1.5;min-height:120px}
.tf input:focus,.tf textarea:focus{border-color:var(--blue);background:#303030}
.tf .bad input,.tf .bad textarea{border-color:#ff7676}
.tf-kv.bad{color:#ff9a9a}
.tf fieldset{border:0;padding:0;min-width:0}
.tf-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.tf-chip input{position:absolute;opacity:0;pointer-events:none}
.tf-chip span{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1px solid #4a5053;background:#2b2b2b;font-size:16px;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.tf-chip:hover span{border-color:var(--blue)}
.tf-chip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.tf-chip input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.tf-urun{display:flex;align-items:center;gap:14px;padding:14px 16px 14px 18px;border-radius:14px;border:1px solid var(--blue);background:rgba(0,159,227,.12)}
.tf-urun[hidden]{display:none}
.tf-urun-l{font-family:var(--f-dinb);font-size:12px;letter-spacing:.16em;color:var(--blue);white-space:nowrap}
.tf-urun b{font-family:var(--f-dinm);font-weight:400;font-size:19px;color:#fff;flex:1;min-width:0}
.tf-urun button{width:32px;height:32px;border-radius:50%;border:1px solid #6a7176;background:none;color:var(--g1);font-size:20px;line-height:1;cursor:pointer;transition:background .25s,border-color .25s}
.tf-urun button:hover{background:#fff;color:#232323;border-color:#fff}
.tf-tech{border:1px solid #3d4245!important;border-radius:16px;padding:20px 20px 22px!important;display:flex;flex-direction:column;gap:16px}
.tf-note{font-size:15px;line-height:1.5;color:#9a9ea1;margin-top:-6px}
.tf-act{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.tf-file{display:flex;flex-direction:column;gap:5px;cursor:pointer}
.tf-file span{font-family:var(--f-dinm);font-size:17px;color:#fff;border-bottom:2px solid var(--blue);align-self:flex-start;padding-bottom:3px;word-break:break-all}
.tf-file small{font-size:13px;color:#8d9195}
.tf-send{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 30px;border-radius:14px;border:0;background:var(--blue);color:#fff;font-family:var(--f-dinb);font-size:17px;cursor:pointer;transition:background .3s,transform .3s}
.tf-send:hover{background:#26b4f0;transform:translateY(-2px)}
.tf-send:disabled{opacity:.6;cursor:progress;transform:none}
.tf-kv{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:#b6b8ba}
.tf-kv input{margin-top:3px;width:18px;height:18px;accent-color:var(--blue);flex:none}
.tf-kv a{color:#fff;text-decoration:underline}
.hpf{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.tf-pg{height:3px;border-radius:2px;background:#3a3f42;overflow:hidden;display:none}
.tf-pg.on{display:block}
.tf-pg i{display:block;height:100%;width:40%;background:var(--blue);animation:tfpg 1.2s ease-in-out infinite}
@keyframes tfpg{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.tf-ok{min-height:24px;font-size:16px;line-height:1.5;color:#7fd6a4}
.tf-ok.bad{color:#ff9a9a}
.tf-ok:empty{min-height:0}
@media (max-width:640px){.tf-row{grid-template-columns:1fr}.tf-send{width:100%;justify-content:center}.tf-act{flex-direction:column;align-items:stretch}.tf-urun{flex-wrap:wrap}}
.tf-fi{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}   /* klavyeyle seçilebilsin: gizli değil, görünmez */
.tf-file:focus-within span{outline:2px solid #fff;outline-offset:4px}
.tf-urun-im{width:56px;height:56px;border-radius:10px;object-fit:contain;background:#fff;flex:none}
.tf-urun-im[hidden]{display:none}
/* İletişim sayfası taslağı 3 — 'talep dosyası': açık gri panelde (sheet.light) başlık + yapışkan rehber + beyaz form kartı; altta koyu kuşakta adresler + harita.
   TÜM seçiciler .ik3 ile başlar. Renk/yazı tipi yalnız site.css :root değişkenleri (+ talep.css'teki durum renkleri). Form işaretlemesi lib/talep.py'de sabit; burada yalnız görünüm. */
.ik3{--i3-ink:var(--bg2);--i3-rule:rgba(92,92,97,.26);--i3-rule-d:rgba(212,212,212,.14);--i3-ring:rgba(0,159,227,.22)}
.ik3 .i3-wrap{position:relative;width:1100px;max-width:94%;margin:0 auto}
.ik3 .i3-eb{display:flex;align-items:center;gap:12px;font-family:var(--f-dinm);font-size:13px;line-height:18px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.ik3 .i3-eb::before{content:'';width:28px;height:2px;background:var(--blue);flex:none}
.ik3 h1,.ik3 h2{font-family:var(--f-dinb);font-weight:700;letter-spacing:-.01em;color:var(--i3-ink)}
.ik3 a{transition:color .25s,border-color .25s,background .25s}
.ik3 svg{flex:none}

/* ---------- ÜST PANEL (açık gri) ---------- */
.ik3 .i3-top{padding:244px 0 110px}
.ik3 .i3-head{position:relative;display:grid;grid-template-columns:minmax(0,640px) 1fr;grid-template-rows:auto auto auto auto;column-gap:40px;padding-bottom:54px;border-bottom:1px solid var(--i3-rule)}
.ik3 .i3-head>*{grid-column:1}
.ik3 .i3-head h1{margin-top:22px;font-size:50px;line-height:1.06;max-width:12ch}
.ik3 .i3-lead{margin-top:24px;max-width:560px;font-family:var(--f-inter);font-size:17px;line-height:1.62;color:var(--ink)}
.ik3 .i3-direct{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 44px;margin-top:38px}
.ik3 .i3-dl{flex-basis:100%;font-family:var(--f-dinm);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.ik3 .i3-dc{display:flex;flex-direction:column;gap:4px;font-family:var(--f-dinm);font-size:21px;line-height:1.1;color:var(--i3-ink);padding-bottom:6px;border-bottom:1px solid var(--i3-rule)}
.ik3 .i3-dc small{font-family:var(--f-inter);font-size:12.5px;letter-spacing:.04em;color:var(--ink)}
.ik3 .i3-dc:hover{color:var(--blue);border-color:var(--blue)}
/* ürün grubu fotoğrafı: beyaz zeminli görsel, çarpma karışımıyla gri panele oturur (kutu görünmez) */
.ik3 .i3-top{overflow-x:clip}   /* görsel sağ kenardan gelirken sayfa yatay kaymasın */
.ik3 .i3-pic{grid-column:2;grid-row:1/5;align-self:end;justify-self:end;margin:0 -30px -6px 0;width:min(560px,48vw);pointer-events:none;position:relative;top:32px}
.ik3 .i3-pic img{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:saturate(.92) contrast(1.02);transform-origin:50% 50%;-webkit-mask-image:linear-gradient(#000 86%,transparent 90%),linear-gradient(90deg,transparent 2%,#000 5%,#000 93%,transparent 96%);-webkit-mask-composite:source-in;mask-image:linear-gradient(#000 86%,transparent 90%),linear-gradient(90deg,transparent 2%,#000 5%,#000 93%,transparent 96%);mask-composite:intersect}   /* görseldeki yumuşak gölge alttan ve yanlardan kısaltılır/daraltılır (ürünler x %4-92, alt ~%88) */
/* belirme: görsel sayfanın sağ kenarından yatay gelir, dönerek +8° eğikliğe oturur (eski Ürünler hero görselinin eğikliği -16° idi; kullanıcı ters yönü istedi) */
html.js .ik3 .i3-pic[data-rv]:not(.in){opacity:1;translate:none}
html.js .ik3 .i3-pic[data-rv].in{animation:none}
html.js .ik3 .i3-pic img{opacity:0;transform:translateX(75vw) rotate(-6deg) scale(.88);transition:transform 1.5s cubic-bezier(.22,.9,.28,1),opacity .5s ease-out}
html.js .ik3 .i3-pic.in img{opacity:1;transform:rotate(8deg) scale(1)}
@media (prefers-reduced-motion:reduce){html.js .ik3 .i3-pic img{opacity:1;transform:rotate(8deg);transition:none}}

/* ---------- rehber + form ızgarası ---------- */
.ik3 .i3-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:60px;align-items:start;margin-top:56px}
.ik3 .i3-sticky{position:sticky;top:110px;display:flex;flex-direction:column;gap:40px}
.ik3 .i3-blk h2{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--i3-ink);padding-bottom:14px;border-bottom:1px solid var(--i3-rule)}
.ik3 .i3-sub{margin-top:14px;font-family:var(--f-inter);font-size:14.5px;line-height:1.55;color:var(--ink)}
.ik3 .i3-steps{margin-top:18px;display:flex;flex-direction:column;gap:18px}
.ik3 .i3-steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.ik3 .i3-steps i{font-family:var(--f-dinb);font-style:normal;font-size:13px;letter-spacing:.06em;line-height:24px;color:var(--blue);font-variant-numeric:tabular-nums}
.ik3 .i3-steps b{display:block;font-family:var(--f-dinm);font-weight:400;font-size:16px;line-height:24px;color:var(--i3-ink)}
.ik3 .i3-steps p{margin-top:3px;font-family:var(--f-inter);font-size:14px;line-height:1.5;color:var(--ink)}
.ik3 .i3-lnk{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--i3-rule);font-family:var(--f-dinm);font-size:16px;color:var(--i3-ink)}
.ik3 .i3-lnk small{display:block;margin-top:3px;font-family:var(--f-inter);font-size:13px;color:var(--ink)}
.ik3 .i3-lnk svg{width:14px;height:14px;color:var(--blue);transition:translate .3s}
.ik3 .i3-lnk:hover{color:var(--blue)}.ik3 .i3-lnk:hover svg{translate:2px -2px}
.ik3 .i3-cat h2{border-bottom:0;padding-bottom:4px}

/* ---------- FORM KARTI (beyaz kağıt) ---------- */
.ik3 .i3-card{position:relative;background:rgba(255,255,255,.55);border-radius:24px;padding:44px 48px 46px;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 30px 60px -40px rgba(35,35,35,.35)}
.ik3 .tf{gap:22px;color:var(--i3-ink);scroll-margin-top:120px}
.ik3 .tf-l{font-size:12.5px;letter-spacing:.12em;color:var(--i3-ink)}
.ik3 .tf-l small{color:var(--ink);font-size:12.5px}
.ik3 .tf-f{gap:8px}
/* bölüm başlıkları: form işaretlemesi sabit olduğundan numaralı başlıklar CSS ile (dil :lang'den) */
.ik3 .tf>.tf-row:first-child::before,.ik3 .tf-tur::before,.ik3 .tf>label.tf-w:has(textarea)::before{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin-bottom:4px;padding-top:4px;font-family:var(--f-dinb);font-size:18px;line-height:1.2;letter-spacing:-.01em;color:var(--i3-ink)}
.ik3 .tf-tur::before,.ik3 .tf>label.tf-w:has(textarea)::before{padding-top:22px;border-top:1px solid var(--i3-rule)}
.ik3 .tf>.tf-row:first-child::before{content:'01\2003İletişim bilgileriniz'}
.ik3 .tf-tur::before{content:'02\2003Talep'}
.ik3 .tf>label.tf-w:has(textarea)::before{content:'04\2003Mesaj ve dosya'}
.ik3:lang(en) .tf>.tf-row:first-child::before{content:'01\2003Your contact details'}
.ik3:lang(en) .tf-tur::before{content:'02\2003Request'}
.ik3:lang(en) .tf>label.tf-w:has(textarea)::before{content:'04\2003Message and file'}
.ik3 .tf-tur{display:flex;flex-direction:column}
.ik3 .tf-tur>legend{float:left;width:100%;margin-top:10px}   /* legend'i akışa al: ::before başlık legend'in üstünde kalsın */
.ik3 .tf-tur::before{order:-1}
/* girişler: beyaz kağıt alanları */
.ik3 .tf input[type=text],.ik3 .tf input[type=email],.ik3 .tf input[type=tel],.ik3 .tf textarea{min-height:52px;border-radius:12px;border:1px solid rgba(92,92,97,.32);background:#fff;color:var(--bg);font-size:17px;padding:0 16px;transition:border-color .25s,box-shadow .25s}
.ik3 .tf textarea{padding:14px 16px;min-height:132px}
.ik3 .tf input::placeholder,.ik3 .tf textarea::placeholder{color:rgba(92,92,97,.55)}
.ik3 .tf input:hover,.ik3 .tf textarea:hover{border-color:rgba(92,92,97,.6)}
.ik3 .tf input:focus,.ik3 .tf textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px var(--i3-ring)}
.ik3 .tf input:focus-visible,.ik3 .tf textarea:focus-visible{outline:0}
.ik3 .tf .bad input,.ik3 .tf .bad textarea{border-color:#ff7676;box-shadow:0 0 0 3px rgba(255,118,118,.22)}
.ik3 .tf .bad .tf-l{color:var(--bg)}
/* talep türü yongaları */
.ik3 .tf-chips{gap:10px;margin-top:12px}
.ik3 .tf-chip span{height:46px;padding:0 20px;border:1px solid rgba(92,92,97,.4);background:#fff;color:var(--i3-ink);font-family:var(--f-dinm);font-size:15.5px}
.ik3 .tf-chip:hover span{border-color:var(--blue);color:var(--blue)}
.ik3 .tf-chip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.ik3 .tf-chip input:focus-visible+span{outline:2px solid var(--blue);outline-offset:3px}
/* ürün satırı (ürün sayfasından gelince): koyu kart, mavi etiket — formun yıldızı */
.ik3 .tf-urun{gap:16px;padding:18px 18px 18px 22px;border-radius:14px;border:0;background:var(--bg);box-shadow:0 18px 34px -24px rgba(35,35,35,.8)}
.ik3 .tf-urun-l{font-size:11.5px;letter-spacing:.18em;color:var(--blue)}
.ik3 .tf-urun b{font-size:20px;color:#fff}
.ik3 .tf-urun button{width:36px;height:36px;border-color:rgba(212,212,212,.45);color:var(--g1);font-size:22px}
.ik3 .tf-urun button:hover,.ik3 .tf-urun button:focus-visible{background:#fff;color:var(--bg);border-color:#fff;outline:0}
.ik3 .tf-urun button:focus-visible{box-shadow:0 0 0 3px var(--i3-ring)}
/* kullanım koşulları: kağıt içinde ikinci kağıt, '03' başlıklı */
.ik3 .tf-tech{border:1px solid var(--i3-rule)!important;border-radius:18px;padding:22px 24px 26px!important;background:rgba(255,255,255,.35);gap:18px;margin-top:6px}
.ik3 .tf-tech>legend{float:left;width:100%;display:flex;align-items:baseline;gap:14px;font-family:var(--f-dinb);font-size:18px;line-height:1.2;letter-spacing:-.01em;text-transform:none;color:var(--i3-ink);margin-bottom:0}
.ik3 .tf-tech>legend::before{content:'03';font-family:var(--f-dinb);font-size:18px;color:var(--blue);letter-spacing:.02em}
.ik3 .tf-tech>legend small{font-size:13px;color:var(--ink);letter-spacing:0}
.ik3 .tf-note{margin-top:4px;font-family:var(--f-inter);font-size:14px;color:var(--ink)}
.ik3 .tf-tech .tf-row{gap:16px}
/* dosya + gönder */
.ik3 .tf-act{margin-top:6px;padding-top:24px;border-top:1px solid var(--i3-rule)}
.ik3 .tf-file{gap:6px;min-height:44px;justify-content:center}
.ik3 .tf-file span{font-size:16.5px;color:var(--i3-ink);border-bottom:2px solid var(--blue);transition:color .25s}
.ik3 .tf-file:hover span{color:var(--blue)}
.ik3 .tf-file small{color:var(--ink);font-family:var(--f-inter);font-size:12.5px}
.ik3 .tf-send{height:58px;padding:0 32px;border-radius:14px;font-size:17px;box-shadow:0 14px 30px -14px rgba(0,159,227,.6)}
.ik3 .tf-send:hover{background:#26b4f0}
.ik3 .tf-send:focus-visible{outline:2px solid var(--bg);outline-offset:3px}
.ik3 .tf-send:disabled{opacity:.6;transform:none}
.ik3 .tf-send svg{transition:transform .35s cubic-bezier(.22,.9,.28,1)}
.ik3 .tf-send:hover svg{transform:translateX(4px)}
/* açık rıza */
.ik3 .tf-kv{color:var(--ink);font-family:var(--f-inter);font-size:14px;line-height:1.55;padding:2px 0}
.ik3 .tf-kv input{width:20px;height:20px;margin-top:2px;border-radius:5px}
.ik3 .tf-kv input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ik3 .tf-kv a{color:var(--i3-ink)}
.ik3 .tf-kv a:hover{color:var(--blue)}
.ik3 .tf-kv.bad{color:var(--bg)}
.ik3 .tf-kv.bad input{box-shadow:0 0 0 3px rgba(255,118,118,.4);outline:1px solid #ff7676;outline-offset:0}
/* ilerleme çubuğu ve durum iletisi: koyu şerit (açık zeminde okunur) */
.ik3 .tf-pg{background:rgba(92,92,97,.25)}
.ik3 .tf-ok{margin:0}
.ik3 .tf-ok:not(:empty){display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:var(--bg);color:#7fd6a4;font-family:var(--f-dinm);font-size:16px}
.ik3 .tf-ok:not(:empty)::before{content:'';flex:none;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(127,214,164,.2)}
.ik3 .tf-ok.bad{color:#ff9a9a}
.ik3 .tf-ok.bad::before{box-shadow:0 0 0 4px rgba(255,154,154,.2)}
.ik3 .tf-ok a{color:#fff;text-decoration:underline}
/* gönderildi: form sakinleşir, durum şeridi öne çıkar */
.ik3 .tf.sent>:not(.tf-ok):not(.tf-pg){opacity:.55;transition:opacity .5s}
.ik3 .tf.sent:is(:hover,:focus-within)>:not(.tf-ok):not(.tf-pg){opacity:1}   /* yeni talep için forma dönülünce tekrar canlanır */
.ik3 .tf.sent .tf-ok:not(:empty){padding:22px 24px;font-size:18px;box-shadow:0 24px 44px -28px rgba(35,35,35,.8)}
.ik3 .tf.sent .tf-ok:not(:empty)::before{width:12px;height:12px}

/* ---------- KOYU KUŞAK: adresler + harita ---------- */
.ik3 .i3-dark{position:relative;background:var(--bg);color:var(--g1);padding:150px 0 110px;margin-top:-80px}   /* sheet'in yuvarlak alt köşeleri bu zeminin üstünde */
.ik3 .i3-dhead h2{margin-top:20px;font-size:38px;line-height:1.1;color:#fff}
.ik3 .i3-dgrid{display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:40px;align-items:stretch;margin-top:50px}
.ik3 .i3-adrs{display:flex;flex-direction:column;gap:14px}
.ik3 .i3-adr{position:relative;flex:1;display:flex;flex-direction:column;gap:8px;padding:28px 28px 26px;border-radius:20px;background:var(--bg2);border:1px solid var(--i3-rule-d);transition:border-color .3s,transform .35s cubic-bezier(.22,.9,.28,1)}
.ik3 .i3-adr:hover{border-color:rgba(0,159,227,.5)}
.ik3 .i3-al{font-family:var(--f-dinm);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.ik3 .i3-co{display:block;font-family:var(--f-dinm);font-weight:400;font-size:15px;letter-spacing:.04em;line-height:1.35;color:#fff;margin-top:4px}
.ik3 .i3-co span{color:var(--blue)}
.ik3 .i3-adr p{font-family:var(--f-dinl);font-size:19px;line-height:1.45;color:var(--g1);margin-top:2px}
.ik3 .i3-adr p a{color:inherit}
.ik3 .i3-adr p a::after{content:'';position:absolute;inset:0;border-radius:20px}   /* tüm kart tıklanır (harita bağlantısı) */
.ik3 .i3-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-family:var(--f-dinm);font-size:14px;letter-spacing:.04em;color:var(--g2);transition:color .25s}
.ik3 .i3-go svg{width:13px;height:13px;color:var(--blue);transition:translate .3s}
.ik3 .i3-adr:hover .i3-go{color:#fff}.ik3 .i3-adr:hover .i3-go svg{translate:2px -2px}
.ik3 .i3-adr:has(a:focus-visible){outline:2px solid var(--blue);outline-offset:3px}
.ik3 .i3-map{position:relative;margin:0;min-height:420px;border-radius:20px;overflow:hidden;background:var(--bg2);border:1px solid var(--i3-rule-d);isolation:isolate}
.ik3 .i3-map .lf-map{position:absolute;inset:0;width:100%;height:100%;background:#2d2d2d;outline:0}   /* MapLibre tuvali (site.js); renkler site.js boya() */
.ik3 .lf-pin{width:18px;height:18px}.ik3 .lf-pin i{display:block;width:18px;height:18px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 6px rgba(0,159,227,.28),0 2px 8px rgba(0,0,0,.5);box-sizing:border-box}   /* sabit işaret (animasyonsuz) */
.ik3 .i3-map .maplibregl-ctrl-group{background:var(--bg2);border:1px solid rgba(255,255,255,.14);box-shadow:none;border-radius:10px;overflow:hidden}
.ik3 .i3-map .maplibregl-ctrl-group button+button{border-top:1px solid rgba(255,255,255,.14)}
.ik3 .i3-map .maplibregl-ctrl-icon{filter:invert(1)}
.ik3 .i3-map .maplibregl-ctrl-attrib{background:rgba(35,35,35,.82)!important;color:var(--g2);font-family:var(--f-din)}
.ik3 .i3-map .maplibregl-ctrl-attrib a{color:var(--g1)}
.ik3 .i3-map .maplibregl-cooperative-gesture-screen{font-family:var(--f-dinm);background:rgba(35,35,35,.72)}
.ik3 .i3-map::after{content:'';position:absolute;inset:0;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.ik3 .i3-map figcaption{position:absolute;left:16px;bottom:16px;z-index:2;padding:8px 14px;border-radius:999px;background:rgba(35,35,35,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--f-dinm);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--g1);pointer-events:none}

/* ---------- hareket azaltma ---------- */
@media (prefers-reduced-motion:reduce){.ik3 *{transition:none!important}.ik3 .i3-lnk:hover svg,.ik3 .i3-adr:hover .i3-go svg{translate:none}.ik3 .tf-send:hover,.ik3 .tf-send:hover svg{transform:none}}

/* ---------- DUYARLI ---------- */
@media (max-width:1199px){
  .ik3 .i3-head{grid-template-columns:minmax(0,1fr) 300px}
  .ik3 .i3-pic{width:380px;margin-right:-20px}
  .ik3 .i3-head h1{font-size:42px}
  .ik3 .i3-grid{grid-template-columns:260px minmax(0,1fr);gap:40px}
  .ik3 .i3-card{padding:36px 32px 38px}
  .ik3 .i3-dgrid{grid-template-columns:1fr;gap:20px}
  .ik3 .i3-adrs{flex-direction:row}
  .ik3 .i3-map{min-height:380px}
}
@media (max-width:1023px){
  .ik3 .i3-grid{grid-template-columns:1fr;gap:36px}
  .ik3 .i3-sticky{position:static;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
  .ik3 .i3-steps{gap:14px}
}
@media (max-width:809px){
  .ik3 .i3-top{padding:150px 0 70px}
  .ik3 .i3-head{grid-template-columns:1fr;padding-bottom:36px}
  .ik3 .i3-head h1{margin-top:16px;font-size:34px;max-width:none}
  .ik3 .i3-lead{margin-top:18px;font-size:16px}
  .ik3 .i3-direct{margin-top:26px;gap:12px 28px}
  .ik3 .i3-dc{font-size:18px;min-height:44px;justify-content:flex-end}
  .ik3 .i3-pic{grid-column:1;grid-row:auto;justify-self:center;width:min(300px,78vw);margin:18px 0 0}
  .ik3 .i3-grid{margin-top:36px;gap:30px}
  .ik3 .i3-sticky{grid-template-columns:1fr;gap:30px}
  .ik3 .i3-card{padding:26px 18px 28px;border-radius:18px}
  .ik3 .tf{gap:18px}
  .ik3 .tf-row{grid-template-columns:1fr;gap:18px}
  .ik3 .tf>.tf-row:first-child::before,.ik3 .tf-tur::before,.ik3 .tf>label.tf-w:has(textarea)::before,.ik3 .tf-tech>legend{font-size:17px}
  .ik3 .tf-tech{padding:18px 16px 20px!important;border-radius:14px}
  .ik3 .tf-chip span{height:44px;padding:0 16px;font-size:15px}
  .ik3 .tf-urun{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:16px 16px 16px 18px}   /* etiket üstte, ad ve × aynı satırda */
  .ik3 .tf-urun[hidden]{display:none}
  .ik3 .tf-urun-l{grid-column:1/-1}
  .ik3 .tf-urun b{font-size:18px;grid-column:1}
  .ik3 .tf-urun button{grid-column:2;grid-row:2;width:40px;height:40px}
  .ik3 .tf-act{flex-direction:column;align-items:stretch;gap:18px}
  .ik3 .tf-file{align-items:flex-start}
  .ik3 .tf-send{width:100%;justify-content:center;height:56px}
  .ik3 .i3-dark{padding:130px 0 80px}
  .ik3 .i3-dhead h2{font-size:30px}
  .ik3 .i3-dgrid{margin-top:34px}
  .ik3 .i3-adrs{flex-direction:column}
  .ik3 .i3-adr{padding:22px 20px 20px;border-radius:16px}
  .ik3 .i3-adr p{font-size:17px}
  .ik3 .i3-map{min-height:300px;border-radius:16px}
}
@media (max-width:420px){
  .ik3 .i3-wrap{max-width:calc(100% - 32px)}
  .ik3 .i3-head h1{font-size:31px}
  .ik3 .i3-card{padding:22px 14px 24px}
  .ik3 .i3-direct{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:14px}
  .ik3 .i3-dl{flex-basis:auto}
  .ik3 .i3-dc{width:100%}
}