/* swopp.be only (copied into dist-be by scripts/production-offline.mjs). Layouts that
   differ because Belgium has two categories; the components and tokens stay shared.
   Selectors repeat the list class to outrank the page's scoped rules. */

/* Homepage shortcut row: two panels, "Vergelijk" and "Waar we voor staan", one tile size. */
.be-tegels-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:18px}
.be-groep{display:grid;align-content:start;gap:14px}
.be-groep-label{color:var(--actie);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.be-tegels .be-tegels-grid .be-groep.home-category-shortcuts-panel{padding:18px 20px}
.be-tegels .be-groep ul.be-groep-lijst.be-groep-lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:visible;padding:0}
.be-tegels .be-groep.be-groep--waarden ul.be-groep-lijst.be-groep-lijst{grid-template-columns:repeat(3,minmax(0,1fr))}
.be-tegels .be-groep ul.be-groep-lijst.be-groep-lijst a{height:140px;min-height:0;gap:10px;padding:16px 14px}
.be-tegels .be-groep ul.be-groep-lijst .home-category-shortcut-icon,.be-tegels .be-groep ul.be-groep-lijst .home-category-shortcut-icon img{width:64px;height:64px}
.be-tegels .be-groep ul.be-groep-lijst strong{font-size:15px;line-height:1.25}

/* Mobile: "Vergelijk" above "Waar we voor staan"; the values become compact rows (owner, 31-10-2026). */
@media(max-width:900px){.be-tegels-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  .be-tegels .be-tegels-grid{padding-inline:var(--page-gutter)}
  .be-tegels .be-tegels-grid .be-groep.home-category-shortcuts-panel{padding:18px;border-radius:var(--r)}
  .be-tegels .be-groep ul.be-groep-lijst.be-groep-lijst a{height:136px}
  .be-tegels .be-groep.be-groep--waarden ul.be-groep-lijst.be-groep-lijst{grid-template-columns:1fr}
  .be-tegels .be-groep.be-groep--waarden ul.be-groep-lijst.be-groep-lijst a{height:auto;min-height:76px;flex-direction:row;justify-content:flex-start;gap:14px;padding:14px 18px;text-align:left}
  .be-tegels .be-groep.be-groep--waarden ul.be-groep-lijst .home-category-shortcut-icon,.be-tegels .be-groep.be-groep--waarden ul.be-groep-lijst .home-category-shortcut-icon img{flex:none;width:52px;height:52px}
}