/* ==========================================================================
   Casablanca Tarım · tipografi sistemi
   Ölçek seed.com'dan alındı: tek sans ailesi, açık (400) başlık ağırlığı,
   boyutla orantılı negatif harf aralığı, sıkı satır yüksekliği, büyük harfli
   etiket yok. Bu dosya tüm sayfalarda en son yüklenir.

   seed.com ölçümleri (1440 ve 834 px aynı, 390 px küçülür):
   başlık 48/52.8/-1.2px · kart 24/28.8/-0.48px · gövde 16/20.8/-0.16px
   küçük 14/19.6/-0.14px · etiket 12, 500, düz · düğme 16, 500
   ========================================================================== */

:root {
  --font: "Instrument Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* ölçek · mobil */
  --t-display: 32px;
  --t-h2: 30px;
  --t-h3: 21px;
  --t-h4: 18px;
  --t-lede: 16px;
  --t-body: 16px;
  --t-article: 16.5px;
  --t-small: 14px;
  --t-ui: 15px;
  --t-label: 12px;
  --t-stat: 40px;

  /* satır yüksekliği */
  --lh-display: 1.1;
  --lh-h2: 1.1;
  --lh-h3: 1.2;
  --lh-h4: 1.25;
  --lh-lede: 1.35;
  --lh-body: 1.45;
  --lh-small: 1.4;

  /* harf aralığı */
  --ls-display: -.025em;
  --ls-h2: -.025em;
  --ls-h3: -.02em;
  --ls-h4: -.015em;
  --ls-body: -.01em;

  /* ağırlık */
  --w-head: 400;
  --w-strong: 500;
}

@media (min-width: 768px) {
  :root {
    --t-display: 48px; --t-h2: 44px; --t-h3: 24px; --t-h4: 20px;
    --t-lede: 18px; --t-ui: 16px; --t-stat: 52px;
  }
}
@media (min-width: 1600px) {
  :root { --t-display: 56px; --t-h2: 48px; --t-stat: 60px; }
}

:root body { font-family: var(--font); font-size: var(--t-body); line-height: var(--lh-body); letter-spacing: var(--ls-body); }

/* ---- display: ana sayfa hero'su, iç sayfa başlıkları ---- */
:root body .hx__title,
:root body .d1,
:root body .phead .d1 {
  font-family: var(--font); font-weight: var(--w-head);
  font-size: var(--t-display); line-height: var(--lh-display); letter-spacing: var(--ls-display);
}
:root body .hx__title { font-weight: 500; letter-spacing: -.028em; }

/* ---- H2: bölüm başlıkları ---- */
:root body .d2,
:root body .pg__title,
:root body .film__title {
  font-family: var(--font); font-weight: var(--w-head);
  font-size: var(--t-h2); line-height: var(--lh-h2); letter-spacing: var(--ls-h2);
}

/* ---- H3: kart ve alt bölüm başlıkları ---- */
:root body .d3,
:root body .pg__h3,
:root body .ft__title,
:root body .hx__slide h2,
:root body .art h2 {
  font-family: var(--font); font-weight: var(--w-head);
  font-size: var(--t-h3); line-height: var(--lh-h3); letter-spacing: var(--ls-h3);
}

/* ---- H4: küçük başlıklar ---- */
:root body .d4,
:root body .card h3,
:root body .post h3,
:root body .feat h3,
:root body .royal-benefits .feat h3,
:root body .step h3,
:root body .contact-c h3,
:root body .wheel-side h3,
:root body .side-cta h3,
:root body .hx__feat b,
:root body .art h3 {
  font-family: var(--font); font-weight: var(--w-strong);
  font-size: var(--t-h4); line-height: var(--lh-h4); letter-spacing: var(--ls-h4);
}
:root body .art h4 { font-family: var(--font); font-weight: var(--w-strong); font-size: 17px; line-height: 1.3; letter-spacing: -.012em; }
:root body .qa-q { font-weight: var(--w-strong); font-size: 18px; line-height: 1.3; letter-spacing: -.015em; }

/* ---- lede ve gövde ---- */
:root body .lede,
:root body .hx__lede,
:root body .film__lede,
:root body .pg__sub,
:root body .phead .lede,
:root body .hero-lede {
  font-size: var(--t-lede); line-height: var(--lh-lede); font-weight: 400; letter-spacing: var(--ls-body);
}
:root body .pg__desc, :root body .qa-a { font-size: var(--t-body); line-height: 1.55; }
:root body .art { font-size: var(--t-article); line-height: 1.62; }
:root body .art > p:first-child { font-size: 19px; line-height: 1.4; letter-spacing: -.015em; }
:root body .feat p,
:root body .royal-benefits .feat p,
:root body .card p,
:root body .post p,
:root body .contact-c p,
:root body .pg__list li,
:root body .hx__slide p,
:root body .ft__brand p,
:root body .ft__links a,
:root body .ft__contact dd,
:root body .foot p { font-size: var(--t-small); line-height: var(--lh-small); letter-spacing: var(--ls-body); }

