/* Kurumsal grup: Hakkımızda, Misyon/Vizyon, İK, Temsilcilik, Yardım Talep, Gizlilik, SSS, İletişim
   Ölçüler: docs/olculer/kurumsal-*.txt (1440 tasarım) */

/* ---------- Ortak kurumsal düzen ---------- */
.kurumsal { padding: 14px 0 140px; }
.kurumsal__bant { display: grid; place-items: center; height: 90px; background: var(--gri-zemin); border-radius: 12px; }
.kurumsal__bant h1 { font-size: 24px; line-height: 29px; font-weight: 800; color: var(--lacivert); }
.kurumsal__govde { display: grid; grid-template-columns: 243px minmax(0, 936px); column-gap: 20px; align-items: start; margin-top: 20px; }
.kurumsal__govde > * { min-width: 0; }
.kurumsal__yan { display: grid; gap: 4px; padding: 8px; min-height: 352px; align-content: start; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 12px; }
.kurumsal__yan a { display: block; height: 38px; padding: 11px 0 0 12px; border-radius: 12px; font-size: 14px; line-height: 17px; font-weight: 600; white-space: nowrap; }
.kurumsal__yan a:hover { color: var(--mavi); }
.kurumsal__yan a[aria-current="page"] { background: var(--gri-zemin-2); color: var(--mavi); font-weight: 700; }
.kurumsal__kart { min-height: 352px; padding: 36px 34px 36px 36px; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 12px; }
.kurumsal__metin { font-size: 14px; line-height: 17px; white-space: pre-wrap; overflow-wrap: break-word; }
.kurumsal__metin--kucuk { font-size: 12px; line-height: 15px; }
.kurumsal__metin a { color: var(--mavi); text-decoration: underline; }

/* ---------- Sayfaya özel yükseklikler (1440 tasarım) ---------- */
.kurumsal--misyon .kurumsal__kart { min-height: 417px; }
.kurumsal--gizlilik .kurumsal__kart { min-height: 1020px; padding-left: 35px; padding-right: 28px; }
.kurumsal--gizlilik { padding-bottom: 146px; }

