/* ==================================================
  TEMPLATE STYLE
  ================================================== *//*

  #Header
    #Account
    #Switcher: Languages & Currencies
    #Callback
    #Logo
     #Header contacts
     #Header informers
     #Search
     #Header catalog
  #Main
    #Filter
    #Price range
    #Products sorting
    #Pagination
    #Breacrumbs
    #Raiting
    #Main brands
    #Preview product
    #Preview article
    #Comments
    #Product page
    #Features
    #Pager
    #Browsed products
    #Comparison page
    #Purchases
    #Delivery & Payment
    #Profile user
    #Advantages
    #Page 404
  #Footer
  #Mobile navigation
  #Button to Top

*//* ==================================================
  TEMPLATE STYLE
  ================================================== */

/* ROOT [START] */
:root {
    --position-sticky-top: 95px;
}

:root.is-auth {
    --position-sticky-top: 75px;
}
/* ROOT [END] */

/* HEADER [START] */
.header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: sticky;
    z-index: 100;
}

.header--sticky-center {
    top: 0;
}

.header--sticky-bottom {
    top: -80px;
}

.header__top {
    background: var(--second-company);
    color: var(--second-company-text);
    padding: 2px 0px;
    position: relative;
}

.header__center {
    background-color: #FFFFFF;
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border-bottom: 1px solid #EDF2F9;
    color: var(--body-text);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 80px;
    padding: 12px 0px;
    position: relative;
}

.header__center-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}

.header__bottom {
    background-color: #5B6770;
    color: #FFFFFF;
    height: 60px;
    padding: 0;
    position: relative;
}

.header__bottom > .container {
    height: 100%;
}

.header__bottom-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    position: relative;
}

@media (max-width: 991px) {
    .header__center {
        height: 60px;
    }

    .header__bottom {
        background-color: #FFFFFF;
        box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
        border-bottom: 1px solid #EDF2F9;
    }

    .header--sticky-bottom {
        top: 0;
    }

    .header__bottom-container {
        position: static;
        align-items: center;
    }
}
/* HEADER [END] */

/***** #Account **********************************************************************/
.account__link {
    color: var(--second-company-text);
    font-size: 12px;
    text-decoration: none;
}

.account__link svg {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}

.account__link .account__text {
    margin-right: 5px;
}

/* SWITCHER: LANGUAGES & CURRENCIES [START] */
.header__switcher {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex: 1 1 250px;
    max-width: 250px;
}

.switcher__item {
    cursor: pointer;
    position: relative;
    padding: 5px 10px;
    white-space: nowrap;
}

