:root {
    --bb-dark: #0f172a;
    --bb-dark-2: #111827;
    --bb-muted: #64748b;
    --bb-bg: #f4f6f8;
    --bb-card: #ffffff;
    --bb-border: #e5e7eb;
    --bb-red: #dc2626;
    --bb-orange: #f97316;
    --bb-blue: #2563eb;
    --bb-green: #16a34a;
}

body {
    background:
        radial-gradient(circle at 12% 0%, rgba(37,99,235,.06), transparent 28%),
        radial-gradient(circle at 90% 4%, rgba(249,115,22,.06), transparent 26%),
        var(--bb-bg) !important;
}

.bb-commercial-top {
    background:
        radial-gradient(circle at 14% 20%, rgba(37,99,235,.28), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(249,115,22,.22), transparent 28%),
        linear-gradient(135deg, #0f172a, #111827 58%, #1f2937);
    color: #fff;
    padding: 26px 18px;
    margin-bottom: 22px;
}

.bb-commercial-inner {
    max-width: 1320px;
    margin: 0 auto;
}

.bb-commercial-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
}

.bb-commercial-logo {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bb-commercial-logo strong {
    font-size: 22px;
    letter-spacing: .2px;
}

.bb-commercial-logo span {
    color: #d1d5db;
    font-size: 13px;
}

.bb-commercial-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.bb-commercial-links a {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.14);
    padding: 10px 13px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 14px;
}

.bb-commercial-links a:hover {
    background: rgba(255,255,255,.22);
}

.bb-commercial-hero {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 24px;
    align-items: stretch;
}

.bb-page-kicker {
    display: inline-block;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.16);
    color: #f8fafc;
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 900;
    margin-bottom: 14px;
}

.bb-page-title {
    font-size: 38px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -.6px;
    margin-bottom: 12px;
}

.bb-page-subtitle {
    color: #e5e7eb;
    font-size: 17px;
    line-height: 1.55;
    max-width: 760px;
}

.bb-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.bb-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 14px;
    padding: 13px 16px;
    font-weight: 900;
}

.bb-cta-white {
    background: #fff;
    color: #111827;
}

.bb-cta-red {
    background: var(--bb-red);
    color: #fff;
}

.bb-cta-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.36);
    background: rgba(255,255,255,.08);
}

.bb-trust-panel {
    background: rgba(255,255,255,.11);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 18px 50px rgba(0,0,0,.18);
}

.bb-trust-panel-title {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 12px;
}

.bb-trust-list {
    display: grid;
    gap: 10px;
}

.bb-trust-list div {
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    padding: 11px;
    color: #f8fafc;
    font-weight: 800;
}

.bb-selling-strip {
    max-width: 1320px;
    margin: 0 auto 22px;
    padding: 0 18px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.bb-selling-card {
    background: #fff;
    border: 1px solid var(--bb-border);
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}

.bb-selling-card strong {
    display: block;
    font-size: 16px;
    margin-bottom: 7px;
}

.bb-selling-card span {
    color: var(--bb-muted);
    font-size: 13px;
    line-height: 1.4;
}

.bb-mobile-bottom {
    display: none;
}

.sale-row,
tr.sale-row {
    background: #fff7ed !important;
}

.sale-badge,
.bb-sale-badge {
    display: inline-block;
    background: #dc2626;
    color: #fff;
    padding: 5px 9px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 900;
    margin-top: 6px;
}

.old-price,
.price-old {
    color: #6b7280;
    text-decoration: line-through;
    font-size: 13px;
}

.new-price,
.price-new {
    color: #111827;
    font-size: 19px;
    font-weight: 900;
}

.card,
.product-card,
.item,
table,
form {
    border-radius: 18px;
}

input,
select,
textarea {
    font-size: 16px;
}

button,
.button,
.btn {
    font-weight: 900;
}

@media (max-width: 1050px) {
    .bb-commercial-hero {
        grid-template-columns: 1fr;
    }

    .bb-selling-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-page-title {
        font-size: 32px;
    }
}

@media (max-width: 680px) {
    body {
        padding-bottom: 74px;
    }

    .bb-commercial-nav {
        flex-direction: column;
        align-items: flex-start;
    }

    .bb-commercial-links {
        justify-content: flex-start;
    }

    .bb-selling-strip {
        grid-template-columns: 1fr;
    }

    .bb-page-title {
        font-size: 28px;
    }

    .bb-page-subtitle {
        font-size: 15px;
    }

    .bb-mobile-bottom {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        background: rgba(15,23,42,.96);
        padding: 10px;
        box-shadow: 0 -10px 30px rgba(0,0,0,.18);
    }

    .bb-mobile-bottom a {
        text-align: center;
        color: #fff;
        text-decoration: none;
        font-weight: 900;
        padding: 12px;
        border-radius: 12px;
        background: rgba(255,255,255,.12);
    }

    .bb-mobile-bottom a:first-child {
        background: #dc2626;
    }
}

/* === Clickable commercial blocks === */

.bb-trust-list a {
    display: block;
    text-decoration: none;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.14);
    color: #fff;
    padding: 12px;
    border-radius: 14px;
    font-weight: 900;
    transition: transform .14s ease, background .14s ease, border-color .14s ease;
}

