:root {
    --bg1-color: #F2F6F9;
    --bg1-color--semi: #F2F6F960;
    --bg2-color: #FFFFFF;
    --bg2-color--semi: #FFFFFF60;

    --text1-color: #1D1D1B;
    --text1-color--semi: #1D1D1B60;
    --text2-color: #545656;
    --text2-color--semi: #54565660;
    --text3-color: #FFFFFF;
    --text3-color--semi: #FFFFFF60;

    --pri1-color: #4AC3CD;
    --pri1-color--semi: #4AC3CD30;
    --pri2-color: #009999;
    --pri2-color--semi: #00999930;

    --gradient1: linear-gradient(150deg, rgba(74,195,205,1) 0%, rgba(98,113,255,1) 100%);
    --gradient2: linear-gradient(90deg, rgba(41,128,185,1) 0%, rgba(109,213,250,1) 50%, rgba(255,255,255,1) 100%);
    --gradient3: linear-gradient(90deg, rgba(142,158,171,1) 0%, rgba(238,242,243,1) 100%);
    --gradient4: linear-gradient(90deg, rgba(31,162,255,1) 0%, rgba(18,216,250,1) 50%, rgba(166,255,203,1) 100%);
    --gradient5: linear-gradient(90deg, rgba(97,144,232,1) 0%, rgba(167,191,232,1) 100%);
    --gradient6: linear-gradient(90deg, rgba(74,195,205,1) 0%, rgba(255,138,67,1) 100%);
    --gradient7: linear-gradient(126deg, rgba(39,176,153,1) 0%, rgba(0,153,153,1) 100%);

    --green: #10C44C;
    --red: #F81156;
}

a.link__logout span {
    color: var(--red);
    margin: 0;
}

.breadcrumb {
    height: 100px; /* временно */
}

*, *::after, *::before {
    box-sizing: border-box;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #4AC3CD #F2F6F9;
}

html {
    font-family: "Inter", sans-serif;
}

body {
    background-color: var(--bg1-color);
}

main {
    min-height: 90vh;
}

header, footer {
    background-color: var(--bg2-color);
}

header{
    position: sticky;
    top: 0;
}

.wrapper, main:has(.bx-authform) {
    max-width: 1366px;
    padding: 0 20px;
    margin: auto;
}

.wrapper__row {
    display: flex;
    margin: -10px;
    margin-bottom: 50px;
}

.wrapper__col {
    padding: 10px;
    flex: 1 1 auto;
}

.wrapper__col.col--narrow {
    flex: 0 0 326px;
}

/* typography */

.headline, .title, .text {
    /* color: var(--text1-color); */
}

.headline.light, .title.light, .text.light {
    color: var(--text2-color);
}

.headline.lighter, .title.lighter, .text.lighter {
    color: var(--text3-color);
}

.headline {
    font-weight: 700;
    display: block;
}

.title {
    font-weight: 600;
    display: block;
}

.text {
    font-weight: 500;
    display: block;
    margin: 8px 0;
}

.headline.h1 {
    font-size: 40px;
    line-height: 44px;
}

.headline.h2 {
    font-size: 32px;
    line-height: 35.2px;
}

.title.t1 {
    font-size: 20px;
    line-height: 26px;
}

.title.t2 {
    font-size: 14px;
    line-height: 19.6px;
}

.title.t3 {
    font-size: 12px;
    line-height: 16.8px;
}

.text.b1 {
    font-size: 16px;
    line-height: 24px;
}

.text.b2, .table-col {
    font-size: 14px;
    line-height: 22.4px;
}

.text.b3 {
    font-size: 11px;
    line-height: 19.2px;
}

.link.l1 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22.4px 
}

.price {
    font-weight: 600;
    font-size: 16px;
    line-height: 25.6px
}

.linkbtn.lb1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}

.linkbtn.lb2 {
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
}

.linkbtn.lb2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22.4px;
}

.price--old {
    font-size: 14px;
    line-height: 19.6px;
    color: var(--text1-color--semi);
    text-decoration: line-through;
}

.table {
    border-radius: 12px;
    overflow-x: hidden;
    overflow-y: auto;
}

.table-row:nth-child(odd) {
    background-color: var(--bg1-color);
}

.table-row {
    display: flex;
}

.table-row:first-child {
    position: sticky;
    top: 0;
    user-select: none;
}

.table-col-3 {
    padding: 8px 12px;
    flex: 1 1 33.3%;
    display: flex;
    align-items: center;
}

.table-col-3:not(:first-child) {
    justify-content: center;
    text-align: center;
}

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

@media (max-width: 720px) {
    .listview .product-tile__price{
        margin-bottom: 0px;
    }

    .headline.h1 {
        font-size: 32px;
        line-height: 35.2px;
    }
    
    .headline.h2 {
        font-size: 20px;
        line-height: 26px;
    }
    
    .title.t1 {
        font-size: 14px;
        line-height: 19.6px;
    }
    
    .title.t2 {
        font-size: 12px;
        line-height: 16.8px;
    }
    
    .title.t3 {
        font-size: 11px;
        line-height: 19.2px;
    }
    
    .text.b1 {
        font-size: 12px;
        line-height: 18.4px;
    }
    
    .text.b2, .table-col {
        font-size: 11px;
        line-height: 19.2px;
    }
    
    .link.l1 {
        font-weight: 500;
        font-size: 14px;
        line-height: 22.4px 
    }
    
    .price {
        font-weight: 600;
        font-size: 16px;
        line-height: 25.6px
    }
    
    .linkbtn.lb1 {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
    }
    
    .linkbtn.lb2 {
        font-weight: 500;
        font-size: 16px;
        line-height: 25.6px;
    }
    
    .linkbtn.lb2 {
        font-weight: 500;
        font-size: 14px;
        line-height: 22.4px;
    }
}

/* buttons and links */

select.link.l1.noborder {
    border: none;
    background: transparent;
    outline: none;
}

