/* ============================================================
   MERİDYEN — Özel CMS teması  ·  Dt. Mücahit Şahin diş kliniği
   Editoryal broadsheet: kâğıt fildişi zemin, kenara yaslı
   (full-bleed) bölümler, dikey mizanpaj, anıtsal sola dayalı
   Instrument Serif başlıklar, numaralı bölümler, dikey ince cetvel.

   Yükleme sırası: main.css  →  bu dosya (theme.php → theme_headAssets)
   1) main.css :root token'larını editoryal paletle YENİDEN TANIMLAR
      → header, footer, blog, .cat-card, SSS akordeonu vb. otomatik döner
   2) main.css'te değişken DEĞİL, hardcode turuncu rgba(232,66,10,…) /
      soğuk lacivert #1e293b noktalarını aynı seçicilerle üzerine yazar
   3) Blog / yazı / sayfa başlığı bileşenlerini editoryal mizanpaja çeker
   4) Ana sayfa "mrd-" bileşenleri (homepage-content.html içinde)
   ============================================================ */

/* ── 1) SİTE GENELİ TOKEN OVERRIDE ─────────────────────────── */
:root{
  /* derin çam yeşili vurgu (eski: turuncu #E8420A) */
  --clr-primary:     #2f473d;
  --clr-primary-dk:  #233a31;
  /* koyu zeminde metin olarak kullanılacak açık çam (WCAG AA) */
  --clr-primary-lt:  #9cc3b3;

  /* nötrler — soğuk gri yerine sıcak kâğıt + mürekkep */
  --clr-dark:    #1b1a16;
  --clr-dark-2:  #2b2924;
  --clr-dark-3:  #423f37;
  --clr-gray:    #6c675b;
  --clr-light:   #eee9db;   /* alternatif bölüm zemini */
  --clr-white:   #f6f3eb;   /* ana kâğıt zemini */
  --clr-border:  #d8d1be;

  /* editoryal serif + grotesk */
  --ff-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --ff-body:    'Archivo', -apple-system, 'Segoe UI', sans-serif;

  /* sıcak, minimal gölgeler (editoryalde gölge az kullanılır) */
  --shadow-sm:  0 1px 2px rgba(27,26,22,.06);
  --shadow-md:  0 6px 24px -12px rgba(27,26,22,.22);
  --shadow-lg:  0 30px 60px -32px rgba(27,26,22,.34);

  /* editoryal keskin köşeler */
  --radius-sm:  2px;
  --radius-md:  3px;
  --radius-lg:  4px;

  /* Meridyen'e özel yardımcı renkler */
  --mrd-accent:      #b4582b;   /* yanık toprak — bölüm no, cetvel, italik vurgu */
  --mrd-accent-dk:   #8f451f;
  --mrd-accent-tint: #ecdccc;
  --mrd-pine-tint:   #dde7e1;

  /* editoryal yatay iç boşluk (kenara yaslama) */
  --mrd-gutter: clamp(22px, 6vw, 128px);
  --mrd-measure: 66ch;
}

body{
  background: var(--clr-white);
  color: var(--clr-dark);
  font-family: var(--ff-body);
  -webkit-font-smoothing: antialiased;
}

/* Instrument Serif — Bebas Neue için ayarlı letter-spacing/uppercase'i sıfırla */
.hero h1, .section__title, .card__title, .cat-card__name, .logo,
.page-hero h1, .post-title, .post-content h2, .post-content h3{
  font-family: var(--ff-display);
  letter-spacing: normal;
  text-transform: none;
  font-weight: 400;
  line-height: 1.04;
}

/* ============================================================
   2) main.css TURUNCU HARDCODE OVERRIDE  (RGB 180,88,43 = #b4582b)
   ============================================================ */
