/* Анимации теперь управляются через data-animate="scale-up" в template.php */

.module-component-novosti-style-1 .img{
    border-radius: var(--radius-32);
    overflow: hidden;
    aspect-ratio: 4/3;
}
.module-component-novosti-style-1 .img img{
    transition: var(--transition-fast);
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.module-component-novosti-style-1 .img:hover img{
    transform: scale(1.05);
}


.module-component-novosti-style-1 a.btn.secondary{
    margin-right: calc(var(--owl-nav-width) + var(--spacing-40));
}



.module-component-novosti-style-1 a.title,
.module-component-novosti-style-1 .description{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.module-component-novosti-style-1 .description{
    -webkit-line-clamp: 4;
}


.module-component-novosti-style-1 .owl-nav {
    display: flex;
    gap: var(--spacing-20);
    top: calc(var(--spacing-60) * -2);
    position: absolute;
    right: 0;
}
.module-component-novosti-style-1 .owl-nav {
    display: flex;
    gap: var(--spacing-20);
}
.module-component-novosti-style-1 .owl-nav button:hover,
.module-component-novosti-style-1 .owl-nav button:hover > *{
    transform: translateY(0)translateX(0) !important;
}

.module-component-novosti-style-1 .owl-nav button:hover svg circle,
.module-component-novosti-style-1 .owl-nav button:hover svg path {
    transition: var(--transition-fast);
}

.module-component-novosti-style-1 .owl-nav button:hover svg circle{
    fill: var(--primary);
}
.module-component-novosti-style-1 .owl-nav button:hover svg path{
    stroke: var(--white-100);
}




@media (max-width: 767px) {
    .module-component-novosti-style-1.initialised .container {
        padding-right: 0;
    }
    .module-component-novosti-style-1 a.btn.secondary[mobile]{
        width: fit-content;
        padding-left: var(--spacing-24);
        padding-right: var(--spacing-24);
    }
    
    .module-component-novosti-style-1 .owl-nav {
        top: unset;
        bottom: calc(-1 * var(--spacing-20) - 50 * var(--rpx));
        gap: var(--spacing-8);
        right: var(--spacing-container);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .module-component-novosti-style-1 .owl-nav {top: calc(var(--spacing-40) * -2);}
}

@media (max-width: 1023px) {
    .module-component-novosti-style-1 .main {gap: var(--spacing-24);}

    .module-component-novosti-style-1 .card a.btn.transparent {width: fit-content;}
}

@media (min-width: 1024px) {
    
}