.elementor-708 .elementor-element.elementor-element-1578c73{--display:flex;--min-height:300px;--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;--justify-content:center;}.elementor-708 .elementor-element.elementor-element-1578c73:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-1578c73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f8230a8 );}.elementor-708 .elementor-element.elementor-element-cf304ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-708 .elementor-element.elementor-element-cf304ea .elementor-heading-title{font-family:"DM Serif Display", Sans-serif;font-size:50px;text-transform:none;letter-spacing:1px;word-spacing:-5px;color:var( --e-global-color-97dd8e9 );}.elementor-708 .elementor-element.elementor-element-29607f9{--display:flex;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-708 .elementor-element.elementor-element-fa10fcb .shop_table .button{background-color:var( --e-global-color-97dd8e9 );border-width:2px 2px 2px 2px;}.elementor-708 .elementor-element.elementor-element-fa10fcb{--sections-title-color:#000000;--links-normal-color:#000000;--forms-buttons-normal-text-color:#FFFFFF;--forms-buttons-border-type:solid;--forms-buttons-border-color:var( --e-global-color-97dd8e9 );}.elementor-708 .elementor-element.elementor-element-fa10fcb {--sections-descriptions-color:#000000;}.elementor-708 .elementor-element.elementor-element-bb84588{--display:flex;--min-height:125px;--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;--border-radius:0px 0px 0px 0px;--z-index:10;}.elementor-708 .elementor-element.elementor-element-bb84588:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-bb84588 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-97dd8e9 );}.elementor-708 .elementor-element.elementor-element-0b04cc3{--display:flex;}.elementor-708 .elementor-element.elementor-element-8d463c4 .elementor-button{background-color:#FFFFFF;font-size:18px;font-weight:700;fill:var( --e-global-color-97dd8e9 );color:var( --e-global-color-97dd8e9 );border-style:none;}.elementor-708 .elementor-element.elementor-element-18ecdbd{--display:flex;}.elementor-708 .elementor-element.elementor-element-743b53b .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-708 .elementor-element.elementor-element-743b53b{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:flex-end;--e-off-canvas-width:100%;--e-off-canvas-height:44vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-708 .elementor-element.elementor-element-9e67666{--display:flex;}.elementor-708 .elementor-element.elementor-element-04e94e4{--display:flex;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-708 .elementor-element.elementor-element-7790883{--display:flex;--min-height:400px;--justify-content:flex-end;--overlay-opacity:0.42;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-708 .elementor-element.elementor-element-7790883:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-7790883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sweetnote.nl/wp-content/uploads/2026/02/Sweet-Note-Fotos-Illustraties.png");background-position:center center;background-size:cover;}.elementor-708 .elementor-element.elementor-element-7790883::before, .elementor-708 .elementor-element.elementor-element-7790883 > .elementor-background-video-container::before, .elementor-708 .elementor-element.elementor-element-7790883 > .e-con-inner > .elementor-background-video-container::before, .elementor-708 .elementor-element.elementor-element-7790883 > .elementor-background-slideshow::before, .elementor-708 .elementor-element.elementor-element-7790883 > .e-con-inner > .elementor-background-slideshow::before, .elementor-708 .elementor-element.elementor-element-7790883 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-708 .elementor-element.elementor-element-e3cb387{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-708 .elementor-element.elementor-element-e3cb387.elementor-element{--align-self:center;}.elementor-708 .elementor-element.elementor-element-e3cb387 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-e3cb387 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-708 .elementor-element.elementor-element-e3cb387 .elementor-icon-list-text{transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-df4ce91{text-align:center;}.elementor-708 .elementor-element.elementor-element-df4ce91 .elementor-heading-title{font-size:26px;font-weight:900;color:#FFFFFF;}.elementor-708 .elementor-element.elementor-element-60a74ec{width:var( --container-widget-width, 80% );max-width:80%;background-color:var( --e-global-color-97dd8e9 );padding:10px 10px 10px 10px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:25px 25px 25px 25px;--e-icon-list-icon-size:22px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-708 .elementor-element.elementor-element-60a74ec:hover{background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-97dd8e9 );}.elementor-708 .elementor-element.elementor-element-60a74ec.elementor-element{--align-self:center;}.elementor-708 .elementor-element.elementor-element-60a74ec .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-60a74ec .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-708 .elementor-element.elementor-element-60a74ec .elementor-icon-list-item > .elementor-icon-list-text, .elementor-708 .elementor-element.elementor-element-60a74ec .elementor-icon-list-item > a{font-size:14px;font-weight:700;}.elementor-708 .elementor-element.elementor-element-60a74ec .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-60a74ec .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-97dd8e9 );}.elementor-708 .elementor-element.elementor-element-7122341{--display:flex;--min-height:400px;--justify-content:flex-end;--overlay-opacity:0.42;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-708 .elementor-element.elementor-element-7122341:not(.elementor-motion-effects-element-type-background), .elementor-708 .elementor-element.elementor-element-7122341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sweetnote.nl/wp-content/uploads/2026/02/f23b2ea3-fd4a-466e-9ec5-26051128d53a.png");background-position:center center;background-size:cover;}.elementor-708 .elementor-element.elementor-element-7122341::before, .elementor-708 .elementor-element.elementor-element-7122341 > .elementor-background-video-container::before, .elementor-708 .elementor-element.elementor-element-7122341 > .e-con-inner > .elementor-background-video-container::before, .elementor-708 .elementor-element.elementor-element-7122341 > .elementor-background-slideshow::before, .elementor-708 .elementor-element.elementor-element-7122341 > .e-con-inner > .elementor-background-slideshow::before, .elementor-708 .elementor-element.elementor-element-7122341 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-708 .elementor-element.elementor-element-a3503ee{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-708 .elementor-element.elementor-element-a3503ee.elementor-element{--align-self:center;}.elementor-708 .elementor-element.elementor-element-a3503ee .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-a3503ee .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-708 .elementor-element.elementor-element-a3503ee .elementor-icon-list-text{transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-843d7c2{text-align:center;}.elementor-708 .elementor-element.elementor-element-843d7c2 .elementor-heading-title{font-size:26px;font-weight:900;color:#FFFFFF;}.elementor-708 .elementor-element.elementor-element-0fa2636{width:var( --container-widget-width, 80% );max-width:80%;background-color:var( --e-global-color-97dd8e9 );padding:10px 10px 10px 10px;--container-widget-width:80%;--container-widget-flex-grow:0;border-radius:25px 25px 25px 25px;--e-icon-list-icon-size:22px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-708 .elementor-element.elementor-element-0fa2636:hover{background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-97dd8e9 );}.elementor-708 .elementor-element.elementor-element-0fa2636.elementor-element{--align-self:center;}.elementor-708 .elementor-element.elementor-element-0fa2636 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-0fa2636 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-708 .elementor-element.elementor-element-0fa2636 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-708 .elementor-element.elementor-element-0fa2636 .elementor-icon-list-item > a{font-size:14px;font-weight:700;}.elementor-708 .elementor-element.elementor-element-0fa2636 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-708 .elementor-element.elementor-element-0fa2636 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-97dd8e9 );}.elementor-708 .elementor-element.elementor-element-585c165{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-708 .elementor-element.elementor-element-585c165.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-708 .elementor-element.elementor-element-cf304ea .elementor-heading-title{font-size:30px;}.elementor-708 .elementor-element.elementor-element-585c165{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-708 .elementor-element.elementor-element-585c165{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-708 .elementor-element.elementor-element-bb84588{--content-width:1255px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-fa10fcb *//* ======================================
   SWEET NOTE – CART (Elementor WooCommerce Cart)
   Plaats in: Weergave > Customizer > Extra CSS
====================================== */

.woocommerce .e-cart__container{
  gap: 28px;
}

/* Maak beide kolommen wat 'cardy' */
.woocommerce .e-cart-section{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.10);
  padding: 22px;
}

/* Subtiele page background vibe (alleen cart) */
body.woocommerce-cart .site-main,
body.woocommerce-cart .elementor-location-single,
body.woocommerce-cart .elementor-location-archive{
  background: #f3f4f6;
}

/* Table netter + minder “Excel vibe” */
.woocommerce table.shop_table{
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 14px !important;
}
.woocommerce table.shop_table thead th{
  font-weight: 700;
  color: rgba(17,17,17,0.65);
  border: 0 !important;
  padding: 0 10px 6px 10px !important;
}
.woocommerce table.shop_table tbody tr.cart_item{
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.woocommerce table.shop_table tbody tr.cart_item td{
  border: 0 !important;
  padding: 14px 10px !important;
  vertical-align: middle;
}
.woocommerce table.shop_table tbody tr.cart_item td:first-child{
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
.woocommerce table.shop_table tbody tr.cart_item td:last-child{
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

/* Product thumbnail rond */
.woocommerce .product-thumbnail img{
  border-radius: 14px;
}

/* Remove knop subtieler */
.woocommerce a.remove{
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  background: rgba(209,43,42,0.08);
  color: #D12B2A !important;
  font-weight: 900;
}
.woocommerce a.remove:hover{
  background: rgba(209,43,42,0.14);
}

/* Quantity input mooi */
.woocommerce .quantity input.qty{
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

/* Coupon rij als nette mini-card */
.woocommerce .coupon.e-cart-section{
  padding: 18px 18px;
}
.woocommerce .coupon .input-text{
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

/* Buttons algemeen */
.woocommerce .button,
.woocommerce button.button{
  border-radius: 16px !important;
  padding: 12px 16px !important;
  font-weight: 700 !important;
}

/* Update cart button (secundair) */
.woocommerce-cart button[name="update_cart"]{
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 14px 35px rgba(0,0,0,0.18);
}

/* Totals sectie titel */
.woocommerce .cart_totals > h2{
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 14px;
}

/* Totals table netter */
.woocommerce .cart_totals table.shop_table{
  border-spacing: 0 !important;
}
.woocommerce .cart_totals table.shop_table th,
.woocommerce .cart_totals table.shop_table td{
  padding: 12px 0 !important;
  border: 0 !important;
}
.woocommerce .cart_totals .order-total{
  border-top: 1px solid rgba(0,0,0,0.08);
}
.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td{
  padding-top: 14px !important;
}

/* ======================================
   CTA: Doorgaan naar kassa – full width + premium
====================================== */
.woocommerce .wc-proceed-to-checkout{
  margin-top: 16px;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button{
  width: 100% !important;
  display: block !important;
  text-align: center !important;

  background: #D12B2A !important;
  color: #fff !important;
  border: 0 !important;

  padding: 18px 18px !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  font-weight: 800 !important;

  box-shadow: 0 18px 45px rgba(209,43,42,0.28);
  position: relative;
}

/* ======================================
   Social proof bubble op hover (desktop)
   (zelfde idee als product add-to-cart)
====================================== */
@media (hover: hover) and (pointer: fine){
  .woocommerce .wc-proceed-to-checkout{
    position: relative;
  }

  .woocommerce .wc-proceed-to-checkout a.checkout-button::before{
    content: "Meer dan 1.000 klanten gingen je voor\A Beoordeeld met een 4,9/5";
    white-space: pre-line;

    position: absolute;
    left: 50%;
    bottom: calc(100% + 16px);
    transform: translateX(-50%) translateY(6px);

    width: 360px;
    max-width: 92vw;

    padding: 18px 22px 18px 72px;
    border-radius: 20px;

    background: #ffffff;
    color: #111;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    text-align: left;

    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 18px 45px rgba(0,0,0,0.18);

    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    z-index: 5;
  }

  .woocommerce .wc-proceed-to-checkout a.checkout-button::after{
    content: "★";

    position: absolute;
    left: calc(50% - 160px);
    bottom: calc(100% + 16px);

    transform: translateY(-50%) translateY(6px);

    width: 36px;
    height: 36px;
    border-radius: 50%;

    background: #D12B2A;
    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    box-shadow: 0 8px 20px rgba(209,43,42,0.35);

    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    z-index: 6;
  }

  .woocommerce .wc-proceed-to-checkout a.checkout-button:hover::before{
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  .woocommerce .wc-proceed-to-checkout a.checkout-button:hover::after{
    opacity: 1;
    transform: translateY(-50%);
  }
}

/* Mobiel: iets meer lucht */
@media (max-width: 767px){
  .woocommerce .e-cart-section{
    padding: 18px;
    border-radius: 18px;
  }
  .woocommerce .e-cart__container{
    gap: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e3cb387 *//* ===============================
   USP Premium Boxes – Compact
================================ */

/* Layout */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* altijd onder elkaar */
  gap: 12px; /* minder ruimte tussen items */
}

/* Individuele box */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li{
  position: relative;
  padding: 14px 16px 14px 50px; /* minder padding */
  background: #ffffff;
  border-radius: 14px; /* iets subtieler */
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08); /* iets minder zwaar */
  font-size: 15px;
  font-weight: 500;
  transition: all .2s ease;
}

/* Hover */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.14);
}

/* Rode icon-cirkel */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li::before{
  content: "★";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px; /* kleiner */
  height: 26px;
  background: #D12B2A;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(209,43,42,0.3);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a3503ee *//* ===============================
   USP Premium Boxes – Compact
================================ */

/* Layout */
.elementor-708 .elementor-element.elementor-element-a3503ee ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* altijd onder elkaar */
  gap: 12px; /* minder ruimte tussen items */
}

/* Individuele box */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li{
  position: relative;
  padding: 14px 16px 14px 50px; /* minder padding */
  background: #ffffff;
  border-radius: 14px; /* iets subtieler */
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08); /* iets minder zwaar */
  font-size: 15px;
  font-weight: 500;
  transition: all .2s ease;
}

/* Hover */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.14);
}

/* Rode icon-cirkel */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li::before{
  content: "★";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px; /* kleiner */
  height: 26px;
  background: #D12B2A;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(209,43,42,0.3);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e3cb387 *//* ===============================
   USP Premium Boxes – Compact
================================ */

/* Layout */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* altijd onder elkaar */
  gap: 12px; /* minder ruimte tussen items */
}

/* Individuele box */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li{
  position: relative;
  padding: 14px 16px 14px 50px; /* minder padding */
  background: #ffffff;
  border-radius: 14px; /* iets subtieler */
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08); /* iets minder zwaar */
  font-size: 15px;
  font-weight: 500;
  transition: all .2s ease;
}

/* Hover */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.14);
}

