/* Jaisandar 300 · mobile home repair after 299
   Exact fixes: hide legacy desktop/mobile slider shell, restore DATA neon labels without tiles,
   and stack the four lead stories one-per-row at full mobile width. */
@media (max-width:780px){
  /* The white tongue in the screenshot came from the legacy editorial slider card shell.
     It must not exist at all on the mobile home because .home-mobile-news-grid is the mobile lead stream. */
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-editorial-slider,
  body.home[data-jai-rubric="home"] .home-editorial-slider,
  body.home[data-jai-rubric="home"] .home-editorial-slider .home-slider-stage,
  body.home[data-jai-rubric="home"] .home-editorial-slider .home-slider-slide,
  body.home[data-jai-rubric="home"] .home-editorial-slider .home-slider-controls{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* DATA: return the readable neon style, but keep every tile/background transparent. */
  body.home[data-jai-rubric="home"] .home-editorial{
    margin-top:-10px!important;
    padding-top:0!important;
    background:transparent!important;
  }
  body.home[data-jai-rubric="home"] .home-editorial>.home-lead-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-data-rail{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
    margin:0!important;
    padding:0 12px 5px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail:before,
  body.home[data-jai-rubric="home"] .home-data-rail:after,
  body.home[data-jai-rubric="home"] .home-data-rail-head:before,
  body.home[data-jai-rubric="home"] .home-data-rail-head:after,
  body.home[data-jai-rubric="home"] .home-data-rail-head>div:before,
  body.home[data-jai-rubric="home"] .home-data-rail-head>div:after,
  body.home[data-jai-rubric="home"] .home-data-rail-head>div>span:before,
  body.home[data-jai-rubric="home"] .home-data-rail-head>div>span:after,
  body.home[data-jai-rubric="home"] .home-data-rail-list:before,
  body.home[data-jai-rubric="home"] .home-data-rail-list:after{
    content:none!important;
    display:none!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head{
    display:block!important;
    height:18px!important;
    min-height:18px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head>div{margin:0!important;padding:0!important;background:transparent!important;}
  body.home[data-jai-rubric="home"] .home-data-rail-head>div>span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#7cffc6!important;
    font-size:10px!important;
    line-height:16px!important;
    font-weight:950!important;
    letter-spacing:.11em!important;
    text-shadow:0 0 8px rgba(88,255,156,.58),0 0 18px rgba(88,255,156,.20)!important;
    background:transparent!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head h2,
  body.home[data-jai-rubric="home"] .home-data-rail-head p{display:none!important;}

  body.home[data-jai-rubric="home"] .home-data-rail-list{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    height:59px!important;
    margin:0!important;
    padding:0 0 4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-list::-webkit-scrollbar{display:none!important;}
  body.home[data-jai-rubric="home"] .home-data-link{
    --data-accent:#7cffc6;
    flex:0 0 112px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    position:relative!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:55px!important;
    min-height:55px!important;
    margin:0!important;
    padding:4px 2px 8px!important;
    border:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:0 7px 8px -8px var(--data-accent)!important;
    overflow:visible!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link:before{content:none!important;display:none!important;}
  body.home[data-jai-rubric="home"] .home-data-link:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:5px!important;
    right:5px!important;
    bottom:0!important;
    height:2px!important;
    border-radius:99px!important;
    background:var(--data-accent)!important;
    opacity:.78!important;
    box-shadow:0 0 5px var(--data-accent),0 0 12px color-mix(in srgb,var(--data-accent) 54%,transparent)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>i{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--data-accent)!important;
    font-size:1rem!important;
    text-shadow:0 0 8px var(--data-accent)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>i>svg{width:20px!important;height:22px!important;filter:drop-shadow(0 0 5px var(--data-accent))!important;}
  body.home[data-jai-rubric="home"] .home-data-link>span{display:block!important;min-width:0!important;}
  body.home[data-jai-rubric="home"] .home-data-link>span b{
    display:block!important;
    color:#eefaf7!important;
    font-size:10.5px!important;
    line-height:1.08!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 5px rgba(0,0,0,.34)!important;
    white-space:normal!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>span small,
  body.home[data-jai-rubric="home"] .home-data-link>strong,
  body.home[data-jai-rubric="home"] .home-data-link>em,
  body.home[data-jai-rubric="home"] .home-data-all{display:none!important;}
  body.home[data-jai-rubric="home"] .home-data-link.is-bank{--data-accent:#c59cff!important;}
  body.home[data-jai-rubric="home"] .home-data-link.is-budget{--data-accent:#ffe65c!important;}
  body.home[data-jai-rubric="home"] .home-data-link.is-tenge{--data-accent:#45eaff!important;}
  body.home[data-jai-rubric="home"] .home-data-link.is-inflation{--data-accent:#ff65b4!important;}
  body.home[data-jai-rubric="home"] .home-data-link.is-trade{--data-accent:#ff9b4a!important;}
  body.home[data-jai-rubric="home"] .home-data-link.is-market{--data-accent:#58ff9c!important;}

  /* Exactly four lead stories, one story per row. Nothing absolute, nothing side-by-side. */
  body.home[data-jai-rubric="home"] .home-mobile-news-grid,
  body.home[data-jai-rubric="home"] .home-mobile-news-grid.jai-mobile-news-rotator{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0 10px 8px!important;
    overflow:visible!important;
    transform:none!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-card,
  body.home[data-jai-rubric="home"] .jai-mobile-news-rotator .home-mobile-news-card{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:clamp(390px,108vw,520px)!important;
    min-height:390px!important;
    margin:0 0 12px!important;
    padding:0!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    z-index:auto!important;
    transition:none!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-card>a,
  body.home[data-jai-rubric="home"] .jai-mobile-news-rotator .home-mobile-news-card>a{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.52)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:#071718!important;
    box-shadow:0 9px 24px rgba(3,22,21,.18)!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-media,
  body.home[data-jai-rubric="home"] .jai-mobile-news-rotator .home-mobile-news-media{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-media img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-media:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(4,16,17,.01) 30%,rgba(3,14,15,.90) 100%)!important;
    pointer-events:none!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-copy,
  body.home[data-jai-rubric="home"] .jai-mobile-news-rotator .home-mobile-news-copy{
    position:absolute!important;
    z-index:3!important;
    left:18px!important;
    right:18px!important;
    bottom:22px!important;
    display:grid!important;
    gap:7px!important;
    padding:0!important;
    color:#fff!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-copy small{
    color:#8ff0cf!important;
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-copy b{
    display:-webkit-box!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:clamp(23px,7vw,31px)!important;
    line-height:1.08!important;
    font-weight:900!important;
    text-shadow:0 2px 14px rgba(0,0,0,.46)!important;
    -webkit-line-clamp:4!important;
    -webkit-box-orient:vertical!important;
  }
  body.home .jai-mobile-news-dots{display:none!important;}

  /* Do not repeat another desktop-style main-news block immediately below the four mobile leads. */
  body.home[data-jai-rubric="home"] .home-main-heading,
  body.home[data-jai-rubric="home"] .home-main-news-grid{display:none!important;}
}
