/* ═══ İç sayfalar (Hakkımızda, Nasıl Çalışıyoruz, Hizmetler, Bilgi Merkezi, Teklif Formu, İletişim…) ═══════════
   Referans: aifusionx.vamtam.com iç sayfaları — ölçüler: docs/research/aifusionx-ic-sayfalar.spec.md.
   Anasayfa bölüm bileşenleri (.ab-*, css/anasayfa-bolumler.css) iç sayfalarda da kullanılır; bu dosya iç sayfaya
   özgü parçaları ekler: hero, kesimli bant, kart, çip, zengin metin, SSS kartı, form, hizmet kutucuğu, süreç aşamaları.
   Font ve renkler SİSTEMDEN (header-hero.css --hx-* ← Ayarlar → Görünüm); burada font adı / marka rengi
   yazılmaz — bekçi: HeaderHeroGorunumTests. Kırılımlar: tablet ≤1024px, mobil ≤767px.
   ═════════════════════════════════════════════════════════════════════════════════════════════════ */

:root {
    --ic-acik: color-mix(in srgb, var(--hx-metin) 2.5%, var(--hx-zemin));          /* referans #FAF9F7 */
    --ic-vurgu-ton: color-mix(in srgb, var(--hx-vurgu) 14%, var(--hx-zemin));      /* referans lavanta */
    --ic-cizgi: color-mix(in srgb, var(--hx-metin) 10%, transparent);
    --ic-soluk: color-mix(in srgb, var(--hx-metin) 60%, transparent);
    /* Renkli bantların sol üst/sol alt "sekme" kesimi (referans vamtam-cp-top-bot-left) */
    --ic-sekme: polygon(0.132812px 0px, 0.132812px 0px, 0.610648px 2.55057px, 1.58741px 6.30721px, 3.21634px 10.9226px, 5.65064px 16.0495px, 9.04354px 21.3405px, 13.5483px 26.4483px, 19.3181px 31.0256px, 26.5061px 34.7252px, 35.2657px 37.1996px, 45.75px 38.1016px, 197.25px 38.1016px, 197.25px 38.1016px, 198.023px 38.1234px, 200.196px 38.2761px, 203.548px 38.6904px, 207.858px 39.4973px, 212.906px 40.8275px, 218.472px 42.8119px, 224.335px 45.5813px, 230.274px 49.2666px, 236.069px 53.9986px, 241.5px 59.9082px, 241.5px 59.9082px, 242.062px 60.4692px, 243.654px 62.0498px, 246.137px 64.4966px, 249.372px 67.6563px, 253.219px 71.3755px, 257.538px 75.5007px, 262.19px 79.8786px, 267.036px 84.3557px, 271.936px 88.7787px, 276.75px 92.9941px, 276.75px 92.9941px, 281.168px 95.9212px, 285.57px 98.1589px, 289.958px 99.7969px, 294.33px 100.925px, 298.688px 101.633px, 303.03px 102.011px, 307.358px 102.149px, 311.671px 102.136px, 315.968px 102.062px, 320.251px 102.018px, calc(100% - 0.232px) 102.018px, calc(100% - 0.232px) calc(100% - 0.982px), 320.251px calc(100% - 0.982px), 320.251px calc(100% - 0.982px), 315.968px calc(100% - 0.93751px), 311.671px calc(100% - 0.86392px), 307.358px calc(100% - 0.85105px), 303.031px calc(100% - 0.98872px), 298.688px calc(100% - 1.36675px), 294.331px calc(100% - 2.07496px), 289.958px calc(100% - 3.20317px), 285.571px calc(100% - 4.8412px), 281.168px calc(100% - 7.07887px), 276.751px calc(100% - 10.006px), 276.751px calc(100% - 10.006px), 271.948px calc(100% - 14.2115px), 267.059px calc(100% - 18.6239px), 262.224px calc(100% - 23.091px), 257.58px calc(100% - 27.4604px), 253.267px calc(100% - 31.5796px), 249.422px calc(100% - 35.2964px), 246.184px calc(100% - 38.4584px), 243.693px calc(100% - 40.9133px), 242.085px calc(100% - 42.5086px), 241.501px calc(100% - 43.092px), 241.501px calc(100% - 43.092px), 236.07px calc(100% - 49.0014px), 230.275px calc(100% - 53.7333px), 224.336px calc(100% - 57.4185px), 218.473px calc(100% - 60.1879px), 212.907px calc(100% - 62.1722px), 207.858px calc(100% - 63.5024px), 203.548px calc(100% - 64.3092px), 200.196px calc(100% - 64.7236px), 198.023px calc(100% - 64.8762px), 197.25px calc(100% - 64.898px), 45.75px calc(100% - 64.898px), 45.75px calc(100% - 64.898px), 34.263px calc(100% - 65.9931px), 24.864px calc(100% - 68.965px), 17.3461px calc(100% - 73.3445px), 11.5021px calc(100% - 78.6623px), 7.12505px calc(100% - 84.4494px), 4.00804px calc(100% - 90.2364px), 1.94402px calc(100% - 95.5542px), 0.726012px calc(100% - 99.9335px), 0.147004px calc(100% - 102.905px), 1.38672e-31px calc(100% - 104px), 0px 0px, 0.132812px 0px);
    /* Görsel kutucuklarının sol alt oyuğu (anasayfa blog kartlarıyla aynı şekil) */
    --ic-cep-sol-alt: polygon(calc(100% - 20px) 0px, calc(100% - 14.68px) 0.71px, calc(100% - 9.91px) 2.73px, calc(100% - 5.86px) 5.86px, calc(100% - 2.73px) 9.91px, calc(100% - 0.71px) 14.68px, 100% 20px, 100% calc(100% - 20px), calc(100% - 0.71px) calc(100% - 14.68px), calc(100% - 2.73px) calc(100% - 9.91px), calc(100% - 5.86px) calc(100% - 5.86px), calc(100% - 9.91px) calc(100% - 2.73px), calc(100% - 14.68px) calc(100% - 0.71px), calc(100% - 20px) 100%, 148.96px 100%, 141.27px calc(100% - 0.86px), 133.94px calc(100% - 3.31px), 127.12px calc(100% - 7.13px), 120.83px calc(100% - 11.94px), 114.98px calc(100% - 17.24px), 109.45px calc(100% - 22.48px), 104.14px calc(100% - 27.12px), 98.99px calc(100% - 30.53px), 94.22px calc(100% - 31.75px), 22.23px calc(100% - 31.75px), 9.29px calc(100% - 33.61px), 2.49px calc(100% - 38.34px), 0px calc(100% - 44.27px), 0px calc(100% - 50px), 0px 20px, 0.71px 14.68px, 2.73px 9.91px, 5.86px 5.86px, 9.91px 2.73px, 14.68px 0.71px, 20px 0px);
}
@media (max-width: 1024px) { :root { --ic-sekme: polygon(0.402834px 0px, 0.402834px 0px, 0.434583px 1.05284px, 0.716829px 3.91057px, 1.53007px 8.12195px, 3.15482px 13.2358px, 5.87156px 18.8008px, 9.9608px 24.3658px, 15.703px 29.4797px, 23.3788px 33.691px, 33.2685px 36.5488px, 45.6528px 37.6016px, calc(100% - 44.597px) 37.6016px, calc(100% - 44.597px) 37.6016px, calc(100% - 38.2142px) 37.8379px, calc(100% - 31.916px) 38.5936px, calc(100% - 25.8321px) 39.939px, calc(100% - 20.0924px) 41.9445px, calc(100% - 14.8265px) 44.6804px, calc(100% - 10.1642px) 48.217px, calc(100% - 6.23529px) 52.6245px, calc(100% - 3.16945px) 57.9734px, calc(100% - 1.09644px) 64.3339px, calc(100% - 0.146px) 71.7764px, calc(100% + 5.68434e-14px) calc(100% + 0px), calc(100% + 5.68434e-14px) calc(100% + 0px), calc(100% - 0.209015px) calc(100% - 5.31252px), calc(100% - 0.94228px) calc(100% - 10.6412px), calc(100% - 2.36992px) calc(100% - 15.8504px), calc(100% - 4.66208px) calc(100% - 20.8047px), calc(100% - 7.98888px) calc(100% - 25.3686px), calc(100% - 12.5204px) calc(100% - 29.4066px), calc(100% - 18.4269px) calc(100% - 32.7831px), calc(100% - 25.8784px) calc(100% - 35.3627px), calc(100% - 35.0451px) calc(100% - 37.0098px), calc(100% - 46.097px) calc(100% - 37.589px), 37.9028px calc(100% - 37.589px), 37.9028px calc(100% - 37.589px), 27.5038px calc(100% - 38.6822px), 19.2049px calc(100% - 41.65px), 12.7694px calc(100% - 46.0246px), 7.96039px calc(100% - 51.3381px), 4.54104px calc(100% - 57.1228px), 2.27453px calc(100% - 62.9107px), 0.92405px calc(100% - 68.2341px), 0.252767px calc(100% - 72.6252px), 0.0238552px calc(100% - 75.6161px), 0.00049031px calc(100% - 76.739px), 0.00049031px 0px); } }

