/* Главная сетка объявлений.
          Старый CSS переопределяет .pod_vip_menu и старые карточки, поэтому сетка имеет свой класс
          и сильные правила. */

       .menu-div-style{font-weight:700;color:#002f34;padding:0 0 10px 15px;border-bottom:2px solid #f7f7f7}
       a{text-decoration:none}


       .vip_menu .onlaIndexAdsGrid{
           width:100% !important;
           max-width:100% !important;
           display:grid !important;
           grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
           gap:18px !important;
           padding:0 !important;
           margin:0 auto !important;
           box-sizing:border-box !important;
           clear:both !important;
       }

       .vip_menu .onlaIndexAdsGrid .adMiniCard{
           width:100% !important;
           max-width:100% !important;
           min-width:0 !important;
           float:none !important;
           display:block !important;
           box-sizing:border-box !important;
       }

       .vip_menu .onlaIndexAdsGrid .adMiniCard a{
           max-width:100%;
       }

       /* Планшет: постепенно переходим на 3 карточки */
       @media(max-width:991px){
           .vip_menu .onlaIndexAdsGrid{
               grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
               gap:16px !important;
               padding-left:14px !important;
               padding-right:14px !important;
           }
       }

       /* Телефон: 2 карточки и нормальные отступы слева/справа */
       @media(max-width:760px){
           .vip_menu .onlaIndexAdsGrid{
               grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
               gap:12px !important;
               padding-left:12px !important;
               padding-right:12px !important;
           }
       }

       @media(max-width:360px){
           .vip_menu .onlaIndexAdsGrid{
               gap:10px !important;
               padding-left:10px !important;
               padding-right:10px !important;
           }
       }