/* AKKOÇ v95.05 — behutsame Optikangleichung Türkisch an Deutsch.
   Nur Darstellung: keine Module, Logik, Formulare oder Navigation geändert.
   Jede Regel ist sprachgebunden; Interaktionen und Menü-Geometrie bleiben unberührt. */
html[lang="tr"] body { font-size: 16px; line-height: 1.55; }
html[lang="tr"] main .hero { padding-top: clamp(34px, 4.3vw, 55px) !important; padding-bottom: clamp(34px, 4.3vw, 52px) !important; }
html[lang="tr"] main .hero h1 { font-size: clamp(1.88rem, 3.6vw, 3rem) !important; line-height: 1.12 !important; max-width: 850px !important; }
html[lang="tr"] main .hero .lead { font-size: clamp(1rem, 1.6vw, 1.16rem) !important; line-height: 1.57 !important; max-width: 780px !important; }
html[lang="tr"] main .section { padding-top: clamp(36px, 4vw, 52px) !important; padding-bottom: clamp(36px, 4vw, 52px) !important; }
html[lang="tr"] main .section h2 { font-size: clamp(1.64rem, 3.1vw, 2.45rem) !important; line-height: 1.16 !important; }
html[lang="tr"] main .section .intro { font-size: 1rem !important; line-height: 1.6 !important; }
html[lang="tr"] main .grid { gap: 14px !important; }
html[lang="tr"] main .card { padding: clamp(16px, 1.5vw, 20px) !important; border-radius: 16px !important; }
html[lang="tr"] main .card h3 { font-size: 1.035rem !important; line-height: 1.34 !important; }
html[lang="tr"] main .card p { font-size: .98rem !important; line-height: 1.55 !important; }
html[lang="tr"] main .actions { margin-top: 20px !important; gap: 10px !important; }
html[lang="tr"] main .btn { min-height: 44px !important; padding: 10px 16px !important; }
html[lang="tr"] main .akkoc-path h2 { font-size: clamp(1.7rem, 3.15vw, 2.45rem) !important; line-height: 1.16 !important; }
html[lang="tr"] main .akkoc-path-grid article { padding: clamp(16px, 1.4vw, 20px) !important; }
html[lang="tr"] main .akkoc-checkweg { margin-top: 16px !important; margin-bottom: 22px !important; padding: 16px 18px !important; }
/* Schmale Geräte: klare, kompakte Karten — ohne Schalter/Logik zu verändern */
@media (max-width: 600px) {
  html[lang="tr"] main .hero { padding-top: 36px !important; padding-bottom: 36px !important; }
  html[lang="tr"] main .hero h1 { font-size: clamp(1.72rem, 7.2vw, 2.22rem) !important; }
  html[lang="tr"] main .section { padding-top: 34px !important; padding-bottom: 34px !important; }
  html[lang="tr"] main .section h2 { font-size: clamp(1.58rem, 6.4vw, 2.05rem) !important; }
  html[lang="tr"] main .card { padding: 16px !important; }
  html[lang="tr"] main .akkoc-path h2 { font-size: clamp(1.63rem, 6.4vw, 2.08rem) !important; }
  html[lang="tr"] main .akkoc-checkweg { padding: 14px 15px !important; }
}


/* AKKOÇ v95.06 – tatsächliche Größenharmonisierung mit deutscher Startseite.
   Grund: v95.05 beließ auf Türkisch einige h2 bis 39,2 px und die Flächen
   am Desktop über doppelt so hoch wie auf Deutsch. Keine Inhalts-/Funktionsänderung.
   Anwendungsbereich: ausschließlich Darstellung im türkischen main-Bereich. */
