/*
 * Footer — canlı miniso.com.tr'den ölçüldü.
 * Kaynak: brief/INDEX-18-1a66814d.md (dört genişlik de tek dosyada).
 *
 *                      w360        w1440
 * footer               360×476     1440×517
 * üst boşluk           48          80   ({sp10})
 * padding üst/alt      24 / 16     60 / 16
 * wrapper ızgara       gap 20      gap 40  ({sp15})
 * yatay boşluk         16          80
 * sütunlar             116px 1fr   116px 1fr
 * logo                 90 kare     116 kare
 * sosyal ikon          24          16
 * alt şerit            360×19.6    1440×78.45   (oran 3120/170)
 *
 * Kırılım xl = 1280 — bu bölümde 1024 DEĞİL. Canlıdaki `max-xl:` / `xl:`
 * sınıfları bunu söylüyor ve ölçüm doğruluyor.
 */

/*
 * s1743 — canlıda footer ve alt şerit `.overflow-hidden` bir sarmalın içinde.
 * Zemin katmanındaki MINISO harfleri akışta durduğu için katmandan taşabiliyor;
 * kırpma burada oluyor.
 *
 * BU SARMALIN KENDİ GRADYANI VAR. Canlıdaki satır aynen:
 *   <div class="overflow-hidden"
 *        style="background:linear-gradient(184.53deg,#F9F9F9 42.74%,
 *                                          rgba(249,249,249,.9) 96.22%)">
 * Bir önceki bölümle arasındaki renk geçişini bu sağlıyor. İlk sürümde
 * yoktu; footer'ın zemini üstteki bölüme sert bir kenarla oturuyordu.
 */
.cc_jcmnugos_ixi701stFH .ms-ft {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(
    184.53deg,
    #f9f9f9 42.74%,
    rgba(249, 249, 249, 0.9) 96.22%
  );
}

/* s1744/s564 — üst kenarlık, z-index 97, gradyan katmanının kapsayıcısı */
.cc_jcmnugos_ixi701stFH .ms-ft-kok {
  position: relative;
  z-index: 97;
  margin-top: 48px;
  /* canlı: pt-6 pb-4, xl:pt-[60px] */
  padding: var(--ms-bosluk-9) 0 var(--ms-bosluk-7);
  /* canlı: border-[#E0E4EA] — temanın --ms-kenarlik-acik'i (#E5E7EB) DEĞİL */
  border-top: 1px solid #e0e4ea;
}

/*
 * s1745 — zemin katmanı, içeriğin ARKASINDA ve footer'ın tamamını kaplamıyor:
 * ölçümde üstten 60, alttan 101 içeride (w1440).
 *
 * İçinde iki şey var: gradyan (s1746) ve üstündeki dalga çizimi (i20/i21).
 * Dalgalar canlının SSR kaynağından birebir alındı; brief'in ikon tablosunda
 * 4000 karakterde kesilmişlerdi.
 */
/*
 * Canlıdaki sınıf listesi SADECE `absolute z-[-1] w-full` — top/bottom YOK.
 * Yani katman statik konumunda duruyor (footer'ın padding-top'undan sonra) ve
 * yüksekliğini İÇERİKTEN, yani MINISO harflerinin SVG'sinden alıyor.
 *
 * İlk sürümde `top: 60px; bottom: 101px` yazılmıştı — bunlar ölçüm
 * tablosundaki HESAPLANMIŞ değerlerdi, yazılmış kural değil. Sonuç: 1440'ta
 * tesadüfen tutuyordu ama 1920'de harfler 473.3px'e uzarken katman 355px'te
 * kalıyor, perde gradyanı da katman kadar olduğu için harflerin alt ~118px'i
 * açıkta kalıp kırmızı sızıyordu.
 *
 * Ölçüm (w1920, canlı): katman 473.3, gradyan 473.3, SVG 473.3;
 * `top: 60px`, `bottom: -17.33px` — yani katman footer'ın altından taşıyor.
 */
.cc_jcmnugos_ixi701stFH .ms-ft-zemin {
  position: absolute;
  z-index: -1;
  width: 100%;
}