.nav__link:hover,
.nav__link.active            { background: rgba(180,88,43,.08); }
.dropdown__item:hover        { background: rgba(180,88,43,.08); color: var(--mrd-accent-dk); }
.nav-toggle                  { box-shadow: 0 2px 8px rgba(180,88,43,.30); }
.nav-toggle:hover            { box-shadow: 0 4px 14px rgba(180,88,43,.45); }
.btn--primary:hover          { box-shadow: 0 4px 15px rgba(35,58,49,.30); }
.hero__badge{
  background: rgba(180,88,43,.14);
  border-color: rgba(180,88,43,.30);
  color: var(--mrd-accent-dk);
}
.cat-card:hover              { box-shadow: none; border-color: var(--clr-primary); }
.cat-card__icon              { background: var(--mrd-pine-tint); color: var(--clr-primary-dk); }
.form-control:focus,
.form-control:focus-visible  { box-shadow: 0 0 0 3px rgba(47,71,61,.14); border-color: var(--clr-primary); }
.mega-menu__cat-item:hover,
.mega-menu__link:hover,
.mega-menu__post:hover       { background: rgba(180,88,43,.08); color: var(--mrd-accent-dk); }
.mega-menu__cat-item em,
.mega-menu__count            { background: var(--mrd-pine-tint); color: var(--clr-primary-dk); }

@media (max-width: 1024px){
  .nav__link:hover,
  .nav__link.active { background: linear-gradient(90deg, rgba(180,88,43,.24) 0%, rgba(180,88,43,.04) 100%) !important; }
  .dropdown         { border-left-color: rgba(180,88,43,.30); }
  .dropdown__item:hover { background: rgba(180,88,43,.13); }
  .mega-menu        { border-left-color: rgba(180,88,43,.30) !important; }
  .mega-menu__cat-item:hover,
  .mega-menu__link:hover,
  .mega-menu__post:hover { background: rgba(180,88,43,.13) !important; }
  .mega-menu__all-link  { border-color: rgba(180,88,43,.5) !important; }
}

/* Sayfa üstü banner (Blog, Kategoriler…): #1e293b hardcode → mürekkep gradyanı */
.page-hero,
.cat-hero,
.section--dark,
.sidebar-widget--cta{
  background: linear-gradient(160deg, var(--clr-dark) 0%, var(--clr-primary-dk) 130%);
}
.page-hero h1, .cat-hero h1{ color: var(--clr-white); }
.page-hero p,  .cat-hero p { color: rgba(246,243,235,.72); }