.bb-trust-list a:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.32);
}

.bb-trust-list a small {
    display: block;
    margin-top: 4px;
    color: #d1d5db;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.bb-selling-card {
    display: block;
    text-decoration: none;
    color: #111827;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.bb-selling-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(15,23,42,.10);
    border-color: #cbd5e1;
}

.bb-selling-card::after {
    content: "Перейти →";
    display: inline-block;
    margin-top: 10px;
    color: #2563eb;
    font-weight: 900;
    font-size: 13px;
}

/* === Quick order bottom form improvement === */

.bottom {
    padding: 18px !important;
}

.bottom form {
    max-width: 1320px !important;
    margin: 0 auto !important;
}

.bottom .contact-grid {
    display: grid !important;
    grid-template-columns:
        minmax(150px, 1fr)
        minmax(130px, .8fr)
        minmax(150px, 1fr)
        minmax(150px, .9fr)
        minmax(170px, 1fr)
        minmax(210px, auto)
        minmax(170px, auto) !important;
    gap: 12px !important;
    align-items: center !important;
}

.bottom input {
    height: 54px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(203,213,225,.95) !important;
    padding: 0 14px !important;
    font-size: 16px !important;
}

.bottom button,
.bottom a.button,
.bottom .btn {
    height: 54px !important;
    border-radius: 15px !important;
    padding: 0 18px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.bottom button[type="submit"] {
    background: #fff !important;
    color: #111827 !important;
    border: 1px solid #fff !important;
    box-shadow: 0 8px 20px rgba(255,255,255,.10);
}

.bottom button[type="submit"]:hover {
    background: #f8fafc !important;
}

.bottom button[type="button"],
.bottom .clear-order,
.bottom .clear-cart,
.bottom a[href*="clear"] {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.28) !important;
}

.bottom button[type="button"]:hover,
.bottom .clear-order:hover,
.bottom .clear-cart:hover,
.bottom a[href*="clear"]:hover {
    background: rgba(255,255,255,.10) !important;
}

.bottom strong {
    color: #fff;
}

@media (max-width: 1180px) {
    .bottom .contact-grid {
        grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
    }

    .bottom button,
    .bottom a.button,
    .bottom .btn {
        width: 100% !important;
    }
}

@media (max-width: 680px) {
    .bottom {
        position: static !important;
        padding: 14px !important;
    }

    .bottom .contact-grid {
        grid-template-columns: 1fr !important;
    }

    .bottom input,
    .bottom button,
    .bottom a.button,
    .bottom .btn {
        width: 100% !important;
    }
}

/* === Fix clickable trust blocks === */

.bb-trust-list a,
.bb-trust-list .bb-trust-action {
    display: block !important;
    position: relative !important;
    z-index: 10 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    text-decoration: none !important;
}

.bb-trust-list a * {
    pointer-events: none !important;
}

.bb-trust-list a:hover,
.bb-trust-list .bb-trust-action:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.22) !important;
    border-color: rgba(255,255,255,.36) !important;
}

/* === Compact commercial header after UX review === */

.bb-commercial-top {
    padding: 18px 18px !important;
    margin-bottom: 16px !important;
}

.bb-commercial-nav {
    margin-bottom: 14px !important;
}

.bb-commercial-hero {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}

.bb-page-kicker {
    margin-bottom: 8px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
}

.bb-page-title {
    font-size: 30px !important;
    line-height: 1.12 !important;
    max-width: 1040px !important;
    margin-bottom: 8px !important;
}

.bb-page-subtitle {
    font-size: 15px !important;
    line-height: 1.45 !important;
    max-width: 1040px !important;
}

.bb-cta-row {
    margin-top: 12px !important;
}

.bb-trust-panel {
    display: none !important;
}

