/* JizPI: ko'rinish tuzatishlari (2026-10). Mavjud stillarni o'zgartirmaydi, faqat nuqsonlarni yopadi. */

/* Rasm/video/ramka konteynerdan chiqib ketmasin (eski saytdan ko'chirilgan sahifalarda 640-1280 px kenglikdagi videolar bor) */
img, video, iframe, embed, object, canvas { max-width: 100%; }
video, .entry-content img, .content-style img { height: auto; }

/* Flex ustun ichidagi keng kontent butun sahifani kengaytirib yubormasin (mobil telefonda yon tomonga siljish) */
.card-box_right > * { min-width: 0; max-width: 100%; }
.entry-content, .content-style { overflow-wrap: anywhere; }

/* Eski saytdan ko'chirilgan video pleyer (WordPress MediaElement): qat'iy 640 px kenglik telefonda sahifani kengaytirardi */
.wp-video, .mejs-container, .mejs-inner, .mejs-mediaelement, .mejs-layers, .mejs-layer { max-width: 100% !important; }
.wp-video { width: 100% !important; }
.mejs-container { width: 100% !important; height: auto !important; }
.mejs-container video { width: 100% !important; height: auto !important; }

@media (max-width: 767.98px) {
  .entry-content table, .content-style table, .card-box_right table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Sahifalar ro'yxati (1 2 3 ... 47) telefonda bir qatorga sig'masa keyingi qatorga o'tsin */
.pagination { flex-wrap: wrap; row-gap: 4px; }
section.row.pagination { margin-left: 0; margin-right: 0; }

/* Yuqori panel: reyting belgilari (QS, THE...) telefon raqami ustiga chiqmasin, boshqa oynalardan pastda qolsin */
.XA-box { right: auto !important; left: calc(50% + 40px); top: 2px !important; z-index: 10000 !important; }
@media (max-width: 1279.98px) { .XA-box { display: none !important; } }

/* Yuqori panel: telefonda til tugmalari qatorda, bir-biriga yopishmasdan */
@media (max-width: 575.98px) {
  .cont-inf { flex-wrap: nowrap; align-items: center; }
  .cont-inf-left { flex-wrap: nowrap; min-width: 0; overflow: hidden; }
  .cont-inf-left p.tizim { display: none; }
  .cont-inf-right { width: auto; flex-shrink: 0; }
  .cont-inf-right ul { display: flex; gap: 10px; margin: 0; padding: 0 6px 0 0; list-style: none; }
}