:root {
    --deep-blue: #071031;
    --medium-blue: #182E7D;
    --light-grey: #F4F6F9;
    --medium-grey: #7d8395;
    scroll-behavior: smooth;
}
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,500&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap'); */

/* montserrat-500 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url('../fonts/montserrat-v24-latin-500.eot'); 
src: local(''),
        url('../fonts/montserrat-v24-latin-500.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/montserrat-v24-latin-500.woff2') format('woff2'), 
        url('../fonts/montserrat-v24-latin-500.woff') format('woff'), 
        url('../fonts/montserrat-v24-latin-500.ttf') format('truetype'), 
        url('../fonts/montserrat-v24-latin-500.svg#Montserrat') format('svg'); 
}

/* montserrat-600 - latin */
/* @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url('../fonts/montserrat-v24-latin-600.eot'); 
src: local(''),
        url('../fonts/montserrat-v24-latin-600.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/montserrat-v24-latin-600.woff2') format('woff2'), 
        url('../fonts/montserrat-v24-latin-600.woff') format('woff'), 
        url('../fonts/montserrat-v24-latin-600.ttf') format('truetype'), 
        url('../fonts/montserrat-v24-latin-600.svg#Montserrat') format('svg');
} */

/* montserrat-700 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url('../fonts/montserrat-v24-latin-700.eot'); 
src: local(''),
        url('../fonts/montserrat-v24-latin-700.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/montserrat-v24-latin-700.woff2') format('woff2'), 
        url('../fonts/montserrat-v24-latin-700.woff') format('woff'), 
        url('../fonts/montserrat-v24-latin-700.ttf') format('truetype'), 
        url('../fonts/montserrat-v24-latin-700.svg#Montserrat') format('svg'); 
}
  
* {
    box-sizing: border-box;
}
body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--medium-grey);
    overflow-x: hidden;
}
@media(max-width: 576px){
    body {
        font-size: 14px;
    }
}

/* body.menu-open, */
body.noscroll {
    overflow: hidden;
    max-height: 100vh;
    /* padding-right: 15px; */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: var(--deep-blue);
}
.section-title {
    font-weight: 700;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 32px;
}
input, textarea, button {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
textarea,
select {
    font-size: inherit;
    color: var(--deep-blue);
    border: 1px solid #ccc;
    padding: 12px 16px;
    border-radius: 4px;
    background-color: #fff;

}
input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder,
input[type='tel']::placeholder,
textarea::placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #777;
    font-size: 14px;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
textarea:focus {
    outline: 2px solid var(--medium-grey);
}
label {
    font-family: inherit;
    color: var(--deep-blue);
}
@media(max-width: 576px){
    input[type='text'],
    input[type='email'],
    input[type='password'],
    input[type='tel'],
    textarea,
    select {
        padding: 10px 14px;
    }
}

a {
    color: inherit;
    text-decoration: none;
    transition: all .3s;
}
a:hover {
    text-decoration: none;
}
section {
    margin-bottom: 120px;
}
@media(max-width: 576px){
    section {
        margin-bottom: 80px;
    }
    .section-title {
        font-size: 24px;
        margin-bottom: 24px;
    }
}

/* container */
.container {
    margin: 0 auto;
    padding: 0 24px;
}
@media(min-width: 1400px){
    .container {
        max-width: 1368px;
    }
}
@media(max-width: 1400px){
    .container {
        max-width: 1140px;
    }
}
@media(max-width: 1200px){
    .container {
        max-width: 768px;
    }
}
@media(max-width: 768px){
    .container {
        max-width: 100%;
    }
}

.flex-between {
    display: flex;
    justify-content: space-between;
}
.flex-start {
    display: flex;
    justify-content: flex-start;
}
.flex-end {
    display: flex;
    justify-content: flex-end;
}
.p0 {
    padding: 0!important;
}
.position-relative {
    position: relative!important;
}

/* header */

body.theme-dark .header-top  {
    background-color: var(--deep-blue);
}
body.theme-light .header-top  {
    background-color: var(--light-grey);
}
.header-top-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
}
body.theme-dark .header-top-inner a {
    color: #FFF;
}
body.theme-dark .header-top-inner a:hover {
    color: var(--medium-grey);
}
body.theme-light .header-top-inner a {
    color: var(--medium-blue);
}
body.theme-light .header-top-inner a:hover {
    color: var(--deep-blue);
}
.brand .logo {
    display: block;
    font-size: 0;
    width: 128px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
#header .brand .logo {
    background-image: url('../images/logo-dark.svg');
}
.header-bottom {
    border-bottom: 1px solid var(--light-grey);
}
.header-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 96px;
}
.icon-phone {
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px 16px;
    padding-left: 32px;
}
body.theme-light .icon-phone {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33526 2.83815L5.6389 3.11669L6.33526 2.83815ZM7.0381 4.59525L7.73446 4.31671L7.0381 4.59525ZM6.82443 5.94402L7.40059 6.42416L6.82443 5.94402ZM6.44617 6.39793L7.02233 6.87807L6.44617 6.39793ZM6.52765 8.19432L5.99732 8.72465L6.52765 8.19432ZM7.80568 9.47235L8.33601 8.94202L7.80568 9.47235ZM9.60207 9.55383L9.12193 8.97767L9.60207 9.55383ZM10.056 9.17557L10.5361 9.75174L10.5361 9.75174L10.056 9.17557ZM11.4047 8.9619L11.1262 9.65826L11.4047 8.9619ZM13.1619 9.66474L13.4404 8.96838L13.1619 9.66474ZM3.26316 2.75H5.09729V1.25H3.26316V2.75ZM5.6389 3.11669L6.34174 4.8738L7.73446 4.31671L7.03162 2.5596L5.6389 3.11669ZM6.24826 5.46388L5.87 5.91779L7.02233 6.87807L7.40059 6.42416L6.24826 5.46388ZM5.99732 8.72465L7.27535 10.0027L8.33601 8.94202L7.05798 7.66399L5.99732 8.72465ZM10.0822 10.13L10.5361 9.75174L9.57584 8.59941L9.12193 8.97767L10.0822 10.13ZM11.1262 9.65826L12.8833 10.3611L13.4404 8.96838L11.6833 8.26554L11.1262 9.65826ZM13.25 10.9027V12.7368H14.75V10.9027H13.25ZM12.7368 13.25C7.22126 13.25 2.75 8.77874 2.75 3.26316H1.25C1.25 9.60717 6.39283 14.75 12.7368 14.75V13.25ZM13.25 12.7368C13.25 13.0203 13.0203 13.25 12.7368 13.25V14.75C13.8487 14.75 14.75 13.8487 14.75 12.7368H13.25ZM12.8833 10.3611C13.1048 10.4497 13.25 10.6642 13.25 10.9027H14.75C14.75 10.0508 14.2314 9.28477 13.4404 8.96838L12.8833 10.3611ZM10.5361 9.75174C10.7007 9.61457 10.9273 9.57868 11.1262 9.65826L11.6833 8.26554C10.9728 7.98135 10.1637 8.10952 9.57584 8.59941L10.5361 9.75174ZM7.27535 10.0027C8.03726 10.7646 9.25444 10.8198 10.0822 10.13L9.12193 8.97767C8.89016 9.17081 8.54935 9.15535 8.33601 8.94202L7.27535 10.0027ZM5.87 5.91779C5.1802 6.74556 5.23541 7.96274 5.99732 8.72465L7.05798 7.66399C6.84465 7.45065 6.82919 7.10984 7.02233 6.87807L5.87 5.91779ZM6.34174 4.8738C6.42132 5.07273 6.38543 5.29928 6.24826 5.46388L7.40059 6.42416C7.89047 5.8363 8.01865 5.0272 7.73446 4.31671L6.34174 4.8738ZM5.09729 2.75C5.33582 2.75 5.55031 2.89522 5.6389 3.11669L7.03162 2.5596C6.71523 1.76865 5.94917 1.25 5.09729 1.25V2.75ZM3.26316 1.25C2.15132 1.25 1.25 2.15132 1.25 3.26316H2.75C2.75 2.97975 2.97975 2.75 3.26316 2.75V1.25Z' fill='%23182E7D'/%3E%3C/svg%3E%0A");
}
body.theme-dark .icon-phone {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33526 2.83815L5.6389 3.11669L6.33526 2.83815ZM7.0381 4.59525L7.73446 4.31671L7.0381 4.59525ZM6.82443 5.94402L7.40059 6.42416L6.82443 5.94402ZM6.44617 6.39793L7.02233 6.87807L6.44617 6.39793ZM6.52765 8.19432L5.99732 8.72465L6.52765 8.19432ZM7.80568 9.47235L8.33601 8.94202L7.80568 9.47235ZM9.60207 9.55383L9.12193 8.97767L9.60207 9.55383ZM10.056 9.17557L10.5361 9.75174L10.5361 9.75174L10.056 9.17557ZM11.4047 8.9619L11.1262 9.65826L11.4047 8.9619ZM13.1619 9.66474L13.4404 8.96838L13.1619 9.66474ZM3.26316 2.75H5.09729V1.25H3.26316V2.75ZM5.6389 3.11669L6.34174 4.8738L7.73446 4.31671L7.03162 2.5596L5.6389 3.11669ZM6.24826 5.46388L5.87 5.91779L7.02233 6.87807L7.40059 6.42416L6.24826 5.46388ZM5.99732 8.72465L7.27535 10.0027L8.33601 8.94202L7.05798 7.66399L5.99732 8.72465ZM10.0822 10.13L10.5361 9.75174L9.57584 8.59941L9.12193 8.97767L10.0822 10.13ZM11.1262 9.65826L12.8833 10.3611L13.4404 8.96838L11.6833 8.26554L11.1262 9.65826ZM13.25 10.9027V12.7368H14.75V10.9027H13.25ZM12.7368 13.25C7.22126 13.25 2.75 8.77874 2.75 3.26316H1.25C1.25 9.60717 6.39283 14.75 12.7368 14.75V13.25ZM13.25 12.7368C13.25 13.0203 13.0203 13.25 12.7368 13.25V14.75C13.8487 14.75 14.75 13.8487 14.75 12.7368H13.25ZM12.8833 10.3611C13.1048 10.4497 13.25 10.6642 13.25 10.9027H14.75C14.75 10.0508 14.2314 9.28477 13.4404 8.96838L12.8833 10.3611ZM10.5361 9.75174C10.7007 9.61457 10.9273 9.57868 11.1262 9.65826L11.6833 8.26554C10.9728 7.98135 10.1637 8.10952 9.57584 8.59941L10.5361 9.75174ZM7.27535 10.0027C8.03726 10.7646 9.25444 10.8198 10.0822 10.13L9.12193 8.97767C8.89016 9.17081 8.54935 9.15535 8.33601 8.94202L7.27535 10.0027ZM5.87 5.91779C5.1802 6.74556 5.23541 7.96274 5.99732 8.72465L7.05798 7.66399C6.84465 7.45065 6.82919 7.10984 7.02233 6.87807L5.87 5.91779ZM6.34174 4.8738C6.42132 5.07273 6.38543 5.29928 6.24826 5.46388L7.40059 6.42416C7.89047 5.8363 8.01865 5.0272 7.73446 4.31671L6.34174 4.8738ZM5.09729 2.75C5.33582 2.75 5.55031 2.89522 5.6389 3.11669L7.03162 2.5596C6.71523 1.76865 5.94917 1.25 5.09729 1.25V2.75ZM3.26316 1.25C2.15132 1.25 1.25 2.15132 1.25 3.26316H2.75C2.75 2.97975 2.97975 2.75 3.26316 2.75V1.25Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.icon-email {
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px 16px;
    padding-left: 32px;
}
body.theme-light .icon-email {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44772 20.5523 5 20 5Z' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 6L12.2571 13L21 6' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
body.theme-dark .icon-email {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44772 20.5523 5 20 5Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 6L12.2571 13L21 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
body #theme-switch {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
}
body.theme-dark #theme-switch {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath d='M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z'/%3E%3C/svg%3E");
}
body.theme-light #theme-switch {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='%23182E7D' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath d='M32 256c0-123.8 100.3-224 223.8-224c11.36 0 29.7 1.668 40.9 3.746c9.616 1.777 11.75 14.63 3.279 19.44C245 86.5 211.2 144.6 211.2 207.8c0 109.7 99.71 193 208.3 172.3c9.561-1.805 16.28 9.324 10.11 16.95C387.9 448.6 324.8 480 255.8 480C132.1 480 32 379.6 32 256z'/%3E%3C/svg%3E");
}
.top-menu {
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
}
.top-menu > button, .top-menu > a {
    padding: 0;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 24px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    cursor: pointer;
}
.menu-search {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17Z' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15L21 21' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.menu-favorite {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20L11.5134 20.8736C11.8159 21.0421 12.1841 21.0421 12.4866 20.8736L12 20ZM12 7.16221L11.0797 7.55332C11.2365 7.9225 11.5989 8.16221 12 8.16221C12.4011 8.16221 12.7635 7.9225 12.9203 7.55332L12 7.16221ZM2 8.97234C2 12.4457 4.56031 15.4617 6.83471 17.4884C8.00373 18.5302 9.16813 19.3728 10.0381 19.9542C10.474 20.2456 10.8385 20.473 11.0958 20.6286C11.2246 20.7064 11.3267 20.7664 11.3977 20.8076C11.4332 20.8281 11.461 20.844 11.4805 20.8551C11.4902 20.8606 11.4979 20.8649 11.5034 20.868C11.5061 20.8696 11.5084 20.8708 11.51 20.8717C11.5109 20.8722 11.5116 20.8726 11.5121 20.8729C11.5124 20.8731 11.5127 20.8733 11.5129 20.8733C11.5132 20.8735 11.5134 20.8736 12 20C12.4866 19.1264 12.4868 19.1265 12.4869 19.1265C12.4869 19.1265 12.487 19.1266 12.487 19.1266C12.4871 19.1266 12.4869 19.1266 12.4867 19.1264C12.4862 19.1261 12.4851 19.1256 12.4836 19.1247C12.4804 19.1229 12.4752 19.12 12.4679 19.1158C12.4533 19.1075 12.4305 19.0945 12.4001 19.0769C12.3393 19.0417 12.2481 18.9881 12.1307 18.9172C11.8959 18.7751 11.5572 18.5639 11.1494 18.2914C10.3319 17.745 9.24627 16.9585 8.1653 15.9953C5.93969 14.012 4 11.5141 4 8.97234H2ZM12.9203 6.77109C11.7391 3.99154 9.04681 2.70458 6.60702 3.05704C5.38263 3.23392 4.21629 3.82554 3.35895 4.84728C2.49888 5.87228 2 7.26915 2 8.97234H4C4 7.66797 4.37612 6.74652 4.89105 6.13285C5.40871 5.51592 6.11737 5.14854 6.89298 5.03649C8.45319 4.8111 10.2609 5.62663 11.0797 7.55332L12.9203 6.77109ZM20 8.97234C20 11.5141 18.0603 14.012 15.8347 15.9953C14.7537 16.9585 13.6681 17.745 12.8506 18.2914C12.4428 18.5639 12.1041 18.7751 11.8693 18.9172C11.7519 18.9881 11.6607 19.0417 11.5999 19.0769C11.5695 19.0945 11.5467 19.1075 11.5321 19.1158C11.5248 19.12 11.5196 19.1229 11.5164 19.1247C11.5149 19.1256 11.5138 19.1261 11.5133 19.1264C11.5131 19.1266 11.5129 19.1266 11.513 19.1266C11.513 19.1266 11.5131 19.1265 11.5131 19.1265C11.5132 19.1265 11.5134 19.1264 12 20C12.4866 20.8736 12.4868 20.8735 12.4871 20.8733C12.4873 20.8733 12.4876 20.8731 12.4879 20.8729C12.4884 20.8726 12.4891 20.8722 12.49 20.8717C12.4916 20.8708 12.4939 20.8696 12.4966 20.868C12.5021 20.8649 12.5098 20.8606 12.5195 20.8551C12.539 20.844 12.5668 20.8281 12.6023 20.8076C12.6733 20.7664 12.7754 20.7064 12.9042 20.6286C13.1615 20.473 13.526 20.2456 13.9619 19.9542C14.8319 19.3728 15.9963 18.5302 17.1653 17.4884C19.4397 15.4617 22 12.4457 22 8.97234H20ZM12.9203 7.55332C13.7391 5.62663 15.5468 4.8111 17.107 5.03649C17.8826 5.14854 18.5913 5.51592 19.109 6.13285C19.6239 6.74652 20 7.66797 20 8.97234H22C22 7.26915 21.5011 5.87228 20.641 4.84728C19.7837 3.82554 18.6174 3.23392 17.393 3.05704C14.9532 2.70458 12.2609 3.99154 11.0797 6.77109L12.9203 7.55332Z' fill='%23182E7D'/%3E%3C/svg%3E%0A");
}
.menu-cart {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8195 8H4.18042C3.56248 8 3.09244 8.55487 3.19403 9.1644L4.8607 19.1644C4.94106 19.6466 5.35825 20 5.84709 20H18.1528C18.6417 20 19.0589 19.6466 19.1392 19.1644L20.8059 9.1644C20.9075 8.55487 20.4374 8 19.8195 8Z' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8C8 5.79086 9.79086 4 12 4C14.2091 4 16 5.79086 16 8' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.menu-profile {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 21C5 17.134 8.13401 14 12 14C15.866 14 19 17.134 19 21' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#menu-toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 17H19' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 12H19' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 7H19' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.menu-cart.active {
    background-color: var(--medium-blue);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8195 8H4.18042C3.56248 8 3.09244 8.55487 3.19403 9.1644L4.8607 19.1644C4.94106 19.6466 5.35825 20 5.84709 20H18.1528C18.6417 20 19.0589 19.6466 19.1392 19.1644L20.8059 9.1644C20.9075 8.55487 20.4374 8 19.8195 8Z' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8C8 5.79086 9.79086 4 12 4C14.2091 4 16 5.79086 16 8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

#header-search-wrp {
    display: none;
    position: absolute;
    width: 320px;
    max-width: calc(100vw - 42px);
    bottom: -60px;
    right: 0;
    background-color: #fff;
    border: 1px solid var(--medium-grey);
    padding: 1px;
    border-radius: 4px;
    z-index: 9;
}
#header-search-wrp.open {
    display: block;
}
#header-search-wrp > form > div {
    display: flex;
    max-width: 100%;
}
#header-search-wrp > form > div input[type='text'] {
    border: none;
    flex: 1 1 auto;
    max-width: calc(100% - 74px);
    padding: 3px 10px;
}
#header-search-wrp > form > div input[type='text']:focus {
    outline: none;
}
#header-search-wrp > form > div input[type='text']::placeholder {
    font-size: 14px;
}
#header-search-wrp > form > div input[type='submit'] {
    border: none;
    flex: 1 1 auto;
    background-color: var(--medium-blue);
    color: #FFF;
    border-radius: 4px;
    padding: 9px 12px;
    font-size: 14px;
    border: 1px solid var(--medium-blue);
    transition: all .3s;
    cursor: pointer;
}
#header-search-wrp > form > div input[type='submit']:hover {
    background-color: #fff;
    color: var(--medium-blue);
}

