@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* .roboto-<uniquifier> {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.open-sans-<uniquifier> {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings: "wdth" 100;
} */

:root {
    --ff-Roboto: "Roboto", sans-serif;
    --ff-Open-Sans: "Open Sans", sans-serif;

    --color-main: #583B21;
    --color-origin: #000;
    --color-invert: #fff;
    --color-btn: #BF712D;
    --color-btn-form: #FFD428;
    
    /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
    
    --fz-h1: 64px;
    --fz-h1-not-front: 64px;
    --fz-h2: 42px;
    --fz-h2-slider: 52px;
    --fz-h2-not-front: 42px;
    --fz-h3: 32px;
    --fz-h3-benefits: 20px;
    --fz-h3-catalog: 18px;

    --fz-title-form: 26px;

    --fz-text-big: 18px;
    --fz-text-orig: 16px;
    --fz-text-small: 14px;
    
    --fz-text-slider: 30px;
    --fz-text-forms-orig: 15px;
    --fz-text-forms-small: 14px;
    
    --fz-btn: 18px;
}
@media (max-width: 1399px) {
    :root {
        --fz-h1: 58px;
        --fz-h1-not-front: 58px;
        --fz-h2: 42px;
        --fz-h2-slider: 52px;
        --fz-h2-not-front: 42px;
        --fz-h3: 32px;
        --fz-h3-benefits: 20px;
        --fz-h3-catalog: 18px;

        --fz-title-form: 26px;

        --fz-text-big: 18px;
        --fz-text-orig: 16px;
        --fz-text-small: 14px;
        
        --fz-text-slider: 30px;
        --fz-text-forms-orig: 15px;
        --fz-text-forms-small: 14px;
        
        --fz-btn: 18px;
    }
}
@media (max-width: 1199px) {
    :root {
        --fz-h1: 54px;
        --fz-h1-not-front: 54px;
        --fz-h2: 42px;
        --fz-h2-slider: 44px;
        --fz-h2-not-front: 42px;
        --fz-h3: 32px;
        --fz-h3-benefits: 20px;
        --fz-h3-catalog: 18px;

        --fz-title-form: 26px;

        --fz-text-big: 18px;
        --fz-text-orig: 16px;
        --fz-text-small: 14px;
        
        --fz-text-slider: 28px;
        --fz-text-forms-orig: 15px;
        --fz-text-forms-small: 14px;
        
        --fz-btn: 18px;
    }
}
@media (max-width: 991px) {
    :root {
        --fz-h1: 46px;
        --fz-h1-not-front: 46px;
        --fz-h2: 38px;
        --fz-h2-slider: 36px;
        --fz-h2-not-front: 38px;
        --fz-h3: 32px;
        --fz-h3-benefits: 20px;
        --fz-h3-catalog: 18px;

        --fz-title-form: 26px;

        --fz-text-big: 18px;
        --fz-text-orig: 16px;
        --fz-text-small: 14px;
        
        --fz-text-slider: 26px;
        --fz-text-forms-orig: 15px;
        --fz-text-forms-small: 14px;
        
        --fz-btn: 18px;
    }
}
@media (max-width: 767px) {
    :root {
        --fz-h1: 38px;
        --fz-h1-not-front: 38px;
        --fz-h2: 34px;
        --fz-h2-slider: 32px;
        --fz-h2-not-front: 34px;
        --fz-h3: 32px;
        --fz-h3-benefits: 20px;
        --fz-h3-catalog: 18px;

        --fz-title-form: 26px;

        --fz-text-big: 18px;
        --fz-text-orig: 16px;
        --fz-text-small: 14px;
        
        --fz-text-slider: 24px;
        --fz-text-forms-orig: 15px;
        --fz-text-forms-small: 14px;
        
        --fz-btn: 18px;
    }
}
@media (max-width: 575px) {
    :root {
        --fz-h1: 32px;
        --fz-h1-not-front: 32px;
        --fz-h2: 28px;
        --fz-h2-slider: 26px;
        --fz-h2-not-front: 28px;
        --fz-h3: 32px;
        --fz-h3-benefits: 20px;
        --fz-h3-catalog: 18px;

        --fz-title-form: 24px;

        --fz-text-big: 18px;
        --fz-text-orig: 16px;
        --fz-text-small: 14px;
        
        --fz-text-slider: 20px;
        --fz-text-forms-orig: 15px;
        --fz-text-forms-small: 14px;
        
        --fz-btn: 18px;
    }
}
@media (max-width: 460px) {
    :root {
        --fz-h1: 28px;
        --fz-h1-not-front: 28px;
        --fz-h2: 26px;
        --fz-h2-slider: 22px;
        --fz-h2-not-front: 26px;
        --fz-h3: 32px;
        --fz-h3-benefits: 20px;
        --fz-h3-catalog: 18px;

        --fz-title-form: 22px;

        --fz-text-big: 18px;
        --fz-text-orig: 16px;
        --fz-text-small: 14px;
        
        --fz-text-slider: 18px;
        --fz-text-forms-orig: 15px;
        --fz-text-forms-small: 14px;
        
        --fz-btn: 18px;
    }
}
@media (max-width: 350px) {
    :root {
        --fz-h1: 26px;
        --fz-h1-not-front: 26px;
        --fz-h2: 24px;
        --fz-h2-slider: 20px;
        --fz-h2-not-front: 24px;
        --fz-h3: 32px;
        --fz-h3-benefits: 20px;
        --fz-h3-catalog: 18px;

        --fz-title-form: 20px;

        --fz-text-big: 18px;
        --fz-text-orig: 16px;
        --fz-text-small: 14px;
        
        --fz-text-slider: 16px;
        --fz-text-forms-orig: 15px;
        --fz-text-forms-small: 14px;
        
        --fz-btn: 18px;
    }
}


/* MAIN SETTINGS */
body {
    font-size: var(--fz-orig);
    font-family: var(--ff-Roboto);
    line-height: 1.15;
    color: var(--color-origin);
}
a, button {
    transition: all .2s linear !important;
}

@media (min-width: 350px) {}
@media (min-width: 460px) {}
@media (min-width: 576px) {
    .container {
        max-width: 576px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 992px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

div#app {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    overflow: hidden;
}
main#main {
    flex-grow: 1;
}
footer#footer {
    /* margin-top: 65px; */
    padding: 20px 0 25px;
    /* background-color: #323232; */
    position: relative;
    z-index: 50;
}
.not-front footer#footer {
    border-top: 5px solid var(--color-main);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.2;
    /* text-transform: uppercase; */
    color: var(--color-origin);
    margin: 0;
    margin-bottom: 30px;
}
h1 {
    font-size: var(--fz-h1);
}
h2 {
    font-size: var(--fz-h2);
}
h3 {
    font-size: var(--fz-h3);
}
.not-front main#main {
    margin: 50px 0;
}
.not-front h1 {
    font-size: var(--fz-h1-not-front);
}
.not-front h2 {
    font-size: var(--fz-h2-not-front);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    div#app {
        position: relative;
        inset: 0;
        top: 45px;
    }
}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}






/* MEDIA SIZE */
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}










