/* ============================================================
   Náš Domov — Responsive v1.0 — Archive + Single
   ============================================================ */

/* ── Mobile-first (< 640px) ─────────────────────────────── */
.archive-grid{grid-template-columns:1fr}
.archive-grid .acard--featured{grid-template-columns:1fr}
.single-header__inner{grid-template-columns:1fr}
.single-header__image{margin-top:20px}
.related-grid{grid-template-columns:1fr}

@media(min-width:640px){
    .grid{grid-template-columns:repeat(2,1fr)}
    .topics{grid-template-columns:repeat(3,1fr)}
    .archive-grid{grid-template-columns:repeat(2,1fr)}
    .related-grid{grid-template-columns:repeat(2,1fr)}
}

@media(min-width:768px){
    :root{--gutter:32px}
    .section{padding:80px 0}
    .topbar{display:block}

    .nav-primary{display:block;margin-left:auto}
    .hamburger{display:none}

    .hero{min-height:65vh}
    .hero__overlay{padding:48px 0 40px}
    .hero__grid{grid-template-columns:1fr 280px;align-items:end}
    .hero-aside{display:block}

    .stats__grid{grid-template-columns:repeat(4,1fr);gap:10px}

    .picks{grid-template-columns:1fr 1fr;align-items:start}
    .card--h{grid-template-columns:130px 1fr}
    .card--h .card__img{aspect-ratio:auto;min-height:100%}

    .nl{grid-template-columns:1fr minmax(240px,340px);align-items:center;padding:36px 32px}
    .nl-form{grid-template-columns:1fr auto}

    .site-footer__grid{grid-template-columns:1.3fr 1fr 1fr}

    /* Single — side-by-side on tablet+ */
    .single-header__inner{grid-template-columns:1fr 1fr;gap:32px}
    .single-header__image{margin-top:0}
}

@media(min-width:1024px){
    .section{padding:88px 0}
    .hero{min-height:70vh}
    .hero__grid{grid-template-columns:1fr 300px}
    .stats__grid{gap:12px}
    .topics{grid-template-columns:repeat(3,1fr)}
    .grid{grid-template-columns:repeat(3,1fr)}
    .picks{grid-template-columns:1.15fr .85fr}

    .archive-grid{grid-template-columns:repeat(3,1fr)}
    .related-grid{grid-template-columns:repeat(3,1fr)}
}

@media(min-width:1280px){
    .hero__overlay{padding:52px 0 48px}
    .nl{padding:40px 40px}
    .topics{grid-template-columns:repeat(6,1fr)}
}