/* Start:/local/templates/main/styles/style.css?1749143849199218*/
@font-face {
    font-family: 'Neucha';
    src: url('/local/templates/main/styles/../fonts/Neucha-Regular.ttf');
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/main/styles/../fonts/Montserrat-Medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/main/styles/../fonts/Montserrat-SemiBold.ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/main/styles/../fonts/Montserrat-Bold.ttf');
    font-weight: 700;
}

:root {
    --black: #001530;
    --blue: #163E71;
    --blue2: #5873B6;
    --red: #E95128;
    --red-hover: #BA2E09;

    --gray: #5B5B5B;
    --gray1: #9A9A9A;
    --border: #E2E2E2;
    --bacground: #F1F1F1;

    --white: #FFFFFF;
}

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

html {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.5px;
    color: var(--black);
    background-color: #ffffff;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    padding-left: 1.4rem;
}

ul li {
    color: var(--red);
}

ul li>* {
    color: var(--black);
}

h3 {
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
}

input,
button {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    transition: all 0.2s ease;
}

html.no-scrolled,
body.no-scrolled {
    overflow: hidden;

}

html.no-scrolled,
html.no-scrolled header {
    padding-right: var(--scrollbar-width);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--blue2) var(--border);
}

/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: orange;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--blue2);
  border-radius: 5px;
  border: 3px solid var(--border);
}

.container {
    max-width: 1568px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

/* header start */

/* тут сделал при аторизации и без дается хедеру auth(при + авторизации) */
.header .btn_favourit {
    display: none;
}

.header.auth .btn_favourit {
    display: flex;
}

.header .btn_account_auth {
    display: none;
}

.header.auth .btn_account_auth {
    display: flex;
}

.header .btn_account {
    display: flex;
}

.header.auth .btn_account {
    display: none;
}

.header.auth~.header__menu .btn_account {
    display: none;
}

.header~.header__menu .btn_account_auth {
    display: none;
}

.header.auth~.header__menu .btn_account_auth {
    display: flex;
}

/* конец авторизации тест */
.header {
    padding: 20px 0;
    background-color: var(--white);
    border-bottom: 1px solid var(--border);
    border-radius: 0 0 40px 40px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.header__content {

    display: flex;
    gap: 18px;
}

.header-logo_wrapper {
    display: block;
    width: 151px;
    height: 112px;
    flex-shrink: 0;
}

.header-logo__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header__nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    flex-grow: 2;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 48px;
    line-height: 100%;
    cursor: pointer;
    transition: all .2s ease;
    text-wrap: nowrap;
    height: 57px;
    font-weight: 700;
    font-size: 18px;
    width: fit-content;
    padding: 8px 32px;
}

button,
input {
    font-weight: 500;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.btn_catalog {
    background-color: var(--red);
    height: 56px;
    color: var(--white);
    font-weight: 600;
    padding: 16px 18px;
    line-height: 100%;
}

.btn_catalog.active::before {
    background: url('/local/templates/main/styles/../img/icons/close.svg') 50% / contain no-repeat;
}

.btn_catalog::before {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    content: '';
    display: block;
    background: url('/local/templates/main/styles/../img/icons/Menu.svg') 50% / contain no-repeat;
}

.btn_catalog:hover {
    background-color: var(--red-hover);
}

.header__nav_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.search-wrapper {
    flex-grow: 2;
    position: relative;
}

.search-content__title {
    color: var(--gray);
    font-size: 18px;
    font-weight: 700;
}

.search-content__history-item__list {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 16px;
}

.search-content__history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.search-content {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 32px;
    top: calc(100% + 16px);


    min-width: 550px;
    width: 100%;
    left: 0;
    right: auto;
    padding: 24px;
    border-radius: 16px;
    background-color: var(--white);
    box-shadow: 0px 0px 27px 0px #5A5A5A26;

    transition: all .2s ease;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
}

.search-content:hover,
.search-content.open {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0px);
}

.search-content__history-item__close {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/close_black.svg') 50% / contain no-repeat;
    cursor: pointer;
}

.label_search {
    height: 56px;
    flex-grow: 2;
    display: block;
    border: 2px solid var(--blue2);
    border-radius: 32px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 24px;
    gap: 8px;
}

.search-content__history__advice {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    max-height: 370px;
    overflow-y: auto;
}

.search-content__history__advice::-webkit-scrollbar {
    width: 5px;
}

.search-content__history__advice::-webkit-scrollbar-track {
    background-color: var(--border);
    border-radius: 5px;
}

.search-content__history__advice::-webkit-scrollbar-thumb {
    background-color: var(--blue2);
    border-radius: 5px;
    background-clip: content-box;
}

.search-content__history__advice::-webkit-scrollbar-thumb:hover {
    background-color: var(--blue);
}

.search-content__card-product {
    position: relative;
    display: flex;
    gap: 32px;
    width: 100%;
}

.search-content__card-product-info {
    padding: 8px 0;
}

.search-content__card-product__title {
    transition: color .2s;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    max-width: 300px;
}

.search-content__card-product__title:hover {
    color: var(--blue2);
}

.search-content__card-product__stat {
    color: #989898;
}

.search-content__card-product__price {
    display: block;
    padding: 8px 16px;
    border-radius: 32px;
    border: 1px solid var(--border);
    width: fit-content;
    margin-top: 20px;
    font-weight: 700;
}

.search-content__card-product-img_wrapper {
    width: 120px;
    height: 120px;
    border-radius: 5.33px;
    overflow: hidden;
}

.search-content__card-product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-btn {
    width: 40px;
    height: 40px;
    border-radius: 32px;
    content: '';
    display: block;
    background-color: var(--blue2);
    background-image: url('/local/templates/main/styles/../img/icons/search.svg');
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    border: none;

    flex-shrink: 0;
    cursor: pointer;
}

.search-reset {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--black);
    border: none;
    border-radius: 20px;
    right: 55px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}

.search-reset.active {
    background-image: url('/local/templates/main/styles/../img/icons/close.svg');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 1;
    pointer-events: all;
}

.search-btn:hover {
    background-color: var(--blue);
}

.label_search input {
    height: 100%;
    background-color: transparent;
    border: none;
    flex-grow: 2;
}

.label_search:hover {
    border: 2px solid var(--blue);
}

.label_search:hover .search-btn {
    background-color: var(--blue);
}

.label_search input:focus {
    outline: none;
}

.btn.btn_header {
    height: 56px;
    padding: 0 16px;
    min-width: 56px;
    flex-shrink: 0;
    border-radius: 32px;
    border: 1px solid var(--border);
    font-size: 16px;
    font-weight: 500;
}

.btn_header:hover {
    background-color: var(--blue2);
    border: 1px solid var(--blue2);
}

.btn_header:hover .btn_account__name,
.btn_header:hover .btn_header_img circle,
.btn_header:hover .btn_header_img path {
    fill: var(--white);
    stroke: var(--white);
    color: var(--white);
}

.btn-busket {
    position: relative;
}

.btn-busket:hover .basket__content_wrapper {
    opacity: 1;
    pointer-events: all;
}

.basket__content_wrapper .btn-primary {
    height: 49px;
    width: 100%;

}

.basket__content_card-items {
    margin-bottom: 20px;
    max-height: 375px;
    overflow-y: auto;
    margin-top: 20px;
    position: relative;
    padding-right: 11px;
}

.basket__content_card-items::-webkit-scrollbar {
    width: 5px;
}

.basket__content_card-items::-webkit-scrollbar-track {
    background-color: var(--border);
    border-radius: 5px;
    margin: 10px 0;
}

.basket__content_card-items::-webkit-scrollbar-thumb {
    background-color: var(--blue2);
    border-radius: 5px;
    background-clip: content-box;
}

.basket__content_card-items::-webkit-scrollbar-thumb:hover {
    background-color: var(--blue);
}

.basket__content_wrapper {
    position: absolute;
    top: calc(100% - 18px);
    right: 0;
    padding-top: 30px;
    width: 436px;
    cursor: default;
    opacity: 0;
    pointer-events: none;

}

.basket__content_card-item-img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}

.basket__content_card-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.basket__content {
    border-radius: 16px;
    padding: 24px;
    padding-right: 8px;
    background-color: var(--white);
    box-shadow: 0px 0px 27px 0px #5A5A5A26;
}

.basket__content-title {
    font-weight: 600;
    font-size: 24px;

}

.basket__content-title .basket_count {
    color: var(--red);
}

.basket__content_card-item {
    display: flex;
    gap: 16px;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid var(--border);
}

.basket__content_card-item__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.basket__content_card-item__price_conteiner {
    display: flex;
    gap: 16px;
    width: 100%;
}

.prouct_counter,
.basket__content_card-item__price {
    flex-shrink: 0;
    padding: 8px 16px;
    border-radius: 32px;
    border: 1px solid var(--border);
}

.basket__content_card-item__price {
    font-weight: 700;
    font-size: 16px;

    line-height: 140%;

}

.prouct_counter {
    flex-grow: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    line-height: 140%;

}

.basket__content_card-item__title {
    font-size: 16px;

    text-wrap: wrap;
}

.basket__content_card-item__stat {
    font-size: 16px;
    color: var(--gray1);
}

.product_counter__minus {
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/minus.svg') 50% / contain no-repeat;
}

.product_counter__plus {
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/plus.svg') 50% / contain no-repeat;
}

.btn-busket_mobile_visible {
    display: none;
    position: relative;
}

.basket__content_card-item__price_hint {
    font-size: 14px;
    color: var(--gray1);
}

.basket__content__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-right: 16px;
}

.btn-primary {
    background-color: var(--red);
    color: var(--white);

}

.card-product .btn-primary {
    height: 49px;
    width: 100%;
    padding: 0;
}

.btn-primary:hover {
    background-color: var(--red-hover);
}

.basket_all-price-wrapper {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 130%;
}

.basket_all-price {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
}

.count-busket {
    position: absolute;
    top: -8px;
    right: -4px;
    font-size: 14px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    width: 22px;
    height: 22px;
    background-color: var(--blue);
    border-radius: 24px;
}

.header__tel {
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    height: 56px;
    border: 1px solid transparent;
    transition: border .2s ease;
    padding: 0 15px;
}

.header__tel:hover {
    border: 1px solid var(--border);
}

.header__social-links {
    height: 56px;
    border: 1px solid var(--border);
    padding: 0 16px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-link .social-link_img path {
    transition: fill .2s;
}

.social-link:hover .social-link_img path {
    fill: var(--blue);
}

.nav,
.header__nav-list_spec,
.header__nav-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;

}

.header__nav-list_spec {
    gap: 32px;
}

.nav {
    gap: 45px;
}

.header__nav-list {
    flex-grow: 2;
}

.nav_item {
    cursor: pointer;

    line-height: 100%;
    font-size: 16px;
    padding: 8px 10px;
    border-radius: 24px;
    transition: background-color .2s;
}

.nav_item:hover {
    background-color: var(--bacground);
}

.nav_item_dropdown {
    color: var(--gray);
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
}

.nav_item_dropdown:hover .nav_item_dropdown-img path {
    stroke: var(--black);
}

.dropdown__hidden {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 32px;
    width: 221px;
    transition: all .2s;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
}

.nav_item_dropdown.open .dropdown__hidden {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

.nav_item_dropdown-img {
    transition: transform .2s;
}

.nav_item_dropdown.open .nav_item_dropdown-img {
    transform: rotate(180deg);
}

.dropdown__nav-list {
    list-style: none;
    border-radius: 16px;
    background-color: var(--white);
    overflow: hidden;
    box-shadow: 0px 0px 27px 0px #5A5A5A26;

}

.dropdown__nav-list a {
    padding: 16px;
    display: block;
    color: var(--black);
    transition: background-color .2s;
}

.dropdown__nav-list a:hover {
    background-color: var(--bacground);
}

.dropdown__nav_item_hidden {
    display: none;
}

.btn_search {
    display: none;
}

.nav_item_scpec {
    color: var(--blue);
    transition: color .2s;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 100%;
}

.nav_item_scpec:hover {
    color: var(--blue2);
}

.nav_item_scpec-img path {
    transition: stroke .2s;
}

.nav_item_scpec:hover .nav_item_scpec-img path {
    stroke: var(--blue2);
}

.header__catalog {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    backdrop-filter: blur(0);

    transition: backdrop-filter .5s;
    pointer-events: none;
}

.header__catalog.open {

    backdrop-filter: blur(15px);
    pointer-events: all;
}

.header__catalog.open .header__catalog_wrapper {
    opacity: 1;

    transform: translateY(0);
}

.header__catalog_wrapper {
    padding-top: 152px;
    background-color: var(--white);
    display: flex;
    max-height: 95%;

    opacity: 0;
    transition: all .3s;
    transform: translateY(-10px);

}


.header__catalog_content {
    display: grid;

    grid-template-columns: 370px auto;

}

.header__catalog-category {
    display: flex;
    flex-direction: column;
    padding: 24px 0;
    border-right: 1px solid var(--border);
    overflow-y: auto;

}

.header__catalog-category__content::-webkit-scrollbar,
.header__catalog-category::-webkit-scrollbar {
    width: 5px;
    margin-top: 20px;
}

.header__catalog-category__content::-webkit-scrollbar-track,
.header__catalog-category::-webkit-scrollbar-track {
    background-color: var(--border);
    border-radius: 5px;
    margin: 10px 0;
}

.header__catalog-category__content::-webkit-scrollbar-thumb,
.header__catalog-category::-webkit-scrollbar-thumb {
    background-color: var(--blue2);
    border-radius: 5px;

    background-clip: content-box;
}

.header__catalog-category__content::-webkit-scrollbar-thumb:hover,
.header__catalog-category::-webkit-scrollbar-thumb:hover {
    background-color: var(--blue);
}

.header__catalog-category__content {
    overflow-y: auto;
    padding: 32px 0 56px 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header__catalog-category__item {
    font-size: 18px;
    cursor: pointer;
    width: 360px;
    padding: 16px 24px 16px 16px;
    border: 2px solid transparent;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    max-width: 100%;
}

.header__catalog-category__item.active {
    border: 2px solid var(--blue2);
    font-weight: 700;
    color: var(--blue);
}

.header__catalog-category__item::after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    filter: grayscale(1);
    opacity: 0.5;
    transition: all .2s;
    background: url('/local/templates/main/styles/../img/icons/arrow-rigt.svg') 50% / contain no-repeat;
}

.header__catalog-category__item.active::after {
    filter: grayscale(0);
    opacity: 1;
}

.category__content_base {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 32px;

}

.card_catalog_category__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.card_catalog_category {
    max-width: 360px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card_catalog_category:hover .card_catalog_category__img {
    transform: scale(1.1);
}

.card_catalog_category:hover .card_catalog_category__title {
    color: var(--blue2);
}

.card_catalog_category__img-wrapper {
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--bacground);
    width: 100%;
    height: 100%;
    max-height: 261px;
}


.card_catalog_category__title {
    font-weight: 700;
    font-size: 18px;

    transition: color .2s;
}

.category__content {
    display: none;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    height: 100%;
}

.category__content.open {
    display: flex;
}

.category__content.category__content_base.open {
    display: grid;
}


.category__content_top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.category__content__subcategory {
    display: block;

    font-size: 18px;
    padding: 8px 16px;
    border-radius: 24px;
    border: 1px solid var(--blue2);
    transition: all .2s;
}

.category__content__subcategory:hover {
    color: #FFFFFF;
    background-color: var(--blue2);
}

.category__content_bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.header__catalog__card-product {
    max-width: 262px;
    position: relative;
}


.header__catalog__card-product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.header__catalog__card-product-img_wrapper {
    width: 100%;
    display: block;
    aspect-ratio: 1 / 1;

    border-radius: 16px;
    background-color: var(--bacground);
    border: 1px solid var(--border);
    overflow: hidden;
}

.header__catalog__card-product-img_wrapper:hover .header__catalog__card-product-img {
    transform: scale(1.1);
}

.header__catalog__card-product-info {
    padding: 16px 16px 0 16px;
}

.header__catalog__card-product__title {
    font-size: 16px;
    line-height: 130%;

    margin-bottom: 4px;
    transition: color .2s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header__catalog__card-product__title:hover {
    color: var(--blue2);
}

.header__catalog__card-product__stat {
    color: #989898;
}

.header__catalog__card-product__price {
    font-weight: 700;
    font-size: 16px;
    color: var(--blue);
    padding: 8px 16px;
    border-radius: 32px;
    background-color: var(--bacground);
    width: fit-content;
    margin-top: 12px;
}

.btn-menu {
    display: none;
    background-color: var(--red);
    border: inherit;
}

.btn-menu:hover {
    background-color: var(--red-hover);
    border: inherit;
}

.btn-menu::after {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/Hamburger_MD.svg') 50%/ contain no-repeat;

}

.btn-menu.active::after {
    background: url('/local/templates/main/styles/../img/icons/close.svg') 50%/ contain no-repeat;
    animation: rotate .3s;
}

@keyframes rotate {
    from {
        transform: rotate(180deg) scale(0);
    }
}

.header__menu {
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--white);
    padding-top: 72px;
    overflow-y: auto;
    font-size: 14px;

    transition: all .3s;
    opacity: 0;
    pointer-events: none;

}

.header__menu.open {
    opacity: 1;
    pointer-events: all;

}

.header__menu.open .header__menu-content {
    transform: translateY(0);
}

.header__menu .header__menu-content {
    transform: translateY(-100%);
    transition: .4s;
}

.header__menu-content {
    padding-top: 16px;
    padding-bottom: 16px;

}

.btn_header-menu {
    height: 40px;
    border: 1px solid var(--border);
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
}

.btn_catalog_mobile {
    margin-top: 16px;
    background-color: var(--red);
    border: none;
    color: var(--white);
    justify-content: space-between;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
}

.header__menu-content .btn {
    width: 100%;
}

.btn_catalog_mobile::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/arrow_right_white.svg') 50% / contain no-repeat;
}

.header__category_mobile {
    position: fixed;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--white);
    padding-top: 72px;
    overflow-y: auto;
    padding-bottom: 24px;

    transition: .3s;
    opacity: 0;
    pointer-events: none;
}

.header__category_mobile.open {
    opacity: 1;
    pointer-events: all;
}

.header__category_mobile.open .header__category_mobile__content {
    transform: translateY(0);
}

.header__category_mobile .header__category_mobile__content {
    transform: translateY(-100%);
    transition: .4s;
}

.header__catalog-category_mobile {
    margin-top: 24px;
}

.header__catalog-category_mobile__item {
    font-size: 16px;
    padding: 16px 0;
    display: block;
    border-top: 1px solid var(--border);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__catalog-category_mobile__item::after {
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    background: url('/local/templates/main/styles/../img/icons/arrow_right_black.svg') 50% / contain no-repeat;
}

a.header__catalog-category_mobile__item::after {
    display: none;
}

.menu__nav-list {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    list-style: none;

}

.menu__nav__item {
    padding: 16px 0;
    font-size: 16px;

    display: block;
    border-top: 1px solid var(--border);
}

.menu__nav__item:last-child {
    border-bottom: 1px solid var(--border);
}

.menu__nav__item.spec-item {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--blue);
}

.header__menu-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.header__menu-bottom .header__social-links {
    display: flex;
    height: 45px;
    gap: 15px;
}

.header__menu-tel {
    font-weight: 700;
    font-size: 16px;

}

.btn_prev {
    margin-top: 24px;
    color: var(--gray);
    font-size: 16px;
    line-height: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn_prev::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/arrow_left.svg') 50% / contain no-repeat;
}

.header__category_mobile__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 27px;
    margin-top: 32px;
}

.header__category_mobile__cards .card_catalog_category__img-wrapper {
    max-height: 119px;
}

.header__category_mobile__cards .card_catalog_category__title {
    font-size: 14px;
}