/* M O R E - L I N K // btn */
/* more-link // btn  */
.more-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}
.more-link a {
    font-weight: 700;
    font-size: var(--fz-btn);
    color: var(--color-invert);
    text-decoration: none;
    width: 170px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-main);
}
.more-link a:hover {
    background-color: var(--color-btn);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    .more-link a {
        width: 100%;
        height: 55px;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {}










/* P A G E R // all */
/* pager // all -> nav-pager  */
nav.pager {
    margin-top: 15px;
}
nav.pager ul.pager__items.js-pager__items {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 20px;
}

nav.pager ul.pager__items.js-pager__items li.pager__item.is-active {
    font-weight: 700;
    /* background-color: var(--color-main); */
    /* color: var(--color-invert); */
    color: var(--color-main);
    border-radius: 10px;
    padding: 7px 10px;
    /* border: 3px solid var(--color-main); */
}
nav.pager ul.pager__items.js-pager__items li.pager__item a {
    text-decoration: none;
    font-size: 28px;
    font-weight: 700;
    /* background-color: var(--color-main); */
    /* color: var(--color-invert); */
    color: var(--color-main);
    /* border-radius: 10px; */
    /* padding: 2px 10px; */
    /* border: 3px solid var(--color-main); */
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}







/* C O O K I E // block */
/* cookie // block  */
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock {
    font-family: var(--ff-standard);
    max-height: 100%;
    overflow-y: auto;
    background-color: var(--color-btn);
    color: var(--color-invert);
}

/* cookie // Content */
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content {
    font-size: 11px;
    /* width: 95%; */
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper strong {
    /* padding-left: 30px; */
    display: flex;
    position: relative;
    height: 26px;
    align-items: center;
    color: inherit;
}

main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content p {
    color: inherit;
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content a {
    color: inherit;
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content a:hover {
    color: var(--color-btn-form);
}

/* cookie // BTNs */
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns {
    gap: 8px;
    width: 100%;
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button.btn {
    height: 36px;
}

main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-yes {
    width: 140px;
    padding: 5px;
    background-color: var(--color-btn);
    border: 2px solid var(--color-invert);
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-yes:hover {
    background-color: var(--color-btn-form);
    color: var(--color-main);
    border-color: var(--color-main);
}

main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-no {
    width: 157px;
    padding: 5px;
    color: var(--color-main);
    background-color: var(--color-btn);
    border: 2px solid var(--color-main);
}
main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-no:hover {
    background-color: var(--color-main);
    color: var(--color-invert);
    border-color: var(--color-invert);
}


@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-content p {
        text-align: justify;
    }
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-yes,
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-no {
        width: 50%;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns {
        display: flex;
        flex-direction: column;
    }
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-yes,
    main#main .region.region-content div#block-vesta-theme-vestaprivacyaccessblock .block-metrika-wrapper .block-metrika-btns button#btn-metrika-no {
        width: 100%;
    }
}






/* P A G E - S E A R C H */

.not-front main#main form#search-api-page-block-form-search {
    background-color: var(--color-invert);
    border: 5px solid var(--color-main);
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
}

.not-front main#main form#search-api-page-block-form-search .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
    width: 90%;
    height: 100%;
}
.not-front main#main form#search-api-page-block-form-search .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input {
    height: 100%;
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 13px 10px 13px 20px;
    color: var(--color-main);
}
.not-front main#main form#search-api-page-block-form-search .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input::placeholder {
    font-family: var(--ff-Roboto);
    font-weight: 500;
    font-size: var(--fz-text-forms-small);
    color: #999;
}

.not-front main#main form#search-api-page-block-form-search div.form-actions {
    width: 10%;
}
.not-front main#main form#search-api-page-block-form-search button {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-invert);
    color: transparent;
    font-size: 0;
}
.not-front main#main form#search-api-page-block-form-search button:hover {
    background-color: var(--color-btn);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    .not-front main#main form#search-api-page-block-form-search .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
        width: 80%;
    }
    .not-front main#main form#search-api-page-block-form-search div.form-actions {
        width: 20%;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {}



























/* H E A D E R // Block */
/* header // Block -> Up */
header#header .header-top {
    padding: 23px 0;
}
header#header .header-top .head-top-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

/* header // Block -> Up -> column-1 (logo) */
header#header .header-top .head-top-inner .logo {
    width: 100%;
    max-width: 145px;
    height: auto;
    aspect-ratio: 145/60;
}
header#header .header-top .head-top-inner .logo img {
    width: 100%;
    height: auto;
    aspect-ratio: 145/60;
    object-fit: contain;
}

/* header // Block -> Up -> column-2 (contacts) */
header#header .header-top .head-top-inner .col-contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 25px;
    row-gap: 10px;
    max-width: 445px; /* 425px */
}
header#header .header-top .head-top-inner .col-contacts p.contact.address {
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
}
header#header .header-top .head-top-inner .col-contacts p.contact.address::before {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/location.svg);
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

header#header .header-top .head-top-inner .col-contacts a {
    width: 45%;
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
}
header#header .header-top .head-top-inner .col-contacts a:hover {
    color: var(--color-btn);
}
header#header .header-top .head-top-inner .col-contacts a::before {
    content: '';
    display: block;
    /* background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/location.svg); */
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
header#header .header-top .head-top-inner .col-contacts a.contact.tel::before {
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/phone.svg);
}
header#header .header-top .head-top-inner .col-contacts a.contact.mail::before {
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/mail.svg);
}

/* header // Block -> Up -> column-3 (cart) */
header#header .header-top .head-top-inner .col-cart {
    width: 130px;
}
header#header .header-top .head-top-inner .col-cart .cart--cart-block a {
    display: flex;
    flex-direction: row;
    gap: 12px;
    color: inherit;
    text-decoration: none;
    font-weight: 700;
}
header#header .header-top .head-top-inner .col-cart .cart--cart-block a span.cart-block--summary__icon span.cart-block--summary__count {
    width: 22px;
    height: 22px;
    border-radius: 0;
    background-color: var(--color-invert);
    color: var(--color-origin);
    font-size: 15px;
    box-shadow: 0 0 5px #000;
    right: -6px;
}

/* header // Block -> Up -> column-4 (callback) */
header#header .header-top .head-top-inner .col-callback .region.region-callback a {
    width: 170px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: var(--color-origin);
    background-color: var(--color-invert);
    border: 3px solid var(--color-main);
    border-radius: 0;
}
header#header .header-top .head-top-inner .col-callback .region.region-callback a:hover {
    color: var(--color-invert);
    background-color: var(--color-main);
}



/* header // Block -> Down */
header#header .header-bottom {
    background-color: var(--color-main);
}
header#header .header-bottom .head-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

/* header // Block -> Down -> column-1 (nav) */
.region.region-navigation {
    max-width: 880px;
    width: 100%;
}
header#header .header-bottom .head-bottom-inner nav ul.nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

header#header .header-bottom .head-bottom-inner nav ul.nav li.nav-item a.nav-link {
    color: var(--color-invert);
    font-weight: 700;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 63px;
    /* padding: 10px; */
    /* padding: 10px 36.6px; */
    padding: 10px 37.8px;
}
header#header .header-bottom .head-bottom-inner nav ul.nav li.nav-item a.nav-link:hover {
    background-color: var(--color-invert);
    color: var(--color-main);
}
header#header .header-bottom .head-bottom-inner nav ul.nav li.nav-item a.is-active {
    /* text-decoration: underline; */
    background-color: var(--color-btn);
}

header#header .header-bottom .head-bottom-inner nav ul.nav li.nav-item a.dropdown-toggle::after {display: none;}
header#header .header-bottom .head-bottom-inner nav ul.nav li.dropdown ul.dropdown-menu {
    border-radius: 0;
    padding: 0;
    top: 60px;
    left: -1px;
}
header#header .header-bottom .head-bottom-inner nav ul.nav li.dropdown ul.dropdown-menu li.nav-item a.dropdown-item {
    padding: 14px 23px;
    font-family: var(--ff-Open-Sans);
    font-size: var(--fz-text-small);
    width: 200px;
    border-bottom: 1px solid #e4e4e4;
}
header#header .header-bottom .head-bottom-inner nav ul.nav li.dropdown ul.dropdown-menu li.nav-item a.dropdown-item:hover {
    background-color: var(--color-main);
    color: var(--color-invert);
    font-weight: 600;
}
header#header .header-bottom .head-bottom-inner nav ul.nav li.dropdown ul.dropdown-menu li.nav-item a.dropdown-item.active {
    background-color: var(--color-btn);
    color: var(--color-invert);
}


/* header // Block -> Down -> column-2 (searh) */
header#header .header-bottom .head-bottom-inner .col-search form {
    background-color: var(--color-invert);
    width: 230px;
    height: 42px;
    display: flex;
    justify-content: space-between;
}
header#header .header-bottom .head-bottom-inner .col-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
    width: 180px;
    height: 100%;
}
header#header .header-bottom .head-bottom-inner .col-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input {
    height: 100%;
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 13px 10px 13px 20px;
    color: var(--color-main);
}
header#header .header-bottom .head-bottom-inner .col-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input::placeholder {
    font-family: var(--ff-Roboto);
    font-weight: 500;
    font-size: var(--fz-text-forms-small);
    color: #999;
}
header#header .header-bottom .head-bottom-inner .col-search form button {
    width: 50px;
    height: 100%;
    border: 0;
    border-radius: 0;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-invert);
    color: transparent;
    font-size: 0;
}
header#header .header-bottom .head-bottom-inner .col-search form button:hover {
    background-color: var(--color-btn);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    header#header .header-bottom .head-bottom-inner nav ul.nav li.nav-item a.nav-link {
        padding: 10px 26px; /*10 28*/
    }

    header#header .header-bottom .head-bottom-inner .col-search form {
        width: 170px;
    }
    header#header .header-bottom .head-bottom-inner .col-search form .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
        width: 130px;
    }
    header#header .header-bottom .head-bottom-inner .col-search form button {
        width: 40px;
    }
}

@media (max-width: 1011px) {
    header#header .header-bottom .head-bottom-inner nav ul.nav li.nav-item a.nav-link {
        padding: 10px 24px;
    }
}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}



/* H E A D E R - M O B I L E // Block */
/* header-mobile // Block */
#header-mob {
    /* background-color: var(--color-main) !important; */
    background-color: #bf712d !important;
    /* background-color: #ffffff !important; */
    box-shadow: 0 0 10px var(--color-main);
    padding: 9px 5px;
}
#header-mob .col-nav a.btn-open-nav {
    filter: invert(1);
}

#header-mob .col-logo img {
    width: 100%;
    max-width: 145px;
    height: auto;
    aspect-ratio: 145/40;
    object-fit: contain;
}

/* header-mobile // Cart icon */
#header-mob .col-cart .cart--cart-block a {
    display: flex;
    flex-direction: row;
    gap: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}
