@charset "utf-8";   

#product_wrap.prod-vionyx {margin-bottom: 0;}
.new-prod-wrap.prod-vionyx a.btn-white-line:hover,
.new-prod-wrap.prod-vionyx .section-prod-slide .spec-item .icon,
.new-prod-wrap.prod-vionyx .sticky-menu .left_link a:hover { color:var(--blue);}
.new-prod-wrap.prod-vionyx .btn-primary { background: var(--vionyx-gr);}
.new-prod-wrap.prod-vionyx .btn-primary:hover { background: var(--vionyx-gr-hover);}
.new-prod-wrap.prod-vionyx .section-prod-slide .product-thumbs-swiper .swiper-slide-thumb-active {
    border-color: var(--blue);
}

.new-prod-wrap.prod-vionyx .section-overview { padding-top: 0;}
.new-prod-wrap.prod-vionyx .section-core { background: url('/en/asset/images/01_product/vionyx-core-bg.webp') no-repeat center center; background-size: cover; }
.new-prod-wrap.prod-vionyx .section-core .feature-card-grid {padding-top: 900px;}

@media screen and (max-width: 1440px) {
    .new-prod-wrap.prod-vionyx .section-core .feature-card-grid {padding-top: 500px;}
}

@media screen and (max-width: 890px) {
    .new-prod-wrap.prod-vionyx .section-core { background: #000 url('/en/asset/images/01_product/vionyx-core-bg-m.webp') no-repeat center top 150px; background-size: 100% auto;}    
}

@media screen and (max-width: 576px) {
    .new-prod-wrap.prod-vionyx .section-core .feature-card-grid {padding-top: 280px;}
}

/* card-how-it-works */
.section-function .card.card-how-it-works {
    background: #000 url('/en/asset/images/01_product/vionyx-how-it-works.webp') no-repeat center bottom;
    background-size: 100% auto;
}

@media screen and (max-width: 890px) {
    .section-function .card.card-how-it-works {        
        background-size: auto 400px;
    }
}

.new-prod-wrap.prod-vionyx .hl-section .hl-bg-item {
    background-position-x: left;
}

@media screen and (min-width: 891px) {
    .new-prod-wrap.prod-vionyx .hl-section .hl-card {height: 804px;}
}

@media screen and (max-width: 890px) {
    .new-prod-wrap.prod-vionyx .hl-section .hl-bg-item {
        background-position: center top;
    }
}