/* ============================================================
   lu-zonder.css — sectie 3 van /live-chat-uitbesteden/.
   Bouwt op widgets/shared/bconnect-lu.css (handle `bconnect-lu`).
   Bron: upgrade-uitbesteden.css, "2 ZONDER CALLCENTER".

   `.lu-card`, het kaart-binnenraster en `.lu-ico` staan in de gedeelde
   stylesheet: drie lu-widgets gebruiken ze. Hier alleen de twee rasters.
   ============================================================ */

.lu-twocol-text { display: grid; width: 100%; box-sizing: border-box; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); margin-top: clamp(22px, 2.6vw, 32px); }
.lu-twocol-text .lu-body { max-width: none; }
.lu-cards3 { display: grid; width: 100%; box-sizing: border-box; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: clamp(32px, 3.6vw, 44px); }
.lu-cards3 .lu-card { padding: 28px 26px 30px; }

@media (max-width: 1024px) {
	.lu-cards3 { grid-template-columns: 1fr; }
	.lu-twocol-text { grid-template-columns: 1fr; gap: 0; }
}

/* ============================================================
   HARDENING

   De eerste alinea in `.lu-twocol-text` heeft de bovenmarge van
   `.lu-body` niet nodig — die zit al in de marge van het raster zelf.
   `.lu-body` staat op (0,1,0), dus (0,2,0) hieronder wint zonder van
   laadorde af te hangen.
   ============================================================ */
.lu-twocol-text > .lu-body { margin-top: 0; }