#header-mob .col-cart .cart--cart-block a:hover {
    text-decoration: underline;
}
#header-mob .col-cart .cart--cart-block span.cart-block--summary__icon {
    padding-right: 10px;
}
#header-mob .col-cart .cart--cart-block span.cart-block--summary__icon svg path {
    fill: #fff;
}
#header-mob .col-cart .cart--cart-block span.cart-block--summary__icon .cart-block--summary__count.position-absolute.d-flex.align-items-center.justify-content-center.fw-bold {
    width: 22px;
    height: 22px;
    border-radius: 0;
    background-color: var(--color-invert);
    color: var(--color-origin);
    font-size: 15px;
    box-shadow: 0 0 5px #000;
    right: -6px;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    #header-mob .col-cart .cart--cart-block a span.cart-block--summarty__title {
        display: none;
    }
}
@media (max-width: 350px) {
    #header-mob .col-cart .cart--cart-block span.cart-block--summary__icon svg {
        width: 35px;
        display: block;
        height: auto;
        aspect-ratio: 48/42;
    }
    #header-mob .col-cart .cart--cart-block span.cart-block--summary__icon .cart-block--summary__count.position-absolute.d-flex.align-items-center.justify-content-center.fw-bold {
        width: 17px;
        height: 17px;
        font-size: 12px;
    }
}











/* H E A D E R - M O B I L E // NAV */
/* header-mobile // NAV */


/* H E A D E R - M O B I L E // NAV */

div#offcanvasNav {
    background-color: var(--color-btn);
    gap: 20px;
}

/* header-mobile // NAV -> header */
div#offcanvasNav .offcanvas-header {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
div#offcanvasNav .offcanvas-header .logo {
    width: 100%;
    max-width: 145px;
    height: auto;
    aspect-ratio: 145/40;
}
div#offcanvasNav .offcanvas-header .logo img {
    width: 100%;
    max-width: 145px;
    height: auto;
    aspect-ratio: 145/40;
    object-fit: contain;
}

div#offcanvasNav .offcanvas-header button.btn-close {
    filter: invert(1);
    width: 40px;
    height: 40px;
    scale: 1.5;
    margin: 0 10px 0 0;
}



/* header-mobile // NAV -> body */
div#offcanvasNav .offcanvas-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* header-mobile // NAV -> body -> search */
/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] {
    display: flex;
    justify-content: space-between;
    background-color: var(--color-invert);
    width: 100%;
    height: 42px;
}
/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
    width: 85%;
    height: 100%;
}
/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 div#edit-actions--2 { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] div[id^="edit-actions"] {
    width: 10%;
    min-width: 30px;
}

/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input#edit-keys--2 { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input[id^="edit-keys"] {
    background-color: transparent;
    border: 0;
    height: 100%;
    width: 100%;
    border-radius: 0;
    padding: 13px 10px 13px 20px;
    color: var(--color-main);
}
/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input#edit-keys--2::placeholder { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input[id^="edit-keys"]::placeholder {
    font-family: var(--ff-Roboto);
    font-weight: 500;
    font-size: var(--fz-text-forms-small);
    color: #999;
}
/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input#edit-keys--2:focus { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label input[id^="edit-keys"]:focus {
    outline: 0;
    box-shadow: none;
}


/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 div#edit-actions--2 { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] div[id^="edit-actions"] {
    width: 10%;
    min-width: 46px;
    height: 100%;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}
/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 div#edit-actions--2:hover {
    border: 5px solid var(--color-special);
    background-color: #b88e06;
} */
/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 div#edit-actions--2 button#edit-submit--2 { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] div[id^="edit-actions"] button[id^="edit-submit"] {
    /* filter: invert(1); */
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 0;
    background-color: white;
    border: 0;
    border-radius: 0;
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
}
/* div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 div#edit-actions--2 button#edit-submit--2:hover { */
div#offcanvasNav .offcanvas-body .region.region-search form[id^="search-api-page-block-form-search"] div[id^="edit-actions"] button[id^="edit-submit"]:hover {
    background-color: var(--color-btn-form);
}

/* header-mobile // NAV -> body -> nav */
/* div#offcanvasNav .offcanvas-body nav div#block-vesta-theme-osnovnayanavigaciya-4-menu { */
div#offcanvasNav .offcanvas-body nav div[id^="block-vesta-theme-osnovnayanavigaciya"] {
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--ff-Russo-One);
    color: var(--color-invert);
    margin-bottom: 10px;
}

div#offcanvasNav .offcanvas-body nav ul.nav li.nav-item a.nav-link {
    padding: 10px;
    color: var(--color-invert);
    /* text-transform: uppercase; */
    display: flex;
    align-items: center;
    height: 63px;
    font-weight: 700;
}
div#offcanvasNav .offcanvas-body nav ul.nav li.nav-item a.nav-link:hover {
    background-color: var(--color-main);
}
div#offcanvasNav .offcanvas-body nav ul.nav li.nav-item a.is-active {
    text-transform: uppercase;
    color: var(--color-btn-form);
}
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu {
    border-radius: 0;
    border: 0;
    padding: 10px 0;
    background-color: var(--color-invert);
    margin-bottom: 10px;
}
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item {
    padding: 14px 23px;
    font-family: var(--ff-Open-Sans);
    font-size: var(--fz-text-small);
}
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item:hover {
    background-color: var(--color-main);
    border: 0;
    color: var(--color-invert);
}
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item.is-active,
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item.active {
    background-color: var(--color-btn);
    border: 10px solid #fff;
    border-top: 0;
    border-bottom: 0;
    text-transform: none;
    color: var(--color-invert);
}
#offcanvasNav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item.is-active:hover {
    background-color: var(--color-main);
    border: 0;
    color: var(--color-invert);
}


/* header-mobile // NAV -> body -> contacts & social */
div#offcanvasNav .offcanvas-body .col-contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
}
div#offcanvasNav .offcanvas-body .col-contacts .contact {
    width: 100%;
    margin: 0;
    padding-left: 28px;
    position: relative;
    display: flex;
    align-items: center;
}
div#offcanvasNav .offcanvas-body .col-contacts a {
    color: inherit;
    text-decoration: none;
}
div#offcanvasNav .offcanvas-body .col-contacts a:hover {
    color: var(--color-btn);
}
div#offcanvasNav .offcanvas-body .col-contacts p.contact.address::before {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/location.svg);
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
div#offcanvasNav .offcanvas-body .col-contacts a.contact.tel::before {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/phone.svg);
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
div#offcanvasNav .offcanvas-body .col-contacts a.contact.mail::before {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/mail.svg);
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
        width: 80%;
    }
}
@media (max-width: 350px) {
    div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label,
    div#offcanvasNav .offcanvas-body .region.region-search form#search-api-page-block-form-search--2 div#edit-actions--2 {
        width: 100%;
    }

    div#offcanvasNav .offcanvas-body .head-right-up .col-contacts p.contact-item span {
        display: block;
        margin-bottom: 5px;
    }
}



@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}










/* S L I D E R // Block */
/* slider // Block */
main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content {
    position: relative;
}

/* slider // Block -> bg-img */
main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content .slick-list.draggable .node.node--type-slide.node--view-mode-default .field.field--name-field-image.field--type-image.field--label-hidden.field__item {
    width: 100%;
    min-height: 645px;
}
main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content .slick-list.draggable .node.node--type-slide.node--view-mode-default .field.field--name-field-image.field--type-image.field--label-hidden.field__item img {
    width: auto;
    height: 100%;
    aspect-ratio: 1920/645;
    object-fit: cover;
}

/* slider // Block -> title */
main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content .slick-list.draggable .node.node--type-slide.node--view-mode-default .field.field--name-field-slide-title.field--type-text-long.field--label-hidden.field__item {
    max-width: 750px;
}
main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content .slick-list.draggable .node.node--type-slide.node--view-mode-default .field.field--name-field-slide-title.field--type-text-long.field--label-hidden.field__item p {
    font-weight: 900;
    font-size: var(--fz-h2-slider);
    line-height: 1.2;
    margin-bottom: 15px;
}

/* slider // Block -> text */
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    max-width: 650px;
}
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    font-size: var(--fz-text-slider);
    margin-bottom: 50px;
}

/* slider // Block -> btn */
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content {
    margin: 100px auto 100px;
}
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content a {
    font-weight: 700;
    font-size: var(--fz-btn);
    color: #fff;
    text-decoration: none;
    width: 195px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-btn);
}
div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content a:hover {
    background-color: var(--color-main);
    color: var(--color-invert);
}

@media (max-width: 576px) {
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content.container {
        width: 100%;
        padding: 0 65px;
    }
}
@media (min-width: 576px) {
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content.container {
        max-width: 460px;
    }
}
@media (min-width: 768px) {
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content.container {
        max-width: 660px;
    }
}
@media (min-width: 992px) {
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content.container {
        max-width: 880px;
    }
}
@media (min-width: 1200px) {
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content.container {
        max-width: 1080px;
    }
}
@media (min-width: 1400px) {
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content.container {
        max-width: 1280px;
    }
}
@media (min-width: 1920px) {
    main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content .slick-list.draggable .node.node--type-slide.node--view-mode-default .field.field--name-field-image.field--type-image.field--label-hidden.field__item img {
        width: 100%;
    }
}

