/* Temel: reset, tipografi ölçeği, buton, kapsayıcı, bölüm ritmi
   marka-tema — F1 modülerleştirme. Kural içerikleri DEĞİŞTİRİLMEDİ, yalnız taşındı. */

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--mk-font);
  font-weight: var(--mk-fw-govde);
  font-size: var(--mk-fs-govde);
  line-height: var(--mk-lh-govde);
  color: var(--mk-siyah);
  background: var(--mk-fildisi);
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: var(--mk-font); }
:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.mk-kap { max-width: var(--mk-icerik); margin: 0 auto; padding-left: var(--mk-kenar); padding-right: var(--mk-kenar); }
/* ⚠️ r6.21 — Genel `h1..h6 uppercase` KALDIRILDI (prototip + SPEC §3.3).
   Büyük harf işlevsel rollerde kendi sınıflarında korunur. */
h1, h2, h3, h4, h5, h6 {
  font-weight: var(--mk-fw-baslik);
  letter-spacing: var(--mk-ls-baslik-buyuk);
  text-transform: none;
  line-height: var(--mk-lh-baslik);
  margin: 0 0 .6em;
}
h1 { font-size: var(--mk-fs-h1); }
/* ⚠️ `h2` GERÇEK bölüm başlığıdır. Prototipin `.h2`'si 11.5px'lik eyebrow'dur
   ve AYRI bir roldür (`.mk-eyebrow`); ikisi isimden eşleştirilmez. */
h2 { font-size: var(--mk-fs-h2); }
h3 { font-size: var(--mk-fs-h3); font-weight: 400; }
p { margin: 0 0 1em; }
.mk-eyebrow {
  display: block; font-size: var(--mk-fs-eyebrow); font-weight: var(--mk-fw-islevsel);
  letter-spacing: var(--mk-ls-eyebrow); text-transform: uppercase;
  color: var(--mk-gri); margin-bottom: 14px;
}
.mk-btn--cizgili { background: transparent; color: var(--mk-siyah); }
.mk-btn--cizgili:hover { background: var(--mk-siyah); color: var(--mk-beyaz); }
.mk-btn--beyaz { background: var(--mk-beyaz); color: var(--mk-siyah); border-color: var(--mk-beyaz); }
.mk-btn--beyaz:hover { background: transparent; color: var(--mk-beyaz); }
.mk-kesfet {
  font-size: var(--mk-fs-cta); font-weight: var(--mk-fw-islevsel);
  letter-spacing: var(--mk-ls-cta); text-transform: uppercase;
  border-bottom: 1px solid currentColor; padding-bottom: 4px;
}
.mk-bolum { padding: clamp(56px, 8vw, 110px) 0; }
.mk-bolum--fon { background: var(--mk-fon); }
.mk-bolum-baslik { text-align: center; margin-bottom: clamp(32px, 5vw, 56px); }
.woocommerce div.product form.cart .button, .mk-sepet-btn { width: 100%; margin-top: 6px; }
/* !important ×2: erişilebilirlik geçersiz kılması — kullanıcı tercihi her zaman
   bileşen stilini yenmeli (WCAG 2.3.3). Bilinçli ve kalıcı. */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
  html { scroll-behavior: auto; }
}
/* kategori altı SEO metni */
/* düşük stok satırı */
/* ⚠️ r6.21 — Buton: 11px/500/.16em. Dolgu değişmedi. */
.mk-btn, .wp-element-button, .wc-block-components-button, .single_add_to_cart_button {
  display: inline-block;
  font-size: var(--mk-fs-cta); font-weight: var(--mk-fw-islevsel);
  letter-spacing: var(--mk-ls-cta); text-transform: uppercase;
  padding: 16px 36px;
  background: var(--mk-siyah); color: var(--mk-beyaz);
  border: 1px solid var(--mk-siyah);
  border-radius: 0; cursor: pointer;
  transition: background var(--mk-gecis), color var(--mk-gecis);
}
.mk-btn:hover, .single_add_to_cart_button:hover { background: var(--mk-beyaz); color: var(--mk-siyah); }