/* =========================================================
   MARJ — Premium Editorial Identity System v2
   Amaç: Blog görünümünden çıkıp ciddi dijital dergi estetiği
   ========================================================= */

/* ---------- 1. Temel Tasarım Değişkenleri ---------- */

:root {
  --marj-bg: #020202;
  --marj-bg-soft: #070707;
  --marj-surface: #0b0b0b;
  --marj-surface-alt: #111111;

  --marj-text: #f4efe6;
  --marj-text-soft: #d8cebd;
  --marj-muted: #9b9182;

  --marj-gold: #c3aa70;
  --marj-gold-soft: rgba(195, 170, 112, 0.55);
  --marj-burgundy: #421219;

  --marj-border: rgba(244, 239, 230, 0.14);
  --marj-border-strong: rgba(244, 239, 230, 0.28);

  --marj-max: 1180px;
  --marj-reading: 760px;
}

/* ---------- 2. Genel Gövde ---------- */

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 50% 0%, rgba(195, 170, 112, 0.075), transparent 34rem),
    radial-gradient(circle at 10% 20%, rgba(66, 18, 25, 0.18), transparent 30rem),
    linear-gradient(180deg, #000 0%, var(--marj-bg) 42%, #050505 100%);
  color: var(--marj-text);
  font-family: "Times New Roman", Times, serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: var(--marj-gold);
  color: #050505;
}

.wp-site-blocks {
  overflow-x: hidden;
}

/* ---------- 3. Ana Genişlik ve Yerleşim ---------- */

main,
.site-main,
.wp-block-post-content,
.entry-content {
  box-sizing: border-box;
}

main,
.site-main {
  max-width: var(--marj-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(20px, 4vw, 54px);
  padding-right: clamp(20px, 4vw, 54px);
}

/* Tekil yazılarda okuma genişliği */
.single .entry-content,
.single .wp-block-post-content,
.single-post .entry-content,
.single-post .wp-block-post-content {
  max-width: var(--marj-reading);
  margin-left: auto;
  margin-right: auto;
}

/* ---------- 4. Header ve Logo Alanı ---------- */

header {
  position: relative;
}

header::after {
  content: "";
  display: block;
  width: min(100%, var(--marj-max));
  height: 1px;
  margin: 0 auto;
  background: linear-gradient(
    90deg,
    transparent,
    var(--marj-border-strong),
    transparent
  );
}

.wp-block-site-title,
.wp-block-site-title a {
  font-family: "Times New Roman", Times, serif;
  color: var(--marj-text) !important;
  text-decoration: none !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wp-block-site-logo img {
  filter: contrast(1.05);
}

/* ---------- 5. Navigasyon ---------- */

.wp-block-navigation,
nav {
  border-top: 1px solid var(--marj-border);
  border-bottom: 1px solid var(--marj-border);
  padding-top: 16px;
  padding-bottom: 16px;
}

.wp-block-navigation a,
nav a,
.menu a {
  position: relative;
  color: var(--marj-text) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.145em;
  text-transform: uppercase;
  transition: color 0.22s ease, opacity 0.22s ease;
}

.wp-block-navigation a::after,
nav a::after,
.menu a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 0;
  height: 1px;
  background: var(--marj-gold);
  transform: translateX(-50%);
  transition: width 0.24s ease;
}

.wp-block-navigation a:hover,
nav a:hover,
.menu a:hover {
  color: var(--marj-gold) !important;
}

.wp-block-navigation a:hover::after,
nav a:hover::after,
.menu a:hover::after {
  width: 100%;
}

/* ---------- 6. Arama Kutusu: Daha Sakin, Daha Seçkin ---------- */

.wp-block-search {
  max-width: 420px;
}

.wp-block-search__inside-wrapper {
  border: 1px solid var(--marj-border-strong);
  background: #f4efe6;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25);
}

.wp-block-search__input {
  background: #f4efe6 !important;
  color: #111 !important;
  border: none !important;
  font-family: "Times New Roman", Times, serif;
  font-size: 17px;
  padding: 15px 18px;
  outline: none;
}

.wp-block-search__input::placeholder {
  color: #5f584e;
  opacity: 0.82;
}

.wp-block-search__button {
  background: #050505 !important;
  color: #fff !important;
  border: 1px solid #050505 !important;
  padding: 12px 20px;
  transition: background 0.2s ease, color 0.2s ease;
}

.wp-block-search__button:hover {
  background: var(--marj-burgundy) !important;
}

/* ---------- 7. Metin Sistemi ---------- */

.entry-content,
.wp-block-post-content {
  color: var(--marj-text-soft);
  font-size: clamp(18px, 1.15vw, 20px);
  line-height: 1.82;
}

.entry-content p,
.wp-block-post-content p {
  margin-bottom: 1.32em;
}

.entry-content strong,
.wp-block-post-content strong {
  color: var(--marj-text);
  font-weight: 600;
}

/* ---------- 8. Başlık Mimarisi ---------- */

h1,
h2,
h3,
h4,
.wp-block-post-title {
  font-family: "Times New Roman", Times, serif;
  color: var(--marj-text);
  font-weight: 500;
  letter-spacing: 0.012em;
}

h1,
.wp-block-post-title {
  font-size: clamp(40px, 5.2vw, 68px);
  line-height: 1.02;
  margin-bottom: 0.5em;
}

h2 {
  font-size: clamp(30px, 3.1vw, 44px);
  line-height: 1.1;
  margin-top: 2.5em;
  margin-bottom: 0.75em;
}

h3 {
  font-size: clamp(24px, 2vw, 31px);
  line-height: 1.18;
  margin-top: 2.1em;
  margin-bottom: 0.7em;
}

h2::before {
  content: "";
  display: block;
  width: 58px;
  height: 1px;
  margin-bottom: 20px;
  background: var(--marj-gold);
  opacity: 0.85;
}

/* ---------- 9. Ana Sayfa / Sayı Başlığı Estetiği ---------- */

.wp-block-heading {
  text-wrap: balance;
}

.wp-block-group {
  box-sizing: border-box;
}

.wp-block-separator,
hr {
  border: none;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--marj-border-strong),
    transparent
  );
  margin-top: 52px;
  margin-bottom: 52px;
}

/* ---------- 10. Link Sistemi ---------- */