body .header-menu-container {
    display: block;
    position: fixed;
    right: -100%;
    top: 0;
    width: 360px;
    background-color: var(--light-grey);
    height: 100vh;
    transition: all .3s;
    z-index: 99;
}

body.menu-open .header-menu-container {
    right: 0px;
}
.header-menu-inner {
    padding: 96px 24px 24px 24px;
    position: relative;
}

.menu, .sub-menu {
    list-style-type: none;
}
.header-menu-inner > ul.menu > li {
    margin-bottom: 20px;
}
.header-menu-inner ul.menu > li > a {
    color: var(--deep-blue);
    font-weight: bold;
}
.header-menu-inner ul.menu li:hover > a {
    color: var(--medium-blue);
}
.header-menu-inner .sub-menu {
    padding: 5px 0 0 10px;
    border-left: 1px solid #aaa;
    margin-top: 5px;
}
.header-menu-inner .sub-menu > li {
    margin-bottom: 10px;
}
.header-menu-inner .sub-menu > li > a {
    font-weight: normal;
    color: var(--deep-blue);
}
.header-menu-inner .sub-menu > li:hover > a {
    color: var(--medium-blue);
}


#menu-close {
    position: absolute;
    right: 24px;
    top: 36px;
    padding: 0;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px 16px;
    height: 24px;
    width: 24px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.70711 0.292901C1.31658 -0.0976234 0.683418 -0.0976234 0.292893 0.292901C-0.0976311 0.683425 -0.0976311 1.31659 0.292893 1.70711L4.58578 6L0.292893 10.2929C-0.0976311 10.6834 -0.0976311 11.3166 0.292893 11.7071C0.683418 12.0976 1.31658 12.0976 1.70711 11.7071L6 7.41422L10.1924 11.6066C10.5829 11.9971 11.2161 11.9971 11.6066 11.6066C11.9971 11.2161 11.9971 10.5829 11.6066 10.1924L7.41421 6L11.6066 1.80761C11.9971 1.41709 11.9971 0.783925 11.6066 0.3934C11.2161 0.00287607 10.5829 0.00287577 10.1924 0.3934L6 4.58579L1.70711 0.292901Z' fill='%23182E7D'/%3E%3C/svg%3E%0A");
}
@media(max-width: 768px){
    body .header-menu-container {
        top: 48px;
        height: calc(100vh - 48px);
    }
    body.menu-open {
        overflow: hidden;
        height: 100vh;
    }
}
@media(max-width: 576px){
    .header-bottom-inner {
        justify-content: flex-end;
    }
    #header .brand {
        position: absolute;
        left: 24px;
        z-index: 101;
    }
    #header .brand .logo {
        width: 100px;
        height: 30px;
    }
    body .header-menu-container {
        width: 100%;
    }
    .top-menu {
        gap: 16px;
    }
}

