/* _content/Web/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-container[b-ut59ukakmh] {
    position: relative;

    display: flex;
    justify-content: center;

    width: 100%;
    padding: 0 16px;
    overflow-x: auto;

    scrollbar-width: none;
}

.nav-container[b-ut59ukakmh]::-webkit-scrollbar {
    display: none;
}

.nav-toggle[b-ut59ukakmh] {
    display: none;

    align-items: center;
    gap: 8px;

    min-height: 44px;
    padding: 0 12px;

    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--radius-sm);

    background: transparent;
    color: #e5e7eb;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}

.nav-toggle:hover[b-ut59ukakmh], .nav-toggle:focus-visible[b-ut59ukakmh] {
    border-color: var(--color-brand);
    color: var(--color-brand);
}

.nav-toggle i[b-ut59ukakmh] {
    font-size: 15px;
}

.nav-links[b-ut59ukakmh] {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;

    min-width: max-content;
}

.nav-link[b-ut59ukakmh] {
    position: relative;

    display: inline-flex;
    align-items: center;

    padding: 0 13px;

    color: #d1d5db;
    font-size: 14px;
    font-weight: 500;
    line-height: 64px;
    text-decoration: none;
    white-space: nowrap;

    transition: color var(--transition-fast);
}

.nav-link:hover[b-ut59ukakmh] {
    color: var(--color-brand);
}

.nav-link.active[b-ut59ukakmh] {
    color: var(--color-brand);
    font-weight: 600;
}

.nav-link.active[b-ut59ukakmh]::after {
    content: "";

    position: absolute;
    right: 13px;
    bottom: 0;
    left: 13px;

    height: 2px;

    border-radius: 2px;
    background: var(--color-brand);
}

@media (max-width: 900px) {
    .nav-container[b-ut59ukakmh] {
        justify-content: flex-start;
        padding: 0 8px;
        overflow: visible;
    }

    .nav-toggle[b-ut59ukakmh] {
        display: inline-flex;
    }

    .nav-links[b-ut59ukakmh] {
        display: none;
    }

    .nav-links.open[b-ut59ukakmh] {
        position: absolute;
        top: calc(100% + 1px);
        right: 0;
        left: 0;
        z-index: var(--z-dropdown);

        display: flex;
        flex-direction: column;
        align-items: stretch;

        min-width: 0;
        max-height: min(70vh, 520px);
        overflow-y: auto;

        padding: 8px;

        border-top: 1px solid rgba(255, 255, 255, .1);
        border-radius: 0 0 var(--radius-md) var(--radius-md);

        background: var(--color-dark);
        box-shadow: var(--shadow-lg);
    }

    .nav-link[b-ut59ukakmh] {
        min-height: 46px;
        padding: 0 14px;

        border-radius: var(--radius-sm);

        font-size: 15px;
        line-height: 46px;
    }

    .nav-link:hover[b-ut59ukakmh], .nav-link:focus-visible[b-ut59ukakmh] {
        background: rgba(255, 255, 255, .06);
    }

    .nav-link.active[b-ut59ukakmh] {
        background: rgba(82, 196, 26, .12);
    }

    .nav-link.active[b-ut59ukakmh]::after {
        top: 10px;
        right: auto;
        bottom: 10px;
        left: 0;

        width: 3px;
        height: auto;
    }
}
/* _content/Web/Components/Pages/Admin/Categories/CategoryEdit.razor.rz.scp.css */
.category-list[b-f75xhtro5v], .category-edit[b-f75xhtro5v] {
    width: 100%;
}

.category-count[b-f75xhtro5v] {
    color: var(--color-muted);
    font-size: 14px;
}

.category-table-wrapper[b-f75xhtro5v] {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: #fff;
}

.category-table[b-f75xhtro5v] {
    width: 100%;
    border-collapse: collapse;
}

.category-table th[b-f75xhtro5v] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface-2);
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}

.category-table td[b-f75xhtro5v] {
    padding: 16px;
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
}

.category-table tbody tr:last-child td[b-f75xhtro5v] {
    border-bottom: 0;
}

.category-name[b-f75xhtro5v] {
    font-weight: 600;
}

.category-description[b-f75xhtro5v] {
    max-width: 500px;
    margin-top: 5px;
    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.4;
}

.sort-order[b-f75xhtro5v] {
    display: inline-flex;
    min-width: 32px;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--color-surface-3);
    font-size: 13px;
}

.type-badge[b-f75xhtro5v] {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 6px;
    background: var(--color-surface-3);
    font-size: 13px;
    white-space: nowrap;
}

.category-table code[b-f75xhtro5v] {
    padding: 4px 7px;
    border-radius: 5px;
    background: var(--color-surface-3);
    font-size: 12px;
}

.category-actions[b-f75xhtro5v] {
    text-align: right;
    white-space: nowrap;
}

.category-edit-form[b-f75xhtro5v] {
    width: min(900px, 100%);
}

.form-section[b-f75xhtro5v] {
    padding: 20px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: #fff;
}

.form-section-title[b-f75xhtro5v] {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
}

.form-grid[b-f75xhtro5v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.form-group[b-f75xhtro5v] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.form-group.full-width[b-f75xhtro5v] {
    grid-column: 1 / -1;
}

.form-group label[b-f75xhtro5v] {
    font-size: 13px;
    font-weight: 600;
}

.form-control[b-f75xhtro5v] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid var(--color-border-strong);
    border-radius: 7px;
    background: #fff;
    font: inherit;
}

.form-control:focus[b-f75xhtro5v] {
    outline: none;
    border-color: var(--color-brand-strong);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

textarea.form-control[b-f75xhtro5v] {
    resize: vertical;
}

.form-hint[b-f75xhtro5v] {
    color: var(--color-muted);
    font-size: 12px;
}

.form-hint code[b-f75xhtro5v] {
    padding: 2px 5px;
    border-radius: 4px;
    background: var(--color-surface-3);
}

.category-preview[b-f75xhtro5v] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-surface-2);
}

.category-preview-title[b-f75xhtro5v] {
    margin-bottom: 10px;
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.category-preview-name[b-f75xhtro5v] {
    font-size: 20px;
    font-weight: 700;
}

.category-preview-slug[b-f75xhtro5v] {
    margin-top: 4px;
    color: var(--color-muted);
    font-size: 13px;
}

.category-preview-description[b-f75xhtro5v] {
    max-width: 800px;
    margin-top: 12px;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.5;
}

.form-footer[b-f75xhtro5v] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
}

@media (max-width: 700px) {
    .form-grid[b-f75xhtro5v] {
        grid-template-columns: 1fr;
    }

    .form-group.full-width[b-f75xhtro5v] {
        grid-column: auto;
    }

    .category-table th[b-f75xhtro5v], .category-table td[b-f75xhtro5v] {
        padding: 10px;
    }

    .form-footer[b-f75xhtro5v] {
        flex-direction: column-reverse;
    }

    .form-footer .button[b-f75xhtro5v] {
        width: 100%;
    }
}
/* _content/Web/Components/Pages/Admin/Categories/CategoryList.razor.rz.scp.css */
.category-list[b-pfrcw36w6r], .category-edit[b-pfrcw36w6r] {
    width: 100%;
}

.category-count[b-pfrcw36w6r] {
    color: var(--color-muted);
    font-size: 14px;
}

.category-table-wrapper[b-pfrcw36w6r] {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: #fff;
}

.category-table[b-pfrcw36w6r] {
    width: 100%;
    border-collapse: collapse;
}

.category-table th[b-pfrcw36w6r] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface-2);
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}

.category-table td[b-pfrcw36w6r] {
    padding: 16px;
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
}

.category-table tbody tr:last-child td[b-pfrcw36w6r] {
    border-bottom: 0;
}

.category-name[b-pfrcw36w6r] {
    font-weight: 600;
}

.category-description[b-pfrcw36w6r] {
    max-width: 500px;
    margin-top: 5px;
    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.4;
}

.sort-order[b-pfrcw36w6r] {
    display: inline-flex;
    min-width: 32px;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--color-surface-3);
    font-size: 13px;
}

.type-badge[b-pfrcw36w6r] {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 6px;
    background: var(--color-surface-3);
    font-size: 13px;
    white-space: nowrap;
}

.category-table code[b-pfrcw36w6r] {
    padding: 4px 7px;
    border-radius: 5px;
    background: var(--color-surface-3);
    font-size: 12px;
}

.category-actions[b-pfrcw36w6r] {
    text-align: right;
    white-space: nowrap;
}

.category-edit-form[b-pfrcw36w6r] {
    width: min(900px, 100%);
}

.form-section[b-pfrcw36w6r] {
    padding: 20px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: #fff;
}

.form-section-title[b-pfrcw36w6r] {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
}

.form-grid[b-pfrcw36w6r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.form-group[b-pfrcw36w6r] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.form-group.full-width[b-pfrcw36w6r] {
    grid-column: 1 / -1;
}

.form-group label[b-pfrcw36w6r] {
    font-size: 13px;
    font-weight: 600;
}

.form-control[b-pfrcw36w6r] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid var(--color-border-strong);
    border-radius: 7px;
    background: #fff;
    font: inherit;
}

.form-control:focus[b-pfrcw36w6r] {
    outline: none;
    border-color: var(--color-brand-strong);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

textarea.form-control[b-pfrcw36w6r] {
    resize: vertical;
}

.form-hint[b-pfrcw36w6r] {
    color: var(--color-muted);
    font-size: 12px;
}

.form-hint code[b-pfrcw36w6r] {
    padding: 2px 5px;
    border-radius: 4px;
    background: var(--color-surface-3);
}

.category-preview[b-pfrcw36w6r] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-surface-2);
}

.category-preview-title[b-pfrcw36w6r] {
    margin-bottom: 10px;
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.category-preview-name[b-pfrcw36w6r] {
    font-size: 20px;
    font-weight: 700;
}

.category-preview-slug[b-pfrcw36w6r] {
    margin-top: 4px;
    color: var(--color-muted);
    font-size: 13px;
}

.category-preview-description[b-pfrcw36w6r] {
    max-width: 800px;
    margin-top: 12px;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.5;
}

.form-footer[b-pfrcw36w6r] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
}

.breadcrumb-link[b-pfrcw36w6r] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-brand-strong);
    cursor: pointer;
    font: inherit;
}