/* slider // Block -> arrow */

/* slider // Block -> slick-dots */
main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content ul.slick-dots {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px 0 30px;
    gap: 12px;
}
main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content ul.slick-dots li button {
    background-color: #fff;
    width: 8px;
    height: 8px;
}
main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content ul.slick-dots li.slick-active button {
    border: 3px solid #fff;
    width: 15px;
    height: 15px;
    background-color: transparent;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content .slick-list.draggable .node.node--type-slide.node--view-mode-default .field.field--name-field-slide-title.field--type-text-long.field--label-hidden.field__item {
        max-width: 650px;
    }
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        max-width: 600px;
    }
}
@media (max-width: 991px) {
    main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content .slick-list.draggable .node.node--type-slide.node--view-mode-default .field.field--name-field-slide-title.field--type-text-long.field--label-hidden.field__item {
        max-width: 530px;
    }
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        max-width: 550px;
    }
}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    main#main div#slider-block .region.region-slider .view.view-slayder.view-id-slayder .view-content .slick-list.draggable .node.node--type-slide.node--view-mode-default .field.field--name-field-slide-title.field--type-text-long.field--label-hidden.field__item {
        text-align: center;
    }
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        text-align: center;
    }
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content .field.field--name-field-slide-link.field--type-link.field--label-hidden.field__item {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 460px) {
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content a {
        width: 100%;
    }
}
@media (max-width: 350px) {
    div#slider-block .view.view-slayder.view-id-slayder .view-content .node--type-slide .content .field.field--name-field-slide-link.field--type-link.field--label-hidden.field__item {
        margin: 0 -40px;
    }
}









/* A B O U T // Block */
/* about // Block */
.about {
    margin: 60px 0 30px;
}

/* about // Block -> h1 */
.about .region.region-about .view.view-about.view-id-about .view-header {
    display: flex;
    justify-content: center;
    align-items: center;
}
.about .region.region-about .view.view-about.view-id-about .view-header h1 {
    font-weight: 700;
    text-align: center;
    margin-bottom: 54px;
    width: 1000px;
}
/* about // Block -> img */
.about .region.region-about .view.view-about.view-id-about .view-content .views-row .row.about-row .about-left .field.field--name-field-about-image.field--type-image.field--label-hidden.field__item {
    width: 100%;
    height: 100%;
    aspect-ratio: 470/348;
}
.about .region.region-about .view.view-about.view-id-about .view-content .views-row .row.about-row .about-left .field.field--name-field-about-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 470/348;
    object-fit: cover;
}

/* about // Block -> text */
.about .region.region-about .view.view-about.view-id-about .view-content .views-row .row.about-row .about-right .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    line-height: 1.6;
}
.about .region.region-about .view.view-about.view-id-about .view-content .views-row .row.about-row .about-right .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p:last-child {
    margin: 0;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .about .region.region-about .view.view-about.view-id-about .view-header h1 {
        width: auto;
    }
    .about .region.region-about .view.view-about.view-id-about .view-content .views-row .row.about-row .about-right .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        text-align: justify;
    }
}
@media (max-width: 991px) {}
@media (max-width: 767px) {
    .about .region.region-about .view.view-about.view-id-about .view-header h1 {
        margin-bottom: 30px;
    }
    .about .region.region-about .view.view-about.view-id-about .view-content .views-row .row.about-row .about-right {
        margin-top: 20px;
    }
}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {
    .about .region.region-about .view.view-about.view-id-about .view-header h1 {
        margin-bottom: 30px;
    }
}



/* A B O U T // Page */
/* about // Page */

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .not-front main#main .view.view-about.view-id-about .view-content .views-row .field.field--name-field-full-description-company.field--type-text-long.field--label-hidden.field__item {
        text-align: justify;
    }
}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}














/* B E N E F I T S // Block */
/* benefits // Block */
.benefits {
    margin: 30px 0;
}

/* benefits // Block -> content */
.benefits .view.view-benefits.view-id-benefits .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    row-gap: 60px;
    column-gap: 30px;
}
.benefits .view.view-benefits.view-id-benefits .view-content .views-row {
    width: 33%;
    max-width: 370px;
    min-height: 175px;
}
.benefits .view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits.node--view-mode-teaser {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* benefits // Block -> h2 */
.benefits .view.view-benefits.view-id-benefits .view-header {
    text-align: center;
}
.benefits .view.view-benefits.view-id-benefits .view-header h2 {
    margin-bottom: 45px;
}

/* benefits // Block -> img */
.benefits .view.view-benefits.view-id-benefits .view-content .views-row .field.field--name-field-benefits-image.field--type-image.field--label-hidden.field__item {
    width: 100px;
    height: auto;
    aspect-ratio: 100/100;
}
.benefits .view.view-benefits.view-id-benefits .view-content .views-row .field.field--name-field-benefits-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 100/100;
    object-fit: contain;
}

/* benefits // Block -> h3 */
.benefits .view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    text-align: center;
    margin-top: 25px;
}
.benefits .view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h3 {
    font-size: var(--fz-h3-benefits);
    margin: 0;
}


@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .benefits .view.view-benefits.view-id-benefits .view-content {
        row-gap: 30px;
    }
    .benefits .view.view-benefits.view-id-benefits .view-content .views-row {
        width: 31%;
        min-height: 200px;
    }
}
@media (max-width: 991px) {
    .benefits .view.view-benefits.view-id-benefits .view-header h2 {
        margin-bottom: 35px;
    }
    .benefits .view.view-benefits.view-id-benefits .view-content .views-row {
        width: 30%;
        min-height: 230px;
    }
}
@media (max-width: 767px) {
    .benefits .view.view-benefits.view-id-benefits .view-header h2 {
        margin-bottom: 25px;
    }
    .benefits .view.view-benefits.view-id-benefits .view-content .views-row {
        width: 47%;
        min-height: 220px;
    }
}
@media (max-width: 575px) {
    .benefits .view.view-benefits.view-id-benefits .view-content .views-row {
        width: 46.5%;
    }
}
@media (max-width: 460px) {
    .benefits .view.view-benefits.view-id-benefits .view-content {
        justify-content: center;
    }
    .benefits .view.view-benefits.view-id-benefits .view-content .views-row {
        width: 100%;
        max-width: 100%;
        min-height: 155px;
    }
    .benefits .view.view-benefits.view-id-benefits .view-content .views-row .node.node--type-benefits.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
        margin-top: 15px;
    }
}
@media (max-width: 350px) {}












/* C A T A L O G // Block */
/* catalog // Block */
.catalog {
    margin: 30px 0;
    padding: 50px 0 25px;
    background-color: #f0f0f0;
}


/* catalog // Block -> content */
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
    max-width: 370px;
    height: 340px;
    width: 33%;
    /* padding: 25px; */
    background-color: var(--color-invert);
    position: relative;
}
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .taxonomy-term.taxonomy-term--type-catalog-products.taxonomy-term--view-mode-anons {
    padding: 25px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

/* catalog // Block -> h2 */
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-header {
    text-align: center;
}
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-header h2 {
    margin-bottom: 30px;
}

/* catalog // Block -> img */
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
    width: 265px;
    height: auto;
    aspect-ratio: 280/280;
    object-fit: scale-down;
}
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 280/280;
    object-fit: scale-down;
}

/* catalog // Block -> h3 */
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item {
    /* text-align: center; */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0 -25px;
    /* padding: 25px; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: flex-end; */
}
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 {
    font-size: var(--fz-h3-catalog);
    font-weight: 700;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 a {
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 25px;
    text-align: center;
}
.catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 a:hover {
    background-color: #583b2180;
    color: var(--color-invert);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        width: 31%;
    }
}
@media (max-width: 991px) {
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        width: 47.5%;
    }
}
@media (max-width: 767px) {
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        width: 47%;
        height: 300px;
    }
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
        width: 215px;
    }
}
@media (max-width: 575px) {
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content {
        justify-content: center;
    }
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        max-width: 100%;
        width: 100%;
    }
    /* .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
        width: 335px;
    } */
}
@media (max-width: 460px) {}
@media (max-width: 350px) {
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        height: 250px;
    }
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
        width: 165px;
    }
    .catalog .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 a {
        padding-bottom: 15px;
    }
}



/* C A T A L O G // Page */
/* catalog // Page */

/* catalog // Page -> content */
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
    max-width: 370px;
    height: 340px;
    width: 33%;
    /* padding: 25px; */
    background-color: var(--color-invert);
    position: relative;
}
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .taxonomy-term.taxonomy-term--type-catalog-products.taxonomy-term--view-mode-anons {
    padding: 25px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

/* catalog // Page -> img */
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
    width: 265px;
    height: auto;
    aspect-ratio: 280/280;
    object-fit: scale-down;
}
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 280/280;
    object-fit: scale-down;
}

