/* KSC HOME 8BOX FINAL LAYOUT V1 */

html body.ksc-home-8box-final-v1 {
  overflow-x: hidden !important;
}

/* En üst hero biraz küçülsün ve ilk açılışta daha net görünsün */
html body.ksc-home-8box-final-v1 main > *:first-child {
  margin-top: 12px !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

html body.ksc-home-8box-final-v1 main > *:first-child h1,
html body.ksc-home-8box-final-v1 main > *:first-child h1 *,
html body.ksc-home-8box-final-v1 main > *:first-child [class*="headline"],
html body.ksc-home-8box-final-v1 main > *:first-child [class*="headline"] * {
  font-size: clamp(25px, 2.45vw, 34px) !important;
  line-height: 1.10 !important;
  letter-spacing: -0.022em !important;
  max-width: 600px !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body.ksc-home-8box-final-v1 main > *:first-child p {
  font-size: 13.8px !important;
  line-height: 1.42 !important;
  max-width: 640px !important;
}

html body.ksc-home-8box-final-v1 main > *:first-child blockquote,
html body.ksc-home-8box-final-v1 main > *:first-child .quote,
html body.ksc-home-8box-final-v1 main > *:first-child [class*="quote"] {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  margin-top: 13px !important;
}

html body.ksc-home-8box-final-v1 main > *:first-child aside h1,
html body.ksc-home-8box-final-v1 main > *:first-child aside h2,
html body.ksc-home-8box-final-v1 main > *:first-child aside h3,
html body.ksc-home-8box-final-v1 main > *:first-child .ksc-public-auth-card h1,
html body.ksc-home-8box-final-v1 main > *:first-child .ksc-public-auth-card h2,
html body.ksc-home-8box-final-v1 main > *:first-child .ksc-public-auth-card h3,
html body.ksc-home-8box-final-v1 main > *:first-child .ksc-public-auth-shell h1,
html body.ksc-home-8box-final-v1 main > *:first-child .ksc-public-auth-shell h2,
html body.ksc-home-8box-final-v1 main > *:first-child .ksc-public-auth-shell h3 {
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.18 !important;
  max-width: 270px !important;
}

/* Hero/section arası eşit ritim */
html body.ksc-home-8box-final-v1 main > section + section {
  margin-top: 28px !important;
}

/* Sistem alanı: 8 eşit kutu */
html body.ksc-home-8box-final-v1 .ksc-system-8box-section {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 24px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,211,0,.28) !important;
  background:
    linear-gradient(rgba(255,211,0,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,211,0,.025) 1px, transparent 1px),
    rgba(8,8,5,.72) !important;
  background-size: 58px 58px,58px 58px,auto !important;
}

html body.ksc-home-8box-final-v1 .ksc-system-8box-kicker {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(255,211,0,.42) !important;
  color: #ffd300 !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}

html body.ksc-home-8box-final-v1 .ksc-system-8box-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body.ksc-home-8box-final-v1 .ksc-system-8box-card {
  min-height: 154px !important;
  padding: 17px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,211,0,.26) !important;
  background:
    linear-gradient(rgba(255,211,0,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,211,0,.018) 1px, transparent 1px),
    rgba(5,5,5,.72) !important;
  background-size: 42px 42px,42px 42px,auto !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.24) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

html body.ksc-home-8box-final-v1 .ksc-system-8box-no {
  width: 30px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: #ffd300 !important;
  color: #060606 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

html body.ksc-home-8box-final-v1 .ksc-system-8box-card h3 {
  color: #fff9e8 !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 21px !important;
  line-height: 1.10 !important;
  letter-spacing: -0.018em !important;
  font-weight: 900 !important;
  margin: 0 0 9px 0 !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body.ksc-home-8box-final-v1 .ksc-system-8box-card.is-main h3 {
  font-size: 18px !important;
  white-space: nowrap !important;
  letter-spacing: -0.02em !important;
}

html body.ksc-home-8box-final-v1 .ksc-system-8box-card p {
  color: #d4c7ad !important;
  font-size: 13.4px !important;
  line-height: 1.52 !important;
  margin: 0 !important;
}

/* Bir metin çoğalırken alanı */
html body.ksc-home-8box-final-v1 .ksc-meaning-line-section {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 24px 28px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,211,0,.28) !important;
  background:
    linear-gradient(rgba(255,211,0,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,211,0,.018) 1px, transparent 1px),
    rgba(5,5,5,.70) !important;
  background-size: 58px 58px,58px 58px,auto !important;
  position: relative !important;
  overflow: hidden !important;
}

html body.ksc-home-8box-final-v1 .ksc-meaning-line-section::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 28px !important;
  width: 34% !important;
  height: 2px !important;
  background: #FFD300 !important;
  transform: rotate(-5deg) !important;
  transform-origin: right bottom !important;
  opacity: .9 !important;
}

html body.ksc-home-8box-final-v1 .ksc-meaning-line-kicker {
  display: inline-flex !important;
  border: 1px solid rgba(255,211,0,.38) !important;
  color: #ffd300 !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}

html body.ksc-home-8box-final-v1 .ksc-meaning-line-section h2 {
  color: #fff9e8 !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 30px !important;
  line-height: 1.06 !important;
  font-weight: 900 !important;
  letter-spacing: -0.022em !important;
  white-space: nowrap !important;
  margin: 0 0 12px 0 !important;
}

html body.ksc-home-8box-final-v1 .ksc-meaning-line-section p {
  color: #d4c7ad !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  max-width: none !important;
}

/* Yasal butonlar taşmasın */
html body.ksc-home-8box-final-v1 a[href*="kullanim"],
html body.ksc-home-8box-final-v1 a[href*="kullanım"],
html body.ksc-home-8box-final-v1 a[href*="kosul"],
html body.ksc-home-8box-final-v1 a[href*="koÅŸul"],
html body.ksc-home-8box-final-v1 a[href*="kvkk"],
html body.ksc-home-8box-final-v1 a[href*="gizlilik"],
html body.ksc-home-8box-final-v1 a[href*="topluluk"],
html body.ksc-home-8box-final-v1 a[href*="uyelik"],
html body.ksc-home-8box-final-v1 a[href*="üyelik"] {
  font-size: 10px !important;
  line-height: 1.08 !important;
  letter-spacing: .055em !important;
  padding: 8px 11px !important;
  min-height: 36px !important;
  max-width: 132px !important;
  white-space: normal !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 1099px) {
  html body.ksc-home-8box-final-v1 .ksc-system-8box-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.ksc-home-8box-final-v1 .ksc-system-8box-card.is-main h3,
  html body.ksc-home-8box-final-v1 .ksc-meaning-line-section h2,
  html body.ksc-home-8box-final-v1 .ksc-meaning-line-section p {
    white-space: normal !important;
  }
}

@media (max-width: 640px) {
  html body.ksc-home-8box-final-v1 .ksc-system-8box-section,
  html body.ksc-home-8box-final-v1 .ksc-meaning-line-section {
    padding: 18px !important;
  }

  html body.ksc-home-8box-final-v1 .ksc-system-8box-grid {
    grid-template-columns: 1fr !important;
  }

  html body.ksc-home-8box-final-v1 .ksc-system-8box-card {
    min-height: auto !important;
  }

  html body.ksc-home-8box-final-v1 .ksc-meaning-line-section h2 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }
}