/*
 * s1746 — harflerin ÜSTÜNDEKİ perde. Konumlandırılmış olduğu için akıştaki
 * SVG'nin üzerine boyanıyor; üstte tam opak, aşağı doğru %90'a düşüyor ve
 * harfler alta doğru belli belirsiz görünüyor. Geçişi yaratan bu.
 *
 * İKİ AYRI GRADYAN var, canlıda `bg-[image:--mob-bg] xl:bg-[image:--bg]`:
 *   mobil     180.72deg, #F9F9F9 %32.41 → rgba(249,249,249,.9) %75.76
 *   masaüstü  184.53deg, #F9F9F9 %42.74 → rgba(249,249,249,.9) %96.22
 * İlk sürümde masaüstü gradyanı her genişlikte kullanılıyordu.
 */
.cc_jcmnugos_ixi701stFH .ms-ft-zemin-gradyan {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    180.72deg,
    #f9f9f9 32.41%,
    rgba(249, 249, 249, 0.9) 75.76%
  );
}

/*
 * s1747/s567 — MINISO harfleri (6 path, dolgu #E3051B).
 *
 * Canlıda sınıfı `w-full`: genişlik %100, yükseklik OTOMATİK (viewBox
 * oranından). Ölçüm doğruluyor — s1747 1440×355, yani 1440/355 tam viewBox
 * oranı. Akış içinde duruyor, konumlandırılmamış.
 *
 * `height: 100%` VERME: katmanın yüksekliği footer'ın yüksekliğine bağlı
 * (üstten 60, alttan 101 içeride) ve genişliğe göre değişiyor; yükseklik
 * dayatılırsa harfler eziliyor. İlk sürümdeki hata buydu.
 */
.cc_jcmnugos_ixi701stFH .ms-ft-dalga {
  display: block;
  width: 100%;
}

.cc_jcmnugos_ixi701stFH .ms-ft-dalga svg {
  display: block;
  width: 100%;
  height: auto;
}

/* canlıdaki `max-xl:hidden` / `xl:hidden` — kırılım 1280 */
.cc_jcmnugos_ixi701stFH .ms-ft-dalga--masaustu {
  display: none;
}

/* s1748/s569 — .wrapper + ızgara */
.cc_jcmnugos_ixi701stFH .ms-ft-govde {
  display: grid;
  grid-template-columns: 116px 1fr;
  gap: var(--ms-bosluk-8);
  box-sizing: border-box;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 var(--ms-bosluk-kenar);
}

/* s570 — mobilde tam genişlik ve YATAY dizilim */
.cc_jcmnugos_ixi701stFH .ms-ft-marka {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  gap: var(--ms-bosluk-9);
}

/* s571/s1750 — logo kare */
.cc_jcmnugos_ixi701stFH .ms-ft-logo {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 100%;
  max-width: 90px;
}

.cc_jcmnugos_ixi701stFH .ms-ft-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cc_jcmnugos_ixi701stFH .ms-ft-sosyal-kap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* s575 — mobilde 20px/28, masaüstünde 16px/24 */
.cc_jcmnugos_ixi701stFH .ms-ft-sosyal-baslik {
  color: rgb(50, 41, 41);
  font-size: var(--ms-bosluk-8);
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}

/* s576/s1755 — ikonlar arası 4 */
.cc_jcmnugos_ixi701stFH .ms-ft-sosyal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--ms-bosluk-1);
}

/*
 * `> *` KULLANMA: ikas her COMPONENT_LIST child'ını `display: contents` olan
 * iki sarmala sarıyor (data/README.md, 4 numaralı tuzak).
 */
.cc_jcmnugos_ixi701stFH .ms-ft-sosyal a {
  display: block;
  width: var(--ms-bosluk-9);
  height: var(--ms-bosluk-9);
}