/* ─── Sayfa kabuğu ─────────────────────────────────────────────────────────────── */
.ic-sayfa { position: relative; isolation: isolate; font-family: var(--hx-font); color: var(--hx-metin); }
.ic-ic { width: 100%; max-width: 1280px; margin: 0 auto; }
.ic-dar { max-width: 850px; margin: 0 auto; }
.ic-bolum { padding: 0 30px; margin: 0 0 80px; }

/* ─── Hero: kutusuz; sayfa zemini vurgu tonundan zemine degrade (header'ın arkasından başlar) ─── */
.ic-hero { position: relative; isolation: isolate; padding: 90px 30px 70px; }
.ic-hero::before {
    content: "";
    position: absolute;
    top: calc(-1 * (var(--header-h) + var(--ann-h)));
    right: 0;
    left: 0;
    z-index: -1;
    height: calc(100% + var(--header-h) + var(--ann-h));
    max-height: calc(380px + var(--header-h));
    background: linear-gradient(180deg, var(--ic-vurgu-ton) 0%, var(--hx-zemin) 100%);
    pointer-events: none;
}
.ic-hero--orta { text-align: center; }
.ic-hero--orta .ic-giris { margin-right: auto; margin-left: auto; }
.ic-hero--sag { text-align: right; }
.ic-hero--sag .ic-giris { margin-left: auto; }
.ic-hero--sag .ic-yol ol,
.ic-hero--sag .ic-hero-butonlar { justify-content: flex-end; }
/* Medyalı hero: panelden (Sayfa Başlıkları) görsel / video seçilmişse degrade yerine ARKA PLAN — header'ın arkasından
   başlar; üstünde örtü (Renk Kodu, boşsa sayfa zemini · Overlay Opaklık). Koyu örtüde (ic-hero--koyu) metin açık renk. */
.ic-hero--medya { display: flex; flex-direction: column; justify-content: center; margin-bottom: 80px; padding-top: 110px; padding-bottom: 100px; }
.ic-hero--medya::before { display: none; }
.ic-hero--boy-orta { min-height: 480px; }
.ic-hero--boy-uzun { min-height: 660px; }
.ic-hero-medya { position: absolute; top: calc(-1 * (var(--header-h) + var(--ann-h))); right: 0; bottom: 0; left: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.ic-hero-medya picture,
.ic-hero-medya img,
.ic-hero-medya video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.ic-hero-medya::after { content: ""; position: absolute; inset: 0; background: var(--ic-ortu-renk, var(--hx-zemin)); opacity: var(--ic-ortu-opak, .5); }
.ic-hero--koyu { --hx-metin: var(--hx-zemin); --ic-soluk: color-mix(in srgb, var(--hx-zemin) 78%, transparent); --ic-cizgi: color-mix(in srgb, var(--hx-zemin) 30%, transparent); }
.ic-yol ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 22px; padding: 0; list-style: none; }
.ic-hero--orta .ic-yol ol { justify-content: center; }
.ic-yol li { font-size: 12px; line-height: 15.6px; letter-spacing: 1px; text-transform: uppercase; color: var(--ic-soluk); }
.ic-yol li + li::before { content: "✦"; margin-right: 10px; font-size: 9px; color: var(--hx-vurgu); }
.ic-yol a,
.ic-yol a:hover { color: inherit; text-decoration: none; transition: color .3s; }
/* Sayfa yolu bağlantıları: dokunma yüksekliği 24px (WCAG 2.5.8), satır yüksekliği değişmez */
.ic-yol a { display: inline-block; margin: -4px 0; padding: 4px 0; }
.ic-yol a:hover,
.ic-yol a:focus-visible { color: var(--hx-vurgu); }
.ic-yol [aria-current] { color: var(--hx-metin); }
.ic-sayfa .ic-baslik {
    margin: 0;
    font-family: var(--hx-font-baslik);
    font-size: 60px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -1px;
    color: var(--hx-metin);
}
.ic-sayfa .ic-giris { max-width: 1024px; margin: 30px 0 0; font-size: 24px; line-height: 1.4; font-weight: 500; color: var(--hx-metin); }
.ic-hero-butonlar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.ic-hero--orta .ic-hero-butonlar { justify-content: center; }
.ic-bilgiler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 46px 0 0; padding: 0; list-style: none; }
.ic-bilgi { padding-top: 24px; border-top: 1px solid var(--ic-cizgi); }
.ic-bilgi-etiket { display: block; margin-bottom: 10px; font-size: 12px; line-height: 15.6px; letter-spacing: 1px; text-transform: uppercase; color: var(--ic-soluk); }
.ic-bilgi-deger { display: block; font-size: 16px; line-height: 1.4; color: var(--hx-metin); }
.ic-tarih { margin-top: 18px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: var(--ic-soluk); }