/* ---------- SSS (açılır-kapanır) ---------- */
.sss { display: grid; gap: 8px; width: 760px; max-width: 100%; }
.sss__kategori { border-radius: 12px; }
.sss__kategori:has(> h3 [aria-expanded="true"]) { background: #fff; box-shadow: inset 0 0 0 1px var(--gri-cizgi-2); padding-bottom: 13px; }
.sss__baslik { position: relative; display: block; width: 100%; height: 40px; padding: 0 16px 0 44px; text-align: left; background: var(--gri-zemin-2); border-radius: 12px; font-size: 14px; line-height: 17px; font-weight: 700; }
.sss__ok { position: absolute; left: 17.5px; top: 16px; width: 12px; height: 8px; background: url("../img/ikon/kurumsal-ok-kategori.svg") no-repeat center / 12px 8px; }
.sss__baslik[aria-expanded="true"] .sss__ok { top: 18.5px; height: 3px; background-image: url("../img/ikon/kurumsal-eksi-kategori.svg"); background-size: 12px 3px; }
.sss__baslik:hover { color: var(--mavi); }
.sss__sorular { padding-top: 14px; }
.sss__soru { position: relative; }
.sss__soru + .sss__soru::before { content: ""; position: absolute; left: 46px; top: -1px; width: 640px; max-width: calc(100% - 60px); height: 1px; background: var(--gri-cizgi-2); }
.sss__soru + .sss__soru { margin-top: 1px; }
.sss__soru h4 button { position: relative; display: block; width: 100%; height: 37px; padding: 0 16px 0 46px; text-align: left; font-size: 12px; line-height: 15px; font-weight: 700; }
.sss__soru h4 button:hover { color: var(--mavi); }
.sss__soru h4 i { position: absolute; left: 14px; top: 8.5px; width: 20px; height: 20px; border-radius: 50%; background: #fff url("../img/ikon/kurumsal-ok-soru.svg") no-repeat center / 9px 6px; box-shadow: inset 0 0 0 1px var(--gri-cizgi-2); }
.sss__soru h4 [aria-expanded="true"] i { background-color: var(--gri-zemin-2); background-image: url("../img/ikon/kurumsal-eksi-soru.svg"); background-size: 9px 2px; }
.sss__cevap { margin-top: -3px; padding: 0 16px 10px 46px; }
.sss__cevap p { max-width: 520px; font-size: 11px; line-height: 14px; }
.sss__cevap a { color: var(--mavi); text-decoration: underline; }
.sss__bos { padding: 0 16px 0 46px; }
.sss__bos p { max-width: 560px; font-size: 12px; line-height: 16px; }
.kurumsal--sss .kurumsal__govde { grid-template-columns: 244px minmax(0, 936px); }

/* ---------- İletişim ---------- */
.kurumsal--iletisim .kurumsal__govde { grid-template-columns: 244px minmax(0, 936px); }
.iletisim { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.iletisim__kart { min-height: 496px; padding: 30px 20px 20px 20px; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 12px; }
.iletisim__oge h3 { position: relative; padding-left: 23px; font-size: 14px; line-height: 17px; font-weight: 700; }
.iletisim__oge h3 img { position: absolute; left: 0; top: 2px; }
.iletisim__oge address, .iletisim__oge p { margin-top: 8px; padding-left: 23px; font-style: normal; font-size: 12px; line-height: 15px; }
.iletisim__oge a:hover { color: var(--mavi); text-decoration: underline; }
.iletisim__satir { display: flex; margin-top: 21px; }
.iletisim__satir .iletisim__oge:first-child { width: 168px; }
.iletisim__oge--wp h3 { padding-left: 23px; }
.iletisim__oge--wp h3 img { left: 0; top: 1px; }
.iletisim__oge--posta { margin-top: 18px; }
.iletisim__oge--posta h3 img { top: 4px; }
.iletisim__oge--posta p { margin-top: 8px; }
.iletisim__harita { position: relative; display: block; height: 250px; margin-top: 18px; background: var(--gri-ikon); border: 2px solid var(--gri-zemin-2); border-radius: 12px; overflow: hidden; }
.iletisim__harita img { position: absolute; left: calc(50% - 60.5px); top: 52px; }
.iletisim__harita span { position: absolute; left: 0; right: 0; top: 166px; text-align: center; color: #fff; font-size: 37px; line-height: 45px; font-weight: 700; }
.iletisim__harita:hover { filter: brightness(1.04); }
.iletisim__form { padding-bottom: 12px; }
.iletisim__form h2 { font-size: 14px; line-height: 17px; font-weight: 700; }
.iletisim__form > p { margin-top: 8px; font-size: 12px; line-height: 15px; }
.iletisim__form form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 6px; margin-top: 28px; }
.alan { display: block; width: 100%; height: 40px; padding: 0 20px; background: #fff; border: 1px solid var(--gri-cizgi-2); border-radius: 24px; box-shadow: inset -3px -3px 5px rgba(55, 68, 86, .05); font-size: 12px; font-weight: 600; outline: 0; }
.alan::placeholder { color: var(--gri-ikon); opacity: 1; }
.alan:focus-visible { border-color: var(--mavi); box-shadow: 0 0 0 2px rgba(5, 89, 208, .2); }
.alan--tam { grid-column: 1 / -1; }
.alan--mesaj { height: 172px; padding-top: 12px; resize: vertical; }
.iletisim__gonder { grid-column: 1 / -1; height: 40px; margin-top: 2px; border: 1px solid var(--gri-cizgi-2); border-radius: 24px; background: var(--mavi); color: #fff; font-size: 12px; line-height: 15px; font-weight: 700; }
.iletisim__gonder:hover { filter: brightness(1.08); }
.iletisim .form-not { grid-column: 1 / -1; color: #118a3e; font-weight: 600; }

/* ---------- Temsilcilik Başvurusu ---------- */
.kurumsal--temsilcilik .kurumsal__kart { padding: 36px 66px 28px 36px; }
.buyuk-ac { position: relative; display: block; width: 300px; height: 42px; margin: 0 auto; padding-right: 34px; background: var(--gri-zemin); border: 1px solid var(--gri-cizgi); border-radius: 23px; font-size: 14px; line-height: 17px; font-weight: 700; text-align: center; }
.buyuk-ac i { position: absolute; left: 254.5px; top: 15px; width: 17px; height: 10px; background: url("../img/ikon/kurumsal-ok-buyuk.svg") no-repeat center / 17px 10px; }
.buyuk-ac[aria-expanded="true"] { background: var(--mavi); color: #fff; }
.buyuk-ac[aria-expanded="true"] i { top: 18.5px; height: 3px; background-image: url("../img/ikon/kurumsal-eksi-buyuk.svg"); background-size: 17px 3px; }
.buyuk-ac:hover { filter: brightness(1.04); }
.temsilcilik__bolum { display: flow-root; }
.temsilcilik__bolum--sartlar { margin-top: 44px; }
.temsilcilik { position: relative; }
.temsilcilik__bolum, .temsilcilik__cizgi { margin-right: -30px; }
.temsilcilik__sartlar { width: 680px; max-width: 100%; margin: 18px auto 26px; padding: 28px 63px 30px 67px; background: var(--gri-zemin); border: 1px solid var(--gri-cizgi); border-radius: 12px; min-height: 758px; }
.temsilcilik__cizgi { height: 2px; margin-top: 23px; margin-left: 1px; border: 0; background: var(--gri-cizgi); }
.temsilcilik__bolum--form { margin-top: 23px; }
.temsilcilik__form { position: relative; left: 18px; width: 680px; max-width: 100%; margin: 18px auto 0; padding: 30px 23px 34px; background: var(--gri-zemin); border: 1px solid var(--gri-cizgi); border-radius: 12px; }
.form-bolum { position: relative; height: 34px; padding-left: 27px; margin: 0 -5px 0; border-bottom: 2px solid var(--gri-cizgi-2); font-size: 16px; line-height: 20px; font-weight: 800; color: var(--mavi); }
.form-bolum::before { content: ""; position: absolute; left: 0; top: 0; width: 21px; height: 21px; border-radius: 50%; background: #fcb813; }
.form-bolum { padding-left: 32px; margin-left: -5px; }
.form-bolum::before { left: 5px; }
.form-bolum--ikinci { margin-top: 50px; }
.form-izgara { display: grid; gap: 16px 14px; margin-top: 22px; }
.form-izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-izgara--2 > :nth-child(-n+2) { margin-bottom: 8px; }
.form-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 17px; margin-top: 16px; }
.form-bolum + .form-izgara--3 { margin-top: 22px; }
.form-alan { min-width: 0; border: 0; padding: 0; margin: 0; }
.form-alan > label, .form-etiket { display: block; white-space: nowrap; padding: 0 0 4px 19px; font-size: 12px; line-height: 15px; font-weight: 600; }
.form-alan .alan { padding: 0 19px; font-weight: 500; color: var(--yazi); }
.alan--secim { appearance: none; -webkit-appearance: none; padding-right: 36px; background: #fff url("../img/ikon/kurumsal-secim-ok.svg") no-repeat right 14px center / 14px 8px; cursor: pointer; }
.alan--bos { color: var(--gri-ikon) !important; font-weight: 400 !important; }
.form-soru { border: 0; padding: 0; margin: 16px 0 0; }
.form-satir { display: flex; gap: 31px; }
.form-satir > .form-soru { width: 186px; flex: none; }
.form-alan--kisi { margin-top: 16px; }
.form-alan--kisi .alan { width: 139px; text-align: center; padding: 0 12px; }
.form-alan--kisi .alan::placeholder { color: var(--gri-cizgi-2); }
.secenekler { display: flex; flex-wrap: wrap; gap: 14px; }
.form-cinsiyet .secenekler { gap: 13px; }
.secenek { position: relative; display: flex; align-items: center; width: 86px; height: 40px; padding-left: 36px; background: #fff; border: 1px solid var(--gri-cizgi-2); border-radius: 24px; box-shadow: inset -3px -3px 5px rgba(55, 68, 86, .05); font-size: 12px; line-height: 15px; font-weight: 500; cursor: pointer; }
.form-cinsiyet .secenek { width: 103px; }
.secenek--genis { width: 178px; }
.secenek input, .onay input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.secenek i, .onay i { position: absolute; left: 10px; top: 11px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid var(--gri-cizgi); }
.secenek input:checked + i, .onay input:checked + i { border: 5px solid var(--mavi); }
.secenek input:focus-visible + i, .onay input:focus-visible + i { outline: 2px solid var(--mavi); outline-offset: 2px; }
.form-alan--uzun { margin-top: 16px; }
.alan--uzun { height: 80px; padding-top: 12px !important; resize: vertical; }
.onaylar { display: grid; gap: 17px; margin-top: 38px; margin-right: -23px; }
.onay { position: relative; display: block; padding-left: 35px; font-size: 12px; line-height: 15px; font-weight: 500; color: var(--lacivert); cursor: pointer; }
.onay i { left: 11px; top: -1px; }
.temsilcilik__gonder { display: block; width: 220px; height: 48px; margin: 34px auto 0; border-radius: 24px; background: #0fbad6; color: #fff; font-size: 18px; line-height: 21px; font-weight: 700; }
.temsilcilik__gonder:hover { filter: brightness(1.06); }
.temsilcilik__form .form-not { margin-top: 12px; text-align: center; color: #118a3e; font-weight: 600; }

@media (max-width: 1239px) {
  .kurumsal { padding-bottom: 64px; }
  .kurumsal--temsilcilik .kurumsal__kart { padding: 28px; }
  .temsilcilik__bolum, .temsilcilik__cizgi { margin-right: 0; }
  .temsilcilik__form { left: 0; }
  .temsilcilik__sartlar { min-height: 0; padding: 24px; width: auto; }
  .temsilcilik__form { width: auto; }
  .kurumsal--iletisim .kurumsal__govde { grid-template-columns: 220px minmax(0, 1fr); }
  .iletisim { grid-template-columns: 1fr; }
  .iletisim__kart { min-height: 0; }
  .kurumsal--sss .kurumsal__govde { grid-template-columns: 220px minmax(0, 1fr); }
  .sss { width: auto; }
  .kurumsal__govde { grid-template-columns: 220px minmax(0, 1fr); }
  .kurumsal__kart, .kurumsal--misyon .kurumsal__kart, .kurumsal--gizlilik .kurumsal__kart { min-height: 0; padding: 28px; }
}
@media (max-width: 1023px) {
  .kurumsal__govde, .kurumsal--sss .kurumsal__govde, .kurumsal--iletisim .kurumsal__govde { grid-template-columns: 1fr; row-gap: 16px; }
  /* yan menü: yatay kaydırılan sekme şeridi */
  .kurumsal__yan { position: relative; display: flex; gap: 4px; min-height: 0; padding: 6px; overflow-x: auto; scrollbar-width: thin; }
  .kurumsal__yan a { flex: none; height: 36px; padding: 9px 12px 0; }
}
@media (max-width: 767px) {
  .kurumsal__bant { height: 72px; }
  .kurumsal__bant h1 { font-size: 22px; }
  .kurumsal__kart, .kurumsal--misyon .kurumsal__kart, .kurumsal--gizlilik .kurumsal__kart { padding: 20px 16px; }
  .kurumsal__metin { font-size: 14px; line-height: 20px; }
  .kurumsal__metin--kucuk { font-size: 13px; line-height: 19px; }
  /* SSS: cevap ve yönlendirme yazısı telefonda okunur boyutta */
  .sss__cevap p, .sss__bos p { font-size: 13px; line-height: 19px; }
  .sss__soru h4 button { height: auto; min-height: 44px; padding: 13px 12px 12px 46px; }
  .sss__soru h4 i { top: 12px; }
  .sss__cevap { margin-top: 0; padding-right: 12px; }
  .sss__baslik { height: 44px; }
  .sss__ok { top: 18px; }
  .sss__baslik[aria-expanded="true"] .sss__ok { top: 20.5px; }
  /* yatay kurumsal menü: sağda kaydırılabildiğini gösteren solma */
  .kurumsal__yan { -webkit-mask-image: linear-gradient(to right, #000 88%, transparent); mask-image: linear-gradient(to right, #000 88%, transparent); }
  .form-izgara--2, .form-izgara--3 { grid-template-columns: 1fr; }
  .form-izgara--2 > :nth-child(-n+2) { margin-bottom: 0; }
  .form-satir { flex-wrap: wrap; gap: 0 31px; }
  .temsilcilik__form { padding: 20px 14px 24px; }
  .temsilcilik__sartlar { padding: 18px 14px; }
  .onaylar { margin-right: 0; }
  .onay br, .temsilcilik__giris br { display: none; }
  .buyuk-ac { width: 100%; }
  .buyuk-ac i { left: auto; right: 24px; }
  .form-etiket, .form-alan > label { white-space: normal; }
}

@media (max-width: 480px) {
  .iletisim__form form { grid-template-columns: 1fr; }
  .alan { height: 44px; font-size: 14px; }
  .alan--mesaj { height: 160px; }
  .iletisim__gonder { height: 46px; font-size: 14px; }
  .iletisim__satir { flex-wrap: wrap; gap: 16px 0; }
}