.button {
    display: block;
    padding: 12px 32px;
    /* height: 48px; */
    color: #FFF;
    background-color: var(--medium-blue);
    border: 1px solid var(--medium-blue);
    border-radius: 8px;
    transition: all .3s;
    cursor: pointer;
}
.button:hover {
    background-color: #fff;
    color: var(--medium-blue);
}

#modal-gdpr {
    display: none;
    position: fixed;
    right: 0;
    bottom: 25px;
    width: 100%;
    z-index: 99;
}
#modal-gdpr.open {
    display: flex;
}
.modal-gdpr-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    position: relative;
    max-width: 900px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin: 0 auto;
}
.modal-close:not(.button) {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L11 11M11 1L1 11' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.modal-title {
    font-size: 24px;
    line-height: 32px;
    margin: 16px 0 24px 0;
    letter-spacing: 0;
    text-align: center;
}

#modal-gdpr a {
    color: var(--medium-blue);
    text-decoration: underline;
}
@media(max-width: 768px) {
    #modal-gdpr {
        right: 0px;
        bottom: 0px;
        max-width: 100%;
        box-shadow: 0px 8px 48px -4px rgba(0, 0, 0, 0.24);
    }
}
@media(max-width: 640px) {
    .modal-gdpr-inner {
        display: flex;
        flex-direction: column;
    }
    .modal-gdpr-inner-button {
        margin-top: 32px;
    }
}
@media(max-width: 340px) {
    .modal-title {
        font-size: 18px;
    }
}