/* Kesimli medya bandı (hizmet / yazı görseli, iletişim haritası) */
.ic-medya-bant { position: relative; height: 585px; margin: 0 0 100px; overflow: hidden; clip-path: var(--ic-sekme); background: var(--ic-medya-renk, var(--hx-metin)); }
.ic-medya-bant picture,
.ic-medya-bant img,
.ic-medya-bant video { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ─── Kesimli bant (koyu / açık / vurgu tonu) ────────────────────────────────── */
.ic-bant { position: relative; margin: 0 0 80px; padding: 140px 30px 90px; background: var(--ic-bant-zemin, var(--ic-acik)); clip-path: var(--ic-sekme); }
.ic-bant--koyu { --ic-bant-zemin: var(--hx-metin); color: var(--hx-zemin); }
.ic-bant--vurgu { --ic-bant-zemin: var(--ic-vurgu-ton); }
.ic-bant--son { margin-bottom: 0; }
.ic-bant--koyu .ab-etiket,
.ic-bant--koyu .ab-baslik,
.ic-bant--koyu .ab-aciklama { color: var(--hx-zemin); }
.ic-ust { display: flex; flex-direction: column; gap: 10px; max-width: 760px; margin: 0 0 46px; }
.ic-ust--orta { align-items: center; margin-right: auto; margin-left: auto; text-align: center; }
.ic-ust .ab-aciklama { margin-top: 6px; }
.ic-vurgu-metin { background: linear-gradient(90deg, color-mix(in srgb, var(--hx-vurgu) 55%, var(--hx-zemin)) 0%, var(--hx-vurgu) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ─── Kartlar ve çipler ─────────────────────────────────────────────────────── */
.ic-kart { position: relative; padding: 40px; border: 1px solid var(--ic-cizgi); border-radius: 20px; background: var(--hx-yuzey); }
.ic-kart--acik { border-color: transparent; background: var(--ic-acik); }
.ic-kart--golge { border-color: transparent; box-shadow: 0 5px 10px rgba(0, 0, 0, .08); }
.ic-sayfa .ic-kart-baslik { margin: 0 0 12px; font-family: var(--hx-font-baslik); font-size: 24px; line-height: 1.4; font-weight: 500; color: inherit; }
.ic-cipler { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ic-cip { display: inline-flex; align-items: center; gap: 10px; padding: 10px 20px; border-radius: 6px; background: var(--ic-acik); font-size: 15px; line-height: 1.3; }
.ic-kart--acik .ic-cip { background: var(--hx-yuzey); }
.ic-cip svg { flex: none; width: 18px; height: 14px; color: var(--hx-vurgu); }
.ic-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.ic-izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ic-izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ─── Görsel kutucuklu kart (hizmet / bölüm / sayfa kartları) ───────────────── */
.ic-kutu { position: relative; display: flex; flex-direction: column; height: 100%; }
.ic-kutu-gorsel {
    position: relative;
    display: block;
    aspect-ratio: 413 / 330;
    overflow: hidden;
    background: linear-gradient(160deg, var(--ic-vurgu-ton) 0%, var(--ic-acik) 100%);
    clip-path: var(--ic-cep-sol-alt);
}
.ic-kutu-gorsel picture { display: block; width: 100%; height: 100%; }
.ic-kutu-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.ic-kutu:hover .ic-kutu-gorsel img { transform: scale(1.04); }
.ic-kutu-ikon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: color-mix(in srgb, var(--hx-vurgu) 70%, var(--hx-metin)); }
.ic-kutu-ikon svg { width: 72px; height: 72px; opacity: .9; }
/* Sol alttaki oyuğa oturan ok düğmesi */
.ic-kutu-ok {
    position: absolute;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 60px;
    background: var(--hx-metin);
    color: var(--hx-zemin);
    transition: background-color .3s, color .3s;
}
.ic-kutu-gorsel-sar { position: relative; }
.ic-kutu-gorsel-sar .ic-kutu-ok { top: auto; bottom: -6px; left: 30px; z-index: 2; }
.ic-kutu-ok svg { width: 14px; height: 14px; }
.ic-kutu:hover .ic-kutu-ok,
.ic-kutu-ok:focus-visible { background: var(--hx-vurgu); color: var(--hx-vurgu-metin); }
.ic-kutu-govde { display: flex; flex-direction: column; gap: 10px; padding: 24px 0 0; }
.ic-sayfa .ic-kutu-baslik { margin: 0; font-family: var(--hx-font-baslik); font-size: 24px; line-height: 1.4; font-weight: 500; }
.ic-kutu-baslik a,
.ic-kutu-baslik a:hover { color: var(--hx-metin); text-decoration: none; }
.ic-kutu-baslik a::after { content: ""; position: absolute; inset: 0; z-index: 1; }   /* kartın tamamı tıklanır */
.ic-kutu-baslik a:focus-visible { outline: none; }
.ic-kutu:focus-within { outline: 2px solid var(--hx-vurgu); outline-offset: 6px; border-radius: 20px; }
.ic-kutu-ozet { margin: 0; color: var(--ic-soluk); }
.ic-kutu-etiket { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 6px 15px; border-radius: 20px; background: var(--hx-yuzey); box-shadow: 0 2px 2px rgba(0, 0, 0, .1); font-size: 12px; line-height: 15.6px; text-transform: uppercase; }

/* ─── Zengin metin (panel editörü HTML'i) ─────────────────────────────────── */
.ic-metin { font-size: 18px; line-height: 1.6; color: var(--hx-metin); overflow-wrap: anywhere; }
.ic-metin > :first-child { margin-top: 0; }
.ic-metin > :last-child { margin-bottom: 0; }
.ic-metin p { margin: 0 0 1.1em; }
.ic-metin h2 { margin: 1.6em 0 .6em; font-family: var(--hx-font-baslik); font-size: 34px; line-height: 1.3; font-weight: 500; }
.ic-metin h3 { margin: 1.4em 0 .5em; font-family: var(--hx-font-baslik); font-size: 24px; line-height: 1.4; font-weight: 500; }
.ic-metin h4 { margin: 1.2em 0 .5em; font-size: 20px; line-height: 1.4; font-weight: 500; }
.ic-metin ul,
.ic-metin ol { margin: 0 0 1.1em; padding-left: 1.3em; }
.ic-metin li { margin-bottom: .35em; }
.ic-metin ul li::marker { color: var(--hx-vurgu); }
.ic-metin a { color: var(--hx-metin); text-decoration: underline; text-decoration-color: var(--hx-vurgu); text-underline-offset: 3px; }
.ic-metin a:hover { color: var(--hx-vurgu); }
.ic-metin img { max-width: 100%; height: auto; border-radius: 20px; }
.ic-metin blockquote { margin: 1.6em 0; padding: 50px 60px; border: 0; border-radius: 20px; background: var(--hx-metin); color: var(--hx-zemin); font-size: 24px; line-height: 1.5; }
.ic-metin blockquote p:last-child { margin: 0; }
.ic-metin table { width: 100%; margin: 0 0 1.1em; border-collapse: collapse; font-size: 16px; }
.ic-metin th,
.ic-metin td { padding: 12px 14px; border-bottom: 1px solid var(--ic-cizgi); text-align: left; }
.ic-metin--giris > p:first-child { font-size: 24px; line-height: 1.4; font-weight: 500; }

/* ─── İçerik + yan sütun (detay sayfaları) ─────────────────────────────────── */
.ic-yanli { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 60px; align-items: start; }
.ic-yan { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 20px; }
.ic-yan-liste { margin: 0; padding: 0; list-style: none; }
.ic-yan-liste li + li { border-top: 1px solid var(--ic-cizgi); }
.ic-yan-liste a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; color: var(--hx-metin); text-decoration: none; transition: color .3s; }
.ic-yan-liste a:hover,
.ic-yan-liste a:focus-visible,
.ic-yan-liste a[aria-current] { color: var(--hx-vurgu); }
.ic-yan-liste svg { flex: none; width: 14px; height: 14px; }
.ic-iletisim-satiri { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; font-size: 18px; font-weight: 500; }
.ic-iletisim-satiri a { color: var(--hx-metin); text-decoration: none; }
.ic-iletisim-satiri a:hover { color: var(--hx-vurgu); }
.ic-iletisim-satiri svg { flex: none; width: 22px; height: 22px; }

/* ─── Görselli iki sütun ───────────────────────────────────────────────────── */
.ic-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px; align-items: center; }
.ic-ikili--ters > :first-child { order: 2; }
.ic-gorsel { position: relative; overflow: hidden; border-radius: 20px; }
.ic-gorsel--cep { border-radius: 0; clip-path: var(--ic-cep-sol-alt); }
.ic-gorsel picture,
.ic-gorsel img { display: block; width: 100%; height: auto; }
.ic-gorsel img { aspect-ratio: 4 / 3; object-fit: cover; }

/* ─── Sayaç / istatistik ───────────────────────────────────────────────────── */
.ic-sayaclar { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.ic-sayac { padding: 30px; border-left: 1px solid var(--ic-cizgi); }
.ic-sayac-deger { display: block; font-family: var(--hx-font-baslik); font-size: 46px; line-height: 1.1; font-weight: 400; letter-spacing: -1px; }
.ic-sayac-etiket { display: block; margin-top: 8px; font-size: 14px; color: var(--ic-soluk); }
.ic-bant--koyu .ic-sayac { border-color: color-mix(in srgb, var(--hx-zemin) 18%, transparent); }
.ic-bant--koyu .ic-sayac-etiket { color: color-mix(in srgb, var(--hx-zemin) 70%, transparent); }

/* ─── Özellik ızgarası (ikon + başlık + açıklama) ──────────────────────────── */
.ic-ozellik { display: flex; flex-direction: column; gap: 12px; }
.ic-ozellik-ikon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; background: var(--ic-vurgu-ton); color: var(--hx-vurgu); font-size: 26px; }
.ic-sayfa .ic-ozellik-baslik { margin: 6px 0 0; font-family: var(--hx-font-baslik); font-size: 20px; line-height: 1.4; font-weight: 500; }
.ic-ozellik-metin { margin: 0; color: var(--ic-soluk); }

/* ─── SSS: tek beyaz kart, maddeler ince çizgiyle ayrılır ──────────────────── */
.ic-sss { padding: 10px 40px; border-radius: 20px; background: var(--hx-yuzey); box-shadow: 0 5px 30px rgba(0, 0, 0, .06); }
.ic-sss-oge + .ic-sss-oge { border-top: 1px solid var(--ic-cizgi); }
.ic-sss-soru { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 0; list-style: none; cursor: pointer; }
.ic-sss-soru::-webkit-details-marker { display: none; }
.ic-sss-soru::marker { content: ""; }
.ic-sss-soru:focus-visible { outline: 2px solid var(--hx-vurgu); outline-offset: 4px; border-radius: 6px; }
.ic-sayfa .ic-sss-soru-metin { margin: 0; font-family: var(--hx-font-baslik); font-size: 20px; line-height: 28px; font-weight: 500; }
.ic-sss-isaret { position: relative; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--ic-acik); }
.ic-sss-isaret::before,
.ic-sss-isaret::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 1.6px; margin: -.8px 0 0 -6px; background: var(--hx-metin); transition: transform .3s; }
.ic-sss-isaret::after { transform: rotate(90deg); }
.ic-sss-oge[open] .ic-sss-isaret::after { transform: rotate(0deg); }
.ic-sss-cevap { padding: 0 48px 28px 0; font-size: 16px; line-height: 1.6; color: var(--ic-soluk); }
.ic-sss-cevap > :last-child { margin-bottom: 0; }

