/* 2026-10-23, Burak: 'güzel canlıya al' — Impeccable polish + GSAP denemesi canlıya alındı (ana sayfa).
   Kimlik korunur; yalnız ritim/yüzey/durum inceltmeleri. Hero/kart kuralları yalnız ≥1024 px: mobil ve Z Fold düzeni değişmez. */
:root { --pl-ink:#1f1f1f; --pl-mut:#5c5c5c; --pl-or:#f26a0f; --pl-ease:cubic-bezier(.16,1,.3,1); }
::selection { background: color-mix(in srgb, var(--pl-or) 28%, #fff); color: var(--pl-ink); }
html { scrollbar-color: #bdbab5 #fff; scrollbar-width: thin; }
:focus-visible { outline: 2px solid var(--pl-or); outline-offset: 3px; border-radius: 4px; }
body { font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { text-wrap: balance; }


@media (min-width: 1024px) {
  /* hero: başlık ağırlığı ve nefes */
  .yh h1 { letter-spacing: -.03em; line-height: 1.04; font-size: clamp(2.4rem, 3.6vw, 3.6rem); }
  .yh p { color: var(--pl-mut); max-width: 34ch; line-height: 1.55; }
  .av-dugme { transition: background-color .2s var(--pl-ease), transform .2s var(--pl-ease), box-shadow .2s var(--pl-ease); }
  .av-dugme:hover { transform: translateY(-1px); box-shadow: 0 6px 16px -6px rgba(0,0,0,.35); }

  /* bölüm başlıkları */
  .ms-bas h2, .kk h2 { letter-spacing: -.025em; }
  .ms-bolum { margin-top: 72px; }

  /* ürün kartı: sakin zemin, net fiyat hiyerarşisi */
  .ms-izgara { gap: 48px 24px; }
  /* 2026-10-24, Burak: promtlar/GrossenGross_Tasarim_Denetimi...md Prompt 1 — burada eskiden .ms-foto / .ms-foto img kuralları vardı (gri zemin, inset:3%,
     %94x%94, multiply, hover scale) ve masaustu.css'teki ONAYLI 2:3 sözleşmesini eziyordu. KALDIRILDI. Ürün fotoğrafı (zemin, 2:3 iç alan, contain, blend)
     YALNIZ scripts/site_masaustu/masaustu.css'te tanımlıdır; buraya .ms-foto kuralı EKLEME. */
  .ms-metin { padding-top: 16px; }
  .ms-marka { letter-spacing: .02em; color: var(--pl-mut); margin-bottom: 6px; }
  .ms-ad { font-size: 16px; line-height: 1.35; min-height: 2.7em; }
  .ms-ozellik { margin-top: 4px; color: var(--pl-mut); }
  .ms-fiyat { margin-top: 14px; }
  .ms-fiyat strong { font-size: 22px; letter-spacing: -.01em; color: var(--pl-ink); }
  .ms-birim { color: var(--pl-mut); }
  .ms-dugme { min-height: 42px; margin-top: 16px; background: #fff; color: var(--pl-ink); border: 1.5px solid var(--pl-ink); border-radius: 8px; transition: background-color .2s var(--pl-ease), color .2s var(--pl-ease), transform .15s var(--pl-ease); }
  .ms-dugme:hover { background: var(--pl-ink); color: #fff; border-color: var(--pl-ink); }
  .ms-dugme:active { transform: scale(.98); }
  .ms-sekme[aria-selected="true"] { border-bottom-color: var(--pl-or); }

  /* hızlı keşfet: okunur boyut */
  .ms-hizli { font-size: 15px; margin-top: 56px; }
  .ms-hizli a { transition: color .15s; }
  .ms-hizli a:hover { color: var(--pl-or); }

}

@media (prefers-reduced-motion: reduce) { .av-dugme, .ms-dugme { transition: none !important; } }