/* =========================================================
   DIANAPARTS — BOTTOM SITE THEME
   Низ сайта в стиле hero-блока
   ========================================================= */

/* общий фон страницы */
body {
    background: linear-gradient(180deg, #06101d 0%, #08182b 28%, #0a1d34 60%, #081424 100%) !important;
    color: #ffffff;
}

/* hero не трогаем */
.hero,
.hero-section,
.home-hero,
.main-hero {
    position: relative;
    z-index: 2;
}

/* все нижние секции */
main section:not(.hero):not(.hero-section):not(.home-hero):not(.main-hero),
.popular-categories,
.categories-section,
.features-section,
.advantages-section,
.benefits-section,
.vin-section,
.quick-order-section,
.home-info,
.home-benefits,
.home-categories,
.catalog-preview,
.site-footer,
footer {
    background: transparent !important;
    color: #ffffff !important;
}

/* контейнеры нижней части */
main section:not(.hero):not(.hero-section),
.popular-categories,
.categories-section,
.features-section,
.advantages-section,
.benefits-section,
.vin-section,
.quick-order-section,
.home-info,
.home-benefits,
.home-categories {
    position: relative;
}

main section:not(.hero):not(.hero-section)::before,
.popular-categories::before,
.categories-section::before,
.features-section::before,
.advantages-section::before,
.benefits-section::before,
.vin-section::before,
.quick-order-section::before,
.home-info::before,
.home-benefits::before,
.home-categories::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(4,13,24,0.96) 0%, rgba(7,23,42,0.96) 100%);
    z-index: 0;
    pointer-events: none;
}

main section:not(.hero):not(.hero-section) > *,
.popular-categories > *,
.categories-section > *,
.features-section > *,
.advantages-section > *,
.benefits-section > *,
.vin-section > *,
.quick-order-section > *,
.home-info > *,
.home-benefits > *,
.home-categories > * {
    position: relative;
    z-index: 1;
}

/* заголовки */
h2,
h3,
.section-title,
.block-title,
.home-section-title,
.popular-title {
    color: #ffffff !important;
}

/* подзаголовки и обычный текст */
p,
.section-subtitle,
.muted,
.small-text,
.feature-text,
.advantage-text,
.benefit-text {
    color: #c9d7ea !important;
}

/* карточки категорий */
.category-card,
.category-item,
.popular-category-card,
.catalog-category-card,
.categories-grid > a,
.categories-grid > div,
.category-grid > a,
.category-grid > div {
    background: linear-gradient(180deg, rgba(11,27,48,0.95) 0%, rgba(8,20,37,0.98) 100%) !important;
    border: 1px solid rgba(255, 208, 51, 0.18) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,0.35) !important;
    border-radius: 20px !important;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.category-card:hover,
.category-item:hover,
.popular-category-card:hover,
.catalog-category-card:hover,
.categories-grid > a:hover,
.categories-grid > div:hover,
.category-grid > a:hover,
.category-grid > div:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 42px rgba(0,0,0,0.45) !important;
    border-color: rgba(255, 208, 51, 0.45) !important;
}

/* заголовки карточек */
.category-card h3,
.category-item h3,
.popular-category-card h3,
.catalog-category-card h3,
.category-card .title,
.category-item .title {
    color: #ffffff !important;
}

/* ссылки и подписи в карточках */
.category-card p,
.category-item p,
.popular-category-card p,
.catalog-category-card p,
.category-card a,
.category-item a,
.popular-category-card a,
.catalog-category-card a {
    color: #d7e3f3 !important;
}

/* изображения карточек */
.category-card img,
.category-item img,
.popular-category-card img,
.catalog-category-card img {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* блоки преимуществ / инфо */
.feature-card,
.benefit-card,
.advantage-card,
.info-card,
.vin-card,
.quick-card,
.home-info-card,
.home-benefit-card {
    background: linear-gradient(180deg, rgba(11,27,48,0.92) 0%, rgba(8,20,37,0.98) 100%) !important;
    border: 1px solid rgba(255, 208, 51, 0.14) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.30) !important;
    border-radius: 20px !important;
    color: #ffffff !important;
}

/* иконки / кружки */
.feature-icon,
.benefit-icon,
.advantage-icon,
.info-icon {
    background: rgba(255, 208, 51, 0.10) !important;
    border: 1px solid rgba(255, 208, 51, 0.18) !important;
    border-radius: 50%;
}

/* кнопки */
.btn,
button,
input[type="submit"],
a.btn,
.hero .btn,
.category-card .btn {
    border-radius: 14px !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary,
input[type="submit"] {
    background: #f3c623 !important;
    color: #0a1830 !important;
    border: none !important;
    box-shadow: 0 10px 24px rgba(243,198,35,0.25) !important;
    font-weight: 700;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
input[type="submit"]:hover {
    background: #ffd84a !important;
}

/* вторичные кнопки */
.btn-secondary,
a.btn-secondary {
    background: rgba(255,255,255,0.04) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

/* поля форм в нижних секциях */
input,
select,
textarea {
    border-radius: 14px !important;
}

.vin-section input,
.vin-section select,
.vin-section textarea,
.quick-order-section input,
.quick-order-section select,
.quick-order-section textarea,
footer input,
footer textarea {
    background: rgba(255,255,255,0.06) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
}

.vin-section input::placeholder,
.quick-order-section input::placeholder,
footer input::placeholder,
footer textarea::placeholder {
    color: #aac0db !important;
}

/* footer */
.site-footer,
footer {
    background: linear-gradient(180deg, #071220 0%, #050c16 100%) !important;
    border-top: 1px solid rgba(255,255,255,0.07);
    color: #d7e3f3 !important;
}

.site-footer a,
footer a {
    color: #ffffff !important;
}

.site-footer a:hover,
footer a:hover {
    color: #f3c623 !important;
}

/* секционные отступы */
.popular-categories,
.categories-section,
.features-section,
.advantages-section,
.benefits-section,
.vin-section,
.quick-order-section,
.home-info,
.home-benefits,
.home-categories {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}

/* мобильная версия */
@media (max-width: 768px) {
    .category-card,
    .category-item,
    .popular-category-card,
    .catalog-category-card,
    .feature-card,
    .benefit-card,
    .advantage-card,
    .info-card,
    .vin-card,
    .quick-card,
    .home-info-card,
    .home-benefit-card {
        border-radius: 16px !important;
    }

    .popular-categories,
    .categories-section,
    .features-section,
    .advantages-section,
    .benefits-section,
    .vin-section,
    .quick-order-section,
    .home-info,
    .home-benefits,
    .home-categories {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}