/* =========================================================================
   Prime Biler, responsive.css
   Tablet + mobile breakpoints (efter main.css, så overrides virker)
   ========================================================================= */

/* Tablet, op til 1100px */
@media (max-width: 1100px) {
    .pb-pakker__grid       { grid-template-columns: repeat(2, 1fr); }
    .pb-hvorfor__grid      { grid-template-columns: repeat(2, 1fr); }
    .pb-vaerdier__grid     { grid-template-columns: repeat(2, 1fr); }
    .pb-reviews__grid      { grid-template-columns: repeat(2, 1fr); }
    .pb-reviews__grid--full { grid-template-columns: repeat(2, 1fr); }
    .pb-trust__inner       { grid-template-columns: repeat(2, 1fr); gap: 16px 32px; }
    .pb-proces__list       { grid-template-columns: repeat(2, 1fr); }
    .pb-forhandler-fordele { grid-template-columns: repeat(2, 1fr); }
    .pb-forhandler-steps   { grid-template-columns: 1fr; gap: 16px; }
    .pb-megamenu__grid     { grid-template-columns: repeat(2, 1fr); }
    .pb-galleri__grid      { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 180px; }
    .pb-footer__grid       { grid-template-columns: 1.4fr 1fr 1fr; gap: 32px; }
    .pb-footer__col:last-child { grid-column: span 3; }
    .pb-intro__grid        { grid-template-columns: 1fr; gap: 40px; }
    .pb-b2b__grid          { grid-template-columns: 1fr; gap: 40px; }
    .pb-lokal__grid        { grid-template-columns: 1fr; gap: 40px; }
    .pb-kontakt__grid      { grid-template-columns: 1fr; gap: 40px; }
    .pb-pakke-body__grid   { grid-template-columns: 1fr; gap: 40px; }
    .pb-pakke-side         { position: static; }
}

/* Mobil, op til 980px */
@media (max-width: 980px) {
    .pb-section,
    .pb-intro, .pb-pakker, .pb-foer-efter, .pb-hvorfor,
    .pb-b2b, .pb-reviews, .pb-lokal, .pb-faq, .pb-vaerdier,
    .pb-kontakt, .pb-book, .pb-policy, .pb-pakke-body, .pb-related,
    .pb-final-cta { padding: 64px 0; }

    .pb-nav, .pb-header__phone { display: none; }
    .pb-burger { display: inline-flex; }

    .pb-hero { min-height: 540px; padding: 72px 0; }
    .pb-hero__title { font-size: clamp(32px, 8vw, 44px); }
    .pb-hero__sub { font-size: 16px; }

    .pb-page-hero { min-height: 320px; padding: 64px 0; }

    .pb-section__head { margin-bottom: 36px; }

    .pb-pakker__grid       { grid-template-columns: 1fr; gap: 20px; }
    .pb-foer-efter__grid   { grid-template-columns: 1fr; gap: 20px; }
    .pb-hvorfor__grid      { grid-template-columns: 1fr; gap: 16px; }
    .pb-vaerdier__grid     { grid-template-columns: 1fr; gap: 16px; }
    .pb-reviews__grid      { grid-template-columns: 1fr; }
    .pb-reviews__grid--full { grid-template-columns: 1fr; }
    .pb-trust__inner       { grid-template-columns: 1fr 1fr; }
    .pb-proces__list       { grid-template-columns: 1fr; gap: 16px; }
    .pb-forhandler-fordele { grid-template-columns: 1fr; gap: 14px; }
    .pb-galleri__grid      { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 160px; gap: 10px; }
    .pb-galleri__item--wide { grid-column: span 2; }
    .pb-galleri__item--tall { grid-row: span 1; grid-column: span 1; }
    .pb-book__grid         { grid-template-columns: 1fr; }
    .pb-related__grid      { grid-template-columns: 1fr; }

    /* Sticky pakke-CTA bar tilpasset mobil: skjul de tre, og lad sticky-mobile bar dække */
    .pb-pakke-stickybar    { display: none; }

    .pb-footer__grid       { grid-template-columns: 1fr 1fr; gap: 32px; }
    .pb-footer__col--brand { grid-column: span 2; }
    .pb-footer__col:last-child { grid-column: auto; }
    .pb-footer__bottom     { flex-direction: column; text-align: center; }

    .pb-form__row          { grid-template-columns: 1fr; gap: 12px; }

    .pb-floating-cta       { display: none; }
    .pb-sticky-mobile      { display: flex; }
    body                   { padding-bottom: 80px; } /* så sticky-bar ikke dækker indhold */
}

/* Mindre mobiler */
@media (max-width: 560px) {
    .pb-section, .pb-intro, .pb-pakker, .pb-foer-efter,
    .pb-hvorfor, .pb-b2b, .pb-reviews, .pb-lokal,
    .pb-faq, .pb-vaerdier, .pb-kontakt, .pb-book,
    .pb-policy, .pb-pakke-body, .pb-related, .pb-final-cta { padding: 48px 0; }

    .pb-section__inner { padding: 0 16px; }
    .pb-header__inner  { padding: 12px 16px; gap: 12px; }
    .pb-footer         { padding: 56px 0 20px; }
    .pb-footer__grid   { grid-template-columns: 1fr; gap: 28px; padding: 0 16px; }
    .pb-footer__col--brand { grid-column: auto; }

    .pb-hero__actions, .pb-final-cta__actions, .pb-page-hero__actions { flex-direction: column; align-items: stretch; }
    .pb-hero__actions .pb-btn, .pb-final-cta__actions .pb-btn, .pb-page-hero__actions .pb-btn { width: 100%; }

    .pb-trust__inner   { grid-template-columns: 1fr; gap: 12px; }

    .pb-cookie         { left: 8px; right: 8px; padding: 20px 18px; }
    .pb-cookie__actions { flex-direction: column; }
    .pb-cookie__actions .pb-btn { width: 100%; }
}