/* Desktop'ta siteyi %65 boyutta gösterir; mobilde normal kalır.
   Not: Eğer '65% daha KÜÇÜK' (yani %35 boyut) istiyorsanız, aşağıdaki değişkeni 0.35 yapın.
*/
:root { --desktop-scale: 0.65; }

/* Firefox dışı tarayıcılarda (Chrome/Edge/Safari) mümkünse 'zoom' kullanıyoruz. */
@media (min-width: 1024px) {
  @supports (zoom: 0.65) {
    html, body { height: 100%; }
    body { zoom: var(--desktop-scale); }
  }
}

/* Firefox gibi 'zoom' desteklemeyenler için fallback:
   Tüm içeriği .desktop-scale sargısı içinde ölçekliyoruz.
*/
@media (min-width: 1024px) {
  @supports not (zoom: 0.65) {
    html, body { height: 100%; }
    body { overflow-x: hidden; }
    .desktop-scale {
      position: relative;
      left: 50%;
      transform: translateX(-50%) scale(var(--desktop-scale));
      transform-origin: top center;
      width: calc(100% / var(--desktop-scale)); /* düzen alanını koru */
    }
  }
}

/* Mobil ve küçük ekranlarda hiçbir şey yapma */
@media (max-width: 1023.98px) {
  @supports (zoom: 0.65) {
    body { zoom: 1; }
  }
  @supports not (zoom: 0.65) {
    .desktop-scale {
      transform: none;
      left: 0;
      width: 100%;
    }
  }
}

/* İleri kullanım:
   Firefox fallback'te 'position: fixed' elementler ölçeklenmez (viewporta sabit kalır).
   İsterseniz bu elemanları da ölçeklemek için onlara .scale-fixed sınıfı verip aşağıyı açın:
*/
/*
@media (min-width: 1024px) {
  @supports not (zoom: 0.65) {
    .scale-fixed { transform: scale(var(--desktop-scale)); transform-origin: top left; }
  }
}
*/