@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
     font-family: 'Arm Hmks Bebas Neue';
     src: url(/font/Arm\ Hmks\ Bebas\ Neue.TTF);
}


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

body {
     font-family: "Noto Sans Armenian", sans-serif;
     line-height: 1.5
}

main {
     min-height: calc(100vh - 285px);
     padding: 133px 0 0;
}
/*notify*/
.notification-modal {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #fff;
    border-left: 5px solid #28a745;
    box-shadow: 0 2px 8px rgba(0,0,0,0.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;
    min-width: 300px;
    max-width: 400px;
}

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

.notification-modal-text {
    margin: 0;
    font-size: 15px;
    color: #333;
}

a {
     text-decoration: none;
}
.fast-delivery-active{
    border: 1px solid #B11116!important;
    background: #B11116!important;
    color: #fff!important;
}

.basket-flex-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.basket-flex-block .editor {
    border: 1px solid #555;
    padding: 20px;
    width: 49%;
    background: #B11116;
    color: #fff;
    border-radius: 10px;
}
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: #B11116;
     background: #ffffff;
     padding: 10px 27px;
     border: 1px solid #B11116;
     border-radius: 100px;
     transition: .4s ease;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

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

header {
     background: #ffffff;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 35;
}

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

.header-logo {
     max-width: 163px;
     width: 100%;
}

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

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

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

.header-search-form__icon {
     position: absolute;
     top: 11px;
     left: 23px;
}

.header-search-form__input {
     width: 100%;
     padding: 13px 44px 13px 64px;
     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 {
     position: absolute;
     right: 13px;
     top: 9px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 23px;
     height: 23px;
}

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

.header-icons_search,
.header-icons_favorite,
.header-icons_basket,
.header-icons_user,
.header-icons_menu-burger {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 42px;
     height: 42px;
     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_user,
.header-icons_menu-burger,
.header-icons_search {
     width: 38px;
     height: 38px;
     background: #c3cad9;
}

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

.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__btn::after {
     content: "▼";
     font-size: 8px;
     color: #484848;
}

.language-group__title {
     margin: 0 7px;
     font-style: normal;
     font-weight: 400;
     font-size: 11px;
     line-height: 15px;
     text-align: left;
     color: #484848;
}

.language-group__btn.open .language-group__title {
     color: #B11116;
}

.language-group__btn.open::after {
     color: #B11116;
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
}

.language-selcet {
     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-selcet__link {
     display: flex;
     margin: 6px 0;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: right;
     color: #444e55;
}

.language-selcet__link_active,
.language-selcet__link:hover {
     color: #B11116;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}


.header-bottom {
     background: #B11116;
}

.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%;
}

.category-btn {
     padding: 13px 16px;
     display: flex;
     margin: -5px 10px 0 0;
     align-items: center;
     border: 1px solid #B11116;
     background: #ffffff;
     border-radius: 5px 5px 0px 0px;
     -webkit-border-radius: 5px 5px 0px 0px;
     -moz-border-radius: 5px 5px 0px 0px;
     -ms-border-radius: 5px 5px 0px 0px;
     -o-border-radius: 5px 5px 0px 0px;
}

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

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

.category-menu-bg {
     display: none;
     position: absolute;
     left: 0;
     right: 0;
     height: 100vh;
     z-index: 22;
     background: rgba(28, 27, 27, 0.019999999552965164);
     backdrop-filter: blur(22px);
}

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

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

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

.category-menu::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

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

.category-sub-header {
     display: none;
     width: 100%;
     justify-content: space-between;
     padding: 0 0 24px;
     margin: 0 0 20px;
     border-bottom: 1px solid #eaeaea;
}


.category-sub-header__title {
     display: flex;
     align-items: center;
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     text-align: left;
     color: #080808;
     padding: 0 0 0 9px;
}

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

.category-title {
     display: inline-block;
     font-style: normal;
     font-weight: 500;
     font-size: 20px;
     line-height: 32px;
     text-align: left;
     color: #080808;
     padding: 0 0 10px;
     margin: 0 0 15px;
     border-bottom: 1px solid #B11116;
}

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

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

.category-sub__link {
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 28px;
     text-align: left;
     color: #6d6d6d;
}

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

.header-menu__item {
     display: flex;
     position: relative;
     padding: 14px 19px;
     list-style: none;
}

.header-menu__item:not(:last-child)::after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     right: -2px;
     margin: auto;
     display: block;
     width: 5px;
     height: 5px;
     background: #ffffff;
     border-radius: 1px;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     -ms-border-radius: 1px;
     -o-border-radius: 1px;
}

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

footer {
     background: #FDFDFD;
     padding: 28px 0 18px;
}

.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-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 35px;
     text-align: left;
     color: #677178;
}

.footer-menu__icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 31px;
     height: 31px;
     margin: 0 13px 0 0;
     border: 1px solid #cccccc;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.footer-menu__icon>svg * {
     stroke: #6A6A6A;
}

.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: 28px;
     height: 28px;
     padding: 6px;
     margin: 0 4px 7px 0;
     border: 1px solid #cccccc;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

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

.footer-info {
     padding: 15px 0 0;
     justify-content: space-between;
     border-top: 1px solid #EAEAEA;
}

.footer-info__text {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     text-align: left;
     color: #677178;
}

.footer-info__text:last-child:hover {
     color: #B11116;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.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: 8px;
     box-shadow: 0px 4px 11px rgba(182, 172, 172, 0.25);

}

.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: #B11116;
     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;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.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-family: 'Arm Hmks Bebas Neue';
     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: #B11116;
}