/* Rode icon-cirkel */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li::before{
  content: "★";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px; /* kleiner */
  height: 26px;
  background: #D12B2A;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(209,43,42,0.3);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a3503ee *//* ===============================
   USP Premium Boxes – Compact
================================ */

/* Layout */
.elementor-708 .elementor-element.elementor-element-a3503ee ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* altijd onder elkaar */
  gap: 12px; /* minder ruimte tussen items */
}

/* Individuele box */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li{
  position: relative;
  padding: 14px 16px 14px 50px; /* minder padding */
  background: #ffffff;
  border-radius: 14px; /* iets subtieler */
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08); /* iets minder zwaar */
  font-size: 15px;
  font-weight: 500;
  transition: all .2s ease;
}

/* Hover */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.14);
}

/* Rode icon-cirkel */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li::before{
  content: "★";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px; /* kleiner */
  height: 26px;
  background: #D12B2A;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(209,43,42,0.3);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-e3cb387 *//* ===============================
   USP Premium Boxes – Compact
================================ */

/* Layout */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* altijd onder elkaar */
  gap: 12px; /* minder ruimte tussen items */
}

/* Individuele box */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li{
  position: relative;
  padding: 14px 16px 14px 50px; /* minder padding */
  background: #ffffff;
  border-radius: 14px; /* iets subtieler */
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08); /* iets minder zwaar */
  font-size: 15px;
  font-weight: 500;
  transition: all .2s ease;
}