/* modal */
.modal-popup {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -5000px;
    right: 5000px;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    overflow: hidden;
    z-index: 109;
}
.modal-popup.open {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.modal .modal-popup-inner {
    background-color: #fff;
    width: 350px;
    max-width: calc(100vw - 32px);
    padding: 32px 24px 24px 24px;
    transform: translate(0, -2000px);
    transition: all .3s;
}
.modal.open .modal-popup-inner {
    transform: translate(0, 0);
}

/* modal form  */
.modal-form .wpcf7-form-control {
    max-width: 100%;
}
.modal-form .wpcf7-textarea {
    max-height: 100px;
    width: 100%;
}
.modal-form .input-group {
    margin-bottom: 24px;
    position: relative;
}
.modal-form .input-group .wpcf7-spinner {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
}
.wpcf7-spinner::before {
    background-color: var(--medium-blue);
}
.modal-form .button {
    width: 100%;
}
.wpcf7-not-valid-tip {
    margin-top: 4px;
    font-size: 12px;
}
.wpcf7-response-output {
    font-size: 14px;
}

#main {
    padding-top: 32px;
    padding-bottom: 120px;
}
.home #main {
    padding-bottom: 0;
}

#footer .footer-top {
    padding: 40px 0 120px 0;
}
#footer .footer-top .container {
    display: flex;
    justify-content: space-between;
}
body.theme-dark .footer-top {
    background-color: var(--deep-blue);
}
body.theme-light .footer-top {
    background-color: var(--light-grey);
}
.footer-bottom {
    padding: 8px 0;
    text-align: center;
    font-size: 12px;
}
.footer-bottom p {
    margin: 0;
    font-size: 12px;
}
body.theme-dark #footer .brand {
    margin-bottom: 32px;
}
body.theme-dark #footer .brand .logo {
    background-image: url('../images/logo-light.svg');
}
body.theme-light #footer .brand .logo {
    background-image: url('../images/logo-dark.svg');
}
.footer-address {
    margin-bottom: 24px;
}
.footer-address p {
    margin: 0;
}
body.theme-dark .footer-contacts {
    color: #FFF;
}
body.theme-light .footer-contacts {
    color: var(--medium-blue);
}
.footer-contacts {
    font-weight: 700;
}
.footer-contacts p, .footer-contacts a {
    margin: 0 0 16px 0;
    display: block;
}
.footer-menu-title {
    margin-bottom: 28px;
    font-weight: 700;
}
body.theme-dark .footer-menu-title {
    color: #FFF;
}
body.theme-light .footer-menu-title {
    color: var(--deep-blue);
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li {
    margin-bottom: 20px;
}
@media(min-width: 1200px) {
    #footer .col-contacts {
        flex: 0 0 300px;
    }
    #footer .col-legal {
        flex: 0 0 200px;
    }
    #footer .col-categories {
        flex: 0 0 200px;
    }
    #footer .col-subscribe {
        flex: 0 0 330px;
    }
}
@media(max-width: 1200px) {
    .footer-menu ul li {
        margin-bottom: 4px;
    }
    #footer .footer-top .container > div {
        margin-bottom: 36px;
    }
    .footer-menu-title {
        margin-bottom: 16px;
    }
}
@media(max-width: 1200px) and (min-width: 576px) {
    #footer .footer-top .container {
        display: flex;
        flex-wrap: wrap;
    }
    #footer .footer-top .container > div {
        flex: 0 0 50%;
    }
    #footer .col-contacts {
        order: 3;
    }
    #footer .col-legal {
        order: 1;
    }
    #footer .col-categories {
        order: 2;
    }
    #footer .col-subscribe {
        order: 4;
    }
}
@media(max-width: 576px) {
    #main {
        padding-top: 32px;
        padding-bottom: 64px;
    }
    #footer .footer-top {
        padding: 40px 0 80px 0;
    }
    #footer .footer-top .container {
        display: flex;
        flex-direction: column;
    }

}



