.elementor-9586 .elementor-element.elementor-element-3fffea8{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9586 .elementor-element.elementor-element-453a4c6{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9586 .elementor-element.elementor-element-162dd8d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9586 .elementor-element.elementor-element-162dd8d{text-align:start;}.elementor-9586 .elementor-element.elementor-element-162dd8d img{width:100%;max-width:100%;height:100%;}.elementor-9586 .elementor-element.elementor-element-23cd4ce{--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:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:-30px;--margin-right:0px;}.elementor-9586 .elementor-element.elementor-element-23cd4ce.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-menu-toggle{margin:0 auto;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-nav-menu .elementor-item{letter-spacing:0.7px;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#281946;}.elementor-9586 .elementor-element.elementor-element-cfc5e5f{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-9586 .elementor-element.elementor-element-cfc5e5f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-9586 .elementor-element.elementor-element-18e331e{--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:flex-end;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9586 .elementor-element.elementor-element-ca0a827 > .elementor-widget-container{margin:5px 0px 0px 5px;padding:0px 0px 0px 0px;}.elementor-9586 .elementor-element.elementor-element-e4dd21f > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-9586 .elementor-element.elementor-element-e4dd21f{z-index:10000;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#FCEEEE;--toggle-button-icon-color:#FFFFFF;--toggle-icon-size:0px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:#FF2BD6;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--space-between-buttons:15px;}.elementor-9586 .elementor-element.elementor-element-e4dd21f .elementor-menu-cart__toggle .elementor-button{gap:14px;}.elementor-9586 .elementor-element.elementor-element-e4dd21f .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-9586 .elementor-element.elementor-element-51c4cf8{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-9586 .elementor-element.elementor-element-23cd4ce{--width:15%;}.elementor-9586 .elementor-element.elementor-element-18e331e{--width:85%;}}@media(min-width:768px){.elementor-9586 .elementor-element.elementor-element-3fffea8{--width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-cfc5e5f *//* =========================================================
   ILR — WORDPRESS MENU WIDGET
   Forceer hoofdmenu op 1 regel
========================================================= */

/* widget zelf */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f{
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* pak de echte hoofdmenu-lijst */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"]{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  white-space: nowrap !important;
}

/* alleen top-level items */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li{
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* ruimte tussen hoofditems */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li + li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li + li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li + li{
  margin-left: 16px !important;
}

/* links */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > a{
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.05 !important;
  text-decoration: none !important;
}

/* pijltje dichter erop */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > a .sub-arrow,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > a .sub-arrow,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > a .sub-arrow{
  margin-left: 4px !important;
}

/* spans in de link ook op 1 regel */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > a > span,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > a > span,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > a > span{
  white-space: nowrap !important;
}

/* voorkom dat submenu-css het hoofdmenu verticaal trekt */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > .sub-menu{
  white-space: normal !important;
}

/* desktop iets compacter als nodig */
@media (max-width: 1280px){
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li + li,
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li + li,
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li + li{
    margin-left: 12px !important;
  }
}

@media (max-width: 1160px){
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li + li,
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li + li,
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li + li{
    margin-left: 10px !important;
  }
}



/* =========================================================
   ILR — MENU BLOK 3
   TOP-LEVEL MENU STYLING
   Plakken onder de bestaande 1-regel CSS
========================================================= */

/* hoofdlinks: editorial, geen pill */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > a{
  position: relative !important;
  color: rgba(255,255,255,.84) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transition:
    color .18s ease,
    opacity .18s ease !important;
}

/* subtiele underline als hover/active signaal */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > a::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  height: 1px;
  border-radius: 1px;
  background:
    linear-gradient(90deg,
      rgba(141,55,255,0) 0%,
      rgba(141,55,255,.95) 38%,
      rgba(255,43,214,.88) 62%,
      rgba(255,43,214,0) 100%);
  opacity: 0;
  transform: scaleX(.76);
  transform-origin: center;
  transition:
    opacity .18s ease,
    transform .18s ease !important;
}

/* hover + actieve staat */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li:hover > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li.current-menu-item > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li.current-menu-ancestor > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li:hover > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li.current-menu-item > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li.current-menu-ancestor > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li:hover > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li.current-menu-item > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li.current-menu-ancestor > a{
  color: rgba(255,255,255,.96) !important;
}

.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li:hover > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li.current-menu-item > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li.current-menu-ancestor > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li:hover > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li.current-menu-item > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li.current-menu-ancestor > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li:hover > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li.current-menu-item > a::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li.current-menu-ancestor > a::after{
  opacity: .96;
  transform: scaleX(1);
}

/* als er een standaard WP/Blocksy pijltje als pseudo of span in zit:
   tekst en pijltje rustig houden */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > a .sub-arrow,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > a .sub-arrow,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > a .sub-arrow{
  opacity: .82 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  transform: translateY(1px);
}

/* chevrons iets helderder op hover */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li:hover > a .sub-arrow,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li:hover > a .sub-arrow,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li:hover > a .sub-arrow{
  opacity: 1 !important;
}

/* iets compacter op smallere desktop */
@media (max-width: 1280px){
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > a,
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > a,
  .elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > a{
    font-size: 16px !important;
  }
}


/* =========================================================
   ILR — MENU BLOK 4
   DROPDOWN / SUBMENU STYLING
   Plakken onder de bestaande menu-CSS
========================================================= */

/* top-level item als anchor voor submenu */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li{
  position: relative !important;
}

/* submenu-paneel */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > .sub-menu{
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  min-width: 250px !important;
  margin: 0 !important;
  padding: 10px !important;
  list-style: none !important;

  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.10) !important;

  background:
    radial-gradient(120% 100% at 0% 0%, rgba(141,55,255,.12), rgba(141,55,255,0) 48%),
    radial-gradient(120% 100% at 100% 0%, rgba(255,43,214,.08), rgba(255,43,214,0) 48%),
    linear-gradient(180deg, rgba(13,9,24,.985) 0%, rgba(8,6,18,.985) 100%) !important;

  box-shadow:
    0 22px 54px rgba(0,0,0,.56),
    inset 0 0 0 1px rgba(255,255,255,.03) !important;

  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 50 !important;

  transition:
    opacity .16s ease,
    transform .16s ease,
    visibility .16s ease !important;
}

/* open state */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li:hover > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li:focus-within > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li:hover > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li:focus-within > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li:hover > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li:focus-within > .sub-menu{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* submenu items */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > .sub-menu > li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > .sub-menu > li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > .sub-menu > li{
  margin: 0 !important;
  padding: 0 !important;
}

/* lucht tussen rijen */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > .sub-menu > li + li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > .sub-menu > li + li,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > .sub-menu > li + li{
  margin-top: 4px !important;
}

/* submenu links */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > .sub-menu > li > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > .sub-menu > li > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > .sub-menu > li > a{
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 12px 14px !important;
  border-radius: 13px !important;
  border: 1px solid transparent !important;

  color: rgba(255,255,255,.78) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  background: transparent !important;
  box-shadow: none !important;

  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease,
    transform .18s ease !important;
}

/* hover / active row */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > .sub-menu > li:hover > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > .sub-menu > li.current-menu-item > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > .sub-menu > li:hover > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > .sub-menu > li.current-menu-item > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > .sub-menu > li:hover > a,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > .sub-menu > li.current-menu-item > a{
  color: rgba(255,255,255,.94) !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.03),
      rgba(141,55,255,.10),
      rgba(255,43,214,.07)) !important;
  border-color: rgba(255,255,255,.06) !important;
  transform: translateX(2px) !important;
}

/* hover-bridge tussen hoofditem en submenu */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li::after,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li::after{
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: 100%;
  height: 16px;
  z-index: 49;
}

/* submenu iets sneller en stabieler */
.elementor-9586 .elementor-element.elementor-element-cfc5e5f .menu > li > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f ul.menu > li > .sub-menu,
.elementor-9586 .elementor-element.elementor-element-cfc5e5f [id^="menu-"] > li > .sub-menu{
  transition:
    opacity .12s ease,
    transform .12s ease,
    visibility .12s ease !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18e331e *//* =========================================================
   ILR — HEADER RIGHT UTILITY — FINAL
   Plaats: rechter inner container
   Doel:
   - search, wishlist en cart als 1 familie
   - 1 accentkleur: paars
   - tellers uniform
   - cart badge niet te dicht op prijs
   - geen dubbele pills
========================================================= */

.elementor-9586 .elementor-element.elementor-element-18e331e{
  --ilr-accent: #8D37FF;
  --ilr-accent-soft: rgba(141,55,255,.18);

  --ilr-ink: rgba(255,255,255,.92);
  --ilr-sub: rgba(255,255,255,.46);

  --ilr-line: rgba(255,255,255,.08);
  --ilr-line-hover: rgba(255,255,255,.13);

  --ilr-bg:
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.008)),
    rgba(255,255,255,.014);

  --ilr-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 6px 14px rgba(0,0,0,.12);

  --ilr-h: 46px;
  --ilr-r: 14px;
  --ilr-gap: 10px;
  --ilr-badge-size: 18px;
  --ilr-badge-fs: 10px;

  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ilr-gap);
  min-width: 0;
  overflow: visible !important;
}

