.elementor-kit-11{--e-global-color-primary:#1F3123;--e-global-color-secondary:#516050;--e-global-color-text:#7A7A7A;--e-global-color-accent:#A14E2A;--e-global-color-3838983:#8DA47E;--e-global-typography-primary-font-family:"Bayon";--e-global-typography-primary-font-size:4rem;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Bayon";--e-global-typography-secondary-font-size:3rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1.125rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;font-size:1.125rem;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Roboto", Sans-serif;font-size:1.125rem;color:#FFFFFF;padding:1rem 2rem 1rem 2rem;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 h1{font-family:"Bayon", Sans-serif;font-size:4rem;}.elementor-kit-11 h2{font-family:"Bayon", Sans-serif;font-size:3rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* Alleen desktops/tablets – hover heeft geen nut op mobiel */
@media (min-width: 1024px) {
  /* Clip randen netjes */
  .zoom-carousel .swiper-slide > .e-con {
    overflow: hidden;
    background-position: center center; /* veiligheid */
    background-size: 100% auto;         /* start op 'cover'-achtig */
    transition: background-size .6s ease; 
    will-change: background-size;
  }

  /* Zoom de achtergrond op hover */
  .zoom-carousel .swiper-slide:hover > .e-con {
    background-size: 110% auto; /* speel met 108–115% voor smaak */
  }
/* Verhoog de hoogte en zet op COVER (bedekken) */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
    height: 500px !important;
    max-height: 600px !important;
    width: 100%;
    object-fit: cover !important; /* Bedekt het hele gebied */
    object-position: center; /* Centreer de afbeelding */
}

/* Pas de wrapper aan */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__wrapper {
    min-height: 500px;
}

/* Voor de Flexslider container */
.elementor-widget-woocommerce-product-images .flex-viewport {
    height: 500px !important;
}

/* Zorg dat thumbnails goed blijven staan */
.elementor-widget-woocommerce-product-images .flex-control-thumbs {
    margin-top: 15px;
}/* End custom CSS */