/* main.css'te .btn--primary:hover gradyan #c23408 içeriyor */
.btn--primary{ background: var(--clr-primary-dk); border-radius: var(--radius-sm); }
.btn--primary:hover{ background: #1a2c25; }

/* Koyu zemin kontrast düzeltmeleri */
.header__mobile-tagline        { color: var(--clr-primary-lt); }
.footer .btn--outline          { color: var(--clr-primary-lt); border-color: var(--clr-primary-lt); }
.footer .btn--outline:hover    { background: var(--clr-primary-lt); color: var(--clr-dark); }
.footer__links a::before,
.footer__links a:hover,
.footer__contact-list i,
.footer__contact-list a:hover  { color: var(--clr-primary-lt); }
#cookieConsent .cc-desc a      { color: var(--clr-primary-lt); }

/* ============================================================
   3) EDİTORYAL — paylaşılan blog / yazı / sayfa bileşenleri
   ============================================================ */

/* --- genel: keskin köşe, kâğıt zemin --- */
.card, .cat-card, .sidebar-widget, .form-control, .btn{
  border-radius: var(--radius-sm);
}
.section--gray{ background: var(--clr-light); }
.section{ padding: clamp(56px, 9vw, 108px) 0; }

/* --- blog liste: dergi kartı (ağır gölge yok, ince cetvel, serif başlık) --- */
.card{
  background: transparent;
  border: 0;
  border-top: 1.5px solid var(--clr-dark);
  box-shadow: none;
  padding-top: 18px;
}
.card:hover{ box-shadow: none; transform: none; }
.card__img{ border-radius: var(--radius-sm); aspect-ratio: 3/2; }
.card:hover .card__img img{ transform: scale(1.03); }
.card__body{ padding: 16px 0 0; }
.card__title{ font-size: clamp(1.25rem, 2.1vw, 1.6rem); line-height: 1.1; }
.card__title a:hover{ color: var(--mrd-accent-dk); }
.card__cat{
  font-family: var(--ff-body); font-weight: 600; font-size: .68rem;
  letter-spacing: .14em; text-transform: uppercase; color: var(--mrd-accent-dk);
  background: transparent; padding: 0;
}
.card__excerpt{ font-size: .95rem; color: var(--clr-gray); }
.card__footer{ border-top: 1px solid var(--clr-border); font-size: .76rem; color: var(--clr-gray); }
.card__more{ color: var(--clr-primary-dk); font-weight: 600; }

/* --- sayfa başlığı: sola dayalı, büyük, dikey --- */
.page-hero{ padding: clamp(64px, 12vw, 150px) 0 clamp(40px, 7vw, 84px); }
.page-hero .container, .cat-hero .container{ max-width: none; padding: 0 var(--mrd-gutter); }
.page-hero h1, .cat-hero h1{
  font-size: clamp(2.6rem, 7vw, 5.2rem);
  line-height: .98; max-width: 20ch;
}
.page-hero-img{ max-height: 62vh; }
.page-hero-img img{ height: 62vh; }
.page-hero-img__overlay .container{ max-width: none; padding: 0 var(--mrd-gutter) 40px; }

/* --- tekil yazı: editoryal tipografi --- */
.section--post .container{ max-width: none; padding: 0 var(--mrd-gutter); }
.post-hero-img{ border-radius: var(--radius-sm); max-height: 64vh; aspect-ratio: auto; }
.post-title{ font-size: clamp(2.4rem, 6vw, 4.4rem); line-height: 1; margin-bottom: 18px; }
.post-meta{ font-family: var(--ff-body); font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; color: var(--clr-gray); }
.post-excerpt{ font-family: var(--ff-display); font-size: clamp(1.15rem, 2.2vw, 1.5rem); line-height: 1.4; color: var(--clr-dark-3); font-style: italic; }

.post-content{ font-size: 1.075rem; line-height: 1.75; max-width: var(--mrd-measure); }
.post-content > p:first-of-type::first-letter{
  font-family: var(--ff-display); float: left; font-size: 3.6em; line-height: .78;
  padding: 6px 10px 0 0; color: var(--mrd-accent-dk);
}
.post-content h2{ font-size: clamp(1.6rem, 3vw, 2.2rem); margin: 2em 0 .5em; padding-top: .6em; border-top: 1.5px solid var(--clr-border); }
.post-content h3{ font-size: 1.3rem; margin: 1.6em 0 .4em; }
.post-content a{ color: var(--mrd-accent-dk); text-decoration: underline; text-underline-offset: 3px; }
.post-content blockquote{
  border-left: 2px solid var(--mrd-accent); background: transparent;
  font-family: var(--ff-display); font-style: italic; font-size: 1.25rem; color: var(--clr-dark-3);
  margin: 1.6em 0; padding: .2em 0 .2em 1.4em;
}
.post-content table{ font-size: .92rem; }
.post-content th{ background: var(--clr-light); font-family: var(--ff-body); }

/* --- yorum / SSS akordeon: token override yeter, sadece köşe --- */
.sss-item, .accordion__item{ border-radius: var(--radius-sm); }

/* ============================================================
   4) ANA SAYFA — "mrd-" bileşenleri  (homepage-content.html)
   ============================================================ */
.mrd-root{ font-family: var(--ff-body); line-height: 1.62; color: var(--clr-dark); overflow-x: clip; }
.mrd-root *, .mrd-root *::before, .mrd-root *::after{ box-sizing: border-box; }
.mrd-root img, .mrd-root svg{ max-width: 100%; display: block; }
.mrd-root a{ color: inherit; text-decoration: none; }
.mrd-root p{ margin: 0; }
.mrd-root h1, .mrd-root h2, .mrd-root h3{
  font-family: var(--ff-display); font-weight: 400; margin: 0;
  line-height: .98; letter-spacing: normal;
}
.mrd-root h1 em, .mrd-root h2 em, .mrd-root h3 em{ font-style: italic; color: var(--mrd-accent-dk); }
.mrd-i{ width: 1em; height: 1em; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.mrd-vh{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* full-bleed bölüm — sol iç kenarda dikey cetvel */
.mrd-band{ padding: 0 var(--mrd-gutter); position: relative; }
.mrd-band::before{
  content: ""; position: absolute; top: clamp(40px, 7vw, 96px); bottom: clamp(40px, 7vw, 96px);
  left: calc(var(--mrd-gutter) - clamp(12px, 3.2vw, 44px));
  width: 1px; background: #c4bba4;
}
.mrd-band--flush::before{ display: none; }
@media (max-width: 700px){ .mrd-band::before{ display: none; } }

.mrd-eyebrow{
  display: inline-flex; align-items: baseline; gap: 12px;
  font-family: var(--ff-body); font-size: .72rem; font-weight: 600;
  letter-spacing: .2em; text-transform: uppercase; color: var(--mrd-accent-dk);
}
.mrd-eyebrow b{ font-weight: 700; color: var(--clr-dark); font-variant-numeric: tabular-nums; }
.mrd-eyebrow::before{ content: ""; width: 34px; height: 1.5px; background: var(--mrd-accent); align-self: center; }

.mrd-btn{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 26px; font-family: var(--ff-body); font-weight: 600; font-size: .9rem;
  border: 1.5px solid var(--clr-dark); border-radius: var(--radius-sm);
  cursor: pointer; transition: background .18s ease, color .18s ease;
}
.mrd-btn .mrd-i{ width: 16px; height: 16px; }
.mrd-btn.mrd-btn--solid{ background: var(--clr-dark); color: var(--clr-white); }
.mrd-btn.mrd-btn--solid:hover{ background: var(--clr-primary-dk); border-color: var(--clr-primary-dk); color: var(--clr-white); }
.mrd-btn.mrd-btn--line{ background: transparent; color: var(--clr-dark); }
.mrd-btn.mrd-btn--line:hover{ background: var(--clr-dark); color: var(--clr-white); }
.mrd-btn.mrd-btn--light{ border-color: var(--clr-white); color: var(--clr-white); }
.mrd-btn.mrd-btn--light:hover{ background: var(--clr-white); color: var(--clr-dark); }

/* ---------- HERO — uzun, kenara yaslı, split ---------- */
.mrd-hero{
  min-height: 88vh; display: grid; align-items: center;
  grid-template-columns: minmax(0, 1.32fr) minmax(0, .9fr);
  gap: clamp(24px, 5vw, 72px);
  padding: clamp(112px, 15vh, 168px) var(--mrd-gutter) clamp(56px, 9vh, 104px);
  border-bottom: 1.5px solid var(--clr-dark);
}
.mrd-hero__lead-col{ display: flex; flex-direction: column; gap: clamp(20px, 3vw, 34px); }
.mrd-hero h1{
  font-size: clamp(2.9rem, 9vw, 7rem); line-height: .96;
  margin: clamp(14px, 2vw, 26px) 0 0; max-width: 15ch;
  text-indent: -.03em;
}
.mrd-hero__lead{
  font-family: var(--ff-display); font-style: italic;
  font-size: clamp(1.15rem, 2.4vw, 1.7rem); line-height: 1.42;
  color: var(--clr-dark-3); max-width: 42ch;
}
.mrd-hero__actions{ display: flex; gap: 14px; flex-wrap: wrap; }

.mrd-hero__meta-col{
  display: flex; flex-direction: column; align-items: flex-end;
  text-align: right; gap: 26px; padding-bottom: 6px;
}
.mrd-hero__figure{
  width: 100%; aspect-ratio: 3/4; position: relative; overflow: hidden;
  border-radius: var(--radius-sm);
  background:
    radial-gradient(120% 90% at 90% 0%, #4a6357 0%, transparent 55%),
    linear-gradient(172deg, #33493f 0%, #1f302a 100%);
}
.mrd-hero__figure::after{
  content: ""; position: absolute; inset: 0; opacity: .12;
  background-image: radial-gradient(#f6f3eb 1px, transparent 1px); background-size: 20px 20px;
}
.mrd-hero__figure > img,
.mrd-hero__figure > .mrd-photo{
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2;
}
.mrd-hero__figure > .mrd-fig-tooth{
  position: absolute; inset: 0; margin: auto; width: 44%; height: 44%; color: #f6f3eb; opacity: .2; z-index: 1;
}
.mrd-hero__facts{ display: flex; flex-direction: column; gap: 16px; align-items: flex-end; }
.mrd-fact strong{
  display: block; font-family: var(--ff-display); font-size: clamp(1.4rem, 2.4vw, 1.9rem);
  color: var(--clr-primary-dk); line-height: 1;
}
.mrd-fact span{ font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--clr-gray); }

@media (max-width: 960px){
  .mrd-hero{ grid-template-columns: 1fr; align-items: start; min-height: 0; padding-top: clamp(96px, 14vh, 150px); }
  .mrd-hero__meta-col{ align-items: flex-start; text-align: left; }
  .mrd-hero__facts{ align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 26px; }
  .mrd-hero__figure{ aspect-ratio: 16/10; order: -1; }
}

/* ---------- BÖLÜM KABUĞU ---------- */
/* NOT: yatay boşluğu SIFIRLAMA — .mrd-band'in var(--mrd-gutter) padding'i korunmalı.
   Bu yüzden shorthand değil, yalnız dikey longhand kullanılır. */
.mrd-sec{ padding-top: clamp(72px, 12vw, 150px); padding-bottom: clamp(72px, 12vw, 150px); }
.mrd-sec__head{
  display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr);
  gap: clamp(24px, 5vw, 72px); align-items: end; margin-bottom: clamp(40px, 6vw, 80px);
}
.mrd-sec__head h2{ font-size: clamp(2rem, 5.5vw, 4rem); line-height: .98; max-width: 16ch; margin-top: 16px; }
.mrd-sec__head p{ color: var(--clr-gray); text-align: right; max-width: 40ch; justify-self: end; }
@media (max-width: 820px){
  .mrd-sec__head{ grid-template-columns: 1fr; align-items: start; }
  .mrd-sec__head p{ text-align: left; justify-self: start; }
}

/* ---------- MANİFESTO (büyük ifade) ---------- */
.mrd-manifesto{ padding: clamp(80px, 13vw, 170px) var(--mrd-gutter); background: var(--clr-light); border-block: 1.5px solid var(--clr-dark); }
.mrd-manifesto p{
  font-family: var(--ff-display); font-size: clamp(1.7rem, 4.6vw, 3.4rem);
  line-height: 1.18; max-width: 22ch; text-wrap: balance;
}
.mrd-manifesto p em{ color: var(--mrd-accent-dk); font-style: italic; }
.mrd-manifesto__by{
  display: block; margin-top: clamp(28px, 4vw, 48px);
  font-family: var(--ff-body); font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--clr-gray);
}

/* ---------- İLKELER — numaralı editoryal liste ---------- */
.mrd-pillars{ display: grid; gap: 0; }
.mrd-pillar{
  display: grid; grid-template-columns: clamp(48px, 6vw, 92px) minmax(0, 1.05fr) minmax(0, 1.4fr);
  gap: clamp(16px, 4vw, 56px); align-items: start;
  padding: clamp(28px, 4vw, 44px) 0; border-top: 1.5px solid var(--clr-dark);
}
.mrd-pillar:last-child{ border-bottom: 1.5px solid var(--clr-dark); }
.mrd-pillar__n{ font-family: var(--ff-display); font-size: clamp(1.4rem, 2.6vw, 2.2rem); color: var(--mrd-accent-dk); line-height: 1; padding-top: .12em; }
.mrd-pillar h3{ font-size: clamp(1.35rem, 2.6vw, 2rem); line-height: 1.05; }
.mrd-pillar p{ color: var(--clr-gray); font-size: 1rem; }
@media (max-width: 780px){
  .mrd-pillar{ grid-template-columns: clamp(40px, 12vw, 60px) 1fr; }
  .mrd-pillar p{ grid-column: 1 / -1; padding-left: clamp(56px, 24vw, 116px); }
}

/* ---------- HİZMETLER — [kategoriler] sarmalayıcı ---------- */
.mrd-services .cat-card{
  border: 0; border-top: 1.5px solid var(--clr-dark); border-radius: 0;
  padding: 22px 0 26px; background: transparent;
}
.mrd-services .cat-card:hover{ border-color: var(--clr-primary); }
.mrd-services .cat-card__icon{ border-radius: var(--radius-sm); }

/* ---------- SÜREÇ — dikey zaman çizelgesi ---------- */
.mrd-flow{ position: relative; padding-left: clamp(40px, 6vw, 72px); }
.mrd-flow::before{ content: ""; position: absolute; left: clamp(16px, 2.4vw, 28px); top: 8px; bottom: 8px; width: 1.5px; background: var(--clr-dark); }
.mrd-step{ position: relative; padding-bottom: clamp(34px, 5vw, 56px); }
.mrd-step:last-child{ padding-bottom: 0; }
.mrd-step__n{
  position: absolute; left: calc(-1 * clamp(40px, 6vw, 72px)); top: 0;
  width: clamp(34px, 4.8vw, 56px); height: clamp(34px, 4.8vw, 56px);
  border: 1.5px solid var(--clr-dark); border-radius: 50%; background: var(--clr-white);
  display: grid; place-items: center; font-family: var(--ff-display); font-size: 1.1rem; color: var(--mrd-accent-dk);
}
.mrd-step h3{ font-size: clamp(1.2rem, 2.3vw, 1.7rem); line-height: 1.05; }
.mrd-step p{ color: var(--clr-gray); margin-top: 8px; max-width: 48ch; }

/* ---------- FİYAT ---------- */
.mrd-price{ display: grid; }
.mrd-price__row{
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: baseline;
  padding: clamp(18px, 2.6vw, 26px) 0; border-top: 1.5px solid var(--clr-border);
}
.mrd-price__row:first-child{ border-top: 1.5px solid var(--clr-dark); }
.mrd-price__row:last-child{ border-bottom: 1.5px solid var(--clr-dark); }
.mrd-price__row h3{ font-size: clamp(1.15rem, 2.2vw, 1.55rem); }
.mrd-price__row span{ font-size: .9rem; color: var(--clr-gray); display: block; margin-top: 4px; font-family: var(--ff-body); }
.mrd-price__val{ font-family: var(--ff-display); font-size: clamp(1.3rem, 2.4vw, 1.9rem); color: var(--clr-primary-dk); white-space: nowrap; }
.mrd-price__note{ margin-top: 26px; font-size: .86rem; color: var(--clr-gray); max-width: 60ch; }

/* ---------- KLİNİK & İLETİŞİM — koyu bant ---------- */
.mrd-clinic{
  background: linear-gradient(165deg, var(--clr-dark) 0%, var(--clr-primary-dk) 140%);
  color: var(--clr-white); padding: clamp(72px, 12vw, 150px) var(--mrd-gutter);
}
.mrd-clinic .mrd-eyebrow{ color: var(--clr-primary-lt); }
.mrd-clinic .mrd-eyebrow::before{ background: var(--clr-primary-lt); }
.mrd-clinic .mrd-eyebrow b{ color: var(--clr-white); }
.mrd-clinic__grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; margin-top: 34px; }
.mrd-clinic h2{ font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1; max-width: 14ch; }
.mrd-clinic__facts{ display: flex; flex-direction: column; gap: 20px; margin-top: 28px; }
.mrd-clinic__fact{ display: flex; gap: 14px; }
.mrd-clinic__fact .mrd-i{ width: 18px; height: 18px; color: var(--clr-primary-lt); margin-top: 3px; }
.mrd-clinic__fact strong{ display: block; font-family: var(--ff-body); font-weight: 600; font-size: .95rem; }
.mrd-clinic__fact span{ color: rgba(246,243,235,.7); font-size: .9rem; }
.mrd-clinic__actions{ display: flex; gap: 13px; flex-wrap: wrap; margin-top: 30px; }
.mrd-clinic__map{ border: 1px solid rgba(246,243,235,.16); border-radius: var(--radius-sm); overflow: hidden; }
.mrd-clinic__map iframe, .mrd-clinic__map .sc-harita{ width: 100% !important; border-radius: 0 !important; min-height: 340px; }
@media (max-width: 820px){ .mrd-clinic__grid{ grid-template-columns: 1fr; } }

/* ---------- YORUMLAR ---------- */
.mrd-testi{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
.mrd-t{
  padding: clamp(28px, 4vw, 44px) clamp(20px, 3vw, 40px) clamp(28px, 4vw, 44px) 0;
  border-top: 1.5px solid var(--clr-dark);
}
.mrd-t:nth-child(2n){ padding-right: 0; padding-left: clamp(20px, 3vw, 40px); border-left: 1.5px solid var(--clr-border); }
.mrd-stars{ display: flex; gap: 3px; color: var(--mrd-accent); margin-bottom: 14px; }
.mrd-stars .mrd-i{ width: 15px; height: 15px; fill: currentColor; stroke: none; }
.mrd-t p{ font-family: var(--ff-display); font-size: clamp(1.05rem, 1.9vw, 1.35rem); line-height: 1.4; color: var(--clr-dark); }
.mrd-t .mrd-who{ margin-top: 16px; font-size: .82rem; color: var(--clr-gray); font-family: var(--ff-body); }
.mrd-t .mrd-who strong{ color: var(--clr-dark); font-weight: 600; }
@media (max-width: 700px){
  .mrd-testi{ grid-template-columns: 1fr; }
  .mrd-t, .mrd-t:nth-child(2n){ padding: 26px 0; border-left: 0; }
}

/* ---------- KAPANIŞ CTA ---------- */
.mrd-cta{
  padding: clamp(90px, 16vw, 220px) var(--mrd-gutter);
  border-top: 1.5px solid var(--clr-dark);
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .9fr);
  gap: clamp(24px, 5vw, 72px); align-items: end;
}
.mrd-cta h2{ font-size: clamp(2.6rem, 8vw, 6rem); line-height: .95; max-width: 14ch; }
.mrd-cta h2 em{ color: var(--mrd-accent-dk); }
.mrd-cta__side{ text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 22px; }
.mrd-cta__side p{ color: var(--clr-gray); max-width: 34ch; }
.mrd-cta__side .mrd-btn{ align-self: flex-end; }
@media (max-width: 820px){
  .mrd-cta{ grid-template-columns: 1fr; align-items: start; }
  .mrd-cta__side{ text-align: left; align-items: flex-start; }
  .mrd-cta__side .mrd-btn{ align-self: flex-start; }
}

@media (prefers-reduced-motion: reduce){
  .mrd-btn, .card__img img{ transition: none; }
}