.elementor-9586 .elementor-element.elementor-element-18e331e > .e-con,
.elementor-9586 .elementor-element.elementor-element-18e331e > .elementor-element{
  flex: 0 0 auto;
  min-width: 0;
  overflow: visible !important;
}

/* =========================================================
   1) SEARCH
========================================================= */
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search{
  position: relative;
  width: 224px;
  min-width: 224px;
  max-width: 224px;
  overflow: visible !important;
}

.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search__input{
  display: block;
  width: 100% !important;
  height: var(--ilr-h) !important;
  margin: 0 !important;
  padding: 0 18px !important;

  border-radius: var(--ilr-r) !important;
  border: 1px solid var(--ilr-line) !important;
  outline: 0 !important;

  background: var(--ilr-bg) !important;
  color: var(--ilr-ink) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: var(--ilr-shadow) !important;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease !important;
}

.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search__input::placeholder{
  color: var(--ilr-sub) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
}

.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search__input:hover{
  border-color: var(--ilr-line-hover) !important;
}

.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search__input:focus{
  border-color: rgba(141,55,255,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 0 0 1px rgba(141,55,255,.08),
    0 8px 18px rgba(0,0,0,.16) !important;
}

/* =========================================================
   2) WISHLIST — 1 compacte capsule
========================================================= */
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .elementor-widget-container,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .elementor-shortcode,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .tinv-wraper,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .wishlist_products_counter{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* alle mogelijke kliklagen */
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist a,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .wishlist_products_counter,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .tinvwl_add_to_wishlist_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0px !important;

  min-width: 46px !important;
  height: var(--ilr-h) !important;
  padding: 0 14px !important;
  margin: 0 !important;

  border-radius: var(--ilr-r) !important;
  border: 1px solid var(--ilr-line) !important;
  background: var(--ilr-bg) !important;
  box-shadow: var(--ilr-shadow) !important;

  color: var(--ilr-ink) !important;
  text-decoration: none !important;

  transition:
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}


.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist a:hover,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .wishlist_products_counter:hover,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .tinvwl_add_to_wishlist_button:hover{
  border-color: var(--ilr-line-hover) !important;
  transform: translateY(-1px);
}

/* hartje */
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist i,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist svg{
  color: var(--ilr-ink) !important;
  fill: currentColor !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 auto !important;
}

/* wishlist teller: zelfde badge-logica als cart */
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .wishlist_products_counter_number,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .tinvwl_add_to_wishlist_counter,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .count{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: var(--ilr-badge-size) !important;
  height: var(--ilr-badge-size) !important;
  padding: 0 5px !important;
  margin: 0 !important;

  border-radius: 999px !important;
  border: 0 !important;
  background: var(--ilr-accent) !important;
  color: #fff !important;

  font-size: var(--ilr-badge-fs) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

/* =========================================================
   ILR — HEADER CART ONLY — CLICK FIXED
   Doel:
   - native Elementor side-cart click behouden
   - hele pill = echte kliklaag
   - geen wrapper als nep-knop
========================================================= */

.elementor-9586 .elementor-element.elementor-element-18e331e{
  --ilr-accent: #8D37FF;
  --ilr-ink: rgba(255,255,255,.92);

  --ilr-line: rgba(255,255,255,.08);
  --ilr-line-hover: rgba(255,255,255,.13);

  --ilr-bg:
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.008)),
    rgba(255,255,255,.014);

  --ilr-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 6px 14px rgba(0,0,0,.12);

  --ilr-h: 46px;
  --ilr-r: 14px;
  --ilr-badge-size: 18px;
  --ilr-badge-fs: 10px;
}