@media (max-width: 700px) {
    .form-grid[b-pfrcw36w6r] {
        grid-template-columns: 1fr;
    }

    .form-group.full-width[b-pfrcw36w6r] {
        grid-column: auto;
    }

    .category-table th[b-pfrcw36w6r], .category-table td[b-pfrcw36w6r] {
        padding: 10px;
    }

    .form-footer[b-pfrcw36w6r] {
        flex-direction: column-reverse;
    }

    .form-footer .button[b-pfrcw36w6r] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .category-table[b-pfrcw36w6r] {
        min-width: 0;
        table-layout: auto;
    }

    .category-table th[b-pfrcw36w6r], .category-table td[b-pfrcw36w6r] {
        padding: 10px;
    }

    .category-table th:nth-child(3)[b-pfrcw36w6r],
    .category-table td:nth-child(3)[b-pfrcw36w6r],
    .category-table th:nth-child(4)[b-pfrcw36w6r],
    .category-table td:nth-child(4)[b-pfrcw36w6r],
    .category-table th:nth-child(5)[b-pfrcw36w6r],
    .category-table td:nth-child(5)[b-pfrcw36w6r] {
        display: none;
    }

    .category-description[b-pfrcw36w6r] {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .category-actions[b-pfrcw36w6r] {
        width: 96px;
    }
}
/* _content/Web/Components/Pages/Admin/Leads/LeadList.razor.rz.scp.css */
.lead-count[b-y5yc8g58q2] {
    margin-top: 4px;

    color: var(--color-muted);
    font-size: 13px;
}

.lead-table-wrap[b-y5yc8g58q2] {
    overflow-x: auto;
}

.lead-table[b-y5yc8g58q2] {
    width: 100%;
    min-width: 860px;

    border-collapse: collapse;

    font-size: 14px;
}

.lead-table th[b-y5yc8g58q2] {
    padding: 12px 14px;

    border-bottom: 1px solid var(--color-border);

    color: var(--color-muted);

    font-size: 13px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

.lead-table td[b-y5yc8g58q2] {
    padding: 14px;

    border-bottom: 1px solid var(--color-border);

    vertical-align: top;
}

.lead-table tr:last-child td[b-y5yc8g58q2] {
    border-bottom: 0;
}

.lead-date[b-y5yc8g58q2] {
    color: var(--color-text);
    font-size: 13px;
    white-space: nowrap;
}

.lead-table strong[b-y5yc8g58q2] {
    display: block;

    color: var(--color-ink);
    font-size: 14px;
}

.lead-table small[b-y5yc8g58q2] {
    display: block;
    margin-top: 4px;

    color: var(--color-muted);
    font-size: 13px;
}

.lead-contacts[b-y5yc8g58q2] {
    display: flex;
    flex-direction: column;
    gap: 4px;

    white-space: nowrap;
}

.lead-contacts a[b-y5yc8g58q2] {
    color: var(--color-brand-hover);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.lead-details[b-y5yc8g58q2] {
    max-width: 360px;

    color: var(--color-text);
    font-size: 13px;
    line-height: 1.55;
}

.lead-address[b-y5yc8g58q2] {
    display: block;

    margin-bottom: 4px;

    color: var(--color-muted);
}

.lead-goal-badge[b-y5yc8g58q2] {
    display: inline-flex;

    padding: 3px 9px;

    border-radius: var(--radius-full);

    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.lead-goal-badge.price[b-y5yc8g58q2] {
    background: var(--color-brand-soft);
    color: var(--color-brand-hover);
}

.lead-goal-badge.pickup[b-y5yc8g58q2] {
    background: var(--color-info-soft);
    color: var(--color-info);
}

.lead-goal-badge.question[b-y5yc8g58q2] {
    background: var(--color-surface-3);
    color: var(--color-text);
}

@media (max-width: 900px) {
    .lead-table[b-y5yc8g58q2] {
        min-width: 720px;
    }
}
/* _content/Web/Components/Pages/Admin/Materials/MaterialEdit.razor.rz.scp.css */
.photos-section[b-qyfuh34j0c] {
    overflow: hidden;
}

.photos-heading[b-qyfuh34j0c] {
    align-items: flex-start;
}

.upload-button[b-qyfuh34j0c] {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.upload-button input[type="file"][b-qyfuh34j0c] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.photo-library-search[b-qyfuh34j0c] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 24px 0;
}

.photo-search-input-wrapper[b-qyfuh34j0c] {
    position: relative;
    flex: 1;
}

.photo-search-input[b-qyfuh34j0c] {
    padding-left: 38px;
}

.photo-search-icon[b-qyfuh34j0c] {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-muted);
    font-size: 20px;
    line-height: 1;
    pointer-events: none;
    z-index: 1;
}

.photo-search-button[b-qyfuh34j0c] {
    flex-shrink: 0;
    min-width: 90px;
}

.photos-list-header[b-qyfuh34j0c] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.photos-list-title[b-qyfuh34j0c] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-ink);
}

.photos-count[b-qyfuh34j0c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 11px;
    background: var(--color-surface-3);
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 600;
}

.current-photos[b-qyfuh34j0c] {
    margin-bottom: 32px;
}

.material-photo-grid[b-qyfuh34j0c] {
    display: grid;
    grid-template-columns:
            repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px;
}

.material-photo-card[b-qyfuh34j0c] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: #fff;
}

.material-photo-preview[b-qyfuh34j0c] {
    position: relative;
    width: 100%;
    height: 145px;
    overflow: hidden;
    background: var(--color-surface-3);
}

.material-photo-preview img[b-qyfuh34j0c] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-photo-badge[b-qyfuh34j0c] {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 4px 8px;
    border-radius: 5px;
    background: rgba(30, 35, 42, .82);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.material-photo-info[b-qyfuh34j0c] {
    padding: 10px;
}

.photo-name[b-qyfuh34j0c] {
    overflow: hidden;
    display: -webkit-box;
    min-height: 36px;
    color: var(--color-ink);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.photo-meta[b-qyfuh34j0c] {
    display: flex;
    gap: 8px;
    margin-top: 5px;
    color: var(--color-muted);
    font-size: 11px;
}

.photo-actions[b-qyfuh34j0c] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.photo-actions .button[b-qyfuh34j0c] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
}

.photo-actions .photo-move[b-qyfuh34j0c] {
    flex: 0 0 32px;
    width: 32px;
    padding: 0;
}

.photo-library-results[b-qyfuh34j0c] {
    padding-top: 4px;
}

.photo-search-grid[b-qyfuh34j0c] {
    display: grid;
    grid-template-columns:
            repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px;
}

.photo-search-card[b-qyfuh34j0c] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: #fff;
    transition:
            border-color .15s ease,
            box-shadow .15s ease,
            transform .15s ease;
}

.photo-search-card:hover[b-qyfuh34j0c] {
    border-color: var(--color-border);
    box-shadow: 0 4px 14px rgba(30, 35, 42, .07);
    transform: translateY(-1px);
}

.photo-search-preview[b-qyfuh34j0c] {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: var(--color-surface-3);
}

.photo-search-preview img[b-qyfuh34j0c] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-attached-badge[b-qyfuh34j0c] {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 7px;
    border-radius: 5px;
    background: rgba(30, 35, 42, .84);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

.photo-search-info[b-qyfuh34j0c] {
    padding: 10px;
}

.photo-search-name[b-qyfuh34j0c] {
    overflow: hidden;
    display: -webkit-box;
    min-height: 36px;
    color: var(--color-ink);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.photo-search-meta[b-qyfuh34j0c] {
    display: flex;
    gap: 8px;
    margin-top: 5px;
    color: var(--color-muted);
    font-size: 11px;
}

.photo-add-button[b-qyfuh34j0c] {
    width: 100%;
    margin-top: 10px;
}

.photo-attached-label[b-qyfuh34j0c] {
    margin-top: 10px;
    color: var(--color-muted);
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}

.photos-loading[b-qyfuh34j0c] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--color-text);
    font-size: 13px;
}

.photos-empty[b-qyfuh34j0c] {
    display: flex;
    min-height: 180px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 24px;
    border: 1px dashed var(--color-border);
    border-radius: 10px;
    background: var(--color-surface-2);
    color: var(--color-muted);
    text-align: center;
}

.photos-empty strong[b-qyfuh34j0c] {
    color: var(--color-text);
    font-size: 13px;
}

.photos-empty span[b-qyfuh34j0c] {
    font-size: 12px;
}

.photos-empty-icon[b-qyfuh34j0c] {
    margin-bottom: 5px;
    color: var(--color-subtle);
    font-size: 28px;
}

.photos-pagination[b-qyfuh34j0c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 24px;
}

.photos-pagination-pages[b-qyfuh34j0c] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pagination-page[b-qyfuh34j0c] {
    min-width: 34px;
    justify-content: center;
    padding-left: 7px;
    padding-right: 7px;
}

.pagination-page.active[b-qyfuh34j0c] {
    background: var(--color-ink);
    border-color: var(--color-ink);
    color: #fff;
}

.pagination-arrow[b-qyfuh34j0c] {
    min-width: 34px;
    justify-content: center;
}

.photos-pagination-dots[b-qyfuh34j0c] {
    display: inline-flex;
    width: 24px;
    align-items: center;
    justify-content: center;
    color: var(--color-muted);
    user-select: none;
}

.photos-pagination-info[b-qyfuh34j0c] {
    margin-top: 9px;
    color: var(--color-muted);
    font-size: 11px;
    text-align: center;
}

.photos-pagination-info strong[b-qyfuh34j0c] {
    color: var(--color-text);
    font-weight: 600;
}

@media (max-width: 900px) {

    .material-photo-grid[b-qyfuh34j0c], .photo-search-grid[b-qyfuh34j0c] {
        grid-template-columns:
                repeat(auto-fill, minmax(160px, 1fr));
    }
}

@media (max-width: 640px) {
    .photo-library-search[b-qyfuh34j0c] {
        flex-direction: column;
        align-items: stretch;
    }

    .photo-search-button[b-qyfuh34j0c] {
        width: 100%;
    }

    .material-photo-grid[b-qyfuh34j0c], .photo-search-grid[b-qyfuh34j0c] {
        grid-template-columns:
                repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .material-photo-preview[b-qyfuh34j0c], .photo-search-preview[b-qyfuh34j0c] {
        height: 125px;
    }

    .photo-actions[b-qyfuh34j0c] {
        flex-direction: column;
    }

    .photos-pagination[b-qyfuh34j0c] {
        gap: 3px;
    }

    .photos-pagination-pages[b-qyfuh34j0c] {
        gap: 2px;
    }

}

@media (max-width: 400px) {
    .material-photo-grid[b-qyfuh34j0c], .photo-search-grid[b-qyfuh34j0c] {
        grid-template-columns: 1fr 1fr;
    }

    .material-photo-preview[b-qyfuh34j0c], .photo-search-preview[b-qyfuh34j0c] {
        height: 110px;
    }

    .photos-pagination-info[b-qyfuh34j0c] {
        font-size: 10px;
    }

}

.rich-toolbar[b-qyfuh34j0c] {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 6px;
}

.rich-toolbar span[b-qyfuh34j0c] {
    color: var(--color-muted);
    font-size: 12px;
}

.rich-button[b-qyfuh34j0c] {
    display: inline-grid;
    place-items: center;

    width: 34px;
    height: 30px;
    padding: 0;

    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xs);

    background: var(--color-surface);
    color: var(--color-ink);

    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 800;

    cursor: pointer;

    transition:
        background var(--transition-fast),
        border-color var(--transition-fast);
}

.rich-button:hover[b-qyfuh34j0c] {
    border-color: var(--color-brand);
    background: var(--color-brand-soft);
}

.rich-button:disabled[b-qyfuh34j0c] {
    opacity: .55;
    cursor: default;
}

.formatted-preview[b-qyfuh34j0c] {
    margin-top: 8px;
    padding: 12px 14px;

    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-sm);

    background: var(--color-surface-2);
    color: var(--color-text);

    font-size: 14px;
    line-height: 1.7;
}

.formatted-preview-label[b-qyfuh34j0c] {
    margin-bottom: 4px;

    color: var(--color-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.formatted-preview strong[b-qyfuh34j0c] {
    color: var(--color-ink);
    font-weight: 700;
}
/* _content/Web/Components/Pages/Admin/Materials/MaterialList.razor.rz.scp.css */
.material-count[b-aw6urh4lbo] {
    color: var(--color-muted);
    font-size: 14px;
}

.material-count span[b-aw6urh4lbo] {
    margin-left: 4px;
}

.material-filters[b-aw6urh4lbo] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    width: 100%;
}

.material-search[b-aw6urh4lbo] {
    flex: 1 1 auto;
    min-width: 260px;
}

.category-filter[b-aw6urh4lbo] {
    flex: 0 0 190px;
    width: 190px;
}

.status-filter[b-aw6urh4lbo] {
    flex: 0 0 140px;
    width: 140px;
}

.material-table-wrapper[b-aw6urh4lbo] {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: #fff;
}

.material-table[b-aw6urh4lbo] {
    width: 100%;
    min-width: 900px;
    table-layout: fixed;
    border-collapse: collapse;
}

.material-table th[b-aw6urh4lbo] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface-2);
    color: var(--color-muted);
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.material-table td[b-aw6urh4lbo] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
}

.material-table tbody tr:last-child td[b-aw6urh4lbo] {
    border-bottom: 0;
}

.material-table tbody tr:hover[b-aw6urh4lbo] {
    background: var(--color-surface-2);
}

.column-sort[b-aw6urh4lbo] {
    width: 80px;
}

.column-category[b-aw6urh4lbo] {
    width: 190px;
}

.column-price[b-aw6urh4lbo] {
    width: 120px;
}

.column-status[b-aw6urh4lbo] {
    width: 120px;
}

.column-actions[b-aw6urh4lbo] {
    width: 110px;
}

.material-info[b-aw6urh4lbo] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 280px;
}

.material-photo[b-aw6urh4lbo] {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-3);
}

.material-photo img[b-aw6urh4lbo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.material-photo-empty[b-aw6urh4lbo] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-subtle);
    font-size: 20px;
}

.material-text[b-aw6urh4lbo] {
    min-width: 0;
}

