/*
 * FMT Boiler — yeni tasarım bileşenleri (XD: "FMT BOILER WEB SİTE 210926").
 *
 * Yalnız `fmt-` önekli sınıflar: sitenin eski stiline sızmaz, eski stil de
 * buna sızmaz (eski `ul, li { font-size:17px; line-height:28px }` gibi genel
 * kurallar burada bilerek eziliyor).
 *
 * Font: XD'de Lufga (Adam Ladd, ücretli — canlıdan önce web lisansı gerekli).
 * Kesimler XD'nin kullandıkları: Light 300, Regular 400, Medium 500, SemiBold 600,
 * Bold 700, ExtraBold 800, Italic (28.09.2026'da 300/500/600/800 eklendi; öncesinde
 * tarayıcı 300/500 → Regular, 600/800 → Bold'a düşüyordu). Kaynak TTF'ler:
 * "FMT BOILER WEB SİTE KULLANILAN DÖKÜMANLAR/FONT" (woff2'ye fontTools ile, alt
 * küme yok). Yedek: Outfit / sistem yazısı.
 */

@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/lufga-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/lufga-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/lufga-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/lufga-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/lufga-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/lufga-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lufga";
  src: url("../fonts/lufga/lufga-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --fmt-font: "Lufga", "Outfit", "Encode Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fmt-bordo: #721518;
  --fmt-bordo-koyu: #561014;
  --fmt-metin: #1d1d1f;
  --fmt-soluk: #5a5a5f;
  --fmt-cizgi: #d9d9d9;
  --fmt-zemin-footer: #efefef;
  --fmt-form-zemin: #212428;
  --fmt-form-alan: #5f6266;
  --fmt-form-yer: #aeb0b3;
  --fmt-radius: 10px;
  /* Genel ölçek (27.09.2026): masaüstünde XD'nin 1920 çerçevesi bu oranda
     gösterilir — tarayıcı %100'deyken XD 1:1 "%140 yakınlaştırılmış" gibi
     duruyordu. --u'nun üst sınırı ve sabit px ölçüler (şerit, sayfa yolu,
     formlar, KVKK) bununla çarpılır: tek sayı değişir. 992px altı 1 (mobil
     kuralları px ile ayrı yazılı). Önce .72 denendi, "çok küçük" → %20 büyütüldü.
     WhatsApp düğmesi kendi ölçeğiyle: genelin %20 fazlası. */
  --fmt-olcek: 1;
  --fmt-olcek-wa: 1;
}

@media (min-width: 992px) {
  :root {
    --fmt-olcek: .864;
    --fmt-olcek-wa: calc(var(--fmt-olcek) * 1.2);
  }
}

/* ================================================================ *
 * İletişim sayfası
 * ================================================================ */

/* Yeni tasarımdaki iç sayfaların ortak zemini (mermer doku). */
.fmt-sayfa,
.fmt-iletisim {
  font-family: var(--fmt-font);
  color: var(--fmt-metin);
  background: #fff url("../../images/diger/mermer-zemin.webp") center top / 100% auto repeat-y;   /* XD: mermer doku %35 */
  padding-bottom: calc(72px * var(--fmt-olcek));
}

.fmt-sayfa *,
.fmt-iletisim *,
.fmt-footer * {
  box-sizing: border-box;
}

/* Sayfa yolu şeridi (.fmt-yol): header bölümünde, şeritle birlikte sabit. */

.fmt-sayfa-baslik {
  font-family: var(--fmt-font);
  font-size: calc(34px * var(--fmt-olcek));
  font-weight: 600;
  line-height: 1.2;
  color: var(--fmt-metin);
  text-align: center;
  margin: 0;
  padding: calc(52px * var(--fmt-olcek)) 0 calc(44px * var(--fmt-olcek));
}

.fmt-sayfa-baslik::after {
  content: "";
  display: block;
  width: calc(72px * var(--fmt-olcek));
  height: calc(4px * var(--fmt-olcek));
  margin: calc(10px * var(--fmt-olcek)) auto 0;
  border-radius: 2px;
  background: var(--fmt-bordo);
}

.fmt-iletisim__icerik {
  max-width: calc(1040px * var(--fmt-olcek));
  margin: 0 auto;
}

.fmt-iletisim__ust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(40px * var(--fmt-olcek)) calc(100px * var(--fmt-olcek));
}

.fmt-harita,
.fmt-bilgi-kart {
  min-height: calc(440px * var(--fmt-olcek));
  border: 1px solid var(--fmt-cizgi);
  border-radius: var(--fmt-radius);
  background: #fff;
}

.fmt-harita {
  position: relative;
  overflow: hidden;
}

.fmt-harita iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.fmt-harita__bos {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: calc(440px * var(--fmt-olcek));
  color: var(--fmt-soluk);
}

.fmt-bilgi-kart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(44px * var(--fmt-olcek)) calc(24px * var(--fmt-olcek));
  text-align: center;
}

.fmt-bilgi-kart__baslik {
  display: inline-block;
  font-family: var(--fmt-font);
  font-size: calc(30px * var(--fmt-olcek));
  font-weight: 600;
  line-height: 1.2;
  color: var(--fmt-metin);
  margin: 0;
  padding-bottom: calc(3px * var(--fmt-olcek));
  border-bottom: 2px solid var(--fmt-bordo);
}

.fmt-bilgi-kart__alt {
  font-family: var(--fmt-font);
  font-size: max(11px, calc(12px * var(--fmt-olcek)));
  line-height: 1.4;
  color: var(--fmt-soluk);
  margin: calc(8px * var(--fmt-olcek)) 0 calc(40px * var(--fmt-olcek));
}

.fmt-bilgi-kart ul {
  display: grid;
  gap: calc(18px * var(--fmt-olcek));
  margin: 0;
  padding: 0;
  list-style: none;
}

.fmt-bilgi-kart li {
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  line-height: 1.35;
}

.fmt-bilgi-kart .fmt-ikon {
  display: block;
  margin: 0 auto calc(6px * var(--fmt-olcek));
  font-size: calc(20px * var(--fmt-olcek));
  color: var(--fmt-metin);
}

.fmt-bilgi-kart a {
  color: var(--fmt-metin);
}

.fmt-bilgi-kart a:hover {
  color: var(--fmt-bordo);
}

.fmt-bilgi-kart__unvan {
  display: block;
  font-size: calc(17px * var(--fmt-olcek));
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: calc(4px * var(--fmt-olcek));
}

.fmt-ayrac {
  max-width: calc(1400px * var(--fmt-olcek));
  height: 0;
  margin: calc(44px * var(--fmt-olcek)) auto calc(40px * var(--fmt-olcek));
  border: 0;
  border-top: 1px solid #c8c8c8;
}

/* ---- "Bize Ulaşın" formu ---- */

.fmt-form-kart {
  max-width: calc(1040px * var(--fmt-olcek));
  margin: 0 auto;
  padding: calc(30px * var(--fmt-olcek)) calc(26px * var(--fmt-olcek)) calc(26px * var(--fmt-olcek));
  border-radius: calc(18px * var(--fmt-olcek));
  background: var(--fmt-form-zemin);
  color: #fff;
  font-family: var(--fmt-font);
}

.fmt-form-kart__baslik {
  font-family: var(--fmt-font);
  font-size: calc(26px * var(--fmt-olcek));
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  margin: 0 0 calc(20px * var(--fmt-olcek));
}

.fmt-form-izgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(12px * var(--fmt-olcek)) calc(36px * var(--fmt-olcek));
}

.fmt-form-alan--genis {
  grid-column: 1 / -1;
}

.fmt-form-alan label {
  display: block;
  font-family: var(--fmt-font);
  font-size: calc(17px * var(--fmt-olcek));
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 calc(3px * var(--fmt-olcek));
}

.fmt-form-kart input[type="text"],
.fmt-form-kart input[type="email"],
.fmt-form-kart input[type="tel"],
.fmt-form-kart textarea {
  display: block;
  width: 100%;
  height: calc(32px * var(--fmt-olcek));
  padding: 0 calc(10px * var(--fmt-olcek));
  border: 1px solid transparent;
  border-radius: calc(3px * var(--fmt-olcek));
  background: var(--fmt-form-alan);
  color: #fff;
  font-family: var(--fmt-font);
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  line-height: calc(32px * var(--fmt-olcek));
  transition: border-color .2s ease, background-color .2s ease;
}

.fmt-form-kart textarea {
  height: calc(226px * var(--fmt-olcek));
  padding: calc(8px * var(--fmt-olcek)) calc(10px * var(--fmt-olcek));
  line-height: 1.45;
  resize: vertical;
}

.fmt-form-kart input::placeholder,
.fmt-form-kart textarea::placeholder {
  color: var(--fmt-form-yer);
  opacity: 1;
}

.fmt-form-kart input:focus,
.fmt-form-kart textarea:focus {
  outline: none;
  border-color: #c9ccd0;
  background: #686b70;
}

.fmt-form-onay {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--fmt-olcek));
  margin: calc(18px * var(--fmt-olcek)) 0 0;
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  font-weight: 600;
}

.fmt-form-onay input {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  width: calc(22px * var(--fmt-olcek));
  height: calc(22px * var(--fmt-olcek));
  margin: 0;
  border-radius: calc(3px * var(--fmt-olcek));
  background: var(--fmt-form-alan);
  cursor: pointer;
  display: grid;
  place-content: center;
}

.fmt-form-onay input::after {
  content: "";
  width: calc(11px * var(--fmt-olcek));
  height: calc(6px * var(--fmt-olcek));
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) translate(1px, -1px);
  opacity: 0;
}

.fmt-form-onay input:checked {
  background: var(--fmt-bordo);
}

.fmt-form-onay input:checked::after {
  opacity: 1;
}

.fmt-form-onay input:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.fmt-form-onay label {
  margin: 0;
  color: #fff;
  cursor: pointer;
}

.fmt-form-onay a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fmt-form-alt {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: calc(20px * var(--fmt-olcek));
  margin-top: calc(14px * var(--fmt-olcek));
}

.fmt-form-not {
  max-width: calc(440px * var(--fmt-olcek));
  font-size: max(11px, calc(11.5px * var(--fmt-olcek)));
  line-height: 1.45;
  color: #a4a7ab;
  margin: 0;
}

.fmt-form-not a {
  color: #c9ccd0;
  text-decoration: underline;
}

.fmt-dugme {
  display: inline-flex;
  align-items: center;
  gap: calc(12px * var(--fmt-olcek));
  padding: calc(11px * var(--fmt-olcek)) calc(26px * var(--fmt-olcek));
  border: 0;
  border-radius: calc(4px * var(--fmt-olcek));
  background: var(--fmt-form-alan);
  color: #fff;
  font-family: var(--fmt-font);
  font-size: calc(22px * var(--fmt-olcek));
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  cursor: pointer;
  transition: background-color .2s ease;
}

.fmt-dugme:hover,
.fmt-dugme:focus-visible {
  background: var(--fmt-bordo);
}

.fmt-dugme[disabled] {
  opacity: .6;
  cursor: progress;
}

.fmt-dugme .fmt-ikon {
  font-size: calc(24px * var(--fmt-olcek));
}

/* Gönder düğmelerindeki ok (30×28 öznitelikli; teklif, teknik servis) ölçekle küçülsün.
   Sınıflı SVG'ler (sihirbaz okları) ve İletişim'in u kuralı kendi ölçüsünde kalır. */
.fmt-dugme > svg:not([class]) {
  flex: none;
  width: calc(30px * var(--fmt-olcek));
  height: auto;
}

/* reCAPTCHA v3 rozeti: iletişim sayfasında gizli — yerine formun altında
   Google'ın istediği bilgilendirme metni var (.fmt-form-not). Rozet sağ altta
   footer'daki Benom logosunun üstüne biniyordu. :has() desteklemeyen eski
   tarayıcıda rozet görünür kalır; zararı yok. */
body:has(.fmt-form-not) .grecaptcha-badge {
  visibility: hidden;
}

@media (max-width: 991px) {
  .fmt-iletisim__ust {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .fmt-harita,
  .fmt-harita__bos {
    min-height: 320px;
  }

  .fmt-bilgi-kart {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .fmt-sayfa-baslik {
    font-size: 28px;
    padding: 36px 0 30px;
  }

  .fmt-form-izgara {
    grid-template-columns: 1fr;
  }

  .fmt-form-alt {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .fmt-dugme {
    justify-content: center;
  }
}

/* ================================================================ *
 * Kurumsal › Hakkımızda (kurumsal.php) — XD "KURUMSAL > HAKKIMIZDA"
 * 1920'de: başlık Lufga SemiBold 40 (taban 211), altında 108×6 bordo
 * çizgi (y 226); video kartı 1502×689 köşe 40 (y 274); metin 1672 geniş,
 * Regular 20/26, ortalı (y 1050); ayraç 520×6 (y 1236) — üstüne gelince
 * 7px aşağı iner (XD auto-animate 0.3s ease-out). Footer y 1271.
 * ================================================================ */

.fmt-kurumsal {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  container-type: inline-size;
  padding-bottom: calc(28.85 * var(--u));
}

.fmt-kurumsal > .auto-container {
  max-width: none;
  padding: 0;
}

.fmt-kurumsal .fmt-sayfa-baslik {
  padding: calc(49 * var(--u)) 0 0;
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #212529;
}

.fmt-kurumsal .fmt-sayfa-baslik::after {
  width: calc(108 * var(--u));
  height: max(3px, calc(6 * var(--u)));
  margin: calc(18 * var(--u)) auto 0;
  border-radius: calc(6 * var(--u));
  background: #721518;
}

.fmt-kurumsal__bolum:first-of-type {
  margin-top: calc(42 * var(--u));
}

.fmt-kurumsal__bolum + .fmt-kurumsal__bolum {
  margin-top: calc(56 * var(--u));
}

.fmt-bolum-baslik {
  font-family: var(--fmt-font);
  font-size: calc(32 * var(--u));
  font-weight: 600;
  line-height: 1.25;
  color: #212529;
  text-align: center;
  margin: 0 0 calc(28 * var(--u));
}

.fmt-kurumsal__medya {
  width: calc(1502 * var(--u));
  height: calc(689 * var(--u));
  margin: 0 auto;
  border-radius: calc(40 * var(--u));
  overflow: hidden;
  background: #2a2d31;
}

.fmt-kurumsal__medya video,
.fmt-kurumsal__medya img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  transition: none;
}

.fmt-kurumsal__metin {
  width: calc(1672 * var(--u));
  min-height: calc(156 * var(--u));
  margin: calc(87 * var(--u)) auto 0;
  font-family: var(--fmt-font);
  font-size: max(14px, calc(20 * var(--u)));
  line-height: 1.3;
  color: #212529;
  text-align: center;
}

/* Sitenin genel `p { font-family: Encode Sans; line-height: 28px }` kuralı ezilir. */
.fmt-kurumsal__metin p,
.fmt-kurumsal__metin li {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}

.fmt-kurumsal__metin p + p {
  margin-top: calc(26 * var(--u));
}

.fmt-kurumsal__metin h2,
.fmt-kurumsal__metin h3,
.fmt-kurumsal__metin h4 {
  font-family: var(--fmt-font);
  font-weight: 600;
  color: #212529;
  margin: calc(28 * var(--u)) 0 calc(12 * var(--u));
}

.fmt-kurumsal__metin ul,
.fmt-kurumsal__metin ol {
  display: inline-block;
  text-align: left;
  margin: 0 0 calc(16 * var(--u));
  padding-left: 22px;
}

.fmt-kurumsal__metin ul li { list-style: disc; }
.fmt-kurumsal__metin ol li { list-style: decimal; }

.fmt-kurumsal__metin a {
  color: #721518;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fmt-kurumsal__metin img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.fmt-kurumsal__ayrac {
  width: calc(520 * var(--u));
  max-width: 60%;
  height: max(3px, calc(6 * var(--u)));
  margin: calc(30 * var(--u)) auto 0;
  border: 0;
  border-radius: calc(6 * var(--u));
  background: #721518;
  opacity: 1;
  transition: transform .3s ease-out;
}

.fmt-kurumsal__ayrac:hover {
  transform: translateY(calc(7 * var(--u)));
}

@media (max-width: 991px) {
  .fmt-kurumsal {
    padding-bottom: 36px;
  }

  .fmt-kurumsal > .auto-container {
    padding: 0 16px;
  }

  .fmt-kurumsal .fmt-sayfa-baslik {
    padding-top: 32px;
    font-size: 28px;
    line-height: 1.2;
  }

  .fmt-kurumsal .fmt-sayfa-baslik::after {
    width: 72px;
    height: 4px;
    margin-top: 10px;
  }

  .fmt-kurumsal__bolum:first-of-type {
    margin-top: 24px;
  }

  .fmt-bolum-baslik {
    font-size: 22px;
    margin-bottom: 16px;
  }

  .fmt-kurumsal__medya {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 14px;
  }

  .fmt-kurumsal__metin {
    width: auto;
    min-height: 0;
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.55;
  }

  .fmt-kurumsal__metin p + p {
    margin-top: 14px;
  }

  .fmt-kurumsal__ayrac {
    width: 200px;
    height: 4px;
    margin-top: 28px;
  }
}
/* ================================================================ *
 * Footer — XD ölçüleri (1920 genişlikte, footer'ın üstüne göre):
 * zemin #f3f3f3, 478px; kazan çizimi x 353,5 / %40 saydam; logo 215×172
 * (x 117, y 25); tanıtım Lufga 20/26 (y 233); telif 15/20 (y 409);
 * sütun başlıkları Bold 28/36 (x 627,5 / 936,5 / 1437,5), altında 69×3
 * bordo çizgi; bağlantılar Regular 22/24, 25px aralık.
 * Üstüne gelme (XD auto-animate 0.3s ease-out): bağlantı 11px sağa kayar,
 * bordo ve Medium olur; sütunun çizgisi 67px sağa kayar.
 * --u: çerçevenin 1920'deki 1px'i — 992px'e kadar her şey orantılı küçülür.
 * ================================================================ */

.fmt-footer {
  position: relative;
  z-index: 1;
  background: #f3f3f3;
  color: #212529;
  font-family: var(--fmt-font);
}

.fmt-footer__cerceve {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  position: relative;
  width: min(100%, calc(1920px * var(--fmt-olcek)));
  margin: 0 auto;
  overflow: hidden;
  container-type: inline-size;
}

.fmt-footer__cizim {
  position: absolute;
  left: calc(353.5 * var(--u));
  top: 0;
  width: calc(1566 * var(--u));
  height: calc(478 * var(--u));
  max-width: none;
  opacity: .4;
  pointer-events: none;
  user-select: none;
  transition: none;
}

.fmt-footer__izgara {
  position: relative;
  display: grid;
  grid-template-columns: calc(511 * var(--u)) calc(309 * var(--u)) calc(501 * var(--u)) minmax(0, 1fr);
  align-items: start;
  min-height: calc(478 * var(--u));
  padding: 0 calc(40 * var(--u)) calc(49 * var(--u)) calc(116.5 * var(--u));
}

.fmt-footer__logo {
  display: block;
  width: calc(215 * var(--u));
  margin-top: calc(25 * var(--u));
  line-height: 0;
}

.fmt-footer__logo img {
  display: block;
  width: 100%;
  height: auto;
  transition: none;
}

.fmt-footer__tanitim {
  width: calc(327 * var(--u));
  min-height: calc(106 * var(--u));
  margin: calc(36.3 * var(--u)) 0 0;
  font-family: var(--fmt-font);
  font-size: max(14px, calc(20 * var(--u)));
  line-height: 1.3;
  color: #212529;
}

.fmt-footer__telif {
  width: calc(327 * var(--u));
  margin: calc(70 * var(--u)) 0 0;
  font-family: var(--fmt-font);
  font-size: max(12px, calc(15 * var(--u)));
  line-height: 1.3334;
  color: #212529;
}

@media (min-width: 992px) {
  /* WhatsApp dairesi (soldan 24·wa + çap 60·wa) telifin başını örtmesin;
     ~1570px ve üstünde 0 → XD yeri korunur */
  .fmt-footer__marka {
    padding-left: max(0px, calc(84px * var(--fmt-olcek-wa) + 8px - 116.5 * var(--u)));
  }
}

.fmt-vurgu {
  color: #721518;
  font-weight: 500;
}

.fmt-footer__baslik {
  position: relative;
  display: block;
  margin: calc(60 * var(--u)) 0 0;
  padding: 0;
  border: 0;
  font-family: var(--fmt-font);
  font-size: max(18px, calc(28 * var(--u)));
  font-weight: 700;
  line-height: 1.2858;
  color: #212529;
}

.fmt-footer__baslik::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 1 * var(--u));
  width: calc(69 * var(--u));
  height: max(2px, calc(3 * var(--u)));
  border-radius: 6px;
  background: #721518;
  transition: transform .3s ease-out;
}

.fmt-footer__sutun:hover .fmt-footer__baslik::after {
  transform: translateX(calc(67 * var(--u)));
}