.bb-selling-strip {
    margin-bottom: 14px !important;
    gap: 10px !important;
}

.bb-selling-card {
    padding: 14px !important;
}

@media (max-width: 680px) {
    .bb-page-title {
        font-size: 25px !important;
    }

    .bb-commercial-top {
        padding: 14px 14px !important;
    }
}

/* === B2B filter panel === */

.bb-filter-panel {
    max-width: 1320px;
    margin: 0 auto 18px;
    padding: 0 18px;
}

.bb-filter-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}

.bb-filter-title {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 12px;
}

.bb-filter-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr auto;
    gap: 12px;
    align-items: end;
}

.bb-filter-field label {
    display: block;
    font-size: 13px;
    color: #64748b;
    font-weight: 800;
    margin-bottom: 6px;
}

.bb-filter-field select,
.bb-filter-field input {
    width: 100%;
    height: 50px;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 0 12px;
    font-size: 15px;
    background: #fff;
}

.bb-filter-actions {
    display: flex;
    gap: 8px;
}

.bb-filter-btn {
    height: 50px;
    border: 0;
    border-radius: 14px;
    padding: 0 16px;
    background: #111827;
    color: #fff;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.bb-filter-reset {
    height: 50px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-radius: 14px;
    padding: 0 14px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    color: #111827;
    font-weight: 900;
    white-space: nowrap;
}

.bb-quick-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 11px;
    background: #111827;
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
}

.bb-quick-add:hover {
    background: #dc2626;
}

@media (max-width: 920px) {
    .bb-filter-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bb-filter-actions {
        grid-column: 1 / -1;
    }

    .bb-filter-btn,
    .bb-filter-reset {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 620px) {
    .bb-filter-panel {
        padding: 0 12px;
    }

    .bb-filter-grid {
        grid-template-columns: 1fr;
    }

    .bb-filter-card {
        padding: 14px;
        border-radius: 18px;
    }

    .bb-filter-actions {
        flex-direction: column;
    }
}

/* === Quick order smart filters === */

.quick-filter-wrap {
    max-width: 1320px;
    margin: 0 auto 16px;
    padding: 0 18px;
}

.quick-filter-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    padding: 15px;
    box-shadow: 0 8px 24px rgba(15,23,42,.06);
}

.quick-filter-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.quick-filter-head strong {
    display: block;
    font-size: 18px;
    font-weight: 900;
}

.quick-filter-head span {
    display: block;
    color: #64748b;
    font-size: 13px;
    margin-top: 3px;
}

.quick-filter-head a {
    text-decoration: none;
    background: #111827;
    color: #fff;
    padding: 10px 13px;
    border-radius: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.quick-filter-grid {
    display: grid;
    grid-template-columns: 1.35fr .85fr .9fr .9fr auto;
    gap: 10px;
    align-items: end;
}

.qf-field label {
    display: block;
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 6px;
}

.qf-field input,
.qf-field select {
    width: 100%;
    height: 48px;
    border: 1px solid #cbd5e1;
    border-radius: 13px;
    padding: 0 12px;
    font-size: 15px;
    background: #fff;
}

.qf-check {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #e5e7eb;
    border-radius: 13px;
    background: #f8fafc;
    font-weight: 900;
    white-space: nowrap;
}

.qf-check input {
    width: 18px;
    height: 18px;
}

@media (max-width: 1100px) {
    .quick-filter-grid {
        grid-template-columns: 1fr 1fr;
    }

    .qf-search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .quick-filter-wrap {
        padding: 0 12px;
    }

    .quick-filter-grid {
        grid-template-columns: 1fr;
    }

    .quick-filter-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .quick-filter-head a {
        width: 100%;
        text-align: center;
    }
}

/* === Mobile collapsible filters === */

.filter-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.filter-active-note {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    margin-top: 3px;
}

.filter-toggle {
    display: none;
    border: 0;
    border-radius: 13px;
    background: #111827;
    color: #fff;
    height: 44px;
    padding: 0 14px;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.quick-filter-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.quick-filter-actions a {
    text-decoration: none;
    background: #111827;
    color: #fff;
    padding: 10px 13px;
    border-radius: 12px;
    font-weight: 900;
    white-space: nowrap;
}

@media (max-width: 680px) {
    .filter-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .filter-card:not(.is-open) .filter-grid {
        display: none;
    }

    .quick-filter-card:not(.is-open) .quick-filter-grid {
        display: none;
    }

    .filter-card,
    .quick-filter-card {
        position: relative;
    }

    .filter-mobile-head,
    .quick-filter-head {
        margin-bottom: 0;
    }

    .filter-card.is-open .filter-mobile-head,
    .quick-filter-card.is-open .quick-filter-head {
        margin-bottom: 12px;
    }

    .quick-filter-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .quick-filter-actions a,
    .quick-filter-actions button {
        width: 100%;
        text-align: center;
    }

    .filter-toggle::after {
        content: " ↓";
    }

    .filter-card.is-open .filter-toggle::after,
    .quick-filter-card.is-open .filter-toggle::after {
        content: " ↑";
    }
}

/* === Quick order clean UX fix === */

.quick-filter-wrap {
    max-width: 1320px !important;
    margin: 18px auto 16px !important;
    padding: 0 18px !important;
}

.quick-filter-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 16px !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.06) !important;
}