.header__subcategory_mobile {
    position: fixed;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--white);
    padding-top: 72px;
    overflow-y: auto;
    padding-bottom: 24px;

    transition: .3s;
    opacity: 0;
    pointer-events: none;
}

.header__subcategory_mobile.open {
    opacity: 1;
    pointer-events: all;
}

.header__subcategory_mobile.open .header__subcategory_mobile__content {
    transform: translateY(0);
}

.header__subcategory_mobile .header__subcategory_mobile__content {
    transform: translateY(-100%);
    transition: .4s;
}

.header__subcategory_mobile__content {
    margin-top: 24px;
}

.category__content_mobile {
    display: none;
    margin-top: 24px;
}

.category__content_mobile.open {
    display: block;
}

.category__content_mobile .category__content_top {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0;
}

.category__content_mobile .category__content__subcategory {
    border: none;
    border-radius: 0;
    border-top: 1px solid var(--border);
    font-size: 16px;

    width: 100%;
    padding: 16px 0;
}

.category__content_mobile .category__content__subcategory:hover {
    background-color: var(--white);
    color: var(--black);
}

.category__content_mobile .category__content__subcategory:last-child {
    border-bottom: 1px solid var(--border);
}

.category__content_mobile .category__content_bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
    gap: 15px;
}

.category__content_mobile .header__catalog__card-product {
    max-width: 164px;
}

.category__content_mobile .header__catalog__card-product__btn-busket {
    position: static;
    width: 100%;
    height: 36px;
    flex-direction: row-reverse;
    color: var(--white);
    font-weight: 700;
    font-size: 14px;
    gap: 8px;
    align-items: center;
    margin-top: 10px;

}

.category__content_mobile .header__catalog__card-product-img_wrapper {
    border-radius: 8px;
}

.category__content_mobile .header__catalog__card-product__btn-busket::after {
    width: 16px;
    height: 16px;
    margin-bottom: 1px;
}

.category__content_mobile .header__catalog__card-product-info {
    padding: 0;
    margin-top: 8px;
    font-size: 14px;
}

.category__content_mobile .header__catalog__card-product__title {
    font-size: 14px;
}

.category__content_mobile .header__catalog__card-product__price {

    background-color: var(--white);
    border: 1px solid var(--border);
    font-size: 14px;
}

.category__content_mobile .card-product-btn-like {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-color: var(--white);
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category__content_mobile .card-product-btn-like::after {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: url('/local/templates/main/styles/../img/icons/like.svg') 50% / contain no-repeat;
}

/* header end */

/* footer start */
.footer {
    background-color: var(--black);
    margin-top: 60px;
    overflow: hidden;

}

.footer__top-line {
    position: relative;
    height: 175px;
    background: url('/local/templates/main/styles/../img/line_footer.png') 0 0 / auto 100% repeat-x;
    background-color: var(--white);
    animation: moveLine 15s linear infinite;
}

.footer__top-line::after {
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    background-color: var(--black);
    height: 15px;
    position: absolute;
    pointer-events: none;
}

@keyframes moveLine {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -640px 0;
    }
}

.footer__content {
    padding-top: 40px;
    color: #FFFFFF;
    padding-bottom: 36px;

    display: grid;
    gap: 32px;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: repeat(4, auto);

}

.footer__logo-wrapper {
    grid-column: 1;
    grid-row: 1;
}

.footer_achiev {
    grid-column: 1;
    grid-row: 2 / 5;
    align-self: end;

}

.footer_nav {
    grid-column: 2;
    grid-row: 1/ 5;
    margin-right: 150px;
}

.footer__pay,
.footer_socials,
.footer_restaurant,
.footer_contacts {
    grid-column: 3;
    height: fit-content;
}

.footer__pay {
    margin-top: 60px;
}

.footer__logo-wrapper {
    width: 151px;
    height: 112px;
    flex-shrink: 0;
    display: block;
}

.footer__logo-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_achiev {
    display: flex;
    flex-direction: column;
    width: 229px;
    height: 219px;
    gap: 16px;
    padding: 16px 13px;
    border-radius: 16px;
    border: 1px solid #FFFFFF1A;
    text-transform: uppercase;
    font-size: 14px;
    transition: .2s;
}

.footer_achiev:hover {
    background-color: #FFFFFF1A;
    border: 1px solid #ffffff00;
}

.footer_nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.footer_nav__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_nav__list-item {
    font-size: 18px;
    opacity: 0.6;
    transition: .2s;
}

.footer_nav__list-item:hover {
    opacity: 1;
}

.footer_title,
.footer_nav__list-title {
    padding: 1px 0;
    border-bottom: 1px solid #e2e2e200;
    transition: .2s;
    width: fit-content;
    font-weight: 700;
    font-size: 18px;
}

.footer_nav__list-title:hover {
    border-bottom: 1px solid #E2E2E24D;
}

.footer_socials,
.footer_restaurant,
.footer_contacts {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_contacts .footer_title {
    margin-bottom: 16px;
}

.footer_tel {
    font-weight: 600;
    font-size: 39px;
    line-height: 100%;
    transition: .2s;
}

.footer_tel:hover {
    opacity: .7;
}

.footer_adress {
    font-size: 16px;
    display: block;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    padding-bottom: 4px;
    border-bottom: 1px solid #e2e2e200;
    transition: .2s;
    width: fit-content;
}

.footer_adress:hover {
    border-bottom: 1px solid #E2E2E24D;
}

.footer_adress::before {
    width: 20px;
    height: 20px;
    content: '';
    display: block;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/location_whit.svg') 50% / contain no-repeat;
}

.footer_social-link {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
}

.footer_social-link svg path {
    transition: .2s;
}

.footer_social-link:hover svg path {
    fill: #ffffff;
}

.footer_social-link:hover {
    background-color: var(--red);
}

.footer_socials-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer__pay-link {
    transition: .2s;
    opacity: 0.6;
}

.footer__pay-link:hover {
    opacity: 1;
}

.footer__pay {
    display: flex;
    align-items: center;
    gap: 25px;
}











/* footer end */

/* modal start */
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    backdrop-filter: blur(0px);
    background: #00000033;

    padding: 16px;
    overflow-y: auto;
    pointer-events: none;
    opacity: 0;
    transition: .3s;
}

.modal form {
    display: none;
}

.modal.open {
    backdrop-filter: blur(15px);
    opacity: 1;
    pointer-events: all;
}

.modal.open form {
    display: block;
}

.modal.open .modal__content {
    opacity: 1;
    transform: translateY(0);
}

.modal__content {

    padding: 60px;
    border-radius: 16px;
    background-color: var(--white);
    max-width: 752px;
    margin: 0 auto;
    margin-top: 5%;

    transition: .5s;

    opacity: 0;
    transform: translateY(-30px);
    position: relative;
}

.modal__form-close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 24px;
    right: 24px;
    background: url('/local/templates/main/styles/../img/icons/close_grey.svg')50% / contain no-repeat;
    cursor: pointer;
}

.modal__title {
    font-weight: 600;
    font-size: 52px;
    line-height: 100%;

    text-align: center;
    margin-bottom: 40px;
}

.form__label {
    position: relative;
    height: 57px;
    border-radius: 48px;
    width: 100%;
    display: block;
    border: 1px solid var(--border);
    background-color: var(--white);
    padding: 0 24px;
    margin: 16px 0;

}

.form__input-placeholder {
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
    font-size: 18px;
    line-height: 140%;
    transition: .3s;

    pointer-events: none;
}

.form__input {
    height: 25px;
    border: none;
    width: 100%;
    font-size: 18px;
}

.form__input:focus {
    outline: none;
}

.form__input:focus+.form__input-placeholder,
.form__input.filled+.form__input-placeholder {
    top: 7px;
    transform: none;
    font-size: 14px;
    color: var(--gray1);

}

.form__input:focus,
.form__input.filled {
    margin-top: 25px;
}

.input_err {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 14px;
    color: var(--red);
    line-height: 140%;
    display: none;
}

.form__label.error {
    border-color: var(--red);
}

.form__label.error .input_err {
    display: block;
}

.form_bottom {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form_label_check {
    display: flex;
    gap: 12px;
    font-size: 18px;
    color: var(--gray);
    cursor: pointer;
    width: fit-content;
    position: relative;
}

input[type='checkbox'] {
    position: absolute;
    opacity: 0;
}

.checkbox-marker {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.link_password_remember {
    font-size: 18px;
    color: var(--gray);
}

.form_label_check:hover .checkbox-marker {
    border-color: #CBCBCB;
}

input[type='checkbox']:checked+.checkbox-marker {
    border-color: var(--red);
    background-color: var(--red);
}

input[type='checkbox']:checked+.checkbox-marker::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url('/local/templates/main/styles/../img/icons/check.svg') 50% / contain no-repeat;
}

.link_password_remember:hover,
.form_label_check:hover {}

.btn_form {
    max-width: 230px;
    width: 100%;
    border: none;
    margin: 0 auto;
    margin-top: 40px;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    padding: 0 32px;
}

.btn_form_regist {
    max-width: 294px;
    gap: 12px;
}

.btn-primary-line-rigth::after,
.btn_form::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
}

.modal__bottom {
    margin-top: 40px;
    background-color: var(--bacground);
    border-radius: 8px;
    padding: 24px;
    font-size: 18px;
    line-height: 140%;

    transition: .2s;
    cursor: pointer;
}

.form_captcha__container {
    margin: 16px 0;
}

.form_captcha__container img {
    width: 100%;
}

.link_open-regist {
    color: var(--red);
    transition: .2s;
    font-weight: 700;
    display: inline-flex;
    gap: 4px;
}

.link_open-regist::after {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    transition: .2s;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_red.svg') 50% / contain no-repeat;
}

.modal__bottom:hover {
    color: var(--white);
    background-color: var(--black);
}

.modal__bottom:hover .link_open-regist::after {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
}

.modal__bottom:hover .link_open-regist {
    color: var(--white);
}

.modal-regist .form__input-placeholder::after {
    content: ' *';
    color: var(--red);

}

.modal-alert {
    text-align: center;
    font-size: 18px;

}

.modal-alert .modal__title {
    margin-top: 16px;
    margin-bottom: 24px;
}

.modal-alert .btn {
    max-width: none;
    width: fit-content;
    margin: 0 auto;
    margin-top: 60px;
}

.btn_form_link-acc {
    max-width: 294px;
}



/* modal end */

/* main старт */
.main {
    padding-top: 169px;
    display: grid;
    grid-template-columns: 1fr;

}

section {
    margin-top: 60px;
    margin-bottom: 60px;
}

section:first-child {
    margin-top: 0;
}

/* main конец */

/* главная старт */
.section_home {
    overflow-x: hidden;
}

.home_swiper-container {
    max-width: 1920px;
    padding: 0 16px;
    width: 100%;
    margin: 0 auto;
}

.home_swiper-container .swiper-slide {
    max-width: 460px;
    width: 100%;
    height: auto;
}

.home_swiper-container .swiper-pagination {
    position: static;
    margin-top: 16px;
}

.home__card {
    width: 100%;
    aspect-ratio: 1 / 1.7;
    background-color: #001530;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.home__card_num {
    position: absolute;
    font-size: 20px;
    line-height: 100%;
    top: 24px;
    right: 24px;
    z-index: 2;
}

.card_sea .home__card_num,
.card_kamch .home__card_num {
    color: var(--white);
}

.card_catalog .home__card_num {
    color: #FFFFFF99;
}

.card_ikra .home__card_num {}

.home__card_kamch-back {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url('/local/templates/main/styles/../img/home/1.png') 50% / cover no-repeat;
    transition: 1s ease;
}

.home__card-title {
    position: relative;
    z-index: 2;
    font-family: 'Neucha', Arial, Helvetica, sans-serif;
    font-size: 60px;
    line-height: 100%;
    font-weight: 400;
    color: var(--white);
    text-align: center;
}

.home__card__link {
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    color: var(--white);
    border-radius: 48px;
    height: 49px;
    backdrop-filter: blur(8px);
    background: #FFFFFF1A;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 20px;
    opacity: 0;
    transition: margin 1s ease, opacity .5s 0.3s, background .3s, color .3s;

}

.home__card__link:hover {
    background-color: var(--white);
    color: var(--red);
}

.home__card__link:hover::after {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_red.svg') 50% / contain no-repeat;
}

.home__card__link::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
    transition: .3s;
}

.card_kamch:hover .home__card_kamch-back {
    transform: scale(1.2);
}

.home_swiper-container .swiper-pagination-bullet-active {
    background-color: var(--red);
}

.card_kamch:hover .home__card__link {
    margin-top: 40px;
    opacity: 1;
}

.card_catalog {
    background-color: #E85F3A;
}

.card_catalog .home__card-title {
    position: absolute;
    bottom: 110px;
}

.card_catalog-img {
    pointer-events: none;
    width: calc(100% - 112px);
}

.card_catalog::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url('/local/templates/main/styles/../img/home/2.png') 50% / cover no-repeat;

}

.card_catalog::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url('/local/templates/main/styles/../img/home/2_1.png') 50% / cover no-repeat;
    transform: scale(1.2);
    transition: opacity 1s ease, transform 1.5s ease;
    opacity: 0;
}

.card_catalog:hover::after {
    opacity: 1;
    transform: scale(1);
}

.card_sea {
    background: url('/local/templates/main/styles/../img/home/3.png') 50% / cover no-repeat;
    padding-top: 81px;
    justify-content: start;
    transition: 1s;
}

.card_sea::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
    background: url('/local/templates/main/styles/../img/home/3-1.png') 50% / cover no-repeat;
    opacity: 0;
    transition: 1s ease;
}

.card_sea .home__card__link {
    margin-top: 0;
}

.card_sea:hover {
    padding-top: 40px;
}

.card_sea:hover::after {
    opacity: 1;
}

.card_sea:hover .home__card__link {
    opacity: 1;
    margin-top: 24px;
}

.card_ikra {
    padding-bottom: 48px;
    justify-content: end;
}

.card_ikra .home__card__link {
    margin-bottom: 24px;

}

.card_ikra .home__card__link:hover::after {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_red.svg') 50% / contain no-repeat;
}

.card_ikra .home__card-title {
    color: var(--blue);
}

.card_ikra:hover .home__card__link {
    opacity: 1;
}

.card_ikra:hover .home__card_ikra-back {
    transform: scale(1.2);
}

.home__card_ikra-back {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url('/local/templates/main/styles/../img/home/4.png') 50%/ cover no-repeat;
    transition: 1s ease;
}

.section__title {
    font-size: 52px;

    line-height: 100%;
    font-weight: 600;
    max-width: 1046px;
}

.section__title span.red {
    color: var(--red);
}

.swiper-nav {
    display: flex;
    gap: 10px;
}

.section__top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 60px;
}

.swiper-button-custom-prev,
.swiper-button-custom-next {
    width: 60px;
    height: 60px;
    background: #fff;
    border: 2px solid var(--blue2);
    border-radius: 40px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .2s;
}

.swiper-button-custom-prev:hover,
.swiper-button-custom-next:hover {
    background-color: var(--blue2);
}

.swiper-button-custom-prev:hover::after,
.swiper-button-custom-next:hover::after {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
}

.swiper-button-custom-prev::after,
.swiper-button-custom-next::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_black.svg') 50% / contain no-repeat;
}

.swiper-button-custom-prev::after {
    transform: scale(-1);
}


.card-product {
    width: 100%;
    max-width: 360px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-product__top-hint {
    position: absolute;
    top: 16px;
    left: 16px;
    max-width: 80%;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    z-index: 1;
    pointer-events: none;
}

.card-product_hint {
    font-weight: 600;
    font-size: 14px;
    color: var(--white);
    height: 30px;
    padding: 0 12px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-product__like {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 44px;
    height: 44px;
    border-radius: 24px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
}

.card-product__like.liked::after,
.card-product__like.fiil::after,
.card-product__like:hover::after {
    background: url('/local/templates/main/styles/../img/icons/like_product_fill.svg') 50% / contain no-repeat;
}

.card-product__like::after {
    width: 32px;
    height: 32px;
    content: '';
    display: block;
    background: url('/local/templates/main/styles/../img/icons/like_product.svg') 50% / contain no-repeat;
}

.hint-RECOMMEND {
    background-color: var(--blue2);
}

.hint-NEW {
    background-color: #FF7A57;
}

.hint-PROP_673 {
    background-color: var(--blue);
}

.card-product__img:hover img {
    transform: scale(1.1);
}

.card-product__img {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border);
}

.card-product__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.section_recent-product,
.section_rec-product,
.section_new-products {
    overflow-x: hidden;
}

.section_recent-product .swiper-slide,
.section_rec-product .swiper-slide,
.section_new-products .swiper-slide {
    max-width: 360px;
    width: 100%;
    height: auto;
}

.swiper-button-custom-prev.swiper-button-disabled,
.swiper-button-custom-next.swiper-button-disabled {
    opacity: 0.6;
    pointer-events: none;
}

.recent-product_swiper-container,
.rec-product_swiper-container,
.new-product_swiper-container {
    overflow-x: hidden;
}

.card-product__info {
    padding: 16px;
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;

}

.card-product__title {
    font-size: 18px;
    line-height: 140%;

    transition: .3s;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.card-product__title:hover {
    color: var(--blue2);
}

.card-product__stat {
    color: #989898;
    font-size: 18px;
    line-height: 100%;
}

.card-product__price {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;


    height: 41px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid var(--border);
    width: fit-content;

}

.card-product__price_old {
    color: var(--gray1);
    font-size: 16px;
    line-height: 130%;
    text-decoration: line-through;
}

.card-product__price_group {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.btn_card_basket::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/busket.svg') 50% / contain no-repeat;
}

.btn_card_basket_counter_count::after {
    content: attr(data-measure);
}

.btn_card_basket_counter_plus {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/plus_white.svg') 50% / contain no-repeat;
}

.btn_card_basket_counter_minus {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/minus_white.svg') 50% / contain no-repeat;
}

.btn_card_basket_counter_minus.card_trash {
    background: url('/local/templates/main/styles/../img/icons/trash.svg') 50% / contain no-repeat;
}

.btn_card_basket_counter {
    justify-content: space-between;
    padding: 0 16px;
}

.btn_card_basket_counter:hover {
    background-color: var(--red);
}

.card-product_discount {
    position: absolute;
    bottom: 16px;
    right: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    color: var(--white);
    background-color: var(--black);
    border-radius: 32px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section_link__arrow {
    display: flex;
    align-items: center;
    gap: 12px;

    font-size: 18px;
    line-height: 140%;


}

.section_link__arrow::after {
    width: 24px;
    height: 24px;
    position: relative;
    content: '';
    left: 0;
    display: block;
    transition: .5s;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_red.svg') 50% / contain no-repeat;
}

.section_link__arrow:hover::after {
    left: 8px;
}

.news_item {
    max-width: 360px;
    display: block;
}

.news_item__img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 16px;
}

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

.news_item__data {
    margin-top: 24px;
    border: 1px solid var(--blue2);
    color: var(--blue2);
    height: 46px;
    border-radius: 32px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 16px;
    font-size: 16px;
}

.news_item__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;

    margin-top: 16px;
    transition: .3s;
    display: block;
}

.news_item:hover .news_item__title {
    color: var(--blue2);
}

.section-news_swiper {
    overflow: hidden;
}

.news_swiper_swiper-container .swiper-slide {
    width: fit-content;
}

.section_about {
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: var(--black);
}

.section_about__title {
    font-family: 'Neucha', Arial, Helvetica, sans-serif;
    font-size: 134px;
    font-weight: 400;
    line-height: 100%;
    color: var(--white);
    text-align: center;
}

.section_about__text {
    color: var(--white);
    text-align: center;
    font-size: 24px;
    line-height: 110%;
}

.about__items_container {
    color: var(--white);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 60px;
}

.about__item .about__item__content {
    background-color: var(--blue2);
    height: 362px;
    padding: 40px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about__item {
    position: relative;
    z-index: 1;
}

.about__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 116px;
    height: 67px;
    background: url('/local/templates/main/styles/../img/about_home/blue.svg') 50% / cover no-repeat;
    vertical-align: top;
    z-index: -1;
}

.about__item:nth-child(2)::after,
.about__item:nth-child(3)::after {
    background: url('/local/templates/main/styles/../img/about_home/red.svg') 50% / cover no-repeat;
}

.about__item:nth-child(2n + 2)::after {
    transform: scale(-1, 1);
    right: 0;
    left: auto;
}

.about__item:nth-child(2) .about__item__content,
.about__item:nth-child(3) .about__item__content {
    background-color: #ED714F;
}

.about__item:nth-child(2n + 2) .about__item__content {
    border-top-right-radius: 0;
    margin-right: 72px;

}

.about__item:nth-child(2n+1) .about__item__content {
    border-top-left-radius: 0;
    margin-left: 72px;

}

.about__item-img_bg img {
    vertical-align: bottom;
}

.about__item .about__item-img_bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.about__item-link,
.about__item .about__item-title {
    position: relative;
    z-index: 1;
}

.about__item .about__item-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 110%;

}