/* page-hero */
.page-hero-inner {
    position: relative;
    max-width: 100%;
    max-height: 624px;
    height: 624px;
}
.page-hero-image {
    height: 100%;
}
.page-hero-image img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.page-hero-text {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 500px;
    max-width: 100%;
    padding: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #FFF;
}
.page-hero-title {
    text-align: inherit;
    font-size: 56px;
    line-height: 1.1;
    font-weight: 700;
    color: inherit;
    margin: 0 0 16px 0;
}
.page-hero-description {
    margin: 0;
    color: inherit;
}
.page-hero-cta {
    margin-top: 24px;
}
.page-hero-cta button {
    display: inline-block;
}
.page-hero-cta a {
    padding-right: 24px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 9px 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM8 8L8.70711 8.70711C9.09763 8.31658 9.09763 7.68342 8.70711 7.29289L8 8ZM0.292893 14.2929C-0.0976311 14.6834 -0.0976311 15.3166 0.292893 15.7071C0.683417 16.0976 1.31658 16.0976 1.70711 15.7071L0.292893 14.2929ZM0.292893 1.70711L7.29289 8.70711L8.70711 7.29289L1.70711 0.292893L0.292893 1.70711ZM7.29289 7.29289L0.292893 14.2929L1.70711 15.7071L8.70711 8.70711L7.29289 7.29289Z' fill='white'/%3E%3C/svg%3E%0A");
}
.image-filter {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(90deg, #071031 -45.83%, rgba(7, 16, 49, 0) 47.65%);
}
.center .page-hero-text {
    text-align: center;
    width: 100%;
}
.light .page-hero-text {
    color: var(--deep-blue);
}
.light .image-filter {
    display: none;
}
.light .page-hero-cta a {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM8 8L8.70711 8.70711C9.09763 8.31658 9.09763 7.68342 8.70711 7.29289L8 8ZM0.292893 14.2929C-0.0976311 14.6834 -0.0976311 15.3166 0.292893 15.7071C0.683417 16.0976 1.31658 16.0976 1.70711 15.7071L0.292893 14.2929ZM0.292893 1.70711L7.29289 8.70711L8.70711 7.29289L1.70711 0.292893L0.292893 1.70711ZM7.29289 7.29289L0.292893 14.2929L1.70711 15.7071L8.70711 8.70711L7.29289 7.29289Z' fill='%23071031'/%3E%3C/svg%3E%0A");
}

@media(max-width: 1200px) {
    .page-hero-inner {
        max-height: 400px;
        height: 400px;
    }
    .page-hero-title {
        font-size: 40px;
    }
}
@media(max-width: 768px) {
    .page-hero-inner {
        max-height: 800px;
        height: auto;
    }
    .page-hero-image {
        position: absolute;
        z-index: -2;
    }
    .image-filter {
        z-index: -1;
    }
    .page-hero-text {
        position: static;
        width: auto;
        padding: 48px 24px;
    }
    .page-hero-title {
        font-size: 36px;
    }
}
@media(max-width: 576px) {
    .page-hero .container {
        padding: 0;
    }
}


/* benefits */
.benefits-inner .container {
    display: flex;
    justify-content: space-between;
    gap: 48px;
}
body.theme-dark .benefits-inner {
    background-color: var(--deep-blue);
}
body.theme-light .benefits-inner {
    background-color: var(--light-grey);
}
.benefits-item {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 32px 0;
}
.benefits-item-image {
    width: 40px;
    height: 40px;
}
.benefits-item-image img {
    max-width: 100%;
}
body.theme-dark .benefits-image {
    fill: #FFF;
}
body.theme-light .benefits-image {
    fill: var(--medium-blue);
}
.benefits-item-text p {
    margin: 0;
}
.benefits-item-text p:first-child {
    font-weight: 700;
    font-size: 18px;
}
body.theme-dark .benefits-item-text p:first-child {
    color: #FFF;
}
body.theme-light .benefits-item-text p:first-child {
    color: var(--medium-blue);
}
@media(max-width: 768px){
    .benefits-inner {
        padding: 32px 0;
    }
    .benefits-inner .container {
        flex-direction: column;
        gap: 16px;
    }
    .benefits-item {
        padding: 8px 0;
    }
}


/* product slider */
.products-list-section .section-title {
    padding-right: 80px;
}
.product-slider-item {
    border: 1px solid var(--light-grey);
    max-width: 312px;
    width: 312px;
    border-radius: 4px;
    margin: 0 0 16px 0;
    box-shadow: none;
    transition: all .3s;
}
.product-slider-item-image {
    display: block;
    overflow: hidden;
    border-radius: 4px;
    max-width: 100%;
    height: 312px;
}
.product-slider-item-image img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.product-slider-item-text {
    padding: 16px;
}
.product-slider-item-title {
    margin: 0 0 4px 0;
    display: block;
    max-height: 24px;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    overflow: hidden;
}
.product-slider-item-title:hover {
    color: var(--medium-blue);
}
.product-slider-item-description {
    font-size: 14px;
    margin: 0 0 8px 0;
    max-height: 40px;
    overflow: hidden;
}
.product-slider-item-delivery {
    font-size: 14px;
    line-height: 18px;
    height: 19px;
    margin: 0;
    display: block;
    padding-left: 24px;
}
.product-slider-item-delivery.delivery-icon {
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0.666748 1.91669C0.252534 1.91669 -0.083252 2.25247 -0.083252 2.66669C-0.083252 3.0809 0.252534 3.41669 0.666748 3.41669V1.91669ZM10.0001 2.66669H10.7501C10.7501 2.25247 10.4143 1.91669 10.0001 1.91669V2.66669ZM10.0001 5.33335V4.58335C9.80117 4.58335 9.6104 4.66237 9.46975 4.80302C9.3291 4.94368 9.25008 5.13444 9.25008 5.33335H10.0001ZM0.666748 3.41669H10.0001V1.91669H0.666748V3.41669ZM9.25008 2.66669V12H10.7501V2.66669H9.25008ZM10.0001 6.08335H11.3334V4.58335H10.0001V6.08335ZM14.5834 9.33335V10.6667H16.0834V9.33335H14.5834ZM10.7501 12V5.33335H9.25008V12H10.7501ZM13.0792 12.4125C12.8514 12.6403 12.4821 12.6403 12.2543 12.4125L11.1936 13.4732C12.0072 14.2868 13.3263 14.2868 14.1399 13.4732L13.0792 12.4125ZM12.2543 11.5875C12.4821 11.3597 12.8514 11.3597 13.0792 11.5875L14.1399 10.5269C13.3263 9.71329 12.0072 9.71329 11.1936 10.5269L12.2543 11.5875ZM4.41256 12.4125C4.18475 12.6403 3.81541 12.6403 3.5876 12.4125L2.52694 13.4732C3.34053 14.2868 4.65963 14.2868 5.47322 13.4732L4.41256 12.4125ZM3.5876 11.5875C3.81541 11.3597 4.18475 11.3597 4.41256 11.5875L5.47322 10.5269C4.65963 9.71329 3.34053 9.71329 2.52694 10.5269L3.5876 11.5875ZM13.0792 11.5875C13.1933 11.7016 13.2501 11.8496 13.2501 12H14.7501C14.7501 11.468 14.5465 10.9335 14.1399 10.5269L13.0792 11.5875ZM13.2501 12C13.2501 12.1505 13.1933 12.2984 13.0792 12.4125L14.1399 13.4732C14.5465 13.0665 14.7501 12.532 14.7501 12H13.2501ZM11.3334 11.25H10.0001V12.75H11.3334V11.25ZM12.2543 12.4125C12.1402 12.2984 12.0834 12.1505 12.0834 12H10.5834C10.5834 12.532 10.787 13.0665 11.1936 13.4732L12.2543 12.4125ZM12.0834 12C12.0834 11.8496 12.1402 11.7016 12.2543 11.5875L11.1936 10.5269C10.787 10.9335 10.5834 11.468 10.5834 12H12.0834ZM3.5876 12.4125C3.47355 12.2984 3.41675 12.1505 3.41675 12H1.91675C1.91675 12.532 2.12029 13.0665 2.52694 13.4732L3.5876 12.4125ZM3.41675 12C3.41675 11.8496 3.47355 11.7016 3.5876 11.5875L2.52694 10.5269C2.12029 10.9335 1.91675 11.468 1.91675 12H3.41675ZM2.66675 11.25H2.00008V12.75H2.66675V11.25ZM10.0001 11.25H5.33341V12.75H10.0001V11.25ZM4.41256 11.5875C4.52661 11.7016 4.58341 11.8496 4.58341 12H6.08341C6.08341 11.468 5.87987 10.9335 5.47322 10.5269L4.41256 11.5875ZM4.58341 12C4.58341 12.1505 4.52661 12.2984 4.41256 12.4125L5.47322 13.4732C5.87987 13.0665 6.08341 12.532 6.08341 12H4.58341ZM14.5834 10.6667C14.5834 10.9889 14.3222 11.25 14.0001 11.25V12.75C15.1507 12.75 16.0834 11.8173 16.0834 10.6667H14.5834ZM11.3334 6.08335C13.1283 6.08335 14.5834 7.53843 14.5834 9.33335H16.0834C16.0834 6.71 13.9568 4.58335 11.3334 4.58335V6.08335ZM2.00008 11.25C1.67792 11.25 1.41675 10.9889 1.41675 10.6667H-0.083252C-0.083252 11.8173 0.849488 12.75 2.00008 12.75V11.25Z' fill='%23838798' /%3E%3Cpath d='M0.666748 5.33331H3.33341' stroke='%23838798' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.666748 8H4.66675' stroke='%23838798' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.product-slider-item-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
}
.product-slider-item-price {
    font-weight: 700;
    font-size: 18px;
    color: var(--deep-blue);
}
.product-slider-item-price del {
    color: var(--medium-grey);
    font-weight: normal;
}
.product-slider-item-price ins {
    text-decoration: none;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none;
}
.product-slider-item-add-to-cart {
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.2;
    background-color: var(--medium-blue);
    border: 1px solid var(--medium-blue);
    color: #FFF;
    white-space: nowrap;
    font-weight: 700;
    padding: 12px 20px;
    cursor: pointer;
    transition: all .3s;
}
.product-slider-item-add-to-cart:hover {
    background-color: #FFF;
    color: var(--medium-blue);
}
.product-slider-item-add-to-cart.added {
    display: none;
}
.woocommerce a.added_to_cart {
    padding: 12px 20px;
}
a.added_to_cart {
    display: inline-block;
    border-radius: 8px;
    font-size: 0;
    font-weight: 700;
    line-height: 25px;
    background-color: #FFF;
    border: 1px solid var(--medium-blue);
    color: #FFF;
    white-space: nowrap;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8195 8H4.18042C3.56248 8 3.09244 8.55487 3.19403 9.1644L4.8607 19.1644C4.94106 19.6466 5.35825 20 5.84709 20H18.1528C18.6417 20 19.0589 19.6466 19.1392 19.1644L20.8059 9.1644C20.9075 8.55487 20.4374 8 19.8195 8Z' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8C8 5.79086 9.79086 4 12 4C14.2091 4 16 5.79086 16 8' stroke='%23182E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 42px;
    height: 41px;
    margin: 16px 0 0 5px;
    transition: all .3s;
}
.product-slider-next,
.product-slider-prev {
    display: block;
    position: absolute;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 9px 16px;
    border: none;
    width: 24px;
    height: 24px;
    padding: 0;
    top: -70px;
    cursor: pointer;
    z-index: 9;
}
.product-slider-next {
    right: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM8 8L8.70711 8.70711C9.09763 8.31658 9.09763 7.68342 8.70711 7.29289L8 8ZM0.292893 14.2929C-0.0976311 14.6834 -0.0976311 15.3166 0.292893 15.7071C0.683417 16.0976 1.31658 16.0976 1.70711 15.7071L0.292893 14.2929ZM0.292893 1.70711L7.29289 8.70711L8.70711 7.29289L1.70711 0.292893L0.292893 1.70711ZM7.29289 7.29289L0.292893 14.2929L1.70711 15.7071L8.70711 8.70711L7.29289 7.29289Z' fill='%23182E7D'/%3E%3C/svg%3E%0A");
}
.product-slider-prev {
    right: 60px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 15.7071C7.68342 16.0976 8.31658 16.0976 8.70711 15.7071C9.09763 15.3166 9.09763 14.6834 8.70711 14.2929L7.29289 15.7071ZM1 8L0.292893 7.29289C-0.0976311 7.68342 -0.0976311 8.31658 0.292893 8.70711L1 8ZM8.70711 1.70711C9.09763 1.31658 9.09763 0.683417 8.70711 0.292893C8.31658 -0.0976311 7.68342 -0.0976311 7.29289 0.292893L8.70711 1.70711ZM8.70711 14.2929L1.70711 7.29289L0.292893 8.70711L7.29289 15.7071L8.70711 14.2929ZM1.70711 8.70711L8.70711 1.70711L7.29289 0.292893L0.292893 7.29289L1.70711 8.70711Z' fill='%23182E7D'/%3E%3C/svg%3E%0A");
}
.swiper-slide {
    width: 312px;
}
@media(max-width: 760px){
    .swiper-slide:not(.swiper-slide-active) {
        opacity: 0.5;
    }
}
@media(max-width: 576px){
    .products-list-section .container.position-relative {
        padding: 0;
    }
    .product-slider-next,
    .product-slider-prev {
        top: -55px;
    }
}
@media(max-width: 365px){
    .swiper-slide {
        width: 100%;
    }
    .product-slider-item {
        max-width: 100%;
    }
    .product-slider-item-action {
        flex-wrap: wrap;
        gap: 12px;
    }
    
}



/* woocommerce */
.woocommerce-info {
    border-top-color: var(--medium-blue);
}
.woocommerce-message {
    border-top-color: var(--medium-blue);
}
.woocommerce-message::before {
    color: var(--medium-blue);
}
.woocommerce-info::before {
    color: var(--medium-blue);
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    background-color: var(--medium-blue);
    color: #FFF;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 8px;
}
.woocommerce a.button.alt {
    background-color: var(--medium-blue);
    border: 1px solid var(--medium-blue);
}
.woocommerce a.button.alt:hover {
    color: var(--medium-blue);
    background-color: #FFF;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    height: 35px;
    font-size: 16px;
    width: 150px;
}
.woocommerce p a {
    text-decoration: underline;
}
.woocommerce button.button.alt.disabled {
    background-color: var(--medium-grey);
}
.woocommerce button.button.alt.disabled:hover {
    background-color: var(--medium-grey);
    opacity: 0.7;
}
.woocommerce button.button.alt {
    background-color: var(--medium-blue);
    border: 1px solid var(--medium-blue);
}
.woocommerce button.button.alt:hover {
    background-color: #FFF;
    border: 1px solid var(--medium-blue);
    color: var(--medium-blue);
}
.woocommerce button.button.alt {
    background-color: var(--medium-blue);
}


.wc-tabs-wrapper {
    background-color: var(--light-grey);
    padding: 40px 64px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    padding-left: 0;
    overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background: transparent;
    text-align-last: left;
    padding: 10px 10px 0px 0px;
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
    border-bottom: 3px solid var(--deep-blue);
    color: var(--deep-blue);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--medium-grey);
}
.woocommerce form .form-row textarea {
    height: 100px;
}
.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row textarea:focus {
    outline: 2px solid var(--medium-blue);
}
.select2-container .select2-selection--single {
    height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.woocommerce .select2-search__field {
    padding: 12px 16px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--medium-blue);
}
.woocommerce .woocommerce-breadcrumb {
    margin-bottom: 64px;
}
.woocommerce .woocommerce-breadcrumb a {
    color: var(--medium-blue);
}
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    margin: 32px 0;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    max-width: 300px;
    flex: 0 0 300px;
    margin: 0 0 32px 0;
}
.woocommerce div.product .stock {
    color: var(--deep-blue);
}
.woocommerce ul.products li.product .price {
    color: var(--medium-blue);
}
.woocommerce div.product span.price, 
.woocommerce div.product p.price {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: var(--deep-blue);
}
.woocommerce div.product p.price ins {
    text-decoration: none;
}
.woocommerce div.product p.price del {
    font-size: 32px;
    line-height: 48px;
}
.woocommerce span.onsale {
    background-color: #f0de00;
    color: #000;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    min-height: unset;
    min-width: unset;
    line-height: 1.2;
    top: 10px;
    left: 10px;
}
.woocommerce ul.products li.product .onsale {
    top: 10px;
    right: 10px;
}
.woocommerce-products-header .term-description p {
    margin: 8px 0;
}
.woocommerce .woocommerce-ordering select {
    background-color: #fff;
    border: 1px solid var(--medium-grey);
    padding: 10px 14px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: none;
    border: 1px solid #F4F6F9;
    border-radius: 4px;
    padding-bottom: 24px;
}
.woocommerce ul.products::before {
    display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    height: 60px;
    max-height: 60px;
    overflow: hidden;
}
.woocommerce-product-image-wrp {
    border-radius: 4px;
    width: 298px;
    height: 298px;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}
