/* ================================================================
   Мактаба — Адаптив
   Mobile-first → tablet (768) → desktop (1280) → large (1600).
   ================================================================ */

/* ── Mobile (по умолчанию <768px) ──────────────────────── */
@media (max-width: 767px) {

    /* Библиотека: sidebar над сеткой, 2 колонки карточек */
    .mkt-library {
        padding: 16px 16px 60px;
    }
    .mkt-library-title {
        font-size: 26px;
    }
    .mkt-library-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .mkt-library-sidebar {
        position: relative;
        top: 0;
        max-height: none;
        padding: 14px 16px;
    }
    .mkt-book-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .mkt-book-info {
        padding: 12px 14px 14px;
    }
    .mkt-book-title {
        font-size: 14px;
    }
    .mkt-book-author {
        font-size: 11px;
    }
    .mkt-book-cover-title {
        font-size: 16px;
    }

    /* Страница книги: вертикальная компоновка */
    .mkt-book-page {
        padding: 0 16px 60px;
    }
    .mkt-book-hero {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 16px 0;
    }
    .mkt-book-cover-large {
        width: 200px;
        margin: 0 auto;
    }
    .mkt-book-hero-title {
        font-size: 24px;
    }
    .mkt-book-hero-title-ar {
        font-size: 20px;
    }

    /* TOC карточки */
    .mkt-toc-page-item {
        grid-template-columns: 36px 1fr auto;
        padding: 12px 14px;
        gap: 12px;
    }
    .mkt-toc-title-ru {
        font-size: 14px;
    }
    .mkt-toc-title-ar {
        font-size: 15px;
    }

    /* Reader: компактный хедер */
    .mkt-reader-header {
        padding: 8px 12px;
        gap: 8px;
    }
    .mkt-reader-book-title {
        display: none;
    }
    .mkt-reader-chapter-title {
        font-size: 14px;
    }
    .mkt-btn-back span {
        display: none;
    }
    .mkt-btn-back {
        width: 36px;
        height: 36px;
        padding: 0;
        justify-content: center;
    }
    .mkt-icon-btn {
        width: 36px;
        height: 36px;
    }

    /* Reader content — уменьшаем padding */
    .mkt-reader-content {
        padding: 24px 16px 60px;
    }

    /* Боковые панели → bottom-sheet */
    .mkt-reader-toc,
    .mkt-reader-controls-panel {
        top: auto;
        bottom: 0;
        inset-inline-end: auto;
        inset-inline-start: 0;
        width: 100%;
        max-width: 100%;
        height: 70vh;
        max-height: 70vh;
        border-inline-start: none;
        border-top: 1px solid var(--mkt-border);
        border-radius: 16px 16px 0 0;
        animation: mkt-slide-up 0.22s ease-out;
    }

    @keyframes mkt-slide-up {
        from { transform: translateY(100%); opacity: 0.5; }
        to   { transform: translateY(0);    opacity: 1; }
    }

    /* Глава-навигация: одна колонка */
    .mkt-chapter-nav {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

/* ── Tablet (768–1279) ─────────────────────────────────── */
@media (min-width: 768px) and (max-width: 1279px) {
    .mkt-library-layout {
        grid-template-columns: 240px 1fr;
        gap: 24px;
    }
    .mkt-library {
        padding: 20px 24px 60px;
    }
    .mkt-book-grid {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
        gap: 18px;
    }
    .mkt-reader-content {
        padding: 32px 24px 60px;
    }
}

/* ── Large desktop (≥1600) ─────────────────────────────── */
@media (min-width: 1600px) {
    .mkt-library {
        padding: 28px 64px 100px;
    }
    .mkt-book-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

/* ── Уважение к prefers-reduced-motion ─────────────────── */
@media (prefers-reduced-motion: reduce) {
    .mkt-reader *,
    .mkt-library *,
    .mkt-book-page * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}