.section-item {
    border: 1px solid #eee;
}

.ui-card__title {
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffffd1;
    padding: 2px 6px;
    border-radius: 4px;
    -webkit-line-clamp: 4;
    line-height: 1.2;
}

@media (max-width: 600px) {
    .ui-card__title {
        font-size: 13px;
        font-weight: 500;
        text-transform: none;
        background: none;
        border-radius: 0;
        padding: 4px 0 0 4px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .ui-card__info--absolute.ui-card__info--absolute-top {
        --offset: 4px;
    }
}

.ui-card__info--absolute {
    --offset: 10px;
}

.font_bold {
    font-weight: 600;
}

/* Hide rating in product detail, keep article visible */
.catalog-detail__info-tech .line-block__item:not(.secondary-color) {
    display: none !important;
}

.catalog-block__info-tech {
    display: none;
}

/* Mobile catalog block: hide everything except article, show both prices and basket button */
@media (max-width: 767px) {

    /* Show info-tech block but hide rating/status, keep only article */
    .catalog-block__info-tech {
        display: block !important;
    }

    /* Hide rating, reviews count, status — keep only article (.secondary-color) */
    .catalog-block__info-tech .line-block__item:not(.secondary-color) {
        display: none !important;
    }

    /* Keep article visible (also shown separately via catalog-block__info-article in mobile template) */
    .catalog-block__info-article {
        display: block !important;
        margin-top: 0 !important;
    }

    /* Hide title and preview text */
    .catalog-block__info-title,
    .catalog-block__info-preview {
        display: none !important;
    }

    /* Show both prices block */
    .catalog-block__item .js-popup-price,
    .catalog-block__item .custom-prices-block {
        display: block !important;
    }

    /* Show basket button */
    .catalog-block__info-bottom {
        display: block !important;
    }
}

body#main {
    --card_bg_active: var(--light, #efe8f2) var(--dark, #38383F);
    background: #fcf9fd;
}

.catalog-detail__buy-block {
    background: white;
}

.bx-soa-pp-company-inner {
    padding: 12px 22px;
    height: 100%;
    margin: 0;
    font-size: 1rem;
    z-index: 1;
    border-radius: 12px;
    line-height: 1.3;
}

.bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company-item {
    padding: 0;
}

.bx-soa-section {
    background: white;
}

.bx-soa-cart-total {
    background: white;
}

/* Hide empty payment/delivery description placeholders on checkout */
#bx-soa-order .bx-soa-pp-company-desc:empty {
    display: none !important;
}

#bx-soa-order .bx-soa-pp-company-inject:empty {
    display: none !important;
}

.personal__main-block--votes {
    display: none;
}

.basket-checkout-info>div {
    background: transparent;
}

#basket-root .basket-items-list .basket-item-block-info {
    padding-right: 0;
}

.basket-items-list-item-wrapper>td {
    padding: 8px 0px;
}

table {
    background: white;
}

#basket-root .basket-checkout-container {
    border: 0;
}

.banners-big__item--cover,
.main-slider .main-slider__item {
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* ===== Mobile Menu Customizations (update-safe) ===== */

.mmenu_leftside #mobilemenu {
    left: -100%;
    top: 0;
    bottom: 0;
    width: 376px;
    max-width: 100%;
}

.mmenu_leftside #mobilemenu.show {
    left: 0;
}

