/* ===========================================================
   MOST.AERO — yeni tasarım derisi (v3)
   Maketin token'larıyla birebir. Her kural html.md-new altında:
   kapı kapalıyken sitede hiçbir etkisi yok.
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

html.md-new {
  /* tüm hero'ların ortak fotoğrafı (ana sayfa banner'ından) */
  --md-hero-img: url("https://import.cdn.thinkific.com/903469%2Fcustom_site_themes%2Fid%2F2uojr2pCT8iPCoxAx09Q_imageedit_5_2043130138.gif?width=1920");
  --md-navy-dark: #0d3675;   /* birincil marka: başlıklar, fiyat, hero zemini */
  --md-navy:      #204f99;   /* ikincil lacivert */
  --md-navy-deep: #091e42;
  --md-orange:    #ef8b34;
  --md-orange-h:  #e07a22;
  --md-bg:        #F7F7F7;
  --md-surface:   #ffffff;
  --md-surface-2: #f8fafc;
  --md-surface-3: #f1f5f9;
  --md-border:    #e2e8f0;
  --md-border-in: #f1f5f9;
  --md-text:      #1d293d;
  --md-text-2:    #45556c;
  --md-text-3:    #62748e;
  --md-text-4:    #90a1b9;
  --md-footer:    #09224b;
  --md-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --md-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --md-sh-xs: 0 1px 2px 0 rgb(0 0 0 / .05);
  --md-sh-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --md-sh-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --md-sh-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);
}

