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

* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

body {
     font-family: "Roboto", sans-serif;
     line-height: 1.5;
     -webkit-tap-highlight-color: transparent;
}

body::-webkit-scrollbar {
     width: 8px;
}

body::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
}

body::-webkit-scrollbar-thumb {
     background: #000000;
}

main {
     min-height: calc(100vh - 582px);
     padding: 118px 0 0;
}
/*notify*/
.notification-modal {
     position: fixed;
     top: 20px;
     right: 15px;
     background-color: #fff;
     border-left: 5px solid #004594;
     box-shadow: 0 2px 8px rgba(0,69,148,1);
     z-index: 9999;
     display: flex;
     align-items: center;
     padding: 15px 20px;
     border-radius: 8px;
     animation: slideIn 0.5s ease, fadeOut 0.5s ease 4.5s forwards;
     max-width: 280px;
}

.notification-modal-img {
     display: none;
     width: 40px;
     height: 40px;
     margin-right: 15px;
     object-fit: contain;
}

.notification-modal-text {
     font-size: 15px;
     color: #000000;
     text-align: left;
}
a {
     text-decoration: none;
}

button {
     outline: none;
     border: none;
     cursor: pointer;
     font-family: unset;
     background: transparent;
}

input {
     outline: none;
     border: none;
}

select {
     cursor: pointer;
}

img {
     display: flex;
     width: 100%;
}

.flex-container {
     display: flex;
     flex-wrap: wrap;
}

.button-circle-edge {
     display: block;
     width: fit-content;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: center;
     color: #000000;
     background: #ffffff;
     padding: 10px 27px;
     border: 1px solid #000000;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.button-circle-edge:hover {
     color: #ffffff;
     background: #000000;
}

header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 35;
     background: #ffffff;
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.container {
     max-width: 1440px;
     margin: 0 auto;
}

.header-logo {
     max-width: 137px;
     width: 100%;
     margin: 0 30px 0 0;
}

.header-top {
     padding: 10px 0 10px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: relative;
}

.header-top__content {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     width: 86%;
}

.header-tel {
     margin: 0 auto 0 0;
     display: flex;
     align-items: center;
     font-weight: bold;
     font-size: 23px;
     text-align: left;
     color: #004594;
}

.header-tel>svg {
     margin: 0 11px 0 0;
}

.header-search-form {
     position: relative;
     width: 320px;
}

