/* ============================================================
   HøjdeRensen — Mobil-finpudsning (delt CSS)
   Gælder kun under 640px. Gør kasser mindre, luft strammere,
   og skjuler sekundær forklaringstekst, så mobilsiden føles
   mere overskuelig.
============================================================ */
@media (max-width: 640px){

  /* Skjul sekundær/uddybende tekst på mobil (indhold findes stadig på desktop) */
  .mobile-hide{ display:none !important; }

  /* Strammere rytme mellem sektioner */
  .section{ padding:44px 0 !important; }
  .section-tight{ padding:34px 0 !important; }

  /* Overskrifter lidt mindre, så de ikke dominerer skærmen */
  .section-head h2{ font-size:23px !important; line-height:1.2 !important; }
  .section-head p{ font-size:14.5px !important; }

  /* Pakke-kort og tilkøbsbokse — mindre polstring */
  .pkg-head{ padding:16px 16px 12px !important; }
  .pkg-body{ padding:14px 16px 16px !important; }
  .pkg-price{ font-size:26px !important; }
  .addon-box{ padding:14px 16px !important; gap:12px !important; }
  .addon-price{ font-size:17px !important; }
  .addon-text h4{ font-size:14px !important; }
  .addon-text p{ font-size:12px !important; }

  /* Trin- og kontakt-kasser */
  .process-item{ padding:20px 16px !important; }
  .process-item h4{ font-size:15.5px !important; min-height:0 !important; }
  .process-item p{ font-size:13px !important; }
  .contact-card{ padding:20px 18px !important; }
  .cart-form-card, .service-picker{ padding:20px 18px !important; }

  /* Ikonbjælken på forsiden — mindre firkanter, så alle fem er lette at overskue */
  .icon-bar-section{ padding:28px 0 32px !important; }
  .icon-bar-img{ width:80px !important; height:80px !important; border-radius:13px !important; }
  .icon-bar-item span{ font-size:13px !important; }

  /* Billedtekster og småt info-tekst */
  .quote-photo-caption{ font-size:11.5px !important; }
  .ba-caption{ font-size:11px !important; }

  /* Prisnote / disclaimer-bokse — lidt mere kompakte */
  .price-note{ padding:12px 14px !important; font-size:12px !important; }

  /* Pristabeller — tydeligere (men diskret) antydning af at de kan scrolles sidelæns */
  .table-scroll{
    box-shadow: inset -18px 0 14px -14px rgba(12,21,38,0.16);
  }

  /* Om-os portrætter på forsiden — lidt lavere, så de ikke fylder hele skærmen */
  .about-portrait img{ height:140px !important; }

  /* Før/efter-slidere — sørg for at badge og billedtekst ikke fylder for meget */
  .ba-badge{ font-size:10.5px !important; padding:5px 9px !important; }
}

/* Hovedmenu — plads til "Vinduespudsning" på mellemstore skærme */
.main-nav a{white-space:nowrap;}
@media (max-width:1280px){ .main-nav{gap:26px;} }
@media (max-width:1080px){ .main-nav{gap:18px;} .main-nav a{font-size:14px;} }
.header-phone span{white-space:nowrap;}
@media (max-width:1180px){ .header-phone span{display:none;} }
@media (max-width:1180px){ .header-actions{gap:16px;} }