.quick-filter-head {
    display: flex !important;
    justify-content: space-between !important;
    gap: 14px !important;
    align-items: center !important;
    margin-bottom: 14px !important;
}

.quick-filter-head strong {
    display: block !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #111827 !important;
}

.quick-filter-head span {
    display: block !important;
    color: #64748b !important;
    font-size: 13px !important;
    margin-top: 3px !important;
}

.quick-filter-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

.quick-filter-actions a,
.quick-filter-actions button {
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    padding: 0 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.quick-filter-actions a {
    background: #f8fafc !important;
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
}

.quick-filter-actions button {
    background: #111827 !important;
    color: #fff !important;
    border: 0 !important;
}

.quick-filter-grid {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.35fr) minmax(180px, .85fr) minmax(190px, .9fr) minmax(190px, .9fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
}

.qf-field label {
    display: block !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
}

.qf-field input,
.qf-field select {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 13px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    background: #fff !important;
}

.qf-check {
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.qf-check input {
    width: 18px !important;
    height: 18px !important;
}

@media (max-width: 1100px) {
    .quick-filter-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .qf-search {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 680px) {
    .quick-filter-wrap {
        margin: 12px auto 12px !important;
        padding: 0 12px !important;
    }

    .quick-filter-head {
        align-items: flex-start !important;
        flex-direction: column !important;
        margin-bottom: 0 !important;
    }

    .quick-filter-card.is-open .quick-filter-head {
        margin-bottom: 12px !important;
    }

    .quick-filter-grid {
        grid-template-columns: 1fr !important;
    }

    .quick-filter-card:not(.is-open) .quick-filter-grid {
        display: none !important;
    }

    .quick-filter-actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }

    .quick-filter-actions a,
    .quick-filter-actions button {
        width: 100% !important;
    }
}

/* === Quick order bottom bar clean layout === */

.bottom {
    background: #111827 !important;
    color: #fff !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 -12px 34px rgba(15,23,42,.22) !important;
}

.bottom input {
    height: 52px !important;
    border-radius: 14px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 0 14px !important;
    font-size: 15px !important;
}

.bottom button {
    height: 52px !important;
    border-radius: 14px !important;
    padding: 0 18px !important;
    font-weight: 900 !important;
}

.bottom button[type="submit"] {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #ffffff !important;
}

.bottom button[type="button"],
.bottom .clear-order,
.bottom .clear-cart {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.28) !important;
}

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

@media (max-width: 900px) {
    .bottom {
        position: static !important;
        padding: 14px !important;
    }

    .bottom input,
    .bottom button {
        width: 100% !important;
        margin-bottom: 8px !important;
    }
}

/* === Quick order final single filter === */

.quick-order-filter {
    max-width: 1320px !important;
    margin: 0 auto 18px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    padding: 16px !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.06) !important;
}

.quick-order-filter .qof-grid {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.4fr) minmax(170px, .8fr) minmax(190px, .9fr) minmax(190px, .9fr) auto auto !important;
    gap: 10px !important;
    align-items: end !important;
}

.quick-order-filter .qof-field label {
    display: block !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
}

.quick-order-filter .qof-field input,
.quick-order-filter .qof-field select {
    width: 100% !important;
    height: 50px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 14px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    background: #fff !important;
}

.quick-order-filter .search-wrap {
    position: relative !important;
    width: 100% !important;
}

