/*!
Theme Name: virs
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: virs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

.feedback-form {
    position: relative;
}

.wpcf7-form input[type=submit] {
    padding: 0;
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-white);
}

.wpcf7-form input[type=submit]:hover,
.wpcf7-form input[type=submit]:focus-visible {
    background-color: transparent;
    color: var(--color-white);
}

.wpcf7-form-control-wrap input {
    width: 100%;
}

.wpcf7-spinner {
    position: absolute;
    margin: 0 !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.wpcf7-response-output {
    color: #fff;
    margin: 0 !important;
    font-size: 14px;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #fff;
    margin-top: 5px;
}

.product-title {
    font-weight: 300;
    font-size: clamp(1.5rem, 0.5rem + 2.78vw, 3rem);
    line-height: 117%;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: clamp(0.625rem, -0.292rem + 2.55vw, 2rem);
}

.main {
    overflow: hidden;
}


.kitchen-detail {
    overflow: hidden;
}

.kitchen-detail-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.kitchen-detail .kitchen-detail-button {
    position: absolute;
    background: unset;
    padding: 0;
    border-radius: unset;
    clip-path: polygon(76.801% 18.926%, 23.199% 10.925%, 23.199% 10.925%, 19.057% 10.23%, 15.267% 9.437%, 11.849% 8.556%, 8.824% 7.594%, 6.209% 6.562%, 4.026% 5.466%, 2.294% 4.317%, 1.033% 3.123%, 0.261% 1.892%, 0% 0.633%, 0% 99.366%, 0% 99.366%, 0.261% 98.108%, 1.033% 96.877%, 2.294% 95.683%, 4.026% 94.534%, 6.209% 93.438%, 8.824% 92.406%, 11.849% 91.444%, 15.267% 90.563%, 19.057% 89.77%, 23.199% 89.075%, 76.801% 81.075%, 76.801% 81.075%, 80.943% 80.379%, 84.733% 79.587%, 88.151% 78.705%, 91.176% 77.744%, 93.791% 76.711%, 95.973% 75.616%, 97.706% 74.466%, 98.967% 73.272%, 99.739% 72.041%, 100% 70.783%, 100% 29.217%, 100% 29.217%, 99.739% 27.959%, 98.967% 26.728%, 97.706% 25.534%, 95.973% 24.385%, 93.791% 23.289%, 91.176% 22.256%, 88.151% 21.295%, 84.733% 20.413%, 80.943% 19.621%, 76.801% 18.926%);
    background: #fff;
    width: 34px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 169px;
    transform: scale(1) !important;
}

.kitchen-detail .kitchen-detail-button.swiper-button-disabled {
    opacity: 1;
}

.kitchen-detail .kitchen-detail-button svg {
    width: 10px;
    height: 18px;
}

.kitchen-detail-button.swiper-button-prev {
    left: -1px;
}

.kitchen-detail-button.swiper-button-next {
    left: unset;
    right: 0;
    clip-path: polygon(23.965% 18.926%, 76.035% 10.925%, 76.035% 10.925%, 80.059% 10.23%, 83.741% 9.437%, 87.061% 8.556%, 90% 7.594%, 92.539% 6.562%, 94.66% 5.466%, 96.343% 4.317%, 97.568% 3.123%, 98.317% 1.892%, 98.571% 0.633%, 98.571% 99.366%, 98.571% 99.366%, 98.317% 98.108%, 97.568% 96.877%, 96.343% 95.683%, 94.66% 94.534%, 92.539% 93.438%, 90% 92.406%, 87.061% 91.444%, 83.741% 90.563%, 80.059% 89.77%, 76.035% 89.075%, 23.965% 81.075%, 23.965% 81.075%, 19.941% 80.379%, 16.259% 79.587%, 12.939% 78.705%, 10% 77.744%, 7.461% 76.711%, 5.34% 75.616%, 3.657% 74.466%, 2.432% 73.272%, 1.683% 72.041%, 1.429% 70.783%, 1.429% 29.217%, 1.429% 29.217%, 1.683% 27.959%, 2.432% 26.728%, 3.657% 25.534%, 5.34% 24.385%, 7.461% 23.289%, 10% 22.256%, 12.939% 21.295%, 16.259% 20.413%, 19.941% 19.621%, 23.965% 18.926%);
}

.kitchen-detail-button:hover {
    background-color: #A3222E;
}

.kitchen-detail-button:hover svg path {
    stroke: #fff;
}

.main-swiper.kitchen-detail {
    height: 600px;
}

.main-swiper.kitchen-detail .swiper-slide {
    display: block;
    width: 100%;
    max-width: 837px;
    border-right: 2px solid #fff;
    transition: .4s;
}

.main-swiper.kitchen-detail .swiper-slide:hover,
.main-swiper.kitchen-detail .swiper-slide:focus-visible {
    opacity: .8;
}

.outline-button {
    border-color: #fff;
    background-color: transparent;
}

.outline-button:hover {
    border-color: transparent;
}

.feedback-kitchen-detail input[type=submit] {
    background: transparent;
    color: var(--color-white);
}

.feedback-kitchen-detail input[type=submit]:hover,
.feedback-kitchen-detail input[type=submit]:focus-visible {
    background-color: var(--color-white);
    color: var(--color-black);
}



.feedback-banner.feedback-kitchen-detail .side-image {
    height: 100%;
    max-height: 420px;
    object-fit: cover;
}

@media (max-width: 687px) {
    .product-title {
        padding: 30px 0;
    }
}

@media (max-width: 768px) {
    .main-swiper.kitchen-detail {
        height: 655px;
    }
}