/** Shopify CDN: Minification failed

Line 20:21 Unexpected "{"
Line 20:30 Expected ":"
Line 20:37 Unexpected "{"
Line 21:16 Expected identifier but found whitespace
Line 21:18 Unexpected "{"
Line 21:27 Expected ":"
Line 21:68 Expected ":"
Line 22:16 Expected identifier but found whitespace
Line 22:18 Unexpected "{"
Line 22:27 Expected ":"
... and 34 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* ===== Scope op deze sectie ===== */
  #responsive-media-{{ section.id }} {
    --rm-radius: {{ section.settings.border_radius | default: 8 }}px;
    --rm-aspect: {{ section.settings.aspect_ratio }};
  }

  #responsive-media-{{ section.id }} .rm-wrapper {
    max-width: 100%;
  }

  #responsive-media-{{ section.id }} .rm-slot {
    display: none; /* standaard verborgen, we tonen target via media queries */
  }

  /* Mobiel eerst: toon mobiel, verberg desktop */
  #responsive-media-{{ section.id }} .rm-mobile { display: block; }
  @media (min-width: 1024px) {
    #responsive-media-{{ section.id }} .rm-mobile { display: none; }
    #responsive-media-{{ section.id }} .rm-desktop { display: block; }
  }

  #responsive-media-{{ section.id }} .rm-aspect {
    width: 100%;
    border-radius: var(--rm-radius);
    overflow: hidden;
    {% if section.settings.shadow %}box-shadow: 0 8px 24px rgba(0,0,0,.12);{% endif %}
    {% if section.settings.aspect_ratio != 'auto' %}aspect-ratio: var(--rm-aspect);{% endif %}
  }

  #responsive-media-{{ section.id }} iframe,
  #responsive-media-{{ section.id }} video,
  #responsive-media-{{ section.id }} .rm-img {
    display: block;
    width: 100%;
    height: 100%;
    {% if section.settings.aspect_ratio != 'auto' %}
      object-fit: cover;
    {% else %}
      height: auto;
    {% endif %}
  }

  #responsive-media-{{ section.id }} .rm-caption {
    margin-top: 0.75rem;
    font-size: 0.95rem;
    line-height: 1.5;
    opacity: .9;
  }
.video-carousel-container {
  overflow: hidden;
  padding: 1rem 0;
}
.video-carousel {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  gap: 1rem;

  /* ▼ Nieuw: verberg de scrollbar maar behoud scrollen */
  -ms-overflow-style: none;   /* IE/Edge (legacy) */
  scrollbar-width: none;      /* Firefox */
}
.video-carousel::-webkit-scrollbar { display: none; } /* Chrome/Safari */

.video-item {
  flex: 0 0 80%;
  scroll-snap-align: start;
  position: relative;
}
.video-item iframe,
.video-item video {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  display: block;
}

/* Desktop: 3 naast elkaar */
@media screen and (min-width: 768px) {
  .video-carousel .video-item {
    flex: 0 0 calc(33.333% - 1rem) !important;
  }
}

/* Tablet */
@media screen and (min-width: 480px) and (max-width: 767px) {
  .video-carousel .video-item {
    flex: 0 0 calc(50% - 1rem) !important;
  }
}

/* Mobiel: 2.5 items */
@media screen and (max-width: 767px) {
  .video-carousel .video-item {
    flex: 0 0 calc((100% / 2.5) - (1rem * (1 / 2.5))) !important;
  }
  .video-carousel-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
/* Wrapper centreert de grid */
.comparison-table-wrapper {
  display: flex;
  justify-content: center;
}

/* Basis grid, max‑width en margin volgens wrapper */
.comparison-table {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  max-width: 800px;      /* pas aan naar wens */
  margin: 2rem 0;        /* wrapper neemt horizontale centering over */
}

/* Cells inline in grid */
.comparison-table .table-row { display: contents; }

/* Linkercel (labels) */
.label-cell {
  padding: 1rem;
  background: #fafafa;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 500;
}

/* Rechtercel (vinkjes) met gradient */
.icon-cell {
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    90deg,
    {{ section.settings.gradient_start }},
    {{ section.settings.gradient_end }}
  );
  border-bottom: 1px solid #e0e0e0;
}

/* Verwijder onderrand op laatste rij */
.comparison-table .table-row:last-child .label-cell,
.comparison-table .table-row:last-child .icon-cell {
  border-bottom: none;
}

/* Mobiel (<600px): full‑width en gecentreerd */
@media (max-width: 600px) {
  .comparison-table-wrapper {
    display: flex;
    justify-content: center;
  }
  .comparison-table {
    display: block;
    margin: 2rem auto;
    width: 90%;
    max-width: none;
  }
  .table-row {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
  }
  .label-cell { flex: 2; }
  .icon-cell  { flex: 1; }
}