  .t390__uptitle {
        letter-spacing: -0.06em;
        text-transform: lowercase;
        margin-bottom: 0px !important;
    }
    .t390__title {
        letter-spacing: -0.04em;
        text-transform: lowercase;
    }
    @media screen and (max-width: 640px) {
    .t390__uptitle {
            font-size: 18px !important;
        }
    .t-heading_lg {
            font-size: 28px !important;
        }
    }
    .t390__descr {
        font-size: 14px !important;
    }
    
    
        .js_iframe_widget {
        cursor: pointer;
    }
    .zind {
        z-index: 1 !important;
    }
    
        body {
        background-color: #DFDCD7;
    }    
    
      .t-popup__container {
        border-radius: 60px !important;
        
    }
    
        @media screen and (max-width: 980px) {
              .t-popup__container {
        border-radius: 30px !important;
        
    }
        }
        
        
            #rec527137735 {
        cursor: -webkit-pointer;
        cursor: pointer;
    }
    
        #rec639534817 {
        cursor: -webkit-pointer;
        cursor: pointer;
    }
    
    .t396__elem.imgur {
overflow: hidden;
}

.imgur .tn-atom {
transition: all 0.5s ease;
}

.imgur .tn-atom:hover {
transform: scale(1.1);
}



@media screen and (max-width: 640px) {

    /* Контейнер карточки — li */
    .t688__columns .t-col {
        height: 200px !important;
        min-height: 200px !important;
        max-height: 200px !important;
        margin-bottom: 16px !important; /* нормальный отступ между карточками */
    }

    /* Внутренний контейнер */
    .t688__inner-col {
        height: 200px !important;
        min-height: 200px !important;
        overflow: hidden !important;
        position: relative;
    }

    /* Картинка */
    .t688__bgimg {
        height: 200px !important;
        min-height: 200px !important;
        object-fit: cover !important;
    }

    /* Градиент + текст */
    .t688__textwrapper-featured {
        padding: 16px !important;
        position: absolute !important;
        bottom: 0;
        left: 0;
        right: 0;
    }
}


@media screen and (max-width: 640px) {
    ul.t688__columns > li {
        margin-bottom: 20px !important;
    }
    ul.t688__columns > li:last-child {
        margin-bottom: 0 !important;
    }
}