/* ============================================================
   TABLET LAYOUT — 961px → 1200px
   Стиль карточек и сетки именно для планшетов.
   ============================================================ */

@media (min-width: 961px) and (max-width: 1200px) {

    /* --- Сетка архива: одна колонка, чуть больше воздуха --- */
    .aq-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* --- Карточка: горизонтальный layout --- */
    .aq-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        padding: 32px 36px !important;
        gap: 28px !important;
        border-radius: 26px !important;
        box-sizing: border-box;
        text-align: left !important;
    }

    /* --- Колонка с изображением --- */
    .aq-imgcol {
        flex: 0 0 42vw !important;    /* фото ~40–45% ширины */
        max-width: 45vw !important;
        min-width: 260px !important;  /* чтобы не было слишком узко */
        margin-right: 12px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* --- Бутылка: высокая, пропорциональная --- */
    .aq-bottle img {
        height: 42vw !important;         /* масштабирование от ширины */
        max-height: 60vh !important;     /* не вылезает за экран */
        width: auto !important;
        object-fit: contain !important;
    }

    /* --- Подпись под фото --- */
    .aq-cap {
        font-size: 18px !important;
        margin-top: 10px !important;
    }

    /* --- Текстовая колонка --- */
    .aq-body {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* --- Заголовок --- */
    .aq-body h3,
    .aq-body h3 a {
        font-size: 22px !important;
        line-height: 1.28 !important;
        margin: 0 0 6px !important;
    }

    /* --- Мета-информация --- */
    .aq-meta {
        font-size: 18px !important;
        line-height: 1.55 !important;
    }

    /* --- Нижняя строка (ABV | объем) --- */
    .aq-card-bottom-meta .aq-card-meta-row {
        font-size: 16px !important;
    }

    .aq-card-meta-row .meta-item + .meta-item::before,
    .aq-card-meta-row .aq-volume-separator {
        margin: 0 6px !important;
    }
}