/* ============================================================
   ZEMİN GEÇİŞ HARİTASI (Z-16)
   Ölçülen sorun (27.08): 6.880px'lik ana sayfada bölümlerin neredeyse
   tamamı beyaz; tek renk anı footer. Alternasyon olmayınca sayfa tek
   uzun blok gibi okunuyor.

   İlk denemede üç bölüme gri verince mevcut #f5f5f5 bölümleriyle
   ARDIŞIK GRİ çifti oluştu (Z-16: aynı tonda iki bölüm bitişemez) —
   ayrıca #f5f5f5 ile #f6f7f9 gözle ayrışmayan iki gri demekti.
   Tek gri tonu kullanılır ve şerit tek-atlar.

   Harita (yukarıdan aşağı):
     hero(görsel) → spec şeridi(lacivert) → beyaz → GRİ → beyaz →
     GRİ → beyaz → GRİ → beyaz → footer(koyu)
   ============================================================ */

:root { --fc-zemin-ara: #f6f7f9; }

/* GRİ olacaklar: Kategorilerimiz · Konforun ve Sağlığın · Ürün vitrini */
.elementor-element-7ddcdd5,
.elementor-element-f9511eb,
.elementor-element-4600b56 {
	background-color: var(--fc-zemin-ara) !important;
	padding-block: clamp(2.5rem, 4vw, 4rem);
}

/* BEYAZ olacaklar: aralarındaki nefes bölümleri.
   300bb9e ve 269def6 tema tarafından #f5f5f5 basıyordu — ardışık gri
   üretiyorlardı, beyaza çekildiler. */
.elementor-element-300bb9e,
.elementor-element-269def6 {
	background-color: #fff !important;
}

/* ------------------------------------------------------------
   Güven şeridi (Aynı Gün Kargo / Terzi Özeniyle / …) kenar boşluğu
   Ölçüm: kartlar 0 → 1440px, yani ekranın iki kenarına yapışık
   duruyordu; komşu bölümler ~65px içeriden başladığı için şerit
   "kesilmiş" görünüyordu. Sayfa ritmine hizalanır.
   ------------------------------------------------------------ */
.elementor-element-ba054d9 > .e-con-inner,
.elementor-element-ba054d9 > .elementor-container {
	padding-inline: clamp(1.25rem, 4.5vw, 4rem);
}

/* ------------------------------------------------------------
   "Konforun ve Sağlığın Buluşma Noktası" — salt metin bölümü (Z-11)
   Ölçüm 1: başlık/paragraf/buton sol=0'dan başlıyordu, sağda 730px ölü alan.
   Ölçüm 2 (kök neden): Elementor'da bölüm ZATEN iki kolonlu — ikinci kolon
   (efd7215, 542px) tamamen BOŞ bırakılmış. Ölü alan yerleşim hatası değil,
   doldurulmamış bir konteyner.
   Deneme 3: metni iki sütuna açmayı denedim (Z-11 reçetesi) — DOM buna
   uygun değil: başlık ve paragraf tek widget'ta, yalnız buton ayrı. Grid
   uygulanınca buton sağda bağlamsız kaldı, sonuç daha kötüydü. Geri alındı.
   Uygulanan: boş kolon kaldırılır, içerik ortalanmış dar bloğa alınır —
   ölü alan simetrik nefes payına dönüşür. Sağ kolona görsel konursa
   (Elementor'dan) bu kural geri alınmalı ve gerçek iki sütun kurulmalı.
   ------------------------------------------------------------ */
.elementor-element-f9511eb .elementor-element-efd7215 {
	display: none;
}

.elementor-element-f9511eb > .e-con-inner,
.elementor-element-f9511eb > .elementor-container {
	max-width: 820px;
	margin-inline: auto;
	padding-inline: clamp(1.25rem, 4.5vw, 3rem);
}

.elementor-element-f9511eb .elementor-element-7ed7488 {
	width: 100%;
}

/* Paragraf satır uzunluğu okunabilir sınırda kalsın */
.elementor-element-f9511eb p {
	max-width: 60ch;
}

/* NOT: içeriği ORTALAMAK denendi ve geri alındı — başlık/paragraf
   ortalandı ama buton sarmalayıcısı sola hizalı kaldı (ölçüm: buton
   merkezi 427, ekran merkezi 720; 293px sapma). Yarım ortalama tam
   sol hizadan daha kötü görünüyordu. Uygulanan: metin sola hizalı,
   BLOK ortada — buton doğal olarak metinle aynı hizada başlar. */
.elementor-element-f9511eb .elementor-element-7ed7488 {
	margin-inline: auto;
}