/* Hover */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.14);
}

/* Rode icon-cirkel */
.elementor-708 .elementor-element.elementor-element-e3cb387 ul li::before{
  content: "★";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px; /* kleiner */
  height: 26px;
  background: #D12B2A;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(209,43,42,0.3);
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a3503ee *//* ===============================
   USP Premium Boxes – Compact
================================ */

/* Layout */
.elementor-708 .elementor-element.elementor-element-a3503ee ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* altijd onder elkaar */
  gap: 12px; /* minder ruimte tussen items */
}

/* Individuele box */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li{
  position: relative;
  padding: 14px 16px 14px 50px; /* minder padding */
  background: #ffffff;
  border-radius: 14px; /* iets subtieler */
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08); /* iets minder zwaar */
  font-size: 15px;
  font-weight: 500;
  transition: all .2s ease;
}

/* Hover */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.14);
}

/* Rode icon-cirkel */
.elementor-708 .elementor-element.elementor-element-a3503ee ul li::before{
  content: "★";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px; /* kleiner */
  height: 26px;
  background: #D12B2A;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(209,43,42,0.3);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-585c165 *//* =========================================================
   ELEMENTOR / SWIPER PROGRESS BAR — FORCE FIX
   Zet progressbar ONDER de carousel + SweetNote rood
========================================================= */

/* 1) Zorg dat de carousel wrapper ruimte geeft onderaan */
.elementor-708 .elementor-element.elementor-element-585c165 .swiper,
.elementor-708 .elementor-element.elementor-element-585c165 .swiper-container,
.elementor-708 .elementor-element.elementor-element-585c165 .elementor-swiper,
.elementor-708 .elementor-element.elementor-element-585c165 .elementor-main-swiper{
  padding-bottom: 26px !important; /* ruimte voor balk */
}

/* 2) Progressbar container: altijd zichtbaar en onderaan */
.elementor-708 .elementor-element.elementor-element-585c165 .swiper-pagination{
  position: relative !important;   /* niet absolute bovenop */
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  margin-top: 14px !important;
  width: 100% !important;

  display: block !important;
  opacity: 1 !important;
  pointer-events: none;            /* geen rare klik issues */
  z-index: 5 !important;
}

/* 3) Progressbar track */
.elementor-708 .elementor-element.elementor-element-585c165 .swiper-pagination.swiper-pagination-progressbar{
  height: 10px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.10) !important;
}