.about__item-link {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 16px;
    width: fit-content;
    font-size: 18px;
    line-height: 110%;
    font-weight: 600;
    border-radius: 24px;
}

.about__item:nth-child(1) .about__item-link,
.about__item:nth-child(2) .about__item-link,
.about__item:nth-child(3) .about__item-link {
    background-color: var(--red);
    border: 1px solid #00000000;
    transition: .2s;
}

.about__item:nth-child(1) .about__item-link:hover,
.about__item:nth-child(2) .about__item-link:hover,
.about__item:nth-child(3) .about__item-link:hover {
    background-color: #00000000;
    border: 1px solid var(--red-hover);

}

.about__item:nth-child(1) .about__item-link:hover {
    border: 1px solid var(--blue);
}

.about__item-link.adress::before {
    width: 24px;
    height: 24px;
    content: '';
    display: block;
    background: url('/local/templates/main/styles/../img/icons/location_whit.svg') 50% / contain no-repeat;
}

.about__item:nth-child(1) .about__item-link::after,
.about__item:nth-child(3) .about__item-link::after {
    width: 24px;
    height: 24px;
    content: '';
    display: block;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
}

.about__item:nth-child(1) .about__item-link {
    background-color: var(--blue);
}

.about__item-img {
    margin: 0 auto;
    width: fit-content;
    max-width: 303px;
    width: 100%;
}

.about__item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about__item:nth-child(2) .about__item-img_bg {
    top: auto;
    bottom: 0;
}

.img_team {
    border-radius: 24px;
    max-width: 883px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section_team__content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 32px;
}

.team-info_wrapper {
    border-radius: 24px;
    background-color: var(--blue);
    width: 100%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-width: 500px;
    gap: 20px;
    height: 722px;

}

.team-info__img {
    max-width: 337px;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 100%;

}

.team-info__info {
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: center;
    color: #ffffff;
    max-width: 531px;
}

.team-info_title {
    font-size: 62px;
    font-weight: 700;
    line-height: 100%;
}

.team-info__text {
    font-size: 18px;
    line-height: 140%;
}

/* главная конец */

/* catalog start */
.bread-crumbs {
    width: 100%;
    overflow-x: auto;
}

.bread-crumbs__list {
    display: flex;
    text-wrap: nowrap;
    list-style: none;
    gap: 16px;
    align-items: center;
}

.bread-crumbs__list li {
    display: flex;
    align-items: center;
    gap: 16px;

}

.bread-crumbs__list li a,
.bread-crumbs__list li span  {
    color: var(--blue);
    font-size: 16px;
    line-height: 130%;
    transition: .2s;
}

.bread-crumbs__list li a:hover {}

.bread-crumbs__list li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: var(--blue);
}

.bread-crumbs__list li:first-child::before {
    display: none;
}

.bread-crumbs__list li:last-child a {
    color: var(--gray1);
    pointer-events: none;

}

.catalog__info {
    display: flex;
    align-items: end;
    gap: 24px;
    flex-wrap: wrap;
}

.catalog_title {
    font-size: 52px;
    font-weight: 600;
    line-height: 100%;

}

.catalog__count {
    font-size: 16px;
    color: var(--gray1);
    padding-bottom: 8px;
}

.catalog__top {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.sort-dropdown {
    position: relative;


}

.sort-dropdown-btn {
    border: 1px solid var(--border);
    padding: 8px 32px;
    height: 57px;
    font-weight: 500;
}

.sort-dropdown-btn::after {
    transition: transform .3s;
    width: 24px;
    height: 24px;
    display: block;
    content: '';
    background: url('/local/templates/main/styles/../img/icons/arrow_bottom.svg') 50% / contain no-repeat;
}

.sort-dropdown-content {
    display: none;
    border-radius: 24px;
    margin-top: 8px;
    position: absolute;
    background-color: white;
    width: 100%;
    z-index: 2;
    box-shadow: 0px 0px 27px 0px #5A5A5A26;
    overflow: hidden;

}

.sort-dropdown__item {
    padding: 16px 24px;
    font-size: 18px;
    cursor: pointer;
    display: block;
}
.sort-dropdown__item:hover {
    background-color: var(--bacground);
    text-decoration: none;
}


.sort-dropdown.open .sort-dropdown-content {
    display: block;
}

.sort-dropdown:hover .sort-dropdown-btn {
    border: 1px solid #CBCBCB;
}


.sort-dropdown.open .sort-dropdown-btn::after {
    transform: rotate(180deg);
}

.catalog__category__item {
    height: 57px;
    border-radius: 40px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
    border: 1px solid #E2E2E2;
    font-size: 18px;
    line-height: 140%;

    width: fit-content;
    transition: .3s;
}

.catalog__category__item.active {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
    pointer-events: none;
}

.catalog__category__item:hover {
    background-color: var(--red);
    color: var(--white);
}

.catalog__category {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.catalog__container {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 360px auto;
    gap: 32px;
}

.catalog__filter {
    background: white;
    border-radius: 16px;
    border: 1px solid #E2E2E2;

    width: 100%;
    height: fit-content;
}

.filter__section {

    border-bottom: 1px solid #E2E2E2;
}

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

.filter__title {
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    cursor: pointer;

}

.filter__title::after {
    content: '';
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: block;
    background: url('/local/templates/main/styles/../img/icons/arrow_bottom.svg') 50% / contain no-repeat;
}

.filter__section.open .filter__title::after {
    transform: rotate(180deg);
}

.filter__section.open .filter__hidden {
    display: block;
}

.filter__hidden {
    display: none;
    padding: 24px;
    padding-top: 0;
}

.price__inputs {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
}

.price__input {
    flex: 1;
    height: 48px;
    padding: 8px 16px;
    border: 1px solid var(--border);
    border-radius: 40px;
    font-size: 18px;
    max-width: calc(50% - 8px);
}

/* Стили для ползунка диапазона цен */
.price__range {
    margin: 20px 0;
    position: relative;
    height: 5px;
}

.price__range-track {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000036;
    border-radius: 5px;
    z-index: 1;
}

.price__range-progress {
    position: absolute;
    height: 100%;
    background: var(--red);
    border-radius: 5px;
    z-index: 2;
}

.price__range-input {
    position: absolute;
    width: 100%;
    height: 5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 3;
}

.price__range-input::-webkit-slider-thumb {
    height: 24px;
    width: 24px;
    border-radius: 100%;
    background: var(--white);
    pointer-events: auto;
    -webkit-appearance: none;
    cursor: pointer;
    border: 6px solid var(--red);

}

.price__range-input::-moz-range-thumb {
    height: 24px;
    width: 24px;
    border-radius: 100%;
    background: var(--white);
    pointer-events: auto;
    -moz-appearance: none;
    cursor: pointer;
    border: 6px solid var(--red);
}

.filter__buttons {
    display: flex;
    gap: 16px;
    padding: 24px;
}

.filter__button {
    flex: 1;
    padding: 12px 20px;
    height: 49px;
    border-radius: 48px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    font-size: 18px;
    transition: 0.2s;
    line-height: 140%;
}

.filter__button--apply {
    background-color: var(--black);
    color: var(--white);
}

.filter__button--apply:hover {
    background-color: var(--blue);
}

.filter__button--reset {
    background-color: var(--white);

    font-size: 18px;
    font-weight: 700;
    border: 1px solid #E2E2E2;
}

.filter__button--reset:hover {
    border: 1px solid var(--black);
    background-color: var(--black);
    color: var(--white);
}

.filter__option__label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 18px;
    width: fit-content;
}

.filter__options {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.catalog__products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.catalog__bottom {
    margin-top: 8px;
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn_more::after {
    width: 24px;
    height: 24px;
    content: '';
    display: block;
    transition: .2s;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_bottom.svg') 50% / contain no-repeat;
}

.btn_more:hover::after {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_bottom_white.svg') 50% / contain no-repeat;

}

.btn_more {
    align-items: center;

    border: 1px solid #E2E2E2;
    padding: 16px 32px;
    height: 57px;
}

.btn_more:hover {
    border: 1px solid var(--black);
    color: var(--white);
    background-color: var(--black);
}

.catalog__pages {
    display: flex;
    align-items: center;
    gap: 16px;
}

.catalog__pages_count {
    width: 57px;
    height: 57px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    transition: .3s;
    border: 1px solid #E2E2E2;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;


}

.catalog__pages_count.count_active {
    background-color: var(--blue);
    color: var(--white);
}

.catalog__pages_count:hover {
    border: 1px solid #CBCBCB;
}

.catalog__pages_next,
.catalog__pages_prev {
    cursor: pointer;
    width: 24px;
    height: 24px;
    transition: .2s;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_black.svg') 50% / contain no-repeat;
}

.catalog__pages_next:hover,
.catalog__pages_prev:hover {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_blue.svg') 50% / contain no-repeat;

}

.catalog__pages_prev {
    transform: scale(-1, 1);
}

.btn_filter_mobile {
    display: none;

    font-size: 14px;
    line-height: 140%;


    align-items: center;
    gap: 12px;

}

.btn_filter_mobile::before {
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    background: url('/local/templates/main/styles/../img/icons/Filter.svg') 50% / contain no-repeat;
}

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

.filter__close {
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/close_black.svg') 50% / contain no-repeat;
}

.filter__top {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid var(--border);

}

.filter_top__title {
    font-weight: 700;
    font-size: 14px;

}

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

/* catalog end */

/* card product start */
.card-product__preview {
    width: 100%;
    height: 100%;
    background-color: var(--white);
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #E2E2E2;
    position: relative;
}

.video_icon {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #FFFFFF66;
    backdrop-filter: blur(2px);
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;

}

.video_icon::after {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url('/local/templates/main/styles/../img/icons/play.svg') 50% / contain no-repeat;
}

.card-product_page_swiper-prev,
.card-product_page_swiper-next {
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/arrow_bottom.svg') 50% / contain no-repeat;
}

.card-product_page_swiper-next.swiper-button-disabled,
.card-product_page_swiper-prev.swiper-button-disabled {
    opacity: 0.5;
}

.card-product_page_swiper-prev {
    transform: scale(1, -1);
}

.card-product_page_swiper-container {
    height: 440px;
    overflow: hidden;


}

.card-product_page_swiper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.card-product_page_swiper-container .swiper-slide {
    height: 98px;
    width: 98px;
}

.product_card__media {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.card-product__preview video,
.card-product__preview img,

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

.product_card__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card_product_page__img_wrapper {
    display: grid;
    grid-template-columns: 98px 491px;
    gap: 32px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.product_card__media__wrapper {
    position: relative;
}

.card-product__preview::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #ffffff00;
    transition: .3s;
}

.card-product__preview.active-preview::after {
    background: #FFFFFF66;
}

.media-navigation-container {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 2;

    height: 57px;
    border-radius: 48px;
    padding: 16px 24px;
    border: 1px solid #FFFFFF66;
    background: #FFFFFF1A;

    backdrop-filter: blur(20px);
}

.media-nav-btn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_black.svg') 50% / contain no-repeat;
}

.media-nav-btn.media-prev-btn {
    transform: scale(-1, 1);
}


/* Счетчик слайдов */
.media-slide-counter {

    font-size: 18px;
    min-width: 20px;
    text-align: center;
    font-weight: 500;
}

.section__card_product_page__content {
    display: flex;
    gap: 32px;
}

.card-product__availability {
    display: flex;
    align-items: center;
    gap: 12px;
}

.card-product__availability::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.card-product__availability::after {
    font-size: 18px;
    line-height: 140%;

}

.card-product__availability.availability_true::after {
    content: 'В наличии';
}

.card-product__availability.availability_false::after {
    content: 'Нет в наличии';
}

.card-product__availability.availability_true::before {
    background: url('/local/templates/main/styles/../img/icons/availability_true.svg') 50% / contain no-repeat;
}

.card-product__availability.availability_false::before {
    background: url('/local/templates/main/styles/../img/icons/availability_false.svg') 50% / contain no-repeat;
}

.card-product__title_top {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;

    margin-bottom: 12px;
}

.card-product__availability_wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}

.card-product__btn_favorites {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 12px;

    cursor: pointer;
    transition: .2s;
}

.card-product__btn_favorites:hover {
    color: var(--blue2);
}

.card-product__btn_favorites::before {
    content: '';
    width: 24px;
    height: 24px;

    display: block;
    background: url('/local/templates/main/styles/../img/icons/like.svg') 50% / contain no-repeat;
}

.card-product_page__price_wrapper {
    display: flex;
    align-items: center;
    margin-top: 50px;
    gap: 18px;
    flex-wrap: wrap;
}

.card-product_page__price {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--white);
    height: 58px;
    border-radius: 40px;
    background-color: var(--black);
    padding: 12px 20px;
}

.card-product_page__price .old-price {
    font-size: 18px;
    font-weight: 600;
    color: var(--gray1);
    text-decoration: line-through;
}

.card-product_page__price.second_price {
    color: var(--gray);
    background-color: var(--white);
    border: 1px solid #E2E2E2;
}

.card-product_page__counter-wrapper {
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.card-product_page__counter-wrapper .btn {
    max-width: 336px;
    width: 100%;
    padding: 0 20px;
}

.card-product__counter {
    height: 57px;
    border: 1px solid #E2E2E2;
    border-radius: 40px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.card-product__counter_minus,
.card-product__counter_plus {
    width: 24px;
    height: 24px;
    opacity: 0.5;
    transition: .2s;
    cursor: pointer;
}

.card-product__counter_minus {
    background: url('/local/templates/main/styles/../img/icons/minus_black.svg') 50% / contain no-repeat;
}

.card-product__counter_plus {
    background: url('/local/templates/main/styles/../img/icons/plus_black.svg') 50% / contain no-repeat;
}

.card-product__counter_minus:hover,
.card-product__counter_plus:hover {
    opacity: 1;
}

.card-product__counter_count {
    min-width: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 140%;

}

.card-product_page__counter-hint {
    max-width: 342px;
    font-size: 14px;
    line-height: 130%;
    color: var(--gray);
    display: flex;
    gap: 12px;
}

.card-product_page__counter-hint::before {
    content: '';
    display: block;
    flex-shrink: 0;
    margin-top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: var(--red);
}

.card-product_page__info {
    padding-top: 16px;
    margin-top: 34px;
    border-top: 1px solid var(--border);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 23px;
}

.card-product_page__info_item-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px;
    color: var(--gray);
}

.card-product_page__info_item p {
    font-size: 16px;
    line-height: 130%;

}

.card_product_info__content__title {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
    font-weight: 600;
    font-size: 24px;

}

.product_info__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 33px;
    margin-top: 40px;

}

.product_info__row {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.product_info__row-title {
    font-weight: 700;
    font-size: 18px;
}

.product_info__row-contetnt {
    font-size: 16px;
    line-height: 130%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.card_product__stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border);
    font-size: 16px;

}

.product_info__row-title_hint {
    margin-top: 8px;
    color: var(--gray1);
    font-weight: 500;
    font-size: 16px;
}

.product_info__pfc {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.product_info__pfc-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
}

.product_info__pfc-item-count {
    font-weight: 700;
    font-size: 16px;
    color: var(--blue2);
}

.product_card__media__wrapper .card-product_discount {
    bottom: auto;
    top: 16px;
    right: 16px;
    padding: 2px 12px;
    height: 30px;
}

/* card product end */

/* basket start */
.section__top_title {

    font-size: 52px;
    font-weight: 600;
    line-height: 100%;
}

.section__top_info {
    display: flex;
    align-items: center;
    gap: 32px;
}

.section__top__count {
    font-size: 16px;
    line-height: 130%;
    color: var(--gray1);
}

.section__top_info-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn_basket_reset {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    line-height: 140%;
    color: var(--gray1);
    transition: .2s;
}

.btn_basket_reset::after {
    width: 24px;
    height: 24px;
    display: block;
    content: '';
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/trash_black.svg') 50% / contain no-repeat;
    opacity: 0.5;
    transition: .2s;
}

.btn_basket_reset:hover {}

.btn_basket_reset:hover::after {
    opacity: 1;
}

.section_basket_page .section__top_info-wrapper {
    margin-right: 392px;
}

.basket_page__grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: auto 360px;
    gap: 32px;
}

.basket_page__product-items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.basket_page__product-item {
    border: 1px solid #E2E2E2;
    border-radius: 16px;
    transition: .2s;
    display: flex;
    position: relative;

}

.basket_page__product-item:hover {
    border: 1px solid #CBCBCB;
}

.basket_page__product-item__img {
    padding: 8px;
    flex-shrink: 0;
    width: 221px;
    height: 228px;

}

.basket_page__product-item__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.basket_page__product-item-info {
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.basket_page__product-prices {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.basket_page__product-prices_all .card-product__price,
.basket_page__product-prices .card-product__price {
    height: 48px;
}

.basket_page__product-item-info__bottom {
    display: flex;
    align-items: start;
    justify-content: space-between;

}

.basket_page__product-prices_all {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.basket_page__product-prices_all .card-product__counter {
    height: 48px;
}

.card-product__price_hint {
    color: var(--gray1);
    line-height: 130%;
}

.basket_page__product-item-info__top {
    padding-right: 110px;
}

.basket_page__product-item-title {
    font-size: 18px;
    margin-bottom: 8px;

}

.card-product_basket-btn {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #E2E2E2;
    transition: .2s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 24px;
    right: 24px;
}

.card-product_basket-btn:hover {
    border: 1px solid #CBCBCB;
}

.card-product_basket-btn::after {
    width: 24px;
    height: 24px;
    content: '';
    display: block;
    background: url('/local/templates/main/styles/../img/icons/trash_gray1.svg') 50% / contain no-repeat;
}

.btn-busket_reset_bottom {
    display: none;
    margin-left: auto;
}

.promocode_container {
    width: 100%;
    position: sticky;
    top: 160px;
    padding: 24px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.promo_label {
    height: 56px;
    border: 1px solid #E2E2E2;
    border-radius: 48px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 56px 8px 24px;

}

.promo_btn {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--black);
    right: 8px;
    top: 8px;
    transition: .2s;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

}

.promocode_disabled label {
    pointer-events: none;
}

.promocode_disabled .promo_disabled_alert {
    display: flex;
}

.promocode_disabled .btn_promocode,
.promocode_disabled .promo_btn {
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--gray1);
}

.promo_btn:hover {
    background-color: var(--red-hover);
}

.promo_btn::after {
    width: 24px;
    height: 24px;
    display: block;
    content: '';
    background: url('/local/templates/main/styles/../img/icons/arrow_right_white.svg') 50% / contain no-repeat;
}

.promo_label input {
    height: 100%;
    width: 100%;
    border: none;
    font-size: 18px;
    line-height: 140%;

}

.promo_label input:focus {
    outline: none;
}

.btn_promocode::after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
}

.promo_label input::placeholder {}

.promo_disabled_alert {
    display: flex;
    flex-direction: column;
    gap: 8px;
    display: none;
}

.disabled_alert-title {
    font-size: 24px;

    font-weight: 600;
    line-height: 140%;
}

.disabled_alert-text {
    font-size: 18px;
    line-height: 140%;
}

.disabled_alert-text span {
    font-weight: 700;
    color: var(--red);
    text-wrap: nowrap;
}

.disabled_alert-title span {
    color: var(--red);
}

.promocode_err-msg {
    color: var(--red);
    margin-top: 8px;
    font-size: 16px;
    line-height: 130%;
    display: none;
}

.promocode_err .promocode_err-msg {
    display: block;
}

.promocode__stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    line-height: 140%;

}

