/* =========================
   DESKTOP / WEB OVERRIDES
   Mobil: sıfır değişim
   ========================= */

@media (min-width: 900px){

  /* Desktop’ta scroll serbest */
  html, body{
    overflow:auto;
  }

  .app{
    min-height:100vh;
  }

  /* Ana içerik kolonunu SABİTLE (filtreye göre daralmasın) */
  .content{
    width: 100%;
    max-width: 980px;              /* ana kolon genişliği */
    margin: 0 auto;
    padding: 18px 24px 48px;
  }

  /* Üst logo+menü bloğu da bu kolonu takip etsin (daraltma yok) */
  .card{
    width: 100%;
    max-width: 980px;              /* <-- 520'yi kaldırdık, daralmayı bitirir */
    margin: 0 auto;
  }

  /* Ürün listesi / boş durum / discover her zaman aynı genişlikte kalsın */
  #assetList,
  .discover-wrapper,
  .empty,
  .filter-bar{
    width: 100% !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* assetList sakın flex olmasın (içeriğe göre küçülmesin) */
  #assetList{
    display:block !important;
  }

  /* Desktop grid */
  .group-grid{
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    gap: 16px;
  }

  /* Kart boyutu desktop’ta devleşmesin */
  .asset{
    aspect-ratio: auto;            /* kareyi desktop’ta bırakıyoruz */
    min-height: 220px;
    max-height: 260px;
  }

  /* Badge / yazılar desktop’ta biraz büyüsün */
  .asset-title{ font-size: 13px; }
  .scan-number{ font-size: 26px; }
  .badge{ font-size: 10px; padding: 4px 8px; }

  /* Discover banner boyu */
  .discover-card{ height: 210px; }
}

/* Hover sadece mouse/trackpad olan cihazlarda çalışsın (mobil risk sıfır) */
@media (hover: hover) and (pointer: fine){
  .asset:hover{ transform:translateY(-4px) scale(1.02); }
}
@media (hover: none) and (pointer: coarse){
  .asset:hover{ transform:none; }
}