#breadcrumbs.upholstery-breadcrumbs {
        margin: 0 0 12px;
        padding: 4px 0 2px;
        color: #7a6d65;
        font-size: 13px;
        line-height: 1.4;
    }

    #breadcrumbs.upholstery-breadcrumbs a {
        color: #2e7fa5;
        text-decoration: none;
        border-bottom: 1px solid rgba(46, 127, 165, .28);
    }

    #breadcrumbs.upholstery-breadcrumbs a:hover {
        color: #1f617f;
        border-bottom-color: rgba(31, 97, 127, .55);
    }

    #breadcrumbs.upholstery-breadcrumbs img {
        margin: 0 7px;
        opacity: .45;
        vertical-align: middle;
    }

    #breadcrumbs.upholstery-breadcrumbs span {
        color: #5f5148;
    }

    #page > .title_gb {
        margin: 0 0 12px;
        color: #1f2529;
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: 0;
    }
.upholstery-page {
        --materials-columns: 6;
        --materials-gap: 10px;
        color: #3a302b;
    }

    .upholstery-note {
        margin: 0 0 22px;
        color: #665951;
        font-size: 14px;
        line-height: 1.5;
    }

    .materials-catalog {
        margin-top: 28px;
    }

    .materials-catalog__header {
        margin-bottom: 16px;
        padding-top: 2px;
    }

    .materials-catalog__header h2,
    .wood-samples h2 {
        margin: 0 0 8px;
        color: #1f2529;
        font-size: 24px;
        line-height: 1.25;
        letter-spacing: 0;
    }

    .materials-catalog__header h2 {
        position: relative;
        padding-left: 13px;
    }

    .materials-catalog__header h2:before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        bottom: 3px;
        width: 4px;
        background: #8a5c3f;
    }

    .materials-catalog__header p,
    .wood-samples p {
        margin: 0;
        color: #6d625c;
    }

    .materials-filters {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin: 18px 0 18px;
        padding: 16px;
        background: #fffaf5;
        border: 2px solid #b88663;
        box-shadow: 0 5px 18px rgba(82, 58, 42, .16);
    }

    .materials-filter {
        display: block;
        margin: 0;
    }

    .materials-filter span {
        display: block;
        margin-bottom: 6px;
        color: #3f332d;
        font-size: 13px;
        font-weight: bold;
    }

    .materials-filter select,
    .materials-filter input {
        box-sizing: border-box;
        width: 100%;
        min-height: 40px;
        padding: 8px 10px;
        border: 2px solid #c2aa98;
        background: #fff;
        color: #2f251f;
        font: 14px Arial, sans-serif;
        box-shadow: inset 0 1px 2px rgba(48, 34, 25, .08);
    }

    .materials-filter select:hover,
    .materials-filter input:hover {
        border-color: #9f7559;
    }

    .materials-filter select:focus,
    .materials-filter input:focus {
        border-color: #704d38;
        outline: 2px solid rgba(112, 77, 56, .18);
        outline-offset: 0;
    }

    .materials-summary {
        margin: 12px 0 16px;
        color: #5f5148;
    }

    .materials-grid {
        display: grid;
        grid-template-columns: repeat(var(--materials-columns), minmax(0, 1fr));
        gap: var(--materials-gap);
    }

    .material-card {
        display: flex;
        flex-direction: column;
        min-width: 0;
        background: #fff;
        border: 1px solid #e1d4c9;
    }

    .material-card__image {
        position: relative;
        overflow: hidden;
        background: #eee7e1;
        aspect-ratio: 1 / 1;
    }

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

    .material-card__placeholder {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 8px;
        box-sizing: border-box;
        color: #8b7c72;
        text-align: center;
    }

    .material-card__body {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 9px;
    }

    .material-card__meta {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 6px;
    }

    .material-card__badge {
        display: inline-block;
        padding: 2px 5px;
        background: #f1e8df;
        color: #704d38;
        font-size: 11px;
        line-height: 1.3;
    }

    .material-card__badge--spec {
        background: #fff7f0;
        color: #5d4a3d;
    }

    .material-card h3 {
        margin: 0 0 3px;
        font-size: 15px;
        line-height: 1.25;
        color: #2f251f;
    }

    .material-card__supplier {
        margin: 0 0 6px;
        color: #6d625c;
        font-size: 12px;
    }

    .material-card__description {
        margin: 0 0 8px;
        color: #423832;
        font-size: 12px;
        line-height: 1.35;
    }

    .material-card__description.is-collapsed .material-card__full {
        display: none;
    }

    .material-card__description.is-expanded .material-card__short {
        display: none;
    }

    .material-card__more {
        align-self: flex-start;
        margin: -1px 0 8px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #704d38;
        cursor: pointer;
        font: 12px Arial, sans-serif;
        text-decoration: underline;
    }

    .material-card__link {
        display: inline-block;
        margin-top: auto;
        padding: 7px 8px;
        background: #704d38;
        color: #fff !important;
        font-size: 12px;
        line-height: 1.25;
        text-align: center;
        text-decoration: none;
    }

    .materials-empty {
        padding: 24px;
        background: #f7f3ef;
        color: #6d625c;
        text-align: center;
    }

    .wood-samples {
        margin-top: 34px;
        padding-top: 18px;
        border-top: 1px solid #e5d9cf;
    }

    @media (max-width: 1180px) {
        .upholstery-page {
            --materials-columns: 4;
        }
    }

    @media (max-width: 980px) {
        .materials-filters {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .upholstery-page {
            --materials-columns: 3;
        }
    }

    @media (max-width: 620px) {
        .materials-filters {
            grid-template-columns: 1fr;
        }

        .upholstery-page {
            --materials-columns: 2;
        }
    }

    @media (max-width: 620px) {
        .materials-grid {
            gap: 8px;
        }

        .material-card__body {
            padding: 7px;
        }

        .material-card h3 {
            font-size: 13px;
        }

        .material-card__supplier,
        .material-card__description,
        .material-card__link,
        .material-card__more {
            font-size: 11px;
        }

        .material-card__badge {
            font-size: 10px;
        }
    }