.promocode_sale {
    display: none;
}

.promocode_ok .promocode_sale {
    display: flex;
}

.promocode__stat span:first-child {
    color: var(--gray1);
}

.promocode__stat span.promocode__stat_sale {
    color: var(--red);
}

.promocode__stat span.promocode__stat_all-price {

    font-size: 24px;
    font-weight: 600;
}

.promocode__stat.stat-all-price span {}

.current-orders__item.order_history .current-orders__item_top {
    margin: 0;
}

.order_history__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;

}

.order_history-title {
    font-size: 40px;
    font-weight: 600;

    line-height: 110%;
    margin-bottom: 32px;
    margin-top: 40px;
}

.current-orders__item.order_history .current-orders__item_btns {
    gap: 16px;
}

.order_history_status {
    margin-top: 24px;
    font-size: 18px;
    transition: .3s;
}

.order_history-title:first-child {
    margin-top: 0;
}

/* basket end */

/* order start */
.order_page__grid {
    display: grid;
    grid-template-columns: auto 360px;
    gap: 32px;
    margin-top: 40px;
}

.order_content-left,
.order_page__grid {
    grid-column: 1;
}

.order__tabs {
    max-width: 1144px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--border);
    border-radius: 48px;
}

.order__tabs {
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
}

.order__tabs::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari и Opera */
}

.order__tab {
    transition: .2s;
    height: 58px;

    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 16px;
    padding: 0 24px;
    cursor: pointer;
    text-wrap: nowrap;

}

.order__tab:hover {
    background-color: var(--bacground);
}

.order__tab.active {
    color: var(--white);
    background-color: var(--black);
}

.order__tab.active svg circle,
.order__tab.active svg path {
    stroke: var(--white);
}

.order_nav_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.order_nav_btn {
    gap: 12px;
    max-width: 229px;
    width: 100%;
    height: 57px;
}

.btn-secondary {
    height: 57px;

    font-size: 18px;
    font-weight: 700;
    border: 1px solid #E2E2E2;
    padding: 8px 32px;
    line-height: 140%;
}

.btn-secondary:hover {
    background-color: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
}

.order_nav_btn__prev::before {
    width: 24px;
    content: '';
    transition: .2s;
    display: block;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_black.svg') 50% / contain no-repeat;
    transform: scale(-1, 1);
}

.order_nav_btn__prev:hover::before {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
}

.order_nav_btn__next::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
}

.order_nav_btn__next {
    margin-left: auto;
}

.order_nav_btn__prev.hidden {
    display: none;
}

.pay_item,
.delivery__item {
    padding: 32px;
    border: 1px solid #E2E2E2;
    cursor: pointer;
    transition: .5s;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: calc(50% - 16px);
    flex-grow: 2;
}

.pay_item:hover,
.delivery__item:hover {
    border: 1px solid #CBCBCB;
}

.order_content-left {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.delivery__item_top {
    display: flex;
    align-items: center;
    gap: 32px;
}

.pay_item-title,
.delivery__item-title {
    font-size: 40px;
    font-weight: 600;

    line-height: 110%;
    flex-shrink: 2;
}

.delivery__item-hints {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery__item-hint {
    height: 38px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-weight: 700;
    line-height: 140%;
    color: var(--white);
    flex-shrink: 0;
}

.delivery__item-hint {
    background: var(--blue);
}

.delivery__item-hint:last-child {
    background: var(--blue2);
}

.delivery__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.delivery__item_bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.map_input {
    position: relative;
}

.map_input .form__label {
    margin: 0;
}

.map_input-suggestions {
    position: absolute;
    padding: 14px 0;
    top: 100%;
    margin-top: 10px;
    box-shadow: 0px 0px 27px 0px #5A5A5A26;
    left: 0;
    width: 100%;
    background-color: var(--white);
    border-radius: 16px;
    display: none;
    z-index: 1;
}

.map_input-suggestions_item {
    padding: 10px 24px;

}

.map_input-suggestions_item:hover {
    background-color: var(--bacground);
}

.delivery__map-container {
    width: 100%;
    aspect-ratio: 1 / 0.45;
    border-radius: 8px;
    overflow: hidden;
}

.delivery__map-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pay_item-text,
.delivery__item_bottom {

    font-size: 18px;
    line-height: 140%;
}

.delivery_adress {
    display: block;
    font-weight: 700;
    padding: 8px 16px;
    border: 1px solid var(--border);
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.delivery_adress::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: url('/local/templates/main/styles/../img/icons/location_red.svg') 50% / contain no-repeat;
}

.input_map_label {
    color: var(--gray);
}

.section_order_page .form__label.error {
    margin-bottom: 18px;
    transition: .3s;
}

.delivery__item_hidden {
    display: none;
}

.delivery__item.active .delivery__item_hidden {
    display: flex;
}

.pay_item.active,
.delivery__item.active {
    border: 1px solid var(--blue2);
}

.order-data_tabs {
    display: flex;
    align-items: center;
    gap: 24px;
}

.label_radio {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    position: relative;
    font-size: 18px;

    border-radius: 32px;
    border: 1px solid #E2E2E2;
    padding: 16px;
    transition: .3s;
}

.label_radio:hover {
    border: 1px solid #CBCBCB;
}

.label_radio.is-checked {
    border: 1px solid var(--red);
    font-weight: 700;
}

.label_radio input[type='radio'] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.label_radio:hover .radio-marker {
    border: 1px solid #CBCBCB;
}

.label_radio input[type='radio']:checked+.radio-marker {
    border: 5px solid var(--red);
}

.radio-marker {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-color: var(--white);
    border: 1px solid var(--border);
    transition: .2s;
}

.order-data__content {
    margin-top: 32px;
}

.order_content .form__label {
    margin: 0;
}

.order_content .form__input[required]+span::after {
    content: ' *';
    color: var(--red);
}

.order-data__content_legal,
.order-data__content_pers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.order-data__content_legal .all_column,
.order-data__content_pers .all_column {
    grid-column: 1 / 3;
}

.form__input-placeholder {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
    width: calc(100% - 40px);

}

/* Скрытие неактивных контентных блоков */
.order_content[data-content] {
    display: none;
}

.order_content[data-content].open {
    display: grid;
}

.order_content[data-content].pay__content.open {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

/* Стили для неактивных табов */
.order__tab:not(.active) {
    opacity: 0.7;
}

/* Запрет перехода на будущие вкладки */
.order__tab.disabled {
    pointer-events: none;
    opacity: 0.5;
}

/* Стили для ошибок валидации */
.form__label.error .form__input {
    border-color: var(--red);
}

.form__label.error .input_err {
    display: block;
}

.input_err {
    display: none;
    color: var(--red);
    font-size: 14px;
    margin-top: 4px;
}

.promo_btn.promo_btn_reset::after {
    background: url('/local/templates/main/styles/../img/icons/close.svg') 50% / contain no-repeat;
}

.order_page__grid .basket_page__promo_container {
    grid-row: 1 / 4;
    grid-column: 2;
    height: 100%;
}

.order_nav_btns {
    grid-column: 1;
}

/* order end */

/* account start */

.section__account_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 16px;
    background-color: var(--bacground);
    padding: 24px;
}

.section__account_name {
    font-size: 40px;
    font-weight: 600;

    line-height: 110%;
    display: flex;
    align-items: center;
    gap: 24px;

}

.section__account_name::before {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: block;
    content: '';
    background: url('/local/templates/main/styles/../img/icons/user_blue.svg') 50% / contain no-repeat;
}

.btn_account_exit {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 24px;
    color: var(--gray);
    line-height: 140%;
    transition: .2s;
}

.btn_account_exit:hover {}

.btn_account_exit:hover::before {
    filter: grayscale(0);
    opacity: 1;
}

.btn_account_exit::before {
    width: 24px;
    height: 24px;
    content: '';
    flex-shrink: 0;
    display: block;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_black.svg')50%/ contain no-repeat;
    filter: grayscale(1);
    opacity: 0.7;
    transform: scale(-1, 1);
    transition: .2s;
}

.section__account__tabs_container {
    margin-top: 24px;
}

.acc-dropdown {
    position: relative;


}

.acc-dropdown-btn {
    border: 1px solid var(--border);
    padding: 8px 24px;
    height: 44px;
    font-weight: 500;
    justify-content: space-between;
}

.acc-dropdown-btn::after {
    transition: transform .3s;
    width: 17px;
    height: 17px;
    display: block;
    content: '';
    background: url('/local/templates/main/styles/../img/icons/arrow_bottom.svg') 50% / contain no-repeat;
}

.acc-dropdown-content {
    display: none;
    border-radius: 24px;
    margin-top: 8px;
    position: absolute;
    background-color: white;
    width: 100%;
    z-index: 2;
    box-shadow: 0px 0px 27px 0px #5A5A5A26;

}

.acc-dropdown__item {
    font-size: 18px;
    cursor: pointer;
}


.acc-dropdown.open .acc-dropdown-content {
    display: block;
}

.acc-dropdown:hover .acc-dropdown-btn {
    border: 1px solid #CBCBCB;
}


.acc-dropdown.open .acc-dropdown-btn::after {
    transform: rotate(180deg);
}

.acc-tabs-desktop {
    display: flex;
    align-items: center;
    gap: 16px;
}

.acc-tab {
    height: 57px;
    cursor: pointer;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 20px;
    border: 1px solid #E2E2E2;
    font-size: 18px;

    transition: .2s;
}

.acc-tab.active {
    background-color: var(--black);
    color: var(--white);
}

.acc-tab:hover {
    border-color: #CBCBCB;
}

.acc-tab::before {
    width: 24px;
    height: 24px;
    display: block;
    content: '';
    flex-shrink: 0;
    transition: .2s;
}

.acc-dropdown-content {
    overflow: hidden;
}

.acc-dropdown-content .acc-tab {
    border: none;

    justify-content: start;
    border-radius: 0;
}

.acc-dropdown-btn .acc-tab {
    border: none;
    padding: 0;
}

.acc-tab[data-tab="0"]::before {
    background: url('/local/templates/main/styles/../img/icons/menu_blue.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="1"]::before {
    background: url('/local/templates/main/styles/../img/icons/menu_blue.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="2"]::before {
    background: url('/local/templates/main/styles/../img/icons/like.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="3"]::before {
    background: url('/local/templates/main/styles/../img/icons/user_black.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="4"]::before {
    background: url('/local/templates/main/styles/../img/icons/precent.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="0"].active::before {
    background: url('/local/templates/main/styles/../img/icons/menu.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="1"].active::before {
    background: url('/local/templates/main/styles/../img/icons/menu.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="2"].active::before {
    background: url('/local/templates/main/styles/../img/icons/like_white.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="3"].active::before {
    background: url('/local/templates/main/styles/../img/icons/user_white.svg') 50% / contain no-repeat;
}

.acc-tab[data-tab="4"].active::before {
    background: url('/local/templates/main/styles/../img/icons/precent_white.svg') 50% / contain no-repeat;
}

.acc-dropdown {
    display: none;
}

.account_content-container {
    margin-top: 60px;
}

.current-orders__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    display: none;
}

.current-orders__container.open {
    display: grid;
}

.current-orders__item_top {
    padding: 24px 32px;
    background-color: var(--bacground);
    border-radius: 16px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .3s;
    flex-wrap: wrap;
}

.current-orders__item_btns {
    display: flex;
    flex-grow: 2;
    justify-content: end;
    gap: 60px;
}

.current-orders__item_btns_group {
    display: flex;
    gap: 16px;
}

.btn_order_more {
    max-width: 292px;
    width: 100%;
}

.current-orders__item-title {

    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 8px;
    transition: .3s;
}

.current-orders__item-stat {
    display: flex;
    gap: 16px;
    transition: .3s;

}

.current-orders__item-stat span {
    font-size: 18px;
    line-height: 140%;
    color: var(--gray);
    transition: .3s;
}

.btn_order_more::after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white.svg') 50% / contain no-repeat;
}

.btn_remov::before,
.btn_repeat:before {
    width: 24px;
    height: 24px;
    content: '';
    display: block;
}

.btn_repeat::before {
    background: url('/local/templates/main/styles/../img/icons/repeat_black.svg') 50% / contain no-repeat;
}

.btn_remov::before {
    background: url('/local/templates/main/styles/../img/icons/close_black.svg') 50% / contain no-repeat;
}

.current-orders__item-stat span:last-child {
    color: var(--blue2);
    font-weight: 700;
}

.current-orders__item:hover .current-orders__item_top {
    background-color: var(--black);
}

.current-orders__item:hover .current-orders__item_top .btn-secondary {
    color: var(--white);
    background: #FFFFFF1A;

}

.current-orders__item:hover .current-orders__item_top .btn-secondary:hover {
    background-color: var(--blue);
    border-color: var(--blue);
}

.current-orders__item:hover .current-orders__item_top .current-orders__item-stat span:last-child,
.current-orders__item:hover .current-orders__item_top .current-orders__item-title {
    color: var(--white);
    opacity: 1;
}

.current-orders__item:hover .current-orders__item_top .current-orders__item-stat span {
    color: var(--white);
    opacity: 0.7;
}

.current-orders__item_btns .btn {
    height: 57px;
    padding: 8px 32px;
}

.current-orders__item:hover .current-orders__item_top .btn_repeat::before {
    background: url('/local/templates/main/styles/../img/icons/repeat_white.svg') 50% / contain no-repeat;
}

.current-orders__item:hover .current-orders__item_top .btn_remov::before {
    background: url('/local/templates/main/styles/../img/icons/close_white.svg') 50% / contain no-repeat;
}

.btn_repeat:hover::before {
    background: url('/local/templates/main/styles/../img/icons/repeat_white.svg') 50% / contain no-repeat;
}

.btn_remov:hover::before {
    background: url('/local/templates/main/styles/../img/icons/close_white.svg') 50% / contain no-repeat;
}

.current-orders__item_bottom {
    border: 1px solid var(--border);
    border-radius: 16px;
    transition: .3s;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.current-orders__item-status {
    padding: 32px;
    border-right: 1px solid var(--border);

}

.current-orders__item:hover .current-orders__item_top .current-orders__item-status,
.current-orders__item:hover .current-orders__item_top .current-orders__item_bottom {
    border-color: #CBCBCB;
}

.current-orders__item-status-title {
    font-size: 18px;
    line-height: 140%;
    color: var(--gray);
}

.current-orders__item-status-name {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;

}

.current-orders__item-status_items {
    margin-top: 24px;
    display: flex;

    width: 100%;
    align-items: start;
    flex-wrap: wrap;
    gap: 16px 60px;
}

.current-orders__item-status_item {
    font-size: 18px;
    line-height: 140%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.current-orders__item-status_item span {}

.current-orders__item-status_item span:first-child {
    color: var(--gray);
}

.status_order,
.status_delivery,
.status_pay {
    display: flex;
    align-items: center;
    gap: 8px;
}

.status_order.ok::after {
    content: 'Принят';
    color: var(--blue2);
}

.status_order.ok::before {
    width: 24px;
    height: 24px;
    display: block;
    flex-shrink: 0;
    content: '';
    background: url('/local/templates/main/styles/../img/icons/check_blue.svg') 50% / contain no-repeat;
}

.status_pay::after {
    content: 'Не оплачен';
    color: var(--red);
}

.status_pay.true::after {
    content: 'Оплачен';
    color: #4FAB53;
}

.status_pay::before {
    width: 24px;
    height: 24px;
    display: block;
    content: '';
    background: url('/local/templates/main/styles/../img/icons/close_red.svg') 50% / contain no-repeat;
}

.status_pay.true::before {
    background: url('/local/templates/main/styles/../img/icons/check_green.svg') 50% / contain no-repeat;
}

.status_delivery.await::after {
    content: 'Ожидает обработки';
    color: var(--blue2);
}

.status_delivery.await::before {
    width: 24px;
    height: 24px;
    content: '';
    display: block;
    background: url('/local/templates/main/styles/../img/icons/Clock.svg') 50% / contain no-repeat;
}

.current-orders__item_pay_btns {
    display: flex;
    gap: 16px;
    margin-top: 24px;
}

.current-orders__item_pay_btns .btn {
    height: 57px;
    padding: 8px 32px;
}

.current-orders__item_pay_btns .btn-primary {
    max-width: 229px;
    width: 100%;
}

.order_information__container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    display: none;
}

.order_information__container.open {
    display: flex;
}

.order_information__top {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.btn_close-page_order {
    cursor: pointer;
    color: var(--gray);
    font-size: 18px;
    line-height: 140%;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: .3s;

}

.btn_close-page_order:hover {}

.btn_close-page_order::before {
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_right_black.svg') 50% / contain no-repeat;
    filter: grayscale(1);
    opacity: 0.7;
    display: block;
    content: '';
    transition: .3s;
    transform: scale(-1, 1);
}

.btn_close-page_order:hover::before {
    filter: grayscale(0);
    opacity: 1;
}

.order_information__title {
    font-size: 40px;
    font-weight: 600;
    line-height: 140%;

}

.order_information__middle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.order_information {
    padding: 32px;
    border-radius: 16px;
    border: 1px solid var(--border);

    line-height: 140%;
}

.order_information-title {
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 24px;
}

.order_information-info {
    display: grid;
    grid-template-columns: 1fr;
}

.order_information-info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.order_information-info-item span {
    font-size: 18px;
}

.order_information-info-item span:first-child {
    color: var(--gray);
}

.order_information_products-container {
    margin-top: 28px;
}

.order_information_products-title {
    font-weight: 600;

    font-size: 40px;
    line-height: 110%;
    margin-bottom: 32px;
}

.order_information_products {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.current-orders__item:hover .order_history_status {
    color: var(--white);
}

.order_history__container {
    display: none;
}

.order_history__container.open {
    display: block;
}

.selected_products__container {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.selected_products__container.open {
    display: grid;
}

.personal_data__user {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.personal_data__user .form__label {
    margin: 0;
}

.personal_data_user-title {
    font-weight: 700;
    font-size: 18px;

    line-height: 140%;
    margin-top: 40px;
    margin-bottom: 16px;
}

.btn_change_data {
    height: 57px;
    padding: 8px 64px;
    width: fit-content;
    margin-top: 40px;
    border: none;
}

.personal_data {
    display: none;
}

.personal_data.open {
    display: block;
}

.personal_bonus {
    display: none;
}

.personal_bonus.open {
    display: block;
}

.personal_bonus__card {
    color: var(--white);

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 491px;
    height: 297px;
    border-radius: 16px;
    padding: 24px;
    background: linear-gradient(90deg, #163E71 0%, rgba(22, 62, 113, 0) 100%),
        url('/local/templates/main/styles/../img/patern_bonus-card.png') 50% / cover no-repeat;
}

.personal_bonus_card__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 8px;
}

.personal_bonus_card__stat {
    color: #FFFFFF99;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 130%;
}

.personal_bonus_card__count {
    font-weight: 600;
    font-size: 52px;
    line-height: 100%;
}

.personal_bonus__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 80px;
}

.personal_bonus__hint {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
}

.personal_bonus__hint_text {
    font-size: 18px;
    line-height: 140%;
}

.personal_bonus__top {
    display: grid;
    grid-template-columns: 491px auto;
    gap: 32px;
}

.personal_bonus__history-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;

    margin-bottom: 27px;
}

.personal_bonus__history__item {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 17px 0;

    border-bottom: 1px solid var(--border);
    font-size: 18px;
    line-height: 140%;
    display: none;

}

.personal_bonus__history__item.visible {
    display: flex;
}

.personal_bonus__history__item:first-child {
    border-top: 1px solid var(--border);
}

.personal_bonus__history__wrapper {
    display: grid;
    grid-template-columns: 1fr;
}

.personal_bonus__history__item_date {
    color: var(--gray1);
}

.personal_bonus__history__item_title {
    flex-grow: 2;
}

.personal_bonus__history__item_count {
    font-weight: 700;
    color: var(--blue2);
}

.personal_bonus__history__item_count.minus {
    color: var(--red);
}

.btn_more_history_bonus {
    margin-top: 24px;
    width: fit-content;
}

.btn_more_history_bonus::after {
    width: 24px;
    height: 24px;
    content: '';
    display: block;
    transition: .3s;
    background: url('/local/templates/main/styles/../img/icons/arrow_line_bottom.svg') 50% / contain no-repeat;
}

.btn_more_history_bonus:hover::after {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_bottom_white.svg') 50% / contain no-repeat;

}

.btn_more_history_bonus.active::after {
    transform: rotate(180deg);
}

.personal_bonus__information_container {
    margin-top: 120px;
}

.personal_bonus__information-title {
    font-size: 40px;
    line-height: 110%;

    font-weight: 600;
    margin-bottom: 32px;
}

.personal_bonus__information {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 44px 32px;
    font-size: 18px;

    line-height: 140%;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--border);
}

.personal_bonus__information p {
    grid-column: 1;

}

.personal_bonus__information a {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    display: block;
    margin-top: 11px;
    transition: .3s;
}

.personal_bonus__information a:hover {
    color: var(--red);
}

.personal_bonus__information ul {
    grid-row: 1 / 3;
    grid-column: 2;
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    gap: 16px;

}

.personal_bonus__precent_container {
    margin-top: 40px;

}

.personal_bonus__precent-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 24px;

}

.personal_bonus__precent__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.personal_bonus__precent__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    padding: 24px;
    border-radius: 16px;
    background-color: var(--bacground);
    font-size: 18px;
}

.personal_bonus__precent__item span:last-child {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    color: var(--blue2);
}

/* account end */

/* about_company start*/

.section_hero {
    padding: 40px 16px 60px;

    height: 938px;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
}

.section_hero_bg {
    position: absolute;
    border-radius: 20px;
    top: 0;
    right: 16px;
    bottom: 0;
    left: 16px;
    overflow: hidden;
    z-index: -1;
}

.section_hero_bg::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #001530 0%, rgba(0, 21, 48, 0) 40%, rgba(0, 21, 48, 0) 60%, #001530 100%);
    z-index: 0;
}

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

.section_hero_content {
    position: relative;
    z-index: 1;
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.section_hero_content .btn-secondary {
    color: var(--white);
}

.section_hero .bread-crumbs__list li a {
    color: var(--white);
}

.section_hero .bread-crumbs__list li::before {
    background-color: var(--white);
}

.section_hero .bread-crumbs__list li:last-child a {
    opacity: 0.5;
}

.section_hero .bread-crumbs__list {
    margin-bottom: 60px;
}

.hero_icon {
    mix-blend-mode: difference;
}

.hero_icon_bear {
    width: 50px;
    height: 43px;
    top: 40px;
    left: 40px;
    position: absolute;
    z-index: 1;
    background: url('/local/templates/main/styles/../img/icons/mishka.svg') 50% / contain no-repeat;
}

.hero_icon_fish {
    width: 51px;
    height: 51px;
    top: 40px;
    right: 40px;
    position: absolute;
    z-index: 1;
    background: url('/local/templates/main/styles/../img/icons/ryba.svg') 50% / contain no-repeat;
}

.hero_icon_sun {
    width: 42px;
    height: 43px;
    bottom: 40px;
    left: 40px;
    position: absolute;
    z-index: 1;
    background: url('/local/templates/main/styles/../img/icons/solnce.svg') 50% / contain no-repeat;
}

.hero_icon_mount {
    width: 51px;
    height: 41px;
    bottom: 40px;
    right: 40px;
    position: absolute;
    z-index: 1;
    background: url('/local/templates/main/styles/../img/icons/volcan.svg') 50% / contain no-repeat;
}

.section_hero__title {
    font-size: 160px;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
}

.section_hero__top_info {
    width: fit-content;
    margin: 0 auto;
}

.section_hero__top_info .btn {
    width: fit-content;
    margin-top: 16px;
    margin-left: auto;
}

.section_hero__text {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    color: var(--white);
    max-width: 890px;
    margin-left: auto;
}

.section_hero__text span {
    color: #FFFFFF66;

}

.btn_video::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/play.svg') 50% / contain no-repeat;
}

.section_blue {
    margin: 0 16px;
    margin-top: 40px;
    margin-bottom: 60px;
    border-radius: 16px;
    padding: 80px 0;
    background-color: var(--blue);
    position: relative;
    overflow: hidden;
}

.section_blue_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 841px;
    bottom: 0;
    pointer-events: none;
    background: url('/local/templates/main/styles/../img/image_bg_blue.png') 50% / cover no-repeat;
    z-index: 0;

}

.section_blue__content {
    max-width: 1728px;
    margin: 0 auto;
    color: var(--white);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 181px;
    padding: 0 24px;

}

.section_blue__text {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1000px;
}

.section_blue__text h2 {
    font-weight: 600;
    font-size: 44px;
    line-height: 100%;
}

.section_blue__text p {
    font-size: 24px;
    line-height: 140%;
}

.section_right__text {
    max-width: 750px;
    font-size: 18px;
    margin-left: auto;
    margin-top: 80px;
    margin-bottom: 40px;
    line-height: 140%;
}

.advantages__item {
    width: 100%;
    max-width: 282px;
    aspect-ratio: 1/1;
    position: relative;
    display: flex;
    padding: 16px;
    border-radius: 100%;
    margin: 0 auto;
}

.advantages__item::before {
    position: absolute;
    content: '';
    width: 50%;
    height: 50%;
    border-radius: 100%;
    border: 1px dashed #9A9A9A;
    transform: scale(2) translate(-25%, -25%);
    top: 50%;
    left: 50%;
}

.advantages__item_content {
    width: 100%;
    /* height: 100%; */
    background-color: var(--red);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantages__item_content img {
    width: 60%;
    aspect-ratio: 1 / 1;
}

.advantages__item_quality {
    max-width: 98px;
}

.advantages__item_love {
    max-width: 116px;
}

.advantages__item_discount {
    max-width: 128px;
}

.advantages__item_car {
    max-width: 134px;
}

.advantages__item_check {
    max-width: 124px;
}

.advantages__items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
}

.advantages__items__title {
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 140%;
    font-weight: 600;
}

.advantages__item_title {
    margin-top: 32px;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    text-align: center;
    word-break: break-word;
}

.divisions_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    margin-top: 77px;
}

.divisions__item {
    border-radius: 16px;
    width: 100%;
    aspect-ratio: 1/1;
    background-color: #E85F3A;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 40px;
    overflow: hidden;
}

.divisions__item:hover img {
    transform: scale(1.1);
}

.divisions__item:last-child {
    background-color: var(--blue2);
}

.divisions__item img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s;
}

.divisions__item_num {
    font-size: 20px;
    color: #FFFFFF99;

    position: relative;

}

.divisions__item_title {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    color: var(--white);
    position: relative;
}

/* about_company end*/

/* production start*/
.advant_prod__item {
    aspect-ratio: 1 / 1;
    width: 100%;
    position: relative;
    border-radius: 16px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--border);

    display: flex;
    align-items: end;
}

.advant_prod__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advant_prod__item_title {
    position: relative;
    font-weight: 600;
    font-size: 23px;
    line-height: 140%;
}

.advant_prod__items {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 32px;
}

.production__items {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 32px;
}

.production__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;

}

.production__item_img {
    width: 100%;
    padding: 26px;
    aspect-ratio: 1 / 1;
    position: relative;
    border-radius: 100%;

}

.production__item_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.production__item_img::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 25%;
    height: 25%;
    transform: scale(4) translate(-12.5%, -12.5%);
    left: 50%;
    border-radius: 100%;
    border: 1px dashed var(--border);
}

.production__item__title {
    text-align: center;
}

.production__item__options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.production__item__text {
    margin-top: 16px;
    text-align: center;
}

.production__item__option {
    line-height: 130%;
    padding: 8px 12px;
    border-radius: 24px;


}

.color_blue .production__item__option {
    background-color: #C6D1ED;
}

.color_green .production__item__option {
    background-color: #D0E3D2;
}

.color_pink .production__item__option {
    background-color: #F4CBCB;
}

.section_form_price__content {
    padding: 40px;
    border-radius: 16px;
    background: #C6D1ED;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;

}

.section_form_price__content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 956px;
    max-width: 80%;
    background: url('/local/templates/main/styles/../img/pattern_form.png') 50% / contain no-repeat;
}