.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,
.registration-btn {
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     line-height: 25px;
     text-align: left;
     text-decoration-line: underline;
     color: #052b3b;
}

.forgot-password {
     margin: 0 25px 0 0;
}

.forgot-password:hover,
.registration-btn:hover {
     color: #B11116;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.main-slide {
     margin: 27px 0;
}

.main-slide__item>img {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.main-slide-info {
     position: absolute;
     bottom: 30px;
     left: 0;
     max-width: 1045px;
     margin: 0 45px 0 0;
     padding: 60px 62px 51px;
     background: rgba(28, 27, 27, 0.019999999552965164);
     border-radius: 0px 10px 10px 0px;
     backdrop-filter: blur(12px);
     -webkit-border-radius: 0px 10px 10px 0px;
     -moz-border-radius: 0px 10px 10px 0px;
     -ms-border-radius: 0px 10px 10px 0px;
     -o-border-radius: 0px 10px 10px 0px;
}

.main-slide-info__title {
     font-family: 'Arm Hmks Bebas Neue';
     font-style: normal;
     font-weight: 400;
     font-size: 70px;
     text-align: left;
     color: #ffffff;
     margin: 0 0 15px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
}

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

.brand-slide {
     overflow: hidden;
}

.brand-slide__item {
     width: 20px;
     padding: 6px;
}

.brand-slide .brand-slide__item {
     width: auto;
     padding: 0;
}

.brand-slide__link {
     display: block;
     align-content: center;
     min-height: 116px;
     padding: 10px;
     background: #ffffff;
     border: 1px solid #d3dbea;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.banner-slide__item {
     display: block;
}

.main-title,
.settings-title {
     position: relative;
     font-family: 'Arm Hmks Bebas Neue';
     font-style: normal;
     font-weight: 500;
     font-size: 30px;
     text-align: left;
     color: #052b3b;
     padding: 0 0 0 19px;
     margin: 0 0 35px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.settings-title {
     padding: 0;
}

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

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

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

.product-card__item {
     width: 16.666%;
     padding: 0 4px 25px 4px;
}

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

.product-card__link {
     display: block;
     height: 100%;
     position: relative;
     background: #ffffff;
     border: 1px solid #ececec;
     border-radius: 2px;
     padding: 12px 10px 18px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.discount-block {
     position: absolute;
     top: 13px;
     left: 15px;
     width: 52px;
     z-index: 2;
     padding: 2px 6px;
     background: #B11116;
     border-radius: 100px;
     text-align: center;
}

.discount-block__number {
     font-style: normal;
     font-weight: 500;
     font-size: 15px;
     color: #ffffff;
}

.product-card-favorite,
.product-card-delete {
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 11px;
     right: 9px;
     width: 33px;
     height: 33px;
     z-index: 2;
     border-radius: 50%;
     background: #ffffff;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.product-card-info__bottom {
     border-top: 1px solid #e3e3e3;
}

.product-card-info__title {
     min-height: 48px;
     font-family: 'Arm Hmks Bebas Neue';
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 24px;
     text-align: left;
     color: #051d41;
     margin: 10px 0;
     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-prices__title {
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 16px;
     text-align: left;
     color: #b6b6b6;
}

.product-card-prices__price {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: normal;
     text-align: left;
     color: #000000;
}

.product-card-prices__old-price {
     display: inline-flex;
     align-items: flex-end;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     text-align: left;
     color: #8D8D8D;
     text-decoration: line-through;
}

.product-card-info__bottom {
     padding: 14px 0 0;
     justify-content: space-between;
     align-items: end;
}

.product-card-basket {
     flex-wrap: nowrap;
     margin: 18px 0 0;
     justify-content: space-between;
}

.product-card-basket__btn {
     display: flex;
     align-items: center;
     justify-content: center;
     min-width: 33px;
     height: 33px;
     margin: 0 0 0 8px;
     background: #ffffff;
     border: 1px solid #ececec;
     border-radius: 50px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
}

.product-add-count {
     display: flex;
     align-items: center;
     max-width: 130px;
     width: 100%;
     height: 36px;
     padding: 5px;
     background: #ffffff;
     border-radius: 100px;
     box-shadow: 0px 0px 10px rgba(172, 172, 172, 0.25);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.decrement-count,
.increment-count,
.count-value {
     font-weight: 400;
     font-size: 17px;
     text-align: center;
     color: #afafaf;
}

.decrement-count,
.increment-count {
     display: flex;
     align-items: center;
     justify-content: center;
     min-width: 25px;
     height: 25px;
     border-radius: 50%;
     color: #051d41;
     background: #ebebeb;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.decrement-count:hover,
.increment-count:hover {
     color: #B11116;
}

.count-value {
     width: 100%;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #051d41;
}

.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-slide-section .banner-slide-section {
     margin: 30px 0 0;
}

.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;
}

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

.about__des {
     width: 50%;
}

.about__img {
     width: 48%;
}

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

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

.blog-card__link {
     padding: 13px 10px 35px;
     display: block;
     height: 100%;
     background: #ffffff;
     border: 1px solid #efefef;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.blog-card__link>img {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.blog-card__date {
     margin: 15px 0 0;
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 20px;
     text-align: left;
     color: #5c4d4d;
}

.blog-card__title {
     margin: 6px 0 0;
     font-family: 'Arm Hmks Bebas Neue';
     font-style: normal;
     font-weight: 500;
     font-size: 22px;
     text-align: left;
     color: #514F4B;
     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: 14px 0;
}

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

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

.bread-crumbs__link:not(:last-child)::after {
     content: " / ";
     font-size: 10px;
     padding: 0 5px 0 2px;
     color: #898585;
}

.bread-crumbs__link_active,
.bread-crumbs__link:hover {
     color: #ADADAD;
     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-header {
     justify-content: space-between;
     align-items: center;
     margin: 0 0 20px;
}

.classify-sort {
     outline: none;
     margin: 0 0 0 auto;
     padding: 12px 15px;
     background: #ffffff;
     border: 1px solid #e8e9eb;
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     text-align: left;
     color: #052b3b;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.product-filter-bg {
     margin: 187px 0 0;
}

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

.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-type__item {
     padding: 18px 14px 5px;
     margin: 0 0 17px;
     background: #ffffff;
     border: 1px solid #e8e9eb;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.product-filter-type__title {
     position: relative;
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     text-align: left;
     color: #052b3b;
     padding: 0 25px 12px 0;
     border-bottom: 1px solid #f1f1f1;
}

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

.product-filter-chackbox {
     margin: 10px 0;
}

.product-filter-chackbox__item {
     padding: 7px 0;
     display: flex;
     align-items: center;
}

.product-filter-chackbox__item>input {
     cursor: pointer;
     min-width: 21px;
     width: 21px;
     height: 21px;
     accent-color: #B11116;
     background: #ffffff;
     margin: 0 7px 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-chackbox__item>label {
     cursor: pointer;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: left;
     color: #06364b;
}

.product-filter-chackbox__item>input:checked+label {
     color: #B11116;
}


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


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

.page-banner {
     margin: 20px 0 0;
}

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

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

.product-detail__slide {
     width: 42%;
}

.product-detail__info {
     width: 55%;
}

.product-page-section .main-title-mobile {
     display: none;
}

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

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

.product-detail__code,
.product-detail__brand {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     color: #051d41;
}

.product-detail__brand {
     display: flex;
     align-items: center;
     margin: 0 0 30px;
}

.product-detail__brand>img {
     height: 40px;
     margin: 0 0 0 6px;
     width: fit-content;
     object-fit: contain;
}

.product-detail__text {
     margin: 19px 0 35px;
     font-style: normal;
     font-weight: 400;
     font-size: 15px;
     line-height: 26px;
     text-align: left;
     color: #515662;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
}

.product-detail-prices {
     margin: 0 0 14px;
}

.product-card-prices>.product-card-prices__title {
     font-size: 16px;
}

.product-detail__btns {
     align-items: center;
}

.product-detail__btns>.product-add-count {
     margin: 10px 8px 10px 0;
}

.product-cart-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 11px;
     font-style: normal;
     font-weight: 400;
     font-size: 10px;
     color: #515662;
     background: #ffffff;
     border: 1px solid #ececec;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

/*.product-cart-btn>svg {*/
/*     margin: 0 8px 0 0;*/
/*}*/

.product-card-favorite:hover,
.product-card-basket__btn: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: #B11116;
}



.product-card-favorite:hover svg *,
.product-card-basket__btn: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-cart-btn:hover {
     color: #ffffff;
}

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

.product-detail-slide {
     padding: 10px;
     background: #ffffff;
     border: 1px solid #ececec;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

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

.product-detail-slide>.swiper-pagination>.swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     background-color: #000000;
     opacity: 1;
}

.product-detail-slide>.swiper-pagination>.swiper-pagination-bullet-active {
     background-color: #B11116;
     width: 20px;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.product-detail-slide__item>img {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

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

.registration-content__logo,
.password-recovery__logo {
     max-width: 420px;
     margin: 0 auto 15%;
}

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

.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: 4px 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);
}

.brand-icon {
     position: relative;
     z-index: 2;
     margin: -60px 0 0 25px;
     width: 118px;
     height: 118px;
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: #ffffff;
     box-shadow: 0px 4px 4px rgba(217, 217, 217, 0.25);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.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: 1px 12px 1px 1px;
}

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

.shops__address::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px #efefef;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.shops__address::-webkit-scrollbar-thumb {
     background: #B11116;
     border-radius: 15px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
}

.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: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.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 #B11116;
}

.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 #B11116;
     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 #ebebeb;
     box-shadow: 0px 2px 14px rgba(212, 212, 212, 0.25);
     padding: 15px 20px;
     font-family: 'Arm Hmks Bebas Neue';
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     text-align: left;
     text-transform: uppercase;
     color: #5a5a5a;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

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

.faq-accordion-item__title.is-open {
     background: #B11116;
     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-family: 'Arm Hmks Bebas Neue';
     font-style: normal;
     font-weight: 600;
     font-size: 18px;
     text-align: left;
     color: #212832;
     margin: 30px 0 0;
     text-transform: uppercase;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.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-family: 'Arm Hmks Bebas Neue';
     font-style: normal;
     font-weight: 400;
     font-size: 25px;
     text-align: left;
     color: #052B3B;
}

.vacancies__link:hover .vacancies__title {
     color: #B11116;
     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;
}

.share-with-friends {
     display: flex;
     margin: 35px 0 20px;
}

.share-with-friends__title {
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 18px;
     text-align: left;
     color: #000000;
     margin: 10px 15px 0 0;
}

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

.share__link {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 2px;
     width: 50px;
     height: 50px;
     padding: 12px;
     background: #fcfcfc;
     border: 1px solid #cccccc;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.share__link>img {
     height: 100%;
     object-fit: contain;
}

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

.about-us-section {
     max-width: 1920px;
     margin: 0 auto;
}

.about-us__item {
     margin: 55px 0;
}

.about-us__img {
     width: 42%;
     float: left;
     margin: 0 45px 12px 0;
}

.about-us__des {
     padding: 10% 0 0;
}

.about-us__item:nth-child(3n) .about-us__img {
     float: right;
     margin: 0 0 12px 45px;
}

.about-us__item:nth-child(3n) .about-us__des {
     text-align: right;
}

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

.contacts-page__form {
     width: 48%;
}

.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: 49%;
}

.contacts-page-info__link {
     display: block;
     width: fit-content;
}

.contacts-page-info__link>span {
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 20px;
     line-height: 35px;
     text-align: left;
     color: #444e55;
}

.contacts-page-info__link:hover span {
     color: #B11116;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.contacts-social-media {
     margin: 25px 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: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.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;
     border-radius: 4px;
     border: 1px solid #dcdfe4;
     background: #fff;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
}

.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 30px 0 0;
}

.personal-area-menu__link:not(:last-child) {
     border-bottom: 1px dashed #e9e9e9;
}

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

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

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

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

.basket-table__title {
     font-family: 'Arm Hmks Bebas Neue';
     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;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.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__item:first-child .basket-table-content__text {
     font-family: 'Arm Hmks Bebas Neue';
}

.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: #051D41;
     font-size: 20px;
     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;
}

.personal-area-form-row__btn:hover {
     color: #fff;
     background: #B11116;
}

.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: #B11116;
}

.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;
}

