/* ===========================================================================
   ESTACELL İÇ SAYFALAR — RENKLİ HÜCRE (2026-11-06)
   Hakan: "tanıtım sayfasını ve içindeki tüm sayfaları yap". Anasayfa v5'in dili
   iç sayfalara: Schibsted Grotesk + Geist, açık zemin, mürekkep ana düğme,
   logonun dört hücresi. Her sayfa TEK ayak rengiyle konuşur (layout.php $AYAK):
   kahramanda o hücre dolu, kart simgeleri ve vurgu o renkte — gökkuşağı yok.
   Köşe: düğme 8 · küçük öğe 6 · kart 16 · büyük panel 24-28 · hap YOK.
   Düğme hover'da yerinde durur (Hakan kuralı); hareket transform/opacity.
   site.css + ic-sayfalar.css'ten SONRA, yalnız iç sayfalarda yüklenir.
   =========================================================================== */
body.hi-sayfa {
  --pembe:#FF4D6D; --pembe-k:#D61E45; --pembe-a:#FFF1F4; --pembe-g:linear-gradient(150deg,#FF7A93,#E8335A);
  --mor:#7A5CFF;   --mor-k:#5636E8;   --mor-a:#F4F1FF;   --mor-g:linear-gradient(150deg,#9C85FF,#6142F0);
  --amber:#FF9F1C; --amber-k:#A85A00; --amber-a:#FFF6EA; --amber-g:linear-gradient(150deg,#FFBE5C,#F08A00);
  --mavi:#12A4F0;  --mavi-k:#0B78B8;  --mavi-a:#EAF6FE;  --mavi-g:linear-gradient(150deg,#5CCBFF,#0B8FD6);
  --iyi:#14905A; --iyi-a:#E4F6EC;
  --g1:0 1px 2px rgba(13,18,32,.06);
  --g2:0 1px 2px rgba(13,18,32,.05),0 14px 34px -12px rgba(13,18,32,.16);
  --g3:0 2px 6px rgba(13,18,32,.05),0 36px 80px -24px rgba(13,18,32,.28);
  --e-out:cubic-bezier(.23,1,.32,1);
  --p:var(--mavi); --pk:var(--mavi-k); --pa:var(--mavi-a); --pg:var(--mavi-g);
  background:var(--bg); color:var(--ink); font-family:var(--fg);
}
body.hi-sayfa[data-ayak="pembe"] { --p:var(--pembe); --pk:var(--pembe-k); --pa:var(--pembe-a); --pg:var(--pembe-g); }
body.hi-sayfa[data-ayak="mor"]   { --p:var(--mor);   --pk:var(--mor-k);   --pa:var(--mor-a);   --pg:var(--mor-g); }
body.hi-sayfa[data-ayak="amber"] { --p:var(--amber); --pk:var(--amber-k); --pa:var(--amber-a); --pg:var(--amber-g); }
body.hi-sayfa[data-ayak="mavi"]  { --p:var(--mavi);  --pk:var(--mavi-k);  --pa:var(--mavi-a);  --pg:var(--mavi-g); }
.hi-sayfa h1, .hi-sayfa h2, .hi-sayfa h3, .hi-sayfa h4 { font-family:var(--fb); }
.hi-sayfa ::selection { background:color-mix(in srgb, var(--p) 28%, #fff); }

/* ---------------------------------------------------------------- KABUK (anasayfayla aynı) */
.hi-sayfa .nav { background:var(--bg-2); }
.hi-sayfa .nav.kaydi { background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
.hi-sayfa .logo { font-family:var(--fb); font-weight:800; }

/* ---------------------------------------------------------------- DÜĞMELER */
.hi-sayfa .btn { border-radius:8px; font-family:var(--fg); font-weight:600; transition:background-color .15s ease, border-color .15s ease, color .15s ease, transform .14s var(--e-out); }
.hi-sayfa .btn:hover { transform:none; }
.hi-sayfa .btn:active { transform:scale(.97); }
.hi-sayfa .btn-1 { background:var(--mavi-k); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px -10px rgba(11,120,184,.75); }
.hi-sayfa .btn-1:hover { background:#085F93; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px -10px rgba(11,120,184,.8); }
.hi-sayfa .btn-2 { background:#fff; border-color:var(--line-2); color:var(--ink); }
.hi-sayfa .btn-2:hover { border-color:var(--ink); color:var(--ink); }
.hi-sayfa .btn-3 { background:var(--pa); color:var(--pk); }
.hi-sayfa .btn-lg { height:52px; padding:0 24px; font-size:15.5px; border-radius:8px; }
.hi-sayfa .btn svg { transition:transform .25s var(--e-out); }
@media (hover:hover) { .hi-sayfa .btn-1:hover svg { transform:translateX(3px); } }

/* ---------------------------------------------------------------- ETİKET (üst yazı) */
.hi-sayfa .etiket { background:var(--pa); color:var(--pk); border-radius:8px; padding:7px 12px; font:600 13px/1 var(--fg); margin-bottom:20px; }
.hi-sayfa .etiket .nabiz { width:10px; height:10px; border-radius:40% 15% 15% 15%; background:var(--p); animation:none; box-shadow:none; }

/* ---------------------------------------------------------------- KAHRAMAN: metin + dört hücre */
.hi-sayfa .ic-hero.hi-hero { text-align:left; background:var(--bg-2); padding-block:clamp(36px,5.5vw,76px) clamp(40px,5.5vw,76px); border-bottom:1px solid var(--line); overflow:hidden; }
.hi-hero-izgara { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:clamp(28px,5vw,72px); align-items:center; }
.hi-hero h1 { font:800 clamp(34px,4.6vw,58px)/1.04 var(--fb); letter-spacing:-.04em; margin:0; max-width:15ch; text-wrap:balance; }
.hi-hero .ic-hero-alt { font-size:clamp(16.5px,1.3vw,18.5px); line-height:1.6; color:var(--muted); margin:18px 0 0; max-width:36em; }
.hi-hero .eylem { margin-top:28px; justify-content:flex-start; }
.hi-hero .ic-rozetler { justify-content:flex-start; margin-top:22px; }
.hi-sayfa .ic-rozetler svg { color:var(--iyi); }
.hi-hero-sade .hi-hero-izgara { grid-template-columns:minmax(0,1fr); }
.hi-hero-sade h1 { max-width:20ch; }

.hi-hucreler { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:12px; width:100%; max-width:440px; aspect-ratio:1/1; justify-self:end; }
.hi-h { --ha:var(--mavi-a); --hk:var(--mavi-k); --hg:var(--mavi-g);
  position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; gap:3px; padding:18px;
  border-radius:22px; background:var(--ha); color:var(--hk); border:1px solid color-mix(in srgb, var(--hk) 10%, transparent);
  opacity:0; transform:scale(.94); animation:hiHucre .7s var(--e-out) forwards; }
.hi-h[data-ayak="pembe"] { --ha:var(--pembe-a); --hk:var(--pembe-k); --hg:var(--pembe-g); }
.hi-h[data-ayak="mor"]   { --ha:var(--mor-a);   --hk:var(--mor-k);   --hg:var(--mor-g); }
.hi-h[data-ayak="amber"] { --ha:var(--amber-a); --hk:var(--amber-k); --hg:var(--amber-g); }
.hi-h2 { animation-delay:.07s; } .hi-h3 { animation-delay:.14s; } .hi-h4 { animation-delay:.21s; }
@keyframes hiHucre { to { opacity:1; transform:none; } }
/* logo biçimi: sol üst geniş kavis · sağ üst daire kavisi · sol alt konuşma kuyruğu · sağ alt geniş kavis */
.hi-h1 { border-radius:42% 22px 22px 22px; }
.hi-h2 { border-radius:22px 50% 22px 22px; }
.hi-h3 { border-radius:22px 22px 22px 6px; }
.hi-h4 { border-radius:22px 22px 42% 22px; }
.hi-h i { position:absolute; top:16px; left:16px; width:42px; height:42px; border-radius:34% 12% 12% 12%; display:grid; place-items:center; background:#fff; color:var(--hk); box-shadow:var(--g1); }
.hi-h1 i { left:auto; right:16px; }   /* sol üst kavisten uzak */
.hi-h i svg { width:20px; height:20px; }
.hi-h b { font:800 clamp(15px,1.4vw,18px)/1.15 var(--fb); letter-spacing:-.02em; }
.hi-h small { font-size:12.5px; line-height:1.35; opacity:.85; }
.hi-h::after { content:""; position:absolute; inset:0; background:radial-gradient(70% 70% at 15% 10%, rgba(255,255,255,.28), transparent 70%); opacity:0; pointer-events:none; }
/* sayfanın kendi ayağı: dolu renk, beyaz yazı (yasal ve marka sayfalarında ekip mavisi) */
body[data-ayak="pembe"] .hi-h[data-ayak="pembe"], body[data-ayak="mor"] .hi-h[data-ayak="mor"],
body[data-ayak="amber"] .hi-h[data-ayak="amber"], body[data-ayak="mavi"] .hi-h[data-ayak="mavi"],
body[data-ayak="marka"] .hi-h[data-ayak="mavi"] { background:var(--hg); color:#fff; border-color:transparent; box-shadow:0 24px 50px -24px var(--hk); }
body[data-ayak="pembe"] .hi-h[data-ayak="pembe"] i, body[data-ayak="mor"] .hi-h[data-ayak="mor"] i,
body[data-ayak="amber"] .hi-h[data-ayak="amber"] i, body[data-ayak="mavi"] .hi-h[data-ayak="mavi"] i,
body[data-ayak="marka"] .hi-h[data-ayak="mavi"] i { background:rgba(255,255,255,.22); color:#fff; box-shadow:none; }
body[data-ayak="pembe"] .hi-h[data-ayak="pembe"]::after, body[data-ayak="mor"] .hi-h[data-ayak="mor"]::after,
body[data-ayak="amber"] .hi-h[data-ayak="amber"]::after, body[data-ayak="mavi"] .hi-h[data-ayak="mavi"]::after,
body[data-ayak="marka"] .hi-h[data-ayak="mavi"]::after { opacity:1; }

/* ---------------------------------------------------------------- BÖLÜMLER */
.hi-sayfa .bolum { padding-block:clamp(48px,6vw,92px); }
.hi-sayfa .bolum-2 { background:var(--bg-2); border-block:1px solid var(--line); }
.hi-sayfa .bas { text-align:left; max-width:720px; margin:0 0 clamp(26px,3vw,40px); }
.hi-sayfa .bas .ust { display:inline-flex; align-items:center; gap:8px; color:var(--pk); font:700 12px/1 var(--fg); letter-spacing:.08em; margin-bottom:14px; }
.hi-sayfa .bas .ust::before { content:""; width:10px; height:10px; border-radius:40% 15% 15% 15%; background:var(--p); flex:0 0 auto; }
.hi-sayfa .bas h2 { font:800 clamp(28px,3.4vw,44px)/1.06 var(--fb); letter-spacing:-.035em; }
.hi-sayfa .bas p { font-size:17px; line-height:1.6; color:var(--muted); margin:12px 0 0; }
.hi-sayfa .mrk { color:var(--pk); }

/* ---------------------------------------------------------------- KART IZGARALARI
   kart_izgara() 'ozellik' sınıfının HİÇ kuralı yoktu (kartlar çerçevesiz, tek
   sütun listeye dönüyordu). Satır yarım kalmasın: 6 → 3+3, 4 → 2+2 ya da 4. */
.hi-sayfa .ozellik { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hi-sayfa .ozellik:has(> .kart:nth-child(4):last-child), .hi-sayfa .ozellik:has(> .kart:nth-child(2):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hi-sayfa .ikili, .hi-sayfa .dortlu { gap:16px; }
.hi-sayfa .kart { display:flex; flex-direction:column; gap:10px; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:var(--g1); min-width:0; }
.hi-sayfa .bolum-2 .kart { border-color:transparent; box-shadow:var(--g2); }
.hi-sayfa .kart-ik { width:42px; height:42px; border-radius:34% 12% 12% 12%; display:grid; place-items:center; background:var(--pa); color:var(--pk); flex:0 0 auto; }
.hi-sayfa .kart-ik svg { width:20px; height:20px; }
.hi-sayfa .kart h3 { font:700 17px/1.25 var(--fb); letter-spacing:-.015em; margin:6px 0 0; }
.hi-sayfa .kart p { margin:0; color:var(--muted); font-size:15px; line-height:1.6; }

/* ---------------------------------------------------------------- ÖZELLİK BLOKLARI (görsel + metin) */
.hi-sayfa .ozl-ust { color:var(--pk); font:700 12px/1 var(--fg); letter-spacing:.08em; }
.hi-sayfa .ozl h3 { font:800 clamp(24px,2.8vw,34px)/1.1 var(--fb); letter-spacing:-.03em; }
.hi-sayfa .liste svg { color:var(--iyi); }
.hi-sayfa .gor-cerceve { border-radius:22px; box-shadow:var(--g3); border-color:transparent; }
.hi-sayfa .bindirme { border-radius:14px; box-shadow:var(--g3); }
.hi-sayfa .b-bas { color:var(--pk); }

/* ---------------------------------------------------------------- SSS */
.hi-sayfa .sss { max-width:860px; margin:0; }
.hi-sayfa .sr { border-radius:14px; border:1px solid var(--line); background:#fff; transition:box-shadow .2s ease, border-color .2s ease; }
.hi-sayfa .sr[open] { border-color:transparent; box-shadow:var(--g2); }
.hi-sayfa .sr summary { font:700 16.5px/1.35 var(--fb); letter-spacing:-.01em; padding:18px 22px; }
.hi-sayfa .sr summary:hover { color:var(--ink); }
.hi-sayfa .sr-ic { font-size:15.5px; }

/* ---------------------------------------------------------------- KAPANIŞ (anasayfanın kapanış kartı) */
.hi-sayfa .cta { padding-block:clamp(40px,5vw,72px); background:var(--bg); }
.hi-sayfa .cta-kutu.hi-son { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:center; text-align:left;
  border-radius:28px; background:linear-gradient(140deg,#0B78B8,#12A4F0 60%,#46C3FF); color:#fff; padding:clamp(30px,5vw,72px); box-shadow:none; }
.hi-son h2 { font:800 clamp(30px,4.2vw,54px)/1.03 var(--fb); letter-spacing:-.04em; color:#fff; max-width:16ch; margin:0; }
.hi-son p { margin:14px 0 0; max-width:34em; font-size:17.5px; opacity:.94; }
.hi-son .eylem { margin-top:26px; justify-content:flex-start; }
.hi-son .cta-not { margin-top:18px; font-size:13.5px; opacity:.86; }
.hi-sayfa .cta .btn-1 { background:#fff; color:var(--ink); box-shadow:0 10px 24px -12px rgba(0,30,60,.6); }
.hi-sayfa .cta .btn-1:hover { background:#EEF8FF; color:var(--ink); }
.hi-sayfa .cta .btn-2 { background:transparent; border-color:rgba(255,255,255,.6); color:#fff; }
.hi-sayfa .cta .btn-2:hover { border-color:#fff; color:#fff; }
.hi-son-logo { width:clamp(150px,16vw,210px); height:auto; }
.hi-son-logo path:nth-child(1) { fill:rgba(255,255,255,.96); }
.hi-son-logo circle { fill:rgba(255,255,255,.62); }
.hi-son-logo path:nth-child(3) { fill:rgba(255,255,255,.78); }
.hi-son-logo path:nth-child(4) { fill:rgba(255,255,255,.88); }

/* ---------------------------------------------------------------- PAKETLER */
.hi-sayfa .pk-anahtar { border-radius:10px; background:#fff; border:1px solid var(--line); padding:3px; box-shadow:var(--g1); }
.hi-sayfa .pk-anahtar button { border-radius:8px; font-family:var(--fg); }
.hi-sayfa .pk-anahtar button[aria-pressed="true"] { background:var(--mavi-k); color:#fff; box-shadow:none; }
.hi-sayfa .pk-anahtar button[aria-pressed="true"] .pk-indirim { background:rgba(255,255,255,.18); color:#fff; }
.hi-sayfa .pk-indirim { border-radius:6px; }
.hi-sayfa .pk { border-radius:18px; border-color:var(--line); box-shadow:var(--g1); }
.hi-sayfa .bolum-2 .pk { border-color:transparent; box-shadow:var(--g2); }
.hi-sayfa .pk-one { border-color:transparent; box-shadow:0 0 0 2px var(--ink), var(--g3); }
.hi-sayfa .pk-etiket { background:var(--mavi-k); border-radius:6px; letter-spacing:.02em; }
.hi-sayfa .pk-liste svg { color:var(--iyi); }

/* ---------------------------------------------------------------- KARŞILAŞTIRMA / TAM TABLO */
.hi-sayfa .kar-tablo { border-radius:16px; border:1px solid var(--line); overflow:hidden; box-shadow:var(--g1); }
.hi-sayfa .kar-tablo thead th { font:700 12px/1.4 var(--fg); letter-spacing:.06em; background:var(--bg-2); }
.hi-sayfa .kar-tablo thead th.biz { color:var(--pk); background:var(--pa); }
.hi-sayfa .kar-tablo td.biz { background:color-mix(in srgb, var(--pa) 65%, transparent); }
.hi-sayfa .var { color:var(--iyi); }
.hi-sayfa .yok { color:var(--line-2); }
.hi-sayfa .kismi { color:var(--amber-k); }

/* ---------------------------------------------------------------- İLETİŞİM / ENTEGRASYON / SÜRÜM / BOŞ */
.hi-sayfa .ilt-kutu { border-radius:16px; box-shadow:var(--g1); }
.hi-sayfa .bolum-2 .ilt-kutu { border-color:transparent; box-shadow:var(--g2); }
.hi-sayfa .ilt-ik, .hi-sayfa .bos-ik { border-radius:34% 12% 12% 12%; background:var(--pa); color:var(--pk); }
.hi-sayfa .ilt-buyuk { color:var(--pk); font-family:var(--fb); }
.hi-sayfa .ent { border-radius:16px; }
.hi-sayfa .ent-ik { border-radius:34% 12% 12% 12%; }
.hi-sayfa .ent-hal { border-radius:6px; }
.hi-sayfa .surum-et { background:var(--pa); color:var(--pk); border-radius:6px; }
.hi-sayfa .surum h3 { font-family:var(--fb); }
.hi-sayfa .belge-uyari { border-radius:12px; }
.hi-sayfa .belge-ic { margin-inline:0; }   /* başlık sola hizalı: gövde de aynı çizgide */
.hi-sayfa .belge-ic a { color:var(--pk); }
.hi-sayfa .belge-ic h2 { font:800 22px/1.2 var(--fb); letter-spacing:-.02em; }
.hi-sayfa .sk, .hi-sayfa .gorus { border-radius:16px; }
.hi-sayfa .sk-et, .hi-sayfa .sk-vurgu { color:var(--pk); }

/* 404: anasayfaya dönüş, tek sayfa rengi */
.hi-sayfa .bolum h1 { font:800 clamp(32px,4.4vw,54px)/1.05 var(--fb); letter-spacing:-.04em; }

/* ---------------------------------------------------------------- TELEFON
   Kart ızgaraları telefonda da İKİŞER yan yana (Hakan kuralı: üst üste kart yok);
   tek kalan kart iki sütuna yayılır. Kahraman hücreleri kısa 2x2 şerit. */
@media (max-width:900px) {
  .hi-hero-izgara { grid-template-columns:minmax(0,1fr); }
  .hi-hucreler { max-width:none; aspect-ratio:auto; grid-template-rows:none; justify-self:stretch; gap:8px; }
  .hi-h { min-height:70px; flex-direction:row; align-items:center; justify-content:flex-start; gap:10px; padding:12px; }
  .hi-h i, .hi-h1 i { position:static; width:34px; height:34px; flex:0 0 auto; }
  .hi-h i svg { width:17px; height:17px; }
  .hi-h small { display:none; }
  .hi-h b { font-size:14.5px; }
  .hi-h1 { border-radius:30px 14px 14px 14px; } .hi-h2 { border-radius:14px 30px 14px 14px; }
  .hi-h3 { border-radius:14px 14px 14px 5px; } .hi-h4 { border-radius:14px 14px 30px 14px; }
  .hi-sayfa .ozellik, .hi-sayfa .ozellik:has(> .kart:nth-child(4):last-child), .hi-sayfa .dortlu, .hi-sayfa .ikili { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hi-sayfa .ozellik > .kart:last-child:nth-child(odd), .hi-sayfa .dortlu > .kart:last-child:nth-child(odd), .hi-sayfa .ikili > .kart:last-child:nth-child(odd) { grid-column:1 / -1; }
  .hi-sayfa .cta-kutu.hi-son { grid-template-columns:minmax(0,1fr); gap:20px; }
  .hi-son-logo { width:96px; order:-1; }
}
@media (max-width:560px) {
  .hi-sayfa .ozellik, .hi-sayfa .dortlu, .hi-sayfa .ikili { gap:8px; }
  .hi-sayfa .kart { padding:14px; border-radius:14px; gap:6px; }
  .hi-sayfa .kart-ik { width:34px; height:34px; }
  .hi-sayfa .kart-ik svg { width:17px; height:17px; }
  .hi-sayfa .kart h3 { font-size:15px; margin-top:2px; }
  .hi-sayfa .kart p { font-size:13.5px; line-height:1.5; }
  .hi-hero .eylem { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .hi-hero .eylem .btn { width:100%; padding:0 10px; font-size:14.5px; }
  .hi-hero .eylem .btn:only-child { grid-column:1 / -1; }
  .hi-son .eylem { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .hi-son .eylem .btn { width:100%; height:auto; min-height:50px; padding:8px 10px; font-size:13.5px; line-height:1.25; white-space:normal; text-align:center; }
}
/* ₺1.490 sabit genişlikli rakamla "₺1 . 490" gibi aralıklı görünüyordu (anasayfada da düzeltildi) */
.hi-sayfa .pk-tutar { font-variant-numeric:normal; }

@media (max-width:640px) {
  /* Tablo → kart: yana kayan tablo yok. Özellik adı üstte, değerler sütun adıyla yan yana. */
  .hi-sayfa .kar-tablo-kap { overflow:visible; }
  .hi-sayfa .kar-tablo { min-width:0; border:0; box-shadow:none; background:transparent; border-radius:0; }
  .hi-sayfa .kar-tablo thead { display:none; }
  .hi-sayfa .kar-tablo tbody { display:grid; gap:8px; }
  .hi-sayfa .kar-tablo tr { display:flex; flex-wrap:wrap; gap:6px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:12px; }
  .hi-sayfa .kar-tablo td { flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:auto; padding:8px 4px; border:0; text-align:center; border-radius:10px; background:var(--bg-2); font-size:13px; }
  .hi-sayfa .kar-tablo td:first-child { flex:1 1 100%; align-items:flex-start; text-align:left; background:transparent; padding:0 2px 4px; }
  .hi-sayfa .kar-tablo td[data-e]::before { content:attr(data-e); font:700 11px/1.2 var(--fg); color:var(--muted); letter-spacing:.02em; }
  .hi-sayfa .kar-tablo td.biz { background:var(--pa); }
  .hi-sayfa .kar-tablo td.biz::before { color:var(--pk); }
  /* İletişim ve entegrasyon kartları ikişer yan yana */
  .hi-sayfa .iletisim-izgara, .hi-sayfa .ent-izgara { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .hi-sayfa .ilt-kutu, .hi-sayfa .ent { padding:14px; gap:8px; border-radius:14px; }
  .hi-sayfa .ilt-kutu h3 { font-size:15px; }
  .hi-sayfa .ilt-kutu p { font-size:13px; line-height:1.5; }
  .hi-sayfa .ilt-buyuk { font-size:13.5px; overflow-wrap:anywhere; }
  .hi-sayfa .ilt-kutu .btn { align-self:stretch; width:100%; padding:10px 8px; font-size:13px; white-space:normal; text-align:center; }
  .hi-sayfa .iletisim-izgara > :last-child:nth-child(odd), .hi-sayfa .ent-izgara > :last-child:nth-child(odd) { grid-column:1 / -1; }
}
@media (max-width:400px) {
  .hi-hero .eylem .btn { font-size:13.5px; padding:0 8px; gap:6px; }
  .hi-sayfa .ilt-buyuk { font-size:12.5px; }
}
@media (prefers-reduced-motion:reduce) { .hi-h { animation:none; opacity:1; transform:none; } }