.woocommerce-product-image-wrp img {
    display: block;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 0;
}
.woocommerce ul.products li.product .button {
    margin-top: 16px;
}
.woocommerce-before-catalog-wrp {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.woocommerce-before-catalog-wrp .woocommerce-notices-wrapper {
    flex: 0 0 100%;
}
.woocommerce-before-catalog-wrp .woocommerce-result-count {
    margin: 0;
}
.woocommerce-before-catalog-wrp .woocommerce-ordering {
    margin: 0;
}
.woocommerce-product-text-wrp {
    padding: 0 16px;
}
.woocommerce div.product form.cart div.quantity {
    float: none;
}
.quantity-input-wrp {
    display: flex;
    gap: 2px;
    align-items: center;
    margin: 5px 0 24px 0;
}
.woocommerce .quantity .input-text {
    height: 24px;
    width: 40px;
    border: none;
    font-size: 18px;
    line-height: 24px;
}
#quantity-increase, 
#quantity-decrease {
    width: 24px;
    height: 24px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
}
#quantity-decrease {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2929 19.7071C14.6834 20.0976 15.3166 20.0976 15.7071 19.7071C16.0976 19.3166 16.0976 18.6834 15.7071 18.2929L14.2929 19.7071ZM8 12L7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L8 12ZM15.7071 5.70711C16.0976 5.31658 16.0976 4.68342 15.7071 4.29289C15.3166 3.90237 14.6834 3.90237 14.2929 4.29289L15.7071 5.70711ZM15.7071 18.2929L8.70711 11.2929L7.29289 12.7071L14.2929 19.7071L15.7071 18.2929ZM8.70711 12.7071L15.7071 5.70711L14.2929 4.29289L7.29289 11.2929L8.70711 12.7071Z' fill='%23182E7D'/%3E%3C/svg%3E%0A");
}
#quantity-increase {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.70711 4.29289C9.31658 3.90237 8.68342 3.90237 8.29289 4.29289C7.90237 4.68342 7.90237 5.31658 8.29289 5.70711L9.70711 4.29289ZM16 12L16.7071 12.7071C17.0976 12.3166 17.0976 11.6834 16.7071 11.2929L16 12ZM8.29289 18.2929C7.90237 18.6834 7.90237 19.3166 8.29289 19.7071C8.68342 20.0976 9.31658 20.0976 9.70711 19.7071L8.29289 18.2929ZM8.29289 5.70711L15.2929 12.7071L16.7071 11.2929L9.70711 4.29289L8.29289 5.70711ZM15.2929 11.2929L8.29289 18.2929L9.70711 19.7071L16.7071 12.7071L15.2929 11.2929Z' fill='%23182E7D'/%3E%3C/svg%3E%0A");
}
.related.products,
.up-sells.products {
    margin-top: 120px;
}
.woocommerce .up-sells ul.products, 
.woocommerce .related ul.products {
    justify-content: start;
}