.choose-payment {
     margin: 30px 0 0;
}

#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 #B11116;
     background: #B11116;
     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-family: 'Arm Hmks Bebas Neue';
     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: #B11116;
}

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

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

.order-total {
     display: flex;
     justify-content: flex-end;
     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: 30px;
}

.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;
}

.current-purchases__header {
     justify-content: space-between;
}

.current-purchases__text {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     line-height: 19px;
     text-align: left;
     color: #000000;
     padding: 0 20px 22px;
}

.current-purchases__text:first-child {
     color: #747474;
}

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

.current-purchases-link {
     display: flex;
     justify-content: space-between;
     padding: 5px;
     background: #ffffff;
     border: 1px solid #dcdfe4;
     border-radius: 100px;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     box-shadow: 0px 6px 5px rgba(231, 231, 231, 0.25);
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

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

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

.current-purchases-link:hover {
     border: 1px solid #B11116;
}

.current-purchases-link:hover .current-purchases-link__order {
     color: #B11116;
}

.order-status {
     font-style: normal;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     color: #474747;
     padding: 5px 20px;
}

.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 18px 15px 0;
}

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

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

.current-purchases-header__download {
     border: 1px solid #B11116;
     background: #fff;
     padding: 11px 17px;
     color: #B11116;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

.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;
}

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