.section_form_price__content::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(90deg, #C6D1ED 0%, rgba(198, 209, 237, 0) 100%);

}

.section_form_price .section__title span {
    color: var(--blue);
}

.section_form_price__info p {
    font-size: 18px;
    line-height: 140%;

}

.section_form_price__info {
    display: flex;
    position: relative;
    max-width: 431px;
    flex-direction: column;
    gap: 23px;
    z-index: 1;
    justify-content: space-between;
}

.section_form_price__form {
    display: grid;
    z-index: 1;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    max-width: 844px;
    flex-grow: 2;
}

.section_form_price__form .form__label {
    margin: 0;
}

.section_form_price__form button {
    margin: 0;
    max-width: none;
    height: 57px;
}

/* production end*/

/* foodmall start */

.foodmall__container {
    margin-top: 60px;
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.foodmall__img {
    border-radius: 16px;
    max-width: 621px;
    width: 100%;
    height: 372px;
    object-fit: cover;
}

.foodmall__container p {
    font-size: 18px;
    line-height: 140%;
    max-width: 752px;
}

.section_menu__hint {
    font-size: 18px;
    color: var(--gray1);
    line-height: 140%;
    max-width: 751px;
}

.foodmall_menu__items {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.foodmall_menu__item_wrapper {
    padding: 16px;
    width: 100%;
    position: relative;
}

.foodmall_menu__item_wrapper::before {
    top: 50%;
    content: '';
    position: absolute;
    width: 25%;
    height: 25%;
    transform: scale(4) translate(-12.5%, -12.5%);
    left: 50%;
    border-bottom: 1px dashed var(--border);
    border-radius: 45px;
    pointer-events: none;
}

.foodmall_menu__item {
    width: 100%;
    height: 100%;
    padding: 16px 15px 40px;
    border-radius: 160px;
    background-color: var(--bacground);
    text-align: center;
}

.foodmall_menu__item.bg_green {
    background-color: #D0E3D2;
}

.foodmall_menu__item.bg_blue {
    background-color: #C6D1ED;
}

.foodmall_menu__item.bg_pink {
    background-color: #F4CBCB;
}

.foodmall_menu__item_img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.foodmall_menu__item_title {
    font-weight: 600;
    font-size: 24px;
    margin-top: 17px;
    line-height: 140%;

}

.foodmall_menu__item_text {
    font-size: 18px;
    margin-top: 8px;
    line-height: 140%;
}

.foodmall_menu__item_price {
    font-weight: 700;
    font-size: 18px;
    padding: 8px 16px;
    border-radius: 24px;
    background-color: var(--white);
    line-height: 140%;

    width: fit-content;
    margin: 0 auto;
    margin-top: 24px;
}

.foodmall_menu_list__row {
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.foodmall_menu_list {
    display: grid;
    grid-template-columns: auto auto;
    gap: 25px;
    margin-top: 98px;
}

.foodmall_menu_list__item_title {
    font-weight: 400;
    font-family: 'Neucha';
    font-size: 60px;
    line-height: 100%;

}

.foodmall_menu_list__item_top {
    padding-bottom: 10px;
    position: relative;
    padding-right: 80px;
}

.foodmall_menu_list__item_top::after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    width: 25%;
    height: 25%;
    z-index: -1;
    border-bottom: 1px dashed var(--gray);
    transform: scale(4) translate(-12.5%, -12.5%);
}

.foodmall_menu_list__item_top::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.foodmall_menu_list__item_top.icon_krab::before {
    width: 80px;
    height: 79px;
    background: url('/local/templates/main/styles/../img/foodmall/krab.png') 50% / contain no-repeat;
}

.foodmall_menu_list__item_top.icon_desert::before {
    width: 64px;
    height: 59px;
    background: url('/local/templates/main/styles/../img/foodmall/gimolost.png') 50% / contain no-repeat;
}

.foodmall_menu_list__item_top.icon_drink::before {
    width: 49px;
    height: 63px;
    background: url('/local/templates/main/styles/../img/foodmall/les.png') 50% / contain no-repeat;
}

.foodmall_menu_list__item_top.icon_salat::before {
    width: 52px;
    height: 63px;
    background: url('/local/templates/main/styles/../img/foodmall/paporotnik.png') 50% / contain no-repeat;
}

.foodmall_menu_list__item_top.icon_lepesh::before {
    width: 68px;
    height: 58px;
    background: url('/local/templates/main/styles/../img/foodmall/shipovnik.png') 50% / contain no-repeat;
}

.foodmall_menu_list__item_top.icon_dop::before {
    width: 56px;
    height: 52px;
    background: url('/local/templates/main/styles/../img/foodmall/krevetka.png') 50% / contain no-repeat;
}

.foodmall_menu_list__bottom {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.foodmall_menu_list__line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    line-height: 140%;
}

.foodmall_menu_list__price {
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 24px;
    border: 1px solid var(--border);
    flex-shrink: 0;
}

.foodmall_menu_list__line_option {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.foodmall_menu_list__line-hint {
    color: var(--gray1);
}

.foodmall_map__time_items {
    display: flex;
    gap: 60px;
    margin-top: 60px;
    flex-wrap: wrap;

}

.foodmall_map__time_item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 18px;
    line-height: 140%;
    position: relative;
    padding-left: 32px;
}

.foodmall_map__time_item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/clock_black.svg') 50% / contain no-repeat;
}

.section_foodmall_map_content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 60px;
}

.section_foodmall_map_content .section__title {
    max-width: 506px;
    color: var(--red);
    margin-bottom: 8px;
}

.foodmall_map__time_item span:last-child {
    font-weight: 700;
    color: var(--red);
}

.foodmall_map__container-map {
    max-width: 883px;
    width: 100%;
    height: 548px;
    overflow: hidden;
    border-radius: 16px;
}

.foodmall_map__container-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section__title_text {
    font-size: 18px;
}

/* foodmall end */

/* politics start */
.politics__content {
    max-width: 1013px;
}

.politics__list {
    max-width: 883px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 1.5em;
    margin-top: 40px;
    font-size: 18px;
    line-height: 140%;
}

/* politics end */

/* brands start */

.brands_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.brands__item {
    width: 100%;
    aspect-ratio: 1 /1;
    border-radius: 100%;
    display: block;

    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 27% 21%;
    overflow: hidden;
}

.brands__item:hover {
    border: 1px solid #CBCBCB;
}

.brands__item:hover img {
    transform: scale(1.1);
}

.brands__item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform .5s ease;
}

@supports (-webkit-touch-callout: none) {
    .brands__item img {
        -webkit-object-fit: contain;
    }
}

/* brands end */


/* recipes start */
.recipes__content_hero {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    background-color: var(--bacground);
    border-radius: 16px;
    overflow: hidden;
}

.recipes__content_hero__info {
    padding: 40px;
    max-width: 531px;
    width: 100%;
    flex-shrink: 0;
}

.reciep__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
}

.recipe__time {
    padding: 8px 16px;
    background-color: var(--white);
    border-radius: 40px;
    opacity: .8;
    width: fit-content;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.recipe__time::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/clock_black.svg') 50% / contain no-repeat;
    flex-shrink: 0;
}

.section_recipes p {
    font-size: 18px;
    line-height: 140%;
}

.recipes_hero__text {
    margin-top: 57px;
}

.recipes__content_hero__info .btn {
    margin-top: 56px;
}

.recipes__content_hero__img {
    width: 100%;
    padding-left: 125px;
    position: relative;
    max-width: 851px;
}

.recipes__content_hero__img::after {
    content: '';
    position: absolute;
    width: 976px;

    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: #94ACE8;
    top: calc(50% - 976px /2);
    left: 0;
}

.recipes__content_hero__img img {
    position: relative;
    z-index: 1;
    object-fit: cover;
    object-position: left;
    width: 100%;
    height: 100%;
}

.recipes__catalog {
    margin-top: 40px;
}

.recipes__catalog .catalog__top {
    margin: 0;
    gap: 32px;
    flex-wrap: wrap;
}

.recipes__catalog .catalog__btn_filters {
    display: flex;
    gap: 16px;
    justify-content: start;
}

.catalog_filter__title {
    margin-bottom: 16px;
}

.catalog_filter__title {
    font-size: 18px;
    font-weight: 700;
}

.recipe_catalog__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.recipe_catalog__content {
    margin-top: 40px;
}

.recipes__catalog .catalog__bottom {
    margin-top: 80px;
}

.card_recipe {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card_recipe__img {
    width: 100%;
    aspect-ratio: 2/1.1305;
    overflow: hidden;
    border-radius: 16px;
}

.card_recipe__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.card_recipe__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.card_recipe__stat {
    display: flex;
    align-items: center;
    gap: 32px;
    font-size: 18px;
    line-height: 140%;
}

.card_recipe__stat span {
    color: var(--gray1);
}

.card_recipe__stat_time {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
}

.card_recipe__stat_time::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/clock_black.svg') 50% / contain no-repeat;
}

.card_recipe__title {
    font-weight: 600;
    line-height: 110%;
    color: var(--black);
    font-size: 40px;
    transition: color .3s;
}

.card_recipe:hover .card_recipe__img img {
    transform: scale(1.1);
}

.card_recipe:hover .card_recipe__title {
    color: var(--blue2);
}

.recipe_single__hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.recipe_single__hero img {
    border-radius: 16px;
    width: 100%;
    height: 497px;
    object-fit: cover;
}

.recipe_single__hero_info {
    padding: 40px;
    border-radius: 16px;
    border: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}

.recipe__single-date {
    font-size: 18px;
    line-height: 140%;
    color: var(--gray1);
    margin-bottom: 24px;
}

.recipe_single__hero_info p {
    font-size: 18px;

}

.recipe__single-stats {
    display: flex;
    gap: 16px;
    margin-top: 24px;
    align-items: center;
}

.recipe__single-time {
    font-size: 16px;
    padding: 8px 16px;
    color: var(--white);
    background-color: var(--blue2);
    opacity: .8;
    border-radius: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.recipe__single-time::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/clock_white.svg') 50% / contain no-repeat;
}

.share-link {
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 16px;
    position: relative;
}

.share-link:hover {
    background-color: var(--white);
    color: var(--black);
    border-color: #CBCBCB;
}

.share-link::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url('/local/templates/main/styles/../img/icons/link.svg') 50% / contain no-repeat;
}

.share-link:hover .share-link__hidden {
    display: block;
}

