:root {
    --main-color: #008BE4;
    --main-hover-color: #0367A7;
    --main-focus-color: #064770;
    --text-color: #676767;
    --title-color: #333333;
    --body-bacground: #fff;
    --footer-bacground: #3F474F;
    --border-radius: 15px;
    --color-error: #FA4343;
    --color-success: #14BF2F;
    --color-checking: #A92AD6;
    --color-white: #fff;
    --color-black: #303030;
    --main-bacground: #fff;
}

* {
    word-wrap: break-word;
}

html.active {
    overflow-y: hidden;
}

body {
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--text-color);
    background-color: var(--body-bacground);
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.content {
    position: relative;
}

a {
    color: #303030;
}

a:hover {
    text-decoration: none;
    color: var(--main-hover-color);
}

body::-webkit-scrollbar-track {
    background-color: #edffff;
    box-shadow: inset 0 0 5px #d6fffe;
    cursor: pointer;
}

body::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: var(--main-color);
    height: 100px;
    cursor: pointer;
}

body::-webkit-scrollbar {
    width: 10px;
    cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* header styles */

.header-top {
    background-color: #FFF;
    padding: 10px 80px;

    display: flex;
    align-items: center;
    border-bottom: 1px solid #E9E9F4;
    z-index: 6;
    position: relative;
}

.header-top-lists {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-top-list {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header-top-list .header-top-list-title {
    color: #A0A0B7;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3ms ease;
    margin-left: 4px;
}

.header-top-list:hover .header-top-list-title,
.header-top-list:focus .header-top-list-title,
.header-top-list:active .header-top-list-title {
    color: #aeaeb7;
}

.header-top-list svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
}

.header-top-phone-number {
    color: #292929;
    font-family: Rubik-Medium, serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.header-top-links {
    display: flex;
    align-items: center;

    margin-left: auto;
}

.header-top-link {
    margin-left: 20px;

    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    border-bottom: 1px solid transparent;
    transition: all 0.3ms ease;
}

.header-top-link.active {
    border-bottom: 1px solid currentColor;
}

.header-top-link:hover,
.header-top-link:after,
.header-top-link:focus {
    color: #292929;
    border-bottom: 1px solid #292929;
    transition: all 0.3ms ease;
}

.header-mobile-top-links {
    display: none;
}

.header {
    width: 100%;
    padding: 17px 80px;
    background: #FFF;
    border-bottom: 1px solid #E7E7E7;
    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.10);
    position: relative;
    z-index: 5;
}

.navbar, .navbar-brand {
    padding: 0;
}

.navbar-collapse-header {
    display: none;
}

.navbar-brand {
    min-width: 200px;
    height: 34px;
    margin-right: 40px;

    background-image: url('/images/desktop-logo.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.navbar-toggler-icon {
    min-width: 30px;
    width: 30px;
    height: 30px;

    background-image: url("/images/icons/burger-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
}

.navbar-toggler-icon.navbar-toggler-close {
    min-width: 30px;
    width: 30px;
    height: 30px;
}

.navbar-toggler {
    padding: 0;
}

.btn {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    border-radius: var(--border-radius);
    transition: 0.3s all;
    color: #FFFFFF;
}

.btn:focus {
    box-shadow: none;
}

.btn-login {
    min-width: 220px;
    height: 50px;
    background: var(--main-color);
}

.btn-login:hover {
    color: #fff;
    background: var(--main-hover-color);
}

.btn-login:focus {
    color: #fff;
    background: var(--main-focus-color);
}

.form-search {
    max-width: 100%;
    width: 100%;
    min-height: 46px;
    height: 46px;

    background-clip: padding-box;
    position: relative;
    box-sizing: border-box;
    z-index: 0;

    margin-right: 0;

    display: flex;
    align-items: center;

    background: #F3F6F8;
    border-radius: var(--border-radius);
    /*border: 1px solid var(--main-color);*/

    margin-left: 0;
}

.form-search-inner {
    width: 100%;
    height: 100%;
    padding: 14px 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input-search {
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    margin-right: 10px;

    flex: 1 1 100%;
    caret-color: var(--main-color);
    color: #292929;

    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.input-search:hover,
.input-search:focus,
.input-search:active {
    outline: none;
    border: none;
}

.input-search::placeholder {
    color: #A0A0B7;

    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-search {
    border: none;
    border-radius: var(--border-radius);
    min-width: 43px;
    margin-right: 1px;
    height: 43px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0;

    background-image: url("/images/icons/search-icon.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;

    background-color: #008BE4;
}

.btn-mobile-search {
    background-image: url("/images/icons/search-icon.svg");
}

.mobile-search {
    display: flex;
    align-items: center;
    margin-left: 0;
}

.mobile-search-wrapper {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.btn-mobile-search-back-wrapper {
    display: none;
}

.mobile-search .form-search-inner {
    padding-right: 0;
}

.section {
    padding: 30px 0;
}

.card {
    border: none;
    filter: none;
}

/*  card product */

.card-products .col-6 {
    padding: 0;
}

.card-product {
    overflow: hidden;
    filter: none;

    border: 1px solid #E8E9FF;
    background: #FFF;

    padding: 5px;
    transition: transform 0.3s ease;
    transform-origin: center center;

    position: relative;
    cursor: auto;
    height: 100%;
    border-radius: var(--border-radius);
}

.card-products .card-product:hover {
    fill: none;
    transform: scale(1.08);

    background: #FFF;
    box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
    cursor: pointer;
}

.card-products .card-product:hover .title {
    color: var(--main-color);
}

.card-product .card-body {
    padding: 10px;
    position: relative;
}

.card-product .product-image-wrapper {
    position: relative;
    cursor: pointer;
}

.card-product .product-image-wrapper span:not(.bg-layout) {
    position: absolute;
    color: #FFF;
    text-align: center;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 2;
}

.card-product .product-image-wrapper .bg-layout {
    display: none;
    background-color: rgba(24, 106, 159, .6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--border-radius);
}

.card-product .product-image-wrapper:hover .bg-layout {
    display: block;
}

.card-product .product-image-wrapper:hover span {
    display: block;
}

.card-product .product-image {
    display: block;
    border: none;
    height: 250px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    border-radius: var(--border-radius);
}

.card-product .title {
    font-family: Rubik-Medium, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    color: #292929;
    margin-bottom: 8px;
}

.vendor-code {
    width: fit-content;
    padding: 5px 10px;
    border-radius: 4px;
    background: #F3F6F8;

    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 10px;
}

.price {
    color: #008BE4;
    font-family: Rubik-Medium, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.price-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;

    justify-content: space-between;
}

.premium-price {
    border-radius: 6px;
    background-color: #67678b;
    padding: 5px 15px;
    color: #fff;

    transform: skewX(-10deg);
}

.premium-price .premium-price-inner {
    display: flex;
    align-items: center;
    gap: 5px;
    transform: skewX(10deg);
}

.cart-list-content .price {
    color: #292929;
    font-size: 16px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.old-price {
    color: #848484;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through;

    margin-left: 8px;
}

.cart-list-content .old-price {
    color: #848484;
    font-family: Rubik-Regular, serif;
    font-size: 12px;
    font-weight: 400;
    margin-left: 0;
}

.card-product .btn-add-cart,
.card-product .btn-in-cart {
    display: none;
}

.card-product .btn-add-cart,
.card-product .btn-in-cart {
    margin-top: 15px;
}

.btn-add-cart svg {
    margin-right: 5px;
}

.card-product:hover .btn-add-cart,
.card-product:hover .btn-in-cart {
    display: flex;
}

.status {
    /*border-radius: 4px;*/
    background: #EADAFF;

    display: flex;
    /*padding: 5px 10px;*/
    align-items: center;
    gap: 4px;
    width: fit-content;

    margin-bottom: 5px;

    font-family: Rubik-Regular, serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.status svg {
    min-width: 16px;
    min-height: 16px;
}

.status.status-to-order {
    background: transparent;
    color: #901CB9;
}

.status.status-in-stock {
    color: #189A2C;
    background: transparent;
}

.card-product .type {
    position: absolute;
    top: 10px;
    left: 10px;
}

.type {
    border-radius: 4px;

    display: flex;
    padding: 5px 10px;
    align-items: center;
    gap: 4px;

    color: #FFF;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    width: fit-content;
}

.type svg {
    min-width: 16px;
    min-height: 16px;
}

.type.type-super-price {
    background: linear-gradient(180deg, #A71D74 0%, #FD251D 100%);
}

.type.type-new {
    background: #AE3DD6;
}

.type.type-bestseller {
    background: #10C82C;
}

/* card product end */

.card-status {
    background: #fff;
    border-radius: var(--border-radius);
    width: 100%;
    height: 4px;
}

.card-status ~ .card {
    background: #F4F4F4;
    border-radius: var(--border-radius);
}

.card-status-block {
    margin-bottom: 15px;
}

.card-status.success {
    background: var(--color-success);
}

.card-success-title {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    margin: 0;

    color: var(--color-success);
}

.card-status.checking {
    background: var(--color-checking);
}


.card-status.error {
    background: var(--color-error);
}

.card-error-title {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    margin: 0;

    color: var(--color-error);
}

.btn-back {
    width: 160px;
    height: 50px;

    background: #EAF1FF;
    color: var(--main-color);
    border: 1px solid #EAF1FF;
}

.section-header {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-back:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}

.btn-back:focus {
    color: var(--main-color);
    border-color: var(--main-color);
}

.btn-back svg {
    min-width: 24px;
    width: 24px;
    margin-right: 10px;
}

/* swiper */

.slides-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column-reverse;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background: #fff;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    border-radius: var(--border-radius);
    cursor: pointer;
}

.main-index .swiper-slide {
    border-radius: 0;
    border: none;
}

.main-index .swiper-backface-hidden .swiper-slide {
    border: none;
}

.main-index.mySwiper {
    border-radius: 0;
}


.swiper-wrapper {
    border-radius: var(--border-radius);
}

.swiper-slide img {
    width: 100%;
}

.swiper:not(.last-watched-products, .main-index) {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper.last-watched-products {
    min-height: 420px;
}

.mySwiper2 .swiper-slide {
    height: 100%;
}


.mySwiper {
    /*height: 426px;*/
    width: 100%;
    border-radius: var(--border-radius);
}

.swiper-slide {
    background-color: transparent;
}

/*.swiper-horizontal > .swiper-pagination-bullets,*/
/*.swiper-pagination-bullets.swiper-pagination-horizontal {*/
/*    width: 20%;*/
/*    top: 84%;*/
/*}*/

.swiper-slide-mobile-image {
    display: none;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 11%;
    top: 86%;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: transparent;
    border: 2px solid #fff;
    opacity: 1;
}

.mySwiper .swiper-zoom-container {
    height: 100%;
    width: 100%;
    background-color: var(--body-bacground);
}

.mySwiper img {
    max-height: 600px;
}

.thumbsSlider {
    box-sizing: border-box;
    /*max-height: 440px;*/
    /*min-height: 440px;*/
    height: 100%;
}

.thumbsSlider .swiper-slide img {
    height: 100%;
    object-fit: contain;
}

.swiper-zoom-container {
    position: relative;
}

/*.swiper-slide-download {*/
/*    background-color: var(--body-bacground);*/
/*    position: absolute;*/
/*    bottom: 10px;*/
/*    right: 10px;*/
/*    border-radius: var(--border-radius);*/

/*    width: 40px;*/
/*    min-width: 40px;*/
/*    height: 35px;*/

/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/

/*    transition: 0.3s all;*/
/*    box-shadow: 0 4px 34px rgba(0, 0, 0, 0.15);*/
/*}*/

/*.swiper-slide-download:hover svg path {*/
/*    fill: var(--color-white);*/
/*    transition: 0.3s all;*/
/*}*/

/*.swiper-slide-download:hover {*/
/*    transition: 0.3s all;*/
/*    background-color: var(--color-success);*/
/*}*/

/*.swiper-slide-download svg {*/
/*    min-width: 24px;*/
/*}*/

.swiper-zoom-container > img {
    object-fit: contain !important
}

.swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
}

.swiper-thumbsSlider-wrapper .swiper-button-next,
.swiper-thumbsSlider-wrapper .swiper-button-prev {
    display: none;
    left: 50%;
    transform: rotate(90deg);
    transform-origin: left center;
}

.swiper-thumbsSlider-wrapper .swiper-button-next,
.swiper-thumbsSlider-wrapper .swiper-button-prev {
    left: 17%;
}

.swiper-thumbsSlider-wrapper .swiper-button-prev {
    top: -29px;
    left: 15%;
}

.swiper-thumbsSlider-wrapper .swiper-button-next {
    top: auto;
    bottom: -14px;
    left: 13%;
}

.swiper-thumbsSlider-wrapper {
    /*margin-right: 20px;*/
    /*max-width: 140px;*/
    width: 100%;
    height: 140px;
}

.thumbsSlider .swiper-slide {
    border: 1px solid #E8E9FF;
    overflow: hidden;
}

.swiper-backface-hidden .swiper-slide {
    border: 1px solid #E8E9FF;
    overflow: hidden;
}

.thumbsSlider .swiper-slide-thumb-active {
    border: 1px solid var(--main-color);
    overflow: hidden;
}

.swiper-thumbsSlider-wrapper .swiper-button-next:after,
.swiper-thumbsSlider-wrapper .swiper-button-prev:after {
    font-size: 16px;
    color: #303030;
}

.row-swiper .swiper-button-next:after,
.row-swiper .swiper-button-prev:after {
    font-size: 16px;
    color: #303030;

    width: 45px;
    min-width: 45px;
    height: 45px;

    background-color: #DBDCFF;

    vertical-align: middle;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 70%;
}

.swiper-button-next {
    left: 99%;
}

.swiper-button-prev {
    left: -1%;
}

.product-title {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;

    color: #000000;
    margin-bottom: 20px;
}

.product-article {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;

    color: #676767;
}

.product-item-title {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    color: #676767;
}

.product-items {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.product-item {
    margin-right: 10px;
    margin-bottom: 10px;
}

.product-item input[type=radio] {
    display: none;
}

/*.product-item .product-label {*/
/*    cursor: pointer;*/
/*    user-select: none;*/
/*    padding: 0 15px;*/

/*    font-family: Raleway-500;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 16px;*/
/*    line-height: 19px;*/

/*    text-align: center;*/
/*    color: #303030;*/
/*    margin-bottom: 0;*/
/*    transition: 0.3s all;*/

/*    min-width: 40px;*/
/*    width: max-content;*/
/*    min-height: 40px;*/
/*    max-height: 40px;*/
/*    height: 100%;*/

/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/

/*    background: var(--color-white);*/
/*    border: 1px solid #C9C9C9;*/
/*    border-radius: var(--border-radius);*/
/*}*/

/*.product-color-items .product-item .product-label {*/
/*    min-width: 100px;*/
/*}*/

/* Checked */
.product-item input[type=radio]:checked + .product-label {
    background: var(--color-black);
    border: 1px solid var(--color-black);
    border-radius: var(--border-radius);
    color: var(--color-white);
}

input[type=radio]:checked .product-item {
    background: red;
}

.product-item .product-label:hover {
    background: var(--color-black);
    color: #fff;
}

.product-row-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.product-row-item {
    margin-right: 30px;
    margin-bottom: 0;
}

.product-quantity-wrapper {
    min-width: 150px;
    width: max-content;
    min-height: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border-radius: var(--border-radius);
    border: 1px solid #E8E9FF;
    background: #FFF;
    padding: 5px;
}

.product-count {
    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent;
    border: none;
    outline: none;

    font-family: Rubik-Medium, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #292929;

    width: 100%;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    margin: 0 3px;
}

.btn-quantity {
    min-width: 40px;
    width: 40px;
    height: 40px;
    transition: 0.3s all;

    border-radius: var(--border-radius);
    background: #DBDCFF;
}

.btn-quantity:hover {
    background-color: #c4c5f8;
}

.btn-quantity:hover svg rect {
    stroke: #008BE4;
}

.btn-quantity:focus {
    box-shadow: none;
}

.product-price {
    font-family: Rubik-Medium, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 37px;

    color: #000000;
}

.btn-default {
    width: 100%;
    min-height: 46px;
    height: 46px;
    background: var(--main-color);
}

.btn-default:hover {
    color: #fff;
    background: var(--main-hover-color);
}

.btn-default:focus {
    color: #fff;
    box-shadow: none;
    background: var(--main-focus-color);
}

.btn-default-outline {
    width: 100%;
    min-height: 46px;
    height: 46px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    background-color: transparent;
}

.btn-default-outline:hover {
    color: #fff;
    background: var(--main-hover-color);
}

.btn-default-outline:focus {
    color: #fff;
    box-shadow: none;
    background: var(--main-focus-color);
}

.btn-cart, .btn-order {
    width: 190px;
    margin-right: 0;
    margin-bottom: 0;
    gap: 5px;
}

.btn-groups {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
    margin-bottom: 15px;
}

.card-body-line {
    border-top-color: #C4C4C4;
    margin: 60px 0 40px;
}

.product-details {
    margin-bottom: 30px;
}

.product-detail-title {
    font-family: Rubik-Medium, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;

    color: #000000;
}

.product-detail-description {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;

    color: #000000;

    overflow-x: auto;
}

.product-detail-description::-webkit-scrollbar-track {
    background-color: #edffff;
    box-shadow: inset 0 0 5px #d6fffe;
    cursor: pointer;
}

.product-detail-description::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius);
    background-color: var(--main-color);
    height: 100px;
    cursor: pointer;
}

.product-detail-description::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    cursor: pointer;
}


/* swiper end */

/*.auth-image {*/
/*    display: block;*/
/*    width: 40px;*/
/*    min-width: 40px;*/
/*    max-width: 40px;*/
/*    height: 40px;*/
/*    object-fit: cover;*/
/*    margin-right: 10px;*/
/*    border-radius: 100%;*/
/*}*/

/*.auth-buttons {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-around;*/
/*}*/

/*.auth-button svg {*/
/*    margin-right: 10px;*/
/*}*/

/*.auth-button {*/
/*    background: #6666CC;*/
/*    border-radius: 2px;*/

/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: center;*/
/*    align-items: center;*/

/*    font-family: Raleway-Regular;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 18px;*/
/*    line-height: 150%;*/

/*    color: #FFFFFF;*/

/*    cursor: pointer;*/
/*    padding: 11px 14px;*/
/*    box-sizing: border-box;*/
/*    width: 156px;*/
/*}*/

/*.auth-button:hover {*/
/*    background: #5454AE;*/
/*}*/

/*.auth-btn {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/

/*    font-family: "Exo2-500";*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 16px;*/

/*    text-align: center;*/
/*    color: #FFFFFF;*/
/*    cursor: pointer;*/
/*}*/

/*.auth-btn svg {*/
/*    margin-right: 10px;*/
/*    transition: .4s all ease;*/
/*}*/

/*.auth-btn:hover {*/
/*    text-decoration-line: none;*/
/*    transition: .4s all ease;*/
/*    color: #C4C4C4;*/
/*}*/

/*.auth-btn:hover svg path {*/
/*    transition: .4s all ease;*/
/*    fill: #C4C4C4;*/
/*}*/

/*.auth-mobile-links {*/
/*    display: none;*/
/*}*/

.dropdown-group-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dropdown-group-link.active {
    color: var(--main-color);
}

.dropdown-groups {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-left: 30px;
}

.dropdown-cart {
    margin-right: 0;
    margin-left: 5px;
}

.dropdown-cart-menu {
    min-width: 300px;
}

.dropdown-cart-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px;
    margin-bottom: 5px;
    transition: 0.3s all;
    border-radius: var(--border-radius);
}

.dropdown-cart-item:hover {
    background-color: var(--main-hover-color);
}

.dropdown-cart-item:hover * {
    color: #fff;
}

.dropdown-cart-item-image {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-right: 15px;
    border-radius: var(--border-radius);
    object-fit: cover;
}

.dropdown-item-content {
    width: 100%;
}

/*.dropdown-item-title {*/
/*    font-family: Raleway-500;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 16px;*/
/*    line-height: 19px;*/

/*    color: #303030;*/
/*}*/

.dropdown-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/*.dropdown-item-left,*/
/*.dropdown-item-right {*/
/*    font-family: Raleway-400;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    line-height: 19px;*/

/*    color: #303030;*/
/*}*/

/*.dropdown-item-link {*/
/*    font-family: Raleway-500;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 16px;*/
/*    line-height: 19px;*/

/*    width: max-content;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin: 10px auto 5px;*/
/*    color: var(--main-color);*/
/*    border-bottom: 1px solid transparent;*/
/*    transition: 0.3s all;*/
/*}*/

.dropdown-item-link:hover {
    color: var(--main-hover-color);
    border-color: var(--main-hover-color);
}

.dropdown-item-link:focus, .dropdown-item-link:active {
    color: var(--main-focus-color);
    border-color: var(--main-focus-color);
}

.dropdown-toggle.dropdown-toggle-mobile:after {
    display: none;
}

.dropdown-toggle,
.dropdown-item,
.dropdown-item.active {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;

    color: #333333;
    cursor: pointer;
}

.dropdown.show .dropdown-toggle::after {
    transition: 0.4s ease all;
    transform: rotate(180deg);
}

.dropdown-toggle::after {
    all: unset;
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: center;
    content: "";
    width: 15px;
    height: 8px;
    background-image: url('/images/icons/dropdown-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    transition: 0.4s ease all;
    padding: 1px;
}

.dropdown-cart .dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0 0 130px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: var(--border-radius);

    padding: 0.6rem;
    margin: 1.5rem 0 0;
}

.dropdown-item {
    margin-bottom: 5px;
}

.dropdown-item {
    color: #333333;
    padding: 0.65rem 1.5rem;
    border-radius: 8px;
    transition: 0.3s all;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.dropdown-item:hover {
    background-color: var(--main-hover-color);
}

.dropdown-item:focus {
    background-color: var(--main-focus-color);
}

.dropdown-item:focus .dropdown-item-svg path,
.dropdown-item:hover .dropdown-item-svg path {
    stroke: #fff;
}

.dropdown-item-svg {
    margin-right: 10px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: var(--main-color);
}

.dropdown-item.active .dropdown-item-svg path {
    stroke: #fff;
}

.dropdown-item.dropdown-item-logout:hover, .dropdown-item.dropdown-item-logout:focus {
    background-color: var(--color-error);
}

.dropdown-item-image {
    min-width: 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 0.8em;
}

.dropdown-image {
    min-width: 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 0.5em;
    object-fit: contain;
    overflow: hidden;
}

.dropdown-toggle-title {
    color: #303030;
    font-family: Rubik-Medium, serif;
    font-size: 16px;
    font-weight: 500;
}

.cart-result {
    display: flex;
    gap: 5px;
}

.cart-result,
.cart-product-count,
.cart-product-price {
    color: #303030;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-weight: 400;
}

.cart-product-price {
    width: 100%;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

/* auth modal */

.modal-header {
    font-family: Rubik-Medium, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;

    color: #000000;
    padding: 0;
    margin-bottom: 30px;
}

.modal-body {
    padding: 21px 30px;
}

.modal-content {
    border: none;
}

.modal-open .modal {
    background: rgba(0, 0, 0, .3);
}

.modal-header .close {
    margin: 0;
    min-width: 24px;
    width: 24px;
    height: 24px;

    background: #B4B4B4;
    border-radius: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: unset;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: unset;
    background-color: var(--main-hover-color);
}

.modal-header .close svg {
    min-width: 9px;
    width: 9px;
    min-height: 9px;
}

.modal-body-small-text {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 14px;

    text-align: center;
    color: #606060;
    margin: 20px auto;
}

.reset-password {
    width: max-content;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: var(--main-color);

    margin: 30px auto 20px;
    border-bottom: 1px solid var(--main-color);
    transition: 0.3s all;
    cursor: pointer;
}

.reset-password:hover {
    border-bottom: 1px solid var(--main-color);
}

.form-group {
    margin-bottom: 10px;
}

.form-group.form-group-review {
    margin-bottom: 20px;
}

.form-group label {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;

    color: #292929;
}

.form-control {
    height: 45px;
    background: #FFFFFF;
    border-radius: var(--border-radius);
    border: 1px solid #E8E9FF;

    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #909090;

    padding: 0 15px;
    transition: 0.3s all;
    caret-color: var(--main-color);
}

.form-control.form-control-review {
    border: 1px solid #E8E9FF;
    background: #F4F4F4;
}

textarea.form-control {
    padding: 10px 15px;
}

.form-control-textarea-review {
    border: 1px solid #E8E9FF;
    background: #F4F4F4;
}

.form-control:hover {
    border-color: var(--main-hover-color)
}

.form-control:focus,
.form-control:active {
    border-color: var(--main-focus-color);
    background: transparent;
    box-shadow: none;
}

.form-control::placeholder {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;

    color: #909090;
}

.invalid-feedback {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: var(--color-error);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--color-error);
}

/* cabinet start */
.section-header-title {
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;

    margin: 0;
}

.section-header-count {
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
}

.section-header-subtitle {
    font-family: Rubik-Medium, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;

    color: #000000;
    margin-top: 10px;
}

/*.card-body-title {*/
/*    font-family: Raleway-700;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    font-size: 20px;*/
/*    line-height: 23px;*/

/*    color: #303030;*/
/*    margin-bottom: 20px;*/
/*}*/

.card-body-row {
    padding: 6px 0;
}

/*.cabinet-subtitle {*/
/*    font-family: Raleway-400;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    line-height: 21px;*/

/*    color: #909090;*/
/*}*/

/*.cabinet-text {*/
/*    font-family: Raleway-500;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 16px;*/
/*    line-height: 21px;*/

/*    color: #303030;*/
/*}*/

.form-group-mobile {
    margin-bottom: 0;
}

.btn-edit {
    max-width: 220px;
    margin-top: 15px;
}

.btn-logout {
    margin-top: 15px;
    max-width: 220px;
}

.card-cabinet {
    margin-bottom: 20px;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox + label, .custom-checkbox + label > a {
    display: inline-flex;
    align-items: center;
    user-select: none;

    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 115%;

    color: #6666CC;
    cursor: pointer;
    transition: none;
}

.custom-checkbox + label > a {
    transition: 0.3s all;
    border-bottom: 1px solid transparent;
}

.custom-checkbox + label > a:hover {
    border-bottom: 1px solid #6666CC;
    text-decoration-line: none;
}

.custom-checkbox + label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #6666CC;
    border-radius: 100%;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox:checked + label::before {
    border-color: #6666CC;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 3.99992L3.58 6.82992L9.25 1.16992' stroke='%236666CC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #6666CC;
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active + label::before {
    background-color: transparent;
    border-color: #5454AE;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus + label::before {
    /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked) + label::before {
    border-color: #3B3B8B;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
    background-color: #e9ecef;
}

.svgSuccessContainer, .svgErrorContainer {
    display: block;
    position: relative;
    margin: 0 auto;

    width: 120px;
    min-width: 120px;
    height: 120px;
}

.no-border {
    border: 0 !important;
}

.swal2-title {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;

    color: #000000;
}

.swal-modal .swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2em;
    height: 1.2em;
    transition: color 0.1s ease-out;
    border: none;
    outline: none;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 40px;
    cursor: pointer;
}

.swal2-close:focus {
    box-shadow: none;
}

.swal-modal .swal2-close:hover {
    color: #f27474;
}

.product-detail-description table {
    width: 100% !important;
    border: 1px solid #C4C4C4;

    table-layout: auto;
}

.product-detail-description tr:not(:first-child) td {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;

    color: #000000;
}

.product-detail-description th, td {
    padding: 16px;
}

.card-cart {
    margin-bottom: 5px;
    position: relative;
    background-color: #F4F4F4;
    border-radius: var(--border-radius);
}

.card-cart-result {
    border-radius: var(--border-radius);
    border: 1px solid #E8E9FF;
    background: #FFF;
    box-shadow: 0 4px 24px 0 rgba(25, 26, 36, 0.15);
}

.btn-whatsapp {
    background-color: #189A2C;
    margin-bottom: 20px;
    max-width: 290px;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus,
.btn-whatsapp:active {
    background-color: #148f26;
}

.confirm-policy {
    display: flex;
    align-items: center;
    gap: 10px;
}

.confirm-policy svg {
    min-width: 24px;
    width: 24px;
    height: 24px;
    min-height: 24px;
}

.confirm-policy span, .confirm-policy a {
    color: #96969b;
    font-family: Rubik-Light, serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.confirm-policy a {
    border-bottom: 1px solid #96969b;
}

.confirm-policy a:hover,
.confirm-policy a:after,
.confirm-policy a:focus {
    border-bottom: 1px solid #96969b;
}

.cart-list-left {
    display: flex;
}

.cart-list-img {
    max-width: 130px;
    width: 100%;
    height: 130px;

    margin-right: 15px;

    border-radius: var(--border-radius);
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-list-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cart-list-title {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;

    color: #000000;
    margin-bottom: 20px;
    transition: 0.3s all;
}

.cart-list-title:hover,
.cart-list-title:active,
.cart-list-title:focus {
    color: var(--main-color);
    text-decoration-line: underline;
}

.cart-list-footer-content {
    margin-top: auto;
}

.cart-list-qty-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cart-list-remove {
    width: max-content;
    color: var(--main-color);
    font-family: Rubik-Medium, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;

    border-bottom: 1px solid transparent;
}

.cart-list-remove:hover {
    border-bottom: 1px solid var(--main-hover-color);
}

.cart-list-remove:focus,
.cart-list-remove:active {
    border-bottom: 1px solid var(--main-focus-color);
}

.cart-list-product-count {
    color: #292929;
    font-family: Rubik-Medium, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-cart-qty {
    width: 35px;
    min-width: 35px;
    height: 35px;

    background: #DBDCFF;
    transition: 0.3s all;
    border-radius: var(--border-radius);
}

.btn-cart-qty svg {
    min-width: 24px;
    max-width: 24px;
    width: 24px;
}

.btn-cart-qty:hover {
    background: #cccdf5;
}

.card-cart-payment-count {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;

    color: #000000;

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    margin-bottom: 20px;
}

.card-cart-payment-count span {
    font-family: Rubik-Medium, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;

    text-align: right;

    color: #000000;
}

.card-status-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.svgCheckingContainer {
    display: inline-block;
    position: relative;

    width: 34px;
    min-width: 34px;
    height: 34px;
}

.card-status-svg-container {
    display: inline-block;
    position: relative;

    min-width: 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

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


.card-status-header-title {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    color: #000000;

    display: flex;
    align-items: center;
}

.card-status-header-title.checking {
    color: var(--color-checking);
}

.card-status-header-title.error {
    color: var(--color-error);
}

.card-status-header-title.success {
    color: var(--color-success);
}

/*.card-status-header-page-link {*/
/*    font-family: Raleway-500;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 14px;*/
/*    line-height: 145%;*/

/*    color: var(--main-color);*/
/*}*/

/*.card-status-header-page-link span {*/
/*    border-bottom: 1px solid #fff;*/
/*    transition: 0.3s all;*/
/*    padding-bottom: 2px;*/
/*}*/

/*.card-status-header-page-link:hover span {*/
/*    color: var(--main-hover-color);*/
/*    border-bottom: 1px solid var(--main-hover-color);*/
/*}*/

/*.card-status-header-page-link:focus span {*/
/*    color: var(--main-focus-color);*/
/*    border-bottom: 1px solid var(--main-focus-color);*/
/*}*/

/*.card-status-header-page-link svg {*/
/*    width: 24px;*/
/*    min-width: 24px;*/
/*    margin-left: 5px;*/
/*}*/

/*.card-status-body-image {*/
/*    width: 100%;*/
/*    min-height: 150px;*/
/*    max-height: 150px;*/
/*    height: 100%;*/

/*    -webkit-background-size: cover;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/

/*    border-radius: var(--border-radius);*/
/*}*/


/*.card-status-body-row {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: flex-start;*/
/*    flex-wrap: wrap;*/
/*    width: 100%;*/
/*}*/

/*.card-status-body-product-title {*/
/*    font-family: Raleway-500;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 18px;*/
/*    line-height: 21px;*/

/*    color: #000000;*/
/*    margin-bottom: 5px;*/
/*    margin-right: 20px;*/
/*}*/

/*.card-status-body-product-article {*/
/*    font-family: Raleway-400;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    line-height: 19px;*/

/*    color: #676767;*/
/*    margin-bottom: 5px;*/
/*}*/

/*.card-status-body-product-info {*/
/*    font-family: Raleway-500;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 15px;*/
/*    line-height: 16px;*/

/*    color: #000000;*/
/*    margin-bottom: 5px;*/
/*}*/

/*.card-status-body-product-info span {*/
/*    color: #676767;*/
/*}*/


/*.card-news .date {*/
/*    font-family: Raleway-400;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 14px;*/
/*    line-height: 130%;*/

/*    color: #A5A7B0;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.card-news .title {*/
/*    font-family: Raleway-400;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 17px;*/
/*    line-height: 150%;*/

/*    color: #2A64D6;*/
/*    margin-bottom: 10px;*/
/*    display: inline-block;*/
/*}*/

/*.card-news .subtitle {*/
/*    font-family: Raleway-400;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 14px;*/
/*    line-height: 155%;*/

/*    color: #65676E;*/
/*    margin-bottom: 0;*/
/*}*/

/* accordion start*/

/*.accordion {*/
/*    width: 100%;*/
/*    padding: 0 0 25px;*/
/*}*/

/*.accordion-item {*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);*/
/*    overflow: hidden;*/
/*    border-radius: var(--border-radius);*/
/*    margin-bottom: 10px;*/
/*}*/

/*.accordion-heading {*/
/*    padding: 20px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/

/*    font-family: Raleway-500;*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    font-size: 18px;*/
/*    line-height: 150%;*/

/*    color: #333333;*/
/*    background: #FFFFFF;*/

/*    border-radius: 6px;*/
/*}*/


/*.accordion-heading svg {*/
/*    min-width: 22px;*/
/*    max-width: 22px;*/
/*    max-height: 22px;*/
/*    min-height: 22px;*/

/*    transform: rotate(0deg);*/
/*    transition: 0.4s all;*/
/*}*/

/*.accordion-heading.acc-open svg {*/
/*    transition: 0.4s all;*/
/*    transform: rotate(-180deg);*/
/*}*/

/*.accordion-heading.acc-open svg rect {*/
/*    fill: #fff;*/
/*}*/

/*.accordion-body {*/
/*    padding: 0 20px 30px;*/

/*    font-family: Raleway-400;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-size: 16px;*/
/*    line-height: 130%;*/
/*    color: #303030;*/

/*    background: #FFFFFF;*/
/*}*/

/* accordion end */

.section-payment-weight {
    margin-bottom: 20px;
}

.form-group-delivery {
    margin-bottom: 0;
}

.form-group-delivery label {
    margin-bottom: 0;
    top: -2px;
    position: relative;
}

.form-group-delivery input[type="radio"] {
    outline: none;
}

.form-control-message {
    resize: none;
    border-radius: 5px;
}

.form-group-content {
    display: none;
    margin-left: 17px;
    margin-bottom: 5px;
}

.form-group input:checked ~ .form-group-content {
    display: block;
}

.card-news {
    border-radius: var(--border-radius);
}

.card-news .news-image {
    width: 100%;
    height: 190px;
    min-height: 190px;
    max-height: 190px;
    object-fit: cover;
}

.card-body iframe {
    width: 100% !important;
    height: 350px;
    border-radius: var(--border-radius);
}

/*.panel-body img {*/
/*    border-radius: var(--border-radius);*/
/*}*/

/*.panel-body iframe {*/
/*    width: 100% !important;*/
/*    border-radius: var(--border-radius);*/
/*}*/

/*whatsapp*/
.whatsapp-button {
    position: fixed;
    right: 13px;
    bottom: 70px;
    transform: translate(-50%, -50%);
    background: #25d366;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-button a {
    color: #fff;
}

.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25d366; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

.whatsapp-button:after {
    animation-delay: 0.5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}


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

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


.image-card-preview {
    max-height: 360px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

/*.my-orders .panel-body {*/
/*    padding: 0 10px 20px;*/
/*}*/

/*.my-orders .accordion .panel-body .card-body {*/
/*    padding: 0;*/
/*}*/

/*.my-orders .accordion-item {*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);*/
/*}*/

/*.my-orders .panel-heading {*/
/*    padding: 10px;*/
/*}*/

/*.my-orders .panel-heading.pending {*/
/*    !*border-radius: var(--border-radius) var(--border-radius) 0 0;*!*/
/*    border-top: 4px solid var(--color-checking);*/
/*}*/

/*.my-orders .panel-heading.success {*/
/*    !*border-radius: var(--border-radius) var(--border-radius) 0 0;*!*/
/*    border-top: 4px solid var(--color-success);*/
/*}*/

/*.my-orders .panel-heading.error {*/
/*    !*border-radius: var(--border-radius) var(--border-radius) 0 0;*!*/
/*    border-top: 4px solid var(--color-error);*/
/*}*/

/*.accordion-heading-title {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.accordion-heading-title .card-status-body-image {*/
/*    min-height: 50px;*/
/*    max-height: 50px;*/
/*    min-width: 50px;*/
/*    max-width: 50px;*/
/*    margin-right: 10px;*/
/*}*/

.header-links {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-right: auto;
}

.header-link {
    color: #292929;
    font-family: Rubik-Medium, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    border-bottom: 2px solid transparent;
    white-space: nowrap;
}

.header-link:hover,
.header-link:hover,
.header-link:focus {
    color: var(--main-color);
    border-color: var(--main-color);
    transition: all 0.5ms ease;
}

.header-link.active {
    border-color: var(--main-color);
}

.card-category {
    height: 100%;
    border-radius: var(--border-radius);
    background: #FFF;

    /*margin-bottom: 40px;*/
    cursor: pointer;
    transition: 0.3ms ease all;
}

.card-category:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);
}

.card-category-business {
    background: #F1F1F1;
}

.card-category-business .category-title {
    margin-bottom: 20px !important;
}

.card-category .card-body {
    padding: 10px;
}

.card-category .category-image {
    height: 159px;
    display: block;
    max-width: 100%;

    margin: 20px auto 20px;
}

.card-category .category-title {
    text-align: center;

    color: #333;
    font-family: Rubik-Medium, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 0;
}

.card-category .category-title:hover,
.card-category .category-title:focus,
.card-category .category-title:after {
    text-decoration-line: none;
}

.card-category-promotion {
    background: #FFF;
    position: relative;
    overflow: hidden;
    transition: 0.3ms ease all;
}

.card-category-promotion:hover,
.card-category-promotion:active,
.card-category-promotion:focus {
    transition: 0.3ms ease all;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10);
}

.card-category-promotion .card-body {
    padding: 20px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.card-category-promotion .category-title:hover,
.card-category-promotion .category-title:focus,
.card-category-promotion .category-title:active {
    text-decoration: none;
    color: var(--main-hover-color);
}

.card-category-promotion .category-title {
    text-align: left;
    text-decoration: none;
    max-width: 290px;

    margin-bottom: 5px;
}

.card-category-promotion .category-link {
    color: #008BE4;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    max-width: 290px;
}

.card-category-promotion .category-image {
    position: absolute;
    margin: 0;
    right: 0;
    top: 10px;

    width: 180px;
    object-fit: contain;
}


/* navigation */

.header-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;

    margin-bottom: 10px;
}

.btn.btn-default.btn-back {
    margin-right: 10px;
    width: 120px;
    background-color: transparent;
    border: 1px solid var(--main-color);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn.btn-default.btn-back:hover {
    background-color: var(--main-color);
    color: #fff;
}

.btn.btn-default.btn-back svg {
    margin-right: 0;
}

.btn.btn-default.btn-back svg path {
    stroke: var(--main-color);
}

.btn.btn-default.btn-back:hover svg path {
    stroke: #fff;
}

.btn.btn-default.btn-back span {
    color: var(--main-color);
}

.btn.btn-default.btn-back:hover span {
    color: #fff;
}

.btn-catalog {
    max-width: 140px;
    gap: 10px;
}

.catalog-wrapper {
    margin-right: 30px;
}

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

.header-navigation-list {
    color: var(--main-color);
    font-family: Rubik-Regular, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 5px;
}

.header-navigation-list:hover {
    color: var(--main-hover-color);
}

.header-navigation-list-symbol {
    color: rgba(82, 99, 94, 1);
    margin-right: 5px;

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header-navigation-list-text {
    color: rgba(82, 99, 94, 1);

    font-family: Rubik-Regular, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* end navigation */

.specifications-table {
    max-width: 700px;
    padding: 15px 0;
}

.specification-list {
    border-bottom: 1px dashed #848484;

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.specification-list:last-child {
    margin-bottom: 0;
}

.specification-title {
    color: #848484;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    max-width: 150px;
}

.specification-value {
    color: #292929;
    text-align: right;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    max-width: 326px;
}

.content-text {
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.content-muted-text {
    color: #848484;
}

.content-ul {
    margin-bottom: 15px;
}

.content-ul li {
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.section.section-bg .section-header {
    margin-bottom: 0;
}

.content-link {
    color: #008BE4;
    border-bottom: 1px solid currentColor;
}

.content-link:hover {
    color: var(--main-hover-color);
}

.content-link:focus {
    color: var(--main-focus-color);
}

.content-span {
    border-bottom: 1px solid currentColor;
}

.section-header-subtitle {
    color: #292929;
    font-family: Rubik-Medium, serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;

    margin: 0;
}

.card-main-product .card-body {
    padding: 0;
}

.card-main-product .status {
    margin-bottom: 0;
}

.card-main-product .vendor-code {
    font-size: 14px;
    margin-bottom: 0;
}

.card-main-product .product-info-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    margin-bottom: 15px;
    gap: 5px;
}

.card-main-product .price {
    font-size: 26px;
    /*margin-bottom: 15px;*/
}

.card-main-product .price-wrapper {
    margin-bottom: 15px;
    gap: 30px;
    justify-content: unset;
}

.btn-in-cart {
    max-width: 240px;
    background: #189A2C;
}

.btn-in-cart:hover {
    background: #23bd3a;
}

.btn-in-cart:focus, .btn-in-cart:active {
    background: #189A2C;
}

.product-info-title {
    color: #292929;
    font-family: Rubik-Medium, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.product-specification-link {
    color: #008BE4;
    font-family: Rubik-Medium, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid transparent;
}

.product-specification-link:hover {
    border-bottom: 1px solid currentColor;
}

.nav.nav-pills {
    border-bottom: 1px solid #E8E9FF;
    width: 100%;
}

.nav-pills .nav-link {
    border: none;
    border-radius: 0;
    padding: 12px 40px;
    border-bottom: 2px solid transparent;

    color: #292929;
    text-align: center;
    font-family: Rubik-Regular, serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    white-space: nowrap;
}

.nav-pills .nav-link.active {
    background-color: transparent;
    border-bottom: 3px solid #008BE4;
    color: #292929;
}

.nav-pills .nav-link:hover {
    border-bottom: 3px solid #008BE4;
}

.tab-pane {
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}


.accordion-block {
    margin-bottom: 16px
}

/*.accordion-block .active {*/
/*    background-color: #fff;*/
/*    color: #fff;*/
/*    padding-bottom: 15px*/
/*}*/

.accordion-block .active svg.arrow-down-icon {
    transform: rotate(180deg);
    transition: all .4s ease
}

.accordion-block .active .plus {
    display: none;
    transition: all .4s ease
}

.accordion-block .active .minus {
    display: block;
    transition: all .4s ease
}

.accordion {
    align-items: center;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #333;
    cursor: pointer;
    display: flex;
    font-family: Rubik-Regular, serif;
    font-size: 20px;
    justify-content: space-between;
    line-height: 1.3;
    padding: 25px 50px 25px 30px;
    text-align: left;
    transition: all .4s ease;
    width: 100%
}

.accordion .minus {
    display: none
}

.accordion .svg-block {
    height: 24px;
    width: 24px
}

.accordion .arrow-down-icon {
    height: 24px;
    transform: rotate(0deg);
    transition: all .4s ease;
    width: 24px
}

.panel {
    background-color: #fff;
    margin: 0;
    max-height: 85px;
    overflow: hidden;
    text-align: left;
    transition: max-height .3s ease-out
}

.card-filter {
    background: #fff;
    border: 1px solid #E8E9FF;
    border-radius: 0;
}

.card-filter .filters {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
    min-width: 255px;
    width: 255px
}

.card-filter .card-body {
    padding: 20px 15px;
}

.card-filter .filters__filter {
    margin-bottom: 10px;
    transition: all .4s ease
}

.card-filter .filters__filter .active svg {
    transform: rotate(180deg);
    transition: all .4s ease
}

.card-filter .filters__filter .panel {
    background: #fff
}

.card-filter .filters__filter .panel .search-input {
    background: #fff;
    border: 1px solid #c3c8cc;
    border-radius: 2px;
    box-sizing: border-box;
    height: 40px;
    margin-bottom: 20px;
    padding: 7px 15px;
    width: 100%
}

.card-filter .filters__filter:last-child {
    margin-bottom: 0
}

.card-filter .filters__filter-title {
    background: #fff;
    border: none;
    color: #000;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: space-between;

    font-family: Rubik-Medium, serif;
    font-size: 15px;
    margin-bottom: 10px;
    padding: unset;
}

.card-filter .filters__filter-title svg {
    transition-duration: .3s
}

.card-filter .filters__filter-items {
    background: #fff;
    color: #65676e;
    display: flex;
    flex-direction: column;
    max-height: 430px;
    overflow: auto;
    padding: unset
}

/*.card-filter .panel.filters__filter-items-category {*/
/*    min-height: 330px;*/
/*}*/

.card-filter .filters__filter-items::-webkit-scrollbar {
    cursor: pointer;
    width: 5px
}

.card-filter .filters__filter-items::-webkit-scrollbar-track {
    border-radius: 50%;
    box-shadow: inset 0 0 5px #d6fffe;
    cursor: pointer
}

.card-filter .filters__filter-items::-webkit-scrollbar-button {
    height: 1px
}

.card-filter .filters__filter-items::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 5px;
    cursor: pointer
}

.card-filter .filters__filter-items::-webkit-scrollbar-thumb:hover {
    background: var(--main-color);
    cursor: pointer
}

.card-filter .filters__filter-items .checkbox .filter-input-checkbox {
    display: flex
}

.card-filter .filters__filter-items .checkbox .filter-input-checkbox input[type=checkbox] {
    -webkit-appearance: none;
    background: var(--main-color);
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 20px;
    margin-right: 8px;
    min-height: 20px;
    min-width: 20px;
    width: 20px
}

.card-filter .filters__filter-items .checkbox .filter-input-checkbox input[type=checkbox]:checked:after {
    align-items: center;
    -webkit-appearance: none;
    color: #fff;
    content: "✔";
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding-top: 0;
    text-align: center
}

.card-filter .filters__filter-items .checkbox .filter-input-checkbox-text {
    color: #3d474d;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px
}

.card-filter .filters__filter-items .checkbox .unchecked {
    color: #a5b0b6
}

.card-filter .filters__filter-item {
    color: #65676e;
    display: flex;
    flex-direction: column;
    font-family: Rubik-Regular, serif;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 8px
}

.card-filter .filters .clear-filter {
    align-items: center;
    color: #e40904;
    cursor: pointer;
    display: flex;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    line-height: 1.5;
    margin-top: 15px
}

.card-filter .filters .clear-filter svg {
    margin-left: 10px
}

.card-notification {
    border-radius: var(--border-radius);
    background: #EEE;
    margin-bottom: 20px;
}

.card-notification .card-body {
    display: flex;
    align-items: center;
    padding: 15px;
    gap: 10px;
}

.card-notification img {
    display: inline-block;
}

.card-notification span {
    display: inline-block;
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/* */

.range-slider {
    height: 5px;
    position: relative;
    background-color: #E8E9FF;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.range-selected {
    height: 100%;
    left: 30%;
    right: 30%;
    position: absolute;
    border-radius: 5px;
    background-color: var(--main-color);
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -15px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.range-input input::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 3px solid var(--main-color);
    background-color: #fff;
    pointer-events: auto;
    -webkit-appearance: none;
}

.range-input input::-moz-range-thumb {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 3px solid var(--main-color);
    background-color: #fff;
    pointer-events: auto;
    -moz-appearance: none;
}

.range-price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.range-price label {
    margin-right: 5px;
}

/* filter checkbox */
.filter-input-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.filter-input-checkbox + label {
    display: inline-flex;
    align-items: center;
    user-select: none;

    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #292929;
    line-height: normal;
    cursor: pointer;

    margin-bottom: 0;
}

.filter-input-checkbox + label::before {
    content: '';
    display: inline-block;
    min-width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #E8E9FF;
    border-radius: 2px;
    margin-right: 8px;
    margin-left: 3px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.filter-input-checkbox.filter-input-radio + label::before {
    border-radius: 50%;
}

.filter-input-checkbox:checked + label {
    color: #3D474D;
}

.filter-input-checkbox:checked + label::before {
    border-color: var(--main-color);
    background-color: var(--main-color);
    background-image: url("/images/background-checkbox.svg");
    background-size: 14px;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #b3d7ff;
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active + label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus + label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked) + label::before {
    border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled + label::before {
    background-color: #e9ecef;
}

.review-top-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 20px;
}

.card-review {
    border-radius: 0;
    border-top: 1px solid #E8E9FF;
}

.card-review.card-review-last {
    border-bottom: 1px solid #E8E9FF;
}

.card-review .card-body {
    padding: 20px 0;
}

.card-review-top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.review-rates {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
}

.review-title {
    color: #292929;
    font-family: Rubik-Medium, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;

    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.review-date {
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-left: auto;
}

.review-message {
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin-bottom: 10px;
}

.review-image {
    display: block;
    border-radius: var(--border-radius);
    max-width: 300px;
    height: 190px;
    object-fit: cover;
}

.btn-add-review {
    max-width: 200px;
    gap: 5px;
}

.clear-filter {
    color: #E40904;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: max-content;
    border-bottom: 1px solid transparent;
    margin: auto;
}

.clear-filter:hover,
.clear-filter:after,
.clear-filter:focus {
    color: #e5130e;
    border-bottom: 1px solid #e5130e;
}

.buttons {
    display: none;
    margin-bottom: 20px;
}

.btn-sort {
    background: #DBDCFF;

    color: #008BE4;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    max-width: 180px;
    min-width: 168px;
    white-space: nowrap;
}

.btn-sort-not-active {
    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    background: #EEE;
}

.btn-filter {
    display: none;
    min-width: 135px;
    gap: 7px;
}

.filter-mobile {
    display: none;
}

.pagination {
    justify-content: center;
}

.page-link {
    border: 1px solid #E8E9FF;
    color: var(--main-color);
}

.page-item.active .page-link {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.not-found-block {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 25px;

    margin-bottom: 30px;
    margin-top: 30px;
}

.not-found-block img {
    display: block;
    width: 25%;
}

.not-found-block span {
    color: #ACACAC;

    text-align: center;
    font-family: Rubik-Regular, serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* drag-area start */
.drag-area {
    border: 1px dashed #0367A7;
    height: 270px;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #EFF3FF;

    border-radius: var(--border-radius);
}

.drag-area.active {
    border: 1px solid #EFF3FF;
}

.drag-area .upload-image-gif-wrapper {
    width: 192px;
    height: 102px;
    overflow: hidden;
    margin-bottom: 20px;
}

.drag-area .upload-image-gif {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.drag-area span {
    color: #292929;
    text-align: center;
    font-family: Rubik-Regular, serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin: 0 0 15px 0;
}

.drag-area .uploaded_image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.drag-area-link {
    color: #008BE4;
    text-align: center;
    font-family: Rubik-Regular, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: none;
    border-bottom: 1px solid currentColor;
}

/* drag-area end */

.filter-categories {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 0;
    list-style: none;
}


.filter-categories-title {
    border: none;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Rubik-Medium, serif;
    font-size: 15px;
    margin-bottom: 10px;
}

.filter-category {
    font-family: Rubik-Regular, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 0;

    color: var(--main-color);
    text-decoration-line: none;
    transition: 0ms ease all;
}

.filter-category:hover,
.filter-category:focus,
.filter-category:active {
    transition: 0ms ease all;
    color: #000;
}

.filter-category-wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
}

.filter-category-wrapper-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.filter-category-wrapper span {
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #52635e;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: rotate(-90deg);
    transition: 0.3ms ease all;
}

.filter-category-wrapper span svg {
    margin-top: 2px;
    margin-right: 1px;
    width: 9px;
    height: 5px;
    min-width: 9px;
    min-height: 5px;
    object-fit: contain;
}

.filter-category-wrapper.active .filter-category {
    color: #000;
}

.filter-category-wrapper.active span {
    transform: rotate(0deg);
    transition: 0.3ms ease all;
}

.filter-subcategories {
    padding-left: 10px;
    list-style: none;
    display: none;
}

.filter-subcategories .filters__filter-item {
    margin-bottom: 3px;
}

.filter-subcategories {
    margin-bottom: 0;
}

.filter-subcategories .filter-input-checkbox + label {
    color: var(--main-color);
}

.filter-subcategories .filter-input-checkbox + label:hover {
    color: #000;
}

.filter-subcategories .filter-input-checkbox:checked + label {
    color: #000;
}

.filter-category-wrapper {
    margin-bottom: 10px;
}

.filter-category-wrapper.active .filter-subcategories {
    display: block;
}

.filter-category-wrapper-inner .filter-input-checkbox + label::before {
    display: none;
}

.filter-category-wrapper .filter-input-checkbox + label {
    color: var(--main-color);
}

.filter-category-wrapper .filter-input-checkbox:checked + label {
    color: #000;
}

.filter-category-wrapper.active .filter-input-checkbox:checked + label {
    color: #000;
}

.filter-category-wrapper-inner.active .filters__filter-item label {
    color: #000;
}

/* search */

.search-results {
    position: absolute;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    width: 100%;
    max-height: 300px;
    /*overflow-y: auto;*/
    padding: 5px 0 3px;
    overflow: hidden;
    display: none;

    /*min-height: 50px;*/
    top: 112%;

    border-radius: var(--border-radius);
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #E8E9FF;
}

.search-results ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.search-results ul li a {
    width: 100%;
    height: 100%;
    padding: 10px 15px;

    color: #292929;
    font-family: Rubik-Regular, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    white-space: nowrap;
    max-width: 343px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.search-results ul li a:hover {
    background: #f6f8fd;
    color: var(--main-hover-color);
}

.search-results ul li a span {
    color: #848484;
}

.search-results ul li a.not-results {
    cursor: no-drop;
}

.search-results ul li a.not-results:hover {
    color: #292929;
}

.product-documents {
    margin-top: 15px;
    margin-bottom: 15px;

    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-document {
    display: flex;
    align-items: center;
    gap: 15px;
}

.product-document-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
}

.product-document-icon img {
    width: 100%;
    display: block;
}

.product-document-link {
    color: #008BE4;
    font-family: Rubik-Regular, serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid currentColor;
}

.product-document-link:hover,
.product-document-link:focus,
.product-document-link:active {
    color: var(--main-focus-color);
}

.card-benefits {
    border: 1px solid #E9E9F4;
    border-radius: 10px;
}

.card-benefits .card-body {
    padding: 20px 20px 30px 20px;
}

.card-benefits-image {
    display: block;
    margin: 0 auto 10px;
}

.card-benefits-title {
    margin-bottom: 10px;
    text-align: center;

    font-family: 'Lato-SemiBold', serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 115%;
    color: #292929;
}

.card-benefits-description {
    font-weight: 400;
    font-size: 15px;
    line-height: 115%;
    text-align: center;
    color: #292929;
}

.section-premium {
    background-image: url("/images/premium/desktop.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 60px;
    min-height: 371px;

    overflow: hidden;
}

.section-premium-title {
    color: transparent;
    font-weight: 700;
    font-size: 46px;
    line-height: 115%;
    background-image: linear-gradient(92deg, #008be4 0%, #0f20b8 100%);
    background-size: 120%;
    background-repeat: repeat;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    -moz-background-clip: text;
    -moz-text-fill-color: transparent;

    margin-bottom: 20px;
    margin-top: 20px;
}

.section-premium-subtitle {
    font-weight: 400;
    font-size: 28px;
    line-height: 115%;
    color: #292929;

    margin-bottom: 20px;
}

.section-premium-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #292929;

    max-width: 500px;
}

.section-possibilities-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 115%;
    color: #292929;
    margin-bottom: 30px;
}

.section-possibilities-lists {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
    margin-left: 30px;
}

.section-possibilities-list {
    color: #292929;

    display: flex;
    align-items: center;
    gap: 10px;
}

.section-possibilities-register {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.btn-register-link {
    max-width: 280px;
}

.section-possibilities-register span {
    max-width: 420px;
    font-size: 15px;
}

/* mega menu */
.collapse.navbar-collapse {
    position: relative;
}

.mega-menu-wrapper {
    position: absolute;
    top: -100vh;
    left: 12%;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 100;
    max-width: 1100px;
    width: 100%;
    transition: top 0.5s ease;
    max-height: 80vh;
    overflow-y: auto;

    /*padding: 40px;*/
}

.mega-menu-wrapper.active {
    top: 140%;
}

.menu-header {
    display: none;
}

.icon-menu {
    display: block;
}

.icon-close {
    display: none;
}

.btn-catalog.active .icon-menu {
    display: none;
}

.btn-catalog.active .icon-close {
    display: block;
}

.mega-menu {
    width: 100%;
    display: flex;
}

.menu-left {
    width: 30%;
    padding: 30px 0 60px 10px;
    border-right: 1px solid #E9E9F4;
}

.menu-left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-left li {
    cursor: pointer;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background-color: transparent;
}

.menu-left li:hover, .menu-item.active {
    background-color: #F3F6F8;
    color: var(--main-color);
}

.menu-left li:hover svg path {
    stroke: var(--main-color);
}

.menu-right {
    width: 70%;
    padding: 30px 20px 50px;
    background-color: white;
}

.menu-item {
    font-size: 16px;
    color: #292929;
}

.submenu {
    display: none;
    overflow: hidden;
    padding-left: 20px;
}

.submenu.active {
    display: block;
}

.submenu-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.submenu-header h3 {
    font-weight: 600;
    font-size: 26px;
    color: #292929;
    margin-bottom: 0;
}

.submenu-lists {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: var(--main-color);
    font-size: 16px;
    transition: color 0.3s ease;
    outline: none;
    width: max-content;
    border-bottom: 1px solid transparent;
}

.submenu a:hover {
    color: var(--main-hover-color);
    border-bottom: 1px solid currentColor;
}

.submenu a:active, .submenu a:focus {
    color: var(--main-focus-color);
    border-bottom: 1px solid currentColor;
}

.back-btn {
    display: none;
}

.trigger-catalog-btn span {
    cursor: pointer;
}

/* end mega menu */


.card-profile {
    border: 1px solid #E9E9F4
}

.card-profile .card-body {
    display: flex;
    padding: 0;
}

.profile-left {
    width: 30%;
    border-right: 1px solid #E9E9F4;
    background-color: #f4f4f4;
}

.profile-right {
    width: 70%;
    padding: 25px 35px;
}

.profile-left-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    color: #292929;
    cursor: pointer;
}

.profile-left-item:hover:not(.not-active) {
    background-color: #fff;
}

.profile-left-item.active {
    background-color: #fff;
    cursor: pointer;
}

.profile-right-header {
    font-weight: 700;
    font-size: 22px;
    color: #292929;
}

.card-premium {
    background-image: url("/images/premium/cabinet-main.png");
    background-repeat: no-repeat;
    background-position: top right;
    -webkit-background-size: cover;
    background-size: cover;
}

.card-premium .profile-right * {
    color: #fff;
}

.profile-orders {
    margin-top: 20px;
}

.profile-order {
    display: flex;
    align-items: center;
    row-gap: 5px;
    column-gap: 20px;
    margin-bottom: 10px;
}

.order-count-wrapper {
    border-radius: 20px;
    width: 100px;
    height: 100px;
    padding: 5px;
    background: linear-gradient(204deg, #008be4 0%, #0f20b8 100%);
}

.order-count-inner {
    backdrop-filter: blur(25px);
    background: #FFFFFF;
    opacity: 0.95;
    border-radius: 100%;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.order-count {
    font-weight: 800;
    font-size: 28px;
    text-align: center;
    color: #292929;
}

.order-count-text {
    color: #292929;
    font-weight: 400;
    font-size: 14px;
}

.order-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order-content-header {
    font-weight: 500;
    font-size: 16px;
    color: #292929;
}

.order-content-info {
    display: flex;
    row-gap: 5px;
    column-gap: 20px;

    font-weight: 300;
    font-size: 14px;
    color: #A0A0B7;
}

.order-content-total {
    color: #292929;
}

.profile-toggle {
    cursor: pointer;
    text-align: left;
    font-size: 16px;

    border-radius: 15px;
    padding: 18px 30px;

    box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    border: 1px solid #E9E9F4;

    margin-bottom: 10px;
}

.profile-toggle div {
    width: 100%;
}

.card-product .btn-in-cart {
    max-width: 100%;
}