.switcher__visible {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.switcher__visible .switcher__name {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.switcher__arrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.switcher__arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}

.switcher__item:hover .switcher__arrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.switcher__hidden {
    background-color: #FFFFFF;
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    cursor: default;
    display: flex;
    flex-direction: column;
    width: auto;
    min-width: 140px;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: -12px;
    z-index: 1;
    border-radius: 25px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
}

.switcher__item:hover .switcher__hidden {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.switcher__language .switcher__hidden {
    left: 0;
}

.switcher__item:last-child .switcher__hidden {
    left: inherit;
    right: 0;
}

.switcher__link {
    background-color: rgba(255, 122, 0, 0);
    border: none;
    outline: none;
    color: var(--body-text);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0px 15px;
    position: relative;
    white-space: nowrap;
    border-radius: 50rem;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}

.switcher__link:hover,
.switcher__link.active {
    background-color: rgba(255, 122, 0, 0.1);
    color: rgba(255, 122, 0, 1);
    text-decoration: none;
}

@media (max-width: 991px) {
    .header__switcher {
        flex: 1 1 200px;
        max-width: 200px;
    }
}
/* SWITCHER: LANGUAGES & CURRENCIES [END] */

/***** #Callback *********************************************************************/
.callback {
    border: 1px solid transparent;
    color: var(--second-company-text);
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 26px;
    margin-left: 5px;
    margin-right: 10px;
    padding: 0px 12px;
    position: relative;
    border-radius: 8px;
}

.callback svg {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

/* LOGO [START] */
.header__logo {
    flex: 1 0 250px;
    max-width: 250px;
}

.logo__link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 64px;
    position: relative;
}

.logo__link img,
.logo__link svg {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    .header__logo {
        flex: 1 0 200px;
        max-width: 200px;
    }

    .logo__link {
        height: 48px;
    }
}
/* LOGO [END] */

/****** #Header contacts *************************************************************/
.header-contact {
    height: 50px;
    position: relative;
    min-width: 235px;
}

.header-contact__inner {
    padding: 15px 15px 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    border-radius: 4px;
    height: 45px;
}

.header-contact__inner--adress {
    padding: 10px 15px 0;
    height: 45px;
}

.header-contact__inner--adress .header-contact__item--visible::after {
    content: none !important;
}

.header-contact__item {
    position: relative;
    opacity: 0;
    visibility: hidden;
}

.header-contact__item--visible {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.header-contact__inner .header-contact__item--visible:after {
    content: '\2807';
    font-size: 30px;
    position: absolute !important;
    right: -5px;
    top: -5px;
    display: block;
    line-height: 1;
    width: 10px;
    color: var(--body-text);
}

.header-contact__section svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    line-height: 1;
}

.header-contact--phone,
.header-contact--email,
.header-contact--time {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 13px;
    line-height: 1.2;
    word-break: break-all;
}

.header-contact--email {
    font-size: 14px;
}

.header-contact--time,
.header-contact--time p,
.header-contact--time span {
    font-size: 14px;
    font-weight: 500;
}

.header-contact__item--visible.header-contact--phone a,
.header-contact--phone a,
.header-contact--email a,
.header-contact--time {
    text-decoration: none;
    color: var(--body-text);
}

/***** #Header informers *************************************************************/
.header_informers {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1 0 320px;
    width: 100%;
    max-width: 320px;
    height: 100%;
    padding: 0px 5px;
}

.header_informers__item {
    flex: 1 0 0%;
    height: 100%;
    padding: 0;
    position: relative;
}

.header_informers__link {
    background-color: transparent;
    border: none;
    outline: none;
    color: var(--second-company-text);
    cursor: pointer;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0px 12px;
    position: relative;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
}

.header_informers__link:hover {
    color: var(--second-company-text);
}

.header_informers__link svg {
    display: block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-top: -4px;
}

.header_informers__name {
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    /* opacity: 0.8; */
}

.header_informers__item .informer-counter {
    background-color: var(--basic-company);
    color: var(--basic-company-text);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-left: 12px;
    padding: 0;
    position: absolute;
    top: 6px;
    left: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}

/* SEARCH [START] */
.search {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    margin: 10px 17px 10px 15px;
    padding: 0;
    position: relative;
}

.search__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.search__input {
    background-color: #FFFFFF;
    border: none !important;
    outline: none !important;
    color: var(--body-text);
    width: 100%;
    height: 40px;
    border-radius: 50rem;
}

.search__button {
    background-color: var(--button-color);
    border: none;
    outline: none;
    color: var(--button-text);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 40px;
    margin: 0;
    padding: 0;
    opacity: 1;
    overflow: hidden !important;
    position: absolute;
    top: 0;
    right: -2px;
    border-radius: 50rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
}

.search__button svg {
    display: block;
    width: 26px;
    height: 26px;
}

.search__button:hover {
    background-color: var(--button-color);
}

@media (max-width: 991px) {
    .search {
        background-color: #FFFFFF;
        display: none;
        width: 100%;
        margin: 0;
        padding: 7px;
        position: absolute;
        top: 100%;
        left: 0;
    }

    .search__input {
        background-color: #F2F6F9;
    }

    .search__button {
        top: 0;
        right: 0;
    }
}
/* SEARCH [END] */

/****** #Header catalog ************************************************************/
.catalog_button {
    background-color: var(--basic-company);
    border: none;
    outline: none;
    color: var(--basic-company-text);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex: 1 0 320px;
    width: 100%;
    max-width: 320px;
    height: 100%;
    margin: 0;
    padding: 0px 15px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
}

.catalog_button .catalog_button__icon {
    display: block;
    width: 36px;
    min-width: 36px;
    height: 36px;
}

.catalog_button .catalog_button__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.catalog_button .catalog_button__arrow {
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-left: auto;
    transform: scaleY(1);
    transition: transform 0.5s;
}

.catalog_button .catalog_button__arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}

.catalog_button.active .catalog_button__arrow {
    transform: scaleY(-1);
}

.categories_nav {
    height: 400px !important;
}

.categories_nav {
    background: #fff;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    transition: 0.3s;
    width: 320px;
    z-index: 1;
}

.categories_nav--show.categories_nav {
    display: block;
    height: 400px;
}

.categories_nav .categories_nav__menu {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.categories_nav .categories_nav__menu .categories_menu__item {
    margin: 0;
}

.categories_nav .categories_nav__subcategory {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -4;
    visibility: hidden;
    opacity: 0;
    width: 320px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateX(260px) translateZ(0px);
    transform: translateX(260px) translateZ(0px);
    -webkit-transition: -webkit-all 0.5s ease-in-out;
    transition: -webkit-all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transition-delay: 0s, 0s;
    -webkit-transition-delay: 0.15s;
}

.categories_nav .categories_menu,
.categories_nav .subcategory {
    height: 100%;
    padding: 13px 0 10px 0;
}

.categories_menu:not(.scroll) {
    overflow: hidden;
}

.categories_nav .level_3.categories_nav__subcategory {
    max-height: 100%;
    max-width: calc(100vw - 583px);
    width: calc(1366px - 583px);
}

.categories_nav .categories_menu__link {
    padding: 6px 20px 6px 10px;
    position: relative;
    transition: 0.3s;
    text-decoration: none;
    color: var(--body-text);
    line-height: 1.2;
    font-size: 13px;
    font-weight: 500;
    min-height: 34px;
}

.categories_menu__link {
    color: var(--body-text);
    text-decoration: none;
    position: relative;
}

.categories_nav .categories_menu__link .categories_menu__icon {
    height: 22px;
    width: 22px;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22px;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    max-width: 22px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.categories_nav .categories_menu__link .categories_menu__icon svg {
    max-height: 22px;
    max-width: 22px;
}

.categories_nav .categories_menu__link .categories_menu__icon svg path {
    fill: currentColor !important;
}

.categories_menu__link .categories_menu__name {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.categories_nav__subcategory:not(.level_3) .categories_menu__link .categories_menu__name {
    /* white-space: nowrap; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
}

.categories_nav .categories_menu__link .arrow_right {
    position: absolute;
    right: 7px;
    top: calc(50% - 5px);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: 0.3s;
    width: 12px;
    height: 12px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15px;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    max-width: 15px;
}

.categories_nav__subcategory.level_3 .categories__no_image .arrow_right {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    top: inherit;
    max-width: 50px;
    flex: inherit;
}

.categories_nav .subcategory {
    background: #fff;
    border-left: 1px solid #ebebeb;
}

.categories_nav .subcategory .categories_menu__item {
    background: #fff;
    position: static;
}

.categories_nav .level_3 .subcategory {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
}

.categories_nav .level_3 .subcategory .categories_menu__item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    height: 120px;
    margin-bottom: 10px;
    text-align: center;
}

.categories_nav .level_3 .subcategory .categories_menu__item .categories_menu__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 130px;
    background: #fff;
    width: 100%;
}

.categories_nav .level_3 .subcategory .categories_menu__item .categories_menu__image {
    height: 100px;
}

.categories_nav .level_3 .subcategory .categories_menu__item .categories_menu__image svg {
    max-height: 65px;
    max-width: 100%;
}

.categories_nav .level_3 .subcategory .categories_menu__item .category_name {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
}

.categories_nav ul::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.scroll {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hover_scroll {
    position: absolute;
    left: 0;
    height: 30px;
    width: 100%;
    opacity: 1;
    transition: all 320ms;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(240, 240, 240, 0.7);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    margin: 0;
}

.hover_scroll.hover_scroll_up {
    top: 0;
}

.hover_scroll:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f107';
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    opacity: 0.8;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: var(--basic-company-text);
    background-color: var(--basic-company);
}

.hover_scroll.hover_scroll_up:before {
    content: '\f106';
}

.hover_scroll.hover_scroll_down {
    bottom: 0;
}

/*****  #Main  **********************************************************************/
.main {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-top: 24px;
    margin-bottom: 24px;
    position: relative;
}

.main--page {
    margin-top: 0;
}

/* MAIN [START] */
.main__container {
    display: grid;
    grid-template-columns: 320px 1fr;
    grid-gap: 15px;
    gap: 15px;
    /* margin-top: 15px; */
}

.main__sidebar {
    min-width: 0;
}

.main__sidebar-wrapper {
    background-color: var(--boxed-color);
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    border-radius: 8px;
}

.main__sidebar-header {
    border-bottom: 1px solid #EDF2F9;
    padding: 15px;
}

.main__sidebar-header--light {
    background-color: #F9FBFD;
}

.main__sidebar-title {
    color: var(--boxed-text);
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.sidebar-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    gap: 10px;
}

.sidebar-tabs__panel {
    display: none;
}

.sidebar-tab {
    background-color: var(--basic-company-text);
    border: 1px solid rgba(255, 122, 0, 0.3);
    outline: none;
    color: var(--basic-company);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    width: auto;
    height: 40px;
    margin: 0;
    padding: 0px 10px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: background-color 0.5s, border-color 0.5s, color 0.5s;
    transition: background-color 0.5s, border-color 0.5s, color 0.5s;
    border-radius: 8px;
}

.sidebar-tab:hover,
.sidebar-tab.active {
    background-color: var(--basic-company);
    color: var(--basic-company-text);
}

.sidebar-tab.active {
    cursor: default;
}

.sidebar-tab__icon {
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
}

.sidebar-tab__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.main__sidebar-body {
    padding: 15px;
}

.main__content {
    min-width: 0;
}

.main__content > .main-products:last-child > .block {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .main__sidebar {
        display: none;
    }

    .main__container {
        grid-template-columns: 1fr;
    }
}
/* MAIN [END] */

/* PAGE LAYOUT [START] */
.page-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    grid-gap: 15px;
    gap: 15px;
}

.page-layout--single {
    grid-template-columns: 1fr;
}

.page-layout--reverse {
    grid-template-columns: 1fr 320px;
}

@media (max-width: 991px) {
    .page-layout,
    .page-layout--reverse {
        grid-template-columns: 1fr;
    }
}
/* PAGE LAYOUT [END] */

.sidebar {
    width: 100%;
    max-width: 320px;
    position: relative;
}

.sidebar__boxed {
    background-color: var(--boxed-color);
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    border-radius: 8px;
    color: var(--boxed-text);
    display: block;
    margin-bottom: 15px;
    padding: 15px;
    z-index: 1;
}

.sidebar__boxed--selected-features {
    margin-bottom: 0 !important;
}

.sidebar__boxed--subscribe {
    background-color: #1B84EC;
    color: #FFFFFF;
    padding: 30px 15px 30px;
    position: relative;
}

.sidebar__boxed--subscribe:before {
    content: '';
    opacity: 0.15;
    position: absolute;
    top: -6px;
    left: 15%;
    width: 180px;
    height: 180px;
    background-size: contain;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA1MTIgMCkiPjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwNi45NTUsMS4zMTRjLTMuMTE5LTEuNzgtNi45NTUtMS43NS0xMC4wNDUsMC4wNzhMMzEzLjY1NiwxMDkuNzU2Yy00Ljc1NCwyLjgxMS02LjMyOSw4Ljk0My0zLjUxOCwxMy42OTcgICAgYzIuODEsNC43NTMsOC45NDIsNi4zMjgsMTMuNjk3LDMuNTE4bDEzMS40ODItNzcuNzQ5TDIxMC40MTEsMzAzLjMzNUw4OC42MDMsMjY2LjA2OWwxNTguOTY1LTk0ICAgIGM0Ljc1NC0yLjgxMiw2LjMyOS04Ljk0NCwzLjUxOC0xMy42OThjLTIuODEtNC43NTMtOC45NDMtNi4zMy0xMy42OTctMy41MThMNTguOTEsMjYwLjM5MmMtMy40MSwyLjAxNy01LjMwOSw1Ljg1Ni00Ljg0LDkuNzkxICAgIHMzLjIxNiw3LjIyMSw3LjAwNCw4LjM4bDE0NS40NjksNDQuNTA0TDI3MC43Miw0MzkuODhjMC4wNjcsMC4xMjEsMC4xMzYsMC4yMjMsMC4yMDcsMC4zMTRjMS4wNzEsMS43ODYsMi42NzYsMy4yNDUsNC42NzgsNC4wODcgICAgYzEuMjUzLDAuNTI3LDIuNTcsMC43ODQsMy44NzgsMC43ODRjMi41NjMsMCw1LjA4Ni0wLjk4Niw2Ljk5MS0yLjg0OWw3My43OTQtNzIuMTJsMTM4LjgwNiw0Mi40NjYgICAgYzAuOTYsMC4yOTMsMS45NDUsMC40MzgsMi45MjUsMC40MzhjMi4xMTYsMCw0LjIwNi0wLjY3Miw1Ljk0OC0xLjk2MUM1MTAuNDk2LDQwOS4xNTMsNTEyLDQwNi4xNyw1MTIsNDAzVjEwICAgIEM1MTIsNi40MDksNTEwLjA3NCwzLjA5Myw1MDYuOTU1LDEuMzE0eiBNMjcxLjI2NSwzMjkuMjNjLTEuMTU4LDEuNjczLTEuNzc5LDMuNjU5LTEuNzc5LDUuNjk0djYxLjE3MWwtNDMuODIzLTc5Ljc2NSAgICBsMTkzLjkyMS0yMDEuMjFMMjcxLjI2NSwzMjkuMjN6IE0yODkuNDg2LDQxMS4zMDl2LTYyLjg2N2w0OC45OSwxNC45ODhMMjg5LjQ4Niw0MTEuMzA5eiBNNDkyLDM4OS40ODNsLTE5Ni40OTktNjAuMTE2ICAgIEw0OTIsNDUuNzA0VjM4OS40ODN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xNjQuNDIzLDM0Ny41NzdjLTMuOTA2LTMuOTA1LTEwLjIzNi0zLjkwNS0xNC4xNDMsMGwtOTMuMzUyLDkzLjM1MmMtMy45MDUsMy45MDUtMy45MDUsMTAuMjM3LDAsMTQuMTQzICAgIEM1OC44ODIsNDU3LjAyNCw2MS40NDEsNDU4LDY0LDQ1OHM1LjExOC0wLjk3Niw3LjA3MS0yLjkyOWw5My4zNTItOTMuMzUyQzE2OC4zMjgsMzU3LjgxNSwxNjguMzI4LDM1MS40ODMsMTY0LjQyMywzNDcuNTc3eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDAuMDcxLDQ3MS45MjhjLTMuOTA2LTMuOTAzLTEwLjIzNi0zLjkwMy0xNC4xNDIsMC4wMDFsLTIzLDIzYy0zLjkwNSwzLjkwNS0zLjkwNSwxMC4yMzcsMCwxNC4xNDMgICAgQzQuODgyLDUxMS4wMjQsNy40NDEsNTEyLDEwLDUxMnM1LjExOC0wLjk3Nyw3LjA3MS0yLjkyOWwyMy0yM0M0My45NzYsNDgyLjE2Niw0My45NzYsNDc1LjgzNCw0MC4wNzEsNDcxLjkyOHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjxnPgoJPGc+CgkJPHBhdGggZD0iTTE0Mi42NDksNDk0LjM0Yy0xLjg1OS0xLjg2LTQuNDM5LTIuOTMtNy4wNjktMi45M2MtMi42NDEsMC01LjIxLDEuMDctNy4wNywyLjkzYy0xLjg2LDEuODYtMi45Myw0LjQzLTIuOTMsNy4wNyAgICBjMCwyLjYzLDEuMDY5LDUuMjEsMi45Myw3LjA3YzEuODYsMS44Niw0LjQ0LDIuOTMsNy4wNywyLjkzczUuMjEtMS4wNyw3LjA2OS0yLjkzYzEuODYtMS44NiwyLjkzMS00LjQ0LDIuOTMxLTcuMDcgICAgQzE0NS41OCw0OTguNzcsMTQ0LjUxLDQ5Ni4yLDE0Mi42NDksNDk0LjM0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjE3LjA1MSw0MTkuOTM1Yy0zLjkwMy0zLjkwNS0xMC4yMzMtMy45MDUtMTQuMTQyLDBsLTQ5LjQ0Niw0OS40NDVjLTMuOTA1LDMuOTA1LTMuOTA1LDEwLjIzNywwLDE0LjE0MiAgICBjMS45NTMsMS45NTMsNC41MTIsMi45MjksNy4wNzEsMi45MjlzNS4xMTgtMC45NzcsNy4wNzEtMi45MjlsNDkuNDQ2LTQ5LjQ0NUMyMjAuOTU2LDQzMC4xNzIsMjIwLjk1Niw0MjMuODQsMjE3LjA1MSw0MTkuOTM1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzg3LjcwNCw0MTYuMTM5Yy0zLjkwNi0zLjkwNC0xMC4yMzYtMy45MDQtMTQuMTQyLDBsLTQ5LjU4LDQ5LjU4Yy0zLjkwNSwzLjkwNS0zLjkwNSwxMC4yMzcsMCwxNC4xNDMgICAgYzEuOTUzLDEuOTUyLDQuNTEyLDIuOTI5LDcuMDcxLDIuOTI5czUuMTE4LTAuOTc3LDcuMDcxLTIuOTI5bDQ5LjU4LTQ5LjU4QzM5MS42MDksNDI2LjM3NywzOTEuNjA5LDQyMC4wNDUsMzg3LjcwNCw0MTYuMTM5eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjgzLjUsMTM2LjMxYy0xLjg2LTEuODYtNC40NC0yLjkzLTcuMDctMi45M3MtNS4yMSwxLjA3LTcuMDcsMi45M2MtMS44NTksMS44Ni0yLjkzLDQuNDQtMi45Myw3LjA4ICAgIGMwLDIuNjMsMS4wNyw1LjIsMi45Myw3LjA2YzEuODYsMS44Nyw0LjQ0LDIuOTMsNy4wNywyLjkzczUuMjEtMS4wNiw3LjA3LTIuOTNjMS44NTktMS44NiwyLjkzLTQuNDMsMi45My03LjA2ICAgIEMyODYuNDMsMTQwLjc1LDI4NS4zNiwxMzguMTcsMjgzLjUsMTM2LjMxeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=');
}

.products-sidebar {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.products_container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.blog_container__boxed,
.products_container__boxed {
    background-color: var(--boxed-color);
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    padding: 15px;
    border-radius: 8px;
}

.user_container__boxed {
    background: transparent;
    padding: 0;
}

.user_container {
    display: flex;
    flex-direction: column;
}

.user_container .tab {
    padding: 0;
}

.sidebar_subscribe__title {
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 25px;
    text-align: center;
}

.sidebar_subscribe__form {
    position: relative;
}

.form__input--aside_subscribe {
    height: 32px;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
}

.button--aside_subscribe {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    font-family: inherit;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    position: absolute;
    right: 4px;
    top: 4px;
    border: none;
    background: transparent;
    color: var(--second-company);
    opacity: 0.8;
    transition: all 0.2s;
    line-height: 24px;
    padding: 0 7px;
    text-transform: uppercase;
}

.button--aside_subscribe:hover {
    color: var(--second-company);
    opacity: 1;
}

.button--aside_subscribe svg {
    width: 16px;
    height: 16px;
}

.post_container__wrapper {
    background-color: var(--boxed-color);
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    margin-bottom: 15px;
    padding: 0;
    overflow: hidden;
    border-radius: 8px;
}

.post_container__wallpaper {
    background-color: #F4F6F9;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    min-height: 200px;
    margin-bottom: 15px;
    padding: 0;
    padding-bottom: 36%;
    position: relative;
    overflow: hidden;
}

.post_container__boxed {
    padding: 15px;
    position: relative;
    max-width: 100%;
    margin: 0px auto;
}

.sidebar_heading {
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 0;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    color: var(--body-text);
}

.sidebar_heading:before {
    font-size: 14px;
}

.sidebar_heading.active .sidebar_heading_arrow:before {
    content: '\f077';
}

.blog_catalog {
    margin: 0;
}

.blog_catalog__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog_catalog__list--inner {
    padding-left: 15px;
    margin-bottom: 10px;
    display: none;
}

.blog_catalog__item {
    position: relative;
    margin: 0px;
    border-bottom: 1px solid rgb(227, 227, 227);
}

.blog_catalog__list--inner .blog_catalog__item,
.blog_catalog__item:last-child {
    border: none;
}

.blog_catalog__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    padding: 10px 20px 10px 0;
    color: rgb(34, 34, 34);
    font-size: 13px;
    font-weight: 500;
    min-height: 40px;
}

.blog_catalog__no_image,
.blog_catalog__link img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    max-width: 20px;
}

.blog_catalog__name {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 10px;
}

.blog_catalog__list--inner .blog_catalog__link {
    padding: 3px 25px 3px 0;
    font-size: 12px;
    font-weight: 400;
}

.blog_catalog__link.selected {
    color: var(--basic-company);
}

.opened > .blog_catalog__list--inner {
    display: block;
}

.blog_catalog__switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: -6px;
    width: 28px;
    height: 28px;
    font-size: 0;
    cursor: pointer;
    text-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 26px;
    -ms-flex: 0 0 26px;
    flex: 0 0 3026;
    max-width: 26px;
}

.blog_catalog__switch svg {
    width: 15px;
    height: 15px;
}

.blog_catalog__switch.active svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.post__labels {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.post__label {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 2px;
    padding: 5px 15px;
    background: var(--second-company);
    color: var(--second-company-text);
    font-size: 13px;
    font-weight: 600;
    border-radius: 0px 0px 8px 0px;
    transition: all 0.3s;
}

.post__label:hover {
    background: var(--basic-company);
    color: var(--basic-company-text);
}

.post_information {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.post_information__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 35px 8px 0;
    font-size: 13px;
    color: rgb(170, 170, 170);
}

.post_information__item svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.post_information__avatar {
    width: 32px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    max-width: 32px;
    height: 32px;
    border: 1px solid #eee;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    overflow: hidden;
}

.post_information__avatar svg {
    margin-right: 0;
}

.post__heading {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.post__update_date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    border: none;
    padding: 12px 15px;
    margin-bottom: 20px;
    background: rgba(109, 179, 109, 0.2);
    color: rgb(11, 138, 11);
    border-radius: 2px;
}

.post__update_date svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.post__update_date_text {
    margin-right: 5px;
}

.post__table_contents {
    background-color: #f0f0f0;
    padding: 25px 20px 10px;
    margin-bottom: 20px;
}

.post__table_contents_title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-left: 5px;
}

.post__table_contents ol {
    padding-left: 0;
}

.post__table_contents ol li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 5px;
}

.post__table_contents ol li a {
    font-weight: 400;
}

.post_share {
    background-color: var(--boxed-color);
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0px 0px 0px;
    padding: 5px 20px;
    min-height: 50px;
    border-radius: 8px;
}

.post_tags {
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0px;
}

.post_tags svg {
    width: 20px;
    height: 20px;
    margin: 1px 15px 5px 5px;
    color: #5e5e5e;
}

.post_tag {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    margin: 0 5px 5px 0;
    color: rgb(119, 119, 119);
    text-decoration: none;
    background: rgb(240, 240, 240);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.post_tag:hover {
    text-decoration: none;
    color: #fff;
    background: var(--basic-company);
}

.filter__tag_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 15px;
}

.filter__tag_item {
    margin: 0 7px 7px 0;
}

.filter__tag_link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 3px;
    padding: 5px 5px;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #dbdbdb;
    color: #333;
    text-decoration: none;
    background: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.filter__tag_link:hover {
    color: #fff;
    background: var(--basic-company);
}

.post_container__body {
    margin-top: 40px;
    margin-bottom: 30px;
}

.post_container__footer .pager {
    margin-top: 25px;
    margin-bottom: 0px;
}

/***** #Filter **********************************************************************/
.filter__name {
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 0;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    color: var(--body-text);
}

.filter__name_arrow:before {
    font-size: 14px;
}

.filter__name.active .filter__name_arrow:before {
    content: '\f077';
}

.filters .filter__group {
    border-bottom: 1px solid rgb(219, 219, 219);
    padding-bottom: 5px;
    margin-top: 5px;
}

.filters .filter__group:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.filter__selected_feature {
    margin: 0 5px 5px 0;
}

.filter__selected_feature .filter__sf_link {
    background-color: rgba(255, 122, 0, 0.1);
    border: 1px solid rgba(255, 122, 0, 0.1);
    padding: 5px 10px;
    cursor: pointer;
    min-height: 30px;
    transition: all 0.2s ease;
    border-radius: 8px;
}

.filter__selected_feature .filter__sf_link i,
.filter__selected_feature .filter__sf_link span {
    font-size: 12px;
}

.filter__selected_feature .filter__sf_link span {
    color: rgba(63, 78, 93, 0.7);
}

.filter__selected_feature .filter__sf_link i {
    color: rgb(51, 62, 74);
}

.filter__selected_feature .filter__sf_link svg {
    width: 15px;
    height: 15px;
    color: rgba(216, 31, 31, 0.7);
    position: relative;
    left: 5px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.filter__selected_feature_reset {
    margin: 10px 0;
}

.filter__selected_feature_reset .filter__sf_reset {
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.2;
    color: #363636;
    font-weight: 400;
    transition: all 0.3s ease 0s;
    border-bottom: 1px dashed;
    border-color: var(--button-color);
    text-decoration: none;
    display: inline-block;
    font-family: inherit;
}

.filter__item {
    margin: 10px 0;
    position: relative;
}

.filter__link {
    transition: color 0.3s;
    display: block;
    width: 100%;
    text-align: left;
    line-height: 24px;
    padding-left: 30px;
    position: relative;
    font-size: 14px;
    color: var(--body-text);
    font-weight: 500;
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.filter__link .filter__checkbox {
    transition: border-color 0.3s;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    display: block;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
}

.filter__link .filter__checkbox svg {
    height: 20px;
    opacity: 1;
    width: 20px;
}

.filter__link .filter__label {
    display: block;
    line-height: 22px;
    color: var(--body-text);
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
}

@-webkit-keyframes checkmarkAnimation {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes checkmarkAnimation {
    100% {
        stroke-dashoffset: 0;
    }
}

.filter__checkbox.checked svg {
    color: var(--basic-company);
}

.filter__link.checked svg path {
    stroke: var(--basic-company);
    stroke-width: 2px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-miterlimit: 10;
    opacity: 1;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: checkmarkAnimation 0.5s 0s forwards;
    animation: checkmarkAnimation 0.5s 0s forwards;
}

.filter__link.checked .filter__label {
    color: var(--basic-company);
}

.filter__link.checked .filter__checkbox {
    border-color: var(--basic-company);
}

.view_all_feature {
    color: #363636;
    font-size: 13px;
    line-height: 1.2;
    cursor: pointer;
    font-weight: 400;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-bottom: 1px dashed;
    border-color: var(--basic-company);
    margin-bottom: 10px;
    text-decoration: none;
    display: inline-block;
}

.feature_content .filter__item.closed {
    display: none;
}

.feature_content.opened .filter__item.closed {
    display: block;
}

.filter__catalog_menu {
    margin-bottom: 5px;
}

b.filter__catalog_link,
a.filter__catalog_link {
    position: relative;
    font-family: inherit;
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    text-decoration: none;
    color: var(--body-text);
    line-height: 1.2;
    font-size: 13px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    transition: all 0.3s ease 0s;
}

a.filter__catalog_link {
    cursor: pointer;
}

a.filter__catalog_link span {
    padding-right: 5px;
}

.filter_catalog__no_image,
b.filter__catalog_link img,
a.filter__catalog_link img {
    width: 18px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    max-width: 20px;
    margin-right: 10px;
    height: auto;
}

a.filter__catalog_link svg {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
}

.filter_catalog__no_image svg {
    width: 20px !important;
    height: 20px !important;
}

b.filter__catalog_link.selected {
    color: var(--basic-company);
    font-weight: 500;
}

/***** #Price range ******************************************************************/
.price_range {
    overflow: hidden;
    margin-bottom: 15px;
}

.price_label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(50% - 35px);
    -ms-flex: 0 0 calc(50% - 35px);
    flex: 0 0 calc(50% - 35px);
    max-width: calc(50% - 35px);
}

.price_range .separator,
.price_range .price_currency {
    line-height: 22px;
    color: #363636;
    font-weight: 400;
    font-size: 0.9em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35px;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    max-width: 35px;
    text-align: center;
}

.price_range .separator {
    font-size: 1.2em;
}

.max_input,
.min_input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 5px;
    border: 1px solid #d1d1d1;
    height: 30px;
    color: rgb(54, 54, 54);
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
}

.max_input:focus,
.min_input:focus {
    border-color: var(--basic-company);
}

.switch_mobile_filter {
    background-color: #FFFFFF;
    border: 1px solid var(--button-color);
    color: var(--button-color);
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    width: auto;
    height: 28px;
    padding: 0px 16px;
    border-radius: 8px;
}

.switch_mobile_filter svg {
    margin-right: 5px;
    display: inline-block;
    height: 14px;
    position: relative;
    width: 14px;
}

/* PRODUCTS GRID [START] */
.products-grid {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
}

/* 4 колонки */
.products-grid--with-sidebar {
    grid-template-columns: repeat(4, 1fr);
}

/* 5 колонок */
.products-grid--no-sidebar {
    grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1199px) {
    /* 3 колонки */
    .products-grid--with-sidebar {
        grid-template-columns: repeat(3, 1fr);
    }

    /* 4 колонки */
    .products-grid--no-sidebar {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {
    /* 4 колонки */
    .products-grid--with-sidebar {
        grid-template-columns: repeat(4, 1fr);
    }

    /* 4 колонки */
    .products-grid--no-sidebar {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    /* 3 колонки */
    .products-grid--with-sidebar {
        grid-template-columns: repeat(3, 1fr);
    }

    /* 3 колонки */
    .products-grid--no-sidebar {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 575px) {
    /* 2 колонки */
    .products-grid--with-sidebar {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 2 колонки */
    .products-grid--no-sidebar {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* PRODUCTS GRID [END] */

/* PRODUCTS GRID: LIST [START] */
.product_preview__cell {
    display: none;
}

@media (min-width: 992px) {
    .products-grid--list {
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
        gap: 10px;
    }

    .products-grid--list .product_preview,
    .products-grid--list .product_preview__center {
        display: flex;
        flex-direction: row;
        gap: 8px;
    }

    .products-grid--list .product_preview {
        padding: 10px;
    }

    .products-grid--list .product_preview__center {
        display: grid;
        grid-template-columns: 70px minmax(140px, 200px) 50px 1fr 1fr 1fr 1fr 1fr;
        flex: 1 0 0%;
    }

    .products-grid--list .product_preview > *,
    .products-grid--list .product_preview__center > * {
        /* box-shadow: 0px 0px 0px 1px red; */
    }

    .products-grid--list .product_preview__image {
        display: block;
        width: 70px;
        min-width: 70px;
        height: 70px;
        margin: 0;
        padding: 0;
    }

    .products-grid--list .product_preview__image-link::before {
        background-color: #FFFFFF;
        background-image: var(--product-image);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        box-shadow: 0px 0px 8px 0px rgba(18, 38, 63, 0.1);
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 9;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: width 0.2s ease-in-out, height 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, z-index 0.2s ease-in-out;
        transition: width 0.2s ease-in-out, height 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out, z-index 0.2s ease-in-out;
        border-radius: 8px;
    }

    .products-grid--list .product_preview__image-link:hover::before {
        width: 320%;
        height: 320%;
        opacity: 1;
        z-index: 11;
    }

    .products-grid--list .product_preview__image a,
    .products-grid--list .product_preview__image picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    .products-grid--list .product_preview__image img {
        object-fit: scale-down;
        object-position: 50% 50%;
        display: block;
        position: relative;
        z-index: 8;
    }

    .products-grid--list .product_preview__no_image {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .products-grid--list .product_preview__no_image svg {
        display: block;
        width: 80%;
        height: 80%;
    }

    .products-grid--list .product_preview__name {
        display: flex;
        flex-direction: row;
        align-items: center;
        min-width: 0;
    }

    .products-grid--list .product_preview__name a {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.25;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 45px;
        overflow: hidden;
    }

    .products-grid--list .product_preview__prices {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        height: auto;
        margin: 0;
        padding: 0;
    }

    .products-grid--list .product_preview__prices .price,
    .products-grid--list .product_preview__prices .price .currency {
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        top: auto;
    }

    .products-grid--list .available__in_stock,
    .products-grid--list .available__no_stock {
        font-size: 12px;
        font-weight: 500;
    }

    .products-grid--list .product_preview__bottom {
        border: none !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 0 0 40px;
        width: 40px;
        min-width: 40px;
        height: auto;
        margin: 0;
        padding: 0;
    }

    .products-grid--list .product_preview__buttons .product_preview__button {
        width: 40px;
        height: 40px;
    }

    .products-grid--list .product_preview__button--pre_order svg {
        display: block !important;
        width: 24px;
        height: 24px;
    }

    .products-grid--list .product_preview__button_text {
        display: none !important;
    }

    .products-grid--list .product_preview__variants {
        display: none !important;
    }

    .products-grid--list .product_preview__cell {
        font-size: 12px;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .products-grid--list .product_preview__cell--rrp {
        font-weight: 600;
        white-space: nowrap;
    }

    .products-grid--list .product_preview__cell--availability {
        flex-direction: column;
        gap: 6px;
    }

    .products-grid--list .product_preview__stock {
        opacity: 0.8;
        line-height: 1;
    }

    .products-grid--list .product_preview__stock b {
        font-weight: 600;
    }

    .products-grid--list .stickers,
    .products-grid--list .wishlist_button,
    .products-grid--list .comparison_button {
        display: none !important;
    }
}
/* PRODUCTS GRID: LIST [END] */

/* PRODUCTS HEAD [START] */
.products__head {
    display: none;
}

@media (min-width: 992px) {
    .products-grid--list .products__head {
        background-color: rgba(91, 103, 112, 0.2);
        background-color: #DEE1E3;
        border: 1px solid rgba(0, 0, 0, 0.02);
        color: var(--body-text);
        font-size: 12px;
        font-weight: 500;
        display: grid;
        grid-template-columns: 70px minmax(140px, 200px) 50px 1fr 1fr 1fr 1fr 1fr 40px;
        grid-gap: 8px;
        gap: 8px;
        height: 40px;
        padding: 0px 10px;
        position: sticky;
        top: 60px;
        z-index: 10;
        border-radius: 8px;
    }

    .products__cell {
        /* box-shadow: 0px 0px 0px 1px red; */
        display: flex;
        flex-direction: row;
    }

    .products__cell--head {
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .products__cell--left {
        text-align: left;
        justify-content: flex-start;
    }
}
/* PRODUCTS HEAD [END] */

/* PRODUCTS VIEW [START] */
.products-view {
    background-color: rgba(255, 122, 0, 0.1);
    border: 1px solid rgba(255, 122, 0, 0.1);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 12px;
}

.products-view__btn {
    background-color: var(--basic-company-text);
    border: 1px solid rgba(255, 122, 0, 0.3);
    outline: none;
    color: var(--basic-company);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: background-color 0.5s, border-color 0.5s, color 0.5s;
    transition: background-color 0.5s, border-color 0.5s, color 0.5s;
    border-radius: 8px;
}

.products-view__btn:hover,
.products-view__btn.active {
    background-color: var(--basic-company);
    color: var(--basic-company-text);
}

.products-view__btn.active {
    cursor: default;
}

.products-view__btn svg {
    display: block;
    width: 24px;
    height: 24px;
}
/* PRODUCTS VIEW [END] */

/***** #Products sorting *************************************************************/
.products_container__sort {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.products_sort {
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.product_sort__title {
    color: #696868;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;
    margin-right: 5px;
}

.product_sort__link {
    background: transparent;
    border: 1px solid #D2DDEC;
    color: rgb(69, 69, 69);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    text-decoration: none;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 28px;
    margin: 0px 4px;
    padding: 0px 10px;
    position: relative;
    transition: 0.5s;
    border-radius: 8px;
}

.product_sort__link.active_down,
.product_sort__link.active_up {
    color: var(--button-color);
    border-color: var(--button-color);
}

.product_sort__link .sorting_icon {
    width: 13px;
    height: 13px;
    margin-left: 5px;
}

.product_sort__link .sorting_icon--right,
.product_sort__link .sorting_icon--left {
    fill: #a1a1a1;
}

.product_sort__link.active_down .sorting_icon--left {
    fill: var(--button-color);
}

.product_sort__link.active_up .sorting_icon--right {
    fill: var(--button-color);
}

/***** #Pagination *******************************************************************/
.pagination {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.pagination__item {
    display: block;
    margin: 0;
    padding: 0;
}

.pagination__link {
    background-color: var(--boxed-color);
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    color: var(--body-text);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    -webkit-transition: background-color 0.5s, border-color 0.5s, color 0.5s;
    transition: background-color 0.5s, border-color 0.5s, color 0.5s;
    border-radius: 8px;
}

.pagination__link:hover {
    background-color: var(--boxed-color);
    border-color: var(--basic-company);
    color: var(--basic-company);
}

.pagination__item.active .pagination__link {
    background-color: var(--basic-company);
    border-color: var(--basic-company);
    color: var(--basic-company-text);
}

.pagination__link svg {
    display: block;
    width: 24px;
    height: 24px;
}

.products_pagination {
    margin: 0;
    padding: 0;
}

/* BREACRUMBS [START] */
.breadcrumbs {
    margin: 16px 0px 24px 0px;
    padding: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.breadcrumbs::before,
.breadcrumbs::after {
    content: '';
    display: block;
    width: 64px;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    transition: opacity 0.5s;
}

.breadcrumbs::before {
    background: linear-gradient(90deg, var(--bg) 0, rgba(255, 255, 255, 0) 100%);
    left: 0;
}

.breadcrumbs::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--bg) 100%);
    right: 0;
}

.breadcrumbs.at-start::before,
.breadcrumbs.at-end::after {
    opacity: 1;
}

.breadcrumbs__wrapper {
    background: transparent;
    border: none;
    color: rgba(34, 34, 34, 0.5);
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.breadcrumbs__wrapper .breadcrumbs__item {
    font-size: 12px;
    font-weight: 500;
    color: inherit;
    cursor: default;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.breadcrumbs__item meta {
    display: none;
}

.breadcrumbs__item::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik01MTcuODUtNDgwIDM1NC45Mi02NDIuOTJxLTguMy04LjMxLTguNS0yMC44OS0uMTktMTIuNTcgOC41LTIxLjI3IDguNy04LjY5IDIxLjA4LTguNjkgMTIuMzggMCAyMS4wOCA4LjY5bDE3OS43NyAxNzkuNzdxNS42MSA1LjYyIDcuOTIgMTEuODUgMi4zMSA2LjIzIDIuMzEgMTMuNDZ0LTIuMzEgMTMuNDZxLTIuMzEgNi4yMy03LjkyIDExLjg1TDM5Ny4wOC0yNzQuOTJxLTguMzEgOC4zLTIwLjg5IDguNS0xMi41Ny4xOS0yMS4yNy04LjUtOC42OS04LjctOC42OS0yMS4wOCAwLTEyLjM4IDguNjktMjEuMDhMNTE3Ljg1LTQ4MFoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4=');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin: 0px 8px;
    opacity: 0.4;
}

.breadcrumbs__item:last-child::after {
    content: none;
    display: none;
}

.breadcrumbs__wrapper a {
    color: rgba(34, 34, 34, 0.8);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.breadcrumbs__wrapper a:hover {
    color: var(--button-color);
}
/* BREACRUMBS [END] */

/***** #Raiting  *********************************************************************/
.product__rating {
    position: relative;
}

.post__rating {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.rating_starOff {
    display: inline-block;
    vertical-align: top;
}

.rating_starOff,
.rating_starOn {
    background-image: url('../images/rating.png');
    background-position: 0px -2px;
    background-repeat: repeat-x;
    background-size: auto;
    width: 90px;
    height: 18px;
}

.rating_starOn {
    background-position: 0px -20px;
    display: block;
}

.rating_text {
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
    position: absolute;
    left: calc(100% + 8px);
    font-size: 10px;
    font-weight: 500;
    color: rgb(102, 102, 102);
    white-space: nowrap;
    top: 1px;
    z-index: 2;
}

.rating_text.hidden {
    display: none;
}

.product_rating,
.post_rating {
    position: relative;
}

/***** #Main brands *****************************************************************/
.main_brands {
    border-left: 1px solid;
    border-top: 1px solid;
    border-color: var(--border-color);
}

.main_brands__item {
    height: 85px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--border-color);
}

.main_brands__image,
.main_brands__name,
.main_brands__link {
    height: 85px;
    text-align: center;
}

.main_brands__image,
.main_brands__name {
    padding: 10px;
}

.main_brands__image img {
    opacity: 0.8;
    max-height: 75px;
    transition: 0.3s;
}

.author_list,
.brand {
    margin-bottom: -15px;
}

.author_list__item,
.brand__item {
    margin-bottom: 15px;
}

.author_list__preview,
.brand__preview {
    border: 1px solid #dbdbdb;
    box-shadow:
        0 0 0 #0000001a,
        0 0 0 #0000001a,
        0 0 0 #0000001a;
    height: 100%;
    padding: 10px;
    position: relative;
    transition: 0.3s;
    width: 100%;
    background: #fff;
}

.brand__link {
    height: 100px;
    margin: auto;
    position: relative;
    text-decoration: none;
}

.brand__image img {
    display: block;
}

.brand__name {
    color: var(--body-text);
    text-align: center;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    overflow: hidden;
}

/***** #Preview product *************************************************************/
.products_list .swiper-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 10px;
    margin-top: 15px;
    position: relative;
    top: auto;
    bottom: auto;
}

.products_list .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0px 8px;
    border-radius: 50rem;
}

.products_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, 0.6);
}

.product_item {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.comparison_item {
    margin-bottom: 0 !important;
}

.product_preview {
    background-color: #FFFFFF;
    border: 1px solid #EDF2F9;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px;
    position: relative;
    -webkit-transition: background-color 0.5s, border-color 0.5s, box-shadow 0.5s;
    transition: background-color 0.5s, border-color 0.5s, box-shadow 0.5s;
    border-radius: 8px;
}

.product_item--without-border .product_preview {
    border: none !important;
}

.product_preview__sku {
    color: var(--body-text);
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    margin: 5px 0px;
    opacity: 0.7;
}

.sku__nubmer {
    font-weight: 600;
}

.product_preview__center {
    position: relative;
}

.product_preview__image {
    height: 200px;
    margin: 0 auto;
    position: relative;
}

.product_preview__image a {
    height: 200px;
    width: 100%;
}

.product_preview__image picture {
    height: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_preview__image img {
    max-height: 100%;
}

.product_preview__image .sticker__image {
    max-height: inherit;
}

.product_preview__no_image svg {
    width: 80px;
    height: 80px;
}

.stickers_product-page,
.stickers {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.stickers_product-page {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    left: inherit;
    right: 0;
}

.sticker {
    display: inline-block;
    padding: 0px 10px;
    height: 20px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
    border-radius: 50rem;
    white-space: nowrap;
}

.sticker--hit {
    background-color: #4CAF50;
}

.sticker--discount {
    background-color: #F44336;
}

.sticker--special {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    width: 60px;
}

.sticker__image {
    display: inline-block;
    width: 60px;
    max-height: inherit;
}

.sticker_pct {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    line-height: 1;
    background-color: rgb(251, 63, 76);
    color: #fff;
    font-weight: 600;
    padding: 5px 5px 3px;
    font-size: 10px;
    border-radius: 4px;
}

.product_preview__name {
    display: block;
    position: relative;
}

.product_preview__name a {
    color: var(--body-text);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.25;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 35px;
    overflow: hidden;
    position: relative;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.product_preview__prices {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    height: 28px;
    margin-top: 5px;
    position: relative;
}

.product_preview__prices .old_price {
    margin: 0 10px 0 0;
    color: #575757;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    line-height: 1;
}

.product_preview__prices .old_price .currency {
    display: none;
    font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -10px;
}

.product_preview__prices .old_price::after {
    border-bottom: 1px solid #575757;
    content: '';
    left: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    transform: rotate(-10deg);
}

.product_preview__prices .price {
    color: var(--body-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.product_preview__prices .price--red {
    color: #F44336;
}

.product_preview__prices .price .currency {
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}

.product_preview__bottom {
    border-top: 1px solid #dbdbdb;
    margin: 9px 0 0;
    padding: 10px 0 0;
}

.product_preview__buttons {
    position: relative;
    height: 40px;
}

.product_preview__center .wishlist_button__remove,
.product_preview__center .wishlist_button {
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    width: 24px;
    height: 24px;
    color: var(--button-color);
    opacity: 0.7;
}

.product_preview__center .wishlist_button::before {
    font-size: 24px;
    line-height: 1;
}

.product_preview__center .wishlist_button::before {
    content: '\f08a' !important;
}

.product_preview__center .wishlist_button.selected::before {
    content: '\f004' !important;
}

.product_preview__center .wishlist_button__remove::before {
    color: #F44336 !important;
    font-size: 23px;
    line-height: 1;
}

.product_preview__buttons .product_preview__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    min-width: 40px;
    height: 40px;
}

.product_preview__button.hidden {
    display: none;
}

.product_preview__button {
    background: var(--button-color);
    border: 1px solid transparent;
    border-color: var(--button-color);
    color: var(--button-text);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    height: 40px;
    padding: 0;
    transition: all 0.2s;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 8px;
}

.product_preview__button .product_preview__button_text {
    visibility: hidden;
    opacity: 0;
    font-size: 14px;
    font-weight: 500;
    width: 0;
    overflow: hidden;
}

.product_preview__button .product_preview__button_text {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
}

.product_preview__button--pre_order {
    background: transparent;
    border-color: rgb(127, 127, 127);
    color: rgb(69, 69, 69);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.product_preview__button--pre_order svg {
    display: none;
}

.product_preview__out_stock {
    background-color: #F5F5F5;
    color: rgba(34, 34, 34, 0.7);
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-basis: 0;
    flex-grow: 1;
    width: auto;
    max-width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    -webkit-user-select: none;
    user-select: none;
}

.product_preview__button--pre_order .product_preview__button_text {
    padding: 0;
    visibility: visible;
    opacity: 1;
    font-size: 12px;
    font-weight: 500;
    width: auto;
}

.product_preview__button .icon::before {
    font-size: 20px;
}

.product_preview__buttons .comparison_button,
.product_preview__buttons .fast_order_button {
    background-color: #FFFFFF;
    border: 1px solid #D2DDEC;
    color: var(--button-color);
    cursor: pointer;
    font-size: 0;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 0 0 40px;
    width: 40px;
    max-width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    padding: 0;
    opacity: 1;
    white-space: nowrap;
    border-radius: 8px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.product_preview__buttons .comparison_button.selected {
    position: relative;
    opacity: 0.8;
    border-color: var(--button-color);
    color: var(--button-color);
}

.product_preview__buttons .comparison_button--red.selected {
    border-color: #F44336 !important;
    color: #F44336 !important;
}

.product_preview__annotation {
    display: none;
    margin-top: 5px;
    max-height: 145px;
    overflow: hidden;
    position: relative;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--body-text);
    opacity: 0.9;
}

.product_preview__annotation ul li {
    margin: 0;
    font-size: 12px;
}

.product_preview__annotation::after {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 16px;
    width: 80px;
    content: '';
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 40%, #fff);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 40%, rgb(255, 255, 255));
}

.product_preview__annotation ol,
.product_preview__annotation ul {
    margin: 10px 0 0 15px;
}

.product_preview__variants {
    display: none;
    border-top: 1px solid #dbdbdb;
    margin: 10px 0 0;
    padding: 10px 0 0;
}

.product_preview__variants.hidden {
    display: none !important;
}

.product_preview__variants .select2 {
    margin-top: 0;
}

.product_preview__variants .select2-container {
    width: 100% !important;
    max-width: 100%;
}

.variant-select {
    background-color: #FFFFFF;
    border: 1px solid #D2DDEC;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 40px;
    padding: 0px 15px;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 8px;
}

.variant-select--hidden {
    display: none !important;
}

/***** #Preview article *************************************************************/
.boxed .article_item,
.fn_articles_slide .article_item {
    margin-bottom: 0;
}

.article_list:not(.no_gutters) .article__preview {
    border: 1px solid #dbdbdb;
}

.article_list:not(.fn_articles_slide) {
    margin-bottom: -20px;
}

.article_list.no_gutters .article__preview {
    position: absolute;
    border-right: 1px solid #dbdbdb;
}

.article_item {
    margin-bottom: 20px;
    height: 355px;
}

.article__preview {
    border-right: 1px solid transparent;
    box-shadow:
        0 0 0 rgba(0, 0, 0, 0.1),
        0 0 0 rgba(0, 0, 0, 0.1),
        0 0 0 rgba(0, 0, 0, 0.1);
    height: 100%;
    padding: 0;
    position: relative;
    transition: 0.3s;
    width: 100%;
    background: #fff;
}

.article__title {
    color: var(--body-text);
    background: #fff;
    line-height: 1.2;
    font-size: 18px;
    transition: 0.3s;
    display: block;
    position: relative;
    font-weight: 600;
    padding: 12px 15px 12px;
    text-decoration: none;
}

.article__body {
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;
}

.article__body::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 20px;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 50%, #fff);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%, rgb(255, 255, 255));
}

.article__image_link {
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article__image {
    position: relative;
    min-height: 140px;
}

.article__image img {
    display: block;
}

.article__labels {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.article__label {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 2px;
    padding: 3px 10px;
    background: var(--second-company);
    color: var(--second-company-text);
    font-size: 12px;
    font-weight: 500;
    border-radius: 0 0 3px 0;
    transition: all 0.3s;
}

.article__label:hover {
    background: var(--basic-company);
    color: var(--basic-company-text);
}

.article__info {
    display: flex;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px;
    width: 100%;
}

.article__info_item {
    font-weight: 500;
    padding-right: 15px;
    margin-bottom: 8px;
    font-size: 10px;
    display: flex;
    align-items: center;
    color: rgb(170, 170, 170);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    transition: all 0.3s;
}

.article__info_item:last-child {
    padding-right: 0px;
}

.article__info_item svg {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.article__image .article__no_image {
    height: 60px;
}

.article__image .article__no_image svg {
    width: 50px;
    height: 50px;
}

.article__info_item--author {
    display: flex;
    align-items: center;
    margin: 0;
}

.article__avatar img {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.article__avatar svg {
    width: 18px;
    height: 18px;
    margin: 0;
}

.article__author {
    padding-left: 10px;
}

.article__annotation {
    position: relative;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--body-text);
    opacity: 0.8;
    padding: 0 15px;
}

.article__annotation p {
    position: relative;
    font-size: 12px;
    line-height: 1.5;
}

.article__footer {
    height: 36px;
    border-top: 1px solid #dbdbdb;
    margin: 10px 0 0;
    padding: 0 15px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
}

.article__footer::after {
    content: '';
    position: absolute;
    top: -21px;
    left: 0;
    height: 20px;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 50%, #fff);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%, rgb(255, 255, 255));
}

.author_card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.author_card__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    min-height: 280px;
    height: 100%;
}

.author_card__no_image svg {
    width: 120px;
    height: 120px;
}

.author_card__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 30px;
}

.author_card__name {
    margin-bottom: 5px;
}

.author_card__position {
    font-size: 16px;
    color: rgb(170, 170, 170);
    margin-bottom: 20px;
    font-weight: 500;
}

.author_card__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.author_card__social .social__link {
    border: 1px solid;
    border-color: var(--second-company);
    background-color: var(--second-company);
    color: var(--second-company-text);
}

.author_card__social .social__link:hover {
    border-color: var(--basic-company);
    background-color: var(--basic-company);
    color: var(--basic-company-text);
}

.author_list__link {
    text-decoration: none;
}

.author_list__image {
    margin-bottom: 10px;
    min-height: 160px;
}

.author_list__name {
    font-weight: 600;
    color: var(--body-text);
}

/***** #Comments *******************************************************************/
.comment__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.comment_heading {
    color: #222;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
    margin-top: 60px;
}

.comment_heading::after {
    content: '';
    height: 2px;
    background: #c1c1c1;
    position: absolute;
    top: 55%;
    right: 0;
    display: block;
    width: 100%;
}

.comment_heading span {
    background: #fff;
    padding: 0px 20px;
    position: relative;
    z-index: 1;
}

.comment__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    margin-top: 15px;
}

.comment__icon svg {
    width: 40px;
    height: 40px;
}

.admin_note .comment__icon svg {
    width: 42px;
    height: 42px;
}

.comment__icon .comment__image {
    max-width: 40px;
    height: auto;
}

.comment__boxed {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 50px);
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    padding: 15px 15px;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 4px;
}

.admin_note {
    margin-left: 50px;
}

.admin_note .comment__boxed {
    background: #f7f7f7;
}

.comment__header {
    margin-bottom: 5px;
}

.comment__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: rgb(34, 34, 34);
}

.comment__status {
    font-weight: 400;
    font-size: 13px;
    color: rgb(11, 152, 47);
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
}

.comment__date {
    font-weight: 500;
    font-size: 12px;
    color: #556080;
    white-space: nowrap;
}

.comment__body {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: rgb(74, 74, 74);
}

/* PRODUCT SKU [START] */
.product-page__sku {
    background-color: rgba(15, 39, 71, 0.5);
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    min-width: 180px;
    height: 40px;
    padding: 0px 12px;
    white-space: nowrap;
    border-radius: 8px;
    line-height: 1;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.product-page__sku.copied {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

.product-page__sku:hover {
    background-color: rgba(15, 39, 71, 0.7);
}

.product-page__sku.copied {
    background-color: #4CAF50;
}

.product-page__sku--box {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1 0 0%;
}

.product-page__sku .sku_name {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.product-page__sku .sku_name::before,
.product-page__sku .sku_name::after {
    color: rgba(255, 255, 255, 0.8);
    content: '';
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.product-page__sku .sku_name::before {
    content: attr(data-name);
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}

.product-page__sku:hover .sku_name::before {
    opacity: 0;
    visibility: hidden;
}

.product-page__sku .sku_name::after {
    content: attr(data-copy);
    opacity: 0;
    visibility: hidden;
}

.product-page__sku:hover .sku_name::after {
    opacity: 1;
    visibility: visible;
}

.product-page__sku .sku_number {
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
    position: relative;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.product-page__sku.copied .sku_name,
.product-page__sku.copied .sku_number {
    opacity: 0;
    visibility: hidden;
}

.product-page__sku .sku_copied {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.product-page__sku.copied .sku_copied {
    opacity: 1;
    visibility: visible;
}

.product-page__sku--copy {
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 26px;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}

.product-page__sku--copy svg {
    color: rgba(255, 255, 255, 0.9);
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.product-page__sku--copy .copy_icon {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 5px;
    left: 10px;
}

.product-page__sku:hover .copy_icon {
    opacity: 1;
    visibility: visible;
}

.product-page__sku .hashtag_icon {
    opacity: 1;
    visibility: visible;
}

.product-page__sku:hover .hashtag_icon {
    opacity: 0;
    visibility: hidden;
}

.product-page__sku--copy .check_icon {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 5px;
    left: 10px;
}

.product-page__sku.copied .copy_icon,
.product-page__sku.copied .hashtag_icon {
    opacity: 0;
    visibility: hidden;
}

.product-page__sku.copied .check_icon {
    opacity: 1;
    visibility: visible;
}
/* PRODUCT SKU [END] */

/* PRODUCT GRID [START] */
.product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px 15px;
    gap: 0px 15px;
}

.product-grid__column {
    min-width: 0;
}

@media (max-width: 991px) {
    .product-grid {
        grid-template-columns: 1fr;
    }
}
/* PRODUCT GRID [END] */

/***** #Product page ***************************************************************/
.product-page__images {
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75px;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    max-width: 75px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    text-align: center;
    max-height: 480px;
    height: 100%;
}

.product-page__image {
    position: relative;
    margin: 0;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 85px);
    -ms-flex: 0 0 calc(100% - 85px);
    flex: 0 0 calc(100% - 85px);
    max-width: calc(100% - 85px);
    text-align: center;
}

.product-page__img {
    padding: 0 20px;
    width: 100%;
}

.gallery_image a {
    min-height: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-page__no_image {
    width: 100%;
    height: 100%;
    padding: 10px;
}

.product-page__no_image svg {
    width: 120px;
    height: 120px;
}

.product-page__images-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 65px;
    height: 65px !important;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.2s;
}

.product-page__images-item picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-page__item {
    position: relative;
}

.product-page__promo_img {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    top: 0;
    left: 0;
}

.details_boxed {
    background-color: rgb(255, 255, 255);
    overflow: hidden;
}

.details_boxed__item {
    background-color: #FFFFFF;
    border-bottom: 2px solid #EDF2F9;
    padding: 15px;
    position: relative;
}

.details_boxed__item--one {
    padding: 15px;
}

.details_boxed__item--inner {
    padding: 0px;
}

.details_boxed__item:last-child {
    border-bottom: none;
}

.details_boxed__item ul,
.details_boxed__item ol {
    padding: 0px;
    margin: 0 0 0 15px;
}

.details_boxed__item ul li,
.details_boxed__item ol li {
    margin-bottom: 10px;
}

.details_boxed__item ul li:last-child,
.details_boxed__item ol li:last-child {
    margin-bottom: 0;
}

.details_boxed__title {
    margin-right: 5px;
    color: var(--body-text);
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
}

.details_boxed__brand {
    min-width: 80px;
    position: absolute;
    top: 15px;
    right: 20px;
    text-align: right;
}

.details_boxed__no_brand {
    padding-left: 60px;
}

.details_boxed__available {
    line-height: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 0;
}

.details_boxed__available-stock {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.8;
}

.details_boxed__available-stock span {
    font-weight: 600;
}

.details_boxed__code {
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: fit-content;
    padding: 0px 10px;
    border-radius: 8px;
    white-space: nowrap;
}

.details_boxed__code-name {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.6;
}

.details_boxed__code-value {
    font-size: 14px;
    font-weight: 600;
}

.details_boxed__rating {
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 4px;
}

.details_boxed__rating-name {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.6;
}

.details_boxed__rating-value {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: fit-content;
    height: 14px;
    overflow: hidden;
}

.details_boxed__anchor_comments {
    margin-top: 0;
}

.anchor_comments__link {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    margin-top: 7px;
    margin-left: 2px;
    line-height: 1.2;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    border-bottom: 1px dashed;
    border-color: #666;
    text-decoration: none;
}

.available__no_stock,
.available__in_stock {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}

.available__no_stock {
    color: #F44336;
}

.available__in_stock {
    color: #4CAF50;
}

.details_boxed__select .select2 {
    margin-bottom: 15px;
}

.details_boxed__select .select2-container {
    min-width: 50%;
    max-width: 100%;
}

.details_boxed__select ul li {
    margin: 0;
}

.details_boxed__select .select2-selection--single {
    height: 32px !important;
}

.details_boxed__select .select2-selection__rendered {
    line-height: 32px !important;
}

.details_boxed__select .select2-selection__arrow {
    height: 32px !important;
}

.details_boxed__price_amount {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    margin: 5px 0px;
}

.details_boxed_pct {
    position: absolute;
    top: -9px;
    left: 0;
    display: inline-block;
    text-align: center;
    line-height: 1;
    background-color: rgb(238, 238, 238);
    color: rgb(251, 63, 76);
    font-weight: 600;
    padding: 4px 5px 4px;
    font-size: 12px;
    border-radius: 4px;
}

.details_boxed__amount {
    margin-bottom: 10px;
}

.amount {
    background-color: rgb(255, 255, 255);
    border: 1px solid #D2DDEC;
    color: var(--body-text);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 100px;
    height: 40px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 8px;
}

.amount__plus,
.amount__minus {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1;
    font-size: 20px;
    height: 100%;
}

.amount__input {
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    display: block;
    width: calc(100% - 60px);
    height: 100%;
    padding: 5px 0px;
}

.details_boxed__prices {
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 10px 0px;
    position: relative;
}

.details_boxed__price,
.details_boxed__old_price {
    position: relative;
}

.details_boxed__old_price {
    font-weight: 400;
    margin: 0 15px 0 0;
    color: #888;
    position: relative;
    font-size: 15px;
}

.details_boxed__price .currency,
.details_boxed__old_price .currency {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 5px;
}

.details_boxed__old_price .currency {
    font-weight: 600;
    font-size: 12px;
}

.details_boxed__old_price::after {
    border-bottom: 1px solid #888;
    content: '';
    left: 0;
    position: absolute;
    top: 38%;
    width: 100%;
    transform: rotate(-10deg);
}

.details_boxed__price {
    color: var(--body-text);
    font-size: 34px;
    font-weight: 600;
}

.details_boxed__price.price--red {
    color: #F44336;
}

.details_boxed__price--rrp {
    font-size: 16px !important;
    opacity: 0.5;
}

.details_boxed__price--rrp span {
    font-size: inherit !important;
}

.details_boxed__buttons > * {
    position: relative;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 10px;
}

.details_boxed__buttons > *:first-child {
    padding-right: 0;
}

.product-page__button {
    background-color: var(--button-color);
    color: var(--button-text);
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0px 24px;
    opacity: 1;
    white-space: nowrap;
    -webkit-transition: background-color 0.5s, color 0.5s;
    transition: background-color 0.5s, color 0.5s;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 8px;
}

.product-page__out_stock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #dbdbdb;
    color: #9c9c9c;
    white-space: nowrap;
    cursor: not-allowed;
}

.product-page__button--preloader {
    cursor: pointer;
    border: 1px solid #7f7f7f;
    background: transparent;
    color: #454545;
    white-space: nowrap;
    transition: all 0.2s;
}

.details_boxed__buttons .fn_not_preorder,
.details_boxed__buttons .fn_is_preorder {
    padding-right: 10px;
    margin-bottom: 0;
}

.details_boxed__other .fast_order_button,
.product-page__compare,
.product-page__wishlist {
    background-color: #FFFFFF;
    border: 1px solid #D2DDEC;
    color: var(--button-color);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 10px;
    white-space: nowrap;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 8px;
}

.details_boxed__other .fast_order_button svg,
.product-page__compare svg,
.product-page__wishlist svg {
    display: block;
    width: 32px;
    height: 32px;
}

.details_boxed__other .fast_order_button:before {
    position: relative;
    font-size: 22px;
}

.product-page__compare i {
    position: relative;
    font-size: 20px;
}

.product-page__wishlist i:before {
    content: '\f08a';
    position: relative;
    font-size: 24px;
}

.product-page__wishlist.selected,
.product-page__compare.selected {
    border-color: var(--button-color);
    color: var(--button-color);
}

.product-page__wishlist.selected i:before {
    content: '\f004';
}

.details_boxed__share {
    padding-top: 10px;
    padding-bottom: 10px;
}

.share {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.share__text {
    color: var(--body-text);
    font-size: 13px;
    font-weight: 500;
    opacity: 0.8;
    margin-right: 10px;
}

.share__icons .jssocials-share-logo {
    font-size: 16px;
}

.share__icons .jssocials-share-link {
    padding: 5px 10px;
    border-radius: 4px;
}

/***** #Features ********************************************************************/
.features {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
}

.features__item {
    margin: 0 !important;
    padding: 0 !important;
}

.features__item--hidden {
    display: none;
}

.features.active .features__item--hidden {
    display: block;
}

.features__wrap {
    border-bottom: 1px dotted #DBDBDB;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0px;
}

.features__item:last-child .features__wrap {
    border-bottom: none;
}

.features__name,
.features__value {
    color: var(--body-text);
    font-size: 14px;
    font-weight: 400;
    flex: 0 0 50%;
    max-width: 50%;
    min-height: 1px;
    position: relative;
}

.features .features__value {
    font-weight: 600;
    text-align: right;
}

.features__toggle {
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed var(--basic-company);
    outline: none;
    color: var(--basic-company);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: auto;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
}

/***** #Pager ***********************************************************************/
.pager {
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.pager li {
    margin-bottom: 10px;
}

.pager a {
    background-color: #FFFFFF;
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    color: var(--body-text);
    font-size: 14px;
    text-decoration: none;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 45px;
    padding: 10px;
    border-radius: 8px;
}

.pager a svg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pager li:last-child a svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/***** #Mini preview products ***********************************************************/
.sidebar_card__item {
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 80px;
    padding: 0 5px !important;
}

.sidebar_card__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dbdbdb;
    text-decoration: none;
    border-radius: 8px;
    width: 100%;
    min-height: 80px;
    padding: 5px;
}

.sidebar_card__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70px;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    max-width: 70px;
}

.sidebar_card__no_image {
    height: 70px;
}

.sidebar_card__no_image svg {
    width: 40px;
    height: 40px;
}

.sidebar_card__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 70px);
    -ms-flex: 0 0 calc(100% - 70px);
    flex: 0 0 calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 10px;
}

.sidebar_card__title {
    color: rgb(34, 34, 34);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 8px;
}

.sidebar_card__prices {
    font-size: 12px;
}

.sidebar_card__prices .old_price {
    margin: 0 10px 0 0;
    color: rgb(87, 87, 87);
    font-size: 12px;
    position: relative;
    font-weight: 400;
    line-height: 1;
}

.sidebar_card__prices .old_price::after {
    border-bottom: 1px solid rgb(87, 87, 87);
    content: '';
    left: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    transform: rotate(-10deg);
}

.sidebar_card__prices .price {
    color: rgb(34, 34, 34);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.sidebar_card__prices .price--red {
    color: #F44336;
}

.sidebar_card__more {
    white-space: nowrap;
    margin: 5px 0;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s;
}

.sidebar_card__more svg {
    position: relative;
    top: 1px;
    width: 11px;
    height: 11px;
    margin-left: 3px;
    transition: all 0.3s;
}

/* BROWSED PRODUCTS [START] */
.browsed__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
    gap: 8px;
}

.browsed__item {
    min-width: 0;
    padding: 50% 0%;
    position: relative;
}

.browsed__link {
    background-color: #FFFFFF;
    border: 1px solid #EDF2F9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
}

.browsed__no_image {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.browsed__no_image svg {
    display: block;
    width: 40px;
    height: 40px;
}
/* BROWSED PRODUCTS [END] */

/* FOOTER [START] */
.footer {
    background-color: #5B6770;
    color: var(--second-company-text);
    -ms-flex-negative: 0;
    margin: 0;
    padding: 0;
}

.footer__top {
    background-color: #525C64;
    padding: 32px 0px;
}

.footer__grid {
    display: grid;
    grid-template-columns: 320px 1fr 1fr 1fr;
    grid-gap: 15px;
    gap: 15px;
}

.footer__column {
    display: block;
}

.footer__title {
    color: rgba(255, 255, 255, 0.5);
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    position: relative;
}

.footer__title_arrow {
    position: absolute;
    top: 1px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    text-align: right;
    left: 0;
    padding-right: 15px;
}

.footer__title_arrow svg {
    height: 14px;
    width: 14px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.footer__title_arrow.down svg,
.footer__title.active .footer__title_arrow svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.footer__content {
    color: var(--second-company-text);
}

.footer__contact_item {
    position: relative;
    margin-top: 8px;
}

.footer__contact_item:first-child {
    margin-top: 0;
}

.footer__contact_item:last-child {
    margin-top: 24px;
}

.footer__contact_item .email,
.footer__contact_item .phone,
.footer__contact_item .open_hours {
    color: var(--second-company-text);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.3;
    margin: 0;
    position: relative;
    transition: all 0.2s;
}

.footer__contact_item .email svg,
.footer__contact_item .phone svg,
.footer__contact_item .open_hours svg {
    color: var(--basic-company);
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-right: 8px;
}

.footer__contact_item .open_hours,
.footer__contact_item .open_hours p,
.footer__contact_item .open_hours span {
    color: var(--second-company-text) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.footer__contact_item .callback {
    background-color: var(--button-color);
    border-color: var(--button-color);
    color: var(--button-text);
    font-size: 16px;
    width: 100%;
    max-width: 280px;
    height: 48px;
    margin: 0;
    padding: 0px 24px;
}

.footer__contact_link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer__menu_item {
    margin-bottom: 10px;
}

.footer__content .footer__menu_item.closed {
    display: none;
}

.footer__content.opened .footer__menu_item.closed {
    display: block;
}

.footer__view_all {
    border-bottom: 1px dashed var(--second-company-text);
    color: var(--second-company-text);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: border-color 0.5s, color 0.5s;
    transition: border-color 0.5s, color 0.5s;
}

.footer__view_all:hover {
    border-color: var(--basic-company);
    color: var(--basic-company);
}

.footer__menu_link {
    background: transparent;
    color: var(--second-company-text);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 0;
    position: relative;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    -webkit-user-select: none;
    user-select: none;
}

.menu_group--footer .menu_group__link {
    padding: 0;
}

.subscribe_form__group {
    position: relative;
}

.subscribe__title {
    color: var(--second-company-text);
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 8px;
}

.form__button--subscribe {
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    position: absolute;
    right: 4px;
    top: 4px;
    border: none;
    background: #232f3e;
    color: #fff;
    opacity: 0.8;
    transition: all 0.2s;
    line-height: 24px;
    padding: 0 7px;
    text-transform: capitalize;
    font-weight: 500;
}

.subscribe_form__group .form__group--subscribe {
    width: 100%;
    margin-bottom: 10px;
}

.social {
    overflow: hidden;
}

.social__link {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid;
    border-color: var(--second-company-text);
    background-color: transparent;
    margin-right: 10px;
    margin-bottom: 10px;
    color: var(--second-company-text);
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    opacity: 0.8;
    float: left;
    text-decoration: none;
    transition: all 400ms;
}

.footer__payments {
    text-align: right;
}

.payments__list {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto;
    text-align: right;
}

.payments__item {
    border: 1px solid rgb(219, 219, 219);
    background-color: rgb(255, 253, 253);
    height: 32px;
    padding: 0 5px;
    margin: 0 0 0 5px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.payments__item picture,
.payments__item img {
    display: block;
    max-height: 30px;
    min-width: 30px;
}

.footer__bottom {
    color: rgba(255, 255, 255, 0.5);
    padding: 24px 0px;
}

.footer__bottom a {
    color: var(--second-company-text);
    text-decoration: none;
}

.footer__bottom-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

@media (max-width: 991px) {
    .footer__bottom-container {
        flex-direction: column;
    }
}
/* FOOTER [END] */

/***** #Comparison page ***************************************************************/
.comparison_block {
    padding-bottom: 40px;
}

.comparison_block__left {
    float: left;
    width: 25%;
}

.comparison_block__products {
    float: right;
    width: 75% !important;
    position: relative;
    margin: 0;
    border-left: 1px solid #dbdbdb;
}

.comparison_block__item {
    border-right: 1px solid #dbdbdb;
}

.comparison_block__item .product_item {
    margin-bottom: 0;
    overflow: hidden;
}

.cell {
    padding: 13px 15px;
    line-height: 1;
    font-size: 13px;
    position: relative;
    font-weight: 500;
}

.cell span {
    display: block;
}

.comparison_block__item .cell,
.comparison_block__item .cprs_rating {
    text-align: center;
}

.cprs_rating {
    padding: 10px 15px;
    border-top: 1px solid #dbdbdb;
    font-size: 13px;
    font-weight: 500;
    height: 40px;
}

.cell:nth-child(odd) {
    background: #EEF0F1;
}

.compare_controls {
    position: relative;
}

.compare_show {
    position: absolute;
    left: 0;
    bottom: 5px;
}

.compare_show a {
    display: inline-block;
    margin: 0 5px 5px 0;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 8px;
    color: var(--basic-company);
    text-decoration: none;
    border: 1px solid;
    border-color: var(--basic-company);
}

.compare_show .active {
    background: var(--basic-company);
    color: var(--second-company-text);
    text-decoration: none;
}

/***** #Purchases *********************************************************************/
.purchase__item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
}

.purchase__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    border: 1px solid #dbdbdb;
    padding: 3px;
    border-radius: 8px;
    min-height: 75px;
    overflow: hidden;
}

.purchase__image img {
    display: block;
}

.purchase__image svg {
    width: 40px;
    height: 40px;
}

.purchase__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 100px);
    -ms-flex: 0 0 calc(100% - 100px);
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding-left: 10px;
    position: relative;
}

.purchase__name {
    margin-bottom: 10px;
    padding-right: 30px;
}

.purchase__name .purchase__name_link {
    color: var(--body-text);
    line-height: 1.2;
    font-size: 14px;
    transition: 0.3s;
    display: block;
    position: relative;
    font-weight: 500;
    text-decoration: none;
}

.purchase__name i {
    font-style: italic;
    font-size: 13px;
    display: block;
    line-height: 1;
    font-weight: 500;
    color: rgb(122, 122, 122);
    margin-top: 5px;
}

.purchase__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.purchase__group_title {
    font-size: 11px;
    font-weight: 400;
    color: rgb(128, 128, 128);
    margin-bottom: 5px;
}

.purchase__group_content {
    min-height: 25px;
}

.purchase__price {
    color: var(--body-text);
    font-size: 16px;
    font-weight: 600;
    padding-right: 15px;
}

.purchase__price .currency {
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}

.purchase__price_total {
    color: var(--basic-company);
    font-size: 16px;
    font-weight: 600;
}

.purchase__price_total .currency {
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}

.purchase__amount {
    padding-right: 15px;
}

.purchase__amount .amount {
    height: 25px;
    max-width: 80px;
}

.purchase__amount .amount__plus,
.purchase__amount .amount__minus {
    font-size: 20px;
    height: 26px;
    width: 25px;
}

.purchase__amount .amount__input {
    font-size: 14px;
    height: 25px;
    padding: 0;
    width: calc(100% - 50px);
}

.purchase__remove {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    color: red;
    border: 1px solid;
    border-radius: 50%;
}

.purchase__remove svg {
    width: 14px;
}

.coupon {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
}

.coupon__group {
    position: relative;
}

.coupon__title {
    font-size: 16px;
    line-height: 1.2;
    margin: 0px 0 15px;
    font-weight: 600;
    color: var(--body-text);
}

.form__button--coupon {
    border-radius: 8px;
    cursor: pointer;
    font-size: 11px;
    height: 32px;
    width: auto !important;
    position: absolute;
    right: 4px;
    top: 4px;
    border: none;
    background: var(--second-company);
    color: var(--second-company-text);
    opacity: 0.8;
    transition: all 0.2s;
    line-height: 32px;
    padding: 0 10px;
}

.coupon__group .form__group--coupon {
    width: 100%;
}

.purchase_detail {
    margin: 15px 0 0;
}

.purchase_detail__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.purchase_detail__column_name {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.purchase_detail__name {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--body-text);
    text-align: left;
}

.purchase_detail__name--total {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--basic-company);
}

.purchase_detail__price {
    color: var(--body-text);
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.purchase_detail__price .currency {
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}

.purchase_detail__price i {
    background: rgb(246, 80, 80);
    padding: 3px 5px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
    border-radius: 4px;
    line-height: 1;
    display: inline-block;
}

.purchase_detail__price--total {
    color: var(--basic-company);
    font-size: 24px;
}

.purchase_detail_popup_total {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}

.purchase_detail__price--total .currency {
    font-size: 14px;
    top: -10px;
}

.block__popup_cart {
    width: 500px;
    max-width: 100%;
}

.purchase_detail,
.purchases--user {
    padding-left: 0;
}

/***** #Delivery & Payment ************************************************************/
.payment_method__item,
.delivery__item {
    margin-bottom: 20px;
}

.delivery__item .select2-results__option[aria-disabled='true'] {
    display: none;
}

.delivery__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.delivery__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    text-align: center;
    padding-left: 3px;
}

.delivery__image img {
    display: block;
    margin: 0 auto;
    max-height: 30px;
}

.delivery__name {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 80px);
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
    padding-left: 5px;
    color: var(--body-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.delivery__label .checkbox__icon {
    top: calc(50% - 11px);
}

.delivery__name_price {
    color: var(--body-text);
    font-style: italic;
    font-weight: 600;
    white-space: nowrap;
}

.delivery__description {
    display: none;
    margin: 10px 0px 0px 35px;
    padding: 10px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 12px;
    background: #f8f8f8;
    border-left: 4px solid #c2c2c2;
    color: #6f6f6f;
    line-height: 1.3;
}

.order_boxeded {
    max-width: 100%;
}

table.order_details {
    min-width: auto;
}

table.order_details tr td:last-child {
    font-weight: 500;
}

.order_purchase_count {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    width: 30px;
    top: -3px;
    left: 0;
    text-align: center;
}

.order_payment__description {
    margin: 15px 0px;
    padding: 10px;
    border-left: 4px solid rgb(188, 188, 188);
    background: rgb(247, 247, 247);
    border-radius: 8px;
    font-weight: 400;
    font-size: 12px;
    color: rgb(74, 74, 74);
    line-height: 1.3;
}

.order_payment__title {
    color: #222;
    line-height: 1.2;
    font-size: 14px;
    position: relative;
    font-weight: 500;
}

.order_payment__name {
    font-weight: 600;
    font-size: 15px;
    margin-left: 10px;
}

.order_payment__form {
    margin: 5px 0;
}

.order_payment__button {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: var(--button-color);
    border: none;
    background: transparent;
    text-decoration: underline;
}

.order_payment__button:hover,
.order_payment__button:focus {
    color: var(--button-color);
    text-decoration: none;
}

.order_payment__checkout .button {
    display: block;
    color: var(--button-text);
    background-color: var(--button-color);
    border: 1px solid;
    border-color: var(--button-color);
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    height: 40px;
    line-height: 38px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    padding: 0 20px;
    font-size: 12px;
    font-family: inherit;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.order_payment__checkout .button:hover {
    opacity: 0.8;
}

.delivery__description p {
    margin-bottom: 0;
}

.checkbox.active + .delivery__description {
    display: block;
}

/***** #Profile user *****/
.profile {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 0;
    padding: 0px 0px 12px 0px;
}

.profile__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
}

.profile__icon svg,
.profile__icon img {
    display: block;
    width: 60px;
    min-width: 60px;
    height: 60px;
}

.profile__icon svg {
    display: block;
}

.profile__icon img {
    border-radius: 50%;
}

.profile__information {
    padding-left: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 60px);
    -ms-flex: 0 0 calc(100% - 60px);
    flex: 0 0 calc(100% - 60px);
    max-width: calc(100% - 60px);
}

.profile__name {
    font-size: 18px;
    font-weight: 500;
    color: rgb(34, 34, 34);
    line-height: 1.2;
}

.profile__logout {
    margin: 10px 0 5px;
}

.profile__logout a {
    font-size: 12px;
    color: var(--button-color);
    font-weight: 500;
    text-decoration: none;
}

.profile__logout a svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.user_tab__switch {
    position: relative;
    cursor: pointer;
}

.tabs--user .table_wrapper {
    max-height: inherit;
}

.user_tab__switch:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: rgb(34, 34, 34);
    position: absolute;
    content: ' ';
    top: calc(50% - 2px);
    right: 20px;
    left: inherit;
    margin-left: 10px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.user_tab__switch.active::after {
    top: calc(50% - 3px);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.user_orders_hidden {
    display: none;
}

.user_orders_hidden.fn_user_orders_show {
    display: table-row;
}

.fn_user_orders_switch {
    margin: auto;
    display: block;
    width: 10px;
    padding: 5px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.75 0C5.33582 0 5 0.335815 5 0.75V5.25H0.75C0.335815 5.25 0 5.58582 0 6C0 6.41418 0.335815 6.75 0.75 6.75H5V11.25C5 11.6642 5.33582 12 5.75 12C6.16418 12 6.5 11.6642 6.5 11.25V6.75H11.25C11.6642 6.75 12 6.41418 12 6C12 5.58582 11.6642 5.25 11.25 5.25H6.5V0.75C6.5 0.335815 6.16418 0 5.75 0Z' fill='%23030F4B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.fn_user_orders_active .fn_user_orders_switch {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1.75' width='1.5' height='12' rx='0.75' transform='rotate(-90 0 1.75)' fill='%23030F4B'/%3E%3C/svg%3E%0A");
}

/* MOBILE NAVIGATION [START] */
.menu_switcher,
.search_switcher {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    margin: 0;
    position: relative;
}

.menu_switcher__btn,
.search_switcher__btn {
    background-color: transparent;
    color: var(--basic-company);
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    -webkit-appearance: none;
    appearance: none;
}

.menu_switcher__btn svg,
.search_switcher__btn svg {
    display: block;
    width: 32px;
    height: 32px;
}

.menu_switcher--unauth {
    justify-content: flex-start;
    flex: 1 1 250px;
    max-width: 250px;
}

@media (max-width: 991px) {
    .menu_switcher--unauth {
        flex: 1 1 200px;
        max-width: 200px;
    }
}
/* MOBILE NAVIGATION [END] */

/* BUTTON TO TOP [START] */
.to_top {
    background-color: #FFFFFF;
    box-shadow: 0px 12px 24px 0px rgba(18, 38, 63, 0.03);
    border: 1px solid #EDF2F9;
    border-radius: 50%;
    color: var(--basic-company);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    right: 15px;
    bottom: 40px;
    z-index: 100;
    transition: all 0.3s ease-in-out;
}

.to_top.show {
    opacity: 1;
    visibility: visible;
}

.to_top svg {
    display: block;
    width: 24px;
    height: 24px;
}

.to_top:hover {
    opacity: 1;
}

@media (max-width: 991px) {
    .to_top {
        bottom: 80px;
    }
}
/* BUTTON TO TOP [END] */

/***** #Advantages *****/
.advantages__item {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.advantages__item:last-child {
    margin-bottom: 0;
}

.advantages__preview {
    text-align: center;
    height: 100%;
    color: rgb(58, 58, 58);
    background: rgb(255, 255, 255);
    border-right: 1px solid;
    border-color: #dbdbdb;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.advantages__item:last-child .advantages__preview {
    border: none;
}

.advantages__icon {
    max-width: 65px;
    text-align: center;
    margin-bottom: 5px;
}

.advantages__icon svg {
    width: 55px;
    height: 55px;
    color: var(--basic-company);
}

.advantages__title {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    padding-left: 0;
    max-width: 150px;
    line-height: 1.2;
    min-height: 36px;
}

/***** #Page 404 ********************************************************/
.not_found {
    width: 900px;
    max-width: 100%;
    text-align: center;
    margin: 20px auto 40px;
}

.not_found__image {
    color: var(--basic-company);
}

.not_found__image svg {
    width: 300px;
    height: 300px;
}

.not_found__menu {
    text-align: center;
}

.not_found__description {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    display: none;
}

.purchase_discount__item {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    border-bottom: 1px solid rgb(219, 219, 219);
}

.purchase_discount__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.purchase_discount__name {
    margin-bottom: 10px;
    color: rgb(34, 34, 34);
    line-height: 1.2;
    font-size: 14px;
    display: block;
    position: relative;
    font-weight: 600;
}

.purchase_discount__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.purchase_discount__title {
    font-size: 11px;
    font-weight: 400;
    color: rgb(128, 128, 128);
    margin-bottom: 5px;
}

.purchase_discount__group_content {
    min-height: 25px;
}

.purchase_discount__price_before {
    color: rgb(34, 34, 34);
    font-size: 16px;
    font-weight: 600;
    padding-right: 25px;
}

.purchase_discount__discount {
    padding-right: 25px;
}

.purchase_discount__price_after {
    color: rgb(0, 175, 238);
    font-size: 16px;
    font-weight: 600;
}

.purchase_discount__price_before .currency,
.purchase_discount__price_after .currency {
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}

.purchase__price .price--red {
    color: #F44336;
}

.discount_tooltip {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    position: relative;
    top: -3px;
    color: rgb(246, 80, 80);
    transition: all 0.3s;
}

.discount_tooltip svg {
    width: 16px;
    height: 16px;
}

.discount_tooltip:focus,
.discount_tooltip:hover {
    color: #F44336;
}

.novaposhta_types_inputs {
    margin: 20px 0px;
}

.novaposhta_delivery .form-group {
    max-width: 348px;
}

.novaposhta_redelivery_input {
    margin: 20px 0 0;
}

select.error ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f00;
}

select.error ~ .select2-container--default .select2-selection--single {
    display: block;
    border: 1px solid #f00;
}