/* =========================================================================
   variant-b.css — Varyant B "Mektup" (TEMİZ EDİTORYAL / DERGİ)
   A'nın tam tersi: çok düzenli, simetrik, ortalanmış. Güçlü tipografik
   hiyerarşi (büyük serif başlık, net gövde), bol krem nefes alanı, Co-Star
   minimalizmi. Scrapbook öğeleri ÇOK AZ ve bilinçli. En premium-sakin, en
   okunaklı. (tasarim-sistemi §2 · B)
   ========================================================================= */

body[data-variant="b"] {
  --c-paper-line:   rgba(122,29,47,.03);   /* neredeyse düz kağıt — çok silik */
  --grid-size:      32px;
  --tilt:           0deg;                   /* EĞİM YOK — dergi disiplini */
  --motif-strength: .45;
  --space-section:  6rem;                   /* bol nefes */
  --paper-tint:     radial-gradient(120% 80% at 50% -10%, rgba(200,181,217,.07), transparent 55%);
}

/* Sakin: anasayfa kozmik/dağınık katmanları kapalı */
body[data-variant="b"] .hero-cosmos,
body[data-variant="b"] .desk-extras,
body[data-variant="b"] .hero-stardust { display: none; }

/* ---- HERO: ortalanmış editoryal (dergi kapağı) ---- */
body[data-variant="b"] .hero { padding: clamp(3.5rem, 8vw, 7rem) 0 clamp(2.5rem, 5vw, 4.5rem); }
body[data-variant="b"] .hero .row {
  display: block; max-width: 880px; margin: 0 auto; text-align: center;
}
body[data-variant="b"] .hero-copy, body[data-variant="b"] .hero .col-lg-6 { width: 100%; max-width: none; }
body[data-variant="b"] .hero-title {
  font-size: clamp(2.9rem, 6.5vw, 4.8rem); line-height: 1.04; margin-bottom: .5rem;
}
body[data-variant="b"] .hero-sub {
  font-size: clamp(1.3rem, 2.6vw, 1.9rem); margin: 0 auto .4rem;
}
body[data-variant="b"] .hero-lead { max-width: 60ch; margin: 1.5rem auto 0; }
body[data-variant="b"] .hero-cta { justify-content: center; }
body[data-variant="b"] .hero-flair { text-align: center; }

/* Portre: ortada, eğimsiz, tertemiz ince çerçeve, tek hafif washi */
body[data-variant="b"] .hero .col-lg-6:last-child { margin-top: 2.6rem; }
body[data-variant="b"] .polaroid-hero {
  transform: none; width: min(340px, 78%);
  box-shadow: 0 18px 40px rgba(26,26,26,.12); padding: .55rem .55rem 1.4rem;
}
body[data-variant="b"] .polaroid-caption { font-size: 1.2rem; }
body[data-variant="b"] .flower-hero, body[data-variant="b"] .budgie-on-photo { display: none; }
body[data-variant="b"] .washi-top { width: 92px; height: 26px; opacity: .6; }

/* ---- Bölüm başlıkları: güçlü hiyerarşi + ince kural çizgisi (washi yok) ---- */
body[data-variant="b"] .section-head { max-width: 720px; margin-bottom: 3.2rem; }
body[data-variant="b"] .section-title { font-size: clamp(2rem, 3.8vw, 3rem); }
body[data-variant="b"] .section-tag.washi-label {
  background: transparent; box-shadow: none; transform: none;
  letter-spacing: .3em; padding: 0;
}
body[data-variant="b"] .section-tag.washi-label::after { display: none; }
body[data-variant="b"] .section-head .section-title::after {
  content: ""; display: block; width: 54px; height: 2px;
  background: var(--c-heading); opacity: .45; margin: .9rem auto 0;
}

/* ---- Kartlar: düz, eşit, simetrik, ince (dergi grid) ---- */
body[data-variant="b"] .course-card {
  transform: none; padding: .55rem .55rem 1.1rem;
  box-shadow: 0 8px 22px rgba(26,26,26,.08);
}
body[data-variant="b"] .course-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-soft); }
body[data-variant="b"] .course-cover { background: linear-gradient(155deg, #efe6d4, #e3d6e6); }

/* Yorumlar: sakin, çerçeveli, gölgesiz (editoryal alıntı) */
body[data-variant="b"] .review-card {
  box-shadow: none; background: transparent;
  border: 1px solid var(--c-line); border-top: 3px solid var(--c-mystic);
}

/* Danışmanlık kartları: düz çizgi, sade */
body[data-variant="b"] .consult-card { border-style: solid; box-shadow: 0 8px 22px rgba(26,26,26,.07); }

/* Mektup imleci: ince, klasik (kara kedi) — base'ten gelir */