/* P57b: de compacte rij Kleur bovenaan de eerste stap van de toiletsamensteller (planner/p57b-toilet-kleur.js).
   Gewone tegels van de samensteller (.wcs-tegel, het staal van P30), alleen kleiner: het staal links, de naam en de
   prijs ernaast. */
.wcs-sectie.p57b-kleur{margin-top:18px}
.p57b-kleuren.wcs-raster{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.p57b-kleuren .wcs-tegel{flex-direction:row;align-items:center;min-height:52px}
.p57b-kleuren .wcs-bld.staal{width:46px;flex:0 0 46px;aspect-ratio:1/1;padding:6px;border-bottom:0;border-right:1px solid rgba(217,224,221,.7)}
.p57b-kleuren .wcs-tt{padding:6px 26px 6px 9px;gap:1px}
.p57b-kleuren .wcs-nm{font-size:var(--tekst-m);line-height:1.25}
.p57b-kleuren .wcs-prijs{margin-top:0}
.p57b-kleuren .wcs-vink{top:50%;right:6px;width:18px;height:18px;margin-top:-9px}
.p57b-kleuren .wcs-vink svg{width:11px;height:11px}
@media (max-width:860px){
  .p57b-kleuren.wcs-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .p57b-kleuren .wcs-bld.staal{width:38px;flex:0 0 38px;padding:5px}
  .p57b-kleuren .wcs-tt{padding:5px 22px 5px 7px}
  .p57b-kleuren .wcs-nm{font-size:var(--tekst-s)}
  .p57b-kleuren .wcs-prijs{font-size:var(--tekst-xs)}
  .p57b-kleuren .wcs-vink{right:4px;width:16px;height:16px;margin-top:-8px}
}