.elementor-5969 .elementor-element.elementor-element-1ae684c{--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;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-5969 .elementor-element.elementor-element-1ae684c.e-con{--align-self:center;}.elementor-5969 .elementor-element.elementor-element-a89787e{text-align:center;}.elementor-5969 .elementor-element.elementor-element-a89787e .elementor-heading-title{font-size:32px;font-weight:800;letter-spacing:0.06em;color:#FFFFFF;}.elementor-5969 .elementor-element.elementor-element-3fef9ce > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5969 .elementor-element.elementor-element-3fef9ce{z-index:1;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;line-height:1.8em;color:#E7DDFF;}.elementor-5969 .elementor-element.elementor-element-2cdf80c{--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:center;}.elementor-5969 .elementor-element.elementor-element-75800de{--display:flex;}.elementor-5969 .elementor-element.elementor-element-c4985f4 > .elementor-widget-container{padding:0px 0px 0px 150px;}.elementor-5969 .elementor-element.elementor-element-c4985f4{text-align:center;}.elementor-5969 .elementor-element.elementor-element-c4985f4 .elementor-heading-title{color:#FFFFFF;}.elementor-5969 .elementor-element.elementor-element-9a15e38 > .elementor-widget-container{padding:0px 0px 0px 150px;}.elementor-5969 .elementor-element.elementor-element-9a15e38{text-align:center;color:#B7B7B7;}.elementor-5969 .elementor-element.elementor-element-fdd5077{--display:flex;--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;}.elementor-5969 .elementor-element.elementor-element-eaa3dd4{--swiper-slides-to-display:4;--swiper-slides-gap:28px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-5969 .elementor-element.elementor-element-eaa3dd4 .swiper-slide > .elementor-element{height:100%;}.elementor-5969 .elementor-element.elementor-element-a87aff8{--display:flex;--min-height:600px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5969 .elementor-element.elementor-element-a87aff8:not(.elementor-motion-effects-element-type-background), .elementor-5969 .elementor-element.elementor-element-a87aff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0619;}.elementor-5969 .elementor-element.elementor-element-86a91b5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5969 .elementor-element.elementor-element-86a91b5 img{height:180px;}.elementor-5969 .elementor-element.elementor-element-ad3e970 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5969 .elementor-element.elementor-element-ad3e970{text-align:center;}.elementor-5969 .elementor-element.elementor-element-ad3e970 .elementor-heading-title{font-size:45px;font-weight:700;color:#FFFFFF;}.elementor-5969 .elementor-element.elementor-element-0fd0c64 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-5969 .elementor-element.elementor-element-0fd0c64{text-align:center;font-size:16px;color:#CCCCCC;}.elementor-5969 .elementor-element.elementor-element-1808ed7{--grid-columns:4;--grid-row-gap:40px;--grid-column-gap:50px;}.elementor-5969 .elementor-element.elementor-element-1808ed7 > .elementor-widget-container{margin:10px 80px 0px 80px;}.elementor-5969 .elementor-element.elementor-element-cd78acb{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5969 .elementor-element.elementor-element-2260140 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5969 .elementor-element.elementor-element-2260140{z-index:1;}.elementor-5969 .elementor-element.elementor-element-2260140 .elementor-icon-wrapper{text-align:center;}.elementor-5969 .elementor-element.elementor-element-2260140.elementor-view-stacked .elementor-icon{background-color:#FF2BD6;}.elementor-5969 .elementor-element.elementor-element-2260140.elementor-view-framed .elementor-icon, .elementor-5969 .elementor-element.elementor-element-2260140.elementor-view-default .elementor-icon{color:#FF2BD6;border-color:#FF2BD6;}.elementor-5969 .elementor-element.elementor-element-2260140.elementor-view-framed .elementor-icon, .elementor-5969 .elementor-element.elementor-element-2260140.elementor-view-default .elementor-icon svg{fill:#FF2BD6;}.elementor-5969 .elementor-element.elementor-element-f4458d9{--display:flex;--min-height:600px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5969 .elementor-element.elementor-element-f4458d9:not(.elementor-motion-effects-element-type-background), .elementor-5969 .elementor-element.elementor-element-f4458d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0619;}.elementor-5969 .elementor-element.elementor-element-37580f4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5969 .elementor-element.elementor-element-37580f4 img{height:180px;}.elementor-5969 .elementor-element.elementor-element-339c1de > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5969 .elementor-element.elementor-element-339c1de{text-align:center;}.elementor-5969 .elementor-element.elementor-element-339c1de .elementor-heading-title{font-size:45px;font-weight:700;color:#FFFFFF;}.elementor-5969 .elementor-element.elementor-element-76aeace > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-5969 .elementor-element.elementor-element-76aeace{text-align:center;font-size:16px;color:#CCCCCC;}.elementor-5969 .elementor-element.elementor-element-270624c{--grid-columns:4;--grid-row-gap:40px;--grid-column-gap:50px;}.elementor-5969 .elementor-element.elementor-element-270624c > .elementor-widget-container{margin:10px 80px 0px 80px;}.elementor-5969 .elementor-element.elementor-element-6a55d69{--display:flex;}.elementor-5969 .elementor-element.elementor-element-b77f7c8 .elementor-heading-title{color:#FFFFFF;}.elementor-5969 .elementor-element.elementor-element-e1030ec{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;top:0px;}body:not(.rtl) .elementor-5969 .elementor-element.elementor-element-e1030ec{left:0px;}body.rtl .elementor-5969 .elementor-element.elementor-element-e1030ec{right:0px;}@media(min-width:768px){.elementor-5969 .elementor-element.elementor-element-1ae684c{--content-width:70%;}}@media(max-width:1024px){.elementor-5969 .elementor-element.elementor-element-eaa3dd4{--swiper-slides-to-display:2;}.elementor-5969 .elementor-element.elementor-element-1808ed7{--grid-columns:2;}.elementor-5969 .elementor-element.elementor-element-270624c{--grid-columns:2;}}@media(max-width:767px){.elementor-5969 .elementor-element.elementor-element-eaa3dd4{--swiper-slides-to-display:1;}.elementor-5969 .elementor-element.elementor-element-1808ed7{--grid-columns:1;}.elementor-5969 .elementor-element.elementor-element-270624c{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-a89787e *//* ILR Intro-heading – badge + underline (netter gekoppeld), zonder glows of balken */
.elementor-5969 .elementor-element.elementor-element-a89787e{
  position: relative;
  display: inline-block;
  padding: 18px 0 10px; /* was 18px onder; strakker zodat underline “af” voelt */
}

/* Kleine glazen badge erboven */
.elementor-5969 .elementor-element.elementor-element-a89787e::before{
  content: "BOUTIQUE PRINCIPLES";
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 14px;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);

  background: linear-gradient(
    135deg,
    rgba(255, 43, 214, 0.16),
    rgba(141, 55, 255, 0.10)
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Strakke neon-underline onder de titel (optisch beter i.r.t. pill erboven) */
.elementor-5969 .elementor-element.elementor-element-a89787e::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  bottom: 6px;          /* was 0; subtiele lift zodat het één intro-blok wordt */
  width: 62%;           /* reageert op heading-breedte (editorial), geen vaste pixel-look */
  max-width: 230px;     /* bewaakt je oorspronkelijke range (190–230) */
  min-width: 170px;

  height: 3px;
  border-radius: 999px;

  background: linear-gradient(
    90deg,
    #ff2bd6 0%,
    #ff7ff0 35%,
    #c26bff 70%,
    #8d37ff 100%
  );
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3fef9ce *//* Alinea-spacing introblok */
.elementor-5969 .elementor-element.elementor-element-3fef9ce p {
  margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cdf80c *//* ================================
   ILR — SECTION: Nieuwe Releases
   Scope: alleen .ilr-section--newreleases
   ================================ */

/* Section rhythm + subtiele overgang */
.elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases{
  position: relative;
  padding-top: clamp(44px, 4vw, 76px);
  padding-bottom: clamp(36px, 3.5vw, 64px);
}

/* Hairline divider bovenaan (klasse, geen glow) */
.elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases::before{
  content:"";
  position:absolute;
  left:50%;
  top: 10px;
  transform: translateX(-50%);
  width: min(980px, 82%);
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,0.18),
    rgba(141,55,255,0.22),
    rgba(255,43,214,0.16),
    rgba(255,255,255,0.18),
    rgba(255,255,255,0)
  );
  pointer-events:none;
}

/* Header-rij: titel links, knop rechts */
.elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases .ilr-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  margin-bottom: clamp(18px, 2vw, 26px);
}

/* Titel-stack spacing (H2 + subline) */
.elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases .ilr-section-title{
  display:flex;
  flex-direction:column;
  gap: 8px;
}

/* H2: strak, premium, geen schreeuw */
.elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases .ilr-section-title .elementor-heading-title{
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
}

/* Subline: helder en compact */
.elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases .ilr-section-title .elementor-widget-text-editor{
  opacity: 0.88;
  font-size: 14px;
}

/* Bekijk-alles knop: glass pill, ILR-waardig */
.elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases .ilr-section-cta .elementor-button{
  border-radius: 999px;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,0.22);
  background: linear-gradient(
    135deg,
    rgba(255,43,214,0.14),
    rgba(141,55,255,0.10)
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
}

/* Hover: subtiel, niet disco */
.elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases .ilr-section-cta .elementor-button:hover{
  border-color: rgba(255,255,255,0.34);
  transform: translateY(-1px);
}

/* Responsive: header stacken en centreren */
@media (max-width: 767px){
  .elementor-5969 .elementor-element.elementor-element-2cdf80c.ilr-section--newreleases .ilr-section-header{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-eaa3dd4 *//* ILR — Loop Carousel: zijruimte + gelijke kaarten + glow niet afkappen */

/* 1) Geef de carousel “stage” ruimte links/rechts */
.elementor-5969 .elementor-element.elementor-element-eaa3dd4{
  padding-left: clamp(14px, 2.2vw, 34px);
  padding-right: clamp(14px, 2.2vw, 34px);
}

/* 2) Laat alles buiten de widget zichtbaar (glow) */
.elementor-5969 .elementor-element.elementor-element-eaa3dd4 .elementor-swiper,
.elementor-5969 .elementor-element.elementor-element-eaa3dd4 .swiper{
  overflow: visible !important;
}

/* 3) Wrapper ook niet knijpen + nette verticale uitlijning */
.elementor-5969 .elementor-element.elementor-element-eaa3dd4 .swiper-wrapper{
  align-items: stretch;
}

/* 4) Slides worden flex zodat kaart 100% hoogte kan vullen */
.elementor-5969 .elementor-element.elementor-element-eaa3dd4 .swiper-slide{
  display: flex;
  height: auto;
}

/* 5) Eerste child (jouw kaart/loop item) vult de slide; glow krijgt adem */
.elementor-5969 .elementor-element.elementor-element-eaa3dd4 .swiper-slide > *{
  height: 100%;
  width: 100%;
  display: flex;
}

/* 6) Extra adem rond elke kaart zodat glow niet tegen buren “plakt” */
.elementor-5969 .elementor-element.elementor-element-eaa3dd4 .swiper-slide{
  padding: 14px 12px 18px;  /* top/right/left/bottom */
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-2260140 *//* ILR Scroll Arrow — match de scheider exacter */
.elementor-5969 .elementor-element.elementor-element-2260140{
  --size: 48px;

  /* zelfde kleuren als scheider */
  --g1: var(--neon);     /* #8D37FF (paars) */
  --g2: var(--neon2);    /* #FF2BD6 (magenta) */
  --hot: #A244FF;        /* midden-hotspot zoals in de lijn */

  position: relative;
  display: inline-grid;
  place-items: center;
  width: var(--size);
  height: var(--size);
  border-radius: 9999px;
  cursor: pointer;
  margin-inline: auto;
  justify-self: center;
  align-self: center;
  z-index: 2;
}

/* idle: pijl in hotspot-kleur + hele subtiele dubbele gloed */
.elementor-5969 .elementor-element.elementor-element-2260140 .elementor-icon,
.elementor-5969 .elementor-element.elementor-element-2260140 i,
.elementor-5969 .elementor-element.elementor-element-2260140 svg{
  width: 1em; height: 1em;
  font-size: var(--size);
  color: var(--hot);
  fill: var(--hot);
  filter:
    drop-shadow(0 0 2px color-mix(in oklab, var(--hot) 60%, transparent))
    drop-shadow(0 0 4px color-mix(in oklab, var(--g1) 40%, transparent));
  transition: transform .25s ease, filter .25s ease, color .25s ease, fill .25s ease;
}

/* geen idle halo/beam */
.elementor-5969 .elementor-element.elementor-element-2260140::before,
.elementor-5969 .elementor-element.elementor-element-2260140::after{ content: none; }

/* hover: exactere scheider-look — paars→magenta met felle kern */
.elementor-5969 .elementor-element.elementor-element-2260140:hover .elementor-icon,
.elementor-5969 .elementor-element.elementor-element-2260140:hover i,
.elementor-5969 .elementor-element.elementor-element-2260140:hover svg{
  /* basis kleurovergang: eerst paars, kern lichtpaars, dan magenta */
  color: var(--g2);
  fill: var(--g2);
  filter:
    drop-shadow(0 0 8px var(--g1))            /* paars eerste gloed */
    drop-shadow(0 0 18px var(--g2))           /* magenta tweede gloed */
    drop-shadow(0 0 28px color-mix(in oklab, var(--hot) 70%, transparent)); /* hotspot */
  transform: translateY(2px) scale(1.08);
}

/* hover: halo met hotspot in het midden (zoals de lijn-glow) */
.elementor-5969 .elementor-element.elementor-element-2260140:hover::before{
  content:"";
  position:absolute; inset:-12px;
  border-radius:9999px;
  background:
    radial-gradient(circle at 50% 50%,
      color-mix(in oklab, var(--hot) 55%, transparent) 0 35%,
      color-mix(in oklab, var(--g1) 45%, transparent) 55%,
      transparent 75%);
  filter: blur(12px);
}

/* hover: verticale beam die start in paars en eindigt in magenta */
.elementor-5969 .elementor-element.elementor-element-2260140:hover::after{
  content:"";
  position:absolute; left:50%; top:95%;
  width:2px; height:56px; transform: translateX(-50%);
  background: linear-gradient(to bottom, var(--g1) 0%, var(--g2) 60%, transparent 95%);
  box-shadow:
    0 0 10px var(--g1),
    0 0 18px var(--g2);
}

/* active feedback */
.elementor-5969 .elementor-element.elementor-element-2260140:active{ transform: translateY(4px) scale(1.02); }/* End custom CSS */