.fmt-footer ul {
  margin: calc(14 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}

.fmt-footer li {
  margin: 0;
  font-size: max(15px, calc(22 * var(--u)));
  line-height: 1.091;
  color: #212529;
}

.fmt-footer__liste li {
  margin-bottom: calc(1 * var(--u));
}

.fmt-footer a {
  color: #212529;
  transition: color .3s ease-out;
}

.fmt-footer__liste a {
  display: inline-block;
  font-weight: 400;
  transition: transform .3s ease-out, color .3s ease-out, font-weight .3s ease-out;
}

.fmt-footer__liste a::before {
  content: "> ";
  white-space: pre;
}

.fmt-footer__liste a:hover,
.fmt-footer__liste a:focus-visible {
  color: #721518;
  font-weight: 500;
  transform: translateX(calc(11 * var(--u)));
}

.fmt-footer__iletisim a:hover,
.fmt-footer__iletisim a:focus-visible {
  color: #721518;
}

/* İletişim: XD ikonları (koyu), 22px ikon sütunu + 13px ara */
.fmt-footer__iletisim li {
  display: grid;
  grid-template-columns: calc(22 * var(--u)) minmax(0, 1fr);
  column-gap: calc(13 * var(--u));
  align-items: start;
}

.fmt-footer__simge {
  display: block;
  height: 1.091em;
  background: center / calc(18 * var(--u)) calc(18 * var(--u)) no-repeat url("../../images/diger/ikon-telefon.webp");
}

.fmt-footer__iletisim--eposta .fmt-footer__simge {
  background-image: url("../../images/diger/ikon-eposta.webp");
  background-size: calc(22 * var(--u)) calc(15 * var(--u));
}

.fmt-footer__iletisim--adres .fmt-footer__simge {
  height: calc(24 * var(--u));
  margin-top: calc(5 * var(--u));
  background-image: url("../../images/diger/ikon-konum.webp");
  background-size: calc(17 * var(--u)) calc(24 * var(--u));
}

.fmt-footer__imza {
  position: absolute;
  /* Dar ekranda yukarı çık düğmesinin sütununa girmesin (1450px altı; 1920'de XD yeri) */
  right: max(calc(116.5 * var(--u)), calc(var(--fmt-yukari-pay) + var(--fmt-yukari-boy) + 16px));
  bottom: calc(49 * var(--u));
  z-index: 1;
  display: inline-flex;
  align-items: center;
  opacity: .85;
  transition: opacity .3s ease-out;
}

.fmt-footer__imza:hover {
  opacity: 1;
}

/* XD'de 34 yüksekliğinde; kullanıcı isteğiyle %80 büyük (27.09.2026) */
.fmt-footer__imza img {
  display: block;
  width: auto;
  height: max(46.8px, calc(61.2 * var(--u)));
  transition: none;
}

/* Tablet ve telefon: XD'de yok — alt alta, sabit ölçüler, çizimsiz */
@media (max-width: 991px) {
  .fmt-footer__cizim {
    display: none;
  }

  .fmt-footer__izgara {
    grid-template-columns: 1fr 1fr;
    gap: 30px 24px;
    min-height: 0;
    padding: 40px 24px 96px;
  }

  .fmt-footer__marka {
    grid-column: 1 / -1;
  }

  .fmt-footer__logo {
    width: 170px;
    margin-top: 0;
  }

  .fmt-footer__tanitim,
  .fmt-footer__telif {
    width: auto;
    max-width: 420px;
    min-height: 0;
  }

  .fmt-footer__tanitim {
    margin-top: 20px;
    font-size: 15.5px;
  }

  .fmt-footer__telif {
    margin-top: 14px;
    font-size: 13px;
  }

  .fmt-footer__baslik {
    margin-top: 0;
    font-size: 20px;
  }

  .fmt-footer__baslik::after {
    top: calc(100% + 2px);
    width: 56px;
    height: 3px;
  }

  .fmt-footer__sutun:hover .fmt-footer__baslik::after {
    transform: none;
  }

  .fmt-footer ul {
    margin-top: 14px;
  }

  .fmt-footer li {
    font-size: 15.5px;
    line-height: 1.6;
  }

  .fmt-footer__iletisim li {
    grid-template-columns: 22px minmax(0, 1fr);
    column-gap: 10px;
  }

  .fmt-footer__simge {
    height: 1.6em;
    background-size: 16px 16px;
  }

  .fmt-footer__iletisim--eposta .fmt-footer__simge {
    background-size: 19px 13px;
  }

  .fmt-footer__iletisim--adres .fmt-footer__simge {
    height: 1.6em;
    margin-top: 0;
    background-size: 14px 20px;
  }

  .fmt-footer__liste a:hover,
  .fmt-footer__liste a:focus-visible {
    transform: translateX(8px);
  }

  .fmt-footer__imza {
    right: calc(var(--fmt-yukari-pay) + var(--fmt-yukari-boy) + 12px);   /* düğmenin solunda, aynı hizada */
    bottom: 32px;
  }
}

@media (max-width: 575px) {
  .fmt-footer__izgara {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-footer__liste a,
  .fmt-footer__baslik::after {
    transition: none;
  }
}

/* ================================================================ *
 * Kurumsal › İnsan Kaynakları ve Teknik Servis — geniş başvuru formu
 * (insan-kaynaklari.php, teknik-servis.php). "Bize Ulaşın" kartının
 * (.fmt-form-kart) geniş hâli: 4 sütunlu ızgara, altı çizili bölüm
 * başlıkları, seçim hapları, açılır eğitim düzeyleri, "+" satırları.
 * `.fmt-betik`: sayfa, betik yüklenecekse <html>'e koyar — kapalı
 * bölümler yalnız o zaman gizlenir (betiksiz ziyaretçi her şeyi görür).
 * ================================================================ */

.fmt-gorsel-gizli {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.fmt-sayfa-giris {
  max-width: calc(860px * var(--fmt-olcek));
  margin: calc(-18px * var(--fmt-olcek)) auto calc(34px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: calc(16px * var(--fmt-olcek));
  line-height: 1.6;
  text-align: center;
  color: var(--fmt-soluk);
}

.fmt-form-kart--genis {
  max-width: calc(1280px * var(--fmt-olcek));
  padding: calc(34px * var(--fmt-olcek)) calc(40px * var(--fmt-olcek)) calc(38px * var(--fmt-olcek));
}

.fmt-form-kart__baslik {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(12px * var(--fmt-olcek));
}

.fmt-form-kart__ikon {
  flex: 0 0 auto;
  font-size: calc(30px * var(--fmt-olcek));
}

.fmt-zorunlu {
  color: #ff9b94;
  font-weight: 600;
}

/* --- bölüm başlığı: beyaz, kısa alt çizgi --------------------------- */

.fmt-form-bolum {
  margin: calc(30px * var(--fmt-olcek)) 0 0;
}

.fmt-form-bolum__baslik {
  position: relative;
  display: inline-block;
  margin: 0 0 calc(16px * var(--fmt-olcek));
  padding-bottom: calc(5px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: calc(20px * var(--fmt-olcek));
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}

.fmt-form-bolum__baslik::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  min-width: calc(48px * var(--fmt-olcek));
  height: 2px;
  border-radius: 1px;
  background: #fff;
}

.fmt-form-bolum__baslik label {
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.fmt-form-bolum__not {
  margin: calc(-8px * var(--fmt-olcek)) 0 calc(14px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: max(11px, calc(13.5px * var(--fmt-olcek)));
  line-height: 1.4;
  color: #a4a7ab;
}

/* --- ızgara ---------------------------------------------------------- */

.fmt-form-izgara--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(14px * var(--fmt-olcek)) calc(26px * var(--fmt-olcek));
}

.fmt-form-alan {
  min-width: 0;
}

.fmt-form-alan--2 { grid-column: span 2; }
.fmt-form-alan--3 { grid-column: span 3; }

.fmt-form-alan label small {
  display: block;
  margin-top: 1px;
  font-size: max(11px, calc(12px * var(--fmt-olcek)));
  font-weight: 400;
  color: #c9ccd0;
}

/* Kişisel bilgiler: fotoğraf sağ sütunda, üç satır boyunca */
.fmt-kisisel .fmt-foto {
  grid-column: 4;
  grid-row: 1 / span 3;
}

.fmt-kisisel__adres {
  grid-column: 1 / span 3;
}

.fmt-secimler {
  margin-top: calc(16px * var(--fmt-olcek));
}

/* --- girdiler: "Bize Ulaşın"da olmayan türler ------------------------ */

.fmt-form-kart input[type="date"],
.fmt-form-kart select {
  display: block;
  width: 100%;
  height: calc(32px * var(--fmt-olcek));
  padding: 0 calc(10px * var(--fmt-olcek));
  border: 1px solid transparent;
  border-radius: calc(3px * var(--fmt-olcek));
  background-color: var(--fmt-form-alan);
  color: #fff;
  font-family: var(--fmt-font);
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  line-height: calc(30px * var(--fmt-olcek));
  color-scheme: dark;
  transition: border-color .2s ease, background-color .2s ease;
}

.fmt-form-kart select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: calc(30px * var(--fmt-olcek));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right calc(6px * var(--fmt-olcek)) center;
  background-size: calc(20px * var(--fmt-olcek)) calc(20px * var(--fmt-olcek));
  cursor: pointer;
}

.fmt-form-kart select option {
  background: #2c2f33;
  color: #fff;
}

.fmt-form-kart select:has(option[value=""]:checked) {
  color: var(--fmt-form-yer);
}

/* Boş tarih: biçim ipucu (gg.aa.yyyy) yer tutucu renginde (fmt-basvuru.js) */
.fmt-form-kart input[type="date"].is-bos {
  color: var(--fmt-form-yer);
}

.fmt-form-kart input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: .75;
  cursor: pointer;
}

.fmt-form-kart select:focus,
.fmt-form-kart input[type="date"]:focus {
  outline: none;
  border-color: #c9ccd0;
  background-color: #686b70;
}

.fmt-form-kart textarea.fmt-metin--kisa {
  height: calc(84px * var(--fmt-olcek));
}

.fmt-basvuru .fmt-form-kart textarea:not(.fmt-metin--kisa) {
  height: calc(200px * var(--fmt-olcek));
}

/* Sunucunun reddettiği alan (fmt-form.js → aria-invalid) */
.fmt-form-kart [aria-invalid="true"] {
  border-color: #ff8a80 !important;
  box-shadow: 0 0 0 1px #ff8a80;
}

/* --- seçim hapları (radyo) ------------------------------------------- */

.fmt-secim {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.fmt-secim legend {
  float: none;
  width: auto;
  margin: 0 0 calc(4px * var(--fmt-olcek));
  padding: 0;
  font-family: var(--fmt-font);
  font-size: calc(17px * var(--fmt-olcek));
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}

.fmt-secim__secenekler {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(6px * var(--fmt-olcek));
}

.fmt-secim__secenek {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8px * var(--fmt-olcek));
  height: calc(32px * var(--fmt-olcek));
  margin: 0;
  padding: 0 calc(10px * var(--fmt-olcek));
  border-radius: calc(3px * var(--fmt-olcek));
  background: var(--fmt-form-alan);
  color: #d4d6d9;
  font-family: var(--fmt-font);
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  font-weight: 400;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

/* Eski style.css tüm radyoları display:none yapıyor — klavyeyle ulaşılamazdı */
.fmt-secim__secenek input[type="radio"] {
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  width: calc(12px * var(--fmt-olcek));
  height: calc(12px * var(--fmt-olcek));
  margin: 0;
  border-radius: 50%;
  background: #aeb0b3;
  cursor: pointer;
}

.fmt-secim__secenek input[type="radio"]:checked {
  background: #fff;
  box-shadow: 0 0 0 calc(3px * var(--fmt-olcek)) rgba(255, 255, 255, .28);
}

.fmt-secim__secenek:has(input:checked) {
  background: var(--fmt-bordo);
  color: #fff;
}

.fmt-secim__secenek:hover {
  color: #fff;
}

.fmt-secim__secenek:has(input:focus-visible) {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* --- fotoğraf / CV ---------------------------------------------------- */

.fmt-foto {
  display: flex;
  flex-direction: column;
}

.fmt-foto__kutu {
  position: relative;
  flex: 1 1 auto;
  min-height: calc(190px * var(--fmt-olcek));
  display: grid;
  place-items: center;
  border: 1px dashed transparent;
  border-radius: calc(6px * var(--fmt-olcek));
  background: var(--fmt-form-alan);
  overflow: hidden;
  transition: border-color .2s ease, background-color .2s ease;
}

.fmt-foto__kutu:hover,
.fmt-foto__kutu.is-surukle {
  border-color: #c9ccd0;
  background: #686b70;
}

.fmt-foto__kutu:focus-within {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.fmt-foto__kutu input[type="file"] {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.fmt-foto__bos,
.fmt-foto__pdf {
  display: grid;
  justify-items: center;
  gap: calc(8px * var(--fmt-olcek));
  padding: calc(12px * var(--fmt-olcek));
  text-align: center;
}

.fmt-foto__bos[hidden],
.fmt-foto__pdf[hidden],
.fmt-foto__onizleme[hidden] {
  display: none;
}

.fmt-foto__simge {
  font-size: calc(76px * var(--fmt-olcek));
  color: #3d4044;
}

.fmt-foto__pdf .fmt-foto__simge {
  color: #fff;
}

.fmt-foto__ipucu {
  font-family: var(--fmt-font);
  font-size: max(11px, calc(12.5px * var(--fmt-olcek)));
  color: #c9ccd0;
}

.fmt-foto__onizleme {
  position: absolute;
  inset: 0;
}

.fmt-foto__onizleme img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fmt-foto__kaldir {
  position: absolute;
  top: calc(8px * var(--fmt-olcek));
  right: calc(8px * var(--fmt-olcek));
  z-index: 2;
  display: grid;
  place-items: center;
  width: calc(30px * var(--fmt-olcek));
  height: calc(30px * var(--fmt-olcek));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: calc(18px * var(--fmt-olcek));
  cursor: pointer;
}

.fmt-foto__kaldir[hidden] {
  display: none;
}

.fmt-foto__kaldir:hover,
.fmt-foto__kaldir:focus-visible {
  background: var(--fmt-bordo);
  outline: none;
}

.fmt-foto__durum {
  display: block;
  min-height: calc(18px * var(--fmt-olcek));
  margin-top: calc(5px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: max(11px, calc(12.5px * var(--fmt-olcek)));
  line-height: 1.4;
  color: #c9ccd0;
  overflow-wrap: anywhere;
}

.fmt-foto__kutu:has(input[aria-invalid="true"]) {
  border-color: #ff8a80;
}

/* --- eğitim düzeyleri (açılır) ---------------------------------------- */

.fmt-egitim__sekmeler {
  display: none;   /* betik yoksa düğme yok, paneller açık */
}

.fmt-betik .fmt-egitim__sekmeler {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: calc(12px * var(--fmt-olcek)) calc(26px * var(--fmt-olcek));
}

.fmt-egitim__sekme {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: calc(4px * var(--fmt-olcek));
  margin: 0;
  padding: 0 0 calc(4px * var(--fmt-olcek));
  border: 0;
  border-bottom: 2px solid rgba(255, 255, 255, .85);
  border-radius: 0;
  background: none;
  color: #fff;
  font-family: var(--fmt-font);
  font-size: calc(18px * var(--fmt-olcek));
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}

.fmt-egitim__sekme:hover,
.fmt-egitim__sekme[aria-expanded="true"] {
  border-bottom-color: #ff9b94;
}

.fmt-egitim__sekme:focus-visible {
  outline: 2px solid #fff;
  outline-offset: calc(3px * var(--fmt-olcek));
}

.fmt-egitim__ok {
  font-size: calc(24px * var(--fmt-olcek));
  transition: transform .2s ease;
}

.fmt-egitim__sekme[aria-expanded="true"] .fmt-egitim__ok {
  transform: rotate(180deg);
}

/* Kapalı ama dolu düzey: yazılanlar gönderilecek, bunu göster */
.fmt-egitim__sekme.is-dolu > span::after {
  content: "";
  display: inline-block;
  width: calc(7px * var(--fmt-olcek));
  height: calc(7px * var(--fmt-olcek));
  margin: 0 0 2px calc(6px * var(--fmt-olcek));
  border-radius: 50%;
  background: #ff9b94;
  vertical-align: middle;
}

.fmt-egitim__panel {
  min-width: 0;
  margin: calc(18px * var(--fmt-olcek)) 0 0;
  padding: calc(14px * var(--fmt-olcek)) calc(18px * var(--fmt-olcek)) calc(18px * var(--fmt-olcek));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: calc(8px * var(--fmt-olcek));
  background: rgba(255, 255, 255, .03);
}

.fmt-betik .fmt-egitim__panel:not(.is-acik) {
  display: none;
}

.fmt-egitim__panel-baslik {
  float: none;
  width: auto;
  margin: 0 0 calc(8px * var(--fmt-olcek));
  padding: 0 calc(6px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  font-weight: 600;
  line-height: 1.2;
  color: #ff9b94;
}

.fmt-form-izgara--egitim {
  grid-template-columns: 1.6fr 1.4fr 1fr 1fr;
  gap: calc(12px * var(--fmt-olcek)) calc(22px * var(--fmt-olcek));
}

/* --- "+" satırları ----------------------------------------------------- */

.fmt-tekrar__satir {
  gap: calc(12px * var(--fmt-olcek)) calc(26px * var(--fmt-olcek));
}

.fmt-tekrar__satir + .fmt-tekrar__satir {
  margin-top: calc(12px * var(--fmt-olcek));
}

.fmt-tekrar--dil .fmt-tekrar__satir {
  grid-template-columns: 2fr 1fr 2fr 1fr;
}

.fmt-tekrar--deneyim .fmt-tekrar__satir {
  grid-template-columns: 1.9fr 1fr 1.3fr 1.3fr;
}

.fmt-tekrar--referans .fmt-tekrar__satir {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.fmt-betik .fmt-tekrar__satir[data-tekrar-satir="ek"]:not(.is-acik) {
  display: none;
}

/* Sonraki satırların etiketleri: masaüstünde ilk satır sütun başlığıdır */
@media (min-width: 992px) {
  .fmt-etiket--tekrar {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

.fmt-tekrar__ekle {
  display: none;
}

.fmt-betik .fmt-tekrar__ekle {
  display: inline-grid;
  place-items: center;
  width: calc(30px * var(--fmt-olcek));
  height: calc(30px * var(--fmt-olcek));
  margin: calc(8px * var(--fmt-olcek)) 0 0 calc(-4px * var(--fmt-olcek));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: #fff;
  font-size: calc(24px * var(--fmt-olcek));
  cursor: pointer;
  transition: background-color .2s ease;
}

.fmt-betik .fmt-tekrar__ekle[hidden] {
  display: none;
}

.fmt-tekrar__ekle:hover,
.fmt-tekrar__ekle:focus-visible {
  background: var(--fmt-form-alan);
  outline: none;
}

/* --- beyan + onay hapı + gönder --------------------------------------- */

.fmt-beyan {
  margin-top: calc(18px * var(--fmt-olcek));
  text-align: center;
}

.fmt-beyan__metin,
.fmt-beyan__kvkk {
  margin: 0 0 calc(8px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: max(11px, calc(13px * var(--fmt-olcek)));
  line-height: 1.5;
  color: #d0d2d5;
}

.fmt-beyan__metin {
  text-align: justify;
  text-align-last: center;
}

.fmt-beyan__kvkk a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fmt-onay-hap {
  display: inline-flex;
  align-items: center;
  gap: calc(8px * var(--fmt-olcek));
  margin: calc(6px * var(--fmt-olcek)) 0 0;
  padding: calc(7px * var(--fmt-olcek)) calc(16px * var(--fmt-olcek));
  border-radius: calc(3px * var(--fmt-olcek));
  background: var(--fmt-form-alan);
  color: #fff;
  font-family: var(--fmt-font);
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  font-weight: 500;
  cursor: pointer;
  transition: background-color .2s ease;
}

.fmt-onay-hap input {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  width: calc(14px * var(--fmt-olcek));
  height: calc(14px * var(--fmt-olcek));
  margin: 0;
  border-radius: 50%;
  background: #aeb0b3;
  cursor: pointer;
}

/* `.fmt-form-kart input:focus` (metin kutuları için) noktayı hap rengine
   boyuyordu: odaktayken işaretsiz durum görünmez oluyordu */
.fmt-onay-hap input:not(:checked):focus {
  background: #aeb0b3;
}

.fmt-onay-hap input:checked {
  background: #fff;
  box-shadow: 0 0 0 calc(3px * var(--fmt-olcek)) rgba(255, 255, 255, .28);
}

.fmt-onay-hap:has(input:checked) {
  background: var(--fmt-bordo);
}

.fmt-onay-hap:has(input:focus-visible) {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.fmt-onay-hap:has(input[aria-invalid="true"]) {
  box-shadow: 0 0 0 2px #ff8a80;
}

.fmt-basvuru .fmt-form-onay {
  margin-top: calc(16px * var(--fmt-olcek));
}

.fmt-form-gonder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(12px * var(--fmt-olcek));
  margin-top: calc(22px * var(--fmt-olcek));
}

.fmt-form-gonder .fmt-dugme {
  font-size: calc(18px * var(--fmt-olcek));
  padding: calc(10px * var(--fmt-olcek)) calc(22px * var(--fmt-olcek));
}

.fmt-form-gonder .fmt-form-not {
  max-width: calc(560px * var(--fmt-olcek));
  text-align: center;
}

/* --- KVKK penceresi (Bootstrap 4 modal) -------------------------------- */

.fmt-modal .modal-dialog {
  max-width: calc(830px * var(--fmt-olcek));
}

.fmt-modal .modal-content {
  font-family: var(--fmt-font);
  border: 0;
  border-radius: calc(12px * var(--fmt-olcek));
}

.fmt-modal .modal-title {
  font-family: var(--fmt-font);
  font-size: calc(18px * var(--fmt-olcek));
  font-weight: 600;
  line-height: 1.3;
}

.fmt-modal .modal-body,
.fmt-modal .modal-body p,
.fmt-modal .modal-body li {
  font-family: var(--fmt-font);
  font-size: max(11px, calc(14.5px * var(--fmt-olcek)));
  line-height: 1.55;
}

.fmt-modal .modal-body p + p,
.fmt-modal .modal-body ul {
  margin-top: calc(8px * var(--fmt-olcek));
}

.fmt-modal .modal-body ul li {
  list-style: disc;
  margin-left: calc(20px * var(--fmt-olcek));
}

/* --- duyarlı ------------------------------------------------------------ */

@media (max-width: 1199px) {
  .fmt-form-kart--genis {
    padding: calc(30px * var(--fmt-olcek)) calc(28px * var(--fmt-olcek)) calc(32px * var(--fmt-olcek));
  }
}

@media (max-width: 991px) {
  .fmt-form-izgara--4,
  .fmt-form-izgara--egitim,
  .fmt-tekrar--deneyim .fmt-tekrar__satir {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fmt-tekrar--dil .fmt-tekrar__satir {
    grid-template-columns: 2fr 1fr;
  }

  .fmt-tekrar--referans .fmt-tekrar__satir {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fmt-tekrar--referans .fmt-tekrar__satir > :first-child {
    grid-column: 1 / -1;
  }

  .fmt-form-alan--3,
  .fmt-kisisel__adres,
  .fmt-kisisel .fmt-foto {
    grid-column: 1 / -1;
  }

  /* Dar ekranda fotoğraf kutusu adresten sonra (kaynak sırası), daha alçak */
  .fmt-kisisel .fmt-foto {
    grid-row: auto;
  }

  .fmt-foto__kutu {
    min-height: 150px;
  }

  .fmt-secimler {
    grid-template-columns: 1fr;
  }

  .fmt-secimler .fmt-secim {
    max-width: 360px;
  }

  .fmt-tekrar__satir + .fmt-tekrar__satir {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, .1);
  }

  .fmt-betik .fmt-egitim__sekmeler {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 26px;
  }
}

@media (max-width: 640px) {
  .fmt-form-kart--genis {
    padding: 24px 16px 26px;
    border-radius: 14px;
  }

  .fmt-form-kart__baslik {
    font-size: 22px;
  }

  .fmt-form-kart__ikon {
    font-size: 26px;
  }

  .fmt-form-izgara--4,
  .fmt-form-izgara--egitim,
  .fmt-tekrar--deneyim .fmt-tekrar__satir,
  .fmt-tekrar--referans .fmt-tekrar__satir {
    grid-template-columns: 1fr;
  }

  .fmt-form-alan--2 {
    grid-column: 1 / -1;
  }

  .fmt-tekrar--dil .fmt-tekrar__satir {
    grid-template-columns: 1.6fr 1fr;
  }

  .fmt-egitim__sekme {
    font-size: 16px;
  }

  .fmt-beyan__metin {
    text-align: left;
    text-align-last: auto;
  }

  .fmt-sayfa-giris {
    margin-top: -10px;
    font-size: 15px;
  }
}

/* ================================================================ *
 * Header (data/fmt-ust.php, assets/js/fmt-ust.js) — XD ölçüleri
 * 1920 genişlikte: şerit 110px (bordo #721518; anasayfada #212529 %50),
 * logo 93×75 (x 340), menü Lufga Light 20 (x 581'den, 51px ara), arama
 * 23px büyüteç + 156px alt çizgili kutu, dil küresi 22px + üçgen ok.
 * Şerit ve altındaki 27px gri sayfa yolu sabit (XD "fixed").
 * Üstüne gelme (XD auto-animate 0.3s ease-out): menü yazısı SemiBold olur,
 * Ürünlerimiz 151px bant (bordo %94), Kurumsal 320px panel (bordo %85) açar,
 * bant öğeleri 6px yükselir, alt menü öğeleri 12px sağa kayıp kalınlaşır.
 * Daha dar ekranlarda aralıklar ve yazı orantılı küçülür (1200px'e kadar).
 * ================================================================ */

:root {
  /* Şerit inceltme (28.09.2026, kullanıcı: "yüksekliğini %15 incelt"): şerit, logo ve öğelerin
     dikey kayması bu oranla çarpılır; yazı boyları ve yatay ölçüler XD'deki gibi kalır. */
  --fmt-ust-ince: .85;
  --fmt-ust-h: calc(110px * var(--fmt-ust-ince) * var(--fmt-olcek));
  --fmt-yol-h: calc(27px * var(--fmt-olcek));
  --fmt-serit-h: calc(55px * var(--fmt-olcek));   /* kardeş kategori şeridi (urunlerimiz.php) */
  --fmt-ust-zemin: #721518;
  --fmt-ust-bant: rgba(114, 21, 24, .94);
  --fmt-ust-panel: rgba(114, 21, 24, .85);
  --fmt-ust-gecis: .3s ease-out;
  /* 1920'de XD değeri, 1200'de alt sınır */
  --fmt-menu-yazi: clamp(calc(16px * var(--fmt-olcek)), calc(.555vw + calc(9.34px * var(--fmt-olcek))), calc(20px * var(--fmt-olcek)));
  --fmt-menu-ara: clamp(calc(18px * var(--fmt-olcek)), calc(4.58vw - calc(37px * var(--fmt-olcek))), calc(51px * var(--fmt-olcek)));
  --fmt-menu-bosluk: clamp(calc(20px * var(--fmt-olcek)), calc(17.8vw - calc(193.6px * var(--fmt-olcek))), calc(148px * var(--fmt-olcek)));
  --fmt-ara-gen: clamp(calc(96px * var(--fmt-olcek)), calc(8.33vw - calc(4px * var(--fmt-olcek))), calc(156px * var(--fmt-olcek)));
  --fmt-dil-bosluk: clamp(calc(16px * var(--fmt-olcek)), calc(4.58vw - calc(39px * var(--fmt-olcek))), calc(49px * var(--fmt-olcek)));
}

html {
  scroll-padding-top: calc(var(--fmt-ust-h) + var(--fmt-yol-h) + calc(12px * var(--fmt-olcek)));
}

/* Şeritli kategori sayfaları: odaklanan kart yapışkan şeridin altında kalmasın */
html:has(.fmt-urun-serit) {
  scroll-padding-top: calc(var(--fmt-ust-h) + var(--fmt-yol-h) + var(--fmt-serit-h) + calc(12px * var(--fmt-olcek)));
}

.fmt-atla {
  position: absolute;
  left: calc(12px * var(--fmt-olcek));
  top: calc(-60px * var(--fmt-olcek));
  z-index: 10050;
  padding: calc(10px * var(--fmt-olcek)) calc(16px * var(--fmt-olcek));
  border-radius: calc(4px * var(--fmt-olcek));
  background: #fff;
  color: var(--fmt-bordo);
  font-family: var(--fmt-font);
  font-weight: 600;
  transition: top .15s ease;
}

.fmt-atla:focus {
  top: calc(12px * var(--fmt-olcek));
}

/* Yukarı çık düğmesi odağı buraya taşır: fareyle/dokunuşla basıldıysa kutu
   görünmesin (klavyede :focus-visible, görünür). Eski tarayıcı :focus'ta kalır. */
.fmt-atla:focus:not(:focus-visible) {
  top: calc(-60px * var(--fmt-olcek));
}

.fmt-ust,
.fmt-ust *,
.fmt-mobil,
.fmt-mobil * {
  box-sizing: border-box;
}

.fmt-ust {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
  background: var(--fmt-ust-zemin);
  color: #fff;
  font-family: var(--fmt-font);
}

/* Anasayfa: videonun üstünde yarı saydam koyu; XD'de kaydırınca da aynı kalır */
.fmt-ust--ana {
  position: fixed;
  left: 0;
  right: 0;
  --fmt-ust-zemin: rgba(33, 37, 41, .5);
  --fmt-ust-bant: rgba(33, 37, 41, .94);
  --fmt-ust-panel: rgba(33, 37, 41, .85);
}

.fmt-ust ul,
.fmt-ust li,
.fmt-mobil ul,
.fmt-mobil li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: inherit;
  line-height: inherit;
}

.fmt-ust a,
.fmt-mobil a {
  text-decoration: none;
}

.fmt-ust :where(a, button, img) {
  /* style.css bütün a/img'lere "all 500ms/700ms" geçiş veriyor; özgüllük tek sınıf:
     aşağıdaki öğe kuralları (sonra geldikleri için) kendi geçişlerini koyabilir */
  transition: none;
}

.fmt-ust__ic {
  display: flex;
  align-items: stretch;
  width: min(calc(1256px * var(--fmt-olcek)), calc(100% - calc(48px * var(--fmt-olcek))));
  height: var(--fmt-ust-h);
  margin: 0 auto;
}

.fmt-ust__logo {
  flex: 0 0 auto;
  align-self: center;
  display: block;
  margin: calc(3px * var(--fmt-ust-ince) * var(--fmt-olcek)) 0 0 calc(8px * var(--fmt-olcek));
  line-height: 0;
}

.fmt-ust__logo img {
  display: block;
  width: auto;
  height: calc(75px * var(--fmt-ust-ince) * var(--fmt-olcek));
}

.fmt-ust__logo-yazi {
  font-size: calc(22px * var(--fmt-olcek));
  font-weight: 700;
  letter-spacing: .08em;
  color: #fff;
  line-height: 1;
}

/* --- menü ------------------------------------------------------------ */

.fmt-menu {
  flex: 0 1 auto;
  display: flex;
  margin-left: var(--fmt-menu-bosluk);
}

.fmt-menu__liste {
  display: flex;
  align-items: stretch;
  gap: var(--fmt-menu-ara);
}

.fmt-ust .fmt-menu__oge {
  display: flex;
  align-items: center;
  padding-top: calc(24px * var(--fmt-ust-ince) * var(--fmt-olcek));   /* XD: yazı ortası 67px, şerit ortası 55px (ikisi de × incelik) */
}

/* Kurumsal alt menüsü öğeye göre; ürün bandı şeridin tamamına göre */
.fmt-menu__oge--acilir:not(.fmt-menu__oge--mega) {
  position: relative;
}

.fmt-menu__bag {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font-family: var(--fmt-font);
  font-size: var(--fmt-menu-yazi);
  font-weight: 300;
  line-height: calc(26px * var(--fmt-olcek));
  white-space: nowrap;
  cursor: pointer;
  transition: font-weight var(--fmt-ust-gecis);
}

.fmt-menu__bag:hover,
.fmt-menu__bag:focus-visible,
.fmt-menu__oge.is-etkin > .fmt-menu__bag,
.fmt-menu__oge--acilir:hover > .fmt-menu__bag,
.fmt-menu__oge.is-acik > .fmt-menu__bag {
  color: #fff;
  font-weight: 600;
}

/* Kalın hâlin genişliği baştan ayrılır: kalınlaşınca komşu öğeler kaymaz */
.fmt-menu__yazi {
  display: inline-flex;
  flex-direction: column;
}

.fmt-menu__yazi::after {
  content: attr(data-metin);
  content: attr(data-metin) / "";
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-weight: 600;
  pointer-events: none;
  user-select: none;
  speak: never;
}

.fmt-menu__ok {
  font-size: calc(20px * var(--fmt-olcek));
  transition: transform .2s ease;
}

.fmt-menu__oge.is-acik .fmt-menu__ok,
.fmt-menu__oge.active .fmt-menu__ok {
  transform: rotate(180deg);
}

.fmt-menu__alt-dugme {
  display: inline-grid;
  place-items: center;
  width: calc(22px * var(--fmt-olcek));
  height: calc(28px * var(--fmt-olcek));
  margin: 0 0 0 -2px;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(255, 255, 255, .85);
  cursor: pointer;
}

.fmt-ust button:focus-visible,
.fmt-ust a:focus-visible,
.fmt-ust input:focus-visible,
.fmt-mobil a:focus-visible,
.fmt-mobil button:focus-visible,
.fmt-mobil summary:focus-visible {
  outline: 2px solid #fff;
  outline-offset: calc(3px * var(--fmt-olcek));
  border-radius: 2px;
}

.fmt-ara__sonuc a:focus-visible {
  outline-color: var(--fmt-bordo);
}

/* --- açılır paneller (ortak): XD'de belirerek gelir -------------------- */

.fmt-mega,
.fmt-menu__alt,
.fmt-dil__menu {
  position: absolute;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--fmt-ust-gecis), visibility 0s linear .3s;
  color: #fff;
}

.fmt-menu__oge.is-acik > .fmt-mega,
.fmt-menu__oge.active > .fmt-mega,
.fmt-menu__oge.is-acik > .fmt-menu__alt,
.fmt-dil.is-acik > .fmt-dil__menu {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

@media (hover: hover) and (min-width: 992px) {
  .fmt-menu__oge--acilir:not(.is-fare-kapali):hover > .fmt-mega,
  .fmt-menu__oge--acilir:not(.is-fare-kapali):hover > .fmt-menu__alt,
  .fmt-dil:not(.is-fare-kapali):hover > .fmt-dil__menu {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
}

/* Ürün bandı: şeridin altında tam genişlik, 151px (XD "Rectangle 35") */
.fmt-mega {
  left: 0;
  right: 0;
  top: 100%;
  height: calc(151px * var(--fmt-olcek));
  background: var(--fmt-ust-bant);
}

.fmt-mega__ic {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0 auto;
  padding: 0 calc(24px * var(--fmt-olcek)) !important;
}

.fmt-mega__hucre {
  display: flex;
  align-items: center;
}

/* Beyaz dikey ayraç: 3×85, köşe 3 */
.fmt-mega__hucre + .fmt-mega__hucre::before {
  content: "";
  flex: 0 0 auto;
  width: calc(3px * var(--fmt-olcek));
  height: calc(85px * var(--fmt-olcek));
  margin: 0 clamp(calc(20px * var(--fmt-olcek)), calc(5.1vw - calc(46px * var(--fmt-olcek))), calc(52px * var(--fmt-olcek)));
  border-radius: calc(3px * var(--fmt-olcek));
  background: #fff;
}

.fmt-mega__oge {
  display: flex;
  align-items: center;
  gap: calc(12px * var(--fmt-olcek));
  color: #fff;
  font-family: var(--fmt-font);
  font-size: clamp(calc(16px * var(--fmt-olcek)), calc(.42vw + calc(11px * var(--fmt-olcek))), calc(19px * var(--fmt-olcek)));
  font-weight: 500;
  line-height: calc(24px * var(--fmt-olcek));
  transition: transform var(--fmt-ust-gecis) !important;
}

.fmt-mega__oge:hover,
.fmt-mega__oge:focus-visible {
  color: #fff;
  transform: translateY(calc(-6px * var(--fmt-olcek)));
}

.fmt-mega__simge {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  max-height: clamp(calc(56px * var(--fmt-olcek)), calc(2.8vw + calc(22px * var(--fmt-olcek))), calc(76px * var(--fmt-olcek)));
  transition: none !important;
}

.fmt-mega__simge--yuklenen {
  width: calc(72px * var(--fmt-olcek));
  height: calc(72px * var(--fmt-olcek));
  object-fit: contain;
}

/* Satırlar PHP'de bölünür (XD: "Besi Su Depolama / Sistemleri") */
.fmt-mega__ad {
  white-space: nowrap;
}

/* Kurumsal alt menüsü: 320×149 panel, yazının 17px solundan (XD "Path 92") */
.fmt-menu__alt {
  left: calc(-17px * var(--fmt-olcek));
  top: calc(100% - 1px);
  display: grid;
  gap: calc(15px * var(--fmt-olcek));
  width: calc(320px * var(--fmt-olcek));
  padding: calc(21px * var(--fmt-olcek)) calc(17px * var(--fmt-olcek)) calc(20px * var(--fmt-olcek)) !important;
  background: var(--fmt-ust-panel);
}

.fmt-menu__alt a,
.fmt-dil__menu a,
.fmt-dil__menu button {
  display: inline-flex;
  align-items: flex-start;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font-family: var(--fmt-font);
  font-size: var(--fmt-menu-yazi);
  font-weight: 300;
  line-height: calc(26px * var(--fmt-olcek));
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  transition: transform var(--fmt-ust-gecis), font-weight var(--fmt-ust-gecis) !important;
}

.fmt-menu__alt a::before,
.fmt-dil__menu a::before,
.fmt-dil__menu button::before {
  content: "> ";
  white-space: pre;
}

.fmt-menu__alt a:hover,
.fmt-menu__alt a:focus-visible,
.fmt-dil__menu a:hover,
.fmt-dil__menu a:focus-visible,
.fmt-dil__menu button:hover,
.fmt-dil__menu button:focus-visible {
  color: #fff;
  font-weight: 600;
  transform: translateX(calc(12px * var(--fmt-olcek)));
}

/* --- araçlar: arama, dil, mobil düğmeler ---------------------------------- */

.fmt-ust__araclar {
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  margin-left: auto;
}

.fmt-ust__ikon-dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 2px;
  min-width: calc(40px * var(--fmt-olcek));
  height: calc(40px * var(--fmt-olcek));
  margin: 0;
  padding: 0 calc(4px * var(--fmt-olcek));
  border: 0;
  border-radius: calc(4px * var(--fmt-olcek));
  background: none;
  color: #fff;
  font-size: calc(26px * var(--fmt-olcek));
  cursor: pointer;
}

.fmt-ust__ara-dugme,
.fmt-ust__menu-dugme {
  display: none;
}

.fmt-ara {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(4px * var(--fmt-olcek));
  margin: 0;
  padding-top: calc(24px * var(--fmt-ust-ince) * var(--fmt-olcek));
}

.fmt-ara__simge {
  flex: 0 0 auto;
  width: calc(25px * var(--fmt-olcek));
  height: calc(26px * var(--fmt-olcek));
  color: #fff;
}

.fmt-ara__kutu {
  position: relative;
  display: block;
}

.fmt-ust .fmt-ara__girdi {
  display: block;
  width: var(--fmt-ara-gen);
  height: calc(26px * var(--fmt-olcek));
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #707070;
  border-radius: 0;
  background: transparent;
  color: #fff;
  caret-color: #e4e4e4;
  font-family: var(--fmt-font);
  font-size: var(--fmt-menu-yazi);
  font-weight: 300;
  line-height: calc(25px * var(--fmt-olcek));
  -webkit-appearance: none;
  appearance: none;
}

.fmt-ust .fmt-ara__girdi::placeholder {
  color: #fff;
  opacity: 1;
  transition: color var(--fmt-ust-gecis);
}

.fmt-ust .fmt-ara__girdi:focus {
  outline: none;
  border-bottom-color: #b7b7b7;
}

.fmt-ust .fmt-ara__girdi:focus::placeholder,
.fmt-ara:hover .fmt-ara__girdi::placeholder {
  color: transparent;
}

.fmt-ara__girdi::-webkit-search-cancel-button {
  filter: invert(1);
}

/* XD hover durumu: "Ara" yerine açık gri "|" imleci */
.fmt-ara__imlec {
  position: absolute;
  left: 0;
  top: 0;
  color: #e4e4e4;
  font-size: var(--fmt-menu-yazi);
  font-weight: 300;
  line-height: calc(25px * var(--fmt-olcek));
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--fmt-ust-gecis);
}

@media (hover: hover) {
  .fmt-ara:hover .fmt-ara__girdi:placeholder-shown:not(:focus) + .fmt-ara__imlec {
    opacity: 1;
  }
}

.fmt-ara__sonuc {
  position: absolute;
  right: 0;
  top: calc(100% + calc(14px * var(--fmt-olcek)));
  z-index: 6;
  width: calc(380px * var(--fmt-olcek));
  max-height: calc(380px * var(--fmt-olcek));
  overflow-y: auto;
  padding: calc(6px * var(--fmt-olcek));
  border-radius: calc(8px * var(--fmt-olcek));
  background: #fff;
  box-shadow: 0 calc(14px * var(--fmt-olcek)) calc(34px * var(--fmt-olcek)) rgba(0, 0, 0, .18);
}

.fmt-ara__sonuc[hidden] {
  display: none;
}

.fmt-ara__oge {
  display: flex;
  align-items: center;
  gap: calc(12px * var(--fmt-olcek));
  padding: calc(8px * var(--fmt-olcek));
  border-radius: calc(6px * var(--fmt-olcek));
  color: var(--fmt-metin);
}

.fmt-ara__oge:hover,
.fmt-ara__oge[aria-selected="true"] {
  background: #f3eeee;
  color: var(--fmt-metin);
}

/* Klavyeyle seçilen sonuç: renk farkına ek olarak bordo çubuk */
.fmt-ara__oge[aria-selected="true"] {
  box-shadow: inset calc(3px * var(--fmt-olcek)) 0 0 var(--fmt-bordo);
}

.fmt-ara__oge img,
.fmt-ara__yer {
  flex: 0 0 auto;
  width: calc(48px * var(--fmt-olcek));
  height: calc(48px * var(--fmt-olcek));
  border-radius: calc(4px * var(--fmt-olcek));
  object-fit: contain;
  background: #f4f4f5;
}

.fmt-ara__metin {
  display: grid;
  min-width: 0;
}

.fmt-ara__baslik {
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  font-weight: 600;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.fmt-ara__ust {
  font-size: max(11px, calc(12.5px * var(--fmt-olcek)));
  color: var(--fmt-soluk);
}

.fmt-ara__bos {
  margin: 0;
  padding: calc(12px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: max(11px, calc(14px * var(--fmt-olcek)));
  line-height: 1.4;
  color: var(--fmt-soluk);
}

.fmt-ara__not {
  margin: calc(4px * var(--fmt-olcek)) 0 0;
  padding: calc(8px * var(--fmt-olcek)) calc(10px * var(--fmt-olcek)) calc(4px * var(--fmt-olcek));
  border-top: 1px solid #ececec;
  font-family: var(--fmt-font);
  font-size: max(11px, calc(12.5px * var(--fmt-olcek)));
  line-height: 1.4;
  color: var(--fmt-soluk);
}

/* Dil: 22px küre + 10×6 üçgen (XD) */
.fmt-dil {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: var(--fmt-dil-bosluk);
  padding-top: calc(24px * var(--fmt-ust-ince) * var(--fmt-olcek));
}

.fmt-dil__dugme {
  display: inline-flex;
  align-items: center;
  gap: calc(6px * var(--fmt-olcek));
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  line-height: 0;
  cursor: pointer;
}

/* SVG'ler width/height öznitelikleriyle geliyor; ölçekle birlikte küçülsünler */
.fmt-dil__kure {
  width: calc(22px * var(--fmt-olcek));
  height: calc(22px * var(--fmt-olcek));
  margin-top: -2px;
}

.fmt-dil__ok {
  width: calc(10px * var(--fmt-olcek));
  height: calc(6px * var(--fmt-olcek));
  transition: transform .2s ease;
}

.fmt-dil.is-acik .fmt-dil__ok {
  transform: rotate(180deg);
}

.fmt-dil__menu {
  right: calc(-12px * var(--fmt-olcek));
  top: 100%;
  display: grid;
  gap: calc(12px * var(--fmt-olcek));
  min-width: calc(220px * var(--fmt-olcek));
  padding: calc(21px * var(--fmt-olcek)) calc(17px * var(--fmt-olcek)) calc(20px * var(--fmt-olcek)) !important;
  background: var(--fmt-ust-panel);
}

.fmt-dil__menu a[aria-current] {
  font-weight: 600;
}

.fmt-dil__ayrac {
  margin: calc(4px * var(--fmt-olcek)) 0 calc(-4px * var(--fmt-olcek)) !important;
  padding-top: calc(12px * var(--fmt-olcek)) !important;
  border-top: 1px solid rgba(255, 255, 255, .25);
  font-size: max(11px, calc(13px * var(--fmt-olcek))) !important;
  line-height: 1.2 !important;
  color: rgba(255, 255, 255, .7);
}

/* --- sayfa yolu şeridi (iç sayfalar): 27px, #f3f3f3, şeritle birlikte sabit */
.fmt-yol {
  position: sticky;
  top: var(--fmt-ust-h);
  z-index: 1020;
  display: flex;
  align-items: center;
  min-height: var(--fmt-yol-h);
  padding: calc(3px * var(--fmt-olcek)) 0;
  background: #f3f3f3;
  color: #212529;
  font-family: var(--fmt-font);
  font-size: calc(16px * var(--fmt-olcek));
  font-weight: 300;
  line-height: calc(21px * var(--fmt-olcek));
}

.fmt-yol > .auto-container {
  width: min(calc(1256px * var(--fmt-olcek)), calc(100% - calc(48px * var(--fmt-olcek))));
  max-width: none;
  padding: 0;
}

.fmt-yol ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0 .3em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fmt-yol li {
  color: #721518;
  font-size: inherit;
  line-height: inherit;
}

/* XD: bağlantı olan halkalar koyu, bağlantısız (geçerli sayfa, "Kurumsal") bordo */
.fmt-yol li:has(> a) {
  color: #212529;
}

.fmt-yol li:not(:last-child)::after {
  content: " >";
  white-space: pre;
}

.fmt-yol a {
  color: inherit;
  transition: none;
}

.fmt-yol a:hover {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: calc(3px * var(--fmt-olcek));
}

/* --- 1200px altı ------------------------------------------------------ */

@media (max-width: 1199px) {
  .fmt-ust__logo img {
    height: calc(64px * var(--fmt-olcek));
  }
}

/* --- mobil (992px altı) ------------------------------------------------ */

@media (max-width: 991px) {
  :root {
    --fmt-ust-h: calc(70px * var(--fmt-ust-ince));
  }

  .fmt-ust__ic {
    width: calc(100% - 32px);
    align-items: center;
  }

  .fmt-ust__logo {
    margin: 0;
  }

  .fmt-ust__logo img {
    height: calc(52px * var(--fmt-ust-ince));
  }

  .fmt-menu {
    display: none;
  }

  .fmt-ust__araclar {
    align-self: stretch;
    align-items: center;
    gap: 6px;
  }

  .fmt-ust__ara-dugme,
  .fmt-ust__menu-dugme {
    display: inline-flex;
  }

  .fmt-dil {
    margin-left: 0;
    padding: 0 6px;
    align-self: stretch;
  }

  /* Arama şeridin altında tam genişlik satır olarak açılır */
  .fmt-ara {
    display: none;
  }

  .fmt-ust.is-ara-acik .fmt-ara {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: flex;
    padding: 12px 16px 14px;
    background: var(--fmt-ust-zemin);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
  }

  .fmt-ust--ana.is-ara-acik .fmt-ara {
    background: var(--fmt-ust-bant);
  }

  .fmt-ust.is-ara-acik .fmt-ara__kutu {
    flex: 1 1 auto;
  }

  .fmt-ust.is-ara-acik .fmt-ara__girdi {
    width: 100%;
    font-size: 18px;
  }

  .fmt-ara__sonuc {
    left: 16px;
    right: 16px;
    top: calc(100% - 4px);
    width: auto;
  }

  .fmt-dil__menu {
    right: 0;
  }

  .fmt-yol {
    font-size: 14px;
  }

  .fmt-yol > .auto-container {
    width: calc(100% - 32px);
  }
}

/* Mobil panel */
.fmt-mobil {
  position: fixed;
  inset: 0;
  z-index: 10000;
  font-family: var(--fmt-font);
}

.fmt-mobil[hidden] {
  display: none;
}

.fmt-mobil__perde {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .55);
  opacity: 0;
  transition: opacity .25s ease;
}

.fmt-mobil__kutu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: min(calc(360px * var(--fmt-olcek)), 88vw);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--fmt-form-zemin);
  color: #fff;
  transform: translateX(100%);
  transition: transform .25s ease;
}

.fmt-mobil.is-acik .fmt-mobil__perde {
  opacity: 1;
}

.fmt-mobil.is-acik .fmt-mobil__kutu {
  transform: none;
}

/* Kaydırma kilidi body'de: html'de overflow gizlenince yapışkan şerit bozuluyordu */
html.fmt-mobil-acik body {
  overflow: hidden;
}

.fmt-mobil__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(12px * var(--fmt-olcek));
  min-height: calc(70px * var(--fmt-ust-ince) * var(--fmt-olcek));   /* mobil şeritle aynı yükseklik */
  padding: calc(8px * var(--fmt-olcek)) calc(12px * var(--fmt-olcek)) calc(8px * var(--fmt-olcek)) calc(20px * var(--fmt-olcek));
  background: var(--fmt-bordo);
}

.fmt-mobil__bas img {
  display: block;
  width: auto;
  height: calc(48px * var(--fmt-olcek));
}

.fmt-mobil__liste {
  padding: calc(10px * var(--fmt-olcek)) 0 !important;
}

.fmt-mobil__liste > li {
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.fmt-mobil__liste a,
.fmt-mobil__liste summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: calc(50px * var(--fmt-olcek));
  padding: calc(10px * var(--fmt-olcek)) calc(20px * var(--fmt-olcek));
  color: #fff;
  font-size: calc(17px * var(--fmt-olcek));
  font-weight: 400;
  cursor: pointer;
}

.fmt-mobil__liste summary {
  list-style: none;
}

.fmt-mobil__liste summary::-webkit-details-marker {
  display: none;
}

.fmt-mobil__liste .is-etkin {
  font-weight: 600;
  box-shadow: inset calc(4px * var(--fmt-olcek)) 0 0 #fff;
}

.fmt-mobil__liste details[open] > summary .fmt-menu__ok {
  transform: rotate(180deg);
}

.fmt-mobil__liste details ul {
  padding: 0 0 calc(10px * var(--fmt-olcek)) !important;
  background: rgba(255, 255, 255, .04);
}

.fmt-mobil__liste details ul a {
  min-height: calc(42px * var(--fmt-olcek));
  padding-left: calc(34px * var(--fmt-olcek));
  font-size: max(11px, calc(15.5px * var(--fmt-olcek)));
  color: #d8dadd;
}

.fmt-mobil__iletisim {
  margin-top: auto;
  padding: calc(18px * var(--fmt-olcek)) calc(20px * var(--fmt-olcek)) calc(26px * var(--fmt-olcek));
  border-top: 1px solid rgba(255, 255, 255, .08);
  font-size: max(11px, calc(14.5px * var(--fmt-olcek)));
}

.fmt-mobil__baslik {
  margin: 0 0 calc(10px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: calc(16px * var(--fmt-olcek));
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}

.fmt-mobil__iletisim li {
  display: grid;
  grid-template-columns: calc(18px * var(--fmt-olcek)) 1fr;
  gap: calc(10px * var(--fmt-olcek));
  align-items: start;
  margin: 0 0 calc(8px * var(--fmt-olcek)) !important;
  color: #d8dadd;
  line-height: 1.45 !important;
}

.fmt-mobil__iletisim li .fmt-ikon {
  margin-top: 2px;
  color: #ff9b94;
}

.fmt-mobil__iletisim a {
  color: #fff;
}

.fmt-mobil__sosyal {
  display: flex !important;
  gap: calc(10px * var(--fmt-olcek));
  margin-top: calc(14px * var(--fmt-olcek)) !important;
}

.fmt-mobil__sosyal li {
  display: block !important;
}

.fmt-mobil__sosyal a {
  display: inline-grid;
  place-items: center;
  width: calc(38px * var(--fmt-olcek));
  height: calc(38px * var(--fmt-olcek));
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  font-size: calc(16px * var(--fmt-olcek));
}

.fmt-mobil__sosyal a:hover {
  background: var(--fmt-bordo);
}

/* XD'de menü öğelerinde ok yok: fareli masaüstünde üstüne gelince açılır,
   oklar gizlenir. Kurumsal'ın alt menü düğmesi klavyeyle odaklanınca görünür;
   dokunmatik ekranda (hover yok) oklar yerinde kalır. */
@media (hover: hover) and (min-width: 992px) {
  .fmt-menu__dugme .fmt-menu__ok {
    display: none;
  }

  .fmt-menu__alt-dugme:not(:focus-visible) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-ust *,
  .fmt-mega,
  .fmt-menu__alt,
  .fmt-dil__menu,
  .fmt-mobil__kutu,
  .fmt-mobil__perde {
    transition: none !important;
  }

  .fmt-mega__oge:hover,
  .fmt-menu__alt a:hover,
  .fmt-dil__menu a:hover,
  .fmt-dil__menu button:hover {
    transform: none;
  }
}

/* ================================================================ *
 * Anasayfa (index.php) — XD "ANASAYFA" 1920×6054, ölçüler 1920'deki px.
 * --u: sayfanın 1920'deki 1px'i (992px'e kadar her şey orantılı).
 * Dikey sıra (XD y): hero 0–1078 (kategori şeridi 879–1078), tanıtım
 * kartı 1108–1677, vitrin başlığı 1736, vitrin 1831–2611, Hakkımızda
 * kartı 2665–3384, slogan bandı 3451–3902, ilkeler 3955–5047, "Neden"
 * bandı 5098–5540, footer 5574.
 * Üstüne gelme (XD auto-animate 0.3s ease-out): kategori hücresi %50
 * bordo, tanıtım çizgisi 438px sağa, yan vitrin kartı zemini büyür, orta
 * kartın düğmesi bordo + 6px sağa, Hakkımızda düğmesi koyu bordo, ilke
 * hapı dışa kayar + koyu çerçeve.
 * ================================================================ */

.fmt-ana {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  --fmt-gecis: .3s ease-out;
  container-type: inline-size;
  position: relative;
  padding-bottom: calc(33.85 * var(--u));
  background: #fff url("../../images/diger/mermer-zemin.webp") center top / 100% auto repeat-y;
  font-family: var(--fmt-font);
  color: #212529;
}

.fmt-ana *,
.fmt-ana *::before,
.fmt-ana *::after {
  box-sizing: border-box;
}

.fmt-ana :where(a, img, video, button) {
  transition: none;
}

.fmt-ana :where(h1, h2, h3, p) {
  margin: 0;
  font-family: inherit;
}

.fmt-ana a:hover {
  text-decoration: none;
}

/* --- 1. hero: tam genişlik video + 4 kategori hücresi -------------------- */

.fmt-ana-hero {
  position: relative;
  /* Her zaman pencereye tam oturur: video + kategori şeridi ilk ekranda (kullanıcı isteği;
     XD'de 1080). Çok alçak pencerede şerit + header için en az bu kadar. */
  height: 100vh;
  height: 100svh;
  min-height: max(420px, calc(560 * var(--u)));
  overflow: hidden;
  background: #212529;
}

.fmt-ana-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.fmt-ana-hero__serit {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  height: calc(199 * var(--u));
  margin: 0;
  padding: 0 0 0 calc((100% - 1920 * var(--u)) / 2 + 267.54 * var(--u));   /* 1920 üstünde hücreler ortada */
  list-style: none;
  background: rgba(33, 37, 41, .5);
}

.fmt-ana-hero__serit li {
  flex: 0 0 calc(358 * var(--u));
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

.fmt-ana-hucre {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(17 * var(--u));
  height: 100%;
  color: #fff;
}

.fmt-ana-hucre > * {
  position: relative;
  z-index: 1;
}

/* Canlı sitedeki efekt (style3.css .resimkoy0): üstüne gelince bordo zemin 1 sn'de %80'e
   belirir, simge kendini yeniden çizer. */
.fmt-ana-hucre::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #721518;
  opacity: 0;
  pointer-events: none;
}

.fmt-ana-hucre:hover::before,
.fmt-ana-hucre:focus-visible::before {
  animation: fmt-hucre-zemin 1s linear forwards;
}

@keyframes fmt-hucre-zemin {
  from { opacity: 0; }
  to { opacity: .8; }
}

.fmt-ana-hucre:hover,
.fmt-ana-hucre:focus-visible {
  color: #fff;
}

/* Simge çizimi: her şekil pathLength=1 → kesik çizgi 1'den 0'a; çizim bitince dolgu gelir.
   Açılışta bir kez, üstüne gelince yeniden (farklı ad = animasyon baştan başlar). */
.fmt-ana-hucre__simge :is(path, circle, ellipse, line, rect, polygon, polyline) {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: fmt-ciz 2.6s ease-in-out both;
}

.fmt-ana-hucre__simge .d {
  stroke: #fff;
  stroke-width: 1;
  animation-name: fmt-ciz-dolgu;
}

.fmt-ana-hucre:hover .fmt-ana-hucre__simge :is(path, circle, ellipse, line, rect, polygon, polyline) {
  animation-name: fmt-ciz-2;
}

.fmt-ana-hucre:hover .fmt-ana-hucre__simge .d {
  animation-name: fmt-ciz-dolgu-2;
}

@keyframes fmt-ciz {
  0% { stroke-dashoffset: 1; }
  100% { stroke-dashoffset: 0; }
}

@keyframes fmt-ciz-2 {
  0% { stroke-dashoffset: 1; }
  100% { stroke-dashoffset: 0; }
}

@keyframes fmt-ciz-dolgu {
  0% { stroke-dashoffset: 1; fill-opacity: 0; stroke-opacity: 1; }
  78% { stroke-dashoffset: 0; fill-opacity: 0; stroke-opacity: 1; }
  100% { stroke-dashoffset: 0; fill-opacity: 1; stroke-opacity: 0; }
}

@keyframes fmt-ciz-dolgu-2 {
  0% { stroke-dashoffset: 1; fill-opacity: 0; stroke-opacity: 1; }
  78% { stroke-dashoffset: 0; fill-opacity: 0; stroke-opacity: 1; }
  100% { stroke-dashoffset: 0; fill-opacity: 1; stroke-opacity: 0; }
}

.fmt-ana-hucre:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.fmt-ana-hucre__simge {
  flex: 0 0 auto;
  width: calc(var(--g) * var(--u));
  height: auto;
}

.fmt-ana-hucre__ad {
  font-size: calc(25 * var(--u));
  font-weight: 500;
  line-height: calc(32 * var(--u));
  white-space: nowrap;
}

/* --- 2. tanıtım: siyah metin paneli + video (1664×569, köşe 46) ----------- */

.fmt-ana-tanitim {
  display: grid;
  grid-template-columns: calc(904 * var(--u)) calc(760 * var(--u));
  width: calc(1664 * var(--u));
  height: calc(569 * var(--u));
  margin: calc(30 * var(--u)) auto 0;
  border-radius: calc(46 * var(--u));
  overflow: hidden;
  background: #000;
}

.fmt-ana-tanitim__metin {
  position: relative;
  z-index: 1;
  padding: calc(126.7 * var(--u)) 0 0 calc(108.36 * var(--u));
  background: #000;
  color: #fff;
}

.fmt-ana-tanitim__baslik {
  font-size: calc(38 * var(--u));
  font-weight: 600;
  line-height: calc(50 * var(--u));
  color: #fff;
  white-space: nowrap;
}

/* Beyaz çizgi 409×6; üstüne gelince 438px sağa kayar (XD). Kayan çizgi farenin
   altından çekilip geri dönmesin diye tetik alanı iki konumu da kapsar. */
.fmt-ana-tanitim__cizgi {
  display: block;
  width: calc(847 * var(--u));
  margin: calc(-1.7 * var(--u) - 10px) 0 -10px calc(2.64 * var(--u));
  padding: 10px 0;
}

.fmt-ana-tanitim__cizgi span {
  display: block;
  width: calc(409 * var(--u));
  height: max(3px, calc(6 * var(--u)));
  border-radius: calc(3 * var(--u));
  background: #fff;
  transition: transform var(--fmt-gecis);
}

.fmt-ana-tanitim__cizgi:hover span {
  transform: translateX(calc(438 * var(--u)));
}

.fmt-ana-tanitim__yazi {
  width: calc(880 * var(--u));
  margin-top: calc(35 * var(--u));
}

.fmt-ana-tanitim__yazi p {
  font-size: calc(25 * var(--u));
  line-height: calc(32 * var(--u));
  color: #fff;
}

.fmt-ana-tanitim__medya {
  position: relative;
}

.fmt-ana-tanitim__medya video,
.fmt-ana-tanitim__medya img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

/* --- 3. En Çok Tercih Edilen Ürünlerimiz: 3 yuva ------------------------- */

.fmt-ana-vitrin__baslik {
  margin-top: calc(59 * var(--u));
  font-size: calc(55 * var(--u));
  font-weight: 600;
  line-height: calc(71 * var(--u));
  color: #721518;
  text-align: center;
}

/* Kaydırıcı: kartlar yuvalar (sol / orta / sağ / dışarıda) arasında kayarak,
   büyüyüp küçülerek ve renk değiştirerek geçer. Ölçüler XD'deki 3 yuva. */
.fmt-ana-vitrin {
  --fmt-kay: .65s cubic-bezier(.22, .61, .36, 1);
}

.fmt-ana-vitrin__sahne {
  position: relative;
  max-width: calc(1920 * var(--u));   /* 1920 üstünde kartlar ortada */
  height: calc(780 * var(--u));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(24 * var(--u));
  overflow-x: clip;
  overflow-y: visible;
  touch-action: pan-y;
}

.fmt-vitrin-kart {
  position: absolute;
  top: calc(47 * var(--u));
  left: calc(129 * var(--u));
  width: calc(468 * var(--u));
  height: calc(686 * var(--u));
  color: #fff;
  text-align: center;
  visibility: visible;
  transition: left var(--fmt-kay), top var(--fmt-kay), width var(--fmt-kay), height var(--fmt-kay), opacity var(--fmt-kay), visibility 0s;
}

.fmt-vitrin-kart.is-sag {
  left: calc(1325 * var(--u));
}

.fmt-vitrin-kart.is-orta {
  top: 0;
  left: calc(675 * var(--u));
  width: calc(570 * var(--u));
  height: calc(780 * var(--u));
  color: #000;
}

/* Sahne dışı: sola ya da sağa çıkar, görünmez */
.fmt-vitrin-kart.is-gizli,
.fmt-vitrin-kart.is-gizli-sag,
.fmt-vitrin-kart.is-gizli-sol {
  left: calc(1960 * var(--u));
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: left var(--fmt-kay), top var(--fmt-kay), width var(--fmt-kay), height var(--fmt-kay), opacity var(--fmt-kay), visibility 0s linear .65s;
}

.fmt-vitrin-kart.is-gizli-sol {
  left: calc(-520 * var(--u));
}

/* Yerine anında konma (sahneye girecek kart önce doğru kenara ışınlanır) */
.fmt-vitrin-kart.is-anlik,
.fmt-vitrin-kart.is-anlik * {
  transition: none !important;
}

.fmt-vitrin-kart.is-sol,
.fmt-vitrin-kart.is-sag {
  cursor: pointer;
}

.fmt-vitrin-kart__zemin {
  position: absolute;
  inset: 0;
  border-radius: calc(29 * var(--u));
  background: #f3f3f3;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .28);
  transition: inset var(--fmt-gecis);
}

/* XD: sol kart yukarıdan aşağı koyu → bordo, sağ kart bordo → koyu; orta açık.
   Geçişte katmanlar birbirine karışır (zemin rengi animasyonla değişir). */
.fmt-vitrin-kart__zemin::before,
.fmt-vitrin-kart__zemin::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  transition: opacity var(--fmt-kay);
}

.fmt-vitrin-kart__zemin::before {
  background: linear-gradient(180deg, #212529 5%, #721518 83%);
}

.fmt-vitrin-kart__zemin::after {
  background: linear-gradient(180deg, #721518 17%, #212529 95%);
}

.is-sol > .fmt-vitrin-kart__zemin::before,
.is-gizli-sol > .fmt-vitrin-kart__zemin::before,
.is-sag > .fmt-vitrin-kart__zemin::after,
.is-gizli-sag > .fmt-vitrin-kart__zemin::after,
.is-gizli > .fmt-vitrin-kart__zemin::after {
  opacity: 1;
}

/* Yan kart üstüne gelince zemin büyür: sol 486×692, sağ 488×690 (XD) */
.fmt-vitrin-kart.is-sol:hover > .fmt-vitrin-kart__zemin {
  inset: calc(-3 * var(--u)) calc(-9 * var(--u));
}

.fmt-vitrin-kart.is-sag:hover > .fmt-vitrin-kart__zemin {
  inset: calc(-2 * var(--u)) calc(-10 * var(--u));
}

.fmt-vitrin-kart__resim {
  position: absolute;
  left: 50%;
  top: calc(60 * var(--u));
  width: calc(560 * var(--u));
  height: calc(400 * var(--u));
  max-width: none;
  object-fit: contain;
  transform: translateX(-50%);
  filter: drop-shadow(0 calc(9 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .33));
  transition: top var(--fmt-kay), width var(--fmt-kay), height var(--fmt-kay), object-position var(--fmt-kay), filter var(--fmt-kay) !important;
}

.is-sol > .fmt-vitrin-kart__resim {
  filter: drop-shadow(0 calc(9 * var(--u)) calc(3 * var(--u)) rgba(63, 5, 5, .35));
}

.is-orta > .fmt-vitrin-kart__resim {
  top: calc(40 * var(--u));
  width: calc(570 * var(--u));
  height: calc(570 * var(--u));
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

/* Dikey görseller (degazör, EN economizer; index.php en/boy > 1.05 ise sınıfı
   verir) XD'nin 570×570 kutusunda başlığın (512) ve yazının altına iniyordu:
   kutu başlığın üstünde biter, görsel tabana oturur. Kare/yatay XD'deki gibi. */
.is-orta > .fmt-vitrin-kart__resim--dik {
  height: calc(455 * var(--u));
  object-position: 50% 100%;
}

.fmt-vitrin-kart__ad {
  position: absolute;
  left: calc(20 * var(--u));
  right: calc(20 * var(--u));
  top: calc(501.3 * var(--u));
  font-size: calc(19 * var(--u));
  font-weight: 600;
  line-height: calc(24 * var(--u));
  color: #fff;
  text-transform: uppercase;
  transition: top var(--fmt-kay), font-size var(--fmt-kay), line-height var(--fmt-kay), color var(--fmt-kay);
}

.is-orta > .fmt-vitrin-kart__ad {
  top: calc(512.2 * var(--u));
  font-size: calc(27 * var(--u));
  line-height: calc(35 * var(--u));
  color: #721518;
}

.fmt-vitrin-kart__yazi {
  position: absolute;
  left: calc(59 * var(--u));
  right: calc(59 * var(--u));
  top: calc(528.2 * var(--u));
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* clamp 3↔4 anında değişir; yükseklik kayarak açılsın/kapansın */
  max-height: calc(3 * max(13.5px, calc(17 * var(--u))));
  overflow: hidden;
  font-size: max(10.5px, calc(13 * var(--u)));    /* küçük ölçekte okunur kalsın */
  line-height: max(13.5px, calc(17 * var(--u)));
  color: #fff;
  transition: top var(--fmt-kay), left var(--fmt-kay), right var(--fmt-kay), font-size var(--fmt-kay), line-height var(--fmt-kay), color var(--fmt-kay), max-height var(--fmt-kay);
}

.is-orta > .fmt-vitrin-kart__yazi {
  left: calc(30 * var(--u));
  right: calc(30 * var(--u));
  top: calc(548.9 * var(--u));
  -webkit-line-clamp: 4;
  max-height: calc(104 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(26 * var(--u));
  color: #000;
}

.fmt-vitrin-kart__dugme {
  position: absolute;
  left: 50%;
  /* dar ekranda yazının taban ölçüsü (13.5px satır) 3 satırı hapın altına itiyordu */
  top: max(calc(592.87 * var(--u)), calc(528.2 * var(--u) + 47.5px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(148.6 * var(--u));
  height: calc(32.06 * var(--u));
  margin-left: calc(-74.3 * var(--u));
  padding: 0 calc(20.9 * var(--u)) 0 calc(18.5 * var(--u));
  border-radius: calc(16.03 * var(--u));
  background: #212529;
  box-shadow: inset 0 0 0 1px rgba(114, 21, 24, 0), 0 3px 3px rgba(0, 0, 0, 0);
  color: #fff;
  font-size: calc(11 * var(--u));
  font-weight: 600;
  line-height: calc(15 * var(--u));
  white-space: nowrap;
  transition: top var(--fmt-kay), width var(--fmt-kay), height var(--fmt-kay), margin-left var(--fmt-kay), padding var(--fmt-kay), border-radius var(--fmt-kay), background-color var(--fmt-kay), box-shadow var(--fmt-kay), color var(--fmt-kay), font-size var(--fmt-kay), line-height var(--fmt-kay), transform var(--fmt-gecis) !important;
}

.is-sag > .fmt-vitrin-kart__dugme,
.is-gizli-sag > .fmt-vitrin-kart__dugme,
.is-gizli > .fmt-vitrin-kart__dugme {
  background: #721518;
}

.fmt-vitrin-kart__dugme svg {
  flex: 0 0 auto;
  width: calc(13 * var(--u));
  height: auto;
  transition: width var(--fmt-kay);
}

.fmt-vitrin-kart__dugme:hover,
.fmt-vitrin-kart__dugme:focus-visible {
  color: #fff;
}

/* Orta kartın düğmesi 207×45: açık zemin, bordo çerçeve; üstüne gelince bordo + 6px sağa */
.is-orta > .fmt-vitrin-kart__dugme {
  top: calc(663 * var(--u));
  width: calc(207.41 * var(--u));
  height: calc(44.75 * var(--u));
  margin-left: calc(-103.7 * var(--u));
  padding: 0 calc(26.2 * var(--u));
  border-radius: calc(22.37 * var(--u));
  background: #f3f3f3;
  box-shadow: inset 0 0 0 1px #721518, 0 3px 3px rgba(0, 0, 0, .16);
  color: #212529;
  font-size: calc(17 * var(--u));
  line-height: calc(22 * var(--u));
}

.is-orta > .fmt-vitrin-kart__dugme svg {
  width: calc(20.72 * var(--u));
}

.is-orta > .fmt-vitrin-kart__dugme:hover,
.is-orta > .fmt-vitrin-kart__dugme:focus-visible {
  transform: translateX(calc(6 * var(--u)));
  background: #721518;
  color: #fff;
  transition-duration: .3s !important;
}

.fmt-vitrin-kart__dugme:focus-visible {
  outline: 2px solid #721518;
  outline-offset: 3px;
}

/* Önceki / sonraki: XD'deki daire ok (#f1efef zemin, bordo ok); üstüne gelince bordo */
.fmt-ana-vitrin__git {
  position: absolute;
  top: calc(390 * var(--u));
  z-index: 3;
  display: grid;
  place-items: center;
  width: max(40px, calc(56 * var(--u)));
  height: max(40px, calc(56 * var(--u)));
  margin-top: calc(max(40px, calc(56 * var(--u))) / -2);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f1efef;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  color: #721518;
  cursor: pointer;
  transition: background-color var(--fmt-gecis), color var(--fmt-gecis), transform var(--fmt-gecis), box-shadow var(--fmt-gecis) !important;
}

.fmt-ana-vitrin__git svg {
  width: 44%;
  height: auto;
}

.fmt-ana-vitrin__git--onceki {
  left: calc(38 * var(--u));
}

.fmt-ana-vitrin__git--onceki svg {
  transform: scaleX(-1);
}

.fmt-ana-vitrin__git--sonraki {
  right: calc(38 * var(--u));
}

.fmt-ana-vitrin__git:hover,
.fmt-ana-vitrin__git:focus-visible {
  background: #721518;
  color: #fff;
  box-shadow: 0 6px 14px rgba(114, 21, 24, .35);
}

.fmt-ana-vitrin__git--onceki:hover {
  transform: translateX(calc(-5 * var(--u)));
}

.fmt-ana-vitrin__git--sonraki:hover {
  transform: translateX(calc(5 * var(--u)));
}

.fmt-ana-vitrin__git:focus-visible {
  outline: 2px solid #721518;
  outline-offset: 3px;
}

/* Noktalar: hangi üründe olunduğu; tıklanınca o ürün ortaya gelir */
.fmt-ana-vitrin__noktalar {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: calc(20 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}

.fmt-ana-vitrin__noktalar li {
  margin: 0;
  line-height: 0;
}

.fmt-ana-vitrin__nokta {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #c9c9c9;
  cursor: pointer;
  transition: width var(--fmt-gecis), background-color var(--fmt-gecis) !important;
}

.fmt-ana-vitrin__nokta:hover {
  background: #a5a5a5;
}

.fmt-ana-vitrin__nokta[aria-current="true"] {
  width: 30px;
  background: #721518;
}

.fmt-ana-vitrin__nokta:focus-visible {
  outline: 2px solid #721518;
  outline-offset: 3px;
}
/* --- 4. Hakkımızda video kartı (1664×719, köşe 45) ------------------------ */

.fmt-ana-hakkimizda {
  position: relative;
  isolation: isolate;
  width: calc(1664 * var(--u));
  height: calc(719 * var(--u));
  margin: calc(24 * var(--u)) auto 0;   /* XD 54: araya noktalar girdi */
  border-radius: calc(45 * var(--u));
  overflow: hidden;
  color: #fff;
  text-align: center;
}

/* XD: video + #424242 %75 perde, ikisi birlikte %89 opak */
.fmt-ana-hakkimizda__medya {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .89;
  background: #424242;
}

.fmt-ana-hakkimizda__medya video {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.fmt-ana-hakkimizda__medya::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(66, 66, 66, .75);
}

.fmt-ana-hakkimizda__baslik {
  padding-top: calc(150 * var(--u));
  font-size: calc(60 * var(--u));
  font-weight: 600;
  line-height: calc(78 * var(--u));
  color: #fff;
  text-transform: uppercase;
}

.fmt-ana-hakkimizda__yazi {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  width: calc(1428 * var(--u));
  margin: calc(13 * var(--u)) auto 0;
  font-size: calc(35 * var(--u));
  line-height: calc(46 * var(--u));
  color: #fff;
}

.fmt-ana-hakkimizda__dugme {
  position: absolute;
  left: 50%;
  top: calc(498 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(15 * var(--u));
  width: calc(555 * var(--u));
  height: calc(69 * var(--u));
  margin-left: calc(-277.5 * var(--u));
  border-radius: calc(35 * var(--u));
  background: #fff;
  color: #721518;
  font-size: calc(35 * var(--u));
  font-weight: 600;
  line-height: calc(46 * var(--u));
  white-space: nowrap;
  transition: background-color var(--fmt-gecis), color var(--fmt-gecis) !important;
}

.fmt-ana-hakkimizda__dugme svg {
  flex: 0 0 auto;
  width: calc(40 * var(--u));
  height: auto;
}

.fmt-ana-hakkimizda__dugme:hover,
.fmt-ana-hakkimizda__dugme:focus-visible {
  background: #59191f;
  color: #fff;
}

.fmt-ana-hakkimizda__dugme:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* --- 5. slogan bandı (bordo, 451) ------------------------------------------ */

.fmt-ana-slogan {
  min-height: calc(451 * var(--u));
  margin-top: calc(66.6 * var(--u));
  padding: calc(45.5 * var(--u)) calc(40 * var(--u)) calc(37 * var(--u));
  background: #721518;
  color: #fff;
  text-align: center;
}

.fmt-ana-slogan__baslik {
  max-width: calc(1400 * var(--u));
  margin: 0 auto;
  font-size: calc(85 * var(--u));
  font-weight: 800;
  line-height: calc(81 * var(--u));
  color: #fff;
  text-wrap: balance;
}

.fmt-ana-slogan__yazi {
  max-width: calc(800 * var(--u));
  margin: calc(54 * var(--u)) auto 0;
  font-size: calc(34 * var(--u));
  line-height: calc(38 * var(--u));
  color: #fff;
  text-wrap: balance;
}

.fmt-ana-slogan__yazi strong {
  display: block;
  font-size: calc(38 * var(--u));
  font-weight: 700;
}

/* --- 6. ilkeler: 1337×241 haplar, sol-sağ dönüşümlü ----------------------- */

.fmt-ana-ilkeler {
  margin-top: calc(53.3 * var(--u));
  overflow: hidden;
  padding: 0 0 4px;
}

.fmt-ilke {
  position: relative;
  width: calc(1337 * var(--u));
  height: calc(241 * var(--u));
  background: #fff;
  box-shadow: inset 0 0 0 max(1px, calc(2 * var(--u))) #721518;
  color: #721518;
  transition: transform var(--fmt-gecis), box-shadow var(--fmt-gecis), color var(--fmt-gecis);
}

.fmt-ilke--sol {
  margin-left: calc(-9 * var(--u));
  border-radius: 0 calc(300 * var(--u)) calc(300 * var(--u)) 0;
}

.fmt-ilke--sag {
  margin-left: auto;   /* XD x 591.54 = sağ kenara yaslı (1920 üstünde de kenarda kalır) */
  margin-right: calc(-8.54 * var(--u));
  border-radius: calc(300 * var(--u)) 0 0 calc(300 * var(--u));
}

.fmt-ilke:nth-child(2) { margin-top: calc(44.14 * var(--u)); }
.fmt-ilke:nth-child(3) { margin-top: calc(39.8 * var(--u)); }
.fmt-ilke:nth-child(4) { margin-top: calc(44.13 * var(--u)); }

.fmt-ilke:hover {
  box-shadow: inset 0 0 0 max(2px, calc(4 * var(--u))) #212529;
  color: #212529;
}

.fmt-ilke--sol:hover {
  transform: translateX(calc(-9 * var(--u)));
}

.fmt-ilke--sag:hover {
  transform: translateX(calc(11 * var(--u)));
}

.fmt-ilke__metin {
  position: absolute;
  top: calc(33.4 * var(--u));
  width: calc(1000 * var(--u));
}

.fmt-ilke--sol .fmt-ilke__metin {
  left: calc(83 * var(--u));
}

.fmt-ilke--sag .fmt-ilke__metin {
  right: calc(82 * var(--u));
  text-align: right;
}

.fmt-ilke__baslik {
  font-size: calc(36 * var(--u));
  font-weight: 700;
  line-height: calc(35 * var(--u));
  color: inherit;
}

.fmt-ilke__yazi {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-size: calc(28 * var(--u));
  line-height: calc(35 * var(--u));
  color: inherit;
}

/* Simge: XD çizimi maske, rengi yazıyla birlikte değişir */
.fmt-ilke__simge {
  position: absolute;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.fmt-ilke--1 .fmt-ilke__simge {
  left: calc(1116.5 * var(--u)); top: calc(41.8 * var(--u)); width: calc(142 * var(--u)); height: calc(157 * var(--u));
  -webkit-mask-image: url("../../images/diger/ilke-1.svg"); mask-image: url("../../images/diger/ilke-1.svg");
}

.fmt-ilke--2 .fmt-ilke__simge {
  left: calc(89.8 * var(--u)); top: calc(46.2 * var(--u)); width: calc(146 * var(--u)); height: calc(156 * var(--u));
  -webkit-mask-image: url("../../images/diger/ilke-2.svg"); mask-image: url("../../images/diger/ilke-2.svg");
}

.fmt-ilke--3 .fmt-ilke__simge {
  left: calc(1108 * var(--u)); top: calc(52 * var(--u)); width: calc(165 * var(--u)); height: calc(138 * var(--u));
  -webkit-mask-image: url("../../images/diger/ilke-3.svg"); mask-image: url("../../images/diger/ilke-3.svg");
}

.fmt-ilke--4 .fmt-ilke__simge {
  left: calc(80.8 * var(--u)); top: calc(54.6 * var(--u)); width: calc(131 * var(--u)); height: calc(132 * var(--u));
  -webkit-mask-image: url("../../images/diger/ilke-4.svg"); mask-image: url("../../images/diger/ilke-4.svg");
}

/* --- 7. "Neden Bizi Seçmelisiniz" bandı (bordo, 442) ------------------------ */

.fmt-ana-neden {
  min-height: calc(442 * var(--u));
  margin-top: calc(51 * var(--u));
  padding: calc(49 * var(--u)) calc(40 * var(--u)) calc(36 * var(--u));
  background: #721518;
  color: #fff;
  text-align: center;
}

.fmt-ana-neden__baslik {
  max-width: calc(760 * var(--u));
  margin: 0 auto;
  font-size: calc(80 * var(--u));
  font-weight: 800;
  line-height: calc(64 * var(--u));
  color: #fff;
  text-wrap: balance;
}

.fmt-ana-neden__yazi {
  max-width: calc(1340 * var(--u));
  margin: calc(33 * var(--u)) auto 0;
}

.fmt-ana-neden__yazi p {
  font-size: calc(28 * var(--u));
  line-height: calc(28 * var(--u));
  color: #fff;
}

/* --- tablet/telefon (XD'de yok): alt alta, sabit ölçüler ------------------ */

@media (max-width: 991px) {
  .fmt-ana {
    padding-bottom: 24px;
  }

  .fmt-ana-hero {
    min-height: 480px;
  }

  .fmt-ana-hero__serit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: auto;
    padding: 0;
    background: rgba(33, 37, 41, .72);
  }

  .fmt-ana-hero__serit li {
    flex: none;
  }

  .fmt-ana-hucre {
    justify-content: flex-start;
    gap: 12px;
    min-height: 84px;
    padding: 12px 14px;
  }

  .fmt-ana-hucre__simge {
    width: calc(var(--g) * .62px);
  }

  .fmt-ana-hucre__ad {
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
  }

  .fmt-ana-hucre__ad br {
    display: none;
  }

  .fmt-ana-tanitim {
    grid-template-columns: 1fr;
    width: calc(100% - 32px);
    height: auto;
    margin-top: 24px;
    border-radius: 20px;
  }

  .fmt-ana-tanitim__metin {
    order: 2;
    padding: 28px 22px 30px;
  }

  .fmt-ana-tanitim__baslik {
    font-size: 24px;
    line-height: 30px;
    white-space: normal;
  }

  .fmt-ana-tanitim__cizgi {
    width: auto;
    margin: 6px 0 0;
    padding: 0;
  }

  .fmt-ana-tanitim__cizgi span {
    width: 140px;
    height: 4px;
  }

  .fmt-ana-tanitim__cizgi:hover span {
    transform: none;
  }

  .fmt-ana-tanitim__yazi {
    width: auto;
    margin-top: 18px;
  }

  .fmt-ana-tanitim__yazi p {
    font-size: 15.5px;
    line-height: 1.55;
  }

  .fmt-ana-tanitim__medya {
    aspect-ratio: 16 / 10;
  }

  .fmt-ana-vitrin__baslik {
    margin-top: 40px;
    padding: 0 16px;
    font-size: 28px;
    line-height: 1.2;
  }

  /* Vitrin: yatay kaydırmalı açık kartlar */
  .fmt-ana-vitrin__sahne {
    display: flex;
    gap: 16px;
    height: auto;
    margin-top: 20px;
    padding: 6px 16px 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .fmt-vitrin-kart,
  .fmt-vitrin-kart.is-orta,
  .fmt-vitrin-kart.is-sag,
  .fmt-vitrin-kart.is-gizli {
    position: relative;
    top: auto;
    left: auto;
    flex: 0 0 min(82vw, 340px);
    width: auto;
    height: auto;
    padding: 16px 16px 22px;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    color: #000;
    scroll-snap-align: center;
    cursor: auto;
  }

  .fmt-vitrin-kart .fmt-vitrin-kart__zemin,
  .fmt-vitrin-kart:hover .fmt-vitrin-kart__zemin {
    inset: 0;
    border-radius: 20px;
    background: #f3f3f3;
  }

  .fmt-vitrin-kart .fmt-vitrin-kart__resim,
  .is-orta > .fmt-vitrin-kart__resim {
    position: relative;
    left: auto;
    top: auto;
    display: block;
    width: 100%;
    height: 220px;
    object-position: 50% 50%;
    transform: none;
    filter: none;
  }

  .fmt-vitrin-kart .fmt-vitrin-kart__ad,
  .fmt-vitrin-kart .fmt-vitrin-kart__yazi,
  .fmt-vitrin-kart .fmt-vitrin-kart__dugme {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
  }

  .fmt-vitrin-kart .fmt-vitrin-kart__ad {
    margin-top: 14px;
    font-size: 18px;
    line-height: 24px;
    color: #721518;
  }

  .fmt-vitrin-kart .fmt-vitrin-kart__yazi {
    margin-top: 6px;
    font-size: 14.5px;
    line-height: 20px;
    color: #000;
    -webkit-line-clamp: 4;
    max-height: none;
  }

  .fmt-vitrin-kart .fmt-vitrin-kart__dugme {
    display: inline-flex;
    gap: 10px;
    width: auto;
    height: 42px;
    margin: 16px auto 0;
    padding: 0 20px;
    border-radius: 21px;
    background: #721518;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
  }

  .fmt-vitrin-kart .fmt-vitrin-kart__dugme svg {
    width: 16px;
  }

  .fmt-ana-vitrin__git,
  .fmt-ana-vitrin__noktalar {
    display: none;
  }

  .fmt-vitrin-kart.is-gizli-sol,
  .fmt-vitrin-kart.is-gizli-sag {
    position: relative;
    left: auto;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .fmt-ana-hakkimizda {
    width: calc(100% - 32px);
    height: auto;
    margin-top: 32px;
    padding: 44px 20px 40px;
    border-radius: 20px;
  }

  .fmt-ana-hakkimizda__baslik {
    padding-top: 0;
    font-size: 30px;
    line-height: 1.2;
  }

  .fmt-ana-hakkimizda__yazi {
    width: auto;
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.5;
    -webkit-line-clamp: 6;
  }

  .fmt-ana-hakkimizda__dugme {
    position: relative;
    left: auto;
    top: auto;
    gap: 10px;
    width: min(100%, 320px);
    height: 52px;
    margin: 26px auto 0;
    border-radius: 26px;
    font-size: 17px;
    line-height: 22px;
  }

  .fmt-ana-hakkimizda__dugme svg {
    width: 20px;
  }

  .fmt-ana-slogan {
    min-height: 0;
    margin-top: 36px;
    padding: 40px 20px;
  }

  .fmt-ana-slogan__baslik {
    font-size: 32px;
    line-height: 1.1;
  }

  .fmt-ana-slogan__yazi {
    max-width: none;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.45;
  }

  .fmt-ana-slogan__yazi strong {
    font-size: 17px;
  }

  .fmt-ana-ilkeler {
    margin-top: 32px;
    padding: 0 16px 4px;
  }

  .fmt-ilke,
  .fmt-ilke--sol,
  .fmt-ilke--sag {
    width: auto;
    height: auto;
    margin: 0;
    padding: 22px 22px 22px 24px;
  }

  .fmt-ilke + .fmt-ilke {
    margin-top: 16px;
  }

  .fmt-ilke--sol {
    margin-right: 14px;
    padding-right: 96px;
    border-radius: 0 60px 60px 0;
  }

  .fmt-ilke--sag {
    margin-left: 14px;
    padding-left: 96px;
    border-radius: 60px 0 0 60px;
  }

  .fmt-ilke--sol:hover,
  .fmt-ilke--sag:hover {
    transform: none;
  }

  .fmt-ilke__metin,
  .fmt-ilke--sol .fmt-ilke__metin,
  .fmt-ilke--sag .fmt-ilke__metin {
    position: static;
    width: auto;
  }

  .fmt-ilke .fmt-ilke__simge {
    top: 50%;
    width: 58px;
    height: 58px;
    margin-top: -29px;
  }

  .fmt-ilke--sol .fmt-ilke__simge {
    left: auto;
    right: 26px;
  }

  .fmt-ilke--sag .fmt-ilke__simge {
    left: 24px;
  }

  .fmt-ilke__baslik {
    font-size: 19px;
    line-height: 1.3;
  }

  .fmt-ilke__yazi {
    margin-top: 4px;
    font-size: 14.5px;
    line-height: 1.45;
    -webkit-line-clamp: 6;
  }

  .fmt-ana-neden {
    min-height: 0;
    margin-top: 32px;
    padding: 40px 20px;
  }

  .fmt-ana-neden__baslik {
    max-width: 420px;
    font-size: 32px;
    line-height: 1.1;
  }

  .fmt-ana-neden__yazi {
    margin-top: 18px;
  }

  .fmt-ana-neden__yazi p {
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-ana *,
  .fmt-ana *::before,
  .fmt-ana-vitrin__sahne {
    transition: none !important;
    animation: none !important;
  }

  .fmt-ana-hucre:hover::before {
    opacity: .8;
  }
}

/* ================================================================ *
 * WhatsApp düğmesi (data/header_alt.php + assets/js/fmt-whatsapp.js)
 * Sol altta sabit yeşil daire, yumuşak nabız halkası; farede sağa doğru
 * "WhatsApp'tan yazın" diye açılır. Oturumda bir kez karşılama balonu.
 * ================================================================ */

.fmt-wa {
  position: fixed;
  left: calc(24px * var(--fmt-olcek-wa));
  bottom: calc(24px * var(--fmt-olcek-wa));
  z-index: 1025;
  font-family: var(--fmt-font);
}

.fmt-wa__dugme {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(60px * var(--fmt-olcek-wa));
  min-width: calc(60px * var(--fmt-olcek-wa));
  padding: 0 calc(14px * var(--fmt-olcek-wa));
  border-radius: calc(30px * var(--fmt-olcek-wa));
  background: #25d366;
  color: #fff;
  box-shadow: 0 calc(10px * var(--fmt-olcek-wa)) calc(24px * var(--fmt-olcek-wa)) calc(-6px * var(--fmt-olcek-wa)) rgba(37, 211, 102, .6), 0 2px calc(6px * var(--fmt-olcek-wa)) rgba(0, 0, 0, .18);
  transition: background-color .3s ease-out, box-shadow .3s ease-out, padding .35s ease-out;
}

.fmt-wa__dugme::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  animation: fmt-wa-nabiz 2.6s ease-out infinite;
}

@keyframes fmt-wa-nabiz {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .5); }
  70% { box-shadow: 0 0 0 calc(16px * var(--fmt-olcek-wa)) rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.fmt-wa__simge {
  flex: 0 0 auto;
  width: calc(32px * var(--fmt-olcek-wa));
  height: calc(32px * var(--fmt-olcek-wa));
}

.fmt-wa__yazi {
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  font-size: calc(16px * var(--fmt-olcek-wa));
  font-weight: 700;
  line-height: 1;
  transition: max-width .35s ease-out, opacity .25s ease-out, margin .35s ease-out;
}

.fmt-wa__dugme:hover,
.fmt-wa__dugme:focus-visible {
  color: #fff;
  background: #1ebe5a;
  box-shadow: 0 calc(14px * var(--fmt-olcek-wa)) calc(28px * var(--fmt-olcek-wa)) calc(-8px * var(--fmt-olcek-wa)) rgba(30, 190, 90, .7), 0 calc(3px * var(--fmt-olcek-wa)) calc(8px * var(--fmt-olcek-wa)) rgba(0, 0, 0, .2);
}

@media (hover: hover) {
  .fmt-wa__dugme:hover,
  .fmt-wa__dugme:focus-visible {
    padding-right: calc(22px * var(--fmt-olcek-wa));
  }

  .fmt-wa__dugme:hover .fmt-wa__yazi,
  .fmt-wa__dugme:focus-visible .fmt-wa__yazi {
    max-width: calc(220px * var(--fmt-olcek-wa));
    margin-left: calc(10px * var(--fmt-olcek-wa));
    opacity: 1;
  }

  .fmt-wa__dugme:hover::before {
    animation: none;
  }
}

.fmt-wa__dugme:focus-visible {
  outline: calc(3px * var(--fmt-olcek-wa)) solid #fff;
  outline-offset: calc(3px * var(--fmt-olcek-wa));
}

/* Karşılama balonu */
.fmt-wa__balon {
  position: absolute;
  left: 0;
  bottom: calc(76px * var(--fmt-olcek-wa));
  width: min(calc(270px * var(--fmt-olcek-wa)), calc(100vw - calc(48px * var(--fmt-olcek-wa))));
  border-radius: calc(16px * var(--fmt-olcek-wa)) calc(16px * var(--fmt-olcek-wa)) calc(16px * var(--fmt-olcek-wa)) calc(4px * var(--fmt-olcek-wa));
  background: #fff;
  box-shadow: 0 calc(16px * var(--fmt-olcek-wa)) calc(36px * var(--fmt-olcek-wa)) rgba(0, 0, 0, .18), 0 2px calc(6px * var(--fmt-olcek-wa)) rgba(0, 0, 0, .08);
  opacity: 0;
  transform: translateY(calc(10px * var(--fmt-olcek-wa))) scale(.96);
  transform-origin: bottom left;
  transition: opacity .3s ease-out, transform .3s ease-out;
}

.fmt-wa__balon.is-acik {
  opacity: 1;
  transform: none;
}

.fmt-wa__balon[hidden] {
  display: none;
}

.fmt-wa__balon-bag {
  display: grid;
  gap: calc(4px * var(--fmt-olcek-wa));
  padding: calc(14px * var(--fmt-olcek-wa)) calc(38px * var(--fmt-olcek-wa)) calc(15px * var(--fmt-olcek-wa)) calc(16px * var(--fmt-olcek-wa));
  color: #212529;
  font-size: max(11px, calc(15px * var(--fmt-olcek-wa)));
  line-height: 1.4;
}

.fmt-wa__balon-bag strong {
  display: flex;
  align-items: center;
  gap: calc(7px * var(--fmt-olcek-wa));
  font-size: max(11px, calc(14px * var(--fmt-olcek-wa)));
  font-weight: 700;
  color: #212529;
}

.fmt-wa__balon-bag strong::before {
  content: "";
  width: calc(8px * var(--fmt-olcek-wa));
  height: calc(8px * var(--fmt-olcek-wa));
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 0 0 calc(3px * var(--fmt-olcek-wa)) rgba(37, 211, 102, .2);
}

.fmt-wa__balon-bag:hover {
  color: #212529;
}

.fmt-wa__kapat {
  position: absolute;
  top: calc(6px * var(--fmt-olcek-wa));
  right: calc(6px * var(--fmt-olcek-wa));
  display: grid;
  place-items: center;
  width: calc(28px * var(--fmt-olcek-wa));
  height: calc(28px * var(--fmt-olcek-wa));
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: #8a8d91;
  font-size: calc(20px * var(--fmt-olcek-wa));
  line-height: 1;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

.fmt-wa__kapat:hover,
.fmt-wa__kapat:focus-visible {
  background: #f1f1f2;
  color: #212529;
}

@media (max-width: 991px) {
  .fmt-wa {
    left: 16px;
    bottom: 16px;
  }

  .fmt-wa__dugme {
    height: 56px;
    min-width: 56px;
    padding: 0 12px;
  }

  .fmt-wa__balon {
    bottom: 70px;
  }

  /* Anasayfa (telefon): en üstteyken gizli, aşağı kaydırınca aşağıdan belirir.
     Sınıfı fmt-whatsapp.js verir; betik gelmeden de ilk görünüm gizli (yanıp sönmez). */
  .fmt-wa[data-fmt-wa-ana] {
    transition: opacity .3s ease-out, transform .3s ease-out, visibility 0s;
  }

  .fmt-wa[data-fmt-wa-ana]:not(.is-asagi) {
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: opacity .3s ease-out, transform .3s ease-out, visibility 0s linear .3s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-wa__dugme::before {
    animation: none;
  }

  .fmt-wa,
  .fmt-wa[data-fmt-wa-ana]:not(.is-asagi),
  .fmt-wa__dugme,
  .fmt-wa__yazi,
  .fmt-wa__balon {
    transition: none;
  }

  .fmt-wa[data-fmt-wa-ana]:not(.is-asagi) {
    transform: none;
  }
}
/* ================================================================ *
 * İletişim (iletisim.php) — XD "İLETİŞİM" 1920'deki ölçüler
 * Başlık SemiBold 40 (taban 234) + 108×6 çizgi (y 250); harita ve bilgi
 * kartı 575×669 (x 323 / 1022, y 334); ayraç 1714×2 #c9c9c9 (y 1057);
 * form kartı 1274×707 köşe 27 #212529 (y 1108); footer y 1835.
 * Üstüne gelme (XD 0.3s ease-out): haritada %64 koyu perde + "CTRL"
 * ipucu, "İletişim Bilgileri" 3px yükselir, GÖNDER bordo olur ve 7px
 * yükselir; boş alanda yer tutucu yerine "|" imleci.
 * ================================================================ */

.fmt-iletisim {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  container-type: inline-size;
  padding-bottom: calc(19.65 * var(--u));
}

.fmt-iletisim > .auto-container {
  max-width: none;
  padding: 0;
}

.fmt-iletisim .fmt-sayfa-baslik {
  padding: calc(72 * var(--u)) 0 0;
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #212529;
}

.fmt-iletisim .fmt-sayfa-baslik::after {
  width: calc(108 * var(--u));
  height: max(3px, calc(6 * var(--u)));
  margin: calc(19 * var(--u)) auto 0;
  border-radius: calc(6 * var(--u));
  background: #721518;
}

.fmt-iletisim .fmt-iletisim__icerik {
  max-width: none;
}

.fmt-iletisim .fmt-iletisim__ust {
  grid-template-columns: calc(575 * var(--u)) calc(575 * var(--u));
  justify-content: center;
  gap: calc(124 * var(--u));
  margin-top: calc(78 * var(--u));
}

.fmt-iletisim .fmt-harita,
.fmt-iletisim .fmt-bilgi-kart {
  height: calc(669 * var(--u));
  min-height: 0;
  border: 1px solid #b7b7b7;
}

.fmt-iletisim .fmt-harita {
  border-radius: calc(14 * var(--u));
}

/* XD: üstüne gelince %64 koyu perde ve "CTRL ile yakınlaştır" ipucu */
.fmt-harita__ipucu {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc(40 * var(--u));
  background: rgba(33, 37, 41, .64);
  color: #fff;
  font-family: var(--fmt-font);
  font-size: calc(30 * var(--u));
  font-weight: 500;
  line-height: calc(39 * var(--u));
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease-out;
}

.fmt-harita:hover .fmt-harita__ipucu {
  opacity: 1;
}

/* Harita kullanılırken (tıklayınca iframe odaklanır) ipucu çekilir */
.fmt-harita:focus-within .fmt-harita__ipucu {
  opacity: 0;
}

.fmt-iletisim .fmt-bilgi-kart {
  justify-content: flex-start;
  padding: calc(123 * var(--u)) calc(24 * var(--u)) 0;
  border-radius: calc(12 * var(--u));
  background: rgba(255, 255, 255, .85);
}

.fmt-iletisim .fmt-bilgi-kart__baslik {
  padding: 0;
  border: 0;
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #212529;
  transition: transform .3s ease-out;
}

.fmt-iletisim .fmt-bilgi-kart__baslik::after {
  content: "";
  display: block;
  width: calc(279 * var(--u));
  height: max(2px, calc(3 * var(--u)));
  margin: calc(16 * var(--u)) auto 0;
  border-radius: calc(6 * var(--u));
  background: #721518;
}

.fmt-iletisim .fmt-bilgi-kart__baslik:hover {
  transform: translateY(calc(-3 * var(--u)));
}

.fmt-iletisim .fmt-bilgi-kart__alt {
  margin: 0;
  font-size: max(11px, calc(13 * var(--u)));
  font-weight: 300;
  line-height: calc(29 * var(--u));
  color: #212529;
}

.fmt-iletisim .fmt-bilgi-kart ul {
  display: block;
  margin-top: calc(60.6 * var(--u));
}

.fmt-iletisim .fmt-bilgi-kart li {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: max(14px, calc(20 * var(--u)));
  line-height: calc(29 * var(--u));
  color: #212529;
}

.fmt-iletisim .fmt-bilgi-kart li + li {
  margin-top: calc(22.3 * var(--u));
}

.fmt-bilgi-kart__simge {
  display: block;
  width: calc(22.6 * var(--u));
  height: calc(22.1 * var(--u));
  margin-bottom: calc(9.9 * var(--u));
  background: center / contain no-repeat url("../../images/diger/ikon-telefon.webp");
}

.fmt-bilgi-kart__simge--eposta {
  width: calc(28 * var(--u));
  height: calc(20 * var(--u));
  margin-bottom: calc(7.5 * var(--u));
  background-image: url("../../images/diger/ikon-eposta.webp");
}

.fmt-bilgi-kart__simge--konum {
  width: calc(21 * var(--u));
  height: calc(30 * var(--u));
  margin-bottom: calc(9.3 * var(--u));
  background-image: url("../../images/diger/ikon-konum.webp");
}

.fmt-iletisim .fmt-bilgi-kart li:last-child {
  line-height: calc(26 * var(--u));
}

.fmt-iletisim .fmt-bilgi-kart__unvan {
  margin: 0;
  font-size: max(16px, calc(25 * var(--u)));
  font-weight: 500;
  line-height: calc(26 * var(--u));
  text-transform: none;
}

.fmt-iletisim .fmt-bilgi-kart a {
  color: #212529;
  transition: color .3s ease-out;
}

.fmt-iletisim .fmt-bilgi-kart a:hover {
  color: #721518;
}

.fmt-iletisim .fmt-ayrac {
  width: calc(1714 * var(--u));
  max-width: none;
  height: max(1px, calc(2 * var(--u)));
  margin: calc(54 * var(--u)) auto 0;
  border: 0;
  border-radius: calc(6 * var(--u));
  background: #c9c9c9;
  opacity: 1;
}

/* --- form kartı ---------------------------------------------------------- */

.fmt-iletisim .fmt-form-kart {
  width: calc(1274 * var(--u));
  max-width: none;
  min-height: calc(707 * var(--u));
  margin: calc(49 * var(--u)) auto 0;
  padding: calc(41.25 * var(--u)) calc(31 * var(--u)) calc(38 * var(--u)) calc(32 * var(--u));
  border-radius: calc(27 * var(--u));
  background: #212529;
}

.fmt-iletisim .fmt-form-kart__baslik {
  margin: 0;
  font-size: calc(35 * var(--u));
  font-weight: 700;
  line-height: calc(29 * var(--u));
}

.fmt-iletisim .fmt-form-izgara {
  grid-template-columns: calc(584 * var(--u)) calc(584 * var(--u));
  gap: calc(12.45 * var(--u)) calc(43 * var(--u));
  margin-top: calc(42.2 * var(--u));
}

.fmt-iletisim .fmt-form-alan label {
  margin: 0 0 calc(1.55 * var(--u));
  font-size: max(14px, calc(23 * var(--u)));
  font-weight: 500;
  line-height: calc(29 * var(--u));
}

.fmt-iletisim .fmt-form-kart input[type="text"],
.fmt-iletisim .fmt-form-kart input[type="email"],
.fmt-iletisim .fmt-form-kart input[type="tel"],
.fmt-iletisim .fmt-form-kart textarea {
  height: calc(38 * var(--u));
  padding: 0 calc(10.75 * var(--u));
  border: 1px solid transparent;
  border-radius: calc(5 * var(--u));
  background: rgba(255, 255, 255, .3);
  font-size: max(14px, calc(20 * var(--u)));
  line-height: calc(38 * var(--u));
  caret-color: #a5a5a5;
}

.fmt-iletisim .fmt-form-kart textarea {
  height: calc(224 * var(--u));
  padding: calc(10 * var(--u)) calc(10.75 * var(--u));
  line-height: calc(22 * var(--u));
}

.fmt-iletisim .fmt-form-kart input::placeholder,
.fmt-iletisim .fmt-form-kart textarea::placeholder {
  color: #a5a5a5;
  transition: color .3s ease-out;
}

/* XD: üstüne gelince yer tutucu gider (imleç "|") */
.fmt-iletisim .fmt-form-kart input:hover::placeholder,
.fmt-iletisim .fmt-form-kart textarea:hover::placeholder,
.fmt-iletisim .fmt-form-kart input:focus::placeholder,
.fmt-iletisim .fmt-form-kart textarea:focus::placeholder {
  color: transparent;
}

.fmt-iletisim .fmt-form-kart input:focus,
.fmt-iletisim .fmt-form-kart textarea:focus {
  border-color: rgba(255, 255, 255, .55);
  background: rgba(255, 255, 255, .36);
}

/* KVKK: 30×30 kutu, işaretlenince bordo + beyaz tik */
.fmt-iletisim .fmt-form-onay {
  gap: calc(9 * var(--u));
  margin-top: calc(23 * var(--u));
  font-size: max(13px, calc(20 * var(--u)));
  font-weight: 500;
  line-height: calc(22 * var(--u));
}

.fmt-iletisim .fmt-form-onay input {
  width: max(20px, calc(30 * var(--u)));
  height: max(20px, calc(30 * var(--u)));
  border-radius: calc(5 * var(--u));
  background: rgba(255, 255, 255, .3);
  transition: background-color .3s ease-out;
}

.fmt-iletisim .fmt-form-onay input::after {
  width: 70%;
  height: 54%;
  border: 0;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='14 14 21 16'%3E%3Cpath d='M19.34 28.84l-4.16-4.31a2.2 2.2 0 1 1 3.2-3.09l2.93 3.03 9.43-9.43a1.94 1.94 0 1 1 2.74 2.75L22.88 28.4a2.2 2.2 0 0 1-3.54.44z' fill='%23fff'/%3E%3C/svg%3E");
  transform: none;
  transition: opacity .3s ease-out;
}

.fmt-iletisim .fmt-form-onay input:checked {
  background: #721518;
}

.fmt-iletisim .fmt-form-alt {
  align-items: flex-start;
  margin-top: calc(17 * var(--u));
}

.fmt-iletisim .fmt-form-not {
  max-width: calc(560 * var(--u));
  font-size: max(11px, calc(13 * var(--u)));
}

/* GÖNDER: 255×70 köşe 7, %30 beyaz; üstüne gelince bordo + 7px yükselir */
.fmt-iletisim .fmt-dugme {
  flex: 0 0 auto;
  justify-content: space-between;
  width: calc(255 * var(--u));
  height: calc(70 * var(--u));
  padding: 0 calc(40 * var(--u)) 0 calc(40.19 * var(--u));
  border-radius: calc(7 * var(--u));
  background: rgba(255, 255, 255, .3);
  font-size: calc(30 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  letter-spacing: 0;
  transition: background-color .3s ease-out, transform .3s ease-out;
}

.fmt-iletisim .fmt-dugme svg {
  width: calc(30 * var(--u));
  height: auto;
}

.fmt-iletisim .fmt-dugme:hover,
.fmt-iletisim .fmt-dugme:focus-visible {
  background: #721518;
  transform: translateY(calc(-7 * var(--u)));
}

@media (max-width: 991px) {
  .fmt-iletisim {
    padding-bottom: 32px;
  }

  .fmt-iletisim > .auto-container {
    padding: 0 16px;
  }

  .fmt-iletisim .fmt-sayfa-baslik {
    padding-top: 32px;
    font-size: 28px;
    line-height: 1.2;
  }

  .fmt-iletisim .fmt-sayfa-baslik::after {
    width: 72px;
    height: 4px;
    margin-top: 10px;
  }

  .fmt-iletisim .fmt-iletisim__ust {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }

  .fmt-iletisim .fmt-harita,
  .fmt-iletisim .fmt-bilgi-kart {
    height: auto;
    min-height: 320px;
    border-radius: 14px;
  }

  .fmt-iletisim .fmt-bilgi-kart {
    padding: 36px 20px;
  }

  .fmt-iletisim .fmt-bilgi-kart__baslik {
    font-size: 26px;
    line-height: 1.2;
  }

  .fmt-iletisim .fmt-bilgi-kart__baslik::after {
    width: 180px;
    margin-top: 8px;
  }

  .fmt-iletisim .fmt-bilgi-kart__alt {
    line-height: 1.8;
  }

  .fmt-iletisim .fmt-bilgi-kart ul {
    margin-top: 26px;
  }

  .fmt-iletisim .fmt-bilgi-kart li,
  .fmt-iletisim .fmt-bilgi-kart li:last-child {
    font-size: 16px;
    line-height: 1.45;
  }

  .fmt-iletisim .fmt-bilgi-kart li + li {
    margin-top: 18px;
  }

  .fmt-bilgi-kart__simge { width: 20px; height: 20px; margin-bottom: 6px; }
  .fmt-bilgi-kart__simge--eposta { width: 24px; height: 17px; }
  .fmt-bilgi-kart__simge--konum { width: 17px; height: 24px; }

  .fmt-iletisim .fmt-bilgi-kart__unvan {
    font-size: 17px;
    line-height: 1.35;
  }

  .fmt-harita__ipucu {
    display: none;
  }

  .fmt-iletisim .fmt-ayrac {
    width: 100%;
    margin-top: 32px;
  }

  .fmt-iletisim .fmt-form-kart {
    width: 100%;
    min-height: 0;
    margin-top: 28px;
    padding: 28px 18px 24px;
    border-radius: 18px;
  }

  .fmt-iletisim .fmt-form-kart__baslik {
    font-size: 24px;
    line-height: 1.2;
  }

  .fmt-iletisim .fmt-form-izgara {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 20px;
  }

  .fmt-iletisim .fmt-form-alan label {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 1.3;
  }

  .fmt-iletisim .fmt-form-kart input[type="text"],
  .fmt-iletisim .fmt-form-kart input[type="email"],
  .fmt-iletisim .fmt-form-kart input[type="tel"] {
    height: 42px;
    padding: 0 12px;
    line-height: 42px;
    font-size: 16px;
  }

  .fmt-iletisim .fmt-form-kart textarea {
    height: 180px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.45;
  }

  .fmt-iletisim .fmt-form-onay {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.35;
  }

  .fmt-iletisim .fmt-dugme {
    width: 100%;
    height: 54px;
    justify-content: center;
    gap: 14px;
    padding: 0 20px;
    font-size: 20px;
  }

  .fmt-iletisim .fmt-dugme svg {
    width: 22px;
  }
}

/* ================================================================ *
 * İnsan Kaynakları + Teknik Servis — XD ölçüleri (1920'de)
 * Başlık SemiBold 40 (taban 234) + 108×6 çizgi; kart 1594 geniş köşe 40
 * #212529 + 1px #b7b7b7 (y 336); kart başlığı SemiBold 35 + XD simgesi;
 * bölüm başlığı SemiBold 30 + 176×4 beyaz çizgi (üstüne gelince 64px sağa);
 * etiket Medium 25/22, girdi 38 yükseklik köşe 5 %30 beyaz, yer tutucu
 * Regular 23 #a5a5a5 (üstüne gelince "|"); sütunlar XD'deki genişliklerde.
 * Eğitim sekmesi Medium 28 + 127×2 çizgi (üstüne gelince 56px sağa) + üçgen;
 * radyo 21px daire #a5a5a5 → seçilince/üstüne gelince bordo + beyaz çerçeve;
 * GÖNDER / TEKLİF AL %30 beyaz → üstüne gelince bordo (0.3s ease-out).
 * Bölümlerin arası XD'deki gibi: bölüm yüksekliği = bir sonraki başlığa mesafe
 * (açılınca eklenecek satırların yeri XD'de de boş duruyor).
 * ================================================================ */

.fmt-basvuru {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  container-type: inline-size;
  padding-bottom: calc(47.5 * var(--u));
}

.fmt-basvuru > .auto-container {
  max-width: none;
  padding: 0;
}

.fmt-basvuru .fmt-sayfa-baslik {
  padding: calc(72 * var(--u)) 0 0;
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #212529;
}

.fmt-basvuru .fmt-sayfa-baslik::after {
  width: calc(108 * var(--u));
  height: max(3px, calc(6 * var(--u)));
  margin: calc(19 * var(--u)) auto 0;
  border-radius: calc(6 * var(--u));
  background: #721518;
}

.fmt-basvuru .fmt-sayfa-giris {
  max-width: calc(1100 * var(--u));
  margin: calc(28 * var(--u)) auto 0;
  font-size: max(14px, calc(20 * var(--u)));
}

/* --- kart --------------------------------------------------------------- */

.fmt-basvuru .fmt-form-kart--genis {
  width: calc(1594 * var(--u));
  max-width: none;
  margin: calc(80 * var(--u)) auto 0;
  padding: calc(34 * var(--u)) calc(63.75 * var(--u)) calc(47.5 * var(--u)) calc(51.25 * var(--u));
  border: 1px solid #b7b7b7;
  border-radius: calc(40 * var(--u));
  background: #212529;
}

.fmt-basvuru--ts .fmt-form-kart--genis {
  padding: calc(36 * var(--u)) calc(60.25 * var(--u)) calc(45 * var(--u)) calc(60.5 * var(--u));
}

.fmt-basvuru .fmt-form-kart__baslik {
  gap: calc(19 * var(--u));
  margin: 0;
  font-size: calc(35 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
}

.fmt-basvuru--ts .fmt-form-kart__baslik {
  gap: calc(18 * var(--u));
}

.fmt-basvuru .fmt-form-kart__ikon {
  flex: 0 0 auto;
  width: auto;
  height: calc(47 * var(--u));
}

.fmt-basvuru--ts .fmt-form-kart__ikon {
  height: calc(53 * var(--u));
}

/* --- bölümler: yükseklik = XD'de bir sonraki başlığa olan mesafe -------- */

.fmt-basvuru .fmt-form-bolum {
  margin: 0;
}

.fmt-basvuru--ik .fmt-form-bolum:first-of-type {
  margin-top: calc(76.5 * var(--u));
}

.fmt-basvuru--ts .fmt-form-bolum:first-of-type {
  margin-top: calc(68.5 * var(--u));
}

.fmt-basvuru--ik .fmt-form-bolum:nth-of-type(1) { min-height: calc(572.5 * var(--u)); }
.fmt-basvuru--ik .fmt-egitim { min-height: calc(222 * var(--u)); }
.fmt-basvuru--ik .fmt-tekrar--dil { min-height: calc(318 * var(--u)); }
.fmt-basvuru--ik .fmt-tekrar--deneyim { min-height: calc(436 * var(--u)); }
.fmt-basvuru--ik .fmt-tekrar--referans { min-height: calc(423.5 * var(--u)); }
.fmt-basvuru--ts .fmt-form-bolum:nth-of-type(1) { min-height: calc(456.65 * var(--u)); }

.fmt-basvuru .fmt-form-bolum__baslik {
  display: block;
  margin: 0;
  padding: 0;
  font-size: calc(30 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #fff;
}

.fmt-basvuru .fmt-form-bolum__baslik::after {
  position: static;
  display: block;
  width: calc(176 * var(--u));
  min-width: 0;
  height: max(2px, calc(4 * var(--u)));
  margin-top: calc(9.5 * var(--u));
  border-radius: calc(6 * var(--u));
  background: #fff;
  transition: transform .3s ease-out;
}

.fmt-basvuru .fmt-form-bolum__baslik:hover::after {
  transform: translateX(calc(64 * var(--u)));
}

.fmt-basvuru .fmt-form-bolum__baslik + .fmt-form-izgara,
.fmt-basvuru .fmt-form-bolum__baslik + .fmt-tekrar__satir {
  margin-top: calc(13 * var(--u));
}

.fmt-basvuru .fmt-form-bolum:first-of-type .fmt-form-bolum__baslik + .fmt-form-izgara {
  margin-top: calc(36.25 * var(--u));
}

.fmt-basvuru .fmt-form-bolum__baslik + textarea {
  margin-top: calc(28 * var(--u));
}

.fmt-basvuru .fmt-form-bolum__not {
  margin: calc(10 * var(--u)) 0 0;
  font-size: max(12px, calc(16 * var(--u)));
}

/* --- etiket ve girdiler ---------------------------------------------------- */

.fmt-basvuru .fmt-form-alan label,
.fmt-basvuru .fmt-secim legend {
  margin: 0 0 calc(10.75 * var(--u));
  font-size: max(13px, calc(25 * var(--u)));
  font-weight: 500;
  line-height: calc(22 * var(--u));
  color: #fff;
}

.fmt-basvuru .fmt-form-kart input[type="text"],
.fmt-basvuru .fmt-form-kart input[type="email"],
.fmt-basvuru .fmt-form-kart input[type="tel"],
.fmt-basvuru .fmt-form-kart input[type="date"],
.fmt-basvuru .fmt-form-kart select,
.fmt-basvuru .fmt-form-kart textarea {
  height: calc(38 * var(--u));
  padding: 0 calc(8.75 * var(--u));
  border: 1px solid transparent;
  border-radius: calc(5 * var(--u));
  background-color: rgba(255, 255, 255, .3);
  color: #fff;
  font-size: max(13px, calc(23 * var(--u)));
  line-height: calc(36 * var(--u));
  caret-color: #a5a5a5;
}

.fmt-basvuru .fmt-form-kart textarea {
  height: calc(110.5 * var(--u));
  padding: calc(8 * var(--u)) calc(8.75 * var(--u));
  line-height: calc(22 * var(--u));
}

.fmt-basvuru .fmt-form-kart textarea:not(.fmt-metin--kisa) {
  width: calc(1479 * var(--u));
  max-width: 100%;
  height: calc(260 * var(--u));
}

.fmt-basvuru .fmt-form-kart input::placeholder,
.fmt-basvuru .fmt-form-kart textarea::placeholder {
  color: #a5a5a5;
  transition: color .3s ease-out;
}

.fmt-basvuru .fmt-form-kart input:hover::placeholder,
.fmt-basvuru .fmt-form-kart textarea:hover::placeholder,
.fmt-basvuru .fmt-form-kart input:focus::placeholder,
.fmt-basvuru .fmt-form-kart textarea:focus::placeholder {
  color: transparent;
}

.fmt-basvuru .fmt-form-kart select {
  padding-right: calc(34 * var(--u));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 13'%3E%3Cpath d='M7.5 13 0 0h15z' fill='%23a5a5a5' fill-opacity='.55'/%3E%3C/svg%3E");
  background-position: right calc(14 * var(--u)) center;
  background-size: calc(15 * var(--u)) calc(13 * var(--u));
}

.fmt-basvuru .fmt-form-kart select:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 13'%3E%3Cpath d='M7.5 13 0 0h15z' fill='%23e30b14'/%3E%3C/svg%3E");
}

.fmt-basvuru .fmt-form-kart input:focus,
.fmt-basvuru .fmt-form-kart select:focus,
.fmt-basvuru .fmt-form-kart textarea:focus {
  border-color: rgba(255, 255, 255, .55);
  background-color: rgba(255, 255, 255, .36);
}

/* --- İK: kişisel bilgiler 4×341 (fotoğraf 4. sütunda) ------------------- */

.fmt-basvuru .fmt-kisisel {
  grid-template-columns: repeat(4, calc(341 * var(--u)));
  gap: calc(36.5 * var(--u)) calc(38 * var(--u));
}

.fmt-basvuru .fmt-kisisel__adres {
  grid-column: 1 / span 3;
}

.fmt-basvuru .fmt-foto label {
  font-size: max(13px, calc(25 * var(--u)));
}

.fmt-basvuru .fmt-foto label small {
  margin-top: 0;
  font-size: max(11px, calc(18 * var(--u)));
  font-weight: 500;
  line-height: calc(22 * var(--u));
  color: #fff;
}

.fmt-basvuru .fmt-foto__kutu {
  min-height: 0;
  border: 1px dashed transparent;
  border-radius: calc(10 * var(--u));
  background: rgba(255, 255, 255, .3);
}

.fmt-basvuru .fmt-foto__kutu:hover,
.fmt-basvuru .fmt-foto__kutu.is-surukle {
  border-color: rgba(255, 255, 255, .6);
  background: rgba(255, 255, 255, .36);
}

/* XD simgesi (#212529 %72 → üstüne gelince beyaz %72) */
.fmt-foto__simge--xd {
  display: block;
  width: calc(140 * var(--u));
  height: calc(135 * var(--u));
  background: rgba(33, 37, 41, .72);
  -webkit-mask: center / contain no-repeat url("../../images/diger/form-foto.svg");
  mask: center / contain no-repeat url("../../images/diger/form-foto.svg");
  transition: background-color .3s ease-out;
}

.fmt-foto__kutu:hover .fmt-foto__simge--xd {
  background: rgba(255, 255, 255, .72);
}

.fmt-basvuru .fmt-foto__ipucu {
  font-size: max(11px, calc(15 * var(--u)));
}

/* Medeni / cinsiyet / sigara: her soru 341 sütunda iki 166,75'lik hap */
.fmt-basvuru .fmt-secimler {
  grid-template-columns: repeat(4, calc(341 * var(--u)));
  gap: 0 calc(38 * var(--u));
  margin-top: calc(34.75 * var(--u));
}

.fmt-basvuru .fmt-secim__secenekler {
  grid-template-columns: calc(166.75 * var(--u)) calc(166.75 * var(--u));
  gap: calc(7.5 * var(--u));
}

.fmt-basvuru .fmt-secim__secenek,
.fmt-basvuru .fmt-onay-hap {
  gap: calc(13 * var(--u));
  height: calc(38 * var(--u));
  padding: 0;
  border-radius: calc(5 * var(--u));
  background: rgba(255, 255, 255, .3);
  color: #a5a5a5;
  font-size: max(13px, calc(23 * var(--u)));
  line-height: calc(22 * var(--u));
  transition: background-color .3s ease-out, color .3s ease-out;
}

.fmt-basvuru .fmt-secim__secenek:has(input:checked) {
  background: rgba(255, 255, 255, .3);
  color: #fff;
}

.fmt-basvuru .fmt-secim__secenek input[type="radio"],
.fmt-basvuru .fmt-onay-hap input {
  width: calc(21 * var(--u));
  height: calc(21 * var(--u));
  min-width: 14px;
  min-height: 14px;
  border: 1px solid #414548;
  border-radius: 50%;
  background: #a5a5a5;
  box-shadow: none;
  transition: background-color .3s ease-out, border-color .3s ease-out;
}

.fmt-basvuru .fmt-secim__secenek input[type="radio"]:hover,
.fmt-basvuru .fmt-secim__secenek input[type="radio"]:checked,
.fmt-basvuru .fmt-onay-hap input:hover,
.fmt-basvuru .fmt-onay-hap input:checked {
  border-color: #fff;
  background: #721518;
  box-shadow: none;
}

.fmt-basvuru .fmt-onay-hap input::after {
  display: none;
}

/* --- eğitim: sekmeler 130px arayla, altında 127×2 çizgi ------------------ */

.fmt-basvuru.fmt-betik .fmt-egitim__sekmeler,
.fmt-betik .fmt-basvuru .fmt-egitim__sekmeler {
  display: flex;
  flex-wrap: wrap;
  gap: calc(20 * var(--u)) calc(130 * var(--u));
  margin-top: calc(26.7 * var(--u));
}

.fmt-basvuru .fmt-egitim__sekme {
  position: relative;
  gap: calc(20 * var(--u));
  padding: 0 0 calc(8.8 * var(--u));
  border: 0;
  font-size: max(14px, calc(28 * var(--u)));
  font-weight: 500;
  line-height: calc(22 * var(--u));
}

.fmt-basvuru .fmt-egitim__sekme::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(127 * var(--u));
  height: max(1px, calc(2 * var(--u)));
  border-radius: calc(6 * var(--u));
  background: #fff;
  transition: transform .3s ease-out;
}

.fmt-basvuru .fmt-egitim__sekme:hover::after {
  transform: translateX(calc(56 * var(--u)));
}

.fmt-basvuru .fmt-egitim__ok {
  width: calc(17 * var(--u));
  height: calc(14 * var(--u));
  font-size: inherit;
  transition: transform .3s ease-out;
}

.fmt-basvuru .fmt-egitim__panel {
  margin-top: calc(11.25 * var(--u));
}

.fmt-basvuru .fmt-form-izgara--egitim {
  grid-template-columns: calc(455.75 * var(--u)) calc(346.75 * var(--u)) calc(280 * var(--u)) calc(280 * var(--u));
  gap: calc(20 * var(--u)) calc(38.8 * var(--u));
}

/* --- tekrar satırları: XD sütun genişlikleri -------------------------- */

.fmt-basvuru .fmt-tekrar--dil .fmt-tekrar__satir {
  grid-template-columns: calc(455.75 * var(--u)) calc(243.75 * var(--u)) calc(416.25 * var(--u)) calc(243.75 * var(--u));
  column-gap: calc(39.83 * var(--u));
}

.fmt-basvuru .fmt-tekrar--deneyim .fmt-tekrar__satir {
  grid-template-columns: calc(455.75 * var(--u)) calc(243.75 * var(--u)) calc(352.75 * var(--u)) calc(311.75 * var(--u));
  column-gap: calc(38.33 * var(--u));
}

.fmt-basvuru .fmt-tekrar--referans .fmt-tekrar__satir {
  grid-template-columns: calc(341 * var(--u)) calc(237.88 * var(--u)) calc(231 * var(--u)) calc(226 * var(--u)) calc(287 * var(--u));
  column-gap: calc(39.03 * var(--u));
}

.fmt-basvuru .fmt-tekrar__satir + .fmt-tekrar__satir {
  margin-top: calc(20 * var(--u));
}

/* "+": 38×38 kare, Medium 35 */
.fmt-basvuru.fmt-betik .fmt-tekrar__ekle,
.fmt-betik .fmt-basvuru .fmt-tekrar__ekle {
  display: grid;
  place-items: center;
  width: calc(38 * var(--u));
  height: calc(38 * var(--u));
  min-width: 26px;
  min-height: 26px;
  margin-top: calc(14 * var(--u));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #212529;
  color: #fff;
  font-family: var(--fmt-font);
  font-size: max(20px, calc(35 * var(--u)));
  font-weight: 500;
  line-height: 1;
  transition: color .3s ease-out, background-color .3s ease-out;
}

.fmt-betik .fmt-basvuru .fmt-tekrar__ekle:hover,
.fmt-betik .fmt-basvuru .fmt-tekrar__ekle:focus-visible {
  background: #721518;
  color: #fff;
}

.fmt-betik .fmt-basvuru .fmt-tekrar__ekle[hidden] {
  display: none;
}

/* --- beyan, onay, gönder ------------------------------------------------- */

.fmt-basvuru .fmt-beyan {
  margin-top: calc(4 * var(--u));
  text-align: left;
}

.fmt-basvuru .fmt-beyan__metin,
.fmt-basvuru .fmt-beyan__kvkk {
  font-size: max(13px, calc(20 * var(--u)));
  line-height: calc(22 * var(--u));
  color: #fff;
}

.fmt-basvuru .fmt-onay-hap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(226.75 * var(--u));
  min-width: 170px;
  margin: calc(37.5 * var(--u)) auto 0;
  color: #fff;
  font-size: max(13px, calc(20 * var(--u)));
  cursor: pointer;
}

.fmt-basvuru .fmt-onay-hap:hover {
  background: rgba(33, 37, 41, .3);
}

.fmt-basvuru .fmt-onay-hap:has(input:checked) {
  background: rgba(255, 255, 255, .3);
}

.fmt-basvuru--ts .fmt-form-onay {
  gap: calc(9 * var(--u));
  margin-top: calc(25 * var(--u));
  font-size: max(14px, calc(30 * var(--u)));
  font-weight: 500;
  line-height: calc(22 * var(--u));
}

.fmt-basvuru--ts .fmt-form-onay input {
  width: max(20px, calc(30 * var(--u)));
  height: max(20px, calc(30 * var(--u)));
  border-radius: calc(5 * var(--u));
  background: rgba(255, 255, 255, .3);
  transition: background-color .3s ease-out;
}

.fmt-basvuru--ts .fmt-form-onay input:hover,
.fmt-basvuru--ts .fmt-form-onay input:checked {
  background: #721518;
}

.fmt-basvuru--ts .fmt-form-onay input::after {
  width: 70%;
  height: 54%;
  border: 0;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='14 14 21 16'%3E%3Cpath d='M19.34 28.84l-4.16-4.31a2.2 2.2 0 1 1 3.2-3.09l2.93 3.03 9.43-9.43a1.94 1.94 0 1 1 2.74 2.75L22.88 28.4a2.2 2.2 0 0 1-3.54.44z' fill='%23fff'/%3E%3C/svg%3E");
  transform: none;
}

.fmt-basvuru .fmt-form-gonder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(14 * var(--u));
  margin-top: calc(35.5 * var(--u));
}

.fmt-basvuru--ts .fmt-form-gonder {
  margin-top: calc(44.85 * var(--u));
}

.fmt-basvuru .fmt-dugme {
  justify-content: center;
  width: calc(163 * var(--u));
  min-width: 120px;
  height: calc(39 * var(--u));
  min-height: 34px;
  padding: 0;
  border-radius: calc(7 * var(--u));
  background: rgba(255, 255, 255, .3);
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  letter-spacing: 0;
  transition: background-color .3s ease-out;
}

.fmt-basvuru--ts .fmt-dugme {
  width: auto;
  min-width: calc(169 * var(--u));
  height: calc(60 * var(--u));
  padding: 0 calc(26 * var(--u));
  border-radius: calc(5 * var(--u));
  font-size: max(15px, calc(25 * var(--u)));
  line-height: calc(28 * var(--u));
}

.fmt-basvuru .fmt-dugme:hover,
.fmt-basvuru .fmt-dugme:focus-visible {
  background: #721518;
}

.fmt-basvuru .fmt-form-not {
  max-width: calc(720 * var(--u));
  font-size: max(11px, calc(13 * var(--u)));
  text-align: center;
}

/* --- Teknik Servis: 717 | 233 | 445 ızgarası --------------------------- */

.fmt-basvuru .fmt-teknik {
  grid-template-columns: calc(717 * var(--u)) calc(233.4 * var(--u)) calc(444.6 * var(--u));
  gap: calc(28.75 * var(--u)) calc(39 * var(--u));
}

.fmt-teknik > :nth-child(1) { grid-column: 1; }
.fmt-teknik > :nth-child(2) { grid-column: 2 / span 2; }
.fmt-teknik > :nth-child(3) { grid-column: 1; }
.fmt-teknik > :nth-child(4) { grid-column: 2; }
.fmt-teknik > :nth-child(5) { grid-column: 3; }
.fmt-teknik > :nth-child(6) { grid-column: 1 / -1; }

.fmt-basvuru .fmt-zorunlu {
  color: #a5a5a5;
  font-weight: 500;
}

/* --- tablet / telefon: XD'de yok, tek sütun ---------------------------- */

@media (max-width: 991px) {
  .fmt-basvuru {
    padding-bottom: 32px;
  }

  .fmt-basvuru > .auto-container {
    padding: 0 16px;
  }

  .fmt-basvuru .fmt-sayfa-baslik {
    padding-top: 32px;
    font-size: 28px;
    line-height: 1.2;
  }

  .fmt-basvuru .fmt-sayfa-baslik::after {
    width: 72px;
    height: 4px;
    margin-top: 10px;
  }

  .fmt-basvuru .fmt-form-kart--genis,
  .fmt-basvuru--ts .fmt-form-kart--genis {
    width: 100%;
    margin-top: 24px;
    padding: 26px 18px 28px;
    border-radius: 18px;
  }

  .fmt-basvuru .fmt-form-kart__baslik {
    gap: 10px;
    font-size: 22px;
    line-height: 1.25;
  }

  .fmt-basvuru .fmt-form-kart__ikon,
  .fmt-basvuru--ts .fmt-form-kart__ikon {
    height: 34px;
  }

  .fmt-basvuru .fmt-form-bolum,
  .fmt-basvuru--ik .fmt-form-bolum:nth-of-type(1),
  .fmt-basvuru--ik .fmt-egitim,
  .fmt-basvuru--ik .fmt-tekrar--dil,
  .fmt-basvuru--ik .fmt-tekrar--deneyim,
  .fmt-basvuru--ik .fmt-tekrar--referans,
  .fmt-basvuru--ts .fmt-form-bolum:nth-of-type(1) {
    min-height: 0;
    margin-top: 30px;
  }

  .fmt-basvuru .fmt-form-bolum__baslik {
    font-size: 20px;
    line-height: 1.25;
  }

  .fmt-basvuru .fmt-form-bolum__baslik::after {
    width: 90px;
    height: 3px;
    margin-top: 6px;
  }

  .fmt-basvuru .fmt-form-bolum__baslik:hover::after {
    transform: none;
  }

  .fmt-basvuru .fmt-form-bolum__baslik + .fmt-form-izgara,
  .fmt-basvuru .fmt-form-bolum:first-of-type .fmt-form-bolum__baslik + .fmt-form-izgara,
  .fmt-basvuru .fmt-form-bolum__baslik + .fmt-tekrar__satir,
  .fmt-basvuru .fmt-form-bolum__baslik + textarea {
    margin-top: 16px;
  }

  .fmt-basvuru .fmt-kisisel,
  .fmt-basvuru .fmt-secimler,
  .fmt-basvuru .fmt-teknik,
  .fmt-basvuru .fmt-form-izgara--egitim,
  .fmt-basvuru .fmt-tekrar--dil .fmt-tekrar__satir,
  .fmt-basvuru .fmt-tekrar--deneyim .fmt-tekrar__satir,
  .fmt-basvuru .fmt-tekrar--referans .fmt-tekrar__satir {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .fmt-basvuru .fmt-kisisel .fmt-foto,
  .fmt-basvuru .fmt-kisisel__adres,
  .fmt-teknik > * {
    grid-column: auto !important;
    grid-row: auto;
  }

  .fmt-basvuru .fmt-secimler {
    margin-top: 16px;
  }

  .fmt-basvuru .fmt-secim__secenekler {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .fmt-basvuru .fmt-form-alan label,
  .fmt-basvuru .fmt-secim legend {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.3;
  }

  .fmt-basvuru .fmt-form-kart input[type="text"],
  .fmt-basvuru .fmt-form-kart input[type="email"],
  .fmt-basvuru .fmt-form-kart input[type="tel"],
  .fmt-basvuru .fmt-form-kart input[type="date"],
  .fmt-basvuru .fmt-form-kart select,
  .fmt-basvuru .fmt-secim__secenek,
  .fmt-basvuru .fmt-onay-hap {
    height: 42px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 40px;
  }

  .fmt-basvuru .fmt-secim__secenek,
  .fmt-basvuru .fmt-onay-hap {
    padding: 0;
  }

  .fmt-basvuru .fmt-form-kart textarea {
    height: 96px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.45;
  }

  .fmt-basvuru .fmt-form-kart textarea:not(.fmt-metin--kisa) {
    width: 100%;
    height: 180px;
  }

  .fmt-basvuru .fmt-foto__kutu {
    min-height: 200px;
  }

  .fmt-foto__simge--xd {
    width: 90px;
    height: 87px;
  }

  .fmt-basvuru.fmt-betik .fmt-egitim__sekmeler,
  .fmt-betik .fmt-basvuru .fmt-egitim__sekmeler {
    gap: 14px 28px;
    margin-top: 16px;
  }

  .fmt-basvuru .fmt-egitim__sekme {
    gap: 10px;
    font-size: 17px;
    line-height: 1.3;
  }

  .fmt-basvuru .fmt-egitim__sekme::after {
    width: 80px;
  }

  .fmt-basvuru .fmt-egitim__ok {
    width: 12px;
    height: 10px;
  }

  .fmt-basvuru .fmt-beyan {
    margin-top: 12px;
  }

  .fmt-basvuru .fmt-beyan__metin,
  .fmt-basvuru .fmt-beyan__kvkk {
    font-size: 14px;
    line-height: 1.45;
  }

  .fmt-basvuru .fmt-onay-hap {
    width: 100%;
    max-width: 260px;
    margin-top: 18px;
  }

  .fmt-basvuru--ts .fmt-form-onay {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.35;
  }

  .fmt-basvuru .fmt-form-gonder,
  .fmt-basvuru--ts .fmt-form-gonder {
    margin-top: 22px;
  }

  .fmt-basvuru .fmt-dugme,
  .fmt-basvuru--ts .fmt-dugme {
    width: 100%;
    height: 52px;
    font-size: 18px;
  }
}

/* Fotoğraf durum satırı akış dışında: kutu XD'deki gibi adres alanının altına kadar uzar */
@media (min-width: 992px) {
  .fmt-basvuru .fmt-foto {
    position: relative;
  }

  .fmt-basvuru .fmt-foto__durum {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 4px;
  }
}


/* ================================================================ *
 * İK başvuru sihirbazı (insan-kaynaklari.php + assets/js/fmt-sihirbaz.js)
 * Kapı: <html class="fmt-sihirbaz-etkin"> (satır içi betik koyar; betik yüklenemez /
 * çökerse kaldırılır). Kapı yoksa bu kuralların hiçbiri işlemez → XD tek sayfası.
 * `form.is-hazir` = kurulum bitti. 1920'de --u; 991px altı ayrı. Kalınlık yalnız 400/700.
 * ================================================================ */

[data-sihirbaz-ui] {
  display: none;
}

.fmt-basvuru--ik .fmt-form-gonder [hidden],
.fmt-basvuru--ik [data-adim][hidden] {
  display: none !important;
}

.fmt-sihirbaz-etkin .fmt-basvuru--ik [data-sihirbaz-ui] {
  display: block;
}

/* ilk boyama (kurulumdan önce): yalnız 1. adım; alt çubuk yerini tutar */
.fmt-sihirbaz-etkin .fmt-basvuru--ik form:not(.is-hazir) [data-adim]:not([data-adim="1"]) {
  display: none;
}

.fmt-sihirbaz-etkin .fmt-basvuru--ik form:not(.is-hazir) .fmt-form-gonder {
  visibility: hidden;
}

/* adımın ilk bölümü üst boşluk almaz; adımı bitiren bölüm XD min-height'ını bırakır */
.fmt-sihirbaz-etkin .fmt-basvuru--ik form :is([data-adim="1"], .fmt-egitim, .fmt-tekrar--deneyim, .fmt-ozet) {
  margin-top: 0;
}

.fmt-sihirbaz-etkin .fmt-basvuru--ik form :is([data-adim="1"], .fmt-tekrar--dil, .fmt-tekrar--referans) {
  min-height: 0;
}

/* --- gösterge ------------------------------------------------------- */
.fmt-sihirbaz__gosterge {
  --daire: max(32px, calc(48 * var(--u)));
  --cizgi: max(2px, calc(3 * var(--u)));
  --ara: calc(14 * var(--u));
  --ic: 0px;
  margin-top: calc(52 * var(--u));
}

.fmt-sihirbaz__adimlar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.fmt-sihirbaz__oge {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0;
  list-style: none;
}

.fmt-sihirbaz__oge + .fmt-sihirbaz__oge::before,
.fmt-sihirbaz__oge + .fmt-sihirbaz__oge::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(var(--ic) + var(--daire) / 2 - var(--cizgi) / 2);
  left: calc(-50% + var(--daire) / 2 + var(--ara));
  right: calc(50% + var(--daire) / 2 + var(--ara));
  height: var(--cizgi);
  border-radius: var(--cizgi);
  background: rgba(255, 255, 255, .18);
}

.fmt-sihirbaz__oge + .fmt-sihirbaz__oge::after {
  background: #fff;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .3s ease-out;
}

.fmt-sihirbaz__oge[data-durum="tamam"] + .fmt-sihirbaz__oge::after {
  transform: scaleX(1);
}

.fmt-sihirbaz__dugme {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin: 0;
  padding: var(--ic) calc(8 * var(--u));
  border: 0;
  border-radius: calc(8 * var(--u));
  background: none;
  color: #a5a5a5;
  font: 400 max(13px, calc(20 * var(--u)))/1.2 var(--fmt-font);   /* eski genel li kuralına karşı açıkça */
  text-align: center;
  cursor: pointer;
}

.fmt-sihirbaz__dugme:focus-visible {
  outline: 2px solid #fff;
  outline-offset: calc(8 * var(--u));
}

.fmt-sihirbaz__daire {
  display: grid;
  place-items: center;
  width: var(--daire);
  height: var(--daire);
  margin-bottom: calc(14 * var(--u));
  border: max(1.5px, calc(2 * var(--u))) solid rgba(255, 255, 255, .45);   /* #212529 üstünde ≈4.2:1 */
  border-radius: 50%;
  background: #212529;
  color: #a5a5a5;
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 700;
  line-height: 1;
  transition: background-color .3s ease-out, border-color .3s ease-out, color .3s ease-out, box-shadow .3s ease-out;
}

.fmt-sihirbaz__daire > * {
  grid-area: 1 / 1;
}

.fmt-sihirbaz__tik,
.fmt-sihirbaz__unlem {
  display: none;
}

.fmt-sihirbaz__tik {
  width: 55%;
  height: 55%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.fmt-sihirbaz__ad {
  transition: color .3s ease-out;
  text-wrap: balance;
}

.fmt-sihirbaz__alt {
  display: block;
  margin-top: calc(4 * var(--u));
  font-size: max(11px, calc(15 * var(--u)));
  color: #a5a5a5;
}

/* XD seçili radyo: bordo + beyaz halka (bordo #212529 üstünde 1,35:1 — 3:1 için beyaz kenar şart) */
.fmt-sihirbaz__oge[data-durum="aktif"] .fmt-sihirbaz__daire {
  border-color: #fff;
  background: #721518;
  color: #fff;
  box-shadow: 0 0 0 calc(8 * var(--u)) rgba(255, 255, 255, .1);
}

.fmt-sihirbaz__oge[data-durum="aktif"] .fmt-sihirbaz__ad {
  color: #fff;
  font-weight: 700;
}

.fmt-sihirbaz__oge[data-durum="aktif"][data-hatali] .fmt-sihirbaz__daire {
  border-color: #ff8a80;
}

.fmt-sihirbaz__oge[data-durum="tamam"] .fmt-sihirbaz__daire {
  border-color: #fff;
  background: rgba(255, 255, 255, .3);
  color: #fff;
}

.fmt-sihirbaz__oge[data-durum="tamam"] .fmt-sihirbaz__no {
  display: none;
}

.fmt-sihirbaz__oge[data-durum="tamam"] .fmt-sihirbaz__tik {
  display: block;
  animation: fmt-sihirbaz-tik .3s ease-out .1s forwards;
}

.fmt-sihirbaz__oge[data-durum="tamam"] .fmt-sihirbaz__ad {
  color: #fff;
}

.fmt-sihirbaz__oge[data-durum="hatali"] .fmt-sihirbaz__daire {
  border-color: #ff8a80;
  background: rgba(255, 138, 128, .14);
  color: #ff9b94;
}

.fmt-sihirbaz__oge[data-durum="hatali"] .fmt-sihirbaz__no {
  display: none;
}

.fmt-sihirbaz__oge[data-durum="hatali"] .fmt-sihirbaz__unlem {
  display: block;
}

.fmt-sihirbaz__oge[data-hatali] .fmt-sihirbaz__ad,
.fmt-sihirbaz__oge[data-hatali] .fmt-sihirbaz__alt {
  color: #ff9b94;
}

.fmt-sihirbaz__oge:not([data-durum="aktif"]) .fmt-sihirbaz__dugme:hover .fmt-sihirbaz__daire {
  border-color: #fff;
  background: #721518;
  color: #fff;
}

.fmt-sihirbaz__dugme:hover .fmt-sihirbaz__ad {
  color: #fff;
}

.fmt-sihirbaz__dugme[aria-disabled="true"] {
  pointer-events: none;
  opacity: .6;
}

@keyframes fmt-sihirbaz-tik {
  to { stroke-dashoffset: 0; }
}

/* --- adım başlığı --------------------------------------------------- */
.fmt-sihirbaz__ust {
  margin: calc(36 * var(--u)) 0 calc(56 * var(--u));
  padding-bottom: calc(40 * var(--u));
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  text-align: center;
}

.fmt-sihirbaz__baslik {
  margin: 0;
  font: 700 max(11px, calc(16 * var(--u)))/1.2 var(--fmt-font);
  letter-spacing: .12em;
  color: #a5a5a5;
}

.fmt-sihirbaz__baslik:focus {
  outline: none;   /* programatik hedef, sekme sırasında değil */
}

.fmt-sihirbaz__aciklama {
  max-width: calc(960 * var(--u));
  margin: calc(10 * var(--u)) auto 0;
  font: 400 max(13px, calc(20 * var(--u)))/1.4 var(--fmt-font);
  color: #c9ccd0;
}

@media (min-width: 992px) {
  .fmt-sihirbaz__baslik-ad {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

/* --- alt çubuk ------------------------------------------------------ */
.fmt-sihirbaz-etkin .fmt-basvuru--ik form.is-hazir .fmt-form-gonder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: calc(14 * var(--u)) calc(24 * var(--u));
  margin-top: calc(56 * var(--u));
  padding-top: calc(32 * var(--u));
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.fmt-sihirbaz-etkin .fmt-basvuru--ik form.is-hazir[data-aktif-adim="4"] .fmt-form-gonder {
  margin-top: calc(35.5 * var(--u));   /* XD: GÖNDER onay hapının altında */
  padding-top: 0;
  border-top: 0;
}

.fmt-basvuru--ik .fmt-form-gonder .fmt-sihirbaz__geri {
  grid-column: 1;
  justify-self: start;
}

.fmt-basvuru--ik .fmt-form-gonder .fmt-sihirbaz__ileri {
  grid-column: 3;
  justify-self: end;
}

.fmt-basvuru--ik .fmt-form-gonder [data-sihirbaz-gonder] {
  grid-column: 2;
  grid-row: 1;
}

.fmt-basvuru--ik .fmt-form-gonder [data-sihirbaz-not] {
  grid-column: 1 / -1;
  justify-self: center;
}

.fmt-basvuru--ik .fmt-form-gonder :is(.fmt-sihirbaz__geri, .fmt-sihirbaz__ileri) {
  width: auto;
  min-width: calc(163 * var(--u));
  padding: 0 calc(26 * var(--u));
  gap: calc(12 * var(--u));
  font-weight: 700;
}

.fmt-basvuru--ik .fmt-dugme--ikincil {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45);
}

.fmt-basvuru--ik .fmt-dugme--ikincil:hover,
.fmt-basvuru--ik .fmt-dugme--ikincil:focus-visible {
  box-shadow: none;   /* zemin mevcut kuralla bordo */
}

.fmt-basvuru--ik .fmt-form-gonder .fmt-dugme:focus-visible,
.fmt-basvuru--ik .fmt-sihirbaz__basari .fmt-dugme:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;   /* yalnız bordo 1,9:1 */
}

.fmt-sihirbaz-etkin .fmt-basvuru--ik form:has(#fmt-ik-onay:checked) [data-sihirbaz-gonder] {
  background: #721518;   /* "hazır" */
}

.fmt-sihirbaz__ok {
  flex: 0 0 auto;
  width: max(9px, calc(12 * var(--u)));
  height: auto;
  transition: transform .3s ease-out;
}

.fmt-sihirbaz__geri .fmt-sihirbaz__ok {
  transform: rotate(90deg);
}

.fmt-sihirbaz__geri:hover .fmt-sihirbaz__ok {
  transform: translateX(calc(-6 * var(--u))) rotate(90deg);
}

.fmt-sihirbaz__ileri .fmt-sihirbaz__ok {
  transform: rotate(-90deg);
}

.fmt-sihirbaz__ileri:hover .fmt-sihirbaz__ok {
  transform: translateX(calc(6 * var(--u))) rotate(-90deg);
}

.fmt-sihirbaz-etkin form[data-gonderiliyor="1"] .fmt-sihirbaz__geri {
  pointer-events: none;
  opacity: .6;
}

/* --- satır içi hata ------------------------------------------------- */
.fmt-basvuru--ik .fmt-alan-hata {
  display: flex;
  align-items: flex-start;
  gap: calc(8 * var(--u));
  margin: calc(8 * var(--u)) 0 0;
  font: 400 max(13px, calc(18 * var(--u)))/1.35 var(--fmt-font);
  color: #ff9b94;
}

.fmt-alan-hata__simge {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: max(14px, calc(18 * var(--u)));
  height: max(14px, calc(18 * var(--u)));
  margin-top: .1em;
  border-radius: 50%;
  background: #ff8a80;
  color: #212529;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
}

.fmt-basvuru--ik .fmt-beyan .fmt-alan-hata {
  justify-content: center;
}

.fmt-basvuru--ik .fmt-foto:has(input[aria-invalid="true"]) .fmt-foto__durum {
  color: #ff9b94;
}

/* --- özet ----------------------------------------------------------- */
.fmt-basvuru--ik .fmt-ozet {
  margin-bottom: calc(64 * var(--u));
}

.fmt-ozet__ipucu {
  margin: calc(16 * var(--u)) 0 0;
  font: 400 max(13px, calc(18 * var(--u)))/1.4 var(--fmt-font);
  color: #c9ccd0;
}

.fmt-ozet__ipucu[hidden] {
  display: none;
}

.fmt-ozet__kartlar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: calc(38 * var(--u));
  margin-top: calc(28 * var(--u));
}

.fmt-ozet__kart {
  padding: calc(24 * var(--u)) calc(28 * var(--u));
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: calc(10 * var(--u));
  background: rgba(255, 255, 255, .04);
}

.fmt-ozet__kart-bas {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: calc(16 * var(--u));
  padding-bottom: calc(12 * var(--u));
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.fmt-ozet__kart-baslik {
  margin: 0;
  font: 700 max(15px, calc(24 * var(--u)))/1.25 var(--fmt-font);
  color: #fff;
}

.fmt-ozet__duzenle {
  flex: 0 0 auto;
  margin: calc(-4 * var(--u)) calc(-8 * var(--u));
  padding: calc(4 * var(--u)) calc(8 * var(--u));
  border: 0;
  border-radius: calc(5 * var(--u));
  background: none;
  color: #fff;
  font: 400 max(13px, calc(18 * var(--u)))/1.2 var(--fmt-font);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  transition: background-color .3s ease-out;
}

.fmt-ozet__duzenle:hover,
.fmt-ozet__duzenle:focus-visible {
  background: #721518;
  text-decoration: none;
}

.fmt-ozet__duzenle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.fmt-ozet__liste {
  margin: 0;
}

.fmt-ozet__satir + .fmt-ozet__satir {
  margin-top: calc(12 * var(--u));
}

.fmt-ozet__liste dt {
  font: 400 max(12px, calc(16 * var(--u)))/1.3 var(--fmt-font);
  color: #a5a5a5;
}

.fmt-ozet__liste dd {
  margin: 2px 0 0;
  font: 400 max(13px, calc(20 * var(--u)))/1.35 var(--fmt-font);
  color: #fff;
  overflow-wrap: anywhere;
}

.fmt-ozet__liste dd.fmt-ozet__metin--satirli {
  white-space: pre-line;
}

.fmt-ozet__bos {
  margin: 0;
  font: 400 max(13px, calc(18 * var(--u)))/1.35 var(--fmt-font);
  color: #a5a5a5;
}

/* --- başarı --------------------------------------------------------- */
.fmt-sihirbaz__basari {
  padding: calc(64 * var(--u)) 0 calc(24 * var(--u));
  text-align: center;
  animation: fmt-sihirbaz-gir .3s ease-out both;
}

.fmt-sihirbaz__basari-simge {
  display: grid;
  place-items: center;
  width: max(56px, calc(96 * var(--u)));
  height: max(56px, calc(96 * var(--u)));
  margin: 0 auto calc(28 * var(--u));
  border: max(2px, calc(3 * var(--u))) solid #fff;
  border-radius: 50%;
  background: #721518;
  color: #fff;
}

.fmt-sihirbaz__basari-simge svg {
  width: 50%;
  height: 50%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fmt-sihirbaz__basari h3 {
  margin: 0;
  font: 700 max(22px, calc(35 * var(--u)))/1.2 var(--fmt-font);
  color: #fff;
}

.fmt-sihirbaz__basari h3:focus {
  outline: none;
}

.fmt-sihirbaz__basari p {
  max-width: calc(900 * var(--u));
  margin: calc(14 * var(--u)) auto 0;
  font: 400 max(15px, calc(22 * var(--u)))/1.45 var(--fmt-font);
  color: #c9ccd0;
}

.fmt-basvuru--ik .fmt-sihirbaz__basari .fmt-dugme {
  width: auto;
  margin-top: calc(36 * var(--u));
  padding: 0 calc(28 * var(--u));
  color: #fff;
  text-decoration: none;
}

/* --- geçiş ---------------------------------------------------------- */
@keyframes fmt-sihirbaz-gir {
  from { opacity: 0; transform: translateY(max(8px, calc(16 * var(--u)))); }
  to { opacity: 1; transform: none; }
}

@keyframes fmt-sihirbaz-sol {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fmt-sihirbaz-etkin .fmt-basvuru--ik .is-giris {
  animation: fmt-sihirbaz-gir .3s ease-out both;
}

.fmt-sihirbaz-etkin .fmt-basvuru--ik .fmt-sihirbaz__ust.is-giris {
  animation-name: fmt-sihirbaz-sol;
}

/* --- 991px altı ----------------------------------------------------- */
@media (max-width: 991px) {
  .fmt-sihirbaz__gosterge {
    --daire: 34px;
    --cizgi: 2px;
    --ara: 6px;
    --ic: 5px;
    margin-top: 20px;
  }

  .fmt-sihirbaz__dugme {
    min-width: 44px;
    min-height: 44px;
    padding: var(--ic);
  }

  .fmt-sihirbaz__daire {
    margin-bottom: 0;
    font-size: 14px;
  }

  .fmt-sihirbaz__oge[data-durum="aktif"] .fmt-sihirbaz__daire {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .1);
  }

  .fmt-sihirbaz__ad,
  .fmt-sihirbaz__alt {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .fmt-sihirbaz__dugme:focus-visible {
    outline-offset: 2px;
    border-radius: 50%;
  }

  .fmt-sihirbaz__ust {
    margin: 14px 0 22px;
    padding-bottom: 18px;
  }

  .fmt-sihirbaz__baslik {
    font-size: 12px;
    letter-spacing: .1em;
  }

  .fmt-sihirbaz__baslik-ad {
    display: block;
    margin-top: 4px;
    font-size: 18px;
    letter-spacing: 0;
    color: #fff;
  }

  .fmt-sihirbaz__aciklama {
    font-size: 14px;
    line-height: 1.45;
  }

  .fmt-sihirbaz-etkin .fmt-basvuru--ik form.is-hazir .fmt-form-gonder {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px 10px;
    margin-top: 28px;
    padding-top: 20px;
  }

  .fmt-sihirbaz-etkin .fmt-basvuru--ik form.is-hazir[data-aktif-adim="4"] .fmt-form-gonder {
    margin-top: 22px;
  }

  .fmt-basvuru--ik .fmt-form-gonder .fmt-sihirbaz__geri {
    grid-column: 1;
    min-width: 0;
    padding: 0 18px;
  }

  .fmt-basvuru--ik .fmt-form-gonder :is(.fmt-sihirbaz__ileri, [data-sihirbaz-gonder]) {
    grid-column: 2;
    width: 100%;
  }

  .fmt-sihirbaz-etkin .fmt-basvuru--ik form.is-hazir[data-aktif-adim="1"] .fmt-sihirbaz__ileri {
    grid-column: 1 / -1;
  }

  .fmt-basvuru--ik .fmt-alan-hata {
    gap: 6px;
    margin-top: 6px;
    font-size: 14px;
  }

  .fmt-basvuru--ik .fmt-ozet {
    margin-bottom: 0;
  }

  .fmt-ozet__kartlar {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 16px;
  }

  .fmt-ozet__kart {
    padding: 16px;
    border-radius: 10px;
  }

  .fmt-ozet__kart-baslik {
    font-size: 17px;
  }

  .fmt-ozet__duzenle {
    min-height: 44px;
    margin: -12px -8px;
    font-size: 15px;
  }

  .fmt-ozet__liste dt {
    font-size: 13px;
  }

  .fmt-ozet__liste dd {
    font-size: 15px;
  }
}

/* --- hareket azaltma ------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  .fmt-sihirbaz-etkin .fmt-basvuru--ik .is-giris,
  .fmt-sihirbaz__basari,
  .fmt-sihirbaz__tik {
    animation: none !important;
  }

  .fmt-sihirbaz__tik {
    stroke-dashoffset: 0;
  }

  .fmt-sihirbaz__daire,
  .fmt-sihirbaz__ad,
  .fmt-sihirbaz__oge + .fmt-sihirbaz__oge::after,
  .fmt-sihirbaz__ok,
  .fmt-ozet__duzenle {
    transition: none;
  }
}

/* ================================================================ *
 * Yukarı çık düğmesi (data/footer.php + assets/js/fmt-yukari.js)
 * XD'de yok; XD'nin daire ok düğmesinin dilinde (anasayfa vitrini
 * önceki / sonraki: 56px daire, #f1efef zemin, bordo ok, 0 3px 6px gölge;
 * üstüne gelince bordo zemin + beyaz ok, 0.3s ease-out). Sağ altta, merkezi
 * WhatsApp düğmesininkiyle kenarlardan eşit uzaklıkta. Ekranın dörtte üçü
 * kadar inilince aşağıdan belirir. Footer imzası düğmenin sütununa girmesin
 * diye (dar ekranda) sola çekilir: footer bölümünde .fmt-footer__imza.
 * ================================================================ */

:root {
  --fmt-yukari-boy: calc(56px * var(--fmt-olcek));
  /* WhatsApp: kenardan 24, 60'lık daire (kendi ölçeğiyle) → iki merkez eşit uzaklıkta */
  --fmt-yukari-pay: calc(24px * var(--fmt-olcek-wa) + (60px * var(--fmt-olcek-wa) - var(--fmt-yukari-boy)) / 2);
}

/* Dış kutu sabit tıklama alanı; görünen daire içte hareket eder (üstüne
   gelince yükselen daire imlecin altından kaçıp titremesin) */
.fmt-yukari {
  position: fixed;
  right: var(--fmt-yukari-pay);
  bottom: var(--fmt-yukari-pay);
  z-index: 1025;
  display: block;
  box-sizing: border-box;
  width: var(--fmt-yukari-boy);
  height: var(--fmt-yukari-boy);
  border-radius: 50%;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-out, visibility 0s linear .3s;
  -webkit-tap-highlight-color: transparent;
}

.fmt-yukari.is-gorunur {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.fmt-yukari__daire {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;   /* yüksek karşıtlık kipinde çember görünür kalsın */
  border-radius: 50%;
  background: #f1efef;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  color: #721518;
  transform: translateY(calc(12px * var(--fmt-olcek)));
  transition: transform .3s ease-out, background-color .3s ease-out, color .3s ease-out, box-shadow .3s ease-out;
}

.fmt-yukari.is-gorunur .fmt-yukari__daire {
  transform: none;
}

.fmt-yukari svg {
  display: block;
  width: 44%;
  height: auto;
  transform: rotate(-90deg);
}

@media (hover: hover) {
  .fmt-yukari:hover .fmt-yukari__daire {
    background: #721518;
    box-shadow: 0 6px 14px rgba(114, 21, 24, .35);
    color: #fff;
  }

  .fmt-yukari.is-gorunur:hover .fmt-yukari__daire {
    transform: translateY(calc(-5px * var(--fmt-olcek)));
  }
}

/* Klavye odağı: bordo halka + aradaki beyaz boşluk (koyu ve açık zeminde görünür) */
.fmt-yukari:focus-visible {
  outline: 2px solid #721518;
  outline-offset: 3px;
}

.fmt-yukari:focus-visible .fmt-yukari__daire {
  background: #721518;
  box-shadow: 0 0 0 3px #fff, 0 6px 14px rgba(114, 21, 24, .35);
  color: #fff;
}

@media (max-width: 991px) {
  :root {
    --fmt-yukari-boy: 48px;
    --fmt-yukari-pay: 20px;   /* WhatsApp 16 + 56 → iki merkez de kenardan 44 */
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-yukari,
  .fmt-yukari__daire {
    transition: none;
  }

  .fmt-yukari__daire,
  .fmt-yukari.is-gorunur:hover .fmt-yukari__daire {
    transform: none;
  }
}

@media print {
  .fmt-yukari {
    display: none;
  }
}

/* ================================================================ *
 * KVKK penceresi (data/kvkk-pencere.php + assets/js/fmt-kvkk.js)
 * <dialog>: başlık + kaydırılan metin + alt çubukta Kapat / Kabul.
 * ================================================================ */

.fmt-kvkk {
  width: min(calc(780px * var(--fmt-olcek)), calc(100vw - calc(32px * var(--fmt-olcek))));
  max-width: none;
  max-height: min(86vh, calc(860px * var(--fmt-olcek)));
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: calc(18px * var(--fmt-olcek));
  background: #fff;
  color: #212529;
  font-family: var(--fmt-font);
  box-shadow: 0 calc(24px * var(--fmt-olcek)) calc(60px * var(--fmt-olcek)) rgba(0, 0, 0, .35);
  overflow: hidden;
}

.fmt-kvkk[open] {
  animation: fmt-kvkk-gir .3s ease-out;
}

.fmt-kvkk::backdrop {
  background: rgba(33, 37, 41, .62);
  backdrop-filter: blur(2px);
}

@keyframes fmt-kvkk-gir {
  from { opacity: 0; transform: translateY(calc(14px * var(--fmt-olcek))) scale(.98); }
  to { opacity: 1; transform: none; }
}

.fmt-kvkk__kutu {
  display: flex;
  flex-direction: column;
  max-height: min(86vh, calc(860px * var(--fmt-olcek)));
}

.fmt-kvkk__bas {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(16px * var(--fmt-olcek));
  padding: calc(24px * var(--fmt-olcek)) calc(24px * var(--fmt-olcek)) calc(16px * var(--fmt-olcek)) calc(28px * var(--fmt-olcek));
  border-bottom: 1px solid #ececec;
}

.fmt-kvkk__baslik {
  margin: 0;
  font-family: var(--fmt-font);
  font-size: calc(22px * var(--fmt-olcek));
  font-weight: 700;
  line-height: 1.25;
  color: #212529;
}

.fmt-kvkk__baslik::after {
  content: "";
  display: block;
  width: calc(64px * var(--fmt-olcek));
  height: calc(4px * var(--fmt-olcek));
  margin-top: calc(10px * var(--fmt-olcek));
  border-radius: calc(4px * var(--fmt-olcek));
  background: #721518;
}

.fmt-kvkk__carpi {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: calc(36px * var(--fmt-olcek));
  height: calc(36px * var(--fmt-olcek));
  margin: calc(-4px * var(--fmt-olcek)) calc(-6px * var(--fmt-olcek)) 0 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: #6c6f73;
  font-size: calc(26px * var(--fmt-olcek));
  line-height: 1;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

.fmt-kvkk__carpi:hover,
.fmt-kvkk__carpi:focus-visible {
  background: #f3f3f3;
  color: #212529;
}

.fmt-kvkk__metin {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: calc(18px * var(--fmt-olcek)) calc(28px * var(--fmt-olcek)) calc(22px * var(--fmt-olcek));
  font-size: max(11px, calc(15px * var(--fmt-olcek)));
  line-height: 1.6;
  color: #33363a;
}

.fmt-kvkk__metin:focus-visible {
  outline: 2px solid #721518;
  outline-offset: -2px;
}

.fmt-kvkk__metin p,
.fmt-kvkk__metin li {
  margin: 0 0 calc(12px * var(--fmt-olcek));
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.fmt-kvkk__metin h1,
.fmt-kvkk__metin h2,
.fmt-kvkk__metin h3,
.fmt-kvkk__metin h4 {
  margin: calc(18px * var(--fmt-olcek)) 0 calc(8px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: calc(17px * var(--fmt-olcek));
  font-weight: 700;
  line-height: 1.35;
  color: #212529;
}

.fmt-kvkk__metin ul,
.fmt-kvkk__metin ol {
  margin: 0 0 calc(12px * var(--fmt-olcek));
  padding-left: calc(22px * var(--fmt-olcek));
  font-size: inherit;      /* eski style.css ul,li {17px/28px} paragraflardan iri gösteriyordu */
  line-height: inherit;
}

.fmt-kvkk__metin ul li { list-style: disc; margin-bottom: calc(6px * var(--fmt-olcek)); }
.fmt-kvkk__metin ol li { list-style: decimal; margin-bottom: calc(6px * var(--fmt-olcek)); }

.fmt-kvkk__metin a {
  color: #721518;
  text-decoration: underline;
}

.fmt-kvkk__alt {
  display: flex;
  justify-content: flex-end;
  gap: calc(12px * var(--fmt-olcek));
  padding: calc(16px * var(--fmt-olcek)) calc(24px * var(--fmt-olcek)) calc(20px * var(--fmt-olcek));
  border-top: 1px solid #ececec;
  background: #fafafa;
}

.fmt-kvkk__dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(46px * var(--fmt-olcek));
  padding: 0 calc(24px * var(--fmt-olcek));
  border: 0;
  border-radius: calc(8px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: calc(16px * var(--fmt-olcek));
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .3s ease-out, color .3s ease-out, box-shadow .3s ease-out;
}

.fmt-kvkk__dugme--ikincil {
  background: #fff;
  color: #212529;
  box-shadow: inset 0 0 0 1px #c9c9c9;
}

.fmt-kvkk__dugme--ikincil:hover,
.fmt-kvkk__dugme--ikincil:focus-visible {
  background: #f3f3f3;
  box-shadow: inset 0 0 0 1px #a5a5a5;
}

.fmt-kvkk__dugme--kabul {
  background: #721518;
  color: #fff;
}

.fmt-kvkk__dugme--kabul:hover,
.fmt-kvkk__dugme--kabul:focus-visible {
  background: #59191f;
  color: #fff;
}

.fmt-kvkk__dugme:focus-visible {
  outline: 2px solid #721518;
  outline-offset: calc(3px * var(--fmt-olcek));
}

@media (max-width: 575px) {
  .fmt-kvkk {
    width: calc(100vw - 16px);
    max-height: calc(100svh - 16px);
    border-radius: 14px;
  }

  .fmt-kvkk__kutu {
    max-height: calc(100svh - 16px);
  }

  .fmt-kvkk__bas,
  .fmt-kvkk__metin {
    padding-left: 18px;
    padding-right: 18px;
  }

  .fmt-kvkk__alt {
    flex-direction: column-reverse;
    padding: 14px 16px 16px;
  }

  .fmt-kvkk__dugme {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-kvkk[open] {
    animation: none;
  }
}

/* ================================================================ *
 * Ürünler › kategori sayfaları (urunlerimiz.php)
 *  · vitrin — XD 02 "ÜRÜNLER > BUHAR KAZANI" (1920): başlık SemiBold 40
 *    (üst 180), satırlar 509×433 kart ×3 (x 167, adım 539), solda −90°
 *    dönük etiket (SemiBold 45 bordo), altta L çizgi (x 132, 1233×6) ve
 *    "Tüm Ürünleri İncele" + ok dairesi; koyu kutu 1611 (r23), ince ayraç,
 *    ortalı bordo kapanış metni, 520×6 ayraç.
 *  · liste — XD 03 "SIVI GAZ YAKITLI": kardeş kategori şeridi (#212529,
 *    55px, sabit), giriş Medium 20/26, "SERİLER" + çubuk, kartlar ortalı
 *    (boşluk 41), 1920×480 bant, uzun metin Regular 20/26.
 *  Kart (Component 108): iç çerçeve 1px #707070 → üstüne gelince 2px
 *  bordo; basınca 4 yukarı + gölge (auto-animate .3s ease-out).
 * ================================================================ */

.fmt-urunler {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  container-type: inline-size;
  padding-bottom: calc(28.85 * var(--u));
}

.fmt-urunler--vitrin {
  padding-bottom: calc(26.85 * var(--u));
}

.fmt-urunler :where(ul, ol, li, p, h1, h2, h3, h4, a, img, hr) {
  transition: none;
}

.fmt-urunler__baslik {
  margin: 0;
  padding: calc(43 * var(--u)) calc(98 * var(--u)) 0;
  font-family: var(--fmt-font);
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #212529;
  text-align: center;
  text-transform: uppercase;
}

.fmt-urunler--liste .fmt-urunler__baslik {
  padding-top: calc(113 * var(--u));
}

.fmt-urunler--seritli .fmt-urunler__baslik {
  padding-top: calc(58 * var(--u));   /* şerit (55) yolun altında akışta */
}

.fmt-urunler__baslik::after {
  content: "";
  display: block;
  width: calc(108 * var(--u));
  height: calc(6 * var(--u));
  margin: calc(18 * var(--u)) auto 0;
  border-radius: calc(3 * var(--u));
  background: #721518;
}

/* --- sayfa yolu: "Ürünlerimiz" ürün menüsünü açan düğme (XD: koyu) --- */
.fmt-yol__dugme {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #212529;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
}

.fmt-yol li:has(> .fmt-yol__dugme) {
  color: #212529;
}

.fmt-yol__dugme:hover,
.fmt-yol__dugme:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.fmt-yol__dugme:focus-visible {
  outline: 2px solid #721518;
  outline-offset: 2px;
}

/* --- kart ---------------------------------------------------------------- */
.fmt-urunler :where(.fmt-urun-grup__kartlar, .fmt-urun-izgara) {   /* :where — kendi margin kuralları ezilmesin */
  margin: 0;
  padding: 0;
  list-style: none;
}

.fmt-urunler :is(.fmt-urun-grup__kartlar, .fmt-urun-izgara) > li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: inherit;
  line-height: inherit;
}

.fmt-urun-kart {
  position: relative;
  display: block;
  width: calc(509 * var(--u));
  height: calc(433 * var(--u));
  border-radius: calc(37 * var(--u));
  background: #fff;
  box-shadow: inset 0 0 0 1px #707070;
  color: #212529;
  font-family: var(--fmt-font);
  text-decoration: none;
  transition: box-shadow .3s ease-out, transform .3s ease-out;
}

.fmt-urun-kart:hover,
.fmt-urun-kart:focus-visible {
  color: #212529;
  text-decoration: none;
  box-shadow: inset 0 0 0 2px #721518;
}

.fmt-urun-kart:focus-visible {
  outline: 2px solid #721518;
  outline-offset: 3px;
}

.fmt-urun-kart:active {
  transform: translateY(calc(-4 * var(--u)));
  box-shadow: inset 0 0 0 2px #721518, 0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .16);
}

.fmt-urun-kart__gorsel {
  position: absolute;
  left: calc(25 * var(--u));
  right: calc(25 * var(--u));
  top: calc(15 * var(--u));
  height: calc(311 * var(--u));
}

.fmt-urun-kart__gorsel img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center bottom;
}

.fmt-urun-kart__ad {
  position: absolute;
  left: calc(12 * var(--u));
  right: calc(12 * var(--u));
  bottom: calc(52.25 * var(--u));
  text-align: center;
  text-wrap: balance;
}

.fmt-urun-kart__ad strong,
.fmt-urun-kart__ad span {
  display: block;
  font-family: var(--fmt-font);
  line-height: calc(28 * var(--u));
  color: inherit;
}

.fmt-urun-kart__ad strong {
  font-size: calc(35 * var(--u));
  font-weight: 600;
}

.fmt-urun-kart__ad span {
  font-size: calc(30 * var(--u));
  font-weight: 300;
}

.fmt-urun-kart.is-tek .fmt-urun-kart__ad {
  bottom: calc(40.25 * var(--u));
}

/* 03 ızgarası: başlık 32/35 (2. satır Regular), görsel alanı 15..310 */
.fmt-urun-izgara .fmt-urun-kart__gorsel {
  height: calc(295 * var(--u));
}

.fmt-urun-izgara .fmt-urun-kart__ad {
  bottom: calc(46.7 * var(--u));
}

.fmt-urun-izgara .fmt-urun-kart__ad strong,
.fmt-urun-izgara .fmt-urun-kart__ad span {
  font-size: calc(32 * var(--u));
  line-height: calc(35 * var(--u));
}

.fmt-urun-izgara .fmt-urun-kart__ad span {
  font-weight: 400;
}

.fmt-urun-izgara .fmt-urun-kart.is-tek .fmt-urun-kart__ad {
  bottom: calc(62.2 * var(--u));
}

/* --- vitrin satırı: kart üstü = satır üstü (Y0); L çizgi Y0+349.5..477 --- */
.fmt-urun-grup {
  position: relative;
  max-width: calc(1920 * var(--u));   /* 1920 üstünde satır ortada (içerik mutlak konumlu) */
  height: calc(477 * var(--u));
  margin-top: calc(103 * var(--u));
  margin-left: auto;
  margin-right: auto;
}

.fmt-urunler__baslik + .fmt-urun-grup {
  margin-top: calc(109 * var(--u));
}

/* −90° dönük etiket: kutunun sol-alt köşesi (x 152.75, Y0+338) etrafında
   döner; çok satırlı ad sola doğru büyür (XD "Paket Tip Mobil / Kazanlar"). */
.fmt-urun-grup__etiket {
  position: absolute;
  left: calc(152.75 * var(--u));
  bottom: calc(139 * var(--u));
  width: calc(352 * var(--u));
  margin: 0;
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  font-family: var(--fmt-font);
  font-size: calc(45 * var(--u));
  font-weight: 600;
  line-height: calc(45 * var(--u));
  color: #721518;
  text-align: left;
}

.fmt-urun-grup__etiket a {
  color: inherit;
  text-decoration: none;
}

.fmt-urun-grup__etiket a:hover {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: calc(2 * var(--u));
  text-underline-offset: calc(6 * var(--u));
}

.fmt-urun-grup__kartlar {
  position: absolute;
  left: calc(167 * var(--u));
  top: 0;
  display: flex;
  gap: calc(30 * var(--u));
}

.fmt-urun-grup__cizgi {
  position: absolute;
  left: calc(132 * var(--u));
  top: calc(349.5 * var(--u));
  width: calc(1233 * var(--u));
  height: calc(127.5 * var(--u));
  pointer-events: none;
}

.fmt-urun-grup__cizgi::before,
.fmt-urun-grup__cizgi::after {
  content: "";
  position: absolute;
  left: 0;
  border-radius: calc(3 * var(--u));
  background: #721518;
}

.fmt-urun-grup__cizgi::before {
  top: 0;
  bottom: 0;
  width: calc(6 * var(--u));
}

.fmt-urun-grup__cizgi::after {
  bottom: 0;
  width: 100%;
  height: calc(6 * var(--u));
}

.fmt-urun-grup__tumu {
  position: absolute;
  left: calc(1440 * var(--u));
  top: calc(453 * var(--u));
  display: flex;
  align-items: center;
  gap: calc(10 * var(--u));
  font-family: var(--fmt-font);
  font-size: calc(30 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #721518;
  white-space: nowrap;
  text-decoration: none;
}

.fmt-urun-grup__tumu:hover,
.fmt-urun-grup__tumu:focus-visible {
  color: #721518;
  text-decoration: none;
}

.fmt-urun-grup__ok {
  display: grid;
  place-items: center;
  flex: none;
  width: calc(37 * var(--u));
  height: calc(37 * var(--u));
  border-radius: 50%;
  background: #f1efef;
  color: #721518;
  transition: transform .3s ease-out, box-shadow .3s ease-out;
}

.fmt-urun-grup__ok svg {
  width: calc(15.8 * var(--u));
  height: calc(15.5 * var(--u));
}

.fmt-urun-grup__tumu:hover .fmt-urun-grup__ok,
.fmt-urun-grup__tumu:focus-visible .fmt-urun-grup__ok {
  transform: translateX(calc(7 * var(--u)));
  box-shadow: 0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .16);
}

/* --- vitrin altı: koyu kutu, ince ayraç, kapanış --------------------------- */
.fmt-urunler__kutu {
  width: calc(1611 * var(--u));
  margin: calc(60 * var(--u)) auto 0;
  padding: calc(31 * var(--u)) calc(48 * var(--u)) calc(29 * var(--u)) calc(39 * var(--u));
  border-radius: calc(23 * var(--u));
  background: #212529;
  color: #fff;
  font-family: var(--fmt-font);
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 400;
  line-height: 1.3;
}

.fmt-urunler__kutu :is(p, li, ol, ul, td) {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.fmt-urunler__kutu :is(h2, h3, h4) {
  margin: 0 0 calc(32 * var(--u));
  font-family: var(--fmt-font);
  font-size: max(16px, calc(25 * var(--u)));
  font-weight: 600;
  line-height: 1.28;
  color: #fff;
}

.fmt-urunler__kutu :is(p, ol, ul) + :is(p, ol, ul),
.fmt-urunler__kutu li + li {
  margin-top: calc(26 * var(--u));
}

.fmt-urunler__kutu ol {
  list-style: none;
  counter-reset: fmt-kutu;
}

.fmt-urunler__kutu ol > li {
  list-style: none;
  counter-increment: fmt-kutu;
}

.fmt-urunler__kutu ol > li::before {
  content: counter(fmt-kutu) ". ";
  font-weight: 500;
}

.fmt-urunler__kutu li > p {
  display: inline;
}

.fmt-urunler__kutu ul > li {
  list-style: disc;
  margin-left: 1.2em;
}

.fmt-urunler__kutu :is(strong, b) {
  font-weight: 500;
}

/* XD'de bu metinde bağlantı görünümü yok: vurgu (Medium) yeterli, üstüne gelince çizgi */
.fmt-urunler__kutu a {
  color: inherit;
  text-decoration: none;
}

.fmt-urunler__kutu a:hover,
.fmt-urunler__kutu a:focus-visible {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fmt-urunler :is(.fmt-urunler__ince, .fmt-urunler__cizgi) {
  display: block;
  height: 1px;
  margin: calc(48 * var(--u)) auto 0;
  border: 0;
  background: #ccc;
  opacity: 1;
}

.fmt-urunler__ince {
  width: calc(1602 * var(--u));
}

.fmt-urunler__kapanis {
  width: calc(1611 * var(--u));
  margin: calc(22 * var(--u)) auto 0;
  font-family: var(--fmt-font);
  font-size: max(15px, calc(25 * var(--u)));
  font-weight: 400;
  line-height: 1.28;
  color: #721518;
  text-align: center;
}

.fmt-urunler__kapanis :is(p, li) {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.fmt-urunler__kapanis :is(h2, h3, h4) {
  margin: 0 0 calc(2 * var(--u));
  font-family: var(--fmt-font);
  font-size: max(17px, calc(30 * var(--u)));
  font-weight: 600;
  line-height: 1.2;
  color: #721518;
}

.fmt-urunler__kapanis :is(strong, b) {
  font-weight: 500;
}

.fmt-urunler__kapanis a {
  color: inherit;
  text-decoration: underline;
}

.fmt-urunler .fmt-kurumsal__ayrac {
  display: block;
  margin-top: calc(24 * var(--u));
}

/* --- liste: giriş, bölüm başlığı, ızgara, bant, uzun metin ---------------- */
.fmt-urunler__giris {
  width: calc(1714 * var(--u));
  margin: calc(36 * var(--u)) auto 0;
  font-family: var(--fmt-font);
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 500;
  line-height: 1.3;
  color: #212529;
}

.fmt-urunler__giris :is(p, li, td) {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.fmt-urunler__giris p + p {
  margin-top: calc(26 * var(--u));
}

/* eski kayıtlarda giriş, metin | görsel iki hücreli tablo */
.fmt-urunler__giris :is(table, tbody) {
  display: block;
  width: 100%;
  border: 0;
}

.fmt-urunler__giris tr {
  display: flex;
  align-items: center;
  gap: calc(40 * var(--u));
}

.fmt-urunler__giris td {
  flex: 1 1 0;
  padding: 0;
  border: 0;
}

.fmt-urunler__giris td:has(> img:only-child),
.fmt-urunler__giris td:has(> p > img:only-child) {
  flex: 0 1 calc(420 * var(--u));
}

.fmt-urunler__giris img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.fmt-urunler__cizgi {
  width: calc(1714 * var(--u));
}

.fmt-urunler__giris + .fmt-urunler__cizgi {
  margin-top: calc(6 * var(--u));
}

.fmt-urunler__bolum {
  width: calc(1714 * var(--u));
  margin: calc(29.75 * var(--u)) auto 0;
  font-family: var(--fmt-font);
  font-size: max(18px, calc(35 * var(--u)));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #721518;
  text-align: left;
  text-transform: uppercase;
}

.fmt-urunler__baslik + .fmt-urunler__bolum {
  margin-top: calc(60 * var(--u));
}

.fmt-urunler__bolum::after {
  content: "";
  display: block;
  width: calc(108 * var(--u));
  height: calc(6 * var(--u));
  margin-top: calc(11.25 * var(--u));
  border-radius: calc(3 * var(--u));
  background: #721518;
}

.fmt-urun-izgara {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(41 * var(--u));
  width: calc(1714 * var(--u));
  margin: calc(42 * var(--u)) auto 0;
}

.fmt-urunler__bant {
  display: block;
  width: 100%;
  height: calc(480 * var(--u));
  max-width: none;
  margin-top: calc(60 * var(--u));
  object-fit: cover;
}

.fmt-urunler__uzun {
  width: calc(1714 * var(--u));
  margin: calc(60 * var(--u)) auto 0;
  font-family: var(--fmt-font);
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 400;
  line-height: 1.3;
  color: #212529;
}

.fmt-urunler__bant + .fmt-urunler__uzun {
  margin-top: calc(42 * var(--u));
}

.fmt-urunler__uzun :is(p, li, td, th) {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.fmt-urunler__uzun p {
  margin: 0 0 calc(26 * var(--u));
}

.fmt-urunler__uzun :is(h2, h3, h4, h5) {
  margin: calc(26 * var(--u)) 0 0;
  font-family: var(--fmt-font);
  font-size: max(16px, calc(25 * var(--u)));
  font-weight: 500;
  line-height: 1.28;
  color: #212529;
}

/* ilk başlık: bordo 30/37 + 108×6 çubuk (XD "Rectangle 14") */
.fmt-urunler__uzun > :is(h2, h3, h4):first-child {
  margin: 0 0 calc(23 * var(--u));
  font-size: max(17px, calc(30 * var(--u)));
  line-height: 1.233;
  color: #721518;
}

.fmt-urunler__uzun > :is(h2, h3, h4):first-child::after {
  content: "";
  display: block;
  width: calc(108 * var(--u));
  height: calc(6 * var(--u));
  margin-top: calc(8 * var(--u));
  border-radius: calc(3 * var(--u));
  background: #721518;
}

.fmt-urunler__uzun :is(ul, ol) {
  margin: 0 0 calc(26 * var(--u));
  padding-left: 1.3em;
}

.fmt-urunler__uzun ul > li { list-style: disc; }
.fmt-urunler__uzun ol > li { list-style: decimal; }

.fmt-urunler__uzun :is(strong, b) {
  font-weight: 500;
}

.fmt-urunler__uzun a {
  color: #721518;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fmt-urunler__uzun img {
  max-width: 100%;
  height: auto;
}

.fmt-urunler__uzun table {
  width: 100%;
  margin: 0 0 calc(26 * var(--u));
  border-collapse: collapse;
}

.fmt-urunler__uzun :is(td, th) {
  padding: calc(8 * var(--u)) calc(12 * var(--u));
  border: 1px solid #d3d3d3;
  vertical-align: top;
}

.fmt-urunler__uzun > :last-child {
  margin-bottom: 0;
}

/* --- kardeş kategori şeridi (XD 03 "ürün şerit"): yolun altında sabit ---- */
.fmt-urun-serit {
  position: sticky;
  top: calc(var(--fmt-ust-h) + var(--fmt-yol-h));
  z-index: 1019;
  background: #212529;
  font-family: var(--fmt-font);
  container-type: inline-size;
}

.fmt-urun-serit ul {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--fmt-serit-h);
  margin: 0;
  padding: calc(4px * var(--fmt-olcek)) calc(16px * var(--fmt-olcek));
  list-style: none;
}

.fmt-urun-serit li {
  display: flex;
  align-items: center;
  flex: none;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: inherit;
  line-height: inherit;
}

.fmt-urun-serit li + li::before {
  content: "";
  flex: none;
  width: calc(123 * var(--u));
  height: 2px;
  margin: 0 calc(22.5 * var(--u));
  background: #fff;
}

.fmt-urun-serit a {
  display: flex;
  align-items: center;
  gap: calc(6.5px * var(--fmt-olcek));
  color: #8c9196;   /* XD #35393d; #212529 üstünde 1.3:1 okunmuyordu → 4.6:1 */
  font-size: calc(16px * var(--fmt-olcek));
  font-weight: 600;
  line-height: calc(21px * var(--fmt-olcek));
  text-decoration: none;
  transition: color .3s ease-out;
}

.fmt-urun-serit a:hover,
.fmt-urun-serit a:focus-visible,
.fmt-urun-serit a[aria-current] {
  color: #fff;
  text-decoration: none;
}

.fmt-urun-serit a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: calc(4px * var(--fmt-olcek));
}

.fmt-urun-serit__simge {
  flex: none;
  width: calc(var(--w) * 1px * var(--fmt-olcek));
  height: calc(var(--h) * 1px * var(--fmt-olcek));
  background: currentColor;
  -webkit-mask: var(--simge) center / contain no-repeat;
  mask: var(--simge) center / contain no-repeat;
}

.fmt-urun-serit__ad {
  max-width: calc(125px * var(--fmt-olcek));
}

/* --- tablet / telefon (XD'de yok) ----------------------------------------- */
@media (max-width: 991px) {
  .fmt-urunler {
    padding: 0 16px 40px;
  }

  .fmt-urunler__baslik,
  .fmt-urunler--liste .fmt-urunler__baslik,
  .fmt-urunler--seritli .fmt-urunler__baslik {
    padding: 28px 0 0;
    font-size: 24px;
    line-height: 1.25;
  }

  .fmt-urunler__baslik::after,
  .fmt-urunler__bolum::after,
  .fmt-urunler__uzun > :is(h2, h3, h4):first-child::after {
    width: 72px;
    height: 4px;
    margin-top: 10px;
    border-radius: 2px;
  }

  .fmt-urunler__baslik::after {
    margin: 10px auto 0;
  }

  /* vitrin satırı akışa döner */
  .fmt-urun-grup,
  .fmt-urunler__baslik + .fmt-urun-grup {
    height: auto;
    margin-top: 36px;
  }

  .fmt-urun-grup__etiket {
    position: static;
    width: auto;
    margin: 0 0 14px;
    transform: none;
    font-size: 22px;
    line-height: 1.25;
  }

  .fmt-urun-grup__kartlar,
  .fmt-urun-izgara {
    position: static;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: 16px;
    width: auto;
    margin: 0;
  }

  .fmt-urun-izgara {
    margin-top: 20px;
  }

  /* vitrin satırı: kartlar yana kaydırılır (bir sonraki kart kenardan görünür) */
  .fmt-urun-grup__kartlar {
    display: flex;
    gap: 12px;
    margin: 0 -16px;
    padding: 6px 16px 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }

  .fmt-urun-grup__kartlar::-webkit-scrollbar {
    display: none;
  }

  .fmt-urunler .fmt-urun-grup__kartlar > li {
    flex: 0 0 min(78%, 340px);
    scroll-snap-align: start;
  }

  .fmt-urun-grup__cizgi {
    display: none;
  }

  .fmt-urun-grup__tumu {
    position: static;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
    padding-bottom: 12px;
    border-bottom: 3px solid #721518;
    font-size: 17px;
    line-height: 1.3;
  }

  .fmt-urun-grup__ok {
    width: 32px;
    height: 32px;
  }

  .fmt-urun-grup__ok svg {
    width: 14px;
    height: 14px;
  }

  .fmt-urun-kart {
    width: auto;
    height: auto;
    aspect-ratio: 509 / 433;
    border-radius: 24px;
  }

  .fmt-urun-kart__gorsel,
  .fmt-urun-izgara .fmt-urun-kart__gorsel {
    left: 5%;
    right: 5%;
    top: 4%;
    height: 68%;
  }

  .fmt-urun-kart__ad,
  .fmt-urun-kart.is-tek .fmt-urun-kart__ad,
  .fmt-urun-izgara .fmt-urun-kart__ad,
  .fmt-urun-izgara .fmt-urun-kart.is-tek .fmt-urun-kart__ad {
    left: 8px;
    right: 8px;
    bottom: 9%;
  }

  .fmt-urun-kart__ad strong,
  .fmt-urun-izgara .fmt-urun-kart__ad strong {
    font-size: 19px;
    line-height: 1.25;
  }

  .fmt-urun-kart__ad span,
  .fmt-urun-izgara .fmt-urun-kart__ad span {
    font-size: 15px;
    line-height: 1.3;
  }

  .fmt-urunler__kutu {
    width: auto;
    margin-top: 40px;
    padding: 22px 20px;
    border-radius: 16px;
    font-size: 15px;
    line-height: 1.55;
  }

  .fmt-urunler__kutu :is(h2, h3, h4) {
    margin-bottom: 16px;
    font-size: 19px;
    line-height: 1.3;
  }

  .fmt-urunler__kutu :is(p, ol, ul) + :is(p, ol, ul),
  .fmt-urunler__kutu li + li {
    margin-top: 14px;
  }

  .fmt-urunler :is(.fmt-urunler__ince, .fmt-urunler__cizgi) {
    width: auto;
    margin-top: 28px;
  }

  .fmt-urunler__kapanis {
    width: auto;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5;
  }

  .fmt-urunler__kapanis :is(h2, h3, h4) {
    margin-bottom: 6px;
    font-size: 19px;
    line-height: 1.3;
  }

  .fmt-urunler .fmt-kurumsal__ayrac {
    margin-top: 24px;
  }

  .fmt-urunler__giris,
  .fmt-urunler__bolum,
  .fmt-urunler__uzun {
    width: auto;
  }

  .fmt-urunler__giris {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.55;
  }

  .fmt-urunler__giris tr {
    flex-direction: column;
    gap: 16px;
  }

  .fmt-urunler__giris + .fmt-urunler__cizgi {
    margin-top: 16px;
  }

  .fmt-urunler__bolum,
  .fmt-urunler__baslik + .fmt-urunler__bolum {
    margin-top: 24px;
    font-size: 21px;
    line-height: 1.25;
  }

  .fmt-urunler__bant {
    width: calc(100% + 32px);
    height: auto;
    aspect-ratio: 4 / 1;
    margin: 32px -16px 0;
  }

  .fmt-urunler__uzun,
  .fmt-urunler__bant + .fmt-urunler__uzun {
    margin-top: 28px;
    font-size: 15px;
    line-height: 1.6;
  }

  .fmt-urunler__uzun p,
  .fmt-urunler__uzun :is(ul, ol, table) {
    margin-bottom: 14px;
  }

  .fmt-urunler__uzun :is(h2, h3, h4, h5) {
    margin-top: 18px;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.35;
  }

  .fmt-urunler__uzun > :is(h2, h3, h4):first-child {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 1.3;
  }

  /* sayfa yolu tek satır, yana kaydırılır: iki satıra inince yapışkan şeridin üstünü örtüyordu */
  .fmt-yol ol {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
  }

  .fmt-yol ol::-webkit-scrollbar {
    display: none;
  }

  .fmt-yol li {
    flex: none;
  }

  /* şerit: yatay kaydırılır, ayraçlar kısa */
  .fmt-urun-serit ul {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .fmt-urun-serit ul::-webkit-scrollbar {
    display: none;
  }

  .fmt-urun-serit li:first-child {
    margin-left: auto;
  }

  .fmt-urun-serit li:last-child {
    margin-right: auto;
  }

  .fmt-urun-serit li + li::before {
    width: 24px;
    margin: 0 12px;
  }

  .fmt-urun-serit a {
    font-size: 14px;
    line-height: 18px;
  }

  .fmt-urun-serit__simge {
    width: calc(var(--w) * .8px);
    height: calc(var(--h) * .8px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-urun-kart,
  .fmt-urun-grup__ok,
  .fmt-urun-serit a {
    transition: none;
  }

  .fmt-urun-kart:active {
    transform: none;
  }
}

/* ================================================================ *
 * Ürünler › ürün detayı (urun-detay.php) — XD 04 "… > SSB SERİSİ" (1920)
 *  Konumlar içerik başına göre (y − 137): seri sekmesi 137×191 bordo
 *  (x 79, −1), "SERİSİ" Bold 65 (x 79, üst 225), hero 1540×1027 (x 233, 35),
 *  kesit 818×545 (x 1031, 779), açıklama 912 geniş (x 98, 945), ölçü paneli
 *  1779×893 (açıklamadan 39), ÜRÜN MODELLERİ 1457 (ölçü paneline 57 biner),
 *  6px bordo çizgi, dipnot, 4 özellik kartı 366×77, gri ayraç, Teknik
 *  Dökümanlar (süzgeç hapı + 1714×52 belge şeritleri).
 *  XD'de olmayan bölümler (detay blokları, galeri, markalar, teklif, benzer)
 *  aynı ölçü sistemiyle.
 * ================================================================ */

.fmt-urun {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  container-type: inline-size;
  padding-bottom: calc(54.5 * var(--u));
}

.fmt-urun :where(ul, ol, li, p, h1, h2, h3, a, img, hr, figure, video) {
  transition: none;
}

.fmt-urun :where(figure) {
  margin: 0;
}

/* --- başlık: seri değilse ortalı (kategori sayfalarıyla aynı) ------------- */
.fmt-urun__baslik {
  margin: 0;
  padding: calc(43 * var(--u)) calc(98 * var(--u)) 0;
  font-family: var(--fmt-font);
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(48 * var(--u));
  color: #212529;
  text-align: center;
  text-transform: uppercase;
}

.fmt-urun__baslik::after {
  content: "";
  display: block;
  width: calc(108 * var(--u));
  height: calc(6 * var(--u));
  margin: calc(14 * var(--u)) auto 0;
  border-radius: calc(3 * var(--u));
  background: #721518;
}

.fmt-urun__alt {
  display: block;
  margin-top: calc(6 * var(--u));
  font-size: max(14px, calc(26 * var(--u)));
  font-weight: 300;
  line-height: 1.231;
  text-transform: none;
}

/* --- üst bölüm ------------------------------------------------------------- */
.fmt-urun__ust {
  position: relative;
  display: flow-root;
  max-width: calc(1920 * var(--u));   /* 1920 üstünde ortada (sekme/hero/kesit mutlak konumlu) */
  margin-left: auto;
  margin-right: auto;
}

.fmt-urun__sekme {
  position: absolute;
  z-index: 3;
  left: calc(79 * var(--u));
  top: calc(-1 * var(--u));
  width: calc(137 * var(--u));
  height: calc(191 * var(--u));
  padding-top: calc(149.25 * var(--u));
  background: #721518;
  color: #fff;
  font-family: var(--fmt-font);
  font-size: calc(45 * var(--u));
  font-weight: 700;
  line-height: calc(22 * var(--u));
  text-align: center;
  white-space: nowrap;
}

.fmt-urun__seri {
  position: absolute;
  z-index: 3;
  left: calc(79 * var(--u));
  top: calc(225.25 * var(--u));
  margin: 0;
  font-family: var(--fmt-font);
  font-size: calc(65 * var(--u));
  font-weight: 700;
  line-height: calc(22 * var(--u));
  color: #212529;
  text-transform: uppercase;
  white-space: nowrap;
}

.fmt-urun__hero {
  width: calc(1540 * var(--u));
  height: calc(1027 * var(--u));
  margin: calc(35 * var(--u)) 0 0 calc(233 * var(--u));
}

.fmt-urun--duz .fmt-urun__hero {
  margin-left: auto;
  margin-right: auto;
}

.fmt-urun__hero :is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
}

.fmt-urun__kesit {
  display: block;
  width: calc(1714 * var(--u));
  height: auto;
  max-width: none;
  margin: calc(36 * var(--u)) auto 0;
}

.fmt-urun__aciklama {
  position: relative;
  z-index: 2;
  width: calc(1714 * var(--u));
  margin: calc(36 * var(--u)) auto 0;
  font-family: var(--fmt-font);
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 400;
  line-height: 1.3;
  color: #212529;
}

/* XD düzeni (kesit görseli varsa): hero ve kesit üst üste, açıklama solda */
.fmt-urun__ust--xd {
  min-height: calc(1283 * var(--u));
}

.fmt-urun__ust--xd .fmt-urun__hero {
  position: absolute;
  left: calc(233 * var(--u));
  top: calc(35 * var(--u));
  margin: 0;
}

.fmt-urun__ust--xd .fmt-urun__kesit {
  position: absolute;
  z-index: 1;
  left: calc(1031 * var(--u));
  top: calc(779 * var(--u));
  width: calc(818 * var(--u));
  height: calc(545 * var(--u));
  margin: 0;
  object-fit: contain;
}

.fmt-urun__ust--xd .fmt-urun__aciklama {
  width: calc(912 * var(--u));
  margin: calc(945 * var(--u)) 0 0 calc(98 * var(--u));
}

.fmt-urun__aciklama :is(p, li, td) {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.fmt-urun__aciklama :is(p, ul, ol) + :is(p, ul, ol) {
  margin-top: calc(26 * var(--u));
}

.fmt-urun__aciklama :is(h2, h3, h4) {
  margin: calc(26 * var(--u)) 0 calc(8 * var(--u));
  font-family: var(--fmt-font);
  font-size: max(16px, calc(25 * var(--u)));
  font-weight: 500;
  line-height: 1.28;
  color: #212529;
}

.fmt-urun__aciklama :is(ul, ol) {
  margin: 0;
  padding-left: 1.3em;
}

.fmt-urun__aciklama ul > li { list-style: disc; }
.fmt-urun__aciklama ol > li { list-style: decimal; }

.fmt-urun :is(.fmt-urun__aciklama, .fmt-urun__not, .fmt-detay__metin, .fmt-bilgi__metin) :is(strong, b) {
  font-weight: 600;
}

.fmt-urun :is(.fmt-urun__aciklama, .fmt-detay__metin, .fmt-bilgi__metin) a {
  color: #721518;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* --- ölçü çizimi (görünen beyaz panel) --------------------------------------- */
.fmt-urun__olcu {
  width: calc(1779 * var(--u));
  margin: calc(39 * var(--u)) auto 0;
}

.fmt-urun--xd .fmt-urun__olcu {
  margin-left: calc((100% - 1920 * var(--u)) / 2 + 83.5 * var(--u));   /* XD: panel x 83.5 (tam ortada değil) */
}

.fmt-urun__olcu img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

/* --- ÜRÜN MODELLERİ tablosu ------------------------------------------------- */
.fmt-urun__tablo {
  position: relative;
  z-index: 1;
  width: calc(1457 * var(--u));
  margin: calc(60 * var(--u)) auto 0;
  font-family: var(--fmt-font);
}

.fmt-urun--xd .fmt-urun__olcu + .fmt-urun__tablo {
  margin-top: calc(-57 * var(--u));   /* XD: tablo ölçü panelinin (alttaki boş beyazına) biner; yalnız XD düzeninde */
}

.fmt-urun__tablo-baslik {
  height: calc(64 * var(--u));
  margin: 0 0 1px;
  border-radius: calc(10 * var(--u)) calc(10 * var(--u)) 0 0;
  background: #721518;
  box-shadow: inset 0 0 0 1px #707070;
  color: #fff;
  font-family: var(--fmt-font);
  font-size: max(16px, calc(30 * var(--u)));
  font-weight: 600;
  line-height: calc(64 * var(--u));
  text-align: center;
}

.fmt-urun__tablo-kap {
  overflow-x: auto;
  background: #fff;
  box-shadow: 0 calc(3 * var(--u)) calc(7 * var(--u)) rgba(0, 0, 0, .12);
}

.fmt-urun__tablo-kap:focus-visible {
  outline: 2px solid #721518;
  outline-offset: 2px;
}

.fmt-model-tablo {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-family: var(--fmt-font);
  font-size: max(12px, calc(16 * var(--u)));
  line-height: 1.25;
  color: #212529;
  text-align: center;
}

.fmt-model-tablo :is(th, td) {
  padding: calc(6 * var(--u)) calc(6 * var(--u));
  border: 1px solid #d3d3d3;
  vertical-align: middle;
  font-family: inherit;
}

.fmt-model-tablo thead :is(th, td) {
  border-color: #464b50;
  background: #212529;
  color: #fff;
  font-size: max(12px, calc(18 * var(--u)));
  font-weight: 400;
  line-height: 1.222;
}

.fmt-model-tablo__ust :is(th, td) {
  height: calc(43 * var(--u));
  font-weight: 600;
}

.fmt-model-tablo thead tr:last-child th {
  height: calc(125 * var(--u));
}

.fmt-model-tablo tbody :is(th, td) {
  height: calc(44.75 * var(--u));
  font-weight: 400;
}

.fmt-model-tablo tbody th {
  font-weight: 600;
  white-space: nowrap;
}

.fmt-model-tablo tbody tr:nth-child(even) :is(th, td) {
  background: #f5f5f5;
}

.fmt-model-tablo tbody tr:hover :is(th, td) {
  background: #f3e8e8;
}

.fmt-model-tablo__belge a {
  display: inline-block;
  margin: 2px 4px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #721518;
  color: #fff;
  font-size: max(11px, calc(14 * var(--u)));
  text-decoration: none;
}

.fmt-model-tablo__belge a:hover,
.fmt-model-tablo__belge a:focus-visible {
  background: #561014;
  color: #fff;
}

/* --- 6px bordo çizgi + dipnot ---------------------------------------------- */
.fmt-urun__kalin {
  display: block;
  width: calc(1714 * var(--u));
  height: calc(6 * var(--u));
  margin: calc(31 * var(--u)) auto 0;
  border: 0;
  border-radius: calc(3 * var(--u));
  background: #721518;
  opacity: 1;
}

.fmt-urun__not {
  width: calc(1714 * var(--u));
  margin: calc(21 * var(--u)) auto 0;
  font-family: var(--fmt-font);
  font-size: max(13px, calc(20 * var(--u)));
  font-weight: 400;
  line-height: 1.3;
  color: #212529;
}

.fmt-urun__not :is(b, strong) {
  color: #59191f;
}

.fmt-urun__not p {
  margin: 0;
  font: inherit;
  color: inherit;
}

/* --- özellik kartları (366×77; çerçeve hover'da 3 yukarı, 2px bordo) --------- */
.fmt-urun__ozellikler {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(30 * var(--u));
  width: calc(1714 * var(--u));
  margin: calc(44 * var(--u)) auto 0;
  padding: 0;
  list-style: none;
}

.fmt-ozellik {
  position: relative;
  isolation: isolate;
  width: calc(366 * var(--u));
  min-height: calc(77 * var(--u));
  margin: 0;
  padding: calc(13.25 * var(--u)) calc(12 * var(--u)) calc(12.75 * var(--u)) calc(62 * var(--u));
  list-style: none;
  font-family: var(--fmt-font);
  font-size: max(12px, calc(15 * var(--u)));
  font-weight: 400;
  line-height: 1.133;
  color: #212529;
}

.fmt-ozellik::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: calc(11 * var(--u));
  background: #fff;
  box-shadow: inset 0 0 0 1px #c9c9c9;
  transition: transform .3s ease-out, box-shadow .3s ease-out;
}

.fmt-ozellik:hover::before {
  transform: translateY(calc(-3 * var(--u)));
  box-shadow: inset 0 0 0 2px #721518, 0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .16);
}

.fmt-ozellik.is-simgesiz {
  padding-left: calc(20 * var(--u));
}

.fmt-ozellik__simge {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(60 * var(--u));
  height: calc(77 * var(--u));
  max-width: none;
}

.fmt-ozellik strong {
  display: block;
  font-weight: 600;
}

.fmt-ozellik span {
  display: block;
}

/* --- XD dışı bölümler: ortak başlık ------------------------------------------ */
.fmt-urun__bolum {
  width: calc(1714 * var(--u));
  margin: calc(80 * var(--u)) auto calc(32 * var(--u));
  font-family: var(--fmt-font);
  font-size: max(18px, calc(32 * var(--u)));
  font-weight: 600;
  line-height: 1.25;
  color: #212529;
  text-align: center;
}

.fmt-urun__bolum::after {
  content: "";
  display: block;
  width: calc(108 * var(--u));
  height: calc(6 * var(--u));
  margin: calc(12 * var(--u)) auto 0;
  border-radius: calc(3 * var(--u));
  background: #721518;
}

/* detay blokları: görsel | metin satırları */
.fmt-urun__detay {
  width: calc(1714 * var(--u));
  margin: 0 auto;
}

.fmt-detay {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: calc(60 * var(--u));
  margin-top: calc(80 * var(--u));
}

.fmt-detay--sag .fmt-detay__medya {
  order: 2;
}

/* küçük görsel (simge, sertifika logosu): büyütülmez, metnin solunda */
.fmt-detay--ikon {
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: calc(40 * var(--u));
}

.fmt-detay--ikon .fmt-detay__medya :is(img, video) {
  width: auto;
  max-width: calc(160 * var(--u));
  max-height: calc(160 * var(--u));
  border-radius: 0;
}

.fmt-detay--tam,
.fmt-detay.is-yalniz {
  grid-template-columns: 1fr;
  gap: calc(32 * var(--u));
}

.fmt-detay__medya :is(img, video) {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  max-height: calc(760 * var(--u));
  margin: 0 auto;
  object-fit: contain;
  border-radius: calc(20 * var(--u));
}

.fmt-detay--tam .fmt-detay__medya :is(img, video) {
  max-height: calc(900 * var(--u));
}

.fmt-detay__metin,
.fmt-bilgi__metin {
  font-family: var(--fmt-font);
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 400;
  line-height: 1.3;
  color: #212529;
}

.fmt-detay__metin :is(p, li, td),
.fmt-bilgi__metin :is(p, li, td) {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.fmt-detay__metin :is(p, ul, ol, table) + :is(p, ul, ol, table),
.fmt-bilgi__metin :is(p, ul, ol) + :is(p, ul, ol) {
  margin-top: calc(18 * var(--u));
}

.fmt-detay__metin :is(ul, ol),
.fmt-bilgi__metin :is(ul, ol) {
  margin: 0;
  padding-left: 1.3em;
}

.fmt-detay__metin ul > li,
.fmt-bilgi__metin ul > li { list-style: disc; }
.fmt-detay__metin ol > li,
.fmt-bilgi__metin ol > li { list-style: decimal; }

.fmt-detay__metin :is(h3, h4, h5),
.fmt-bilgi__metin :is(h2, h3, h4, h5) {
  margin: calc(22 * var(--u)) 0 calc(6 * var(--u));
  font-family: var(--fmt-font);
  font-size: max(15px, calc(22 * var(--u)));
  font-weight: 500;
  line-height: 1.364;
  color: #212529;
}

/* kartın ilk öğesi üst boşluk almaz; başlık içindeki kalın yazı başlığın yazı tipini alır */
.fmt-bilgi__metin > :first-child,
.fmt-detay__metin > :first-child {
  margin-top: 0;
}

.fmt-detay__metin :is(h3, h4, h5) :is(strong, b),
.fmt-bilgi__metin :is(h2, h3, h4, h5) :is(strong, b) {
  font: inherit;
}

.fmt-detay__metin img,
.fmt-bilgi__metin img {
  max-width: 100%;
  height: auto;
}

.fmt-detay__baslik {
  margin: 0 0 calc(18 * var(--u));
  font-family: var(--fmt-font);
  font-size: max(17px, calc(30 * var(--u)));
  font-weight: 500;
  line-height: 1.233;
  color: #721518;
}

.fmt-detay__baslik::after {
  content: "";
  display: block;
  width: calc(108 * var(--u));
  height: calc(6 * var(--u));
  margin-top: calc(8 * var(--u));
  border-radius: calc(3 * var(--u));
  background: #721518;
}

/* metin kartları ("Genel Özellikler") */
.fmt-urun__kartlar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(30 * var(--u));
  margin: 0;
  padding: 0;
  list-style: none;
}

.fmt-bilgi {
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: calc(26 * var(--u)) calc(30 * var(--u)) calc(28 * var(--u));
  list-style: none;
}

.fmt-bilgi::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: calc(20 * var(--u));
  background: #fff;
  box-shadow: inset 0 0 0 1px #c9c9c9;
  transition: transform .3s ease-out, box-shadow .3s ease-out;
}

.fmt-bilgi:hover::before {
  transform: translateY(calc(-3 * var(--u)));
  box-shadow: inset 0 0 0 2px #721518, 0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .16);
}

.fmt-bilgi__baslik {
  margin: 0 0 calc(10 * var(--u));
  font-family: var(--fmt-font);
  font-size: max(15px, calc(22 * var(--u)));
  font-weight: 600;
  line-height: 1.273;
  color: #721518;
}

.fmt-bilgi__metin {
  font-size: max(14px, calc(18 * var(--u)));
  line-height: 1.444;
}

/* galeri */
.fmt-urun__galeri-liste {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(30 * var(--u));
  width: calc(1714 * var(--u));
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.fmt-urun__galeri-liste li {
  flex: 0 0 calc((1714 - 90) / 4 * var(--u));
  margin: 0;
  list-style: none;
}

.fmt-urun__galeri-liste a {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: calc(20 * var(--u));
  background: #fff;
  box-shadow: inset 0 0 0 1px #c9c9c9;
  transition: box-shadow .3s ease-out;
}

.fmt-urun__galeri-liste a:hover,
.fmt-urun__galeri-liste a:focus-visible {
  box-shadow: inset 0 0 0 2px #721518;
}

.fmt-urun__galeri-liste img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  padding: calc(12 * var(--u));
}

/* markalar ve modeller */
.fmt-urun__logolar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: calc(24 * var(--u)) calc(56 * var(--u));
  width: calc(1714 * var(--u));
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.fmt-urun__logolar li {
  margin: 0;
  list-style: none;
}

.fmt-urun__logolar img {
  display: block;
  width: auto;
  max-width: calc(220 * var(--u));
  height: calc(70 * var(--u));
  object-fit: contain;
}

.fmt-urun__tablo--marka {
  margin-top: calc(48 * var(--u));
}

/* --- gri ayraç + Teknik Dökümanlar ------------------------------------------- */
.fmt-urun__gri {
  display: block;
  width: calc(1714 * var(--u));
  height: calc(2 * var(--u));
  margin: calc(44 * var(--u)) auto 0;
  border: 0;
  border-radius: calc(3 * var(--u));
  background: #c9c9c9;
  opacity: 1;
}

.fmt-urun__belgeler {
  width: calc(1714 * var(--u));
  margin: calc(54.25 * var(--u)) auto 0;
  font-family: var(--fmt-font);
}

.fmt-urun__belge-ust {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc(16 * var(--u)) calc(78 * var(--u));
}

.fmt-urun__belge-baslik {
  margin: 0;
  font-family: var(--fmt-font);
  font-size: max(16px, calc(25 * var(--u)));
  font-weight: 600;
  line-height: 1.28;
  color: #212529;
}

.fmt-urun__belge-baslik::after {
  content: "";
  display: block;
  width: calc(292 * var(--u));
  height: calc(4 * var(--u));
  margin-top: calc(.75 * var(--u));
  border-radius: calc(3 * var(--u));
  background: #721518;
}

.fmt-urun__suzgec {
  display: flex;
  gap: calc(43.5 * var(--u));
  height: calc(36 * var(--u));
  margin-top: calc(.75 * var(--u));
  padding: 0 calc(31 * var(--u));
  border-radius: calc(18 * var(--u));
  background: #f3f3f3;
  box-shadow: 0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .16);
}

.fmt-urun__suzgec[hidden] {
  display: none;
}

.fmt-urun__suzgec button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #212529;
  font-family: var(--fmt-font);
  font-size: max(12px, calc(18 * var(--u)));
  font-weight: 600;
  line-height: calc(36 * var(--u));
  color: #6f6f6f;   /* XD opaklık .29 (1.8:1) yerine okunur gri */
  cursor: pointer;
  transition: color .3s ease-out;
}

.fmt-urun__suzgec button:hover,
.fmt-urun__suzgec button:focus-visible,
.fmt-urun__suzgec button[aria-pressed="true"] {
  color: #212529;
}

.fmt-urun__suzgec button:focus-visible {
  outline: 2px solid #721518;
  outline-offset: 2px;
}

.fmt-urun__belge-liste {
  display: grid;
  gap: calc(16 * var(--u));
  margin: calc(25 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}

.fmt-belge {
  display: flex;
  align-items: center;
  gap: calc(22 * var(--u));
  min-height: calc(52 * var(--u));
  margin: 0;
  padding: 0 calc(37.3 * var(--u)) 0 calc(31.6 * var(--u));
  list-style: none;
  border-radius: calc(26 * var(--u));
  background: #721518;
  color: #fff;
}

.fmt-belge[hidden] {
  display: none;
}

.fmt-belge__ad {
  flex: 1 1 auto;
  min-width: 0;
  font-size: max(13px, calc(20 * var(--u)));
  font-weight: 600;
  line-height: 1.3;
  padding: calc(13 * var(--u)) 0;
}

.fmt-belge__gor {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--u));
  width: calc(106 * var(--u));
  height: calc(20 * var(--u));
  border-radius: calc(10 * var(--u));
  background: rgba(255, 255, 255, .43);
  color: #fff;
  font-size: max(11px, calc(13 * var(--u)));
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background-color .3s ease-out;
}

.fmt-belge__gor:hover,
.fmt-belge__gor:focus-visible {
  background: rgba(255, 255, 255, .62);
  color: #fff;
  text-decoration: none;
}

.fmt-belge__goz {
  width: calc(11.2 * var(--u));
  height: calc(8.6 * var(--u));
}

.fmt-belge__indir {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: calc(8.4 * var(--u));
  color: #fff;
  text-decoration: none;
  transition: transform .3s ease-out;
}

.fmt-belge__indir:hover,
.fmt-belge__indir:focus-visible {
  color: #fff;
  transform: translateY(calc(2 * var(--u)));
}

.fmt-belge :is(.fmt-belge__gor, .fmt-belge__indir):focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.fmt-belge__pdf {
  width: calc(27 * var(--u));
  height: calc(32 * var(--u));
}

.fmt-belge__ok {
  width: calc(12.6 * var(--u));
  height: calc(12.6 * var(--u));
}

.fmt-urun__belge-bos {
  margin: calc(25 * var(--u)) 0 0;
  font-family: var(--fmt-font);
  font-size: max(13px, calc(18 * var(--u)));
  color: #5a5a5f;
}

/* --- teklif formu (iletişimdeki koyu kart) ------------------------------------ */
.fmt-urun__teklif {
  width: calc(1714 * var(--u));
  margin: calc(80 * var(--u)) auto 0;
}

.fmt-urun__teklif .fmt-form-kart {
  max-width: none;
}

.fmt-urun__teklif-not {
  max-width: calc(680px * var(--fmt-olcek));
  margin: calc(-8px * var(--fmt-olcek)) auto calc(22px * var(--fmt-olcek));
  font-family: var(--fmt-font);
  font-size: calc(16px * var(--fmt-olcek));
  line-height: 1.5;
  color: #d9d9d9;
  text-align: center;
}

/* --- benzer ürünler (kategori kartıyla aynı) ---------------------------------- */
.fmt-urun__benzer .fmt-urun-izgara {
  margin-top: 0;
}

/* --- tablet / telefon (XD'de yok) --------------------------------------------- */
@media (max-width: 991px) {
  .fmt-urun {
    padding: 0 16px 40px;
  }

  .fmt-urun__baslik {
    padding: 28px 0 0;
    font-size: 24px;
    line-height: 1.25;
  }

  .fmt-urun__baslik::after,
  .fmt-urun__bolum::after,
  .fmt-detay__baslik::after {
    width: 72px;
    height: 4px;
    margin-top: 10px;
    border-radius: 2px;
  }

  .fmt-urun__baslik::after,
  .fmt-urun__bolum::after {
    margin-left: auto;
    margin-right: auto;
  }

  .fmt-urun__alt {
    margin-top: 4px;
    font-size: 17px;
    line-height: 1.35;
  }

  /* seri: sekme ve "SERİSİ" yan yana, görsel altta */
  .fmt-urun--seri .fmt-urun__ust {
    padding-top: 24px;
  }

  .fmt-urun__sekme,
  .fmt-urun__seri {
    position: static;
    display: inline-block;
    vertical-align: middle;
  }

  .fmt-urun__sekme {
    width: auto;
    height: auto;
    padding: 10px 14px;
    font-size: 28px;
    line-height: 1;
  }

  .fmt-urun__seri {
    margin-left: 10px;
    font-size: 30px;
    line-height: 1;
  }

  .fmt-urun__ust--xd {
    min-height: 0;
  }

  .fmt-urun__hero,
  .fmt-urun__ust--xd .fmt-urun__hero {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 1540 / 1027;
    margin: 16px 0 0;
  }

  .fmt-urun__kesit,
  .fmt-urun__ust--xd .fmt-urun__kesit {
    position: static;
    width: 100%;
    height: auto;
    margin: 16px 0 0;
  }

  .fmt-urun__aciklama,
  .fmt-urun__ust--xd .fmt-urun__aciklama {
    width: auto;
    margin: 20px 0 0;
    font-size: 15px;
    line-height: 1.6;
  }

  .fmt-urun__aciklama :is(p, ul, ol) + :is(p, ul, ol) {
    margin-top: 14px;
  }

  .fmt-urun__olcu,
  .fmt-urun--xd .fmt-urun__olcu {
    width: auto;
    margin-top: 28px;
    margin-left: 0;
  }

  .fmt-urun__tablo,
  .fmt-urun__olcu + .fmt-urun__tablo {
    width: auto;
    margin-top: 28px;
  }

  .fmt-urun__tablo-baslik {
    height: auto;
    padding: 12px 10px;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    line-height: 1.3;
  }

  .fmt-model-tablo {
    min-width: 720px;
    font-size: 13px;
  }

  .fmt-model-tablo thead :is(th, td) {
    font-size: 13px;
    line-height: 1.3;
  }

  .fmt-model-tablo__ust :is(th, td),
  .fmt-model-tablo thead tr:last-child th,
  .fmt-model-tablo tbody :is(th, td) {
    height: auto;
    padding: 7px 6px;
  }

  .fmt-model-tablo__belge a {
    font-size: 12px;
  }

  .fmt-urun__kalin,
  .fmt-urun__gri {
    width: auto;
    height: 4px;
    margin-top: 24px;
  }

  .fmt-urun__gri {
    height: 2px;
  }

  .fmt-urun__not {
    width: auto;
    margin-top: 14px;
    font-size: 13.5px;
    line-height: 1.55;
  }

  .fmt-urun__ozellikler {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: 12px;
    width: auto;
    margin-top: 24px;
  }

  .fmt-ozellik {
    width: auto;
    min-height: 77px;
    padding: 13px 16px 12px 62px;
    font-size: 14px;
    line-height: 1.3;
  }

  .fmt-ozellik::before {
    border-radius: 11px;
  }

  .fmt-ozellik__simge {
    width: 60px;
    height: 77px;
  }

  .fmt-urun__bolum {
    width: auto;
    margin: 40px 0 18px;
    font-size: 21px;
    line-height: 1.3;
  }

  .fmt-urun__detay {
    width: auto;
  }

  .fmt-detay,
  .fmt-detay--tam {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 36px;
  }

  .fmt-detay--sag .fmt-detay__medya {
    order: 0;
  }

  .fmt-detay__medya :is(img, video),
  .fmt-detay--tam .fmt-detay__medya :is(img, video) {
    max-height: 420px;
    border-radius: 12px;
  }

  .fmt-detay__metin,
  .fmt-bilgi__metin {
    font-size: 15px;
    line-height: 1.6;
  }

  .fmt-detay__baslik {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 1.3;
  }

  .fmt-urun__kartlar {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .fmt-bilgi {
    padding: 18px 18px 20px;
  }

  .fmt-bilgi::before {
    border-radius: 14px;
  }

  .fmt-bilgi__baslik {
    font-size: 17px;
    line-height: 1.3;
  }

  .fmt-urun__galeri-liste {
    gap: 12px;
    width: auto;
  }

  .fmt-urun__galeri-liste li {
    flex-basis: calc(50% - 6px);
  }

  .fmt-urun__galeri-liste a {
    border-radius: 12px;
  }

  .fmt-urun__logolar {
    gap: 16px 28px;
    width: auto;
  }

  .fmt-urun__logolar img {
    max-width: 140px;
    height: 44px;
  }

  .fmt-urun__belgeler {
    width: auto;
    margin-top: 28px;
  }

  .fmt-urun__belge-ust {
    gap: 14px 24px;
  }

  .fmt-urun__belge-baslik {
    font-size: 20px;
    line-height: 1.3;
  }

  .fmt-urun__belge-baslik::after {
    width: 160px;
    height: 3px;
    margin-top: 4px;
  }

  .fmt-urun__suzgec {
    gap: 18px;
    height: 34px;
    padding: 0 18px;
    border-radius: 17px;
  }

  .fmt-urun__suzgec button {
    font-size: 14px;
    line-height: 34px;
  }

  .fmt-urun__belge-liste {
    gap: 10px;
    margin-top: 16px;
  }

  .fmt-belge {
    flex-wrap: wrap;
    gap: 8px 14px;
    min-height: 52px;
    padding: 10px 18px;
    border-radius: 18px;
  }

  .fmt-belge__ad {
    flex-basis: 100%;
    padding: 0;
    font-size: 15px;
    line-height: 1.35;
  }

  .fmt-belge__gor {
    width: auto;
    height: 26px;
    padding: 0 12px;
    gap: 6px;
    border-radius: 13px;
    font-size: 13px;
  }

  .fmt-belge__goz {
    width: 12px;
    height: 9px;
  }

  .fmt-belge__pdf {
    width: 22px;
    height: 26px;
  }

  .fmt-belge__ok {
    width: 12px;
    height: 12px;
  }

  .fmt-urun__belge-bos {
    font-size: 14px;
  }

  .fmt-urun__teklif {
    width: auto;
    margin-top: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fmt-ozellik::before,
  .fmt-bilgi::before,
  .fmt-belge__indir,
  .fmt-urun__suzgec button {
    transition: none;
  }
}

.fmt-urun .fmt-urun-izgara {
  padding: 0;
  list-style: none;
}

.fmt-urun .fmt-urun-izgara > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ================================================================ *
 * Blog (blog.php, blog-detay.php) — XD 08 / 09
 * 08 BLOG (1920): "Blog" SemiBold 40 (taban 234) + 108×6 çizgi (y 250);
 *   kartlar 400×514 (x 291 / 760 / 1229, 69 ara, y 321), köşe 27, kenar
 *   3 #b7b7b7 (içeride); görsel 0–303.6 + 3px ayraç; başlık Medium 17
 *   bordo, bordo alt başlık + özet Medium 13/17 (7 satır); "Devamını Oku"
 *   155×31 hap, gölge 0 3 3 .16. Kart altı → footer 92.5.
 *   Üstüne gelme (0.3s ease-out): kart kenarı #59191f; düğme #59191f zemin,
 *   beyaz yazı/ok, 5px sağa.
 * 09 BLOG DETAY: içerik 117–1804 (1687); h1 SemiBold 40 büyük harf
 *   (taban 329); kapak 757×500 (y 427) solda yüzer, sağında h2/h3/p
 *   (x 935, 869); koyu kutular #212529 köşe 27 (.kutu--sag 869×358 sağda);
 *   bordo tablo 997 (.tablo--sol, sağında 657 metin); ayraç 1714×2
 *   #c9c9c9; PDF şeridi 1687×65 hap #721518 (üstüne gelince 9px aşağı).
 *   Şerit altı → footer 60.
 * h1/h2 satır yüksekliği XD'nin 22'si yerine 44: taban aynı yerde kalır
 * (marjlar 11 azaltıldı), uzun başlık iki satıra kırılınca üst üste binmez.
 * Yazılara px taban: 1366'da kart metni 9px'e inmesin (anasayfa vitrini gibi).
 * Mobil (<992) XD'de yok: liste kartı ekrana orantılı, detay px kuralları.
 * ================================================================ */

.fmt-blog {
  --u: min(calc(100cqw / 1920), calc(1px * var(--fmt-olcek)));   /* 1920 × ölçek genişliğe kadar orantılı, üstünde sabit ve ortada */
  container-type: inline-size;
}

.fmt-blog--liste {
  padding-bottom: calc(92.5 * var(--u));   /* kart altı 835 → footer gri zemin 927.5 */
}

.fmt-blog--yazi {
  padding-bottom: calc(60 * var(--u));     /* şerit altı 3348 → footer 3408 */
}

/* Eski style.css: p ve h1-h5 Encode Sans + 500ms geçiş, ul/li 17px/28px,
   img .7s geçiş; Bootstrap 4: pre monospace, caption gri, hr çizgi. */
.fmt-blog :where(h1, h2, h3, h4, h5, p, ul, ol, li, a, blockquote, pre, table, caption, th, td, figure, img, strong, em, span) {
  font-family: inherit;
  transition: none;
}

.fmt-blog .fmt-sayfa-baslik {
  padding: calc(73.9 * var(--u)) 0 0;       /* Lufga Bold tabanı XD 234 (İletişim kuralı 72/19 → 1.9 yukarıda) */
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(22 * var(--u));
  color: #212529;
}

.fmt-blog .fmt-sayfa-baslik::after {
  width: calc(108 * var(--u));
  height: max(3px, calc(6 * var(--u)));
  margin: calc(17.1 * var(--u)) auto 0;     /* çizgi yine 250–256 */
  border-radius: calc(6 * var(--u));
  background: #721518;
}

/* Detay sayfa yolu: "Blog" bağlantı ama XD'de bordo (listede bağlantısız, yine bordo) */
.fmt-yol--blog li:last-child {
  color: #721518;
}

/* --- liste: ızgara ----------------------------------------------------- */
.fmt-blog__izgara {
  display: grid;
  grid-template-columns: repeat(3, calc(400 * var(--u)));
  justify-content: center;
  gap: calc(69 * var(--u));                 /* satır arası XD'de yok: sütun arasıyla aynı */
  margin: calc(65 * var(--u)) 0 0;          /* çizgi altı 256 → kart 321 */
  padding: 0;
  list-style: none;
}

.fmt-blog__izgara > li {
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fmt-blog__bos {
  margin: calc(65 * var(--u)) auto calc(200 * var(--u));
  padding: 0 16px;
  font-size: max(14px, calc(20 * var(--u)));
  line-height: 1.4;
  color: #212529;
  text-align: center;
}

/* --- liste: kart --------------------------------------------------------- */
.fmt-blog-kart {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: calc(514 * var(--u));
  border-radius: calc(27 * var(--u));
  background: #fff;
  overflow: hidden;
}

/* Kenar görselin de üstünde (XD: bileşen kenarı desen dolgusunun üstüne çizilir) */
.fmt-blog-kart::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  border: calc(3 * var(--u)) solid #b7b7b7;
  border-radius: inherit;
  pointer-events: none;
  transition: border-color .3s ease-out;
}

.fmt-blog-kart:hover::after,
.fmt-blog-kart:focus-within::after {
  border-color: #59191f;
}

/* Görsel 0–303.6, ayraç 303.6–306.6 (XD Path 79: 3px #b7b7b7; üstüne gelince değişmez) */
.fmt-blog-kart__gorsel {
  flex: none;
  height: calc(306.6 * var(--u));
  margin: 0;
  border-bottom: calc(3 * var(--u)) solid #b7b7b7;
  background: #e9e9e9;
  overflow: hidden;
}

.fmt-blog-kart__gorsel img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/* Başlık: tek satır, sığmazsa "…"; üst 314.6 (taban 331) */
.fmt-blog-kart__baslik {
  position: static;                         /* style.css h1-h5 relative: gerilmiş bağlantı kartı kaplasın */
  margin: calc(8 * var(--u)) 0 0;
  padding: 0 calc(23 * var(--u));
  font-size: max(13px, calc(17 * var(--u)));
  font-weight: 500;
  line-height: max(17px, calc(22 * var(--u)));
  color: #721518;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fmt-blog-kart__baslik a,
.fmt-blog-kart__baslik a:hover,
.fmt-blog-kart__baslik a:focus {
  color: inherit;
  text-decoration: none;
}

/* Kartın tamamı bu bağlantı; klavye odağı kart kenarıyla gösterilir */
.fmt-blog-kart__baslik a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.fmt-blog-kart__baslik a:focus-visible {
  outline: none;
}

/* 17u < 13px (kapsayıcı 1468px altı): yazı px tabanında kalır, kart küçülür;
   tek satır sığmayınca "…" başlığı yarım bırakıyordu. Orada en çok 2 satır
   (gerekmedikçe yine tek satır); kart height:100% ile birlikte uzar. */
@container (max-width: 1468px) {
  .fmt-blog-kart__baslik {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal;
  }
}

/* Özet: üst 341.37; 1. satır bordo alt başlık, ardından 6 satır metin */
/* Alt pay: 1366 ve altında px tabanlı 7 satır u-boylu karta sığmıyor, düğmenin
   auto üst payı 0'a inip hap metne yapışıyordu. 3px taban: 1920'de (3.46) ve
   telefonda (3.43) XD'deki boşluktan (≈3.95) küçük, görünüm değişmez. */
.fmt-blog-kart__ozet {
  margin: calc(5.85 * var(--u)) 0 max(3px, calc(4 * var(--u)));   /* üst: XD formülü 4.77; Lufga tabanı 1.08 yukarıda kalıyordu */
  padding: 0 calc(23 * var(--u));
  font-size: max(10.5px, calc(13 * var(--u)));
  font-weight: 500;
  line-height: max(13.5px, calc(17 * var(--u)));
  color: #212529;
}

.fmt-blog-kart__ozet p {
  position: static;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

.fmt-blog-kart__alt {
  color: #721518;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fmt-blog-kart__metin {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  overflow: hidden;
}

.fmt-blog-kart__metin:first-child {
  -webkit-line-clamp: 7;
  line-clamp: 7;
}

/* "Devamını Oku": 155×31 hap, ortalı, alt boşluk 17; yazı ↔ ok 6.31 */
.fmt-blog-kart__dugme {
  position: relative;
  z-index: 2;                               /* gerilmiş bağlantının üstünde: kendi hover'ı çalışsın */
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(6.31 * var(--u));
  min-width: calc(155 * var(--u));
  height: max(22px, calc(31 * var(--u)));
  margin: auto 0 calc(17 * var(--u));
  padding: 0 calc(12 * var(--u));
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .16);
  color: #721518;
  font-size: max(10.5px, calc(13 * var(--u)));
  font-weight: 500;
  line-height: max(13.5px, calc(17 * var(--u)));
  text-decoration: none;
  white-space: nowrap;
  transition: transform .3s ease-out, background-color .3s ease-out, color .3s ease-out;
}

/* Ortalanınca Lufga tabanı XD'nin (20) 1.4 üstünde kalıyor; ok yerinde */
.fmt-blog-kart__dugme > span {
  position: relative;
  top: calc(1.42 * var(--u));
}

.fmt-blog-kart__dugme svg {
  flex: none;
  width: max(10px, calc(15.698 * var(--u)));
  height: max(9.8px, calc(15.367 * var(--u)));
}

/* Düğme klavyede odaklanmaz (tabindex -1): yalnız hover; tıklanınca da kalıcı durum bırakmaz */
.fmt-blog-kart__dugme:hover {
  transform: translateX(calc(5 * var(--u)));
  background: #59191f;
  color: #fff;
  text-decoration: none;
}

/* Düğme sağa kayınca soldaki boşalan 5u'yu tutar: imleç sol kenardayken hover
   düşüp düğme ileri geri titremesin (PDF şeridindeki köprünün eşi) */
.fmt-blog-kart__dugme::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 0;
}

.fmt-blog-kart__dugme:hover::before {
  width: calc(5 * var(--u));
}

/* --- detay: başlık, gövde ---------------------------------------------- */
.fmt-blog__yazi {
  width: calc(1687 * var(--u));
  margin: 0 auto;
}

/* h1: çizgi altından 38.3 (lh 22'de 49.3), kapağa 88.7 */
.fmt-blog__baslik {
  margin: calc(38.3 * var(--u)) 0 0;
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(44 * var(--u));
  color: #212529;
  text-align: center;
  text-transform: uppercase;                /* lang="tr" → İ */
}

/* flow-root: yüzen kapağı/kutuları kapsar, ilk h2'nin marjı dışarı taşmaz */
.fmt-blog__govde {
  display: flow-root;
  margin-top: calc(88.7 * var(--u));
  color: #212529;
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 400;
  line-height: max(15.4px, calc(22 * var(--u)));
}

.fmt-blog__govde :where(p, ul, ol, li, pre, blockquote, caption, th, td, strong, em, a, span, h2, h3, h4) {
  font-size: inherit;
  line-height: inherit;
}

.fmt-blog__govde > * {
  margin: 0;
}

/* Paragraflar arası bir boş satır (22) */
.fmt-blog__govde :is(p, ul, ol, pre) {
  position: static;
  margin: 0 0 max(15.4px, calc(22 * var(--u)));
}

/* style.css h1-h5 relative: konumlu başlık kutusu yüzen kapağın üstünde boyanıp
   tıklamayı alıyordu (kapağın üst bandında sağ tık / sürükleme başlığa gidiyordu) */
.fmt-blog__govde :is(h2, h3, h4) {
  position: static;
}

.fmt-blog__govde h2 {
  clear: both;
  margin: calc(47.65 * var(--u)) 0 calc(33.35 * var(--u));   /* taban: önceki metinden 87, sonraki metne 60 */
  font-size: calc(40 * var(--u));
  font-weight: 600;
  line-height: calc(44 * var(--u));
  color: #212529;
}

/* lh 22 → 33 (iki satıra kırılan h3'te satırlar üst üste biniyordu); marjlar
   5.5'er azaltıldı, taban aynı yerde: h2 → h3 taban 80, h3 → p 22 */
.fmt-blog__govde h3 {
  margin: calc(44.7 * var(--u)) 0 calc(-2.3 * var(--u));
  font-size: calc(30 * var(--u));
  font-weight: 500;
  line-height: calc(33 * var(--u));
  color: inherit;
}

.fmt-blog__govde h4 {
  margin: calc(36 * var(--u)) 0 calc(8 * var(--u));
  font-size: calc(25 * var(--u));
  font-weight: 600;
  line-height: calc(28 * var(--u));
  color: inherit;
}

.fmt-blog__govde strong,
.fmt-blog__govde b {
  font-weight: 500;                         /* XD Medium (Lufga Medium yok → Regular görünür) */
}

.fmt-blog__govde a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .12em;
  transition: color .3s ease-out;
}

.fmt-blog__govde a:hover {
  color: #721518;
  text-decoration: underline;
}

/* Liste: XD'de madde imi yok, 3 boşluk girinti */
.fmt-blog__govde ul,
.fmt-blog__govde ol {
  padding-left: calc(14.5 * var(--u));
}

.fmt-blog__govde ul {
  list-style: none;
}

.fmt-blog__govde ol {
  list-style: decimal;
  padding-left: 1.4em;
}

.fmt-blog__govde li {
  margin: 0;
  list-style: inherit;
}

/* Formül: boşluklarla hizalı, metinle aynı yazı */
.fmt-blog__govde pre {
  display: block;
  overflow: visible;
  color: inherit;
  font: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.fmt-blog__govde img {
  max-width: 100%;
  height: auto;
}

.fmt-blog__govde > :last-child {
  margin-bottom: 0;
}

/* Kapak: solda yüzer; ilk h2 görsel üstünden 4.3 aşağıda (glif üstü = görsel üstü) */
.fmt-blog__kapak {
  float: left;
  width: calc(757 * var(--u));
  aspect-ratio: 757 / 500;
  margin: 0 calc(61 * var(--u)) calc(38 * var(--u)) 0;
  border-radius: calc(24 * var(--u));
  background: #e9e9e9;
  box-shadow: 0 calc(3 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .16);
  overflow: hidden;
}

.fmt-blog__kapak img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.fmt-blog__kapak + h2 {
  clear: none;
  margin-top: calc(4.3 * var(--u));
}

.fmt-blog__kapak + :not(h2) {
  margin-top: 0;
}

/* --- detay: koyu kutular ------------------------------------------------ */
.fmt-blog__govde blockquote {
  clear: both;
  margin: calc(43.35 * var(--u)) 0 0;
  padding: calc(40.5 * var(--u)) calc(48 * var(--u)) calc(41.35 * var(--u)) calc(43 * var(--u));
  border-radius: calc(27 * var(--u));
  background: #212529;
  color: #fff;
}

.fmt-blog__govde blockquote > h3:first-child {
  margin: calc(-5.5 * var(--u)) 0 calc(19.7 * var(--u));   /* başlıktan sonra bir boş satır (lh 33: taban yerinde) */
  color: #fff;
}

/* Kutudaki her başlık kutunun yazı rengini alır: h2 #212529 kalıyordu (koyu
   zeminde görünmez; panel editörü beyaz gösteriyor). İlk başlığın üst payı yok. */
.fmt-blog__govde blockquote :is(h2, h3, h4) {
  color: inherit;
}

.fmt-blog__govde blockquote > :is(h2, h4):first-child {
  margin-top: 0;
}

/* Bağlantı hover'ı bordo: koyu kutuda (#212529) 1.35:1, bordo başlık hücresinde 1:1 */
.fmt-blog__govde blockquote a:hover,
.fmt-blog__govde thead a:hover {
  color: inherit;
  text-decoration-thickness: 2px;
}

.fmt-blog__govde blockquote > :last-child {
  margin-bottom: 0;
}

/* "Metin | kutu": kapağın alt payının bittiği yerde (965) sağda; altındaki h2'ye 103.3 (lh 44: 92.3) */
.fmt-blog__govde blockquote.kutu--sag {
  float: right;
  clear: left;
  width: calc(869 * var(--u));
  margin: 0 0 calc(92.3 * var(--u)) calc(29 * var(--u));
  padding: calc(55.5 * var(--u)) calc(43 * var(--u)) calc(57.35 * var(--u));
}

/* --- detay: tablo (sarmalayıcı PHP'de: data/blog.php fmt_blog_govde) --- */
.fmt-blog__tablo {
  margin: 0 0 max(15.4px, calc(22 * var(--u)));
}

/* "Tablo | metin": solda 997, sağındaki metne 33; üst 1504, not dahil alt → h2 */
.fmt-blog__tablo--sol {
  float: left;
  clear: left;
  width: calc(997 * var(--u));
  margin: calc(11.35 * var(--u)) calc(33 * var(--u)) calc(35.65 * var(--u)) 0;
}

.fmt-blog__govde table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: #212529;
  font-size: max(12px, calc(25 * var(--u)));
  line-height: max(12px, calc(25 * var(--u)));
  text-align: center;
}

/* Sütunlar 146 / 146 / 141 × 5: colgroup varsa ondan, yoksa XD'nin başlık
   satırından (ilk hücre 2, ikinci 5 sütun birleşik) — sabit düzen ilk satırı okur */
.fmt-blog__govde .fmt-blog__tablo--sol col {
  width: calc(141 * var(--u));
}

.fmt-blog__govde .fmt-blog__tablo--sol col:nth-child(-n+2) {
  width: calc(146 * var(--u));
}

.fmt-blog__govde .fmt-blog__tablo--sol tr:first-child > th[colspan="2"]:first-child {
  width: calc(292 * var(--u));
}

.fmt-blog__govde .fmt-blog__tablo--sol tr:first-child > th[colspan="5"]:nth-child(2) {
  width: calc(705 * var(--u));
}

/* border-box şart: content-box'ta satır adımı 56/93 olur (XD 55/92) */
.fmt-blog__govde :is(th, td) {
  box-sizing: border-box;
  height: calc(55 * var(--u));
  padding: 0 calc(4 * var(--u));
  border: 1px solid #b7b7b7;
  background-clip: padding-box;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}

.fmt-blog__govde thead th {
  background: #721518;
  color: #fff;
  font-size: max(13px, calc(30 * var(--u)));
  font-weight: 600;
}

.fmt-blog__govde thead tr:nth-child(2) th {
  height: calc(92 * var(--u));
}

.fmt-blog__govde tbody :is(th, td) {
  border-color: rgba(183, 183, 183, .8);
}

.fmt-blog__govde tbody th {
  background: rgba(114, 21, 24, .65);
}

/* .65 bordo zeminde (mermer üstünde ≈ #a26668) #212529 3.4:1 kalıyordu (AA 4.5);
   #000 ile 4.64:1. XD tonu (zemin) değişmez. */
.fmt-blog__govde tbody th,
.fmt-blog__govde tbody tr:first-child > * {
  color: #000;
}

.fmt-blog__govde tbody td {
  background: rgba(114, 21, 24, .35);
}

.fmt-blog__govde tbody tr:first-child > * {
  background: rgba(114, 21, 24, .65);
  font-weight: 500;
}

/* Tablo notu: altında, soldan; üstü tablodan 10.65 */
.fmt-blog__govde caption {
  caption-side: bottom;
  padding: calc(10.65 * var(--u)) 0 0;
  color: #212529;
  font-size: max(14px, calc(20 * var(--u)));
  font-weight: 600;
  line-height: max(15.4px, calc(22 * var(--u)));
  text-align: left;
}

/* Sağdaki metnin ilk satırı tablo üstüyle hizalı (taban 1523) */
.fmt-blog__govde .fmt-blog__tablo--sol + p {
  margin-top: calc(46.35 * var(--u));
}

/* --- detay: ayraç + PDF şeridi ----------------------------------------- */
.fmt-blog .fmt-ayrac {
  width: calc(1714 * var(--u));
  max-width: none;
  height: max(1px, calc(2 * var(--u)));
  margin: calc(30 * var(--u)) 0 0 calc(-13.5 * var(--u));
  border: 0;
  border-radius: calc(6 * var(--u));
  background: #c9c9c9;
  opacity: 1;
}

.fmt-blog__pdf {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(65 * var(--u));
  margin-top: calc(19 * var(--u));
  padding: 0 calc(45.5 * var(--u)) 0 calc(43 * var(--u));
  border-radius: calc(33 * var(--u));
  background: #721518;
  color: #fff;
  font-size: calc(30 * var(--u));
  font-weight: 400;
  line-height: calc(65 * var(--u));
  text-decoration: none;
  transition: transform .3s ease-out;
}

.fmt-blog__pdf:hover,
.fmt-blog__pdf:focus,
.fmt-blog__pdf:active {
  color: #fff;
  text-decoration: none;
}

/* İndirme sayfadan çıkmaz: tıklamanın bıraktığı odak (:focus) kaydırmayı kalıcı yapmasın */
.fmt-blog__pdf:hover,
.fmt-blog__pdf:focus-visible {
  transform: translateY(calc(9 * var(--u)));
}

.fmt-blog__pdf:focus-visible {
  outline: 2px solid #212529;
  outline-offset: 3px;
}

/* Şerit aşağı kayınca boşalan üst 9u'yu tutar: imleç oradayken hover düşüp titremesin */
.fmt-blog__pdf::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 0;
}

.fmt-blog__pdf:hover::before {
  height: calc(9 * var(--u));
}

.fmt-blog__pdf-ad {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fmt-blog__pdf img {
  display: block;
  flex: none;
  max-width: none;
}

.fmt-blog__pdf-simge {
  width: calc(34.2 * var(--u));
  height: calc(41.14 * var(--u));
}

.fmt-blog__pdf-ok {
  width: calc(15.37 * var(--u));
  height: calc(15.7 * var(--u));
  margin-left: calc(9.9 * var(--u));
  transform: translateY(calc(1.7 * var(--u)));
}

@media (prefers-reduced-motion: reduce) {
  .fmt-blog-kart__dugme {
    transition: background-color .3s ease-out, color .3s ease-out;
  }

  .fmt-blog-kart__dugme:hover,
  .fmt-blog__pdf:hover,
  .fmt-blog__pdf:focus-visible {
    transform: none;
  }

  .fmt-blog__pdf {
    transition: none;
  }

  /* Kayma yok: köprü hover alanını gereksiz yere 5u sola genişletmesin */
  .fmt-blog-kart__dugme:hover::before {
    width: 0;
  }
}

/* --- tablet / telefon (XD'de yok) --------------------------------------- */
@media (max-width: 991px) {
  /* Liste: --u kartı ekrana sığdırır (kenarda 16px), oranlar XD'deki gibi kalır */
  .fmt-blog--liste {
    --u: min(1px, calc((100cqw - 32px) / 400));
    padding-bottom: 32px;
  }

  .fmt-blog--yazi {
    padding-bottom: 32px;
  }

  .fmt-blog .fmt-sayfa-baslik {
    padding-top: 32px;
    font-size: 28px;
    line-height: 1.2;
  }

  .fmt-blog .fmt-sayfa-baslik::after {
    width: 72px;
    height: 4px;
    margin-top: 10px;
  }

  .fmt-blog__izgara {
    grid-template-columns: repeat(auto-fit, calc(400 * var(--u)));
    gap: 32px;
    margin-top: 32px;
  }

  .fmt-blog__bos {
    margin: 32px auto 120px;
    font-size: 16px;
  }

  /* Detay: yüzmeler kalkar, her şey tam genişlik */
  .fmt-blog__yazi {
    width: auto;
    margin: 0 16px;
  }

  .fmt-blog__baslik {
    margin-top: 24px;
    font-size: 24px;
    line-height: 1.2;
    overflow-wrap: break-word;
  }

  .fmt-blog__govde {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.5;
  }

  .fmt-blog__govde :is(p, ul, ol, pre),
  .fmt-blog__tablo {
    margin-bottom: 14px;
  }

  .fmt-blog__govde h2 {
    margin: 32px 0 12px;
    font-size: 22px;
    line-height: 1.2;
  }

  .fmt-blog__govde h3 {
    margin: 24px 0 8px;
    font-size: 19px;
    line-height: 1.25;
  }

  .fmt-blog__govde h4 {
    margin: 20px 0 6px;
    font-size: 17px;
    line-height: 1.3;
  }

  .fmt-blog__govde ul {
    padding-left: 12px;
  }

  .fmt-blog__kapak {
    float: none;
    width: 100%;
    margin: 0 0 24px;
    border-radius: 14px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
  }

  .fmt-blog__kapak + h2 {
    margin-top: 0;
  }

  .fmt-blog__govde blockquote,
  .fmt-blog__govde blockquote.kutu--sag {
    float: none;
    width: auto;
    margin: 24px 0;
    padding: 22px 18px;
    border-radius: 16px;
  }

  /* Masaüstünün -5.5u üst payı (lh 33 dengesi) telefona sızmasın */
  .fmt-blog__govde blockquote > h3:first-child {
    margin-top: 0;
    margin-bottom: 12px;
  }

  /* Tablo yatay kayar (sarmalayıcı); not sarmalayıcı genişliğinde yerinde kalır */
  .fmt-blog__tablo,
  .fmt-blog__tablo--sol {
    float: none;
    width: auto;
    margin: 16px 0 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .fmt-blog__govde table {
    min-width: 560px;
    font-size: 14px;
    line-height: 1.25;
  }

  .fmt-blog__govde .fmt-blog__tablo--sol col,
  .fmt-blog__govde .fmt-blog__tablo--sol col:nth-child(-n+2),
  .fmt-blog__govde .fmt-blog__tablo--sol tr:first-child > th[colspan="2"]:first-child,
  .fmt-blog__govde .fmt-blog__tablo--sol tr:first-child > th[colspan="5"]:nth-child(2) {
    width: auto;
  }

  .fmt-blog__govde :is(th, td) {
    height: 40px;
    padding: 6px 8px;
  }

  .fmt-blog__govde thead th {
    font-size: 15px;
  }

  .fmt-blog__govde thead tr:nth-child(2) th {
    height: auto;
  }

  .fmt-blog__govde caption {
    padding-top: 8px;
    font-size: 14px;
    line-height: 1.35;
  }

  /* Not 560px'lik tabloyla yayılıp ekran kenarında kesiliyordu: sarmalayıcı
     genişliğinde (.fmt-blog kapsayıcı: 100cqw − 2×16) ve kaydırınca solda sabit.
     Yapışkan caption'ı desteklemeyen tarayıcıda eski hâline döner. */
  .fmt-blog__tablo caption {
    position: sticky;
    left: 0;
    width: calc(100cqw - 32px);
    max-width: calc(100cqw - 32px);
  }

  .fmt-blog__govde .fmt-blog__tablo--sol + p {
    margin-top: 0;
  }

  .fmt-blog__govde pre {
    overflow-x: auto;
    white-space: pre;
    overflow-wrap: normal;
    font-size: 14px;
  }

  .fmt-blog .fmt-ayrac {
    width: 100%;
    margin: 28px 0 0;
  }

  .fmt-blog__pdf {
    gap: 12px;
    height: auto;
    min-height: 56px;
    margin-top: 16px;
    padding: 10px 20px 10px 22px;
    border-radius: 28px;
    font-size: 16px;
    line-height: 1.3;
  }

  .fmt-blog__pdf:hover,
  .fmt-blog__pdf:focus-visible {
    transform: translateY(4px);
  }

  .fmt-blog__pdf:hover::before {
    height: 4px;
  }

  .fmt-blog__pdf-ad {
    white-space: normal;
  }

  .fmt-blog__pdf-simge {
    width: 26px;
    height: 31px;
  }

  .fmt-blog__pdf-ok {
    width: 13px;
    height: 13px;
    margin-left: 0;
    transform: none;
  }
}

/* --- detay: panel yerleşim ve yazı rengi sınıfları ------------------------ */
/* Panel editörü (Yerleşim menüsü, renk paleti) bu sınıfları yazar
   (portal PanelIcerik::IZINLI_SINIF, img/video + span); sitede karşılığı
   yoktu: görsel satır içinde kalıyor, "Ortada" solda duruyor, renkli yazı
   düz görünüyordu. Düzen editör önizlemesiyle (editor-icerik.css) aynı. */
.fmt-blog__govde video {
  max-width: 100%;
  height: auto;
}

.fmt-blog__govde :is(img, video):is(.gorsel--sol, .gorsel--merkez, .gorsel--sag) {
  display: block;
  margin-top: 0;
  margin-bottom: max(15.4px, calc(22 * var(--u)));   /* paragraf arası; <p> içindeyse onunkiyle birleşir */
}

.fmt-blog__govde :is(img, video).gorsel--sol {
  margin-left: 0;
  margin-right: auto;
}

.fmt-blog__govde :is(img, video).gorsel--merkez {
  margin-left: auto;
  margin-right: auto;
}

.fmt-blog__govde :is(img, video).gorsel--sag {
  margin-left: auto;
  margin-right: 0;
}

/* Metin sarma: görsel yanda yüzer, metin yanından akar */
.fmt-blog__govde :is(img, video).gorsel--sar-sol {
  float: left;
  max-width: 50%;
  margin: .3em 1.2em .6em 0;
}

.fmt-blog__govde :is(img, video).gorsel--sar-sag {
  float: right;
  max-width: 50%;
  margin: .3em 0 .6em 1.2em;
}

/* Yazı rengi: editör paleti, açık (mermer) zeminde AA'yı geçen tonlarla.
   Turuncu (#ea580c 3.6:1) ve pembe (#e11d48 4.7:1, sınırda) koyulaştırıldı. */
.fmt-blog__govde .renk-turuncu {
  color: #c2410c;
}

.fmt-blog__govde .renk-yesil {
  color: #15803d;
}

.fmt-blog__govde .renk-mavi {
  color: #1e4b78;
}

.fmt-blog__govde .renk-pembe {
  color: #be123c;
}

/* Koyu kutuda (#212529) aynı renklerin açık tonları */
.fmt-blog__govde blockquote .renk-turuncu {
  color: #fdba74;
}

.fmt-blog__govde blockquote .renk-yesil {
  color: #86efac;
}

.fmt-blog__govde blockquote .renk-mavi {
  color: #93c5fd;
}

.fmt-blog__govde blockquote .renk-pembe {
  color: #fda4af;
}

/* Tablo hücreleri kendi bordo zemin/yazı düzeninde: renkli yazı orada okunmuyor */
.fmt-blog__govde :is(th, td) :is(.renk-turuncu, .renk-yesil, .renk-mavi, .renk-pembe) {
  color: inherit;
}

@media (max-width: 991px) {
  /* Telefonda sarma yok: görsel tam genişliğe kadar, metin altından devam eder */
  .fmt-blog__govde :is(img, video):is(.gorsel--sar-sol, .gorsel--sar-sag) {
    display: block;
    float: none;
    max-width: 100%;
    margin: 0 0 14px;
  }

  .fmt-blog__govde :is(img, video).gorsel--sar-sag {
    margin-left: auto;
  }

  .fmt-blog__govde :is(img, video):is(.gorsel--sol, .gorsel--merkez, .gorsel--sag) {
    margin-bottom: 14px;
  }
}