.material-table-name[b-aw6urh4lbo] {
    overflow: hidden;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.material-table-slug[b-aw6urh4lbo] {
    margin-top: 4px;
    overflow: hidden;
    color: var(--color-subtle);
    font-size: 12px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sort-order[b-aw6urh4lbo] {
    display: inline-flex;
    min-width: 30px;
    justify-content: center;
    padding: 4px 7px;
    border-radius: 6px;
    background: var(--color-surface-3);
    color: var(--color-text);
    font-size: 12px;
}

.material-category-badge[b-aw6urh4lbo] {
    display: inline-flex;
    max-width: 180px;
    overflow: hidden;
    padding: 5px 9px;
    border-radius: 6px;
    background: var(--color-surface-3);
    color: var(--color-text);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.muted-value[b-aw6urh4lbo] {
    color: var(--color-subtle);
}

.material-price[b-aw6urh4lbo] {
    font-weight: 600;
    white-space: nowrap;
}

.status-badge[b-aw6urh4lbo] {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.status-badge.active[b-aw6urh4lbo] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.status-badge.inactive[b-aw6urh4lbo] {
    background: var(--color-surface-3);
    color: var(--color-muted);
}

.material-actions[b-aw6urh4lbo] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .material-filters[b-aw6urh4lbo] {
        flex-wrap: wrap;
    }

    .material-search[b-aw6urh4lbo] {
        flex: 1 1 100%;
        width: 100%;
    }

    .category-filter[b-aw6urh4lbo] {
        flex: 1 1 0;
        width: auto;
    }

    .status-filter[b-aw6urh4lbo] {
        flex: 0 0 150px;
        width: 150px;
    }
}

@media (max-width: 600px) {
    .material-filters[b-aw6urh4lbo] {
        flex-direction: column;
        align-items: stretch;
    }

    .material-search[b-aw6urh4lbo], .category-filter[b-aw6urh4lbo], .status-filter[b-aw6urh4lbo] {
        width: 100%;
        flex: 1 1 auto;
    }

    .material-info[b-aw6urh4lbo] {
        min-width: 240px;
    }

    .material-photo[b-aw6urh4lbo] {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }

    .material-actions[b-aw6urh4lbo] {
        justify-content: flex-start;
    }
}
.material-table-name strong[b-aw6urh4lbo] {
    color: var(--color-ink);
    font-weight: 700;
}


@media (max-width: 700px) {
    .material-table[b-aw6urh4lbo] {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .material-table th[b-aw6urh4lbo], .material-table td[b-aw6urh4lbo] {
        padding: 8px;
    }

    .column-sort[b-aw6urh4lbo],
    .column-category[b-aw6urh4lbo],
    .column-status[b-aw6urh4lbo],
    .material-table tbody td:nth-child(1)[b-aw6urh4lbo],
    .material-table tbody td:nth-child(3)[b-aw6urh4lbo],
    .material-table tbody td:nth-child(5)[b-aw6urh4lbo] {
        display: none;
    }

    .material-info[b-aw6urh4lbo] {
        min-width: 0;
    }

    .material-photo[b-aw6urh4lbo] {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .material-info[b-aw6urh4lbo] {
        gap: 8px;
    }

    .material-table-name[b-aw6urh4lbo] {
        white-space: normal;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .column-price[b-aw6urh4lbo] {
        width: 76px;
    }

    .column-actions[b-aw6urh4lbo] {
        width: 88px;
    }

    .material-actions .button[b-aw6urh4lbo] {
        width: 100%;
        padding: 0 4px;
        font-size: 12px;
    }
}
/* _content/Web/Components/Pages/Public/Contacts.razor.rz.scp.css */
.contacts-page[b-1e323mwr5r] {
    max-width: 1200px;
    margin: 0 auto;
    color: var(--color-dark);
}

.contacts-hero[b-1e323mwr5r] {
    background: var(--color-dark);
    border-radius: 12px;
    padding: 34px 40px;
    margin-bottom: 24px;
    color: white;
}

.contacts-hero-content[b-1e323mwr5r] {
    display: flex;
    align-items: center;
    gap: 22px;
}

.contacts-hero h1[b-1e323mwr5r] {
    margin: 0 0 6px;
    color: #fff;
}

.contacts-hero p[b-1e323mwr5r] {
    margin: 0;
    color: rgba(255, 255, 255, .72);
}

.hero-icon[b-1e323mwr5r] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;
    background: var(--color-brand);
    color: white;
    font-size: 28px;
}

.contacts-hero h1[b-1e323mwr5r] {
    margin: 0 0 6px;
    font-size: 32px;
    font-weight: 700;
}

.contacts-hero p[b-1e323mwr5r] {
    margin: 0;
    color: var(--color-subtle);
    font-size: 16px;
    line-height: 1.6;
}

.contacts-grid[b-1e323mwr5r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 42px;
}

.contact-card[b-1e323mwr5r] {
    display: flex;
    gap: 18px;

    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 26px;

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);

    transition:
            transform .2s ease,
            box-shadow .2s ease;
}

.contact-card:hover[b-1e323mwr5r] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.contact-card-icon[b-1e323mwr5r] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
    background: var(--color-brand-soft);
    color: var(--color-brand);
    font-size: 19px;
}

.contact-card-content[b-1e323mwr5r] {
    min-width: 0;
}

.contact-card h3[b-1e323mwr5r] {
    margin: 0 0 16px;
    font-size: 19px;
}

.contact-card p[b-1e323mwr5r] {
    margin: 0;
    color: var(--color-muted);
    line-height: 1.6;
}

.contact-person[b-1e323mwr5r] {
    display: flex;
    flex-direction: column;
    gap: 5px;

    padding-bottom: 14px;
    margin-bottom: 14px;

    border-bottom: 1px solid var(--color-border);
}

.contact-person:last-child[b-1e323mwr5r] {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.contact-person strong[b-1e323mwr5r] {
    display: block;
    font-size: 15px;
}

.contact-person span[b-1e323mwr5r] {
    display: block;
    color: var(--color-muted);
    font-size: 13px;
    margin-top: 2px;
}

.contact-person a[b-1e323mwr5r], .contact-email[b-1e323mwr5r] {
    color: var(--color-dark);
    text-decoration: none;
    font-weight: 600;
    transition: color .2s ease;
}

.contact-person a:hover[b-1e323mwr5r], .contact-email:hover[b-1e323mwr5r] {
    color: var(--color-brand);
}

.contact-email[b-1e323mwr5r] {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 16px;
}

.contact-worktime[b-1e323mwr5r] {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: 16px;
    padding-top: 15px;

    border-top: 1px solid var(--color-border);

    color: var(--color-text);
    font-size: 14px;
}

.contact-worktime i[b-1e323mwr5r] {
    color: var(--color-brand);
}

.contact-address[b-1e323mwr5r] {
    font-size: 15px;
}

.map-link[b-1e323mwr5r] {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-top: 17px;

    color: var(--color-brand);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.map-link:hover[b-1e323mwr5r] {
    text-decoration: underline;
}

.section-heading[b-1e323mwr5r] {
    display: block;
    margin-bottom: 20px;
}

.section-label[b-1e323mwr5r] {
    display: block;

    margin-bottom: 5px;

    color: var(--color-brand);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.section-heading h2[b-1e323mwr5r],
.callback-heading h2[b-1e323mwr5r] {
    margin: 0 0 7px;
    color: var(--color-dark);
    font-size: 28px;
    font-weight: 700;
}

.section-heading p[b-1e323mwr5r],
.callback-heading p[b-1e323mwr5r] {
    margin: 0;
    color: var(--color-muted);
    font-size: 15px;
    line-height: 1.6;
}

.map-section[b-1e323mwr5r] {
    margin-bottom: 48px;
}

.map-card[b-1e323mwr5r] {
    display: grid;
    grid-template-columns: 330px 1fr;

    min-height: 430px;

    overflow: hidden;

    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 12px;

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.map-info[b-1e323mwr5r] {
    padding: 25px;
    border-right: 1px solid var(--color-border);
}

.map-location[b-1e323mwr5r] {
    display: flex;
    gap: 14px;

    padding: 17px 0;

    border-bottom: 1px solid var(--color-border);
}

.map-location:last-child[b-1e323mwr5r] {
    border-bottom: none;
}

.map-number[b-1e323mwr5r] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--color-brand);
    color: white;

    font-weight: 700;
}

.map-location strong[b-1e323mwr5r] {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
}

.map-location span:not(.map-number)[b-1e323mwr5r] {
    display: block;

    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.5;
}

.yandex-map[b-1e323mwr5r] {
    min-height: 430px;
}

.yandex-map iframe[b-1e323mwr5r] {
    display: block;

    width: 100%;
    height: 100%;
    min-height: 430px;

    border: none;
}

.callback-section[b-1e323mwr5r] {
    margin-bottom: 20px;
}

.callback-heading[b-1e323mwr5r] {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    margin-bottom: 20px;
}

.callback-icon[b-1e323mwr5r] {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: var(--color-dark);
    color: var(--color-brand);

    font-size: 21px;
}

.callback-card[b-1e323mwr5r] {
    background: #fff;

    border: 1px solid var(--color-border);
    border-radius: 12px;

    padding: 32px;

    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.form-grid[b-1e323mwr5r] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 20px;
}

.form-field[b-1e323mwr5r] {
    min-width: 0;
}

.form-field.full-width[b-1e323mwr5r] {
    grid-column: 1 / -1;
}

.form-field label[b-1e323mwr5r] {
    display: block;

    margin-bottom: 8px;

    color: var(--color-text);
    font-size: 14px;
    font-weight: 600;
}

.form-field label span[b-1e323mwr5r] {
    color: var(--color-brand);
}

.input-wrapper[b-1e323mwr5r] {
    position: relative;
}

.input-wrapper > i[b-1e323mwr5r] {
    position: absolute;

    left: 15px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--color-subtle);
    font-size: 15px;

    pointer-events: none;
}

.input-wrapper input[b-1e323mwr5r], .input-wrapper textarea[b-1e323mwr5r] {
    width: 100%;
    box-sizing: border-box;

    border: 1px solid var(--color-border);
    border-radius: 7px;

    background: #fff;

    padding: 12px 14px 12px 42px;

    color: var(--color-text);
    font-family: inherit;
    font-size: 14px;

    outline: none;

    transition:
            border-color .2s ease,
            box-shadow .2s ease;
}

.input-wrapper input[b-1e323mwr5r] {
    height: 46px;
}

.input-wrapper textarea[b-1e323mwr5r] {
    resize: vertical;
    min-height: 120px;
    line-height: 1.5;
}

.input-wrapper input[b-1e323mwr5r]::placeholder, .input-wrapper textarea[b-1e323mwr5r]::placeholder {
    color: var(--color-muted);
}

.input-wrapper input:focus[b-1e323mwr5r], .input-wrapper textarea:focus[b-1e323mwr5r] {
    border-color: var(--color-brand);
    box-shadow: 0 0 0 3px rgba(82, 196, 26, .10);
}

.textarea-wrapper > i[b-1e323mwr5r] {
    top: 19px;
    transform: none;
}

.field-hint[b-1e323mwr5r] {
    margin-top: 6px;
    color: var(--color-muted);
    font-size: 13px;
}

.form-footer[b-1e323mwr5r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    margin-top: 28px;
    padding-top: 24px;

    border-top: 1px solid var(--color-border);
}

.privacy-text[b-1e323mwr5r] {
    display: flex;
    align-items: center;
    gap: 10px;

    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.5;
}

.privacy-text i[b-1e323mwr5r] {
    color: var(--color-brand);
    font-size: 16px;
}

.submit-button[b-1e323mwr5r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-width: 210px;
    height: 46px;

    padding: 0 22px;

    border: none;
    border-radius: 7px;

    background: var(--color-brand);
    color: white;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition:
            background .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
}

.submit-button:hover[b-1e323mwr5r] {
    background: var(--color-brand-hover);
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(82, 196, 26, .25);
}

.submit-button:active[b-1e323mwr5r] {
    transform: translateY(0);
}

.success-message[b-1e323mwr5r] {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 25px;
    padding: 18px;

    border-radius: 8px;

    background: var(--color-brand-soft);
    border: 1px solid var(--color-brand);
}

.success-icon[b-1e323mwr5r] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--color-brand);
    color: white;
}

.success-message strong[b-1e323mwr5r] {
    display: block;
    margin-bottom: 3px;
}

.success-message span[b-1e323mwr5r] {
    color: var(--color-muted);
    font-size: 13px;
}

.success-message small[b-1e323mwr5r] {
    display: block;
    margin-top: 5px;

    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .contacts-grid[b-1e323mwr5r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .map-card[b-1e323mwr5r] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .map-info[b-1e323mwr5r] {
        border-right: 0;
        border-bottom: 1px solid var(--color-border);
    }

    .yandex-map[b-1e323mwr5r],
    .yandex-map iframe[b-1e323mwr5r] {
        min-height: 320px;
    }
}

@media (max-width: 700px) {
    .contacts-grid[b-1e323mwr5r] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .contacts-hero[b-1e323mwr5r] {
        padding: 24px 20px;
    }

    .contacts-hero-content[b-1e323mwr5r] {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .contact-card[b-1e323mwr5r] {
        padding: 20px;
    }

    .callback-card[b-1e323mwr5r] {
        padding: 20px;
    }

    .form-grid[b-1e323mwr5r] {
        grid-template-columns: 1fr;
    }

    .form-field.full-width[b-1e323mwr5r] {
        grid-column: auto;
    }

    .callback-heading[b-1e323mwr5r] {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-footer[b-1e323mwr5r] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .submit-button[b-1e323mwr5r] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Web/Components/Pages/Public/Home.razor.rz.scp.css */
.title-section[b-6lhdjz1so1] {
    color: var(--color-subtle);
    background: var(--color-dark);
    padding: 80px 30px;
    border-bottom: 1px solid var(--color-text);
    border-radius: 10px;
}

.title-section-content[b-6lhdjz1so1] {
    max-width: 1200px;
    margin: 0 auto;
}

.title[b-6lhdjz1so1] {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-size: 52px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -1px;
}

.title-description[b-6lhdjz1so1] {
    max-width: 820px;
    margin: 28px 0 0;
    color: var(--color-subtle);
    font-size: 19px;
    line-height: 1.7;
}

.title-buttons[b-6lhdjz1so1] {
    display: flex;
    gap: 12px;
    margin-top: 36px;
}

.button-secondary[b-6lhdjz1so1] {
    background: transparent;
    border: 1px solid var(--color-text);
    color: #fff;
}

.button-secondary:hover[b-6lhdjz1so1] {
    background: var(--color-dark-2);
    border-color: var(--color-brand);
    color: #fff;
}

.price-warning[b-6lhdjz1so1] {
    max-width: 820px;
    margin-top: 35px;
    padding: 15px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    color: var(--color-subtle);
    font-size: 14px;
}

.price-warning i[b-6lhdjz1so1] {
    color: var(--color-brand);
}

.home-content-section[b-6lhdjz1so1] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
    border-top: 1px solid var(--color-border);
}

.section-heading[b-6lhdjz1so1] {
    display: grid;
    gap: 20px;
    margin-bottom: 30px;
}

.section-number[b-6lhdjz1so1] {
    color: var(--color-brand);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.section-heading h2[b-6lhdjz1so1] {
    margin: 0;
    color: var(--color-ink);
    font-size: 32px;
    line-height: 1.25;
}

.section-subtitle[b-6lhdjz1so1] {
    margin: 6px 0 0;
    color: var(--color-muted);
    font-size: 16px;
    line-height: 1.7;
}

.material-grid[b-6lhdjz1so1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.material-card[b-6lhdjz1so1] {
    display: flex;
    flex-direction: column;

    padding: 26px;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);

    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
    text-decoration: none;

    transition:
        border-color var(--transition-base),
        transform var(--transition-base),
        box-shadow var(--transition-base);
}

.material-card:hover[b-6lhdjz1so1] {
    border-color: var(--color-brand);
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

.material-card .icon[b-6lhdjz1so1] {
    font-size: 30px;
}

.material-card h3[b-6lhdjz1so1] {
    margin: 18px 0 10px;
    color: var(--color-ink);

    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.01em;
}

.material-card p[b-6lhdjz1so1] {
    margin: 0;
    color: var(--color-muted);
    font-size: 15px;
    line-height: 1.65;
}

.card-link[b-6lhdjz1so1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-top: auto;
    padding-top: 20px;

    color: var(--color-brand-strong);
    font-size: 14px;
    font-weight: 600;
}

.about-content[b-6lhdjz1so1] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
}

.about-text p[b-6lhdjz1so1] {
    margin: 0 0 20px;
    color: var(--color-text);
    font-size: 17px;
    line-height: 1.8;
}

.about-text strong[b-6lhdjz1so1] {
    color: var(--color-dark-2);
}

.about-facts[b-6lhdjz1so1] {
    display: grid;
    gap: 12px;
}

.fact[b-6lhdjz1so1] {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-brand);
    border-radius: 10px;
}

.fact strong[b-6lhdjz1so1] {
    display: block;
    color: var(--color-ink);
    font-size: 21px;
}

.fact span[b-6lhdjz1so1] {
    display: block;
    color: var(--color-muted);
    font-size: 14px;
}

.info-block[b-6lhdjz1so1] {
    max-width: 1200px;
    padding: 40px 0;
    margin: 0 auto;
    border-top: 1px solid var(--color-border);
}

.info-columns[b-6lhdjz1so1] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
}

.info-columns p[b-6lhdjz1so1],
.long-text p[b-6lhdjz1so1] {
    color: var(--color-text);
    font-size: 17px;
    line-height: 1.8;
}

.info-note[b-6lhdjz1so1] {
    padding: 28px;
    background: #FFFFFF;
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-brand);
    border-radius: 10px;
}

.info-note-icon[b-6lhdjz1so1] {
    margin-bottom: 18px;
    color: var(--color-brand);
    font-size: 24px;
}

.info-note h3[b-6lhdjz1so1] {
    margin: 0 0 10px;
    color: var(--color-ink);
    font-size: 20px;
}

.info-note p[b-6lhdjz1so1] {
    font-size: 15px;
}

.inline-action[b-6lhdjz1so1] {
    margin-top: 28px;
}

.inline-action a[b-6lhdjz1so1] {
    color: var(--color-brand-strong);
    text-decoration: none;
    font-weight: 600;
}

.info-note ul[b-6lhdjz1so1] {
    margin: 18px 0 0;
    padding-left: 20px;
}

.info-note li[b-6lhdjz1so1] {
    margin-bottom: 8px;
    color: var(--color-text);
    font-size: 14px;
}

.attention-note[b-6lhdjz1so1] {
    margin-top: 28px;
    padding: 18px 20px;
    display: flex;
    gap: 12px;
    background: var(--color-info-soft);
    border: 1px solid var(--color-info-border);
    border-radius: 7px;
}

.attention-note i[b-6lhdjz1so1] {
    color: var(--color-brand);
}

.attention-note p[b-6lhdjz1so1] {
    margin: 0;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.6;
}

.long-text[b-6lhdjz1so1] {
    max-width: 1200px;
}

.catalog-promo[b-6lhdjz1so1] {
    margin-top: 35px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: var(--color-dark);
    border-radius: 10px;
}

.catalog-promo div[b-6lhdjz1so1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.catalog-promo strong[b-6lhdjz1so1] {
    color: #FFFFFF;
}

.catalog-promo span[b-6lhdjz1so1] {
    color: var(--color-subtle);
    font-size: 14px;
}

.catalog-promo a[b-6lhdjz1so1] {
    font-size: 14px;
    font-weight: 600;
}

.trust-checks[b-6lhdjz1so1] {
    margin-top: 50px;
}

.trust-checks h3[b-6lhdjz1so1] {
    color: var(--color-ink);
    font-size: 21px;
}

.trust-grid[b-6lhdjz1so1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 22px;
}

.trust-grid div[b-6lhdjz1so1] {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid var(--color-border);
    border-radius: 10px;
}

.trust-grid strong[b-6lhdjz1so1] {
    display: block;
    color: var(--color-brand);
    font-size: 13px;
}

.trust-grid span[b-6lhdjz1so1] {
    display: block;
    margin-top: 12px;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.6;
}

.advantages-grid[b-6lhdjz1so1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.advantages-grid div[b-6lhdjz1so1] {
    padding: 24px;
    background: var(--color-dark);
    color: #FFFFFF;
    border-radius: 10px;
}

.advantages-grid strong[b-6lhdjz1so1] {
    font-size: 16px;
}

.advantages-grid span[b-6lhdjz1so1] {
    display: block;
    margin-top: 10px;
    color: var(--color-muted);
    font-size: 14px;
    line-height: 1.6;
}

.legal-note[b-6lhdjz1so1] {
    margin-top: 25px;
    padding: 15px;
    display: flex;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid var(--color-border);
    border-radius: 10px;
}

.legal-note > i[b-6lhdjz1so1] {
    color: var(--color-brand);
    padding-top: 13px;
    font-size: 22px;
}

.legal-note p[b-6lhdjz1so1] {
    margin: 5px 0 0;
    color: var(--color-muted);
    font-size: 14px;
}

.auto-steps[b-6lhdjz1so1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.auto-steps > div[b-6lhdjz1so1] {
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid var(--color-border);
    border-radius: 10px;
}

.auto-steps span[b-6lhdjz1so1] {
    color: var(--color-brand);
    font-size: 13px;
    font-weight: 700;
}

.auto-steps h3[b-6lhdjz1so1] {
    margin: 14px 0 8px;
    color: var(--color-ink);
    font-size: 17px;
}

.auto-steps p[b-6lhdjz1so1] {
    margin: 0;
    color: var(--color-muted);
    font-size: 14px;
    line-height: 1.6;
}

.steps[b-6lhdjz1so1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.steps > div[b-6lhdjz1so1] {
    text-align: center;
}

.steps span[b-6lhdjz1so1] {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    background: var(--color-brand);
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 600;
}

.steps h3[b-6lhdjz1so1] {
    margin: 18px 0 8px;
    color: var(--color-ink);
}

.steps p[b-6lhdjz1so1] {
    max-width: 300px;
    margin: 0 auto;
    color: var(--color-muted);
    font-size: 15px;
    line-height: 1.6;
}

.reviews-section[b-6lhdjz1so1] {
    padding: 75px 24px;
    background: var(--color-surface-3);
    border-top: 1px solid var(--color-border);
}

.reviews-inner[b-6lhdjz1so1] {
    max-width: 1200px;
    margin: 0 auto;
}

.reviews-placeholder[b-6lhdjz1so1] {
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #FFFFFF;
    border: 1px solid var(--color-border);
    border-radius: 10px;
}

.reviews-placeholder-icon[b-6lhdjz1so1] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-info-soft);
    color: var(--color-brand);
    border-radius: 7px;
    font-size: 20px;
}

.reviews-placeholder h3[b-6lhdjz1so1] {
    margin: 0 0 5px;
    color: var(--color-ink);
}

.reviews-placeholder p[b-6lhdjz1so1] {
    margin: 0;
    color: var(--color-muted);
    font-size: 14px;
}

.reviews-placeholder a[b-6lhdjz1so1] {
    display: inline-block;
    margin-top: 10px;
    color: var(--color-brand-strong);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.final-call-title[b-6lhdjz1so1] {
    max-width: 900px;
    margin: 0;
    color: #FFFFFF;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -1px;
}

.final-call-buttons[b-6lhdjz1so1] {
    margin-top: 30px;
}

@media (max-width: 900px) {
    .title-section[b-6lhdjz1so1] {
        padding: 60px 24px;
    }

    .title[b-6lhdjz1so1] {
        font-size: 40px;
    }

    .material-grid[b-6lhdjz1so1],
    .advantages-grid[b-6lhdjz1so1],
    .trust-grid[b-6lhdjz1so1],
    .auto-steps[b-6lhdjz1so1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-content[b-6lhdjz1so1],
    .info-columns[b-6lhdjz1so1] {
        grid-template-columns: 1fr;
    }

    .catalog-promo[b-6lhdjz1so1] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .title-section[b-6lhdjz1so1] {
        padding: 44px 18px;
    }

    .home-content-section[b-6lhdjz1so1],
    .info-block[b-6lhdjz1so1] {
        padding: 28px 0;
    }

    .section-heading h2[b-6lhdjz1so1] {
        font-size: 26px;
    }

    .title[b-6lhdjz1so1] {
        font-size: 32px;
        letter-spacing: -.5px;
    }

    .title-description[b-6lhdjz1so1],
    .section-subtitle[b-6lhdjz1so1] {
        font-size: 16px;
    }

    .title-buttons[b-6lhdjz1so1] {
        flex-direction: column;
        align-items: stretch;
    }

    .material-grid[b-6lhdjz1so1],
    .advantages-grid[b-6lhdjz1so1],
    .trust-grid[b-6lhdjz1so1],
    .about-facts[b-6lhdjz1so1],
    .auto-steps[b-6lhdjz1so1],
    .steps[b-6lhdjz1so1] {
        grid-template-columns: 1fr;
    }

    .steps[b-6lhdjz1so1] {
        gap: 24px;
    }

    .final-call-title[b-6lhdjz1so1] {
        font-size: 28px;
    }
}

.section-heading > *[b-6lhdjz1so1] {
    min-width: 0;
}

.home-reviews[b-6lhdjz1so1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.home-review[b-6lhdjz1so1] {
    display: flex;
    flex-direction: column;
    gap: 10px;

    padding: 18px;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);

    background: var(--color-surface);
}

.home-review-head[b-6lhdjz1so1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.home-review-head strong[b-6lhdjz1so1] {
    color: var(--color-ink);
    font-size: 15px;
}

.home-review-head > span[b-6lhdjz1so1] {
    color: var(--color-muted);
    font-size: 13px;
}

.home-review-stars[b-6lhdjz1so1] {
    margin-left: auto;
    color: var(--color-border-strong);
    letter-spacing: 1px;
    font-size: 13px;
}

.home-review-stars .filled[b-6lhdjz1so1] {
    color: #b45309;
}

.home-review p[b-6lhdjz1so1] {
    margin: 0;

    color: var(--color-text);
    font-size: 14px;
    line-height: 1.65;
}

@media (max-width: 900px) {
    .home-reviews[b-6lhdjz1so1] {
        grid-template-columns: 1fr;
    }
}
/* _content/Web/Components/Pages/Public/MaterialDetails.razor.rz.scp.css */
.material-detail[b-x1s2jj37e4] {
    max-width: var(--container-width);
    margin: 0 auto;
}

.material-breadcrumb[b-x1s2jj37e4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: var(--space-4);

    color: var(--color-muted);
    font-size: 13px;
}

.material-breadcrumb a[b-x1s2jj37e4] {
    color: var(--color-muted);
}

.material-breadcrumb a:hover[b-x1s2jj37e4] {
    color: var(--color-brand-strong);
}

.material-breadcrumb span:last-child[b-x1s2jj37e4] {
    color: var(--color-text);
}

.material-detail-grid[b-x1s2jj37e4] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: var(--space-6);

    align-items: start;
}

.material-gallery-main[b-x1s2jj37e4] {
    overflow: hidden;

    aspect-ratio: 4 / 3;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);

    background: var(--color-surface-3);
}

.material-gallery-main img[b-x1s2jj37e4] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.material-gallery-placeholder[b-x1s2jj37e4] {
    display: grid;
    place-items: center;

    width: 100%;
    height: 100%;

    color: var(--color-muted);
    font-size: 14px;
}

.material-thumbs[b-x1s2jj37e4] {
    display: flex;
    gap: 8px;

    margin-top: var(--space-3);

    overflow-x: auto;
}

.material-thumb[b-x1s2jj37e4] {
    flex: 0 0 78px;

    width: 78px;
    height: 78px;
    padding: 0;

    overflow: hidden;

    border: 2px solid transparent;
    border-radius: var(--radius-sm);

    background: var(--color-surface-3);

    cursor: pointer;
    opacity: .75;

    transition:
        opacity var(--transition-fast),
        border-color var(--transition-fast);
}

.material-thumb:hover[b-x1s2jj37e4] {
    opacity: 1;
}

.material-thumb.active[b-x1s2jj37e4] {
    border-color: var(--color-brand);
    opacity: 1;
}

.material-thumb img[b-x1s2jj37e4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.material-info[b-x1s2jj37e4] {
    padding: var(--space-6);

    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);

    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.material-category[b-x1s2jj37e4] {
    display: inline-flex;

    margin-bottom: var(--space-3);
    padding: 4px 10px;

    border-radius: var(--radius-full);

    background: var(--color-brand-soft);
    color: var(--color-brand-hover);

    font-size: 13px;
    font-weight: 600;
}

.material-info h1[b-x1s2jj37e4] {
    margin: 0 0 var(--space-4);
    font-size: clamp(26px, 3vw, 36px);
}

.material-price-box[b-x1s2jj37e4] {
    display: flex;
    flex-direction: column;
    gap: 3px;

    margin-bottom: var(--space-5);
    padding: var(--space-4);

    border-radius: var(--radius-md);

    background: var(--color-surface-2);
}

.material-price-box span[b-x1s2jj37e4] {
    color: var(--color-muted);
    font-size: 13px;
}

.material-price-box strong[b-x1s2jj37e4] {
    color: var(--color-brand-hover);
    font-family: var(--font-heading);
    font-size: 30px;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.material-price-box small[b-x1s2jj37e4] {
    color: var(--color-muted);
    font-size: 13px;
}

.material-description[b-x1s2jj37e4] {
    margin: 0 0 var(--space-5);
    color: var(--color-text);
    font-size: 15px;
    line-height: 1.7;
    white-space: pre-line;
}

.material-terms[b-x1s2jj37e4] {
    display: grid;
    gap: 8px;

    margin: 0 0 var(--space-5);
    padding: 0;
}

.material-terms div[b-x1s2jj37e4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: var(--space-3);

    padding-bottom: 8px;

    border-bottom: 1px solid var(--color-border);
}

.material-terms div:last-child[b-x1s2jj37e4] {
    padding-bottom: 0;
    border-bottom: 0;
}

.material-terms dt[b-x1s2jj37e4] {
    color: var(--color-muted);
    font-size: 13px;
}

.material-terms dd[b-x1s2jj37e4] {
    margin: 0;

    color: var(--color-text);
    font-size: 14px;
    font-weight: 600;
}

.material-actions[b-x1s2jj37e4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.material-characteristics[b-x1s2jj37e4] {
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    border-top: 1px solid var(--color-border);
}

.material-characteristics h2[b-x1s2jj37e4] {
    margin: 0 0 var(--space-2);
    font-size: 17px;
}

.material-characteristics p[b-x1s2jj37e4],
.material-characteristics-text[b-x1s2jj37e4] {
    margin: 0;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.7;
}

.material-characteristics strong[b-x1s2jj37e4],
.material-description strong[b-x1s2jj37e4],
.material-factors strong[b-x1s2jj37e4] {
    color: var(--color-ink);
    font-weight: 700;
}

.material-factors[b-x1s2jj37e4] {
    margin-top: var(--space-5);
    padding: var(--space-4);

    border-radius: var(--radius-md);

    background: var(--color-surface-2);
}

.material-factors h2[b-x1s2jj37e4] {
    margin: 0 0 var(--space-2);
    font-size: 17px;
}

.material-factors-text[b-x1s2jj37e4] {
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.7;
}

.material-detail-loading[b-x1s2jj37e4],
.material-detail-empty[b-x1s2jj37e4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);

    min-height: 55vh;
    padding: var(--space-6);

    text-align: center;
}

.material-detail-loading[b-x1s2jj37e4] {
    flex-direction: row;
}

.material-detail-empty p[b-x1s2jj37e4] {
    margin: 0;
    color: var(--color-muted);
}

@media (max-width: 900px) {
    .material-detail-grid[b-x1s2jj37e4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .material-info[b-x1s2jj37e4] {
        padding: var(--space-5);
    }
}

.material-info h1 strong[b-x1s2jj37e4] {
    color: var(--color-ink);
    font-weight: 800;
}
/* _content/Web/Components/Pages/Public/Materials/Catalysts.razor.rz.scp.css */
.category-page[b-4lwlfxptmq] {
    background: var(--color-surface-2);
    color: var(--color-dark-2);
    padding-bottom: 70px;
}

.category-header[b-4lwlfxptmq] {
    margin-bottom: 40px;
}

.category-title[b-4lwlfxptmq] {
    margin: 0;
    color: var(--color-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.category-title[b-4lwlfxptmq]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 12px;
    background: var(--color-brand);
    border-radius: 4px;
}

.category-description[b-4lwlfxptmq] {
    max-width: 900px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--color-muted);
}

.material-grid[b-4lwlfxptmq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 28px;
}

.category-loading[b-4lwlfxptmq] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.category-empty[b-4lwlfxptmq] {
    text-align: center;
    padding: 60px;
    border: 1px dashed var(--color-border);
    border-radius: 12px;
    color: var(--color-muted);
    font-size: 16px;
    background: var(--color-surface-2);
}

@media (max-width: 992px) {
    .category-page[b-4lwlfxptmq] {
        padding: 0 20px;
    }

    .category-title[b-4lwlfxptmq] {
        font-size: 34px;
    }

    .material-grid[b-4lwlfxptmq] {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .category-page[b-4lwlfxptmq] {
        margin: 24px auto 40px;
    }

    .category-title[b-4lwlfxptmq] {
        font-size: 30px;
    }

    .category-description[b-4lwlfxptmq] {
        font-size: 15px;
    }

    .material-grid[b-4lwlfxptmq] {
        grid-template-columns: 1fr;
    }
}
/* _content/Web/Components/Pages/Public/Materials/ElectronicScrap.razor.rz.scp.css */
.category-page[b-ffg9od53p0] {
    background: var(--color-surface-2);
    color: var(--color-dark-2);
    padding-bottom: 70px;
}

.category-header[b-ffg9od53p0] {
    margin-bottom: 40px;
}

.category-title[b-ffg9od53p0] {
    margin: 0;
    color: var(--color-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.category-title[b-ffg9od53p0]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 12px;
    background: var(--color-brand);
    border-radius: 4px;
}

.category-description[b-ffg9od53p0] {
    max-width: 900px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--color-muted);
}

.material-grid[b-ffg9od53p0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 28px;
}

.category-loading[b-ffg9od53p0] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.category-empty[b-ffg9od53p0] {
    text-align: center;
    padding: 60px;
    border: 1px dashed var(--color-border);
    border-radius: 12px;
    color: var(--color-muted);
    font-size: 16px;
    background: var(--color-surface-2);
}

@media (max-width: 992px) {
    .category-page[b-ffg9od53p0] {
        padding: 0 20px;
    }

    .category-title[b-ffg9od53p0] {
        font-size: 34px;
    }

    .material-grid[b-ffg9od53p0] {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .category-page[b-ffg9od53p0] {
        margin: 24px auto 40px;
    }

    .category-title[b-ffg9od53p0] {
        font-size: 30px;
    }

    .category-description[b-ffg9od53p0] {
        font-size: 15px;
    }

    .material-grid[b-ffg9od53p0] {
        grid-template-columns: 1fr;
    }
}
/* _content/Web/Components/Pages/Public/Materials/FerrousMetals.razor.rz.scp.css */
.category-page[b-8w5y7gqna1] {
    max-width: 90vw;
    margin: 20px auto 50px;
    padding: 0 24px;
}

.category-header[b-8w5y7gqna1] {
    margin-bottom: 40px;
}

.category-title[b-8w5y7gqna1] {
    margin: 0;
    color: var(--color-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.category-title[b-8w5y7gqna1]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 12px;
    background: var(--color-brand);
    border-radius: 4px;
}

.category-description[b-8w5y7gqna1] {
    max-width: 900px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--color-muted);
}

.material-grid[b-8w5y7gqna1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 28px;
}

.category-loading[b-8w5y7gqna1] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.category-empty[b-8w5y7gqna1] {
    text-align: center;
    padding: 60px;
    border: 1px dashed var(--color-border);
    border-radius: 12px;
    color: var(--color-muted);
    font-size: 16px;
    background: var(--color-surface-2);
}

@media (max-width: 992px) {
    .category-page[b-8w5y7gqna1] {
        padding: 0 20px;
    }

    .category-title[b-8w5y7gqna1] {
        font-size: 34px;
    }

    .material-grid[b-8w5y7gqna1] {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .category-page[b-8w5y7gqna1] {
        margin: 24px auto 40px;
    }

    .category-title[b-8w5y7gqna1] {
        font-size: 30px;
    }

    .category-description[b-8w5y7gqna1] {
        font-size: 15px;
    }

    .material-grid[b-8w5y7gqna1] {
        grid-template-columns: 1fr;
    }
}
/* _content/Web/Components/Pages/Public/Materials/Glass.razor.rz.scp.css */
.category-page[b-pmtnjr31as] {
    background: var(--color-surface-2);
    color: var(--color-dark-2);
    padding-bottom: 70px;
}

.category-header[b-pmtnjr31as] {
    margin-bottom: 40px;
}

.category-title[b-pmtnjr31as] {
    margin: 0;
    color: var(--color-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.category-title[b-pmtnjr31as]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 12px;
    background: var(--color-brand);
    border-radius: 4px;
}

.category-description[b-pmtnjr31as] {
    max-width: 900px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--color-muted);
}

.material-grid[b-pmtnjr31as] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 28px;
}

.category-loading[b-pmtnjr31as] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.category-empty[b-pmtnjr31as] {
    text-align: center;
    padding: 60px;
    border: 1px dashed var(--color-border);
    border-radius: 12px;
    color: var(--color-muted);
    font-size: 16px;
    background: var(--color-surface-2);
}

@media (max-width: 992px) {
    .category-page[b-pmtnjr31as] {
        padding: 0 20px;
    }

    .category-title[b-pmtnjr31as] {
        font-size: 34px;
    }

    .material-grid[b-pmtnjr31as] {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .category-page[b-pmtnjr31as] {
        margin: 24px auto 40px;
    }

    .category-title[b-pmtnjr31as] {
        font-size: 30px;
    }

    .category-description[b-pmtnjr31as] {
        font-size: 15px;
    }

    .material-grid[b-pmtnjr31as] {
        grid-template-columns: 1fr;
    }
}
/* _content/Web/Components/Pages/Public/Materials/NonFerrousMetals.razor.rz.scp.css */
.category-page[b-s3ly4732a5] {
    background: var(--color-surface-2);
    color: var(--color-dark-2);
    padding-bottom: 70px;
}

.category-header[b-s3ly4732a5] {
    margin-bottom: 40px;
}

.category-title[b-s3ly4732a5] {
    margin: 0;
    color: var(--color-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.category-title[b-s3ly4732a5]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 12px;
    background: var(--color-brand);
    border-radius: 4px;
}

.category-description[b-s3ly4732a5] {
    max-width: 900px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--color-muted);
}

.material-grid[b-s3ly4732a5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 28px;
}

.category-loading[b-s3ly4732a5] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.category-empty[b-s3ly4732a5] {
    text-align: center;
    padding: 60px;
    border: 1px dashed var(--color-border);
    border-radius: 12px;
    color: var(--color-muted);
    font-size: 16px;
    background: var(--color-surface-2);
}

@media (max-width: 992px) {
    .category-page[b-s3ly4732a5] {
        padding: 0 20px;
    }

    .category-title[b-s3ly4732a5] {
        font-size: 34px;
    }

    .material-grid[b-s3ly4732a5] {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .category-page[b-s3ly4732a5] {
        margin: 24px auto 40px;
    }

    .category-title[b-s3ly4732a5] {
        font-size: 30px;
    }

    .category-description[b-s3ly4732a5] {
        font-size: 15px;
    }

    .material-grid[b-s3ly4732a5] {
        grid-template-columns: 1fr;
    }
}
/* _content/Web/Components/Pages/Public/Materials/Plastic.razor.rz.scp.css */
.category-page[b-wzth31c7r0] {
    background: var(--color-surface-2);
    color: var(--color-dark-2);
    padding-bottom: 70px;
}

.category-header[b-wzth31c7r0] {
    margin-bottom: 40px;
}

.category-title[b-wzth31c7r0] {
    margin: 0;
    color: var(--color-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.category-title[b-wzth31c7r0]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 12px;
    background: var(--color-brand);
    border-radius: 4px;
}

.category-description[b-wzth31c7r0] {
    max-width: 900px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--color-muted);
}

.material-grid[b-wzth31c7r0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 28px;
}

.category-loading[b-wzth31c7r0] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.category-empty[b-wzth31c7r0] {
    text-align: center;
    padding: 60px;
    border: 1px dashed var(--color-border);
    border-radius: 12px;
    color: var(--color-muted);
    font-size: 16px;
    background: var(--color-surface-2);
}

@media (max-width: 992px) {
    .category-page[b-wzth31c7r0] {
        padding: 0 20px;
    }

    .category-title[b-wzth31c7r0] {
        font-size: 34px;
    }

    .material-grid[b-wzth31c7r0] {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .category-page[b-wzth31c7r0] {
        margin: 24px auto 40px;
    }

    .category-title[b-wzth31c7r0] {
        font-size: 30px;
    }

    .category-description[b-wzth31c7r0] {
        font-size: 15px;
    }

    .material-grid[b-wzth31c7r0] {
        grid-template-columns: 1fr;
    }
}
/* _content/Web/Components/Pages/Public/Materials/Radioparts.razor.rz.scp.css */
.radioparts-page[b-eijso100ti] {
    background: var(--color-surface-2);
    color: var(--color-dark-2);
    padding-bottom: 70px;
}

.content-section[b-eijso100ti] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px;
}

.content-section-bordered[b-eijso100ti] {
    border-top: 1px solid var(--color-border);
}

.content-section-header[b-eijso100ti] {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 20px;
    align-items: start;
    margin-bottom: 30px;
}

.section-number[b-eijso100ti] {
    display: block;
    color: var(--color-brand);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.content-section h2[b-eijso100ti],
.types-section h2[b-eijso100ti] {
    margin: 0;

    color: var(--color-ink);
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
}

.content-section-body[b-eijso100ti] {
    max-width: 900px;
    margin-left: 80px;
}

.content-section-body p[b-eijso100ti] {
    margin: 0 0 20px;

    color: var(--color-text);
    font-size: 17px;
    line-height: 1.8;
}

.content-section-body p:last-child[b-eijso100ti] {
    margin-bottom: 0;
}

.price-notice[b-eijso100ti] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 10px;
    display: flex;
    gap: 24px;
}

.price-notice-icon[b-eijso100ti] {
    flex: 0 0 54px;

    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--color-info-soft);
    border: 1px solid var(--color-info-border);
    border-radius: 8px;

    color: var(--color-brand);
    font-size: 20px;
}

.price-notice-content[b-eijso100ti] {
    flex: 1;
    padding: 26px 30px;
    background: #FFFFFF;
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-brand);
    border-radius: 8px;
}

.price-notice-content h3[b-eijso100ti] {
    margin: 0 0 22px;
    color: var(--color-ink);
    font-size: 20px;
}

.price-rules[b-eijso100ti] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.price-rule[b-eijso100ti] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text);
    font-size: 14px;
}

.price-rule-value[b-eijso100ti] {
    color: var(--color-brand);
    font-weight: 700;
    white-space: nowrap;
}

.types-section[b-eijso100ti] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px;
}

.types-section-header[b-eijso100ti] {
    display: grid;
    gap: 20px;
    margin-bottom: 32px;
}

.types-section-header p[b-eijso100ti] {
    max-width: 700px;
    margin: 14px 0 0;
    color: var(--color-muted);
    font-size: 16px;
    line-height: 1.7;
}

.types-grid[b-eijso100ti] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.type-card[b-eijso100ti] {
    min-height: 100px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #FFFFFF;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    transition:
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease;
}

.type-card i[b-eijso100ti] {
    color: var(--color-brand);
    font-size: 20px;
}

.type-card span[b-eijso100ti] {
    color: var(--color-dark-2);
    font-size: 15px;
    font-weight: 600;
}

.type-card:hover[b-eijso100ti] {
    border-color: var(--color-info-border);
    box-shadow: 0 5px 20px rgba(15, 23, 42, .06);
    transform: translateY(-2px);
}

@media (max-width: 900px) {
    .types-grid[b-eijso100ti] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .types-grid[b-eijso100ti] {
        grid-template-columns: 1fr;
    }

    .type-card[b-eijso100ti] {
        min-height: 76px;
        padding: 16px;
    }
}


@media (max-width: 700px) {
    .content-section-header[b-eijso100ti],
    .types-section-header[b-eijso100ti] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .content-section[b-eijso100ti],
    .types-section[b-eijso100ti] {
        padding: 20px;
    }

    .content-section h2[b-eijso100ti],
    .types-section h2[b-eijso100ti] {
        font-size: 26px;
    }
}

.content-section-header > *[b-eijso100ti],
.types-section-header > *[b-eijso100ti] {
    min-width: 0;
}
/* _content/Web/Components/Pages/Public/Materials/RareEarthMetals.razor.rz.scp.css */
.category-page[b-ip67duo0qu] {
    background: var(--color-surface-2);
    color: var(--color-dark-2);
    padding-bottom: 70px;
}

.category-header[b-ip67duo0qu] {
    margin-bottom: 40px;
}

.category-title[b-ip67duo0qu] {
    margin: 0;
    color: var(--color-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.category-title[b-ip67duo0qu]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 12px;
    background: var(--color-brand);
    border-radius: 4px;
}

.category-description[b-ip67duo0qu] {
    max-width: 900px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--color-muted);
}

.material-grid[b-ip67duo0qu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 28px;
}

.category-loading[b-ip67duo0qu] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.category-empty[b-ip67duo0qu] {
    text-align: center;
    padding: 60px;
    border: 1px dashed var(--color-border);
    border-radius: 12px;
    color: var(--color-muted);
    font-size: 16px;
    background: var(--color-surface-2);
}
/* _content/Web/Components/Pages/Public/Materials/WastePaper.razor.rz.scp.css */
.category-page[b-f9azxesev8] {
    background: var(--color-surface-2);
    color: var(--color-dark-2);
    padding-bottom: 70px;
}

.category-header[b-f9azxesev8] {
    margin-bottom: 40px;
}

.category-title[b-f9azxesev8] {
    margin: 0;
    color: var(--color-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

.category-title[b-f9azxesev8]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin-top: 12px;
    background: var(--color-brand);
    border-radius: 4px;
}

.category-description[b-f9azxesev8] {
    max-width: 900px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.8;
    color: var(--color-muted);
}

.material-grid[b-f9azxesev8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 28px;
}

.category-loading[b-f9azxesev8] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.category-empty[b-f9azxesev8] {
    text-align: center;
    padding: 60px;
    border: 1px dashed var(--color-border);
    border-radius: 12px;
    color: var(--color-muted);
    font-size: 16px;
    background: var(--color-surface-2);
}

@media (max-width: 992px) {
    .category-page[b-f9azxesev8] {
        padding: 0 20px;
    }

    .category-title[b-f9azxesev8] {
        font-size: 34px;
    }

    .material-grid[b-f9azxesev8] {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .category-page[b-f9azxesev8] {
        margin: 24px auto 40px;
    }

    .category-title[b-f9azxesev8] {
        font-size: 30px;
    }

    .category-description[b-f9azxesev8] {
        font-size: 15px;
    }

    .material-grid[b-f9azxesev8] {
        grid-template-columns: 1fr;
    }
}
/* _content/Web/Components/Pages/Public/Privacy.razor.rz.scp.css */
.privacy-page[b-8ttidcr6mz] {
    max-width: 820px;
    margin: 0 auto;
}

.privacy-breadcrumb[b-8ttidcr6mz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: var(--space-4);

    color: var(--color-muted);
    font-size: 13px;
}

.privacy-breadcrumb a[b-8ttidcr6mz] {
    color: var(--color-muted);
}

.privacy-page h1[b-8ttidcr6mz] {
    margin-bottom: var(--space-4);
}

.privacy-lead[b-8ttidcr6mz] {
    margin: 0 0 var(--space-6);

    color: var(--color-text);
    font-size: 17px;
    line-height: 1.7;
}

.privacy-page section[b-8ttidcr6mz] {
    margin-bottom: var(--space-5);
}

.privacy-page h2[b-8ttidcr6mz] {
    margin-bottom: var(--space-2);
    font-size: 20px;
}

.privacy-page p[b-8ttidcr6mz],
.privacy-page li[b-8ttidcr6mz] {
    color: var(--color-text);
    font-size: 15px;
    line-height: 1.7;
}

.privacy-page ul[b-8ttidcr6mz] {
    margin: 0;
    padding-left: 20px;
}

.privacy-page a:not(.button)[b-8ttidcr6mz] {
    color: var(--color-brand-hover);
    font-weight: 600;
}

.privacy-page .button[b-8ttidcr6mz] {
    margin-top: var(--space-3);
}
/* _content/Web/Components/Pages/Public/Reviews.razor.rz.scp.css */
.reviews-page[b-2rohh453jx] {
    max-width: var(--container-width);
    margin: 0 auto;
}

.reviews-hero[b-2rohh453jx] {
    padding: var(--space-9) var(--space-7);
    border-radius: var(--radius-lg);
    color: #fff;
    background:
        radial-gradient(circle at 85% 15%, rgba(82, 196, 26, .22), transparent 45%),
        var(--color-dark);
}

.reviews-hero-content[b-2rohh453jx] {
    max-width: 760px;
}

.reviews-kicker[b-2rohh453jx] {
    display: inline-block;
    margin-bottom: var(--space-3);

    color: var(--color-brand-strong);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.reviews-hero h1[b-2rohh453jx] {
    margin: 0 0 var(--space-4);
    color: #fff;
    font-size: clamp(30px, 4vw, 46px);
}

.reviews-hero p[b-2rohh453jx] {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 17px;
    line-height: 1.65;
}

.reviews-list[b-2rohh453jx] {
    margin-top: var(--space-7);
}

.reviews-grid[b-2rohh453jx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--space-4);
}

.review-card[b-2rohh453jx] {
    padding: var(--space-5);

    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);

    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.review-card-head[b-2rohh453jx] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.review-avatar[b-2rohh453jx] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;

    width: 42px;
    height: 42px;

    border-radius: 50%;

    background: var(--color-brand-soft);
    color: var(--color-brand-hover);

    font-size: 13px;
    font-weight: 700;
}

.review-card-head strong[b-2rohh453jx] {
    display: block;
    color: var(--color-ink);
    font-size: 14px;
}

.review-card-head span[b-2rohh453jx] {
    color: var(--color-muted);
    font-size: 13px;
}

.review-stars[b-2rohh453jx] {
    margin-left: auto;
    color: var(--color-border-strong);
    font-size: 14px;
    letter-spacing: 1px;
    white-space: nowrap;
}

.review-stars .filled[b-2rohh453jx] {
    color: #f5a623;
}

.review-text[b-2rohh453jx] {
    margin: var(--space-4) 0 0;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.65;
    white-space: pre-line;
}

.reviews-loading[b-2rohh453jx], .reviews-empty[b-2rohh453jx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);

    min-height: 260px;
    padding: var(--space-6);

    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-lg);

    background: rgba(255, 255, 255, .6);

    color: var(--color-muted);
    text-align: center;
}

.reviews-loading[b-2rohh453jx] {
    flex-direction: row;
}

.reviews-empty h2[b-2rohh453jx] {
    margin: 0;
    font-size: 20px;
}

.reviews-empty p[b-2rohh453jx] {
    margin: 0;
    font-size: 14px;
}

.reviews-empty-icon[b-2rohh453jx] {
    display: grid;
    place-items: center;

    width: 56px;
    height: 56px;

    border-radius: var(--radius-lg);

    background: var(--color-brand-soft);
    color: var(--color-brand-strong);

    font-size: 28px;
}

.reviews-form-section[b-2rohh453jx] {
    margin-top: var(--space-8);
    padding: var(--space-7);

    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);

    background: var(--color-surface);
}

.reviews-form-intro[b-2rohh453jx] {
    margin-bottom: var(--space-5);
}

.reviews-form-intro h2[b-2rohh453jx] {
    margin: 0 0 6px;
}

.reviews-form-intro p[b-2rohh453jx] {
    margin: 0;
    color: var(--color-muted);
    font-size: 14px;
}

.reviews-form[b-2rohh453jx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.reviews-form-grid[b-2rohh453jx] {
    display: grid;
    grid-template-columns: 1fr 1fr 190px;
    gap: var(--space-4);
}

.review-field[b-2rohh453jx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.review-field > span[b-2rohh453jx] {
    color: var(--color-text);
    font-size: 13px;
    font-weight: 600;
}

.review-field textarea[b-2rohh453jx] {
    min-height: 130px;
    resize: vertical;
}

.reviews-form-footer[b-2rohh453jx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.reviews-form-note[b-2rohh453jx] {
    color: var(--color-muted);
    font-size: 13px;
}

.reviews-success[b-2rohh453jx] {
    display: flex;
    align-items: center;
    gap: var(--space-4);

    padding: var(--space-5);

    border: 1px solid var(--color-success-border);
    border-radius: var(--radius-md);

    background: var(--color-success-soft);
    color: var(--color-success);
}

.reviews-success-icon[b-2rohh453jx] {
    display: grid;
    place-items: center;

    width: 40px;
    height: 40px;

    border-radius: 50%;

    background: var(--color-success);
    color: #fff;

    font-size: 18px;
}

.reviews-success strong[b-2rohh453jx], .reviews-success span[b-2rohh453jx] {
    display: block;
}

.reviews-success span[b-2rohh453jx] {
    margin-top: 2px;
    font-size: 13px;
    opacity: .85;
}

@media (max-width: 900px) {
    .reviews-form-grid[b-2rohh453jx] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .reviews-hero[b-2rohh453jx] {
        padding: var(--space-7) var(--space-5);
    }

    .reviews-form-section[b-2rohh453jx] {
        padding: var(--space-5);
    }

    .reviews-form-grid[b-2rohh453jx] {
        grid-template-columns: 1fr;
    }

    .reviews-form-footer[b-2rohh453jx] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/Web/Components/Shared/CategoryTitle.razor.rz.scp.css */
.category-section[b-jcq5unv2br] {
    background: var(--color-dark);
    padding: 50px 30px;
    border-bottom: 1px solid var(--color-text);
    border-radius: 10px;
}

.category-title-content[b-jcq5unv2br] {
    max-width: 1200px;
    margin: 0 auto;
}

.category-label[b-jcq5unv2br] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    color: var(--color-brand);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.category-title[b-jcq5unv2br] {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-size: 52px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -1px;
}

.category-description[b-jcq5unv2br] {
    max-width: 820px;
    margin: 28px 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: 19px;
    line-height: 1.7;
}

.category-title-buttons[b-jcq5unv2br] {
    margin-top: 36px;
}

@media (max-width: 700px) {
    .category-section[b-jcq5unv2br] {
        padding: 36px 20px;
    }

    .category-title[b-jcq5unv2br] {
        font-size: 34px;
    }

    .category-description[b-jcq5unv2br] {
        font-size: 16px;
    }

    .category-title-buttons[b-jcq5unv2br] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/Web/Components/Shared/GeneralFooter.razor.rz.scp.css */
.footer[b-84g9iielj8] {
    margin-top: var(--space-8);
    padding: var(--space-8) var(--space-7) var(--space-5);
    color: #cbd5e1;
    background:
        radial-gradient(circle at 10% 0%, rgba(82, 196, 26, .12), transparent 34%),
        var(--color-dark);
}

.footer-container[b-84g9iielj8] {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.2fr 1.4fr 1fr 1.2fr;
    gap: var(--space-7);
}

.footer-brand p[b-84g9iielj8] {
    max-width: 300px;
    margin: var(--space-3) 0 0;

    color: var(--color-subtle);
    font-size: 13px;
    line-height: 1.65;
}

.footer-logo[b-84g9iielj8] {
    display: inline-flex;

    color: #fff;

    font-family: var(--font-heading);
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.02em;
    text-decoration: none;
}

.footer-logo:hover[b-84g9iielj8] {
    color: var(--color-brand);
}

.footer-title[b-84g9iielj8] {
    margin: 0 0 var(--space-3);

    color: #fff;
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.footer-list[b-84g9iielj8] {
    display: flex;
    flex-direction: column;
    gap: 8px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.footer-list-columns[b-84g9iielj8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
}

.footer-link[b-84g9iielj8], .footer-top-link[b-84g9iielj8] {
    color: #cbd5e1;
    font-size: 13px;
    text-decoration: underline;
    text-decoration-color: rgba(82, 196, 26, .45);
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;

    transition:
        color var(--transition-fast),
        text-decoration-color var(--transition-fast);
}

.footer-link:hover[b-84g9iielj8],
.footer-link:focus-visible[b-84g9iielj8],
.footer-top-link:hover[b-84g9iielj8],
.footer-top-link:focus-visible[b-84g9iielj8] {
    color: var(--color-brand);
    text-decoration-color: var(--color-brand);
}

.footer-contacts[b-84g9iielj8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-contact[b-84g9iielj8], .footer-address[b-84g9iielj8] {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin: 0;

    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
}

.footer-contact[b-84g9iielj8] {
    transition: color var(--transition-fast);
}

.footer-contact:hover[b-84g9iielj8], .footer-contact:focus-visible[b-84g9iielj8] {
    color: var(--color-brand);
}

.footer-contact i[b-84g9iielj8], .footer-address i[b-84g9iielj8] {
    width: 16px;
    margin-top: 3px;

    color: var(--color-brand);
    text-align: center;
}

.footer-address[b-84g9iielj8] {
    color: var(--color-subtle);
}

.footer-bottom[b-84g9iielj8] {
    width: 100%;
    max-width: var(--container-width);

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);

    margin: var(--space-7) auto 0;
    padding-top: var(--space-4);

    border-top: 1px solid rgba(255, 255, 255, .1);

    color: var(--color-subtle);
    font-size: 13px;
}

@media (max-width: 900px) {
    .footer-container[b-84g9iielj8] {
        grid-template-columns: 1fr 1fr;
    }

    .footer-brand[b-84g9iielj8] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .footer[b-84g9iielj8] {
        padding: var(--space-6) var(--space-4) var(--space-4);
    }

    .footer-container[b-84g9iielj8] {
        grid-template-columns: 1fr;
        gap: var(--space-5);
    }

    .footer-bottom[b-84g9iielj8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
/* _content/Web/Components/Shared/GeneralHeader.razor.rz.scp.css */
header .ant-menu-horizontal[b-a4eqytvcrv] {
    border-bottom: none;
}
/* _content/Web/Components/Shared/GridMaterials.razor.rz.scp.css */
.materials-section[b-onp8zqfke7] {
    margin-top: 20px;
    padding: 28px;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);

    background: var(--color-bg);
}

.catalog-toolbar[b-onp8zqfke7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-4);

    margin-bottom: var(--space-5);
}

.catalog-summary[b-onp8zqfke7] {
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.5;
}

.catalog-summary strong[b-onp8zqfke7] {
    color: var(--color-ink);
    font-family: var(--font-heading);
    font-weight: 700;
}

.catalog-updated[b-onp8zqfke7] {
    color: var(--color-muted);
    font-size: 13px;
}

.catalog-controls[b-onp8zqfke7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.catalog-search[b-onp8zqfke7] {
    position: relative;

    display: flex;
    align-items: center;

    min-width: 230px;
}

.catalog-search i[b-onp8zqfke7] {
    position: absolute;
    left: 12px;

    color: var(--color-muted);
    font-size: 13px;

    pointer-events: none;
}

.catalog-search input[b-onp8zqfke7], .catalog-sort select[b-onp8zqfke7] {
    width: 100%;
    min-height: var(--control-height);
    padding: 0 12px;

    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);

    background: var(--color-surface);
    color: var(--color-ink);

    font-size: 14px;
}

.catalog-search input[b-onp8zqfke7] {
    padding-left: 34px;
}

.catalog-search input:focus[b-onp8zqfke7], .catalog-sort select:focus[b-onp8zqfke7] {
    border-color: var(--color-brand-strong);
    outline: 2px solid var(--color-brand-ring);
    outline-offset: 1px;
}

.catalog-sort select[b-onp8zqfke7] {
    cursor: pointer;
}

.catalog-groups[b-onp8zqfke7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin: 0 0 var(--space-5);
}

.catalog-group-chip[b-onp8zqfke7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    min-height: 38px;
    padding: 0 14px;

    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-full);

    background: var(--color-surface);
    color: var(--color-text);

    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    cursor: pointer;

    transition:
        border-color var(--transition-fast),
        color var(--transition-fast),
        background var(--transition-fast);
}

.catalog-group-chip span[b-onp8zqfke7] {
    color: var(--color-muted);
    font-size: 13px;
    font-weight: 500;
}

.catalog-group-chip:hover[b-onp8zqfke7] {
    border-color: var(--color-brand-strong);
    color: var(--color-brand-hover);
}

.catalog-group-chip.active[b-onp8zqfke7] {
    border-color: var(--color-brand);
    background: var(--color-brand-soft);
    color: var(--color-brand-hover);
}

.catalog-group-chip.active span[b-onp8zqfke7] {
    color: var(--color-brand-hover);
}

.catalog-group-chip:disabled[b-onp8zqfke7] {
    cursor: default;
    opacity: .5;
}

.materials-grid[b-onp8zqfke7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 22px;
}

.catalog-empty[b-onp8zqfke7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);

    padding: var(--space-7) var(--space-4);

    color: var(--color-text);
    text-align: center;
}

.catalog-empty p[b-onp8zqfke7] {
    margin: 0;
}

@media (max-width: 768px) {
    .materials-section[b-onp8zqfke7] {
        padding: 20px;
    }

    .catalog-toolbar[b-onp8zqfke7] {
        align-items: stretch;
        flex-direction: column;
        gap: var(--space-3);
    }

    .catalog-controls[b-onp8zqfke7] {
        align-items: stretch;
        flex-direction: column;
    }

    .catalog-search[b-onp8zqfke7] {
        min-width: 0;
    }

    .materials-grid[b-onp8zqfke7] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
/* _content/Web/Components/Shared/LeadForm.razor.rz.scp.css */
.lead-card[b-xopljrql5b] {
    padding: var(--space-6);

    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);

    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.lead-goals[b-xopljrql5b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;

    margin-bottom: var(--space-5);
    padding: 5px;

    border-radius: var(--radius-md);

    background: var(--color-surface-3);
}

.lead-goal[b-xopljrql5b] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 44px;
    padding: 0 12px;

    border: 0;
    border-radius: var(--radius-sm);

    background: transparent;
    color: var(--color-text);

    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    cursor: pointer;

    transition:
        background var(--transition-fast),
        color var(--transition-fast),
        box-shadow var(--transition-fast);
}

.lead-goal i[b-xopljrql5b] {
    color: var(--color-muted);
    font-size: 14px;
}

.lead-goal:hover[b-xopljrql5b] {
    color: var(--color-brand-hover);
}

.lead-goal.active[b-xopljrql5b] {
    background: var(--color-surface);
    color: var(--color-brand-hover);
    box-shadow: var(--shadow-xs);
}

.lead-goal.active i[b-xopljrql5b] {
    color: var(--color-brand-strong);
}

.lead-form[b-xopljrql5b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.lead-grid[b-xopljrql5b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.lead-field[b-xopljrql5b] {
    display: flex;
    flex-direction: column;
    gap: 6px;

    min-width: 0;
}

.lead-field.lead-wide[b-xopljrql5b] {
    grid-column: 1 / -1;
}

.lead-field > span[b-xopljrql5b] {
    color: var(--color-text);
    font-size: 13px;
    font-weight: 600;
}

.lead-field em[b-xopljrql5b] {
    color: var(--color-danger);
    font-style: normal;
}

.lead-field small[b-xopljrql5b] {
    color: var(--color-muted);
    font-size: 13px;
    font-weight: 400;
}

.lead-field input[b-xopljrql5b], .lead-field textarea[b-xopljrql5b] {
    width: 100%;
    min-height: var(--control-height);
    padding: 10px 12px;

    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-sm);

    background: var(--color-surface);
    color: var(--color-ink);

    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
}

.lead-field textarea[b-xopljrql5b] {
    min-height: 104px;
    resize: vertical;
}

.lead-field input:focus[b-xopljrql5b], .lead-field textarea:focus[b-xopljrql5b] {
    border-color: var(--color-brand-strong);
    outline: 2px solid var(--color-brand-ring);
    outline-offset: 1px;
}

.lead-error[b-xopljrql5b] {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    padding: 12px 14px;

    border: 1px solid var(--color-danger-border);
    border-radius: var(--radius-sm);

    background: var(--color-danger-soft);
    color: var(--color-danger);

    font-size: 14px;
    line-height: 1.5;
}

.lead-footer[b-xopljrql5b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);

    flex-wrap: wrap;
}

.lead-consent[b-xopljrql5b] {
    max-width: 440px;
    margin: 0;

    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.55;
}

.lead-consent a[b-xopljrql5b] {
    color: var(--color-brand-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.lead-submit[b-xopljrql5b] {
    min-height: 46px;
    padding: 0 22px;
}

.lead-alt[b-xopljrql5b] {
    margin: 0;

    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.6;
}

.lead-alt a[b-xopljrql5b] {
    color: var(--color-text);
    font-weight: 600;
    text-decoration: none;
}

.lead-alt a:hover[b-xopljrql5b],
.lead-alt a:focus-visible[b-xopljrql5b] {
    color: var(--color-brand-hover);
    text-decoration: underline;
}

.lead-alt span[b-xopljrql5b] {
    padding: 0 4px;
    color: var(--color-muted);
}

.lead-success[b-xopljrql5b] {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    padding: var(--space-5);

    border: 1px solid var(--color-brand);
    border-radius: var(--radius-md);

    background: var(--color-brand-soft);
}

.lead-success-icon[b-xopljrql5b] {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    border-radius: 50%;

    background: var(--color-brand);
    color: #fff;

    font-size: 16px;
}

.lead-success strong[b-xopljrql5b] {
    display: block;

    margin-bottom: 4px;

    color: var(--color-ink);
    font-size: 16px;
}

.lead-success p[b-xopljrql5b] {
    margin: 0 0 6px;

    color: var(--color-text);
    font-size: 14px;
    line-height: 1.6;
}

.lead-success small[b-xopljrql5b] {
    display: block;

    color: var(--color-muted);
    font-size: 13px;
    line-height: 1.55;
}

.lead-again[b-xopljrql5b] {
    margin-top: var(--space-4);
}

@media (max-width: 640px) {
    .lead-card[b-xopljrql5b] {
        padding: var(--space-4);
    }

    .lead-goals[b-xopljrql5b] {
        grid-template-columns: 1fr;
    }

    .lead-goal[b-xopljrql5b] {
        justify-content: flex-start;
    }

    .lead-grid[b-xopljrql5b] {
        grid-template-columns: 1fr;
    }

    .lead-footer[b-xopljrql5b] {
        align-items: stretch;
        flex-direction: column;
    }

    .lead-submit[b-xopljrql5b] {
        width: 100%;
    }
}
/* _content/Web/Components/Shared/MaterialCard.razor.rz.scp.css */
.material-card[b-jj9xfg8v29] {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    overflow: hidden;

    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);

    background: var(--color-surface);
    box-shadow: var(--shadow-xs);

    transition:
        box-shadow var(--transition-base),
        transform var(--transition-base),
        border-color var(--transition-base);

    cursor: pointer;
}

.material-card:hover[b-jj9xfg8v29] {
    border-color: var(--color-border-strong);
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}

.material-card:focus-visible[b-jj9xfg8v29] {
    outline: 2px solid var(--color-brand-strong);
    outline-offset: 3px;
}

.material-card-media[b-jj9xfg8v29] {
    position: relative;

    aspect-ratio: 4 / 3;
    overflow: hidden;

    background: var(--color-surface-3);
}

.material-card-media img[b-jj9xfg8v29] {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform var(--transition-base);
}

.material-card:hover .material-card-media img[b-jj9xfg8v29] {
    transform: scale(1.03);
}

.material-card-placeholder[b-jj9xfg8v29] {
    display: grid;
    place-items: center;

    width: 100%;
    height: 100%;

    color: var(--color-subtle);
    font-size: 34px;
}

.material-card-body[b-jj9xfg8v29] {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 16px 18px 18px;
}

.material-card h4[b-jj9xfg8v29] {
    margin: 0;
    color: var(--color-ink);

    font-family: var(--font-heading);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.01em;
}

.material-card-price[b-jj9xfg8v29] {
    margin-top: 10px;

    color: var(--color-brand-hover);
    font-family: var(--font-heading);
    font-size: 23px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.material-card-link[b-jj9xfg8v29] {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-top: auto;
    padding-top: 14px;

    color: var(--color-muted);
    font-size: 13px;
    font-weight: 600;
}

.material-card-link i[b-jj9xfg8v29] {
    font-size: 10px;
    transition: transform var(--transition-fast);
}

.material-card:hover .material-card-link[b-jj9xfg8v29] {
    color: var(--color-brand-hover);
}

.material-card:hover .material-card-link i[b-jj9xfg8v29] {
    transform: translateX(3px);
}

.material-card h4 strong[b-jj9xfg8v29] {
    color: var(--color-ink);
    font-weight: 800;
}
/* _content/Web/Components/Shared/Topbar.razor.rz.scp.css */
.topbar[b-0aj5wmwor6] {
    background: var(--color-dark);
    color: var(--color-subtle);
    padding: 10px 28px;
    font-size: 16px;
}

.topbar-inner[b-0aj5wmwor6] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
}

.topbar-logo[b-0aj5wmwor6] {
    flex: 0 0 auto;
}

.logo-link[b-0aj5wmwor6] {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.logo-image[b-0aj5wmwor6] {
    height: 62px;
}

.topbar-info[b-0aj5wmwor6] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.topbar-item[b-0aj5wmwor6] {
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
}

.topbar-link[b-0aj5wmwor6] {
    border-radius: var(--radius-sm);
    color: inherit;
    text-decoration: none;
    transition:
        color var(--transition-fast),
        background var(--transition-fast);
}

.topbar-link:hover[b-0aj5wmwor6], .topbar-link:focus-visible[b-0aj5wmwor6] {
    background: rgba(255, 255, 255, .07);
    color: var(--color-brand);
}

.topbar-link:hover .topbar-icon[b-0aj5wmwor6], .topbar-link:focus-visible .topbar-icon[b-0aj5wmwor6] {
    color: var(--color-brand);
}

.topbar-cta[b-0aj5wmwor6] {
    min-height: 44px;
    padding: 0 18px;
    box-shadow: 0 6px 18px rgba(58, 125, 22, .24);
}

.topbar-cta i[b-0aj5wmwor6] {
    font-size: 12px;
    transition: transform var(--transition-fast);
}

.topbar-cta:hover i[b-0aj5wmwor6] {
    transform: translateX(2px);
}

.topbar-icon[b-0aj5wmwor6] {
    color: var(--color-brand);
    padding-right: 3px;
}

.fa-solid.fa-phone[b-0aj5wmwor6] {
    font-size: 16px;
}

.fa-solid.fa-envelope[b-0aj5wmwor6] {
    font-size: 17px;
}

.fa-regular.fa-clock[b-0aj5wmwor6] {
    font-size: 16px;
}

.topbar-action[b-0aj5wmwor6] {
    flex: 0 0 auto;
    margin-left: auto;
}

@media (max-width: 992px) {
    .topbar[b-0aj5wmwor6] {
        padding: 8px 16px;
    }

    .topbar-info[b-0aj5wmwor6] {
        gap: 8px;
    }

    .topbar-item[b-0aj5wmwor6] {
        padding: 0 8px;
        font-size: 13px;
    }

    .logo-image[b-0aj5wmwor6] {
        height: 54px;
    }
}

@media (max-width: 768px) {
    .topbar[b-0aj5wmwor6] {
        padding: 8px 12px;
    }

    .topbar-inner[b-0aj5wmwor6] {
        flex-wrap: wrap;
        align-items: center;
        gap: 6px 12px;
    }

    .topbar-logo[b-0aj5wmwor6] {
        order: 1;
    }

    .topbar-action[b-0aj5wmwor6] {
        order: 2;
        margin-left: auto;
    }

    .topbar-info[b-0aj5wmwor6] {
        order: 3;

        flex: 0 0 100%;
        width: 100%;

        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px 8px;
    }

    .topbar-item[b-0aj5wmwor6] {
        min-height: 30px;
        padding: 0 6px;
        font-size: 13px;
    }

    .topbar-cta[b-0aj5wmwor6] {
        min-height: 40px;
        padding: 0 14px;
        font-size: 13px;
    }

    .logo-image[b-0aj5wmwor6] {
        height: 48px;
    }
}

@media (max-width: 430px) {
    .logo-image[b-0aj5wmwor6] {
        height: 40px;
    }

    .topbar-cta[b-0aj5wmwor6] {
        min-height: 38px;
        padding: 0 12px;
        font-size: 12.5px;
    }
}

@media (max-width: 600px) {
    .topbar-email[b-0aj5wmwor6],
    .topbar-hours[b-0aj5wmwor6] {
        display: none;
    }

    .topbar-info[b-0aj5wmwor6] {
        justify-content: flex-start;
    }

    .topbar-action[b-0aj5wmwor6] {
        margin-left: auto;
    }
}

@media (max-width: 360px) {
    .topbar[b-0aj5wmwor6] {
        padding: 6px 10px;
    }

    .logo-image[b-0aj5wmwor6] {
        height: 34px;
    }

    .topbar-cta[b-0aj5wmwor6] {
        min-height: 36px;
        padding: 0 10px;
        font-size: 12px;
    }

    .topbar-cta i[b-0aj5wmwor6] {
        display: none;
    }
}