/* Jaisandar 5.10.122 · Мобиль ыңғайлылығы (≤ 720 px) */
@media (max-width:720px){
  /* 1. Экран еніне сызылған графиктер — созбай, экранға сыйдыру (мұнай, мөлшерлеме, ЖІӨ, теңге салыстыру) */
  #content.site-main .jx-fit{overflow-x:hidden!important}
  #content.site-main .jx-fit>svg{width:100%!important;min-width:0!important;max-width:100%!important}

  /* 2. Жылжитын жолақтар: әрі қарай бар жақтың шеті бозарады */
  #content.site-main .jx-more-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,#000 calc(100% - 34px),rgba(0,0,0,.15))}
  #content.site-main .jx-more-l{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 34px);mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 34px)}
  #content.site-main .jx-more-l.jx-more-r{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 34px,#000 calc(100% - 34px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 34px,#000 calc(100% - 34px),rgba(0,0,0,.15))}

  /* 3. «Бір акция — бірнеше биржа»: бөлім экраннан кеңейіп кетпесін, компания батырмалары тік жолаққа сығылмасын */
  #content.site-main .cross-market-window{grid-template-columns:minmax(0,1fr)!important}
  #content.site-main .cross-market-window>*{min-width:0!important;max-width:100%!important}
  #content.site-main .cross-market-company-tabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;width:100%!important;max-width:100%!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none!important}
  #content.site-main .cross-market-company-tabs::-webkit-scrollbar{display:none}
  #content.site-main .cross-market-company-tab{flex:0 0 auto!important;width:auto!important;min-width:132px!important;max-width:220px!important;height:auto!important;min-height:48px!important;writing-mode:horizontal-tb!important}

  /* 4. Инфляция кестесі: экраннан кесілмей, көлденең жылжиды */
  #content.site-main .economy-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}

  /* 5. Банк видеосы: кезең батырмалары бір жолда жылжиды */
  #content.site-main .bank-video-period-row,#content.site-main .bank-video-period-row .tenge-period-tabs{max-width:100%!important;min-width:0!important}
  #content.site-main .bank-video-period-row .tenge-period-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}
  #content.site-main .bank-video-period-row .tenge-period-tabs>button{flex:0 0 auto!important}

  /* 6. Басуға ыңғайлы өлшем (кемінде ~32 px) */
  #content.site-main .jro-hide{padding:10px 10px!important;min-height:36px}
  #content.site-main .jhub-tablewrap th button,#content.site-main .jhub-table th button,#content.site-main table th button{min-height:32px!important;padding-top:7px!important;padding-bottom:7px!important}
}
@media (max-width:720px){
  /* 7. Инфляция кестесі (jai-mobile-compact-table): бұрынғы бірнеше мобиль ережесі қайшылықтан жолдар БОС көрінетін.
        Енді — қарапайым жинақы кесте, барлық баған көрінеді, сыймаса көлденең жылжиды. */
  #content.site-main table.jai-mobile-compact-table{display:table!important;width:100%!important;min-width:0!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0 4px!important}
  #content.site-main table.jai-mobile-compact-table thead{display:table-header-group!important}
  #content.site-main table.jai-mobile-compact-table tbody{display:table-row-group!important}
  #content.site-main table.jai-mobile-compact-table tr{display:table-row!important;height:auto!important;min-height:0!important;position:static!important}
  #content.site-main table.jai-mobile-compact-table th,#content.site-main table.jai-mobile-compact-table td{display:table-cell!important;padding:8px 6px!important;font-size:11.5px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;vertical-align:middle!important;height:auto!important;position:static!important}
  #content.site-main table.jai-mobile-compact-table th{font-size:10px!important;text-transform:none!important}
  #content.site-main table.jai-mobile-compact-table td:first-child{font-weight:800!important;min-width:84px}
  #content.site-main table.jai-mobile-compact-table td:first-child:after{content:none!important}
  #content.site-main table.jai-mobile-compact-table .economy-value-pill{padding:3px 6px!important;font-size:11px!important;white-space:nowrap}
}
@media (max-width:900px){
  /* 8. Сүзгі терезесі (теңге, видеоинфографика, банк видеосы): data-clean-311 оны position:relative еткендіктен,
        жасырын күйдегі терезе (translateY) беттің ортасында контенттің үстіне түсіп тұратын. Енді — дұрыс төменгі парақ. */
  html body.home .jai-mobile-filter-sheet,html body.home .tenge-toolbar.jai-mobile-filter-sheet{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important}
}
@media (max-width:900px){
  /* 9. .panel-enter анимациясы аяқталған соң transform қалдырады → ішіндегі position:fixed сүзгі терезесі экранға емес,
        бөлімге байланып қалатын (ашқанда көрінбейтін). Телефонда transform жоқ, тек мөлдірлік анимациясы. */
  #content.site-main .panel-enter{transform:none!important;animation:none!important;opacity:1!important}
}
@media (max-width:900px){
  /* 10. main.site-main z-index:1 → ашық сүзгі терезесі (z 241) күңгірт қабаттың (z 240) астында қалатын. Терезе ашықта — шектеу жоқ. */
  body:has(.jai-mobile-filter-sheet.is-open) #content.site-main{z-index:auto!important}
  html body.home .jai-mobile-filter-sheet.is-open{z-index:260!important}
}
@media (max-width:900px){
  /* 11. Графиктің бұрышында екі «толық экран» батырмасы бір-біріне түсіп тұратын — телефондағы ⛶ батырмасы қалады */
  #content.site-main *:has(> .jai-mobile-fs-open) > .chart-expand{display:none!important}
}
@media (max-width:720px){
  /* 12. Сыртқы сауда: 6 бөлім батырмасы бір-бірінің астында ~660 px алатын → жинақы көлденең жолақ */
  #content.site-main .trade-rail{display:block!important;height:auto!important;min-height:0!important}
  #content.site-main .trade-subtabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;height:auto!important;padding:2px 2px 6px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none!important}
  #content.site-main .trade-subtabs::-webkit-scrollbar{display:none}
  #content.site-main .trade-subtab{flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:48px!important;height:auto!important;padding:8px 14px 8px 8px!important;display:flex!important;align-items:center!important;gap:8px!important;grid-template-columns:none!important}
  #content.site-main .trade-subtab small,#content.site-main .trade-subtab>i:last-child,#content.site-main .trade-subtab>em{display:none!important}
}
@media (max-width:900px){
  /* 13. (5.10.124) Банк секторы: style.css-тегі [data-bank-window] ережесі «Банктерді салыстыру» сүзгі терезесін position:relative еткендіктен,
         жабық терезе беттің ортасында контенттің үстінде жартылай көрініп тұратын. Енді — басқалары сияқты төменгі парақ. */
  html body.home[data-jai-rubric] [data-bank-window] .bank-compare-toolbar.jai-mobile-filter-sheet,
  html body.home[data-jai-rubric] .bank-compare-toolbar.jai-mobile-filter-sheet{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important}
}
@media (max-width:900px){
  /* 14. (5.10.124) «Банктерді салыстыру» терезесі: «жинақы құралдар» ережесі (product-207) терезенің тақырыбын бірінші бала деп санап,
         салыстыру режимдерін және «Көрсету» батырмасын жасырып тастайтын — ашқанда ішінде тек тақырып көрінетін. Телефон терезесінде бәрі көрінеді. */
  html body.home .bank-compare-toolbar.jai-mobile-filter-sheet.jai-progressive-toolbar.jai-collapsed>.bank-compare-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  html body.home .bank-compare-toolbar.jai-mobile-filter-sheet.jai-progressive-toolbar.jai-collapsed>small{display:block!important}
  html body.home .bank-compare-toolbar.jai-mobile-filter-sheet.jai-progressive-toolbar.jai-collapsed>.bank-custom-compare:not([hidden]){display:grid!important}
  html body.home .bank-compare-toolbar.jai-mobile-filter-sheet.jai-progressive-toolbar.jai-collapsed>.jai-mobile-sheet-apply{display:block!important}
  html body.home .bank-compare-toolbar.jai-mobile-filter-sheet>.jai-filter-toggle{display:none!important}
}
@media (max-width:900px){
  /* 15. (5.10.124) Ашық сүзгі терезесінің ата-элементі (мысалы .jai-reveal opacity<1) жеке қабат жасап, терезені күңгірт қабаттың
         астына қамап қоятын — терезе бұлыңғыр көрінетін, батырмаларын төменгі мәзір жабатын. Терезе ашықта ата-элементтер қабат жасамайды. */
  #content.site-main *:has(>.jai-mobile-filter-sheet.is-open),#content.site-main *:has(.jai-mobile-filter-sheet.is-open){opacity:1!important;transform:none!important;filter:none!important;will-change:auto!important;contain:none!important;isolation:auto!important}
}
@media (max-width:900px){
  /* 16. (5.10.124) Банк: терезе мен оның ата-элементі .bank-controls z-index:40 болғандықтан, терезе күңгірт қабаттың (z 240) астында қалатын. */
  html body.home[data-jai-rubric] [data-bank-window] .bank-controls:has(.jai-mobile-filter-sheet.is-open),html body.home[data-jai-rubric] .bank-controls:has(.jai-mobile-filter-sheet.is-open){z-index:auto!important}
  html body.home[data-jai-rubric] [data-bank-window] .bank-compare-toolbar.jai-mobile-filter-sheet.is-open,html body.home[data-jai-rubric] .bank-compare-toolbar.jai-mobile-filter-sheet.is-open{z-index:260!important}
}
/* 17. (5.10.127) Депозит рейтингі: соңғы баған 75 px болғандықтан «19,46%-ға дейін» сияқты ставка жолдың оң шетінен шығып кететін. */
#content.site-main .deposit-chart-row{grid-template-columns:26px 38px minmax(150px,.62fr) minmax(120px,1fr) minmax(75px,max-content)!important}
#content.site-main .deposit-chart-row>b{white-space:nowrap}
@media (max-width:650px){
  #content.site-main .deposit-chart-row{grid-template-columns:20px 32px minmax(90px,1fr) minmax(64px,max-content)!important}
}