.entry-content a,
.wp-block-post-content a {
  color: var(--marj-text);
  text-decoration-color: var(--marj-gold-soft);
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.entry-content a:hover,
.wp-block-post-content a:hover {
  color: var(--marj-gold);
  text-decoration-color: var(--marj-gold);
}

/* ---------- 11. Kategori, Etiket, Meta Alanları ---------- */

.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms,
.entry-meta,
.post-meta {
  color: var(--marj-muted);
  font-size: 12.5px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.wp-block-post-terms a,
.cat-links a,
.tags-links a {
  display: inline-block;
  color: var(--marj-gold) !important;
  text-decoration: none !important;
  border: 1px solid rgba(195, 170, 112, 0.38);
  border-radius: 999px;
  padding: 5px 12px;
  margin-right: 6px;
  margin-bottom: 6px;
  font-size: 11.5px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

/* ---------- 12. Yazı Kartları: Daha Az Blog, Daha Çok Dergi ---------- */

.wp-block-query .wp-block-post {
  position: relative;
  padding: 24px;
  border: 1px solid var(--marj-border);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.026), transparent),
    rgba(11, 11, 11, 0.86);
  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    background 0.24s ease;
}

.wp-block-query .wp-block-post::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 24px;
  width: 34px;
  height: 1px;
  background: var(--marj-gold);
  opacity: 0;
  transition: opacity 0.24s ease;
}

.wp-block-query .wp-block-post:hover {
  transform: translateY(-3px);
  border-color: var(--marj-border-strong);
  background:
    linear-gradient(180deg, rgba(195, 170, 112, 0.052), transparent),
    rgba(17, 17, 17, 0.95);
}

.wp-block-query .wp-block-post:hover::before {
  opacity: 0.8;
}

.wp-block-query .wp-block-post-title {
  font-size: clamp(25px, 2.25vw, 36px);
  line-height: 1.06;
  margin-top: 16px;
}

.wp-block-query .wp-block-post-title a {
  color: var(--marj-text) !important;
  text-decoration: none !important;
}

.wp-block-query .wp-block-post-title a:hover {
  color: var(--marj-gold) !important;
}

.wp-block-post-excerpt {
  color: var(--marj-text-soft);
  font-size: 17px;
  line-height: 1.62;
}

/* ---------- 13. Görseller ---------- */

img {
  max-width: 100%;
  height: auto;
}

.wp-block-image,
.wp-block-post-featured-image {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.wp-block-image img,
.wp-block-post-featured-image img {
  border: 1px solid rgba(244, 239, 230, 0.12);
  filter: saturate(0.94) contrast(1.04);
}

.wp-block-image figcaption,
.wp-block-gallery figcaption,
.wp-block-embed figcaption {
  color: var(--marj-muted);
  font-size: 13.5px;
  line-height: 1.5;
  margin-top: 10px;
  text-align: left;
}

/* ---------- 14. Alıntı Blokları ---------- */

blockquote,
.wp-block-quote {
  position: relative;
  margin: 2.6em 0;
  padding: 28px 32px;
  border-left: 2px solid var(--marj-gold);
  background:
    linear-gradient(90deg, rgba(195, 170, 112, 0.075), transparent),
    rgba(255, 255, 255, 0.025);
  color: var(--marj-text);
}

blockquote p,
.wp-block-quote p {
  font-size: clamp(22px, 1.9vw, 29px);
  line-height: 1.38;
  margin-bottom: 0.72em;
}

cite,
.wp-block-quote cite {
  color: var(--marj-muted);
  font-size: 13.5px;
  letter-spacing: 0.08em;
}

/* ---------- 15. Liste ve Kaynakça ---------- */

.entry-content ul,
.entry-content ol,
.wp-block-post-content ul,
.wp-block-post-content ol {
  padding-left: 1.35em;
  margin-bottom: 1.5em;
}

.entry-content li,
.wp-block-post-content li {
  margin-bottom: 0.66em;
}

.entry-content li::marker,
.wp-block-post-content li::marker {
  color: var(--marj-gold);
}

/* ---------- 16. Butonlar: Güvenli Kapsam ---------- */

.wp-block-button__link,
.entry-content input[type="submit"],
.wp-block-post-content input[type="submit"] {
  background: transparent !important;
  color: var(--marj-text) !important;
  border: 1px solid var(--marj-border-strong) !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-family: "Times New Roman", Times, serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12.5px;
  transition:
    background 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease;
}

.wp-block-button__link:hover,
.entry-content input[type="submit"]:hover,
.wp-block-post-content input[type="submit"]:hover {
  background: var(--marj-text) !important;
  color: #050505 !important;
  border-color: var(--marj-text) !important;
}

/* ---------- 17. Tablolar ---------- */

.wp-block-table table,
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  color: var(--marj-text-soft);
}

.wp-block-table th,
.wp-block-table td,
.entry-content th,
.entry-content td {
  border: 1px solid var(--marj-border);
  padding: 13px 15px;
}

.wp-block-table th,
.entry-content th {
  color: var(--marj-text);
  background: rgba(255,255,255,0.035);
  font-weight: 600;
}

/* ---------- 18. Footer ---------- */

footer {
  border-top: 1px solid var(--marj-border);
  margin-top: 84px;
  padding-top: 48px;
  color: var(--marj-muted);
}

footer a {
  color: var(--marj-text-soft) !important;
  text-decoration: none !important;
}

footer a:hover {
  color: var(--marj-gold) !important;
}

/* ---------- 19. Erişilebilirlik ---------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 1px solid var(--marj-gold);
  outline-offset: 4px;
}

/* ---------- 20. Mobil ve Tablet ---------- */