@media (min-width: 701px) {
  html[lang="tr"] main .hero { padding-top: 24px !important; padding-bottom: 24px !important; }
  html[lang="tr"] main .hero h1 { font-size: 1.6rem !important; line-height: 1.08 !important; }
  html[lang="tr"] main .hero .lead { font-size: 1rem !important; line-height: 1.5 !important; }
  html[lang="tr"] main .section { padding-top: 25px !important; padding-bottom: 25px !important; }
  html[lang="tr"] main .section h2,
  html[lang="tr"] main .akkoc-path h2 { font-size: 1.3rem !important; line-height: 1.18 !important; }
  html[lang="tr"] main .bridge .big { font-size: 1.48rem !important; line-height: 1.2 !important; }
  html[lang="tr"] main .section .intro { font-size: .98rem !important; line-height: 1.5 !important; }
  html[lang="tr"] main .card { padding: 15px !important; }
  html[lang="tr"] main .step { padding: 14px !important; }
  html[lang="tr"] main .grid { gap: 12px !important; }
  html[lang="tr"] main .flow { gap: 9px !important; }
  html[lang="tr"] main .quote { font-size: 1.09rem !important; }
  html[lang="tr"] main .v73-zone { padding: 19px !important; margin-block: 16px !important; }
  html[lang="tr"] main .v73-zone h2 { font-size: 1.3rem !important; }
}
@media (max-width: 700px) {
  html[lang="tr"] main .hero { padding-top: 38px !important; padding-bottom: 32px !important; }
  html[lang="tr"] main .hero h1 { font-size: 1.5625rem !important; line-height: 1.16 !important; }
  html[lang="tr"] main .hero .lead { font-size: 1rem !important; line-height: 1.55 !important; }
  html[lang="tr"] main .section { padding-top: 32px !important; padding-bottom: 32px !important; }
  html[lang="tr"] main .section h2,
  html[lang="tr"] main .akkoc-path h2 { font-size: 1.35rem !important; line-height: 1.2 !important; }
  html[lang="tr"] main .bridge .big { font-size: 1.35rem !important; line-height: 1.25 !important; }
  html[lang="tr"] main .section .intro { font-size: 1rem !important; line-height: 1.55 !important; }
  html[lang="tr"] main .card { padding: 14px !important; }
  html[lang="tr"] main .card p {font-size: .94rem !important; line-height:1.5 !important;}
  html[lang="tr"] main .card h3 {font-size: 1rem !important;}
  html[lang="tr"] main .section .pill {padding: 7px 10px !important;font-size: .86rem !important;}
  html[lang="tr"] main .step { padding: 14px !important; }
  html[lang="tr"] main .grid { gap: 12px !important; }
  html[lang="tr"] main .flow { gap: 9px !important; }
  html[lang="tr"] main .quote { font-size: 1.09rem !important; }
  html[lang="tr"] main .v73-zone { padding: 16px !important; margin-block: 14px !important; }
  html[lang="tr"] main .v73-zone h2 { font-size: 1.43rem !important; }
}
/* Spezielle Vorlagen: Startseite #giris besitzt eigene ID-Selektoren;
   manche türkischen Checkseiten platzieren die Hero-Zone vor <main>. */
@media (min-width: 701px) {
  html[lang="tr"] body > main #giris.hero h1 {font-size: 1.6rem !important; line-height: 1.08 !important;}
  html[lang="tr"] body > section.hero {padding: 24px 0 !important;}
  html[lang="tr"] body > section.hero h1 {font-size: 1.6rem !important;line-height: 1.08 !important;}
  html[lang="tr"] body main .check > h2 {font-size: 1.35rem !important;line-height: 1.2 !important;}
}
@media (max-width: 700px) {
  html[lang="tr"] body > main #giris.hero h1 {font-size: 1.5625rem !important;line-height: 1.16 !important;}
  html[lang="tr"] body > section.hero {padding: 38px 0 32px !important;}
  html[lang="tr"] body > section.hero h1 {font-size: 1.5625rem !important;line-height: 1.16 !important;}
  html[lang="tr"] body main .check > h2 {font-size: 1.46rem !important;line-height: 1.2 !important;}
}
/* Buch-, Formular- und Checkseiten, deren Überschriften nicht in .section stehen. */
html[lang="tr"] main h1:not(.hero h1) { max-width: 100% !important; }
html[lang="tr"] main .akkoc-path-grid article { padding: 16px !important; }


/* AKKOÇ v95.07 – Türkischer Buchblock: wie deutsche Buchvorschau proportionieren.
   Die Originaltürkisch-Seite zeigt ein bis zu 460 x 690px großes Cover.
   Die deutsche Vorschau verwendet effektiv etwa 240 x 360px (max-height 360px).
   Es werden nur Bildgröße und Desktop-Aufteilung geändert, keine Texte/Funktionen. */
@media (min-width: 761px) {
  html[lang="tr"] main #kitap .bookbox {
    grid-template-columns: minmax(0, 310px) minmax(0, 1fr) !important;
    gap: clamp(26px, 3.5vw, 48px) !important;
    align-items: center !important;
  }
  html[lang="tr"] main #kitap .bookcover-wrap {
    justify-self: center !important;
    width: 100% !important;
  }
  html[lang="tr"] main #kitap .bookcover {
    width: auto !important;
    max-width: min(100%, 240px) !important;
    max-height: 360px !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
@media (max-width: 760px) {
  html[lang="tr"] main #kitap .bookcover {
    width: min(70vw, 245px) !important;
    max-width: 245px !important;
    max-height: 368px !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