@media (max-width: 991px) {
    #mobilemenu .mobilemenu__menu-dropdown--tiles>.mobilemenu__menu-item.mobilemenu__menu-item--expanded>.mobilemenu__menu-dropdown {
        display: none !important;
    }

    #mobilemenu .mobilemenu__menu-dropdown--tiles .toggle_block {
        display: none !important;
    }

    #mobilemenu .mobilemenu__menu-item--expanded>.mobilemenu__menu-dropdown--tiles>.mobilemenu__menu-item:not(.mobilemenu__menu-item--title):not(.mobilemenu__menu-item--no-hover) {
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: var(--theme-outer-border-radius, 12px);
        background: transparent;
        overflow: hidden;
    }

    #mobilemenu .mobilemenu__menu-item--expanded>.mobilemenu__menu-dropdown--tiles>.mobilemenu__menu-item>.link-wrapper {
        padding-inline: 0 !important;
    }

    #mobilemenu .mobilemenu__item-link--tile {
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 12px;
        position: relative;
        isolation: isolate;
        border-radius: inherit;
        background: #f5f5f6;
        overflow: hidden;
        height: 100%;
    }

    #mobilemenu .mobilemenu__item-link--tile.has-image::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: var(--mobile-tile-image);
        background-size: cover;
        background-position: center;
        z-index: -2;
    }

    #mobilemenu .mobilemenu__item-link--tile.has-image::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.1) 55%);
        z-index: -1;
    }

    #mobilemenu .mobilemenu__tile-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: calc(1em + 6px);
        color: #222;
        font-size: 14px !important;
        font-weight: 500;
        max-width: 100%;
        position: relative;
        z-index: 1;
        background: rgba(255, 255, 255, 0.85);
        padding: 4px 8px;
        border-radius: 6px;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    #mobilemenu .mobilemenu__menu-dropdown--tiles .mobilemenu__menu-item--no-hover {
        display: none !important;
    }

    #mobilemenu .mobilemenu__menu-dropdown--tiles>.mobilemenu__menu-item--no-hover:first-child {
        display: block !important;
    }

    #mobilemenu .mobilemenu__menu-dropdown--tiles .mobilemenu__menu-item-back {
        display: none !important;
    }

    #mobilemenu .mobilemenu__menu-dropdown--tiles>.mobilemenu__menu-item--no-hover:first-child .mobilemenu__menu-item-back {
        display: flex !important;
    }

    #mobilemenu .mobilemenu__menu-dropdown--tiles>.mobilemenu__menu-item>ul {
        display: none !important;
    }

    #mobilemenu .mobilemenu__menu-dropdown--tiles .dropdown {
        display: none !important;
    }
}

.contacts-page .contacts-hero::after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: -40px;
    width: 320px;
    height: 320px;
    background: rgba(255, 255, 255, .05);
    border-radius: 50%;
}

.contacts-page .contacts-hero h1 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 6px;
    letter-spacing: -.5px;
    position: relative;
}

.contacts-page .contacts-hero .org-name {
    font-size: 17px;
    opacity: .85;
    margin: 0;
    position: relative;
}

/* Grid — все 4 карточки одинаковой высоты */
.contacts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

/* Карточки */
.contacts-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .07);
    padding: 28px 32px;
    display: flex;
    flex-direction: column;
}

.contacts-card .card-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(0, 174, 160, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    flex-shrink: 0;
    color: #00aea0;
}

.contacts-card .card-icon svg {
    width: 22px;
    height: 22px;
    stroke: #00aea0;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.contacts-card h3 {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #9aa0ac;
    margin: 0 0 16px;
}

.contacts-card .info-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 15px;
    color: #2d3748;
    line-height: 1.5;
}

.contacts-card .info-row:last-child {
    margin-bottom: 0;
}

.contacts-card .info-label {
    min-width: 178px;
    color: #718096;
    font-size: 14px;
    padding-right: 8px;
    flex-shrink: 0;
}

.contacts-card .info-value {
    font-weight: 500;
    color: #1a202c;
    word-break: break-word;
}

.contacts-card a.info-value {
    color: #00aea0;
    text-decoration: none;
}

.contacts-card a.info-value:hover {
    text-decoration: underline;
}

.contacts-card .badge-inn {
    display: inline-block;
    background: rgba(0, 174, 160, .1);
    border-radius: 6px;
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 600;
    color: #00aea0;
    letter-spacing: .3px;
}

/* Часы работы */
.contacts-card .hours-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(0, 174, 160, .1);
    color: #00aea0;
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
    width: fit-content;
}

.contacts-card .hours-badge::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #00aea0;
    border-radius: 50%;
}

.contacts-card .hours-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f4f8;
    font-size: 15px;
}

.contacts-card .hours-row:last-child {
    border-bottom: none;
}

.contacts-card .hours-day {
    color: #4a5568;
}

.contacts-card .hours-time {
    font-weight: 600;
    color: #1a202c;
}

.contacts-card .hours-time.off {
    color: #9aa0ac;
    font-weight: 500;
}

/* CTA */
.contacts-cta {
    background: linear-gradient(135deg, #00aea0, #008c80);
    border-radius: 14px;
    padding: 28px 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.contacts-cta .cta-text h4 {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.contacts-cta .cta-text p {
    margin: 0;
    opacity: .85;
    font-size: 15px;
}

.contacts-cta a {
    display: inline-block;
    background: #fff;
    color: #00aea0;
    border-radius: 8px;
    padding: 10px 26px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .15s, box-shadow .15s;
}

.contacts-cta a:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}

@media (max-width: 767px) {
    .contacts-page .contacts-hero {
        padding: 32px 20px;
    }

    .contacts-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 16px;
    }

    .contacts-card {
        padding: 22px 20px;
    }

    .contacts-card .info-label {
        min-width: 130px;
        font-size: 13px;
    }

    .contacts-card .info-row {
        flex-direction: column;
        gap: 2px;
    }

    .contacts-card .info-label {
        min-width: auto;
    }

    .contacts-cta {
        flex-direction: column;
        padding: 22px 20px;
    }
}

/* ===== Company Page ===== */
.company-page { padding: 0 0 60px; }

.company-hero {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 32px;
}

.company-hero__bg {
    position: absolute;
    inset: 0;
}

.company-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.company-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,140,128,.92) 0%, rgba(0,174,160,.55) 50%, rgba(0,0,0,.1) 100%);
}

