:root {
    --dark: #00314C;
    --light-blue: #0094DD;
    --dark-blue: #007DC2;
    --red: #E65050;
    --white: #FFFFFF;
    --grey: #F1F5F9;
    --blue-gradient: linear-gradient(53.65deg, #007DC2 13.05%, #0094DD 178.35%);
}

/*ХОВЕР ССЫЛКИ*/
.hover-text__blue .tn-atom {
    transition: all 0.3s ease !important;
}

.hover-text__blue .tn-atom:hover {
    color: var(--dark-blue) !important;
}


/*ОТСТУП ОТ ШАПКИ*/
body{
    padding-top:150px!important;
}
@media screen and (max-width: 1199px) {
   body{
    padding-top:120px!important;
}

}

/*ТЕНЬ*/
.shadow{
    box-shadow: 12px -1px 64px rgba(0, 49, 76, 0.05);
}



/*МАРКЕРОВАННЫЕ СПИСКИ*/
.tn-atom ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.tn-atom li {
    position: relative !important;
    padding-left: 20px !important;
}

.tn-atom li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    width: 8px !important;
    height: 8px !important;
    background: #007DC2 !important;
    border-radius: 2px !important;
}



/*ГАЛЕРЕЯ СТРЕЛКИ*/
.t-slds__arrow-withbg {
    border-radius: 8px !important;
}




/*ХЛЕБНЫЕ КРОШКИ*/

.t758 .t-container {
   max-width: 100% !important;
   width: 100% !important;
   padding-left: 40px !important;
   padding-right: 40px !important;
   padding-bottom: 80px !important;
   box-sizing: border-box !important;
   padding-top:0px !important;
}

.t758 .t-col {
   margin-left: 0 !important;
   margin-right: 0 !important;
   width: 100% !important;
   box-sizing: border-box !important;
}

@media screen and (max-width: 960px) {
   .t-col {
       padding-left: 0 !important;
       padding-right: 0 !important;
        width: 100% !important;
       box-sizing: border-box !important;
   }
}

@media screen and (max-width: 1199px) {
   .t758 .t-container {
       padding-left: 8px !important;
       padding-right: 8px !important;
       padding-bottom: 40px !important;
   }

}




/*СКРЫТИЕ ПОДРОБНЕЕ ДЛЯ АЛИАС БЛОКОВ*/
#rec2239337231 .button-more,
#rec2239337231 .button-more .tn-atom {
    display: none !important;
}





/*КАРТОЧКИ*/

/* Контейнер-обёртка для всех карточек */
.grid-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Каждая карточка */
.grid-card {
    flex: 1 1 calc(25% - 18px) !important;  /* 24px * 3 / 4 = 18px */
    max-width: calc(25% - 18px) !important;
    width: auto !important;
    min-width: 200px !important;
    box-sizing: border-box !important;
}

/* Планшет: 2 колонки */
@media (max-width: 960px) {
    .grid-card {
        flex: 1 1 calc(50% - 12px) !important;  /* 24px * 1 / 2 = 12px */
        max-width: calc(50% - 12px) !important;
    }
}

/* Телефон: 1 колонка */
@media (max-width: 640px) {
    .grid-card {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}






/* При наведении на любую область карточки - активируем кнопку */
.grid-card:hover .grid-card__button .tn-atom {
  background-color: #0094DD !important;
  transition: all 0.4s ease;
}

/* Иконка становится белой и сдвигается */
.grid-card:hover .grid-card__button .tn-atom__button-icon-arrow-default {
  filter: brightness(0) invert(1);
  transition: all 0.4s ease;
}