.elementor-2861 .elementor-element.elementor-element-4bc8e12{--display:flex;}.elementor-2861 .elementor-element.elementor-element-556cffd > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-2861 .elementor-element.elementor-element-556cffd > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}:root{--page-title-display:none;}/* Start custom CSS for jet-listing-grid, class: .elementor-element-556cffd *//* 1) Grid op de items-wrapper */
.loop-pattern .jet-listing-grid__items {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr)); /* 10 kolommen → 70% = 7, 30% = 3 */
  gap: 6px; /* vrij aanpasbaar */
}

/* 2) Reset widths die Elementor/Jet soms inline zet */
.loop-pattern .jet-listing-grid__item {
  width: auto !important;
  min-width: 0;
  box-sizing: border-box;
}

/* 3) Patroon (8 items) dat automatisch herhaalt:
   1:70, 2:30, 3:30, 4:70, 5:70, 6:30, 7:30, 8:70, 9:70, ... */
.loop-pattern .jet-listing-grid__item:nth-child(8n+1),
.loop-pattern .jet-listing-grid__item:nth-child(8n+4),
.loop-pattern .jet-listing-grid__item:nth-child(8n+5),
.loop-pattern .jet-listing-grid__item:nth-child(8n+8) {
  grid-column: span 6; /* 70% */
}

.loop-pattern .jet-listing-grid__item:nth-child(8n+2),
.loop-pattern .jet-listing-grid__item:nth-child(8n+3),
.loop-pattern .jet-listing-grid__item:nth-child(8n+6),
.loop-pattern .jet-listing-grid__item:nth-child(8n+7) {
  grid-column: span 4; /* 30% */
}

/* 4) Mobile: 1 kolom stapelen */
@media (max-width: 768px) {
  .loop-pattern .jet-listing-grid__items {
    grid-template-columns: 1fr;
  }
  .loop-pattern .jet-listing-grid__item {
    grid-column: auto !important;
  }
}/* End custom CSS */