.company-hero__text {
    position: relative;
    z-index: 1;
    padding: 44px 40px;
    color: #fff;
    width: 100%;
}

.company-hero__text .hero-since {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.15);
    border-radius: 20px;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
    width: fit-content;
}

.company-hero__text .hero-lead {
    font-size: 16px;
    line-height: 1.6;
    opacity: .9;
    margin: 0;
    max-width: 640px;
}

.company-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.company-stat {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    padding: 22px 20px;
    text-align: center;
}

.company-stat .stat-num {
    font-size: 28px;
    font-weight: 800;
    color: #00aea0;
    line-height: 1;
    margin-bottom: 6px;
}

.company-stat .stat-label {
    font-size: 13px;
    color: #718096;
    line-height: 1.4;
}

.company-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

.company-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    padding: 28px 32px;
}

.company-card .card-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(0,174,160,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.company-card .card-icon svg {
    width: 22px;
    height: 22px;
    stroke: #00aea0;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.company-card h2 {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 14px;
}

.company-card p {
    font-size: 15px;
    line-height: 1.7;
    color: #4a5568;
    margin: 0;
}

.company-features {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    padding: 28px 32px;
    margin-bottom: 24px;
}

.company-features h2 {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 20px;
}

.company-features ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.company-features ul li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f4f8;
    font-size: 15px;
    color: #4a5568;
    line-height: 1.6;
}

.company-features ul li:last-child { border-bottom: none; }

