/* SmokeDonalds — MOBILE HOME PRODUCTS 2x2
   Только мобильная главная.
   1-4 товара: заполняются по порядку слева направо, сверху вниз.
   Никаких дублей для заполнения пустых ячеек.
   5+ товаров: продолжаются следующими колонками со свайпом.
*/
@media (max-width:760px){
    body.site-home-modern .home-popular-v7{padding:18px 0 22px!important}
    body.site-home-modern .home-popular-stage-v7{width:100%!important;overflow:visible!important}
    body.site-home-modern .home-popular-viewport-v7{
        width:100%!important;
        height:clamp(330px,92vw,380px)!important;
        max-height:clamp(330px,92vw,380px)!important;
        margin:0!important;padding:1px 0 7px!important;
        overflow-x:auto!important;overflow-y:hidden!important;
        scroll-snap-type:x mandatory;scroll-padding-left:0!important;
        scrollbar-width:none;-webkit-overflow-scrolling:touch!important;
    }
    body.site-home-modern .home-popular-viewport-v7::-webkit-scrollbar{display:none!important}
    body.site-home-modern .home-popular-track-v7{
        display:grid!important;
        grid-auto-flow:column!important;
        grid-template-rows:repeat(2,minmax(0,1fr))!important;
        grid-auto-columns:calc((100vw - 32px)/2)!important;
        gap:8px!important;width:max-content!important;min-width:100%!important;
        height:100%!important;margin:0!important;padding:0!important;
        align-content:stretch!important;transform:none!important;translate:none!important;
        transition:none!important;animation:none!important;
    }
    body.site-home-modern .home-popular-card-v7{
        flex:none!important;width:calc((100vw - 32px)/2)!important;
        min-width:calc((100vw - 32px)/2)!important;max-width:calc((100vw - 32px)/2)!important;
        height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;
        border-radius:12px!important;overflow:hidden!important;
        scroll-snap-align:start!important;scroll-snap-stop:always!important;
    }
    body.site-home-modern .home-popular-media-v7{
        width:100%!important;height:calc(100% - 68px)!important;min-height:0!important;overflow:hidden!important;
    }
    body.site-home-modern .home-popular-media-v7 img{
        width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;
    }
    body.site-home-modern .home-popular-body-v7{
        min-width:0!important;width:100%!important;height:68px!important;min-height:68px!important;
        padding:7px 30px 7px 8px!important;overflow:hidden!important;
    }
    body.site-home-modern .home-popular-body-v7>strong{
        display:block!important;max-width:100%!important;font-size:clamp(10px,2.7vw,13px)!important;
        line-height:1.05!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    }
    body.site-home-modern .home-popular-body-v7>small{
        display:block!important;max-width:100%!important;margin-top:3px!important;font-size:9px!important;
        line-height:1.05!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    }
    body.site-home-modern .home-popular-body-v7>em{
        display:block!important;max-width:100%!important;margin-top:4px!important;font-size:8px!important;
        line-height:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    }
    body.site-home-modern .home-popular-arrow-v7{right:7px!important;bottom:7px!important;width:21px!important;height:21px!important;font-size:11px!important}
    body.site-home-modern .home-popular-nav-v7{display:none!important}
    body.site-home-modern .home-popular-dots-v7{margin-top:7px!important;min-height:12px!important;gap:6px!important}
    body.site-home-modern .home-popular-dots-v7 button{width:6px!important;height:6px!important}
    body.site-home-modern .home-popular-dots-v7 button.active{width:16px!important}
}
@media (max-width:380px){
    body.site-home-modern .home-popular-viewport-v7{height:clamp(300px,90vw,342px)!important;max-height:clamp(300px,90vw,342px)!important}
    body.site-home-modern .home-popular-track-v7{grid-auto-columns:calc((100vw - 30px)/2)!important}
    body.site-home-modern .home-popular-card-v7{
        width:calc((100vw - 30px)/2)!important;min-width:calc((100vw - 30px)/2)!important;max-width:calc((100vw - 30px)/2)!important;
    }
}