.share-link__hidden {
    position: absolute;
    top: 100%;
    padding-top: 10px;
    left: 0;
    display: none;
}

.share-link__content {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0px 0px 27px 0px #5A5A5A26;
    background: #FFFFFF;
    gap: 12px;
    width: 191px;
    font-size: 16px;
}

.share-link__content a {
    display: flex;
    gap: 12px;
}

.share-link__content a:hover {
    color: var(--blue2);
}

.share-link__content a::before {
    width: 23px;
    height: 20px;
    content: '';
    display: block;
}

.share-link__content a.vk::before {
    background: url('/local/templates/main/styles/../img/icons/vk.svg') 50% / contain no-repeat;
}

.share-link__content a.tg::before {
    background: url('/local/templates/main/styles/../img/icons/tg.svg') 50% / contain no-repeat;

}

.cooking_procedure__title {
    margin-top: 60px;
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
}

.cooking_procedure__container {
    margin-top: 24px;
    display: grid;
    grid-template-columns: auto 491px;
    gap: 60px 32px;
}

.cooking_steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cooking_steps_item {
    padding: 32px;
    border-radius: 16px;
    border: 1px solid var(--border);
    gap: 32px;
    display: flex;
    font-size: 18px;


}

.cooking_steps_item__step {
    flex-shrink: 0;
    height: 57px;
    border-radius: 40px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--white);
    background: var(--red);
}

.cooking_steps_item__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cooking_ingredients {
    padding: 32px;
    border-radius: 16px;
    background-color: var(--bacground);
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: fit-content;
    font-size: 18px;
}

.cooking_ingredients__item__options {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

.cooking_ingredients__item__option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-top: 1px dashed var(--gray1);

}

.cooking_ingredients__item__option:last-child {
    border-bottom: 1px dashed var(--gray1);
}

.cooking_ingredients__title {
    font-weight: 600;
    font-size: 24px;
}

.cooking_ingredients__item_title {
    font-weight: 600;
}

.cooking_products__container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cooking_products__item {
    padding: 16px 0;
    border-top: 1px dashed var(--border);
    width: 100%;
    max-width: none;
}

.cooking_products__item:last-child {
    border-bottom: 1px dashed var(--border);
}

.cooking_products__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 60px;
}

.cooking_products__item img {
    border-radius: 16px;
    width: 133px;
    height: 133px;
    object-fit: cover;
}

.cooking_products__item__desc {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 18px;
    max-width: 290px;
}

.cooking_products__item__btns {
    display: flex;
    gap: 43px;

    flex-grow: 2;
    justify-content: end;
    align-items: center;
    flex-shrink: 0;
}

.cooking_products__item .card-product__btn-group,
.cooking_products__item .btn-primary {
    max-width: 175px;
    width: 100%;
}

.card-product__btn-group .btn {
    padding: 0 32px;
}

.cooking_products__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    margin-bottom: 40px;
}

.cooking_products,
.cooking_steps {
    grid-column: 1;
}

.cooking_ingredients {
    grid-column: 2;
    grid-row: 1 / 3;
}

.cooking_products__item__desc span:last-child {
    color: var(--gray1);
}

/* recipes end */

/* news start */
.news_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin-top: 40px;
}

.section_news_single__container {
    max-width: 1056px;
    padding: 0 16px;
    margin: 0 auto;
}

.news_single__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
}

.news_single__top .news_item__data {
    margin-top: 0;
}

.news_single__top .share-link {
    height: 46px;
}

.news_single__content {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.news_single__content img {
    border-radius: 16px;
    width: 100%;
}

.news_single__content h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
}

.news_single__content ul {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    gap: 16px;
}

.news_single__content p {
    font-size: 18px;
    line-height: 140%;
}

.products__container {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

/* news end */

/* gallery */
.gallery-container {
    position: relative;
    padding-bottom: 109px;
}

.gallery-swiper {
    width: 100%;
    height: 797px;
    position: relative;
}

.gallery-swiper .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slide-img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
    display: block;
}

.thumbs-swiper {
    width: 100%;
}

.thumbs-swiper .swiper-slide {
    cursor: pointer;
    transition: opacity 0.3s;
    position: relative;
    width: 131px;
    height: 93px;
    border-radius: 16px;
    overflow: hidden;
}

.thumbs-swiper .swiper-slide:hover {
    opacity: 0.8;
}

.thumbs-swiper .swiper-slide-thumb-active:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #00000033;

}

.thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
}

.gallery-swiper__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 140px;
    bottom: 0;
    left: 16px;
    right: 16px;
    position: absolute;

}

/* gallery end */
/* contacts start */
.contacts__container {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.contacts__item {
    padding: 32px;
    border-radius: 16px;
    border: 1px solid var(--border);
}

.contacts__item_title {
    font-size: 18px;
    color: var(--blue2);
    margin-bottom: 8px;
}

.contacts__item_adress {
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -2px;
}

.contacts__item__links {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 36px;
    max-width: 600px;
}

.contacts__item__link {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contacts__item__link a {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
}

.contacts__item__link a:hover {
    color: var(--blue2);
}

.contacts__item__link span {
    font-size: 18px;
    color: var(--gray);
}

.contacts__item__map {
    width: 100%;
    height: 404px;
    border-radius: 16px;
    overflow: hidden;
}

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

.section_requisites__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    padding-top: 16px;
    border-top: 1px dashed #9A9A9A;
}

.requisites__title {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
}

.requisites__info {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.requisites__info_items {
    display: flex;
    gap: 32px;
}

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

.requisites__info_item span:first-child {
    color: var(--gray1);
}

/* contacts end */
/* jobs start */
.jobs_items__wrapper {
    margin-top: 60px;
    padding-top: 24px;
    border-top: 1px solid #E2E2E2;
    display: grid;
    grid-template-columns: 360px auto;
    gap: 32px;
}

.jobs_items__wrapper_info {
    display: flex;
    flex-direction: column;
    gap: 8px;

}

.jobs_items__wrapper_info p {
    font-size: 18px;
    color: var(--gray);
}

.jobs_items__wrapper_title {
    font-weight: 600;
    font-size: 24px;
}

.jobs__item__top {
    display: flex;
    align-items: center;
    padding: 16px 16px 16px 32px;
    gap: 32px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
    cursor: pointer;
    transition: border .3s;
    position: relative;
}

.jobs__item__top:hover+.jobs__item__hidden,
.jobs__item__top:hover {
    border-color: #CBCBCB;
}

.btn_jobs_more {
    padding: 0;
    width: 66px;
    height: 66px;
    margin-left: auto;
    transition: all .3s;
}

.jobs__item__hidden {
    padding: 32px;
    display: none;
    border: 1px solid #E2E2E2;
    border-top: 0;
    border-radius: 0 0 16px 16px;

    flex-direction: column;
    gap: 32px;
}

.jobs__item__hidden__item-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
    display: block;
}

.jobs__item__hidden ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 18px;
}

.jobs__item.open .jobs__item__top {
    border-radius: 16px 16px 0 0;
}

.jobs__item.open .jobs__item__hidden {
    display: flex;
}

.jobs__item.open .btn_jobs_more {
    transform: rotate(180deg);
    background-color: var(--red);
    border: none;
}

.jobs__item.open .btn_jobs_more::after {
    background: url('/local/templates/main/styles/../img/icons/arrow_line_bottom_white.svg') 50% / contain no-repeat;
}

.jobs__item.open .btn_jobs_more:hover {
    background-color: var(--red-hover);
}

.jobs__item__title {
    font-weight: 600;
    font-size: 24px;
}

.jobs__item__salary {
    padding: 16px 20px;
    border: 1px solid #E2E2E2;
    border-radius: 32px;
    font-weight: 700;
    font-size: 18px;
    color: var(--blue2);
}

.jobs__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

/* jobs end */
/* bonus start */
.bonus__content {
    display: grid;
    grid-template-columns: 621px auto;
    gap: 32px;
    margin-top: 60px;
}

.bonus__content img {
    width: 100%;
    height: 545px;
    object-fit: contain;
}

.bonus_info {
    display: flex;
    flex-direction: column;
    gap: 60px;
    font-size: 18px;
    max-width: 752px;
}

.bonus_info__text {
    display: flex;
    flex-direction: column;
    gap: 40px;
    line-height: 140%;
}

.bonus_info__text a {
    display: block;
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    transition: color .2s;
    margin-top: 11px;

}

.bonus_info__text a:hover {
    color: var(--blue2);
}

.bonus_info__text ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section_bonus__content .personal_bonus__precent-title {
    max-width: 752px;
    font-size: 40px;
    line-height: 110%;
    margin-top: 100px;
    margin-bottom: 40px;
}

/* bonus end */
/* delivery start */
.delivery_page__content_top {
    margin-top: 40px;
    position: relative;
    padding: 40px;
    border-radius: 16px;
    overflow: auto;
    color: var(--white);
    background-color: #001530;

    display: flex;
    flex-direction: column;
    gap: 16px;


}

.delivery_page__content_top>* {
    position: relative;
    z-index: 1;
}

