/* "To'liq" (news_full.html) sahifasiga xos moslashuvchan qoidalar.
   Umumiy qism responsive-common.css da. */

@media (max-width: 1279.98px) {
  /* dynamic.css bu sahifaning ildizini (.page.n-107-4910) doim (hatto
     desktopda ham) flex-oqimga o'tkazadi va har bir bo'lim uchun
     dizayndagi `left` qiymatini `margin-left` sifatida saqlaydi (masalan
     136px, 180px, 184px). 1920px kadr uchun to'g'ri bu qiymatlar, tor
     ekranda kontentni chetga surib yuborardi — shu yerda nolga tushiriladi. */
  body.is-responsive .page.n-107-4910 { padding-top: 0 !important; }
  body.is-responsive .page.n-107-4910 > *:not(.footer) { margin-left: 0 !important; }

  body.is-responsive .page .category-container,
  body.is-responsive .page .icon-container {
    display: flex !important;
    align-items: center !important;
  }

  body.is-responsive .page .thumbnail-section {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
  }
  body.is-responsive .page .thumbnails {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 16px !important;
    flex: 1 1 320px !important;
  }
  body.is-responsive .page .thumbnails > * { min-height: 200px !important; }

  body.is-responsive .page .article-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 24px !important;
  }
  body.is-responsive .page .article-card {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 24px !important;
  }

  /* DOM tartibida tavsiya kartalari tur nishonidan OLDIN keladi; desktopda
     buni absolyut joylashuv to'g'irlaydi, tor ekranda esa (umumiy
     `position: static` qoidasi) kartalar tur nishonidan yuqorida chiqib
     qolardi. `order` bilan tur nishoni tepaga chiqariladi. Chapga/o'ngga
     strelka tugmalari tor ekranda umuman ko'rsatilmaydi. */
  body.is-responsive .page .tag-container.n-139-8828 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  body.is-responsive .page .tag-container.n-139-8828 .tag { order: -1 !important; }
  body.is-responsive .page .tag-container.n-139-8828 .cards-container { order: 0 !important; }
  body.is-responsive .page .tag-container.n-139-8828 .related-pager { display: none !important; }
}

@media (max-width: 767.98px) {
  body.is-responsive .page .thumbnails { grid-template-columns: repeat(2, 1fr) !important; }
}