.header-search-form__input {
     width: 100%;
     padding: 15px 44px 15px 15px;
     background: #ffffff;
     border-radius: 100px;
     box-shadow: 0px 1px 7px rgba(186, 188, 192, 0.25);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.header-search-form__btn,
.header-search__btn {
     position: absolute;
     right: 13px;
     top: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
}

.header-icons {
     display: flex;
     align-items: center;
}

.header-icons_search,
.header-icons_favorite,
.header-icons_basket,
.header-icons_user {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 47px;
     height: 47px;
     background: #ffffff;
     border: 1px solid #f3f3f3;
     border-radius: 100px;
     box-shadow: 0px 1px 7px rgba(186, 188, 192, 0.25);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.header-icons_search,
.header-icons_favorite,
.header-icons_basket,
.header-icons_user,
.header-icons_menu-burger {
     margin: 0 0 0 12px;
}

.header-icons_search,
.header-icons_menu-burger,
.menu-burger-close {
     display: none;
}

.language-group {
     position: relative;
     margin: 0 0 0 17px;
}

.language-group__btn {
     display: flex;
     align-items: center;
}

.language-group__title {
     margin: 0 7px 0 0;
     font-weight: normal;
     font-size: 13px;
     text-align: left;
     color: #474747;
}

.language-select {
     display: none;
     position: absolute;
     top: 38px;
     right: 0;
     z-index: 25;
     padding: 6px 12px;
     background: #ffffff;
     border-radius: 3px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.language-select__link {
     display: flex;
     margin: 6px 0;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: right;
     color: #444e55;
}

.language-select__link_active,
.language-select__link:hover {
     color: #004594;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.header-bottom {
     background: #004594;
}

.header-bottom>.container {
     position: relative;
     display: flex;
     align-items: center;
}

.header-search {
     display: none;
     position: absolute;
     left: 0;
     right: 0;
     z-index: 15;
     width: 100%;
     margin: 4px 0 0;
}

.category-btn__text {
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     line-height: 28px;
     text-align: center;
     color: #ffffff;
     padding: 0 48px 0 0;
}

.category-btn__text>svg {
     margin: 0 6px 0 0;
     vertical-align: middle;
}

.category-menu-bg {
     display: none;
     position: fixed;
     left: 0;
     right: 0;
     height: 100vh;
     z-index: 22;
     margin: 30px 0 0;
     background: rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(8px);
}

.category-menu {
     height: 670px;
     overflow-y: auto;
     background: #ffffff;
     box-shadow: 0px 4px 24px rgba(138, 138, 138, 0.25);
     padding: 35px 0 0;
}

.category-menu>.container {
     position: relative;
}

.category-menu::-webkit-scrollbar {
     width: 6px;
}

.category-menu::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
}

.category-menu::-webkit-scrollbar-thumb {
     background: #000000;
}

.category-menu-row__item {
     width: 25%;
     padding: 0 15px 0 0;
     margin-bottom: 35px;
}

.category-title,
.category-sub-header__title {
     display: inline-block;
     font-weight: normal;
     font-size: 18px;
     text-align: left;
     color: #004594;
     margin: 0 0 15px;
}

.category-sub-header__title,
.category-back-btn,
.category-sub-close-btn {
     display: none;
}

.category-sub__item {
     display: flex;
     flex-direction: column;
     list-style-type: none;
}

.category-sub__link {
     font-weight: normal;
     font-size: 16px;
     line-height: 37px;
     text-align: left;
     color: #070707;
}

.navigation {
     display: flex;
     align-items: center;
}

.header-menu__item {
     display: flex;
     padding: 14px 25px 14px 0;
     list-style: none;
}

.header-menu__link {
     align-items: center;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: normal;
     text-align: left;
     color: #ffffff;
}

footer {
     background: #fcfcfc;
     padding: 60px 0 30px;
}

.footer-top {
     justify-content: space-between;
     margin: 0 0 50px;
}

.footer-logo {
     display: flex;
     max-width: 200px;
     width: 100%;
}

.footer-row {
     margin: 0 -15px;
}

.footer-row__item {
     width: 25%;
     margin: 0 0 30px;
     padding: 0 15px;
}

.footer-menu__item {
     list-style: none;
}

.footer-menu__link {
     display: flex;
     font-weight: 400;
     font-size: 17px;
     line-height: 33px;
     text-align: left;
     color: #002855;
}

.social-media-title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #00000099;
     margin: 20px 0 12px;
}

.social-media-icon-row {
     padding: 12px 0 10px;
}

.social-media-icon-item {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 42px;
     height: 42px;
     padding: 12px;
     margin: 0 5px 5px 0;
     background: #fff;
     border: 1px solid #6d6d6d;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.social-media-icon-item>img,
.payment-methods__item>img {
     height: 100%;
     object-fit: contain;
}

.payment-methods {
     margin: 25px 0 0;
}

.payment-methods__item {
     padding: 3px 6px;
     margin: 0 6px 6px 0;
}

.footer-info {
     padding: 20px 0 0;
     justify-content: space-between;
}

.footer-info__text {
     font-weight: 400;
     font-size: 15px;
     line-height: 24px;
     text-align: left;
     color: #002855;
}

.user-window-bg {
     display: none;
     position: absolute;
     top: auto;
     right: 0;
     left: 0;
     height: 100vh;
     z-index: 30;
     background: rgb(255 255 255 / 65%);
     border-radius: 0px 0px 10px 10px;
}

.user-window {
     margin: 0 0 0 auto;
     width: fit-content;
     padding: 9px 20px;
     background: #ffffff;
     border-radius: 3px;
     box-shadow: 0px 4px 11px rgba(182, 172, 172, 0.25);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.user-window__link {
     padding: 9px 0;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: right;
     color: #737373;
}

.user-window__link>svg {
     margin: 0 0 0 16px;
}

.user-window__link:hover {
     color: #004594;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}


.modal-bg {
     display: none;
     cursor: pointer;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 55;
     height: 100vh;
     padding: 15px;
     overflow-y: auto;
     background: rgba(28, 27, 27, 0.019999999552965164);
     backdrop-filter: blur(22px);
}

.modal-bg::-webkit-scrollbar {
     width: 5px;
}

.modal-bg::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
}

.modal-bg::-webkit-scrollbar-thumb {
     background: #080808;
}

.modal-centered {
     display: flex;
     align-items: center;
     margin: 20px auto;
     min-height: 100%;
}

.modal-login-centered {
     max-width: 518px;
}

.modal-content {
     width: 100%;
     padding: 25px;
     background: #ffffff;
     border-radius: 2px;
     box-shadow: 0px 5px 17px rgba(206, 206, 206, 0.25);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.modal-header {
     position: relative;
}

.modal-login__title {
     display: flex;
     font-style: normal;
     font-weight: 400;
     font-size: 25px;
     line-height: 32px;
     text-align: left;
     color: #000000;
     margin: 0 0 0 15px;
}

.modal-login__title::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     display: inline-block;
     height: 40px;
     width: 3px;
     background: #004594;
}

.modal-close-btn {
     position: absolute;
     top: 0;
     right: 0;
     display: none;
}

.login-form {
     margin: 60px 0 0;
     background: #ffffff;
}

.main-form__item {
     width: 100%;
     position: relative;
     margin: 0 0 25px;
}

.main-form__label {
     position: absolute;
     top: -12px;
     left: 15px;
     z-index: 1;
     padding: 3px;
     background: #ffffff;
     font-style: normal;
     font-weight: 400;
     font-size: 11px;
     text-align: left;
     color: #464646;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
}

.main-form__input,
.main-form__textarea,
.main-select-options {
     outline: none;
     width: 100%;
     height: 41px;
     color: #2d2f2f99;
     padding: 12px 10px;
     background: #ffffff;
     border: 1px solid #e4e7ef;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.main-form__input:focus,
.main-form__textarea:focus,
.main-select-options:focus {
     border: 1px solid #464646;
}

.main-form__textarea {
     resize: none;
     display: flex;
     height: 200px;
}

.main-form__btn {
     margin: 0 0 0 auto;
     padding: 10px 30px;
}

.forgot-password {
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     line-height: 25px;
     text-align: right;
     text-decoration-line: underline;
     color: #052b3b;
}

.main-slide-content {
     margin: 34px 0;
     justify-content: space-between;
}

.main-slide {
     width: 68%;
     margin: 0;
}

.main-slide-info {
     padding: 20px 15px;
     position: absolute;
     bottom: 15px;
     left: 30px;
     max-width: 600px;
}

.main-slide-info__title {
     font-weight: bold;
     font-size: 50px;
     line-height: 68px;
     text-align: left;
     color: #fff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.main-slide-info__text {
     margin: 15px 0 35px;
     font-weight: normal;
     font-size: 18px;
     text-align: left;
     color: #fff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.main-slide-info__btn {
     display: inline-block;
     padding: 11px 18px;
     border-radius: 2px;
     background: transparent;
     border: 1px solid #fff;
     font-weight: normal;
     font-size: 16px;
     text-align: center;
     color: #fff;
     transition: .4s;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     -webkit-transition: .4s;
     -moz-transition: .4s;
     -ms-transition: .4s;
     -o-transition: .4s;
}

.main-slide-info__btn:hover {
     background: #ffffff;
     color: #004594;
     border: 1px solid #004594;
}

.main-images__item {
     position: relative;
}

.main-images__item:first-child {
     margin: 0 0 8px;
}

.main-slide-img-info {
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 20px;
}

.main-slide-img-info__title {
     font-weight: bold;
     font-size: 21px;
     line-height: 31px;
     text-align: left;
     color: #fff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.main-images__link,
.home-banner__link {
     display: block;
     height: 100%;
}

.main-slide__item>img,
.main-images__link>img,
.news-banner__link>img,
.home-banner__link>img,
.home-banner__link,
.news-banner__link {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.main-images__link>img {
     height: 100%;
     object-fit: cover;
     filter: brightness(.8);
     -webkit-filter: brightness(.8);
}

.main-images {
     width: 31%;
}

.main-images__item {
     width: 100%;
}

.main-title {
     font-weight: 500;
     font-size: 45px;
     line-height: normal;
     text-align: left;
     color: #012f63;
     margin: 0 0 50px 0;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.home-banner {
     display: grid;
     gap: 20px;
     grid-template-columns: repeat(3, auto);
}

.home-banner__item:nth-child(1),
.home-banner__item:nth-child(2) {
     grid-column: span 1 / auto;
     grid-row: span 2 / auto;
}

.home-banner__item:nth-child(3),
.home-banner__item:nth-child(4) {
     grid-column: span 1 / auto;
     grid-row: span 1 / auto;
}

.home-banner__link {
     overflow: hidden;
}

.home-banner__link>img {
     height: 100%;
     object-fit: cover;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.section-space {
     padding: 0 0 50px;
}

.product-card__link {
     display: block;
     height: 100%;
     position: relative;
     background: #ffffff;
     border-radius: 0px 0px 2px 2px;
     background: #fff;
     border: 1px solid #e9e9e9;
     -webkit-border-radius: 0px 0px 2px 2px;
     -moz-border-radius: 0px 0px 2px 2px;
     -ms-border-radius: 0px 0px 2px 2px;
     -o-border-radius: 0px 0px 2px 2px;
}

.product-card-favorite,
.product-card-percent,
.product-card-delete {
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     bottom: 16px;
     right: 9px;
     width: 40px;
     height: 40px;
     z-index: 2;
     border-radius: 50%;
     background: #ffffff;
     filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
}

.product-card-percent {
     bottom: 70px;
}

.product-detail-prices {
     align-items: center;
     margin: 18px 0 9px;
}

.product-card-prices__old-price,
.product-card-prices__price {
     font-weight: normal;
     font-size: 41px;
     text-align: left;
     color: #201a24;
     margin: 0 4px 0 0;
}

.product-card-prices__price>sub,
.product-card-prices__old-price>sub {
     font-size: 14px;
     vertical-align: baseline;
}

.product-card-prices__old-price {
     font-size: 24px;
     color: #8f8f8f;
}

.product-detail-sizes__title {
     font-weight: normal;
     font-size: 14px;
     line-height: 34px;
     text-align: left;
     color: #212121;

}

.product-detail-size__item {
     width: 59px;
     height: 43px;
     padding: 5px;
     font-weight: normal;
     font-size: 15px;
     align-content: center;
     text-align: center;
     color: #7c8088;
     margin: 0 8px 8px 0;
     border-radius: 2px;
     background: #fff;
     border: 1px solid #cecece;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     cursor: pointer;
}

.product-detail-size__item:hover,
.product-detail-size__item_active {
     color: #004594;
     border: 1px solid #004594;
}


.product-count-section {
     align-items: center;
     margin: 20px 0;

}

.product-count-section__title {
     font-weight: normal;
     font-size: 17px;
     text-align: left;
     color: #7c8088;
     margin: 0 16px 0 0;
}

.product-count {
     display: flex;
     align-items: center;
     justify-content: center;
     max-width: 123px;
     width: 100%;
     padding: 5px 0;
     height: 40px;
     border-radius: 2px;
     border: 1px solid #ddd;
     background: #ffffff;
     border-radius: 100px;
     box-shadow: 0px 0px 10px rgba(172, 172, 172, 0.25);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.count-value {
     width: 54px;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #000000;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
}

.decrement-count,
.increment-count {
     font-weight: 600;
     font-size: 18px;
     padding: 3px 12px;
     color: #7c8088;
}

.product-img-slide>.swiper-pagination {
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.product-img-slide>.swiper-pagination>.swiper-pagination-bullet {
     width: 49%;
     border-radius: 0;
     opacity: 1;
     height: 2px;
     margin: 0px;
     background: #a7a7a7;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
}

.product-img-slide>.swiper-pagination>.swiper-pagination-bullet-active {
     background: #4c9acf;
}

.product-btns {
     margin: 0 0 20px;
}

.product-btns__basket {
     font-weight: normal;
     font-size: 16px;
     text-align: center;
     color: #fff;
     padding: 14px 27px;
     border-radius: 2px;
     background: #000;
     margin: 0 8px 0 0;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.product-btns__favorite {
     width: 49px;
     height: 49px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 2px;
     background: #fff;
     border: 1px solid #e5e5e5;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.product-btns__favorite:hover {
     background: #000;
     border-color: #000;
}

.product-btns__favorite:hover svg * {
     fill: #fff;
}

.product-colors-title {
     font-weight: normal;
     font-size: 14px;
     line-height: 34px;
     text-align: left;
     color: #212121;
}

.product-colors {
     margin: 0 -4px;
}

.product-colors__item {
     width: 10%;
     padding: 4px;
}

.product-colors__item:hover img,
.product-colors__item_active>img {
     border: 1px solid #004594;
}

.share-section {
     margin: 0 0 40px;
}

.share-section__title {
     font-weight: normal;
     font-size: 14px;
     text-align: left;
     color: #000;
     margin: 0 0 16px;
}

.share__link {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 9px 9px 0;
     width: 42px;
     height: 42px;
     background: #F6F6FA;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.product-card {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -8px;
}

.product-card>.swiper-wrapper {
     flex-wrap: wrap;
}

.product-card__item {
     width: 20%;
     height: auto;
     padding: 0px 8px 16px;
}

.product-card-info {
     padding: 16px;
}

.product-card-info__title {
     min-height: 38px;
     font-weight: normal;
     font-size: 16px;
     line-height: normal;
     text-align: left;
     color: #1f2535;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.product-card-size {
     padding: 15px 0 8px;
}

.product-card-size__item {
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 26px;
     font-weight: normal;
     font-size: 15px;
     padding: 0 4px;
     margin: 0 4px 4px 0;
     text-align: center;
     color: #818181;
     border: 1px solid #818181;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.product-card-size__item_active,
.product-card-size__item:hover {
     color: #004594;
     border-color: #004594;
}


.product-card-price {
     font-weight: bold;
     font-size: 16px;
     text-align: left;
     color: #201a24;
}

.main-banner {
     margin: 30px 0 0;
}

.main-banner>img {
     min-height: 107px;
     object-fit: cover;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.product-banner {
     margin: 70px 0 0;
     justify-content: space-between;
}

.product-banner__img {
     width: 38%;
}

.product-banner__img:nth-child(2) {
     width: 22%;
}

.product-banner__img>img {
     height: 100%;
     object-fit: cover;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.news-banner {
     display: grid;
     gap: 20px;
     grid-template-columns: repeat(3, auto);
     margin: 40px 0 0;
}

.news-banner__item {
     grid-column: span 1 / auto;
     grid-row: span 1 / auto;
}

.news-banner__item:first-child {
     grid-column: span 1 / auto;
     grid-row: span 2 / auto;
}

.news-banner__link {
     display: block;
     height: 100%;
     position: relative;
     overflow: hidden;
}

.news-banner__link>img {
     height: auto;
     object-fit: cover;
     transition: .4s ease;
     filter: brightness(.85);
     -webkit-filter: brightness(.85);
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.news-banner__info {
     padding: 25px;
     position: absolute;
     bottom: 0;
     left: 0;
}

.news-banner__title {
     font-weight: 500;
     font-size: 33px;
     line-height: 47px;
     text-align: left;
     color: #fff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.blog-card {
     margin: 0 -7px;
}

.blog-card__item {
     width: 25%;
     padding: 0 7px 14px;
}

.blog-card__link {
     padding: 14px 9px;
     display: block;
     height: 100%;
     background: #ffffff;
     border: 1px solid #e1dddd;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.blog-card__link>div {
     border-radius: 5px;
     overflow: hidden;
}

.blog-card__link img {
     transition: .4s ease;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.home-banner__link:hover>img,
.news-banner__link:hover img,
.blog-card__link:hover img {
     scale: 1.1;
}

.blog-card__date {
     margin: 12px 0 0;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     text-align: left;
     color: #000000;
}

.blog-card__title {
     margin: 15px 0 12px;
     font-style: normal;
     font-weight: 500;
     font-size: 18px;
     text-align: left;
     color: #000000;
     transition: .4s ease;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.blog-card__link:hover .blog-card__title {
     color: #004594;
}

.blog-card__text {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #7a7d82;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.bread-crumbs {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin: 10px 0 14px;
}

.bread-crumbs__link {
     white-space: nowrap;
     font-style: normal;
     font-weight: 400;
     font-size: 11px;
     text-align: left;
     color: #0d1112;
}

.bread-crumbs__link:first-child {
     color: #000000;
}

.bread-crumbs__link:not(:last-child)::after {
     content: "\203A";
     font-family: serif, sans-serif;
     font-size: 12px;
     vertical-align: middle;
     padding: 0 5px 0 2px;
     color: #898585;
}

.bread-crumbs__link_active,
.bread-crumbs__link:hover {
     color: #012f63;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.product-filter-row {
     justify-content: space-between;
}

.product-filter-row__item {
     width: 20%;
}

.product-filter-row__item:last-child {
     width: 79%;
}

.product-filter-btn {
     display: none;
     padding: 6px 14px;
     margin: 0 0 28px;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: left;
     color: #052b3b;
     background: #ffffff;
     border: 1px solid #f3f3f3;
     transition: .2s ease;
     box-shadow: 0px 0px 4px rgba(74, 88, 133, 0.1);
     -webkit-transition: .2s ease;
     -moz-transition: .2s ease;
     -ms-transition: .2s ease;
     -o-transition: .2s ease;
}

.product-filter-btn>svg {
     margin: 0 9px 0 0;
}

.product-filter-btn:hover {
     background: #004594;
}

.product-filter-btn:hover {
     color: #ffffff;
}

.product-filter-btn:hover svg * {
     fill: #ffffff;
}

.product-filter-close-btn {
     display: none;
     margin: 0 0 30px auto;
}

.product-filter-header {
     justify-content: space-between;
}

.product-filter-type__item {
     position: relative;
     margin: 0 0 17px;
     padding: 13px 20px 0;
     border-radius: 5px;
     background: #fff;
     border: 1px solid #e8e9eb;
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.product-filter-type__title {
     position: relative;
     font-weight: normal;
     font-size: 15px;
     text-align: left;
     color: #000;
     padding: 0 20px 12px 0;
}

.product-filter-type__title::after {
     content: " › ";
     position: absolute;
     top: 0;
     right: 3px;
     display: inline-block;
     font-size: 20px;
     color: #052b3b;
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
}

.product-filter-checkbox__item {
     padding: 15px 0;
     display: flex;
     align-items: center;
     border-top: 1px dashed #e2eaf0;
}

.product-filter-checkbox__item>input {
     cursor: pointer;
     min-width: 21px;
     width: 21px;
     height: 21px;
     accent-color: #004594;
     background: #ffffff;
     margin: 0 15px 0 0;
     border: 1px solid #e2eaf0;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.product-filter-checkbox__item>label {
     cursor: pointer;
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     text-align: left;
     color: #000000;
}

.product-filter-checkbox__item>input:checked+label {
     color: #004594;
}

.product-filter-color {
     width: 40px;
     height: 21px;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.sort-dropdown {
     position: relative;
     margin: 0 0 0 35px;
}

.sort-dropdown__btn {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 45px;
     border-radius: 3px;
     background: #fff;
     border: 1px solid #e8e9eb;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.sort-dropdown__content {
     display: none;
     width: 170px;
     position: absolute;
     top: 48px;
     right: 0;
     z-index: 2;
     padding: 6px 12px;
     background: #ffffff;
     border-radius: 3px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
}

.sort-dropdown__text {
     cursor: pointer;
     margin: 6px 0;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: right;
     color: #444e55;
}

.pagination-section {
     justify-content: flex-end;
     padding: 42px 0 30px;
}

.five-product-card>.product-card__item {
     width: 20%;
}

.product-detail {
     justify-content: space-between;
     padding: 12px 0 60px;
}

.product-detail__slide {
     width: 42%;
}

.product-detail__info {
     width: 55%;
}

.product-page-section .product-detail__title {
     display: none;
}

.product-detail__info .product-detail__title {
     display: flex;
}

.product-detail-slide {
     margin: 0 0 10px;
}

.product-detail-slide__btns {
     margin: -30px 0 0;
     width: 222px;
     height: 44px;
     background: rgba(255, 255, 255, 0.5);
     position: absolute;
     z-index: 3;
     left: 0;
     right: 0;
     bottom: 22px;
     margin: auto;
}

.product-detail-slide__prev {
     left: 15px;
     right: inherit;
     z-index: 2;
     background-image: none
}

.product-detail-slide__next {
     right: 15px;
     z-index: 2;
     background-image: none
}

.product-detail-slide__prev::after,
.product-detail-slide__next::after {
     font-size: 0;
}

.product-detail-slide__btns>.swiper-pagination {
     z-index: 1;
     bottom: 18px;
     margin: auto;
}

.product-detail-slide__btns>.swiper-pagination>.swiper-pagination-bullet {
     width: 5px;
     height: 5px;
     background: #707070;
     opacity: 1;
}

.product-detail-slide__btns>.swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active {
     width: 8px;
     height: 8px;
     background: #090909;
}

.product-detail__brand {
     width: 93px;
     height: 57px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     padding: 9px;
     border: 1px solid #E7E7E7;
}

.review__rating {
     display: flex;
     align-items: center;
     margin: 20px 0 9px;
}

.review__rating>input {
     display: none;
}

.review__rating>input:checked~label {
     color: #aaa;
}

.review__rating>label {
     color: #D6284F;
     font-size: 20px;
}

.review__count {
     font-weight: normal;
     font-size: 12px;
     text-align: left;
     color: #212121;
     margin: 0 0 0 6px;
}

.product-detail__code {
     font-weight: 500;
     font-size: 18px;
     text-align: left;
     color: #004594;
}

.product-cart-btn,
.product-favorite-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 42px;
     height: 42px;
     border-radius: 50%;
     background: #ffffff;
     border: 1px solid #ececec;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.product-cart-btn {
     margin: 0 8px;
}

.product-card-favorite:hover,
.product-card-percent:hover,
.product-card-delete:hover,
.product-cart-btn:hover,
.product-favorite-btn:hover {
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     background: #004594;
}

.product-card-favorite:hover svg *,
.product-card-percent:hover svg *,
.product-card-delete:hover svg *,
.product-cart-btn:hover svg *,
.product-favorite-btn:hover svg * {
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     fill: #fff;
}

.product-detail-slide>.swiper-pagination {
     bottom: 22px;
}

.product-advantage__text {
     font-style: normal;
     font-weight: 500;
     font-size: 18px;
     text-align: left;
     color: #000000;
}

.product-detail-description {
     margin: 0 0 30px;
}

.registration-text {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     line-height: 25px;
     text-align: left;
     color: #222222;
     max-width: 800px;
}

.registration-content {
     margin: 30px 0 0;
}

.registration-form-container,
.password-recovery-form-container {
     max-width: 600px;
     margin: 45px auto;
}

.password-recovery-form-container {
     min-height: 200px;
     align-content: center;
}

.registration-form-checked__input {
     width: 21px;
     height: 21px;
     cursor: pointer;
     margin: 0 10px 0 0;
     accent-color: #004594;
}

.register-valid-text {
     display: flex;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     line-height: 25px;
     text-align: left;
     color: #222222;
     margin: 8px 0 0;
}

.register-valid-text>svg {
     margin: 0 6px 0 0;
     min-width: 16px;
}

.registration-form-checked__label {
     cursor: pointer;
     vertical-align: super;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #636363;
     font-style: normal;
}

.brand-card {
     flex-wrap: wrap;
     margin: 0 -6px;
}

.brand-card__item {
     padding: 6px;
     width: 16.666%;
}

.brand-card__link {
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
     overflow: hidden;
     background: #ffffff;
     border: 1px solid #d3dbea;
     border-radius: 5px;
}

.brand-card__link>img {
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.brand-card__link:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
     -webkit-filter: invert(0);
}

.shops {
     justify-content: space-between;
}

.shops__map {
     min-height: 300px;
     height: 100vh;
     max-height: 500px;
     width: 68%;
     border-radius: 5px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.shops__address {
     width: 30%;
     height: 500px;
     overflow-y: auto;
     padding: 0 12px 0 0;
}

.shops__address::-webkit-scrollbar {
     width: 5px;
}

.shops__address::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
}

.shops__address::-webkit-scrollbar-thumb {
     background: #000000;
}

.shops__address__item {
     margin: 0 0 20px;
}

.shops__address__block {
     padding: 18px 28px 18px 22px;
     position: relative;
     background: #ffffff;
     border-radius: 5px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.shops__main-title {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #0b1d37;
     margin: 0 0 20px;
}

.shops__title {
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     text-align: left;
     color: #7f7f7f;
}

.shops__text {
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #0b1d37;
}

.location-icon {
     position: absolute;
     top: 12px;
     right: 12px;
}

.blog-page-information>.blog-card__date {
     margin: 0 0 15px;
}

.blog-page-information__img,
.information-page__img {
     width: 50%;
     float: left;
     margin: 0 30px 15px 0;
}

.blog-page-information__img>img,
.information-page__img>img {
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}

.gallery-row {
     margin: 0 -4px;
     padding: 15px 0;
}

.gallery-row__item {
     padding: 4px;
     width: 16.666%;
}

.gallery-row__item>a {
     display: block;
     cursor: pointer;
     overflow: hidden;
}

.gallery-row__item>a img {
     border-radius: 3px;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.gallery-row__item>a:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after,
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
     border: 2px solid #004594;
}

.downloads {
     margin: 30px 0 0;
}

.downloads__link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-style: normal;
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     text-align: left;
     color: #585858;
     padding: 17px 24px;
     margin: 0 0 16px;
     background: #ffffff;
     border: 1px solid #f0f3f9;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.downloads__link>svg {
     margin: 0 0 0 20px;
}

.downloads__link:hover {
     border: 1px solid #004594;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.faq-accordion-item {
     margin: 0 0 20px 0;
}

.faq-accordion-item__title {
     width: 100%;
     position: relative;
     background: #ffffff;
     border: 1px solid #f4f4f4;
     box-shadow: 0px 2px 14px rgba(212, 212, 212, 0.25);
     padding: 18px;
     background: #fff;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #5a5a5a;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.faq-accordion-item__content {
     display: none;
     padding: 34px 24px;
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     text-align: center;
     color: #0d1017;
}

.faq-accordion-item__title.is-open {
     background: #004594;
     color: #ffffff;
}

.faq-accordion-item__title.is-open+.faq-accordion-item__content {
     display: block;
}

.information-sub-card {
     margin: 40px -8px 0;
}

.information-sub-card__item {
     width: 25%;
     padding: 8px;
}

.information-sub-card__link {
     display: block;
     height: 100%;
     padding: 17px;
     background: #fffcfc;
     border: 1px solid #eaeaea;
}

.information-sub-card__link,
.information-sub-card__link>img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.information-sub-card__title {
     font-style: normal;
     font-weight: 600;
     font-size: 18px;
     text-align: left;
     color: #212832;
     margin: 30px 0 0;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.information-sub-card__link:hover .information-sub-card__title {
     color: #004594;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.vacancies {
     margin: 0 -8px;
}

.vacancies__item {
     width: 50%;
     padding: 0 8px 8px;
}

.vacancies__link {
     display: block;
     padding: 20px 28px;
     background: #ffffff;
     border: 1px solid #f4f4f4;
     border-radius: 3px;
     box-shadow: 0px 2px 14px rgba(212, 212, 212, 0.25);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.vacancies__title {
     font-style: normal;
     font-weight: 700;
     font-size: 25px;
     text-align: left;
     color: #000000;
}

.vacancies__link:hover .vacancies__title {
     color: #004594;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.vacancies__des {
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     line-height: 31px;
     text-align: left;
     color: #383838;
     margin: 19px 0 22px;
}

.vacancies__footer {
     padding: 13px 0 0;
     border-top: 1px solid #e4e4e4;
}

.vacancies-text {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: normal;
     text-align: center;
     color: #5a5a5a;
     padding: 6px 10px;
     margin: 4px 6px 4px 0;
     border: 1px solid #dfdfdf;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.vacancies-text>svg {
     margin: 0 8px 0 0;
}

.vacancies-page__header,
.search-result__text {
     margin: 0 0 40px;
}

.vacancies-page__des {
     margin: 0 0 35px;
}

.search-result__text {
     font-style: normal;
     font-weight: 400;
     font-size: 19px;
     line-height: 20px;
     text-align: left;
     color: #444e55;
}

.about-us__item {
     justify-content: space-between;
     align-items: center;
     margin: 0 0 32px;
}

.about-us__item:nth-child(odd) {
     flex-direction: row-reverse;
}

.about-us__img {
     width: 42%;
}

.about-us__info {
     width: 53%;
}

.contacts-page {
     justify-content: space-between;
}

.contacts-page__form {
     width: 47%;
}

.contacts-page__map {
     width: 100%;
}

.contacts-page-form {
     padding: 35px 20px 28px;
     background: #ffffff;
     border-radius: 5px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.contacts-page-form>.main-form__item {
     width: 50%;
     padding: 0 8px;
}

.contacts-page-info {
     width: 48%;
}

.contacts-page-info__title {
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     text-align: left;
     color: #a4a4a4;
}

.contacts-page-info__link {
     display: block;
     width: fit-content;
     font-style: normal;
     font-weight: 400;
     font-size: 25px;
     text-align: left;
     color: #444e55;
     padding: 5px 0;
}

.contacts-social-media {
     margin: 10px 0 0;
}

.contacts-social-media__link {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     padding: 13px;
     margin: 0 7px 7px 0;
     background: #fcfcfc;
     border: 1px solid #cccccc;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.contacts-social-media__link>img {
     height: 100%;
     object-fit: contain;
}

.contacts-page__iframe {
     margin: 40px 0 0;
     height: 400px;
     background: #ffffff;
     padding: 13px;
     border-radius: 5px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.contacts-page__iframe>iframe {
     display: flex;
}

.personal-area-btn {
     display: none;
     white-space: nowrap;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 18px;
     text-align: left;
     color: #737373;
     padding: 7px 10px;
     margin: 0 0 35px;
     background: #ffffff;
     border: 1px solid #dbdbdb;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.personal-area-btn>svg {
     width: 16%;
     height: auto;
     margin: 0 6px 0 0;
}

.personal-area {
     display: flex;
     justify-content: space-between;
     position: relative;
     padding: 15px 0 30px;
}

.personal-area__item {
     width: 25%;
}

.personal-area__item:last-child {
     width: 72%;
}

.personal-area-menu {
     padding: 5px 0;
     background: #fff;
     box-shadow: 0px 4px 7px #dddfe3;
}

.personal-area-btn__close {
     display: none;
}

.personal-area-menu__link {
     display: flex;
     align-items: center;
     padding: 17px 20px;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #737373;
}

.personal-area-menu__link>svg {
     margin: 0 18px 0 0;
}

.personal-area-btn>svg>image,
.personal-area-menu__link>svg>image {
     filter: brightness(0) saturate(100%) invert(55%) sepia(0%) saturate(15%) hue-rotate(204deg) brightness(94%) contrast(92%);
}

.personal-area-menu__link_active>svg * {
     fill: #000000;
}

.personal-area-menu__link_active>svg>image {
     filter: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(72%) hue-rotate(10deg) brightness(102%) contrast(101%);
}

.personal-area-menu__link_active {
     color: #000000;
}

.basket-table {
     background: #ffffff;
     border: 1px solid #dbdbdb;
}

.basket-table-container {
     min-width: 1000px;
}

.basket-table__title {
     padding: 22px 47px;
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     text-align: left;
     color: #1b335b;
}

.basket-table-scroll {
     overflow-x: auto;
}

.basket-table-scroll::-webkit-scrollbar {
     height: 5px;
}

.basket-table-scroll::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
}

.basket-table-scroll::-webkit-scrollbar-thumb {
     background: #080808;
}

.basket-table-header {
     background: #f5f5f5;
}

.basket-table-header,
.basket-table-content,
.basket-table-footer {
     display: flex;
     align-items: center;
     padding: 15px 15px 15px 25px;
}

.basket-table-header__item,
.basket-table-content__item {
     width: 17%;
}

.basket-table-header__item:first-child,
.basket-table-content__item:first-child {
     width: 25%;
}

.basket-table-header__item:last-child,
.basket-table-content__item:last-child {
     width: 8%;
}

.basket-table-header__title,
.basket-table-content__mobile-title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #1e425299;
     margin: 0 20px 0 0;
}

.basket-table-content__mobile-title {
     display: none;
}

.basket-table-content {
     border-bottom: 1px solid #e1e1e1;
}

.basket-table-content__item>.product-add-count {
     max-width: fit-content;
     margin: 0 20px 0 0;
}

.basket-table-content__text {
     color: #000000;
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     margin: 0 20px 0 0;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.basket-table-content__delete {
     display: block;
     margin: 0 0 0 auto;
}

.basket-table-footer {
     padding: 25px 15px 25px 25px;
     justify-content: flex-end;
}

.basket-table-footer__text {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     font-size: 17px;
     text-align: left;
     color: #000000;
}

.basket-table-footer__text>span {
     font-size: 22px;
}

.personal-area-form-row {
     margin: 30px -8px 0;
}

.personal-area-form-row__item {
     width: 33.333%;
     padding: 0 8px;
     margin: 0 0 15px 0;
}

.personal-area-form-row__item>input {
     outline: none;
     color: #3f3b3b;
     width: 100%;
     padding: 14px 12px;
     border-radius: 5px;
     border: 1px solid #e4e7ef;
     background: #fff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     transition: 0.4s ease;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
}

.personal-area-form-row__item>label {
     display: inline-block;
     margin-bottom: 6px;
     color: #747474;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
}

.personal-area-form-row__btn {
     margin: 0 0 0 auto;
}

.basket-order-checked {
     display: flex;
     flex-wrap: wrap;
     margin: 24px -12px;
}

.basket-order-checked__item {
     display: flex;
     align-items: center;
     padding: 12px;
}

.basket-order-checked__item>input,
.choose-payment-method__item>input {
     cursor: pointer;
     margin: 0 12px 0 0;
     background: #fff;
     width: 23px;
     height: 23px;
     accent-color: #004594;
}

.basket-order-checked__item>label,
.choose-payment-method__item>label {
     cursor: pointer;
     font-style: normal;
     font-weight: 400;
     font-size: 17px;
     line-height: 23px;
     text-align: left;
     color: #737373;
}

#orderDeliveryContent {
     display: none;
     margin: 0 0 35px;
}

.delivery-select {
     display: flex;
     flex-wrap: wrap;
}

.delivery-select__item {
     padding: 5px 10px 5px 0;
}

.standard-delivery,
.fast-delivery {
     outline: none;
     padding: 11px 15px;
     border-radius: 3px;
     border: 1px solid #555;
     background: #fff;
     color: #444;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     text-align: left;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     transition: 0.4s ease;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
}

.fast-delivery {
     color: #9e9e9e;
}

.fast-delivery:hover {
     border: 1px solid #004594;
     background: #004594;
     color: #fff;
}

.selcet-area {
     cursor: pointer;
     display: block;
     outline: none;
     color: #3f3b3b;
     width: 100%;
     padding: 14px 12px;
     border-radius: 5px;
     border: 1px solid #ebebeb;
     background: #fff;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     transition: 0.4s ease;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     -ms-transition: 0.4s ease;
     -o-transition: 0.4s ease;
}

.mark-on-map-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 13px 10px;
     color: #747474;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     text-align: left;
     background: #f4f4f4;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.order-take-map {
     height: 400px;
     padding: 15px;
     margin: 30px 0;
     background: #ffffff;
     border: 1px solid #eaeaea;
     border-radius: 5px;
     box-shadow: 0px 6px 11px rgba(169, 169, 169, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.order-take-map>iframe {
     display: flex;
}

.choose-payment__title {
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     text-align: left;
     color: #000000;
     margin: 0 0 15px 0;
}

.choose-payment-method__item {
     display: flex;
     align-items: center;
     padding: 8px 0 20px;
}

.payment-online {
     display: none;
     flex-wrap: wrap;
     margin: 27px -5px 0;
}

.payment-online__item {
     padding: 8px 5px;
}

.payment-online__bg {
     min-height: 51px;
     height: 100%;
     padding: 8px;
     display: flex;
     align-items: center;
     border-radius: 3px;
     border: 0.5px solid #9e9e9e;
     background: #fff;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.payment-online__bg>input {
     cursor: pointer;
     margin: 0 10px 0 0;
     width: 20px;
     height: 20px;
     accent-color: #004594;
}

.payment-online__bg>label {
     cursor: pointer;
     display: flex;
     align-items: center;
}

.payment-online__bg>label>img {
     width: 46px;
     height: auto;
     object-fit: contain;
}

.payment-online__bg>label>img:not(:last-child) {
     margin: 0 10px 0 0;
}

.order-total {
     display: flex;
     margin: 35px 0 15px 0;
}

.order-total__text {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     color: #000;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
}

.order-total__text>span {
     font-size: 20px;
}

.basket-order-form__btn {
     display: block;
     max-width: 330px;
     width: 100%;
     margin: 0 0 0 auto;
}

.ordering-information {
     padding: 17px 0 0;
}

.ordering-information__item {
     padding: 16px 18px;
     border-bottom: 1px solid #e1e1e1;
}

.ordering-information__title {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 25px;
     text-align: left;
     color: #959595;
}

.ordering-information__text {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 19px;
     text-align: left;
     color: #000000;
}

.ordering-information-btns {
     justify-content: flex-end;
     align-items: center;
     width: 100%;
}

.ordering-information-btns__edit,
.ordering-information-btns__pay {
     display: block;
     max-width: 230px;
     width: 100%;
     margin: 5px;
     line-height: normal;
}

.current-purchases__item {
     margin: 0 0 17px;
}

.current-purchases-link {
     display: flex;
     justify-content: space-between;
     padding: 6px 15px 8px;
     border-radius: 5px;
     border: 1px solid #eaeaea;
     border-radius: 5px;
     box-shadow: 0px 6px 5px rgba(231, 231, 231, 0.25);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.current-purchases-link:hover {
     transition: .4s ease;
     border: 1px solid #004594;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.current-purchases-link__order {
     white-space: nowrap;
     color: #737373;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     padding: 9px 10px 9px 0;
}

.current-purchases-link__status {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
}

.order-status,
.order-time-date {
     background: #111B38;
     margin: 5px;
     padding: 5px 12px;
     color: #fff;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     text-align: center;
}

.order-status-success {
     background: #09ad95;
}

.order-status-delivered {
     background: #2e7bee;
}

.order-status-awaiting {
     background: #DE1C5C;
}

.current-purchases-header {
     margin: 8px 0 0;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
}

.current-purchases-header__back,
.current-purchases-header__download {
     display: flex;
     align-items: center;
     justify-content: center;
     width: fit-content;
}

.current-purchases-header__back {
     color: #000000;
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     margin: 0 35px 15px 0;
}

.current-purchases-header__back:hover {
     color: #004594;
}

.current-purchases-header__back:hover svg * {
     fill: #004594;
}

.current-purchases-header__download {
     border: 1px solid #000000;
     background: #000000;
     padding: 11px 17px;
     color: #ffffff;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
}

.current-purchases-header__back>svg,
.current-purchases-header__download>svg {
     margin: 0 12px 0 0;
}

.current-purchases-header {
     margin: 8px 0 0;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
}

.current-purchases-header__back,
.current-purchases-header__download {
     display: flex;
     align-items: center;
     justify-content: center;
     width: fit-content;
}

.information-order {
     margin: 30px 0;
     border: 1px solid #f5f5f5;
     background: #fff;
}

.information-order__title {
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     text-align: left;
     padding: 22px 15px;
     color: #000000;
}

.information-order-header {
     background: #f5f5f5;
}

.information-order-header,
.information-order-content {
     display: flex;
     flex-wrap: wrap;
}

.information-order-header__item:first-child,
.information-order-content__item:first-child {
     width: 24%;
}

.information-order-header__item,
.information-order-content__item {
     border-bottom: 1px solid #e1e1e1;
     width: 19%;
}

.information-order-header__item:not(:last-child),
.information-order-content__item:not(:last-child) {
     border-right: 1px solid #f5f5f5;
}

.information-order-header__title,
.information-order-content__title,
.information-order-title-mobile {
     margin: 12px 15px;
     color: #00000099;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.information-order-content__title {
     color: #000000;
}

.information-order-title-mobile {
     display: none;
}

.information-order-footer {
     margin: 27px 17px 0 17px;
}

.information-order-footer__item {
     margin: 0 0 8px 0;
}

.information-order-footer__title,
.information-order-footer__text {
     color: #626262;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 25px;
}

.information-order-footer__text {
     font-size: 16px;
     color: #000000
}

.information-order-total {
     margin: 20px 0 0;
     padding: 21px 15px 21px;
     border-top: 1px solid #e1e1e1;
}

.information-order-total__text {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     color: #000000;
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
}

.information-order-total__text>span {
     font-size: 22px;
}

.personal-info-form,
.setting-form {
     margin: 0 -8px;
}

.setting-form-line {
     margin: 20px 0;
     border-bottom: 1px solid #ededed;
}

.personal-area__item .product-card>.product-card__item {
     width: 25%;
}

.bonus-card-form>.main-form__item {
     width: 33.333%;
}

.bonus-card-form__btn {
     max-width: 200px;
     width: 100%;
     margin: 0 0 0 auto;
}

.bar-code {
     margin: 0 -10px
}

.bar-code__item {
     width: 40%;
     padding: 0 10px 10px;
}

.bar-code__card {
     height: 100%;
     padding: 20px;
     border-radius: 10px;
     background: url(../img/bar-code-img-bg.png) 50% 50% no-repeat;
     background-size: 90%;
     background-color: #fff;
     border: 1px solid #d8d8d8;
     box-shadow: 0px 3px 6px rgba(174, 169, 169, 0.16);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.bar-code__card:first-child {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}

.bar-code__logo {
     max-width: 119px;
     margin: 0 0 26px;
}

.bar-code__number {
     max-width: 250px;
     width: 100%;
}

.bar-code__info {
     padding: 8px 0;
}

.bar-code__title,
.bar-code__text {
     font-weight: normal;
     font-size: 18px;
     text-align: left;
     color: #000;
}

.bar-code__text {}

sub {
     vertical-align: bottom;
}

.required::after {
     content: ' *';
     color: #ff0000;
}

.show {
     display: block !important;
}

.hide {
     display: none !important;
}

.flex {
     display: flex !important;
}

.overflow-hidden {
     overflow-y: hidden !important;
}

.full-width {
     width: 100% !important;
}

.clear-both {
     clear: both;
}

.editor ul,
ol {
     padding: revert;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

/* Firefox */
input[type=number] {
     -moz-appearance: textfield;
}





/* ------ RESPONSIVE ------ */

@media all and (max-width: 1500px) {
     .container {
          max-width: 100%;
          padding: 0 30px;
     }

     .header-menu__link {
          font-size: 14px;
     }

     .header-btns__online-app,
     .header-btns__calculator {
          padding: 6px 15px;
     }

     .category-menu {
          height: 450px;
     }

     .section-space {
          padding: 0 0 40px;
     }
}

@media all and (max-width: 1199px) {
     .header-top__content {
          width: fit-content;
     }

     .header-search-form {
          display: none;
     }

     .header-icons_search,
     .header-icons_favorite,
     .header-icons_basket,
     .header-icons_user {
          display: flex;
          background: #ffffff;
          width: 40px;
          height: 40px;
     }

     .header-icons_menu-burger {
          display: block;
          margin: 0 0 0 13px;
     }

     .header-icons_favorite>svg,
     .header-icons_basket>svg,
     .header-icons_user>svg,
     .header-icons_search>svg {
          width: 17px;
          height: auto;
     }

     .header-icons_user>svg * {
          stroke: #4d5882;
     }

     .navigation {
          visibility: hidden;
          position: fixed;
          align-items: flex-start;
          padding: 20px 30px;
          top: 70px;
          width: 100%;
          right: 100%;
          z-index: 20;
          background: url('../img/nav-bg-img.png') no-repeat 50% 98%;
          background-size: 92%;
          background-color: #ffffff;
          height: calc(100svh - 70px);
          overflow-y: scroll;
          transition: .4s ease;
          -webkit-transition: .4s ease;
          -moz-transition: .4s ease;
          -ms-transition: .4s ease;
          -o-transition: .4s ease;
     }

     .navigation.open {
          visibility: visible;
          transform: translateX(100%);
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
          -o-transform: translateX(100%);
     }

     .header-mobile-menu {
          padding: 35px 0 0;
          display: block;
     }

     .header-menu {
          margin: 35px 0;
          width: 100%;
          display: flex;
          align-items: flex-end;
          flex-direction: column;
     }

     .header-menu__item {
          padding: 18px 0;
     }

     .header-menu__link {
          font-weight: 500;
          font-size: 28px;
          text-align: left;
          color: #004594;
     }

     .menu-burger-close {
          position: absolute;
          top: 20px;
          left: 30px;
     }

     .menu-burger-close,
     .category-menu-header,
     .category-sub-header,
     .category-sub-back,
     .category-sub-close-btn {
          display: flex;
     }

     .category-menu-bg {
          top: 1px;
          margin: 0;
          height: calc(100svh - 70px);
     }

     .category-menu {
          height: 100%;
          padding: 10px 0;
     }

     .category-menu-row__item {
          width: 100%;
          text-align: right;
          margin: 0;
          padding: 19px 0;
     }

     .category-title {
          display: none;
     }

     .category-back-btn {
          position: absolute;
          top: 30px;
          left: 30px;
          display: block;
     }

     .category-sub-header__title {
          display: inline-block;
          font-size: 28px;
          text-align: right;
          margin: 0 0 25px;
     }

     .category-sub__link {
          text-align: right;
     }

     .navigation::-webkit-scrollbar {
          width: 6px;
     }

     .navigation::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #efefef;
     }

     .navigation::-webkit-scrollbar-thumb {
          background: #000000;
     }

     .header-search .header-search-form {
          display: block;
          width: 100%;
     }

     main {
          padding: 69px 0 0;
     }

     footer {
          padding: 40px 0 25px;
     }

     .main-slide-info__title {
          font-size: 35px;
          line-height: 48px;
     }

     .product-banner {
          margin: 40px 0 0;
     }

     /* //////////////////////////////////////////////////////////////////////////////////////////// */
     /* .five-product-card>.product-card__item,
     .product-card__item,
     .brand-card__item {
          width: 25%;
     } */

     .shops__map {
          width: 64%;
     }

     .shops__address {
          width: 33%;
     }

     .gallery-row__item {
          width: 20%;
     }

     .personal-area__item {
          width: 30%;
     }

     .personal-area__item:last-child {
          width: 68%;
     }

     .personal-area__item .product-card>.product-card__item {
          width: 33.333%;
     }

     .bar-code__item {
          width: 50%;
     }
}

@media all and (max-width: 1024px) {
     .header-logo {
          max-width: 114px;
     }

     .header-tel {
          font-size: 0;
     }

     .header-tel>svg {
          margin: 0;
     }

     .navigation {
          top: 62px;
          height: calc(100svh - 62px);
     }

     .category-menu-bg {
          height: calc(100svh - 62px);
     }

     .footer-row__item {
          width: 50%;
     }

     .main-title {
          font-size: 35px;
          margin: 0 0 40px 0;
     }

     main {
          padding: 60px 0 0;
     }

     .section-space {
          padding: 0 0 35px;
     }

     .main-slide-content {
          margin: 12px 0 18px;
     }

     .main-slide {
          width: 100%;
     }

     .main-slide-info {
          left: 20px;
     }

     .main-images {
          justify-content: space-between;
          width: 100%;
          margin: 14px 0 0;
     }

     .main-images__item:first-child,
     .main-images__item {
          width: 49%;
          margin: 0;
     }

     .main-slide-img-info__title {
          font-size: 15px;
          line-height: 23px;
     }

     .home-banner {
          gap: 15px;
          grid-template-columns: repeat(2, auto);
     }

     .product-card>.swiper-wrapper {
          margin: 0;
          flex-wrap: nowrap;
     }

     .product-card.product-slide .product-card__item,
     .product-card.discount-slide .product-card__item,
     .product-card.clothes-slide .product-card__item {
          padding: 0;
     }

     .product-card-favorite,
     .product-card-percent,
     .product-card-delete {
          bottom: 16px;
          right: 9px;
          width: 36px;
          height: 36px;
     }

     .product-card-percent {
          bottom: 60px;
     }

     .news-banner {
          grid-template-columns: repeat(2, auto);
          gap: 14px;
          margin: 35px 0 0;
     }

     .news-banner__title {
          font-size: 24px;
          line-height: 30px;
     }

     .blog-card__item,
     .information-sub-card__item {
          width: 50%;
     }

     .product-filter-btn,
     .product-filter-close-btn {
          display: block;
     }

     .product-filter-row__item,
     .product-filter-row__item:last-child {
          width: 100%;
     }

     .product-filter-bg {
          visibility: hidden;
          position: fixed;
          top: 0;
          right: 100%;
          width: 100vw;
          height: 100vh;
          z-index: 50;
          background: rgba(28, 27, 27, 0.019999999552965164);
          backdrop-filter: blur(22px);
          transition: .4s ease;
          -webkit-transition: .4s ease;
          -moz-transition: .4s ease;
          -ms-transition: .4s ease;
          -o-transition: .4s ease;
     }

     .product-filter {
          max-width: 320px;
          width: 100%;
          height: 100%;
          padding: 20px 25px;
          background: #ffffff;
          overflow-y: auto;
     }

     .product-filter-bg.open {
          visibility: visible;
          transform: translateX(100%);
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
          -o-transform: translateX(100%);
     }

     .product-filter::-webkit-scrollbar {
          width: 6px;
     }

     .product-filter::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #efefef;
     }

     .product-filter::-webkit-scrollbar-thumb {
          background: #080808;
     }

     .bread-crumbs {
          flex-wrap: nowrap;
          overflow-x: scroll;
     }

     .bread-crumbs::-webkit-scrollbar {
          display: none;
     }

     .five-product-card>.product-card__item,
     .product-card__item,
     .brand-card__item {
          width: 33.333%;
     }

     .product-page-section .product-detail__title {
          display: flex;
          margin: 0 0 15px;
     }

     .product-detail__info>.main-title {
          display: none;
     }

     .product-detail__slide,
     .product-detail__info {
          width: 100%;
     }

     .product-detail {
          padding: 12px 0 30px;
     }

     .product-detail__slide {
          margin: 0 0 37px;
     }

     .product-detail-slide>.swiper-pagination {
          bottom: 10px;
     }

     .product-advantage__text {
          font-size: 16px;
     }

     .shops__map,
     .shops__address {
          width: 100%;
     }

     .shops__map {
          margin: 0 0 35px;
     }

     .shops__address {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -7px;
          padding: 0 5px 0 0;
     }

     .shops__address__item {
          width: 50%;
          padding: 0 7px;
     }

     .gallery-row__item {
          width: 25%;
     }

     .vacancies__item {
          width: 100%;
     }

     .vacancies-page__header,
     .search-result__text {
          margin: 0 0 30px;
     }

     .contacts-page-form {
          padding: 35px 20px 20px;
     }

     .contacts-page-form>.main-form__item {
          width: 100%;
          padding: 0;
     }

     .contacts-page-info__link {
          font-size: 20px;
     }

     .contacts-social-media__link {
          width: 45px;
          height: 45px;
          padding: 11px;
     }

     .personal-area-btn {
          display: flex;
          align-items: center;
          margin: 0 0 25px;
     }

     .personal-area__item,
     .personal-area__item:last-child {
          width: 100%;
     }

     .personal-area-menu-bg {
          display: none;
          align-items: center;
          justify-content: center;
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          height: 100vh;
          z-index: 50;
          padding: 20px 15px;
          background: rgba(28, 27, 27, 0.019999999552965164);
          backdrop-filter: blur(5px);
     }

     .personal-area-menu {
          max-width: 360px;
          width: 100%;
          height: fit-content;
     }

     .information-order {
          padding: 27px 0;
     }

     .information-order__title {
          padding: 0 20px;
          text-align: left;
     }

     .information-order-header {
          display: none;
     }

     .information-order-header,
     .information-order-content {
          padding: 15px 0;
          flex-direction: column;
          border-bottom: 1px solid #e1e1e1;
     }

     .information-order-content__item,
     .information-order-header__item:not(:last-child),
     .information-order-content__item:not(:last-child) {
          border: none;
          width: 100%;
     }

     .information-order-header__title,
     .information-order-content__title,
     .information-order-title-mobile {
          background: unset;
          margin: 0;
     }

     .information-order-title-mobile {
          display: block;
          padding: 12px 20px 0;
     }

     .information-order-content__title {
          margin: 11px 20px;
          font-size: 17px;
     }

     .information-order-footer {
          padding: 30px 0 0;
          margin: 0 20px;
     }

     .information-order-footer__title,
     .information-order-footer__text {
          padding: 0;
     }

     .information-order-total {
          margin: 30px 0 0;
          padding: 23px 0 0;
     }

     .about-us__img {
          width: 70%;
          margin: 0 0 25px;
     }

     .about-us__info {
          width: 100%;
     }
}

@media all and (max-width: 767px) {
     .main-slide-info {
          max-width: 380px;
     }

     .modal-close-btn {
          display: block;
     }

     .product-slide,
     .discount-slide,
     .clothes-slide {
          margin: 0 -30px 0 0;
     }

     .product-banner {
          margin: 30px 0 0;
     }

     .product-filter-btn {
          margin: 0 0 15px;
     }

     .product-detail__slide,
     .product-detail__info {
          width: 100%;
     }

     .product-detail-description {
          margin: 0 0 25px;
     }

     .shops__map {
          margin: 0 0 25px;
     }

     .shops__address__item {
          width: 100%;
     }

     .shops__address__block {
          padding: 15px 28px 18px 15px;
     }

     .blog-page-information__img,
     .information-page__img {
          margin: 0 20px 10px 0;
     }

     .gallery-row__item {
          width: 33.333%;
     }

     .vacancies-page__header,
     .search-result__text {
          margin: 0 0 25px;
     }

     .basket-table {
          padding: 24px 20px;
     }

     .basket-table-container {
          min-width: fit-content;
          width: 100%;
     }

     .basket-table__title,
     .basket-table-header {
          display: none;
     }

     .basket-table-content {
          padding: 0 0 15px;
          flex-direction: column;
          position: relative;
     }

     .basket-table-footer {
          padding: 14px 0 0;
     }

     .basket-table-header__item,
     .basket-table-content__item,
     .basket-table-header__item:first-child,
     .basket-table-content__item:first-child,
     .basket-table-header__item:last-child,
     .basket-table-content__item:last-child,
     .basket-order-table .basket-table-header__item,
     .basket-order-table .basket-table-content__item,
     .basket-order-table .basket-table-header__item:first-child,
     .basket-order-table .basket-table-content__item:first-child {
          width: 100%;
          margin: 8px 0;
     }

     .basket-table-content__item:last-child {
          margin: 0;
     }

     .basket-table-content__mobile-title {
          display: block;
          margin: 0 0 5px;
     }

     .basket-table__title {
          padding: 0;
     }

     .basket-table-content__item>.product-add-count {
          max-width: 173px;
     }

     .basket-table-content__text {
          font-size: 16px;
     }

     .basket-table-content__delete {
          position: absolute;
          top: 12px;
          right: 0;
     }

     .personal-area-form-row__item {
          width: 50%;
     }

     .order-take-map {
          height: 350px;
     }

     .personal-area-form-row__item {
          width: 50%;
     }

     .sort-dropdown__btn {
          width: 38px;
          height: 35px;
     }

     .contacts-page__form,
     .contacts-page-info {
          width: 100%;
     }

     .contacts-page-info,
     .contacts-page__iframe {
          margin: 29px 0 0;
     }

     .bonus-card-form>.main-form__item {
          width: 50%;
     }
}

@media all and (max-width: 575px) {
     body::-webkit-scrollbar {
          width: 6px;
     }

     .container {
          padding: 0 15px;
     }

     .header-logo {
          max-width: 64px;
          margin: 0 10px 0 0;
     }

     .header-icons_search,
     .header-icons_favorite,
     .header-icons_basket,
     .header-icons_user {
          width: 30px;
          height: 30px;
     }

     .header-icons_favorite>svg,
     .header-icons_basket>svg,
     .header-icons_user>svg,
     .header-icons_search>svg {
          width: 13px;
          height: auto;
          display: flex;
     }

     .header-icons_menu-burger>svg,
     .header-tel>svg {
          width: 20px;
          height: auto;
          display: flex;
     }

     .header-icons_search,
     .header-icons_favorite,
     .header-icons_basket,
     .header-icons_user,
     .language-group,
     .header-icons_menu-burger {
          margin: 0 0 0 6px;
     }

     .language-group__title {
          font-size: 9px;
          width: 20px;
          margin: 0 3px 0 0;
          overflow: hidden;
     }

     .category-btn__text {
          font-size: 17px;
          padding: 0 15px 0 0;
     }

     .navigation {
          padding: 20px 15px;
          top: 51px;
          height: calc(100svh - 51px);
     }

     .menu-burger-close {
          left: 15px;
     }

     .header-menu {
          margin: 20px 0;
     }

     .header-menu__item {
          padding: 12px 0;
     }

     .header-menu__link {
          font-size: 20px;
     }

     .category-menu-bg {
          height: calc(100svh - 51px);
     }

     .navigation::-webkit-scrollbar,
     .category-menu::-webkit-scrollbar {
          width: 5px;
     }

     .header-search-form__btn {
          right: 6px;
          top: 9px;
     }

     .category-back-btn {
          position: absolute;
          top: 25px;
          left: 15px;
          display: block;
     }

     .category-sub-header__title {
          font-size: 20px;
          margin: 0 0 15px;
     }

     main {
          padding: 50px 0 0;
     }

     footer {
          padding: 28px 0 20px;
     }

     .footer-top {
          margin: 0 0 38px;
     }

     .footer-row__item {
          width: 100%;
     }

     .footer-info {
          padding: 0;
     }

     .section-space {
          padding: 0 0 25px;
     }

     .main-images {
          margin: 8px 0 0;
     }

     .main-slide-info {
          left: 10px;
          bottom: 0;
     }

     .main-slide-info__title {
          font-size: 17px;
          line-height: 23px;
     }

     .main-slide-info__text {
          font-size: 10px;
          margin: 9px 0 15px;
     }

     .main-slide-info__btn {
          font-size: 10px;
          padding: 4px 10px;
     }

     .main-slide__item>img,
     .main-images__link>img,
     .home-banner__link>img,
     .news-banner__link>img,
     .home-banner__link,
     .news-banner__link,
     .main-banner>img,
     .blog-page-information__img>img,
     .information-page__img>img {
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
     }

     .main-images,
     .main-images__item {
          width: 100%;
     }

     .main-images__item:first-child {
          width: 100%;
          margin: 0 0 8px;
     }

     .product-card.product-slide,
     .product-card.discount-slide .product-card.clothes-slide {
          margin: 0 -15px 0 0;
     }

     .product-card-favorite,
     .product-card-percent,
     .product-card-delete {
          width: 31px;
          height: 31px;
     }

     .product-card-percent {
          bottom: 56px;
     }

     .product-card-info {
          padding: 12px;
     }

     .home-banner {
          gap: 10px;
     }

     .home-banner__item:nth-child(3),
     .home-banner__item:nth-child(4) {
          grid-column: span 2 / auto;
          grid-row: span 1 / auto;
     }

     .main-title {
          font-size: 25px;
          margin: 0 0 25px 0;
     }

     .main-banner {
          margin: 25px 0 0;
     }

     .news-banner {
          grid-template-columns: repeat(1, auto);
          gap: 10px;
          margin: 30px 0 0;
     }

     .news-banner__info {
          padding: 20px;
     }

     .product-banner__img:first-child {
          width: 61%;
          margin: 0 0 8px;
     }

     .product-banner__img:nth-child(2) {
          width: 36%;
          margin: 0 0 8px;
     }

     .product-banner__img,
     .blog-card__item,
     .information-sub-card__item {
          width: 100%;
     }

     .product-filter {
          padding: 20px 15px;
     }

     .product-card {
          margin: 0 -5px;
     }

     .product-card__item {
          padding: 0 5px 10px;
     }

     .product-detail-slide__btns {
          width: 115px;
          height: 22px;
          bottom: 12px;
     }

     .product-detail-slide__prev {
          left: 0;
     }

     .product-detail-slide__next {
          right: 0;
     }

     .product-detail-slide__prev>svg,
     .product-detail-slide__next>svg {
          width: 14px;
          height: auto;
     }

     .product-detail-slide__btns>.swiper-pagination {
          bottom: 8px;
     }

     .product-card-prices__price {
          font-size: 35px;
     }

     .product-detail-size__item {
          width: 53px;
          margin: 0 6px 6px 0;
     }

     .product-colors__item {
          width: 16.666%;
     }

     .share-section {
          margin: 0 0 30px;
     }

     .five-product-card>.product-card__item,
     .product-card__item,
     .brand-card__item,
     .personal-area__item .product-card>.product-card__item {
          width: 50%;
     }

     .registration-form-container,
     .password-recovery-form-container {
          max-width: 600px;
          margin: 35px auto;
     }

     .blog-page-information__img,
     .information-page__img {
          width: 100%;
          margin: 0 0 22px 0;
     }

     .downloads__link {
          padding: 15px 18px;
     }

     .gallery-row__item {
          width: 50%;
     }

     .faq-accordion-item__content {
          padding: 24px 18px;
     }

     .carousel__button.is-prev,
     .carousel__button.is-next {
          top: 52%;
     }

     .vacancies__link {
          padding: 20px 25px;
     }

     .vacancies__title {
          font-size: 20px;
     }

     .vacancies__des {
          margin: 10px 0 15px;
     }

     .personal-area {
          padding: 5px 0 25px;
     }

     .basket-table {
          padding: 14px 11px;
     }

     .personal-area-form-row__item {
          width: 100%;
     }

     .basket-table-footer__text {
          font-size: 16px;
     }

     .basket-table-footer__text>span {
          font-size: 20px;
     }

     #orderDeliveryContent {
          margin: 0 0 10px;
     }

     .basket-order-checked {
          margin: 15px -12px 20px;
     }

     .personal-area-form-row {
          margin: 25px -8px 0;
     }

     .mark-on-map-btn {
          padding: 8px;
          font-size: 12px;
     }

     .payment-online {
          margin: 0 -5px;
     }

     .order-total {
          margin: 30px 0 15px 0;
     }

     .basket-order-form__btn {
          margin: 0;
     }

     .ordering-information {
          padding: 20px 0 0;
     }

     .current-purchases-link {
          flex-direction: column;
     }

     .current-purchases-link__status {
          justify-content: flex-start;
     }

     .order-status,
     .order-time-date {
          margin: 5px 5px 5px 0;
     }

     .current-purchases-link__order {
          white-space: wrap;
     }

     .current-purchases-header__download {
          font-size: 13px;
     }

     .information-order-total__text {
          justify-content: flex-start;
     }

     .personal-info-form,
     .setting-form {
          margin: 0;
     }

     .personal-area-form-row__item {
          width: 100%;
     }

     .personal-area-form-row__btn {
          width: 100%;
     }

     .contacts-social-media__link {
          width: 38px;
          height: 38px;
          padding: 9px;
     }

     .bonus-card-form>.main-form__item,
     .bar-code__item {
          width: 100%;
     }

     .bar-code__card {
          padding: 15px;
          background-size: 78%;
     }

     .bar-code__logo {
          max-width: 80px;
          margin: 0 0 20px;
     }

     .bar-code__number {
          max-width: 200px;
     }

     .bar-code__info {
          padding: 4px 0;
     }

     .bar-code__title,
     .bar-code__text {
          font-size: 16px;
     }

     .about-us__img {
          width: 90%;
          margin: 0 0 25px;
     }
}

@media all and (max-width: 420px) {

     .ordering-information-btns__edit,
     .ordering-information-btns__pay {
          max-width: 100%;
     }
}

@media all and (max-width: 374px) {
     .category-btn__text {
          font-size: 0;
          padding: 0 8px 0 0;
     }

     .five-product-card>.product-card__item,
     .product-card__item,
     .personal-area__item .product-card>.product-card__item {
          width: 100%;
     }
}