/* Mobile readability layer for public BricksIndex pages. */
.bi-mobile-nav-button {
    display: none;
}

.bi-mobile-nav-toggle {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 760px) {
    html,
    body.bricksindex-new-ui {
        max-width: 100%;
        overflow-x: hidden;
    }

    body.bricksindex-new-ui {
        background: #eaf2fb !important;
    }

    body.bricksindex-new-ui .bi-beta-banner__inner {
        padding: 8px 12px !important;
        gap: 8px !important;
    }

    body.bricksindex-new-ui .bi-beta-banner__inner p {
        max-width: 100% !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    body.bricksindex-new-ui .bi-beta-banner__cta {
        width: auto !important;
        min-height: 32px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    body.bricksindex-new-ui .bi-header-v48 {
        padding: 10px 0 8px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #d5e2f3 !important;
    }

    body.bricksindex-new-ui .bi-header-v48-inner {
        width: calc(100% - 24px) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body.bricksindex-new-ui .bi-header-logo {
        min-width: 0 !important;
        justify-content: flex-start !important;
        width: 146px !important;
        height: 42px !important;
        border-radius: 10px !important;
    }

    body.bricksindex-new-ui .bi-header-logo .logo-img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.bricksindex-new-ui .bi-brand-text {
        font-size: 22px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.bricksindex-new-ui .bi-language-switcher {
        width: auto !important;
        justify-self: end !important;
        gap: 5px !important;
        padding: 2px !important;
        border-radius: 14px !important;
    }

    body.bricksindex-new-ui .bi-language-link {
        min-width: 42px !important;
        min-height: 38px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }

    body.bricksindex-new-ui .bi-header-search {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 46px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    body.bricksindex-new-ui .bi-header-search select {
        display: none !important;
    }

    body.bricksindex-new-ui .bi-header-search select,
    body.bricksindex-new-ui .bi-header-search input,
    body.bricksindex-new-ui .bi-header-search button {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 12px !important;
    }

    body.bricksindex-new-ui .bi-header-search select,
    body.bricksindex-new-ui .bi-header-search input {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.bricksindex-new-ui .bi-header-search input::placeholder {
        font-size: 12px !important;
    }

    body.bricksindex-new-ui .bi-header-search button {
        padding: 0 !important;
    }

    body.bricksindex-new-ui .bi-header-search button span:not(.bi-search-symbol) {
        display: none !important;
    }

    body.bricksindex-new-ui .bi-header-warehouse {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 38px !important;
        gap: 8px !important;
    }

    body.bricksindex-new-ui .bi-header-warehouse label,
    body.bricksindex-new-ui .bi-header-warehouse select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.bricksindex-new-ui .bi-header-account {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    body.bricksindex-new-ui .bi-header-v48-inner:not(:has(.bi-header-warehouse)) .bi-header-account {
        grid-row: 3 !important;
    }

    body.bricksindex-new-ui .bi-header-v48-inner:has(.bi-header-warehouse) .bi-header-account {
        grid-row: 4 !important;
    }

    body.bricksindex-new-ui .bi-account-card {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 !important;
    }

    body.bricksindex-new-ui .bi-account-text,
    body.bricksindex-new-ui .bi-account-caret {
        display: none !important;
    }

    body.bricksindex-new-ui .bi-login-btn,
    body.bricksindex-new-ui .bi-logout-btn {
        min-height: 44px !important;
        padding: 0 16px !important;
        font-size: 13px !important;
    }

    body.bricksindex-new-ui.layout-auth .bi-header-search {
        display: none !important;
    }

    body.bricksindex-new-ui.layout-auth .bi-header-account {
        grid-column: 1 / -1 !important;
        justify-content: stretch !important;
    }

    body.bricksindex-new-ui.layout-auth .bi-login-btn {
        width: 100% !important;
        justify-content: center !important;
        margin-left: 0 !important;
    }

    body.bricksindex-new-ui .bi-mobile-nav-button {
        width: calc(100% - 24px) !important;
        min-height: 46px !important;
        margin: 8px auto 0 !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        border: 1px solid rgba(213, 226, 243, .35) !important;
        border-radius: 16px !important;
        background: #0b3268 !important;
        color: #ffffff !important;
        font-weight: 900 !important;
        cursor: pointer !important;
        box-shadow: 0 10px 26px rgba(9, 44, 93, .18) !important;
    }

    body.bricksindex-new-ui .bi-mobile-nav-button__icon,
    body.bricksindex-new-ui .bi-mobile-nav-button__icon::before,
    body.bricksindex-new-ui .bi-mobile-nav-button__icon::after {
        width: 18px !important;
        height: 2px !important;
        display: block !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        content: "" !important;
    }

    body.bricksindex-new-ui .bi-mobile-nav-button__icon {
        position: relative !important;
    }

    body.bricksindex-new-ui .bi-mobile-nav-button__icon::before,
    body.bricksindex-new-ui .bi-mobile-nav-button__icon::after {
        position: absolute !important;
        left: 0 !important;
    }

    body.bricksindex-new-ui .bi-mobile-nav-button__icon::before {
        top: -6px !important;
    }

    body.bricksindex-new-ui .bi-mobile-nav-button__icon::after {
        top: 6px !important;
    }

    body.bricksindex-new-ui .main-nav {
        position: relative !important;
        top: auto !important;
        width: calc(100% - 24px) !important;
        max-width: none !important;
        max-height: 0 !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-content: stretch !important;
        gap: 6px !important;
        border-radius: 0 0 18px 18px !important;
        background: #0b3268 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: max-height .22s ease, padding .22s ease, opacity .18s ease !important;
    }

    body.bricksindex-new-ui .main-nav::-webkit-scrollbar {
        display: none;
    }

    body.bricksindex-new-ui .bi-mobile-nav-toggle:checked + .bi-mobile-nav-button + .main-nav {
        max-height: 620px !important;
        padding: 8px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.bricksindex-new-ui .main-nav a {
        width: 100% !important;
        height: 42px !important;
        padding: 0 14px !important;
        justify-content: flex-start !important;
        white-space: normal !important;
        border: 0 !important;
        border-radius: 12px !important;
        font-size: 13px !important;
        background: rgba(255, 255, 255, .06) !important;
    }

    body.bricksindex-new-ui .page {
        width: calc(100% - 24px) !important;
        padding-top: 18px !important;
    }

    body.bricksindex-new-ui .bi-home-hero,
    body.bricksindex-new-ui .bi-public-landing {
        min-height: auto !important;
        padding: 26px 18px !important;
        border-radius: 22px !important;
        margin-top: 8px !important;
    }

    body.bricksindex-new-ui .bi-hero-content {
        max-width: none !important;
    }

    body.bricksindex-new-ui .bi-eyebrow {
        margin-bottom: 14px !important;
        padding: 7px 12px !important;
        font-size: 11px !important;
    }

    body.bricksindex-new-ui .bi-home-hero h1 {
        max-width: 100% !important;
        margin-bottom: 14px !important;
        font-size: clamp(30px, 8vw, 38px) !important;
        line-height: 1.08 !important;
        letter-spacing: -1px !important;
    }

    body.bricksindex-new-ui .bi-home-hero p:not(.bi-eyebrow) {
        margin-bottom: 18px !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    body.bricksindex-new-ui .bi-hero-search {
        width: 100% !important;
        height: auto !important;
        grid-template-columns: 1fr !important;
        border-radius: 16px !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        gap: 10px !important;
    }

    body.bricksindex-new-ui .bi-hero-search input,
    body.bricksindex-new-ui .bi-hero-search select,
    body.bricksindex-new-ui .bi-hero-search button {
        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 14px !important;
        border: 1px solid #d5e2f3 !important;
    }

    body.bricksindex-new-ui .bi-hero-search select {
        border-left: 1px solid #d5e2f3 !important;
    }

    body.bricksindex-new-ui .bi-feature-row,
    body.bricksindex-new-ui .bi-category-grid,
    body.bricksindex-new-ui .bi-stats-row,
    body.bricksindex-new-ui .bi-latest-sets-grid,
    body.bricksindex-new-ui .bi-dashboard-grid,
    body.bricksindex-new-ui .bi-public-grid,
    body.bricksindex-new-ui .bi-home-bottom-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    body.bricksindex-new-ui .bi-hero-shortcuts {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        gap: 8px !important;
        margin-top: 14px !important;
    }

    body.bricksindex-new-ui .bi-hero-shortcuts-label {
        color: #dbeafe !important;
        font-size: 11px !important;
    }

    body.bricksindex-new-ui .bi-hero-shortcuts-list {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.bricksindex-new-ui .bi-hero-shortcut {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 40px !important;
        padding: 7px 8px !important;
        justify-content: center !important;
        border-color: rgba(219, 234, 254, .42) !important;
        background: rgba(255, 255, 255, .14) !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.bricksindex-new-ui .bi-feature-row,
    body.bricksindex-new-ui .bi-popular-card,
    body.bricksindex-new-ui .bi-stats-row,
    body.bricksindex-new-ui .bi-dashboard-grid,
    body.bricksindex-new-ui .bi-public-grid,
    body.bricksindex-new-ui .bi-home-bottom-grid {
        margin-top: 16px !important;
    }

    body.bricksindex-new-ui .bi-popular-card,
    body.bricksindex-new-ui .bi-home-bottom-grid .bi-panel-card,
    body.bricksindex-new-ui .bi-site-footer-panel {
        padding: 20px !important;
        border-radius: 22px !important;
    }

    body.bricksindex-new-ui .bi-section-head {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    body.bricksindex-new-ui .bi-stat,
    body.bricksindex-new-ui .bi-feature-card,
    body.bricksindex-new-ui .bi-cat {
        min-height: 0 !important;
        padding: 16px !important;
    }

    body.bricksindex-new-ui .bi-site-footer-panel {
        width: calc(100% - 24px) !important;
        margin: 22px auto 0 !important;
    }

    body.bricksindex-new-ui .bi-site-footer-panel__inner {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    body.bricksindex-new-ui .footer {
        width: calc(100% - 24px) !important;
        margin-top: 16px !important;
        padding: 14px 10px !important;
    }

    body.bricksindex-new-ui.layout-catalog .page > .catalog-page-wide {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0 18px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-hero-clean {
        padding: 20px 18px !important;
        margin-bottom: 14px !important;
        border-radius: 20px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-hero-clean::after {
        width: 110px !important;
        height: 110px !important;
        right: -42px !important;
        top: -42px !important;
        opacity: .8 !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-eyebrow {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-hero-clean h1 {
        margin: 12px 0 8px !important;
        font-size: clamp(28px, 8vw, 34px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.02em !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-hero-clean p {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-actions-bar {
        margin: 0 0 12px !important;
        justify-content: stretch !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-actions-bar .btn,
    body.bricksindex-new-ui.layout-catalog .catalog-actions-bar a {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
    }

    body.bricksindex-new-ui.layout-catalog .seo-intro-card.catalog-card-clean {
        margin-bottom: 12px !important;
        border-radius: 18px !important;
    }

    body.bricksindex-new-ui.layout-catalog .seo-intro-card.catalog-card-clean summary {
        padding: 14px 16px !important;
        gap: 10px !important;
        font-size: 14px !important;
    }

    body.bricksindex-new-ui.layout-catalog .seo-intro-card.catalog-card-clean .seo-content {
        padding: 0 16px 16px !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-sort-card {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 14px !important;
        margin-bottom: 12px !important;
        border-radius: 18px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-sort-card select,
    body.bricksindex-new-ui.layout-catalog .catalog-sort-card button,
    body.bricksindex-new-ui.layout-catalog .catalog-sort-card .btn {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination-wrap {
        padding: 0 !important;
        margin-bottom: 12px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination.catalog-pagination--clean {
        margin: 0 !important;
        padding: 12px !important;
        border-radius: 18px !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination--clean .catalog-pagination__summary {
        width: auto !important;
        min-width: 0 !important;
        padding: 8px 10px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination--clean .catalog-pagination__pages {
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding-bottom: 2px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination--clean .catalog-pagination__pages::-webkit-scrollbar {
        display: none;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination--clean .catalog-pagination__goto {
        display: grid !important;
        grid-template-columns: 1fr 78px 58px !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination--clean .catalog-pagination__goto label {
        width: auto !important;
        text-align: left !important;
        white-space: normal !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination--clean .catalog-pagination__goto input {
        min-width: 0 !important;
        width: 100% !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-card {
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean {
        width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        background: transparent !important;
        border: 0 !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean thead {
        display: none !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean tbody {
        display: grid !important;
        gap: 12px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean tbody tr {
        display: grid !important;
        grid-template-columns: 84px minmax(0, 1fr) !important;
        gap: 10px 12px !important;
        align-items: center !important;
        padding: 12px !important;
        border: 1px solid #d5e2f3 !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 28px rgba(8, 35, 74, .07) !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean tbody tr:nth-child(even) {
        background: #ffffff !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean tbody td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        text-align: left !important;
        vertical-align: top !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean tbody td[colspan] {
        grid-column: 1 / -1 !important;
        padding: 18px !important;
        text-align: center !important;
        border: 1px dashed #c9dcf6 !important;
        border-radius: 16px !important;
        background: #f8fbff !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean .catalog-col-image {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 84px !important;
        min-width: 84px !important;
        align-self: start !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean .catalog-col-image a,
    body.bricksindex-new-ui.layout-catalog .catalog-color-swatch-link {
        width: 74px !important;
        height: 74px !important;
        margin: 0 !important;
        border-radius: 14px !important;
        background: #f8fbff !important;
        border: 1px solid #dbe7f6 !important;
        overflow: hidden !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean .part-thumb img,
    body.bricksindex-new-ui.layout-catalog .catalog-table-clean img.item-thumb,
    body.bricksindex-new-ui.layout-catalog .catalog-table-clean img.thumb {
        max-width: 68px !important;
        max-height: 68px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-color-swatch {
        width: 54px !important;
        height: 54px !important;
        border-radius: 14px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-name-cell {
        grid-column: 2 !important;
        min-width: 0 !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-item-title,
    body.bricksindex-new-ui.layout-catalog .catalog-name-link {
        display: block !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        word-break: break-word !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-name-cell span,
    body.bricksindex-new-ui.layout-catalog .catalog-alt-name,
    body.bricksindex-new-ui.layout-catalog .catalog-number-link {
        display: block !important;
        margin-top: 5px !important;
        color: #5f7590 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        word-break: break-word !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-id-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-rgb-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-metric-cell {
        grid-column: 2 !important;
        display: inline-flex !important;
        align-items: center !important;
        width: fit-content !important;
        min-height: 30px !important;
        padding: 0 10px !important;
        border-radius: 999px !important;
        background: #eff6ff !important;
        color: #0b3b77 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-rgb-cell code {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        font-size: 12px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean .actions,
    body.bricksindex-new-ui.layout-catalog .catalog-table-clean .catalog-col-actions {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        display: block !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean .btn-add,
    body.bricksindex-new-ui.layout-catalog .catalog-table-clean .btn,
    body.bricksindex-new-ui.layout-catalog .catalog-color-actions .btn {
        width: 100% !important;
        min-height: 42px !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-sets tbody tr {
        grid-template-columns: 92px minmax(0, 1fr) !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-sets .catalog-metric-cell {
        margin-right: 6px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-colors tbody tr,
    body.bricksindex-new-ui.layout-catalog .catalog-table-categories tbody tr,
    body.bricksindex-new-ui.layout-catalog .catalog-table-themes tbody tr {
        grid-template-columns: 1fr !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-colors .catalog-col-image,
    body.bricksindex-new-ui.layout-catalog .catalog-table-categories .catalog-col-image {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-colors .catalog-name-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-table-categories .catalog-name-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-table-themes .catalog-name-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-table-colors .catalog-id-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-table-categories .catalog-id-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-table-colors .catalog-rgb-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-table-colors .catalog-metric-cell,
    body.bricksindex-new-ui.layout-catalog .catalog-table-categories .catalog-metric-cell {
        grid-column: 1 !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-categories-toolbar {
        padding: 12px !important;
        gap: 12px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-categories-toolbar__stats,
    body.bricksindex-new-ui.layout-catalog .catalog-categories-filter {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-categories-filter input,
    body.bricksindex-new-ui.layout-catalog .catalog-categories-filter button,
    body.bricksindex-new-ui.layout-catalog .catalog-categories-filter .btn {
        width: 100% !important;
        min-height: 44px !important;
    }
}

@media (max-width: 420px) {
    body.bricksindex-new-ui .bi-header-v48-inner {
        width: calc(100% - 16px) !important;
    }

    body.bricksindex-new-ui .bi-brand-text {
        font-size: 20px !important;
    }

    body.bricksindex-new-ui .bi-header-search {
        grid-template-columns: 92px minmax(0, 1fr) 44px !important;
    }

    body.bricksindex-new-ui .bi-header-search {
        grid-template-columns: minmax(0, 1fr) 44px !important;
    }

    body.bricksindex-new-ui .bi-language-link {
        min-width: 38px !important;
        min-height: 36px !important;
        padding: 0 8px !important;
    }
}

/* Stage 1.0.5 - public beta mobile simplification. */
@media (max-width: 760px) {
    body.bricksindex-new-ui .bi-header-v48-inner {
        align-items: start !important;
    }

    body.bricksindex-new-ui .bi-header-search input {
        min-width: 0 !important;
    }

    body.bricksindex-new-ui .bi-header-warehouse select,
    body.bricksindex-new-ui .bi-header-warehouse .default-warehouse-select {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.bricksindex-new-ui .main-nav {
        z-index: 30 !important;
    }

    body.bricksindex-new-ui .main-nav a {
        min-height: 44px !important;
        line-height: 1.25 !important;
    }

    body.bricksindex-new-ui .page,
    body.bricksindex-new-ui .catalog-page,
    body.bricksindex-new-ui .catalog-page-wide,
    body.bricksindex-new-ui .lm-search-page,
    body.bricksindex-new-ui .warehouse-form-page {
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.bricksindex-new-ui .catalog-hero-clean,
    body.bricksindex-new-ui .warehouse-hero,
    body.bricksindex-new-ui .warehouse-search-card,
    body.bricksindex-new-ui .warehouse-table-card,
    body.bricksindex-new-ui .warehouse-history-card,
    body.bricksindex-new-ui .warehouse-form-card,
    body.bricksindex-new-ui .lm-card,
    body.bricksindex-new-ui .card,
    body.bricksindex-new-ui .panel,
    body.bricksindex-new-ui .catalog-card-clean {
        border-radius: 18px !important;
    }

    body.bricksindex-new-ui .warehouse-hero,
    body.bricksindex-new-ui .warehouse-search-card,
    body.bricksindex-new-ui .warehouse-table-card,
    body.bricksindex-new-ui .warehouse-history-card,
    body.bricksindex-new-ui .warehouse-form-card {
        padding: 16px !important;
    }

    body.bricksindex-new-ui .warehouse-hero {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body.bricksindex-new-ui .warehouse-hero h1,
    body.bricksindex-new-ui .catalog-hero-clean h1,
    body.bricksindex-new-ui .lm-search-header h1 {
        font-size: clamp(27px, 8vw, 34px) !important;
        line-height: 1.08 !important;
        overflow-wrap: anywhere !important;
    }

    body.bricksindex-new-ui .warehouse-hero-actions,
    body.bricksindex-new-ui .warehouse-form-actions,
    body.bricksindex-new-ui .filter-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 8px !important;
    }

    body.bricksindex-new-ui .warehouse-hero-actions .btn,
    body.bricksindex-new-ui .warehouse-form-actions .btn,
    body.bricksindex-new-ui .filter-actions .btn,
    body.bricksindex-new-ui .filter-actions button {
        width: 100% !important;
        min-height: 44px !important;
    }

    body.bricksindex-new-ui .warehouse-stats-grid,
    body.bricksindex-new-ui .warehouse-form-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.bricksindex-new-ui .warehouse-stat {
        padding: 14px !important;
    }

    body.bricksindex-new-ui .warehouse-stat strong {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }

    body.bricksindex-new-ui .warehouse-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.bricksindex-new-ui .warehouse-tabs a {
        min-height: 42px !important;
        justify-content: center !important;
        padding: 8px 10px !important;
        text-align: center !important;
        border-radius: 14px !important;
    }

    body.bricksindex-new-ui .warehouse-filter-form,
    body.bricksindex-new-ui .warehouse-form-grid,
    body.bricksindex-new-ui .lm-search-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.bricksindex-new-ui .warehouse-filter-form input,
    body.bricksindex-new-ui .warehouse-filter-form select,
    body.bricksindex-new-ui .warehouse-form-grid input,
    body.bricksindex-new-ui .warehouse-form-grid select,
    body.bricksindex-new-ui .lm-search-form input,
    body.bricksindex-new-ui .lm-search-form select,
    body.bricksindex-new-ui .lm-search-form button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
    }

    body.bricksindex-new-ui .warehouse-table-scroll {
        overflow-x: visible !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.bricksindex-new-ui .warehouse-table {
        min-width: 0 !important;
        width: 100% !important;
        display: block !important;
        border-collapse: separate !important;
    }

    body.bricksindex-new-ui .warehouse-table thead {
        display: none !important;
    }

    body.bricksindex-new-ui .warehouse-table tbody {
        display: grid !important;
        gap: 12px !important;
    }

    body.bricksindex-new-ui .warehouse-table tr {
        display: grid !important;
        grid-template-columns: 76px minmax(0, 1fr) !important;
        gap: 8px 12px !important;
        padding: 12px !important;
        border: 1px solid #d5e2f3 !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(8, 35, 74, .06) !important;
    }

    body.bricksindex-new-ui .warehouse-table td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        text-align: left !important;
    }

    body.bricksindex-new-ui .warehouse-table td.thumb-cell {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
        width: 76px !important;
    }

    body.bricksindex-new-ui .warehouse-table td.empty-cell,
    body.bricksindex-new-ui .warehouse-table td[colspan] {
        grid-column: 1 / -1 !important;
        padding: 18px !important;
        text-align: center !important;
        border: 1px dashed #c9dcf6 !important;
        border-radius: 14px !important;
        background: #f8fbff !important;
    }

    body.bricksindex-new-ui .warehouse-table .thumb-cell img,
    body.bricksindex-new-ui .warehouse-table .item-thumb {
        width: 66px !important;
        height: 56px !important;
    }

    body.bricksindex-new-ui .warehouse-table .color-pill,
    body.bricksindex-new-ui .warehouse-table .status-pill,
    body.bricksindex-new-ui .warehouse-table .location-link {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.bricksindex-new-ui .warehouse-row-actions {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
    }

    body.bricksindex-new-ui .warehouse-row-actions select,
    body.bricksindex-new-ui .warehouse-row-actions input[type=number],
    body.bricksindex-new-ui .warehouse-row-actions .mini-btn,
    body.bricksindex-new-ui .warehouse-row-actions .btn {
        width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
    }

    body.bricksindex-new-ui .warehouse-row-actions select {
        grid-column: 1 / -1 !important;
    }

    body.bricksindex-new-ui .lm-search-header {
        gap: 12px !important;
        margin-bottom: 16px !important;
    }

    body.bricksindex-new-ui .lm-heading-mark {
        width: 6px !important;
        height: 38px !important;
    }

    body.bricksindex-new-ui .lm-search-form,
    body.bricksindex-new-ui .lm-tabs,
    body.bricksindex-new-ui .lm-summary {
        padding: 14px !important;
    }

    body.bricksindex-new-ui .lm-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.bricksindex-new-ui .lm-tabs a {
        justify-content: center !important;
        min-width: 0 !important;
        padding: 0 8px !important;
        text-align: center !important;
    }

    body.bricksindex-new-ui .lm-results,
    body.bricksindex-new-ui .lm-result-section,
    body.bricksindex-new-ui .lm-table,
    body.bricksindex-new-ui .lm-results table {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    body.bricksindex-new-ui .quick-action,
    body.bricksindex-new-ui .detail-actions,
    body.bricksindex-new-ui .catalog-side-panel,
    body.bricksindex-new-ui .summary-card {
        max-width: 100% !important;
    }

    body.bricksindex-new-ui input,
    body.bricksindex-new-ui select,
    body.bricksindex-new-ui textarea,
    body.bricksindex-new-ui button,
    body.bricksindex-new-ui .btn {
        font-size: 16px !important;
    }
}

@media (max-width: 520px) {
    body.bricksindex-new-ui .bi-beta-banner__inner {
        flex-direction: column !important;
        align-items: stretch !important;
        text-align: center !important;
    }

    body.bricksindex-new-ui .bi-beta-banner__cta {
        width: 100% !important;
        justify-content: center !important;
    }

    body.bricksindex-new-ui .warehouse-stats-grid,
    body.bricksindex-new-ui .warehouse-form-stats,
    body.bricksindex-new-ui .warehouse-tabs,
    body.bricksindex-new-ui .lm-tabs {
        grid-template-columns: 1fr !important;
    }

    body.bricksindex-new-ui .warehouse-row-actions {
        grid-template-columns: 1fr !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-pagination--clean .catalog-pagination__goto {
        grid-template-columns: 1fr !important;
    }

    body.bricksindex-new-ui.layout-catalog .catalog-table-clean tbody tr,
    body.bricksindex-new-ui .warehouse-table tr {
        grid-template-columns: 72px minmax(0, 1fr) !important;
    }
}

@media (max-width: 440px) {
    body.bricksindex-new-ui .bi-hero-shortcuts-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.bricksindex-new-ui .bi-hero-shortcut:last-child {
        grid-column: 1 / -1 !important;
    }
}