.current-purchases-header__download {
     border: 1px solid #B11116;
     background: #fff;
     padding: 11px 17px;
     color: #B11116;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}

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

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

.information-order__title {
     font-family: 'Arm Hmks Bebas Neue';
     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__item:first-child .information-order-content__title {
     font-family: 'Arm Hmks Bebas Neue';
}

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

.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-family: 'Arm Hmks Bebas Neue';
     font-size: 20px;
     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;
}

.settings-step-row {
     justify-content: center;
     margin: 0 0 22px;
}

.settings-step-row__item {
     position: relative;
     width: 30%;
     padding: 0 15px 0 0;
}

.settings-step-row__item:last-child {
     width: auto;
     padding: 0;
}

.settings-step {
     display: flex;
     align-items: center;
}

.settings-step__circle {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 43px;
     width: 43px;
     height: 43px;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: center;
     color: #ffffff;
     margin: 0 15px 0 0;
     background: #798989;
     outline: 6px solid #7989896c;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}

.settings-step__line {
     width: 100%;
     height: 3px;
     background: #798989;
     border-radius: 100px;
}


.settings-step.step-finished>.settings-step__circle {
     background: #b11116;
     outline-color: #b1111653;
}

.step-finished>.settings-step__line {
     background: linear-gradient(90deg, #b11116 50%, #798989 50%);
}

.step-finished {
     color: #b11116;
}

.settings-step-info {
     margin: 17px 0 0;
}

.settings-step-info__process {
     font-family: 'Arm Hmks Bebas Neue';
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     text-transform: uppercase;
     color: #868686;
}

.settings-step.step-finished+.settings-step-info>.settings-step-info__process {
     color: #b11116;
}

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

sub {
     vertical-align: bottom;
}

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

.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: 360px;
     }

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

}

@media all and (max-width: 1199px) {
     .header-top {
          padding: 10px 0 15px;
     }

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

     .header-icons {
          position: absolute;
          top: 88px;
          right: 0;
          z-index: 3;
     }

     .header-icons_search,
     .header-icons_favorite,
     .header-icons_basket,
     .header-icons_user,
     .header-icons_menu-burger {
          display: flex;
          background: #ffffff;
          width: 32px;
          height: 32px;
          margin: 0 0 0 4px;
     }

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

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

     .navigation {
          visibility: hidden;
          position: fixed;
          align-items: flex-start;
          padding: 20px 30px;
          top: 0;
          width: 100%;
          right: 100%;
          z-index: 20;
          background-size: 92%;
          background-color: #ffffff;
          height: 100vh;
          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: 14px 0;
     }

     .header-menu__item:not(:last-child)::after {
          display: none;
     }

     .header-menu__link {
          font-size: 20px;
          text-align: right;
          color: #080808;
     }


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

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

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

     .category-menu-row__item {
          width: 100%;
          text-align: right;
          margin: 0;
          padding: 19px 0;
          border-bottom: 1px solid #FCF4F4;
     }

     .category-title {
          padding: 0;
          margin: 0;
          border: none;
     }

     .category-sub {
          display: none;
          padding: 20px 30px;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 100vh;
          overflow-y: auto;
          background: #ffffff;
     }

     .category-sub-header {
          border-color: #B11116;
     }

     .category-sub__link {
          font-size: 18px;
          line-height: 48px;
          text-align: right;
     }

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

     .navigation::-webkit-scrollbar-track,
     .category-menu::-webkit-scrollbar-track,
     .category-sub::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px #efefef;
          border-radius: 2px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
     }

     .navigation::-webkit-scrollbar-thumb,
     .category-menu::-webkit-scrollbar-thumb,
     .category-sub::-webkit-scrollbar-thumb {
          background: #080808;
     }

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

     main {
          padding: 131px 0 0;
     }

     .main-slide-info {
          padding: 20px;
          bottom: 17px;
          margin: 0 30px 0 0;
     }

     .main-slide-info__title {
          font-size: 50px;
          margin: 0 0 5px;
     }

     .main-slide-info__text {
          font-size: 16px;
     }

     .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%;
     }
}

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

     .header-icons {
          top: 75px;
     }

     .footer-row__item {
          width: 50%;
     }

     main {
          padding: 123px 0 0;
     }

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

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

     .main-title,
     .settings-title {
          margin: 0 0 30px;
     }

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

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

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

     .classify-sort {
          margin: 0;
     }

     .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;
          margin: 0;
          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;
          border-radius: 2px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
     }

     .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%;
     }

     .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;
     }

     .about-us__item {
          margin: 35px 0;
     }

     .about-us__img {
          margin: 0 30px 12px 0;
     }

     .about-us__des {
          padding: 0;
     }

     .about-us__item:nth-child(3n) .about-us__img {
          margin: 0 0 12px 30px;
     }

     .about-us-banner {
          margin: 0 0 30px;
     }

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

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

     .contacts-social-media__link {
          width: 40px;
          height: 40px;
          padding: 10px;
     }

     .personal-area-btn {
          display: flex;
          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;
     }

     .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;
     }

     .brand-icon {
          margin: -46px 0 0 15px;
          width: 92px;
          height: 92px;
          padding: 15px;
     }
}

