/* KSC R8 FIX HERO AUTH */
/* Hero ekrana sığsın, üst boşluk açılsın, auth başlığı daha zarif olsun. */

/* üst menü ile ana çerçeve arası */
html body.ksc-r8fix-hero-auth main {
  padding-top: 18px !important;
}

/* ana sol hero başlığı */
html body.ksc-r8fix-hero-auth h1,
html body.ksc-r8fix-hero-auth h1 *,
html body.ksc-r8fix-hero-auth .hero h1,
html body.ksc-r8fix-hero-auth .hero h1 *,
html body.ksc-r8fix-hero-auth .intro h1,
html body.ksc-r8fix-hero-auth .intro h1 *,
html body.ksc-r8fix-hero-auth [class*="hero"] h1,
html body.ksc-r8fix-hero-auth [class*="hero"] h1 *,
html body.ksc-r8fix-hero-auth [class*="headline"],
html body.ksc-r8fix-hero-auth [class*="headline"] * {
  font-size: clamp(27px, 2.85vw, 38px) !important;
  line-height: 1.10 !important;
  letter-spacing: -0.022em !important;
  max-width: 640px !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* hero kutusu yüksekliği daha kontrollü */
html body.ksc-r8fix-hero-auth .hero,
html body.ksc-r8fix-hero-auth .intro,
html body.ksc-r8fix-hero-auth .book-hero,
html body.ksc-r8fix-hero-auth .auth-hero,
html body.ksc-r8fix-hero-auth [class*="hero"]:first-of-type {
  margin-top: 18px !important;
  padding-top: 22px !important;
  padding-bottom: 20px !important;
}

/* açıklama ve alıntı daha kompakt */
html body.ksc-r8fix-hero-auth .hero p,
html body.ksc-r8fix-hero-auth .intro p,
html body.ksc-r8fix-hero-auth [class*="hero"] p {
  max-width: 650px !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}

html body.ksc-r8fix-hero-auth blockquote,
html body.ksc-r8fix-hero-auth .quote,
html body.ksc-r8fix-hero-auth [class*="quote"] {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  margin-top: 14px !important;
}

/* okur hesabı kartı */
html body.ksc-r8fix-hero-auth .ksc-public-auth-card,
html body.ksc-r8fix-hero-auth .ksc-public-auth-shell,
html body.ksc-r8fix-hero-auth aside {
  max-width: 350px !important;
  min-width: 0 !important;
}

/* "Google ile güvenli okur girişi" başlığı */
html body.ksc-r8fix-hero-auth .ksc-public-auth-card h1,
html body.ksc-r8fix-hero-auth .ksc-public-auth-card h1 *,
html body.ksc-r8fix-hero-auth .ksc-public-auth-card h2,
html body.ksc-r8fix-hero-auth .ksc-public-auth-card h2 *,
html body.ksc-r8fix-hero-auth .ksc-public-auth-card h3,
html body.ksc-r8fix-hero-auth .ksc-public-auth-card h3 *,
html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h1,
html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h1 *,
html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h2,
html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h2 *,
html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h3,
html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h3 *,
html body.ksc-r8fix-hero-auth aside h1,
html body.ksc-r8fix-hero-auth aside h2,
html body.ksc-r8fix-hero-auth aside h3 {
  font-size: clamp(18px, 1.55vw, 22px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.010em !important;
  max-width: 280px !important;
  margin-bottom: 10px !important;
}

/* okur hesabı butonları */
html body.ksc-r8fix-hero-auth .ksc-public-auth-button,
html body.ksc-r8fix-hero-auth aside .btn,
html body.ksc-r8fix-hero-auth aside button {
  min-height: 40px !important;
  padding: 8px 14px !important;
  font-size: 11px !important;
}

/* alt kart başlıkları */
html body.ksc-r8fix-hero-auth .card h1,
html body.ksc-r8fix-hero-auth .card h2,
html body.ksc-r8fix-hero-auth .card h3,
html body.ksc-r8fix-hero-auth [data-ksc-book-card] h1,
html body.ksc-r8fix-hero-auth [data-ksc-book-card] h2,
html body.ksc-r8fix-hero-auth [data-ksc-book-card] h3 {
  font-size: clamp(19px, 1.65vw, 25px) !important;
  line-height: 1.16 !important;
}

@media (max-width: 768px) {
  html body.ksc-r8fix-hero-auth main {
    padding-top: 12px !important;
  }

  html body.ksc-r8fix-hero-auth h1,
  html body.ksc-r8fix-hero-auth h1 *,
  html body.ksc-r8fix-hero-auth .hero h1,
  html body.ksc-r8fix-hero-auth .hero h1 *,
  html body.ksc-r8fix-hero-auth .intro h1,
  html body.ksc-r8fix-hero-auth .intro h1 *,
  html body.ksc-r8fix-hero-auth [class*="headline"],
  html body.ksc-r8fix-hero-auth [class*="headline"] * {
    font-size: clamp(26px, 6.4vw, 34px) !important;
    max-width: 100% !important;
  }

  html body.ksc-r8fix-hero-auth .ksc-public-auth-card h1,
  html body.ksc-r8fix-hero-auth .ksc-public-auth-card h2,
  html body.ksc-r8fix-hero-auth .ksc-public-auth-card h3,
  html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h1,
  html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h2,
  html body.ksc-r8fix-hero-auth .ksc-public-auth-shell h3,
  html body.ksc-r8fix-hero-auth aside h1,
  html body.ksc-r8fix-hero-auth aside h2,
  html body.ksc-r8fix-hero-auth aside h3 {
    font-size: clamp(18px, 5vw, 22px) !important;
    max-width: 100% !important;
  }
}