@media (max-width: 900px) {
  main,
  .site-main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wp-block-navigation,
  nav {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .wp-block-navigation a,
  nav a,
  .menu a {
    font-size: 13px;
    letter-spacing: 0.09em;
  }

  h1,
  .wp-block-post-title {
    font-size: 40px;
    line-height: 1.05;
  }

  h2 {
    font-size: 31px;
  }

  h3 {
    font-size: 24px;
  }

  .entry-content,
  .wp-block-post-content {
    font-size: 18px;
    line-height: 1.74;
  }

  .wp-block-query .wp-block-post {
    padding: 21px;
  }

  .wp-block-search {
    max-width: 100%;
  }

  .wp-block-search__input {
    font-size: 16px;
    padding: 14px 15px;
  }

  .wp-block-search__button {
    padding: 12px 16px;
  }
}

@media (max-width: 560px) {
  h1,
  .wp-block-post-title {
    font-size: 35px;
  }

  h2 {
    font-size: 27px;
  }

  h3 {
    font-size: 23px;
  }

  blockquote,
  .wp-block-quote {
    padding: 22px;
  }

  blockquote p,
  .wp-block-quote p {
    font-size: 21px;
  }

  .wp-block-query .wp-block-post-title {
    font-size: 25px;
  }
}
/* =========================================================
   MARJ — İçindekiler Tablosu Kapsam Düzeltmesi
   Amaç: TOC sadece tekil yazılarda görünsün; sayfa/anasayfa/arsivde gizlensin
   ========================================================= */

/* Sayfalarda, anasayfada, kategori/arsivlerde içindekiler tablosunu gizle */
body:not(.single-post) #ez-toc-container,
body:not(.single-post) .ez-toc-container,
body:not(.single-post) .lwptoc,
body:not(.single-post) .rank-math-toc-block,
body:not(.single-post) .wp-block-aioseo-table-of-contents {
  display: none !important;
}

/* Tekil yazılarda içindekiler kutusunu MARJ estetiğine uydur */
.single-post #ez-toc-container,
.single-post .ez-toc-container,
.single-post .lwptoc,
.single-post .rank-math-toc-block,
.single-post .wp-block-aioseo-table-of-contents {
  background: rgba(8, 8, 8, 0.88) !important;
  border: 1px solid rgba(244, 239, 230, 0.18) !important;
  color: #d8cebd !important;
  padding: 24px 28px !important;
  margin: 36px auto 44px auto !important;
  max-width: 760px !important;
  box-shadow: none !important;
}

/* İçindekiler başlığı */
.single-post #ez-toc-container .ez-toc-title,
.single-post .ez-toc-title,
.single-post .lwptoc_title,
.single-post .rank-math-toc-block h2,
.single-post .wp-block-aioseo-table-of-contents h2 {
  color: #f4efe6 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 18px !important;
}

/* İçindekiler bağlantıları */
.single-post #ez-toc-container a,
.single-post .ez-toc-container a,
.single-post .lwptoc a,
.single-post .rank-math-toc-block a,
.single-post .wp-block-aioseo-table-of-contents a {
  color: #d8cebd !important;
  text-decoration: none !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  letter-spacing: 0.02em !important;
}

/* Hover */
.single-post #ez-toc-container a:hover,
.single-post .ez-toc-container a:hover,
.single-post .lwptoc a:hover,
.single-post .rank-math-toc-block a:hover,
.single-post .wp-block-aioseo-table-of-contents a:hover {
  color: #c3aa70 !important;
}

/* Liste boşlukları */
.single-post #ez-toc-container ul,
.single-post .ez-toc-container ul,
.single-post .lwptoc ul,
.single-post .rank-math-toc-block ul,
.single-post .wp-block-aioseo-table-of-contents ul {
  margin: 0 !important;
  padding-left: 20px !important;
}
/* =========================================================
   MARJ — İçindekiler Kutusu / Beyaz Premium Sürüm
   Sadece tekil yazılarda görünür
   ========================================================= */

/* Yazı olmayan yerlerde içindekileri gizle */
body:not(.single-post) #ez-toc-container,
body:not(.single-post) .ez-toc-container,
body:not(.single-post) .lwptoc,
body:not(.single-post) .rank-math-toc-block,
body:not(.single-post) .wp-block-aioseo-table-of-contents {
  display: none !important;
}

/* Tekil yazılarda beyaz içindekiler kutusu */
.single-post #ez-toc-container,
.single-post .ez-toc-container,
.single-post .lwptoc,
.single-post .rank-math-toc-block,
.single-post .wp-block-aioseo-table-of-contents {
  background: #fffdf8 !important;
  border: 1px solid #e6ded1 !important;
  color: #191919 !important;
  padding: 28px 32px !important;
  margin: 38px auto 46px auto !important;
  max-width: 760px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08) !important;
  border-radius: 3px !important;
}

/* Başlık alanı */
.single-post #ez-toc-container .ez-toc-title-container,
.single-post .ez-toc-container .ez-toc-title-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #e6ded1 !important;
  padding-bottom: 14px !important;
  margin-bottom: 22px !important;
}

/* "Table of Contents" yazısını CSS ile Türkçeleştir */
.single-post #ez-toc-container .ez-toc-title,
.single-post .ez-toc-container .ez-toc-title,
.single-post .lwptoc_title,
.single-post .rank-math-toc-block h2,
.single-post .wp-block-aioseo-table-of-contents h2 {
  color: #191919 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 0 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  text-transform: none !important;
}

