/* Tablet (768–1023 px): kortene får tre kolonner med tilbuddet under teksten, stjernerne på én linje,
   og menuen i headeren på én linje. Mobil (<768) og desktop (>=1024) er uændrede. */
@media (min-width:768px) and (max-width:1023px){
  /* Header: menupunkterne på én linje */
  .elementor-location-header .elementor-nav-menu--main>.elementor-nav-menu{flex-wrap:nowrap}
  .elementor-location-header .elementor-nav-menu--main .elementor-item{padding-left:9px!important;padding-right:9px!important;white-space:nowrap}

  /* Kort: logo | tekst + tilbud | pris og knap */
  .kbc-modern .ga-modern-card .ga-card-main{display:grid!important;grid-template-columns:150px minmax(0,1fr) 168px!important;grid-template-areas:"brand desc actions" "brand saving actions";column-gap:18px;row-gap:12px;align-items:center}
  .kbc-modern .ga-modern-card .ga-brand{grid-area:brand}
  .kbc-modern .ga-modern-card .ga-description{grid-area:desc}
  .kbc-modern .ga-modern-card .ga-saving{grid-area:saving;align-self:start;width:auto}
  .kbc-modern .ga-modern-card .ga-actions{grid-area:actions}
  /* Tilbuddet som bred bjælke under teksten i stedet for en smal kolonne */
  .kbc-modern .ga-modern-card .ga-saving>strong{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 8px;width:100%;box-sizing:border-box;padding:10px 14px;text-align:center}
  .kbc-modern .ga-modern-card .ga-saving>strong{min-height:0!important;height:auto!important;padding:9px 14px!important}
  .kbc-modern .ga-modern-card .ga-saving>strong small{display:inline;margin:0}
  /* Stjernerne på én linje */
  .kbc-modern .ga-modern-card .ga-rating{flex-wrap:wrap;justify-content:center}
  .kbc-modern .ga-modern-card .ga-stars{white-space:nowrap;font-size:20px}
  .kbc-modern .ga-modern-card .ga-rating>a{flex-basis:100%;text-align:center}
}