/* catalog // Page -> h3 */
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item {
    /* text-align: center; */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0 -25px;
    /* padding: 25px; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: flex-end; */
}
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 {
    font-size: var(--fz-h3-catalog);
    font-weight: 700;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 a {
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 25px;
    text-align: center;
}
.not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 a:hover {
    background-color: #583b2180;
    color: var(--color-invert);
}

@media (max-width: 1399px) {
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {width: 31.5%;}
}
@media (max-width: 1199px) {
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        width: 31%;
    }
}
@media (max-width: 991px) {
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        width: 47.5%;
    }
}
@media (max-width: 767px) {
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        width: 47%;
        height: 300px;
    }
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
        width: 215px;
    }
}
@media (max-width: 575px) {
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content {
        justify-content: center;
    }
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        max-width: 100%;
        width: 100%;
    }
    /* .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
        width: 335px;
    } */
}
@media (max-width: 460px) {}
@media (max-width: 350px) {
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row {
        height: 250px;
    }
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
        width: 165px;
    }
    .not-front main#main .view.view-catalog-categories.view-id-catalog_categories .view-content .views-row .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field__item h3 a {
        padding-bottom: 15px;
    }
}




/* C A T A L O G // Page cards [для типа материала, уже не нужно] */
/* catalog // Page cards [для типа материала, уже не нужно] */

/* catalog // Page cards [для типа материала, уже не нужно] -> content */
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content .views-row {
    max-width: 370px;
    height: 340px;
    width: 33%;
    /* padding: 25px; */
    background-color: var(--color-invert);
    position: relative;
}
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content .views-row .node.node--type-product.node--view-mode-teaser {
    padding: 25px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

/* catalog // Page cards [для типа материала, уже не нужно] -> img */
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
    width: 265px;
    height: auto;
    aspect-ratio: 280/280;
    object-fit: scale-down;
}
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 280/280;
    object-fit: scale-down;
}

/* catalog // Page cards [для типа материала, уже не нужно] -> h2 */
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content .views-row .node.node--type-product.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item {
    /* text-align: center; */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0 -25px;
    /* padding: 25px; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: flex-end; */
}
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content .views-row .node.node--type-product.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 {
    font-size: var(--fz-h3-catalog);
    font-weight: 700;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content .views-row .node.node--type-product.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 a {
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 25px;
}
.not-front main#main .view.view-taxonomy-term.view-id-taxonomy_term .view-content .views-row .node.node--type-product.node--view-mode-teaser .field.field--name-node-title.field--type-ds.field--label-hidden.field__item h2 a:hover {
    background-color: #583b2180;
    color: var(--color-invert);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}




/* C A T A L O G // Page for all cards */
/* catalog // Page for all cards */

/* catalog // Page for all cards -> content */
.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row {
    max-width: 370px;
    /* height: 340px; */
    width: 33%;
    /* padding: 25px; */
    background-color: var(--color-invert);
    position: relative;
}

.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner {
    padding: 25px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 70px; /*20*/

    /* display: grid;
    grid-template-areas:
        'a'
        'b'
        'c'; */

    position: relative;
}

/* catalog // Page for all cards -> img */
.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner .field.field--name-field__image-product-view.field--type-image.field--label-hidden.field__item {
    width: 265px;
    height: auto;
    aspect-ratio: 280/280;
    object-fit: cover;

    grid-area: a;
}
.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner .field.field--name-field__image-product-view.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 280/280;
    object-fit: contain;
}

/* catalog // Page for all cards -> h2-link */
.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner .field.field--name-title.field--type-string.field--label-hidden.field__item {
    grid-area: b;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* max-height: 100%; */
    /* margin: 0; */
}
.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner .field.field--name-title.field--type-string.field--label-hidden.field__item a {
    font-size: var(--fz-h3-catalog);
    font-weight: 700;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 25px;
    padding-bottom: 60px;
    text-align: center;
}
.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner .field.field--name-title.field--type-string.field--label-hidden.field__item a:hover {
    background-color: #583b2180;
    color: var(--color-invert);
}


/* catalog // Page for all cards -> price */
.not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner .field.field--name-price.field--type-commerce-price.field--label-above {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: var(--color-main);

    grid-area: c;

    /* position: relative; */
    /* z-index: 5; */
    /* padding: 10px; */
}



@media (max-width: 1399px) {
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row {width: 31%;}
}
@media (max-width: 1199px) {
    /* .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row {width: 31%;} */
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner {gap: 90px;}
}
@media (max-width: 991px) {
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row {
        width: 47.5%;
    }
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner {gap: 80px;}
}
@media (max-width: 767px) {
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row {
        width: 47%;
        /* height: 300px; */
    }
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner {gap: 110px;}
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner .field.field--name-field__image-product-view.field--type-image.field--label-hidden.field__item {
        width: 215px;
    }
}
@media (max-width: 575px) {
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content {
        justify-content: center;
        gap: 20px;
    }
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row {
        max-width: 100%;
        width: 100%;
    }
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner {gap: 70px;}
    /* .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .field.field--name-field-product-type-image.field--type-image.field--label-hidden.field__item {
        width: 335px;
    } */
}
@media (max-width: 460px) {
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content {
        gap: 10px;
    }
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner {gap: 90px;}
}
@media (max-width: 350px) {
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row {
        /* height: 250px; */
    }
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner {gap: 120px;}
    .not-front main#main .view.view-tovary-index-nextvend.view-id-tovary_index_nextvend .view-content .views-row .row-product .row-inner .field.field--name-field__image-product-view.field--type-image.field--label-hidden.field__item {
        width: 165px;
    }
}




/* C A T A L O G // Card Page */
/* catalog // Card Page */

/* catalog // Card Page -> content */
article.product-view-full .row-product {
    display: grid;
    grid-template-areas:
        'a b'
        'c c';
    grid-template-columns: 3fr 9fr;
}
article.product-view-full .row-product .product-image {
    grid-area: a;
}
article.product-view-full .row-product .product-info {
    grid-area: b;
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: center;
    margin-left: 30px;
}
article.product-view-full .row-product .product-description {
    grid-area: c;
    margin-top: 20px;
}

/* catalog // Card Page -> img */
article.product-view-full .row-product .product-image .field.field--name-field__image-product-view.field--type-image.field--label-hidden.field__item {
    width: 250px;
    /* height: auto; */
}
article.product-view-full .row-product .product-image .field.field--name-field__image-product-view.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 200/200;
    object-fit: contain;
}

/* catalog // Card Page -> product variation */
/* catalog // Card Page -> product variation -> price */
article.product-view-full .row-product .product-info .field.field--name-price.field--type-commerce-price.field--label-hidden.field__item {
    font-size: 25px;
}


/* catalog // Card Page -> product variation -> quantity selection */
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form {
    max-width: 120px;
}

article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity {
    display: flex;
    flex-direction: row;
}
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity .js-form-item.form-item label {
    display: none;
}

article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity .js-form-item.form-item input {
    padding: 8px 5px;
    height: auto;
    border-radius: 0;
    border: 4px solid var(--color-btn);
        border-right: none;
        border-left: none;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 0;
}
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity .js-form-item.form-item input:focus {
    outline: 0;
}

article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity span.btn-minus {
    height: 40px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    margin: 0;
    font-size: 45px;
    /* color: inherit; */
    border-radius: 5px 0 0 5px;
    background-color: var(--color-btn);
    color: var(--color-invert);
}
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity span.btn-plus {
    height: 40px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    margin: 0;
    font-size: 30px;
    /* color: inherit; */
    border-radius: 0 5px 5px 0;
    background-color: var(--color-btn);
    color: var(--color-invert);
}
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity span:hover {
    color: var(--color-btn-form);
    background-color: var(--color-main);
}

/* catalog // Card Page -> product variation -> btn */
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.form-actions {
    margin-top: 10px;
}
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.form-actions button.button--add-to-cart {
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: var(--color-origin);
    background-color: var(--color-invert);
    border: 3px solid var(--color-main);
    border-radius: 0;
}
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.form-actions button.button--add-to-cart:hover {
    color: var(--color-invert);
    background-color: var(--color-main);
}

