/* ============================================
   АДАПТАЦИЯ ПРИ ОТКРЫТОЙ ПАНЕЛИ
   ============================================ */
body.sidebar-open .hero,
body.sidebar-open .categories,
body.sidebar-open .slider-section,
body.sidebar-open .main-content,
body.sidebar-open .services,
body.sidebar-open .contacts,
body.sidebar-open .footer {
    padding-left: 280px;
    padding-right: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 992px) {
    body.sidebar-open .hero,
    body.sidebar-open .categories,
    body.sidebar-open .slider-section,
    body.sidebar-open .main-content,
    body.sidebar-open .services,
    body.sidebar-open .contacts,
    body.sidebar-open .footer {
        padding-left: 0;
    }
}

/* ============================================
   АДАПТАЦИЯ ДЛЯ ПЛАНШЕТОВ
   ============================================ */
@media (max-width: 992px) {
    .hero-grid,
    .product-detail-grid,
    .contacts-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .navbar {
        flex-wrap: wrap;
        height: auto;
        gap: 16px;
        padding: 16px 0;
    }

    .nav-links {
        order: 3;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .left-sidebar {
        width: 260px;
    }

    .hero.with-sidebar,
    .categories.with-sidebar,
    .slider-section.with-sidebar,
    .main-content.with-sidebar,
    .services.with-sidebar,
    .contacts.with-sidebar,
    .footer.with-sidebar {
        margin-left: 0;
    }
}

/* ============================================
   АДАПТАЦИЯ ДЛЯ МОБИЛЬНЫХ
   ============================================ */
@media (max-width: 768px) {
    .container {
        padding: 0 20px;
    }

    .section-title {
        font-size: 2rem;
    }

    .hero-content h1 {
        font-size: 2.2rem;
    }

    .chat-window {
        width: 300px;
        right: -50px;
    }

    .chat-widget {
        bottom: 20px;
        right: 20px;
    }

    .left-sidebar {
        width: 100%;
        max-width: 300px;
    }

    .hero-image {
        height: 300px;
    }

    .product-card {
        min-width: 100%;
    }

    .products-grid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}

@media (max-width: 480px) {
    .products-grid {
        grid-template-columns: 1fr;
    }

    .top-bar .container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-buttons {
        flex-direction: column;
        width: 100%;
    }

    .hero-buttons .btn {
        width: 100%;
        justify-content: center;
    }

    .filters {
        gap: 8px;
    }

    .filter-chip {
        padding: 8px 16px;
        font-size: 0.85rem;
    }
}
/* ============================================
   АДАПТАЦИЯ САЙДБАРА
   ============================================ */
.sidebar-divider {
    height: 1px;
    background: var(--color-gray-300);
    margin: 12px 0;
}

.sidebar-category.info-category {
    color: var(--color-text-light);
    font-weight: 400;
}

.sidebar-category.info-category:hover {
    color: var(--color-accent);
}

.sidebar-category.info-category.active {
    background: rgba(198, 164, 59, 0.15);
    color: var(--color-accent);
}

/* Адаптация при открытой панели */
body.sidebar-open .hero,
body.sidebar-open .categories,
body.sidebar-open .slider-section,
body.sidebar-open .main-content,
body.sidebar-open .services,
body.sidebar-open .contacts,
body.sidebar-open .footer,
body.sidebar-open .info-page {
    padding-left: 280px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 992px) {
    body.sidebar-open .hero,
    body.sidebar-open .categories,
    body.sidebar-open .slider-section,
    body.sidebar-open .main-content,
    body.sidebar-open .services,
    body.sidebar-open .contacts,
    body.sidebar-open .footer,
    body.sidebar-open .info-page {
        padding-left: 0;
    }
}