/* ---- etiketler: büyük harf yok, 12 px, orta ağırlık ---- */
:root body .eyebrow,
:root body .pg__label,
:root body .pg__tag,
:root body .film__label,
:root body .ft__label,
:root body .hx__slide small,
:root body .phead .wrap::before,
:root body .card-tag,
:root body .dose-k,
:root body .pg__count,
:root body .ft__h,
:root body .ft__contact dt,
:root body .meta {
  font-family: var(--font); font-size: var(--t-label); font-weight: var(--w-strong);
  letter-spacing: 0; text-transform: none; line-height: 1.35;
}
:root body .hx__slide h2 { font-weight: 600; letter-spacing: -.024em; }
:root body .pg__alt { font-size: var(--t-small); font-weight: 400; letter-spacing: var(--ls-body); }
:root body .hx__feat span { font-size: 13px; line-height: 1.35; letter-spacing: var(--ls-body); }
:root body .hx__pill { font-size: 14px; font-weight: 400; letter-spacing: var(--ls-body); }

/* ---- sayılar ---- */
:root body .stat b,
:root body .ocard-t b {
  font-weight: var(--w-head); font-size: var(--t-stat); line-height: 1; letter-spacing: -.03em;
}

/* ---- arayüz: menü, düğmeler, bağlantılar ---- */
:root body .btn,
:root body .hx__btn,
:root body .film__btn,
:root body .ft__btn,
:root body .mnav__btn,
:root body .hx__slide a {
  font-family: var(--font); font-size: var(--t-ui); font-weight: var(--w-strong);
  letter-spacing: var(--ls-body); text-transform: none;
}
/* menü: seed ölçeğinin dışında, önceki haliyle kalır */
:root body .sh__cta span { font-size: 14.5px; font-weight: 600; letter-spacing: .005em; text-transform: none; }
:root body .sh__link { font-weight: 500; letter-spacing: -.005em; }
:root body .sh__sub b { font-weight: 600; letter-spacing: -.01em; }
:root body .pg__tab { font-size: 14px; font-weight: 400; letter-spacing: var(--ls-body); }
:root body .more,
:root body .pg__more { font-size: var(--t-small); font-weight: var(--w-strong); letter-spacing: var(--ls-body); text-transform: none; }
:root body .foot h4 { font-size: 15px; font-weight: var(--w-strong); letter-spacing: var(--ls-body); }
:root body .foot li a { font-size: var(--t-small); }
:root body .crumb { font-size: 13px; letter-spacing: 0; }


/* ---- .vc bölümü · seed.com ViaCap tipografisi (1440: 40/44, mobil: 28/30.8) ---- */
:root body .vc__label {
  font-family: var(--font); font-size: 12px; line-height: 18px; font-weight: 500;
  letter-spacing: .01em; text-transform: uppercase;
}
:root body .vc__title {
  font-family: var(--font); font-size: 28px; line-height: 30.8px; font-weight: 400; letter-spacing: -.28px;
}
:root body .vc__stat-t { font-size: 16px; line-height: 20.8px; font-weight: 400; letter-spacing: -.16px; }
:root body .vc__perf { font-size: 28px; line-height: 1; font-weight: 400; letter-spacing: -.02em; }
:root body .vc__h3 {
  font-family: var(--font); font-size: 12px; line-height: 13.2px; font-weight: 500;
  letter-spacing: .01em; text-transform: uppercase;
}
:root body .vc__p,
:root body .vc__foot { font-size: 12px; line-height: 16.8px; font-weight: 400; letter-spacing: -.036px; }
@media (min-width: 900px) {
  :root body .vc__title { font-size: 40px; line-height: 44px; letter-spacing: -.4px; }
  :root body .vc__stat-t { font-size: 18px; line-height: 23.4px; letter-spacing: -.18px; }
  :root body .vc__perf { font-size: 32px; line-height: 48px; }
}
@media (min-width: 1600px) { :root body .vc__title { font-size: 44px; line-height: 48px; } }

/* ---- .use bölümü · .vc ile aynı seed ölçeği ---- */
:root body .use__label {
  font-family: var(--font); font-size: 12px; line-height: 18px; font-weight: 500;
  letter-spacing: .01em; text-transform: uppercase;
}
:root body .use__title {
  font-family: var(--font); font-size: 28px; line-height: 30.8px; font-weight: 400; letter-spacing: -.28px;
}
:root body .use__lede { font-size: 16px; line-height: 20.8px; font-weight: 400; letter-spacing: -.16px; }
:root body .use__h3 {
  font-family: var(--font); font-size: 20px; line-height: 24px; font-weight: 500; letter-spacing: -.2px;
}
:root body .use__sub,
:root body .use__meta dt {
  font-family: var(--font); font-size: 12px; line-height: 16.8px; font-weight: 500;
  letter-spacing: .01em; text-transform: uppercase;
}
:root body .use__p,
:root body .use__meta dd,
:root body .use__note { font-size: 12px; line-height: 16.8px; font-weight: 400; letter-spacing: -.036px; }
:root body .use__note { font-weight: 500; }
:root body .use__dose span { font-size: 12px; line-height: 16.8px; font-weight: 400; letter-spacing: -.036px; }
:root body .use__dose b { font-size: 28px; line-height: 1; font-weight: 400; letter-spacing: -.02em; }
@media (min-width: 900px) {
  :root body .use__title { font-size: 40px; line-height: 44px; letter-spacing: -.4px; }
  :root body .use__lede { font-size: 18px; line-height: 23.4px; letter-spacing: -.18px; }
  :root body .use__dose b { font-size: 32px; }
}
@media (min-width: 1600px) { :root body .use__title { font-size: 44px; line-height: 48px; } }