@media(max-width: 768px){
    .wc-tabs-wrapper {
        padding: 24px 24px;
    }
}
@media(max-width: 576px){
    .woocommerce .select2-search__field {
        padding: 8px 12px;
    }
    .woocommerce-checkout-review-order {
        max-width: 100%;
        font-size: 14px;
        overflow-x: scroll;
    }
    .woocommerce-info {
        font-size: 14px;
        line-height: 1.2;
    }
    .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100%;
    }
    .woocommerce div.product .product_title {
        font-size: 24px;
    }
    .woocommerce div.product p.price {
        font-size: 24px;
    }
}


/* product gallery */
.pipi-product-wrp {
    display: flex;
    gap: 80px;
    margin-bottom: 80px;
}
.woocommerce-product-gallery__wrapper {
    width: calc(50% - 40px);
}
.product-gallery {
    overflow: hidden;
}
.product-thumbnails {
    overflow: hidden;
    margin-top: 24px;
    position: relative;
}
.product-gallery-slide-image-wrp {
    height: 500px;
    border-radius: 4px;
    overflow: hidden;
    cursor: zoom-in;
}
.swiper-slide-zoomed .product-gallery-slide-image-wrp {
    cursor: zoom-out;
}
.product-gallery-slide-image-wrp img {
    object-fit: cover!important;
    width: 100%;
    height: 100%;
}
.product-gallery-slide-thumbnail-wrp {
    border-radius: 4px;
    overflow: hidden;
}
.product-gallery-slide-thumbnail-wrp img {
    display: block;
}
.product-thumbnails {
    user-select: none;
}

