/**
 * Vitrin UI yoğunluğu — uzun vadeli ölçek
 *
 * Chrome %80 zoom yerine kök font-size kullanılır (rem her yerde orantılı küçülür).
 * px / 100vh / position:fixed bozulmaz. Yeni rem tabanlı CSS otomatik uyumludur.
 *
 * compact      0.80  ≈ Chrome %80 — 15.6" / 1080p / 1366×768 (OS %100)
 * regular      0.90  — kısa pencere veya hafif OS ölçeği
 * comfortable  1.00  — 1440p+ monitör, mobil, OS %125+
 *
 * JS (shop-theme-boot) data-shop-density yazar. Override:
 *   localStorage webmagaza-www-ui-density = compact | regular | comfortable | auto
 */

html {
  --shop-ui-scale: 1;
  font-size: 16px;
}

html[data-shop-density="compact"] {
  --shop-ui-scale: 0.8;
}

html[data-shop-density="regular"] {
  --shop-ui-scale: 0.9;
}

html[data-shop-density="comfortable"] {
  --shop-ui-scale: 1;
}

/* JS yokken: 1080p laptop, Windows/Linux %100 ölçek */
@media screen and (min-width: 768px) and (max-height: 1080px) and (max-resolution: 1.24dppx) {
  html:not([data-shop-density]) {
    --shop-ui-scale: 0.8;
  }
}

/* JS yokken: retina / OS ölçekli kısa pencere — hafif sıkıştır */
@media screen and (min-width: 768px) and (max-height: 820px) and (min-resolution: 1.25dppx) {
  html:not([data-shop-density]) {
    --shop-ui-scale: 0.9;
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: calc(16px * var(--shop-ui-scale, 1));
  }
}

@media print {
  html {
    --shop-ui-scale: 1;
    font-size: 16px;
  }
}