.quick-order-filter .qof-check {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.quick-order-filter .qof-check input {
    width: 18px !important;
    height: 18px !important;
}

.quick-order-filter .qof-reset {
    height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    background: #111827 !important;
    color: #fff !important;
    border-radius: 14px !important;
    padding: 0 16px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

@media (max-width: 1180px) {
    .quick-order-filter .qof-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .quick-order-filter .qof-search {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 680px) {
    .quick-order-filter {
        margin: 12px 12px 16px !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .quick-order-filter .qof-grid {
        grid-template-columns: 1fr !important;
    }

    .quick-order-filter .qof-reset {
        width: 100% !important;
    }
}

/* --- FIX: кнопка сброса фильтров не должна вылезать из контейнера --- */
.bb-filter-panel,
.bb-filter-panel * {
    box-sizing: border-box;
}

.bb-filter-panel {
    width: 100%;
    max-width: 100%;
}

.bb-filter-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.bb-filter-panel__head > * {
    min-width: 0;
}

.bb-filter-panel__reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    padding: 16px 22px;
    text-align: center;
    white-space: normal;
    word-break: break-word;
    flex: 0 1 auto;
}

@media (max-width: 767px) {
    .bb-filter-panel {
        overflow: hidden;
    }

    .bb-filter-panel__head {
        display: block;
    }

    .bb-filter-panel__reset {
        display: flex;
        width: 100%;
        max-width: 100%;
        margin-top: 12px;
    }
}

/* --- Premium B2B product cards --- */

.products-grid {
    align-items: stretch;
}

.product-card {
    position: relative;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.product-card:hover {
    transform: translateY(-3px);
    border-color: #cbd5e1;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .13);
}

.product-card.sale-row {
    border-color: #fed7aa;
    background: linear-gradient(180deg, #ffffff 0%, #fff7ed 100%);
}

.product-card .img-box {
    position: relative;
}

.product-card.sale-row .img-box::before {
    content: "Распродажа";
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    background: #dc2626;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    padding: 6px 9px;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(220,38,38,.24);
}

.bb-product-specs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px;
}

.bb-product-spec {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 8px;
    min-width: 0;
}

.bb-product-spec span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 3px;
}

.bb-product-spec strong {
    display: block;
    color: #111827;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-card .actions {
    margin-top: 12px;
}

.product-card .action {
    transition: background .14s ease, transform .14s ease;
}

.product-card .action:hover {
    transform: translateY(-1px);
}

.product-card .action.quick {
    background: #dc2626;
}

.product-card .action.quick:hover {
    background: #b91c1c;
}

.product-card .action.open {
    background: #111827;
}

.product-card .action.open:hover {
    background: #1f2937;
}

@media (max-width: 760px) {
    .product-card {
        border-radius: 22px;
    }

    .product-card .img-box {
        height: 180px;
    }

    .product-card .name {
        min-height: auto !important;
        font-size: 16px !important;
    }

    .bb-product-specs {
        grid-template-columns: 1fr 1fr;
    }

    .bb-product-spec {
        padding: 9px;
    }

    .bb-product-spec strong {
        font-size: 14px;
    }

    .product-card .actions {
        grid-template-columns: 1fr;
    }

    .product-card .action {
        padding: 12px;
        font-size: 14px;
    }
}

/* --- Catalog grid mobile polish --- */

@media (max-width: 640px) {
    .products-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .result-line {
        padding: 0 4px;
        font-size: 15px;
    }
}

@media (min-width: 641px) and (max-width: 920px) {
    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* --- Minimum order visual marker --- */

.bb-product-spec--min-order {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
}

.bb-product-spec--min-order span {
    color: #9a3412 !important;
}

.bb-product-spec--min-order strong {
    color: #111827 !important;
}

.bb-min-order-note {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    padding: 6px 9px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.bb-min-order-note::before {
    content: "📦";
    margin-right: 6px;
}

@media (max-width: 760px) {
    .bb-min-order-note {
        font-size: 12px;
        padding: 7px 10px;
    }
}

/* --- Quantity stepper for B2B pack multiples --- */

.bb-qty-control {
    display: grid;
    grid-template-columns: 42px minmax(70px, 1fr) 42px;
    gap: 6px;
    align-items: center;
    max-width: 190px;
}

.bb-qty-btn {
    height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #111827;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
    cursor: pointer;
}

.bb-qty-btn:hover {
    background: #111827;
    color: #fff;
    border-color: #111827;
}

.bb-qty-control .qty {
    width: 100% !important;
    text-align: center;
}

.bb-qty-note {
    margin-top: 6px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .bb-qty-control {
        max-width: none;
        width: 100%;
        grid-template-columns: 48px 1fr 48px;
    }

    .bb-qty-btn {
        height: 50px;
    }

    .bb-qty-note {
        font-size: 12px;
    }
}

/* --- Quick order validation and bottom panel polish --- */

.bb-order-errors {
    display: none;
    margin: 0 0 14px;
    padding: 13px 15px;
    border-radius: 14px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}

.bb-field-error {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .10) !important;
}

.bottom {
    backdrop-filter: blur(10px);
}

.bottom input {
    transition: border-color .14s ease, box-shadow .14s ease;
}

.bottom input:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,.12) !important;
    outline: none !important;
}

.bottom button {
    transition: transform .14s ease, background .14s ease, border-color .14s ease;
}

.bottom button:hover {
    transform: translateY(-1px);
}

@media (max-width: 900px) {
    .bb-order-errors {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .bottom {
        position: static !important;
        border-radius: 22px 22px 0 0;
        margin-top: 18px;
    }
}

/* --- Checkout form polish --- */

.bb-checkout-title {
    margin-bottom: 16px;
}

.bb-checkout-title h2 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 900;
}

.bb-checkout-title p {
    margin: 0;
    max-width: 720px;
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.45;
}

.bb-checkout-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bb-checkout-field label {
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 900;
}

.bb-checkout-field input {
    width: 100%;
}

.bottom button[type="submit"] {
    min-width: 220px;
}

@media (max-width: 900px) {
    .bb-checkout-title h2 {
        font-size: 22px;
    }

    .bb-checkout-title p {
        font-size: 13px;
    }

    .bb-checkout-field {
        width: 100%;
        margin-bottom: 8px;
    }

    .bottom button[type="submit"] {
        width: 100%;
        min-width: 0;
        background: #dc2626 !important;
        border-color: #dc2626 !important;
        color: #ffffff !important;
    }
}

/* --- FIX: desktop checkout bottom panel buttons inside area --- */

.quick-order-page .bottom,
.quick-order-page .bottom * {
    box-sizing: border-box;
}

.quick-order-page .bottom {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    padding: 18px 24px !important;
}

.quick-order-page .bottom > div {
    max-width: 1320px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.quick-order-page .bottom .summary-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
    gap: 18px !important;
    align-items: start !important;
}

.quick-order-page .bottom .summary-row > div {
    min-width: 0 !important;
}

.quick-order-page .bottom .summary-row > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 320px !important;
    justify-self: end !important;
}

.quick-order-page .bottom button {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

.quick-order-page .bottom button[type="submit"] {
    min-width: 0 !important;
}

.quick-order-page .bottom input {
    min-width: 0 !important;
}

.quick-order-page .bottom .bb-checkout-field {
    min-width: 0 !important;
}

@media (max-width: 1180px) {
    .quick-order-page .bottom .summary-row {
        grid-template-columns: 1fr !important;
    }

    .quick-order-page .bottom .summary-row > div:last-child {
        max-width: none !important;
        justify-self: stretch !important;
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 900px) {
    .quick-order-page .bottom {
        position: static !important;
        padding: 14px !important;
        overflow: visible !important;
    }

    .quick-order-page .bottom .summary-row > div:last-child {
        grid-template-columns: 1fr !important;
    }
}

/* =====================================================
   FINAL QUICK ORDER CHECKOUT — DESKTOP + MOBILE
   ===================================================== */

.quick-order-page .bb-checkout-bottom,
.quick-order-page .bb-checkout-bottom * {
    box-sizing: border-box;
}

.quick-order-page .bb-checkout-bottom {
    background:
        radial-gradient(circle at 12% 0%, rgba(220,38,38,.18), transparent 22%),
        linear-gradient(135deg, #08111f 0%, #111827 100%) !important;
    color: #ffffff !important;
    padding: 22px 24px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 -16px 42px rgba(15,23,42,.26) !important;
    overflow: hidden !important;
}

.quick-order-page .bb-checkout-shell {
    max-width: 1320px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(230px, .55fr) minmax(210px, .38fr) !important;
    grid-template-areas:
        "main summary actions"
        "preview preview preview";
    gap: 16px !important;
    align-items: stretch !important;
}

.quick-order-page .bb-checkout-main,
.quick-order-page .bb-checkout-summary,
.quick-order-page .bb-checkout-actions,
.quick-order-page .bb-checkout-preview {
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.06) !important;
    border-radius: 22px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.quick-order-page .bb-checkout-main {
    grid-area: main;
    padding: 18px !important;
}

.quick-order-page .bb-checkout-title {
    margin: 0 0 14px !important;
}

.quick-order-page .bb-checkout-title h2 {
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
}

.quick-order-page .bb-checkout-title p {
    margin: 0 !important;
    max-width: 760px !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.quick-order-page .bb-checkout-fields {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.quick-order-page .bb-checkout-field {
    min-width: 0 !important;
}

.quick-order-page .bb-checkout-field label {
    display: block !important;
    margin: 0 0 6px !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.quick-order-page .bb-checkout-field input {
    width: 100% !important;
    height: 52px !important;
    border-radius: 15px !important;
    border: 1px solid #d7dee9 !important;
    background: #ffffff !important;
    color: #111827 !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    outline: none !important;
}

.quick-order-page .bb-checkout-field input:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(255,255,255,.16) !important;
}

.quick-order-page .bb-checkout-summary {
    grid-area: summary;
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.quick-order-page .bb-checkout-metric {
    background: rgba(255,255,255,.07) !important;
    border-radius: 16px !important;
    padding: 12px !important;
}

.quick-order-page .bb-checkout-metric span {
    display: block !important;
    margin-bottom: 4px !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.quick-order-page .bb-checkout-metric strong {
    display: block !important;
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
}

.quick-order-page .bb-checkout-metric--sum strong {
    font-size: 26px !important;
}

.quick-order-page .bb-checkout-actions {
    grid-area: actions;
    padding: 16px !important;
    display: grid !important;
    gap: 10px !important;
    align-content: start !important;
}

.quick-order-page .bb-checkout-actions button {
    width: 100% !important;
    min-height: 58px !important;
    border-radius: 17px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    white-space: normal !important;
    text-align: center !important;
}

.quick-order-page .bb-checkout-submit {
    background: #dc2626 !important;
    color: #fff !important;
    border: 1px solid #dc2626 !important;
    box-shadow: 0 10px 24px rgba(220,38,38,.22) !important;
}

.quick-order-page .bb-checkout-submit:hover {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
}

.quick-order-page .bb-checkout-clear {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.24) !important;
}

.quick-order-page .bb-checkout-preview {
    grid-area: preview;
    padding: 12px 16px !important;
    color: rgba(255,255,255,.80) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.quick-order-page .bb-checkout-preview strong {
    color: #fff !important;
    margin-right: 6px !important;
}

@media (max-width: 1180px) {
    .quick-order-page .bb-checkout-shell {
        grid-template-columns: 1fr 260px !important;
        grid-template-areas:
            "main actions"
            "summary summary"
            "preview preview";
    }

    .quick-order-page .bb-checkout-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .quick-order-page .bb-checkout-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .quick-order-page .bb-checkout-bottom {
        position: static !important;
        padding: 14px !important;
        overflow: visible !important;
    }

    .quick-order-page .bb-checkout-shell {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "main"
            "summary"
            "actions"
            "preview";
        gap: 12px !important;
    }

    .quick-order-page .bb-checkout-fields {
        grid-template-columns: 1fr !important;
    }

    .quick-order-page .bb-checkout-summary {
        grid-template-columns: 1fr !important;
    }

    .quick-order-page .bb-checkout-title h2 {
        font-size: 22px !important;
    }

    .quick-order-page .bb-checkout-submit {
        min-height: 60px !important;
    }
}

/* =====================================================
   DESKTOP CHECKOUT DRAWER — compact by default
   ===================================================== */

@media (min-width: 901px) {
    .quick-order-page {
        padding-bottom: 104px !important;
    }

    .quick-order-page .bb-checkout-bottom {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 9998 !important;
        padding: 12px 24px !important;
        overflow: hidden !important;
        transition:
            padding .28s ease,
            box-shadow .28s ease,
            background .28s ease !important;
    }

    .quick-order-page .bb-checkout-bottom.is-open {
        padding: 18px 24px 22px !important;
        box-shadow: 0 -18px 48px rgba(15,23,42,.34) !important;
    }

    .bb-desktop-checkout-compact {
        max-width: 1320px;
        margin: 0 auto;
        min-height: 68px;
        display: grid;
        grid-template-columns: minmax(240px, .8fr) minmax(260px, 1fr) auto;
        gap: 18px;
        align-items: center;
        border: 1px solid rgba(255,255,255,.10);
        background: rgba(255,255,255,.07);
        border-radius: 22px;
        padding: 12px 14px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    }

    .bb-desktop-checkout-left span {
        display: block;
        margin-bottom: 3px;
        color: rgba(255,255,255,.68);
        font-size: 12px;
        font-weight: 900;
    }

    .bb-desktop-checkout-left strong {
        display: block;
        color: #fff;
        font-size: 22px;
        line-height: 1.1;
        font-weight: 900;
        white-space: nowrap;
    }

    .bb-desktop-checkout-hint {
        color: rgba(255,255,255,.76);
        font-size: 14px;
        line-height: 1.35;
    }

    .bb-desktop-checkout-open {
        height: 52px;
        min-width: 210px;
        border: 0;
        border-radius: 16px;
        padding: 0 20px;
        background: #dc2626;
        color: #fff;
        font-size: 16px;
        font-weight: 900;
        cursor: pointer;
        box-shadow: 0 10px 24px rgba(220,38,38,.24);
        transition: transform .15s ease, background .15s ease;
    }

    .bb-desktop-checkout-open:hover {
        background: #b91c1c;
        transform: translateY(-1px);
    }

    .quick-order-page .bb-checkout-shell {
        transition:
            max-height .34s ease,
            opacity .24s ease,
            transform .34s ease,
            margin-top .34s ease !important;
        overflow: hidden !important;
    }

    .quick-order-page .bb-checkout-bottom.is-collapsed .bb-checkout-shell {
        max-height: 0 !important;
        opacity: 0 !important;
        transform: translateY(16px) !important;
        pointer-events: none !important;
        margin-top: 0 !important;
    }

    .quick-order-page .bb-checkout-bottom.is-open .bb-checkout-shell,
    .quick-order-page .bb-checkout-bottom:not(.is-collapsed) .bb-checkout-shell {
        max-height: 680px !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
        margin-top: 14px !important;
    }

    .bb-checkout-drawer-close {
        grid-column: 1 / -1;
        justify-self: end;
        min-height: 42px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 14px;
        background: rgba(255,255,255,.06);
        color: #fff;
        padding: 0 16px;
        font-size: 14px;
        font-weight: 900;
        cursor: pointer;
    }

    .bb-checkout-drawer-close:hover {
        background: rgba(255,255,255,.12);
    }

    .quick-order-page .bb-checkout-bottom.is-collapsed .bb-checkout-preview {
        display: none !important;
    }
}

@media (max-width: 1180px) and (min-width: 901px) {
    .bb-desktop-checkout-compact {
        grid-template-columns: minmax(220px, 1fr) auto;
    }

    .bb-desktop-checkout-hint {
        display: none;
    }
}

@media (max-width: 900px) {
    .bb-desktop-checkout-compact,
    .bb-checkout-drawer-close {
        display: none !important;
    }
}

/* --- Checkout contact autosave + disabled desktop action --- */

.bb-contact-save-hint {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(255,255,255,.76);
    font-size: 12px;
    font-weight: 800;
}

.bb-contact-save-hint::before {
    content: "✓";
    margin-right: 6px;
    color: #86efac;
    font-weight: 900;
}

.bb-desktop-checkout-open:disabled {
    cursor: not-allowed !important;
    background: #374151 !important;
    color: #cbd5e1 !important;
    box-shadow: none !important;
    transform: none !important;
}

.bb-desktop-checkout-open.is-active {
    background: #dc2626 !important;
    color: #fff !important;
}

.bb-desktop-checkout-open.is-active:hover {
    background: #b91c1c !important;
}


/* Category / SEO listing cleanup after production launch */
.bb-seo-page,
.bb-category-page,
.bb-listing-page {
  background: linear-gradient(180deg, #f5f7fb 0%, #ffffff 42%, #f7f8fb 100%);
}

.bb-seo-layout,
.bb-category-layout,
.bb-listing-layout {
  max-width: 1440px;
  margin: 0 auto;
  padding: 32px 24px 56px;
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.bb-seo-sidebar,
.bb-category-sidebar,
.bb-listing-sidebar {
  position: sticky;
  top: 96px;
  align-self: start;
}

.bb-seo-card,
.bb-category-card,
.bb-listing-card {
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(148, 163, 184, 0.18);
}

.bb-seo-card h1,
.bb-category-card h1,
.bb-listing-card h1 {
  margin-top: 0;
}

/* На SEO-страницах не нужен второй тёмный hero под основной шапкой */
.bb-seo-inner-hero,
.bb-category-inner-hero,
.bb-listing-inner-hero {
  display: none !important;
}

@media (max-width: 900px) {
  .bb-seo-layout,
  .bb-category-layout,
  .bb-listing-layout {
    grid-template-columns: 1fr;
    padding: 18px 14px 40px;
    gap: 18px;
  }

  .bb-seo-sidebar,
  .bb-category-sidebar,
  .bb-listing-sidebar {
    position: static;
  }
}