.cc_jcmnugos_ixi701stFH .ms-ft-sosyal img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*
 * SOSYAL İKON VURUŞ ALANI — 24×24, ev kuralı olan 44 DEĞİL.
 *
 * Ölçüldü (canlı, w430): kutu 21×21, komşu ikon merkezleri 24.5 aralıkla.
 * Yani çakışmadan çıkılabilecek en büyük hedef 24. 44 istemek altı ikonun
 * arasını açmayı, yani tasarımın ölçülmüş ritmini (kutu ~20.5, mürekkep
 * arası 4.2–7.8 — data/mobil-footer.md) bozmayı gerektirir.
 *
 * 24 keyfî bir sayı değil: WCAG 2.2 AA'nın (2.5.8 Target Size Minimum)
 * tabanı tam olarak 24×24. 21'de o tabanın ALTINDAYDI, artık üstünde.
 * Ev kuralının 44'ü Apple HIG'den geliyor ve daha katı; footer için
 * bilinçli sapma, gerekçesi data/mobil-footer.md'de.
 *
 * Görsel DEĞİŞMİYOR: katman görünmez, ikon 21'de kalıyor.
 */
.cc_jcmnugos_ixi701stFH .ms-ft-sosyal a {
  position: relative;
}

.cc_jcmnugos_ixi701stFH .ms-ft-sosyal a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(100%, 24px);
  height: max(100%, 24px);
  transform: translate(-50%, -50%);
}

/*
 * İLETİŞİM BAĞLANTILARI (telefon / e-posta / Whatsapp) — 44 TAM OLARAK.
 *
 * Ölçüldü (canlı, w430): telefonlar 111×17, e-posta 137×17, dikey adım 48;
 * Whatsapp satırı 219×19, en yakın komşu 51.8 ötede. Menü listesindeki ve
 * sosyal ikonlardaki sıkışıklık burada YOK — 44 kimseyle çakışmıyor.
 * Genişlikler zaten 44'ün üstünde, eksik olan yalnız yükseklikti.
 *
 * Metin mağazanın kendi HTML'i (`ms-ham`) — bu yüzden dolgu/marj DEĞİL
 * `::before`: mağazanın paragrafını yeniden akıtmıyor, üstüne görünmez bir
 * katman koyuyor.
 *
 * SEÇİCİ TUZAĞI: ilk turda `.ms-ft-iletisim .ms-ham a` yazıldı ve HİÇBİR
 * ŞEYE UYMADI — sayfada `ms-ft-iletisim` diye bir ata yok, sınıf
 * `ms-ft-iletisim-metin` ve `ms-ham` ile birlikte KABIN kendisinde
 * (`div.ms-ft-iletisim-metin.ms-ham`). Yayın sonrası denetçi bağlantıları
 * hâlâ AA ihlalinde gösterince yakalandı.
 */
/*
 * "İLETİŞİM BİLGİLERİ" başlığı diğer sütun başlıklarıyla AYNI stil (canlı:
 * kırmızı, 16px/500 — 2026-09-09 sepet karşılaştırmasında yakalandı).
 * `.ms-ft-sutun-baslik` kuralı MinisoFooterLinkGroup'un CSS'inde ve o
 * bileşenin scope'una prefix'li — footer'ın KENDİ contactTitle div'ini
 * yakalamıyor, başlık stilsiz siyah kalıyordu. Kural burada yineleniyor.
 */
.cc_jcmnugos_ixi701stFH .ms-ft-iletisim .ms-ft-sutun-baslik {
  margin-bottom: var(--ms-bosluk-7);
  color: var(--ms-kirmizi);
  font-size: var(--ms-fs-normal);
  font-weight: 500;
  line-height: var(--ms-satir);
}

.cc_jcmnugos_ixi701stFH .ms-ft-iletisim-metin a, .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim .ms-glink {
  position: relative;
}

.cc_jcmnugos_ixi701stFH .ms-ft-iletisim-metin a::before, .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim .ms-glink::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: max(100%, 44px);
  transform: translate(-50%, -50%);
}

/* s580/s581 — whatsapp satırı; xl üstünde gizli */
.cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim {
  display: flex;
  grid-column: 1 / -1;
  flex-direction: column;
  align-items: center;
  margin-bottom: -20px;
  font-size: var(--ms-fs-orta);
  line-height: 20px;
}

