/*
 * Yıldız Ecza Deposu — ortak tipografi katmanı
 * Sayfadaki tüm component CSS'lerinden sonra yüklenir.
 */
:root {
  --yed-font-family: "Outfit";

  --yed-h1-size: clamp(2.375rem, 3.65vw, 3.5rem);
  --yed-h1-weight: 500;
  --yed-h1-leading: .98;
  --yed-h1-tracking: -.04em;

  --yed-h2-size: 4rem;
  --yed-h2-weight: 450;
  --yed-h2-leading: 1.2;
  --yed-h2-tracking: -.04em;

  --yed-h3-size: 2rem;
  --yed-h3-weight: 450;
  --yed-h3-leading: 1.3;
  --yed-h3-tracking: -.03125em;
}

/* Componentlerin kendi font tanımları ortak aileyi bozamamalı. */
:is(.intro-loader, .header, #ana-icerik, .footer-shell),
:is(.intro-loader, .header, #ana-icerik, .footer-shell) * {
  font-family: var(--yed-font-family);
}

/* Ana içerikte semantik seviye = tek görsel seviye. */
#ana-icerik h1,
.intro-loader .new-hero__content h1 {
  font-size: var(--yed-h1-size);
  font-weight: var(--yed-h1-weight);
  line-height: var(--yed-h1-leading);
  letter-spacing: var(--yed-h1-tracking);
}

#ana-icerik h2 {
  font-size: var(--yed-h2-size);
  font-weight: var(--yed-h2-weight);
  line-height: var(--yed-h2-leading);
  letter-spacing: var(--yed-h2-tracking);
}

#ana-icerik h3 {
  font-size: var(--yed-h3-size);
  font-weight: var(--yed-h3-weight);
  line-height: var(--yed-h3-leading);
  letter-spacing: var(--yed-h3-tracking);
}

/* index-yildiz.html: headline ve display metinleri dışında tek paragraf ritmi. */
.page-index-yildiz #ana-icerik :is(
  .new-hero__content > p:not(.section-eyebrow),
  .treeo-about__info > p,
  .treeo-stat__description,
  .product-story__intro > p:not(.product-story__eyebrow),
  .product-story__text-block > p,
  .capabilities-work__meta > p,
  .order-delivery__step > p
) {
  color: rgba(23, 56, 47, .75);
  font-size: 16px;
  font-weight: 350;
  line-height: 1.6;
  letter-spacing: 0;
}

.page-index-yildiz #ana-icerik .new-hero__content > p:not(.section-eyebrow) {
  color: rgba(255, 255, 255, .75);
}

/* İzlenebilirlik metninin sağ kenarı header'daki İletişim bağlantısıyla aynı eksendedir. */
@media (min-width: 1024px) {
  .page-index-yildiz .product-story--yeni-akis .product-story__cold {
    right: var(--page-pad);
  }

  .page-index-yildiz .product-story--yeni-akis .product-story__text-block > p {
    max-width: none;
  }
}

.yed-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 1601px) {
  :root {
    --yed-h1-size: clamp(2.75rem, 4.85vw, 4.875rem);
  }
}

@media (max-width: 1023px) {
  :root {
    --yed-h2-size: 2rem;
    --yed-h2-leading: 1.3;
    --yed-h2-tracking: 0;
    --yed-h3-size: 1.5rem;
    --yed-h3-leading: 1.5;
    --yed-h3-tracking: 0;
  }
}

@media (max-width: 860px) {
  :root {
    --yed-h1-size: clamp(1.75rem, 7.8vw, 2.5rem);
    --yed-h1-tracking: -.04em;
  }
}