.page {
    color-scheme: dark;
    --filters-border: #6e746f;
}

body.catalog-dark-page {
    background: #121416 !important;
}

body.catalog-dark-page main.catalog-main,
body.catalog-dark-page main.catalog-main--search,
body.catalog-dark-page main.catalog-main--search-view {
    background: #121416;
}

body.catalog-dark-page .header,
body.catalog-dark-page .footer {
    background: #fff !important;
}

body.catalog-dark-page .header .header__navigation a,
body.catalog-dark-page .header .header-call__phone {
    color: #222 !important;
}

.page {
    background: #121416;
    color: #e8edf6;
}

body.catalog-dark-page .page {
    background: transparent;
}

.page * {
    box-sizing: border-box;
}

.page h1,
.page .total,
.page .results-head,
.page .card-title,
.page .card-price,
.page .page-btn,
.page .page-dots,
.page .empty {
    color: #e8edf6;
}

.page .sidebar {
    background: #1a1e24;
    border-color: var(--filters-border);
}

.page .sidebar-body,
.page .filters,
.page .filters-scroll {
    background: #1a1e24;
}

.page .sidebar-head,
.page .actions {
    border-color: var(--filters-border);
    background: #1a1e24;
}

.page .filters label {
    color: #aab4c5;
}

.page .sort-form {
    color: #aab4c5;
}

.page .sort-form select {
    background-color: #141922;
    color: #e8edf6;
    border-color: #31394a;
    background-image:
        linear-gradient(45deg, transparent 50%, #b8c7de 50%),
        linear-gradient(135deg, #b8c7de 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 2px),
        calc(100% - 12px) calc(50% - 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.page .filters input,
.page .filters select,
.page .select-search,
.page .checkbox-list {
    background: #141922;
    color: #e8edf6;
    border-color: var(--filters-border);
}

@media (max-width: 1024px) {
    body.filters-open .page .sidebar {
        background: #1a1e24;
        border-color: #2c3340;
    }
    body.filters-open .page .sidebar-body {
        background: #1a1e24;
    }
}

.page .filters-scroll,
.page .checkbox-list {
    scrollbar-color: #68758c transparent;
}

.page .filters-scroll::-webkit-scrollbar-thumb,
.page .checkbox-list::-webkit-scrollbar-thumb {
    background: #68758c;
    border: 1px solid rgba(0, 0, 0, .35);
}

.page .filters-scroll::-webkit-scrollbar-thumb:hover,
.page .checkbox-list::-webkit-scrollbar-thumb:hover {
    background: #7a8aa4;
}

.page .select-search::placeholder,
.page .filters input::placeholder {
    color: #8390a6;
}

.page .checkbox-list {
    background: #141922;
}

.page .checkbox-item {
    border-bottom-color: var(--filters-border);
    color: #d7deea;
}

.page .checkbox-item.active {
    background: #1d2b22;
}

.page .top-make-btn {
    background: #141922;
    border-color: var(--filters-border);
    color: #dce5f6;
}

.page .top-make-btn.active {
    background: #1f3a2a;
    border-color: #3f7d56;
    color: #b9ebcc;
}

.page .card {
    background: #1a1f27;
    border-color: #2e3541;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
}

.page .card img {
    background: #151a21;
}
.page .card-media-placeholder {
    background: #151a21;
    color: #7f8ba0;
}

.page .card-body,
.page .card-meta,
.page .spec,
.page .specs {
    color: #cfd8e6;
}

.page .spec-icon {
    color: #8ea5c5;
    opacity: 1;
}

.page .card-actions .btn,
.page .btn {
    background: #141922;
    border-color: #465267;
    color: #e8edf6;
}

.page .card-actions .btn.primary,
.page .btn.primary {
    background: #2ca24a;
    border-color: #2ca24a;
    color: #fff;
}

.page .actions .btn:hover,
.page .card-actions .btn:hover {
    background: #243246;
    border-color: #8fa8cb;
    color: #f3f7ff;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .45), 0 0 0 1px rgba(143, 168, 203, .22);
    transform: translateY(-2px);
}

.page .actions .btn.primary:hover,
.page .card-actions .btn.primary:hover {
    background: #31b554;
    border-color: #31b554;
    color: #fff;
    box-shadow: 0 12px 24px rgba(49, 181, 84, .35);
    transform: translateY(-2px);
}

.page .actions .btn:active,
.page .card-actions .btn:active {
    background: #131a25;
}

.page .actions .btn.primary:active,
.page .card-actions .btn.primary:active {
    background: #227f3b;
    border-color: #227f3b;
}

.page .actions .btn:focus-visible,
.page .card-actions .btn:focus-visible {
    outline: 2px solid #7ea5ff;
    outline-offset: 2px;
}

.page .pagination .page-btn,
.page .pagination .page-dots {
    background: #161b23;
    border-color: #3a4457;
    color: #e8edf6;
}

.page .page-btn.current {
    background: #222a36;
}

.page .page-btn.disabled {
    background: #252a34;
    border-color: #2c3340;
    color: #7d8799;
}

.page .empty {
    background: #1a1f27;
    border-color: #2e3541;
}

.page .lead-modal__dialog {
    background: #171c24;
    border-color: #2f3745;
}

.page .lead-modal__title,
.page .lead-form label,
.page .lead-thanks-text {
    color: #e8edf6;
}

.page .lead-form input {
    background: #121821;
    color: #e8edf6;
    border-color: #394356;
}

.page .lead-form input::placeholder {
    color: #7f8ba2;
}

.page .lead-modal__close {
    background: #121821;
    color: #e8edf6;
    border-color: #394356;
}