@media(max-width: 1200px){
    .pipi-product-wrp {
        display: flex;
        flex-direction: column;
        gap: 80px;
    }
    .woocommerce-product-gallery__wrapper {
        width: 100%;
    }
}
@media(max-width: 576px){
    .product-gallery-slide-image-wrp {
        height: 400px;
    }
}



.search-results article {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}
.search-results article .post-thumbnail {
    flex: 0 0 200px;
    height: 200px;
    overflow: hidden;
}
.search-results article .post-thumbnail img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.search-results .entry-title {
    margin: 0;
}
.search-results .entry-title a {
    color: var(--medium-blue);
    text-decoration: underline;
}
.search-results .entry-title a:hover {
    text-decoration: none;
}
@media(max-width: 576px){
    .search-results article {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 24px;
    }
}


.page-404 {
    min-height: calc(100vh - 300px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.page-404 .text-big {
    font-size: 8vw;
    line-height: 1;
}
.page-404 .text-medium {
    font-size: 1.5vw;
}
.page-404 .button {
    display: inline-block;
    width: auto;
    margin: 20px auto;
}
@media(max-width: 1024px){
    .page-404 .text-big {
        font-size: 80px;
        line-height: 1;
    }
    .page-404 .text-medium {
        font-size: 16px;
    }
}
@media(max-width: 576px){
    .page-404 {
        min-height: calc(100vh - 250px);
    }
}

.wp-block-table table td {
    border: 1px solid var(--deep-blue);
}


#form-newsletter {
    display: flex;
    justify-content: space-between;
    max-width: 310px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    padding: 4px;
    position: relative;
}
#form-newsletter .you-email {
    width: 150px;
}
#form-newsletter input.wpcf7-form-control {
    border: none;
    max-width: 100%;
}
#form-newsletter  .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: 5px;
}