/* ─── Form ─────────────────────────────────────────────────────────────────── */
.ic-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 15px; }
.ic-form fieldset { display: contents; }
.ic-form legend { grid-column: 1 / -1; float: none; width: 100%; margin: 14px 0 0; padding: 0 0 12px; border-bottom: 1px solid var(--ic-cizgi); font-family: var(--hx-font-baslik); font-size: 20px; line-height: 1.4; font-weight: 500; }
.ic-form legend:first-child { margin-top: 0; }
.ic-alan { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ic-alan--tam { grid-column: 1 / -1; }
.ic-alan label,
.ic-alan .ic-alan-etiket { font-size: 12px; line-height: 15.6px; letter-spacing: 1px; text-transform: uppercase; color: var(--hx-metin); }
.ic-alan .ic-zorunlu { color: var(--hx-vurgu); }
.ic-girdi,
.ic-form select.ic-girdi {
    width: 100%;
    min-height: 47px;
    padding: 6px 16px;
    border: 1px solid var(--ic-cizgi);
    border-radius: 6px;
    background-color: var(--hx-yuzey);
    color: var(--hx-metin);
    font-family: var(--hx-font);
    font-size: 16px;
    line-height: 22.4px;
    transition: border-color .3s, background-color .3s;
}
.ic-form select.ic-girdi { appearance: none; padding-right: 40px; background-image: linear-gradient(45deg, transparent 50%, var(--hx-metin) 50%), linear-gradient(135deg, var(--hx-metin) 50%, transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 17px) 50%; background-size: 5px 5px; background-repeat: no-repeat; }
textarea.ic-girdi { min-height: 126px; padding-top: 12px; resize: vertical; }
.ic-girdi::placeholder { color: var(--hx-metin); opacity: .6; }
.ic-girdi:hover { border-color: var(--hx-metin); }
.ic-girdi:focus { border-color: var(--hx-metin); background-color: var(--ic-acik); outline: 0; }
.ic-girdi:focus-visible { outline: 2px solid color-mix(in srgb, var(--hx-vurgu) 50%, transparent); outline-offset: 1px; }
.ic-girdi[aria-invalid="true"],
.ic-girdi.input-validation-error { border-color: var(--bs-danger, currentColor); }
.ic-alan-hata { font-size: 13px; color: var(--bs-danger, currentColor); }
.ic-alan-ipucu { font-size: 13px; color: var(--ic-soluk); }
.ic-onay { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; color: var(--ic-soluk); }
.ic-onay input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--hx-vurgu); }
.ic-onay a { color: var(--hx-metin); }
.ic-form-alt { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 6px; }
.ic-form-not { margin: 0; font-size: 14px; color: var(--ic-soluk); }
.ic-uyari { grid-column: 1 / -1; margin: 0; padding: 16px 20px; border-radius: 6px; font-size: 15px; }
.ic-uyari--ok { background: color-mix(in srgb, var(--bs-success, currentColor) 12%, var(--hx-yuzey)); }
.ic-uyari--hata { background: color-mix(in srgb, var(--bs-danger, currentColor) 10%, var(--hx-yuzey)); }
/* Dosya yükleme kutusu */
.ic-dosya { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 140px; padding: 24px; border: 1.5px dashed color-mix(in srgb, var(--hx-metin) 25%, transparent); border-radius: 6px; background: var(--hx-yuzey); text-align: center; cursor: pointer; transition: border-color .3s, background-color .3s; }
.ic-dosya:hover,
.ic-dosya.ic-dosya--uzerinde { border-color: var(--hx-vurgu); background: var(--ic-acik); }
.ic-dosya input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.ic-dosya input[type="file"]:focus-visible + .ic-dosya-metin { outline: 2px solid var(--hx-vurgu); outline-offset: 4px; }
.ic-dosya svg { width: 30px; height: 30px; color: var(--hx-vurgu); }
.ic-dosya-metin { font-size: 15px; }
.ic-dosya-liste { margin: 8px 0 0; padding: 0; list-style: none; font-size: 14px; color: var(--ic-soluk); }
/* Form kartı (referans "Book a discovery call": koyu başlık şeridi + açık gövde) */
.ic-form-kart { overflow: hidden; border-radius: 20px; background: var(--ic-acik); box-shadow: 0 5px 10px rgba(0, 0, 0, .08); }
.ic-form-kart-ust { display: flex; align-items: center; gap: 14px; min-height: 80px; padding: 20px 40px; background: var(--hx-metin); color: var(--hx-zemin); }
.ic-sayfa .ic-form-kart-ust h2 { margin: 0; font-family: var(--hx-font-baslik); font-size: 20px; line-height: 1.4; font-weight: 500; color: inherit; }
.ic-form-kart-govde { padding: 40px; }