/* outer wrappers kaal */
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart,
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart > .elementor-widget-container,
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__wrapper{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* wrapper is alleen layout, NIET de zichtbare capsule */
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper{
  display: inline-block !important;
  min-width: 118px !important;
  height: var(--ilr-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* DEZE anchor is de echte kliklaag én de zichtbare pill */
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart a.elementor-menu-cart__toggle_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 100% !important;
  height: 100% !important;
  min-width: 118px !important;
  padding: 0 14px !important;
  margin: 0 !important;

  border-radius: var(--ilr-r) !important;
  border: 1px solid var(--ilr-line) !important;
  background: var(--ilr-bg) !important;
  box-shadow: var(--ilr-shadow) !important;

  color: var(--ilr-ink) !important;
  text-decoration: none !important;
  transition:
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart a.elementor-menu-cart__toggle_button:hover{
  border-color: var(--ilr-line-hover) !important;
  transform: translateY(-1px);
}

/* toggle inner ook netjes centreren */
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* prijs */
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .woocommerce-Price-amount,
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .amount{
  color: var(--ilr-ink) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  margin-right: 4px !important;
}

/* badge */
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-button-icon-qty,
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .count{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: var(--ilr-badge-size) !important;
  height: var(--ilr-badge-size) !important;
  padding: 0 5px !important;
  margin: 0 0 0 6px !important;

  border-radius: 999px !important;
  border: 0 !important;
  background: var(--ilr-accent) !important;
  color: #fff !important;

  font-size: var(--ilr-badge-fs) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

/* eventuele pseudo counter uit */
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button-icon[data-counter]::after,
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-icon[data-counter]::after{
  display: none !important;
  content: none !important;
}

/* cart-panel boven de header houden */
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__container{
  z-index: 99999 !important;
}

/* responsive */
@media (max-width: 1280px){
  .elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper,
  .elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart a.elementor-menu-cart__toggle_button{
    min-width: 108px !important;
  }
}

@media (max-width: 1160px){
  .elementor-9586 .elementor-element.elementor-element-18e331e{
    --ilr-h: 44px;
  }

  .elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper,
  .elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart a.elementor-menu-cart__toggle_button{
    min-width: 102px !important;
  }
}

/* =========================================================
   4) FAMILIEGELIJKHEID — ALLES UITGELIJND
========================================================= */
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search,
.elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist,
.elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart{
  align-self: center !important;
}

/* =========================================================
   5) RESPONSIVE
========================================================= */
@media (max-width: 1280px){
  .elementor-9586 .elementor-element.elementor-element-18e331e{
    --ilr-gap: 8px;
    gap: var(--ilr-gap);
  }

  .elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search{
    width: 210px;
    min-width: 210px;
    max-width: 210px;
  }

  .elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper{
    min-width: 108px !important;
  }
}

@media (max-width: 1160px){
  .elementor-9586 .elementor-element.elementor-element-18e331e{
    --ilr-h: 44px;
  }

  .elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search{
    width: 192px;
    min-width: 192px;
    max-width: 192px;
  }

  .elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search__input,
  .elementor-9586 .elementor-element.elementor-element-18e331e .ilr-ajax-search__input::placeholder{
    font-size: 12px !important;
  }

  .elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist a,
  .elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .wishlist_products_counter,
  .elementor-9586 .elementor-element.elementor-element-18e331e .ilr-wishlist .tinvwl_add_to_wishlist_button{
    min-width: 34px !important;
  }

  .elementor-9586 .elementor-element.elementor-element-18e331e .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper{
    min-width: 102px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fffea8 *//* =========================================================
   ILR — HEADER OUTER SHELL
   STICKY SCROLL VERSION
   VERVANGT JE HUIDIGE HELE BLOK
========================================================= */

.elementor-9586 .elementor-element.elementor-element-3fffea8{
  --ilr-line: rgba(255,255,255,.08);
  --ilr-line-strong: rgba(255,255,255,.11);

  --ilr-purple: rgba(141,55,255,.16);
  --ilr-pink: rgba(255,43,214,.08);

  --ilr-shadow: 0 18px 48px rgba(0,0,0,.34);
  --ilr-shadow-sticky: 0 20px 54px rgba(0,0,0,.42);

  position: relative;
  isolation: isolate;
  z-index: 20;

  min-height: 96px;
  padding: 20px 28px !important;

  border-radius: 0;
  border: 1px solid var(--ilr-line);
  border-top: 0;

  background:
    radial-gradient(120% 140% at 0% 0%, var(--ilr-purple), transparent 42%),
    radial-gradient(100% 140% at 100% 0%, var(--ilr-pink), transparent 44%),
    linear-gradient(180deg, rgba(12,8,24,.985) 0%, rgba(8,6,18,.99) 100%);

  box-shadow:
    var(--ilr-shadow),
    inset 0 0 0 1px rgba(255,255,255,.02);

  overflow: visible !important;

  transition:
    min-height .22s ease,
    padding .22s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

/* lacquer / pearlescent film */
.elementor-9586 .elementor-element.elementor-element-3fffea8::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;

  background:
    linear-gradient(115deg,
      rgba(255,255,255,.11) 0%,
      rgba(255,255,255,.04) 14%,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,.025) 70%,
      rgba(255,255,255,0) 100%);
  opacity: .56;

  transition: opacity .22s ease;
}

/* directe kinderen boven de film */
.elementor-9586 .elementor-element.elementor-element-3fffea8 > .e-con,
.elementor-9586 .elementor-element.elementor-element-3fffea8 > .elementor-element{
  position: relative;
  z-index: 2;
}

/* dunne spanningslijn onderaan */
.elementor-9586 .elementor-element.elementor-element-3fffea8::after{
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: -1px;
  height: 1px;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(90deg,
      rgba(141,55,255,0) 0%,
      rgba(141,55,255,.26) 20%,
      rgba(255,255,255,.14) 50%,
      rgba(255,43,214,.22) 80%,
      rgba(255,43,214,0) 100%);

  transition: left .22s ease, right .22s ease, opacity .22s ease;
}

/* =========================================================
   STICKY SCROLL STATE
   Dit is wat bij scroll actief wordt
========================================================= */
.elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--effects{
  min-height: 82px;
  padding: 12px 24px !important;

  border-color: var(--ilr-line-strong);

  background:
    radial-gradient(120% 140% at 0% 0%, rgba(141,55,255,.12), transparent 40%),
    radial-gradient(100% 140% at 100% 0%, rgba(255,43,214,.06), transparent 42%),
    linear-gradient(180deg, rgba(10,7,20,.992) 0%, rgba(8,6,18,.998) 100%);

  box-shadow:
    var(--ilr-shadow-sticky),
    inset 0 0 0 1px rgba(255,255,255,.03);
}

.elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--effects::before{
  opacity: .48;
}

.elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--effects::after{
  left: 18px;
  right: 18px;
  opacity: .9;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 1024px){
  .elementor-9586 .elementor-element.elementor-element-3fffea8{
    min-height: 88px;
    padding: 16px 20px !important;
    border-radius: 0 0 20px 20px;
  }

  .elementor-9586 .elementor-element.elementor-element-3fffea8::after{
    left: 18px;
    right: 18px;
  }

  .elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--effects{
    min-height: 76px;
    padding: 10px 18px !important;
  }

  .elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--effects::after{
    left: 14px;
    right: 14px;
  }
}

/* =========================================================
   MOBIEL
========================================================= */
@media (max-width: 767px){
  .elementor-9586 .elementor-element.elementor-element-3fffea8{
    min-height: 82px;
    padding: 14px 14px !important;
    border-radius: 0 0 18px 18px;
  }

  .elementor-9586 .elementor-element.elementor-element-3fffea8::after{
    left: 14px;
    right: 14px;
  }

  .elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--effects{
    min-height: 72px;
    padding: 8px 12px !important;
  }

  .elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--effects::after{
    left: 10px;
    right: 10px;
  }
}


/* =========================================================
   ILR — HEADER AUTO-HIDE DIRECT FIX
   TOEVOEGEN ONDER JE HEADER-SHELL CSS
========================================================= */

/* compacte sticky staat */
.elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--active{
  min-height: 80px !important;
  padding: 10px 22px !important;
}

/* zoekveld compacter in sticky */
.elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--active .ilr-ajax-search{
  width: 178px !important;
  min-width: 178px !important;
  max-width: 178px !important;
  transition: width .22s ease, min-width .22s ease, max-width .22s ease;
}

/* echte auto-hide class direct op header */
.elementor-9586 .elementor-element.elementor-element-3fffea8.ilr-hide-on-scroll.elementor-sticky--active{
  transform: translateY(calc(-100% - 8px)) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.elementor-9586 .elementor-element.elementor-element-3fffea8.ilr-show-on-scroll.elementor-sticky--active{
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* transitions op shell */
.elementor-9586 .elementor-element.elementor-element-3fffea8{
  will-change: transform, opacity;
  transition:
    transform .26s ease,
    opacity .22s ease,
    min-height .22s ease,
    padding .22s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

@media (max-width: 1024px){
  .elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--active{
    min-height: 74px !important;
    padding: 8px 16px !important;
  }

  .elementor-9586 .elementor-element.elementor-element-3fffea8.elementor-sticky--active .ilr-ajax-search{
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
  }
}

/* mobiel: geen auto-hide */
@media (max-width: 767px){
  .elementor-9586 .elementor-element.elementor-element-3fffea8.ilr-hide-on-scroll.elementor-sticky--active,
  .elementor-9586 .elementor-element.elementor-element-3fffea8.ilr-show-on-scroll.elementor-sticky--active{
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}/* End custom CSS */