/* catalog // Card Page -> description */
article.product-view-full .row-product .product-description .field.field--name-field-product-description.field--type-text-with-summary.field--label-hidden.field__item {
    text-align: justify;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    article.product-view-full .row-product {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    article.product-view-full .row-product .product-info {margin: 0;}
    article.product-view-full .row-product .product-description {
        margin-top: 20px;
    }
    
    article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form {
        max-width: 100%;
    }
    article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity span.btn-minus {
        width: 30%;
    }
    article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity span.btn-plus {
        width: 30%;
    }
    article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity .js-form-item.form-item input {
        width: 100%;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {
    article.product-view-full .row-product .product-info {
        width: 100%;
    }
    article.product-view-full .row-product .product-image .field.field--name-field__image-product-view.field--type-image.field--label-hidden.field__item {
        width: 100%;
    }
}























/* P H O T O - G A L L E R Y // Block */
/* photo-gallery // Block */
.gallery {
    margin: 30px 0;
    padding-bottom: 10px;

}

/* photo-gallery // Block -> h2 */
.gallery .view.view-photo-gallery.view-id-photo_gallery .view-header {
    text-align: center;
}
.gallery .view.view-photo-gallery.view-id-photo_gallery .view-header h2 {
    margin-bottom: 35px;
}

/* photo-gallery // Block -> content */
.gallery .view.view-photo-gallery.view-id-photo_gallery .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.gallery .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
    width: 48.5%;
}

/* photo-gallery // Block -> content -> img */
.gallery .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-gallery-photo.field--type-image.field--label-hidden.field__item {
    width: 100%;
    height: auto;
    aspect-ratio: 570/230;
}
.gallery .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-gallery-photo.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 570/230;
    object-fit: cover;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .gallery .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
        width: 48%;
    }
}
@media (max-width: 991px) {
    .gallery .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
        width: 47.5%;
    }
}
@media (max-width: 767px) {
    .gallery .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
        width: 47%;
    }
}
@media (max-width: 575px) {
    .gallery .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
        width: 100%;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {
    .gallery .view.view-photo-gallery.view-id-photo_gallery .view-content {
        gap: 20px;
    }
}



/* P H O T O - G A L L E R Y // Page */
/* photo-gallery // Page -> content */
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30PX;
}
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
    width: 48.5%;
}

/* photo-gallery // Page -> content -> img */
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-gallery-photo.field--type-image.field--label-hidden.field__item {
    width: 100%;
    height: auto;
    aspect-ratio: 570/230;
}
.not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row .node.node--type-photo-gallery.node--view-mode-teaser .field.field--name-field-gallery-photo.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 570/230;
    object-fit: cover;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
        width: 48%;
    }
}
@media (max-width: 991px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
        width: 47.5%;
    }
}
@media (max-width: 767px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
        width: 47%;
    }
}
@media (max-width: 575px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content .views-row {
        width: 100%;
    }
}
@media (max-width: 460px) {}
@media (max-width: 350px) {
    .not-front main#main .view.view-photo-gallery.view-id-photo_gallery .view-content {
        gap: 20px;
    }
}









/* M A P - F O R M // Region */
.map-form {
    position: relative;
    min-height: 595px;
    height: 595px;
}

/* M A P // Block */
/* map // Block */
.map,
.map .region.region-map {
    height: 100%;
}

/* map // Block -> bg-img */
.map .region.region-map div#block-vesta-theme-yandekskarta-2 {
    /* width: 70%; */
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.map .region.region-map div#block-vesta-theme-yandekskarta-2::before {
    content: '';
    display: block;
    width: 30%;
    height: 100%;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/form.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* map // Block -> bg-map */
.map .region.region-map div#block-vesta-theme-yandekskarta-2 .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    width: 70%;
    height: 100%;
}
.map .region.region-map div#block-vesta-theme-yandekskarta-2 .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item .mapContainer {
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    .map-form {
        height: 1100px;
    }
    .map .region.region-map div#block-vesta-theme-yandekskarta-2 {
        flex-direction: column;
    }
    .map .region.region-map div#block-vesta-theme-yandekskarta-2::before {
        width: 100%;
        height: 400px;
    }
    .map .region.region-map div#block-vesta-theme-yandekskarta-2 .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        width: 100%;
        height: 700px;
    }
}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}





/* F O R M // Block */
/* form // Block */
.form {
    position: absolute;
    top: 0;
    /* left: 0; */
    left: 16%;
    /* width: 100%; */
    /* height: 595px; */
    height: 100%;
}
.form .container {
    height: 100%;
}
.form .region.region-form {
    width: 100%;
    /* height: 595px; */
    height: 100%;
    position: relative;
}

/* form // Block -> form */
.form .region.region-form div#block-vesta-theme-vebforma {
    width: 470px;
    min-height: 365px;
    padding: 22px 47px;
    border: 4px solid var(--color-invert);
    background-color: var(--color-main);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* form // Block -> form -> title */
.form .region.region-form div#block-vesta-theme-vebforma .block-title {
    font-size: var(--fz-title-form);
    font-family: var(--ff-Open-Sans);
    font-weight: 700;
    color: var(--color-invert);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* form // Block -> form -> inputs */
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item {
    margin: 0 0 15px;
}
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item:last-child {
    margin: 0 0 20px;
}

.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item label {
    display: none;
}

.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name input,
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon input {
    max-width: 370px;
    height: 60px;
    border: 0;
    border-radius: 0;
    /* margin: 0 0 15px; */
    text-align: center;
    color: var(--color-main);
    font-size: var(--fz-text-forms-orig);
    font-family: var(--ff-Open-Sans);
    line-height: 1.6;
    margin: 0;
}
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name input::placeholder,
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon input::placeholder {
    color: var(--color-origin);
}


/* form // Block -> form -> btn */
.form .region.region-form div#block-vesta-theme-vebforma form div button {
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 0;
    background-color: var(--color-btn-form);
    line-height: 1.6;
    font-size: 15px;
    color: var(--color-origin);
    text-transform: uppercase;
    font-weight: 800;
}
.form .region.region-form div#block-vesta-theme-vebforma form div button:hover {
    background-color: var(--color-btn);
    color: var(--color-invert);
}

/* form // Block -> form -> privacy */
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
    margin-top: 20px;
    /* display: flex; */
    /* flex-direction: row; */
    gap: 10px;
    display: grid;
    grid-template-areas:
        'a b'
        'c c';
}

.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label input {
    width: 30px;
    height: 30px;
    grid-area: a;
}
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description {
    grid-area: b;
}

.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div {
    font-size: var(--fz-text-forms-small);
    font-family: var(--ff-Open-Sans);
    color: var(--color-invert);
}
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div a {
    color: inherit;
}
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div a:hover {
    color: var(--color-btn-form);
}

/* form // Block -> form -> errors */
.form .region.region-form div#block-vesta-theme-vebforma form .alert.alert-error.alert-danger {
    display: none;
}

.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item strong {
    color: var(--color-invert);
    background-color: #ff2828;
    padding: 5px 3px;
    width: 100%;
    display: flex;
    align-items: center;
}
.form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .form-item--error-message {
    grid-area: c;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    .form {
        height: 600px;
        width: 100%;
        left: 0;
    }
    .form .region.region-form div#block-vesta-theme-vebforma {
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@media (max-width: 767px) {}
@media (max-width: 575px) {
    .form .region.region-form div#block-vesta-theme-vebforma {
        width: 460px;
    }
}
@media (max-width: 460px) {
    .form .region.region-form div#block-vesta-theme-vebforma {
        width: 100%;
        padding: 25px 20px;
    }
    .map .region.region-map div#block-vesta-theme-yandekskarta-2::before {
        height: 600px;
    }
    .form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name input,
    .form .region.region-form div#block-vesta-theme-vebforma form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon input {
        max-width: 400px;
    }
    .map .region.region-map div#block-vesta-theme-yandekskarta-2 .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        height: 500px;
    }
}
@media (max-width: 350px) {}



/* F O R M // Page */
/* form // Page -> form */
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form {
    padding: 25px 40px;
    border: 4px solid var(--color-invert);
    background-color: var(--color-main);
}

/* form // Page -> form -> inputs */
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item {
    margin: 20px 0 15px;
}
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item:last-child {
    margin: 0 0 20px;
}

.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item label {
    display: none;
}

.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name input,
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon input {
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 0;
    /* margin: 0 0 15px; */
    text-align: center;
    color: var(--color-main);
    font-size: var(--fz-text-forms-orig);
    font-family: var(--ff-Open-Sans);
    line-height: 1.6;
    margin: 0;
}
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name input::placeholder,
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon input::placeholder {
    color: var(--color-origin);
}


/* form // Page -> form -> btn */
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form div button {
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 0;
    background-color: var(--color-btn-form);
    line-height: 1.6;
    font-size: 15px;
    color: var(--color-origin);
    text-transform: uppercase;
    font-weight: 800;
}
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form div button:hover {
    background-color: var(--color-btn);
    color: var(--color-invert);
}

/* form // Page -> form -> privacy */
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
    margin-top: 20px;
    /* display: flex; */
    /* flex-direction: row; */
    gap: 10px;
    display: grid;
    grid-template-areas:
        'a b'
        'c c';
    align-items: center;
    grid-template-columns: 1fr 11fr;
}

.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label input {
    width: 30px;
    height: 30px;
    grid-area: a;
}
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description {
    grid-area: b;
}

.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div {
    font-size: var(--fz-text-forms-small);
    font-family: var(--ff-Open-Sans);
    color: var(--color-invert);
}
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div a {
    color: inherit;
}
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div a:hover {
    color: var(--color-btn-form);
}

/* form // Page -> form -> errors */
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .alert.alert-error.alert-danger {
    display: none;
}

