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

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

.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;
    margin-left: 24px;
    width: auto;
    padding: 0 24px
}

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

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

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

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

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

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

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

.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: flex-end;
		gap: 0px;
	}
	.price__single {
		margin-left: 5px;
	}
	.order__basket__item {
		flex-wrap: wrap;
	}
}


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

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