/* ─── Süreç sayfası: yapışkan kenar çubuğu + aşama kartları ───────────────── */
.ic-surec { display: grid; grid-template-columns: 419px minmax(0, 1fr); gap: 60px; align-items: start; }
.ic-surec-yan { position: sticky; top: 110px; overflow: hidden; border-radius: 20px; background: var(--ic-acik); }
.ic-surec-yan-gorsel picture,
.ic-surec-yan-gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 419 / 260; object-fit: cover; }
.ic-surec-nav { margin: 0; padding: 24px 30px 10px; list-style: none; counter-reset: asama; }
.ic-surec-nav a { display: flex; align-items: baseline; gap: 14px; padding: 12px 0; color: var(--hx-metin); text-decoration: none; transition: color .3s; }
.ic-surec-nav a span:first-child { min-width: 26px; font-size: 12px; letter-spacing: 1px; color: var(--ic-soluk); }
.ic-surec-nav a:hover,
.ic-surec-nav a:focus-visible,
.ic-surec-nav a.ic-aktif { color: var(--hx-vurgu); }
.ic-surec-nav a.ic-aktif span:first-child { color: var(--hx-vurgu); }
.ic-surec-yan .ab-form-cep,
.ic-surec-yan-cep { display: flex; justify-content: flex-end; margin: 0 -1px -1px 0; padding: 58px 1px 1px 105px; background: var(--hx-zemin); clip-path: var(--hx-cep-sag-alt); }
.ic-asamalar { display: flex; flex-direction: column; gap: 30px; margin: 0; padding: 0; list-style: none; }
.ic-asama { scroll-margin-top: 110px; padding: 60px; border: 1px solid var(--ic-cizgi); border-radius: 20px; background: var(--hx-yuzey); }
.ic-asama-no { display: block; margin-bottom: 14px; font-size: 12px; line-height: 15.6px; letter-spacing: 1px; text-transform: uppercase; color: var(--hx-vurgu); }
.ic-sayfa .ic-asama-baslik { margin: 0 0 18px; font-family: var(--hx-font-baslik); font-size: 34px; line-height: 1.3; font-weight: 500; }
.ic-asama .ic-metin { font-size: 16px; color: var(--ic-soluk); }
.ic-asama .ic-cipler { margin-top: 26px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ic-asama-gorsel { margin-top: 26px; overflow: hidden; border-radius: 20px; }
.ic-asama-gorsel img { display: block; width: 100%; height: auto; }
.ic-asama-link { margin-top: 26px; }

/* ─── Önceki / sonraki gezinme, filtre hapları ─────────────────────────────── */
.ic-gezinti { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ic-gezinti a { display: flex; flex-direction: column; gap: 6px; padding: 24px 28px; border: 1px solid var(--ic-cizgi); border-radius: 20px; color: var(--hx-metin); text-decoration: none; transition: border-color .3s, background-color .3s; }
.ic-gezinti a:hover,
.ic-gezinti a:focus-visible { border-color: var(--hx-metin); background: var(--ic-acik); }
.ic-gezinti a span:first-child { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: var(--ic-soluk); }
.ic-gezinti a span:last-child { font-family: var(--hx-font-baslik); font-size: 20px; font-weight: 500; }
.ic-gezinti .ic-sonraki { grid-column: 2; text-align: right; }
.ic-haplar { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 40px; padding: 0; list-style: none; }
.ic-hap,
.ic-hap:hover { display: inline-flex; align-items: center; padding: 11px 20px; border: 1px solid var(--ic-cizgi); border-radius: 60px; background: var(--hx-yuzey); color: var(--hx-metin); font-size: 15px; line-height: 1.2; text-decoration: none; transition: background-color .3s, border-color .3s, color .3s; }
.ic-hap:hover,
.ic-hap:focus-visible { border-color: var(--hx-metin); }
.ic-hap[aria-current] { border-color: var(--hx-metin); background: var(--hx-metin); color: var(--hx-zemin); }
.ic-bos { padding: 60px 30px; border-radius: 20px; background: var(--ic-acik); text-align: center; color: var(--ic-soluk); }

/* ─── Adımlar (numaralı 3'lü) ──────────────────────────────────────────────── */
.ic-adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; counter-reset: adim; }
.ic-adim { counter-increment: adim; padding: 30px; border-top: 1px solid var(--ic-cizgi); }
.ic-adim::before { content: counter(adim, decimal-leading-zero); display: block; margin-bottom: 18px; font-size: 12px; letter-spacing: 1px; color: var(--hx-vurgu); }
.ic-sayfa .ic-adim h3 { margin: 0 0 8px; font-family: var(--hx-font-baslik); font-size: 20px; line-height: 1.4; font-weight: 500; }
.ic-adim p { margin: 0; color: var(--ic-soluk); }

@media (max-width: 1024px) {
    .ic-hero { padding: 50px 20px 50px; }
    .ic-bolum { padding: 0 20px; margin-bottom: 70px; }
    .ic-sayfa .ic-baslik { font-size: 46px; }
    .ic-sayfa .ic-giris { margin-top: 22px; font-size: 20px; }
    .ic-bilgiler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ic-bant { margin-bottom: 70px; padding: 100px 20px 70px; }
    .ic-medya-bant { height: 420px; margin-bottom: 70px; }
    .ic-hero--medya { margin-bottom: 60px; padding-top: 80px; padding-bottom: 70px; }
    .ic-hero--boy-orta { min-height: 400px; }
    .ic-hero--boy-uzun { min-height: 540px; }
    .ic-izgara,
    .ic-izgara--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ic-yanli,
    .ic-surec { grid-template-columns: minmax(0, 1fr); gap: 40px; }
    .ic-yan,
    .ic-surec-yan { position: static; }
    .ic-ikili { gap: 40px; }
    .ic-asama { padding: 40px; }
    .ic-sayfa .ic-asama-baslik { font-size: 28px; }
    .ic-metin h2 { font-size: 28px; }
    .ic-adimlar { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .ic-hero { padding: 30px 20px 40px; }
    .ic-bolum { margin-bottom: 50px; }
    .ic-sayfa .ic-baslik { font-size: 34px; letter-spacing: -.5px; }
    .ic-sayfa .ic-giris { font-size: 18px; line-height: 1.4; }
    .ic-bilgiler { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .ic-bilgi { padding: 16px 0; }
    .ic-bant { margin-bottom: 50px; padding: 80px 20px 60px; }
    .ic-medya-bant { height: 273px; margin-bottom: 50px; }
    .ic-hero--medya { margin-bottom: 40px; padding-top: 50px; padding-bottom: 50px; }
    .ic-hero--boy-orta { min-height: 340px; }
    .ic-hero--boy-uzun { min-height: 460px; }
    .ic-izgara,
    .ic-izgara--2,
    .ic-izgara--4,
    .ic-ikili,
    .ic-gezinti { grid-template-columns: minmax(0, 1fr); }
    .ic-ikili--ters > :first-child { order: 0; }
    .ic-gezinti .ic-sonraki { grid-column: 1; }
    .ic-kart { padding: 28px 22px; }
    .ic-sss { padding: 4px 22px; }
    .ic-sss-cevap { padding-right: 0; }
    .ic-sayfa .ic-sss-soru-metin { font-size: 17px; line-height: 23.8px; }
    .ic-form { grid-template-columns: minmax(0, 1fr); }
    .ic-form-kart-ust { padding: 18px 22px; }
    .ic-form-kart-govde { padding: 26px 20px; }
    .ic-asama { padding: 28px 22px; }
    .ic-asama .ic-cipler { grid-template-columns: minmax(0, 1fr); }
    .ic-metin { font-size: 16px; line-height: 1.6; }
    .ic-metin blockquote { padding: 30px 26px; font-size: 19px; }
    .ic-sayac-deger { font-size: 34px; }
}

/* ─── Bölüm başlıkları ve iç sayfa bloklarının ek parçaları ─────────────────── */
.ic-sayfa .ic-bolum-baslik { margin: 0 0 24px; font-family: var(--hx-font-baslik); font-size: 46px; line-height: 1.05; font-weight: 500; letter-spacing: -.5px; color: inherit; }
.ic-sayfa .ic-bolum-etiket { margin: 0; font-size: 12px; line-height: 15.6px; letter-spacing: 1px; text-transform: uppercase; color: var(--ic-soluk); }
.ic-ust .ic-bolum-baslik { margin: 0; }
.ic-ust--satir { position: relative; max-width: none; padding-right: 200px; }
.ic-ust-btn { position: absolute; right: 0; bottom: 0; }
.ic-bant .ic-bolum { margin-bottom: 0; padding: 0; }
.ic-makale { margin-top: 10px; }
.ic-metin--alt { margin-bottom: 30px; }
.ic-bilgi-link,
.ic-bilgi-link:hover { color: var(--hx-metin); text-decoration: none; transition: color .3s; }
.ic-bilgi-link { margin: -3px 0; padding: 3px 0; } /* dokunma yüksekliği ≥ 24px */
.ic-bilgi-link:hover,
.ic-bilgi-link:focus-visible { color: var(--hx-vurgu); }
.ic-gorsel--genis img { aspect-ratio: 2 / 1; }
.ic-gorsel-alti { margin-top: 50px; }
.ic-kart--koyu { border-color: transparent; background: var(--hx-metin); color: var(--hx-zemin); }
.ic-kart--koyu .ic-metin { color: color-mix(in srgb, var(--hx-zemin) 78%, transparent); }
.ic-cta-kart { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 30px; padding: 64px; }
.ic-cta-kart-metin { flex: 1 1 520px; }
.ic-cta-kart .ic-bolum-baslik { margin-bottom: 16px; }
.ic-alinti { margin-top: 0; margin-bottom: 0; }
.ic-alinti-metin { margin: 0; padding: 59px 85px; border-radius: 20px; background: color-mix(in srgb, var(--hx-metin) 92%, var(--hx-vurgu)); color: var(--hx-zemin); font-family: var(--hx-font-baslik); font-size: 24px; line-height: 1.5; }
.ic-alinti-metin > :last-child { margin-bottom: 0; }
.ic-alinti-kaynak { margin-top: 18px; padding-left: 85px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: var(--ic-soluk); }
.ic-video { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 20px; background: var(--hx-metin); }
.ic-video iframe,
.ic-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ic-indirme { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.ic-indirme-metin { flex: 1 1 280px; }
.ic-indirme-metin .ic-kart-baslik { margin-bottom: 4px; font-size: 20px; }
.ic-indirme-metin .ic-metin { font-size: 15px; color: var(--ic-soluk); }
.ic-zaman { margin: 0; padding: 0; list-style: none; }
.ic-zaman-oge { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 24px; padding: 26px 0; border-top: 1px solid var(--ic-cizgi); }
.ic-zaman-yil { font-family: var(--hx-font-baslik); font-size: 28px; line-height: 1.2; color: var(--hx-vurgu); }
.ic-zaman-oge .ic-kart-baslik { margin-bottom: 6px; font-size: 20px; }
.ic-galeri-oge { display: block; }
.ic-galeri-oge img { aspect-ratio: 4 / 3; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.ic-galeri-oge:hover img { transform: scale(1.04); }
.ic-logo { display: inline-block; width: auto; max-height: 64px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
.ic-logo:hover { filter: none; opacity: 1; }
.ic-sss--genis { padding-top: 0; padding-bottom: 0; }
.ic-sss-cevap--bolum { padding-right: 0; color: var(--hx-metin); }
.ic-sss-cevap--bolum .ic-ic,
.ic-sss-cevap--bolum .ic-dar { max-width: none; }
.ic-yanmenu { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 50px; align-items: start; }
.ic-yanmenu .ic-kart { padding: 14px 26px; }
.ic-yanmenu .tab-pane .ic-ic,
.ic-yanmenu .tab-pane .ic-dar { max-width: none; }
.ic-yan-liste a.active { color: var(--hx-vurgu); font-weight: 500; }
.ic-hap.active,
.ic-hap.active:hover { border-color: var(--hx-metin); background: var(--hx-metin); color: var(--hx-zemin); }
button.ic-hap { cursor: pointer; font-family: var(--hx-font); }
@media (max-width: 1024px) {
    .ic-sayfa .ic-bolum-baslik { font-size: 30px; }
    .ic-yanmenu { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .ic-cta-kart { padding: 40px; }
    .ic-alinti-metin { padding: 40px 44px; font-size: 21px; }
    .ic-alinti-kaynak { padding-left: 44px; }
}
@media (max-width: 767px) {
    .ic-sayfa .ic-bolum-baslik { font-size: 23px; line-height: 1.15; }
    .ic-ust--satir { padding-right: 0; }
    .ic-ust-btn { position: static; margin-top: 14px; align-self: flex-start; }
    .ic-cta-kart { padding: 28px 22px; }
    .ic-alinti-metin { padding: 28px 24px; font-size: 18px; }
    .ic-alinti-kaynak { padding-left: 0; }
    .ic-zaman-oge { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}

/* ─── Yazı (Bilgi Merkezi), teklif ve iletişim sayfaları ──────────────────── */
.ic-yan-metin { margin: 0 0 20px; font-size: 15px; line-height: 1.55; opacity: .85; }
.ic-bolum-baslik a,
.ic-bolum-baslik a:hover { color: inherit; text-decoration: none; }
.ic-bolum-baslik a:hover { text-decoration: underline; text-decoration-color: var(--hx-vurgu); text-underline-offset: 6px; }
.ic-rozet,
.ic-rozet:hover { display: inline-flex; align-items: center; margin: 0 0 18px; padding: 6px 15px; border-radius: 20px; background: var(--hx-yuzey); box-shadow: 0 2px 2px rgba(0, 0, 0, .08); color: var(--hx-metin); font-size: 12px; line-height: 15.6px; letter-spacing: .5px; text-transform: uppercase; text-decoration: none; }
a.ic-rozet:hover { background: var(--hx-metin); color: var(--hx-zemin); }
.ic-haplar--hero { margin: 34px 0 0; }
.ic-hero--orta .ic-haplar { justify-content: center; }
.ic-yazi-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 18px; margin-top: 26px; font-size: 13px; letter-spacing: .5px; color: var(--ic-soluk); }
.ic-yazi-meta .ic-rozet { margin: 0; }
.ic-yazi-gorsel { max-width: 950px; margin: 0 auto 60px; overflow: hidden; border-radius: 20px; }
.ic-yazi-gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 950 / 630; object-fit: cover; }
.ic-yazi-sss { margin-top: 70px; }
.ic-one-cikan .ic-gorsel { display: block; }
.ic-one-cikan .ic-rozet { background: color-mix(in srgb, var(--hx-zemin) 16%, transparent); color: var(--hx-zemin); box-shadow: none; }
.ic-one-cikan .ic-bolum-baslik { margin-bottom: 18px; }
.ic-one-cikan-ozet { margin: 0 0 14px; font-size: 18px; line-height: 1.6; color: color-mix(in srgb, var(--hx-zemin) 75%, transparent); }
.ic-one-cikan .ic-tarih { margin: 0 0 26px; color: color-mix(in srgb, var(--hx-zemin) 60%, transparent); }
.ic-kutu-govde .ic-tarih { margin: 4px 0 0; }
.ic-form-kart-ust .ic-ozellik-ikon { width: 42px; height: 42px; border-radius: 12px; background: color-mix(in srgb, var(--hx-zemin) 14%, transparent); color: var(--hx-zemin); font-size: 20px; }
.ic-ozellik-ikon svg { width: 26px; height: 26px; }
.ic-dosya-liste:empty { display: none; }
.ic-dosya-liste li { display: flex; justify-content: center; gap: 8px; }
.ic-dosya-liste li span:last-child { opacity: .7; }
.ic-adimlar--dikey { grid-template-columns: minmax(0, 1fr); gap: 0; margin-bottom: 24px; }
.ic-adimlar--dikey .ic-adim { padding: 20px 0; }
.ic-adimlar--dikey .ic-adim::before { margin-bottom: 8px; }
.ic-teklif { grid-template-columns: minmax(0, 1fr) 400px; }
/* İletişim: bilgi kartları + harita bandının üstüne taşan form kartı */
.ic-iletisim { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); gap: 50px; align-items: start; }
.ic-iletisim--harita .ic-iletisim-form { margin-top: -220px; position: relative; z-index: 2; box-shadow: 0 5px 30px rgba(0, 0, 0, .08); }
.ic-iletisim--harita .ic-iletisim-bilgi { padding-top: 10px; }
.ic-iletisim-form { padding: 40px; }
.ic-iletisim-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.ic-iletisim-kart { display: flex; align-items: flex-start; gap: 16px; padding: 26px; }
.ic-iletisim-kart .ic-ozellik-ikon { flex: none; width: 48px; height: 48px; border-radius: 14px; }
.ic-iletisim-kart .ic-kart-baslik { margin-bottom: 6px; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; font-family: var(--hx-font); font-weight: 400; color: var(--ic-soluk); }
.ic-iletisim-deger,
.ic-iletisim-deger:hover { display: block; margin: 0; font-size: 18px; line-height: 1.45; font-style: normal; font-weight: 500; color: var(--hx-metin); text-decoration: none; overflow-wrap: anywhere; }
a.ic-iletisim-deger:hover { color: var(--hx-vurgu); }
.ic-iletisim-deger--duz { font-weight: 400; font-size: 16px; }
.ic-iletisim-not { display: block; margin-top: 4px; font-size: 14px; color: var(--ic-soluk); }
.ic-iletisim-link,
.ic-iletisim-link:hover { display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 500; color: var(--hx-vurgu); text-decoration: none; }
.ic-iletisim-firma { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 22px 0 0; font-size: 14px; color: var(--ic-soluk); }
.ic-iletisim-firma strong { color: var(--hx-metin); font-weight: 500; }
.ic-iletisim-firma a { color: var(--hx-metin); }
.ic-harita-bant { height: 480px; }
.ic-harita-bant iframe { display: block; width: 100%; height: 100%; border: 0; filter: grayscale(.35); }
@media (max-width: 1024px) {
    .ic-teklif,
    .ic-iletisim { grid-template-columns: minmax(0, 1fr); gap: 40px; }
    .ic-iletisim--harita .ic-iletisim-form { margin-top: 0; order: -1; }
    .ic-harita-bant { height: 380px; }
    .ic-yazi-gorsel { margin-bottom: 40px; }
}
@media (max-width: 767px) {
    .ic-iletisim-kartlar { grid-template-columns: minmax(0, 1fr); }
    .ic-iletisim-form { padding: 26px 20px; }
    .ic-iletisim-kart { padding: 20px; }
    .ic-harita-bant { height: 300px; }
    .ic-one-cikan-ozet { font-size: 16px; }
}

/* ─── Yasal metinler (/yasal/{slug}) — kısa, çok bölümlü metin: başlıklar bir kademe küçük ─── */
.ic-metin--yasal { font-size: 17px; }
.ic-metin--yasal h2 { margin: 1.5em 0 .5em; font-size: 26px; line-height: 1.35; }
.ic-metin--yasal h3 { font-size: 20px; }
.ic-yasal-firma { margin-top: 50px; }
.ic-yasal-firma .ic-kart-baslik { font-size: 20px; }
.ic-yasal-firma .ic-iletisim-satiri { align-items: flex-start; font-size: 16px; font-weight: 400; }
.ic-yasal-firma .ic-iletisim-satiri svg { margin-top: 2px; width: 20px; height: 20px; }
.ic-yasal-firma .ic-iletisim-satiri:last-child { margin-bottom: 0; }
@media (max-width: 767px) {
    .ic-metin--yasal { font-size: 16px; }
    .ic-metin--yasal h2 { font-size: 22px; }
    .ic-yasal-firma { margin-top: 36px; }
}