.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item strong {
    color: var(--color-invert);
    background-color: #ff2828;
    padding: 5px 3px;
    width: 100%;
    display: flex;
    align-items: center;
}
.not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .form-item--error-message {
    grid-area: c;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    .not-front main#main div#block-vesta-theme-content div#webform-submission-callback-form-ajax form {
        padding: 15px 20px;
    }
}
@media (max-width: 350px) {}



/* F O R M // Modal */
/* form // Modal */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    max-width: 470px;
    width: 100% !important;
    min-height: 365px;
    padding: 22px 47px;
    border: 4px solid var(--color-invert);
    background-color: var(--color-main);
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal {
    padding: 0;
}

/* form // Modal -> form -> title */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    font-size: var(--fz-title-form);
    font-family: var(--ff-Open-Sans);
    font-weight: 700;
    color: var(--color-invert);
    background-color: transparent;
    border-radius: 0;
    border: 0;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix span.ui-dialog-title {
    margin: 0;
    /* font-size: 21px; */    
    white-space: break-spaces;
}
/* form // Modal -> form -> title btn-close */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix button {
    width: 25px;
    height: 25px;
    background-color: #ffd428;
    border: 5px solid #ffd428;
    border-radius: 5px;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/cross.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix button:hover {
    background-color: #d3ae1b;
    border: 5px solid #d3ae1b;
}

/* form // Modal -> form -> inputs */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item {
    margin: 20px 0 15px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item:last-child {
    margin: 0 0 20px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item label {
    display: none;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name input,
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon input {
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 0;
    /* margin: 0 0 15px; */
    text-align: center;
    color: var(--color-main);
    font-size: var(--fz-text-forms-orig);
    font-family: var(--ff-Open-Sans);
    line-height: 1.6;
    margin: 0;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-name.form-item-name input::placeholder,
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-telefon.form-item-telefon input::placeholder {
    color: var(--color-origin);
}

/* form // Modal -> form -> btn */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form div button {
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 0;
    background-color: var(--color-btn-form);
    line-height: 1.6;
    font-size: 15px;
    color: var(--color-origin);
    text-transform: uppercase;
    font-weight: 800;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form div button:hover {
    background-color: var(--color-btn);
    color: var(--color-invert);
}

/* form // Modal -> form -> privacy */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label {
    margin-top: 20px;
    /* display: flex; */
    /* flex-direction: row; */
    gap: 10px;
    display: grid;
    grid-template-areas:
        'a b'
        'c c';
    align-items: center;
    grid-template-columns: 1fr 11fr;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label input {
    width: 30px;
    height: 30px;
    grid-area: a;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description {
    grid-area: b;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div {
    font-size: var(--fz-text-forms-small);
    font-family: var(--ff-Open-Sans);
    color: var(--color-invert);
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div a {
    color: inherit;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .description div a:hover {
    color: var(--color-btn-form);
}

/* form // Modal -> form -> errors */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .alert.alert-error.alert-danger {
    display: none;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item strong {
    color: var(--color-invert);
    background-color: #ff2828;
    padding: 5px 3px;
    width: 100%;
    display: flex;
    align-items: center;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front div#drupal-modal form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-privacy.form-item-privacy.form-no-label .form-item--error-message {
    grid-area: c;
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
        padding: 15px 20px;
    }
}
@media (max-width: 350px) {}







/* F O R M - C A R T // Modal */
/* form-cart // Modal */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-buttonpane.ui-widget-content {
    background-color: inherit;
    border: none;
    padding: 0;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset.form-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset.form-actions button {
    width: 100%;
    height: 40px;
    background-color: var(--color-btn);
    color: var(--color-invert);
    border: 2px solid var(--color-invert);
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset.form-actions button:hover {
    background-color: var(--color-btn-form);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}


/* F O R M - C A R T // Page Cart */
/* form-cart // Page Cart */
.view.view-commerce-cart-form.view-id-commerce_cart_form form .table-responsive td.views-field.views-field-remove-button button {
    background-color: var(--color-btn);
    border: none;
}
.view.view-commerce-cart-form.view-id-commerce_cart_form form .table-responsive td.views-field.views-field-remove-button button:hover {
    background-color: var(--color-main);
}
.view.view-commerce-cart-form.view-id-commerce_cart_form form div.form-actions.form-wrapper button.button.form-submit.btn {
    background-color: var(--color-btn);
    border: none;
}
.view.view-commerce-cart-form.view-id-commerce_cart_form form div.form-actions.form-wrapper button.button.form-submit.btn:hover {
    background-color: var(--color-main);
}

/* F O R M - C A R T // Page Cart - Checkout */
/* form-cart // Page Cart - Checkout */
form.commerce-checkout-flow .layout-checkout-form .layout-region.layout-region-checkout-footer button#edit-actions-next {
    background-color: var(--color-btn);
    border: none;
}
form.commerce-checkout-flow .layout-checkout-form .layout-region.layout-region-checkout-footer button#edit-actions-next:hover {
    background-color: var(--color-main);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}




/* F O R M - C A R T // Page Order details */
/* form-cart // Page Order details */

/* form-cart // Page Order details -> form */
form#commerce-checkout-flow-multistep-default .layout-checkout-form {}


/* form-cart // Page Order details -> form (Left Up) -> order-fieldscheckout */
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
}

/* form-cart // Page Order details -> form (Left Up) -> order-fieldscheckout */
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#edit-order-fieldscheckout {}

form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#edit-order-fieldscheckout {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#edit-order-fieldscheckout div.field--type-address.field--name-field-address legend {
    display: none;
}

/* form-cart // Page Order details -> form (Left Down) -> Payment information */
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-payment-information {
    /* margin-bottom: 20px; */
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-payment-information .fieldset-wrapper .fieldset-wrapper div.form-radios {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-payment-information .fieldset-wrapper .fieldset-wrapper .js-form-item.form-item.js-form-type-radio {
    border-radius: 10px;
    border: 1px solid #dee2e6;
    padding: 10px;
    width: 50%;
}

/* form-cart // Page Order details -> form (Left Down) -> Shipping information */
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#shipping-information-wrapper {}

form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#shipping-information-wrapper fieldset#edit-shipping-information .fieldset-wrapper .fieldset-wrapper div.form-radios {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#shipping-information-wrapper fieldset#edit-shipping-information .fieldset-wrapper .fieldset-wrapper .js-form-item.form-item.js-form-type-radio {
    border-radius: 10px;
    border: 1px solid #dee2e6;
    padding: 10px;
    width: 50%;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#shipping-information-wrapper fieldset#edit-shipping-information .fieldset-wrapper .fieldset-wrapper .js-form-item.form-item.js-form-type-radio div.description {
    padding: 10px 0px 0px;
    text-align: justify;
}

/* form-cart // Page Order details -> form (Left Down) -> Shipping information -> display: none*/
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#shipping-information-wrapper fieldset#edit-shipping-information div#edit-shipping-information-shipping-profile {
    /* display: none; */
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main div#shipping-information-wrapper fieldset#edit-shipping-information button {
    display: none;
}

/* form-cart // Page Order details -> form (Right) */
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-secondary {
    margin-bottom: 20px;
}

/* form-cart // Page Order details -> form (Right) -> Order Summary */

/* form-cart // Page Order details -> form (Down) -> BTN */
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-footer button {
    width: 100%;
    height: 40px;
}

form.commerce-checkout-flow .layout-checkout-form button {
    background-color: var(--color-btn);
    border: none;
}
form.commerce-checkout-flow .layout-checkout-form button:hover {
    background-color: var(--color-main);
}



/* F O R M - C A R T // страница Проверка */
/* form-cart // страница Проверка */

form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-shipping-information .fieldset-wrapper .field.field--name-state.field--type-state.field--label-hidden.field__item {
    display: none;
}

form#commerce-checkout-flow-multistep-default .layout-checkout-form a {
    color: #bf712d;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form a:hover {
    color: #6a401b;
}


form.commerce-checkout-flow .layout-checkout-form .layout-region.layout-region-checkout-footer div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
form.commerce-checkout-flow .layout-checkout-form .layout-region.layout-region-checkout-footer a.link--previous {
    /* margin-top: 20px; */
    background-color: #bf712de3; /* #bf712da6 */
    color: #fff !important;
    border: none;
    border-radius: 5px;
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--color-invert);
}
form.commerce-checkout-flow .layout-checkout-form .layout-region.layout-region-checkout-footer a.link--previous:hover {
    background-color: #954700;
}

form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-shipping-information .fieldset-wrapper .profile.profile--type--customer .field.field--name-address.field--type-address.field--label-hidden.field__item p.address {
    display: flex;
    /* gap: 5px; */
    flex-wrap: wrap;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-shipping-information .fieldset-wrapper .profile.profile--type--customer .field.field--name-address.field--type-address.field--label-hidden.field__item p.address span::after {
    content: ',';
    padding-right: 5px;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-shipping-information .fieldset-wrapper .profile.profile--type--customer .field.field--name-address.field--type-address.field--label-hidden.field__item p.address span:last-child::after {
    display: none;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-shipping-information .fieldset-wrapper .field.field--name-shipping-method.field--type-entity-reference.field--label-above .field__label {
    font-size: 24px;
    margin-bottom: 5px;
}


form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-order-fieldscheckout .fieldset-wrapper div {
    margin-bottom: 15px;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-order-fieldscheckout .fieldset-wrapper div .field__label {
    margin-bottom: 5px;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-order-fieldscheckout .fieldset-wrapper div .field__item {
    margin-bottom: 0;
}

form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-order-fieldscheckout .fieldset-wrapper .field.field--name-field-address.field--type-address.field--label-hidden.field__item p.address {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-order-fieldscheckout .fieldset-wrapper .field.field--name-field-address.field--type-address.field--label-hidden.field__item p.address span::after {
    content: ',';
    padding-right: 5px;
}
form#commerce-checkout-flow-multistep-default .layout-checkout-form .layout-region.layout-region-checkout-main fieldset#edit-review-order-fieldscheckout .fieldset-wrapper .field.field--name-field-address.field--type-address.field--label-hidden.field__item p.address span:last-child::after {
    display: none;
}


form.commerce-checkout-flow .layout-checkout-form .layout-region.layout-region-checkout-footer .check-privacy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}



















/* C O N T A C T S // Page */
/* contacts // Page */

.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 25px;
    row-gap: 10px;
    /* max-width: 445px; */
}
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column {
    width: 100%;
}
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column_one p {
    margin: 0;
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
}
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column a {
    /* width: 45%; */
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
}
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column a:hover {
    color: var(--color-btn);
}

.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column_one p::before,
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column_two a.contacts.tel::before,
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column_three a.contacts.mail::before {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/location.svg);
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column_one p::before {
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/location.svg);
}
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column_two a.contacts.tel::before {
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/phone.svg);
}
.not-front main#main .view.view-contacts.view-id-contacts .view-content .views-row .contacts .contacts-column_three a.contacts.mail::before {
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/mail.svg);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}







/* D E L I V E R Y _ T E R M S \ P A Y M E N T // Page */
/* delivery terms\payment // Page */

@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    .not-front main#main .view.view-delivery-terms__payment.view-id-delivery_terms__payment .view-content .views-row .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
        text-align: justify;
    }
}
@media (max-width: 767px) {}
@media (max-width: 575px) {}
@media (max-width: 460px) {}
@media (max-width: 350px) {}
















/* F O O T E R // Block */
/* footer // Block */
footer#footer .footer-row {
    display: flex;
    justify-content: space-between;
    gap: 100px;
    margin-bottom: 15px;
}

/* footer // Block -> column 1 */
footer#footer .footer-row .column-one {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

footer#footer .footer-row .column-one .logo {
    width: 100px;
    height: auto;
    aspect-ratio: 99/41;
}
footer#footer .footer-row .column-one .logo img {
    aspect-ratio: 99/41;
    width: 100%;
    height: auto;
    object-fit: contain;
}

footer#footer .footer-row .column-one .col-privacy a {
    color: inherit;
}
footer#footer .footer-row .column-one .col-privacy a:hover {
    color: var(--color-btn-form);
}