.delivery_page__content_top::after {
    background: linear-gradient(90deg, #001530 40%, rgba(0, 21, 48, 0) 100%);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;

    left: 0;
}

.delivery_page__content_top::before {
    background: url('/local/templates/main/styles/../img/pattern_dilev.png') 50% / cover;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 60%;
}

.delivery_page__content_top span:first-child {
    font-size: 24px;
    line-height: 140%;
    opacity: 0.5;
}

.delivery_page__content_top__title {
    font-size: 52px;
    line-height: 100%;
}

.methods_title {
    margin-top: 60px;
    font-size: 40px;
    font-weight: 600;
    line-height: 110%;
}

.methods_container {
    margin-top: 34px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 120px;
}
.methods_container:last-child {
    margin-bottom:60px;
}
.method_map {
    grid-column: 1 / 3;
}

.method {
    padding: 32px;
    border-radius: 16px;
    border: 1px solid var(--border);
    position: relative;
}

.method__hint {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 16px;
    color: var(--gray1);
    max-width: 459px;
}

.method__top {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.method__top span:first-child {
    margin-right: 24px;
    color: var(--border);
}

.method__top span.red-text {
    color: var(--red);
}
.method_map .method__text {
 max-width: 502px;
}
.method__text {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -0.6px;
    margin-top: 12px;
}

.method__map_container {
    margin-top: 31px;
    display: grid;
    grid-template-columns: 589px auto;
    gap: 32px;
}

.method__map {
    height: 423px;
    border-radius: 16px;
    overflow: hidden;
}

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

.method__map_zone {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.method__map_zone__item {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    border: 1px solid var(--border);
    border-radius: 40px;
}

.method__map_zone__item span {
    font-size: 18px;
    padding: 10px 16px;
    border-radius: 40px;
    border-right: 1px solid var(--border);
    letter-spacing: -0.8px;
}

.method__map_zone__item span:last-child {
    border-right: 0;
    border-left: 1px solid var(--border);
}
.method__text a {
    text-decoration: underline;
    color: var(--red);
}
.method__text a:hover {
    color: var(--blue2);
}
.pay_methods_img {
    margin-left: 24px;
    width: 192px;
    height: 23px;
    background: url('/local/templates/main/styles/../img/pay_methods.png') 50% / contain no-repeat;
}
.payment_terms_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}
.payment_term {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 30px;
}
.payment_term ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.payment_terms__title {
    font-weight: 600;font-size: 24px;
    margin-bottom: 16px;
    line-height: 140%;
}
.payment_terms_container.pay_advice {
    padding-top: 32px;
    border-top: 1px dashed var(--border);
}
/* delivery end */





















@media (max-width: 1920px) {
    .home_swiper-container {
        max-width: 1520px;
        padding: 0 16px;
        width: 100%;
        margin: 0 auto;
    }

    .home_swiper-container .swiper-slide {
        max-width: 360px;
    }

    .home__card-title {
        font-size: 40px;
    }
}

@media (max-width:1800px) {
    .hero_icon_bear {
        display: none;
    }
}

@media (max-width:1537px) {
    .section_form_price__content {
        margin-left: 16px;
        margin-right: 16px;
        width: calc(100% - 32px);
    }
}

@media (max-width:1510px) {
    .nav_item-hidden[data-hidden='1'] {
        display: none;
    }

    .dropdown__nav_item_hidden[data-hidden='1'] {
        display: block;
    }

    .section_hero__title {
        font-size: 120px;
    }

    .section_hero {
        padding: 16px;
        height: 708px;
    }

    .hero_icon {
        display: none;
    }

    .section_hero__text {
        font-size: 32px;
    }

    .section_blue__content {
        gap: 90px;
    }

    .section_blue_bg {
        width: 700px;
    }

    .advantages__items {
        grid-template-columns: repeat(4, 1fr);
    }

    .advant_prod__items {
        grid-template-columns: repeat(4, 1fr);
        gap: 32px;
    }
}

@media (max-width:1450px) {
    .footer_nav {
        margin-right: 30px;
    }

    .card-product_page_swiper-container {
        height: 340px;

    }

    .card-product_page_swiper-container .swiper-slide {
        height: 73px;
        width: 73px;
    }

    .product_card__media__wrapper {
        height: fit-content;
    }

    .card_product_page__img_wrapper {
        grid-template-columns: 73px 380px;
        gap: 24px;

    }

    .video_icon {
        width: 40px;
        height: 40px;
    }

    .video_icon::after {
        width: 20px;
        height: 20px;
    }

    .foodmall_menu_list {
        grid-template-columns: 1fr 1fr;
    }

    .foodmall_menu_list__item_top::before {
        top: auto;
        bottom: 10px;
    }
}

@media (max-width: 1410px) {
    .section_team__content {
        gap: 16px;
    }

    .img_team {
        height: 420px;
    }

    .team-info_wrapper {
        height: 420px;
        padding: 32px;
    }

    .team-info__img {
        width: 173px;
    }

    .team-info_title {
        font-size: 40px;
    }

    .team-info__text {
        font-size: 16px;
    }

    .team-info__info {
        gap: 32px;
    }

    .divisions__item {
        padding: 24px;
    }
}

@media (max-width:1390px) {
    .btn_catalog {
        padding: 16px;
    }

    .btn_catalog span {
        display: none;
    }


}

@media (max-width:1370px) {
    .order__tabs {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .order_page__grid .basket_page__promo_container {
        grid-row: 2 / 4;
        grid-column: 2;
        height: 100%;
    }
}

@media (max-width:1322px) {
    .nav_item-hidden[data-hidden='2'] {
        display: none;
    }

    .dropdown__nav_item_hidden[data-hidden='2'] {
        display: block;
    }
}

@media (max-width:1270px) {
    .footer__content {
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto auto;
        gap: 24px;
    }

    .footer_nav {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    .footer_achiev {
        grid-row: -1;
        grid-column: 1 / 3;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        max-width: 343px;
        width: 100%;
        height: 86px;
        padding: 10px 12px;
    }

    .footer_achiev img {
        flex-shrink: 0;
        height: 100%;
        object-fit: contain;
    }

    .footer_achiev span {
        max-width: 155px;
        line-height: 130%;
        font-size: 14px;
    }

    .footer_restaurant {
        grid-column: 1;
        grid-row: 5;
    }

    .footer_contacts {
        grid-column: 1;
        grid-row: 3 / 5;
    }

    .footer__pay {
        grid-column: 2;
        grid-row: 3/6;
        margin: 0;
        align-self: end;
    }

    .footer_socials {
        grid-column: 2;
        grid-row: 4;
        align-self: end;
    }

    .card-product.cooking_products__item {
        gap: 16px;
    }
}

@media (max-width:1245px) {
    .acc-tabs-desktop {
        gap: 8px;
    }

}

@media (max-width:1220px) {
    html {
        font-size: 14px;
    }

    h3 {
        font-size: 16px;
    }

    .header__social-links {
        display: none;
    }

    .basket__content_wrapper {
        display: none;
    }

    .search-wrapper {
        position: fixed;
        top: 16px;
        right: 16px;
        left: 16px;
        z-index: 2;
        opacity: 0;
        pointer-events: none;
    }

    .btn_search {
        display: flex;
    }

    .search-wrapper::before {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        backdrop-filter: blur(0px);
        z-index: -1;
        transition: .2s;
    }

    .search-wrapper.open {
        opacity: 1;
        pointer-events: all;
    }

    .search-wrapper.open::before {
        z-index: -1;
        backdrop-filter: blur(5px);

    }

    .search-content {
        right: 0;
    }

    .search-content__title {
        font-size: 16px;
    }

    .btn-busket.mobile_hidden,
    .header .btn_account_auth.mobile_hidden,
    .btn_account.mobile_hidden,
    .btn_catalog.mobile_hidden,
    .header__tel,
    .header__nav_bottom,
    .search-content__advice {
        display: none;
    }

    .btn-busket_mobile_visible {
        display: flex;
    }

    .header__nav_top {
        justify-content: end;
    }

    .header-logo_wrapper {
        width: 65px;
        height: 48px;
    }

    .header {
        padding: 12px 0;
        border-radius: 0 0 16px 16px;
    }

    .btn.btn_header {
        height: 40px;
        width: 40px;
        min-width: 40px;
        padding: 0;
    }

    .btn_header_img {
        width: 16px;
        height: 16px;
    }

    .header__nav {
        justify-content: center;
    }

    .count-busket {
        top: -6px;
        right: -2px;
        font-size: 12px;
        width: 18px;
        height: 18px;
    }

    .search-content {
        min-width: auto;
    }

    .btn-menu {
        display: flex;
    }

    .footer {
        background-color: var(--black);
        margin-top: 60px;
        overflow: hidden;
    }

    .footer__top-line {
        height: 54px;
    }

    @keyframes moveLine {
        from {
            background-position: 0 0;
        }

        to {
            background-position: -196.56px 0;

        }
    }

    .footer__logo-wrapper {
        width: 95px;
        height: 70px;
    }

    .footer_nav__list-item,
    .footer_title,
    .footer_nav__list-title {
        font-size: 16px;
    }

    .footer_nav__list {
        gap: 12px;
    }

    .footer_nav {
        margin-top: 16px;
        margin-right: 0;
    }

    .footer_tel {
        font-size: 24px;
    }

    .footer_adress {
        font-size: 14px;
    }

    .footer__content {
        padding-top: 16px;
        padding-bottom: 24px;
    }

    .modal__content {
        padding: 32px 16px;
        max-width: 343px;
        border-radius: 8px;
    }

    .modal__title {
        font-size: 32px;
        margin-bottom: 32px;
    }

    .modal__form-close {

        width: 24px;
        height: 24px;
        top: 16px;
        right: 16px;

    }

    .form__label {
        height: 44px;
    }

    .form__input-placeholder {
        font-size: 14px;
    }

    .form__input:focus+.form__input-placeholder,
    .form__input.filled+.form__input-placeholder {
        top: 2px;
        font-size: 12px;
    }

    .form__input:focus,
    .form__input.filled {
        margin-top: 15px;
    }

    .form__input {
        height: 25px;
        border: none;
        width: 100%;
        font-size: 14px;
    }

    .link_password_remember,
    .form_label_check {
        font-size: 14px;
        align-items: start;
        line-height: 100%;
    }

    .checkbox-marker {
        width: 16px;
        height: 16px;
        border-radius: 4px;
    }

    .form_bottom {
        margin-top: 32px;
    }

    .btn_form_regist,
    .btn_form {
        max-width: none;
        margin-top: 32px;
        font-size: 14px;
        height: 44px;
    }

    .link_open-regist::after,
    .btn_form::after {
        width: 16px;
        height: 16px;
    }

    .modal__bottom {
        font-size: 14px;
        padding: 16px;
        border-radius: 8px;
    }

    .link_open-regist {
        align-items: center;
    }

    .modal-alert .modal__title {
        font-size: 24px;
    }

    .modal-alert p {
        font-size: 14px;
        max-width: 300px;
    }

    .main {
        padding-top: 89px;
    }

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

    .btn {
        height: 44px;
        font-size: 14px;
    }

    .btn::after,
    .btn::before {
        width: 16px;
        height: 16px;
    }

    .footer {
        margin-top: 30px;
    }

    .section__title {
        font-size: 32px;
    }

    .section__top {
        margin-bottom: 32px;
    }

    .swiper-button-custom-prev,
    .swiper-button-custom-next {
        width: 36px;
        height: 36px;
    }

    .swiper-button-custom-prev::after,
    .swiper-button-custom-next::after {
        width: 12px;
        height: 12px;
        background: url('/local/templates/main/styles/../img/icons/arrow_line_right_black_s.svg') 50% / contain no-repeat;
    }

    .section_recent-product .swiper-slide,
    .section_rec-product .swiper-slide,
    .section_new-products .swiper-slide {
        max-width: 164px;
    }

    .card-product__top-hint {
        top: 4px;
        left: 4px;
        gap: 3px;

    }

    .card-product_hint {
        font-size: 10px;
        height: 22px;
        padding: 0 8px;

    }

    .card-product__like {
        top: 4px;
        right: 4px;
        width: 24px;
        height: 24px;
    }

    .card-product__like::after {
        width: 12px;
        height: 12px;
        background: url('/local/templates/main/styles/../img/icons/like_s.svg') 50% / contain no-repeat;
    }

    .card-product__info {
        padding: 8px 0;
    }

    .card-product__price,
    .card-product__stat,
    .card-product__title {
        font-size: 14px;
    }

    .card-product__price {
        height: 36px;
        /* width: 100%; */

    }

    .card-product__price_group {
        flex-direction: column-reverse;
        gap: 2px;
        align-items: start;
        flex-grow: 2;
    }

    .card-product__top {
        flex-grow: 2;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .card-product__info {
        gap: 10px;
    }

    .card-product_discount {
        font-size: 12px;
    }

    .card-product__price_old {
        font-size: 12px;

    }

    .card-product .btn_card_basket_counter,
    .card-product .btn_card_basket {
        font-size: 14px;
        height: 36px;
    }

    .btn_card_basket_counter_minus,
    .btn_card_basket_counter_plus,
    .btn_card_basket::before {
        width: 16px;
        height: 16px;
    }

    .news_item {
        width: 253px;
    }

    .news_item__data {
        margin-top: 16px;

        height: 36px;

        padding: 2px 12px;
        font-size: 14px;
    }

    .news_item__title {
        margin-top: 12px;
        font-size: 16px;
    }

    .about__item .about__item__content {
        height: 166px;
    }

    .about__item::after {

        width: 53px;
        height: 32px;

    }

    .about__item:nth-child(2n+1) .about__item__content {
        margin-left: 32px;
    }

    .about__item:nth-child(2n + 2) .about__item__content {
        margin-right: 32px;
    }

    .about__item .about__item-img_bg {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        height: 85%;
    }

    .about__item:nth-child(3) .about__item-img_bg {
        height: 100%;
        bottom: 0;

    }

    .about__item .about__item-img_bg img {
        height: 100%;
    }

    .about__item .about__item__content {
        padding: 16px;
    }

    .about__item-img {
        max-width: 127px;
        height: 85px;

    }

    .about__item .about__item-title {
        font-size: 20px;
    }

    .about__item-link {
        font-size: 14px;
        height: 32px;
        padding: 8px;
    }

    .about__item-link.adress::before,
    .about__item:nth-child(1) .about__item-link::after,
    .about__item:nth-child(3) .about__item-link::after {
        width: 16px;
        height: 16px;

    }

    .section_about {
        padding-top: 40px;
        padding-bottom: 62px;
    }

    .section_about__title {
        font-size: 47px;
        text-align: start;
    }

    .section_about__text {
        font-size: 16px;
        text-align: start;
    }

    .about__items_container {
        gap: 24px 50px;
    }

    .catalog__products {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .bread-crumbs__list li a {
        font-size: 12px;
    }

    .bread-crumbs__list li::after {
        width: 4px;
        height: 4px;
    }

    .catalog_title {
        font-size: 32px;
        align-items: center;
    }

    .catalog__count {
        font-size: 14px;
        padding-bottom: 3px;
    }

    .catalog__category {
        gap: 8px;
    }

    .catalog__category__item {
        font-size: 14px;
        height: 44px;
        padding: 10px 16px;
    }

    .sort-dropdown-btn {
        height: 44px;
        font-size: 14px;
        padding: 12px 24px;
        justify-content: space-between;
    }

    .sort-dropdown-btn::after {
        width: 16px;
        height: 16px;
    }

    .sort-dropdown__item {
        font-size: 14px;
        padding: 12px 24px;
    }

    .filter__title {
        font-size: 14px;
        padding: 24px 16px;
    }

    .filter__title::after {
        width: 16px;
        height: 16px;
    }

    .catalog__filter .checkbox-marker {
        width: 16px;
        height: 16px;
        border-radius: 4px;
    }

    .filter__option__label {
        font-size: 14px;
    }

    .price__input {
        height: 32px;
        font-size: 14px;
    }

    .catalog__container {
        margin-top: 24px;
        grid-template-columns: 300px auto;
        gap: 24px;
    }

    .filter__buttons {
        padding: 24px 16px;
    }

    .filter__button {
        font-size: 14px;
        height: 40px;
    }

    .btn_more {
        height: 44px;
        font-size: 14px;
    }

    .btn_more::after {
        width: 15px;
        height: 15px;
        background: url('/local/templates/main/styles/../img/icons/arrow_line_bottom_s.svg') 50% / contain no-repeat;
    }

    .catalog__pages_next,
    .catalog__pages_prev {
        width: 16px;
        height: 16px;
    }

    .catalog__pages_count {
        width: 42px;
        height: 42px;
        font-size: 14px;
    }

    .card-product_page_swiper-container {
        height: 300px;

    }

    .card-product_page_swiper-container .swiper-slide {
        height: 63px;
        width: 63px;
    }

    .product_card__media__wrapper {
        height: fit-content;
    }

    .card_product_page__img_wrapper {
        grid-template-columns: 63px 330px;
        gap: 16px;

    }

    .brands_container {
        gap: 27px;
    }

    .card-product__title_top {
        font-size: 24px;
    }

    .card-product__availability_wrapper {
        margin-top: 16px;
    }

    .card-product__btn_favorites,
    .card-product__availability::after {
        font-size: 14px;

    }

    .card-product__btn_favorites::before,
    .card-product__availability::before {
        width: 20px;
        height: 20px;
    }

    .card-product_page__price_wrapper {
        margin-top: 24px;
    }

    .product_card__media__wrapper .card-product__top-hint,
    .product_card__media__wrapper .card-product_discount {
        top: 8px;
        right: 8px;
        height: 22px;
        font-size: 12px;
    }

    .card-product_page__price {
        height: 42px;
        font-size: 16px;
    }

    .card-product_page__price .old-price {
        font-size: 14px;

    }

    .card-product_page__counter-wrapper {
        margin-top: 24px;
    }

    .section__card_product_page .btn_card_basket,
    .card-product__counter {
        height: 42px;
    }

    .card-product__counter {
        gap: 5px;
        padding: 10px 16px;
    }

    .section__card_product_page .btn_card_basket {
        max-width: 229px;
    }

    .card-product__counter_count {
        font-size: 14px;
    }

    .card-product__counter_minus,
    .card-product__counter_plus {
        width: 16px;
        height: 16px;
    }

    .card-product_page__info {
        margin-top: 24px;
    }

    .card-product_page__info_item-title {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .card-product_page__info_item p {
        font-size: 14px;
    }

    .card_product_info__content__title {
        font-size: 16px;
        padding-bottom: 12px;
    }

    .section__card_product_page {
        margin-bottom: 20px;
    }

    .section__card_product_info {
        margin-top: 20px;
    }

    .product_info__container {
        margin-top: 16px;
        gap: 24px;
    }

    .product_info__row {
        gap: 16px;
    }

    .product_info__row-title {
        font-size: 14px;
    }

    .product_info__row-contetnt {
        font-size: 14px;
    }

    .product_info__pfc-item-count,
    .product_info__row-title_hint,
    .card_product__stats {
        font-size: 14px;
    }

    .basket_page__product-prices_all .card-product__price,
    .basket_page__product-prices .card-product__price {
        width: fit-content;
        height: 40px;
    }

    .basket_page__product-prices_all .card-product__counter {
        height: 42px;
    }

    .basket_page__product-item__img {
        width: 125px;
        height: 129px;
    }

    .basket_page__product-item-info {
        padding: 16px;
        gap: 16px;
    }

    .card-product_basket-btn {
        width: 42px;
        height: 42px;
        top: 16px;
        right: 16px;
    }

    .card-product_basket-btn::after {
        width: 16px;
        height: 16px;
    }

    .card-product__price_hint,
    .basket_page__product-item-title {
        font-size: 14px;
    }

    .basket_page__grid {
        margin-top: 24px;
        gap: 40px;
        gap: 24px;

    }

    .section__top_info-wrapper .btn_basket_reset {
        display: none;
    }

    .section__top_title {
        font-size: 32px;
        gap: 24px;
    }

    .btn_basket_reset,
    .section__top__count {
        font-size: 14px;
    }

    .btn_basket_reset::after {
        width: 17px;
        height: 17px;
    }

    .promocode_container {
        padding: 20px;
        border-radius: 16px;
        gap: 20px;
        top: 85px;
    }

    .disabled_alert-title {
        font-size: 16px;
    }

    .disabled_alert-text {
        font-size: 14px;
    }

    .promo_label {
        height: 45px;
    }

    .promocode__stat,
    .promocode_err-msg,
    .promo_label input {
        font-size: 14px;

    }

    .promocode__stat span.promocode__stat_all-price {
        font-size: 16px;
    }

    .promo_btn {
        width: 37px;
        height: 37px;
        top: 4px;
        right: 4px;
    }

    .btn_promocode {
        height: 44px;
        font-size: 14px;
    }

    .btn_promocode::after {
        width: 15px;
        height: 15px;
        background: url('/local/templates/main/styles/../img/icons/arrow_line_right_white_s.svg') 50% / contain no-repeat;
    }

    .order__tab {
        height: 44px;
        font-size: 14px;
    }

    .btn-secondary {
        height: 44px;
        font-size: 14px;
    }

    .btn.btn-secondary::before {
        width: 16px;
        height: 16px;
    }

    .order_page__grid {
        gap: 24px;
        margin-top: 32px;
    }

    .order__tab svg {
        width: 17px;
        height: 17px;
    }

    .order_nav_btn {
        height: 44px;
        font-size: 14px;
    }

    .order_nav_btn::after,
    .order_nav_btn::before {
        width: 15px;
        height: 15px;
    }

    .pay_item-title,
    .delivery__item-title {
        font-size: 24px;
    }

    .delivery__item-hint {
        height: 36px;
        font-size: 14px;
        padding: 4px 16px;
    }

    .pay_item,
    .delivery__item {
        padding: 24px;
        gap: 24px;
    }

    .pay_item-text,
    .delivery__item_bottom {
        font-size: 14px;
    }

    .label_radio {
        padding: 12px 16px;
        font-size: 14px;
    }

    .radio-marker {
        width: 16px;
        height: 16px;
    }

    .label_radio input[type='radio']:checked+.radio-marker {
        border: 4px solid var(--red);
    }

    .order-data__content {
        margin-top: 24px;
    }

    .acc-tabs-desktop {
        gap: 8px;
    }

    .acc-tab {
        height: 44px;
        font-size: 14px;
    }

    .acc-tab::before {
        width: 17px;
        height: 17px;
    }

    .acc-tabs-desktop {
        display: none;
    }

    .acc-dropdown {
        display: block;
    }

    .section__account_top {
        flex-direction: column;
        align-items: start;
        gap: 16px;
        padding: 16px;
    }

    .section__account_name {
        font-size: 24px;
    }

    .section__account_name::before {
        width: 16px;
        height: 16px;
    }

    .btn_account_exit {
        font-size: 14px;
        gap: 16px;
    }

    .btn_account_exit::before {
        width: 16px;
        height: 16px;
    }

    .account_content-container {
        margin-top: 40px;
    }

    .current-orders__item-status-name,
    .current-orders__item-title {
        font-size: 16px;
    }

    .current-orders__item_pay_btns .btn,
    .current-orders__item_btns .btn {
        height: 44px;
        font-size: 14px;
    }

    .current-orders__item_top {
        padding: 16px;
    }

    .order_history_status,
    .btn_close-page_order,
    .current-orders__item-status_item,
    .current-orders__item-status-title,
    .current-orders__item-stat span {
        font-size: 14px;
    }

    .current-orders__item-status {
        padding: 16px;
    }

    .btn_close-page_order::before,
    .status_delivery.await::before,
    .status_pay::before {
        width: 16px;
        height: 16px;
    }

    .order_information_products-title,
    .order_information__title {
        font-size: 24px;
    }

    .status_order.ok::before,
    .btn_order_more::after {
        width: 16px;
        height: 16px;
    }

    .order_information {
        padding: 16px;
    }

    .order_information__middle {
        gap: 20px;
    }

    .order_information-title {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .order_information-info-item span {
        font-size: 14px;
    }

    .order_history-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .order_information_products-title {
        margin-bottom: 24px;
    }

    .selected_products__container {
        gap: 26px;
    }

    .btn_change_data {
        height: 44px;
        font-size: 14px;
        margin-top: 24px;
    }

    .personal_data_user-title {
        margin-top: 32px;
        font-size: 14px;
    }

    .personal_bonus__card {
        padding: 16px;
        width: 343px;
        height: 198px;
    }

    .personal_bonus__hint,
    .personal_bonus_card__title {
        font-size: 16px;
    }

    .personal_bonus__hint_text,
    .personal_bonus_card__stat {
        font-size: 14px;
    }

    .personal_bonus_card__count {
        font-size: 32px;
    }

    .personal_bonus__bottom {
        gap: 50px;
    }

    .personal_bonus__top {
        grid-template-columns: 343px auto;
    }

    .personal_bonus__history-title {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .personal_bonus__history__item {
        font-size: 14px;
    }

    .btn_more_history_bonus::after {
        width: 16px;
        height: 16px;
    }

    .personal_bonus__information_container {
        margin-top: 60px;
    }

    .personal_bonus__information-title {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .personal_bonus__information {
        font-size: 14px;
        padding-bottom: 32px;
    }

    .personal_bonus__precent-title,
    .personal_bonus__information a {
        font-size: 16px;
    }

    .personal_bonus__precent_container {
        margin-top: 24px;
    }

    .personal_bonus__precent__items {
        gap: 16px;
    }

    .personal_bonus__precent__item {
        padding: 16px;
        font-size: 14px;
    }

    .personal_bonus__precent__item span:last-child {
        font-size: 24px;
    }

    .section_hero__title {
        font-size: 49px;
        max-width: 362px;
    }

    .section_hero__top_info .btn {
        margin: 0 auto;
        margin-top: 32px;
    }

    .section_hero__text {
        font-size: 24px;
        max-width: 524px;
        margin-left: 0;
        margin: 0 0 8px 8px;
    }

    .section_blue {
        padding: 24px 0;
        margin-top: 24px;
        margin-bottom: 30px;
    }

    .section_blue__content {
        gap: 40px;
    }

    .section_blue__text h2 {
        font-size: 24px;
    }

    .swiper-slide .card-product__btn-group .btn {
        height: 36px;
    }

    .section_blue__text {
        gap: 24px;
    }

    .section_blue__text p {
        font-size: 14px;
    }

    .section_blue_bg {
        width: 330px;
    }

    .advantages__items {
        grid-template-columns: repeat(5, 1fr);
        gap: 0;
    }

    .advantages__item {
        max-width: 130px;
        margin: 0 auto;
    }

    .advantages__item_title {
        font-size: 14px;
    }

    .advantages__item_wrapper {
        max-width: 165px;
    }

    .section_right__text {
        font-size: 14px;
        margin: 0;
        margin-bottom: 40px;
        margin-top: 32px;
        max-width: none;
    }

    .advantages__items__title {
        font-size: 16px;
    }

    .divisions__item_title {
        font-size: 24px;
    }

    .divisions__item_num {
        font-size: 16px;
    }

    .divisions_wrapper {
        gap: 18px;
        margin-top: 32px;
    }

    .advant_prod__items {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
    }

    .advant_prod__item {
        padding: 10px;
        border-radius: 8px;
    }

    .advant_prod__item_title {
        font-size: 14px;
    }

    .production__item_img {
        padding: 18px;
    }

    .section_form_price__form button {
        height: 44px;
    }

    .section_form_price__info p {
        font-size: 14px;
    }

    .section_form_price__info {
        gap: 16px;

    }

    .section_form_price__info {
        max-width: 350px;
    }

    .section_form_price__content {
        gap: 16px;
        padding: 24px;
    }

    .foodmall__container p {
        font-size: 14px;
    }

    .foodmall__container {
        margin-top: 24px;
    }

    .section_menu__hint {
        font-size: 14px;
    }

    .foodmall_menu__items {
        margin-top: 24px;
        gap: 16px;
    }

    .foodmall_menu__item {
        padding: 8px 12px 30px;
    }

    .foodmall_menu__item_wrapper {
        padding: 6px;
    }

    .foodmall_menu__item_title {
        font-size: 14px;
        margin-top: 6px;
    }

    .foodmall_menu__item_text {
        font-size: 12px;
        margin-top: 2px;
    }

    .foodmall_menu__item_price {
        padding: 4px 8px;
        font-size: 14px;
        margin-top: 7px;
    }

    .section_foodmall_menu__content .section__top {
        gap: 24px;
        flex-wrap: wrap;
    }

    .foodmall_menu_list__item_title {
        font-size: 32px;
    }

    .foodmall_menu_list__item_top.icon_krab::before {
        width: 58px;
        height: 53px;
    }

    .foodmall_menu_list__item_top.icon_salat::before {
        width: 36px;
        height: 44px;
    }

    .foodmall_menu_list__item_top.icon_desert::before {
        width: 42px;
        height: 39px;
    }

    .foodmall_menu_list__item_top.icon_lepesh::before {
        width: 45px;
        height: 39px;
    }

    .foodmall_menu_list__item_top.icon_drink::before {
        width: 36px;
        height: 46px;
    }

    .foodmall_menu_list__item_top.icon_dop::before {
        width: 34px;
        height: 40px;
    }

    .foodmall_menu_list__bottom {
        margin-top: 24px;
    }

    .foodmall_menu_list__line {
        font-size: 14px;
        gap: 20px;

    }

    .foodmall_menu_list__line br {
        display: none;
    }

    .foodmall_menu_list__row {
        gap: 50px;
    }

    .foodmall_menu_list {
        gap: 50px;
    }

    .section__title_text {
        font-size: 14px;
    }

    .foodmall_map__time_items {
        margin-top: 32px;
        gap: 24px;
    }

    .section_foodmall_map_content .section__title {
        max-width: 343px;
    }

    .foodmall_map__time_item {
        font-size: 14px;
        padding-left: 28px;
    }

    .section_foodmall_map_content {
        display: flex;
        flex-direction: column-reverse;
        gap: 24px;
    }

    .foodmall_map__time_item::before {
        width: 20px;
        height: 20px;
    }

    .foodmall_map__container-map {
        max-width: none;
        height: 370px;
    }

    .politics__list {
        font-size: 14px;
        margin-top: 32px;
    }

    .section_politics .section__title {
        font-size: 24px;
    }

    .recipes__content_hero__info {
        padding: 20px;
        max-width: 350px;
    }

    .reciep__title {
        font-size: 24px;
    }

    .recipe__time {
        font-size: 14px;
    }

    .recipe__time::before {
        width: 20px;
        height: 20px;
    }

    .section_recipes p {
        font-size: 14px;
    }

    .recipes_hero__text {
        margin-top: 24px;
    }

    .recipes__content_hero__info .btn {
        margin-top: 24px;
        width: 100%;
    }

    .recipes__content_hero__img {
        padding-left: 24px;
        max-width: 400px;
    }

    .recipes__content_hero__img::after {
        width: 600px;
        top: calc(50% - 600px / 2);
    }

    .recipes__content_hero {
        margin-top: 32px;
    }

    .card_recipe__stat_time,
    .card_recipe__stat {
        font-size: 14px;
    }

    .card_recipe__stat_time::before {
        width: 20px;
        height: 20px;
    }

    .card_recipe__title {
        font-size: 24px;
    }

    .recipes__catalog .catalog__bottom {
        margin-top: 60px;
    }

    .recipe_single__hero {
        gap: 16px;
    }

    .recipe_single__hero_info {
        padding: 20px;
    }

    .recipe__single-date {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .recipe_single__hero .section__title {
        font-size: 24px;
    }

    .recipe__single-stats {
        margin-top: 16px;
        gap: 12px;
        flex-wrap: wrap;
    }

    .recipe__single-link,
    .recipe__single-time {
        font-size: 14px;
        height: 36px;
    }

    .recipe__single-link::before,
    .recipe__single-time::before {
        width: 20px;
        height: 20px;
    }

    .recipe_single__hero_info p {
        font-size: 14px;
    }

    .recipe_single__hero img {
        height: 100%;
    }

    .cooking_procedure__title {
        font-size: 24px;
    }

    .cooking_ingredients__title {
        font-size: 16px;
    }

    .cooking_steps_item,
    .cooking_ingredients {
        font-size: 16px;
        padding: 16px;
        gap: 20px;
    }

    .cooking_steps_item__step {
        height: 44px;
    }

    .cooking_ingredients__item__option {
        font-size: 14px;
        padding: 12px 0;
    }

    .cooking_procedure__container {
        gap: 20px;
    }

    .cooking_products__title {
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 32px;
    }

    .cooking_products__item img {
        width: 90px;
        height: 90px;
    }

    .cooking_products__item__desc {
        font-size: 16px;
    }

    .cooking_products__item__btns {
        gap: 12px;
        flex-direction: column;
        align-items: start;
        width: 100%;
        grid-column: 2;
    }

    .card-product.cooking_products__item {
        display: grid;
        grid-template-columns: auto 1fr;
    }

    .cooking_procedure__title {
        margin-top: 40px;
    }

    .card-product .btn_card_basket_counter,
    .card-product .btn_card_basket {
        font-size: 14px;
        height: 44px;
    }

    .news_container {

        gap: 25px;
        margin-top: 32px;
    }

    .news_container .news_item {
        width: 100%;
    }

    .news_container .news_item__title {
        font-size: 14px;
        margin-top: 8px;
    }

    .products__container {
        margin-top: 24px;
        gap: 24px;
    }

    .news_single__content h2 {
        font-size: 16px;
    }

    .news_single__content ul,
    .news_single__content p {
        font-size: 14px;
    }

    .news_single__content {
        gap: 24px;
    }

    .news_single__content,
    .news_single__top {
        margin-top: 24px;
    }

    .section_gallery .swiper-nav {
        display: none;
    }

    .gallery-swiper {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.671;
        position: relative;
    }

    .thumbs-swiper .swiper-slide {
        width: 85px;
        height: 61px;
    }

    .gallery-container {
        padding-bottom: 81px;
    }

    .contacts__container {
        gap: 16px;
        margin-top: 32px;
    }

    .contacts__item {
        padding: 16px;
    }

    .contacts__item__link span,
    .contacts__item_title {
        font-size: 14px;
    }

    .contacts__item_adress {
        font-size: 24px;
    }

    .contacts__item__link a {
        font-size: 16px;
    }

    .contacts__item__links {
        flex-direction: column;
    }

    .contacts__item__map {
        height: 244px;
    }

    .section_requisites__content {
        grid-template-columns: 1fr;
    }

    .requisites__title {
        font-size: 24px;
    }

    .jobs__item__title,
    .jobs_items__wrapper_title,
    .requisites__info {
        font-size: 16px;

    }

    .jobs__item__salary {
        font-size: 14px;
        padding: 10px 20px;
    }

    .jobs__item__hidden ul,
    .jobs__item__hidden__item-title,
    .jobs_items__wrapper_info p {
        font-size: 14px;
    }

    .jobs_items__wrapper {
        margin-top: 32px;
        grid-template-columns: 260px auto;
        gap: 24px;
        padding-top: 16px;

    }

    .jobs__item__hidden {
        gap: 24px;
    }

    .btn_jobs_more {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 16px;
        right: 16px;
    }

    .jobs__item__hidden {
        padding: 24px 16px;
    }

    .bonus_info__text a {
        font-size: 16px;
    }

    .jobs__item__top {
        padding: 16px;
        flex-direction: column;
        align-items: start;
        padding-right: 60px;
        gap: 8px;
    }

    .bonus_info {
        font-size: 14px;
    }

    .bonus__content {
        grid-template-columns: 579px auto;
        gap: 24px;
        margin-top: 40px;
    }
.catalog__products .btn{
    height: 36px;
}
    .bonus_info,
    .bonus_info__text {
        gap: 24px;
    }

    .section_bonus__content .personal_bonus__precent_container {
        border-top: 1px solid var(--border);
    }

    .section_bonus__content .personal_bonus__precent-title {
        margin-top: 24px;
        font-size: 16px;
    }
    .delivery_page__content_top {
        margin-top: 32px;
        padding: 24px;
    }
    .delivery_page__content_top span:first-child {
    font-size: 14px;
}
.delivery_page__content_top__title {
    font-size: 32px;
}
.methods_title {
    margin-top: 40px;
    font-size: 32px;
}
.methods_container {
    margin-top: 32px;
    gap: 24px;
    margin-bottom: 32px;
}
.method {
    padding: 16px;
}
.method__top {
    font-size: 16px;
    display: grid;
    grid-template-columns: auto 1fr;
}
.pay_methods_img {
    grid-column: 1 / 3;
    margin-left: 0;
    margin-top: 8px;
}
.method__hint {
    font-size: 14px;
    top: 16px;
    right: 16px;
    max-width: 390px;
}
.method__text {
    font-size: 14px;
}
.method__map_container {
    margin-top: 20px;
    gap: 24px;
        grid-template-columns: 467px auto;
}
.method__map_zone__item span {
    font-size: 14px;
}
.method__map  {
    height: 395px;
}
.method_map .method__text {
    max-width: 370px;
}
.payment_terms__title {
    font-size: 16px;
}
.payment_term {
    font-size: 14px;
}
.payment_terms_container {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
}
.payment_term {
    margin-bottom: 0;
}
.payment_terms_container {
    gap: 24px;
}
}

@media (max-width: 1080px) {
    .mobile_hidden {
        display: none;
    }
    .section_team__content {
        grid-template-columns: 1fr;
    }

    .img_team {
        max-width: none;
        height: auto;
    }

    .team-info_wrapper {
        min-width: 0;
        height: auto;
    }

}

@media (max-width:1000px) {
    .section__card_product_page__content {
        flex-direction: column;
    }

    .card_product_page__img_wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .card-product_page_swiper {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .card-product_page_swiper-container {
        height: fit-content;
    }

    .card-product_page_swiper-container .swiper-wrapper {
        max-width: 276px;
        height: fit-content;
    }

    .card-product_page_swiper-prev {
        transform: rotate(90deg);
    }

    .card-product_page_swiper-next {
        transform: rotate(-90deg);
    }

    .product_info__container,
    .card-product_page__info {
        grid-template-columns: 1fr;
        padding-top: 0;
        border-top: 0;
    }

    .product_info__pfc {
        display: flex;
    }

    .card-product_page__info_item {
        padding-top: 16px;
        border-top: 1px solid var(--border);
    }

    .product_info__pfc-item {
        max-width: 103px;
    }

    .basket_page__grid {
        grid-template-columns: 1fr;
    }

    .section_basket_page .section__top_info-wrapper {
        margin-right: 0;
    }

    .section_basket_page .basket_page__product-item {
        padding-bottom: 58px;
    }

    .card-product_basket-btn {
        position: static;
    }

    .basket_page__product-prices_all .card-product__price {
        display: none;
    }

    .basket_page__product-prices_all {
        position: absolute;
        bottom: 16px;
        left: 16px;
        right: 16px;
        justify-content: space-between;
    }

    .basket_page__product-item-info {
        max-width: 200px;
        gap: 12px;
    }

    .basket_page__product-prices {
        gap: 12px;
    }

    .basket_page__product-item-info__top {
        padding-right: 0;
    }

    .basket_page__product-item-info__bottom .card-product__price_old {
        font-size: 14px;
    }

    .btn-busket_reset_bottom {
        display: flex;
    }

    .order-data__content_legal,
    .order-data__content_pers {
        grid-template-columns: 1fr;
    }

    .order-data__content_legal .all_column,
    .order-data__content_pers .all_column {
        grid-column: 1;
    }

    .order_page__grid {
        grid-template-columns: 1fr;
    }

    .section_order_page {
        overflow-x: hidden;
        padding-bottom: 10px;
        width: 100%;
    }

    .order__tabs {
        overflow-x: auto;
    }

    .order_nav_btn {
        max-width: none;
    }

    .delivery__item_top {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .delivery__item:first-child {
        position: relative;
    }

    .delivery__item:first-child .delivery__item-hints {
        position: absolute;
        top: 19px;
        right: 24px;
    }

    .order_content .basket_page__product-item {
        padding-bottom: 0;
    }

    .order_nav_btns {
        grid-row: 3;
    }

    .order_page__grid .basket_page__promo_container {
        grid-row: 4;
        grid-column: 1;
    }

    .pay__content {
        flex-direction: column;
        gap: 16px;
    }

    .order__tabs {
        grid-column: 1;
    }

    .current-orders__item_top {
        flex-direction: column;
        align-items: start;
        gap: 32px;
    }

    .current-orders__item_btns {
        width: 100%;
        justify-content: space-between;
        gap: 82px;
    }

    .current-orders__item_btns_group {
        flex-direction: column;
        width: 100%;
    }

    .btn_order_more {
        max-width: none;
    }

    .current-orders__item_bottom {
        grid-template-columns: 1fr;
    }

    .current-orders__item_pay_btns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .current-orders__item_pay_btns .btn {
        max-width: none;
        width: 100%;
    }

    .order_information__top {
        flex-direction: column;
        gap: 16px;
        align-items: start;
    }

    .order_information__middle {
        grid-template-columns: 1fr;
    }

    .btn_change_data {
        width: 100%;
    }

    .personal_data__user {
        grid-template-columns: 1fr;
    }

    .personal_bonus__information {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .personal_bonus__information ul {
        grid-column: 1;
        grid-row: 3;
    }

    .personal_bonus__precent__items {
        grid-template-columns: 1fr 1fr;
    }

    .section_blue {
        padding-bottom: 424px;
    }

    .section_blue_bg {
        max-width: 560px;
        width: 100%;
        background-position: right bottom;
        background-size: contain;
        height: 460px;
        top: auto;
        bottom: 0;
    }

    .advantages__items {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px 0;
        justify-items: center;
    }

    .divisions_wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .advant_prod__items {
        grid-template-columns: repeat(4, 1fr);

    }

    .production__items {
        grid-template-columns: 1fr 1fr;
    }

    .section_form_price__content {
        flex-direction: column;
        gap: 24px;
    }

    .section_form_price__content::after {
        background: linear-gradient(180deg, #C6D1ED 0%, rgba(198, 209, 237, 0) 100%);

    }

    .section_form_price__content::before {
        right: 24px;
        left: 24px;
        width: auto;
        max-width: 570px;
        bottom: auto;
        height: 60%;
        max-width: none;
        background: url('/local/templates/main/styles/../img/pattern_form_mob.png') 50% / contain no-repeat;
    }

    .section_form_price__form {
        grid-template-columns: 1fr;
    }

    .section_form_price__info {
        max-width: none;
    }

    .foodmall__container {
        flex-direction: column;
    }

    .foodmall__img {
        height: auto;
        max-height: 387px;
        max-width: none;
    }

    .recipe_single__hero {
        display: flex;
        flex-direction: column-reverse;
    }

    .cooking_procedure__container {
        grid-template-columns: 1fr;
    }

    .cooking_ingredients {
        grid-column: 1;
        grid-row: 1;
    }
.card-product__btn-group .btn {
    padding: 0 10px;
}
    .jobs_items__wrapper {
        grid-template-columns: 1fr;
    }

    .bonus__content {
        grid-template-columns: 1fr;
    }

    .bonus__content img {
        height: auto;
        max-width: 579px;
        aspect-ratio: 1 / 0.88;
        margin: 0 auto;
    }
    .method__map_container {
        display: grid;
        grid-template-columns: 1fr;
    }
    .methods_container {
        grid-template-columns: 1fr;
    }
    .method.method_map {
        display: grid;
        grid-template-columns: 1fr;
        grid-column: 1;
    }
    .method__hint {
        position: static;
        max-width: none;
        grid-row: 4;
        margin-top: 20px;
    }
    .method__map_zone__item {
        gap: 0;
        border-radius: 18px;
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: hidden;
    }
    .method__map_zone__item span:last-child {
        margin-left: auto;
        border-top: 1px solid var(--border);
        border-right: 0 ;
    }
    .method__map {
        height: auto;
    }
}

@media (max-width:890px) {
    .catalog__container {
        grid-template-columns: 1fr;
    }

    .catalog__bottom {
        grid-column: 1;
    }

    .catalog__top {
        flex-direction: column;
        gap: 32px;
    }

    .btn_filter_mobile {
        display: flex;
    }

    .catalog__btn_filters {
        width: 100%;
        flex-wrap: wrap;
        gap: 12px;
    }

    .catalog__filter {
        border-radius: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 11;
        overflow-y: auto;
        height: 100%;
        pointer-events: none;
        transition: .5s;
        transform: translateY(-100%);
        opacity: 0;
    }

    .catalog__filter.open {
        pointer-events: all;
        transform: translateY(0);
        opacity: 1;
    }

    .catalog__bottom {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .catalog__products {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .catalog__category {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .catalog__top {
        padding-top: 76px;
        position: relative;
    }

    .filter__top {
        display: flex;
    }

    .catalog_subcategory_header {
        flex-direction: column;
        align-items: start;
    }

    .catalog_subcategory_header .catalog__top {
        padding-top: 0;
        width: 100%;
    }

    .section_catalog_news .catalog__category {
        top: auto;
        bottom: 0;
    }

    .section_catalog_news .catalog__top {
        padding-top: 0;
        padding-bottom: 82px;
    }

}

@media (max-width:800px) {
    .form__label.error {
        margin-bottom: 32px;
    }

    .brands_container {
        gap: 16px;
        grid-template-columns: 1fr 1fr;
    }

    .news_container {
        grid-template-columns: 1fr 1fr;
        gap: 32px 16px;
    }
}

@media (max-width:755px) {
    .about__items_container {
        gap: 16px;
    }

    .advant_prod__items {
        grid-template-columns: repeat(3, 1fr);

    }

}

@media (max-width:750px) {
    .personal_bonus__top {
        grid-template-columns: 1fr;
    }

    .btn_more_history_bonus {
        margin: 0 auto;
        margin-top: 24px;
    }

    .foodmall_menu__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .foodmall_menu__items br {
        display: none;
    }
}



@media (max-width:710px) {
    .about__items_container {
        grid-template-columns: 1fr;
    }

    .foodmall_menu_list {
        grid-template-columns: 1fr;
    }

    .contacts__container {
        grid-template-columns: 1fr;
    }
}

@media (max-width:700px) {
    .header__category_mobile__cards {
        gap: 16px;
    }

    .current-orders__item_btns {
        flex-direction: column;
        gap: 24px;
    }

    .current-orders__item_pay_btns {
        grid-template-columns: 1fr;
    }

    .selected_products__container {
        gap: 15px;
        grid-template-columns: 1fr 1fr;
    }

    .personal_bonus__precent__items {
        grid-template-columns: 1fr;
    }

    .products__container {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width:680px) {
    .catalog__products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:650px) {
    .footer__content {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, auto);
    }

    .footer_nav {
        grid-column: 1;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 32px 17px;
    }

    .footer_contacts {
        grid-row: 3;
        grid-column: 1;
    }

    .footer_restaurant {
        grid-row: 4;
        grid-column: 1;
    }

    .footer_socials {
        grid-row: 5;
        grid-column: 1;
    }

    .footer__pay {
        grid-row: 6;
        grid-column: 1;
    }

    .recipes__content_hero {
        flex-direction: column-reverse;
    }

    .recipes__content_hero__img {
        width: 100%;
        max-width: none;
        padding: 0;
        padding-bottom: 30px;
    }

    .recipes__content_hero__img::after {
        width: 150%;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        top: auto;
        bottom: 0;
        left: calc(50%);
        transform: translateX(-50%);
    }

    .recipe_catalog__content {
        grid-template-columns: 1fr;
    }

    .recipes__content_hero__info {
        max-width: none;
    }
}

@media (max-width:600px) {
    .header__category_mobile__cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .media-navigation-container {
        display: none;
    }

    .advantages__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .divisions_wrapper {
        grid-template-columns: 1fr;
    }

    .production__items {
        grid-template-columns: 1fr;
    }

}

@media (max-width:500px) {
    .header__category_mobile__cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog__products {
        grid-template-columns: repeat(2, 1fr);
    }

    .order-data_tabs {
        width: 100%;
        overflow-y: auto;
    }

    .label_radio {
        text-wrap: nowrap;
    }

    .section_blue {
        padding-bottom: 70%;
    }

    .section_hero__title {
        font-size: 40px;
    }

    .advant_prod__items {
        grid-template-columns: repeat(2, 1fr);

    }
}

@media (max-width:350px) {
    .footer_nav {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .footer__pay {
        flex-direction: column;
        align-items: start;
    }

    .advantages__items {
        grid-template-columns: 1fr;
    }
    .catalog__products {
       grid-template-columns: 1fr;
    }
}
/* End */


/* Start:/local/templates/main/styles/swiper-bundle.min.css?174912696018452*/
/**
 * Swiper 11.2.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 19, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/main/components/bitrix/sale.basket.basket.line/descktop/style.css?17491269604790*/
.bx-basket { }

.basket-line-block {
	position: relative;
	padding-left: 25px;
	white-space: nowrap;
	font-size: 13px;
}

.basket-line-block-icon-cart,
.basket-line-block-icon-profile {
	position: relative;
	margin-right: 10px;
}

.basket-line-block-icon-cart:after,
.basket-line-block-icon-profile:after {
	position: absolute;
	top: -1px;
	left: -25px;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
}

.basket-line-block-icon-profile:after { background: no-repeat center url(/local/templates/main/components/bitrix/sale.basket.basket.line/descktop/images/profile.svg); }

.basket-line-block-icon-cart:after { background: no-repeat center url(/local/templates/main/components/bitrix/sale.basket.basket.line/descktop/images/cart.svg); }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.vcenter {
		bottom: 10px;
		top: auto !important;
	}

	.bx-basket-item-list { display: none; }

	/*.bx-basket-fixed */
}

.bx-basket-fixed .basket-line-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .basket-line { line-height: 1.44em; }
/* End */
/* /local/templates/main/styles/style.css?1749143849199218 */
/* /local/templates/main/styles/swiper-bundle.min.css?174912696018452 */
/* /local/templates/main/components/bitrix/sale.basket.basket.line/descktop/style.css?17491269604790 */