.company-features ul li::before {
    content: '';
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    top: 0;
    border-radius: 50%;
    background: rgba(0,174,160,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300aea0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 13px 13px;
    margin-right: 0;
}

.company-cta {
    background: linear-gradient(135deg, #00aea0, #008c80);
    border-radius: 14px;
    padding: 28px 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.company-cta h4 { margin: 0 0 4px; font-size: 20px; font-weight: 700; color: #fff; }
.company-cta p  { margin: 0; opacity: .85; font-size: 15px; }

.company-cta a {
    display: inline-block;
    background: #fff;
    color: #00aea0;
    border-radius: 8px;
    padding: 10px 26px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .15s, box-shadow .15s;
}

.company-cta a:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,.18); }

@media (max-width: 991px) {
    .company-stats { grid-template-columns: repeat(2, 1fr); }
    .company-body  { grid-template-columns: 1fr; }
    .company-hero  { min-height: 240px; }
}

@media (max-width: 767px) {
    .company-hero  { min-height: 200px; }
    .company-hero__text { padding: 28px 20px; }
    .company-stats { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .company-card  { padding: 22px 20px; }
    .company-features { padding: 22px 20px; }
    .company-cta   { flex-direction: column; padding: 22px 20px; }
}

/* ===== Discount Page ===== */
.discounts-page { padding: 0 0 60px; }

.discounts-hero {
    background: linear-gradient(135deg, #00aea0 0%, #008c80 100%);
    border-radius: 16px;
    padding: 44px 40px;
    margin-bottom: 32px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.discounts-hero::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 260px; height: 260px;
    background: rgba(255,255,255,.07);
    border-radius: 50%;
    pointer-events: none;
}
.discounts-hero::after {
    content: '';
    position: absolute;
    bottom: -80px; left: -40px;
    width: 320px; height: 320px;
    background: rgba(255,255,255,.04);
    border-radius: 50%;
    pointer-events: none;
}
.discounts-hero h1 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 8px;
    letter-spacing: -.5px;
    position: relative;
}
.discounts-hero p {
    font-size: 16px;
    opacity: .88;
    margin: 0;
    position: relative;
}

.discounts-table-wrap {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 20px rgba(0,0,0,.07);
    overflow: hidden;
    margin-bottom: 28px;
}

.discounts-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.discounts-table thead tr {
    background: #00aea0;
    color: #fff;
}

.discounts-table thead th {
    padding: 16px 24px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .7px;
    text-align: left;
}

.discounts-table thead th:last-child {
    text-align: center;
}

.discounts-table tbody tr {
    border-bottom: 1px solid #f0f4f8;
    transition: background .15s;
}

.discounts-table tbody tr:last-child { border-bottom: none; }

.discounts-table tbody tr:hover { background: #f7fdfc; }

.discounts-table tbody td {
    padding: 15px 24px;
    color: #2d3748;
    vertical-align: middle;
}

.discounts-table tbody td:last-child {
    text-align: center;
}

.discounts-table .td-range {
    font-weight: 500;
}

.discounts-table .td-range .range-from {
    color: #718096;
    font-size: 13px;
    display: block;
    margin-bottom: 2px;
}

.discounts-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    padding: 5px 14px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    background: rgba(0,174,160,.12);
    color: #00aea0;
}

.discounts-table tbody tr:nth-child(5) .discounts-badge,
.discounts-table tbody tr:nth-child(6) .discounts-badge {
    background: rgba(0,174,160,.22);
    font-size: 18px;
}

.discounts-note {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    padding: 24px 32px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.discounts-note .note-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: rgba(0,174,160,.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.discounts-note .note-icon svg {
    width: 22px;
    height: 22px;
    stroke: #00aea0;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.discounts-note .note-body h4 {
    font-size: 15px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 6px;
}

.discounts-note .note-body p {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.6;
    margin: 0;
}

.discounts-cta {
    background: linear-gradient(135deg, #00aea0, #008c80);
    border-radius: 14px;
    padding: 28px 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.discounts-cta h4 { margin: 0 0 4px; font-size: 20px; font-weight: 700; color: #fff; }
.discounts-cta p  { margin: 0; opacity: .85; font-size: 15px; }
.discounts-cta a {
    display: inline-block;
    background: #fff;
    color: #00aea0;
    border-radius: 8px;
    padding: 10px 26px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .15s, box-shadow .15s;
}
.discounts-cta a:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,.18); }

@media (max-width: 767px) {
    .discounts-hero { padding: 32px 20px; }
    .discounts-hero h1 { font-size: 26px; }
    .discounts-table thead th,
    .discounts-table tbody td { padding: 12px 16px; }
    .discounts-note { padding: 18px 20px; flex-direction: column; }
    .discounts-cta { flex-direction: column; padding: 22px 20px; }
}

/* ===== Help Pages (delivery, warranty) ===== */
.help-page { padding: 0 0 60px; }

.help-hero {
    background: linear-gradient(135deg, #00aea0 0%, #008c80 100%);
    border-radius: 16px;
    padding: 44px 40px;
    margin-bottom: 32px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.help-hero::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 260px; height: 260px;
    background: rgba(255,255,255,.07);
    border-radius: 50%;
    pointer-events: none;
}
.help-hero h1 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 8px;
    letter-spacing: -.5px;
    position: relative;
}
.help-hero p {
    font-size: 16px;
    opacity: .88;
    margin: 0;
    position: relative;
}

.help-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 16px;
    margin-bottom: 24px;
}

.help-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.help-card__icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(0,174,160,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.help-card__icon svg {
    width: 22px;
    height: 22px;
    stroke: #00aea0;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.help-card h4 {
    font-size: 14px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
}

.help-card p {
    font-size: 14px;
    color: #4a5568;
    margin: 0;
    line-height: 1.5;
}

.help-block {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    padding: 26px 30px;
    margin-bottom: 20px;
}

.help-block__header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.help-block__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(0,174,160,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.help-block__icon svg {
    width: 22px;
    height: 22px;
    stroke: #00aea0;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.help-block__header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
}

.help-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.help-list li {
    padding-left: 22px;
    position: relative;
    font-size: 15px;
    color: #2d3748;
    line-height: 1.6;
}

.help-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00aea0;
}

.help-note {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    padding: 24px 30px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
}

.help-note .note-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: rgba(0,174,160,.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.help-note .note-icon svg {
    width: 22px;
    height: 22px;
    stroke: #00aea0;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.help-note .note-body h4 {
    font-size: 15px;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 6px;
}

.help-note .note-body p {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.6;
    margin: 0;
}

.help-cta {
    background: linear-gradient(135deg, #00aea0, #008c80);
    border-radius: 14px;
    padding: 28px 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.help-cta h4 { margin: 0 0 4px; font-size: 20px; font-weight: 700; color: #fff; }
.help-cta p  { margin: 0; opacity: .85; font-size: 15px; }

.help-cta__contacts {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
}

.help-cta__contacts a {
    display: inline-block;
    background: #fff;
    color: #00aea0;
    border-radius: 8px;
    padding: 8px 22px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .15s, box-shadow .15s;
}
.help-cta__contacts a:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,.18); }

@media (max-width: 991px) {
    .help-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    .help-hero { padding: 32px 20px; }
    .help-hero h1 { font-size: 26px; }
    .help-cards { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .help-block { padding: 20px 18px; }
    .help-cta { flex-direction: column; padding: 22px 20px; }
    .help-cta__contacts { align-items: stretch; }
}

/* ===== Hide Price Filter ===== */
.bx_filter_parameters_box[data-prop_code^="price_"] {
    display: none !important;
}
/* ===== End Hide Price Filter ===== */

/* ===== Price Slider Fix ===== */
/* Hide tick-mark labels that leak as plain text when slider CSS is outdated */
.bx_filter .bx_ui_slider_part {
    display: none !important;
}
/* Ensure slider track is a visible 1px line */
.smartfilter .bx_ui_slider_track {
    display: block !important;
    height: 1px !important;
    margin: 8px 18px !important;
    position: relative !important;
    background: var(--stroke_black, #e5e5e5) !important;
    min-width: 1px;
}
/* Ensure the wrapp_slider fills its container */
.bx_filter .wrapp_slider {
    display: block;
    width: 100%;
    padding: 10px 0 5px;
}
/* Style the draggable handles as circles */
.bx_filter .bx_ui_slider_track .bx_ui_slider_handle {
    top: -8px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    cursor: grab;
    position: absolute !important;
    z-index: 100;
    background: var(--darkerblack_bg_black, #fff) !important;
    border-radius: 100% !important;
    border: 2px solid var(--white_text_black, #333) !important;
    box-sizing: border-box;
}
.bx_filter .bx_ui_slider_track .bx_ui_slider_handle.left {
    left: 0;
    margin-left: -8px;
}
.bx_filter .bx_ui_slider_track .bx_ui_slider_handle.right {
    right: 0;
    margin-right: -8px;
}
/* Active range bar */
.bx_filter .bx_ui_slider_range,
.bx_filter .bx_ui_slider_pricebar,
.bx_filter .bx_ui_slider_pricebar_VD,
.bx_filter .bx_ui_slider_pricebar_VN,
.bx_filter .bx_ui_slider_pricebar_V {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    box-sizing: border-box;
}
.smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    top: 0;
    background-color: var(--white_text_black, #9e9e9e);
}
/* ===== End Price Slider Fix ===== */

#bx-soa-delivery .bx-soa-pp-list-description {
    display: none;
}

.bx_filter_block {
    margin-top: 12px;
}

.reviews-info {
    background: white;
}

.review-list-inner__row {
    background: white;
}

.form.popup .form-body {
    margin-bottom: 32px;
}

.sale_order_full_table form input {
      background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: var(--button_color_text);
    --button-height: 52px;
    --button-font-size: 1rem;
    --button-pl: 24px;
    --button-pr: 24px;
    font-size: var(--button-font-size);
    line-height: 1;
    font-weight: 500;
    text-transform: var(--theme-text-transform);
    letter-spacing: var(--theme-letter-spacing);
    text-decoration: none;
    margin: 0;
    border: 1px solid;
    border-radius: var(--theme-button-border-radius);
    padding: 1px 20px;
    padding-left: var(--button-pl);
    padding-right: var(--button-pr);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--button-height);
    user-select: none;
    background-image: none;
    cursor: pointer;
    white-space: nowrap;
    appearance: none;
    width: 260px;
    transition: background-color .1s ease;
    -moz-transition: background-color .1s ease;
    -ms-transition: background-color .1s ease;
    -o-transition: background-color .1s ease;
    -webkit-transition: background-color .1s ease;
}
/* Mixtop restored header and footer layout */
.mx-footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px;padding:0 0 24px;border-bottom:1px solid #ffffff20;width:100%}.mx-footer-nav a{font-size:14px;line-height:1.5;color:#fff!important;font-weight:400}.mx-footer-nav a:hover{color:#70c7bf!important}.footer-2 .footer__main-part-menu{flex-direction:column!important;align-items:stretch!important;gap:0!important}.footer-2 .footer__main-part-menu>.footer__part-item{width:100%;margin:0!important;max-width:none!important}.footer-2 .footer__main-part-menu>.footer__part-item:last-child{padding-top:28px}.footer-2 .footer__main-part-inner.p-block--48{padding-top:34px;padding-bottom:34px}.footer-2 .footer__bottom-part-inner{padding-top:28px;padding-bottom:30px}.footer-2 .footer__part-item-text{padding-top:24px!important}.header .header__main-part{align-items:center}.mx-search input:focus{outline:2px solid #50aaa2;outline-offset:-2px}.mx-search button{font-size:14px}.mx-home a{text-decoration:none!important}.mx-home .mx-product .mx-open{text-decoration:none!important}
@media(max-width:600px){.mx-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;padding-bottom:24px}.mx-footer-nav a{font-size:13px}.footer-2 .footer__main-part-inner.p-block--48{padding-top:28px;padding-bottom:28px}.footer-2 .footer__main-part-menu>.footer__part-item:last-child{padding-top:24px}.footer-2 .footer__bottom-part-items-wrapper{gap:20px!important}}
/* Mixtop responsive fixes, 2026-11-10. Kept outside vendor templates. */
.mixtop-footer{background:#232323;color:#e9e9e9;margin-top:0}
.mixtop-footer a{color:#eee;text-decoration:none}
.mixtop-footer a:hover{color:#70c7bf}
.mixtop-footer__main{padding:34px 0}
.mixtop-footer .mx-footer-nav{margin:0;padding-bottom:24px}
.mixtop-footer__contacts{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:24px;font-size:14px;line-height:1.5}
.mixtop-footer__contacts a{overflow-wrap:anywhere}
.mixtop-footer__heading{font-weight:600;font-size:16px;margin-bottom:5px;color:#fff}
.mixtop-footer__bottom{display:flex;flex-wrap:wrap;gap:16px 32px;padding:24px 0 28px;border-top:1px solid #ffffff20;font-size:13px;color:#bdbdbd}
.mixtop-footer__bottom a{color:#bdbdbd}
.mixtop-home .BIG_BANNER_INDEX:empty{display:none}
.site-entry-notice__contacts a{overflow-wrap:anywhere;color:#00aea0}
.site-entry-notice__dialog{overscroll-behavior:contain}
@media(max-width:767px){
 .catalog-block__info-title{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.45}
 .catalog-block__info-tech{display:none!important}
 .catalog-block__info-article{display:block!important}
 .mixtop-home .sections-block .ui-cards,.mixtop-home .catalog-block .ajax_load.grid-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:auto!important;margin:0!important;padding:0!important;overflow:visible!important;grid-auto-flow:row!important}
 .mixtop-home .sections-block .ui-cards>.grid-list__item,.mixtop-home .catalog-block .ajax_load.grid-list>.grid-list__item{width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important}
 .mixtop-home .section-item>a{height:100%;background:#fff;border-radius:inherit;overflow:hidden}
 .mixtop-home .ui-card__info--absolute{position:static!important;padding:10px!important;transform:none!important}
 .mixtop-home .ui-card__title{padding:0;font-size:13px;line-height:1.35;font-weight:600}
 .mixtop-home .ui-card__info .color_light--opacity{font-size:11px;color:#777}
 .mixtop-home .ui-card__image{aspect-ratio:1.2}
 .mixtop-home .catalog-block__item{height:100%;min-width:0}
 .mixtop-home .catalog-block__info{padding-top:12px}
 .mixtop-home .catalog-block__info-title{min-height:56px;height:auto!important}
 .mixtop-home .catalog-block .price-value{font-size:17px!important}
 .mixtop-home .catalog-block .price-title{font-size:11px!important}
 .mixtop-home .catalog-block__info-article{font-size:10px;overflow-wrap:anywhere;margin-top:6px!important}
 .mixtop-home .catalog-block__info-bottom .btn{padding-left:10px;padding-right:10px;min-height:40px;font-size:12px}
 .mixtop-home .index-block--padding-top-80,.mixtop-home .index-block--padding-bottom-80{padding-top:28px;padding-bottom:28px}
 .mixtop-footer__main{padding:28px 0}
 .mixtop-footer .mx-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
 .mixtop-footer .mx-footer-nav a{font-size:13px;min-height:32px;display:flex;align-items:center}
 .mixtop-footer__contacts{font-size:13px;gap:12px}
 .mixtop-footer__bottom{gap:16px 24px;font-size:12px}
 .mixtop-footer__bottom>span{width:100%}
 .site-entry-notice__dialog{max-height:calc(100dvh - 24px);padding:30px 20px 24px}
 .site-entry-notice__title{font-size:22px;font-weight:600}
}

.mixtop-mobile-search[hidden]{display:none!important}
.mixtop-mobile-search{position:fixed;inset:0;z-index:11000;background:#0008;display:flex;align-items:flex-start;justify-content:center;padding:12px}
.mixtop-mobile-search__panel{background:#fff;color:#222;border-radius:12px;padding:20px;width:100%;max-width:560px;box-shadow:0 15px 50px #0003}
.mixtop-mobile-search__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:18px}
.mixtop-mobile-search__heading button{background:#f2f2f2;border:0;border-radius:50%;width:36px;height:36px;font-size:28px;line-height:1;color:#555;cursor:pointer}
.mixtop-mobile-search form{display:flex;gap:8px}
.mixtop-mobile-search input{min-width:0;flex:1;width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font:inherit;font-size:16px}
.mixtop-mobile-search input:focus{outline:2px solid #50aaa2;outline-offset:1px}
.mixtop-mobile-search form button{background:#50aaa2;color:#fff;border:0;border-radius:6px;padding:0 16px;min-height:46px;font:inherit;cursor:pointer}
/* Keep category labels legible over light photos. */
@media(min-width:768px){.mixtop-home .sections-block .ui-card__info .color_light--opacity{color:#62626a!important;background:#ffffffe6;border-radius:4px;padding:2px 6px;width:fit-content;font-size:12px}}
/* Search results use the native form with compact accessible controls. */
form.search{display:flex;align-items:center;gap:8px;position:relative}
form.search>div:first-child{min-width:0;flex:1}
form.search .search-input{width:100%;padding-right:12px}
form.search .search-button-div{display:flex;align-items:center;gap:4px;flex:none}
form.search .search-button-div .btn{margin:0!important;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:6px}
form.search .btn-clear-search{background:transparent;color:#777}
form.search .btn-search{background:#50aaa2;color:#fff}
form.search .btn-search svg{fill:#fff}
@media(max-width:600px){form.search{gap:4px}form.search .search-button-div{gap:0}form.search .search-button-div .btn{width:38px}}

/* Catalog category text must remain readable on white label backgrounds. */
.ui-card__title{color:#222!important;text-shadow:none}
.mixtop-legal{max-width:1040px;font-size:16px;line-height:1.75;padding-bottom:48px;overflow-wrap:anywhere}
.mixtop-legal h2{margin:28px 0 12px;font-size:22px;line-height:1.4}
.mixtop-legal ul{padding-left:22px}.mixtop-legal li{margin:0 0 12px}
.mixtop-legal__date{color:#777;font-size:14px}
.mixtop-legal a{color:#008c80;text-decoration:underline}
@media(max-width:600px){.mixtop-legal{font-size:14px;line-height:1.65}.mixtop-legal h2{font-size:19px}}

/* Actual archived footer: native hierarchy, contact block, legal row and full notice. */
.mixtop-archive-footer{background:#222228;color:#ddd}
.mixtop-archive-footer .footer__main-part-inner.p-block--48{padding-top:48px;padding-bottom:48px}
.mixtop-archive-footer .footer__main-part-menu{display:block!important;padding-bottom:20px;border-bottom:1px solid #ffffff20}
.mixtop-archive-footer .footer__main-part-menu .line-block{gap:20px 32px}
.mixtop-archive-footer .footer__part--right{margin-top:128px}
.mixtop-archive-footer .footer__part--right .footer__info{display:flex;flex-direction:column;gap:12px;font-size:14px}
.mixtop-archive-footer .footer__part--right .footer__info-item{margin:0}
.mixtop-archive-footer .footer__part-bottom{display:none}
.mixtop-archive-footer .footer__bottom-part-inner{padding-top:48px;padding-bottom:48px;border-top:1px solid #ffffff20}
.mixtop-archive-footer .footer__bottom-part-items-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.mixtop-archive-footer .footer__part-item-text{width:100%;padding-top:32px!important;font-size:13px;line-height:1.5;color:#999}
.mixtop-archive-footer a{color:inherit}
.mixtop-archive-footer .dark_link{color:#eee}
.mixtop-archive-footer .footer__bottom-part .dark_link{color:#999}
.mixtop-archive-footer .footer__part-item-text p{margin:8px 0 12px}
.mixtop-archive-footer .footer__copy{margin-top:28px;margin-bottom:8px}
.mixtop-archive-footer .read-more--trigger{cursor:pointer}
@media(max-width:767px){
 .mixtop-archive-footer .footer__main-part-inner.p-block--48{padding-top:32px;padding-bottom:32px}
 .mixtop-archive-footer .footer__main-part-menu .line-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
 .mixtop-archive-footer .footer__main-part-menu .line-block__item{width:auto;margin:0}
 .mixtop-archive-footer .footer__part--right{margin-top:36px}
 .mixtop-archive-footer .footer__part--right .footer__info{font-size:13px;overflow-wrap:anywhere}
 .mixtop-archive-footer .footer__bottom-part-inner{padding-top:28px;padding-bottom:28px}
 .mixtop-archive-footer .footer__part-item-text{padding-top:12px!important;font-size:12px}
 .mixtop-archive-footer .footer__copy{margin-top:8px}
}

/* Actual archived footer: native hierarchy, contact block, legal row and full notice. */
.mixtop-archive-footer{background:#222228;color:#ddd}
.mixtop-archive-footer .footer__main-part-inner.p-block--48{padding-top:48px;padding-bottom:48px}
.mixtop-archive-footer .footer__main-part-menu{display:block!important;padding-bottom:20px;border-bottom:1px solid #ffffff20}
.mixtop-archive-footer .footer__main-part-menu .line-block{gap:20px 32px}
.mixtop-archive-footer .footer__part--right{margin-top:128px}
.mixtop-archive-footer .footer__part--right .footer__info{display:flex;flex-direction:column;gap:12px;font-size:14px}
.mixtop-archive-footer .footer__part--right .footer__info-item{margin:0}
.mixtop-archive-footer .footer__part-bottom{display:none}
.mixtop-archive-footer .footer__bottom-part-inner{padding-top:48px;padding-bottom:48px;border-top:1px solid #ffffff20}
.mixtop-archive-footer .footer__bottom-part-items-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.mixtop-archive-footer .footer__part-item-text{width:100%;padding-top:32px!important;font-size:13px;line-height:1.5;color:#999}
.mixtop-archive-footer a{color:inherit}
.mixtop-archive-footer .dark_link{color:#eee}
.mixtop-archive-footer .footer__bottom-part .dark_link{color:#999}
.mixtop-archive-footer .footer__part-item-text p{margin:8px 0 12px}
.mixtop-archive-footer .footer__copy{margin-top:28px;margin-bottom:8px}
.mixtop-archive-footer .read-more--trigger{cursor:pointer}
@media(max-width:767px){
 .mixtop-archive-footer .footer__main-part-inner.p-block--48{padding-top:32px;padding-bottom:32px}
 .mixtop-archive-footer .footer__main-part-menu .line-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
 .mixtop-archive-footer .footer__main-part-menu .line-block__item{width:auto;margin:0}
 .mixtop-archive-footer .footer__part--right{margin-top:36px}
 .mixtop-archive-footer .footer__part--right .footer__info{font-size:13px;overflow-wrap:anywhere}
 .mixtop-archive-footer .footer__bottom-part-inner{padding-top:28px;padding-bottom:28px}
 .mixtop-archive-footer .footer__part-item-text{padding-top:12px!important;font-size:12px}
 .mixtop-archive-footer .footer__copy{margin-top:8px}
}

.mixtop-archive-footer .footer-grid{display:block!important}
.mixtop-archive-footer .footer__main-part-menu>.footer__part-item{padding:0!important;width:100%;max-width:none}
.mixtop-archive-footer .footer__part--right{width:100%}

/* All catalog levels use readable two-column tiles on phones. */
@media(max-width:767px){
 .sections-block .ui-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:12px!important;width:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
 .sections-block .ui-cards>.grid-list__item{width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important}
 .sections-block .section-item>a{height:100%;background:#fff;border-radius:inherit;overflow:hidden}
 .sections-block .ui-card__info--absolute{position:static!important;padding:10px!important;transform:none!important}
 .sections-block .ui-card__title{padding:0;font-size:13px;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .sections-block .ui-card__image{aspect-ratio:1.2}
}

.mixtop-archive-footer .footer__main-part .footer__part-item{border-bottom:0}

.mixtop-archive-footer .footer__main-part .footer__part-item{border-bottom:0}

/* The local light page background must not hide text in dark mode. */
body#main.theme-dark{background:#1d1d20}
body.theme-dark .mixtop-legal a{color:#70c7bf}

/* Fit original shortcuts and pagination on narrow phones. */
@media(max-width:400px){
 .mobile-quick-nav{gap:4px;padding:10px 8px;box-sizing:border-box;overflow-x:hidden}
 .mobile-quick-nav__link{flex:1;min-width:0;width:auto;font-size:11px;line-height:1.2;overflow-wrap:normal;white-space:normal}
 .module-pagination .nums{display:flex;justify-content:center;flex-wrap:wrap;max-width:100%;width:auto}
 .module-pagination .nums>a,.module-pagination .nums>span{min-width:32px;width:32px}
}