.elementor-454 .elementor-element.elementor-element-369b00f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:12px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-454 .elementor-element.elementor-element-96161d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--flex-wrap:wrap;border-style:none;--border-style:none;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-96161d0:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-96161d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-560ef7c );}.elementor-454 .elementor-element.elementor-element-f7abb6a{--display:flex;--justify-content:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:84px;--padding-bottom:84px;--padding-left:0px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-f7abb6a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-454 .elementor-element.elementor-element-8e145fd{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-3b48028{font-family:var( --e-global-typography-b36ad28-font-family ), Sans-serif;font-size:var( --e-global-typography-b36ad28-font-size );font-weight:var( --e-global-typography-b36ad28-font-weight );text-transform:var( --e-global-typography-b36ad28-text-transform );line-height:var( --e-global-typography-b36ad28-line-height );color:var( --e-global-color-text );}.elementor-454 .elementor-element.elementor-element-3b48028 a{color:var( --e-global-color-text );}.elementor-454 .elementor-element.elementor-element-e36caaa .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-primary );}.elementor-454 .elementor-element.elementor-element-3acbabc{font-family:var( --e-global-typography-9dfb13a-font-family ), Sans-serif;font-size:var( --e-global-typography-9dfb13a-font-size );font-weight:var( --e-global-typography-9dfb13a-font-weight );text-transform:var( --e-global-typography-9dfb13a-text-transform );line-height:var( --e-global-typography-9dfb13a-line-height );color:var( --e-global-color-279090f );}.elementor-454 .elementor-element.elementor-element-60a3377{--display:flex;--border-radius:0px 24px 24px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-60a3377:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-60a3377 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-454 .elementor-element.elementor-element-0f609be{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-454 .elementor-element.elementor-element-5f80ecd{--grid-columns:4;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-454 .elementor-element.elementor-element-5f80ecd .elementor-loop-container{grid-auto-rows:1fr;}.elementor-454 .elementor-element.elementor-element-5f80ecd .e-loop-item > .elementor-section, .elementor-454 .elementor-element.elementor-element-5f80ecd .e-loop-item > .elementor-section > .elementor-container, .elementor-454 .elementor-element.elementor-element-5f80ecd .e-loop-item > .e-con, .elementor-454 .elementor-element.elementor-element-5f80ecd .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:768px){.elementor-454 .elementor-element.elementor-element-369b00f{--width:1366px;}.elementor-454 .elementor-element.elementor-element-96161d0{--width:100%;}.elementor-454 .elementor-element.elementor-element-f7abb6a{--width:40%;}.elementor-454 .elementor-element.elementor-element-60a3377{--width:548px;}}@media(max-width:1024px) and (min-width:768px){.elementor-454 .elementor-element.elementor-element-96161d0{--width:100%;}.elementor-454 .elementor-element.elementor-element-f7abb6a{--width:50%;}.elementor-454 .elementor-element.elementor-element-60a3377{--width:40%;}}@media(min-width:1025px){.elementor-454 .elementor-element.elementor-element-60a3377:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-60a3377 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-454 .elementor-element.elementor-element-96161d0{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:28px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-3b48028{font-size:var( --e-global-typography-b36ad28-font-size );line-height:var( --e-global-typography-b36ad28-line-height );}.elementor-454 .elementor-element.elementor-element-e36caaa .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-454 .elementor-element.elementor-element-3acbabc{font-size:var( --e-global-typography-9dfb13a-font-size );line-height:var( --e-global-typography-9dfb13a-line-height );}.elementor-454 .elementor-element.elementor-element-5f80ecd{--grid-columns:2;}}@media(max-width:767px){.elementor-454 .elementor-element.elementor-element-369b00f{--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-454 .elementor-element.elementor-element-96161d0{--min-height:160px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-f7abb6a{--width:56%;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:26px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-f7abb6a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-454 .elementor-element.elementor-element-8e145fd{--gap:6px 6px;--row-gap:6px;--column-gap:6px;}.elementor-454 .elementor-element.elementor-element-3b48028{font-size:var( --e-global-typography-b36ad28-font-size );line-height:var( --e-global-typography-b36ad28-line-height );}.elementor-454 .elementor-element.elementor-element-e36caaa .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-454 .elementor-element.elementor-element-3acbabc{font-size:var( --e-global-typography-9dfb13a-font-size );line-height:var( --e-global-typography-9dfb13a-line-height );}.elementor-454 .elementor-element.elementor-element-60a3377{--width:36%;--border-radius:0px 16px 16px 0px;}.elementor-454 .elementor-element.elementor-element-0f609be{--padding-top:40px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-454 .elementor-element.elementor-element-5f80ecd{--grid-columns:2;--grid-row-gap:8px;--grid-column-gap:8px;}}/* Start custom CSS for loop-grid, class: .elementor-element-5f80ecd */@media only screen and (min-width: 1025px) {
  .archive-prod-grid .elementor-loop-container.elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }

  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item {
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 100%;
    order: 0;
  }

  /* Zet je oude "eerste item is groot" uit */
  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:first-of-type {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  /*
    ✅ Alleen de EERSTE item die <a class="Ja"> bevat:
    - naar voren (order)
    - groot (2x2)
  */
  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja):not(
    :is(.archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja) ~ div.e-loop-item:has(a.Ja))
  ) {
    order: -1 !important;
    grid-column: span 2;
    grid-row: span 2;
  }

  /* ✅ Alleen die eerste .Ja krijgt ook jouw "grote item" styling */
  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja):not(
    :is(.archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja) ~ div.e-loop-item:has(a.Ja))
  ) .txt-blok {
    padding: 28px !important;
  }

  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja):not(
    :is(.archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja) ~ div.e-loop-item:has(a.Ja))
  ) .txt-blok h6 {
    font-family: var(--e-global-typography-53d436d-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-53d436d-font-size) !important;
    font-weight: var(--e-global-typography-53d436d-font-weight) !important;
    text-transform: var(--e-global-typography-53d436d-text-transform) !important;
    line-height: var(--e-global-typography-53d436d-line-height) !important;
  }

  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja):not(
    :is(.archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja) ~ div.e-loop-item:has(a.Ja))
  ) .txt-blok .prod-price {
    font-family: var(--e-global-typography-9dfb13a-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-9dfb13a-font-size) !important;
    font-weight: var(--e-global-typography-9dfb13a-font-weight) !important;
    text-transform: var(--e-global-typography-9dfb13a-text-transform) !important;
    line-height: var(--e-global-typography-9dfb13a-line-height) !important;
    color: var(--e-global-color-secondary) !important;
  }

  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja):not(
    :is(.archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja) ~ div.e-loop-item:has(a.Ja))
  ) .prod-image img {
    height: 284px !important;
    aspect-ratio: 1/1 !important;
    object-fit: contain !important;
  }
  
  
    /* ✅ Alleen eerste .Ja: prod-img-wrapper max-height 100% */
  .archive-prod-grid
  .elementor-loop-container.elementor-grid
  > div.e-loop-item:has(a.Ja):not(
    :is(
      .archive-prod-grid
      .elementor-loop-container.elementor-grid
      > div.e-loop-item:has(a.Ja)
      ~ div.e-loop-item:has(a.Ja)
    )
  )
  .prod-img-wrapper {
    max-height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .archive-prod-grid .elementor-loop-container.elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item {
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 100%;
    order: 0;
  }

  /* Alleen de EERSTE item met <a class="Ja"> → over 2 kolommen */
  .archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja):not(
    :is(.archive-prod-grid .elementor-loop-container.elementor-grid > div.e-loop-item:has(a.Ja) ~ div.e-loop-item:has(a.Ja))
  ) {
    order: -1 !important;
    grid-column: 1 / -1;
  }
}/* End custom CSS */