/*
 * s1766 — masaüstü sütun ızgarası. xl ALTINDA GİZLİ (canlıdaki
 * `.max-xl:hidden`; ölçümde s587 genişliği 0).
 */
.cc_jcmnugos_ixi701stFH .ms-ft-sutunlar {
  display: none;
  grid-column: 1 / -1;
}

/* s599 — mobil akordiyon bloğu; xl üstünde gizli */
.cc_jcmnugos_ixi701stFH .ms-ft-akordiyon {
  display: block;
  grid-column: 1 / -1;
}

/*
 * Child iki biçimi birden basıyor; hangisinin görüneceğini KAPSAYICI seçiyor.
 * Bu kurallar parent'ta olmak ZORUNDA: build her component CSS'ini kendi
 * `.cc_<id>` önekiyle sarıyor ve kapsayıcılar parent'ın DOM'unda.
 *
 * `> *` yok — ikas her child'ı `display: contents` sarmallara sarıyor
 * (data/README.md, 4 numaralı tuzak).
 */
.cc_jcmnugos_ixi701stFH .ms-ft-sutunlar .ms-ft-akr-satir {
  display: none;
}

.cc_jcmnugos_ixi701stFH .ms-ft-akordiyon .ms-ft-sutun {
  display: none;
}

.cc_jcmnugos_ixi701stFH .ms-ft-iletisim-metin {
  font-size: var(--ms-fs-orta);
  font-weight: 500;
}

/* s603/s1789 — telif satırı */
.cc_jcmnugos_ixi701stFH .ms-ft-telif {
  grid-column: 1 / -1;
  font-size: var(--ms-fs-orta);
  line-height: 20px;
}

/* s604/s1790 — alt şerit; oran prop'tan, karışım modu ölçüldü */
.cc_jcmnugos_ixi701stFH .ms-ft-serit {
  position: relative;
  z-index: 97;
  width: 100%;
  mix-blend-mode: multiply;
}

.cc_jcmnugos_ixi701stFH .ms-ft-serit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---- xl (1280) --------------------------------------------------------- */

