/* =========================================================================
   Jensens Motorcykler A/S — responsive
   Breakpoints: 1080, 980, 720, 540
   ========================================================================= */

@media (max-width: 1080px) {
    .hero__inner { grid-template-columns: 1fr; }
    .hero__visual { aspect-ratio: 16 / 10; }
    .brand-grid { grid-template-columns: repeat(2, 1fr); }
    .why-grid { grid-template-columns: repeat(2, 1fr); }
    .bike-grid { grid-template-columns: repeat(2, 1fr); }
    .reviews__grid { grid-template-columns: repeat(2, 1fr); }
    .site-footer__grid { grid-template-columns: 1fr 1fr; }
    .modelpage__hero { grid-template-columns: 1fr; }
    .modelpage__specs-grid { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
    .site-nav { display: none; }
    .site-header__cta .btn { display: none; }
    .menu-toggle { display: inline-flex; }
    .drawer { display: flex; }

    .topbar__items { gap: 12px; }
    .topbar__item span:last-child { display: none; }

    .trustbar__inner { grid-template-columns: repeat(2, 1fr); }

    .intro__grid { grid-template-columns: 1fr; }
    .vaerksted__grid { grid-template-columns: 1fr; }
    .opkoeb-band__inner { grid-template-columns: 1fr; }
    .local-contact__grid { grid-template-columns: 1fr; }
    .cat-band { grid-template-columns: 1fr; }
    .reviews__head { flex-direction: column; align-items: flex-start; }

    .floating-cta { display: none; }
    .mobile-cta { display: flex; }
    body { padding-bottom: 72px; }
}

@media (max-width: 720px) {
    :root {
        --t-h1: clamp(30px, 8vw, 42px);
        --t-h2: clamp(24px, 6vw, 32px);
        --section-y: clamp(40px, 12vw, 64px);
    }
    .brand-grid { grid-template-columns: 1fr; }
    .why-grid { grid-template-columns: 1fr; }
    .bike-grid { grid-template-columns: 1fr; }
    .reviews__grid { grid-template-columns: 1fr; }
    .site-footer__grid { grid-template-columns: 1fr; gap: 24px; }
    .hero__trust { grid-template-columns: 1fr; }
    .topbar { font-size: 12px; }
    .topbar__inner { justify-content: center; }
    .topbar__items { justify-content: center; }
}

@media (max-width: 540px) {
    .container { padding: 0 16px; }
    .btn-lg { padding: 14px 20px; font-size: 15px; min-height: 48px; }
    .hero__cta { flex-direction: column; }
    .hero__cta .btn { width: 100%; }
}

/* Drawer-aktivering kun under 980px */
@media (min-width: 981px) {
    .drawer {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    .drawer-backdrop { display: none !important; }
}