/* Görünen Türkçe başlık */
.single-post #ez-toc-container .ez-toc-title::before,
.single-post .ez-toc-container .ez-toc-title::before,
.single-post .lwptoc_title::before,
.single-post .rank-math-toc-block h2::before,
.single-post .wp-block-aioseo-table-of-contents h2::before {
  content: "İçindekiler";
  font-size: 30px !important;
  color: #191919 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* İçindekiler listesi */
.single-post #ez-toc-container ul,
.single-post .ez-toc-container ul,
.single-post .lwptoc ul,
.single-post .rank-math-toc-block ul,
.single-post .wp-block-aioseo-table-of-contents ul {
  margin: 0 !important;
  padding-left: 22px !important;
}

/* Liste elemanları */
.single-post #ez-toc-container li,
.single-post .ez-toc-container li,
.single-post .lwptoc li,
.single-post .rank-math-toc-block li,
.single-post .wp-block-aioseo-table-of-contents li {
  color: #191919 !important;
  margin-bottom: 8px !important;
  line-height: 1.48 !important;
}

/* Bağlantılar */
.single-post #ez-toc-container a,
.single-post .ez-toc-container a,
.single-post .lwptoc a,
.single-post .rank-math-toc-block a,
.single-post .wp-block-aioseo-table-of-contents a {
  color: #191919 !important;
  text-decoration: none !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  font-weight: 500 !important;
}

/* Alt başlıklar biraz daha sakin */
.single-post #ez-toc-container ul ul a,
.single-post .ez-toc-container ul ul a,
.single-post .lwptoc ul ul a,
.single-post .rank-math-toc-block ul ul a,
.single-post .wp-block-aioseo-table-of-contents ul ul a {
  font-size: 16.5px !important;
  color: #4a4034 !important;
  font-weight: 400 !important;
}

/* Hover */
.single-post #ez-toc-container a:hover,
.single-post .ez-toc-container a:hover,
.single-post .lwptoc a:hover,
.single-post .rank-math-toc-block a:hover,
.single-post .wp-block-aioseo-table-of-contents a:hover {
  color: #8a6a2f !important;
}

/* Numara işaretleri */
.single-post #ez-toc-container li::marker,
.single-post .ez-toc-container li::marker,
.single-post .rank-math-toc-block li::marker,
.single-post .wp-block-aioseo-table-of-contents li::marker {
  color: #9a7a3a !important;
}

/* Aç/kapat butonu */
.single-post #ez-toc-container .ez-toc-title-toggle,
.single-post .ez-toc-container .ez-toc-title-toggle {
  margin-left: 18px !important;
}

.single-post #ez-toc-container .ez-toc-title-toggle a,
.single-post .ez-toc-container .ez-toc-title-toggle a {
  background: #fffdf8 !important;
  border: 1px solid #cfc6b8 !important;
  color: #191919 !important;
  border-radius: 4px !important;
  padding: 7px 10px !important;
  box-shadow: none !important;
}

/* Mobil */
@media (max-width: 700px) {
  .single-post #ez-toc-container,
  .single-post .ez-toc-container,
  .single-post .lwptoc,
  .single-post .rank-math-toc-block,
  .single-post .wp-block-aioseo-table-of-contents {
    padding: 22px 20px !important;
    margin: 30px auto 38px auto !important;
  }

  .single-post #ez-toc-container .ez-toc-title::before,
  .single-post .ez-toc-container .ez-toc-title::before,
  .single-post .lwptoc_title::before,
  .single-post .rank-math-toc-block h2::before,
  .single-post .wp-block-aioseo-table-of-contents h2::before {
    font-size: 25px !important;
  }

  .single-post #ez-toc-container a,
  .single-post .ez-toc-container a,
  .single-post .lwptoc a,
  .single-post .rank-math-toc-block a,
  .single-post .wp-block-aioseo-table-of-contents a {
    font-size: 16.5px !important;
  }
}
/* =========================================================
   MARJ — Okuma Sayfası Premium Beyaz Makale Modu
   Yalnızca tekil yazı sayfalarını etkiler
   ========================================================= */

/* Tekil yazı sayfasında koyu site kabuğu */
body.single-post {
  background:
    radial-gradient(circle at 50% 0%, rgba(195, 170, 112, 0.08), transparent 34rem),
    #050505 !important;
}

/* Makale alanı: beyaz kâğıt etkisi */
body.single-post main,
body.single-post .site-main {
  max-width: 980px !important;
  background: #fffdf8 !important;
  color: #181818 !important;
  margin-top: 46px !important;
  margin-bottom: 64px !important;
  padding: clamp(30px, 5vw, 74px) !important;
  border: 1px solid #e6ded1 !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.28) !important;
}

/* Yazı gövdesi */
body.single-post .entry-content,
body.single-post .wp-block-post-content {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #25211b !important;
  font-size: clamp(18px, 1.15vw, 20px) !important;
  line-height: 1.82 !important;
}

/* Yazı başlığı */
body.single-post h1,
body.single-post .wp-block-post-title {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #111 !important;
  font-size: clamp(40px, 5vw, 66px) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.015em !important;
}

/* Yazı içi başlıklar */
body.single-post h2,
body.single-post h3,
body.single-post h4 {
  color: #111 !important;
}

body.single-post h2 {
  font-size: clamp(30px, 3vw, 42px) !important;
  margin-top: 2.4em !important;
}

body.single-post h2::before {
  background: #9a7a3a !important;
  width: 56px !important;
}

/* İlk paragraf: editoryal spot etkisi */
body.single-post .entry-content > p:first-of-type,
body.single-post .wp-block-post-content > p:first-of-type {
  font-size: clamp(21px, 1.6vw, 25px) !important;
  line-height: 1.62 !important;
  color: #171717 !important;
  margin-bottom: 1.6em !important;
}

/* Paragraflar */
body.single-post .entry-content p,
body.single-post .wp-block-post-content p {
  color: #25211b !important;
  margin-bottom: 1.34em !important;
}

/* Linkler */
body.single-post .entry-content a,
body.single-post .wp-block-post-content a {
  color: #111 !important;
  text-decoration-color: #9a7a3a !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 5px !important;
}

body.single-post .entry-content a:hover,
body.single-post .wp-block-post-content a:hover {
  color: #8a6a2f !important;
}

/* Meta alanları */
body.single-post .wp-block-post-date,
body.single-post .wp-block-post-author,
body.single-post .wp-block-post-terms,
body.single-post .entry-meta,
body.single-post .post-meta {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #786d5d !important;
  font-size: 12px !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

/* Kategori/etiket rozetleri */
body.single-post .wp-block-post-terms a,
body.single-post .cat-links a,
body.single-post .tags-links a {
  color: #6f5525 !important;
  border: 1px solid #d8c8a2 !important;
  background: #faf6ee !important;
}

/* Kapak ve yazı içi görseller */
body.single-post .wp-block-post-featured-image,
body.single-post .wp-block-image {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-post .wp-block-post-featured-image img,
body.single-post .wp-block-image img {
  border: 1px solid #ded3c2 !important;
  filter: saturate(0.96) contrast(1.03) !important;
}

/* Görsel açıklamaları */
body.single-post .wp-block-image figcaption,
body.single-post .wp-block-gallery figcaption,
body.single-post .wp-block-embed figcaption {
  color: #756b5d !important;
  font-size: 13.5px !important;
  line-height: 1.48 !important;
  border-left: 1px solid #c8b98f !important;
  padding-left: 12px !important;
}

/* Alıntılar */
body.single-post blockquote,
body.single-post .wp-block-quote {
  border-left: 2px solid #9a7a3a !important;
  background: #f5efe4 !important;
  color: #171717 !important;
  padding: 28px 32px !important;
}

body.single-post blockquote p,
body.single-post .wp-block-quote p {
  color: #171717 !important;
  font-size: clamp(22px, 1.8vw, 28px) !important;
  line-height: 1.4 !important;
}

body.single-post cite,
body.single-post .wp-block-quote cite {
  color: #756b5d !important;
}

/* Listeler */
body.single-post .entry-content li,
body.single-post .wp-block-post-content li {
  color: #25211b !important;
  margin-bottom: 0.66em !important;
}

body.single-post .entry-content li::marker,
body.single-post .wp-block-post-content li::marker {
  color: #9a7a3a !important;
}

/* Tablolar */
body.single-post .wp-block-table table,
body.single-post .entry-content table {
  color: #25211b !important;
  border-collapse: collapse !important;
}

body.single-post .wp-block-table th,
body.single-post .wp-block-table td,
body.single-post .entry-content th,
body.single-post .entry-content td {
  border: 1px solid #ded3c2 !important;
  padding: 13px 15px !important;
}

body.single-post .wp-block-table th,
body.single-post .entry-content th {
  background: #f5efe4 !important;
  color: #111 !important;
}

/* Ayırıcılar */
body.single-post hr,
body.single-post .wp-block-separator {
  background: linear-gradient(
    90deg,
    transparent,
    #c8b98f,
    transparent
  ) !important;
}

/* Yazı sonu ilgili yazılar varsa daha açık kart düzeni */
body.single-post .wp-block-query .wp-block-post {
  background: #faf6ee !important;
  border: 1px solid #ded3c2 !important;
  color: #171717 !important;
}

body.single-post .wp-block-query .wp-block-post-title a {
  color: #111 !important;
}

body.single-post .wp-block-query .wp-block-post-title a:hover {
  color: #8a6a2f !important;
}

body.single-post .wp-block-post-excerpt {
  color: #4c453a !important;
}

/* Butonlar */
body.single-post .wp-block-button__link,
body.single-post .entry-content input[type="submit"],
body.single-post .wp-block-post-content input[type="submit"] {
  background: #111 !important;
  color: #fffdf8 !important;
  border: 1px solid #111 !important;
}

body.single-post .wp-block-button__link:hover,
body.single-post .entry-content input[type="submit"]:hover,
body.single-post .wp-block-post-content input[type="submit"]:hover {
  background: #8a6a2f !important;
  border-color: #8a6a2f !important;
  color: #fff !important;
}

/* Seçim rengi */
body.single-post ::selection {
  background: #c8b98f !important;
  color: #111 !important;
}

/* Mobil */
@media (max-width: 780px) {
  body.single-post main,
  body.single-post .site-main {
    margin-top: 24px !important;
    margin-bottom: 36px !important;
    padding: 26px 20px !important;
    box-shadow: none !important;
  }

  body.single-post h1,
  body.single-post .wp-block-post-title {
    font-size: 36px !important;
  }

  body.single-post .entry-content,
  body.single-post .wp-block-post-content {
    font-size: 18px !important;
    line-height: 1.76 !important;
  }

  body.single-post .entry-content > p:first-of-type,
  body.single-post .wp-block-post-content > p:first-of-type {
    font-size: 20px !important;
  }
}
/* =========================================================
   MARJ — Okuma Sayfası Düzeltme Katmanı
   Sorunlar:
   1. İlgili/popüler yazı başlıkları devasa büyümesin
   2. Yazı içi başlıklar/transparan metinler okunur hâle gelsin
   ========================================================= */


/* ---------------------------------------------------------
   1. Tekil yazıda sadece ANA başlık büyük kalsın
   Query Loop / Popüler Yayınlar / İlgili Yazılar başlıkları küçülsün
   --------------------------------------------------------- */

body.single-post .wp-block-query .wp-block-post-title,
body.single-post .wp-block-query h2.wp-block-post-title,
body.single-post .wp-block-query h3.wp-block-post-title {
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em !important;
  margin-top: 12px !important;
  margin-bottom: 10px !important;
  color: #111 !important;
}

/* Kartların içeriği taşmasın */
body.single-post .wp-block-query .wp-block-post {
  overflow: hidden !important;
  min-height: auto !important;
}

/* İlgili/popüler yazı kartlarında yazar adı, tarih ve özet dengelensin */
body.single-post .wp-block-query .wp-block-post-date,
body.single-post .wp-block-query .wp-block-post-author,
body.single-post .wp-block-query .wp-block-post-terms,
body.single-post .wp-block-query .wp-block-post-excerpt {
  color: #5f5548 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* İlgili/popüler yazı başlık linkleri */
body.single-post .wp-block-query .wp-block-post-title a {
  color: #111 !important;
  text-decoration: none !important;
}

body.single-post .wp-block-query .wp-block-post-title a:hover {
  color: #8a6a2f !important;
}


/* ---------------------------------------------------------
   2. Yazı içi başlıkların transparan görünmesini engelle
   --------------------------------------------------------- */

body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content h5,
body.single-post .entry-content h6,
body.single-post .wp-block-post-content h1,
body.single-post .wp-block-post-content h2,
body.single-post .wp-block-post-content h3,
body.single-post .wp-block-post-content h4,
body.single-post .wp-block-post-content h5,
body.single-post .wp-block-post-content h6 {
  color: #111 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Yazı içi strong/span/em renkleri karanlık temadan miras alıp soluklaşmasın */
body.single-post .entry-content strong,
body.single-post .entry-content b,
body.single-post .wp-block-post-content strong,
body.single-post .wp-block-post-content b {
  color: #111 !important;
  opacity: 1 !important;
}

body.single-post .entry-content span,
body.single-post .wp-block-post-content span {
  opacity: 1 !important;
}

/* Paragraf ve liste metinleri kesin okunur kalsın */
body.single-post .entry-content p,
body.single-post .wp-block-post-content p,
body.single-post .entry-content li,
body.single-post .wp-block-post-content li {
  color: #25211b !important;
  opacity: 1 !important;
}


/* ---------------------------------------------------------
   3. Eğer yazı içinde numaralı ara başlıklar H3/H4 ise
   onları daha derli toplu göster
   --------------------------------------------------------- */

body.single-post .entry-content h3,
body.single-post .wp-block-post-content h3 {
  font-size: clamp(25px, 2vw, 32px) !important;
  line-height: 1.22 !important;
  margin-top: 2.2em !important;
  margin-bottom: 0.85em !important;
  color: #111 !important;
}

body.single-post .entry-content h4,
body.single-post .wp-block-post-content h4 {
  font-size: clamp(21px, 1.6vw, 26px) !important;
  line-height: 1.3 !important;
  margin-top: 1.8em !important;
  margin-bottom: 0.7em !important;
  color: #181818 !important;
}


/* ---------------------------------------------------------
   4. Popüler / ilgili yayınlar bölümü beyaz sayfada düzgün dursun
   --------------------------------------------------------- */

body.single-post .wp-block-query {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-post .wp-block-query ul,
body.single-post .wp-block-query .wp-block-post-template {
  gap: 22px !important;
}

body.single-post .wp-block-query .wp-block-post {
  background: #faf6ee !important;
  border: 1px solid #ded3c2 !important;
  padding: 22px !important;
  color: #171717 !important;
  box-shadow: none !important;
}

/* Eğer dört kolon çok sıkışıyorsa başlık patlamasın */
body.single-post .wp-block-query .wp-block-post-title {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}


/* ---------------------------------------------------------
   5. Mobil düzeltme
   --------------------------------------------------------- */

@media (max-width: 780px) {
  body.single-post .wp-block-query .wp-block-post-title,
  body.single-post .wp-block-query h2.wp-block-post-title,
  body.single-post .wp-block-query h3.wp-block-post-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
  }

  body.single-post .wp-block-query .wp-block-post {
    padding: 18px !important;
  }
}
/* =========================================================
   MARJ — FINAL FOOTER / SINGLE POST TRANSITION FIX
   Amaç:
   1. Makale sayfasından footera geçerken oluşan beyaz boşluğu kaldırmak
   2. Footer'ı koyu MARJ kabuğuna sabitlemek
   3. Anasayfa ve yazı sayfalarında alt bölüm disiplinini korumak
   ========================================================= */


/* ---------------------------------------------------------
   1. Tekil yazıda beyaz okuma alanı footera taşmasın
   --------------------------------------------------------- */

body.single-post main,
body.single-post .site-main {
  margin-bottom: 0 !important;
}

/* Main içindeki son boş spacer blokları aşırı beyaz alan üretmesin */
body.single-post main > .wp-block-spacer:last-child,
body.single-post .site-main > .wp-block-spacer:last-child,
body.single-post .entry-content > .wp-block-spacer:last-child,
body.single-post .wp-block-post-content > .wp-block-spacer:last-child {
  display: none !important;
}

/* Makale içeriğinin sonunda kontrollü kapanış boşluğu */
body.single-post .entry-content,
body.single-post .wp-block-post-content {
  padding-bottom: 36px !important;
}


/* ---------------------------------------------------------
   2. Footer daima koyu MARJ alanı olarak kalsın
   --------------------------------------------------------- */

body.single-post footer,
footer {
  background:
    radial-gradient(circle at 18% 0%, rgba(195, 170, 112, 0.055), transparent 28rem),
    linear-gradient(180deg, #030303 0%, #000 100%) !important;
  color: var(--marj-text-soft) !important;
  border-top: 1px solid var(--marj-border) !important;
  margin-top: 0 !important;
  padding-top: 64px !important;
  padding-bottom: 42px !important;
}

/* Footer içindeki beyaz arka planlı grup kalırsa zorla koyulaştır */
footer .wp-block-group,
footer .wp-block-columns,
footer .wp-block-column {
  background-color: transparent !important;
}

/* Footer başlıkları */
footer h1,
footer h2,
footer h3,
footer h4,
footer .wp-block-heading {
  color: var(--marj-text) !important;
}

/* Footer paragrafları */
footer p,
footer li {
  color: var(--marj-text-soft) !important;
}

/* Footer linkleri */
footer a {
  color: var(--marj-text-soft) !important;
  text-decoration: none !important;
}

footer a:hover {
  color: var(--marj-gold) !important;
}


/* ---------------------------------------------------------
   3. Footer öncesi beyaz şerit oluşuyorsa onu yok et
   --------------------------------------------------------- */

body.single-post .wp-site-blocks > .wp-block-group:empty,
body.single-post .wp-site-blocks > .wp-block-spacer {
  background: transparent !important;
}

/* Bazı temalarda footer üstündeki boş grup beyaz kalır */
body.single-post footer,
body.single-post footer::before,
body.single-post footer::after {
  background-color: #030303 !important;
}


/* ---------------------------------------------------------
   4. Footer abonelik kutusu daha derli toplu görünsün
   --------------------------------------------------------- */

footer .wp-block-button__link {
  background: rgba(255,255,255,0.055) !important;
  color: var(--marj-text) !important;
  border: 1px solid rgba(244,239,230,0.16) !important;
  border-radius: 999px !important;
}

footer .wp-block-button__link:hover {
  background: var(--marj-text) !important;
  color: #050505 !important;
}


/* ---------------------------------------------------------
   5. Anasayfa kategori bloklarında metin genişliği daha kontrollü kalsın
   --------------------------------------------------------- */

body.home .wp-block-group p,
body.front-page .wp-block-group p {
  max-width: 760px;
}

/* Bölüm odağı kutuları fazla parlamasın, daha rafine dursun */
body.home .wp-block-group,
body.front-page .wp-block-group {
  border-color: rgba(195, 170, 112, 0.16);
}

/* Anasayfa görsellerinde kaba taşma engeli */
body.home .wp-block-post-featured-image img,
body.front-page .wp-block-post-featured-image img {
  object-fit: cover;
}


/* ---------------------------------------------------------
   6. Mobil footer düzeltmesi
   --------------------------------------------------------- */

@media (max-width: 780px) {
  body.single-post footer,
  footer {
    padding-top: 42px !important;
    padding-bottom: 34px !important;
  }

  footer .wp-block-columns {
    gap: 28px !important;
  }
}
/* =========================================================
   MARJ — SINGLE POST FOOTER HARD RESET
   Amaç: Makale sayfalarında footer'ın yukarıda boşluk bırakmasını engellemek
   ========================================================= */

/* Önce daha önce eklenmiş yapay footer çizgilerini iptal et */
body.single-post footer::before,
body.single-post footer::after,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child::before,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child::after {
  content: none !important;
  display: none !important;
}

/* Makale sayfasında footer alanını sıfırdan hizala */
body.single-post footer,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child {
  background:
    radial-gradient(circle at 18% 0%, rgba(195, 170, 112, 0.055), transparent 28rem),
    linear-gradient(180deg, #030303 0%, #000 100%) !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  border-top: 1px solid rgba(244, 239, 230, 0.14) !important;
}

/* Footer içindeki dev boşluk/spacer bloklarını öldür */
body.single-post footer .wp-block-spacer,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-spacer {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Footer içindeki grup ve kolonların gereksiz üst boşluğunu sıfırla */
body.single-post footer .wp-block-group,
body.single-post footer .wp-block-columns,
body.single-post footer .wp-block-column,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-group,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-columns,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-column {
  margin-top: 0 !important;
}

/* Footer ana içeriğini tekrar düzgün, nefesli ama kontrollü hale getir */
body.single-post footer > .wp-block-group,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child > .wp-block-group {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 56px 28px 44px 28px !important;
}

/* Footer kolonları anasayfadaki gibi ortalansın */
body.single-post footer .wp-block-columns,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-columns {
  align-items: center !important;
  gap: clamp(36px, 6vw, 90px) !important;
}

/* Footer başlıkları */
body.single-post footer h1,
body.single-post footer h2,
body.single-post footer h3,
body.single-post footer h4,
body.single-post footer .wp-block-heading,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child h1,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child h2,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child h3,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child h4,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-heading {
  color: var(--marj-text) !important;
  margin-top: 0 !important;
}

/* Footer başlıklarının altın çizgisi kontrolden çıkmasın */
body.single-post footer h1::before,
body.single-post footer h2::before,
body.single-post footer h3::before,
body.single-post footer .wp-block-heading::before,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child h1::before,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child h2::before,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child h3::before,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-heading::before {
  width: 70px !important;
  height: 1px !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  background: var(--marj-gold) !important;
}

/* Footer paragraf ve link renkleri */
body.single-post footer p,
body.single-post footer li,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child p,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child li {
  color: var(--marj-text-soft) !important;
}

body.single-post footer a,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child a {
  color: var(--marj-text-soft) !important;
  text-decoration: none !important;
}

body.single-post footer a:hover,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child a:hover {
  color: var(--marj-gold) !important;
}

/* Abonelik kutusu */
body.single-post footer .wp-block-button__link,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-button__link {
  background: rgba(255,255,255,0.055) !important;
  color: var(--marj-text) !important;
  border: 1px solid rgba(244,239,230,0.16) !important;
  border-radius: 999px !important;
}

body.single-post footer .wp-block-button__link:hover,
body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-button__link:hover {
  background: var(--marj-text) !important;
  color: #050505 !important;
}

/* Mobil */
@media (max-width: 780px) {
  body.single-post footer > .wp-block-group,
  body.single-post .wp-site-blocks > .wp-block-template-part:last-child > .wp-block-group {
    padding: 38px 22px 34px 22px !important;
  }

  body.single-post footer .wp-block-columns,
  body.single-post .wp-site-blocks > .wp-block-template-part:last-child .wp-block-columns {
    gap: 28px !important;
  }
}
/* =========================================================
   MARJ — Homepage Editorial Refinement Layer
   Amaç: Anasayfa hero ve bölüm bloklarını daha elit, kontrollü ve dergi hissine yakın yapmak
   ========================================================= */


/* =========================================================
   1. ANASAYFA HERO — SEÇKİ BLOĞU
   ========================================================= */

body.home .marj-home-hero,
body.front-page .marj-home-hero {
  position: relative;
  max-width: 1480px;
  margin: 0 auto clamp(72px, 8vw, 128px) auto !important;
  padding: clamp(76px, 10vw, 148px) clamp(30px, 5vw, 76px) clamp(70px, 8vw, 120px) clamp(30px, 5vw, 76px) !important;
  border-bottom: 1px solid rgba(244, 239, 230, 0.12);
  background:
    radial-gradient(circle at 16% 12%, rgba(195, 170, 112, 0.07), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,0.018), transparent 72%);
  overflow: hidden;
}

/* Hero içine çok hafif editoryal doku */
body.home .marj-home-hero::before,
body.front-page .marj-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.014) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: 0.18;
  pointer-events: none;
}

/* Seçki etiketi */
body.home .marj-home-hero .wp-block-button__link,
body.front-page .marj-home-hero .wp-block-button__link {
  background: transparent !important;
  color: var(--marj-gold) !important;
  border: 1px solid rgba(195, 170, 112, 0.45) !important;
  border-radius: 999px !important;
  padding: 8px 22px !important;
  font-size: 12px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Hero başlık */
body.home .marj-home-hero h1,
body.home .marj-home-hero h2,
body.front-page .marj-home-hero h1,
body.front-page .marj-home-hero h2 {
  max-width: 1220px !important;
  color: var(--marj-text) !important;
  font-size: clamp(56px, 7.4vw, 126px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.035em !important;
  font-weight: 500 !important;
  text-wrap: balance;
  margin-top: 44px !important;
  margin-bottom: 32px !important;
}

/* Hero başlıktaki otomatik çizgi fazla kaba durmasın */
body.home .marj-home-hero h1::before,
body.home .marj-home-hero h2::before,
body.front-page .marj-home-hero h1::before,
body.front-page .marj-home-hero h2::before {
  width: 84px !important;
  margin-bottom: 34px !important;
  background: linear-gradient(90deg, var(--marj-gold), transparent) !important;
}

/* Hero açıklama */
body.home .marj-home-hero p,
body.front-page .marj-home-hero p {
  max-width: 1120px !important;
  color: #e6dfd1 !important;
  font-size: clamp(21px, 1.55vw, 30px) !important;
  line-height: 1.55 !important;
  letter-spacing: 0.01em !important;
  font-weight: 500 !important;
}


/* =========================================================
   2. ANASAYFA BÖLÜM PANELLERİ
   Teknoloji / Kültür / Toplum gibi büyük kutular
   ========================================================= */

body.home .marj-section-panel,
body.front-page .marj-section-panel {
  position: relative;
  max-width: 1480px;
  margin: clamp(64px, 8vw, 118px) auto !important;
  padding: clamp(42px, 5.6vw, 84px) clamp(30px, 5vw, 78px) !important;
  border: 1px solid rgba(244, 239, 230, 0.10);
  border-left: 3px solid rgba(195, 170, 112, 0.72);
  border-radius: 28px;
  background:
    radial-gradient(circle at 88% 18%, rgba(195, 170, 112, 0.06), transparent 26rem),
    linear-gradient(135deg, rgba(255,255,255,0.032), rgba(255,255,255,0.006));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    0 24px 80px rgba(0,0,0,0.22);
  overflow: hidden;
}

/* Fazla sert kutu görünümünü kıran ince iç çizgi */
body.home .marj-section-panel::after,
body.front-page .marj-section-panel::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 26px;
  border: 1px solid rgba(195, 170, 112, 0.055);
  pointer-events: none;
}

/* Bölüm iç kolon dengesi */
body.home .marj-section-panel .wp-block-columns,
body.front-page .marj-section-panel .wp-block-columns {
  align-items: center !important;
  gap: clamp(46px, 7vw, 118px) !important;
}

/* Sol metin bloğu */
body.home .marj-section-panel .wp-block-column:first-child,
body.front-page .marj-section-panel .wp-block-column:first-child {
  max-width: 760px;
}

/* Bölüm etiketi: Teknoloji / Kültür / Toplum */
body.home .marj-section-panel .wp-block-button__link,
body.front-page .marj-section-panel .wp-block-button__link {
  background: transparent !important;
  color: var(--marj-gold) !important;
  border: 1px solid rgba(195, 170, 112, 0.42) !important;
  border-radius: 999px !important;
  padding: 7px 22px !important;
  font-size: 12px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
}

/* Bölüm metinleri */
body.home .marj-section-panel p,
body.front-page .marj-section-panel p {
  color: #f0eadf !important;
  font-size: clamp(20px, 1.35vw, 25px) !important;
  line-height: 1.76 !important;
  letter-spacing: 0.002em !important;
  max-width: 780px !important;
}

body.home .marj-section-panel strong,
body.front-page .marj-section-panel strong {
  color: #fff8ec !important;
  font-weight: 600 !important;
}


/* =========================================================
   3. BÖLÜM ODAĞI KUTUSU
   ========================================================= */

body.home .marj-focus-box,
body.front-page .marj-focus-box {
  position: relative;
  max-width: 560px;
  margin-left: auto;
  padding: clamp(34px, 4vw, 54px) clamp(30px, 4vw, 52px) !important;
  border: 1px solid rgba(195, 170, 112, 0.24) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(195, 170, 112, 0.08), transparent 18rem),
    rgba(255,255,255,0.028) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.035),
    0 18px 60px rgba(0,0,0,0.18);
}

/* Bölüm odağı başlığı */
body.home .marj-focus-box h2,
body.home .marj-focus-box h3,
body.home .marj-focus-box .wp-block-heading,
body.front-page .marj-focus-box h2,
body.front-page .marj-focus-box h3,
body.front-page .marj-focus-box .wp-block-heading {
  color: var(--marj-gold) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  margin: 0 0 32px 0 !important;
}

body.home .marj-focus-box h2::before,
body.home .marj-focus-box h3::before,
body.home .marj-focus-box .wp-block-heading::before,
body.front-page .marj-focus-box h2::before,
body.front-page .marj-focus-box h3::before,
body.front-page .marj-focus-box .wp-block-heading::before {
  display: none !important;
}

/* Odak listesi */
body.home .marj-focus-box ul,
body.front-page .marj-focus-box ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

body.home .marj-focus-box li,
body.front-page .marj-focus-box li {
  color: #f4efe6 !important;
  font-size: clamp(17px, 1.15vw, 21px) !important;
  line-height: 1.45 !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(244, 239, 230, 0.10);
}

body.home .marj-focus-box li:last-child,
body.front-page .marj-focus-box li:last-child {
  border-bottom: none;
}

/* Liste başındaki markerları öldür */
body.home .marj-focus-box li::marker,
body.front-page .marj-focus-box li::marker {
  content: "" !important;
}


/* =========================================================
   4. ANASAYFA BLOKLARI ARASI RİTİM
   ========================================================= */

body.home main,
body.front-page main {
  padding-bottom: clamp(48px, 7vw, 96px);
}

/* Büyük bölümler birbirine yapışmasın */
body.home .marj-section-panel + .marj-section-panel,
body.front-page .marj-section-panel + .marj-section-panel {
  margin-top: clamp(72px, 8vw, 126px) !important;
}

/* Anasayfa genel başlıklar daha kontrollü */
body.home main h2:not(.wp-block-post-title),
body.front-page main h2:not(.wp-block-post-title) {
  text-wrap: balance;
}


/* =========================================================
   5. MOBİL
   ========================================================= */

@media (max-width: 900px) {
  body.home .marj-home-hero,
  body.front-page .marj-home-hero {
    padding: 64px 24px 70px 24px !important;
  }

  body.home .marj-home-hero h1,
  body.home .marj-home-hero h2,
  body.front-page .marj-home-hero h1,
  body.front-page .marj-home-hero h2 {
    font-size: clamp(42px, 13vw, 72px) !important;
    line-height: 0.98 !important;
  }

  body.home .marj-home-hero p,
  body.front-page .marj-home-hero p {
    font-size: 20px !important;
    line-height: 1.6 !important;
  }

  body.home .marj-section-panel,
  body.front-page .marj-section-panel {
    margin: 54px 18px !important;
    padding: 34px 24px !important;
    border-radius: 22px !important;
  }

  body.home .marj-section-panel .wp-block-columns,
  body.front-page .marj-section-panel .wp-block-columns {
    gap: 34px !important;
  }

  body.home .marj-section-panel p,
  body.front-page .marj-section-panel p {
    font-size: 18px !important;
    line-height: 1.68 !important;
  }

  body.home .marj-focus-box,
  body.front-page .marj-focus-box {
    max-width: 100%;
    margin-left: 0;
    padding: 28px 24px !important;
  }

  body.home .marj-focus-box li,
  body.front-page .marj-focus-box li {
    font-size: 17px !important;
  }
}