@media (min-width: 1280px) {
  .cc_jcmnugos_ixi701stFH .ms-ft-kok {
    margin-top: var(--ms-bosluk-kenar-genis);
    padding: 60px 0 var(--ms-bosluk-7);
  }

  /* xl:bg-[image:--bg] */
  .cc_jcmnugos_ixi701stFH .ms-ft-zemin-gradyan {
    background-image: linear-gradient(
      184.53deg,
      #f9f9f9 42.74%,
      rgba(249, 249, 249, 0.9) 96.22%
    );
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-dalga--masaustu {
    display: block;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-dalga--mobil {
    display: none;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-govde {
    gap: var(--ms-bosluk-11);
    padding: 0 var(--ms-bosluk-kenar-genis);
  }

  /* s1749 — masaüstünde sol sütun DİKEY ve kendi kolonunda */
  .cc_jcmnugos_ixi701stFH .ms-ft-marka {
    grid-column: auto;
    flex-direction: column;
    gap: var(--ms-bosluk-9);
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-logo {
    max-width: 116px;
  }

  /* s1754 — masaüstünde 16px/24 */
  .cc_jcmnugos_ixi701stFH .ms-ft-sosyal-baslik {
    font-size: var(--ms-fs-normal);
    line-height: var(--ms-satir);
  }

  /* s1756 — ikon 16 */
  .cc_jcmnugos_ixi701stFH .ms-ft-sosyal a {
    width: var(--ms-bosluk-7);
    height: var(--ms-bosluk-7);
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim {
    display: none;
  }

  /* s1766 — 5 kolon, gap 40; akordiyon bloğu bu genişlikte yok */
  .cc_jcmnugos_ixi701stFH .ms-ft-sutunlar {
    display: grid;
    grid-column: auto;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--ms-bosluk-11);
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon {
    display: none;
  }
}

/*
 * Ham içerik (`ms-ham`) — iletişim metni mağazanın kendi HTML'i.
 * ikas Studio'nun element sıfırlamasını bu ağaçta geri alır.
 * Ayrıntı: MinisoHtmlBlock/styles.css.
 */
.cc_jcmnugos_ixi701stFH :where(.ms-ham) :where(h1, h2, h3, h4, h5, h6, button, input, select, textarea) {
  font-family: inherit;
  line-height: inherit;
}

.cc_jcmnugos_ixi701stFH :where(.ms-ham) :where(h1, h2, h3, h4, h5, h6) {
  display: block;
  line-height: 1.6;
}

/* ==========================================================================
 * MOBİL TASARIM — footer (tasarım paketi s1, y 10084.62 → 10442.25)
 *
 * Müşteri maddesi: "Footer'ı buradaki tasarıma göre revize eder misiniz?
 * Üstteki 'Bizi Takip Edin, sosyal medya logoları, destek' alanları içerik
 * kısmı. Alttaki menüler de tab menüler olacaktır (SADECE MOBİL)".
 *
 * Akordeon ZATEN vardı (canlıdan ölçülürken `<details>`/`<summary>` ile
 * yazılmıştı); bu blok onu tasarımın biçimine çeviriyor.
 *
 * Bütün ölçüler `data/mobil-footer.md`. Kırılım 1280 — akordeonun zaten
 * belirdiği yer; yeni bir kırılım uydurulmadı.
 *
 * YATAY ÖLÇÜLERDE 2.5px DÜZELTME VAR: footer raster'ı sayfaya x=2.57'den
 * yerleştirilmiş (üst ayraç 2.50→360 ölçülüyor, oysa tam genişlik olmalı).
 * Ham ölçümler bu kadar sağa kaymış; düzeltilince akordeon kenarı
 * simetrik ~10.5 çıkıyor (ham hâli 12.75 sol / 8.25 sağ diyordu).
 * ========================================================================== */

@media (max-width: 1279.98px) {
  /*
   * DİKEY RİTİM — hepsi mürekkepten mürekkebe ölçüldü, kutudan değil.
   *
   *   footer üstü → "Bizi Takip Edin"   43.88   (bizde 26.50 idi)
   *   başlık → sosyal şerit              3.75   (4.50)
   *   sosyal şerit → Whatsapp           31.50   (21.50)
   *   Whatsapp → akordeon               33.25   (16.50)
   *
   * Izgaranın tek tip 20'lik `gap`i bu ritmi veremiyor; mobilde sıfırlanıp
   * her blok kendi ölçülen boşluğunu alıyor. `.ms-ft-mobil-iletisim`teki
   * `margin-bottom: -20` canlıdan geliyordu ve ızgara boşluğunu tamamen
   * yiyordu — Whatsapp ile akordeon dibine kadar yapışıktı.
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-kok {
    padding-top: 40px;
    /*
     * 13.84 = tasarımda son akordeon ayracı (10441.50) ile alt sekme
     * çubuğunun üst kenarı (10455.34) arasındaki mesafe. Çubuk `fixed` ve
     * akıştaki yerini `.ms-tab-yer` tutuyor; aradaki tek şey footer'ın alt
     * payı olduğu için boşluk buradan veriliyor. Önceki değer 16'ydı.
     */
    padding-bottom: 16px;
  }

  /*
   * Alt şerit görseli ve telif satırı mobilde YOK — tasarımda son ayraçtan
   * sonra doğrudan sekme çubuğu geliyor, arada başka hiçbir şey çizilmiyor.
   * (Masaüstünde ikisi de duruyor; orası canlıya karşı doğrulandı.)
   *
   * Telif satırı ("Miniso 2025 | o2 Digital") akışta yer kapladığı için
   * son ayraç ile çubuk arasındaki 13.84'lük boşluğu da bozuyordu.
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-serit, .cc_jcmnugos_ixi701stFH .ms-ft-telif {
    display: none;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-govde {
    gap: 0;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-marka {
    margin-bottom: 32px;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim {
    margin-bottom: 16px;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-sosyal {
    margin-top: 0;
  }

  /*
   * Tasarımın footer'ında LOGO YOK — arkadaki silik MINISO filigranı onun
   * yerini tutuyor. Müşteri de içerik kısmını "Bizi Takip Edin, sosyal
   * medya logoları, destek" diye saydı, logodan söz etmedi. Logo gizlenince
   * sosyal blok tam genişliğe yayılıp ortalanabiliyor (tasarımda merkez
   * 183.2, sayfa ortası 180).
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-logo {
    display: none;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-marka {
    justify-content: center;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-sosyal-kap {
    flex: 1;
  }

  /* "Bizi Takip Edin" — genişlikten çözüldü (107.38 → 17px). */
  .cc_jcmnugos_ixi701stFH .ms-ft-sosyal-baslik {
    color: #202532;
    font-size: 18px;
    line-height: 20px;
  }

  /*
   * Sosyal şerit: kutu 20.5, mürekkepler arası 4.2–7.8 (glif farkı).
   * Ölçülen blok 137.10 geniş; altı kutu + beş aralık = 137.1 → aralık 2.8.
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-sosyal {
    gap: 4px;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-sosyal a {
    width: 20.5px;
    height: 20.5px;
  }

  /* Whatsapp satırı: yeşil ikon 14.5×14.5, metin 12.9px (genişlikten). */
  .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim {
    font-size: 13px;
    line-height: 14.5px;
  }

  /*
   * İkon paketteki SVG'de `stroke="#E60012"` (kırmızı) ama SAYFADA YEŞİL
   * çiziliyor — ölçülen (13–18, 206–211, 92–95), yani WhatsApp marka yeşili.
   * `tasarim/README.md`deki "ikonu SVG'den al, rengini SAYFADAN ölç"
   * kuralının bir örneği daha.
   */
  /*
   * Whatsapp satırı bir `MinisoImageLink` çocuğu: `.ms-glink` (inline-flex)
   * + `<img class="ms-glink-resim">` + `<span class="ms-glink-etiket">`.
   * Yani ikon SVG DEĞİL, merchant'ın yüklediği görsel; boyutu çocuğun
   * `width` prop'undan geliyor. Tasarım değerleri prop'a bağlı kalmasın
   * diye burada sabitleniyor. Çocuğun kendi kuralları (0,2,0); bunlar
   * (0,3,0) olduğu için kazanıyorlar.
   *
   * KUTU 19, mürekkep değil: ölçülen 14.5×14.5 ikonun ÇİZİMİ, SVG'nin
   * mürekkebi 24'lük kutunun 0.79'unu kaplıyor → 14.5 mürekkep için kutu
   * 18.3–19.7. İlk yazımda 14.5 doğrudan kutuya yazılmış, ikon %24 küçük
   * kalmıştı.
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim .ms-glink-resim {
    width: 19px;
    height: 19px;
    flex-shrink: 0;
  }

  /*
   * Ölçülen 3.75 MÜREKKEPTEN metne olan mesafe (ikon çizimi 99.25'te bitiyor,
   * metin 103.00'te başlıyor) — kutu boşluğu değil. Kutu 19, mürekkep 15;
   * yani sağda ~2 boş kalıyor. Kutu boşluğu 1.75 yazılınca mürekkep-metin
   * arası 3.75'e oturuyor.
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim .ms-glink {
    gap: 4px;
  }

  /* Ölçülen metin genişliği 177.25 → 12.9px. Çocuk 14 yazıyor. */
  .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim .ms-glink-etiket {
    font-size: 13px;
    line-height: 14.5px;
  }

  /* Merchant SVG yüklerse rengi sayfadaki yeşile çekilsin (paket SVG'si
     kırmızı; bkz. data/mobil-footer.md). */
  .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim svg, .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim svg * {
    stroke: #25d366;
  }

  /* Akordeon kenarı 10.5; gövdenin payı 16 olduğu için 5.5 geri alınıyor. */
  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon {
    margin-right: -4px;
    margin-left: -4px;
  }

  /*
   * Akordeon satırı — bu kurallar HEM burada HEM `MinisoFooterLinkGroup`ta
   * olmak zorunda. Link grupları çocuk component; ama iletişim satırını
   * PARENT kendi çiziyor ve her component CSS'i kendi `.cc_<id>` önekiyle
   * sarıldığı için çocuğun kuralları parent'ın satırına ULAŞMIYOR
   * (data/README.md tuzak 11). Mevcut hâlde parent'ın iletişim satırı
   * hiç biçimlenmemişti.
   *
   * Satır yüksekliği 41.75 = 10.375 + 20 + 10.375 + 1 kenarlık — ayraçlar
   * arası ölçülen mesafeyle birebir.
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon .ms-ft-akr-satir {
    border-bottom: 1px solid #d2d2d2;
  }

  /*
   * Yerleşim kuralları (flex / space-between / list-style) da BURADA olmak
   * zorunda. Bunlar çocuğun CSS'inde vardı ama parent'ın iletişim satırına
   * hiç ulaşmıyordu: satır `justify-content` almadığı için ok metne
   * yapışıyor, `list-style: none` almadığı için `<summary>` tarayıcının
   * varsayılan üçgenini çiziyordu. Koşumda görülüp yakalandı.
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon .ms-ft-akr-baslik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    color: #e60012;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    list-style: none;
    text-transform: uppercase;
    cursor: pointer;
  }

  /*
   * İÇ SPAN'a da yazılmak zorunda. Ölçülen: satır 41.75 beklenirken 45.75
   * çıkıyordu. Sebep global tipografi köprüsü — `[class*="cc_"] *` bütün
   * torunlara `line-height: 24px` veriyor ve etiket bir `<span>` içinde;
   * `<summary>`ye yazılan 20 span'a UYGULANMIYOR, span kendi kuralını
   * doğrudan alıyor. 24 → satır 4px uzuyor.
   */
  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon .ms-ft-akr-baslik span {
    line-height: 20px;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon .ms-ft-akr-baslik::-webkit-details-marker {
    display: none;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon .ms-ft-akr-ok {
    display: flex;
    flex-shrink: 0;
  }

  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon .ms-ft-akr-satir[open] .ms-ft-akr-ok svg {
    transform: rotate(180deg);
  }

  /* Ok mürekkebi 10.2 ölçüldü; chevron 24'lük kutunun 0.75'ini kapladığı
     için kutu 13.6. */
  .cc_jcmnugos_ixi701stFH .ms-ft-akordiyon .ms-ft-akr-ok svg {
    width: 13.6px;
    height: 13.6px;
  }
}

/* Koşumda ikon `<img>` yerine inline SVG olarak basılıyor; gerçek boyutun
   aynı kuraldan gelmesi için sarmalı dolduruyor. Üretimde `<img>` zaten
   `.ms-glink-resim`in kendisi. */
@media (max-width: 1279.98px) {
  .cc_jcmnugos_ixi701stFH .ms-ft-mobil-iletisim .ms-glink-resim svg {
    width: 100%;
    height: 100%;
    display: block;
  }
}

/*
 * Sayfa altı payı — DEĞERİ burada, TETİĞİ yapışkan sepet çubuğunda.
 * Çubuk fixed olduğu için footer'ın son satırını örterdi; çubuğu çizen
 * bileşen mount olurken bu değişkeni footer öğesine yazıyor, sayfadan
 * ayrılırken siliyor. Böylece pay YALNIZ çubuk olan sayfalarda var.
 *
 * Neden JS: `global.css` içinde `body.x .ms-ft` gibi seçiciler ÇALIŞMIYOR
 * — bileşen sarmalı `body`nin İÇİNDE, tersi değil (global.css başındaki
 * not). Değişken yazmak bu kısıtın etrafından dolaşmanın temiz yolu.
 *
 * Pay boş görünmüyor: çubuk sayfa sonuna kadar duruyor ve tam üstüne
 * oturuyor.
 */
@media (max-width: 1023.98px) {
  .cc_jcmnugos_ixi701stFH .ms-ft {
    padding-bottom: var(--ms-ft-alt-pay, 0px);
  }
}