@media all and (max-width: 767px) {
     .main-slide-info {
          padding: 15px 9px;
          bottom: 14px;
     }

     .main-slide-info__title {
          font-size: 25px;
     }

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

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

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

     .page-banner {
          margin: 10px 0 0;
     }

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

     .product-detail__info {
          margin: 0 0 25px;
     }

     .product-page-section .main-title-mobile {
          display: block;
     }

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

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

     .shops__map {
          margin: 0 0 25px;
     }

     .shops__address {
          margin: 0;
     }

     .shops__address__item {
          width: 100%;
     }

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

     .about__des,
     .about__img {
          width: 100%;
     }

     .about__img {
          margin: 40px 0 0;
     }

     .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%;
     }

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

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

@media all and (max-width: 575px) {
     .header-top {
          padding: 11px 0;
     }

     .container {
          padding: 0 15px;
     }

     .header-logo {
          max-width: 84px;
     }

     .header-icons {
          top: 56px;
     }

     .header-icons_search,
     .header-icons_favorite,
     .header-icons_basket,
     .header-icons_user,
     .header-icons_menu-burger {
          width: 29px;
          height: 29px;
     }

     .category-btn {
          padding: 8px 10px;
     }

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

     .navigation {
          padding: 20px 15px;
     }

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

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

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

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

     .category-sub {
          padding: 20px 15px;
     }

     .category-sub-header {
          padding: 0 0 20px;
          margin: 0 0 15px;
     }

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

     .header-search-form__input {
          width: 100%;
          padding: 13px 36px;
     }

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

     .header-search-form__icon {
          top: 12px;
          left: 10px;
     }

     .footer-row__item {
          width: 100%;
          margin: 0 0 20px;
     }

     main {
          padding: 92px 0 0;
     }

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

     .main-slide__item>img,
     .main-banner>img,
     .page-banner>img {
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
     }

     .banner-slide,
     .product-slide {
          margin: 0 -15px 0 0;
     }

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

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

     .about__img {
          margin: 30px 0 0;
     }

     .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;
     }

     .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;
     }

     .about-us__item {
          margin: 30px 0;
     }

     .about-us__img {
          width: 100%;
          margin: 0 0 20px;
     }

     .about-us__item:nth-child(3n) {
          display: flex;
          flex-direction: column-reverse;
     }

     .about-us__item:nth-child(3n) .about-us__img {
          float: right;
          margin: 20px 0 0;
     }

     .about-us-banner {
          margin: 0 0 28px;
     }

     .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;
     }

     .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%;
     }

     .brand-icon {
          margin: -38px 0 0 10px;
          width: 74px;
          height: 74px;
          padding: 15px;
     }

     .share__link {
          width: 40px;
          height: 40px;
          padding: 10px;
     }

     .contacts-page-info__link>span {
          font-size: 18px;
          line-height: 30px;
     }

     .current-purchases__text {
          padding: 0 20px 15px;
     }

     .settings-step-row__item,
     .settings-step-row__item:last-child {
          width: 100%;
          margin: 0 0 18px;
     }
}

@media all and (max-width: 420px) {
     .main-slide__item>img {
          min-height: 180px;
          object-fit: cover;
     }

     .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%;
     }
}