/* 4) Progressbar fill — HARD FORCE rood */
.elementor-708 .elementor-element.elementor-element-585c165 .swiper-pagination-progressbar-fill{
  background: #D72626 !important; /* SweetNote rood */
  border-radius: 999px !important;
  opacity: 1 !important;
  box-shadow: 0 6px 16px rgba(215,38,38,0.30) !important;

  /* Soms zet Elementor width/transform raar; Swiper gebruikt transform scaling:
     dit laten we toe, maar zorgen dat het zichtbaar is */
  display: block !important;
}

/* 5) Extra: als Elementor een andere layer gebruikt */
.elementor-708 .elementor-element.elementor-element-585c165 .swiper-horizontal > .swiper-pagination-progressbar,
.elementor-708 .elementor-element.elementor-element-585c165 .swiper-pagination-progressbar.swiper-pagination-horizontal{
  bottom: auto !important;
  top: auto !important;
}

/* 6) (Optioneel) iets subtieler op mobiel */
@media (max-width: 767px){
  .elementor-708 .elementor-element.elementor-element-585c165 .swiper-pagination.swiper-pagination-progressbar{
    height: 8px !important;
  }
  .elementor-708 .elementor-element.elementor-element-585c165 .swiper,
  .elementor-708 .elementor-element.elementor-element-585c165 .swiper-container,
  .elementor-708 .elementor-element.elementor-element-585c165 .elementor-swiper,
  .elementor-708 .elementor-element.elementor-element-585c165 .elementor-main-swiper{
    padding-bottom: 22px !important;
  }
}/* End custom CSS */