/* ============================================================
   Catalog layout – фиксированная ширина 1400px, сайдбар слева
   ============================================================ */

/* Основные контейнеры – max-width убран, наследуется от #content */
.catalog-wrapper,
.single-wrapper,
.compare-page,
.favorites-page {
    margin-left: auto;
    margin-right: auto;
}

/* Архивные страницы: flex-контейнер */
.catalog-wrapper {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: flex-start;
}

/* Сайдбар – слева на десктопе */
.catalog-sidebar {
    order: -1;
    width: 300px;
    flex-shrink: 0;
    float: none;
    clear: none;
}

/* Основной контент */
.catalog-primary {
    flex: 1;
    max-width: calc(100% - 330px);
    float: none;
    clear: none;
}

/* Убираем верхний отступ у заголовков архивов */
.catalog-primary .page-header h1,
.catalog-primary .catalog-page-title {
    margin-top: 0;
    padding-top: 0;
}

/* Адаптив архивов */
@media (max-width: 960px) {
    .catalog-wrapper {
        flex-direction: column;
    }
    .catalog-sidebar {
        order: 2;
        width: 100%;
    }
    .catalog-primary {
        order: 1;
        max-width: 100%;
    }
}

/* ============================================================
   Single pages (AI, prompts, posts) – контейнер 1400px, сайдбар справа
   ============================================================ */

.single-wrapper {
    max-width: none; /* убираем ограничение, наследуем от #content */
    margin: 0 auto;
    padding: 0 20px;
}

.single-breadcrumbs {
    margin-bottom: 20px;
}

.single-container {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.single-main {
    flex: 1;
}

.single-sidebar {
    width: 300px;
    flex-shrink: 0;
}

/* Hero-блок внутри контейнера – оставляем обёртку с фоном из ai-catalog.css,
   но убираем внешние отступы, которые могли быть по умолчанию */
.ai-hero-wrapper {
    margin: 20px 0 30px;
    /* фон и border-radius уже заданы в ai-catalog.css, не переопределяем */
}

/* Адаптив одиночных страниц */
@media (max-width: 960px) {
    .single-container {
        flex-direction: column;
    }
    .single-sidebar {
        width: 100%;
    }
}