/* footer // Block -> column 2 */
footer#footer .footer-row .column-two {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* footer // Block -> column 2 -> row Up */
footer#footer .footer-row .column-two .row-up .col-nav ul.nav {
    width: 808px;
    display: flex;
    justify-content: space-between;
    /* gap: 50px; */
}

footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item a.nav-link {
    font-weight: 700;
    color: var(--color-main);
    text-decoration: none;
}
/* footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item:nth-child(4) {display: none;} */

footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item a.nav-link {
    font-weight: 700;
    color: var(--color-main);
    text-decoration: none;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* height: 40px; */
    padding: 11px 0;
    /* padding: 10px 36.6px; */
    /* padding: 5px 2px; */
}
footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item a.nav-link:hover {
    /* color: var(--color-invert); */
    /* background-color: var(--color-main); */
    color: var(--color-btn);
}
footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item a.is-active {
    /* background-color: var(--color-btn); */
    /* color: var(--color-invert); */
    text-decoration: underline;
}
footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item.dropdown a.nav-link.dropdown-toggle::after {display: none;}

footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item.dropdown ul.dropdown-menu {
    border-radius: 0;
    padding: 0;
    /* top: 35px; */
    /* left: 0px; */
    top: auto;
    bottom: 40px;
    left: -5px;
    border: 2px solid var(--color-main);
}
footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item {
    padding: 14px 23px;
    font-family: var(--ff-Open-Sans);
    font-size: var(--fz-text-small);
    width: 200px;
    border-bottom: 1px solid #e4e4e4;
    text-decoration: none;
}
footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.dropdown-item:hover {
    color: var(--color-invert);
    background-color: var(--color-main);
}
footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item.dropdown ul.dropdown-menu li.nav-item a.active {
    background-color: var(--color-btn);
    color: var(--color-invert);
}

/* footer // Block -> column 2 -> row Down */
footer#footer .footer-row .column-two .row-down {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
}

/* footer // Block -> column 2 -> row Down -> contacts */
footer#footer .footer-row .column-two .row-down .col-contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 25px;
    row-gap: 10px;
    max-width: 445px; /* 425px */
}
footer#footer .footer-row .column-two .row-down .col-contacts p.contact.address {
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
}
footer#footer .footer-row .column-two .row-down .col-contacts p.contact.address::before {
    content: '';
    display: block;
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/location.svg);
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

footer#footer .footer-row .column-two .row-down .col-contacts a {
    width: 45%;
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-left: 28px;
    display: flex;
    align-items: center;
}
footer#footer .footer-row .column-two .row-down .col-contacts a:hover {
    color: var(--color-btn);
}
footer#footer .footer-row .column-two .row-down .col-contacts a::before {
    content: '';
    display: block;
    /* background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/location.svg); */
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
footer#footer .footer-row .column-two .row-down .col-contacts a.contact.tel::before {
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/phone.svg);
}
footer#footer .footer-row .column-two .row-down .col-contacts a.contact.mail::before {
    background-image: url(/sites/all/themes/vesta_theme/image/custom_image/head-foot_tools/mail.svg);
}

/* footer // Block -> column 2 -> row Down -> search */
footer#footer .footer-row .column-two .row-down .col-callback a {
    width: 170px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: var(--color-origin);
    background-color: var(--color-invert);
    border: 3px solid var(--color-main);
    border-radius: 0;
}
footer#footer .footer-row .column-two .row-down .col-callback a:hover {
    color: var(--color-invert);
    background-color: var(--color-main);
}


/* footer // Block -> copiryght */
footer#footer .row-copiryght {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #BDBDBD;
    padding: 15px 0 0px;
}
footer#footer .row-copiryght a {
    color: inherit;
    text-decoration: none;
}
footer#footer .row-copiryght a:hover {
    color: var(--color-btn-form);
}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    footer#footer .footer-row .column-two .row-up .col-nav ul.nav {
        width: 630px;
    }
}
@media (max-width: 991px) {
    footer#footer .footer-row {
        gap: 50px;
    }
    footer#footer .footer-row .column-two .row-up .col-nav ul.nav {
        width: 100%;
        margin-bottom: 10px;
    }
    footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item {
        width: 48%;
    }
    footer#footer .footer-row .column-two .row-down {
        flex-direction: column;
        gap: 20px;
    }
    footer#footer .footer-row .column-two .row-down .col-contacts a {
        width: 47%;
        /* padding-left: 25px; */
    }
}
@media (max-width: 767px) {
    footer#footer .footer-row {
        gap: 25px;
    }
    footer#footer .footer-row .column-two .row-down .col-contacts a {
        width: 100%;
    }
}
@media (max-width: 575px) {
    footer#footer .footer-row {
        flex-direction: column;
    }
    footer#footer .footer-row .column-one {
        gap: 10px;
        align-items: center;
        text-align: center;
    }
    footer#footer .footer-row .column-two .row-up .col-nav ul.nav {
        flex-direction: column;
        align-items: center;
    }
    footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item {
        width: 100%;
    }
    footer#footer .footer-row .column-two .row-up .col-nav ul.nav li.nav-item a.nav-link {
        text-align: center;
    }

    footer#footer .footer-row .column-two .row-down {
        align-items: center;
    }
    footer#footer .footer-row .column-two .row-down .col-callback {
        width: 100%;
    }
    footer#footer .footer-row .column-two .row-down .col-callback a {
        width: 100%;
        height: 50px;
    }

    footer#footer .row-copiryght {
        flex-direction: column;
        align-items: center;
    }
    footer#footer .row-copiryght .col-webvesta {
        text-align: center;
    }
}
@media (max-width: 460px) {
}
@media (max-width: 350px) {}






















article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity .js-form-item.form-item input::-webkit-inner-spin-button,
article.product-view-full .row-product .product-info .field.field--name-variations.field--type-entity-reference.field--label-hidden.field__items form div.field--type-decimal.field--name-quantity.field--widget-commerce-quantity .js-form-item.form-item input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}