/* ---------- temel ---------- */
html.md-new body { background: var(--md-bg); font-family: var(--md-sans); color: var(--md-text); -webkit-font-smoothing: antialiased; }
html.md-new button, html.md-new input, html.md-new select, html.md-new textarea { font-family: var(--md-sans); }
html.md-new ::selection { background: var(--md-orange); color: #fff; }
html.md-new h1, html.md-new h2, html.md-new h3, html.md-new h4,
html.md-new .section__heading, html.md-new .section__heading--secondary {
  font-family: var(--md-sans); color: var(--md-navy-dark); letter-spacing: -.025em;
}
html.md-new .section__heading { font-weight: 800; }
html.md-new p, html.md-new .section__subheading { color: var(--md-text-2); line-height: 1.625; }

/* ---------- üst menü (80px, cam) ---------- */
html.md-new .header {
  position: sticky; top: 0; z-index: 40;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(226,232,240,.9);
  box-shadow: var(--md-sh-xs);
}
html.md-new .header__nav-item a, html.md-new .header__nav-link {
  font-size: 14px; font-weight: 600; color: var(--md-navy-dark);
  text-transform: none; letter-spacing: 0; transition: color .15s ease;
}
html.md-new .header__nav-item a:hover, html.md-new .header__nav-link:hover { color: var(--md-orange); }

/* ---------- hero ---------- */
html.md-new .banner { position: relative; background-color: var(--md-navy-dark); border-bottom: 1px solid var(--md-border); min-height: 0; }
/* hero bindirmesi: mevcut sitedeki mor/eflatun ton (sahip tercihi 2026-10-19).
   Lacivert örtü fotoğrafın kendi mor tonunu bastırıyordu; örtü indigoya
   çekildi ve opaklık düşürüldü ki fotoğrafın tonu görünsün.
   YALNIZ hero/banner — kurs ve kart görsellerine dokunulmaz. */
html.md-new .banner::before {
  content: ''; position: absolute; inset: 0; z-index: 1;
  /* ESKİ HERO TONU, ölçülerek eşlendi.
     Eski hero = fotoğraf x %70, ortalama #474792 / hue 240° / L %43.
     Global karartma tonu koyulaştırdığı için karartma YALNIZ metnin
     arkasına alındı; sağ üstteki mor ışık aydınlığı geri veriyor.
     Hesaplanan bileşke: #474793 — hedefle fark %0.1. */
  background:
    radial-gradient(900px 620px at 80% 5%, rgba(120,120,235,.40), transparent 72%),
    linear-gradient(to top, rgba(20,20,62,.30) 0%, rgba(20,20,62,.10) 18%, rgba(20,20,62,0) 30%),
    linear-gradient(to right, rgba(20,20,62,.30) 0%, rgba(20,20,62,.12) 24%, rgba(20,20,62,0) 38%);
}
html.md-new .banner > * { position: relative; z-index: 2; }
html.md-new .banner .banner__container { max-width: 1280px; margin: 0 auto; width: 100%; padding: 48px 16px 64px; }
html.md-new .banner .banner__wrapper,
html.md-new .banner.section__content-alignment--center .section__content {
  margin-left: 0 !important; margin-right: auto !important; text-align: left !important;
  align-items: flex-start !important; max-width: none !important; width: 100%;
}
html.md-new .banner .banner__container--large { max-width: 1280px; }
html.md-new .banner .section__headings,
html.md-new .banner .section__heading,
html.md-new .banner .section__subheading { text-align: left !important; margin-left: 0 !important; }
html.md-new .banner .section__heading {
  color: #fff; font-weight: 800; font-size: clamp(30px, 4vw, 48px); line-height: 1.25;
  letter-spacing: -.025em; margin: 0 0 20px; max-width: 18ch; text-wrap: balance;
}
html.md-new .banner .section__subheading {
  color: #e2e8f0; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.625;
  max-width: 672px; margin: 0 0 32px;
}
html.md-new .banner .section__button-group { display: flex; gap: 14px; flex-wrap: wrap; justify-content: flex-start !important; }

/* ---------- butonlar ---------- */
html.md-new .button, html.md-new .button-primary, html.md-new a.button-primary {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 24px; border-radius: 8px;
  font-size: 14px; font-weight: 700; text-transform: none; letter-spacing: 0; line-height: 1;
  background: var(--md-orange); border: 1px solid var(--md-orange); color: #fff;
  box-shadow: var(--md-sh-lg);
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
html.md-new .button:hover, html.md-new a.button-primary:hover {
  background: var(--md-orange-h); border-color: var(--md-orange-h); transform: translateY(-1px); color: #fff;
}
/* sahip talimatı 2026-10-21: düğmelerde ok yok, yazı ortada */
html.md-new .banner .button::after { content: none; }

/* ---------- bölüm ritmi ---------- */
html.md-new section.section-height__medium { padding-block: 64px; border-bottom: 1px solid var(--md-border); }
@media (min-width: 1024px) { html.md-new section.section-height__medium { padding-block: 96px; } }
html.md-new .section__headings { max-width: 768px; margin-bottom: 48px; }
html.md-new .section__heading-alignment--center .section__headings { margin-left: auto; margin-right: auto; }
html.md-new .course-cards .section__heading, html.md-new .bonus .section__heading,
html.md-new .rich-text .section__heading, html.md-new .testimonials .section__heading {
  font-size: clamp(24px, 2.6vw, 36px); font-weight: 800; text-wrap: balance; margin: 0;
}
html.md-new .course-cards .section__headings::before { content: 'COURSE CATALOG'; }
html.md-new .bonus .section__headings::before { content: 'WHY MOST.AERO'; }
html.md-new .course-cards .section__headings::before,
html.md-new .bonus .section__headings::before {
  display: block; margin-bottom: 8px;
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--md-orange);
}
html.md-new .course-cards { background: var(--md-bg); }
html.md-new .bonus { background: var(--md-surface); }

/* ---------- kurs kartları ---------- */
html.md-new .products__list { gap: 0; }
html.md-new .products__list-item { padding-bottom: 24px; }
html.md-new .card {
  display: flex; flex-direction: column; justify-content: space-between; height: 100%;
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 12px;
  overflow: hidden; box-shadow: none; transition: all 200ms ease;
}
html.md-new .card:hover { border-color: rgba(32,79,153,.4); box-shadow: var(--md-sh-lg); }
html.md-new .card__img-container { position: relative; height: 192px; background: var(--md-surface-3); overflow: hidden; }
html.md-new .card__img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
html.md-new .card:hover .card__img { transform: scale(1.05); }
/* NOT: maketteki koyu scrim kaldırıldı — sahibin kart görsellerinde fiyat/indirim
   yazısı görselin içine gömülü, scrim onu okunmaz hale getiriyordu (2026-10-18). */
html.md-new .card__body-container { display: flex; flex-direction: column; flex: 1; padding: 20px; }
html.md-new .card__body { display: flex; flex-direction: column; flex: 1; }
html.md-new .card__product-info {
  order: -1; display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--md-orange); margin-bottom: 8px;
}
html.md-new .card__product-info i { font-size: 12px; }
html.md-new .card__name {
  font-size: 16px; font-weight: 700; line-height: 1.375; color: var(--md-navy-dark);
  letter-spacing: -.01em; margin: 0 0 6px;
}
html.md-new .card:hover .card__name { color: var(--md-navy); }
html.md-new .card__description {
  font-size: 12px; line-height: 1.625; color: var(--md-text-2); margin: 0 0 16px; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
html.md-new .card__price-container {
  margin-top: auto; padding-top: 12px; border-top: 1px solid var(--md-border-in);
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
html.md-new .card__price-container.md-has-buy .card__price { flex: 0 0 auto; }
html.md-new .card__price, html.md-new .card__price strong {
  font-size: 20px; font-weight: 800; color: var(--md-navy-dark); margin: 0;
  font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
html.md-new .card__price-container::after {
  content: 'View course \2192';
  font-size: 12px; font-weight: 700; color: var(--md-orange); white-space: nowrap;
}
/* ödeme düğmesi eklendiğinde 'View course →' yazısına gerek kalmıyor:
   kartın kendisi zaten kurs sayfasına gidiyor */
html.md-new .card__price-container.md-has-buy::after { content: none; }

/* ---------- avantajlar (bonus) ---------- */
html.md-new .bonus__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
html.md-new .bonus__list-item {
  /* tema li'ye flex:0 0 33.33% + width:33.33% veriyor; ızgara içinde bu
     kartı sütunun üçte birine düşürüyordu — sütunu tam doldur */
  width: auto; max-width: none; flex: initial; margin: 0;
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 16px;
  padding: 24px; text-align: left; box-shadow: var(--md-sh-xs); transition: all 200ms ease;
}
html.md-new .bonus__list-item:hover { border-color: rgba(32,79,153,.4); box-shadow: var(--md-sh-lg); }
html.md-new .bonus__list-item i {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 8px;
  background: #eff6ff; border: 1px solid #bedbff; color: var(--md-navy);
  font-size: 16px; margin-bottom: 14px;
}
html.md-new .bonus__list-item .section__heading--secondary {
  font-size: 16px; font-weight: 700; color: var(--md-navy-dark); margin: 0 0 6px;
}
html.md-new .bonus__list-item p { font-size: 13px; line-height: 1.625; color: var(--md-text-2); margin: 0; }

/* ---------- footer ---------- */
html.md-new .footer { background: var(--md-footer); border-top: 1px solid #1d293d; padding-block: 56px; }
html.md-new .footer a, html.md-new .footer__copyright { color: #cad5e2; font-size: 13px; }
html.md-new .footer a:hover { color: var(--md-orange); }
html.md-new .footer__copyright { color: #90a1b9; font-size: 12px; line-height: 1.625; }

/* ---------- 390px ---------- */
@media (max-width: 640px) {
  html.md-new .banner .banner__container { padding: 40px 16px 48px; }
  html.md-new .banner .section__heading { font-size: 30px; max-width: none; }
  html.md-new .banner .section__subheading { font-size: 16px; }
    html.md-new .button, html.md-new a.button-primary { width: 100%; justify-content: center; }
  html.md-new section.section-height__medium { padding-block: 48px; }
  html.md-new .section__headings { margin-bottom: 32px; }
  html.md-new .bonus__list { grid-template-columns: 1fr; }
}

/* ===========================================================
   KURS SATIŞ SAYFASI (body.course-landing-page)
   =========================================================== */

/* --- font kapsamı: tema Montserrat'ı 37 kuralda sabit yazıyor --- */
html.md-new body, html.md-new h1, html.md-new h2, html.md-new h3, html.md-new h4,
html.md-new h5, html.md-new h6, html.md-new p, html.md-new a, html.md-new li,
html.md-new .button, html.md-new .card__name, html.md-new .card__description,
html.md-new .section__heading, html.md-new .section__heading--secondary,
html.md-new .section__subheading, html.md-new .instructor__bio,
html.md-new .pricing-table__list-item-details__price,
html.md-new input, html.md-new label, html.md-new select, html.md-new textarea {
  font-family: var(--md-sans);
}

/* --- kurs başlığı (promote edilmiş H1) --- */
html.md-new .course-curriculum .section__heading,
html.md-new h1.section__heading {
  font-size: clamp(28px, 3.2vw, 40px); font-weight: 800; letter-spacing: -.025em;
  color: var(--md-navy-dark); line-height: 1.2;
}

/* --- müfredat listesi --- */
html.md-new .course-curriculum { background: var(--md-bg); }
html.md-new .course-curriculum .collapse-list,
html.md-new .course-curriculum__chapter {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 12px; padding: 20px; box-shadow: var(--md-sh-xs);
}
html.md-new .course-curriculum__chapter + .course-curriculum__chapter { margin-top: 16px; }
html.md-new .course-curriculum__chapter-title,
html.md-new .course-curriculum__chapter-name {
  font-size: 15px; font-weight: 700; color: var(--md-navy-dark);
}
html.md-new .course-curriculum__chapter-lesson {
  font-size: 13px; color: var(--md-text-2);
  padding: 10px 0; border-top: 1px solid var(--md-border-in);
}
html.md-new .course-curriculum__chapter-lesson:first-of-type { border-top: 0; }
html.md-new .course-curriculum__chapter-lesson i { color: var(--md-text-4); }

/* --- fiyat kartı --- */
html.md-new .pricing-table { background: var(--md-bg); }
html.md-new .pricing-table__list-item {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 16px; padding: 24px; box-shadow: var(--md-sh-sm);
}
html.md-new .pricing-table__list-item-details__price {
  font-size: 32px; font-weight: 800; color: var(--md-navy-dark);
  letter-spacing: -.025em; font-variant-numeric: tabular-nums; margin: 0 0 6px;
}
html.md-new .pricing-table__list-item-details__name,
html.md-new .pricing-table__list-item-details__payments {
  font-size: 13px; color: var(--md-text-3);
}
html.md-new .pricing-table .button-primary { width: 100%; justify-content: center; margin-top: 14px; }

/* --- eğitmen --- */
html.md-new .instructor { background: var(--md-surface); }
html.md-new .instructor__list-item {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 16px; padding: 24px; box-shadow: var(--md-sh-xs);
}
html.md-new .instructor__avatar-img { border-radius: 12px; }
html.md-new .instructor__profile h3.section__heading--secondary {
  font-size: 18px; font-weight: 700; color: var(--md-navy-dark); letter-spacing: -.01em;
}
html.md-new .instructor__bio { font-size: 14px; line-height: 1.625; color: var(--md-text-2); }
html.md-new a.instructor__social { color: var(--md-navy); }
html.md-new a.instructor__social:hover { color: var(--md-orange); }

/* --- SSS --- */
html.md-new .faq { background: var(--md-bg); }
html.md-new .faq__list-item {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 12px; padding: 18px 20px 18px 56px; margin-bottom: 12px;
  box-shadow: var(--md-sh-xs);
}
html.md-new .faq__list-item summary strong {
  font-size: 15px; font-weight: 700; color: var(--md-navy-dark); letter-spacing: -.01em;
}
html.md-new .faq__list-item p { font-size: 14px; line-height: 1.7; color: var(--md-text-2); }

/* --- CTA bandı + checklist + text-icon --- */
html.md-new .call-to-action {
  background: var(--md-navy-dark); border-bottom: 1px solid var(--md-border);
}
html.md-new .call-to-action .section__heading { color: #fff; }
html.md-new .call-to-action .section__subheading,
html.md-new .call-to-action p { color: #cad5e2; }
html.md-new .checklist { background: var(--md-surface); }
html.md-new .checklist__list-item { font-size: 14px; color: var(--md-text-2); }
html.md-new .checklist__list-item i { color: var(--md-orange); }
html.md-new .text-icon { background: var(--md-bg); }
html.md-new .text-icon__list-item i {
  color: var(--md-navy); font-size: 18px;
}

/* --- bizim eklediğimiz "Further reading" bölümü --- */
html.md-new #most-further-reading {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 16px; padding: 24px; box-shadow: var(--md-sh-xs);
}
html.md-new #most-further-reading a { color: var(--md-navy); font-weight: 600; }
html.md-new #most-further-reading a:hover { color: var(--md-orange); }

/* --- ödeme rozeti bölümüne DOKUNULMAZ --- */
html.md-new section[data-section-uid="T5a8QHv1I"],
html.md-new section[data-section-uid="T5a8QHv1I"] * { all: revert-layer; }

/* --- küçük ekranda tema enroll butonunu ikon butona çeviriyor: normal buton olarak tut --- */
@media (max-width: 480px) {
  html.md-new .pricing-table__list-item .button-primary {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    width: auto; padding: 11px 18px; font-size: 14px; position: relative;
  }
  html.md-new .pricing-table__list-item .button-primary i {
    position: static; display: inline-block; font-size: 12px;
  }
}

/* --- dikey ritim düzeltmesi: temanın kendi padding'i üstüne binmesin --- */
html.md-new section.section-height__medium { padding-block: 40px; }
@media (min-width: 1024px) { html.md-new section.section-height__medium { padding-block: 56px; } }
html.md-new .course-landing-page section.section-height__medium { padding-block: 32px; }
html.md-new .pricing-table, html.md-new .call-to-action { padding-block: 48px; }

/* ===========================================================
   MAKET DÜZENİ — yeni bileşenler (newdesign.js ile birlikte)
   =========================================================== */
html.md-new .md-wrap { max-width: 1280px; margin: 0 auto; padding: 0 16px; }
@media (min-width:1024px){ html.md-new .md-wrap { padding: 0 32px; } }
html.md-new .md-wrap--narrow { max-width: 880px; }
html.md-new .md-section { padding-block: 64px; border-bottom: 1px solid var(--md-border); background: var(--md-surface); }
@media (min-width:1024px){ html.md-new .md-section { padding-block: 96px; } }
html.md-new .md-head { max-width: 768px; margin-bottom: 48px; }
html.md-new .md-head--center { margin-left: auto; margin-right: auto; text-align: center; }
html.md-new .md-head h2 { font-size: clamp(24px,2.8vw,36px); font-weight: 800; letter-spacing:-.025em; color: var(--md-navy-dark); margin: 0; text-wrap: balance; }
html.md-new .md-head p { margin: 12px 0 0; font-size: 16px; color: var(--md-text-2); }
html.md-new .md-eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--md-orange); margin-bottom: 8px; }
html.md-new .md-eyebrow--dark { color: var(--md-text-3); }

/* --- butonlar --- */
html.md-new .md-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 24px; border-radius:8px; font-size:14px; font-weight:700; text-decoration:none; border:1px solid transparent; transition:all .15s ease; }
html.md-new .md-btn--primary { background: var(--md-orange); color:#fff; box-shadow: var(--md-sh-lg); }
html.md-new .md-btn--primary:hover { background: var(--md-orange-h); color:#fff; }
html.md-new .md-btn--ghost { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color:#fff; font-weight:600; }
html.md-new .md-btn--ghost:hover { background: rgba(255,255,255,.18); color:#fff; }
html.md-new .md-btn--light { background:#fff; border-color: var(--md-border); color: var(--md-navy-dark); padding:8px 14px; font-size:12px; }
html.md-new .md-btn--sm { padding:8px 16px; font-size:12px; box-shadow: var(--md-sh-xs); }
html.md-new .md-btn--block { width:100%; margin-top:16px; }
html.md-new .md-play { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:999px; background: var(--md-orange); font-size:10px; }

/* --- HERO --- */
html.md-new .banner .section__content { max-width: none !important; width: 100%; }
html.md-new .md-hero__grid { display:grid; grid-template-columns: 1fr; gap:32px; align-items:center; }
@media (min-width:1024px){ html.md-new .md-hero__grid { grid-template-columns: 7fr 5fr; gap:48px; } }
html.md-new .md-eyebrow--hero { color: var(--md-orange); margin-bottom:20px; }
html.md-new .md-hero__title { color:#fff; font-size: clamp(30px,3.9vw,48px); font-weight:800; line-height:1.15; letter-spacing:-.025em; margin:0 0 20px; text-wrap:balance; }
html.md-new .md-hero__sub { color:#e2e8f0; font-size: clamp(16px,1.25vw,18px); line-height:1.625; margin:0 0 32px; max-width:672px; }
html.md-new .md-trust { list-style:none; margin:0 0 32px; padding:0; display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:640px){ html.md-new .md-trust { grid-template-columns:1fr 1fr; } }
html.md-new .md-trust li { color:#f1f5f9; font-size:14px; display:flex; align-items:flex-start; gap:10px; }
html.md-new .md-trust li::before { content:'✓'; color: var(--md-orange); font-weight:800; }
html.md-new .md-cta { display:flex; gap:14px; flex-wrap:wrap; }

/* --- hero sağ panel --- */
html.md-new .md-panel { background: rgba(255,255,255,.96); backdrop-filter: blur(12px);
  border:1px solid rgba(255,255,255,.4); border-radius:16px; padding:24px; box-shadow: var(--md-sh-2xl); color: var(--md-text); }
@media (min-width:640px){ html.md-new .md-panel { padding:28px; } }
html.md-new .md-panel__head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--md-border-in); }
html.md-new .md-panel__id { display:flex; gap:10px; align-items:center; }
html.md-new .md-panel__tile { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px; background:#eff6ff; border:1px solid #bedbff; color: var(--md-navy); }
html.md-new .md-panel__id .md-eyebrow { margin:0 0 2px; font-size:10px; }
html.md-new .md-panel__name { font-size:12px; font-weight:700; color: var(--md-navy-dark); }
html.md-new .md-pill { display:inline-flex; align-items:center; gap:6px; font-family: var(--md-mono); font-size:10px; font-weight:600;
  color:#006045; background:#ecfdf5; border:1px solid #a4f4cf; padding:3px 8px; border-radius:999px; white-space:nowrap; }
html.md-new .md-pill i { width:6px; height:6px; border-radius:999px; background:#009966; display:inline-block; }
html.md-new .md-panel__tabs-label { font-size:11px; font-weight:700; letter-spacing:.05em; color: var(--md-text-3); margin:16px 0 8px; }
html.md-new .md-panel__tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:4px; background: var(--md-surface-3); border-radius:12px; }
html.md-new .md-tab { padding:7px 6px; border:0; border-radius:8px; background:transparent; font-size:12px; font-weight:700; color: var(--md-text-2); cursor:pointer; }
html.md-new .md-tab.is-on { background:#fff; color: var(--md-navy-dark); box-shadow: var(--md-sh-xs); }
html.md-new .md-quick { margin-top:14px; padding:16px; border-radius:12px; background: var(--md-surface-2); border:1px solid var(--md-border); }
html.md-new .md-quick__cat { font-family: var(--md-mono); font-size:11px; font-weight:700; color: var(--md-orange); text-transform:uppercase; letter-spacing:.04em; }
html.md-new .md-quick__name { font-size:14px; font-weight:700; color: var(--md-navy-dark); margin:8px 0 6px; line-height:1.375; }
html.md-new .md-quick__desc { font-size:12px; color: var(--md-text-2); margin:0 0 10px; line-height:1.55; }
html.md-new .md-quick__meta { display:flex; gap:14px; font-size:11px; color: var(--md-orange); font-weight:600; padding-top:8px; border-top:1px solid rgba(226,232,240,.6); }
html.md-new .md-quick__buy { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; }
html.md-new .md-quick__label { display:block; font-size:11px; color: var(--md-text-4); }
html.md-new .md-quick__buy strong { font-size:18px; font-weight:800; color: var(--md-navy-dark); }
html.md-new .md-quick__btns { display:flex; gap:8px; }
html.md-new .md-panel__foot { display:flex; justify-content:space-between; gap:10px; margin-top:14px; padding-top:12px; border-top:1px solid var(--md-border-in); font-size:11px; color: var(--md-text-3); }
html.md-new .md-ok { color:#007a55; font-weight:600; }

/* --- KPI + katılımcı satırı --- */
html.md-new .md-kpi { margin-top:48px; padding-top:32px; border-top:1px solid rgba(255,255,255,.15);
  display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
@media (min-width:1024px){ html.md-new .md-kpi { grid-template-columns:repeat(4,1fr); } }
html.md-new .md-kpi strong { display:block; font-size:clamp(24px,2.2vw,30px); font-weight:800; letter-spacing:-.025em; color:#fff; font-variant-numeric: tabular-nums; }
html.md-new .md-kpi span { display:block; margin-top:4px; font-size:13px; color:#cad5e2; line-height:1.4; }
html.md-new .md-kpi a { text-decoration:none; }
html.md-new .md-kpi a:hover strong { color: var(--md-orange); }
html.md-new .md-audience { margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); font-size:14px; color:#e2e8f0; }

/* --- filtreler --- */
html.md-new .md-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between;
  margin:0 0 32px; padding-bottom:24px; border-bottom:1px solid var(--md-border); }
html.md-new .md-filters__pills { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
html.md-new .md-filters__pills::-webkit-scrollbar { display:none; }
html.md-new .md-pill-btn { padding:8px 16px; font-size:12px; font-weight:700; border-radius:8px; white-space:nowrap; cursor:pointer;
  background:#fff; color: var(--md-navy-dark); border:1px solid var(--md-border); box-shadow:0 1px rgb(0 0 0/.05); }
html.md-new .md-pill-btn:hover { color: var(--md-orange); background: var(--md-surface-2); }
html.md-new .md-pill-btn.is-on { background: var(--md-orange); color:#fff; border-color: var(--md-orange); box-shadow: var(--md-sh-sm); }
html.md-new .md-search input { min-width:280px; padding:9px 14px; background:#fff; border:1px solid var(--md-border);
  border-radius:8px; font-size:13px; color: var(--md-text); box-shadow:0 1px rgb(0 0 0/.05); }
html.md-new .md-search input:focus { outline:none; border-color: var(--md-orange); box-shadow:0 0 0 1px var(--md-orange); }

/* --- hesaplayıcı --- */
html.md-new .md-calc { background: var(--md-surface); }
html.md-new .md-calc__grid { display:grid; grid-template-columns:1fr; gap:24px; }
@media (min-width:1024px){ html.md-new .md-calc__grid { grid-template-columns: 7fr 5fr; } }
html.md-new .md-calc__left, html.md-new .md-calc__right { background: var(--md-bg); border:1px solid var(--md-border); border-radius:16px; padding:24px; }
@media (min-width:640px){ html.md-new .md-calc__left, html.md-new .md-calc__right { padding:28px; } }
html.md-new .md-calc__row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
html.md-new .md-calc__count { font-size:14px; color: var(--md-text-3); }
html.md-new .md-calc__count strong { font-size:30px; font-weight:800; color: var(--md-navy-dark); margin-right:6px; font-variant-numeric: tabular-nums; }
html.md-new #md-range { width:100%; margin:14px 0 6px; accent-color: var(--md-orange); }
html.md-new .md-calc__ticks { display:flex; justify-content:space-between; font-family: var(--md-mono); font-size:11px; color: var(--md-text-4); }
html.md-new .md-calc__opts { display:grid; gap:10px; margin-top:10px; }
html.md-new .md-opt { display:flex; align-items:center; gap:12px; padding:14px 16px; background:#fff; border:1px solid var(--md-border);
  border-radius:12px; cursor:pointer; transition:all .15s ease; }
html.md-new .md-opt input { accent-color: var(--md-orange); }
html.md-new .md-opt.is-on { border-color: var(--md-orange); box-shadow:0 0 0 1px var(--md-orange); }
html.md-new .md-opt__name { flex:1; font-size:14px; font-weight:700; color: var(--md-navy-dark); line-height:1.35; }
html.md-new .md-opt__price { font-size:15px; font-weight:800; color: var(--md-navy-dark); text-align:right; white-space:nowrap; }
html.md-new .md-opt__price small { display:block; font-size:10px; font-weight:500; color: var(--md-text-3); }
html.md-new .md-calc__badge { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; font-size:13px; color: var(--md-text-3); }
html.md-new .md-chip { background:#eff6ff; border:1px solid #bedbff; color: var(--md-navy); font-size:12px; font-weight:700; padding:4px 10px; border-radius:999px; }
html.md-new .md-total { font-size:clamp(30px,3.4vw,40px); font-weight:800; color: var(--md-navy-dark); letter-spacing:-.025em; font-variant-numeric: tabular-nums; }
html.md-new .md-total__sub { font-size:13px; color: var(--md-text-2); margin-top:4px; }
html.md-new .md-save { margin-top:12px; padding:10px 14px; background:#ecfdf5; border:1px solid #a4f4cf; border-radius:12px; font-size:13px; font-weight:700; color:#007a55; }
html.md-new .md-calc__note { margin-top:12px; font-size:11px; color: var(--md-text-3); line-height:1.6; }

/* --- sertifika doğrulama --- */
html.md-new .md-verify { background: var(--md-surface); }

/* lacivert doğrulama paneli: solda metin, sağda kimlik alanı */
html.md-new .md-verify__panel {
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: 1fr; gap: 28px; align-items: center;
  padding: 36px 32px; border-radius: 20px;
  background: linear-gradient(135deg, #0d3675 0%, #091e42 100%);
  box-shadow: var(--md-sh-lg);
}
@media (min-width: 900px) {
  html.md-new .md-verify__panel { grid-template-columns: 1.1fr .9fr; gap: 48px; padding: 44px 48px; }
}
html.md-new .md-verify__panel::before {
  content: ''; position: absolute; z-index: 0; inset: 0;
  background: radial-gradient(520px 260px at 92% 0%, rgba(239,139,52,.22), transparent 62%);
}
html.md-new .md-verify__copy,
html.md-new .md-verify__side { position: relative; z-index: 1; }
html.md-new .md-verify__copy .md-eyebrow { color: var(--md-orange); margin-bottom: 10px; }
html.md-new .md-verify__copy h2 {
  margin: 0; font-size: clamp(22px, 2.2vw, 30px); font-weight: 800;
  letter-spacing: -.02em; color: #fff; text-wrap: balance;
}
html.md-new .md-verify__copy p {
  margin: 12px 0 0; font-size: 15px; line-height: 1.65; color: rgba(255,255,255,.72); max-width: 54ch;
}
html.md-new .md-verify__box {
  display: flex; gap: 10px; flex-wrap: wrap;
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px; padding: 12px;
}
html.md-new .md-verify__box input {
  flex: 1; min-width: 200px; padding: 12px 14px;
  background: #fff; border: 1px solid transparent; border-radius: 9px;
  font-family: var(--md-mono); font-size: 14px; color: var(--md-text);
}
html.md-new .md-verify__box input::placeholder { color: var(--md-text-4); }
html.md-new .md-verify__box input:focus { outline: none; box-shadow: 0 0 0 2px var(--md-orange); }
html.md-new .md-verify__note {
  margin-top: 12px; font-size: 13px; line-height: 1.55; color: rgba(255,255,255,.58); text-align: left;
}
html.md-new .md-verify__note.is-warn { color: #ffcf9a; }

@media (max-width: 640px) {
  html.md-new .md-verify__panel { padding: 28px 22px; border-radius: 16px; }
  html.md-new .md-verify__box { padding: 10px; }
  html.md-new .md-verify__box .md-btn { width: 100%; }
}

/* --- rehberler --- */
html.md-new .md-guides { background: var(--md-surface); }
html.md-new .md-guides__grid { display:grid; grid-template-columns:1fr; gap:24px; align-items:stretch; }
@media (min-width:640px){ html.md-new .md-guides__grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:1024px){ html.md-new .md-guides__grid { grid-template-columns:repeat(3,1fr); } }

/* rehber kartı — maket düzeni: referans+süre · başlık · açıklama · 3 madde · bağlantı */
html.md-new .md-guide {
  display:flex; flex-direction:column; padding:24px; background: var(--md-surface);
  border:1px solid var(--md-border); border-radius:16px; text-decoration:none;
  box-shadow: var(--md-sh-xs); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
html.md-new .md-guide:hover { border-color: rgba(32,79,153,.4); box-shadow: var(--md-sh-lg); transform: translateY(-2px); }
html.md-new .md-guide__top {
  display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px;
}
html.md-new .md-guide__ref { font-family: var(--md-mono); font-size:12px; font-weight:600; color: var(--md-orange); }
html.md-new .md-guide__min { font-family: var(--md-mono); font-size:11px; font-weight:500; color: var(--md-text-4); white-space:nowrap; }
html.md-new .md-guide__title { font-size:17px; font-weight:700; color: var(--md-navy-dark); line-height:1.35; letter-spacing:-.012em; }
html.md-new .md-guide__desc { margin-top:10px; font-size:14px; line-height:1.6; color: var(--md-text-2); }

html.md-new .md-guide__pts {
  display:flex; flex-direction:column; gap:8px; margin-top:16px; padding-top:16px;
  border-top:1px solid var(--md-border-in);
}
html.md-new .md-guide__pt { display:flex; align-items:flex-start; gap:8px; font-size:13px; line-height:1.5; color: var(--md-text-3); }
html.md-new svg.md-guide__tick { flex:0 0 auto; width:16px; height:16px; margin-top:1px; color: var(--md-orange); }

html.md-new .md-guide__go {
  display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:16px;
  border-top:1px solid var(--md-border-in); font-size:14px; font-weight:700; color: var(--md-navy);
}
html.md-new svg.md-guide__book { flex:0 0 auto; width:17px; height:17px; color: var(--md-navy); }
html.md-new .md-guide__arrow { transition: transform .2s ease; }
html.md-new .md-guide:hover .md-guide__arrow { transform: translateX(3px); }
html.md-new .md-guide:hover .md-guide__go { color: var(--md-orange); }
html.md-new .md-guide:hover svg.md-guide__book { color: var(--md-orange); }

html.md-new .md-guides__all { margin-top:28px; }
html.md-new .md-guides__all a { font-size:14px; font-weight:700; color: var(--md-orange); text-decoration:none; }

/* --- mobil --- */
@media (max-width:640px) {
  html.md-new .md-section { padding-block: 48px; }
  html.md-new .md-head { margin-bottom:32px; }
  html.md-new .md-cta .md-btn { width:100%; }
  html.md-new .md-kpi { gap:18px; }
  html.md-new .md-search input { min-width:100%; }
  html.md-new .md-filters { flex-direction:column; align-items:stretch; }
}

/* --- hero alt boşluk + sol hizalı bölüm başlıkları --- */
html.md-new .banner .banner__container { padding: 56px 16px 64px !important; }
@media (min-width:1024px){ html.md-new .banner .banner__container { padding: 64px 32px 72px !important; } }
html.md-new .banner, html.md-new .banner__wrapper { min-height: 0 !important; }
html.md-new .course-cards .section__headings,
html.md-new .bonus .section__headings { text-align: left !important; margin-left: 0 !important; }
html.md-new .course-cards .section__heading-alignment--center .section__headings { margin-left: 0; }
html.md-new .course-cards .section__content, html.md-new .bonus__container,
html.md-new .course-cards__container { max-width: 1280px; margin: 0 auto; }
html.md-new .md-calc__right { align-self: start; position: sticky; top: 96px; }
@media (max-width: 1023px){ html.md-new .md-calc__right { position: static; } }

/* ===========================================================
   MAKET ÖLÇÜLERİ — birebir (Tailwind sm=640px, lg=1024px)
   Kaynak: tasarim-spec.md §3-4.1-4.2-4.3
   =========================================================== */

/* --- NAVBAR: h-20 = 80px --- */
html.md-new .header { box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); }
html.md-new .header .header__container {
  height: 80px; min-height: 80px;
  max-width: 1280px; margin: 0 auto; padding: 0 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
}
@media (min-width: 640px) { html.md-new .header .header__container { padding: 0 24px; } }
@media (min-width: 1024px){ html.md-new .header .header__container { padding: 0 32px; } }
html.md-new .header img.logo { height: 44px; width: auto; max-height: 44px; object-fit: contain; padding: 8px 0; }
@media (min-width: 640px) { html.md-new .header img.logo { height: 48px; max-height: 48px; } }
html.md-new .header .header__nav > ul { display: flex; align-items: center; gap: 28px; margin: 0; }
html.md-new .header .header__nav-item a { font-size: 14px; font-weight: 600; line-height: 20px; padding: 4px 0; white-space: nowrap; }

/* --- HERO: pt-12 pb-16 lg:pt-16 lg:pb-20 --- */
html.md-new .banner .banner__container {
  max-width: 1280px !important; margin: 0 auto; width: 100%;
  padding: 48px 16px 64px !important;
}
@media (min-width: 640px) { html.md-new .banner .banner__container { padding: 48px 24px 64px !important; } }
@media (min-width: 1024px){ html.md-new .banner .banner__container { padding: 64px 32px 80px !important; } }

/* turuncu dekoratif ışık (maket Hero.tsx) */
html.md-new .banner { overflow: hidden; }
html.md-new .banner::after {
  content: ''; position: absolute; top: 0; right: 25%;
  width: 384px; height: 384px; border-radius: 999px;
  background: rgba(239,139,52,.15); filter: blur(64px); z-index: 1; pointer-events: none;
}

/* --- hero grid: 7/5, gap 32 → lg 48 --- */
html.md-new .md-hero__grid { grid-template-columns: 1fr; gap: 32px; align-items: center; }
@media (min-width: 1024px){ html.md-new .md-hero__grid { grid-template-columns: 7fr 5fr; gap: 48px; } }

/* --- hero metin ölçüleri --- */
html.md-new .md-eyebrow--hero { font-size: 12px; font-weight: 700; letter-spacing: .05em; margin-bottom: 20px; }
html.md-new .md-hero__title {
  font-size: 30px; font-weight: 900; letter-spacing: -.025em; line-height: 1.25; margin: 0 0 20px;
}
@media (min-width: 640px) { html.md-new .md-hero__title { font-size: 36px; } }
@media (min-width: 1024px){ html.md-new .md-hero__title { font-size: 48px; } }
html.md-new .md-hero__sub { font-size: 16px; line-height: 1.625; max-width: 672px; margin: 0 0 32px; }
@media (min-width: 640px) { html.md-new .md-hero__sub { font-size: 18px; } }
html.md-new .md-trust { gap: 14px; margin: 0 0 32px; }
html.md-new .md-trust li { font-size: 14px; color: #f1f5f9; gap: 10px; align-items: flex-start; }
html.md-new .md-trust li::before { font-size: 16px; line-height: 1.3; }
html.md-new .md-cta { gap: 14px; }
html.md-new .md-cta .md-btn--primary { padding: 14px 24px; font-size: 14px; font-weight: 700; border-radius: 8px; }
html.md-new .md-cta .md-btn--ghost  { padding: 14px 20px; font-size: 14px; font-weight: 600; border-radius: 8px; }
html.md-new .md-play { width: 24px; height: 24px; }

/* --- hero sağ panel: p-6 sm:p-7, rounded-2xl --- */
html.md-new .md-panel { padding: 24px; border-radius: 16px; }
@media (min-width: 640px) { html.md-new .md-panel { padding: 28px; } }

/* --- KPI şeridi: mt-12 pt-8, grid 2 → lg 4, gap 24 --- */
html.md-new .md-kpi { margin-top: 48px; padding-top: 32px; gap: 24px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 1024px){ html.md-new .md-kpi { grid-template-columns: repeat(4, 1fr); } }
html.md-new .md-kpi strong { font-size: 24px; font-weight: 900; letter-spacing: -.025em; }
@media (min-width: 640px) { html.md-new .md-kpi strong { font-size: 30px; } }
html.md-new .md-kpi span { font-size: 12px; font-weight: 500; color: #cad5e2; margin-top: 4px; }
@media (min-width: 640px) { html.md-new .md-kpi span { font-size: 14px; } }

/* --- katılımcı satırı: mt-10 pt-6 --- */
html.md-new .md-audience {
  margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.10);
  font-size: 14px; font-weight: 600; color: #e2e8f0;
}
/* --- navbar iç yerleşim: logo | menü | CTA (maket 3 bölge) --- */
html.md-new .header .header__wrapper {
  width: 100% !important; max-width: none !important;
  display: flex; align-items: center; justify-content: space-between; gap: 32px; height: 80px;
}
html.md-new .header .header__logo { flex: 0 0 auto; margin: 0; }
html.md-new .header .header__nav { flex: 1 1 auto; display: flex; align-items: center; justify-content: flex-end; gap: 28px; }
html.md-new .header .header__nav > ul { flex: 0 1 auto; }
html.md-new .header .header__nav-cta a { padding: 10px 16px; font-size: 12px; font-weight: 700; border-radius: 8px; box-shadow: var(--md-sh-sm); }
/* --- logo büyütüldü (sahip talimatı 2026-10-16; maketin 44/48px'i yerine) --- */
html.md-new .header img.logo { height: 52px; max-height: 52px; padding: 0; }
@media (min-width: 640px)  { html.md-new .header img.logo { height: 62px; max-height: 62px; } }
@media (min-width: 1024px) { html.md-new .header img.logo { height: 68px; max-height: 68px; } }
html.md-new .header .header__logo a { display: inline-flex; align-items: center; }

/* --- hero yüksekliği azaltıldı (sahip talimatı) --- */
html.md-new .banner .banner__container { padding: 32px 16px 40px !important; }
@media (min-width: 640px)  { html.md-new .banner .banner__container { padding: 36px 24px 44px !important; } }
@media (min-width: 1024px) { html.md-new .banner .banner__container { padding: 40px 32px 48px !important; } }
html.md-new .banner .banner__wrapper { padding: 0 !important; margin: 0 !important; }
html.md-new .md-eyebrow--hero { margin-bottom: 20px; }
html.md-new .md-hero__title { margin: 0 0 20px; line-height: 1.2; }
html.md-new .md-hero__sub { margin: 0 0 30px; line-height: 1.7; }
html.md-new .md-trust { gap: 14px 32px; margin: 0 0 32px; }
html.md-new .md-trust li { line-height: 1.45; }
html.md-new .md-panel { padding: 20px; }
@media (min-width: 640px) { html.md-new .md-panel { padding: 24px; } }
html.md-new .md-panel__tabs-label { margin: 12px 0 6px; }
html.md-new .md-quick { margin-top: 10px; padding: 14px; }
html.md-new .md-kpi { margin-top: 28px; padding-top: 22px; gap: 18px; }
html.md-new .md-audience { margin-top: 22px; padding-top: 16px; }

/* --- kurs kartı puan satırı (maket: başlığın altında) --- */
html.md-new .md-rating { display: flex; align-items: center; gap: 6px; margin: 0 0 12px; line-height: 1; }
html.md-new .md-stars { font-size: 13px; letter-spacing: 1.5px; }
html.md-new .md-rating--empty .md-stars { color: rgba(239,139,52,.22); }
html.md-new .md-rating--empty .md-rating__text { font-size: 12px; font-weight: 500; color: var(--md-text-4); }
/* Thinkific'in gerçek puan bloğu geldiğinde maket stiline oturur */
html.md-new .card__reviews { margin: 0 0 12px !important; display: flex; align-items: center; gap: 6px;
  font-size: 12.5px; font-weight: 700; color: var(--md-navy-dark); }
html.md-new .card__reviews .review__star { color: var(--md-orange); }
html.md-new .card__reviews-average {
  margin-left: 2px !important; font-size: 12.5px; font-weight: 700; color: var(--md-navy-dark);
  font-variant-numeric: tabular-nums;
}
html.md-new .card__reviews a, html.md-new .card__reviews-count {
  font-size: 12px; font-weight: 500; color: var(--md-text-4); text-decoration: none;
}

/* ===========================================================
   KURS SATIŞ SAYFASI — maket düzeni (newdesign.js buildCourseHero)
   =========================================================== */

/* --- lacivert kurs hero'su (ana sayfa hero'suyla aynı dil) --- */
html.md-new .md-chero {
  position: relative; overflow: hidden;
  border-bottom: 1px solid var(--md-border);
  padding: 48px 0 56px;
  /* ana sayfa hero'suyla aynı mor/eflatun ton */
  /* ana sayfa hero'suyla BİREBİR aynı: aynı fotoğraf + aynı ölçülen örtü */
  background-image:
    radial-gradient(900px 620px at 82% 4%, rgba(120,120,235,.44), transparent 72%),
    linear-gradient(to top, rgba(20,20,62,.26) 0%, rgba(20,20,62,.08) 20%, rgba(20,20,62,0) 34%),
    linear-gradient(to right, rgba(16,16,54,.62) 0%, rgba(16,16,54,.34) 30%, rgba(16,16,54,0) 52%),
    var(--md-hero-img);
  /* kurs/paket hero'su ana sayfadan kısa olduğu için fotoğraf yakınlaştırılıp
     sola sabitlendi: metnin arkasına hangarın koyu bölgesi geliyor.
     Örtüler cover kalır, yani TON değişmez. */
  background-size: cover, cover, cover, 150% auto;
  background-position: center, center, center, 8% 58%;
  background-repeat: no-repeat;
  background-color: #1a1a4a;
}
@media (min-width:1024px){ html.md-new .md-chero { padding: 60px 0 68px; } }
html.md-new .md-chero::before {
  content: ''; position: absolute; z-index: 0; width: 420px; height: 420px; border-radius: 999px;
  right: -140px; top: -160px; background: rgba(239,139,52,.16); filter: blur(90px);
}
html.md-new .md-chero > * { position: relative; z-index: 1; }
html.md-new .md-chero__grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: start; }
@media (min-width:1024px){ html.md-new .md-chero__grid { grid-template-columns: 7fr 5fr; gap: 48px; } }

html.md-new .md-chero .md-eyebrow--hero { margin-bottom: 14px; }
/* başlık düğümü tema'dan taşındığında da lacivert zeminde okunsun */
html.md-new .md-chero__title-slot .section__heading,
html.md-new .md-chero__title-slot h1,
html.md-new .md-chero__title-slot h2 {
  color: #fff !important; text-align: left !important; margin: 0 !important;
  font-size: clamp(26px, 3vw, 40px) !important; font-weight: 800; line-height: 1.12;
  letter-spacing: -.03em; text-wrap: balance;
}
html.md-new h2.md-chero__title, html.md-new .md-chero__title {
  color: #fff !important; font-size: clamp(28px,3.4vw,42px); font-weight: 800; line-height: 1.18;
  letter-spacing: -.025em; margin: 0 0 16px; max-width: 20ch; text-wrap: balance; text-align: left !important;
}
html.md-new .md-chero__sub {
  color: #e2e8f0; font-size: clamp(15px,1.2vw,17px); line-height: 1.625; margin: 0 0 24px; max-width: 640px;
}
html.md-new .md-chero__facts {
  list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;
}
html.md-new .md-chero__facts li {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 13px; border-radius: 999px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18);
  color: #f1f5f9; font-size: 13px; font-weight: 600; line-height: 1;
}
html.md-new .md-chero__facts li::before { content: '✓'; color: var(--md-orange); font-weight: 800; font-size: 12px; }

/* --- sağ panel: görsel + fiyat + enrol --- */
html.md-new .md-cpanel {
  background: #fff; border: 1px solid rgba(255,255,255,.4); border-radius: 16px;
  overflow: hidden; box-shadow: var(--md-sh-2xl); color: var(--md-text);
}
@media (min-width:1024px){ html.md-new .md-cpanel { position: sticky; top: 96px; } }
html.md-new .md-cpanel__img { aspect-ratio: 16 / 9; background: var(--md-surface-3); }
html.md-new .md-cpanel__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
html.md-new .md-cpanel__body { padding: 20px; }
@media (min-width:640px){ html.md-new .md-cpanel__body { padding: 24px; } }
html.md-new .md-cpanel__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html.md-new .md-cpanel__label { display: block; font-size: 11px; color: var(--md-text-4); margin-bottom: 2px; }
html.md-new .md-cpanel__price {
  display: block; font-size: 30px; font-weight: 800; color: var(--md-navy-dark);
  letter-spacing: -.025em; font-variant-numeric: tabular-nums; line-height: 1.1;
}
html.md-new .md-cpanel__note {
  margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: var(--md-text-3);
}
html.md-new .md-cpanel .md-panel__foot { margin-top: 14px; }

/* --- müfredat bölümü: hero'dan sonra tam genişlik --- */
html.md-new .md-curr { background: var(--md-bg); }
html.md-new .md-curr .course-curriculum__container,
html.md-new .md-curr .section__content { max-width: 1280px; margin: 0 auto; }
html.md-new .md-curr .section__headings { display: none; }
html.md-new .md-curr .md-curr-label {
  max-width: 1280px; margin: 0 auto 16px; padding: 0 16px;
}
@media (min-width:1024px){ html.md-new .md-curr .md-curr-label { padding: 0 32px; } }
html.md-new .md-curr .course-curriculum__container { display: block; }

/* --- fiyat bandı: müfredat sonrası ikinci CTA --- */
html.md-new .pricing-table { background: var(--md-surface); }
html.md-new .pricing-table .pricing-table__wrapper {
  max-width: 1280px; margin: 0 auto;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px;
}
html.md-new .pricing-table .section__headings { margin: 0; max-width: 520px; }
html.md-new .pricing-table .section__subheading { font-size: 15px; margin: 0; }
html.md-new .pricing-table .pricing-table__list { margin: 0; padding: 0; }
html.md-new .pricing-table .pricing-table__list-item {
  display: flex; align-items: center; gap: 20px; padding: 18px 22px; margin: 0;
}
html.md-new .pricing-table .pricing-table__list-item-details__price { margin: 0; font-size: 28px; }
html.md-new .pricing-table .button-primary { width: auto; margin: 0; white-space: nowrap; }

/* --- 390px --- */
@media (max-width:640px) {
  html.md-new .md-chero { padding: 36px 0 40px; }
  html.md-new .md-chero__facts li { font-size: 12px; padding: 6px 11px; }
  html.md-new .md-cpanel__price { font-size: 26px; }
  html.md-new .pricing-table .pricing-table__wrapper { flex-direction: column; align-items: stretch; }
  html.md-new .pricing-table .pricing-table__list-item { flex-direction: column; align-items: stretch; gap: 12px; }
  html.md-new .pricing-table .button-primary { width: 100%; justify-content: center; }
}

/* --- kurs hero'su: alt CTA satırı + katılımcı cümlesi --- */
html.md-new .md-chero__cta { margin-top: 26px; }
html.md-new .md-chero__cta .md-btn { padding: 11px 18px; font-size: 13px; }
html.md-new .md-chero__audience {
  margin: 26px 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12);
  font-size: 13px; color: #cad5e2;
}
/* müfredat etiketi kartla aynı sol hizada --- */
html.md-new .md-curr .md-curr-label { padding: 0; margin-bottom: 14px; }
html.md-new .md-curr .course-curriculum__container { padding-inline: 16px; }
@media (min-width:1024px){ html.md-new .md-curr .course-curriculum__container { padding-inline: 32px; } }

/* ===========================================================
   KURS SAYFASI — tek ızgara: her bölüm aynı 1280px sütunda
   (maketin düzeni; guides'ta 2026-10-13'te yapılanın mağaza karşılığı)
   =========================================================== */
html.md-new .course-landing-page section > div[class$="__container"] {
  max-width: 1280px; width: 100%; margin-inline: auto; padding-inline: 16px;
}
@media (min-width:1024px){
  html.md-new .course-landing-page section > div[class$="__container"] { padding-inline: 32px; }
}
html.md-new .course-landing-page .section__headings {
  max-width: 760px; margin-left: 0 !important; margin-right: auto !important;
  text-align: left !important; margin-bottom: 24px;
}
html.md-new .course-landing-page .section__heading,
html.md-new .course-landing-page .section__subheading { text-align: left !important; }
html.md-new .course-landing-page .section__heading:not(.md-chero__title) {
  font-size: clamp(22px,2.3vw,30px); font-weight: 800; margin: 0;
}
html.md-new .course-landing-page .section__content,
html.md-new .course-landing-page .section__body {
  max-width: none; margin-left: 0 !important; margin-right: 0 !important;
}
/* düz metin bölümleri: okunabilir sütun */
html.md-new .course-landing-page .rich-text__container .section__content,
html.md-new .course-landing-page .rich-text__container .section__body { max-width: 760px; }
html.md-new .course-landing-page .rich-text p { font-size: 15px; line-height: 1.75; }

/* bölüm ritmi: beyaz / açık gri dönüşümlü */
html.md-new .course-landing-page section.section-height__medium { padding-block: 56px; }
@media (min-width:1024px){
  html.md-new .course-landing-page section.section-height__medium { padding-block: 72px; }
}
html.md-new .course-landing-page .rich-text { background: var(--md-surface); }
html.md-new .course-landing-page .checklist,
html.md-new .course-landing-page .text-icon { background: var(--md-bg); }

/* müfredat satırları: daha sıkı */
html.md-new .md-curr .course-curriculum__chapter-lesson {
  padding: 11px 0; font-size: 14px; display: flex; align-items: center; gap: 12px;
}
html.md-new .md-curr .course-curriculum__lesson-title p { margin: 0; font-size: 14px; }
html.md-new .md-curr .course-curriculum__chapter-lesson--free {
  background: var(--md-orange); color: #fff; font-size: 10px; font-weight: 700;
  letter-spacing: .04em; padding: 3px 8px; border-radius: 4px; margin-left: 10px;
}

/* fiyat bandı: hero ile aynı sol hiza */
html.md-new .pricing-table .pricing-table__wrapper { max-width: none; }
html.md-new .pricing-table .section__headings { margin-bottom: 0 !important; }

/* "Training a team?" bandı: dar sütun sorunu */
html.md-new .call-to-action .call-to-action__container { text-align: center; }
html.md-new .call-to-action .section__headings { max-width: 720px; margin-inline: auto !important; text-align: center !important; }
html.md-new .call-to-action .section__heading,
html.md-new .call-to-action .section__subheading { text-align: center !important; }
html.md-new .call-to-action .section__content,
html.md-new .call-to-action .section__body { max-width: 720px; margin-inline: auto !important; }
html.md-new .call-to-action .section__button-group { justify-content: center !important; }

/* SSS: tam genişlik tek sütun */
html.md-new .faq .faq__container .section__content { max-width: 880px; }

/* sarmalayıcılar: ortalama/negatif marj/yarım genişlik temizliği (kurs sayfası) */
html.md-new .course-landing-page section > div[class$="__container"] > div[class$="__wrapper"] {
  max-width: none; width: 100%; margin-inline: 0;
  justify-content: flex-start; align-items: stretch;
}
html.md-new .course-landing-page .call-to-action__container > div[class$="__wrapper"] {
  justify-content: center; align-items: center;
}

/* tek sol hiza: iç padding'leri konteynere devret + flex-basis sıfırla */
html.md-new .course-landing-page section > div[class$="__container"] {
  justify-content: flex-start;
}
html.md-new .course-landing-page section > div[class$="__container"] > div[class$="__wrapper"] {
  flex: 1 1 auto;
}
html.md-new .course-landing-page .section__headings,
html.md-new .course-landing-page .section__content,
html.md-new .course-landing-page .section__body { padding-inline: 0; }
html.md-new .course-landing-page .faq__wrapper { padding-inline: 0; }
html.md-new .course-landing-page .call-to-action__container { justify-content: center; }

/* --- fiyat bandı (müfredat sonrası ikinci CTA): tek satır kart --- */
html.md-new .course-landing-page .pricing-table__wrapper {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px;
  background: var(--md-surface-2); border: 1px solid var(--md-border); border-radius: 16px;
  padding: 22px 26px; box-shadow: var(--md-sh-xs);
}
html.md-new .course-landing-page .pricing-table__wrapper > .section__headings {
  flex: 1 1 320px; max-width: 560px; margin: 0 !important;
}
html.md-new .course-landing-page .pricing-table__wrapper > .section__content {
  flex: 0 0 auto; max-width: none; width: auto;
}
html.md-new .course-landing-page .pricing-table .pricing-table__list-item {
  display: flex; align-items: center; gap: 22px;
  background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0;
}
html.md-new .course-landing-page .pricing-table .section__subheading { font-size: 15px; margin: 0; }

/* --- eğitmen kartı: sol hizalı, tek sütun --- */
html.md-new .course-landing-page .instructor__list { display: block; }
html.md-new .course-landing-page .instructor__list-item { max-width: 880px; margin: 0; }

/* tek eğitmen: owl carousel düzleştirilir */
html.md-new .instructor__list.md-single .owl-stage-outer { overflow: visible; }
html.md-new .instructor__list.md-single .owl-stage { transform: none !important; width: auto !important; }
html.md-new .instructor__list.md-single .owl-item { width: auto !important; }
html.md-new .instructor__list.md-single .owl-nav,
html.md-new .instructor__list.md-single .owl-dots { display: none; }
html.md-new .course-landing-page .instructor__avatar-img { max-width: 260px; width: 100%; height: auto; }
html.md-new .course-landing-page .instructor__list-item { gap: 24px; align-items: flex-start; padding: 24px; }

/* eğitmen kartı: fotoğraf solda sabit, biyografi sağda */
html.md-new .course-landing-page .instructor__list-item { flex-wrap: nowrap; }
html.md-new .course-landing-page .instructor__avatar { flex: 0 0 240px; order: 0; max-width: 240px; }
html.md-new .course-landing-page .instructor__profile { flex: 1 1 auto; order: 1; min-width: 0; }
@media (max-width: 640px) {
  html.md-new .course-landing-page .instructor__list-item { flex-wrap: wrap; }
  html.md-new .course-landing-page .instructor__avatar { flex: 1 1 100%; max-width: 200px; }
}
html.md-new .course-landing-page .instructor__list-item { justify-content: flex-start; }
html.md-new .course-landing-page .instructor__avatar { display: flex; justify-content: flex-start; }
html.md-new .course-landing-page .instructor__avatar-img { margin: 0; }

/* --- önerilen kurslar: ana sayfadaki kart ızgarasıyla aynı --- */
html.md-new .course-landing-page .course-cards .products__list {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0; padding: 0; list-style: none;
}
@media (max-width: 1023px){ html.md-new .course-landing-page .course-cards .products__list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { html.md-new .course-landing-page .course-cards .products__list { grid-template-columns: 1fr; } }
html.md-new .course-landing-page .course-cards .products__list-item { padding-bottom: 0; width: auto; max-width: none; }
html.md-new .course-landing-page .course-cards .card__footer,
html.md-new .course-landing-page .course-cards .card__purchase { padding: 0 20px 20px; }
html.md-new .course-landing-page .course-cards .card__purchase .button,
html.md-new .course-landing-page .course-cards .card__footer .button {
  width: 100%; justify-content: center; padding: 9px 16px; font-size: 13px; box-shadow: none;
}

/* bölüm etiketi sayfaya göre --- */
html.md-new .course-landing-page .course-cards .section__headings::before { content: 'MORE COURSES'; }

/* --- avantajlar: kart görünümü --- */
html.md-new .course-landing-page .text-icon__list {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0; padding: 0; list-style: none;
}
@media (max-width: 860px){ html.md-new .course-landing-page .text-icon__list { grid-template-columns: 1fr; } }
html.md-new .course-landing-page .text-icon__list-item {
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 16px;
  padding: 24px; text-align: left; box-shadow: var(--md-sh-xs); margin: 0;
}
html.md-new .course-landing-page .text-icon__list-item i { font-size: 20px; color: var(--md-orange); margin-bottom: 12px; display: block; }
html.md-new .course-landing-page .text-icon__list-item h3,
html.md-new .course-landing-page .text-icon__list-item .section__heading--secondary {
  font-size: 16px; font-weight: 700; color: var(--md-navy-dark); margin: 0 0 8px; text-align: left;
}
html.md-new .course-landing-page .text-icon__list-item p { font-size: 13px; line-height: 1.6; color: var(--md-text-2); margin: 0; text-align: left; }

/* öne çıkan kart da aynı ızgarada --- */
html.md-new .course-landing-page .course-cards__featured-list-item { padding-bottom: 0; width: auto; max-width: none; }
html.md-new .course-landing-page .course-cards .products__list > li { display: flex; }
html.md-new .course-landing-page .course-cards .card { width: 100%; }
html.md-new .course-landing-page .course-cards .section__button-group { margin-top: 32px; justify-content: flex-start; }
html.md-new .course-landing-page .course-cards .button-secondary {
  background: #fff; color: var(--md-navy-dark); border: 1px solid var(--md-border);
  box-shadow: none; font-size: 13px; padding: 10px 18px;
}
html.md-new .course-landing-page .course-cards .button-secondary:hover { background: var(--md-surface-2); color: var(--md-orange); border-color: var(--md-border); }

/* öne çıkan kartın satın alma düğmesi: kartın altında tam genişlik */
html.md-new .card--featured .card__button {
  display: flex; width: 100%; justify-content: center; margin: 14px 0 0;
  padding: 10px 16px; font-size: 13px; box-shadow: none;
}
html.md-new .card--featured .card__body-container { padding-bottom: 20px; }

/* --- zengin metin tabloları (Course facts) --- */
html.md-new .rich-text table {
  width: 100%; max-width: 760px; border-collapse: separate; border-spacing: 0;
  border: 1px solid var(--md-border); border-radius: 12px; overflow: hidden;
  background: var(--md-surface); font-size: 14px; margin: 16px 0 24px;
}
html.md-new .rich-text table th,
html.md-new .rich-text table td {
  padding: 12px 16px; text-align: left; vertical-align: top;
  border-bottom: 1px solid var(--md-border-in); line-height: 1.6; color: var(--md-text-2);
}
html.md-new .rich-text table tr:last-child th,
html.md-new .rich-text table tr:last-child td { border-bottom: 0; }
html.md-new .rich-text table th {
  width: 220px; background: var(--md-surface-2);
  font-weight: 700; color: var(--md-navy-dark);
  border-right: 1px solid var(--md-border-in);
}
html.md-new .rich-text h3 { font-size: 16px; font-weight: 700; color: var(--md-navy-dark); margin: 24px 0 8px; }
html.md-new .rich-text ul, html.md-new .rich-text ol { font-size: 15px; line-height: 1.75; color: var(--md-text-2); }

/* kurs hero: mevzuat referans satırı --- */
html.md-new p.md-chero__ref, html.md-new .md-chero__ref {
  margin: 0 0 14px; font-family: var(--md-mono); font-size: 13px; font-weight: 500;
  color: var(--md-orange); line-height: 1.5; text-align: left !important; max-width: 640px;
}

/* --- 390px: fiyat bandı + müfredat aralığı --- */
@media (max-width: 640px) {
  html.md-new .course-landing-page .pricing-table__wrapper {
    flex-direction: column; align-items: stretch; gap: 16px; padding: 20px;
  }
  html.md-new .course-landing-page .pricing-table__wrapper > .section__headings,
  html.md-new .course-landing-page .pricing-table__wrapper > .section__content {
    flex: 0 0 auto; width: 100%; max-width: none; height: auto; min-height: 0;
  }
  html.md-new .course-landing-page .pricing-table .pricing-table__list { display: block; height: auto; min-height: 0; }
  html.md-new .course-landing-page .pricing-table .pricing-table__list-item {
    flex-direction: row; align-items: center; justify-content: space-between;
    gap: 14px; height: auto; min-height: 0; flex-wrap: wrap;
  }
  html.md-new .course-landing-page .pricing-table .pricing-table__list-item-details { flex: 0 0 auto; }
  html.md-new .course-landing-page .pricing-table__list-item-details__price { font-size: 24px; white-space: nowrap; }
  html.md-new .course-landing-page .pricing-table .button-primary { flex: 0 0 auto; width: auto; }
  html.md-new .course-landing-page section.section-height__medium { padding-block: 40px; }
  html.md-new .md-curr .md-curr-label { margin-bottom: 10px; }
}

/* bölüm dikey ritmi tek yerden: konteyner kendi dikey padding'ini bırakır */
html.md-new .course-landing-page section > div[class$="__container"] { padding-block: 0; }

/* --- hero sağ kart: sertifika önizlemesi --- */
html.md-new .md-cert__shot {
  margin: 14px 0 12px; border-radius: 12px; overflow: hidden;
  border: 1px solid var(--md-border); background: var(--md-surface-3); line-height: 0;
  aspect-ratio: 16 / 10;
}
html.md-new .md-cert__shot img {
  width: 100%; height: 100%; display: block;
  object-fit: cover; object-position: top center;
}
html.md-new .md-cert__facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
html.md-new .md-cert__facts li {
  display: flex; gap: 8px; align-items: flex-start;
  font-size: 12.5px; line-height: 1.5; color: var(--md-text-2);
}
html.md-new .md-cert__facts li::before { content: '✓'; color: var(--md-orange); font-weight: 800; }
html.md-new .md-cert__buy {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--md-border-in);
}
html.md-new .md-cert__buy strong {
  font-size: 20px; font-weight: 800; color: var(--md-navy-dark);
  letter-spacing: -.02em; font-variant-numeric: tabular-nums;
}
html.md-new .md-panel__foot a.md-ok { text-decoration: none; }
html.md-new .md-panel__foot a.md-ok:hover { color: var(--md-orange); }

/* --- rozet noktası: Airbus strobe'u gibi çift çakma --- */
@keyframes md-strobe {
  0%, 4%   { opacity: 1;   box-shadow: 0 0 7px 2px rgba(0,153,102,.85), 0 0 2px 0 rgba(0,153,102,1); }
  7%, 13%  { opacity: .22; box-shadow: none; }
  16%, 20% { opacity: 1;   box-shadow: 0 0 7px 2px rgba(0,153,102,.85), 0 0 2px 0 rgba(0,153,102,1); }
  24%,100% { opacity: .22; box-shadow: none; }
}
html.md-new .md-pill i { animation: md-strobe 2s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  html.md-new .md-pill i { animation: none; opacity: 1; }
}

/* hero alt etiket satırı (turuncu) */
html.md-new .md-audience--label {
  color: var(--md-orange); font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .05em;
}

/* sertifika kartı CTA: tam genişlik değil, ortalanmış dar buton */
html.md-new .md-cert__cta { display: flex; justify-content: center; margin-top: 16px; }
html.md-new .md-cert__cta .md-btn { padding: 11px 22px; font-size: 13px; box-shadow: var(--md-sh-sm); }

/* --- hero alt şerit: etiket + kayan ülke bayrakları --- */
html.md-new .md-audience--row {
  display: flex; align-items: center; gap: 20px; min-width: 0;
}
html.md-new .md-audience--row .md-audience--label {
  flex: 0 0 auto; color: var(--md-orange); font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .05em; line-height: 1.3;
}
html.md-new .md-flags {
  flex: 1 1 auto; min-width: 0; overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
          mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
}
html.md-new .md-flags__track {
  display: flex; align-items: center; gap: 28px; width: max-content;
  animation: md-marquee 70s linear infinite;
}
html.md-new .md-flags:hover .md-flags__track { animation-play-state: paused; }
html.md-new .md-flag { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
html.md-new .md-flag img {
  width: 20px; height: 15px; border-radius: 2px; display: block;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25);
}
html.md-new .md-flag em {
  font-style: normal; font-size: 13px; font-weight: 500; color: #e2e8f0; line-height: 1;
}
@keyframes md-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  html.md-new .md-flags__track { animation: none; }
  html.md-new .md-flags { overflow-x: auto; scrollbar-width: none; }
  html.md-new .md-flags::-webkit-scrollbar { display: none; }
}
@media (max-width: 860px) {
  html.md-new .md-audience--row { flex-direction: column; align-items: flex-start; gap: 12px; }
  html.md-new .md-flags { width: 100%; }
}

/* --- ana sayfa: bölüm dikey ritmi tek yerden (konteynerin kendi padding'i kalkar) --- */
html.md-new .home-landing-page section:not(.banner) > div[class*="__container"] { padding-block: 0; }
/* tema 'section content background' kutusu: avantajlar bölümünde gri slab
   + 96px iç boşluk bırakıyordu; kartlar zaten kendi zeminini taşıyor */
html.md-new .bonus .section__content { background: transparent; padding: 0; }
html.md-new .home-landing-page .course-cards .section__headings,
html.md-new .home-landing-page .bonus .section__headings { margin-bottom: 32px; }

/* --- katalog arama + filtreler: arama başlığın altında tam genişlik --- */
html.md-new .md-filters {
  display: block; margin: 0 0 32px; padding-bottom: 0; border-bottom: 0;
}
html.md-new .md-filters .md-search {
  position: relative; display: block; width: 100%; margin-bottom: 20px;
}
html.md-new .md-filters .md-search__icon {
  position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
  width: 19px; height: 19px; fill: none; stroke: var(--md-text-4);
  stroke-width: 2; stroke-linecap: round; pointer-events: none;
}
html.md-new .md-filters .md-search input {
  width: 100%; min-width: 0; height: 56px;
  padding: 0 52px 0 50px;
  background: #fff; border: 1px solid var(--md-border); border-radius: 14px;
  font-size: 15px; color: var(--md-text); box-shadow: var(--md-sh-sm);
  transition: border-color .15s ease, box-shadow .15s ease;
}
html.md-new .md-filters .md-search input::placeholder { color: var(--md-text-4); }
html.md-new .md-filters .md-search input::-webkit-search-cancel-button { display: none; }
html.md-new .md-filters .md-search input:focus {
  outline: none; border-color: var(--md-orange);
  box-shadow: 0 0 0 3px rgba(239,139,52,.18), var(--md-sh-sm);
}
html.md-new .md-filters .md-search:focus-within .md-search__icon { stroke: var(--md-orange); }
html.md-new .md-search__clear {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  display: none; align-items: center; justify-content: center;
  width: 28px; height: 28px; border: 0; border-radius: 999px;
  background: var(--md-surface-3); color: var(--md-text-3);
  font-size: 18px; line-height: 1; cursor: pointer;
}
html.md-new .md-filters.has-text .md-search__clear { display: flex; }
html.md-new .md-search__clear:hover { background: var(--md-border); color: var(--md-navy-dark); }
html.md-new .md-filters__pills { flex-wrap: wrap; gap: 8px; }
@media (max-width: 640px) {
  html.md-new .md-filters .md-search input { height: 50px; font-size: 14px; padding: 0 46px 0 44px; }
  html.md-new .md-filters__pills { flex-wrap: nowrap; overflow-x: auto; }
}

/* --- kart puan satırı: gerçek puan (kısmi dolu yıldızlar) --- */
html.md-new .md-rating--score { gap: 7px; }
html.md-new .md-rating--score strong {
  font-size: 12.5px; font-weight: 700; color: var(--md-navy-dark);
  font-variant-numeric: tabular-nums; letter-spacing: -.01em;
}
html.md-new .md-rating--score .md-stars {
  position: relative; display: inline-block; color: rgba(239,139,52,.22); white-space: nowrap;
}
html.md-new .md-rating--score .md-stars i {
  position: absolute; left: 0; top: 0; overflow: hidden;
  color: var(--md-orange); font-style: normal; white-space: nowrap; letter-spacing: 1.5px;
}
html.md-new .md-rating--score .md-rating__text {
  font-size: 12px; font-weight: 500; color: var(--md-text-4); font-variant-numeric: tabular-nums;
}

/* ===========================================================
   ANA SAYFA — "Technical aviation training for EASA & UK CAA
   compliance": mevzuat → kime uygulanır matrisi.
   Thinkific zengin-metin bölümü (6Jaj2rJf_) yeniden düzenlenir;
   özgün cümleler ve linkler korunur, üzerine "kime uygulanır" ve
   "döngü" sütunları eklenir. Üstteki kart ızgaralarından kasıtlı
   olarak farklı: referans tablosu dili.
   =========================================================== */
html.md-new .md-rulemap { background: var(--md-surface); }
html.md-new .md-rulemap .rich-text__container {
  max-width: 1280px; width: 100%; margin-inline: auto; padding-inline: 16px;
}
@media (min-width: 1024px) { html.md-new .md-rulemap .rich-text__container { padding-inline: 32px; } }
html.md-new .md-rulemap .rich-text__wrapper { display: block; padding-inline: 0; margin-inline: 0; width: 100%; }
html.md-new .md-rulemap .section__content,
html.md-new .md-rulemap .section__body { max-width: none; width: 100%; margin: 0; padding-inline: 0; }

/* başlık: diğer bölümlerden daha hafif ve geniş — iki satıra kırılmıyor */
html.md-new .md-rulemap .section__headings {
  max-width: 1000px; width: 100%; margin: 0 0 10px; padding-inline: 0; text-align: left;
}
html.md-new .md-rulemap .section__headings::before {
  content: 'TRAINING BY REGULATION'; display: block; margin-bottom: 10px;
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--md-orange);
}
html.md-new .md-rulemap .section__heading {
  text-align: left; font-size: clamp(22px, 2vw, 30px); font-weight: 700;
  color: var(--md-navy); letter-spacing: -.015em;
}
html.md-new .md-rulemap__intro {
  max-width: 920px; margin: 0 0 40px;
  font-size: 15px; line-height: 1.7; color: var(--md-text-3);
}

/* matris */
html.md-new .md-matrix {
  border: 1px solid var(--md-border); border-radius: 16px; overflow: hidden;
  background: var(--md-surface);
}
html.md-new .md-matrix__head,
html.md-new .md-matrix__row {
  display: grid;
  grid-template-columns: minmax(190px, 236px) minmax(0, 1.25fr) minmax(0, 1fr) 196px;
  gap: 26px;
}
html.md-new .md-matrix__head {
  padding: 14px 28px; background: var(--md-surface-3);
  border-bottom: 1px solid var(--md-border);
}
html.md-new .md-matrix__head span {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  color: var(--md-text-4);
}
html.md-new .md-matrix__row {
  padding: 22px 28px; border-top: 1px solid var(--md-border-in);
  transition: background .15s ease;
}
html.md-new .md-matrix__row:first-of-type { border-top: 0; }
html.md-new .md-matrix__row:hover { background: var(--md-surface-2); }

html.md-new .md-matrix__chip {
  display: inline-block; margin-bottom: 8px;
  font-family: var(--md-mono); font-size: 11.5px; font-weight: 600; line-height: 1.3;
  color: var(--md-orange); background: rgba(239,139,52,.08);
  border: 1px solid rgba(239,139,52,.24); border-radius: 999px; padding: 4px 10px;
}
html.md-new h3.md-matrix__title {
  margin: 0; font-size: 16px; font-weight: 700; line-height: 1.35;
  letter-spacing: -.01em; color: var(--md-navy-dark);
}
html.md-new p.md-matrix__body,
html.md-new p.md-matrix__who { margin: 0; font-size: 14px; line-height: 1.65; }
html.md-new p.md-matrix__body { color: var(--md-text-2); }
html.md-new p.md-matrix__who { color: var(--md-text-3); }
html.md-new .md-matrix__body::first-letter { text-transform: capitalize; }
html.md-new .md-matrix__body a {
  color: var(--md-navy); font-weight: 600; text-decoration: underline;
  text-decoration-thickness: 1px; text-underline-offset: 3px;
  text-decoration-color: rgba(32,79,153,.32);
  transition: color .15s ease, text-decoration-color .15s ease;
}
html.md-new .md-matrix__body a:hover { color: var(--md-orange); text-decoration-color: var(--md-orange); }
/* "how often" hücresi: aralık (okunur) + clause (alıntılanabilir) + kısa not */
html.md-new .md-matrix__cell--cycle { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
html.md-new .md-matrix__every {
  font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--md-navy-dark);
}
html.md-new .md-matrix__basis {
  font-family: var(--md-mono); font-size: 11px; font-weight: 500; line-height: 1.4;
  color: var(--md-orange); background: rgba(239,139,52,.08);
  border-radius: 6px; padding: 4px 8px;
}
html.md-new .md-matrix__cnote { font-size: 12.5px; line-height: 1.5; color: var(--md-text-4); }

/* alt not */
html.md-new .md-rulemap__note {
  display: flex; align-items: flex-start; gap: 12px; margin-top: 20px;
  padding: 16px 20px; background: var(--md-bg);
  border-left: 3px solid var(--md-orange); border-radius: 0 12px 12px 0;
}
html.md-new .md-rulemap__note p { margin: 0; font-size: 14px; line-height: 1.65; color: var(--md-text-2); }
html.md-new .md-rulemap__note a { color: var(--md-navy); font-weight: 700; }
html.md-new .md-rulemap__note a:hover { color: var(--md-orange); }
html.md-new svg.md-rulemap__note-ic { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; color: var(--md-navy-dark); }

/* dar ekran: tablo yığılır, sütun etiketleri satır içine gelir */
@media (max-width: 1023px) {
  html.md-new .md-matrix__head { display: none; }
  html.md-new .md-matrix__row { grid-template-columns: 1fr; gap: 14px; padding: 22px 20px; }
  html.md-new .md-matrix__cell[data-label]::before {
    content: attr(data-label); display: block; margin-bottom: 4px;
    font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
    color: var(--md-text-4);
  }
}
@media (max-width: 640px) {
  html.md-new .md-rulemap__intro { font-size: 14.5px; margin-bottom: 28px; }
  html.md-new .md-matrix { border-radius: 14px; }
  html.md-new h3.md-matrix__title { font-size: 15.5px; }
}

/* --- sayfa genelinde tek sol/sağ kenar: 1280 konteyner + 32px iç boşluk --- */
@media (min-width: 1024px) {
  html.md-new .home-landing-page .course-cards__container,
  html.md-new .home-landing-page .bonus__container,
  html.md-new .home-landing-page .testimonials__container { padding-inline: 32px; }
}
html.md-new .home-landing-page .testimonials__container { max-width: 1280px; margin-inline: auto; }

/* "kime uygulanır" içindeki vurgu (ör. not qualified to Part-66) */
html.md-new p.md-matrix__who strong { font-weight: 700; color: var(--md-text-2); }
/* düzenleme bazında etiket: PART-145 / PART-CAMO / PART-CAO */
html.md-new .md-matrix__org {
  display: block; margin: 12px 0 3px;
  font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: var(--md-navy);
}
html.md-new .md-matrix__org:first-child { margin-top: 0; }

/* ===========================================================
   ANA SAYFA — grup siparişi (tema .bonus bölümü).
   Sayfadaki tek koyu bant. Kart yok: numaralı adım rayı.
   =========================================================== */
html.md-new .md-why { position: relative; background: var(--md-navy-dark); border-bottom: 0; }
html.md-new .md-why::before {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(760px 380px at 82% -10%, rgba(239,139,52,.20), transparent 62%),
    radial-gradient(520px 320px at 8% 110%, rgba(32,79,153,.55), transparent 60%),
    linear-gradient(rgba(13,54,117,.45), rgba(9,34,75,.95));
}
html.md-new .md-why > * { position: relative; z-index: 1; }
html.md-new .md-why .bonus__container { max-width: 1280px; margin-inline: auto; }

html.md-new .md-why .section__headings { max-width: 820px; margin-bottom: 56px !important; }
html.md-new .md-why .section__headings::before {
  content: 'TEAM ORDERS' !important; color: var(--md-orange);
  letter-spacing: .14em !important; font-size: 11px !important;
}
html.md-new .md-why .section__heading {
  color: #fff !important; font-size: clamp(28px, 3.4vw, 44px) !important;
  font-weight: 800; letter-spacing: -.035em; line-height: 1.08;
}
html.md-new .md-why .section__content { background: transparent; padding: 0; }

/* --- numaralı ray --- */
html.md-new ol.md-why__steps {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: 1fr; gap: 36px;
}
@media (min-width: 900px) {
  html.md-new ol.md-why__steps { grid-template-columns: repeat(3, 1fr); gap: 48px; }
}
html.md-new li.md-why__step { position: relative; margin: 0; padding: 0; }

html.md-new .md-why__n {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 50%;
  font-family: var(--md-mono); font-size: 14px; font-weight: 600; letter-spacing: .02em;
  color: var(--md-orange); background: rgba(239,139,52,.12);
  border: 1px solid rgba(239,139,52,.42);
  box-shadow: 0 0 0 6px rgba(239,139,52,.06);
}
/* adımları birleştiren ince çizgi (yalnız geniş ekran) */
@media (min-width: 900px) {
  html.md-new li.md-why__step:not(:last-child)::after {
    content: ''; position: absolute; top: 23px; left: 62px; right: -48px; height: 1px;
    background: linear-gradient(90deg, rgba(239,139,52,.45), rgba(255,255,255,.10));
  }
}
html.md-new .md-why__body { margin-top: 22px; max-width: 34ch; }
html.md-new h3.md-why__title {
  margin: 0 0 10px; font-size: clamp(19px, 1.7vw, 23px); font-weight: 800;
  line-height: 1.2; letter-spacing: -.028em; color: #fff;
}
html.md-new .md-why__text {
  margin: 0; font-size: 14.5px; line-height: 1.6; color: rgba(255,255,255,.64);
}

@media (max-width: 899px) {
  html.md-new li.md-why__step { display: grid; grid-template-columns: 46px 1fr; gap: 18px; align-items: start; }
  html.md-new .md-why__body { margin-top: 0; max-width: none; }
  html.md-new li.md-why__step:not(:last-child)::after {
    content: ''; position: absolute; left: 23px; top: 54px; bottom: -32px; width: 1px;
    background: linear-gradient(180deg, rgba(239,139,52,.4), rgba(255,255,255,.08));
  }
}
@media (max-width: 640px) {
  html.md-new .md-why .section__headings { margin-bottom: 40px !important; }
  html.md-new ol.md-why__steps { gap: 30px; }
}

/* "neden MOST.AERO" alt CTA'sı */
html.md-new .md-why__cta {
  display: flex; align-items: center; gap: 22px; flex-wrap: wrap;
  margin-top: 52px; padding-top: 36px; border-top: 1px solid rgba(255,255,255,.10);
}
html.md-new .md-why__alt {
  font-size: 14px; font-weight: 600; color: rgba(255,255,255,.78); text-decoration: none;
  transition: color .15s ease;
}
html.md-new .md-why__alt:hover { color: var(--md-orange); }
@media (max-width: 640px) {
  html.md-new .md-why__cta { flex-direction: column; align-items: stretch; gap: 14px; }
  html.md-new .md-why__cta .md-btn { width: 100%; justify-content: center; }
  html.md-new .md-why__alt { text-align: center; }
}

/* hesaplayıcı: birincil düğmenin altındaki ikinci yol */
html.md-new .md-calc__alt {
  display: block; margin-top: 12px; text-align: center;
  font-size: 13.5px; font-weight: 600; color: var(--md-navy);
  text-decoration: none; transition: color .15s ease;
}
html.md-new .md-calc__alt:hover { color: var(--md-orange); }

/* ===========================================================
   FOOTER — dört sütun + alt künye şeridi
   =========================================================== */
html.md-new .md-foot { background: var(--md-footer); color: rgba(255,255,255,.62); padding: 64px 0 0; }
html.md-new .md-foot__grid { display: grid; grid-template-columns: 1fr; gap: 40px; }
@media (min-width: 720px)  { html.md-new .md-foot__grid { grid-template-columns: repeat(2, 1fr); gap: 44px 40px; } }
@media (min-width: 1024px) { html.md-new .md-foot__grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 56px 40px; } }

html.md-new .md-foot__brand { max-width: 360px; }
/* logonun altyazısı koyu renk; lacivert zeminde okunmuyor → beyaz kontra */
html.md-new img.md-foot__logo {
  display: block; height: 54px; width: auto; margin-bottom: 20px;
  filter: brightness(0) invert(1); opacity: .92;
}
html.md-new .md-foot__name { font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 16px; letter-spacing: -.02em; }
html.md-new p.md-foot__pitch { margin: 0 0 18px; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.6); }
html.md-new .md-foot__mail {
  display: inline-block; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none;
  border-bottom: 1px solid rgba(239,139,52,.6); padding-bottom: 2px; transition: color .15s ease;
}
html.md-new .md-foot__brand > a.md-foot__mail { margin-bottom: 4px; }
html.md-new .md-foot__li { clear: both; }
html.md-new .md-foot__mail:hover { color: var(--md-orange); }
html.md-new .md-foot__li {
  display: flex; align-items: center; justify-content: center; margin-top: 22px;
  width: 38px; height: 38px; border-radius: 10px; color: rgba(255,255,255,.75);
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14);
  transition: all .18s ease;
}
html.md-new .md-foot__li svg { width: 18px; height: 18px; }
html.md-new .md-foot__li:hover { color: #fff; background: rgba(239,139,52,.9); border-color: transparent; }

html.md-new .md-foot__col h4 {
  margin: 0 0 16px; font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .12em; color: var(--md-orange);
}
html.md-new .md-foot__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
html.md-new .md-foot__col a {
  font-size: 14px; line-height: 1.45; color: rgba(255,255,255,.66); text-decoration: none;
  transition: color .15s ease;
}
html.md-new .md-foot__col a:hover { color: #fff; }

html.md-new .md-foot__bar {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;
  margin-top: 56px; padding-top: 24px; padding-bottom: 32px;
  border-top: 1px solid rgba(255,255,255,.10);
}
html.md-new p.md-foot__legal,
html.md-new p.md-foot__note { margin: 0; font-size: 12.5px; line-height: 1.55; color: rgba(255,255,255,.45); }

@media (max-width: 640px) {
  html.md-new .md-foot { padding-top: 48px; }
  html.md-new .md-foot__bar { margin-top: 40px; flex-direction: column; align-items: flex-start; }
}

/* ===========================================================
   KURS KARTI — ücretsiz önizleme + müfredat düğmeleri
   =========================================================== */
html.md-new .md-cardacts {
  display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
  margin: 0 20px 18px; padding-top: 14px; border-top: 1px solid var(--md-border-in);
}
html.md-new .md-cardbtn {
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  font-size: 12.5px; font-weight: 700; line-height: 1; white-space: nowrap;
  padding: 9px 12px; border-radius: 8px; transition: all .16s ease;
}
html.md-new .md-cardbtn--prev {
  color: var(--md-navy-dark); background: var(--md-surface-3); border: 1px solid var(--md-border);
}
html.md-new .md-cardbtn--prev:hover { background: var(--md-surface-2); border-color: var(--md-navy); }
/* hero'daki turuncu daireli play ikonu kartta uygun değil: düz glif */
html.md-new .md-cardbtn .md-play,
html.md-new .md-modal__acts .md-play {
  width: auto; height: auto; background: none; border-radius: 0;
  color: var(--md-orange); font-size: 9px; line-height: 1;
}
html.md-new .md-cardbtn--prev.is-busy { opacity: .55; pointer-events: none; }
html.md-new .md-cardbtn--info {
  color: var(--md-navy-dark); background: var(--md-surface-3); border: 1px solid var(--md-border);
}
html.md-new svg.md-cardbtn__ic { width: 14px; height: 14px; color: var(--md-orange); }
/* kendi 'Enrol now' düğmemiz varken tema'nın Purchase düğmesi tekrar oluyor */
html.md-new .card.md-card-acts .card__button { display: none !important; }
/* tek tıkla ödeme */
html.md-new .md-cardbtn--buy {
  /* fiyatın yanındaki boşluğu doldursun: sağ kenarı kartın iç kenarına otursun */
  flex: 1 1 auto; max-width: 210px; justify-content: center;
  color: #fff; background: var(--md-orange); border: 1px solid var(--md-orange);
  padding: 12px 18px; font-size: 13px; box-shadow: var(--md-sh-xs);
}
html.md-new .md-cardbtn--buy:hover {
  background: var(--md-orange-h); border-color: var(--md-orange-h); transform: translateY(-1px);
}
html.md-new .md-cardbtn--buy.is-busy { opacity: .6; pointer-events: none; }
html.md-new .md-cardbtn--buy span { font-weight: 700; }
html.md-new .md-cardbtn--info:hover { background: var(--md-surface-2); border-color: var(--md-navy); }

/* ===========================================================
   MÜFREDAT PENCERESİ — sayfa içinde (window.open yok)
   =========================================================== */
html.md-new .md-modal { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; }
html.md-new .md-modal[hidden] { display: none; }
html.md-new .md-modal__back {
  position: absolute; inset: 0; background: rgba(9,34,75,.55);
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
  opacity: 0; transition: opacity .18s ease;
}
html.md-new .md-modal.is-open .md-modal__back { opacity: 1; }
html.md-new .md-modal__box {
  position: relative; width: min(640px, calc(100vw - 32px)); max-height: min(86vh, 760px);
  overflow: auto; padding: 32px; border-radius: 18px;
  background: var(--md-surface); box-shadow: var(--md-sh-2xl);
  transform: translateY(12px) scale(.985); opacity: 0; transition: all .2s ease;
}
html.md-new .md-modal.is-open .md-modal__box { transform: none; opacity: 1; }
html.md-new .md-modal__x {
  position: absolute; top: 14px; right: 14px; width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  border: 0; border-radius: 9px; background: transparent; cursor: pointer;
  font-size: 24px; line-height: 1; color: var(--md-text-4); transition: all .15s ease;
}
html.md-new .md-modal__x:hover { background: var(--md-surface-3); color: var(--md-navy-dark); }
html.md-new .md-modal__ref {
  font-family: var(--md-mono); font-size: 12px; font-weight: 600; color: var(--md-orange); margin-bottom: 8px;
}
html.md-new h3.md-modal__title {
  margin: 0 0 10px; padding-right: 36px; font-size: 21px; font-weight: 800;
  line-height: 1.25; letter-spacing: -.022em; color: var(--md-navy-dark);
}
html.md-new .md-modal__meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }
html.md-new .md-modal__cat {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--md-text-4);
}
html.md-new p.md-modal__desc { margin: 0 0 22px; font-size: 14.5px; line-height: 1.65; color: var(--md-text-2); }
html.md-new .md-modal__syl { padding-top: 20px; border-top: 1px solid var(--md-border-in); }
html.md-new .md-modal__syl h4 {
  margin: 0 0 14px; font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .1em; color: var(--md-orange);
}
html.md-new .md-modal__list.is-loading { font-size: 14px; color: var(--md-text-4); }
html.md-new .md-modal__list ol { margin: 0; padding: 0; list-style: none; counter-reset: syl; display: grid; gap: 9px; }
html.md-new .md-modal__list li {
  counter-increment: syl; display: grid; grid-template-columns: 26px 1fr; gap: 10px; align-items: start;
  font-size: 14px; line-height: 1.5; color: var(--md-text-2);
}
html.md-new .md-modal__list li::before {
  content: counter(syl, decimal-leading-zero);
  font-family: var(--md-mono); font-size: 11px; font-weight: 600; color: var(--md-orange);
  padding-top: 2px;
}
html.md-new p.md-modal__facts { margin: 16px 0 0; font-size: 12.5px; color: var(--md-text-4); }
html.md-new .md-modal__foot {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--md-border-in);
}
html.md-new .md-modal__price { font-size: 22px; font-weight: 800; color: var(--md-navy-dark); letter-spacing: -.02em; }
html.md-new .md-modal__acts { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
@media (max-width: 640px) {
  html.md-new .md-modal__box { padding: 24px 20px; border-radius: 16px; max-height: 90vh; }
  html.md-new h3.md-modal__title { font-size: 19px; }
  html.md-new .md-modal__foot { flex-direction: column; align-items: stretch; }
  html.md-new .md-modal__acts .md-btn { flex: 1; justify-content: center; }
}

/* pencere altındaki ücretsiz önizleme düğmesi (beyaz zemin) */
html.md-new button.md-modal__prev {
  background: var(--md-surface-3); color: var(--md-navy-dark);
  border: 1px solid var(--md-border); box-shadow: none;
}
html.md-new button.md-modal__prev:hover {
  background: var(--md-surface-2); border-color: var(--md-navy); color: var(--md-navy-dark);
}

/* ===========================================================
   COLLECTIONS (All Courses) — ana sayfa katalog diliyle aynı
   =========================================================== */
html.md-new .collections-landing-page .collections__container { max-width: 1280px; margin-inline: auto; }
@media (min-width: 1024px) {
  html.md-new .collections-landing-page .collections__container { padding-inline: 32px; }
}
/* sayfa başlığı: ana sayfadaki bölüm başlığıyla aynı ritim */
html.md-new .collections-landing-page .section__headings,
html.md-new .collections-landing-page .collections__heading {
  max-width: 768px; margin: 0 0 8px; text-align: left;
}
html.md-new .collections-landing-page h2 {
  font-size: clamp(28px, 3vw, 40px) !important; font-weight: 800; letter-spacing: -.03em;
  color: var(--md-navy-dark); text-align: left;
}
html.md-new .collections-landing-page h2::before {
  content: 'COURSE CATALOG'; display: block; margin-bottom: 10px;
  font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--md-orange);
}
/* tema'nın kendi arama kutusu: bizim filtre şeridimiz onun yerini alıyor */
html.md-collections-ready .products__search { display: none; }
/* bütün ürünler tek ızgaraya alındı; sayfalama görünmüyor ama
   bağlantılar DOM'da kalıyor (tarayıcılar ve Google için) */
html.md-collections-merged .pagination,
html.md-collections-merged [class*="pagination"] {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
/* ürünler .collections__product-cards > .products__list (ul) içinde */
html.md-new .collections-landing-page .products__list {
  display: grid; grid-template-columns: 1fr; gap: 24px; margin: 0; padding: 0; list-style: none;
}
@media (min-width: 640px)  { html.md-new .collections-landing-page .products__list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { html.md-new .collections-landing-page .products__list { grid-template-columns: repeat(3, 1fr); } }
/* tema li'ye flex:0 0 33.33% + width veriyor; ızgara içinde kartı
   sütunun üçte birine düşürüyordu — sütunu tam doldur */
html.md-new .collections-landing-page .products__list-item {
  /* kart kenarları sayfa ızgarasına otursun: yatay padding yerine grid gap */
  width: auto; max-width: none; flex: initial; margin: 0; padding: 0;
}
html.md-new .collections-landing-page .products__list-item .card { height: 100%; }

/* ---------- paket sayfası: bölüm başlıkları sola, sayfa ızgarasına ---------- */
html.md-new .md-chero__title-slot { margin-bottom: 14px; }
html.md-new .bundle-landing-page .section__headings { text-align: left !important; margin-left: 0 !important; max-width: 768px; }
html.md-new .bundle-landing-page .section__heading {
  text-align: left !important; font-size: clamp(24px, 2.6vw, 34px) !important;
  font-weight: 800; letter-spacing: -.025em;
}
html.md-new .bundle-landing-page .section__subheading { text-align: left !important; margin-left: 0 !important; }
html.md-new .bundle-landing-page .course-cards__container,
html.md-new .bundle-landing-page .products__container,
html.md-new .bundle-landing-page .pricing-table__container {
  max-width: 1280px; margin-inline: auto;
}
@media (min-width: 1024px) {
  html.md-new .bundle-landing-page .course-cards__container,
  html.md-new .bundle-landing-page .products__container,
  html.md-new .bundle-landing-page .pricing-table__container { padding-inline: 32px; }
}

/* ===========================================================
   METİN SAYFALARI (about-us · customer-support · policy)
   Tema metni ortalıyor ve dar bir sütuna sıkıştırıyor; sitenin
   geri kalanı sola hizalı tek okuma sütunu kullanıyor.
   Yalnız hizalama/genişlik — metne dokunulmuyor.
   =========================================================== */
html.md-new .page-template .banner { border-bottom: 0; }
html.md-new .page-template .banner__container { max-width: 1280px; margin-inline: auto; }
@media (min-width: 1024px) {
  html.md-new .page-template .banner__container { padding-inline: 32px !important; }
}
html.md-new .page-template .banner .section__heading {
  text-align: left !important; color: #fff !important;
  font-size: clamp(28px, 3.2vw, 44px) !important; font-weight: 800; letter-spacing: -.03em;
}
html.md-new .page-template section:not(.banner) { background: var(--md-surface); }
html.md-new .page-template section:not(.banner) > div[class*="__container"] {
  max-width: 1280px; margin-inline: auto; padding-block: 56px;
}
@media (min-width: 1024px) {
  html.md-new .page-template section:not(.banner) > div[class*="__container"] { padding-inline: 32px; }
}
/* tek okuma sütunu, sola hizalı */
html.md-new .page-template .section__content,
html.md-new .page-template .section__body,
html.md-new .page-template .fr-view,
html.md-new .page-template .custom-theme {
  max-width: 760px; margin-left: 0 !important; margin-right: auto !important; text-align: left !important;
}
html.md-new .page-template .fr-view p,
html.md-new .page-template .section__body p {
  text-align: left !important; font-size: 16px; line-height: 1.75; color: var(--md-text-2);
  margin: 0 0 18px;
}
html.md-new .page-template .fr-view h2,
html.md-new .page-template .fr-view h3 {
  text-align: left !important; color: var(--md-navy-dark); font-weight: 700;
  font-size: 19px; margin: 32px 0 10px;
}
html.md-new .page-template .fr-view ul,
html.md-new .page-template .fr-view ol { text-align: left !important; font-size: 16px; line-height: 1.75; color: var(--md-text-2); }
html.md-new .page-template .fr-view a { color: var(--md-navy); font-weight: 600; text-underline-offset: 3px; }
html.md-new .page-template .fr-view a:hover { color: var(--md-orange); }

/* --- policy sayfası: 'checklist' bölümleri (Definitions, General Terms…) --- */
html.md-new .page-template .checklist__container { max-width: 1280px; margin-inline: auto; }
/* ızgara gerçek sarmalayıcıda: başlık solda, maddeler sağda */
html.md-new .page-template .checklist__wrapper {
  display: grid; grid-template-columns: 1fr; gap: 20px;
}
@media (min-width: 1024px) {
  html.md-new .page-template .checklist__container { padding-inline: 32px; }
  html.md-new .page-template .checklist__wrapper {
    grid-template-columns: 280px minmax(0, 1fr); gap: 56px; align-items: start;
  }
  html.md-new .page-template .checklist .section__headings { position: sticky; top: 100px; }
}
html.md-new .page-template .checklist .section__headings {
  max-width: none; margin: 0; text-align: left !important;
}
html.md-new .page-template .checklist .section__heading {
  text-align: left !important; font-size: clamp(19px, 1.9vw, 25px) !important;
  font-weight: 800; letter-spacing: -.02em; color: var(--md-navy-dark); margin: 0;
}
html.md-new .page-template .checklist .section__content { max-width: 760px; margin: 0; }
html.md-new .page-template .checklist li {
  font-size: 15px; line-height: 1.7; color: var(--md-text-2);
}
html.md-new .page-template .checklist section__body > *,
html.md-new .page-template .checklist .section__body > * { margin-bottom: 14px; }

/* --- customer-support: ikonlu iletişim blokları --- */
/* dış konteyner sayfa ızgarasında kalır, iç sarmalayıcılar genişler */
html.md-new .page-template .text-icon > .text-icon__container {
  max-width: 1280px !important; width: 100%; margin-inline: auto; padding-inline: 16px;
}
@media (min-width: 1024px) {
  html.md-new .page-template .text-icon > .text-icon__container { padding-inline: 32px; }
}
html.md-new .page-template .text-icon .section__content,
html.md-new .page-template .text-icon .section__body,
html.md-new .page-template .text-icon .text-icon__container .text-icon__container {
  max-width: none !important; width: 100%; margin: 0;
}
/* tema li'ye sabit genişlik/flex veriyor; ızgarada sütunu doldursun */
html.md-new .page-template .text-icon__list > li {
  width: auto !important; max-width: none !important; flex: initial !important;
}
html.md-new .page-template .text-icon__list {
  display: grid; grid-template-columns: 1fr; gap: 20px; margin: 0; padding: 0; list-style: none;
}
@media (min-width: 720px) { html.md-new .page-template .text-icon__list { grid-template-columns: repeat(3, 1fr); } }
html.md-new .page-template .text-icon__list > li {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0;
  padding: 26px 24px; text-align: left;
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 16px;
  box-shadow: var(--md-sh-xs); transition: border-color .2s ease, box-shadow .2s ease;
}
html.md-new .page-template .text-icon__list > li:hover {
  border-color: rgba(32,79,153,.4); box-shadow: var(--md-sh-lg);
}
html.md-new .page-template .text-icon__list i,
html.md-new .page-template .text-icon__list svg {
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; margin: 0 0 8px; border-radius: 11px;
  background: rgba(239,139,52,.1); border: 1px solid rgba(239,139,52,.26);
  color: var(--md-orange); font-size: 17px;
}
html.md-new .page-template .text-icon__list h3,
html.md-new .page-template .text-icon__list .section__heading--secondary {
  margin: 0; text-align: left !important; font-size: 17px; font-weight: 700; color: var(--md-navy-dark);
}
html.md-new .page-template .text-icon__list p {
  margin: 0; text-align: left !important; font-size: 15px; color: var(--md-text-2);
}
/* iletişim kartları: sayfa ızgarasına tam otur, içerik sola hizalı */
html.md-new .page-template .text-icon .section__content { padding-inline: 0 !important; }
html.md-new .page-template .text-icon__list > li * { text-align: left !important; padding-left: 0 !important; margin-left: 0 !important; }

/* ===========================================================
   HERO KÜÇÜK METİNLERİ — arka plan kartı olmadan okunurluk
   Büyük başlık zaten görünüyor; sorun küçük puntolarda.
   Üç kaldıraç: (1) saf beyaza çek, (2) yarım adım kalınlaştır,
   (3) sıkı koyu gölge + yumuşak hale (fotoğraf detayından ayırır).
   Arka plana hiçbir şey eklenmez, ölçülen ton (#474792) sabit kalır.
   =========================================================== */
html.md-new .md-hero__title { text-shadow: 0 2px 4px rgba(6,6,28,.45); }

html.md-new .md-hero__sub {
  color: #f8fafc; font-weight: 450;
  text-shadow: 0 1px 2px rgba(6,6,28,.8), 0 0 12px rgba(6,6,28,.5);
}
html.md-new .md-eyebrow--hero {
  color: #ffa54f;
  text-shadow: 0 1px 2px rgba(6,6,28,.85), 0 0 10px rgba(6,6,28,.5);
}
html.md-new .md-trust li {
  color: #fff; font-weight: 500;
  text-shadow: 0 1px 2px rgba(6,6,28,.8), 0 0 10px rgba(6,6,28,.45);
}
html.md-new .md-trust li::before { text-shadow: 0 1px 2px rgba(6,6,28,.8); }

html.md-new .md-kpi b, html.md-new .md-kpi strong {
  text-shadow: 0 2px 4px rgba(6,6,28,.6), 0 0 14px rgba(6,6,28,.4);
}
html.md-new .md-kpi span {
  color: #eef2f7; font-weight: 500;
  text-shadow: 0 1px 2px rgba(6,6,28,.85), 0 0 10px rgba(6,6,28,.5);
}
html.md-new .md-flags__label, html.md-new .md-flags .md-eyebrow {
  text-shadow: 0 1px 2px rgba(6,6,28,.85), 0 0 10px rgba(6,6,28,.5);
}
html.md-new .md-flag em {
  color: #f8fafc; font-weight: 600;
  text-shadow: 0 1px 2px rgba(6,6,28,.85), 0 0 10px rgba(6,6,28,.5);
}
html.md-new .md-flag img { box-shadow: 0 0 0 1px rgba(255,255,255,.45), 0 1px 3px rgba(6,6,28,.5); }
/* KPI ayracı fotoğrafın üstünde kaybolmasın */
html.md-new .banner .md-kpi { border-top-color: rgba(255,255,255,.28); }

/* --- kurs ve paket hero'sundaki küçük metinler: ana sayfayla aynı --- */
html.md-new .md-chero .md-eyebrow--hero,
html.md-new .md-chero__ref,
html.md-new .md-chero__sub,
html.md-new .md-chero__facts li,
html.md-new .md-chero__audience,
html.md-new .md-chero__title-slot .section__heading {
  text-shadow: 0 1px 2px rgba(6,6,28,.8), 0 0 10px rgba(6,6,28,.45);
}
html.md-new .md-chero__title-slot .section__heading,
html.md-new h2.md-chero__title { text-shadow: 0 2px 4px rgba(6,6,28,.45); }
html.md-new .md-chero__sub { color: #f8fafc; font-weight: 450; }
html.md-new .md-chero__facts li { color: #fff; font-weight: 500; background: rgba(13,13,46,.38); border-color: rgba(255,255,255,.22); }
html.md-new .md-chero__audience { color: #eef2f7; border-top-color: rgba(255,255,255,.28); }
html.md-new .md-chero .md-eyebrow--hero { color: #ffa54f; }
html.md-new p.md-chero__ref, html.md-new .md-chero__ref { color: #ffb978; }

/* ===========================================================
   SERTİFİKA DOĞRULAMA SAYFASI (/certificates/<id>)
   Ana sayfada "denetçin doğrulayabilir" diyoruz; bu sayfa da
   o iddiaya yakışmalı. Yalnız düzen/biçim — metne dokunulmaz.
   =========================================================== */
html.md-new .student-certificate-page { background: var(--md-bg); }
html.md-new .student-certificate { padding: 48px 0 72px; }
html.md-new .student-certificate__container {
  max-width: 1000px !important; margin-inline: auto !important; padding-inline: 16px;
}
@media (min-width: 1024px) { html.md-new .student-certificate__container { padding-inline: 32px; } }

html.md-new .student-certificate__image {
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 18px;
  padding: 16px; box-shadow: var(--md-sh-lg); overflow: hidden;
}
html.md-new .student-certificate__image img,
html.md-new .student-certificate__image iframe,
html.md-new .student-certificate__image embed { display: block; width: 100%; height: auto; border-radius: 10px; }

html.md-new .student-certificate__data {
  margin-top: 22px; background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 16px; padding: 22px 26px; box-shadow: var(--md-sh-xs);
  display: grid; gap: 12px; font-size: 15px; color: var(--md-text-2); text-align: left;
}
@media (min-width: 720px) { html.md-new .student-certificate__data { grid-template-columns: repeat(2, 1fr); gap: 14px 32px; } }
html.md-new .student-certificate__data b,
html.md-new .student-certificate__data strong {
  color: var(--md-navy-dark); font-weight: 700;
}
html.md-new .student-certificate__data > * { margin: 0; }

html.md-new .student-certificate__share {
  margin-top: 20px; display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-start;
}
html.md-new .student-certificate__share a,
html.md-new .student-certificate__share button {
  border-radius: 10px !important; font-weight: 700 !important; font-size: 13px !important;
}

/* ===========================================================
   ÜYE ALANI — öğrenci paneli · hesabım · sipariş geçmişi
   Bu üçü Thinkific'in TEMA sayfaları (404 ve ders oynatıcının
   aksine kodumuz burada çalışıyor), yani zaten yeni header ve
   footer'ı alıyorlar. Gövdelerini de siteyle aynı dile çekiyoruz
   ki giriş yapan öğrenci karma bir site görmesin.
   =========================================================== */
html.md-new .student-dashboard,
html.md-new .my-account-page,
html.md-new .my-account-order-list-page { background: var(--md-bg); }

html.md-new .student-dashboard__container,
html.md-new .my-account__content {
  max-width: 1280px !important; margin-inline: auto !important; padding-inline: 16px;
  width: auto !important;
}
@media (min-width: 1024px) {
  html.md-new .student-dashboard__container,
  html.md-new .my-account__content { padding-inline: 32px; }
}

/* --- panel üst şeridi: diğer hero'larla aynı fotoğraf ve ton --- */
html.md-new .student-dashboard__banner {
  background-image:
    radial-gradient(900px 620px at 82% 4%, rgba(120,120,235,.44), transparent 72%),
    linear-gradient(to top, rgba(20,20,62,.26) 0%, rgba(20,20,62,.08) 20%, rgba(20,20,62,0) 34%),
    linear-gradient(to right, rgba(16,16,54,.62) 0%, rgba(16,16,54,.34) 30%, rgba(16,16,54,0) 52%),
    var(--md-hero-img);
  background-size: cover, cover, cover, 150% auto;
  background-position: center, center, center, 8% 58%;
  background-repeat: no-repeat; background-color: #1a1a4a;
  padding: 44px 0 48px !important; margin-bottom: 40px;
}
html.md-new .student-dashboard__welcome {
  color: #fff !important; text-align: left !important;
  font-size: 30px !important; line-height: 1.2; font-weight: 800; margin: 0 !important;
  text-shadow: 0 2px 4px rgba(6,6,28,.45);
}
@media (min-width: 1024px) { html.md-new .student-dashboard__welcome { font-size: 36px !important; } }

/* --- "My courses" başlığı ve arama satırı --- */
html.md-new .student-dashboard__content .section__heading {
  text-align: left !important; font-size: 22px !important; font-weight: 800;
  color: var(--md-navy-dark) !important; margin: 0 0 20px !important;
}
html.md-new .student-dashboard__form { margin-bottom: 24px !important; }
html.md-new .student-dashboard__form > form {
  display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap;
}
/* başlık kendi satırında, arama ve filtre altında bir sırada */
html.md-new .student-dashboard__form .section__heading { flex: 1 1 100%; }
html.md-new .student-dashboard__form input[type="search"],
html.md-new .student-dashboard__form input[type="text"] {
  border: 1px solid var(--md-border) !important; border-radius: 10px !important;
  background: var(--md-surface) !important; font-size: 14px !important; padding: 10px 14px !important;
}

/* --- kurs kartları: görsel üstte, ilerleme çubuğu, net birincil düğme --- */
html.md-new .student-dashboard .products__list {
  display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 24px;
  list-style: none !important; margin: 0 !important; padding: 0 !important;
}
@media (max-width: 1080px) { html.md-new .student-dashboard .products__list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px)  { html.md-new .student-dashboard .products__list { grid-template-columns: 1fr; } }
html.md-new .student-dashboard .products__list-item {
  width: auto !important; max-width: none !important;
  display: block !important; margin: 0 !important; padding: 0 !important;
  list-style: none !important; height: auto !important;
}
/* başlık, arama satırı ve kartlar aynı sol hizada başlasın */
html.md-new .student-dashboard__form .form__group { margin: 0 !important; padding: 0 !important; }
html.md-new .student-dashboard__form .form__group:first-child { flex: 0 1 320px; }
html.md-new .card--dashboard {
  display: flex !important; flex-direction: column;
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 14px;
  box-shadow: var(--md-sh-xs);
  /* Tema kartı 100% yüksekliğe sabitliyor ve overflow:hidden ile "Start Course"
     düğmesini kesiyordu. Yükseklik serbest, kırpma kapalı; yuvarlak köşeyi
     görselin kendi kapsayıcısı veriyor. */
  height: auto !important; max-height: none !important; overflow: visible !important;
  transition: box-shadow .18s ease, transform .18s ease;
}
html.md-new .card--dashboard:hover { box-shadow: var(--md-sh-md); transform: translateY(-2px); }
/* görsel kartın en üstüne */
html.md-new .card--dashboard .course-card__img-container {
  order: -1; margin: 0 !important; border-radius: 14px 14px 0 0; overflow: hidden;
}
html.md-new .card--dashboard .course-card__img-container img {
  display: block; width: 100%; height: 168px; object-fit: cover;
}
html.md-new .card--dashboard .card__header { order: 1; padding: 16px 18px 0 !important; }
html.md-new .card--dashboard .card__body {
  order: 2; padding: 14px 18px 18px !important;
  display: flex; flex-direction: column; gap: 14px;
  flex: 0 0 auto !important; overflow: visible !important;
}
html.md-new .card--dashboard .card__name {
  font-size: 15px !important; line-height: 1.35 !important; font-weight: 700 !important;
  color: var(--md-navy-dark) !important; text-align: left !important; margin: 0 !important;
}
html.md-new .card--dashboard .card__header a { text-decoration: none !important; }

/* ilerleme çubuğu */
html.md-new .card__progress--bar {
  display: flex !important; align-items: center; gap: 10px; margin: 0 !important;
}
html.md-new .card__progress--bar .progress__bar {
  flex: 1; height: 6px; border-radius: 999px; background: #e6e9ef; display: block; position: relative; overflow: hidden;
}
html.md-new .card__progress--bar .progress__percentage {
  margin: 0 !important; font-size: 12px !important; font-weight: 700 !important;
  color: var(--md-text-2) !important; font-variant-numeric: tabular-nums; min-width: 34px; text-align: right;
  /* tema yüzdeyi 0 yükseklikte bırakıyordu, satır çöküyordu */
  height: auto !important; line-height: 1.2 !important; position: static !important;
}
/* Tema çubuğa position:relative + top:-12px veriyor; çubuk kurs başlığının
   üstüne biniyordu. Kendi satırında dursun. */
html.md-new .card__progress--bar .progress__bar {
  position: static !important; top: auto !important; bottom: auto !important;
  order: 1;
}
html.md-new .card__progress--bar .progress__percentage { order: 2; }

/* düğmeler: "Start Course" birincil, "See Overview" ikincil */
html.md-new .card--dashboard .card__details {
  display: flex !important; gap: 10px; align-items: center;
  margin-top: 0 !important; overflow: visible !important;
}
html.md-new .card--dashboard .card__resume {
  order: 1; flex: 1; text-align: center; text-decoration: none !important;
  background: var(--md-orange); color: #fff !important;
  padding: 10px 14px; border-radius: 10px; font-size: 13px; font-weight: 700;
  transition: background .15s ease;
}
html.md-new .card--dashboard .card__resume:hover { background: var(--md-orange-dark); }
html.md-new .card--dashboard .card__overview {
  order: 2; text-decoration: none !important; color: var(--md-navy) !important;
  border: 1px solid var(--md-border); background: var(--md-surface);
  padding: 10px 14px; border-radius: 10px; font-size: 13px; font-weight: 600; white-space: nowrap;
}
html.md-new .card--dashboard .card__overview:hover { border-color: var(--md-navy); }

/* --- hesabım ve sipariş geçmişi --- */
html.md-new .my-account__heading {
  font-size: 26px !important; font-weight: 800 !important; color: var(--md-navy-dark) !important;
  text-align: left !important; margin: 32px 0 24px !important;
}
html.md-new .my-account__breadcrumb {
  display: inline-block; font-size: 13px; font-weight: 600; color: var(--md-navy) !important;
  text-decoration: none !important; margin-top: 28px;
}
html.md-new .my-account__breadcrumb:hover { text-decoration: underline !important; }
html.md-new .my-account__profile__wrapper {
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 16px;
  padding: 28px !important; box-shadow: var(--md-sh-xs); margin-bottom: 56px;
}
html.md-new .my-account__order-history {
  width: 100%; border-collapse: separate; border-spacing: 0;
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 14px;
  overflow: hidden; box-shadow: var(--md-sh-xs); margin-bottom: 56px; font-size: 14px;
}
html.md-new .my-account__order-history thead th {
  background: var(--md-bg); font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--md-text-2); font-weight: 700; padding: 12px 16px; text-align: left;
  border-bottom: 1px solid var(--md-border);
}
html.md-new .my-account__order-history tbody td { padding: 14px 16px; border-bottom: 1px solid var(--md-border); color: var(--md-text-1); }
html.md-new .my-account__order-history tbody tr:last-child td { border-bottom: 0; }

/* ===========================================================
   GİRİŞ / KAYIT — sign-in-page · sign-up-page
   Tema sayfaları, kodumuz çalışıyor. Ana sayfanın hero tonu
   zemin olur, form beyaz kartta durur: siteyle aynı dil.
   =========================================================== */
html.md-new .sign-in-page,
html.md-new .sign-up-page {
  background-image:
    radial-gradient(900px 620px at 82% 4%, rgba(120,120,235,.44), transparent 72%),
    linear-gradient(to top, rgba(20,20,62,.26) 0%, rgba(20,20,62,.08) 20%, rgba(20,20,62,0) 34%),
    linear-gradient(to right, rgba(16,16,54,.62) 0%, rgba(16,16,54,.34) 30%, rgba(16,16,54,0) 52%),
    var(--md-hero-img);
  background-size: cover, cover, cover, 150% auto;
  background-position: center, center, center, 8% 58%;
  background-repeat: no-repeat; background-attachment: fixed;
  background-color: #1a1a4a;
}
/* bu iki sayfada üst menü ve footer sadeleşir: amaç tek bir iş */
html.md-new .sign-in-page .header,
html.md-new .sign-up-page .header { background: transparent !important; border-bottom: 0 !important; }
html.md-new .sign-in-page .header__nav,
html.md-new .sign-up-page .header__nav,
html.md-new .sign-in-page .header__mobile-menu-wrapper,
html.md-new .sign-up-page .header__mobile-menu-wrapper { display: none !important; }
html.md-new .sign-in-page .header__logo img,
html.md-new .sign-up-page .header__logo img { filter: brightness(0) invert(1); }
html.md-new .sign-in-page .md-foot,
html.md-new .sign-up-page .md-foot { background: transparent !important; border-top: 0 !important; }
html.md-new .sign-in-page .md-foot__grid,
html.md-new .sign-up-page .md-foot__grid { display: none !important; }
html.md-new .sign-in-page .md-foot__bar,
html.md-new .sign-up-page .md-foot__bar { border-top: 0 !important; }
html.md-new .sign-in-page .md-foot__legal,
html.md-new .sign-up-page .md-foot__legal { color: rgba(255,255,255,.72) !important; text-align: center; }

html.md-new [class*="sign-in__container"],
html.md-new [class*="sign-up__container"] {
  /* kart ve altındaki güven şeridi alt alta ortalanır (satır olursa yan yana dizilip
     kart soldan çıkıyordu) */
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 62vh; padding: 48px 16px 64px; max-width: none !important; width: auto !important;
}
html.md-new [class*="sign-in__wrapper"],
html.md-new [class*="sign-up__wrapper"] {
  width: 100%; max-width: 448px; margin: 0 !important;
  background: var(--md-surface); border-radius: 18px;
  box-shadow: 0 24px 60px rgba(6,6,28,.34), 0 0 0 1px rgba(255,255,255,.08);
  padding: 36px 34px 30px; display: block !important;
}
@media (max-width: 480px) {
  html.md-new [class*="sign-in__wrapper"],
  html.md-new [class*="sign-up__wrapper"] { padding: 28px 22px 24px; }
}
html.md-new [class*="sign-in__form"],
html.md-new [class*="sign-up__form"] { width: auto !important; max-width: none !important; margin: 0 !important; }

html.md-new .sign-in-page .page__heading,
html.md-new .sign-up-page .page__heading {
  font-size: 24px !important; font-weight: 800 !important; letter-spacing: -.01em;
  color: var(--md-navy-dark) !important; text-align: center !important; margin: 0 0 6px !important;
}
/* başlığın altına ne olduğunu anlatan tek satır (JS ekler) */
html.md-new .md-auth__sub {
  text-align: center; font-size: 14px; color: var(--md-text-2);
  margin: 0 0 24px; line-height: 1.5;
}

html.md-new .sign-in-page .form__group,
html.md-new .sign-up-page .form__group { margin-bottom: 16px !important; }
html.md-new .sign-in-page label,
html.md-new .sign-up-page label {
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: .01em;
  color: var(--md-text-2) !important; margin-bottom: 6px !important; display: block;
}
html.md-new .sign-in-page input[type="text"],
html.md-new .sign-in-page input[type="email"],
html.md-new .sign-in-page input[type="password"],
html.md-new .sign-up-page input[type="text"],
html.md-new .sign-up-page input[type="email"],
html.md-new .sign-up-page input[type="password"] {
  width: 100%; border: 1px solid var(--md-border) !important; border-radius: 10px !important;
  padding: 12px 14px !important; font-size: 15px !important; background: var(--md-surface) !important;
  color: var(--md-text-1) !important; transition: border-color .15s ease, box-shadow .15s ease;
}
html.md-new .sign-in-page input:focus,
html.md-new .sign-up-page input:focus {
  border-color: var(--md-navy) !important; outline: none !important;
  box-shadow: 0 0 0 3px rgba(32,79,153,.14) !important;
}
html.md-new .form__remember-me { display: flex !important; align-items: center; gap: 8px; }
html.md-new .form__remember-me label { margin: 0 !important; font-weight: 600 !important; font-size: 13px !important; }

html.md-new .sign-in-page .form__button-group,
html.md-new .sign-up-page .form__button-group { margin: 22px 0 0 !important; }
html.md-new .sign-in-page .form__button-group input[type="submit"],
html.md-new .sign-in-page .form__button-group button,
html.md-new .sign-up-page .form__button-group input[type="submit"],
html.md-new .sign-up-page .form__button-group button {
  width: 100% !important; background: var(--md-orange) !important; color: #fff !important;
  border: 0 !important; border-radius: 10px !important; padding: 13px 20px !important;
  font-size: 15px !important; font-weight: 700 !important; cursor: pointer;
  transition: background .15s ease;
}
html.md-new .sign-in-page .form__button-group input[type="submit"]:hover,
html.md-new .sign-up-page .form__button-group input[type="submit"]:hover { background: var(--md-orange-dark) !important; }

/* "Forgot password?" şifre alanının altına, sağa */
html.md-new .md-auth__forgot {
  display: block; text-align: right; font-size: 13px; font-weight: 600;
  color: var(--md-navy) !important; text-decoration: none !important; margin-top: -8px;
}
html.md-new .md-auth__forgot:hover { text-decoration: underline !important; }

/* --- sosyal giriş: ikon yerine adı yazan tam genişlik düğmeler --- */
html.md-new [class*="vendor-logins"] { margin-top: 24px !important; }
/* Ayırıcı: tema çizgileri mutlak konumlayıp karttan taşırıyordu. Çizgiler
   tamamen kaldırıldı — ortalanmış tek satır yazı yeterli, taşma riski yok. */
html.md-new [class*="__divider"] {
  display: block; text-align: center;
  font-size: 12px !important; font-weight: 600 !important;
  color: var(--md-text-3) !important; text-transform: none !important;
  margin: 0 0 16px !important; overflow: hidden;
}
html.md-new [class*="__divider"]::before,
html.md-new [class*="__divider"]::after { content: none !important; display: none !important; }
html.md-new [class*="vendor-list"] {
  display: grid !important; gap: 10px; list-style: none !important; margin: 0 !important; padding: 0 !important;
}
html.md-new [class*="vendor-list"] li { width: auto !important; margin: 0 !important; list-style: none !important; }
html.md-new [class*="vendor-list"] .button {
  display: flex !important; align-items: center; justify-content: center; gap: 10px;
  width: 100% !important; height: auto !important; min-height: 44px;
  border: 1px solid var(--md-border) !important; border-radius: 10px !important;
  background: var(--md-surface) !important; box-shadow: none !important;
  font-size: 14px !important; font-weight: 600 !important; color: var(--md-text-1) !important;
  text-decoration: none !important; padding: 10px 16px !important;
  transition: border-color .15s ease, background .15s ease;
}
html.md-new [class*="vendor-list"] .button:hover { border-color: var(--md-navy) !important; background: var(--md-bg) !important; }
html.md-new .md-auth__vendorlabel { line-height: 1; }
/* Kayıt formunda ad ve soyad TEK bir .form__group içinde iki .input__group
   olarak duruyor; o grubu ikiye bölüyoruz. DOM'a dokunulmuyor, çünkü tema
   formu kendi JS'iyle yeniden kuruyor ve taşınan düğüm geri gidiyor. */
html.md-new .sign-up-page .form__group:has(input[name="user[first_name]"]) {
  display: grid !important; grid-template-columns: 1fr 1fr; gap: 0 14px; align-items: start;
}
html.md-new .sign-up-page .form__group:has(input[name="user[first_name]"]) > .input__group {
  min-width: 0; width: auto !important; flex: initial !important;
}
@media (max-width: 420px) {
  html.md-new .sign-up-page .form__group:has(input[name="user[first_name]"]) { grid-template-columns: 1fr; gap: 16px 0; }
}
/* her sayfada yalnız kendi ayırıcısı görünsün (ikisi birden çıkıyordu) */
html.md-new .sign-up-page .remote-sign-in__divider,
html.md-new .sign-in-page .remote-sign-up__divider { display: none !important; }
/* tema ikonu mutlak konumluyordu, yazının üstüne biniyordu */
html.md-new [class*="vendor-list"] .button > i {
  position: static !important; margin: 0 !important; left: auto !important; top: auto !important;
  transform: none !important; font-size: 17px; line-height: 1; flex: 0 0 auto;
}

/* --- alttaki geçiş satırı --- */
html.md-new [class*="sign-in__sign-up"],
html.md-new [class*="sign-up__sign-in"] {
  margin: 22px 0 0 !important; padding-top: 20px; border-top: 1px solid var(--md-border);
  text-align: center !important; font-size: 14px; color: var(--md-text-2);
}
html.md-new [class*="sign-in__sign-up"] a,
html.md-new [class*="sign-up__sign-in"] a {
  color: var(--md-navy) !important; font-weight: 700 !important; text-decoration: none !important;
}
html.md-new [class*="sign-in__sign-up"] a:hover,
html.md-new [class*="sign-up__sign-in"] a:hover { text-decoration: underline !important; }

/* --- kartın altındaki güven şeridi (JS ekler) --- */
html.md-new .md-auth__trust {
  max-width: 448px; margin: 18px auto 0; display: flex; justify-content: center;
  flex-wrap: wrap; gap: 8px 18px; list-style: none; padding: 0;
}
html.md-new .md-auth__trust li {
  color: #fff; font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 6px;
  text-shadow: 0 1px 2px rgba(6,6,28,.8), 0 0 10px rgba(6,6,28,.45);
}
html.md-new .md-auth__trust li::before { content: '✓'; color: var(--md-orange); font-weight: 800; }

/* ===========================================================
   ÜYE ALANI — hesap sayfalarının tamamı
   /account · /account/password · /account/certificates
   /account/notifications · /account/billing · /account/orders
   Hepsi aynı .my-account__content kabuğunu kullanıyor.
   =========================================================== */
html.md-new .my-account-password-page,
html.md-new .my-account-certificates-page,
html.md-new .my-account-notifications-page,
html.md-new .my-account-billing-page,
html.md-new .my-account-billings-page { background: var(--md-bg); }

html.md-new .my-account__subheading {
  font-size: 20px !important; font-weight: 800 !important;
  color: var(--md-navy-dark) !important; text-align: left !important;
  margin: 0 0 20px !important; letter-spacing: -.01em;
}
/* içerik kartı: her hesap sayfasının gövdesi beyaz kart içinde dursun */
html.md-new .my-account__content > form,
html.md-new .my-account__content > .my-account__profile__wrapper,
html.md-new .my-account__content > .my-account__no-certificates,
html.md-new .my-account__content > table {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 16px; padding: 26px 28px; box-shadow: var(--md-sh-xs);
  margin-bottom: 56px;
}
html.md-new .my-account__content > table { padding: 0; }
@media (max-width: 560px) {
  html.md-new .my-account__content > form,
  html.md-new .my-account__content > .my-account__no-certificates { padding: 20px 18px; }
}

/* form alanları: giriş sayfasıyla aynı dil */
html.md-new .my-account__content label {
  font-size: 12px !important; font-weight: 700 !important;
  color: var(--md-text-2) !important; margin-bottom: 6px !important; display: block;
}
html.md-new .my-account__content input[type="text"],
html.md-new .my-account__content input[type="email"],
html.md-new .my-account__content input[type="password"],
html.md-new .my-account__content select {
  width: 100%; max-width: 420px;
  border: 1px solid var(--md-border) !important; border-radius: 10px !important;
  padding: 12px 14px !important; font-size: 15px !important;
  background: var(--md-surface) !important; color: var(--md-text-1) !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
html.md-new .my-account__content input:focus,
html.md-new .my-account__content select:focus {
  border-color: var(--md-navy) !important; outline: none !important;
  box-shadow: 0 0 0 3px rgba(32,79,153,.14) !important;
}
/* tema etiketi inputun SOLUNA koyuyor (flex row) ve alanlar kayıyor;
   site genelindeki gibi etiket üstte, alan altında olsun */
html.md-new .my-account__content .form__group {
  display: block !important; margin-bottom: 18px !important;
}
html.md-new .my-account__content .form__label {
  width: auto !important; display: block !important;
}
html.md-new .my-account__content .form__hint,
html.md-new .my-account__content .form__group em,
html.md-new .my-account__content .form__group small {
  display: block; margin-top: 6px; font-size: 12px; color: var(--md-text-3); font-style: normal;
}
html.md-new .my-account__content .form__button-group { margin: 24px 0 0 !important; }
html.md-new .my-account__content .form__button-group input[type="submit"],
html.md-new .my-account__content .form__button-group button,
html.md-new .my-account__content button[type="submit"] {
  background: var(--md-orange) !important; color: #fff !important; border: 0 !important;
  border-radius: 10px !important; padding: 12px 26px !important;
  font-size: 14px !important; font-weight: 700 !important; cursor: pointer;
  transition: background .15s ease;
}
html.md-new .my-account__content .form__button-group input[type="submit"]:hover,
html.md-new .my-account__content button[type="submit"]:hover { background: var(--md-orange-dark) !important; }

/* Onay kutuları: kutu ve yazısı ayrı satırlara düşüyordu, yazı da
   link rengindeydi. Aynı satıra alıp normal metin rengine çekiyoruz. */
html.md-new .my-account-notifications-page .my-account__content .form__group {
  display: flex !important; align-items: center; gap: 10px; flex-wrap: wrap;
}
html.md-new .my-account-notifications-page .form__label--checkbox {
  display: inline !important; margin: 0 !important; order: 2;
  font-size: 14px !important; font-weight: 600 !important;
  color: var(--md-text-1) !important; text-transform: none !important; letter-spacing: 0 !important;
}
html.md-new .my-account-notifications-page input[type="checkbox"].form__control {
  order: 1; margin: 0 !important; flex: 0 0 auto;
}
html.md-new .my-account-notifications-page input[type="checkbox"] { width: auto !important; accent-color: var(--md-orange); }
html.md-new .my-account-notifications-page h3 {
  font-size: 13px !important; font-weight: 700 !important; color: var(--md-text-2) !important;
  margin: 0 0 12px !important;
}

/* sertifika yokken: boş ekran yerine ne yapacağını söyleyen bir durum */
html.md-new .my-account__no-certificates {
  text-align: center !important; color: var(--md-text-2) !important;
  font-size: 15px !important; line-height: 1.6; padding: 44px 28px !important;
}
/* emoji yerine sade bir ayraç — emoji fontu her yerde aynı görünmüyor */
html.md-new .my-account__no-certificates::before {
  content: ''; display: block; width: 40px; height: 3px; border-radius: 2px;
  background: var(--md-border); margin: 0 auto 18px;
}
html.md-new .md-acc__cta {
  display: block; width: fit-content; margin: 20px auto 0;
  background: var(--md-orange); color: #fff !important; text-decoration: none !important;
  padding: 11px 22px; border-radius: 10px; font-size: 14px; font-weight: 700;
  transition: background .15s ease;
}
html.md-new .md-acc__cta:hover { background: var(--md-orange-dark); }

/* hesap yan menüsü */
html.md-new .my-account__nav,
html.md-new [class*="my-account__sidebar"] {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 14px; overflow: hidden; box-shadow: var(--md-sh-xs);
}

/* --- Fatura sayfası: üç bölüm (kart · abonelik · ödeme planı) --- */
html.md-new .my-account__billing__h4 {
  font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--md-text-2) !important; margin: 28px 0 10px !important;
}
html.md-new .my-account__billing__h4:first-child { margin-top: 0 !important; }
html.md-new .my-account-billing-page .table-responsive {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 12px; padding: 16px 18px; box-shadow: var(--md-sh-xs);
  font-size: 14px; color: var(--md-text-2);
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
html.md-new .my-account-billing-page .table-responsive table { width: auto; margin: 0; }
html.md-new .my-account-billing-page .account-content { margin-bottom: 56px; }
html.md-new .my-account-billing-page .table-responsive .button,
html.md-new .my-account-billing-page .table-responsive a.button {
  background: var(--md-orange) !important; color: #fff !important; border: 0 !important;
  border-radius: 10px !important; padding: 10px 20px !important;
  font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important;
}

/* --- hesap alanı: site ızgarasıyla hizala (120→1320 idi, footer 80→1360) --- */
html.md-new .my-account__container {
  max-width: 1280px !important; margin-inline: auto !important;
  padding-inline: 16px !important; width: auto !important;
}
@media (min-width: 1024px) { html.md-new .my-account__container { padding-inline: 32px !important; } }
html.md-new .my-account__wrapper {
  display: grid !important; grid-template-columns: 236px minmax(0, 1fr);
  gap: 40px; align-items: start; padding: 0 !important;
}
@media (max-width: 860px) {
  html.md-new .my-account__wrapper { grid-template-columns: 1fr; gap: 24px; }
}
html.md-new .my-account__content {
  max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important;
}

/* durum rozeti tema span'ı block yaptığı için kart genişliğine yayılıyordu */
html.md-new .md-state {
  display: inline-block !important; width: fit-content !important;
  align-self: flex-start; flex: 0 0 auto;
}

/* hesap yan menüsü: tema 59px sabit genişlik veriyor, ızgara sütununa yayılsın */
html.md-new .my-account__menu {
  width: auto !important; max-width: none !important; min-width: 0 !important;
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 14px; overflow: hidden; box-shadow: var(--md-sh-xs);
  position: sticky; top: 24px;
}
@media (max-width: 860px) { html.md-new .my-account__menu { position: static; } }
html.md-new .my-account__menu ul {
  width: auto !important; list-style: none !important; margin: 0 !important; padding: 6px !important;
  display: block !important;
}
html.md-new .my-account__menu li {
  width: auto !important; display: block !important; margin: 0 !important; list-style: none !important;
}
html.md-new .my-account__menu a {
  display: block; padding: 10px 14px; border-radius: 9px;
  font-size: 14px; font-weight: 600; color: var(--md-text-2) !important;
  text-decoration: none !important; white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
html.md-new .my-account__menu a:hover { background: var(--md-bg); color: var(--md-navy) !important; }
html.md-new .my-account__menu li.active a,
html.md-new .my-account__menu a.active,
html.md-new .my-account__menu li[class*="current"] a {
  background: var(--md-bg); color: var(--md-navy-dark) !important;
  box-shadow: inset 3px 0 0 var(--md-orange);
}

/* ===========================================================
   ÖĞRENCİ PANELİ — eğitim kaydı görünümü
   kimlik şeridi + sayaçlar → yenileme hatırlatması →
   sekmeler (genel bakış · kurslarım · sertifikalar)
   =========================================================== */
html.md-new .student-dashboard__banner { padding: 34px 0 30px !important; margin-bottom: 0; }

/* --- kimlik şeridi --- */
html.md-new .md-id { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
html.md-new .md-id__pic {
  width: 68px; height: 68px; border-radius: 50%; object-fit: cover; flex: 0 0 auto;
  box-shadow: 0 0 0 3px rgba(255,255,255,.5), 0 4px 14px rgba(6,6,28,.4);
}
html.md-new .md-id__pic--blank { background: rgba(255,255,255,.18); }
html.md-new .md-id__text { flex: 1 1 260px; min-width: 0; }
html.md-new .md-id__eyebrow {
  margin: 0 0 4px; font-size: 11px; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: #ffa54f;
  text-shadow: 0 1px 2px rgba(6,6,28,.85);
}
html.md-new h1.md-id__name {
  margin: 0; font-size: 28px; line-height: 1.15; font-weight: 800; letter-spacing: -.01em;
  color: #fff; text-shadow: 0 2px 4px rgba(6,6,28,.45);
}
@media (min-width: 1024px) { html.md-new h1.md-id__name { font-size: 33px; } }
html.md-new .md-id__sub {
  margin: 6px 0 0; font-size: 13px; font-weight: 500; color: #eef2f7;
  text-shadow: 0 1px 2px rgba(6,6,28,.85), 0 0 10px rgba(6,6,28,.5);
}
html.md-new .md-id__btn {
  display: inline-block; padding: 10px 20px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,.4); color: #fff !important;
  text-decoration: none !important; font-size: 13px; font-weight: 700;
  background: rgba(255,255,255,.08); transition: background .15s ease;
}
html.md-new .md-id__btn:hover { background: rgba(255,255,255,.18); }

/* --- sayaçlar --- */
html.md-new .md-kpis {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
  list-style: none; margin: 24px 0 0 !important; padding: 0 !important;
}
@media (max-width: 720px) { html.md-new .md-kpis { grid-template-columns: 1fr; } }
html.md-new .md-kpis li {
  background: rgba(10,10,42,.42); border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px; padding: 14px 18px; display: block;
  backdrop-filter: blur(2px);
}
html.md-new .md-kpis__label {
  display: block; font-size: 11px; font-weight: 700; letter-spacing: .05em;
  text-transform: uppercase; color: #cfd7e6; margin-bottom: 4px;
}
html.md-new .md-kpis__num {
  display: block; font-size: 28px; line-height: 1.1; font-weight: 800; color: #fff;
  font-variant-numeric: tabular-nums;
}
html.md-new .md-kpis__hint { display: block; font-size: 12px; color: #aab6cc; margin-top: 2px; }

/* --- yenileme hatırlatması --- */
html.md-new .md-recur {
  display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap;
  background: #fff7ed; border: 1px solid #fcd9a8; border-radius: 14px;
  padding: 18px 22px; margin: 28px 0 28px;
}
/* tema içerik bloğuna büyük üst boşluk veriyordu, hero ile arası 96px'ti */
html.md-new .student-dashboard__content { padding-top: 0 !important; }
html.md-new .student-dashboard__content > .student-dashboard__container { padding-top: 0 !important; }
html.md-new .md-recur__ico {
  width: 30px; height: 30px; border-radius: 9px; background: var(--md-orange);
  color: #fff; font-weight: 800; font-size: 17px; line-height: 30px; text-align: center; flex: 0 0 auto;
}
html.md-new .md-recur__text { flex: 1 1 340px; min-width: 0; }
html.md-new .md-recur h3 {
  margin: 0 0 4px; font-size: 14px; font-weight: 800; color: var(--md-navy-dark);
}
html.md-new .md-recur p { margin: 0; font-size: 13px; line-height: 1.6; color: #7c5520; }
html.md-new .md-ref {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px; background: rgba(255,255,255,.75); border: 1px solid #f0cfa0;
  border-radius: 5px; padding: 1px 5px; color: #9a5a12; white-space: nowrap;
}
html.md-new .md-recur__link {
  font-size: 13px; font-weight: 700; color: var(--md-navy) !important;
  text-decoration: none !important; align-self: center; white-space: nowrap;
}
html.md-new .md-recur__link:hover { color: var(--md-orange) !important; }

/* --- sekmeler --- */
html.md-new .md-tabs {
  display: flex; gap: 4px; border-bottom: 1px solid var(--md-border);
  margin-bottom: 28px; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
html.md-new .md-tabs__btn {
  background: none; border: 0; cursor: pointer; white-space: nowrap;
  padding: 12px 18px; font-size: 14px; font-weight: 700; color: var(--md-text-2);
  border-bottom: 2px solid transparent; margin-bottom: -1px;
  transition: color .15s ease, border-color .15s ease;
}
html.md-new .md-tabs__btn:hover { color: var(--md-navy); }
html.md-new .md-tabs__btn.is-on { color: var(--md-navy-dark); border-bottom-color: var(--md-orange); }
html.md-new .md-pane { display: none; }
html.md-new .md-pane.is-on { display: block; }
html.md-new .md-pane__h {
  font-size: 18px; font-weight: 800; color: var(--md-navy-dark);
  margin: 0 0 20px; letter-spacing: -.01em;
}
html.md-new .md-pane__note {
  font-size: 13px; line-height: 1.65; color: var(--md-text-2);
  max-width: 620px; margin: 20px 0 0;
}

/* --- ilerleme kartları --- */
html.md-new .md-prog { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
@media (max-width: 860px) { html.md-new .md-prog { grid-template-columns: 1fr; } }
html.md-new .md-prog__card {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 14px; padding: 20px 22px; box-shadow: var(--md-sh-xs);
  display: flex; flex-direction: column;
}
html.md-new .md-prog__top {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px;
}
html.md-new .md-prog__code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; font-weight: 700;
  background: #fff1e3; color: #b55c10; border-radius: 5px; padding: 3px 8px; letter-spacing: .02em;
}
html.md-new .md-prog__ref {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px; color: var(--md-text-3);
}
html.md-new .md-chip-done {
  font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  background: #e7f6ec; color: #1a7f45; border-radius: 999px; padding: 4px 10px;
}
html.md-new .md-prog__title {
  font-size: 16px; line-height: 1.35; font-weight: 700; color: var(--md-navy-dark);
  margin: 0 0 14px;
}
html.md-new .md-prog__row {
  display: flex; justify-content: space-between; align-items: baseline;
  font-size: 12px; font-weight: 600; color: var(--md-text-2); margin-bottom: 6px;
}
html.md-new .md-prog__row strong { font-size: 14px; color: var(--md-navy-dark); font-variant-numeric: tabular-nums; }
html.md-new .md-prog__meter {
  height: 7px; border-radius: 999px; background: #e6e9ef; overflow: hidden; margin-bottom: 18px;
}
html.md-new .md-prog__meter span { display: block; height: 100%; background: var(--md-orange); border-radius: 999px; }
html.md-new .md-prog__btn {
  margin-top: auto; display: block; text-align: center;
  background: var(--md-navy-dark); color: #fff !important; text-decoration: none !important;
  padding: 12px 20px; border-radius: 10px; font-size: 14px; font-weight: 700;
  transition: background .15s ease;
}
html.md-new .md-prog__btn:hover { background: var(--md-navy); }
html.md-new .md-prog__btn--ghost {
  background: var(--md-surface); color: var(--md-navy) !important; border: 1px solid var(--md-border);
}
html.md-new .md-prog__btn--ghost:hover { background: var(--md-bg); }

/* ===========================================================
   HESAP ALANI — kimlik kartı + yatay sekmeler (maket düzeni)
   =========================================================== */
html.md-new .md-acct { margin: 32px 0 28px; }
html.md-new .md-acct__id {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 16px; padding: 22px 26px; box-shadow: var(--md-sh-xs);
  position: relative; overflow: hidden;
}
html.md-new .md-acct__id::before {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 4px;
  background: linear-gradient(to right, var(--md-navy-dark), #4b4b9a 55%, var(--md-orange));
}
html.md-new .md-acct__pic {
  width: 62px; height: 62px; border-radius: 14px; object-fit: cover; flex: 0 0 auto;
  border: 1px solid var(--md-border);
}
html.md-new .md-acct__pic--blank { background: var(--md-bg); }
html.md-new .md-acct__who { flex: 1 1 220px; min-width: 0; }
html.md-new .md-acct__who h1 {
  margin: 0; font-size: 21px; font-weight: 800; letter-spacing: -.01em; color: var(--md-navy-dark);
}
html.md-new .md-acct__who p { margin: 4px 0 0; font-size: 13px; color: var(--md-text-2); }
html.md-new .md-acct__back {
  font-size: 13px; font-weight: 700; color: var(--md-navy) !important;
  text-decoration: none !important; white-space: nowrap;
}
html.md-new .md-acct__back:hover { color: var(--md-orange) !important; }

html.md-new .md-acct__tabs {
  display: flex; gap: 4px; margin-top: 22px; border-bottom: 1px solid var(--md-border);
  overflow-x: auto; -webkit-overflow-scrolling: touch;
}
html.md-new .md-acct__tab {
  padding: 12px 18px; font-size: 14px; font-weight: 700; white-space: nowrap;
  color: var(--md-text-2) !important; text-decoration: none !important;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
  transition: color .15s ease, border-color .15s ease;
}
html.md-new .md-acct__tab:hover { color: var(--md-navy) !important; }
html.md-new .md-acct__tab.is-on { color: var(--md-navy-dark) !important; border-bottom-color: var(--md-orange); }

/* yan menü kapalı → içerik tek sütun */
html.md-new body.md-acct-on .my-account__wrapper,
html.md-new .md-acct-on .my-account__wrapper { grid-template-columns: 1fr !important; }
html.md-new .md-acct-on .my-account__heading { margin-top: 0 !important; }

/* profil formu iki sütun (maketteki gibi) */
html.md-new .my-account-page .my-account__form-contents {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 20px;
}
@media (max-width: 680px) {
  html.md-new .my-account-page .my-account__form-contents { grid-template-columns: 1fr; }
}
html.md-new .my-account-page .my-account__form-contents > * { grid-column: span 1; }
html.md-new .my-account-page .my-account__form-contents .form__button-group { grid-column: 1 / -1; }
html.md-new .my-account__profile__wrapper { display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap; }
html.md-new .my-account__avatar { flex: 0 0 190px; }
html.md-new .my-account__form-contents { flex: 1 1 380px; min-width: 0; }

/* profil formu akışı: e-posta ve saat dilimi tam genişlik, ad/soyad ve
   şirket/ünvan ikişerli — alanlar düzensiz kaymasın */
html.md-new .my-account-page .my-account__form-contents .form__group:has(input[type="email"]),
html.md-new .my-account-page .my-account__form-contents .form__group:has(input[name*="email"]),
html.md-new .my-account-page .my-account__form-contents .form__group:has(select) {
  grid-column: 1 / -1 !important;
}
html.md-new .my-account-page .my-account__form-contents .form__group:has(select) select { max-width: 420px; }

/* yan menü gizliyken içerik tek sütun (sipariş sayfasında menü hiç basılmıyor) */
html.md-new .md-acct-on .my-account__wrapper { grid-template-columns: minmax(0,1fr) !important; }
html.md-new .md-acct-on .my-account__content { width: auto !important; min-width: 0; }
html.md-new .my-account__order-history { width: 100% !important; table-layout: auto !important; }

/* ===========================================================
   PANEL — makete yaklaştırma (2026-10-19)
   Fotoğraf kaldırıldı: öğrenci profilinde arka plan görseli
   dikkat dağıtıyor, maket de düz lacivert kullanıyor.
   =========================================================== */
html.md-new .student-dashboard__banner {
  background-image: none !important;
  background-color: #12284d !important;
  background: linear-gradient(135deg, #0f2347 0%, #16305c 55%, #1d3a6e 100%) !important;
  padding: 30px 0 28px !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* kimlik şeridi */
html.md-new .md-id__avatar { position: relative; flex: 0 0 auto; }
html.md-new .md-id__check {
  position: absolute; right: -2px; bottom: -2px;
  width: 22px; height: 22px; border-radius: 50%;
  background: #22a060; color: #fff; font-size: 12px; font-weight: 800;
  line-height: 22px; text-align: center; border: 2px solid #12284d;
}
html.md-new .md-id__pic { box-shadow: none; border: 2px solid rgba(255,255,255,.35); }
html.md-new .md-id__eyebrow { text-shadow: none; letter-spacing: .13em; }
html.md-new h1.md-id__name { text-shadow: none; }
html.md-new .md-id__sub { text-shadow: none; color: #b9c6dd; }
html.md-new .md-id__act { display: flex; gap: 10px; flex-wrap: wrap; }
html.md-new .md-id__btn--out {
  background: rgba(220,80,80,.14); border-color: rgba(255,150,150,.4); color: #ffd3d3 !important;
}
html.md-new .md-id__btn--out:hover { background: rgba(220,80,80,.26); }

/* sayaç kartları — maketteki gibi ikonlu, sade koyu kart */
html.md-new .md-kpis { gap: 16px; margin-top: 22px !important; }
html.md-new .md-kpis li {
  position: relative; background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.12); border-radius: 12px;
  padding: 15px 18px; backdrop-filter: none;
}
html.md-new .md-kpis__ico {
  position: absolute; top: 14px; right: 16px;
  color: rgba(255,255,255,.45); font-size: 15px; line-height: 1;
}
html.md-new .md-kpis__label {
  font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: none;
  color: #aebbd2; margin-bottom: 6px;
}
html.md-new .md-kpis__num { font-size: 30px; }
html.md-new .md-kpis__hint { font-size: 12px; color: #8a99b5; margin-top: 3px; }

/* sekmeler ve bölüm başlıkları — maketteki ikonlu hal */
html.md-new .md-tabs { margin-top: 26px; }
html.md-new .md-pane__h {
  display: flex; align-items: center; gap: 9px; font-size: 16px;
}
html.md-new .md-pane__h::before {
  content: '\25b8'; color: var(--md-orange); font-size: 13px;
}
/* ilerleme kartı: maketteki satır düzeni */
html.md-new .md-prog__card { padding: 18px 20px 20px; }
html.md-new .md-prog__title { font-size: 15px; margin-bottom: 16px; }
html.md-new .md-prog__meter { height: 6px; margin-bottom: 14px; }
html.md-new .md-prog__btn { padding: 11px 20px; font-size: 13.5px; }

/* sekmeler + içerik tek beyaz panelde (makette de böyle) */
html.md-new .md-board {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 16px; box-shadow: var(--md-sh-xs);
  padding: 0 26px 28px; margin-bottom: 56px;
}
@media (max-width: 560px) { html.md-new .md-board { padding: 0 16px 22px; } }
html.md-new .md-board .md-tabs { margin: 0 -26px 24px; padding: 0 26px; }
@media (max-width: 560px) { html.md-new .md-board .md-tabs { margin: 0 -16px 20px; padding: 0 16px; } }
html.md-new .md-board .md-tabs__btn { padding: 15px 16px; }
html.md-new .md-board .md-prog__card { background: var(--md-bg); }
html.md-new .md-pane__head {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px;
}
html.md-new .md-pane__head .md-pane__h { margin: 0; }
html.md-new .md-pane__all {
  background: none; border: 0; cursor: pointer; padding: 0;
  font-size: 13px; font-weight: 700; color: var(--md-navy);
}
html.md-new .md-pane__all:hover { color: var(--md-orange); text-decoration: underline; }
/* banner alt boşluğu */
html.md-new .student-dashboard__banner { padding-bottom: 24px !important; }
html.md-new .md-recur { margin-top: 26px; }
/* banner üst boşluğu: tema konteyneri fazladan padding veriyordu */
html.md-new .student-dashboard__banner .student-dashboard__container { padding-top: 0 !important; padding-bottom: 0 !important; }

/* ===========================================================
   SERTİFİKA SAYFASI — belge kartı (maket düzeni)
   =========================================================== */
html.md-new .student-certificate__data.md-cert {
  display: block !important; padding: 0 !important; overflow: hidden;
  position: relative; text-align: left !important;
}
html.md-new .student-certificate__data.md-cert::before {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 4px;
  background: linear-gradient(to right, var(--md-navy-dark), #4b4b9a 55%, var(--md-orange));
}
html.md-new .md-cert__head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
  padding: 24px 26px 18px; border-bottom: 1px solid var(--md-border); flex-wrap: wrap;
}
html.md-new .md-cert__eyebrow {
  margin: 0 0 5px; font-size: 11px; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: var(--md-text-3);
}
html.md-new .md-cert__title {
  margin: 0; font-size: 19px; line-height: 1.3; font-weight: 800;
  color: var(--md-navy-dark); letter-spacing: -.01em;
}
html.md-new .md-cert__chip {
  flex: 0 0 auto; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  background: #e7f6ec; color: #1a7f45; border-radius: 999px; padding: 6px 12px;
}
html.md-new .md-cert .student-certificate__data__container {
  display: flex; align-items: baseline; justify-content: space-between; gap: 18px;
  padding: 13px 26px; border-bottom: 1px solid var(--md-border); margin: 0 !important;
}
html.md-new .md-cert .student-certificate__data__container:last-child { border-bottom: 0; }
html.md-new .md-cert .student-certificate__data__label {
  font-size: 13px !important; font-weight: 600 !important; color: var(--md-text-2) !important;
  flex: 0 0 auto;
}
html.md-new .md-cert .student-certificate__data__value {
  font-size: 14px !important; font-weight: 700 !important; color: var(--md-navy-dark) !important;
  text-align: right; word-break: break-word;
}
/* kimlik, tarih ve geçerlilik satırları mono — denetçi okur */
html.md-new .md-cert [data-k="certificate id"] .student-certificate__data__value,
html.md-new .md-cert [data-k="issued"] .student-certificate__data__value,
html.md-new .md-cert [data-k="expires"] .student-certificate__data__value {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px !important;
}
html.md-new .md-cert [data-k="certificate id"] .student-certificate__data__value { color: var(--md-orange-dark) !important; }
html.md-new .md-cert [data-k="expires"] .student-certificate__data__value { color: #b55c10 !important; }

html.md-new .student-certificate__share.md-cert__share {
  display: flex !important; gap: 10px; flex-wrap: wrap; justify-content: flex-start;
  margin-top: 18px !important;
}
html.md-new .md-cert__btn {
  border-radius: 10px !important; font-size: 13px !important; font-weight: 700 !important;
  padding: 12px 22px !important; border: 1px solid var(--md-border) !important;
  background: var(--md-surface) !important; color: var(--md-navy) !important;
  box-shadow: none !important; cursor: pointer;
}
html.md-new .md-cert__btn:hover { background: var(--md-bg) !important; }
html.md-new .md-cert__btn--main {
  background: var(--md-orange) !important; border-color: var(--md-orange) !important; color: #fff !important;
}
html.md-new .md-cert__btn--main:hover { background: var(--md-orange-dark) !important; }
html.md-new .md-cert__note {
  margin: 16px 0 0; font-size: 12.5px; line-height: 1.6; color: var(--md-text-3); max-width: 640px;
}

/* ===========================================================
   HESAP SEKMELERİ — görünürlük (silik kalıyordu)
   =========================================================== */
html.md-new .md-acct__tabs {
  gap: 6px; margin-top: 20px; border-bottom: 2px solid var(--md-border);
}
html.md-new .md-acct__tab {
  padding: 13px 20px; font-size: 15px; font-weight: 700;
  color: var(--md-navy-dark) !important; opacity: .55;
  border-bottom: 3px solid transparent; margin-bottom: -2px;
}
html.md-new .md-acct__tab:hover { opacity: 1; background: var(--md-bg); border-radius: 8px 8px 0 0; }
html.md-new .md-acct__tab.is-on {
  opacity: 1; border-bottom-color: var(--md-orange);
  background: linear-gradient(to bottom, rgba(239,139,52,.08), transparent);
  border-radius: 8px 8px 0 0;
}

/* dördüncü sayaç: yaklaşan yenileme */
html.md-new .md-kpis { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1080px) { html.md-new .md-kpis { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { html.md-new .md-kpis { grid-template-columns: 1fr; } }
html.md-new .md-kpis [data-kpi="renew"] .md-kpis__num {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 20px; letter-spacing: -.01em;
}
html.md-new .md-kpis li.is-due {
  background: rgba(239,139,52,.16); border-color: rgba(255,180,110,.5);
}
html.md-new .md-kpis li.is-due .md-kpis__hint { color: #ffc89a; font-weight: 600; }

/* ===========================================================
   SERTİFİKA KARTLARI (panel · Certificates sekmesi)
   =========================================================== */
html.md-new .md-creds { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
@media (max-width: 900px) { html.md-new .md-creds { grid-template-columns: 1fr; } }
html.md-new .md-cred {
  background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 14px; overflow: hidden; position: relative; box-shadow: var(--md-sh-xs);
}
html.md-new .md-cred::before {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 4px;
  background: linear-gradient(to right, var(--md-navy-dark), #4b4b9a 55%, var(--md-orange));
}
html.md-new .md-cred__head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;
  padding: 20px 22px 16px; border-bottom: 1px solid var(--md-border); flex-wrap: wrap;
}
html.md-new .md-cred__eyebrow {
  margin: 0 0 4px; font-size: 10px; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: var(--md-text-3);
}
html.md-new .md-cred__title {
  margin: 0; font-size: 16px; line-height: 1.3; font-weight: 800; color: var(--md-navy-dark);
}
html.md-new .md-cred__chip {
  flex: 0 0 auto; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  background: #e7f6ec; color: #1a7f45; border-radius: 999px; padding: 5px 11px;
}
html.md-new .md-cred__rows { margin: 0; padding: 0; }
html.md-new .md-cred__rows > div {
  display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
  padding: 11px 22px; border-bottom: 1px solid var(--md-border);
}
html.md-new .md-cred__rows dt { margin: 0; font-size: 12.5px; font-weight: 600; color: var(--md-text-2); }
html.md-new .md-cred__rows dd {
  margin: 0; font-size: 13.5px; font-weight: 700; color: var(--md-navy-dark); text-align: right;
}
html.md-new .md-cred__id, html.md-new .md-cred__mono, html.md-new .md-cred__exp {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px !important;
}
html.md-new .md-cred__id  { color: var(--md-orange-dark) !important; }
html.md-new .md-cred__exp { color: #b55c10 !important; }
html.md-new .md-cred__act { display: flex; gap: 10px; padding: 16px 22px 20px; flex-wrap: wrap; }
html.md-new .md-cred__btn {
  flex: 1 1 auto; text-align: center; cursor: pointer;
  border: 1px solid var(--md-border); background: var(--md-surface);
  color: var(--md-navy) !important; text-decoration: none !important;
  border-radius: 10px; padding: 11px 16px; font-size: 13px; font-weight: 700;
  transition: background .15s ease;
}
html.md-new .md-cred__btn:hover { background: var(--md-bg); }
html.md-new .md-cred__btn--main {
  background: var(--md-orange); border-color: var(--md-orange); color: #fff !important;
}
html.md-new .md-cred__btn--main:hover { background: var(--md-orange-dark); }
html.md-new .md-cred--sample { border-style: dashed; }
html.md-new .md-cred__sample {
  display: block; background: #fff4e6; color: #9a5a12; font-size: 11px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; padding: 7px 22px; border-bottom: 1px solid #f3dcc0;
}

/* ===========================================================
   HESAP ALANI v2 — maketteki profil düzeni (2026-10-20)
   Tek orta sütun: üst satır → kimlik kartı → sekmeler ve sayfa
   içeriği AYNI beyaz kartın içinde. Alanlar Thinkific'in kendi
   formu; yalnız biçimlendiriliyor, hiçbir alan eklenmiyor.
   =========================================================== */
html.md-new .md-acct-on .my-account__container {
  max-width: 980px !important;
  padding: 34px 20px 60px !important;
}
html.md-new .md-acct-on .my-account__wrapper { margin: 0 !important; display: block !important; }
html.md-new .md-acct { margin: 0; }

/* üst satır: panele dönüş + hesap bilgisi */
html.md-new .md-acct__top {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  flex-wrap: wrap; margin: 0 4px 16px;
}
html.md-new .md-acct__back {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13.5px; font-weight: 700; color: var(--md-text-2) !important;
  text-decoration: none !important;
}
html.md-new .md-acct__back svg { width: 16px; height: 16px; }
html.md-new .md-acct__back:hover { color: var(--md-navy) !important; }
html.md-new .md-acct__meta { font-size: 12.5px; color: var(--md-text-4); }

/* kimlik kartı */
html.md-new .md-acct__id {
  align-items: center; gap: 22px; padding: 26px 30px; border-radius: 14px;
}
html.md-new .md-acct__id::before { height: 5px; }
html.md-new .md-acct__pic { width: 76px; height: 76px; border-radius: 14px; }
html.md-new .md-acct__nameline { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
html.md-new .md-acct__who h1 { font-size: 25px; font-weight: 800; }
html.md-new .md-acct__pill {
  font-size: 12px; font-weight: 700; border-radius: 999px; padding: 5px 12px; white-space: nowrap;
}
html.md-new .md-acct__pill.is-ok   { background: #dcfce7; color: #15803d; }
html.md-new .md-acct__pill.is-todo { background: #fff3e2; color: #9a5400; }
html.md-new .md-acct__role { margin: 7px 0 0; font-size: 14px; color: var(--md-text-2); }
html.md-new .md-acct__role b { color: var(--md-navy-dark); font-weight: 800; }
html.md-new .md-acct__chips { display: flex; gap: 10px; margin-top: 13px; flex-wrap: wrap; }
html.md-new .md-acct__chips span {
  font-family: var(--md-mono); font-size: 12.5px; color: var(--md-text-2);
  background: var(--md-surface-3); border-radius: 8px; padding: 7px 13px;
}

/* sekmeler + içerik tek kartta */
html.md-new .md-acct__panel {
  margin-top: 22px; background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 14px; box-shadow: var(--md-sh-xs); overflow: hidden;
}
html.md-new .md-acct__panel .md-acct__tabs {
  display: flex; gap: 0; margin: 0; border-bottom: 1px solid var(--md-border);
  overflow-x: auto; -webkit-overflow-scrolling: touch;
}
html.md-new .md-acct__panel .md-acct__tab {
  display: inline-flex; align-items: center; gap: 9px; padding: 16px 20px;
  font-size: 14px; font-weight: 700; white-space: nowrap; opacity: 1;
  color: var(--md-text-2) !important; background: none; border-radius: 0;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
html.md-new .md-acct__panel .md-acct__tab:hover { background: none; color: var(--md-navy) !important; }
html.md-new .md-acct__panel .md-acct__tab.is-on {
  color: var(--md-navy-dark) !important; border-bottom-color: var(--md-orange);
  background: rgba(239,139,52,.06); border-radius: 0;
}
html.md-new .md-acct__tab-ico { width: 17px; height: 17px; flex: 0 0 auto; color: var(--md-orange); }
html.md-new .md-acct__panel .my-account__content {
  padding: 26px 28px 24px !important; max-width: none !important; width: auto !important;
  flex: 1 1 auto !important; margin: 0 !important;
}

/* form alanları */
html.md-new .md-acct-on .my-account__profile__wrapper { gap: 26px; }
html.md-new .md-acct-on .my-account__avatar { flex: 0 0 150px; }
html.md-new .md-acct-on .form__label {
  display: block; margin: 0 0 6px; font-size: 13px; font-weight: 600;
  line-height: 1.4; color: var(--md-text-2);
}
html.md-new .md-acct-on .form__control {
  height: 44px; border-radius: 8px; border: 1px solid var(--md-border);
  background: var(--md-surface); color: var(--md-navy-dark); font-size: 14px;
  padding: 0 14px; box-shadow: none;
}
html.md-new .md-acct-on textarea.form__control { height: auto; padding: 12px 14px; }
html.md-new .md-acct-on .form__control:focus {
  border-color: var(--md-orange); box-shadow: 0 0 0 3px rgba(239,139,52,.16); outline: none;
}
html.md-new .md-acct-on .form__group { margin-bottom: 18px; }
/* maketteki gibi alanın solunda ince ikon */
html.md-new .md-acct-on .form__control[data-md-ico] {
  padding-left: 42px;
  background-repeat: no-repeat !important; background-position: 14px 50% !important;
  background-size: 17px 17px !important;
}
html.md-new .md-acct-on .form__control[data-md-ico="mail"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390a1b9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect width='20' height='16' x='2' y='4' rx='2'/><path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/></svg>") !important;
}
html.md-new .md-acct-on .form__control[data-md-ico="user"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390a1b9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
}
html.md-new .md-acct-on .form__control[data-md-ico="building"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390a1b9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect width='16' height='20' x='4' y='2' rx='2'/><path d='M9 22v-4h6v4'/><path d='M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01'/></svg>") !important;
}
html.md-new .md-acct-on .form__control[data-md-ico="badge"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390a1b9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/><rect width='8' height='4' x='8' y='2' rx='1'/><path d='M8 12h8M8 16h5'/></svg>") !important;
}
html.md-new .md-acct-on .form__control[data-md-ico="lock"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390a1b9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='11' x='3' y='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") !important;
}

/* kaydet şeridi: maketteki gibi sağa hizalı, üstünde ince çizgi */
html.md-new .md-acct-on .form__button-group {
  display: flex; align-items: center; justify-content: flex-end; gap: 18px;
  width: 100% !important; margin: 24px 0 0 !important; padding-top: 18px !important;
  border-top: 1px solid var(--md-border);
}
html.md-new .md-acct-on .form__button-group .button,
html.md-new .md-acct-on .form__button-group input[type="submit"] {
  width: auto !important; border: 0; border-radius: 8px; padding: 12px 24px;
  background: var(--md-orange); color: #fff; font-size: 14px; font-weight: 700;
}
html.md-new .md-acct-on .form__button-group .button:hover,
html.md-new .md-acct-on .form__button-group input[type="submit"]:hover { background: var(--md-orange-h); }
html.md-new .md-acct__cancel,
html.md-new .md-acct-on .form__button-group .md-acct__cancel {
  background: none !important; border: 0 !important; box-shadow: none !important;
  padding: 10px 4px !important; width: auto !important; cursor: pointer;
  font-size: 14px !important; font-weight: 700 !important; color: var(--md-text-2) !important;
}
html.md-new .md-acct__cancel:hover { color: var(--md-navy-dark); }

/* 390px */
@media (max-width: 680px) {
  html.md-new .md-acct-on .my-account__container { padding: 22px 14px 44px !important; }
  html.md-new .md-acct__id { padding: 20px; gap: 16px; }
  html.md-new .md-acct__pic { width: 60px; height: 60px; }
  html.md-new .md-acct__who h1 { font-size: 21px; }
  html.md-new .md-acct__panel .my-account__content { padding: 20px 16px !important; }
  html.md-new .md-acct__panel .md-acct__tab { padding: 14px 15px; font-size: 13.5px; }
  html.md-new .md-acct-on .my-account__avatar { flex: 1 1 100%; }
  html.md-new .md-acct-on .form__button-group { flex-direction: column-reverse; align-items: stretch; }
  html.md-new .md-acct-on .form__button-group .button,
  html.md-new .md-acct-on .form__button-group input[type="submit"] { width: 100% !important; }
}

/* --- v2 düzeltmeleri: iç içe kart kalmasın, alanlar maket ölçüsünde --- */
html.md-new .md-acct__panel .my-account__content > form,
html.md-new .md-acct__panel .my-account__content > .my-account__no-certificates,
html.md-new .md-acct__panel .my-account__content > table,
html.md-new .md-acct__panel .my-account__profile__wrapper {
  background: none !important; border: 0 !important; border-radius: 0 !important;
  padding: 0 !important; box-shadow: none !important; margin-bottom: 0 !important;
}
html.md-new .md-acct__panel .my-account__content > table { width: 100% !important; }

/* fotoğraf kimlik kartında zaten var; formda yalnız yükleme düğmesi kalır */
html.md-new .md-acct-on .my-account__profile__wrapper { display: block !important; }
html.md-new .md-acct-on .my-account__avatar { margin: 0 0 20px !important; }
html.md-new .md-acct-on .my-account__avatar .img-responsive { display: none !important; }
html.md-new .md-acct-on .my-account__avatar .button-upload {
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
  font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important;
  text-transform: none !important; color: var(--md-navy) !important;
  background: var(--md-surface-3); border: 1px solid var(--md-border); border-radius: 8px;
  padding: 10px 16px !important; margin: 0 !important;
}
html.md-new .md-acct-on .my-account__avatar .button-upload:hover { background: var(--md-surface-2); color: var(--md-navy-dark) !important; }

/* alanlar: 44px, köşe 8px, ikon için soldan boşluk */
html.md-new .md-acct-on .my-account__content input[type="text"],
html.md-new .md-acct-on .my-account__content input[type="email"],
html.md-new .md-acct-on .my-account__content input[type="password"],
html.md-new .md-acct-on .my-account__content select {
  max-width: none !important; height: 44px !important; border-radius: 8px !important;
  padding: 0 14px !important; font-size: 14px !important;
}
html.md-new .md-acct-on .my-account__content .form__control[data-md-ico] { padding-left: 42px !important; }
html.md-new .md-acct-on .my-account__content label {
  font-size: 13px !important; font-weight: 600 !important;
}

/* profil formu sıralaması: [Ad | Soyad] · [E-posta | Ünvan] · [Şirket | Saat dilimi] */
html.md-new .md-acct-on .my-account__form-contents {
  padding: 0 !important; gap: 0 20px; align-items: start;
  width: 100% !important; max-width: none !important; flex: 1 1 auto !important;
}
html.md-new .md-acct-on .my-account__form-contents > .form__group { order: 5; }
html.md-new .md-acct-on .my-account__form-contents > .form__group:has(.input__group) {
  order: 1; grid-column: 1 / -1 !important;
  display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 20px;
}
html.md-new .md-acct-on .my-account__form-contents > .form__group > .input__group {
  width: auto !important; margin: 0 !important;
}
html.md-new .md-acct-on .my-account__form-contents > .form__group:has(input[name="user[email]"]) {
  order: 2; grid-column: span 1 !important;
}
html.md-new .md-acct-on .my-account__form-contents > .form__group:has(input[name*="[headline]"]) { order: 3; }
html.md-new .md-acct-on .my-account__form-contents > .form__group:has(input[name*="[company]"]) { order: 4; }
html.md-new .md-acct-on .my-account__form-contents > .form__group:has(select) {
  order: 6; grid-column: span 1 !important;
}
html.md-new .md-acct-on .my-account__form-contents > .form__group:has(select) select { max-width: none !important; }
html.md-new .md-acct-on .my-account__form-contents > .form__button-group { order: 9; }

/* şifre sayfası: maketteki Security & Access gibi iki sütun */
html.md-new .my-account-password-page .md-acct__panel .my-account__content > form {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 20px; align-items: start;
}
html.md-new .my-account-password-page .md-acct__panel .my-account__content > form > .form__button-group {
  grid-column: 1 / -1;
}
@media (max-width: 680px) {
  html.md-new .my-account-password-page .md-acct__panel .my-account__content > form { grid-template-columns: 1fr; }
}

/* hesap kartı içindeki tema düğmeleri maketteki köşe yarıçapına gelir */
html.md-new .md-acct__panel .button,
html.md-new .md-acct__panel .button-primary {
  border-radius: 8px !important;
}
/* boş sertifika ekranındaki süs çizgisi maket düzeninde gereksiz */
html.md-new .md-acct__panel .my-account__no-certificates hr,
html.md-new .md-acct__panel .my-account__no-certificates::before { display: none !important; }

/* 390px: kimlik kartı — fotoğraf solda, ad sağda tek blok */
@media (max-width: 680px) {
  html.md-new .md-acct__id {
    display: grid !important; grid-template-columns: auto minmax(0,1fr);
    align-items: start; column-gap: 14px; row-gap: 0;
  }
  html.md-new .md-acct__who { min-width: 0; }
  html.md-new .md-acct__nameline { flex-direction: column; align-items: flex-start; gap: 8px; }
  html.md-new .md-acct__who h1 { font-size: 19px; line-height: 1.25; }
  html.md-new .md-acct__chips span { font-size: 11.5px; padding: 6px 10px; }
  html.md-new .md-acct__top { margin-bottom: 12px; }
  html.md-new .md-acct__meta { display: none; }
}
@media (max-width: 680px) {
  html.md-new .md-acct-on .my-account__form-contents > .form__group:has(.input__group) {
    grid-template-columns: 1fr;
  }
}

/* ===========================================================
   HERO: SAYFA BAŞINA FARKLI KADRAJ + KARARTMA
   (2026-10-20, sahip talimatı)
   1) Aynı geniş fotoğraf her sayfada aynı yerinden kesilmesin: kurs ve
      paket sayfaları yol adresinden üretilen sabit bir kadraj numarası
      alır (newdesign.js → data-md-hero), panel ve giriş/kayıt sayfalarının
      kendi kadrajı vardır. Ana sayfanın kadrajı BİREBİR aynı kalır —
      yalnız tonu koyulaşır.
   2) Fotoğrafın üstündeki yazılar net okunsun diye bütün hero'lara düz bir
      lacivert örtü ekleniyor. 2026-10-19'da ölçülen mor ton korunuyor,
      sadece bir kademe koyulaşıyor (sahip: "yazılar hâlâ güzel
      okunmuyor").
   =========================================================== */
html.md-new { --md-hero-veil: linear-gradient(rgba(13,16,48,.58), rgba(13,16,48,.58)); }

/* ana sayfa: kadraj aynı, yalnız örtü eklendi */
html.md-new .banner::before {
  background:
    var(--md-hero-veil),
    radial-gradient(900px 620px at 80% 5%, rgba(120,120,235,.40), transparent 72%),
    linear-gradient(to top, rgba(20,20,62,.30) 0%, rgba(20,20,62,.10) 18%, rgba(20,20,62,0) 30%),
    linear-gradient(to right, rgba(16,16,54,.52) 0%, rgba(16,16,54,.24) 26%, rgba(16,16,54,0) 44%);
}

/* diğer hero'lar: örtü katmanı fotoğrafın üstüne eklenir */
/* panel şeridinde fotoğraf yok (2026-10-19 kararı: maket düz lacivert
   kullanıyor), o yüzden burada yer almıyor. */
html.md-new .md-chero,
html.md-new .sign-in-page,
html.md-new .sign-up-page {
  background-image:
    var(--md-hero-veil),
    radial-gradient(900px 620px at 82% 4%, rgba(120,120,235,.44), transparent 72%),
    linear-gradient(to top, rgba(20,20,62,.26) 0%, rgba(20,20,62,.08) 20%, rgba(20,20,62,0) 34%),
    linear-gradient(to right, rgba(16,16,54,.72) 0%, rgba(16,16,54,.46) 30%, rgba(16,16,54,.06) 56%),
    var(--md-hero-img);
  background-size: cover, cover, cover, cover, 150% auto;
  background-position: center, center, center, center, 8% 58%;
}

/* her sayfa fotoğrafın başka bir bölgesini gösterir */
html.md-new[data-md-hero="1"] .md-chero { background-size: cover,cover,cover,cover, 155% auto; background-position: center,center,center,center, 26% 26%; }
html.md-new[data-md-hero="2"] .md-chero { background-size: cover,cover,cover,cover, 165% auto; background-position: center,center,center,center, 40% 52%; }
html.md-new[data-md-hero="3"] .md-chero { background-size: cover,cover,cover,cover, 150% auto; background-position: center,center,center,center, 66% 44%; }
html.md-new[data-md-hero="4"] .md-chero { background-size: cover,cover,cover,cover, 180% auto; background-position: center,center,center,center, 90% 62%; }
html.md-new[data-md-hero="5"] .md-chero { background-size: cover,cover,cover,cover, 170% auto; background-position: center,center,center,center, 52% 78%; }
html.md-new[data-md-hero="6"] .md-chero { background-size: cover,cover,cover,cover, 150% auto; background-position: center,center,center,center,  8% 58%; }

html.md-new .sign-in-page { background-size: cover,cover,cover,cover, 150% auto; background-position: center,center,center,center, 30% 18%; }
html.md-new .sign-up-page { background-size: cover,cover,cover,cover, 170% auto; background-position: center,center,center,center, 62% 70%; }

/* yazılar fotoğrafın açık bölgelerine denk gelse de okunsun */
html.md-new .banner .section__heading,
html.md-new .banner .section__subheading,
html.md-new .md-chero__title,
html.md-new .md-chero__sub,
html.md-new .md-chero__ref,
html.md-new .md-chero__audience,
html.md-new .md-eyebrow--hero { text-shadow: 0 2px 10px rgba(6,6,28,.55); }

/* ===========================================================
   KURS SAYFASI v2 — maketin kart düzeni (2026-10-20, sahip talimatı)
   Hero fotoğrafı ve bölüm metinleri aynen kalır; değişen yerleşim:
   hero'da rozet satırı + puan + dört bilgi karosu + sağda satın alma
   kartı, gövdede tek sütun beyaz kartlar (üstte turuncu etiket).
   Yalnız html.md-coursev2 sayfalarında geçerli (önce tek örnek).
   =========================================================== */

/* --- hero: rozet satırı --- */
html.md-coursev2 .md-chero__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; }
html.md-coursev2 .md-chero__badges .md-eyebrow--hero {
  margin: 0 !important; background: var(--md-orange); color: #fff; border-radius: 6px;
  padding: 6px 11px; font-size: 11px; letter-spacing: .06em;
}
html.md-coursev2 p.md-chero__ref, html.md-coursev2 .md-chero__ref {
  margin: 0 !important; border: 1px solid rgba(134,239,172,.45); color: #bbf7d0;
  background: rgba(22,101,52,.28); border-radius: 6px; padding: 5px 11px;
  font-family: var(--md-mono); font-size: 11.5px; letter-spacing: .02em;
}

/* --- hero: puan satırı --- */
html.md-coursev2 .md-chero__stats { display: flex; align-items: center; gap: 14px; margin: 0 0 22px; }
html.md-coursev2 .md-chero__score { display: inline-flex; align-items: center; gap: 8px; color: #e2e8f0; font-size: 14px; }
html.md-coursev2 .md-chero__score b { color: #fff; font-size: 16px; font-weight: 800; }
html.md-coursev2 .md-chero__stars { color: var(--md-orange); letter-spacing: 1px; font-size: 14px; }
html.md-coursev2 .md-chero__reviews { color: #c7d2e4; }

/* --- hero: dört bilgi karosu --- */
html.md-coursev2 .md-chero__tiles {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 26px;
}
@media (min-width: 900px) { html.md-coursev2 .md-chero__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
html.md-coursev2 .md-chero__tile {
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px; padding: 11px 13px 12px;
}
html.md-coursev2 .md-chero__tile-l {
  display: block; color: #b9c6dc; font-size: 11px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; margin-bottom: 5px;
}
html.md-coursev2 .md-chero__tile-v { display: block; color: #fff; font-size: 14.5px; font-weight: 700; line-height: 1.3; }

/* --- satın alma kartı: neler dahil + kurumsal bağlantı --- */
html.md-coursev2 .md-cpanel__inc { margin-top: 16px; border-top: 1px solid var(--md-border); padding-top: 14px; }
html.md-coursev2 .md-cpanel__inc-h {
  margin: 0 0 9px; font-size: 11px; font-weight: 700; letter-spacing: .06em; color: var(--md-text-2);
}
html.md-coursev2 .md-cpanel__inc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
html.md-coursev2 .md-cpanel__inc li {
  position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.45; color: var(--md-text-1);
}
html.md-coursev2 .md-cpanel__inc li::before {
  content: '✓'; position: absolute; left: 0; top: 0; color: #16a34a; font-weight: 800; font-size: 12px;
}
html.md-coursev2 a.md-cpanel__team {
  display: block; margin-top: 14px; text-align: center; font-size: 13px; font-weight: 600;
  color: var(--md-navy); text-decoration: none; line-height: 1.45;
}
html.md-coursev2 a.md-cpanel__team:hover { color: var(--md-orange); }

/* --- gövde: tek sütun kart akışı --- */
html.md-coursev2 .md-cp { background: var(--md-bg); padding: 34px 0 10px; }
html.md-coursev2 .md-cp__main {
  max-width: 1280px; margin-inline: auto; padding-inline: 16px;
  display: grid; gap: 22px;
}
@media (min-width: 1024px) { html.md-coursev2 .md-cp__main { padding-inline: 32px; max-width: 980px; } }
html.md-coursev2 .md-cp__card {
  background: var(--md-surface); border: 1px solid var(--md-border); border-radius: 14px;
  box-shadow: var(--md-sh-xs); padding: 26px 28px 24px; overflow: hidden;
}
html.md-coursev2 .md-cp__eyebrow { margin: 0 0 4px; font-size: 11.5px; letter-spacing: .07em; }
/* kart içindeki tema bölümü kendi zeminini ve boşluğunu bırakır */
html.md-coursev2 .md-cp__card > section {
  background: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important;
  min-height: 0 !important;
}
html.md-coursev2 .md-cp__card > section > .section__container,
html.md-coursev2 .md-cp__card > section > div {
  max-width: none !important; padding-left: 0 !important; padding-right: 0 !important;
}
html.md-coursev2 .md-cp__card .section__heading,
html.md-coursev2 .md-cp__card h2 {
  text-align: left !important; margin: 0 0 14px !important;
  font-size: 25px; line-height: 1.22; font-weight: 800; color: var(--md-navy-dark); letter-spacing: -.02em;
}
html.md-coursev2 .md-cp__card .section__subheading,
html.md-coursev2 .md-cp__card p { text-align: left !important; }

/* müfredat kartı: maketteki modül listesi görünümü */
html.md-coursev2 .md-cp__card--curr .md-curr-label { display: none; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__container { max-width: none !important; }

/* sertifika kartı: lacivert zemin */
html.md-coursev2 .md-cp__card--cert { background: var(--md-navy-dark); border-color: var(--md-navy); }
html.md-coursev2 .md-cp__card--cert .md-cp__eyebrow { color: var(--md-orange); }
html.md-coursev2 .md-cp__card--cert .section__heading,
html.md-coursev2 .md-cp__card--cert h2 { color: #fff !important; }
html.md-coursev2 .md-cp__card--cert p,
html.md-coursev2 .md-cp__card--cert li { color: #dbe4f1 !important; }

/* kapanış satın alma kartı */
html.md-coursev2 .md-cp__card--buy .pricing-table__list { justify-content: flex-start !important; }

/* önerilen kurslar: kartsız şerit */
html.md-coursev2 .md-cp__related { background: var(--md-bg); padding: 10px 0 56px !important; }

@media (max-width: 680px) {
  html.md-coursev2 .md-cp__card { padding: 20px 18px 18px; border-radius: 12px; }
  html.md-coursev2 .md-cp__card .section__heading,
  html.md-coursev2 .md-cp__card h2 { font-size: 21px; }
}

/* --- v2 düzeltmeleri: kart içi genişlik, müfredat yoğunluğu --- */
html.md-coursev2 .md-cp__card .section__content,
html.md-coursev2 .md-cp__card .section__body,
html.md-coursev2 .md-cp__card .rich-text__container,
html.md-coursev2 .md-cp__card .course-curriculum__content,
html.md-coursev2 .md-cp__card .checklist__container,
html.md-coursev2 .md-cp__card .faq__container,
html.md-coursev2 .md-cp__card .instructor__container {
  max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}
html.md-coursev2 .md-cp__card p,
html.md-coursev2 .md-cp__card li { max-width: none !important; }
html.md-coursev2 .md-cp__card .rich-text__content > *:last-child { margin-bottom: 0 !important; }

/* müfredat: iç içe kart yok, satırlar maketteki gibi sık */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-container,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter {
  background: none !important; border: 0 !important; box-shadow: none !important;
  padding: 0 !important; margin: 0 !important; max-width: none !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-title,
html.md-coursev2 .md-cp__card--curr .course-chapter__title {
  font-size: 16px !important; font-weight: 700 !important; color: var(--md-navy-dark) !important;
  padding: 0 0 6px !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson {
  padding: 8px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--md-border) !important;
  font-size: 14px !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson:last-child { border-bottom: 0 !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson svg,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson img { width: 15px !important; height: 15px !important; }
html.md-coursev2 .md-cp__curr-h { margin: 0 0 14px !important; }

/* tema bölümleri iki sütunlu flex kuruyor; kart içinde tek sütun ve tam
   genişlik olmalı (metin ve ders listesi yarım sütunda kalıyordu) */
html.md-coursev2 .md-cp__card .rich-text__wrapper,
html.md-coursev2 .md-cp__card .checklist__wrapper,
html.md-coursev2 .md-cp__card .faq__wrapper,
html.md-coursev2 .md-cp__card .instructor__wrapper,
html.md-coursev2 .md-cp__card .course-curriculum__wrapper,
html.md-coursev2 .md-cp__card .pricing-table__wrapper,
html.md-coursev2 .md-cp__card [class$="__wrapper"] { display: block !important; }
html.md-coursev2 .md-cp__card .section__content,
html.md-coursev2 .md-cp__card .section__body,
html.md-coursev2 .md-cp__card .fr-view,
html.md-coursev2 .md-cp__card .custom-theme,
html.md-coursev2 .md-cp__card .course-curriculum__chapter-list,
html.md-coursev2 .md-cp__card .course-curriculum__chapter,
html.md-coursev2 .md-cp__card .course-curriculum__chapter-content-wrapper,
html.md-coursev2 .md-cp__card .course-curriculum__chapter-content {
  width: 100% !important; max-width: none !important; flex: 1 1 100% !important;
}
html.md-coursev2 .md-cp__card .course-curriculum__chapter-list { display: block !important; }

/* müfredat: ders satırları tam genişlik, girinti yok, önizleme etiketi sağda */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content > li,
html.md-coursev2 .md-cp__card--curr a.course-curriculum__chapter-lesson,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson {
  width: 100% !important; max-width: none !important; flex: 1 1 100% !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content { padding-left: 0 !important; margin: 0 !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson {
  display: flex !important; align-items: center; gap: 10px;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson > *:last-child { margin-left: auto; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-header,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-title-wrapper { padding: 0 !important; }

/* kart metinleri: tek ölçek (tema bazı bölümlerde 20px+ kullanıyor) */
html.md-coursev2 .md-cp__card p,
html.md-coursev2 .md-cp__card li,
html.md-coursev2 .md-cp__card .fr-view { font-size: 15px !important; line-height: 1.65 !important; }
html.md-coursev2 .md-cp__card .checklist__list-item,
html.md-coursev2 .md-cp__card .checklist__item-text { font-size: 14.5px !important; }
html.md-coursev2 .md-cp__card--cert p { color: #dbe4f1 !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson > * { text-align: left !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson-title,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson span:not([class*="free"]) { flex: 1 1 auto !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson > :first-child { flex: 0 0 auto !important; }

/* eğitmen kartı: iç içe kutu yok, metin tam genişlik */
html.md-coursev2 .md-cp__card .instructor__card,
html.md-coursev2 .md-cp__card .instructor__content,
html.md-coursev2 .md-cp__card .instructor__container > div {
  background: none !important; border: 0 !important; box-shadow: none !important;
  padding: 0 !important; max-width: none !important; width: 100% !important;
}
html.md-coursev2 .md-cp__card .instructor__bio,
html.md-coursev2 .md-cp__card .instructor__details { max-width: none !important; width: auto !important; }
html.md-coursev2 .md-cp__card .instructor__name { font-size: 17px !important; letter-spacing: .02em; }

/* ===========================================================
   KURS SAYFASI v2 — ikinci tur (2026-10-20 sahip remarkları)
   · hero alçaltıldı, sağdaki kart daraltıldı
   · "learners work in…" satırı ana sayfadaki bayrak şeridiyle değişti
   · dört karo yeniden tasarlandı (içerik: Course facts tablosu)
   · müfredat satırları hizalandı ve okunur hâle getirildi
   · sayfanın her yerinden kayıt: alt şerit + kart içi düğme
   =========================================================== */

/* --- hero yüksekliği --- */
html.md-coursev2 .md-chero { padding: 32px 0 34px !important; }
@media (min-width: 1024px) { html.md-coursev2 .md-chero { padding: 38px 0 42px !important; } }
html.md-coursev2 .md-chero__grid { align-items: start; gap: 28px !important; }
@media (min-width: 1024px) {
  html.md-coursev2 .md-chero__grid { grid-template-columns: minmax(0,1fr) 340px !important; gap: 40px !important; }
}
html.md-coursev2 .md-chero__title { font-size: 31px !important; line-height: 1.16 !important; margin: 0 0 12px !important; }
@media (min-width: 1024px) { html.md-coursev2 .md-chero__title { font-size: 38px !important; } }
html.md-coursev2 .md-chero__sub { font-size: 15.5px !important; line-height: 1.6 !important; margin: 0 0 14px !important; max-width: 640px; }
html.md-coursev2 .md-chero__badges { margin-bottom: 14px; }
html.md-coursev2 .md-chero__stats { margin: 0 0 16px; }
html.md-coursev2 .md-chero__cta { margin-top: 18px !important; }

/* --- dört bilgi karosu: yeni tasarım --- */
html.md-coursev2 .md-chero__tiles { gap: 10px; margin: 0 0 18px; }
html.md-coursev2 .md-chero__tile {
  position: relative; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px; padding: 10px 12px 11px 15px; overflow: hidden;
}
html.md-coursev2 .md-chero__tile::before {
  content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px;
  border-radius: 0 3px 3px 0; background: var(--md-orange);
}
html.md-coursev2 .md-chero__tile-l {
  font-family: var(--md-mono); font-size: 10px; letter-spacing: .08em; color: #9fb3d1;
  text-transform: uppercase; margin-bottom: 4px;
}
html.md-coursev2 .md-chero__tile-v { font-size: 13.5px; font-weight: 600; line-height: 1.35; color: #fff; }

/* --- bayrak şeridi hero'nun altında --- */
html.md-coursev2 .md-chero__trust { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); }

/* --- satın alma kartı: dar --- */
html.md-coursev2 .md-cpanel { align-self: start; }
html.md-coursev2 .md-cpanel__img img { aspect-ratio: 16/10; object-fit: cover; }
html.md-coursev2 .md-cpanel__body { padding: 16px 18px 18px !important; }
html.md-coursev2 .md-cpanel__price { font-size: 26px !important; }

/* --- müfredat: hizalı, okunur satırlar --- */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-title,
html.md-coursev2 .md-cp__card--curr .course-chapter__title {
  font-size: 14px !important; text-transform: uppercase; letter-spacing: .04em;
  color: var(--md-text-2) !important; font-weight: 700 !important;
  padding: 0 0 10px !important; border-bottom: 1px solid var(--md-border) !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content { counter-reset: md-les; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson {
  padding: 11px 12px 11px 0 !important; border-radius: 8px;
  color: var(--md-text-1) !important; font-weight: 500 !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson:hover { background: var(--md-surface-2); }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson::before {
  counter-increment: md-les; content: counter(md-les, decimal-leading-zero);
  flex: 0 0 34px; font-family: var(--md-mono); font-size: 12px; color: var(--md-text-3);
  text-align: left; padding-left: 4px;
}
/* temanın kendi ikonu numaranın yerini almasın */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson svg,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson img { opacity: .55; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson [class*="free"] {
  background: #ecfdf5 !important; color: #15803d !important; border: 1px solid #bbf7d0 !important;
  border-radius: 999px !important; padding: 3px 9px !important; font-size: 10.5px !important;
  letter-spacing: .04em; font-weight: 700 !important;
}

/* --- kart içi kayıt düğmesi --- */
html.md-coursev2 .md-cp__cta { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--md-border); }
html.md-coursev2 .md-cp__cta .md-btn { width: 100%; justify-content: center; }

/* --- sayfa boyunca duran alt kayıt şeridi --- */
html.md-coursev2 .md-buybar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147482000;
  background: rgba(13,54,117,.97); border-top: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 -8px 28px rgba(6,6,28,.28);
  transform: translateY(110%); transition: transform .22s ease;
  padding: 10px 0 calc(10px + env(safe-area-inset-bottom));
}
html.md-coursev2.md-buybar-on .md-buybar { transform: translateY(0); }
html.md-coursev2 .md-buybar__in {
  max-width: 1280px; margin-inline: auto; padding-inline: 16px;
  display: flex; align-items: center; gap: 16px;
}
@media (min-width: 1024px) { html.md-coursev2 .md-buybar__in { padding-inline: 32px; } }
html.md-coursev2 .md-buybar__t { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
html.md-coursev2 .md-buybar__t strong {
  color: #fff; font-size: 14px; font-weight: 700; line-height: 1.25;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 46vw;
}
html.md-coursev2 .md-buybar__t span { color: var(--md-orange); font-size: 14px; font-weight: 700; }
html.md-coursev2 .md-buybar__a { margin-left: auto; display: flex; align-items: center; gap: 10px; }
html.md-coursev2 .md-buybar__a .md-btn { padding: 10px 16px; font-size: 13.5px; }
html.md-coursev2 .md-buybar__a .md-btn--ghost { color: #e2e8f0; border-color: rgba(255,255,255,.3); background: transparent; }
@media (max-width: 680px) {
  html.md-coursev2 .md-buybar__t strong { display: none; }
  html.md-coursev2 .md-buybar__t span { font-size: 17px; }
  html.md-coursev2 .md-buybar__a .md-btn--ghost { display: none; }
  html.md-coursev2 .md-buybar__a .md-btn--primary { padding: 11px 18px; }
}
html.md-coursev2 .md-chero__tile { display: flex; flex-direction: column; justify-content: flex-start; }
html.md-coursev2 .md-chero__tile-v { font-size: 13px; }

/* müfredat satırı: [numara] [ikon] [başlık ................] [ücretsiz etiketi]
   (önceki kuraldaki 'son çocuk sağa yaslansın' başlığı itiyordu) */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson > *:last-child { margin-left: 0; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__lesson-title {
  flex: 1 1 auto !important; margin: 0 !important; text-align: left !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__lesson-title p {
  margin: 0 !important; font-size: 14.5px !important; line-height: 1.4 !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson i.toga-icon {
  flex: 0 0 20px !important; width: 20px !important; font-size: 15px !important;
  margin: 0 10px 0 0 !important; color: var(--md-text-3) !important; text-align: center !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson [class*="free"] { margin-left: auto !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson::before { padding-left: 0; flex: 0 0 30px; }

/* müfredat: satırlar kart genişliğine yayılsın, başlık ortalanmasın
   (tema bazı satırlarda margin-left:auto bırakıyor; seçici katlanarak
   özgüllük artırıldı) */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content > li,
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content > li > * {
  display: block !important; width: 100% !important; max-width: none !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content > li > .course-curriculum__chapter-lesson,
html.md-coursev2 .md-cp__card--curr span.course-curriculum__chapter-lesson,
html.md-coursev2 .md-cp__card--curr a.course-curriculum__chapter-lesson {
  display: flex !important; width: 100% !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson .course-curriculum__lesson-title.course-curriculum__lesson-title {
  margin: 0 !important; margin-left: 0 !important; margin-right: 0 !important;
  flex: 1 1 auto !important; text-align: left !important; max-width: none !important;
}

/* müfredat bölümünün yan kartı (görsel+fiyat) hero'daki satın alma kartına
   taşındığı için gizleniyor; yoksa ders listesi 362px'lik bir sütuna sıkışıyor */
html.md-coursev2 .md-cp__card--curr .course-curriculum__content { display: block !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__card { display: none !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-container { width: 100% !important; }

/* bayrak şeridi hero sütununu taşırmasın (marquee içeriği max-content) */
html.md-coursev2 .md-chero__grid { grid-template-columns: minmax(0, 1fr); }
html.md-coursev2 .md-chero__left, html.md-coursev2 .md-chero__right { min-width: 0; }
html.md-coursev2 .md-chero__trust { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; min-width: 0; }
html.md-coursev2 .md-chero__trust .md-flags { flex: 1 1 240px; min-width: 0; max-width: 100%; overflow: hidden; }
html.md-coursev2 .md-chero__trust .md-flags__track { width: max-content; }
@media (max-width: 680px) {
  html.md-coursev2 .md-chero__trust { flex-direction: column; align-items: flex-start; gap: 8px; }
  html.md-coursev2 .md-chero__trust .md-flags { width: 100%; flex: 1 1 100%; }
}

/* ===========================================================
   KURS SAYFASI v2 — üçüncü tur (2026-10-21 sahip remarkları)
   · hero daha da alçaldı (açıklama paragrafı kaldırıldı)
   · karo içerikleri syllabus kapak bilgileri
   · satın alma kartında ödeme yöntemi simgeleri + güvenlik satırı
   · gövde iki sütun: solda geniş (müfredat en üstte), sağda dar
   =========================================================== */
html.md-coursev2 .md-chero { padding: 26px 0 28px !important; }
@media (min-width: 1024px) { html.md-coursev2 .md-chero { padding: 32px 0 34px !important; } }
html.md-coursev2 .md-chero__title { margin: 0 0 14px !important; }
html.md-coursev2 .md-chero__stats { margin: 0 0 14px; }
html.md-coursev2 .md-chero__tiles { grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (min-width: 900px) { html.md-coursev2 .md-chero__tiles { grid-template-columns: repeat(3, minmax(0,1fr)); } }

/* ödeme yöntemi simgeleri: mağazanın kendi rozet görselinin kart şeridi */
html.md-coursev2 .md-cpanel__pay {
  margin: 12px 0 8px; height: 40px;
  background-image: url("https://files.cdn.thinkific.com/file_uploads/903469/images/23f/080/036/mostaero.png");
  background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto;
}
html.md-coursev2 .md-cpanel__secure {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin: 0; color: var(--md-text-3); font-size: 11.5px; line-height: 1.4;
}
html.md-coursev2 .md-cpanel__secure svg { flex: 0 0 auto; }

/* iki sütunlu gövde */
html.md-coursev2 .md-cp__main { display: grid; gap: 22px; max-width: 1280px; }
@media (min-width: 1024px) {
  html.md-coursev2 .md-cp__main { grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: 24px; padding-inline: 32px; }
}
html.md-coursev2 .md-cp__col { display: grid; gap: 22px; align-content: start; min-width: 0; }
html.md-coursev2 .md-cp__card--side { padding: 22px 22px 20px; }
html.md-coursev2 .md-cp__card--side .section__heading,
html.md-coursev2 .md-cp__card--side h2 { font-size: 20px !important; }
/* dar sütunda "ne alıyorsun" kartları alt alta */
html.md-coursev2 .md-cp__card--side .text-icon__list,
html.md-coursev2 .md-cp__card--side .text-icon__container > div { display: block !important; }
html.md-coursev2 .md-cp__card--side .text-icon__list-item,
html.md-coursev2 .md-cp__card--side .text-icon__item {
  width: 100% !important; max-width: none !important; margin: 0 0 12px !important;
  border: 0 !important; box-shadow: none !important; padding: 0 !important; background: none !important;
}
html.md-coursev2 .md-cp__card--cert .section__body img { width: 100%; height: auto; border-radius: 10px; }
html.md-coursev2 .md-cp__card--buy .pricing-table__list-item { padding: 0 !important; }

/* dar sütundaki eğitmen kartı: fotoğraf üstte, metin altta (yan yana
   sıkışınca yazı harf harf kırılıyordu) */
html.md-coursev2 .md-cp__card--side .instructor__list,
html.md-coursev2 .md-cp__card--side .instructor__list-item,
html.md-coursev2 .md-cp__card--side .instructor__container,
html.md-coursev2 .md-cp__card--side .instructor__content,
html.md-coursev2 .md-cp__card--side .instructor__card { display: block !important; width: 100% !important; }
html.md-coursev2 .md-cp__card--side .instructor__image,
html.md-coursev2 .md-cp__card--side .instructor__list-item img {
  width: 120px !important; height: auto !important; border-radius: 10px !important;
  margin: 0 0 12px !important; max-width: 100% !important; float: none !important;
}
html.md-coursev2 .md-cp__card--side .instructor__details,
html.md-coursev2 .md-cp__card--side .instructor__bio,
html.md-coursev2 .md-cp__card--side .instructor__name,
html.md-coursev2 .md-cp__card--side .instructor__list-item > * {
  width: 100% !important; max-width: none !important; min-width: 0 !important;
  word-break: normal !important; overflow-wrap: break-word;
}
html.md-coursev2 .md-cp__card--side .instructor__bio p { font-size: 13.5px !important; line-height: 1.6 !important; }

/* ===========================================================
   "WHAT YOU GET" = sayfanın satış kartı (2026-10-21 sahip talimatı)
   Metin tema bölümünden geliyor; düzen: ikon rozeti + başlık + açıklama
   satırları, altında gerçek fiyat ve kayıt düğmesi. Masaüstünde sayfa
   kaydıkça kart ekranda kalır.
   =========================================================== */
html.md-coursev2 .md-cp__card--value {
  position: relative; padding: 0 !important; overflow: hidden;
  border-color: #dbe4f1; box-shadow: 0 10px 30px rgba(13,54,117,.10);
}
@media (min-width: 1024px) { html.md-coursev2 .md-cp__card--value { position: sticky; top: 86px; } }
html.md-coursev2 .md-cp__card--value::before {
  content: ''; position: absolute; inset: 0 0 auto 0; height: 4px;
  background: linear-gradient(90deg, var(--md-orange), var(--md-navy));
}
html.md-coursev2 .md-cp__card--value > .md-cp__eyebrow { padding: 22px 22px 0; margin-bottom: 2px; }
html.md-coursev2 .md-cp__card--value section { padding: 0 22px !important; }
html.md-coursev2 .md-cp__card--value .section__heading,
html.md-coursev2 .md-cp__card--value h2 { font-size: 20px !important; margin: 0 0 14px !important; }

html.md-coursev2 .md-val { list-style: none; margin: 0 0 4px; padding: 0; display: grid; gap: 2px; }
html.md-coursev2 .md-val__row {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 13px 0; border-top: 1px solid var(--md-border);
}
html.md-coursev2 .md-val__row:first-child { border-top: 0; padding-top: 4px; }
html.md-coursev2 .md-val__ico {
  flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(239,139,52,.12); color: var(--md-orange);
  font-size: 15px; line-height: 1;
}
html.md-coursev2 .md-val__ico i, html.md-coursev2 .md-val__ico svg { color: var(--md-orange) !important; font-size: 16px; width: 16px; height: 16px; }
html.md-coursev2 .md-val__ico img { width: 16px; height: 16px; object-fit: contain; }
html.md-coursev2 .md-val__txt { min-width: 0; display: block; }
html.md-coursev2 .md-val__txt b {
  display: block; font-size: 14.5px; font-weight: 700; color: var(--md-navy-dark); line-height: 1.3; margin-bottom: 3px;
}
html.md-coursev2 .md-val__txt span { display: block; font-size: 13px; line-height: 1.55; color: var(--md-text-2); }

html.md-coursev2 .md-val__cta {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 0; padding: 16px 22px 20px; background: var(--md-surface-2);
  border-top: 1px solid var(--md-border);
}
html.md-coursev2 .md-val__price { display: flex; flex-direction: column; line-height: 1.1; }
html.md-coursev2 .md-val__price span { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--md-text-3); margin-bottom: 4px; }
html.md-coursev2 .md-val__price strong { font-size: 22px; font-weight: 800; color: var(--md-navy-dark); }
html.md-coursev2 .md-val__cta .md-btn { margin-left: auto; padding: 11px 18px; }
@media (max-width: 420px) {
  html.md-coursev2 .md-val__cta .md-btn { margin-left: 0; width: 100%; justify-content: center; }
}
/* yapışkan kart sonraki kartların altında kalmasın */
@media (min-width: 1024px) { html.md-coursev2 .md-cp__card--value { z-index: 3; background: var(--md-surface); } }

/* ===========================================================
   MÜFREDAT KARTI — UI iyileştirme (2026-10-21)
   Yapışkan satış kartı kaldırıldı (sahip talimatı); müfredat satırları
   numara rozeti + başlık + durum (ücretsiz önizleme / kilitli) düzenine
   geçti. Veriler Thinkific'in kendi müfredatından, metin değişmiyor.
   =========================================================== */
@media (min-width: 1024px) {
  html.md-coursev2 .md-cp__card--value { position: static; top: auto; }
}

html.md-coursev2 .md-curr-meta {
  display: flex; flex-wrap: wrap; gap: 8px 18px; margin: -8px 0 16px !important; padding: 0;
}
html.md-coursev2 .md-curr-meta span {
  position: relative; font-size: 12.5px !important; color: var(--md-text-2); font-weight: 600;
  letter-spacing: .01em;
}
html.md-coursev2 .md-curr-meta span + span::before {
  content: ''; position: absolute; left: -10px; top: 50%; width: 3px; height: 3px;
  border-radius: 50%; background: var(--md-text-4, #94a3b8); transform: translateY(-50%);
}

/* bölüm başlığı */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-title,
html.md-coursev2 .md-cp__card--curr .course-chapter__title {
  font-size: 12px !important; letter-spacing: .08em; color: var(--md-text-3) !important;
  padding: 0 0 8px !important; border-bottom: 0 !important;
}

/* ders satırı: numara rozeti + başlık + durum */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson {
  padding: 12px 14px !important; margin: 0 0 6px !important; border: 1px solid var(--md-border) !important;
  border-radius: 10px; background: var(--md-surface); transition: border-color .15s ease, box-shadow .15s ease;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson:hover {
  border-color: #cfdcef !important; box-shadow: 0 4px 14px rgba(13,54,117,.07); background: var(--md-surface);
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson::before {
  flex: 0 0 26px !important; height: 26px; margin-right: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--md-surface-2); border-radius: 7px; color: var(--md-navy) !important;
  font-size: 11px !important; font-weight: 700; padding: 0 !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson i.toga-icon { display: none !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__lesson-title p {
  font-size: 14.5px !important; font-weight: 600 !important; color: var(--md-text-1) !important;
}
/* kilitli dersler: satırın sağında kilit (ücretsiz önizlemede yerine etiket) */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson:not(:has([class*="free"]))::after {
  content: ''; flex: 0 0 15px; height: 15px; margin-left: 10px; opacity: .45;
  background: no-repeat center / contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2390a1b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson:has([class*="free"]) {
  border-color: #bbf7d0 !important; background: #f6fffa;
}
/* müfredat kartında başlık ile liste arasındaki boşluk */
html.md-coursev2 .md-cp__card--curr .section__headings,
html.md-coursev2 .md-cp__card--curr header { display: none !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__content { margin-top: 0 !important; padding-top: 0 !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-container { margin-top: 0 !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__container { padding: 0 !important; }

/* ===========================================================
   MÜFREDAT — maketteki modül düzeni (2026-10-21, sahip talimatı)
   Maket: solda başlık, sağda sayılar; her modül kendi çerçevesinde,
   başlıkta lacivert numara rozeti ve ders sayısı; dersler modülün
   içinde açık zeminde, solda oynatma üçgeni, sağda önizleme/kilit.
   =========================================================== */
html.md-coursev2 .md-curr-head {
  display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;
  gap: 14px 24px; margin: 0 0 18px;
}
html.md-coursev2 .md-curr-head .md-cp__curr-h { margin: 0 !important; max-width: 20ch; }
html.md-coursev2 .md-curr-meta { display: flex; gap: 22px; margin: 4px 0 0 !important; padding: 0; }
html.md-coursev2 .md-curr-meta span {
  display: flex; flex-direction: column; font-size: 11.5px !important; color: var(--md-text-3);
  font-weight: 600; letter-spacing: .02em; line-height: 1.3;
}
html.md-coursev2 .md-curr-meta span::before { display: none; }
html.md-coursev2 .md-curr-meta span + span::before { content: none; }
html.md-coursev2 .md-curr-meta b {
  display: block; font-size: 17px; font-weight: 800; color: var(--md-navy-dark); margin-bottom: 1px;
}

/* modül kutusu */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter {
  display: block !important; border: 1px solid var(--md-border) !important; border-radius: 12px;
  overflow: hidden; margin: 0 0 14px !important; background: var(--md-surface);
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter:last-child { margin-bottom: 0 !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-title,
html.md-coursev2 .md-cp__card--curr .course-chapter__title {
  display: flex !important; align-items: center; gap: 12px;
  padding: 14px 16px !important; margin: 0 !important;
  font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0 !important;
  text-transform: none !important; color: var(--md-navy-dark) !important; border-bottom: 0 !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter { counter-increment: md-mod; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-list { counter-reset: md-mod; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-title::before {
  content: counter(md-mod); flex: 0 0 28px; height: 28px; border-radius: 8px;
  background: var(--md-navy-dark); color: #fff; font-size: 13px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}
html.md-coursev2 .md-mod__meta {
  margin-left: auto; font-size: 12px; font-weight: 600; color: var(--md-text-3); white-space: nowrap;
}

/* ders listesi modülün içinde */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content {
  background: var(--md-surface-2); border-top: 1px solid var(--md-border);
  padding: 4px 0 !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson {
  padding: 11px 16px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  border-top: 1px solid rgba(226,232,240,.8) !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content > li:first-child .course-curriculum__chapter-lesson { border-top: 0 !important; }
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson:hover { background: rgba(255,255,255,.75) !important; }
/* numara rozeti yerine maketteki oynatma üçgeni */
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson::before {
  content: '' !important; flex: 0 0 13px !important; height: 13px; margin-right: 12px; background: none;
  border-radius: 0; border-left: 9px solid var(--md-text-4, #94a3b8);
  border-top: 6.5px solid transparent; border-bottom: 6.5px solid transparent;
  width: 0; padding: 0 !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson:has([class*="free"])::before { border-left-color: var(--md-orange); }
html.md-coursev2 .md-cp__card--curr .course-curriculum__lesson-title p {
  font-size: 14px !important; font-weight: 500 !important; color: var(--md-text-1) !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-lesson:has([class*="free"]) {
  background: rgba(22,163,74,.05) !important; border-color: rgba(226,232,240,.8) !important;
}
html.md-coursev2 .md-cp__card--curr .course-curriculum__chapter-content > li { margin: 0 !important; padding: 0 !important; }

/* ===========================================================
   v2 düzeltmeleri (2026-10-21, sahip remarkları)
   =========================================================== */
/* hero karoları: daha dar, daha okunur */
html.md-coursev2 .md-chero__tiles { max-width: 620px; gap: 10px; }
html.md-coursev2 .md-chero__tile {
  background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.26);
  padding: 9px 12px 10px 14px;
}
html.md-coursev2 .md-chero__tile-l { color: #d4e0f1; font-size: 9.5px; letter-spacing: .1em; margin-bottom: 3px; }
html.md-coursev2 .md-chero__tile-v { color: #fff; font-size: 13.5px; font-weight: 700; }

/* eğitmen kartı: kompakt ve iki yana yaslı metin */
html.md-coursev2 .md-cp__card--side .instructor__image,
html.md-coursev2 .md-cp__card--side .instructor__list-item img { width: 84px !important; margin: 0 0 10px !important; }
html.md-coursev2 .md-cp__card--side .instructor__name { font-size: 15px !important; margin: 0 0 6px !important; }
html.md-coursev2 .md-cp__card--side .instructor__bio p,
html.md-coursev2 .md-cp__card--side .instructor__bio {
  font-size: 12.5px !important; line-height: 1.55 !important;
  text-align: justify !important; text-justify: inter-word; hyphens: auto;
}
html.md-coursev2 .md-cp__card--side .instructor__social,
html.md-coursev2 .md-cp__card--side .instructor__email { margin-top: 8px !important; font-size: 12.5px !important; }

/* alt şerit: kurs adı ve fiyat sağda, düğmenin yanında */
html.md-coursev2 .md-buybar__in { justify-content: flex-end; gap: 14px; }
html.md-coursev2 .md-buybar__t { margin-left: auto; align-items: flex-end; text-align: right; }
html.md-coursev2 .md-buybar__t strong { max-width: 42vw; }
html.md-coursev2 .md-buybar__a { margin-left: 0; }
/* eğitmen kartında iç çerçeve yok (kart zaten çerçeveli) */
html.md-coursev2 .md-cp__card--side .instructor__list-item,
html.md-coursev2 .md-cp__card--side .instructor__list > * {
  border: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important;
}
/* Buy Now düğmeleri: ok yok, metin ortada */
html.md-coursev2 .md-cpanel .md-btn--primary,
html.md-coursev2 .md-val__cta .md-btn,
html.md-coursev2 .md-buybar .md-btn--primary {
  display: inline-flex; align-items: center; justify-content: center; text-align: center; gap: 0;
}

/* hero: bayrak bandı tam genişlikte, altındaki boşluk kapatıldı */
html.md-coursev2 .md-chero__trust {
  margin: 22px 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.16);
}
@media (min-width: 1024px) {
  html.md-coursev2 .md-chero__grid { align-items: center; }
  html.md-coursev2 .md-chero { padding-bottom: 22px !important; }
}
html.md-coursev2 .md-chero__left > *:last-child { margin-bottom: 0 !important; }

/* ===========================================================
   HERO son rötuş (2026-10-21): karolarda turuncu ikon, uyumluluk
   rozeti, tek CTA (müfredat düğmesi kaldırıldı)
   =========================================================== */
html.md-coursev2 .md-chero__tile { display: flex; align-items: flex-start; gap: 10px; }
html.md-coursev2 .md-chero__tile-i {
  flex: 0 0 auto; color: var(--md-orange) !important; font-size: 15px; line-height: 1.1; margin-top: 3px;
}
html.md-coursev2 .md-chero__tile-t { min-width: 0; display: block; }

html.md-coursev2 .md-chero__badge {
  display: inline-flex; align-items: center; gap: 7px; border-radius: 6px;
  padding: 5px 11px; font-size: 11.5px; font-weight: 600; letter-spacing: .02em;
}
html.md-coursev2 .md-chero__badge--ok {
  background: rgba(22,101,52,.3); border: 1px solid rgba(134,239,172,.45); color: #c9f7d9;
}
html.md-coursev2 .md-chero__badge--ok i { color: #86efac; font-size: 12px; }

/* tek kalan CTA biraz daha belirgin */
html.md-coursev2 .md-chero__cta { margin-top: 20px !important; }
html.md-coursev2 .md-chero__cta .md-btn--ghost {
  border-color: rgba(255,255,255,.4); color: #fff; background: rgba(255,255,255,.06);
  padding: 12px 20px; font-size: 14px;
}
html.md-coursev2 .md-chero__cta .md-btn--ghost:hover { background: rgba(255,255,255,.14); }

/* ===========================================================
   PAKET (BUNDLE) SAYFASI v2 — 2026-10-21
   Kurs sayfasındaki kart akışının paket karşılığı: hero'da fiyat
   kırılımı, gövdede "pakete dahil kurslar" listesi, numaralı neden
   kartları ve sağda satış kartı. Metinler sayfanın kendi verisinden.
   =========================================================== */

/* hero kartı: fiyat kırılımı */
html.md-bundlev2 .md-bp__break {
  margin: 0 0 14px; padding: 0 0 12px; border-bottom: 1px dashed var(--md-border);
  display: grid; gap: 7px;
}
html.md-bundlev2 .md-bp__brow {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  font-size: 13px; color: var(--md-text-2);
}
html.md-bundlev2 .md-bp__brow s { color: var(--md-text-3); font-size: 14px; }
html.md-bundlev2 .md-bp__brow--save b {
  color: #15803d; font-weight: 800; font-size: 14px; font-family: var(--md-mono); letter-spacing: -.01em;
}

/* gövde kartları */
html.md-bundlev2 .md-bp__card h2 {
  margin: 0 0 6px !important; font-size: 25px; line-height: 1.22; font-weight: 800;
  color: var(--md-navy-dark); letter-spacing: -.02em;
}
html.md-bundlev2 .md-bp__note {
  margin: 0 0 18px; font-size: 13.5px; line-height: 1.6; color: var(--md-text-2);
}

/* pakete dahil kurslar */
html.md-bundlev2 .md-bp__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
html.md-bundlev2 .md-bp__item {
  display: grid; grid-template-columns: 26px 96px minmax(0, 1fr); gap: 14px; align-items: start;
  border: 1px solid var(--md-border); border-radius: 12px; padding: 14px;
  background: var(--md-surface); transition: border-color .15s, box-shadow .15s;
}
html.md-bundlev2 .md-bp__item:hover { border-color: #cbd9ee; box-shadow: var(--md-sh-xs); }
html.md-bundlev2 .md-bp__num {
  width: 26px; height: 26px; border-radius: 8px; background: var(--md-navy-dark); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--md-mono); font-size: 12px; font-weight: 700;
}
html.md-bundlev2 .md-bp__thumb { display: block; border-radius: 9px; overflow: hidden; background: var(--md-surface-2); }
html.md-bundlev2 .md-bp__thumb img { display: block; width: 100%; height: 72px; object-fit: cover; }
html.md-bundlev2 .md-bp__body { min-width: 0; display: block; }
html.md-bundlev2 .md-bp__t {
  display: block; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--md-navy-dark);
  letter-spacing: -.01em; margin-bottom: 5px;
}
html.md-bundlev2 .md-bp__d {
  display: block; font-size: 13px; line-height: 1.6; color: var(--md-text-2);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
html.md-bundlev2 .md-bp__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
html.md-bundlev2 .md-bp__chips span {
  font-family: var(--md-mono); font-size: 11px; letter-spacing: .02em; color: var(--md-text-2);
  background: var(--md-surface-2); border: 1px solid var(--md-border); border-radius: 999px; padding: 3px 9px;
}
html.md-bundlev2 .md-bp__side {
  grid-column: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--md-border);
}
html.md-bundlev2 .md-bp__p { color: var(--md-text-3); font-size: 13px; }
html.md-bundlev2 .md-bp__chip {
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: #15803d; background: #dcfce7; border-radius: 999px; padding: 4px 10px;
}
html.md-bundlev2 a.md-bp__link {
  margin-left: auto; font-size: 13px; font-weight: 700; color: var(--md-navy); text-decoration: none;
}
html.md-bundlev2 a.md-bp__link:hover { color: var(--md-orange); }

/* neden bu paket */
html.md-bundlev2 .md-bp__why { display: grid; gap: 14px; }
@media (min-width: 680px) { html.md-bundlev2 .md-bp__why { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html.md-bundlev2 .md-bp__why-item {
  background: var(--md-surface-2); border: 1px solid var(--md-border); border-radius: 12px; padding: 16px 18px 18px;
}
html.md-bundlev2 .md-bp__why-n {
  display: inline-block; margin-bottom: 10px; font-family: var(--md-mono); font-size: 12px;
  font-weight: 700; color: var(--md-navy); background: #fff; border: 1px solid var(--md-border);
  border-radius: 7px; padding: 3px 8px;
}
html.md-bundlev2 .md-bp__why-item strong {
  display: block; font-size: 15.5px; font-weight: 800; color: var(--md-navy-dark);
  letter-spacing: -.01em; margin-bottom: 6px;
}
html.md-bundlev2 .md-bp__why-item p { margin: 0 !important; font-size: 13.5px; line-height: 1.6; color: var(--md-text-2); }

/* satış kartı: kendi başlığı var, tema bölümü yok */
html.md-bundlev2 .md-cp__card--value > section { padding: 0 22px 2px !important; }
html.md-bundlev2 .md-cp__card--value h2 { font-size: 20px !important; margin: 0 0 12px !important; color: var(--md-navy-dark); }

@media (max-width: 679px) {
  html.md-bundlev2 .md-bp__item { grid-template-columns: 26px minmax(0, 1fr); }
  html.md-bundlev2 .md-bp__thumb { display: none; }
  html.md-bundlev2 .md-bp__side { grid-column: 2; }
}

/* paket hero'sunda dört karo iki sıra hâlinde dengeli dursun */
html.md-bundlev2 .md-chero__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (min-width: 1200px) { html.md-bundlev2 .md-chero__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }

/* ===========================================================
   2026-10-21 (sahip talimatları)
   1) Giriş/kayıt: düğme yazısı ve "hesabım var" bağlantısı ortalandı.
   2) Ana sayfa hero'su: tek düğme (ok yok) + güven maddeleri karo düzeni.
   =========================================================== */

/* --- giriş / kayıt --- */
html.md-new .sign-up-page button.button,
html.md-new .sign-in-page button.button,
html.md-new .sign-up-page input[type="submit"],
html.md-new .sign-in-page input[type="submit"] {
  justify-content: center !important; text-align: center !important;
}
html.md-new .sign-up-page [class*="__sign-in"],
html.md-new .sign-up-page [class*="__sign-up"],
html.md-new .sign-in-page [class*="__sign-in"],
html.md-new .sign-in-page [class*="__sign-up"] {
  width: 100% !important; max-width: none !important;
  margin-left: 0 !important; margin-right: 0 !important; text-align: center !important;
}

/* --- ana sayfa hero: güven maddeleri --- */
html.md-new .md-hero .md-trust {
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 26px;
}
@media (max-width: 639px) { html.md-new .md-hero .md-trust { grid-template-columns: 1fr; } }
html.md-new .md-hero .md-trust li {
  align-items: center; gap: 10px; padding: 11px 13px; border-radius: 10px;
  background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.16);
  color: #fff; font-size: 13.5px; font-weight: 600; line-height: 1.35;
  text-shadow: none;
}
html.md-new .md-hero .md-trust li::before {
  content: '\2713'; flex: 0 0 auto; width: 20px; height: 20px; border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--md-orange); color: #fff; font-size: 12px; font-weight: 800; line-height: 1;
}

/* --- ana sayfa hero: tek düğme --- */
html.md-new .md-cta--hero { gap: 12px; }
html.md-new .md-btn--lg {
  padding: 15px 30px; font-size: 15px; letter-spacing: .01em; border-radius: 11px;
  justify-content: center; text-align: center; min-width: 220px;
}
@media (max-width: 639px) { html.md-new .md-btn--lg { width: 100%; } }

/* düğme sayfanın altındaki katalog bölümüne iniyor */
html.md-new { scroll-behavior: smooth; }
html.md-new #md-courses { scroll-margin-top: 92px; }

/* düğme yazıları her yerde ortada (ok kaldırıldıktan sonra tek satır kalıyor) */
html.md-new .md-btn, html.md-new .banner .button, html.md-new a.button-primary,
html.md-new .md-prog__btn, html.md-new .md-modal__buy {
  justify-content: center; text-align: center;
}

/* ===========================================================
   B2B hesaplayıcı — tasarruf satırı (2026-10-21 sahip talimatı)
   Sağ sütunda ikinci bağlantı ve fatura dipnotu yok. Kazanç euro
   olarak görünüyor ama TOPLAM ile yarışmıyor: toplam en büyük rakam,
   tasarruf onun altında tek satırlık yeşil şerit (alıcı hangisini
   ödeyeceğini karıştırmasın).
   =========================================================== */
html.md-new .md-save {
  margin-top: 12px; padding: 10px 12px; border-radius: 10px;
  background: #ecfdf5; border: 1px solid #a4f4cf; color: #065f46;
  display: flex; align-items: center; gap: 10px;
}
html.md-new .md-save__ico {
  flex: 0 0 auto; width: 22px; height: 22px; border-radius: 7px; background: #d1fae5;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800; color: #047857; line-height: 1;
}
html.md-new .md-save__txt { min-width: 0; display: block; }
html.md-new .md-save__line { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
html.md-new .md-save__lbl { font-size: 13px; font-weight: 600; color: #047857; }
html.md-new .md-save__val {
  font-size: 15px; font-weight: 800; color: #065f46; letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
}
html.md-new .md-save__sub { display: block; font-size: 11.5px; font-weight: 500; color: #15803d; margin-top: 1px; }
html.md-new .md-save__pct {
  margin-left: auto; flex: 0 0 auto; font-family: var(--md-mono); font-size: 11px; font-weight: 700;
  color: #065f46; background: #d1fae5; border: 1px solid #a4f4cf; border-radius: 999px;
  padding: 3px 9px; white-space: nowrap;
}
/* indirim eşiğinin altında: aynı şerit, sakin ton */
html.md-new .md-save.is-off {
  background: var(--md-surface-2); border-color: var(--md-border); color: var(--md-text-2);
}
html.md-new .md-save.is-off .md-save__ico { background: #fff; color: var(--md-text-3); }
html.md-new .md-save.is-off .md-save__lbl { color: var(--md-text-2); }
html.md-new .md-save.is-off .md-save__val { color: var(--md-navy-dark); }
html.md-new .md-save.is-off .md-save__sub { color: var(--md-text-3); }
html.md-new .md-save.is-off .md-save__pct {
  background: #fff; border-color: var(--md-border); color: var(--md-text-2);
}
/* toplam tutar hiyerarşinin tepesinde kalsın */
html.md-new .md-calc__right .md-total { line-height: 1.05; }

/* ===========================================================
   MÜFREDAT AKORDEONU — kapanma düzeltmesi (2026-10-21)
   Tema bölümü kapatırken <ol>'u display:none yapıyor; yukarıdaki
   düzen kurallarımız !important ile display verdiği için bölüm bir
   daha kapanmıyordu. Kapalı durumda tema kazanır.
   =========================================================== */
html.md-coursev2 .course-curriculum__chapter-header.collapse + .course-curriculum__chapter-content,
html.md-coursev2 button[aria-expanded="false"] + .course-curriculum__chapter-content,
html.md-coursev2 .course-curriculum__chapter-header.collapse + .course-curriculum__chapter-content > li,
html.md-coursev2 button[aria-expanded="false"] + .course-curriculum__chapter-content > li {
  display: none !important;
}

/* ===========================================================
   KURUMSAL SAYFALAR — About / Support / Policy (2026-10-21)
   İçerik sayfanın kendisinden; burada yalnız düzen var.
   =========================================================== */
html.md-infopage .md-cp { padding-top: 30px; }
html.md-infopage .md-info__card h2 {
  margin: 0 0 14px !important; font-size: 26px; line-height: 1.2; font-weight: 800;
  color: var(--md-navy-dark); letter-spacing: -.02em;
}
html.md-infopage .md-info__p { margin: 0 0 14px !important; font-size: 15px; line-height: 1.75; color: var(--md-text-1); }
html.md-infopage .md-info__lead { font-size: 17.5px; line-height: 1.65; color: var(--md-navy-dark); font-weight: 500; }
html.md-infopage .md-info__card > .md-info__p:last-child { margin-bottom: 0 !important; }

/* about: sayılar ve bayraklar */
html.md-infopage .md-info__kpi {
  margin: 0; padding: 22px 26px; background: var(--md-surface); border: 1px solid var(--md-border);
  border-radius: 14px; box-shadow: var(--md-sh-xs);
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; border-top: 3px solid var(--md-orange);
}
html.md-infopage .md-info__kpi strong { display: block; font-size: 26px; font-weight: 800; color: var(--md-navy-dark); letter-spacing: -.02em; }
html.md-infopage .md-info__kpi span { font-size: 12.5px; color: var(--md-text-2); }
html.md-infopage .md-info__kpi a { text-decoration: none; }
html.md-infopage .md-info__flags {
  margin: 0; padding: 14px 18px; background: var(--md-navy-dark); border-radius: 12px; overflow: hidden;
}
html.md-infopage .md-info__flags .md-audience--label { color: #cbd7ea; }
html.md-infopage .md-info__flags .md-flags { min-width: 0; }

/* support: iletişim kutuları */
html.md-infopage .md-info__contacts { display: grid; gap: 12px; }
@media (min-width: 680px) { html.md-infopage .md-info__contacts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html.md-infopage .md-info__contact {
  display: block; text-decoration: none; padding: 18px; border-radius: 12px;
  border: 1px solid var(--md-border); background: var(--md-surface-2); transition: border-color .15s, box-shadow .15s;
}
html.md-infopage a.md-info__contact:hover { border-color: #cbd9ee; box-shadow: var(--md-sh-xs); }
html.md-infopage .md-info__ci {
  display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px;
  border-radius: 10px; background: #fff; border: 1px solid var(--md-border); margin-bottom: 12px;
}
html.md-infopage .md-info__ci i { color: var(--md-orange); font-size: 16px; }
html.md-infopage .md-info__ct { display: block; font-size: 13px; font-weight: 700; color: var(--md-text-2); margin-bottom: 3px; }
html.md-infopage .md-info__cv { display: block; font-size: 15.5px; font-weight: 700; color: var(--md-navy-dark); word-break: break-word; }

/* policy: içindekiler + belge kartları */
html.md-infopage .md-info__toc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
html.md-infopage .md-info__toc li a {
  display: block; padding: 9px 10px; border-radius: 8px; font-size: 13.5px; font-weight: 600;
  color: var(--md-navy); text-decoration: none;
}
html.md-infopage .md-info__toc li a:hover { background: var(--md-surface-2); color: var(--md-orange); }
@media (min-width: 1024px) { html.md-infopage .md-info__toc { position: sticky; top: 92px; } }
html.md-infopage .md-info__doc > section { padding: 0 !important; }
html.md-infopage .md-info__doc h2, html.md-infopage .md-info__doc h3 {
  font-size: 21px !important; margin: 0 0 14px !important; color: var(--md-navy-dark); text-align: left !important;
}
html.md-infopage .md-info__doc p, html.md-infopage .md-info__doc li {
  font-size: 14px !important; line-height: 1.7 !important; color: var(--md-text-1);
}
html.md-infopage .md-info__doc [class*="checklist__list"] { display: block !important; }
html.md-infopage .md-info__doc [class*="checklist__list-item"] { width: 100% !important; max-width: none !important; }
html.md-infopage .md-info__side .md-val__txt a { color: var(--md-navy); text-decoration: none; }
html.md-infopage .md-info__side .md-val__txt a:hover { color: var(--md-orange); }
/* kurumsal sayfalarda hero daha kısa dursun */
html.md-infopage .banner { padding-block: 34px !important; min-height: 0 !important; }

/* policy: tema iki sütunlu yerleşimi kart içinde bozuluyordu
   (başlık sticky, metnin üstüne biniyordu) → tek sütuna alındı */
html.md-infopage .md-info__doc .checklist__wrapper,
html.md-infopage .md-info__doc [class*="__wrapper"] { display: block !important; }
html.md-infopage .md-info__doc .section__headings {
  position: static !important; width: auto !important; max-width: none !important;
  margin: 0 0 14px !important; padding: 0 !important; float: none !important;
}
html.md-infopage .md-info__doc .section__content { width: auto !important; max-width: none !important; padding: 0 !important; }
html.md-infopage .md-info__doc .checklist__list { display: grid !important; gap: 10px; margin: 0 !important; padding: 0 !important; }
html.md-infopage .md-info__doc .checklist__list-item { margin: 0 !important; }
/* about: bayrak şeridi etiketi akan bayrakların üstüne binmesin */
html.md-infopage .md-info__flags { display: block; }
html.md-infopage .md-info__flags .md-audience--label { display: block; margin: 0 0 8px; }

/* ---------------------------------------------------------------------------
   Froala / rich-text images (ödeme rozeti gibi) telefonda taşmasın.
   2026-10-21: yeni temada .fr-view img max-width'i yoktu, 808px doğal
   genişlikteki "Guaranteed safe & secure checkout" görseli 390px ekranda
   sayfayı yana kaydırıyordu (H-MA-011).
   --------------------------------------------------------------------------- */
html.md-new .fr-view img,
html.md-new .rich-text__container img,
html.md-new .section__body img.fr-fic {
  max-width: 100%;
  height: auto;
}

/* Aynı bölümün kabı content-box olduğu için 100% genişlik + 32px iç boşluk
   telefonda 32px taşma bırakıyordu; border-box ile iç boşluk genişliğe dahil. */
html.md-new .rich-text__container {
  box-sizing: border-box !important;
  max-width: 100% !important;
}