a {
    color: var(--text1-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

a.icon-above {
    flex-direction: column;
    width: fit-content;
    gap: 5px;
}

.icon-above__top {
    display: block;
    line-height: 0;
    position: relative;
}

.icon-above__count {
    display: none;
    position: absolute;
    top: 49%;
    left: 100%;
    transform: translateY(-50%);
    background-color: #4AC3CD;
    color: #FFF;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

a.icon-above:hover .icon-above__count {
    color: #ffffff;
}

.icon-above__count.has-elems {
    display: flex;
}

a:hover, a:hover:not(:has(.product-tile__badges), .no-hover-recol) span {
    color: var(--pri1-color); 
}

a:hover svg path[colorable="fill"] {
    fill: var(--pri1-color);
}

a:hover svg path[colorable="stroke"] {
    stroke: var(--pri1-color);
}

a:hover svg path[colorable="all"] {
    fill: var(--pri1-color);
    stroke: var(--pri1-color);
}

.select.styled {
    border: none;
    outline: none;
    background: var(--bg1-color);
    padding: 12px 13px;
    width: 250px;
    height: 50px;
    border-radius: 6px;
}

.select.styled.nowidthlimit {
    width: auto;
}

.btn {
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
}

.btn:hover {
    background-color: var(--pri2-color--semi) !important;
    border-radius: 6px;
}

.btn--graybg {
    background-color: var(--bg1-color) !important;
    color: #000000;
}

.btn--colbg {
    background-color: var(--pri2-color) !important;
    color: var(--text3-color) !important;
}

.btn--graybg:hover {
    background-color: var(--pri2-color) !important;
    color: var(--text3-color) !important;
}

.btn--colbg:hover {
    background-color: var(--pri1-color) !important;
}


.btn--graybg:hover [colorable="fill"], 
.btn--graybg:hover [colorable="all"] 
.btn--colbg [colorable="fill"], 
.btn--colbg [colorable="all"]  {
    fill: #FFF !important;
}

.btn--graybg:hover [colorable="stroke"], 
.btn--graybg:hover [colorable="all"],
.btn--colbg [colorable="stroke"], 
.btn--colbg [colorable="all"]  {
    stroke: #FFF !important;
}

.btn--graybg:disabled, .btn--colbg:disabled  {
    opacity: 0.3;
}


.btn.radio {
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.btn.radio input {
    display: none;
}

.btn.radio span{
    padding: 12px 24px;
    display: flex;
}

.btn.btn--graybg.radio span{
    padding: 0 24px;
    display: flex;
}

.btn.radio:has(input[checked]) {
    color: var(--text3-color) !important;
    background-color: var(--pri2-color) !important;
}

.btn.radio:has(input:checked) {
    color: var(--text3-color) !important;
    background-color: var(--pri2-color) !important;
}

.btn.radio:has(input[checked]) svg [colorable="fill"], 
.btn.radio:has(input[checked]) svg [colorable="all"],
.btn.radio:has(input:checked) svg [colorable="fill"], 
.btn.radio:has(input:checked) svg [colorable="all"],
.btn.radio:hover svg [colorable="fill"], 
.btn.radio:hover svg [colorable="all"]  {
    fill: var(--text3-color) !important;
}

.btn.radio:has(input[checked]) svg [colorable="stroke"], 
.btn.radio:has(input[checked]) svg [colorable="all"],
.btn.radio:has(input:checked) svg [colorable="stroke"], 
.btn.radio:has(input:checked) svg [colorable="all"],
.btn.radio:hover svg [colorable="stroke"], 
.btn.radio:hover svg [colorable="all"] {
    stroke: var(--text3-color) !important;
}

.sqbtn--sm, .sqbtn--md {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sqbtn--sm span, .sqbtn--md span{
    padding: 0;
}

.sqbtn--sm {
    width: 36px;
    height: 36px;
}

.sqbtn--md {
    width: 50px;
    height: 50px;
}


.btn.catalog__btn {
    padding: 12px 24px;
    background-color: var(--pri1-color);
    color: var(--text3-color);
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 6px;
}

.btn.catalog__btn:hover {
    background-color: #68E5EF !important;
}

.btn.catalog__btn:disabled {
    opacity: 0.3;
}

.btn.catalog__btn::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cmVjdCB4PSczLjc1JyB5PSczLjc1JyB3aWR0aD0nNi41JyBoZWlnaHQ9JzYuNScgcng9JzEuMjUnIGZpbGw9J3doaXRlJyBzdHJva2U9J3doaXRlJyBzdHJva2Utd2lkdGg9JzEuNScvPjxyZWN0IHg9JzEzLjc1JyB5PSczLjc1JyB3aWR0aD0nNi41JyBoZWlnaHQ9JzYuNScgcng9JzEuMjUnIGZpbGw9J3doaXRlJyBzdHJva2U9J3doaXRlJyBzdHJva2Utd2lkdGg9JzEuNScvPjxyZWN0IHg9JzEzLjc1JyB5PScxMy43NScgd2lkdGg9JzYuNScgaGVpZ2h0PSc2LjUnIHJ4PScxLjI1JyBmaWxsPSd3aGl0ZScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScxLjUnLz48cmVjdCB4PSczLjc1JyB5PScxMy43NScgd2lkdGg9JzYuNScgaGVpZ2h0PSc2LjUnIHJ4PScxLjI1JyBmaWxsPSd3aGl0ZScgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScxLjUnLz48L3N2Zz4K);
    width: 24px;
    height: 24px;
}

.btn.catalog__btn.active::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTYuMjQzMSA3Ljc1NzM4TDcuNzU3ODEgMTYuMjQyN00xNi4yNDMxIDE2LjI0MjZMNy43NTc4MSA3Ljc1NzMyJyBzdHJva2U9J3doaXRlJyBzdHJva2Utd2lkdGg9JzEuNScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+Cg==");
    width: 24px;
    height: 24px;
}


.btn.yt__btn {
    background-color: #F2F6F9;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn.yt__btn:hover {
    background-color: #ED143B !important;
}

.btn.yt__btn:hover svg path{
    fill: #FFFFFF;
}


.btn.quantity-btn:first-child {
    margin-right: 4px;
}

.btn.quantity-btn:last-child {
    margin-left: 4px;
}

.btn.cart-btn--sm {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}

.btn.cart-btn--lg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 0 24px;
    color: #000000;
}

.btn.cart-btn--lg span {
    margin-left: 8px;
}



/*header*/

header {
    padding: 10px 0;
    
    z-index: 200;
}

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

.header--bottom {
    padding-top: 4px;
}

.header__logobox {
    display: flex;
}

.header__main {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1;
}

.header__main--bottom {
    display: flex;
    gap: 10px;
    width: 100%;
}

.header__menu--bottom, .header__main--top {
    display: flex;
    justify-content: space-between;
}

.header__contact {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header__search {
    background-color: var(--pri1-color);
    display: flex;
    padding: 4px;
    border-radius: 6px;
    flex: 1 1;
}

.header__search button {
    flex: 0 0 35px;
    display: flex;
    padding: 6px 14px;
    align-items: center;
}

.header__search input {
    flex: 1 1 auto;
    border-radius: 6px;
    border: none;
    outline: none;
    padding: 9.41px;
    font-size: 16px;
    line-height: 25.6px;
}

.header__shop__btns {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: 14px;
}

/* footer */

footer {
    padding: 32px 0;
}

.footer__columns {
    display: flex;
    margin: -32px;
}

.footer__column:first-child {
    max-width: 375px;
}
.footer__column {
    flex: 1 1 31.3%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 26px;
    max-width: 410px;
}

.footer__column:last-child {
    margin-left: 120px;
}

.footer__column.has__subcols {
    flex-direction: row;
}

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

.footer__column span {
    padding: 0;
    margin: 0;
}

.footer__columns .footer__column:not(:first-child) a {
    margin-bottom: 4px;
}

.footer__columns .footer__column:not(:first-child) .col__bottom {
    opacity: 0.6;
}

/* Homepage stuff */

.block__row {
    display: flex;
}

/* .block__col > div {
    height: 100%;
} */

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

.cardback {
    border-radius: 25px;
    padding: 1px;
    background: var(--gradient1);
    height: 100%;
}

.cardback .card {
    height: 100%;
}

.card {
    border-radius: 24px;
    background-color: #FFF;
    padding: 24px;
    margin-bottom: 12px;
}

.card.card--homepage {
    padding: 12px;
}

.card.card--homepage.first {
    margin-top: 24px;
}

.card.card--centered {
    display: flex;
    padding: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.minicat__row {
    display: flex;
}

.minicat__row .product-grid__item {
    flex: 1 1 50%;
}

.home__catalog {
    padding: 12px;
}

.block__col {
    padding: 12px;
    flex: 0 0 25%;
}

.block__col--wide {
    flex: 0 0 50%;
}

.product-grid {
    display: flex;
    flex-direction: column;
}

.product-grid__row {
    display: flex;
}

.product-grid__item {
    flex: 0 1 20%;
}

.product-grid__row:nth-child(odd) .product-grid__item:last-child,
.product-grid__row:nth-child(even) .product-grid__item:first-child {
    flex: 0 1 40%;   
    border-radius: 12px;
}

.product-grid__row:nth-child(odd) .product-grid__item:last-child .prod-avail__button svg path,
.product-grid__row:nth-child(even) .product-grid__item:first-child .prod-avail__button svg path{
    fill: #FFF;
}


.product-grid__row:nth-child(odd) .product-grid__item:last-child {
    background: var(--gradient1);
}

.product-grid__row:nth-child(even) .product-grid__item:first-child {
    background: #1FA2FF;
}

.product-grid__row:nth-child(odd) .product-grid__item:last-child span,
.product-grid__row:nth-child(even) .product-grid__item:first-child span{
    color: var(--text3-color);
}

.product-grid__row:nth-child(odd) .product-grid__item:last-child .btn--gray,
.product-grid__row:nth-child(even) .product-grid__item:first-child .btn--gray, 
.product-grid__row:nth-child(odd) .product-grid__item:last-child input,
.product-grid__row:nth-child(even) .product-grid__item:first-child input{
    background-color: var(--bg2-color);
}

/* Imagebox */

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

.img-box.img-box--products {
    padding-top: 48%;
    border-radius: 10px;
    min-height: 230px;
    background-color: #fff;
}

.img-box.img-box--banners {
    padding-top: 48%;
    border-radius: 10px;
    min-height: 230px;
}

.img-box.img-box--banners--sm {
    padding-top: 54%;
    border-radius: 10px;
    min-height: 135px;
    position: relative;
    top: 10%;
}

.img-box.img-box--logo {
    padding-top: 35%;
    border-radius: 0px;
    background-color: #fff;
    min-width: 230px;
    margin-left: 4px;
}

.img-box.img-box--cards{
    padding-top: 40%;
    height: 100%;
}

.img-box {
    padding-top: 100%;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    display: block;
}

.img-box img, .img-box--logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* banners */

.banner__test-area { /* Тестовый ограничитель размера */
    width: 300px;
    height: 500px;
}

.banner__test-area--green {
    width: 400px;
    height: 270px;
}

.banner {
    background-color: #6271FF;
    background-size: cover;
    background-position: bottom;
    padding: 24px;
    border-radius: 24px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner span, .banner a {
    color: var(--bg2-color--semi);
}

.banner__title span, .banner__link a span{
    color: var(--text3-color) !important;
}

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

.banner__link a span{
    opacity: 0.6;
}

.banner__link a:hover span {
    opacity: 1;
}

.banner__link a:hover [colorable="stroke"] {
    stroke-opacity: 1;
}

.banner__subtitle {
    margin: 12px 0;
}

.banner__info-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.banner__badge {
    background-color: var(--bg2-color--semi);
    padding: 4px 8px;
    border-radius: 6px;
}

.banner__badge__title span{
    color: var(--text2-color);
}

.banner__badge__value span {
    color: var(--text1-color)
}

.banner__image {
    margin: 15px 0;
}

.banner-sm {
    background: var(--gradient7);
    height: 100%;
    padding: 24px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner-sm__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.banner-sm__badge {
    background-color: var(--bg2-color--semi);
    padding: 4px 8px;
    border-radius: 6px;
}

.banner-sm__badge span {
    color: var(--text2-color);
}

.banner-sm__row {
    display: flex;
}

.banner-sm__badge-bright, .banner-sm__image {
    flex: 1 1 50%;
}

.banner-sm__badge-bright {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.banner-sm__badge-bright span{
    color: var(--text2-color);
    background-color: var(--bg2-color);
    padding: 6px 8px;
    border-radius: 6px;
    text-align: center;
}

.banner-sm__bottom span{
    color: var(--text3-color);
}

.banner__row {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding-top: 24px;
}

a.banner__link-wrapper .banner-sm {
    width: 100%;
}

a.banner__link-wrapper:hover {

}

.banner__col {
    flex: 1 1 33.3%;
}

.banner__title * {
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

/* popups */

.popup {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #00000040;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 900;
}

.popup__window {
    max-width: 640px;
    background-color: #FFF;
    padding: 40px;
    border-radius: 24px;
}

.popup__title {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.popup__btnrow {
    margin-top: 30px;
    display: flex;
    gap: 10px;
    /* justify-content: center; */
}

.popup__btnrow button {
    padding: 8px 20px;
}

.popup__close {
    position: relative;
    bottom: 20px;
    left: 20px;
}

.popup__close:hover {
    background-color: transparent !important;
}

.hidden {
    display: none;
}

.body__noscroll {
    overflow: hidden;
}

.info-popup {
    display: block;
    position: fixed;
    top: 35px;
    left: 50%;
    text-align: center;
    z-index: 200;
    background-color: #00000090;
    padding: 12px 30px;
    border-radius: 12px;
    transform: translateX(-50%);
    font-weight: 600 !important;
    color: #FFF;
    visibility: visible;
    opacity: 1;
}

.info-popup.hidden {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

/*Header cart*/


.header__cart-btn {
    position: relative;
}

.header__shop-number {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #4AC3CD;
    color: #FFF;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.header__cart-btn:hover .header__shop-number, .header__shop-number:hover {
    color: #FFF !important;
}

.card.cart-empty__recs .home__catalog {
    padding: 0;
    margin-top: 24px;
}

/* Order */
#bx-soa-order {
    display: flex;
    counter-reset: heading;
    transition: 500ms opacity ease;
}

.bx-soa-more-btn.col button {
    padding: 8px 15px;
    color: #FFF;
}
.bx-soa-more-btn.col {
    display: flex;
    justify-content: space-between;
}

.bx-soa-more-btn.col button {
    padding: 8px 15px;
    color: #FFF;
}

.bx-soa-cart-total.bx-soa-cart-total-fixed {
    position: fixed;
    top: 130px;
}

@media (max-width: 990px) {
    .bx-soa-cart-total.bx-soa-cart-total-fixed {
        position: unset !important;
        top: 0 !important;
    }
}

.bx-soa-cart-total-ghost {
    padding: 0 !important;
}

.bx-soa-sidebar {
    position: relative;
    height: 100%;
    flex: 0 0 320px;
    margin-left: 25px;
}

.bx-soa-coupon-item strong.bx-soa-coupon-item-success {
    color: #3ba428;
    display: flex;
    align-items: center;
}

.bx-soa-section.bx-selected {
    border: none;
}

.bx-soa-section-title-container {
    overflow: hidden;
    padding: 12px 20px;
    background: #FFF;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 20px;
}

.bx-soa .bx-soa-location-input-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

.bx-soa-section-title {
    margin: 0;
    padding: 3px 0 0;
    min-height: 20px;
    border-radius: 2px;
    color: #000;
    vertical-align: middle;
    font-size: 20px;
    /* font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); */
    /* font-weight: var(--ui-font-weight-regular, 400); */
    line-height: 28px;
    transition: all .3s ease;
    font-weight: 700;
}

.bx-soa .bx-soa-customer-label, .bx-soa .form-group label {
    position: relative;
    padding-bottom: 6px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner {
    background: #dff0d8;
    color: #3c763d;
    padding: 0 12px;
    margin-left: 10px;
}

.bx-soa-pp.row {
    display: flex;
}

.bx-soa-pp-item-container {
    flex: 1 1 auto;
}

.bx-soa-pp .bx-soa-pp-company {
    flex: 0 0 33.3%;
    padding: 7px;
}

.bx-soa-pp-desc-container {
    padding-top: 7px;
    flex: 0 0 250px;
}

.bx-soa-coupon-block {
    display: flex;
}

.bx-soa-coupon-input {
    position: relative;
    top: 0;
    display: inline-block;
    vertical-align: middle;
}

a.btn.btn-primary.btn-lg.btn-order-save {
    padding: 13px;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
}

a.btn.btn-primary.btn-lg.d-none.d-sm-inline-block {
    padding: 13px;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
}

.bx-soa-cart-d {
    float: right;
    color: #333;
    text-align: right;
    display: flex;
    gap: 10px;
}

.bx-soa-cart-total {
    padding: 20px;
    border: none;
    border-radius: 20px;
    background-color: #fff;
    transition: opacity .2s ease;
}

.bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {
    border-color: transparent;
    background-color: transparent;
    border-radius: 0px;
    border-bottom: 1px solid #bfbfbf;
}

.bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted .bx-soa-cart-d {color: #FF0C37 !important;}

.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {
    font-weight: 400;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
    font-size: 20px !important;
    font-weight: 700;
}

#bx-soa-orderSave .checkbox {
    padding: 20px 10px
}

#bx-soa-orderSave {
    margin-bottom: 100px;
}

.form-check-group {
    display: flex;
    margin-bottom: 30px;
    gap: 12px;
    align-items: center;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 4px;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total {
    padding-top: 12px;
    border-bottom: none;
}

.bx-soa-section {
    margin-bottom: 6px;
    border: none;
    border-radius: 12px;
    background-color: #fff;
    transition: border-color .3s ease;
    overflow: hidden;
}

.bx-soa-pp-company {
    position: relative;
    z-index: 10;
}

.bx-soa-pp.row .row {
    display: flex;
    flex-wrap: wrap;
}

.alert {
    margin-bottom: 20px;
    padding: 15px;
    border: 0;
    border-radius: 12px;
    font-size: 14px;
}

.alert.alert-success div {
    padding: 0 10px !important;
    display: flex;
    align-items: center;
    gap: 20px;
}

.alert-success {
    border-color: #BDAA8A;
    background-color: #F8F5F0;
    color: #BDAA8A;
}

.bx-soa-section.bx-step-completed {
    border: 1px solid var(--pri-blue);
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-count {
    border-color: #3D518C;
    background: #3D518C;
}

div#bx-soa-total-mobile {
    display: none;
}

.icon-success {
    display: none !important;
}

.bx-soa-section-title-count {
    display: none !important; 
}

.bx-soa-section-title-count:before {
    display: none !important;
}

.form-group.bx-soa-customer-field {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.bx-soa-customer-comment {
    margin-left: 0px;
    width: 100%;
}

.bx-soa-customer input, .bx-soa-customer textarea {
    width: 100%;
}
.bx-soa-customer .form-group input {
    padding: 10px 14px;
}
.bx-soa-customer .form-control {
    background-color: #f8fafc;
    border: 1px solid #d5dadc;
    box-shadow: none;
    border-radius: 2px;
}

.bx-soa-customer .form-control {
    display: block;
    width: 100%;
    padding: 10px 14px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    outline: none;
    /* border: 1px solid #EDE8E1; */
    border-radius: 8px;
    background-color: #F2F6F9;
}

textarea#soa-property-7 {
    resize: vertical;
}

#pickUpMap {
    border-radius: 10px;
    overflow: hidden;
    height: 400px !important;
}

.bx-soa-section-content {
    padding: 20px 20px;
    transition: all .2s ease;
}

textarea#orderDescription {
    outline: none;
    border: none;
    padding: 10px 14px;
    border-radius: 8px;
    max-width: 100%;
    resize: vertical;
    min-height: 200px;
    background-color: #F2F6F9;
}

/* .bx-soa-section-content:not(.container-fluid) .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
} */

.bx-soa-pp-company-selected {
    display: flex;
    align-items: center;
}

.col-lg-8.col-md-7.bx-soa {
    flex: 1 1 auto;
  }

.page__search {
    border-radius: 10px;
    border: 1px solid #EDE8E1;
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 30px;
    max-width: 382px;
}

.bx-soa-item-imgcontainer {
    padding-top: 100%;
    border: 1px solid #c0cfd9;
    border-radius: 4px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
}

.bx-soa-pickup-list .bx-soa-pickup-list-item:last-child {
    border-bottom: none;
}
.bx-soa-pickup-list-item.bx-selected {
    background: transparent;
}
.bx-soa-pickup-list .bx-soa-pickup-list-item {
    position: relative;
    padding: 0;
    border-top: none;
    font-size: 13px;
    transition: background .2s ease;
}

.bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail {
    display: none;
    padding-top: 10px;
}

.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn {
    position: relative;
    top: auto;
    right: auto;
    float: none;
    margin-top: 0;
    padding-top: 10px;
    padding-left: 100px;
    display: flex;
}

.btn {
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
    padding: 5px;
}

a.btn.btn-primary.btn-lg.btn-order-save, 
a.btn.btn-primary.btn-lg.d-none.d-sm-inline-block {
    padding: 13px;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    background-color: #009999;
}

a.btn.btn-primary.btn-lg.btn-order-save:hover, 
a.btn.btn-primary.btn-lg.d-none.d-sm-inline-block:hover {
    background-color: var(--pri1-color) !important;
}

@media (max-width: 990px) {
    .bx-basket {
        flex-direction: column;
    }
    .bx-basket .row:last-child {
        margin-left: 0px;
    }
}

@media (max-width: 990px) {
    #bx-soa-order {
        flex-direction: column-reverse;
    }
    .bx-soa-sidebar {
        display: none;
    }
    .bx-soa-pp.row {
        flex-direction: column;
    }
    .bx-soa-pp .bx-soa-pp-company {
        flex: 0 0 50%;
    }
}

.mobile-only {
	display: none;
}

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

@media (max-width: 1410px) {
    body {
        overflow-x: hidden;
    }
}

.tall__banner--linkwrap {
    height: 100%;
    width: 100%;
}

.tall__banner--linkwrap:hover .banner__link span {
    color: #FFF !important;
}

.tall__banner--linkwrap:hover .banner__link path {
    stroke-opacity: 1 !important;
}

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


.long__banner {
    background: linear-gradient(160deg, rgba(135, 218, 134, 1) 0%, rgba(190, 235, 121, 1) 100%);
    border-radius: 24px;
    position: relative;
    display: flex;
    min-height: 130px;
    overflow: hidden;
    margin-bottom: 12px;
    width: 100%;

}


a:hover :has(.long__banner){
    color: var(--text1-color) !important;
}

a:hover .long__banner span {
    color: var(--text1-color) !important;
}

.long__banner .pic__left, .long__banner .pic__right, .long__banner .text__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.long__banner .pic__left {
    background-image: url(/images/long_l.png);
    background-position: left bottom;
    background-size: 20%;
}

.long__banner .pic__right {
    background-image: url(/images/long_r.png);
    background-position: right bottom;
    background-size: 24%;
}

.text__overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50% !important;
    margin-right: 25%;
    margin-left: 25%;
}

.banner__line {
    display: flex;
    width: 100%;
}

.banner__line.bottom {
    justify-content: flex-end;
}

.swiper-pagination {
    display: none;
}

.catalog__buttons--row .btn span {
    padding: 0px 10px !important;
}


.catalog__buttons--row .button-row--side {
    display: flex;
    gap: 8px;
}

.catalog__buttons--row {
    display: flex;
    height: 38px !important;
    justify-content: space-between;
}
.catalog__buttons--row .sqbtn--md {
    height: 38px;
    width: 38px;
}
.catalog__buttons--row select {
    height: 38px !important;
    padding: 0 5px !important;
    width: 100% !important;
}

.catalog__buttons--row .filter__button {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.smart-filter-parameters-box-title {
    padding: 8px 12px;
    background-color: var(--bg1-color);
    border-radius: 6px;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 19.6px;
    font-weight: 600;
}

.bx-sbb-empty-cart-desc {
    margin-bottom: 42px;
    color: #000;
    text-align: center;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price__new__highlight {
    color: #FF0C37;
}

.form-group.form-check.mb-1 {
    font-size: 14px;
    line-height: 22.4px;
    padding: 0 5px;
}

.form-group.form-check.mb-1 label {
    font-family: unset;
    font-weight: 500 !important;
}

.smart-filter-input-group-checkbox-list {
    padding-bottom: 10px;
}

/* List view */

.listview .gridview-only {
    display: none;
}

.listview .product-tile__badges {
    position: relative;
    padding-left: 5px;
    padding-bottom: 0px;
}

.listview .product-tile__badges--bottom {
    left: 0;
    bottom: 0;
}

.catalog__grid.listview {
    flex-direction: column;
}

.catalog__grid.listview .product-tile {
    flex-direction: row;
}

.catalog__grid.listview .product-tile--bottom {
    flex: 0 0 30%;
}

.catalog__grid.listview .product-tile--top, .product-tile a {
    width: auto;
    display: flex;
}

.listview .btn.cart-btn--sm {
    width: auto;
    display: flex;
    gap: 5px;
    padding: 12px 8px;
}

.listview .btn.cart-btn--sm::after {
    content: 'В корзину';
    /* margin: 0 9px; */
    font-size: 14px;
    font-weight: 500;
}

.bx_smart_searche .bx_item_block_item_price {
    float: right;
    text-align: right;
    color: #333;
    line-height: 17px;
    padding-left: 15px;
}

.catalog__grid.listview .img-box.img-box--products {
    padding-top: 100%;
    border-radius: 10px;
    min-width: 135px;
    background-color: #fff;
    margin-right: 15px;
}

/* Vlad's time to shine */

.body {
    background-color: #f2f6f9;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 0px;
    margin-bottom: 50px;
}

.sibvols-today{
    width: 100%; height: auto; padding: 40px; background: white; border-radius: 24px; justify-content: flex-start; align-items: center; gap: 210px; display: flex
}
.sibvols-today-title{
    width: auto; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
}
.sibvols-today-text1{
    align-self: stretch; color: #1D1D1B; font-size: 40px; font-family: Inter; font-weight: 700; line-height: 44px; letter-spacing: 0.80px; word-wrap: break-word
}
.sibvols-today-text2{
    align-self: stretch; color: #545656; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
}
.sibvols-product{
    width: 100%; height: auto; padding: 40px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex;
}
.sibvols-product-cont{
    align-self: stretch; height: 71px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
}
.sibvols-product-cont-title{
    align-self: stretch; color: #1D1D1B; font-size: 32px; font-family: Inter; font-weight: 700; line-height: 35.20px; letter-spacing: 0.32px; word-wrap: break-word
}
.sibvols-product-cont-text{
    align-self: stretch; color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
}
.sibvols-product-line{
    align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex
}
.sibvols-product-line-first{
    align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex
}
.sibvols-product-line-first-one{
    width: 50%; height: auto; padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px; background: white; border-radius: 24px; border: 1px #4AC3CD solid; 
    flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
}
.sibvols-product-line-first-cont-title{
    align-self: stretch; height: 56px; display:flex; justify-content: center;
}
.sibvols-product-line-first-one-title{
    align-self: stretch; text-align: center; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
}
.sibvols-product-line-first-one-img{
    width: 516px; height: 220px; padding-left: 56px; padding-right: 56px; padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; display: flex
}
.sibvols-product-line-first-two{
    width: 50%; height: auto; padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px; background: white; border-radius: 24px; border: 1px #4AC3CD solid; 
    flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
}
.sibvols-product-line-first-two-title{
    align-self: stretch; text-align: center; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
}
.sibvols-product-line-first-two-img{
    width: 516px; height: 220px; padding-left: 56px; padding-right: 56px; padding-top: 10px; padding-bottom: 10px; justify-content: center; align-items: center; display: flex
}
.sibvols-product-line-second-one{
    width: 33.3%; height: auto; padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px; background: white; border-radius: 24px; 
    border: 1px #4AC3CD solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
}
.sibvols-product-line-second-cont-title{
    align-self: stretch; height: 56px; display:flex; justify-content: center;
}
.sibvols-product-line-second-one-title{
    align-self: stretch; text-align: center; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
}
.sibvols-product-line-second-one-img{
    width: 309.33px; height: 220px; padding-left: 25px; padding-right: 25.33px; justify-content: center; align-items: center; display: flex
}
.sibvols-product-line-second-two{
    width: 33.3%; height: auto; padding-top: 40px;
    padding-bottom: 40px;
    
    padding-right: 20px; background: white; border-radius: 24px; 
    border: 1px #4AC3CD solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
}
.sibvols-product-line-second-two-img{
    width: 309.33px; height: 220px; justify-content: flex-start; align-items: center; display: flex;}
.sibvols-cabel{
    width: 100%; height: auto; padding: 40px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex
}
.sibvols-cabel-title{
    align-self: stretch; color: #1D1D1B; font-size: 32px; font-family: Inter; font-weight: 700; line-height: 35.20px; letter-spacing: 0.32px; word-wrap: break-word
}
.sibvols-cabel-cont{
    align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex
}
.sibvols-cabel-cont-first{
    width: 50%; height: 310px; 
    padding: 24px; background: linear-gradient(295deg, #27B099 0%, #009999 100%); border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: center; display: inline-flex
}
.sibvols-cabel-cont-first-textcont{
    align-self: stretch; height: 52px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: flex
}
.sibvols-cabel-cont-first-textcont-one{
    align-self: stretch; text-align: center; color: white; font-size: 14px; font-family: Inter; font-weight: 600; line-height: 19.60px; word-wrap: break-word
}
.sibvols-cabel-cont-first-textcont-two{
    align-self: stretch; text-align: center; color: white; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
}
.sibvols-map{
    width: 100%; height: 728px; padding: 40px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex;
    background-image: url('/images/static/map_new.png'); background-repeat: no-repeat; background-position: center;
}
.sibvols-map-cont{
    width: 340px; height: 163px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex
}
.sibvols-map-cont-title{
    align-self: stretch; color: #1D1D1B; font-size: 32px; font-family: Inter; font-weight: 700; line-height: 35.20px; letter-spacing: 0.32px; word-wrap: break-word
}
.sibvols-map-cont-text{
    color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
}
.sibvols-employes{
    width: 100%; min-height: 440px; padding: 40px; background: white; border-radius: 24px; justify-content: space-between; align-items: flex-start; display: flex
}
.sibvols-employes-container{
    width: 596px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex
}
.sibvols-employes-container-title{
    align-self: stretch; color: #1D1D1B; font-size: 32px; font-family: Inter; font-weight: 700; line-height: 35.20px; letter-spacing: 0.32px; word-wrap: break-word
}
.sibvols-employes-container-text1{
    color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
}
.sibvols-employes-container-text2{color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 700; line-height: 24px; word-wrap: break-word}
.sibvols-employes-container-email{
    align-self: stretch; height: 56px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex
}
.sibvols-employes-container-email-title{
    align-self: stretch; color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
}
.sibvols-employes-container-email-cont{
    width: 300px; justify-content: flex-start; align-items: center; gap: 8px; display: flex
}
.sibvols-employes-container-email-cont-text{
    width: 272px; color: #009999; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
}
.sibvols-delivery{
    width: 100%; min-height: 290px; padding: 40px; background: white; border-radius: 24px; justify-content: space-between; align-items: flex-start; display: flex
}
.sibvols-delivery-cont{
    width: 845px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex
}
.sibvols-delivery-cont-title{
    align-self: stretch; color: #1D1D1B; font-size: 32px; font-family: Inter; font-weight: 700; line-height: 35.20px; letter-spacing: 0.32px; word-wrap: break-word
}
.sibvols-delivery-cont-text1{
    color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
}
.sibvols-delivery-cont-text2{
    color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 700; line-height: 24px; word-wrap: break-word
}
.sibvols-sity{
    width: 100%; height: auto; padding-left: 24px; padding-right: 24px; padding-top: 12px; padding-bottom: 12px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; flex-wrap: wrap;
}
.sibvols-sity-cont{
    align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 12px; display: inline-flex; flex-wrap: wrap;
}
.sibvols-sity-cont-choise{
    padding-left: 24px; padding-right: 24px; padding-top: 12px; padding-bottom: 12px; background: #F2F6F9; border-radius: 6px; justify-content: center; align-items: center; display: flex; cursor: pointer;
}

.sibvols-sity-cont-choise input {
    display: none;
}

.sibvols-sity-cont-choise:has(input:checked), .sibvols-sity-cont-choise:hover {
    background-color: #009999;
}

.sibvols-sity-cont-choise-text{
    color: #545656; font-size: 16px; font-family: Inter; font-weight: 500; line-height: 25.60px; word-wrap: break-word
}

.sibvols-sity-cont-choise:has(input:checked) .sibvols-sity-cont-choise-text, .sibvols-sity-cont-choise:hover .sibvols-sity-cont-choise-text {
    color: #FFF;
}

.sibvols-ofice{
    width: 100%; height: auto; padding: 24px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex
}
.sibvols-ofice-block{
    align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex
}
.sibvols-ofice-block-cont{
    width: 612px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: inline-flex
}
.sibvols-ofice-block-cont-title{
    align-self: stretch; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
}
.sibvols-ofice-block-cont-text{
    align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex;
}
.sibvols-ofice-block-cont-text-adsnum{
    width: 300px; height: 60px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
}
.sibvols-ofice-block-cont-text-adsnum-cont{
    width: 300px; height: 24px; justify-content: flex-start; align-items: center; gap: 8px; display: flex
}
.sibvols-ofice-block-cont-text-adsnum-ads{
    width: 272px; color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
}
.sibvols-requisites{
    width: 100%; height: auto; padding: 24px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
}
.sibvols-requisites-titleline{
    align-self: stretch; justify-content: space-between; align-items: center; display: inline-flex
}
.sibvols-requisites-titleline-left{
    border-radius: 6px; justify-content: flex-start; align-items: center; gap: 4px; display: flex
}
.sibvols-requisites-titleline-download{
    color: #009999; font-size: 16px; font-family: Inter; font-weight: 500; line-height: 25.60px; word-wrap: break-word; border-color: transparent; background-color: transparent; cursor: pointer;
}
.sibvols-requisites-cont {
    align-self: stretch;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
.sibvols-requisites-line {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: inline-flex;
    flex-wrap: wrap;
}
.sibvols-requisites-cont-title{
    align-self: stretch; color: #545656; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 22.40px; word-wrap: break-word
}
.sibvols-requisites-cont-text{
    align-self: stretch; color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
}

.sibvols-employes-container-email-cont-text a {
    color: #009999;
}

.textarea a {
    display: inline;
}

.textarea table th, .textarea table td {
    border: 1px solid lightgray;
    padding: 10px;
}
.textarea table {
    border-collapse: collapse;
}

.catalog__grid.listview .product-tile--top, .product-tile a:hover * {
    text-decoration: none !important;
}

.bx-soa-basket .bx-soa-section-title-container{
    display: none;
}

.bx-sls .dropdown-block {
    border: 1px solid #bdbdbd;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    padding: 0 22px 0 30px;
    position: relative;
    overflow: hidden;
    background-color: #F2F6F9;
}

.bx-authform {
    margin: 0 0 25px;
      margin-top: 0px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    margin-top: 15px;
    padding: 24px;
    border-radius: 24px;
}

.bx-authform * {
    max-width: 500px;
}

.bx-authform-input-container input[type="text"], .bx-authform-input-container input[type="password"] {
    display: block;
    width: 100%;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 19px 12px;
    border: none;
    border-radius: 6px;
    background: #F2F6F9;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
}

.btn.btn-primary {
    color: #FFF;
    background-color: #099;
    padding: 12px 24px;
}

.btn.btn-primary:hover {
    background-color: #68E5EF !important; 
}

.authform__title-flex span {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
.authform__title-flex {
    display: flex;
    align-items: baseline;
    gap: 24px;
    margin-bottom: 24px;
}
.auth__register__span {
    font-size: 14px;
    font-weight: 400;
}
.auth__register__span a {
    color: #099;
}
.login__main {
    max-width: 500px;
}
.bx-authform-formgroup-container {
    margin-bottom: 12px;
    padding-top: 12px;
}
.form-check__flex {
    display: flex;
    justify-content: space-between;
    padding: 19px 0px 0px 0px;
    margin-bottom: 24px;
}

.form-check__flex span {
    font-size: 14px;
    font-weight: 400;
}

.form-check__flex a {
  font-size: 14px;
  font-weight: 400;
  color: #099;
}

/* .auth__card {
    margin-top: 50px;
} */

.pwd__restore__form {
    max-width: 500px;
}

.pwd-email-container {

}

.alert.alert-danger {
    background-color: var(--red);
    color: #FFF;
}

.alert.alert-success {
    background-color: var(--green);
    color: #FFF;
}

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

.catalog__item {
    flex: 0 0 25%;
}

.catalog__item > div {
    height: 100%;
}

@media (max-width: 1200px) {
    .non-mobile {
        display: none;
    }
}

@media (min-width: 1200px) {
    .mobile {
        display: none !important;
    }
}

button.icon-above {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.mobile-menu {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    overflow: auto;
    transition: all .2s;
}

.mobile-menu.show {
    visibility: visible;
    opacity: 1;
    transition: all .2s;
}

.mobile-menu__header {
    padding: 10px 0;
}

.mobile-menu__header .wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.mobile-menu__item--static svg {
    flex: 0 0 18px;
}

.mobile-menu__item--collapsable svg {
    flex: 0 0 18px;
}

.mobile-menu__item--static:not(.plain)::after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTYnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNi42NjY5OSA0LjY2NjYzTDkuMzMzNjYgNy45OTk5Nkw2LjY2Njk5IDExLjMzMzMnIHN0cm9rZT0nIzFEMUQxQicgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvc3ZnPgo=");
    width: 16px;
    height: 16px;
    margin-left: auto;
}

.mobile-menu__item--static.plain span {
    margin: 5px 0;
}

.mobile-menu__spacer {
    display: block;
    height: 12px;
}

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

.mobile-menu__footer {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.mobile-menu__footer address, .mobile-menu__footer time {
    font-style: normal;
    font-size: 14px !important;
}

.mobile-menu__footer a, .mobile-menu__footer a span {
    font-size: 16px !important;
}

.wrapper__col.col--narrow .card {
    padding: 18px;
}

.cart-empty-btns {
    display: flex;
}

.empty-hint-text {
    font-weight: 400;
    font-size: 16px;
    padding: 12px 0;
    color: #545656;
}

.paydeliver-line {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon__payment {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTExLjk5OTcgMkgxNy45OTk3QzE5LjY3ODQgMiAyMS4xMTU2IDMuMDM0MDggMjEuNzA5IDQuNUg4LjI5MDVDOC44ODM4OSAzLjAzNDA4IDEwLjMyMTEgMiAxMS45OTk3IDJaTTIgMTJWMTZINkM3LjEwNDU3IDE2IDggMTUuMTA0NiA4IDE0QzggMTIuODk1NCA3LjEwNDU3IDEyIDYgMTJIMlpNMjIgNkg2QzMuNzkwODYgNiAyIDcuNzkwODYgMiAxMFYxMC41SDZDNy45MzMgMTAuNSA5LjUgMTIuMDY3IDkuNSAxNEM5LjUgMTUuOTMzIDcuOTMzIDE3LjUgNiAxNy41SDJWMThDMiAyMC4yMDkxIDMuNzkwODYgMjIgNiAyMkgxOEMyMC4yMDkxIDIyIDIyIDIwLjIwOTEgMjIgMThWNlonIGZpbGw9JyMxRDFEMUInLz48L3N2Zz4g);
}

.icon__delivery {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTYgMy4wNjI1SDkuNUMxMS43MDkxIDMuMDYyNSAxMy41IDQuODUzMzYgMTMuNSA3LjA2MjVWMTkuMDYyNUgxMC41QzEwLjUgMTcuMTI5NSA4LjkzMyAxNS41NjI1IDcgMTUuNTYyNUM1LjM0Mzg0IDE1LjU2MjUgMy45NTcxMSAxNi43MTIxIDMuNTkzMTkgMTguMjU3N0MyLjYyNTUxIDE3LjUyNzYgMiAxNi4zNjgxIDIgMTUuMDYyNVY3LjA2MjVDMiA0Ljg1MzM2IDMuNzkwODYgMy4wNjI1IDYgMy4wNjI1Wk05IDE5LjA2MjVDOSAyMC4xNjcxIDguMTA0NTcgMjEuMDYyNSA3IDIxLjA2MjVDNS44OTU0MyAyMS4wNjI1IDUgMjAuMTY3MSA1IDE5LjA2MjVDNSAxOS4wMjA1IDUuMDAxMjkgMTguOTc4OCA1LjAwMzg0IDE4LjkzNzVDNS4wNjgzOCAxNy44OTExIDUuOTM3NDIgMTcuMDYyNSA3IDE3LjA2MjVDOC4xMDQ1NyAxNy4wNjI1IDkgMTcuOTU3OSA5IDE5LjA2MjVaTTIwIDE5LjA2MjVDMjAgMjAuMTY3MSAxOS4xMDQ2IDIxLjA2MjUgMTggMjEuMDYyNUMxNi44OTU0IDIxLjA2MjUgMTYgMjAuMTY3MSAxNiAxOS4wNjI1QzE2IDE3Ljk1NzkgMTYuODk1NCAxNy4wNjI1IDE4IDE3LjA2MjVDMTkuMTA0NiAxNy4wNjI1IDIwIDE3Ljk1NzkgMjAgMTkuMDYyNVpNMTggMTUuNTYyNUMxOS43MjIyIDE1LjU2MjUgMjEuMTUzOCAxNi44MDYzIDIxLjQ0NTYgMTguNDQ0NkMyMS43ODkxIDE4LjA4NTUgMjIgMTcuNTk4NiAyMiAxNy4wNjI1VjExLjY3OUMyMiAxMS4xMjYxIDIxLjc3MTIgMTAuNTk4IDIxLjM2NzkgMTAuMjE5OUwxOC41NzcgNy42MDM0M0MxOC4yMDYzIDcuMjU1OSAxNy43MTcyIDcuMDYyNSAxNy4yMDkxIDcuMDYyNUgxNVYxNy4yNTg3QzE1LjYxMjQgMTYuMjQyMyAxNi43MjY4IDE1LjU2MjUgMTggMTUuNTYyNVonIGZpbGw9JyMxRDFEMUInLz48L3N2Zz4g);
}

.paydeliver__area ul {
    list-style: none;
    padding: 0;
}

.paydeliver__area ul ul {
    padding-left: 25px;
}

.paydeliver__area li {
    line-height: 30px;
}

.paydeliver__area li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: #099;
    display: inline-block;
    transform: translateY(-20%);
    margin-right: 10px;
}

.paydeliver__area li li {
    color: #545656;
}

.paydeliver__area li li::before {
    content: "•";
    color: #545656;
    display: inline;
    width: auto;
    height: auto;
    background-color: transparent;
    margin-right: 10px;
    transform: translateY(0);
}

.promo-cards {
    display: flex;
    margin: -12px;
    margin-top: 0;
}

.promo {
    padding: 12px;
    flex: 0 0 33.3%;
}

.promo-card {
    background-color: #F2F6F9;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.promo-card img {
    width: 100%;
}

a.link__logout {
    margin-bottom: 16px;
}

.mobile-footer-line {
    display: flex;
    justify-content: space-between;
}

.search__container {
    flex: 1 1 auto;
}

.select-city__dropdown-wrap {
    z-index: 99;
    position: absolute;
    top: 40px;
    /* right: 181px; */
}

.search__inner__hidden {
    display: none;
}


.product-tile {
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-tile__available span {
    display: inline-block;
}

.product-tile__btns {
    display: flex;
    width: 100%;
    height: 36px;
}

.product-tile__quantity-box {
    display: flex;
    flex: 1 1 auto;
}

.product-tile__quantity-box input{
    flex: 1 1 auto;
    width: 0;
    padding: 4px;
    background-color: #F2F6F9;
    border: none;
    outline: none;
    border-radius: 6px;
    text-align: center;

    font-weight: 500;
    font-size: 14px;
    line-height: 22.4px;
}

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

.product-tile__price--row {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 768px) {
    .product-tile__price--row {
        gap: 8px;
    }
}

.product-tile__badgeline .product-tile__badges {
    display: inline-block;
    position: unset;
}

.product-tile__badges {
    display: flex;
    position: absolute;
    
}

.product-tile__badges--top {
    right: 4px;
    top: 5px;
}

.product-tile__badges--bottom {
    left: 4px;
    bottom: 5px;
}

.product-tile__badges--inline {
    position: relative;
}

.product-tile__badges span {
    color: var(--text3-color);
    padding: 2px 6px;
    margin-right: 4px;
    border-radius: 6px;
    display: flex;
    align-items: normal;
    gap: 4px;
}

button.prod-avail__button svg {
    margin-left: auto;
    transform: rotate(0deg);
    transition: transform .2s;
}
button.prod-avail__button {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    color: #000000;
}

.listview .prod-avail__button {
    width: auto;
}

button.prod-avail__button span {
    margin: 0;
    font-size: 14px !important;
}

.prod-avail__button .caption {
    font-weight: 400;
}

a .product-tile__image {
    width: 100%;
}

.product-tile__badgeline .product-tile__badges span {
    color: var(--text3-color);
    padding: 2px 6px;
    margin-right: 4px;
    border-radius: 6px;
    display: inline-block;
    
}

.product-tile__badges--top span {
    background-color: var(--pri1-color);
    
}

.product-tile__badges--bottom span, .product-tile__badges--inline span {
    background-color: var(--red);
}

.listview .product-tile__name span {
    font-size: 14px !important;
    line-height: 22.4px !important;
}

.listview .gridview-only, .listview-only {
    display: none;
}

.listview .listview-only {
    display: unset;
}

.listview .product-tile {
    /* display: flex; */
    flex-direction: row;
    /* justify-content: unset; */
}

.listview .product-tile--top {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1;
}

.listview .product-tile__image {
    /* min-width: 105px; */
    flex: 0 0 100px;
}

.catalog__grid.listview .img-box.img-box--products {
    padding-top: 100%;
    border-radius: 10px;
    min-width: 100px !important; 
    background-color: #fff;
    margin-right: 15px;
    min-height: auto !important;
}

.listview .product-tile--bottom {
    flex: 0 0 273px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.listview .product-tile__price {
    text-align: right;
}

/* Убираем нативное управление для input[type="number"] */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.product-tile a:hover .product-tile__name {
    text-decoration: underline;
    text-decoration-color: var(--text1-color);
}

.product-tile--top, .product-tile a {
    width: 100%;
}

.product-tile__available {
    user-select: none;
    position: relative;
}

.product-tile__amount.hidden {
    transform: translate(-50%, 0);
    visibility: hidden;
    opacity: 0;

    transition: opacity .2s, transform .2s, visibility .2s;
}

.product-tile__amount {
    position: absolute;
    width: 100%;
    z-index: 50;
    top: 30px;

    transform: translate(0);
    visibility: visible;
    opacity: 1;

    transition: opacity .2s, transform .2s, visibility .2s;
}

.listview .product-tile__amount {
    position: relative;
    top: 0;
    width: auto;
    max-width: 250px;
}

.catalog__grid.listview .product-tile {
    flex-direction: row;
    border-bottom: 1px solid #8E9EAB;
}

.prod-avail__button.active svg {
    transition: transform .2s;
    transform: rotate(180deg);
}

@media (max-width: 1300px) {
    .card.first.offers .block__col.block__col--wide {
        flex: 0 0 47%;
    }
    .card.first.offers .block__row {
        justify-content: center;
    }
}

@media (max-width: 1200px) {
    div.title-search-result {
        border: 0 none !important;
        border-top: 0 none;
        display: none;
        overflow: hidden;
        z-index: 999;
        min-width: 200px;
        margin-top: -2px !important;
        background-color: #FFF;
        /* border-top: 0 none; */
        border-radius: 2px;
        box-shadow: none !important;
        /* display: block !important; */
    }
    .footer__column.has__subcols {
        padding-top: 20px;
        margin-bottom: -15px;
    }
    .desktop-only {
        display: none;
    } 
    .block__col .card {
        padding: 10px;
    }
	.header--bottom, .header__main--top, .icon-above span, .btn.catalog__btn {
	  display: none;
	}
    .search__container {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #FFF;
        width: 100%;
        padding: 4px 20px;
        z-index: 200;
        gap: 20px;
    }
    .search__container.show {
        display: flex;
    }
	.header__main--bottom {
	  justify-content: flex-end;
	}
    .img-box.img-box--logo {
        padding-top: 38%;
        border-radius: 0px;
        background-color: #fff;
        min-width: 100px;
        margin-left: 4px;
    }
	.product-grid__row {
	  flex-wrap: wrap;
	}
	.product-grid__item {
	  flex: 0 0 calc(50% - 12px) !important;
	}
	.card.card--homepage, .card:has(.banner__row) {
	  margin-left: -20px !important;
	  margin-right: -20px !important;
	}
	.card.card--homepage.offers .block__col--wide .cardback {
	  height: unset;
	  background: transparent;
	}
	.card.card--homepage.offers .block__col--wide .cardback .card {
	  padding: 0;
	  margin: 0;
	}
	.banner__row, .block__row {
	  flex-direction: column;
	}
	.footer__columns {
	  flex-direction: column;
	}
	.block__col {
	  flex: 0 0 50% !important;
	}
    .block__col--mobwide {
        flex: 0 0 100% !important;
    }
    .block__col--mobwide .img-box--cards {
        padding-top: 48% !important;
    }
	.wrapper__col.col--narrow {
	  display: none;
	}
	.wrapper__col {
	  padding: 0;
	  margin: -5px;
	}
	.catalog__item {
	  flex: 0 0 50% !important;
	}
	.catalog__buttons {
	  flex-direction: column;
	  gap: 15px;
	}
	.catalog__buttons--left .btn {
	  height: 50px;
	  flex: 0 0 48%;
	}
	.product__top-content {
	  display: flex;
	    flex-direction: column;
	}
	.description__tab-group {
	    flex-direction: column;
	}
	.gallery--sm {
        display: none !important;
    }
    .minicat__row{
        flex-wrap: wrap;
    }
    .minicat__row .product-grid__item {
        flex: 0 0 50% !important;
    }
    .block__col {
        padding: 6px;
        flex: 0 0 25%;
    }
    .block__row--wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .img-box.img-box--products {
        padding-top: 48%;
        border-radius: 10px;
        min-height: 140px;
        background-color: #fff;
    }
    .product-tile__badges span {
        padding: 0px 3px;
        display: flex;
        align-items: center;
        line-height: 12px !important;
    }
    .sqbtn--sm {
        width: 28px;
        height: 28px;
    }
    .product-tile__quantity-box input {
        height: 28px;
    }
    .product-tile__btns {
        display: flex;
        width: 100%;
        height: 28px;
    }
    .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
        background: #fff;
        border: 1px solid #545656;
        line-height: 28px;
        padding: 0px 10px;
        color: #444;
    }
    .bx-pagination .bx-pagination-container ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        justify-content: center;
        gap: 0px;
    }
    .mobile-controls {
        display: flex;
    }
    .card {
        border-radius: 24px;
        background-color: #FFF;
        padding: 20px;
        margin-bottom: 24px;
    }
    .table {
        border-radius: 12px;
        max-height: 250px;
        overflow-x: hidden;
        overflow-y: scroll;
        font-size: 11px;
    }
    .product__btns {
        flex-direction: column;
        height: auto;
        gap: 8px;
    }
    .btn.cart-btn--lg {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0px;
        width: 100%;
        padding: 0 24px;    
    }
    .header--top {
        gap: 0px;
    }
    .home__catalog .product-grid__row {
        gap: 0px;
    }
    .home__catalog .product-grid {
        gap: 12px;
    }
    .home__catalog .product-tile {
        padding: 12px;
    }
    .product-grid__row:nth-child(2n+1) .product-grid__item:last-child, .product-grid__row:nth-child(2n) .product-grid__item:first-child {
        padding: 0;
    }
    .slider__col {
        display: none;
    }
    .product__gallery {
        flex: 1 1;
        display: flex;
    }
    .product__info {
        margin-left: 0;
        margin-top: 20px;
        
    }
    .slider__images {
        width: 75vw;
        position: relative;
    }
    .product__gallery {
        justify-content: center;
    }
    .swiper-pagination {
        display: block;
    }
    .listview .product-tile__price {
        position: relative;
        width: 60%;
        top: 7px;
        height: 36px;
        /* margin-bottom: -36px; */
        text-align: left;
    }
    .listview .product-tile__btns {
        flex-direction: column;
        height: auto;
        margin-top: 8px;
    }
    .listview .product-tile__quantity-box {
        display: flex;
        flex: 1 1 auto;
        width: 40%;
        align-self: end;
    }
    .listview .sqbtn--sm {
        width: 36px;
        height: 36px;
    }
    .listview .product-tile__quantity-box input {
        height: 36px;
    }
    .listview .cart-btn--sm {
        margin: 0;
        width: 100% !important;
        margin-top: 8px;
    }
    .basket-item__row {
        flex-direction: column;
    }
    .basket-item__row > div {
        width: 100%;
    }
    .basket-block {
        padding: 12px;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column-reverse;
    }
    .basket-item-block-amount {
        padding: 0px;
    }
    .basket-item__row-group {
        display: flex;
        flex: 0 0 100%;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }
    .basket-item__row-right {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .basket-item__prices {
        display: flex;
        align-items: baseline;
        gap: 6px;
    }
    .basket-item__row-group {
        justify-content: space-between;
    }
    .basket-item-amount-filed, .basket-item-block-amount.disabled .basket-item-amount-filed:hover {
        width: 40px;
    }
    .bx-soa-section {
        margin: 0 -20px;
        margin-bottom: 12px;
    }
    .bx-soa-pp .bx-soa-pp-company {
        flex: 0 0 100% !important;
    }
    .form-check-group {
        gap: 8px;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer__column:last-child {
        margin-left: 0px;
        padding-bottom: 32px;
        padding-right: 65px;
    }
    .footer__column {
        padding-right: 80px;
        padding-bottom: 0px;
    }
    .img-box.img-box--cards {
        padding-top: 90%;
        height: 100%;
    }
    .fliter__headline {
        margin-top: -18px;
        padding: 18px 0px;
        padding-bottom: 18px;
        position: sticky;
        top: 0;
        background-color: #FFF;
        z-index: 200;
    }
    .filter-close-btn {
        display: flex;
        align-items: center;
        margin-left: auto;
        cursor: pointer;
    }
    .wrapper__col.col--narrow {
        display: none;
        position: fixed;
        z-index: 200;
        width: 100vw;
        height: 100vh;
        top: 0px;
        left: 0px;
        background-color: #FFF;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .wrapper__col.col--narrow.show {
        display: block;
    }
    .smart-filter-section .row:first-of-type {
        margin-bottom: 120px;
    }
    .col.smart-filter-button-box {
        position: fixed;
        bottom: 0;
        background-color: #FFF;
        width: 97%;
        left: 0px;
        padding: 20px;
        margin-right: 10px;
    }
    a.file__link::before {
        flex: 0 0 24px;
    }
    a.file__link {
        background-color: #FFF;
        font-size: 14px !important;
        display: flex;
    }
    .product__document-container {
        gap: 10px;
    }
    .long__banner {
        margin: 0 -20px;
        margin-bottom: 12px;
        margin-top: -12px;
        min-height: 75px;
    }
    .mobile-menu__container span {
        font-size: 14px !important;
        line-height: 22.4px !important;
    }
}

@media (max-width: 768px) {
    .listview .price.price--old.product-tile__price--base {
        position: relative;
        top: 7px;
        left: 4px;
    }
    .card.filter-card {
        margin: 0;
    }
    
    
    .banner {
        padding: 12px 24px;
    }
    button.prod-avail__button span {
        margin: 0;
        font-size: 12px !important;
        text-align: left;
    }
    .price {
        font-weight: 600;
        font-size: 12px;
        line-height: 25.6px;
    }
    .price--old {
        font-size: 10px !important;
        line-height: 19.6px;
        color: var(--text1-color--semi);
        text-decoration: line-through;
    }
    .sqbtn--sm {
        width: 24px;
        height: 24px;
    }
    .img-box.img-box--products {
        padding-top: 48%;
        border-radius: 10px;
        min-height: 130px;
        background-color: #fff;
    }
    .product-tile__quantity-box input {
        height: 24px;
        font-size: 12px;
    }
    .card {
        border-radius: 24px;
        background-color: #FFF;
        padding: 20px;
        margin: 0 -20px;
        margin-bottom: 24px;
    }
    .area {
        padding: 12px;
        background-color: #F2F6F9;
        border-radius: 0 0 6px 6px;
    }
    .product__property {
        flex: 0 0 100%;
        font-size: 12px;
    }
    .catalog__grid.listview .product-tile {
        flex-direction: column;
    }
    .catalog__buttons--row .btn span {
        padding: 0px 0px !important;
    }
    .wrapper__col {
        padding: 0;
        margin: 0px;
    }
    .wrapper__row {
        margin: 0px;
    }
    .home__catalog {
        padding: 0;
    }
    .block__row--wrap .card {
        margin: 0;
    }
    .amount-line {
        font-size: 11px;
        font-weight: 400;
    }
    .card:has(.listview) {
        width: 98vw;
    }
    .listview .product-tile__price {
        text-align: left;
        font-size: 14px;
    }
    .promo-card {
        border-radius: 6px;
    }
    .promo {
        flex: 0 0 50%;
    }
    .promo-cards {
        flex-wrap: wrap;
        margin-bottom: 50px;
    }

    .sibvols-ofice-block-cont-text {
        flex-direction: column;
        margin-bottom: 12px;
    }

    .wrapper.body {
        margin: 0 -20px;
        margin-bottom: 50px;
    }
    .authform__title-flex {
        flex-direction: column;
        gap: 12px;
    }
    .bx-authform-formgroup-container {
        margin-bottom: 12px;
        padding-top: 0;
    }
    .form-check__flex {
        display: flex;
        justify-content: space-between;
        padding: 4px 0px 7px 10px;
        margin-bottom: 12px;
    }
    .bx-authform-formgroup-container .btn, .reg__submitline .btn {
        width: 100%;
    }
    .reg__submitline {
        display: flex;
        align-items: center;
        gap: 24px;
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    .body {
    background-color: #f2f6f9;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; /* Чтобы блоки располагались по вертикали */
    align-items: center; /* Центрирование блоков по горизонтали */
    justify-content: center; /* Центрирование блоков по вертикали */
    gap: 8px;
    }
    .sibvols-delivery{
        height: auto; padding: 20px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
    }
    .sibvols-delivery-cont{
        width: 100%;align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex
    }
    .sibvols-delivery-cont-title{
        align-self: stretch; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-delivery-cont-text1{
        color: #1D1D1B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 22.40px; word-wrap: break-word
    }
    .sibvols-delivery-cont-text2{
        color: #1D1D1B; font-size: 14px; font-family: Inter; font-weight: 700; line-height: 22.40px; word-wrap: break-word
    }
    .sibvols-delivery img {
        margin: 0 auto;
        width: 100% !important;
        max-height: 260px !important;
        object-fit: contain;
    }
    .sibvols-sity{
        height: auto; padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; flex-wrap: wrap;
    }
    .sibvols-sity-cont{
        align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex; flex-wrap: wrap;
    }
    .sibvols-sity-cont-choise{
        padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px; background: #F2F6F9; border-radius: 6px; justify-content: center; align-items: center; display: flex
    }
    .sibvols-sity-cont-choise-text{
        color: #545656; font-size: 16px; font-family: Inter; font-weight: 500; line-height: 25.60px; word-wrap: break-word
    }
    .sibvols-ofice{
        height: auto; padding: 20px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
    }
    .sibvols-ofice-block{
        align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
    }
    .sibvols-ofice-block-cont{
        width: 320px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex; 
    }
    .sibvols-ofice-block-cont-title{
        align-self: stretch; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-ofice-block-cont-text{
        align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex; flex-wrap: wrap;
    }
    .sibvols-ofice-block-cont-text-adsnum{
        width: 300px; height: 60px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
    }
    .sibvols-ofice-block-cont-text-adsnum-cont{
        width: 300px; height: 24px; justify-content: flex-start; align-items: center; gap: 8px; display: flex
    }
    .sibvols-ofice-block-cont-text-adsnum-ads{
        width: 272px; color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
    }
    .sibvols-ofice-image{
        align-self: stretch; height: 380px; border-radius: 24px; background-image: url("images/static/Rectangle 9921.png"); background-repeat: no-repeat; background-position: center; background-size: 100%;
    }
    .sibvols-requisites{
        height: auto; padding: 20px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
    }
    .sibvols-requisites-titleline{
        align-self: stretch; justify-content: space-between; align-items: center; display: flex
    }
    .sibvols-requisites-titleline-left{
        border-radius: 6px; justify-content: flex-start; align-items: center; gap: 4px; display: flex
    }
    .sibvols-requisites-titleline-download{
        color: #009999; font-size: 16px; font-family: Inter; font-weight: 500; line-height: 25.60px; word-wrap: break-word; border-color: transparent; background-color: transparent; cursor: pointer;
    }
    .sibvols-requisites-cont{
        align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex
    }
    .sibvols-requisites-line{
        justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex
    }
    .sibvols-requisites-cont-title{
        align-self: stretch; color: #545656; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 22.40px; word-wrap: break-word
    }
    .sibvols-requisites-cont-text{
        align-self: stretch; color: #1D1D1B; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
    }
    .sibvols-today{
        height: auto; padding: 20px; background: white; border-radius: 24px; justify-content: flex-start; align-items: center; gap: 12px; display: flex; flex-direction: column;
    }
    .sibvols-logo{
        width: 320px; height:102px;
    }
    .sibvols-today-title{
        width: 100%; align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex
    }
    .sibvols-today-text1{
        align-self: stretch; color: #1D1D1B; font-size: 32px; font-family: Inter; font-weight: 700; line-height: 35.20px; letter-spacing: 0.32px; word-wrap: break-word
    }
    .sibvols-today-text2{
        align-self: stretch; color: #545656; font-size: 14px; font-family: Inter; font-weight: 600; line-height: 19.60px; word-wrap: break-word
    }
    .sibvols-product{
        height: auto; padding: 20px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; display: flex;
    }
    .sibvols-product-cont{
        align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex
    }
    .sibvols-product-cont-title{
        align-self: stretch; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-product-cont-text{
        align-self: stretch; color: #1D1D1B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 22.40px; word-wrap: break-word
    }
    .sibvols-product-line{
        align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
    }
    .sibvols-product-line-first{
        align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex; flex-direction: column;
    }
    .sibvols-product-line-first-one{
        width: 100%; height: auto; padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px; background: white; border-radius: 24px; border: 1px #4AC3CD solid; 
        flex-direction: column; justify-content: flex-start; align-items: center; gap: 8px; display: flex
    }
    .sibvols-product-line-first-cont-title{
        align-self: stretch; height: auto; display:flex; justify-content: center;
    }
    .sibvols-product-line-first-one-title{
        align-self: stretch; text-align: center; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-product-line-first-one-img{
        width: 272px; height: 220px; justify-content: center; align-items: center; display: flex
    }
    .sibvols-product-line-first-one-img-setting{
        width: 272px; height: 134px;
    }
    .sibvols-product-line-first-two{
        width: 100%; height: auto; padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px; background: white; border-radius: 24px; border: 1px #4AC3CD solid; 
        flex-direction: column; justify-content: flex-start; align-items: center; gap: 8px; display: flex
    }
    .sibvols-product-line-first-two-title{
        align-self: stretch; text-align: center; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-product-line-first-two-img{
        width: 272px; height: 240px; padding-left: 16px; padding-right: 16px; justify-content: center; align-items: center; display: flex
    }
    .sibvols-product-line-first-two-img-setting{
        width: 272px; height: 240px;
    }
    .sibvols-product-line-second-one{
        width: 100%; height: auto; padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px; background: white; border-radius: 24px; border: 1px #4AC3CD solid; 
        flex-direction: column; justify-content: flex-start; align-items: center; gap: 8px; display: flex
    }
    .sibvols-product-line-second-cont-title{
        align-self: stretch; height: auto; display:flex; justify-content: center;
    }
    .sibvols-product-line-second-one-title{
        align-self: stretch; text-align: center; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-product-line-second-one-img{
        width: 272px; height: 220px; justify-content: center; align-items: center; display: flex
    }
    .sibvols-product-line-second-one-img-setting{
        width: 272px; height: 134px;
    }
    .sibvols-product-line-second-two{
        width: 100%; height: auto; padding-top: 20px;
        padding-bottom: 20px;
        
        padding-right: 20px; background: white; border-radius: 24px; 
        border: 1px #4AC3CD solid; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
    }
    .sibvols-product-line-second-two-img{
        width: 309.33px; height: 220px; justify-content: flex-start; align-items: center; display: flex;}
    .sibvols-product-line-first-three-img-setting{
        width: 100%; height: 220px;
    }
    .sibvols-cabel{
        height: auto; padding: 20px; background: white; border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; display: flex
    }
    .sibvols-cabel-title{
        align-self: stretch; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-cabel-cont{
        align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex; flex-direction: column;
    }
    .sibvols-cabel-cont-first{
        width: 100%; height: auto; 
        padding: 24px; background: linear-gradient(295deg, #27B099 0%, #009999 100%); border-radius: 24px; flex-direction: column; justify-content: flex-start; align-items: center; display: inline-flex
    }
    .sibvols-cabel-cont-first-textcont{
        align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; display: flex
    }
    .sibvols-cabel-cont-first-textcont-one{
        align-self: stretch; text-align: center; color: white; font-size: 14px; font-family: Inter; font-weight: 600; line-height: 19.60px; word-wrap: break-word
    }
    .sibvols-cabel-cont-first-textcont-two{
        align-self: stretch; text-align: center; color: white; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-map {
        max-height: 480px;
        padding: 20px;
        background: white;
        border-radius: 24px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
        display: flex;
        background-image: url(/images/static/g5.png);
        background-repeat: no-repeat;
        background-position: 50% 75%;
        background-size: 85%;
    }
    .sibvols-map-cont{
        width: 100%; height: 163px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex
    }
    .sibvols-map-cont-title{
        align-self: stretch; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-map-cont-text{
        color: #1D1D1B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 22.40px; word-wrap: break-word
    }
    .sibvols-employes{
       height: auto; padding: 20px; background: white; border-radius: 24px; justify-content: space-between; align-items: center; display: flex; flex-direction: column;
    }
    .sibvols-employes-container{
        width: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px; display: flex; 
    }
    .sibvols-employes-container-title{
        align-self: stretch; color: #1D1D1B; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 28px; word-wrap: break-word
    }
    .sibvols-employes-container-text1{
        align-self: stretch; color: #1D1D1B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 22.40px; word-wrap: break-word
    }
    .sibvols-employes-container-text2{align-self: stretch; color: #1D1D1B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 22.40px; word-wrap: break-word}
    .sibvols-employes-container-email{
        align-self: stretch; height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 8px; display: flex
    }
    .sibvols-employes-container-email-title{
        align-self: stretch; color: #1D1D1B; font-size: 14px; font-family: Inter; font-weight: 400; line-height: 22.40px; word-wrap: break-word
    }
    .sibvols-employes-container-email-cont{
        width: 300px; justify-content: flex-start; align-items: center; gap: 8px; display: flex
    }
    .sibvols-employes-container-email-cont-text{
        width: 272px; color: #009999; font-size: 16px; font-family: Inter; font-weight: 400; line-height: 24px; word-wrap: break-word
    }
    .sibvols-employes-image{
        width: 320px; height: 230px; margin-top: 10px;
    }
    .sibvols-product-line div:has(img) {
        width: 100% !important;
    }
    .sibvols-product-line img {
        height: auto !important;
        width: 100% !important;
        max-height: 250px;
        object-fit: contain;
    }
    .sibvols-employes img {
        width: 100% !important;
        height: auto !important;
        margin-top: 15px;
    }
    .sibvols-cabel-cont-first img {
        top: 0 !important;
    }
}

.banner-sm__title span {
    text-transform: uppercase;
}

@media (max-width: 520px) {
    .text__overlay {
        width: 82% !important;
        left: 50% !important;
        transform: translateX(-50%);
        margin: 0 !important;
    }
    .long__banner {
        min-height: 73px;
    }
    .long__banner .pic__right {
        background-image: url(/images/long_r.png);
        background-position: 103% -420%;
        background-size: 30%;
    }
    .long__banner .pic__left {
        background-image: url(/images/long_l.png);
        background-position: -15% 0%;
        background-size: 35%;
    }
}

.mobile-menu__footer address, .mobile-menu__footer time {
    font-style: normal;
    font-size: 14px !important;
    color: #545656;
}

.head__badges {
    display: flex;
}

.search-page .btn {
    color: var(--text1-color) !important;
}

.badge-new span {background-color: var(--pri1-color) !important;}

.field__container {
    margin-top: 24px;
}

.empty-hint-additional {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
}

.empty-hint-additional-flex {
    display: flex;
    gap: 24px;
}

.card.order-confirm {
    max-width: 570px;
    margin: auto;
}

@media (max-width: 768px) {
    .card.order-confirm {
        max-width: 100%;
        margin: 0;
    }
}

.bx-soa-item-tr {
    display: flex;
    width: 100%;
    align-items: center;
}

.bx-soa-item-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.bx-soa-item-td:first-child {
    flex: 1 1 auto;
}

.bx-soa-item-td {
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
}

.form-group.bx-soa-location-input-container input {
    height: 34px;
    border: none;
    background-color: #F2F6F9;
    outline: none;
    border-radius: 6px;
}

.form-group.bx-soa-location-input-container {
    padding-top: 15px;
}

.bx-step-completed .bx-soa-item-img-block {
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    width: 85px !important; 
}

.bx-soa-item-imgcontainer {
    border: none !important;
}

.article-inline {
    text-wrap: wrap;
    display: block;
    margin-top: 4px;
}

.sale-order-list-inner-container {
    padding: 0px 20px;
}

.col__value {
    text-wrap: nowrap;
}

.footer__prices__notice {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    padding: 20px;
    -webkit-box-shadow: -1px -4px 8px 0px rgba(34, 60, 80, 0.1);
    -moz-box-shadow: -1px -4px 8px 0px rgba(34, 60, 80, 0.1);
    box-shadow: -1px -4px 8px 0px rgba(34, 60, 80, 0.1);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 800;
}

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

.notice__flex {
    display: flex;
    align-items: flex-end;
    gap: 25px;
}

.notice__contact-flex {
    display: flex;
    gap: 20px;
}

.notice__dismiss-btn {
    padding: 10px 24px;
}

.notice__buttons {
    position: absolute;
    right: 20px;
}

.hidden {
    display: none !important;
}

.lobut {
    display: none;
}

.lobut span {
    display: flex;
    gap: 5px;
    margin-top: 3px;
}

@media (max-width: 768px) {
    .notice__flex {
        display: block;
    }
    .notice__buttons {
        position: static;
    }
    .notice__dismiss-btn {
        padding: 4px 12px;
    }
}

.product-tile__badges.listview-only {
    padding-left: 0;
}

.product-tile__badges.listview-only div {
    position: static;
}

.product-tile__badges.listview-only div {
    position: static;
    margin: 0;
    padding: 0;
}

.listview .product-tile__badges.listview-only {
    display: flex;
    gap: 5px;
}

.listview .product-tile__available {
    text-align: start;
  }

.bx-soa-item-td:not(:first-of-type) {
    min-width: 24%;
}

#isOffer {
    top: 5px;
    height: 21px;
}

.bx-soa-cart-total-line {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: baseline;
}

.bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {
    border-color: transparent;
      border-bottom-color: transparent;
    background-color: transparent;
    border-radius: 0px;
    border-bottom: 1px solid #bfbfbf;
    padding-top: 0;
}

@media (min-width: 580px) {
    .bx-soa-item-img-block {
      margin: 0;
      width: 20%;
      flex: 0 0 20%;
    }
}

.bx-soa-cart-total.bx-soa-cart-total-fixed {
    position: fixed;
    top: 170px;
}

.btn--colbg.disabled {
	background-color: #F2F6F9 !important;
	color: #000 !important;
	cursor: not-allowed;
}

.sub-btn--sm {
    margin: 0;
    width: 100%;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .listview .sub-btn--sm {
        margin-top: 44px;
    }
}

@media (max-width: 460px) {
    .sub-btn--sm {
        font-size: 12px;
        text-align: center;
    }
}

.sub-btn--sm.disabled:hover {
    background-color: #F2F6F9 !important;
    color: #000 !important;
    cursor: not-allowed;
}

.popup__edo.popup__info {
    min-width: 700px;
}

/* Calculator */

.patchcalc__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 35.2px;
    letter-spacing: 1%;
}

.patchcalc__top {
    width: 100%;
}

.patchcalc__fields {
    width: 100%;
    display: flex;
    gap: 12px;
    padding: 24px 0;
}

.patchcalc__fields .field__group {
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #F2F6F9;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.patchcalc__fields .field__group label {
    font-weight: 400;
    font-size: 14px;
    line-height: 22.4px;
    letter-spacing: 0%;
    color: #545656;
}

.patchcalc__fields .field__group input {
    border: none;
    outline: none;
    background-color: transparent;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    font-family: Inter;
    width: 100%;
}

.patchcalc__fields .inputbox {
    display: flex;
    width: 100%;
}

.patchcalc__fields .field__length .inputbox::after,
.patchcalc__fields .field__cost .inputbox::after {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #545656;
    margin-left: 15px;
}

.patchcalc__fields .field__length .inputbox::after {
    content: 'м';
}

.patchcalc__fields .field__cost .inputbox::after {
    content: '₽';
}

.patchcalc__fields .field__length,
.patchcalc__fields .field__cost {
    flex: 0 0 160px;
}

.patchcalc__fields .field__name {
    flex: 1 1 auto;
}

.patchcalc__alert {
    padding: 12px 24px;
    background-color: #F2F6F9;
    color: #FF0C37;
    border-radius: 6px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}

.patchcalc__alert::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='7' r='1' fill='%23FF0C37'/%3E%3Cpath d='M11 10H12V17M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23FF0C37' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    margin-right: 12px;
    flex: 0 0 24px;
}

.patchcalc__cols {
    display: flex;
}

.patchcalc__col {
    flex: 0 0 78%;
}

.patchcalc__col.col--narrow {
    flex: 0 0 11%;
}

.patchcalc__col:not(.col--narrow) {
    padding: 0 40px;
}

.patchcalc__col__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
}

.patchcalc__col:not(.col--narrow) .patchcalc__col__title {
    text-align: center;
    width: 100%;
}

.patchcalc__col__btngroup {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 24px;
}

.patchcalc__radio input {
    display: none;
}

.patchcalc__radio label {
    display: block;
    color: #545656;
    background-color: #F2F6F9;
    border-radius: 6px;
    padding: 12px 24px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    letter-spacing: 0%;
    cursor: pointer;

}

.patchcalc__radio label:hover {
    background-color: #0099994D;
}

.patchcalc__radio:has(input:checked) label {
    color: #FFF;
    background-color: #009999;
}

@media (max-width: 1310px) {
    .patchcalc__col__title {
        font-weight: 600;
        font-size: 14px;
        line-height: 19.6px;
        letter-spacing: 0%;
    }
}

@media (max-width: 954px) {
    .patchcalc__fields {
        flex-direction: column;
    }
    .patchcalc__fields .field__length,
    .patchcalc__fields .field__cost {
        flex: 1 1 auto;
    }
    .patchcalc__cols {
        flex-wrap: wrap;
    }
    .patchcalc__col.col--narrow {
        flex: 0 0 calc(50% - 10px);
    }
    .patchcalc__col.col--narrow:first-of-type {
        order: 1;
        margin-right: 10px;
    }
    .patchcalc__col.col--narrow:last-of-type {
        order: 2;
        margin-left: 10px;
    }
    .patchcalc__col:not(.col--narrow) {
        order: 3;
        flex: 0 0 100%;
        padding: 0;
        margin-top: 24px;
    }
    .patchcalc__col:not(.col--narrow) .patchcalc__col__title {
        text-align: left;
    }
}

/* Loyalty badges */

.loyalty-a {
    background-color: #39A76D !important; 
}

.loyalty-a::before {
    content: 'A';
    margin-right: -4px;
}

.loyalty-b {
    background-color: #F5A623 !important; 
}

.loyalty-b::before {
    content: 'B';
    margin-right: -4px;
}

.loyalty-c {
    background-color: #8E44AD !important; 
}

.loyalty-c::before {
    content: 'C';
    margin-right: -4px;
}

.captcha__area {
    display: none;
}

@media (max-width: 768px) {
    .profile__blocks, 
    .docs-info__row, 
    .uneditable__fields {
        flex-direction: column;
    }
    .uneditable__fields {
        gap: 10px;
    }
    .popup__edo.popup__info {
        min-width: auto;
        padding: 0 20px;
    }
    .popup__edo {
        padding: 0 20px;
    }
    .edo__form__buttonline {
        align-items: flex-start;
        flex-direction: column;
    }
    .edo__notice svg {
        flex: 0 0 auto;
    }
    .password-pol__notice {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
    .long__banner {
        width: calc(100% + 40px);
    }
}

@media (max-width: 568px) {
    .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child {
        padding-left: 0;
    }
    .bx-soa-item-table .bx-soa-item-tr-first .bx-soa-item-td {
        padding-top: 0;
        border-top: none;
    }
    .bx-soa-item-tr div:first-child {
        flex: 0 0 100%;
    }
    .bx-soa-item-tr div:not(:first-child) {
        flex: 0 0 50%;
    }
    .bx-soa-item-tr {
        flex-wrap: wrap;
    }
    .bx-soa-item-img-block {
        margin: 0;
        max-width: 95px;
    }
    .bx-soa-item-td {
        padding-left: 0px;
    }
    .bx-soa-item-td-text {
        display: flex !important;
        gap: 5px;
    }
    
}

.card.patchcalc {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    border-radius: 24px;
    padding-top: 24px;
    padding-right: 40px;
    padding-bottom: 24px;
    padding-left: 40px;
    gap: 12px;
    background: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 24px;
}

.card.patchcalc .patchcalc_title {
    font-family: Inter;
    font-weight: 700;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: 1%;
}

.card.patchcalc .patchcalc_contacts {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.card.patchcalc .patchcalc_text {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0%;
    color: #545656;
}

.calc-twopane > div {
    flex: 0 0 calc(50% - 12px);
}

.calc-twopane {
    display: flex;
    gap: 24px;
    margin-bottom: 100px;
}

.accordion-header {
    margin-top: 0;
    margin-bottom: 12px;
}

.accordion-button {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    border: none;
    padding: 12px 24px;
    border-radius: 24px;
    background-color: #c2c6c8;
}

.active .accordion-button {
    background-color: #4AC3CD;
}

.accordion-button::after {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Crect width='24' height='24' rx='6' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.41438 9.53151C6.67313 9.20806 7.1451 9.15562 7.46855 9.41438L12 13.0396L16.5315 9.41438C16.855 9.15562 17.3269 9.20806 17.5857 9.53151C17.8444 9.85495 17.792 10.3269 17.4686 10.5857L12.4686 14.5857C12.1946 14.8048 11.8054 14.8048 11.5315 14.5857L6.53151 10.5857C6.20806 10.3269 6.15562 9.85495 6.41438 9.53151Z' fill='%23545656'/%3E%3C/g%3E%3C/svg%3E%0A");
    margin-left: auto;
}

.active .accordion-button::after {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='6' fill='white'/%3E%3Cpath d='M17 14L12 10L7 14' stroke='%23009999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-left: auto;
}

.completed .accordion-button::after {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Crect width='24' height='24' rx='6' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.41438 9.53151C6.67313 9.20806 7.1451 9.15562 7.46855 9.41438L12 13.0396L16.5315 9.41438C16.855 9.15562 17.3269 9.20806 17.5857 9.53151C17.8444 9.85495 17.792 10.3269 17.4686 10.5857L12.4686 14.5857C12.1946 14.8048 11.8054 14.8048 11.5315 14.5857L6.53151 10.5857C6.20806 10.3269 6.15562 9.85495 6.41438 9.53151Z' fill='%23545656'/%3E%3C/g%3E%3C/svg%3E%0A");
    margin-left: auto;
}

.completed .accordion-button {
    background-color: #c0e7ec;
}

.accordion-button .number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: white;
    color: #545656;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
}

.accordion-button .btn-title {
    font-size: 18px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}

.accordion-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
    max-height: 9999px;
    overflow: hidden;

}

.accordion-body.collapsed {
    height: 0;
    margin-bottom: -4px;
    transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.preview-pane .card {
    min-height: 630px;
    max-height: 645px;
    position: relative;
}

.preview-pane-nothing {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 100;
    background-color: #FFF;
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.patchcalc__fields.newcalc {
    padding: 0;
}

.patchcalc__fields.newcalc .field__length {
    flex: 0 0 100%;
    background-color: #FFF;
}

.label_card.no_img .card-text {
    margin: 0;
    font-size: 14px;
}

.label_card.no_img input {
    position: static;
}

.label_card.no_img .card-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.connector-letter-up,
.connector-letter-down {
    display: flex;
    padding: 0 100px;
    justify-content: space-between;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;

    color: #1D1D1B;
}


.span-name {
    max-width: 556px;
    min-height: 22px;
    text-align: center;
}

.container-img-connector {
    display: flex;
    align-items: center;
    justify-content: center;
}

.connector-scheme {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 85%;
  }


.container-img-cable-A,
.container-img-cable-B {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

@media (max-width: 1190px) {
    .container-img-cable-A,
    .container-img-cable-B {
        gap: 26px;
    }
}

@media (max-width: 450px) {
    .container-img-cable-A,
    .container-img-cable-B {
        gap: 15px;
    }
}

.img-connector-A,
.img-connector-B {
    width: 100%;
}

.img-connector-B {
  transform: scaleX(-1);
}

.img-connector-B.upper {
  transform: scaleX(-1) translateY(50%);
}

.img-connector-B.lower {
  transform: scaleX(-1) translateY(-50%);
}

.img-connector-A.upper {
  transform: translateY(50%);
}

.img-connector-A.lower {
  transform: translateY(-50%);
}

.img-cable {
    width: 63%;
}

.preview-pane-caption {
    text-align: center;
    position: absolute;
    bottom: 40px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.preview-pane-cost {
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
}

.preview-pane-cost .patchcalc__fields {
    display: flex;
    justify-content: center;
}

.preview-pane-reset {
    display: flex;
    justify-content: end;
}

.patchcalc__contacts--icon__box {
    display: flex;
    align-items: center;
    gap: 5px;
}

  @media (max-width: 1025px) {
    .calc-twopane {
        flex-direction: column;
    }
    .preview-pane-cost {
        position: absolute;
        left: 50%;
        bottom: 20%;
        transform: translateX(-50%);
        width: 80%;
    }
    .preview-pane-cost .patchcalc__fields {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .patchcalc__fields .field__length .inputbox::after, .patchcalc__fields .field__cost .inputbox::after {
        margin-left: 4px;
    }
    .card.patchcalc {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        border-radius: 24px;
        padding-top: 24px;
        padding-right: 40px;
        padding-bottom: 24px;
        padding-left: 40px;
        gap: 12px;
        background:#FFFFFF;
        width: 100%;
        box-sizing: border-box;
        margin: auto;
        margin-bottom: auto;
        margin-bottom: 24px;
    }
}

@media (max-width: 768px) {
    .preview-pane-cost {
        position: absolute;
        left: 50%;
        bottom: 20%;
        transform: translateX(-50%);
        width: 95%;
    }
}

.patchcalc-order-list-pane {
    flex: 1 1 auto;
}

.patchcalc-order-confirm-pane {
    flex: 0 0 25%;
}

.patchcalc-form {
    display: flex;
    gap: 24px;
}

.patchcalc-order-confirm-pane button {
    width: 100%;
    padding: 12px;
}

.patchcalc-order-list-pane {
    flex: 1 1 auto;
}

.order-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}

.patchcalc-order-table {
    width: 100%;
}

.entry-price {
    display: inline-block;
    max-width: 180px;
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: right;
    flex: 1 1 auto;
    text-wrap: nowrap;
    margin-left: auto;
}

.entry-tail {
    display: flex;
    align-items: center;
    flex: 0 0 42%;
}

.entry-tail .basket-item-block-amount {
  padding: 0;
}

.entry-delete {
    display: flex;
    align-items: center;
    justify-content: end;
    cursor: pointer;
    margin-left: 20px;
}

.patchcalc-field-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
}

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

.order-total {
    font-family: Inter;
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    text-wrap: nowrap;
    letter-spacing: 0%;
}

.patchcalc-form .order-popup {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background:#1D1D1B4D;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-popup-window.card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.order-popup-inputgroup input {
    background-color: #F2F6F9;
    padding: 14px 16px;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    border: none;
    border-radius: 6px;
    width: 100%;
}

.order-popup-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 32px;
    line-height: 110.00000000000001%;
    letter-spacing: 1%;
}

.order-popup-submitgroup {
    display: flex;
    gap: 10px;
    align-items: center;
}

.order-popup-submitgroup a,
.order-popup-submitgroup span {
    text-wrap: nowrap;
}

.order-popup-submitgroup label {
    display: block ruby;
}

.order-popup-submitgroup button {
    padding: 10px 12px;
    border-radius: 6px;
    border: none;
    color: #FFF;
    background: #099;
    cursor: pointer;
}

[data-entity="new-cord"] {
    background-color: #FFF;
    border: 1px solid #545656;
    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
}

[data-entity="new-cord"]:disabled {
  color: #000;
  opacity: 0.5;
  cursor: default;
}

.order-popup-close {
    padding: 0;
    margin: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    background: transparent;
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .order-popup-close {
    padding: 0;
    margin: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    background: transparent;
    position: absolute;
    right: 24px;
    top: 9px;
    cursor: pointer;
}
}

/*region Amount*/
.basket-items-list-item-amount {
	-ms-flex-order: 2;
	padding-top: 20px;
	vertical-align: top;
	-webkit-box-ordinal-group: 3;
	order: 2;
}

.basket-item-block-amount {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	-ms-flex-align: start;
	padding: 0 24px;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.basket-items-list-wrapper-compact .basket-item-block-amount {
	margin-bottom: 0;
	padding-bottom: 0;
}

.basket-item-amount-filed-block { position: relative; }

.basket-item-amount-filed, .basket-item-block-amount.disabled .basket-item-amount-filed:hover {
    padding: 0;
    width: 60px;
    height: 36px;
    outline: none;
    border-radius: 6px;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
	font-size: 14px;
	line-height: 22.4px;
    transition: 300ms all ease;
    margin: 0 4px;
	background-color: #F2F6F9;
	border: none
}

.basket-item-block-amount.disabled .basket-item-amount-filed { background-color: #f3f3f3; }

.basket-item-amount-filed:hover,
.basket-item-amount-filed:focus { border-color: var(--primary); }

.basket-item-amount-filed::-webkit-outer-spin-button,
.basket-item-amount-filed::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	margin: 0;
	-webkit-appearance: none; /* <-- Apparently some margin are still there even though it's hidden */
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.basket-item-amount-filed.basket-updated {
	-webkit-animation-name: basketAmountFiledUpdated;
	animation-name: basketAmountFiledUpdated;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
}

@-webkit-keyframes basketAmountFiledUpdated {
	0%, 100% { border-color: #e4e4e4; }
	50% { border-color: #ee9200; }
}

@keyframes basketAmountFiledUpdated {
	0%, 100% { border-color: #e4e4e4; }
	50% { border-color: #ee9200; }
}

.basket-item-amount-btn-plus, .basket-item-amount-btn-minus {
    position: relative;
    width: 36px;
    height: 36px;
    cursor: pointer;
    user-select: none;
    background-color: #F2F6F9;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-item-amount-btn-plus:hover, .basket-item-amount-btn-minus:hover {
    background-color: #009999;
	
}

.basket-item-amount-btn-plus:hover path, .basket-item-amount-btn-minus:hover path{
    stroke: #FFF;
}



.basket-item-block-amount.disabled .basket-item-amount-btn-plus,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus {
	background-color: transparent;
	cursor: default;
}



.basket-item-amount-btn-plus:hover:before,
.basket-item-amount-btn-plus:hover:after,
.basket-item-amount-btn-minus:hover:after { background-color: #535353; }

.basket-item-block-amount.disabled .basket-item-amount-btn-plus:before,
.basket-item-block-amount.disabled .basket-item-amount-btn-plus:after,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus:after { background-color: #f3f3f3; }

.basket-item-amount-btn-plus:before {
	margin-top: -5px;
	margin-left: -1px;
	width: 2px;
	height: 10px;
}

.basket-item-amount-field-description {
	position: absolute;
	top: calc(100% + 1px);
	right: 0;
	left: 0;
	color: #a1a1a1;
	text-align: center;
	font: italic 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*endregion*/

.order-entry:not(:last-child) {
    border-bottom:
  1px solid #8E9EAB;
  }

@media (max-width: 768px) {
    .patchcalc-form {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

    .patchcalc-order-confirm-pane .card {
        margin-bottom: 25px;
    }

    .order-entry {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .order-entry .entry-tail {
        width: 100%;
    }

    .entry-tail .basket-item-block-amount {
        padding: 0;
    }

    .basket-item-block-amount {
        padding-right: 0;
        padding-left: 0;
    }

    .order-popup-window.card {
        width: 100%;
        border-radius: 0;
    }

    .order-popup-submitgroup {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .order-popup-submitgroup a, .order-popup-submitgroup span {
        text-wrap: auto;
        display: inline-block;
    }

    .order-popup-submitgroup label {
        display: flex;
        gap: 8px;
    }

    .patchcalc_title {
        font-size: 24px !important;
    }

    .accordion-pane {
        margin: 0 -20px;
    }

    .card.patchcalc {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        border-radius: 24px;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        gap: 12px;
        background: #FFFFFF;
        width: 100%;
        box-sizing: border-box;
        width: calc(100% + 40px);
        margin: 0 -20px;
        margin-bottom: 24px;
        
    }
    .entry-title {
        font-size: 14px;
    }
    .entry-tail .basket-item-amount-btn-plus, 
    .entry-tail .basket-item-amount-btn-minus {
        position: relative;
        width: 25px;
        height: 24px;
        cursor: pointer;
        user-select: none;
        background-color: #F2F6F9;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .entry-tail .basket-item-amount-filed, 
    .entry-tail .basket-item-block-amount.disabled .basket-item-amount-filed:hover {
        padding: 0;
        width: 40px;
        height: 24px;
        outline: none;
        border-radius: 6px;
        vertical-align: middle;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 22.4px;
        transition: 300ms all ease;
        margin: 0 4px;
        background-color: #F2F6F9;
        border: none;
    }
    
    .entry-price {
        font-family: Inter;
        font-weight: 700;
        font-size: 18px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: right;
        flex: 1 1 auto;
        text-wrap: nowrap;
    }
}


label[for="makeblack"] {
  display: flex;
  gap: 6px;
  align-items: center;
}

#orderDesc {
  width: 100%;
  border-radius: 6px;
  border: none;
  background-color: #F2F6F9;
  font-size: 16px;
  padding: 15px 15px;
}

.bottom__menu--item {
    position: relative;
}

.bottom__menu--submenu {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    font-size: 14px;
    font-weight: 500;
    background-color: #FFF;
    padding: 11px;
    border-radius: 5px;
    line-height: 165%;
}

.bottom__menu--item:hover .bottom__menu--submenu {
    display: block;
}

span.bottom__menu--item {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

span.bottom__menu--item:hover > * {
    color: var(--pri1-color);
}

span.bottom__menu--item:hover svg path {
    fill: var(--pri1-color);
}

@media (max-width: 1300px) {
    .wrapper.personal-wrapper .wrapper__col.col--narrow{

    display: block;
    position: static;
    z-index: 200;
    width: auto;
    height: auto;
    top: 0px;
    left: 0px;
    background-color: transparent;
    overflow-y: visible;
    overflow-x: visible;
    flex: 1 1;
}

    .wrapper.personal-wrapper .wrapper__row{
        flex-direction: column;
    }
}

/* Остальные стили из вашего кода */
/* * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

:root {
    --bg1-color: #F2F6F9;
    --bg1-color--semi: #F2F6F960;
    --bg2-color: #FFFFFF;
    --bg2-color--semi: #FFFFFF60;
    --text1-color: #1D1D1B;
    --text1-color--semi: #1D1D1B60;
    --text2-color: #545656;
    --text2-color--semi: #54565660;
    --text3-color: #FFFFFF;
    --text3-color--semi: #FFFFFF60;
    --pri1-color: #4AC3CD;
    --pri1-color--semi: #4AC3CD30;
    --pri2-color: #009999;
    --pri2-color--semi: #00999930;
    --green: #10C44C;
    --red: #F81156;
}

body {
    background-color: var(--bg1-color);
    padding: 20px;
}

.card {
    border-radius: 24px;
    background-color: #FFF;
    padding: 24px;
    margin-bottom: 12px;
}

.wrapper {
    max-width: 1366px;
    padding: 0 20px;
    margin: auto;
}

.wrapper__row {
    display: flex;
    margin: -10px;
    margin-bottom: 50px;
}

.wrapper__col {
    padding: 10px;
    flex: 1 1 auto;
}

.wrapper__col.col--narrow {
    flex: 0 0 326px;
} */

/* ----------------------- Мои стили ------------------------------ */

/* Стили для кастомного select */
.itc-select {
    position: relative;
    width: 100%;
}

.itc-select__toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 62px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background-color: #F2F6F9;
    border: 2px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
    color: #1D1D1B;
}

.itc-select__toggle:focus {
    outline: none;
    border-color: #009999;
}

.itc-select.itc-select_show>.itc-select__toggle {
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
}

.itc-select__toggle::after {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23545656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: cover;
    content: "";
}

.itc-select_show .itc-select__toggle::after {
    transform: rotate(180deg);
}

.itc-select__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    border: 2px solid #009999;
    border-top: none;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.itc-select_show .itc-select__dropdown {
    display: block;
}

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

.itc-select__option {
    padding: 12px;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.itc-select__option_selected {
    background-color: rgba(0, 153, 153, 0.1);
    color: #009999;
}

.itc-select__option:hover {
    background-color: #F2F6F9;
    cursor: pointer;
}

/* Стили для таблицы (десктоп) */
.table-container {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: white;
}

.custom-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
}

.custom-table th {
    background: rgba(0, 153, 153, 0.30);
    padding: 8px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19.6px;
    color: #1D1D1B;
    text-align: left;
}

.custom-table td {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    color: #1D1D1B;
    vertical-align: middle;
}

.td-btn {width: 125px;}

.row-white {
    background: #FEFEFE;
}

.row-gray {
    background: #F2F6F9;
}

.edit-btn {
    padding: 4px 12px;
    background: #10C44C;
    color: white;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.6px;
    border: none;
    cursor: pointer;
}

.edit-btn:hover {
    background: #0d973b;
}

/* Модальное окно */
.modal-content {
    border-radius: 24px;
    padding: 20px;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0;
    align-items: start;
    padding: 0;
}

.modal-title {
    color: #1D1D1B;
    font-size: 32px;
    font-weight: 700;
    line-height: 35.2px;
    letter-spacing: 0.32px;
}

.input-group {
    margin-bottom: 12px;
}

.input-label {
    color: #1D1D1B;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom: 6px;
}

.input-field {
    width: 100%;
    height: 62px;
    padding: 8px 12px;
    background: #F2F6F9;
    border-radius: 6px !important;
    border: 2px solid transparent;
    color: #1D1D1B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.input-field:focus {
    background: #F2F6F9;
    border-color: #009999;
    outline: none;
    box-shadow: none;
}

.modal-buttons {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.btn-save {
    height: 45px;
    padding: 12px 24px;
    background: #009999;
    color: white;
    border-radius: 6px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.btn-save:hover {
    background: #04C5C5;
}

.btn-cancel {
    height: 45px;
    padding: 12px 24px;
    background: #F2F6F9;
    color: #1D1D1B;
    border-radius: 6px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.btn-cancel:hover {
    background: #009999;
    color: white;
}

.btn-close {
    font-size: 24px;
    color: #545656;
    height: 24px;
    width: 24px;
    padding: 0 !important;
    margin: 0 !important;
}

.modal-content {
    padding: 40px;
}

.modal-body {
    padding: 24px 0 0;
}

/* Стили для сайдбара */
/* .section__sidebar {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.title.t1 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1D1D1B;
}

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

.left-menu li {
    margin-bottom: 10px;
}

.left-menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #545656;
    border-radius: 6px;
}

.left-menu a.selected {
    background-color: #F2F6F9;
    color: #009999;
    font-weight: 500;
}

.left-menu a:hover {
    background-color: #F2F6F9;
}

.link__logout {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #545656;
    margin-top: 20px;
}

.link__logout:hover {
    color: #009999;
} */

/* Стили для аккордеона (мобильная версия) */
.mobile-accordion {
    display: none;
}

.accordion-container {
    border-radius: 12px;
    overflow: hidden;
}

.accordion-header {
    background: rgba(0, 153, 153, 0.30);
    padding: 8px 12px;
    color: #1D1D1B;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
}

.accordion-button {
    background: none;
    padding: 16px 12px;
}

.accordion-button:not(.collapsed) {
    background: none;
    color: #1D1D1B;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.accordion-item {
    border: none;
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}

.accordion-body {
    padding: 0;
}

.info-row {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
}

.info-label {
    width: 130px;
    padding: 8px 12px;
    color: #1D1D1B;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.60px;
    display: flex;
    align-items: center;
}

.info-value {
    flex: 1;
    padding: 8px 12px;
    color: #1D1D1B;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.40px;
    display: flex;
    align-items: center;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1665 11.6667L9.99984 8.33342L5.83317 11.6667' stroke='%23009999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 20px;
    width: 24px;
    height: 24px;
    background-color: white;
    border-radius: 6px;
    background-position: center;
    transform: rotate(-180deg);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.8335 8.33325L10.0002 11.6666L14.1668 8.33325' stroke='%23009999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    /* transform: (-0); */
}

/* Стили для сайдбара по идее не нужны тк на сайте есть */
/* .section__sidebar {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.title.t1 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #1D1D1B;
}

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

.left-menu li {
    margin-bottom: 10px;
}

.left-menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #545656;
    border-radius: 6px;
}

.left-menu a.selected {
    background-color: #F2F6F9;
    color: #009999;
    font-weight: 500;
}

.left-menu a:hover {
    background-color: #F2F6F9;
}

.link__logout {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #545656;
    margin-top: 20px;
}

.link__logout:hover {
    color: #009999;
}


.info-row:nth-child(even), .info-row-d:nth-child(even) {
    background: rgba(242, 246, 249, 1);
} */

/* Адаптив */

@media (max-width: 1200px) {
	.wrapper__col.col--narrow {
	  display: none;
	}
	.wrapper__col {
	  padding: 0;
	  margin: -5px;
	}

    .wrapper__col.col--narrow {
        display: none;
        position: fixed;
        z-index: 200;
        width: 100vw;
        height: 100vh;
        top: 0px;
        left: 0px;
        background-color: #FFF;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .wrapper__col.col--narrow.show {
        display: block;
    }
    .smart-filter-section .row:first-of-type {
        margin-bottom: 120px;
    }
    .col.smart-filter-button-box {
        position: fixed;
        bottom: 0;
        background-color: #FFF;
        width: 97%;
        left: 0px;
        padding: 20px;
        margin-right: 10px;
    }
    a.file__link::before {
        flex: 0 0 24px;
    }
    a.file__link {
        background-color: #FFF;
        font-size: 14px !important;
        display: flex;
    }
    .product__document-container {
        gap: 10px;
    }
    .long__banner {
        margin: 0 -20px;
        margin-bottom: 12px;
        margin-top: -12px;
        min-height: 75px;
    }
    .mobile-menu__container span {
        font-size: 14px !important;
        line-height: 22.4px !important;
    }
}

@media (max-width: 768px) {
    .wrapper__col {
        padding: 0;
        margin: 0px;
    }
    .wrapper__row {
        margin: 0px;
    }

    .wrapper.body {
        margin: 0 -20px;
        margin-bottom: 50px;
    }

    .desktop-table {
        display: none;
    }

    .mobile-accordion {
        display: block;
    }
}

@media (max-width: 768px) {
    .body {
        background-color: #f2f6f9;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
}

.basket-items-list-wrapper-compact .basket-item-block-amount {
	margin-bottom: 0;
	padding-bottom: 0;
}


.client-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  background-color: #00000050;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: 30px;
}


.client-modal-body {
  position: relative;
  background: #FFF;
  left: 50%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 856px;
  transform: translateX(-50%);
  border-radius: 20px;
  padding: 40px;
}

.client-modal-body .modal-close {
  display: block;
  position: absolute;
  right: 40px;
  top: 40px;
  cursor: pointer;
}

.client-modal-body .modal-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.client-modal-body .modal-form .form-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.client-modal-body .modal-form .form-group label {
    font-size: 14px;
}

.client-modal-body .modal-form .form-group input, 
.client-modal-body .modal-form .form-group select {
  width: 100%;
  font-size: 16px;
  padding: 14px 20px;
  background: #F2F6F9;
  border: none;
  border-radius: 6px;
}

.client-modal-body .modal-form .form-group input[readonly] {
    opacity: .5;
    pointer-events: none;
}

.client-modal-body .modal-loader {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

.client-modal-body .modal-form .form-submit {
    font-size: 16px;
    border: none;
    padding: 10px 24px;
    cursor: pointer;
    border-radius: 6px;
    background-color: #009999;
    color: #fff;
}

.client-modal-body .modal-form .form-submit:disabled {
    opacity: .5;
    cursor: wait;
}

.client-modal-body .modal-form .form-cancel {
    font-size: 16px;
    border: none;
    padding: 10px 24px;
    cursor: pointer;
    border-radius: 6px;
    background-color: #F2F6F9;
}

@media (max-width: 768px) {
    .client-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  background-color: #00000050;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: 30px;
}


.client-modal-body {
  position: relative;
  background: #FFF;
  left: 50%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 856px;
  transform: translateX(-50%);
  border-radius: 20px;
  padding: 40px;
}
}

.bx_my_order{
	margin-bottom: 20px;
}
.bx_my_order_status_desc{
	margin: 20px 0 20px 0;
}
.bx_my_order_status_desc h2{
	margin-top: 0;
	margin-bottom: 5px;
}
.bx_mos_desc{
	font-size: 12px;
}
.bx_my_order h3{
	font-weight: var(--ui-font-weight-bold);
	font-size:24px;
	color: #3f3f3f;
}
.bx_my_order .bx_my_order_table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e8e8e8;
}
.bx_my_order .bx_my_order_table tr td{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.bx_my_order .bx_my_order_table thead tr td{
	padding: 10px;
	font-weight: var(--ui-font-weight-bold);
	font-size: 15px;
	color: #3d4345;
	border-bottom: 1px solid #d9d9d9;
	/*box-shadow: 0 -1px 1px 0 rgba(255,255,255,1);*/

	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(227,227,227,1)));
	background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
	background:   -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
	background:    -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
	background:     -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
	background:        linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(227,227,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 );
}
.bx_my_order .bx_order_action{
	margin-bottom: 20px;
}
.bx_my_order .bx_my_order_table td a{font-size: 13px;color: #0073a3}
.bx_my_order .bx_my_order_table td a:hover{text-decoration: none;}
.bx_my_order .bx_my_order_table tbody tr td{
	padding: 15px 10px 5px;
	color: #3f3f3f;
	font-size: 13px;
	vertical-align: top;
	line-height:30px;
}
.bx_my_order .bx_my_order_table tbody tr td:first-child{width: 65%}


.bx_my_order .bx_item_list{
	margin: 5px 0 0 0;
	padding: 0 0 0 30px;
	list-style: decimal;
}

.bx_my_order .bx_my_order_status{
	width: 100%;
	font-weight: var(--ui-font-weight-bold);
	padding: 10px 5px;
	line-height: normal;
	margin-bottom: 20px;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5)
}
.bx_my_order .bx_my_order_status.yellow{background: #ffd34e}
.bx_my_order .bx_my_order_status.red   {background: #fb7474}
.bx_my_order .bx_my_order_status.green {background: #ade421}
.bx_my_order .bx_my_order_status.gray  {background: #bbbbbb}


@media (max-width: 550px){
	.bx-touch .bx_my_order .bx_my_order_table tr,
	.bx-touch .bx_my_order .bx_my_order_table tbody,
	.bx-touch .bx_my_order .bx_my_order_table tbody td{display: block;width: 100% !important;}
	.bx-touch .bx_my_order .bx_my_order_table tbody{border-top: 1px solid #e8e8e8;}
	.bx-touch .bx_my_order .bx_my_order_table thead td{display: inline-block; white-space: nowrap;width: auto !important;background: transparent !important;border: none;box-shadow: none}
	.bx_my_order .bx_my_order_status{
		padding: 10px;
		position: relative;
		margin-left: -10px;
	}
}

.bx_my_order .bx_bt_button_type_2{
	display:inline-block;
	border-radius:3px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	cursor:pointer;
	color: #3f3f3f !important;
}
.bx_my_order .bx_shadow.bx_bt_button_type_2{box-shadow:0 1px 1px 0 rgba(0,0,0,.2)}
.bx_my_order .bx_shadow.bx_bt_button_type_2:active{box-shadow:none}

.bx_my_order .bx_bt_button_type_2 		{
	border:1px solid #e9e9e9;
	background:#fcfcfc;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f1f1f1));
	background:-webkit-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	background:   -moz-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	background:    -ms-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	background:     -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	background:        linear-gradient(to bottom, #fcfcfc 0%,#f1f1f1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 );
	color:#656565;
	text-shadow:0 1px 0 #fff;
}
.bx_my_order .bx_bt_button_type_2:hover 	{background:#fff}
.bx_my_order .bx_bt_button_type_2:active {
	background:#f1f1f1;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#fcfcfc));
	background:-webkit-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
	background:   -moz-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
	background:    -ms-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
	background:     -o-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
	background:        linear-gradient(to bottom, #f1f1f1 0%,#fcfcfc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fcfcfc',GradientType=0 );
	box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.05);
}

.bx_my_order .bx_small.bx_bt_button_type_2{
	display:inline-block;
	min-width:20px;
	line-height:20px;
}
.bx_my_order .bx_small.bx_bt_button_type_2 		{}
.bx_my_order .bx_small.bx_bt_button_type_2:hover {}
.bx_my_order .bx_small.bx_bt_button_type_2:active{}

.bx_my_order .bx_medium.bx_bt_button_type_2	{
	padding:0 13px;
	height:25px;
	font-weight:var(--ui-font-weight-bold);
	line-height:25px;
}

.bx_my_order .bx_medium.bx_bt_button_type_2 		 {font-weight:var(--ui-font-weight-bold)}
.bx_my_order .bx_medium.bx_bt_button_type_2:hover {}
.bx_my_order .bx_medium.bx_bt_button_type_2:active{}

.bx_my_order .bx_big.bx_bt_button_type_2	{
	padding:0 13px;
	height:34px;
	font-weight:var(--ui-font-weight-bold);
	line-height:34px;
}

.bx_my_order .bx_big.bx_bt_button_type_2 	  {}
.bx_my_order .bx_big.bx_bt_button_type_2:hover {}
.bx_my_order .bx_big.bx_bt_button_type_2:active{}

.bx_my_order_switch {
	margin-bottom: 15px;
	line-height: 30px;
}
.bx_my_order_switch .bx_mo_link{
	margin-right: 20px;
}

.sale-order-link,
.sale-order-history-link {
	display: inline-block;
	padding: 0 34px 0 0;
	margin-bottom: 22px;
	text-decoration: underline;
}

.sale-order-title {
    font: 20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-regular, 400);
    color: #262626;
}

.sale-order-description {
	color: #888;
}


.sale-order-list-title, .sale-order-list-accomplished-title {
    margin: 0;
    color: #2f3435;
    background-color: #F2F6F9;
    padding: 20px;
    border-radius: 24px;
}

.sale-order-list-inner-row-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sale-order-list-container {
	margin: 0
}

.sale-order-list-inner-container {
    padding: 0 20px 20px 20px;
}

.sale-order-list-inner-title-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 18px 0 14px 0;
	text-transform: uppercase;
}

.sale-order-list-inner-title-line-item {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
	color: #9b9b9b;
}

.sale-order-list-inner-row {
    padding: 0;
    position: relative;
}

.sale-order-list-inner-row-template{
	display: none;
}

.sale-order-list-payment-title,
.sale-order-list-shipment-title {
	color: #000;
}

.sale-order-list-payment-about-link,
.sale-order-list-payment-repeat-link,
.sale-order-list-payment-cancel-link {
	padding: 21px 0 0 0;
}

.sale-order-list-shipment-button,
.sale-order-list-repeat-link,
.sale-order-list-cancel-link,
.sale-order-list-about-link,
.sale-order-list-change-payment {
	text-decoration: underline;
	cursor: pointer;
}

.sale-order-list-cancel-link {
	display: inline-block;
	color: #9b9b9b;
	/*vertical-align: middle;*/
}

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


div.sale-order-list-repeat-container {
	padding: 0;
}

.sale-order-list-repeat-link {
	display: inline-block;
	vertical-align: middle;
}

.sale-order-list-repeat-link:before {
	content: "";
	display: inline-block;
	margin: 0 3px 4px 0;
	width: 10px;
	height: 13px;
	background: url(images/sale-order-repeat.svg) no-repeat;
	vertical-align: middle;
}

.sale-order-link-accomplished {
	padding: 0;
	text-decoration: none;
}

.sale-order-list-shipment-button:hover,
.sale-order-list-repeat-link:hover,
.sale-order-list-cancel-link:hover,
.sale-order-list-cancel-payment:hover,
.sale-order-list-about-link:hover,
.sale-order-list-cancel-payment,
.sale-order-list-change-payment:hover{
	text-decoration: none;
	cursor: pointer;
}

.sale-order-list-cancel-payment{
	margin-top: 20px;
	display: block;
}

.sale-order-list-status-restricted, .sale-order-list-status-alert, .sale-order-list-status-success {
    display: inline-block;
    padding: 4px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 6px;
    background: #ffe5e8;
    color: #d0021b;
}

.sale-order-list-status-success {
	background: #e3f0bd;
	color: #597707;
}

.sale-order-list-accomplished-date-container {
    padding: 0 20px;
}

.sale-order-list-status-restricted {
	background: #f3f4f5;
	border: 1px solid rgba(128,134,142,0.20);
	color: #535c69;
}

.sale-order-list-status-restricted-message-block{
	padding-top:10px;
}

.sale-order-list-status-restricted-message{
	color: #9e9fa2;
}

.sale-order-list-payment-check ,
.sale-order-list-payment-price {
	padding: 4px 0 0 0;
}

.sale-order-list-payment-check{
	width:100%;
	float: left;
}

.sale-order-list-payment-check-left{
	display: inline;
	float: left;
	padding-right: 5px;
}

.sale-order-list-change-payment {
	display: block;
	margin: 6px 0 0 0;
}

.sale-order-list-button {
    display: block;
    padding: 10px 17px;
    max-width: 115px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 6px;
    height: 38px;
    background: var(--green);
    color: #fff;
    text-align: center;
}

.sale-order-list-button:hover {
	color: #fff;
	background: #7bd314;
	-webkit-transition: background ease-out 0.5s;
	-moz-transition: background ease-out 0.5s;
	-o-transition: background ease-out 0.5s;
	transition: background ease-out 0.5s;
}

.sale-order-list-button.inactive-button {
	background: #dff0d8;
	cursor: pointer;
}

.sale-order-list-button.inactive-button:hover{
	color: #FFFFFF;
}

.sale-order-list-shipment {
	list-style: none;
}

.sale-order-list-shipment-item {
	padding: 6px 0 0 0;
}

.sale-order-list-shipment-list-item-link {
	padding: 16px 0 0 0;
	text-decoration: underline;
}

.sale-order-list-shipment-id {
	font-weight: var(--ui-font-weight-bold);
}

.sale-order-list-shipment-id-icon {
	display: inline-block;
	width: 11px;
	height: 13px;
	background: url("images/sale-order-order-list-options-methods-shipment-list-item-id-element.svg") center no-repeat;
	cursor: pointer;
}

.sale-order-list-top-border {
	height: 30px;
}

.sale-order-list-accomplished-date {
	padding: 0 8px 0 0;
}

.sale-order-list-accomplished-date,
.sale-order-list-accomplished-date-number {
	display: inline-block;
	margin: 10px 0 0 0;
}

.sale-order-list-accomplished-date {
	color: #4b8c03;
}
.sale-order-list-accomplished-date.canceled-order {
	color: #ff0000;
}

.sale-order-list-accomplished-date-number {
	color: #888;
}

.sale-order-list-repeat-accomplished {
	text-align: right;
}

.sale-order-list-inner-accomplished {
    padding: 10px 20px 20px 20px;
}

.sale-order-list-shipment-status {
	margin: 2px 0 0 0;
}

.sale-order-list-shipment-status-item {
	display: inline-block;
	margin: 6px 0 5px 0;
	vertical-align: middle;
}

.sale-order-list-shipment-status-block {
    display: inline-block;
    padding: 4px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 6px;
    background: #f3f4f5;
    color: #535c69;
    vertical-align: middle;
}

/* state's */

.sale-order-state-green {
	background: #c2f388;
}
.sale-order-state-yellow {
	background: #d7dd39;
}
.sale-order-state-red {
	background: #dd6239;
}
.sale-order-state-grey {
	background: #f2f2f2;
}

@media (max-width: 991px) {
	.sale-order-list-accomplished-date-container,
	.sale-order-list-repeat-accomplished {
		text-align: left;
	}
}

@media (max-width: 767px) {
	.sale-order-list-button {
		margin: 10px 0 0 0;
		max-width: none;
		float: none;
	}
}

.order__list__headline {
    display: flex;
	flex-wrap: wrap;
    gap: 40px;
    padding: 12px 24px;
    background-color: #F2F6F9;
    border-radius: 24px;
}

.order__headline {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.col__name {
    font-size: 14px;
    font-weight: 400;
    color: #545656;
}

.order__headline__data {
    display: flex;
    gap: 20px;
    flex: 0 0 45%;
}

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

.order__status {
    background-color: #545656;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 6px;
    min-width: 145px;
    text-align: center;
}

.order__status.green {
	background-color: #10C44C;
}

@media (max-width: 767px) {
    .order__status {
        min-width: auto;
        font-size: 10px;
        padding: 4px 8px;
    }
}

.order__collapse__btn {
    background: #FFF;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-left: auto;
    cursor: pointer;
}

.order__basket__item {
    display: flex;
    gap: 20px;
    align-items: center;
}

.order__basket__item:last-child {
    padding-bottom: 0;
}

.order__item__prices {
    text-align: end;
    margin-left: auto;
}

.price__single {
    color: #545656;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
}

.price__all {
    font-size: 20px;
    font-weight: 700;
}

.order__item__name {
    font-size: 14px;
}

.order__basket__item:not(:last-child) {
    border-bottom: 1px solid #8E9EAB;
}
.order__basket__item {
    padding: 12px 0;
}

.order__item__photo {
    flex: 0 0 64px;
    height: 64px;
    background: url(/images/no_photo.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .order__item__photo {
        display: none;
    }
}

.order-inner {
	max-height: 9999px;
}

.order-inner.collapsed {
	max-height: 0;
	overflow: hidden;
	margin-bottom: 18px;
}

.order__collapse__btn svg {
	transform: rotate(0deg);
	transition: transform 200ms;
}

.order__collapse__btn.active svg{
	transform: rotate(-180deg);
	transition: transform 200ms;
}

.history__btn__row {
    display: flex;
    margin-bottom: 24px;
    gap: 8px;
    flex-wrap: wrap;
}

.order__headline__data {
    display: flex;
    gap: 20px;
    flex: 0 0 45%;
   
}

@media (max-width: 768px) {
    .order__headline__data {
        flex-wrap: wrap;
        gap: 12px;
        flex: 0 0 calc(100% - 36px);
    }
}

.order__btn {
    padding: 12px 24px;
    background-color: #F2F6F9;
    border-radius: 6px;
    font-weight: 700;
    color: #545656;
	user-select: none;
}

.history__btn__row .order__btn {
    gap: 6px;
}

.order__btn sup {
    font-weight: 400;
    font-size: 11px;
    line-height: 160%;
    color: inherit;
    margin-bottom: -5px;
}

.order__btn.current, .order__btn:hover {
    background-color: #009999;
    color: #FFF;
}

.price__single, .price__all {
    text-wrap: nowrap;
}

@media (max-width: 768px) {
	.order__item__prices {
		flex: 0 0 100%;
		display: flex;
		flex-direction: row-reverse;
		align-items: baseline;
		justify-content: center;
		gap: 0px;
	}

    .order__item__prices .price__all {
        font-size: 18px;
    }

	.price__single {
		margin-left: 5px;
	}
	.order__basket__item {
		flex-wrap: wrap;
	}

    .history__btn__row {
        flex-wrap: wrap;
    }

    .order__btn {
        white-space: nowrap;
        font-size: 14px;
        line-height: 140%;
        font-weight: 600;
        padding: 8px 16px;
    }

    .order__btn sup {
        top: auto;
        margin-bottom: -3px;
    }
}

.order-filter {
    margin-bottom: 20px;
}

.cell-table th, .cell-table td {
    padding: 0;
    background: transparent;
    padding-right: 10px;
}

/* catalog amount mini */

.catalog-amount--mini {
    background-color: #F2F6F9;
    border-radius: 6px;
    padding: 12px;
}

.amount__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 105px;
    overflow-y: auto;
}

.amount__list span {
    color: #1D1D1B !important
}

.amount-line {
    font-size: 14px;
    font-weight: 400;
}

span.amount-line__amount {
    font-weight: 600;
}


        
.cards-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.category-card {
	position: relative;
	height: 280px;
	overflow: hidden;
	border-radius: 24px;
	padding: 12px 20px;
	display: flex;
	flex-direction: column;
	flex: 1 1 300px;
	max-width: 410px;
	align-items: unset;
	gap: unset;
	background: linear-gradient(316deg, #27B099 0%, #009999 100%);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Наложение поверх фонового изображения */
.category-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(79, 180, 215, 0.4);
	z-index: 1;
	border-radius: 24px;
	/* height: 100%;
	width: 100%; */
}

/* Поднимаем контент над наложением */
.tags-container,
.image-container,
.card-content {
	position: relative;
	z-index: 2;
}

.tags-container {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	align-items: flex-start;
	flex-shrink: 0;
}

.tag {
	padding: 4px 8px;
	background: rgba(255, 255, 255, 0.60);
	border-radius: 6px;
	text-decoration: none;
	transition: background-color 0.2s;
}

.tag:hover {
	background: rgba(255, 255, 255, 0.80);
}

.tag-text {
	color: #545656;
	font-size: 12px;
	font-weight: 600;
	line-height: 16.80px;
}

.image-container {
	flex: 1;
	min-height: 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	margin: 8px 0;
}

.category-image {
	max-height: 100%;
	max-width: 80%;
	object-fit: contain;
	flex-shrink: 1;
}

.card-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex-shrink: 0;
}

.products-count {
	color: white;
	font-size: 12px;
	font-weight: 600;
}

.category-title {
	color: white;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
	.cards-container {
		flex-direction: column;
		align-items: center;
		gap: 20px
	}
	
	.category-card {
		height: 260px;
		width: 100%;
		max-width: 100%;
		padding: 12px 8px 6px 12px;
		flex: 1 1 322px;
	}
	
	.image-container {
		margin: 4px 0;
	}
	
	.category-image {
		max-width: 100%;
	}
}


.home__catalog {
    padding: 12px;
}

.home__catalog .product-grid, .home__catalog .product-grid__row {
    gap: 24px;
}

.product-grid {
    display: flex;
    flex-direction: column;
}

.product-grid__row {
    display: flex;
}

.product-grid__item {
    flex: 0 1 20%;
}

.home__catalog .product-tile {
    padding: 12px 0;
}

.product-grid__row:nth-child(odd) .product-grid__item:last-child,
.product-grid__row:nth-child(even) .product-grid__item:first-child {
    flex: 0 1 40%;
    background: var(--gradient1);
    border-radius: 12px;
    padding: 0 12px;
}

.product-grid__row:nth-child(odd) .product-grid__item:last-child span,
.product-grid__row:nth-child(even) .product-grid__item:first-child span{
    color: var(--text3-color);
}

.product-grid__row:nth-child(odd) .product-grid__item:last-child .product-tile a:hover .product-tile__name,
.product-grid__row:nth-child(even) .product-grid__item:first-child .product-tile a:hover .product-tile__name {
    text-decoration-color: var(--text3-color) !important;
}

.product-grid__row:nth-child(odd) .product-grid__item:last-child .btn--gray,
.product-grid__row:nth-child(even) .product-grid__item:first-child .btn--gray, 
.product-grid__row:nth-child(odd) .product-grid__item:last-child input,
.product-grid__row:nth-child(even) .product-grid__item:first-child input{
    background-color: var(--bg2-color);
}

.product-item-container {
    height: 100%;
}

td.td-btn form {
    margin-top: 7px;
}

td.td-btn form .edit-btn {
    width: 100%;
}

a.im-link {
    justify-content: space-between;
}

div#bx-notifier-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px !important;
    background: #FF0C37 !important;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    z-index: 10;
}

#bx-notifier-panel:has(i:empty) {
  display: none;
}

.order__headline__oder {
    display: flex;
    gap: 30px;
    width: 50%;
}

@media (max-width: 768px) {
    .d-flex.justify-content-center.m-2 {
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .order__list__headline {
        gap: 12px;
        padding: 12px 20px;
    }

    .order__headline__oder {
        width: calc(100% - 36px);
        flex-wrap: wrap;
        gap: 20px 12px;
    }

    .order__headline {
        width: calc(50% - 6px);
        order: 1;
    }

    .order__headline.sum {
        order: 2;
    }

    .order__headline.date {
        order: 3;
    }

    .order__headline.status {
        order: 4;
    }

    .order__headline .col__name {
        font-size: 12px;
    }

    .order__headline .col__value {
        font-size: 14px;
    }

    .order__collapse__btn {
        width: 24px;
        height: 24px;
        padding: 0;
        flex: none;
    }
}

span.statusbadge {
    background-color: #FF5F57;
    padding: 4px 8px;
    border-radius: 8px;
    color: #FFF;
    font-weight: 500;
    min-width: 95px;
    display: inline-block;
    text-align: center;
}

span.statusbadge.complete {
    background-color: #10C44C;
}

.tdred {
    color: #FF0C37;
}

.date-filterbox input {
    background: #F2F6F9;   
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
}

.date-filterbox input[type="submit"] {
    color: #FFF;
    background: #009999;
    cursor: pointer;
}

.debt-panel {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #F2F6F9;
    width: fit-content;
    margin-top: 24px;
    border-radius: 12px;
}

.debt-sum {
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
}

.debt-sum.red {
    color: #FF0C37;
}

form.date-filterbox {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    margin-bottom: 12px;
}

.date-filterbox .separator {
    pointer-events: none;
    user-select: none;
}

.listview .product-tile--top a:has(.product-tile__image) {
    max-width: 120px;
}

label.brand-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    cursor: pointer;
}

.brand-thumb {
    border-radius: 6px;
    overflow: hidden;
    margin-right: 8px;
    width: 75px;
    min-width: 75px;
    height: 34px;
    background: #f2f6f9;
}

.brand-thumb img {
    width: 75px;
}

.brand-item-wrap:has(input:checked) .brand-thumb {
    border: 1px solid #009999;
}

.brand-name {
    font-family: inter;
    font-size: 14px;
    font-weight: 500;
}

.brand-thumb text {
    font-family: 'Inter';
    font-weight: 500;
    line-height: 100%;
}

input.brand-search.form-control.form-control-sm {
    width: 100%;
    margin-bottom: 6px;
    border: 1px solid #f2f6f9;
    padding: 5px 8px;
    font-size: 14px;
    border-radius: 6px;
    font-family: 'Inter';
    font-weight: 500;
    color: #3eadad;
}

input.brand-search.form-control.form-control-sm:focus {
    outline: none;
} 

.smart-filter-input-group-checkbox-list.brand-renderer.collapsed {
    max-height: 185px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 0px;
}

.brand-renderer-container {
    margin-bottom: 10px;
}

button.brand-toggle-btn.btn.btn-sm {
    padding: 0;
    font-size: 14px;
    font-family: 'Inter';
    font-weight: 500;
    color: #4ac3cd;
}

button.brand-toggle-btn.btn.btn-sm:hover {
    background: transparent !important;
}

.check_toggle {
    height: 16px;
    background-color: #f2f6f9;
    width: 32px;
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
}

.check__custom:has(input:checked) .check_toggle {
    justify-content: flex-end;
}

.check-toggle-handle {
    width: 16px;
    height: 16px;
    background: #009999;
    border-radius: 4px;
    opacity: 0.5;
}

.check__custom:has(input:checked) .check-toggle-handle {
    opacity: 1;
}

.check__custom:has(.check_toggle) {
    position: static !important;
    width: 32px !important;
    border: none !important;
    flex: 0 0 32px !important;
    cursor: pointer;
}

label.check__custom:has(.check_toggle):has(input:checked)::before {
    content: none !important;
}

label.check__custom:has(.check_toggle):has(input:checked) {
    border: none !important;
    background-color: transparent !important;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-tile__actions {
    display: flex;
    align-items: center;
    gap: 2px;
    position: absolute;
    right: 0;
    bottom: 8px;
}

.product-tile__action {
    --size: 22px;

    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);

    background: none;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
}

.product-tile__action-icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.product-tile__action--favorites .product-tile__action-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23paint0_angular_1_269_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0 0.00625 -0.00641667 0 7.00001 6.875)'%3E%3CforeignObject x='-1160' y='-1160' width='2320' height='2320'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(59, 142, 170, 1) 0deg,rgba(40, 100, 130, 1) 98.6538deg,rgba(78, 185, 210, 1) 261.346deg,rgba(59, 142, 170, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M11.8621 4.51993L11.4572 4.81319L11.8621 4.51993ZM11.5486 8.54689L11.1939 8.19449L11.5486 8.54689ZM6.60392 12.7263L6.24922 13.0787L6.60392 12.7263ZM6.93887 12.9858L6.84279 13.4765L6.93887 12.9858ZM7.3961 12.7263L7.04141 12.3739L7.3961 12.7263ZM7.06115 12.9858L7.15723 13.4765L7.06115 12.9858ZM6.60392 12.7263L6.95862 12.3739L2.80614 8.19449L2.45144 8.5469L2.09674 8.8993L6.24922 13.0787L6.60392 12.7263ZM2.13787 4.51993L2.54285 4.81319L2.83023 4.41632L2.42526 4.12307L2.02029 3.82981L1.7329 4.22668L2.13787 4.51993ZM11.5748 4.12307L11.1698 4.41632L11.4572 4.81319L11.8621 4.51993L12.2671 4.22668L11.9797 3.82981L11.5748 4.12307ZM11.5486 8.54689L11.1939 8.19449L7.04141 12.3739L7.3961 12.7263L7.7508 13.0787L11.9033 8.8993L11.5486 8.54689ZM11.8621 4.51993L11.4572 4.81319C12.2098 5.85254 12.0983 7.28417 11.1939 8.19449L11.5486 8.54689L11.9033 8.8993C13.1531 7.64133 13.3072 5.66296 12.2671 4.22668L11.8621 4.51993ZM7.28427 4.57019L7.74101 4.77365C8.36471 3.37351 10.2708 3.17487 11.1698 4.41632L11.5748 4.12307L11.9797 3.82981C10.6289 1.96436 7.76473 2.26285 6.82754 4.36674L7.28427 4.57019ZM6.71575 4.57019L6.25901 4.77365C6.54476 5.41513 7.45526 5.41513 7.74101 4.77365L7.28427 4.57019L6.82754 4.36674C6.89405 4.21743 7.10597 4.21743 7.17248 4.36674L6.71575 4.57019ZM2.42526 4.12307L2.83023 4.41632C3.72922 3.17487 5.63532 3.37351 6.25901 4.77365L6.71575 4.57019L7.17248 4.36674C6.23529 2.26285 3.37113 1.96436 2.02029 3.82981L2.42526 4.12307ZM2.45144 8.5469L2.80614 8.19449C1.90169 7.28417 1.79021 5.85254 2.54285 4.81319L2.13787 4.51993L1.7329 4.22668C0.69284 5.66296 0.84689 7.64133 2.09674 8.8993L2.45144 8.5469ZM6.60392 12.7263L6.24922 13.0787C6.32154 13.1515 6.40211 13.2335 6.47841 13.296C6.56125 13.3639 6.68046 13.4447 6.84279 13.4765L6.93887 12.9858L7.03495 12.4951C7.1015 12.5082 7.13296 12.5395 7.11213 12.5224C7.10164 12.5139 7.08499 12.499 7.05778 12.4727C7.03063 12.4464 6.99948 12.4151 6.95862 12.3739L6.60392 12.7263ZM7.3961 12.7263L7.04141 12.3739C7.00054 12.4151 6.96939 12.4464 6.94224 12.4727C6.91503 12.499 6.89838 12.5139 6.88789 12.5224C6.86707 12.5395 6.89852 12.5082 6.96507 12.4951L7.06115 12.9858L7.15723 13.4765C7.31956 13.4447 7.43877 13.3639 7.52162 13.296C7.59791 13.2335 7.67848 13.1515 7.7508 13.0787L7.3961 12.7263ZM6.93887 12.9858L6.84279 13.4765C6.94662 13.4968 7.0534 13.4968 7.15723 13.4765L7.06115 12.9858L6.96507 12.4951C6.98815 12.4906 7.01188 12.4906 7.03495 12.4951L6.93887 12.9858Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.27403846383094788%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.72596156597137451%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.27403846383094788%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.72596156597137451%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:7.8581512329915348e-16,&%2334;m01&%2334;:-12.833333969116211,&%2334;m02&%2334;:13.416677474975586,&%2334;m10&%2334;:12.500002861022949,&%2334;m11&%2334;:7.6540443506696262e-16,&%2334;m12&%2334;:0.6250%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cdefs%3E%3CclipPath id='paint0_angular_1_269_clip_path'%3E%3Cpath d='M11.8621 4.51993L11.4572 4.81319L11.8621 4.51993ZM11.5486 8.54689L11.1939 8.19449L11.5486 8.54689ZM6.60392 12.7263L6.24922 13.0787L6.60392 12.7263ZM6.93887 12.9858L6.84279 13.4765L6.93887 12.9858ZM7.3961 12.7263L7.04141 12.3739L7.3961 12.7263ZM7.06115 12.9858L7.15723 13.4765L7.06115 12.9858ZM6.60392 12.7263L6.95862 12.3739L2.80614 8.19449L2.45144 8.5469L2.09674 8.8993L6.24922 13.0787L6.60392 12.7263ZM2.13787 4.51993L2.54285 4.81319L2.83023 4.41632L2.42526 4.12307L2.02029 3.82981L1.7329 4.22668L2.13787 4.51993ZM11.5748 4.12307L11.1698 4.41632L11.4572 4.81319L11.8621 4.51993L12.2671 4.22668L11.9797 3.82981L11.5748 4.12307ZM11.5486 8.54689L11.1939 8.19449L7.04141 12.3739L7.3961 12.7263L7.7508 13.0787L11.9033 8.8993L11.5486 8.54689ZM11.8621 4.51993L11.4572 4.81319C12.2098 5.85254 12.0983 7.28417 11.1939 8.19449L11.5486 8.54689L11.9033 8.8993C13.1531 7.64133 13.3072 5.66296 12.2671 4.22668L11.8621 4.51993ZM7.28427 4.57019L7.74101 4.77365C8.36471 3.37351 10.2708 3.17487 11.1698 4.41632L11.5748 4.12307L11.9797 3.82981C10.6289 1.96436 7.76473 2.26285 6.82754 4.36674L7.28427 4.57019ZM6.71575 4.57019L6.25901 4.77365C6.54476 5.41513 7.45526 5.41513 7.74101 4.77365L7.28427 4.57019L6.82754 4.36674C6.89405 4.21743 7.10597 4.21743 7.17248 4.36674L6.71575 4.57019ZM2.42526 4.12307L2.83023 4.41632C3.72922 3.17487 5.63532 3.37351 6.25901 4.77365L6.71575 4.57019L7.17248 4.36674C6.23529 2.26285 3.37113 1.96436 2.02029 3.82981L2.42526 4.12307ZM2.45144 8.5469L2.80614 8.19449C1.90169 7.28417 1.79021 5.85254 2.54285 4.81319L2.13787 4.51993L1.7329 4.22668C0.69284 5.66296 0.84689 7.64133 2.09674 8.8993L2.45144 8.5469ZM6.60392 12.7263L6.24922 13.0787C6.32154 13.1515 6.40211 13.2335 6.47841 13.296C6.56125 13.3639 6.68046 13.4447 6.84279 13.4765L6.93887 12.9858L7.03495 12.4951C7.1015 12.5082 7.13296 12.5395 7.11213 12.5224C7.10164 12.5139 7.08499 12.499 7.05778 12.4727C7.03063 12.4464 6.99948 12.4151 6.95862 12.3739L6.60392 12.7263ZM7.3961 12.7263L7.04141 12.3739C7.00054 12.4151 6.96939 12.4464 6.94224 12.4727C6.91503 12.499 6.89838 12.5139 6.88789 12.5224C6.86707 12.5395 6.89852 12.5082 6.96507 12.4951L7.06115 12.9858L7.15723 13.4765C7.31956 13.4447 7.43877 13.3639 7.52162 13.296C7.59791 13.2335 7.67848 13.1515 7.7508 13.0787L7.3961 12.7263ZM6.93887 12.9858L6.84279 13.4765C6.94662 13.4968 7.0534 13.4968 7.15723 13.4765L7.06115 12.9858L6.96507 12.4951C6.98815 12.4906 7.01188 12.4906 7.03495 12.4951L6.93887 12.9858Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.product-tile__action--compare .product-tile__action-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23paint0_angular_2050_106_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(2.40413e-10 0.0055 -0.002 0 4.25 7.5)'%3E%3CforeignObject x='-1312.5' y='-1312.5' width='2625' height='2625'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(58, 140, 168, 1) 0deg,rgba(40, 100, 130, 1) 103.846deg,rgba(78, 185, 210, 1) 245.769deg,rgba(58, 140, 168, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M6.06694 12.8169L6.28791 13.0379L6.06694 12.8169ZM6.06694 2.18306L5.84597 2.40403L6.06694 2.18306ZM2.43306 2.18306L2.21209 1.96209L2.43306 2.18306ZM2.43306 12.8169L2.21209 13.0379L2.43306 12.8169ZM2.25 11.75L2.5625 11.75L2.5625 3.25L2.25 3.25L1.9375 3.25L1.9375 11.75L2.25 11.75ZM3.5 2L3.5 2.3125L5 2.3125L5 2L5 1.6875L3.5 1.6875L3.5 2ZM6.25 3.25L5.9375 3.25L5.9375 11.75L6.25 11.75L6.5625 11.75L6.5625 3.25L6.25 3.25ZM5 13L5 12.6875L3.5 12.6875L3.5 13L3.5 13.3125L5 13.3125L5 13ZM6.25 11.75L5.9375 11.75C5.9375 12.0535 5.93684 12.2496 5.9174 12.3942C5.89918 12.5297 5.86976 12.5722 5.84597 12.596L6.06694 12.8169L6.28791 13.0379C6.44718 12.8786 6.50929 12.6823 6.53683 12.4774C6.56316 12.2816 6.5625 12.0358 6.5625 11.75L6.25 11.75ZM5 13L5 13.3125C5.28579 13.3125 5.53158 13.3132 5.72744 13.2868C5.93228 13.2593 6.12864 13.1972 6.28791 13.0379L6.06694 12.8169L5.84597 12.596C5.82218 12.6198 5.7797 12.6492 5.64416 12.6674C5.49962 12.6868 5.30346 12.6875 5 12.6875L5 13ZM5 2L5 2.3125C5.30346 2.3125 5.49962 2.31316 5.64416 2.3326C5.7797 2.35082 5.82218 2.38024 5.84597 2.40403L6.06694 2.18306L6.28791 1.96209C6.12864 1.80282 5.93228 1.74071 5.72743 1.71317C5.53158 1.68684 5.28579 1.6875 5 1.6875L5 2ZM6.25 3.25L6.5625 3.25C6.5625 2.96421 6.56316 2.71842 6.53683 2.52256C6.50929 2.31772 6.44718 2.12136 6.28791 1.96209L6.06694 2.18306L5.84597 2.40403C5.86976 2.42782 5.89918 2.4703 5.9174 2.60585C5.93684 2.75038 5.9375 2.94654 5.9375 3.25L6.25 3.25ZM2.25 3.25L2.5625 3.25C2.5625 2.94654 2.56316 2.75038 2.5826 2.60585C2.60082 2.4703 2.63024 2.42782 2.65403 2.40403L2.43306 2.18306L2.21209 1.96209C2.05282 2.12136 1.99071 2.31772 1.96317 2.52256C1.93684 2.71842 1.9375 2.96421 1.9375 3.25L2.25 3.25ZM3.5 2L3.5 1.6875C3.21421 1.6875 2.96842 1.68684 2.77256 1.71317C2.56772 1.74071 2.37136 1.80282 2.21209 1.96209L2.43306 2.18306L2.65403 2.40403C2.67782 2.38024 2.7203 2.35082 2.85584 2.3326C3.00038 2.31316 3.19654 2.3125 3.5 2.3125L3.5 2ZM2.25 11.75L1.9375 11.75C1.9375 12.0358 1.93684 12.2816 1.96317 12.4774C1.99071 12.6823 2.05282 12.8786 2.21209 13.0379L2.43306 12.8169L2.65403 12.596C2.63024 12.5722 2.60082 12.5297 2.5826 12.3942C2.56316 12.2496 2.5625 12.0535 2.5625 11.75L2.25 11.75ZM3.5 13L3.5 12.6875C3.19654 12.6875 3.00038 12.6868 2.85584 12.6674C2.7203 12.6492 2.67782 12.6198 2.65403 12.596L2.43306 12.8169L2.21209 13.0379C2.37136 13.1972 2.56772 13.2593 2.77257 13.2868C2.96842 13.3132 3.21421 13.3125 3.5 13.3125L3.5 13Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.28846153616905212%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.68269228935241699%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.28846153616905212%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.68269228935241699%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:4.8082529247039929e-07,&%2334;m01&%2334;:-4.0000004768371582,&%2334;m02&%2334;:6.250,&%2334;m10&%2334;:11.0,&%2334;m11&%2334;:1.7484558156866115e-07,&%2334;m12&%2334;:1.9999998807907104%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cg clip-path='url(%23paint1_angular_2050_106_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(1.5299e-10 0.0035 -0.002 0 10.125 9.0625)'%3E%3CforeignObject x='-1312.5' y='-1312.5' width='2625' height='2625'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(58, 140, 168, 1) 0deg,rgba(40, 100, 130, 1) 103.846deg,rgba(78, 185, 210, 1) 245.769deg,rgba(58, 140, 168, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M11.9419 12.3794L12.1629 12.6004L11.9419 12.3794ZM11.9419 5.74556L12.1629 5.52459L11.9419 5.74556ZM8.30806 5.74556L8.08709 5.52459L8.30806 5.74556ZM8.30806 12.3794L8.08709 12.6004L8.30806 12.3794ZM8.125 11.3125L8.4375 11.3125L8.4375 6.8125L8.125 6.8125L7.8125 6.8125L7.8125 11.3125L8.125 11.3125ZM9.375 5.5625L9.375 5.875L10.875 5.875L10.875 5.5625L10.875 5.25L9.375 5.25L9.375 5.5625ZM12.125 6.8125L11.8125 6.8125L11.8125 11.3125L12.125 11.3125L12.4375 11.3125L12.4375 6.8125L12.125 6.8125ZM10.875 12.5625L10.875 12.25L9.375 12.25L9.375 12.5625L9.375 12.875L10.875 12.875L10.875 12.5625ZM12.125 11.3125L11.8125 11.3125C11.8125 11.616 11.8118 11.8121 11.7924 11.9567C11.7742 12.0922 11.7448 12.1347 11.721 12.1585L11.9419 12.3794L12.1629 12.6004C12.3222 12.4411 12.3843 12.2448 12.4118 12.0399C12.4382 11.8441 12.4375 11.5983 12.4375 11.3125L12.125 11.3125ZM10.875 12.5625L10.875 12.875C11.1608 12.875 11.4066 12.8757 11.6024 12.8493C11.8073 12.8218 12.0036 12.7597 12.1629 12.6004L11.9419 12.3794L11.721 12.1585C11.6972 12.1823 11.6547 12.2117 11.5192 12.2299C11.3746 12.2493 11.1785 12.25 10.875 12.25L10.875 12.5625ZM10.875 5.5625L10.875 5.875C11.1785 5.875 11.3746 5.87566 11.5192 5.8951C11.6547 5.91332 11.6972 5.94274 11.721 5.96653L11.9419 5.74556L12.1629 5.52459C12.0036 5.36532 11.8073 5.30321 11.6024 5.27567C11.4066 5.24934 11.1608 5.25 10.875 5.25L10.875 5.5625ZM12.125 6.8125L12.4375 6.8125C12.4375 6.52671 12.4382 6.28092 12.4118 6.08507C12.3843 5.88022 12.3222 5.68386 12.1629 5.52459L11.9419 5.74556L11.721 5.96653C11.7448 5.99032 11.7742 6.0328 11.7924 6.16834C11.8118 6.31288 11.8125 6.50904 11.8125 6.8125L12.125 6.8125ZM8.125 6.8125L8.4375 6.8125C8.4375 6.50904 8.43816 6.31288 8.4576 6.16834C8.47582 6.0328 8.50524 5.99032 8.52903 5.96653L8.30806 5.74556L8.08709 5.52459C7.92782 5.68386 7.86571 5.88022 7.83817 6.08507C7.81184 6.28092 7.8125 6.52671 7.8125 6.8125L8.125 6.8125ZM9.375 5.5625L9.375 5.25C9.08921 5.25 8.84342 5.24934 8.64756 5.27567C8.44272 5.30321 8.24636 5.36532 8.08709 5.52459L8.30806 5.74556L8.52903 5.96653C8.55282 5.94274 8.5953 5.91332 8.73084 5.8951C8.87538 5.87566 9.07154 5.875 9.375 5.875L9.375 5.5625ZM8.125 11.3125L7.8125 11.3125C7.8125 11.5983 7.81184 11.8441 7.83817 12.0399C7.86571 12.2448 7.92782 12.4411 8.08709 12.6004L8.30806 12.3794L8.52903 12.1585C8.50524 12.1347 8.47582 12.0922 8.4576 11.9567C8.43816 11.8121 8.4375 11.616 8.4375 11.3125L8.125 11.3125ZM9.375 12.5625L9.375 12.25C9.07154 12.25 8.87538 12.2493 8.73084 12.2299C8.5953 12.2117 8.55282 12.1823 8.52903 12.1585L8.30806 12.3794L8.08709 12.6004C8.24636 12.7597 8.44272 12.8218 8.64757 12.8493C8.84342 12.8757 9.08921 12.875 9.375 12.875L9.375 12.5625Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.28846153616905212%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.68269228935241699%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.28846153616905212%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.68269228935241699%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:3.0597971090173814e-07,&%2334;m01&%2334;:-4.0000004768371582,&%2334;m02&%2334;:12.1250,&%2334;m10&%2334;:7.0,&%2334;m11&%2334;:1.7484558156866115e-07,&%2334;m12&%2334;:5.56250%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cg clip-path='url(%23paint2_angular_2050_106_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0.00524 -3.89797e-05 8.04937e-07 0.000448879 7.35078 15.3701)'%3E%3CforeignObject x='-4561.55' y='-4561.55' width='9123.1' height='9123.1'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(56, 137, 165, 1) 0deg,rgba(40, 100, 130, 1) 28.8deg,rgba(78, 185, 210, 1) 324deg,rgba(56, 137, 165, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M12.265 14.3701C12.439 14.3701 12.58 14.5111 12.58 14.6851C12.58 14.8591 12.439 15.0001 12.265 15.0001H2.26501C2.09104 15.0001 1.95001 14.8591 1.95001 14.6851C1.95001 14.5111 2.09104 14.3701 2.26501 14.3701H12.265Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.079999983310699463%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.89999997615814209%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.079999983310699463%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.89999997615814209%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:10.480004310607910,&%2334;m01&%2334;:0.0016098738415166736,&%2334;m02&%2334;:2.1099708080291748,&%2334;m10&%2334;:-0.077959358692169189,&%2334;m11&%2334;:0.89775890111923218,&%2334;m12&%2334;:14.960217475891113%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cdefs%3E%3CclipPath id='paint0_angular_2050_106_clip_path'%3E%3Cpath d='M6.06694 12.8169L6.28791 13.0379L6.06694 12.8169ZM6.06694 2.18306L5.84597 2.40403L6.06694 2.18306ZM2.43306 2.18306L2.21209 1.96209L2.43306 2.18306ZM2.43306 12.8169L2.21209 13.0379L2.43306 12.8169ZM2.25 11.75L2.5625 11.75L2.5625 3.25L2.25 3.25L1.9375 3.25L1.9375 11.75L2.25 11.75ZM3.5 2L3.5 2.3125L5 2.3125L5 2L5 1.6875L3.5 1.6875L3.5 2ZM6.25 3.25L5.9375 3.25L5.9375 11.75L6.25 11.75L6.5625 11.75L6.5625 3.25L6.25 3.25ZM5 13L5 12.6875L3.5 12.6875L3.5 13L3.5 13.3125L5 13.3125L5 13ZM6.25 11.75L5.9375 11.75C5.9375 12.0535 5.93684 12.2496 5.9174 12.3942C5.89918 12.5297 5.86976 12.5722 5.84597 12.596L6.06694 12.8169L6.28791 13.0379C6.44718 12.8786 6.50929 12.6823 6.53683 12.4774C6.56316 12.2816 6.5625 12.0358 6.5625 11.75L6.25 11.75ZM5 13L5 13.3125C5.28579 13.3125 5.53158 13.3132 5.72744 13.2868C5.93228 13.2593 6.12864 13.1972 6.28791 13.0379L6.06694 12.8169L5.84597 12.596C5.82218 12.6198 5.7797 12.6492 5.64416 12.6674C5.49962 12.6868 5.30346 12.6875 5 12.6875L5 13ZM5 2L5 2.3125C5.30346 2.3125 5.49962 2.31316 5.64416 2.3326C5.7797 2.35082 5.82218 2.38024 5.84597 2.40403L6.06694 2.18306L6.28791 1.96209C6.12864 1.80282 5.93228 1.74071 5.72743 1.71317C5.53158 1.68684 5.28579 1.6875 5 1.6875L5 2ZM6.25 3.25L6.5625 3.25C6.5625 2.96421 6.56316 2.71842 6.53683 2.52256C6.50929 2.31772 6.44718 2.12136 6.28791 1.96209L6.06694 2.18306L5.84597 2.40403C5.86976 2.42782 5.89918 2.4703 5.9174 2.60585C5.93684 2.75038 5.9375 2.94654 5.9375 3.25L6.25 3.25ZM2.25 3.25L2.5625 3.25C2.5625 2.94654 2.56316 2.75038 2.5826 2.60585C2.60082 2.4703 2.63024 2.42782 2.65403 2.40403L2.43306 2.18306L2.21209 1.96209C2.05282 2.12136 1.99071 2.31772 1.96317 2.52256C1.93684 2.71842 1.9375 2.96421 1.9375 3.25L2.25 3.25ZM3.5 2L3.5 1.6875C3.21421 1.6875 2.96842 1.68684 2.77256 1.71317C2.56772 1.74071 2.37136 1.80282 2.21209 1.96209L2.43306 2.18306L2.65403 2.40403C2.67782 2.38024 2.7203 2.35082 2.85584 2.3326C3.00038 2.31316 3.19654 2.3125 3.5 2.3125L3.5 2ZM2.25 11.75L1.9375 11.75C1.9375 12.0358 1.93684 12.2816 1.96317 12.4774C1.99071 12.6823 2.05282 12.8786 2.21209 13.0379L2.43306 12.8169L2.65403 12.596C2.63024 12.5722 2.60082 12.5297 2.5826 12.3942C2.56316 12.2496 2.5625 12.0535 2.5625 11.75L2.25 11.75ZM3.5 13L3.5 12.6875C3.19654 12.6875 3.00038 12.6868 2.85584 12.6674C2.7203 12.6492 2.67782 12.6198 2.65403 12.596L2.43306 12.8169L2.21209 13.0379C2.37136 13.1972 2.56772 13.2593 2.77257 13.2868C2.96842 13.3132 3.21421 13.3125 3.5 13.3125L3.5 13Z'/%3E%3C/clipPath%3E%3CclipPath id='paint1_angular_2050_106_clip_path'%3E%3Cpath d='M11.9419 12.3794L12.1629 12.6004L11.9419 12.3794ZM11.9419 5.74556L12.1629 5.52459L11.9419 5.74556ZM8.30806 5.74556L8.08709 5.52459L8.30806 5.74556ZM8.30806 12.3794L8.08709 12.6004L8.30806 12.3794ZM8.125 11.3125L8.4375 11.3125L8.4375 6.8125L8.125 6.8125L7.8125 6.8125L7.8125 11.3125L8.125 11.3125ZM9.375 5.5625L9.375 5.875L10.875 5.875L10.875 5.5625L10.875 5.25L9.375 5.25L9.375 5.5625ZM12.125 6.8125L11.8125 6.8125L11.8125 11.3125L12.125 11.3125L12.4375 11.3125L12.4375 6.8125L12.125 6.8125ZM10.875 12.5625L10.875 12.25L9.375 12.25L9.375 12.5625L9.375 12.875L10.875 12.875L10.875 12.5625ZM12.125 11.3125L11.8125 11.3125C11.8125 11.616 11.8118 11.8121 11.7924 11.9567C11.7742 12.0922 11.7448 12.1347 11.721 12.1585L11.9419 12.3794L12.1629 12.6004C12.3222 12.4411 12.3843 12.2448 12.4118 12.0399C12.4382 11.8441 12.4375 11.5983 12.4375 11.3125L12.125 11.3125ZM10.875 12.5625L10.875 12.875C11.1608 12.875 11.4066 12.8757 11.6024 12.8493C11.8073 12.8218 12.0036 12.7597 12.1629 12.6004L11.9419 12.3794L11.721 12.1585C11.6972 12.1823 11.6547 12.2117 11.5192 12.2299C11.3746 12.2493 11.1785 12.25 10.875 12.25L10.875 12.5625ZM10.875 5.5625L10.875 5.875C11.1785 5.875 11.3746 5.87566 11.5192 5.8951C11.6547 5.91332 11.6972 5.94274 11.721 5.96653L11.9419 5.74556L12.1629 5.52459C12.0036 5.36532 11.8073 5.30321 11.6024 5.27567C11.4066 5.24934 11.1608 5.25 10.875 5.25L10.875 5.5625ZM12.125 6.8125L12.4375 6.8125C12.4375 6.52671 12.4382 6.28092 12.4118 6.08507C12.3843 5.88022 12.3222 5.68386 12.1629 5.52459L11.9419 5.74556L11.721 5.96653C11.7448 5.99032 11.7742 6.0328 11.7924 6.16834C11.8118 6.31288 11.8125 6.50904 11.8125 6.8125L12.125 6.8125ZM8.125 6.8125L8.4375 6.8125C8.4375 6.50904 8.43816 6.31288 8.4576 6.16834C8.47582 6.0328 8.50524 5.99032 8.52903 5.96653L8.30806 5.74556L8.08709 5.52459C7.92782 5.68386 7.86571 5.88022 7.83817 6.08507C7.81184 6.28092 7.8125 6.52671 7.8125 6.8125L8.125 6.8125ZM9.375 5.5625L9.375 5.25C9.08921 5.25 8.84342 5.24934 8.64756 5.27567C8.44272 5.30321 8.24636 5.36532 8.08709 5.52459L8.30806 5.74556L8.52903 5.96653C8.55282 5.94274 8.5953 5.91332 8.73084 5.8951C8.87538 5.87566 9.07154 5.875 9.375 5.875L9.375 5.5625ZM8.125 11.3125L7.8125 11.3125C7.8125 11.5983 7.81184 11.8441 7.83817 12.0399C7.86571 12.2448 7.92782 12.4411 8.08709 12.6004L8.30806 12.3794L8.52903 12.1585C8.50524 12.1347 8.47582 12.0922 8.4576 11.9567C8.43816 11.8121 8.4375 11.616 8.4375 11.3125L8.125 11.3125ZM9.375 12.5625L9.375 12.25C9.07154 12.25 8.87538 12.2493 8.73084 12.2299C8.5953 12.2117 8.55282 12.1823 8.52903 12.1585L8.30806 12.3794L8.08709 12.6004C8.24636 12.7597 8.44272 12.8218 8.64757 12.8493C8.84342 12.8757 9.08921 12.875 9.375 12.875L9.375 12.5625Z'/%3E%3C/clipPath%3E%3CclipPath id='paint2_angular_2050_106_clip_path'%3E%3Cpath d='M12.265 14.3701C12.439 14.3701 12.58 14.5111 12.58 14.6851C12.58 14.8591 12.439 15.0001 12.265 15.0001H2.26501C2.09104 15.0001 1.95001 14.8591 1.95001 14.6851C1.95001 14.5111 2.09104 14.3701 2.26501 14.3701H12.265Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.product-tile__action--favorites.is-active .product-tile__action-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.45144 8.5469L6.60392 12.7263C6.76336 12.8868 6.84309 12.9671 6.93887 12.9858C6.97925 12.9937 7.02077 12.9937 7.06115 12.9858C7.15693 12.9671 7.23666 12.8868 7.3961 12.7263L11.5486 8.54689C12.6257 7.46275 12.7585 5.75775 11.8621 4.51993L11.5748 4.12307C10.4498 2.56962 8.06472 2.81818 7.28427 4.57019C7.17465 4.81628 6.82537 4.81628 6.71575 4.57019C5.93531 2.81818 3.55017 2.56962 2.42526 4.12307L2.13787 4.51993C1.24153 5.75775 1.37429 7.46275 2.45144 8.5469Z' fill='%23137A7C' stroke='%23137A7C'/%3E%3C/svg%3E%0A");
}

.product-tile__action--compare.is-active .product-tile__action-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23paint0_angular_2050_112_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0.00524 -3.89797e-05 8.04937e-07 0.000448879 7.29078 15.3701)'%3E%3CforeignObject x='-4561.55' y='-4561.55' width='9123.1' height='9123.1'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(56, 137, 165, 1) 0deg,rgba(40, 100, 130, 1) 28.8deg,rgba(78, 185, 210, 1) 324deg,rgba(56, 137, 165, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M12.205 14.3701C12.379 14.3701 12.52 14.5111 12.52 14.6851C12.52 14.8591 12.379 15.0001 12.205 15.0001H2.20501C2.03104 15.0001 1.89001 14.8591 1.89001 14.6851C1.89001 14.5111 2.03104 14.3701 2.20501 14.3701H12.205Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.079999983310699463%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.89999997615814209%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.079999983310699463%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.89999997615814209%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:10.480004310607910,&%2334;m01&%2334;:0.0016098738415166736,&%2334;m02&%2334;:2.0499732494354248,&%2334;m10&%2334;:-0.077959358692169189,&%2334;m11&%2334;:0.89775890111923218,&%2334;m12&%2334;:14.960217475891113%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cg clip-path='url(%23paint1_angular_2050_112_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0 0.0067 -0.00577 0 7.5825 8.39995)'%3E%3CforeignObject x='-1249.13' y='-1249.13' width='2498.27' height='2498.27'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(78, 185, 210, 1) 0deg,rgba(40, 100, 130, 1) 136.731deg,rgba(78, 185, 210, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M3.32712 13.3177C2.64712 13.3177 2.30712 13.3177 2.09587 13.1243C1.88462 12.931 1.88462 12.6198 1.88462 11.9975L1.88462 3.02015C1.88462 2.3978 1.88462 2.08663 2.09587 1.89329C2.30712 1.69995 2.64712 1.69995 3.32712 1.69995L5.05812 1.69995C5.73813 1.69995 6.07813 1.69995 6.28938 1.89329C6.50063 2.08663 6.50062 2.3978 6.50062 3.02015L6.50063 11.9975C6.50063 12.6198 6.50063 12.931 6.28938 13.1243C6.07813 13.3177 5.73813 13.3177 5.05813 13.3177H3.32712Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.37980768084526062%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.37980768084526062%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:7.0662124850002063e-16,&%2334;m01&%2334;:-11.539999961853027,&%2334;m02&%2334;:13.352499961853027,&%2334;m10&%2334;:13.400000572204590,&%2334;m11&%2334;:8.2051340446695226e-16,&%2334;m12&%2334;:1.6999511718750%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cg clip-path='url(%23paint2_angular_2050_112_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0 0.0067 -0.00577 0 7.5825 8.39995)'%3E%3CforeignObject x='-1249.13' y='-1249.13' width='2498.27' height='2498.27'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(78, 185, 210, 1) 0deg,rgba(40, 100, 130, 1) 136.731deg,rgba(78, 185, 210, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M9.12899 13.3177C8.44899 13.3177 8.10899 13.3177 7.89774 13.1243C7.68649 12.931 7.68649 12.6198 7.68649 11.9975L7.68649 7.24478C7.68649 6.62243 7.68649 6.31126 7.89774 6.11792C8.10898 5.92458 8.44899 5.92458 9.12899 5.92458H10.86C11.54 5.92458 11.88 5.92458 12.0912 6.11792C12.3025 6.31126 12.3025 6.62243 12.3025 7.24478V11.9975C12.3025 12.6198 12.3025 12.931 12.0912 13.1243C11.88 13.3177 11.54 13.3177 10.86 13.3177H9.12899Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.37980768084526062%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.37980768084526062%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:7.0662124850002063e-16,&%2334;m01&%2334;:-11.539999961853027,&%2334;m02&%2334;:13.352499961853027,&%2334;m10&%2334;:13.400000572204590,&%2334;m11&%2334;:8.2051340446695226e-16,&%2334;m12&%2334;:1.6999511718750%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cg clip-path='url(%23paint3_angular_2050_112_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0 0.0067 -0.00577 0 7.5825 8.39995)'%3E%3CforeignObject x='-1249.13' y='-1249.13' width='2498.27' height='2498.27'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(78, 185, 210, 1) 0deg,rgba(40, 100, 130, 1) 136.731deg,rgba(78, 185, 210, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath d='M9.12899 13.3177C8.44899 13.3177 8.10899 13.3177 7.89774 13.1243C7.68649 12.931 7.68649 12.6198 7.68649 11.9975L7.68649 7.24478C7.68649 6.62243 7.68649 6.31126 7.89774 6.11792C8.10898 5.92458 8.44899 5.92458 9.12899 5.92458H10.86C11.54 5.92458 11.88 5.92458 12.0912 6.11792C12.3025 6.31126 12.3025 6.62243 12.3025 7.24478V11.9975C12.3025 12.6198 12.3025 12.931 12.0912 13.1243C11.88 13.3177 11.54 13.3177 10.86 13.3177H9.12899Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.37980768084526062%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.15686275064945221,&%2334;g&%2334;:0.39215686917304993,&%2334;b&%2334;:0.50980395078659058,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:0.37980768084526062%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:0.30588236451148987,&%2334;g&%2334;:0.72549021244049072,&%2334;b&%2334;:0.82352942228317261,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:7.0662124850002063e-16,&%2334;m01&%2334;:-11.539999961853027,&%2334;m02&%2334;:13.352499961853027,&%2334;m10&%2334;:13.400000572204590,&%2334;m11&%2334;:8.2051340446695226e-16,&%2334;m12&%2334;:1.6999511718750%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cdefs%3E%3CclipPath id='paint0_angular_2050_112_clip_path'%3E%3Cpath d='M12.205 14.3701C12.379 14.3701 12.52 14.5111 12.52 14.6851C12.52 14.8591 12.379 15.0001 12.205 15.0001H2.20501C2.03104 15.0001 1.89001 14.8591 1.89001 14.6851C1.89001 14.5111 2.03104 14.3701 2.20501 14.3701H12.205Z'/%3E%3C/clipPath%3E%3CclipPath id='paint1_angular_2050_112_clip_path'%3E%3Cpath d='M3.32712 13.3177C2.64712 13.3177 2.30712 13.3177 2.09587 13.1243C1.88462 12.931 1.88462 12.6198 1.88462 11.9975L1.88462 3.02015C1.88462 2.3978 1.88462 2.08663 2.09587 1.89329C2.30712 1.69995 2.64712 1.69995 3.32712 1.69995L5.05812 1.69995C5.73813 1.69995 6.07813 1.69995 6.28938 1.89329C6.50063 2.08663 6.50062 2.3978 6.50062 3.02015L6.50063 11.9975C6.50063 12.6198 6.50063 12.931 6.28938 13.1243C6.07813 13.3177 5.73813 13.3177 5.05813 13.3177H3.32712Z'/%3E%3C/clipPath%3E%3CclipPath id='paint2_angular_2050_112_clip_path'%3E%3Cpath d='M9.12899 13.3177C8.44899 13.3177 8.10899 13.3177 7.89774 13.1243C7.68649 12.931 7.68649 12.6198 7.68649 11.9975L7.68649 7.24478C7.68649 6.62243 7.68649 6.31126 7.89774 6.11792C8.10898 5.92458 8.44899 5.92458 9.12899 5.92458H10.86C11.54 5.92458 11.88 5.92458 12.0912 6.11792C12.3025 6.31126 12.3025 6.62243 12.3025 7.24478V11.9975C12.3025 12.6198 12.3025 12.931 12.0912 13.1243C11.88 13.3177 11.54 13.3177 10.86 13.3177H9.12899Z'/%3E%3C/clipPath%3E%3CclipPath id='paint3_angular_2050_112_clip_path'%3E%3Cpath d='M9.12899 13.3177C8.44899 13.3177 8.10899 13.3177 7.89774 13.1243C7.68649 12.931 7.68649 12.6198 7.68649 11.9975L7.68649 7.24478C7.68649 6.62243 7.68649 6.31126 7.89774 6.11792C8.10898 5.92458 8.44899 5.92458 9.12899 5.92458H10.86C11.54 5.92458 11.88 5.92458 12.0912 6.11792C12.3025 6.31126 12.3025 6.62243 12.3025 7.24478V11.9975C12.3025 12.6198 12.3025 12.931 12.0912 13.1243C11.88 13.3177 11.54 13.3177 10.86 13.3177H9.12899Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.favorites__headline {
    margin-bottom: 10px;
}

.favorites__headline .title {
    margin: 0;
}

.favorites__grid {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.favorites__grid .catalog__item {
    flex: 0 0 calc(100% / 6);
}

@media (max-width: 1314px) {
    .favorites__grid .catalog__item {
        flex: 0 0 20%;
    }
}

@media (max-width: 1280px) {
    .favorites__grid .catalog__item {
        flex: 0 0 25%;
    }
}

@media (max-width: 1200px) {
    .favorites__grid .catalog__item {
        flex: 0 0 25%!important;
    }
}

@media (max-width: 1170px) {
    .favorites__grid .catalog__item {
        flex: 0 0 calc(100% / 3) !important;
    }
}

@media (max-width: 1023px) {
    .favorites__grid .catalog__item {
        flex: 0 0 50% !important;
    }
}

.compare-wrapper {
    padding-bottom: 80px;
}

.compare__headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.compare-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.compare-navigation__prev,
.compare-navigation__next {
    --size: 35px;

    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    background-color: var(--pri1-color);
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s ease;
}

.compare-navigation__prev:hover,
.compare-navigation__next:hover {
    background-color: #68E5EF;
}

.compare-navigation__prev::before,
.compare-navigation__next::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath colorable='stroke' d='M1 1L5 6L1 11' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.compare-navigation__prev::before {
    transform: rotate(180deg);
}

.compare-list {
    margin-bottom: 20px;
}

.compare-list .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.compare-list:not(.swiper-initialized) .swiper-wrapper {
    gap: 20px;
}

.compare-item {
    width: 266px;
    height: auto;
    flex: none;
    padding: 16px 24px 12px;
    background-color: #FFFFFF;
    border-radius: 24px;
}

.compare-props {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.compare-props__inner {
    padding: 20px 24px;
    background-color: #FFFFFF;
    border-radius: 24px;
    max-width: 100%;
    overflow: hidden;
}

.compare-props__title {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: #000;
    margin: 20px 0 7px;
    text-align: center;
}

.compare-props__list-inner {
    display: inline-block;
    white-space: nowrap;
    border-radius: 12px;
    background: #f2f6f9;
}

.compare-prop {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #000;
    padding: 8px 15px;
    text-align: center;
    vertical-align: middle;
    width: 210px;
    white-space: normal;
    word-break: break-word;
}

.compare-prop:not(:last-child) {
    margin-right: 72px;
}

.compare-props__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding-left: 20px;
}

.compare-props__action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #000;
}

.compare-props__action:hover span,
.compare-props__action:hover {
    color: #000!important;
}

.compare-props__action-icon {
    display: inline-block;
    border-radius: 2px;
    width: 40px;
    height: 20px;
    background: #f2f6f9;
    position: relative;
}

.compare-props__action-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    border-radius: 2px;
    background: #B3E1E1;
    transition: all .2s ease;
}

.compare-props__action.is-active .compare-props__action-icon::before {
    transform: translateX(20px);
    background: #0f9999;
}

.favorites__empty-text {
    line-height: 120%;
}

.favorites__empty-btn {
    margin-top: 20px;
}

.favorites__empty-btn .btn {
    display: inline-flex;
    padding: 10px 24px;
}

.mobile-menu__item--top {
    display: block;
    line-height: 0;
    position: relative;
}

.mobile-menu__item-count {
    display: none;
    position: absolute;
    top: -3px;
    left: 60%;
    background-color: #4AC3CD;
    color: #FFF!important;
    border-radius: 20px;
    width: 15px;
    height: 15px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.mobile-menu__item--top .mobile-menu__item-count {
    font-size: 10px !important;
    line-height: 9px !important;
}

.mobile-menu__item-count.has-elems {
    display: flex;
}

/*@media (max-width: 1200px) {
    .icon-above .icon-above__top {
        display: block;
    }

    .icon-above .icon-above__count.has-elems {
        display: flex;
    }
}

@media (max-width: 1199px) {
    .icon-above__top svg {
        width: 26px;
        height: 26px;
    }

    .icon-above__count {
        width: 15px;
        height: 15px;
        font-size: 10px;
        line-height: 10px;
        top: 30%;
        left: 60%;
        z-index: 1;
    }
}*/

@media (max-width: 767px) {
    .compare-item {
        width: 205px;
        padding: 12px;
    }

    .compare-props__inner {
        padding: 16px 20px;
    }

    .compare-prop {
        width: 167px;
    }

    .compare-prop:not(:last-child) {
        margin-right: 45px;
    }

    .compare-props__actions {
        padding-left: 0;
    }

    .compare-props__action {
        font-size: 14px;
    }

    .compare-props__title {
        font-size: 14px;
        margin: 14px 0 7px;
    }

    /*.header__logobox .img-box.img-box--logo {
        margin-left: 0;
    }

    .header__shop__btns {
        gap: 11px;
    }*/
}

/*@media (max-width: 359px) {
    .header__logobox .img-box.img-box--logo {
        margin-left: 0;
        min-width: 94px;
    }

    .header__shop__btns .icon-above svg {
        width: 20px;
        height: 20px;
    }
}*/


.order__bottom__info {
    margin: 16px -20px 0;
    padding: 12px 24px;
    background-color: #F2F6F9;
    border-radius: 24px;
}

.order__info__title {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #545656;
    margin-bottom: 6px;
}

.order__info__value {
    word-break: break-word;
}

.order__info__value:not(:last-child)::after {
    content: "; ";
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.order__info__values--small {
    font-size: 14px;
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .visible-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .order__bottom__info {
        padding: 12px 20px;
    }

    .order__info__values {
        font-size: 14px;
    }
}

select#price-requests-company-filter {
    background: #f2f6f9;
    border: none;
    padding: 12px;
    border-radius: 14px;
}

.price__all--row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.price__actual.is-sale {
    color: #FF0C37;
}

.price__old {
    font-size: 0.8em;
    line-height: 100%;
    color: var(--text1-color--semi);
    text-decoration: line-through;
}

@media (max-width: 768px) {
    .price__all--row {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 2px;
    }
}