/**
 * Поверхности: серые подложки без рамки + выборочные обводки.
 * Подключён после megazhest.css.
 */
:root {
    --mz-border: #d8dce3;
    --mz-surface-muted: #f4f5f7;
    --mz-input-border: #d8dce3;
}

/* —— Серые подложки (без border) —— */

.mz-categories-preview {
    padding: 32px 0 40px;
    background: var(--mz-surface-muted);
}

.mz-categories-preview--catalog {
    margin-bottom: var(--mz-page-end-gap);
}

.mz-categories-preview .mz-cat-tile,
.mz-cat-page [data-cat-subcategories] .mz-cat-tile {
    border: none;
    background: #fff;
}

.mz-cat-page [data-cat-subcategories],
.mz-cat-page [data-cat-tags] {
    padding: 18px 20px 20px;
    background: var(--mz-surface-muted);
}

.mz-cat-page .mz-tag {
    border: none;
    background: #fff;
}

.mz-cat-page .mz-tag.is-active {
    background: var(--mz-primary);
    color: #fff;
}

.mz-filters--cat {
    background: var(--mz-surface-muted);
    border: none;
    min-width: 0;
    max-width: 100%;
}

.mz-trust-tile,
.mz-trust-preview,
.mz-bestsellers__card {
    border: none !important;
    background: var(--mz-surface-muted);
}

.mz-trust-tile__icon {
    border: none !important;
    background: #fff;
}

.mz-review-card {
    border: none !important;
    background: var(--mz-surface-muted);
}

.mz-news-card {
    border: none !important;
    background: #fff;
}

/* —— Обводка, где логично —— */

.mz-home-link-card {
    border: 1px solid var(--mz-border) !important;
    background: #fff;
}

.mz-faq-item,
.mz-cat-page .mz-faq__item {
    border: 1px solid var(--mz-border) !important;
    background: #fff;
}

/* —— Hover на «плоских» карточках —— */

.mz-categories-preview .mz-cat-tile:hover,
.mz-cat-page [data-cat-subcategories] .mz-cat-tile:hover,
.mz-cat-page .mz-tag:hover,
.mz-trust-tile:hover,
a.mz-trust-tile:hover,
.mz-bestsellers__card:hover,
.mz-review-card:hover,
.mz-news-card:hover {
    box-shadow: 0 6px 18px rgba(26, 31, 46, 0.08);
}

.mz-home-link-card:hover {
    border-color: var(--mz-primary) !important;
    box-shadow: 0 4px 14px rgba(26, 31, 46, 0.06);
}

/* Поля ввода и кнопки-контуры */
.mz-main input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not([type='submit']):not([type='button']):not([type='image']),
.mz-main textarea,
.mz-main select,
.mz-footer input:not([type='checkbox']):not([type='radio']):not([type='hidden']),
.mz-footer textarea,
.mz-footer select {
    border-color: var(--mz-input-border);
    border-width: 1px;
    border-style: solid;
}

.mz-main .mz-btn--outline.mz-btn--block,
.mz-main .mz-product__price-range .mz-btn--outline,
.mz-main .mz-btn--outline-cat,
.mz-error-404 .mz-btn--outline {
    border: 1px solid var(--mz-primary);
}

.mz-hero .mz-btn--outline,
.mz-hero--home .mz-hero__actions .mz-btn--outline {
    border: 1px solid rgba(255, 255, 255, 0.9);
}

.mz-main .mz-gallery__thumb.is-active,
.mz-main .mz-gallery__thumb:hover {
    border: 2px solid var(--mz-primary);
}

.mz-main .mz-alert--success { border: 1px solid #a5d6a7; }
.mz-main .mz-alert--error { border: 1px solid #ef9a9a; }
.mz-main .mz-alert--info { border: 1px solid #90caf9; }
.mz-main .mz-badge--gold { border: 1px solid #fcd34d; }
.mz-main .mz-badge--premium { border: 1px solid #93c5fd; }

.mz-main .mz-news-scroller {
    scrollbar-color: var(--mz-input-border) transparent;
}

.mz-main .mz-news-scroller::-webkit-scrollbar-thumb {
    background: var(--mz-input-border);
}