/* =====================================================================
   ARTBEAT JEWELS — ALGEMEEN
   Op elke pagina: header, megamenu, footer, winkelwagenlade (Caddy), pop-ups, productslider, zoekpaneel, knoppen.
   Geladen via functions.php (blok "Eigen CSS per paginatype").
   ===================================================================== */

/*hide site title*/
.site-title {
  display: none;
}

/* Remove Astra default header border */
.site-header,
.main-header-bar,
.ast-mobile-header-wrap,
.ast-primary-header-bar {
  box-shadow: none !important;
}

/*css mailpoet popup*/
input[type="email"] {
  text-align: center;
  font-family: "Lato" !important;
}

/*css 10% off popup*/
.sgpb-content-196,
.sgpb-content-321 {
  background-color: transparent !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.sgpb-content-321 .wp-block-image,
.sgpb-content-196 .wp-block-image {
  scale: 1.5 !important;
  padding-left: 10px !important;
  margin:50px 0px 50px 0px !important;
}

.sgpb-content-321 .sgpb-main-html-content-wrapper,
.sgpb-content-196 .sgpb-main-html-content-wrapper {
  padding-left: 40px;
  padding-right: 40px;
}

.sgpb-content-196 .column1,
.sgpb-content-321 .column1 {
  background-color: #F9D5D3FF !important;
  border-radius: 5px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sgpb-content-196 .column2,
.sgpb-content-321 .column2 {
  background-color: #FFF8F8 !important;
  border-radius: 5px !important;
  padding-left: 15px;
  padding-right: 15px;
}

.sgpb-content-196 .main-column,
.sgpb-content-321 .main-column {
  background-color: #FFF8F8 !important;
  column-gap: 0px !important;
}

.mailpoet_form .title {
  font-family: "Aesthet Nova";
  margin-top:0px !important;
}

.mailpoet_form .subtitle {
  font-family: "Lato";
}

.mailpoet_form .smalltext {
  font-family: "Lato";
  font-size: 11px !important;
}

.wp-block-buttons * {
  font-size: 16px !important;
  width: 75%;
}

@media screen and (max-width: 768px) {
  /*css 10% off popup mobile*/
  /* CSS - 10% Off Popup for Mobile */
  .sgpb-content-196 .column1,
  .sgpb-content-321 .column1 {
    background-color: #F9D5D3FF !important;
    border-radius: 5px !important;
    height: auto !important;
  }

  .sgpb-content-196 .column2,
  .sgpb-content-321 .column2 {
    background-color: #FFF8F8 !important;
    border-radius: 5px !important;
  }

  .sgpb-content-321 .column2 {
    padding-top:25px;
  }

  .sgpb-content-196 .column1 > *,
  .sgpb-content-321 .column1 > * {
    width: 250px;
  }

  .wp-block-heading {
    font-size: 36px !important;
    margin-top: 0px !important;
  }

  .wp-block-button.sg-popup-close {
    margin-bottom: 35px !important;
  }

  .mailpoet_form .title {
    font-size: 36px !important;
  }

  .sgpb-content-321 .wp-block-image,
  .sgpb-content-196 .wp-block-image {
    scale: 1.9 !important;
    margin:40px 0px 10px 0px !important;
  }

  #sg-popup-content-wrapper-321 .mailpoet-heading.title.mailpoet-has-font-size {
    margin-top:-50px !important;
  }

  #sg-popup-content-wrapper-196 .mailpoet-heading.title.mailpoet-has-font-size {
    margin-top:-25px !important;
  }

}

/*css primary menu*/
.main-header-menu li a:hover {
  text-decoration: underline;
}

/*css main banner*/
.main-banner .n2-ss-slide-background,
.main-banner .n2-ss-slide .main-slider1 {
  border-radius: 5px !important;
  overflow: hidden !important;
  max-width: 100vw !important;
  margin: 0 auto !important;
}

/* Target the color on slider frontend */
.slider-title * {
  font-family: "Aesthet Nova" !important;
  font-size: 40px !important;
  margin-bottom:25px;
  text-align: center !important;
  font-weight: 400 !important;
}

.slider-text * {
  font-family: "Lato" !important;
  text-align: center !important;  font-size: 22px !important;
  margin-bottom:35px;
}

.slider-button * {
  font-family: "Lato" !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  border-radius: 5px !important;
}

/* Hide Wishlist, Compare, and Quick View buttons in slider */
.products .product [class*="wishlist"],
.products .product [class*="compare"],
.products .product [class*="quickview"],
.products .product .product-actions,
.products .product .woo-action-buttons {
  display: none !important;
}

/* product slider*/
#wps-slider-section .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {
  border-radius: 5px !important;
}

.wps-product-data {
  background-color: transparent !important;
  border-radius: 5px !important;
}

/* Portrait tile, no crop, matches uncropped source */
.wps-slider-section .wps-product-image,
.wps-slider-section .sp-wps-product-image-area {
  aspect-ratio: 2/3;
  overflow: hidden !important;
}

.wps-slider-section .wpsf-product-img,
.wps-slider-section .sp-smart-swatches-original-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center;
}

/* Prevent hover-scale from being clipped in product slider */
.wps-slider-section,
.wps-slider-section .swiper,
.wps-slider-section .swiper-wrapper,
.wps-slider-section .swiper-slide {
  overflow: visible !important;
}

/* Product slider tile hover scale */
.wps-slider-section .wpsf-product {
  transition: transform 0.2s ease;
  will-change: transform;
}

@media (max-width: 1023px) {
  /* Disable product tile hover scale on mobile */
  .wps-slider-section .wpsf-product {
    transform: none !important;
    transition: none !important;
  }

  .wps-slider-section .wpsf-product:hover {
    transform: none !important;
  }

}

.wps-slider-section * {
  overflow: visible !important;
}

.wpsf-product-title a {
  font-family: "Lato";
  font-size: 16px !important;
  color: #1e1e1e !important;
  font-weight: 400 !important;
}

.wpsf-product-title {
  margin-top:10px;
}

.wc-block-grid__product-title {
  font-family: "Lato";
  font-size: 18px !important;
  color: #1e1e1e !important;
  font-weight: 400 !important;
}

.wpsf-product-title a:hover {
  color: #1e1e1e !important;
}

.wpsf-product-price {
  font-family: "Lato";
  font-size: 18px !important;
  margin-top: 10px;
  margin-bottom: 15px;
  font-weight: 400 !important;
}

.se-btn {
  display: none !important;
}

.sp-wps-product-details {
  text-align:left !important;
}

.add_to_cart_button {
  font-size: 22px !important;
  font-family: "Lato" !important;
  color: #FFF8F8 !important;
  font-weight: 400 !important;
}

.swiper-pagination-horizontal {
  transform: scale(0.8); /* prevent enlarging */
}

/* Show all swatch labels by default */
body.single-product .product .summary .sp-smart-swatch-label-option {
  display: block !important;
  color: #1e1e1e !important;
  border-radius: 5px !important;
  border-color: #1e1e1e !important;
}

.sp-smart-swatch-label-option {
  color: #E03131 !important;
  border-radius: 5px !important;
  border-color: #1e1e1e !important;
}

/* Hide length swatches everywhere by default */
.sp-smart-swatches-container[data-swatches-attr="attribute_pa_length"] {
  display: none !important;
}

/* But show them in the main product summary only */
body.single-product .product > .summary .sp-smart-swatches-container[data-swatches-attr="attribute_pa_length"] {
  display: flex !important;
}

.sp-smart-swatches-item {
  background-color: transparent !important;
  outline: 1px solid transparent;
}

.sp-smart-swatches-item:hover {
  outline: 1px solid #1e1e1e !important;
}

.sp-smart-swatches-inner {
  border: 1px #FFF8F8 solid;
}

.sp-wps-product-details-inner {
  display: flex;
  flex-direction: column;
}

/* Move the swatches above the title */
.variations {
  order: 1;
}

.wpsf-product-title {
  order:0;
}

.wpsf-product-price {
  order: 1;
}

.wpsf-cart-button {
  order: 3;
}

.variations {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.wpsf-cart-button .add_to_cart_button {
  padding:15px 30px!important;
  background-color: #fef2f2 !important;
  color: #E03131 !important;
}

/* Cart + Checkout*/
.woocommerce-cart .woocommerce button.button,
.woocommerce-cart .woocommerce a.button,
.woocommerce-checkout .woocommerce a.button,
.woocommerce .widget_shopping_cart .buttons a.button,
.woocommerce .widget_shopping_cart .buttons a.checkout,
.woocommerce-mini-cart__buttons * {
  padding: 15px 30px !important;
  color: #FFF8F8 !important;
  font-size: 18px !important;
}

/* Center align and add top margin to Cart and Checkout titles */
.woocommerce-cart .woocommerce-title,
.woocommerce-checkout .woocommerce-title,
.woocommerce-cart h1.entry-title,
.woocommerce-checkout h1.entry-title {
  text-align: center;
  margin-top: 25px !important;
  margin-bottom: -40px !important;
  font-weight: 400 !important;
  font-size: 30px !important;
}

.woocommerce-cart .quantity input.qty {
  color: #1e1e1e !important;
  border: 1px solid #1e1e1e !important;
  border-radius: 5px !important;
}

/* Set default text size to 18px for cart, checkout, and mini-cart */
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-mini-cart,
.astra-cart-drawer {
  font-size: 16px !important;
}

/* Exclude headings from size change 
.woocommerce-cart h1,
.woocommerce-cart h2,
.woocommerce-cart h3,
.woocommerce-cart th,
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout th,
.woocommerce-mini-cart h1,
.woocommerce-mini-cart h2,
.woocommerce-mini-cart h3,
.woocommerce-mini-cart th,
.astra-cart-drawer h1,
.astra-cart-drawer h2,
.astra-cart-drawer h3,
.astra-cart-drawer th {
  font-size: inherit;
}

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  border: 1px solid #1e1e1e !important;
  color: #1e1e1e;
}*/
.woocommerce-checkout select,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .select2-container .select2-selection {
  border: 1px solid #1e1e1e !important;
  color: #1e1e1e !important;
}

.woocommerce-checkout .woocommerce-shipping-totals td label .amount,
.woocommerce-cart .woocommerce-shipping-totals td label .amount {
  font-weight: 400 !important;
}

.woocommerce-checkout #order_review {
  background-color: #FBF9F8 !important;
  border-radius: 5px;
  border: 1px solid #1e1e1e !important;
  padding-bottom: 25px !important;
}

body.woocommerce-checkout h3 {
  border: none !important;
  text-align: center !important;
  font-size: 22px !important;
}

/*.smart-swatch-tooltip-inner-text{
  display: none !important;
}*/
/*footer form*/
.mailpoet_form .submitbutton {
  width: 65px !important;
}

.mailpoet_form .submitbutton :hover {
  background-color: #FBF9F8 !important;
  box-shadow: 0px 0px 5px 1px #E0E0E0;
  transition: box-shadow 0.3s ease;
}

.mailpoet_form .submitbutton2 {
  width: auto !important;
  font-family: "Lato" !important;
  margin-top: 15px !important;
}

.mailpoet_form .submitbutton2 :hover {
  background-color: #FBF9F8 !important;
  box-shadow: 0px 0px 5px 1px #E0E0E0;
  transition: box-shadow 0.3s ease;
}

.mailpoet_form .submitbutton2 * {
  font-family: "Lato" !important;
}

.mailpoet_form .savebutton * {
  font-family: "Lato" !important;
  font-weight: 400 !important;
}

/* Show desktop form by default, hide mobile */
.form-desktop {
  display: block;
}

.form-mobile {
  display: none;
}

@media (max-width: 767px) {
  /* On mobile, reverse it */
  .form-desktop {
    display: none;
  }

  .form-mobile {
    display: block;
  }

}

/*sticky-header*/
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transform: translateY(0);
  transition: transform 0.3s ease;
}

.site-header.hide-on-scroll {
  transform: translateY(-100%);
}

/* Add padding to top of main content to avoid it going under the header 
.site-content {
  padding-top: 144px;
}*/
/*remove scroll to top arrow*/
#ast-scroll-top {
  display: none !important;
}

/*menu-hover: blur site content instead of grey overlay*/
.site-content::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: transparent;      /* no more grey */
  background-color: rgba(255, 255, 255, 0.25); /* white overlay */
  backdrop-filter: blur(8px);          /* blur what's behind the overlay */
  -webkit-backdrop-filter: blur(8px);  /* Safari support */
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
}

body.menu-hover .site-content::before,
body.abj-search-blur .site-content::before {
  opacity: 1;
}

/* Alleen tijdens open zoekpaneel: overlay klikbaar maken + kruisjes-cursor tonen */
body.abj-search-blur .site-content::before {
  pointer-events: auto;
  cursor:
  url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\"><circle cx=\"17\" cy=\"17\" r=\"16\" fill=\"%23FFF8F8\" stroke=\"%23FFE4E3\" stroke-width=\"1.5\"/><path d=\"M12 12L22 22M22 12L12 22\" stroke=\"%23FFE4E3\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>") 17 17,
  pointer;
}

.site-content {
  position: relative;
  z-index: 1;
}

/*adjust css footer menu html widget*/
.footer-menu-custom {
  font-family: "Lato", sans-serif;
}

.footer-columns {
  display: flex;
  gap: 70px;
  font-size: 20px;
  text-align: left;
}

.footer-heading {
  font-weight: 400;
  color: #FFF8F8;
  margin-bottom: 10px;
}

.footer-menu-custom a {
  color: #1e1e1e;
  display: block;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-menu-custom {
  font-size:18px !important;
}

.footer-menu-custom a:hover {
  color: #FFF8F8;
}

.top-banner-link {
  text-decoration: underline !important;
}

/*10% dynamic popup*/
.sgpb-content-196 .column2 .first-content-button * {
  font-family: "Lato" !important;
  font-weight: 400;
  background-color: #E03131 !important;
  color: #FFF8F8 !important;
}

.sgpb-content-196 .column2 .sg-popup-close * {
  font-family: "Lato" !important;
  color: #E03131 !important;
  font-weight: 400;
  background-color: #FFF8F8 !important;
}

.sgpb-content-196 .column2 .first-content {
  text-align:center !important;
}

/*dynamic popup mailpoet form top*/
.sgpb-content-196 .column2 .mailpoet_form {
  margin-top: -25px !important;
}

.ast-archive-description {
  border: none;
  padding-bottom:0px !important;
}

.ast-grid-common-col {
  background-color: #fbf9f8 !important;
  border-radius:5px !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 5px !important;
}

.woocommerce-loop-product__title {
  font-family: "Aesthet Nova";
  font-size: 28px !important;
  color: #E03131 !important;
  font-weight: 400 !important;
}

.woocommerce-loop-product__title:hover {
  text-decoration: underline !important;
  color: #E03131 !important;
}

.price {
  font-family: "Lato";
  font-size: 18px !important;
  margin-bottom: 15px;
  font-weight: 400 !important;
}

.sp-smart-swatches_ajax_add_to_cart {
  font-size: 18px !important;
  font-family: "Lato" !important;
  color: #FFF8F8 !important;
  font-weight: 400 !important;
  background-color: #E03131 !important;
}

.sp-smart-swatches_ajax_add_to_cart:hover {
  background-color: #E03131 !important;
  color: #FFF8F8 !important;
}

.sp-smart-swatches_ajax_add_to_cart {
  padding:15px 30px!important;
}

/*single product page*/
.entry-title {
  font-size: 30px !important;
}

.woocommerce-product-details__short-description {
  font-size: 16px !important;
  color: #1e1e1e !important;
  display: none !important;
}

body.single-product .single_add_to_cart_button {
  width:100% !important;
  background-color: #FFE4E3 !important;
  color: #E03131 !important;
  font-size:18px;
  margin:10px;
  padding:25px !important;
  border-radius:5px;
  border: 1px #FFE4E3 solid;
}

body.single-product .single_add_to_cart_button:hover {
  background-color: #FFE4E3 !important;
  color: #E03131 !important;
  border-color: #FFE4E3 !important;
}

.size-chart-button {
  color: #1e1e1e !important;
  border:none;
  font-size: 16px !important;
  font-family: "Lato";
  font-weight: 400;
}

.sgpb-content.sgpb-content-182.sgpb-theme-6-content.sg-popup-content {
  border-radius: 5px !important;
  box-shadow: none !important;
}

/* Customize the WooCommerce quantity field */
.woocommerce .quantity input.qty {
  border: 1px solid #1e1e1e;
  color: #1e1e1e;
  background-color: #FFF8F8
}

.my-custom-html.desktop-only img {
  box-shadow: none !important;
  border-radius: 5px;
}

/* Style variations form on single product page */
body.single-product .product > .summary .variations_form .variations {
  margin-bottom: 20px !important;
  border-radius: 5px;
}

.products .columns-4 .ast-article-single {
  background-color: #fbf9f8 !important;
  padding: 25px !important;
  border-radius: 5px !important;
}

.sp-smart-swatch-image-option:hover {
  outline: 1px solid #1e1e1e !important;
}

/* Hide charm swatches everywhere by default */
.sp-smart-swatches-container[data-swatches-attr="attribute_pa_charm"] {
  margin-top: 5px !important;
  display: none !important;
}

@media screen and (min-width: 769px) {
  body.single-product .site-content {
    width: 100%;          /* vult de ouder, i.p.v. de inhoud te meten */
    max-width: 1400px;
    min-width: 0;         /* mag kleiner worden dan de inhoud */
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    margin-top: 20px;
  }

}

/* Shared button styles for both types (incl. gift card) */
.create-yours-link,
.add_to_cart_button {
  padding: 15px 30px !important;
  color: #E03131 !important;
  width: 100%;
  text-align: center;
  font-size: 16px !important;
  font-family: "Lato" !important;
  font-weight: 400 !important;
  background-color: #fef2f2 !important;
  border: 1px solid #E03131 !important;
}

/* Hover styles */
.create-yours-link:hover,
.add_to_cart_button:hover,
.wbte-gc-product-addtocart-button:hover {
  color: #E03131 !important;
  background-color: #FFE4E3 !important;
  border-color: #FFE4E3 !important;
}

/*hide recaptcha badge*/
.grecaptcha-badge {
  display: none !important;
}

/*mobile cart*/
.astra-cart-drawer-header,
.astra-cart-drawer {
  border-color: #E03131 !important;
}

.ast-continue-shopping {
  background-color: #E03131 !important;
  color: #FFF8F8 !important;
  border-color: #E03131 !important;
  font-family: "Lato" !important;
}

.ast-continue-shopping:hover {
  background-color: #E03131 !important;
  color: #FFF8F8 !important;
}

.astra-cart-drawer-close,
.ast-cart-tablet-position-,
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  outline: none !important;
  box-shadow: none !important;
}

/* fix hamburger menu outline */
.ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
  border-width: 0px !important;
  outline:none;
}

.ast-mobile-popup-drawer.active .menu-toggle-close:focus {
  border-width: 0px !important;
  outline:none;
}

/* fix outline for mobile dropdown menu */
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
  border-width: 0px !important;
  outline:none;
  box-shadow: none !important;
  background-color:transparent !important;
}

.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle:focus,
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle:hover {
  border-width: 0px !important;
  outline:none;
}

/* Mobile menu item styles */
.ast-builder-menu-mobile .main-navigation .menu-item > a {
  color: #E03131 !important;
  background-color: transparent !important;
}

.ast-svg-iconset {
  background-color: transparent;
  width: 41px !important;
  height: 41px !important;
}

.menu-toggle-close .ast-svg-iconset .ast-close-svg {
  width: 25px !important;
  height: 25px !important;
  position: relative;
  top: 10px;
}

a.menu-link {
  font-family: "Lato" !important;
  font-size:25px;
  margin-left:10px;
}

/*menu mobile*/
button#menu-toggle-close.menu-toggle-close {
  border:0 !important;
  margin:6px !important;
}

.ast-mobile-popup-content {
  position:absolute !important;
  top:150px !important;
}

/* Font size for mobile submenu items */
.ast-builder-menu-mobile .main-navigation .sub-menu a {
  font-size: 20px;
}

.ast-menu-toggle {
  margin: 18px;
  color: #E03131 !important;
}

/* Hide arrows only in submenu items, not toggle buttons */
.ast-builder-menu-mobile .main-navigation .sub-menu .ast-icon.icon-arrow,
.main-header-menu .sub-menu .ast-icon.icon-arrow {
  display: none !important;
}

/* Add right arrow only to items with class 'arrow' */
/* Add right arrow only to items with class 'arrow' */
.main-header-menu .menu-item.arrow > a::after,
.ast-builder-menu-mobile .main-navigation .menu-item.arrow > a::after {
  content: "→";
  margin-left: 8px;
  font-size: 0.9em;
  display: inline-block;
}

/* Visually and functionally disable links with 'no-link' class */
.nolink.menu-item.menu-item-type-custom > a {
  pointer-events: auto; /* Allow click so JS works */
  cursor: pointer !important;
}

.extralink.menu-item.menu-item-type-custom > a {
  pointer-events: none;
  cursor: default !important;
  text-decoration: underline !important;
}

/* Make the specific menu item bold */
.menu-item-3484 > a {
  font-style: italic !important;
}

@media (max-width: 920px) {
  .ast-builder-menu-mobile .main-navigation .menu-item > a:hover {
    background-color: #FBF9F8 !important;
    text-decoration: none !important;
  }

}

/*mobile-main-banner*/
/* Hide mobile banner on desktop */
.desktop-banner {
  display: block;
}

.mobile-banner {
  display: none;
}

@media (max-width: 920px) {
  /* On screens 920px and smaller (mobile) */
  .desktop-banner {
    display: none;
  }

  .mobile-banner {
    display: block;
  }

}

.main-banner .n2-ss-slide-background,
.main-banner .n2-ss-slide .main-slider1-mobile {
  border-radius: 5px !important;
  overflow: hidden !important;
  max-width: 95vw !important;
  margin: 0 auto !important;
}

/* Target the color on slider frontend */
.slider-title-mobile * {
  font-family: "Aesthet Nova" !important;
  font-size: 30px !important;
  margin-top: 25px !important;
  margin-bottom:20px;
}

.slider-text-mobile * {
  font-family: "Lato" !important;
  font-size: 20px !important;
  color: #E03131 !important;
  margin-bottom:30px;
}

.slider-button-mobile * {
  font-family: "Lato" !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #FFF8F8 !important;
  background-color: #E03131 !important;
  border-radius: 5px !important;
}

.slider-button-mobile *
:hover {
  background-color: #E03131 !important;
  color: #FFF8F8 !important;
}

@media screen and (max-width: 768px) {
  #sp-woo-product-slider-1470,
  #sp-woo-product-slider-4691 {
    overflow: hidden !important;
    padding-right: 25px ;
  }

  #sp-woo-product-slider-1470 .swiper-wrapper,
  #sp-woo-product-slider-4691 .swiper-wrapper {
    overflow: visible !important;
  }

  #sp-woo-product-slider-1470 .swiper-slide,
  #sp-woo-product-slider-4691 .swiper-slide {

  }

}

#sp-woo-product-slider-1470 .swiper-pagination,
#sp-woo-product-slider-4691 .swiper-pagination {
  margin-top: 25px !important;
  margin-bottom: -10px;
}

@media (max-width: 767px) {
  #sp-woo-product-slider-1470 .swiper-pagination,
  #sp-woo-product-slider-4691 .swiper-pagination {
    margin-left: 35px;
    margin-bottom: 10px !important;
  }

}

.n2-ss-slider-controls.n2-ss-slider-controls-below {
  margin-top: 20px !important;
}

/* Show desktop version, hide mobile version by default */
.whats-new {
  display: block;
}

.whats-new-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  /* On screens 768px and below (mobile), switch visibility */
  .whats-new {
    display: none;
  }

  .whats-new-mobile {
    display: block;
  }

}

@media (max-width: 768px) {
  .full-button a.elementor-button {
    width: 90vw !important;
    display: block !important;
  }

}

@media screen and (max-width: 768px) {
  /* Target shop page and related products */
  body.post-type-archive-product .sp-smart-swatches-item,
  .single-product .related.products .sp-smart-swatches-item {
    min-width: 25px !important;
    min-height: 25px !important;
    height: 25px !important;
    border-radius: 5px !important;
    margin: -1px !important;
  }

  /* Shrink the inner swatch color area */
  body.post-type-archive-product .sp-smart-swatches-inner,
  .single-product .related.products .sp-smart-swatches-inner {
    width: 100% !important;
    height: 100% !important;
    border-radius: 5px !important;
  }

  /* Prices */
  body.post-type-archive-product .woocommerce-Price-amount,
  .single-product .related.products .woocommerce-Price-amount {
    font-size: 16px !important;
  }

  /* "Create Yours" button */
  /* Archive/shop/category grids */
  .woocommerce ul.products li.product a.button.create-yours-link,
  /* Related products on single product pages */
  .single-product .related a.button.create-yours-link,
  body.post-type-archive-product .button.product_type_variable.add_to_cart_button,
  .single-product .related.products .button.product_type_variable.add_to_cart_button {
    font-size: 15px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

}

/* Generic rule for all filter checkboxes */
.wpc-term-item-content-wrapper label {
  border-radius: 5px !important;
}

.wpc-filter-label-wrapper {
  border-radius: 5px !important;
  padding-right:13px !important;
  padding-left:13px !important;
}

.variations {
  border: none !important;
}

.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
  border-color: #bbbbbb !important;
}

.my-custom-html.mobile-only {
  font-family:"Lato" !important;
  font-size: 18px;
  border-radius: 5px;
}

.size-chart-button {
  font-size: 16px;
  border-radius: 5px;
  background-color:#FFF8F8 !important;
  color: #1e1e1e !important;
  text-decoration: underline;
  box-shadow: none;
  text-align: left !important;
  justify-content: flex-start !important;  /* if it's a flex button */
  padding-left: 0 !important;              /* remove left padding pushing text in */
}

/*remove related products
.single-product .related.products {
} */
body.single-product .wps-slider-section .wpsf-product-price {
  margin-bottom: 16px !important;
  margin-top: 10px !important;
}

body.single-product .product_title {
  font-weight: 400 !important;
  color: #1e1e1e;
}

@media screen and (max-width: 768px) {
  .artbeat-mobile-subtitle {
    display: none;
    font-family: "Lato", sans-serif;
    color: #E03131 !important;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
  }

}

/* Container: Full width + no inherited padding */
.custom-banner-slider.swiper {
  width: 80vw !important;
  margin:0 auto !important;
  padding: 0 !important;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  text-align: center;
  height: 30px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

/* Slide: Center content, fill screen, prevent wrapping */
.custom-banner-slider .swiper-slide {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center !important;
}

.custom-banner-slider .swiper-slide a {
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  .ast-above-header {
    display: flex !important;
  }

}

/*login page*/
/* General form styling */
body.woocommerce-page .woocommerce form.login {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  font-size: 18px;
  color: #1e1e1e;
}

/* Input fields */
body.woocommerce-page .woocommerce input.input-text {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  font-size: 16px;
  color: #1e1e1e;
}

/* Login button */
body.woocommerce-page .woocommerce button.woocommerce-form-login__submit {
  font-size: 18px;
  padding: 15px 30px;
  background-color: #FFF8F8;
  border: solid 1px #1e1e1e;
  color: #1e1e1e;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  font-weight: 400 !important;
  font-family: "Lato" !important;
}

/*register form*/
/* Register form container */
.woocommerce .u-column2.col-2 {
  border: none !important;
  box-shadow: none !important;
  padding: 20px !important;
}

/* Remove border from inner form */
.woocommerce .u-column2 .woocommerce-form-register {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Register button styling */
.woocommerce .u-column2 .woocommerce-Button {
  font-size: 18px;
  padding: 15px 30px;
  background-color: #FFF8F8;
  border: solid 1px #1e1e1e;
  color: #1e1e1e;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  font-weight: 400 !important;
  font-family: "Lato" !important;
}

.woocommerce .u-column2 .woocommerce-Button:hover {
  background-color: #FFF8F8;
  border-color: #1e1e1e;
}

.ast-woo-shop-product-description {
  margin-bottom: 15px !important;
  font-size:14px;
  color: #747474 !important;
}

/* Product page + sliders swatch size, excluding related products */
body.single-product .sp-smart-swatches-item:not(.related .sp-smart-swatches-item),
body.single-product .sp-smart-swatches-inner:not(.related .sp-smart-swatches-inner),
.wps-slider-section .sp-smart-swatches-item,
.wps-slider-section .sp-smart-swatches-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 5px;
  margin: -1px;
}

/* Swatch size inside the popup slider */
#cc-custom-popup #sp-woo-product-slider-4691 .sp-smart-swatches-item,
#cc-custom-popup #sp-woo-product-slider-4691 .sp-smart-swatches-inner {
  min-width: 20px !important;
  min-height: 20px !important;
  border-radius: 5px !important;
  margin: -1px !important;
}

/* Optional: if the plugin uses a container per attribute */
#cc-custom-popup #sp-woo-product-slider-4691 .sp-smart-swatches-container {
  justify-content: flex-start !important; /* match your left align */
}

/*adjust error message subscription:*/
.parsley-required {
  color: #E03131 !important;
  text-align: center !important;
}

/*remove the added to cart text*/
.woocommerce-message {
  display: none !important;
}

/*caddy cart*/
.cc_cart_count {
  display: none !important;
}

/* Set the size of the cart icon */
.ccicon-bag-3 {
  font-size: 20px;
}

.cc_cart_items_list .ccicon-cart::before {
  content: "" !important; /* the bag glyph's unicode — see note */
  font-size: 17px;
  font-weight: bold;
}

.ccicon-heart-empty {
  font-weight: bold;
}

.ccicon-heart-empty {
  font-size: 17px;
}

.cc-compass {
  display:none !important;
}

.cc-coupon {
  border:none;
}

.cc-window #tabby-toggle_cc-cart {
  font-weight: 400;
  color: #1e1e1e !important;
}

.cc-cart-nav {
  border-bottom: none !important;
}

/* Apply flexbox to the container */
.cc-inner-container {
  margin-top:15px;
  margin-bottom:15px;
}

.cc-header {
  border: none !important;
}

.cc-fs {
  background-color: #f3f3f3;
  border: none;
}

.cc-inner-container {
  margin-bottom:-5px;
}

.cc-fs-meter-used {
  background-color: #E03131 !important;
  animation: none !important;
  background-image: none !important;
}

.tier-marker {
  display:none !important;
}

.cc-fs-meter {
  background-color: #FFE4E3;
}

.cc-fs-meter-used {
  background-color: #E03131 !important;
}

.cc-product-link,
.cc_item_total_price .amount,
.cc-total-text,
.cc-total-amount {
  font-weight: 400 !important;
  font-size: 16px !important;
}

.cc-icon-lock {
  display:none !important;
}

.cc-cart-product-list,
.cc-pl-info-wrapper {
  border-color:#FFE4E3;
}

.cc-window .cc-button {
  font-weight: 400 !important;
}

.cc-subtotal-subtext {
  display:none !important;
}

.cc-button {
  border-radius:5px !important;
  border: 1px solid #1e1e1e;
  color: #1e1e1e !important;
  background-color: #FFF8F8 !important;
}

.cc-button.cc-button-primary {
  font-weight: 400 !important;
  font-size: 16px !important;
  border: none;
  background-color: #FFE4E3 !important;
  color: #E03131 !important;
}

.cc-cart-actions {
  margin-bottom: 25px;
}

.cc-notice {
  display:none !important;
}

.cc-window {
  z-index: 2147483647 !important;
}

#tabby-toggle_cc-cart {
  font-family: "Aesthet Nova" !important;
  font-size: 22px !important;
}

.cc-fs-title {
  text-align: left !important;
}

.cc-pl-upsells.caddy-recommendations label {
  text-align: center !important;
  font-family: "Aesthet Nova" !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #1e1e1e;
  margin-bottom:18px;
}

.slick-list * {
  background-color: #FFF8F8 !important;
  border-color: #FFF8F8 !important;
}

.slick-list {
  border-radius: 5px !important;
}

.cc-fs {
  display: flex;
  flex-direction: column;
}

.cc-fs .cc-fs-title {
  order: -1;
  margin-top: 0px !important;
  margin-bottom: 0.5rem;
}

.cc-fs .cc-rewards-meters {
  order: 0;
}

.cc-rewards-meter-container * {
  height:7px !important;
}

.cc_item_quantity_update:hover {
  background-color: transparent !important;
  color: #1e1e1e !important;
  border: 1px solid #1e1e1e !important;
}

.cc-product-upsells-wrapper {
  background-color: #FFE4E3 !important;
  border-color: #FFE4E3 !important;
  padding: 1px;
}

.title.caddy-product-link {
  font-size: 18px !important;
  font-family: "Lato" !important;
  font-weight:400 !important;
}

/* Make the Add to Cart button pill-shaped (50px radius) */
.single_add_to_cart_button {
  border-radius: 5px !important;
}

.cc-product-link,
.cc_item_total_price .amount,
.cc-total-text,
.cc-total-amount {
  font-weight: 400 !important;
  font-size: 16px !important;
}

.cc_item_content * {
  font-weight: 400 !important;
}

.slick-slide .amount {
  font-weight: 400 !important;
  font-size: 14px !important;
}

.slick-slide .cc_item_total_price {
  margin-bottom: -15px;
  margin-top: -5px;
}

.slick-list * {
  background-color: #FFF8F8 !important;
  border-color: #FFF8F8 !important
  ;
}

.single_add_to_cart_button.button.cc-button-sm.alt.caddy-add-to-cart.caddy-variation-add-to-cart {
  border-radius: 5px !important;
  width: 100% !important;
  padding: 12px 24px !important;
  border: 1px solid #E03131 !important;
}

.single_add_to_cart_button.button.cc-button-sm.alt.caddy-add-to-cart.caddy-variation-add-to-cart:hover {
  border-radius: 5px !important;
  width: 100% !important;
  padding: 12px 24px !important;
  border: 1px solid #FFE4E3 !important;
  color: #1e1e1e !important;
}

.added_to_cart.wc-forward {
  border-radius: 5px !important;
  width: 100% !important;
  padding: 12px 24px !important;
  border: 1px solid #E03131 !important;
  text-align: center !important;
  background-color: #fef2f2 !important;
  color: #E03131 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  height: auto !important;
  padding: 15px 30px !important;
}

.added_to_cart.wc-forward:hover {
  background-color: #FFE4E3 !important;
  border-color: #FFE4E3 !important;
}

.cc-original-price {
  display: none !important;
}

/*remove dotted outline on click*/
/* Hide the outline when the element is focused by mouse, but keep it for keyboard */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* Provide an accessible, consistent focus style for keyboard users */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid #1e1e1e;
  outline-offset: 2px;
  border-radius: 5px;
}

/* Mobile (default) */
.woocommerce ul.products li.product img {
  transform: scale(1.5) translateY(0px);
  transition: transform 0.3s ease;
}

@media (min-width: 1024px) {
  /* Desktop */
  .woocommerce ul.products li.product img {
    transform: scale(1.25) translateY(0px);
  }

}

/* Make related products images 25% larger and move 25px higher */
.woocommerce-page .related.products img {
  transform: scale(1.5) translateY(0px);
  transition: transform 0.3s ease;
}

.site-content {
  border-top: 0 !important;
}

@media (min-width: 1024px) {
  /* Square corners (no border radius) */
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) :is(.astra-shop-thumbnail-wrap img, .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail img) {
    border-radius: 5px;
  }

  /* Normalize both images */
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) :is(
  .astra-shop-thumbnail-wrap > a > img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
  .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail img
  ) {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    backface-visibility: hidden;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    will-change: opacity, transform;
  }

  /* Layer the original thumbnail above the base image, hidden by default */
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    z-index: 2;
    pointer-events: none; /* prevent flicker */
    transition: opacity 0.4s ease-in-out;
  }

  /* Default (no zoom yet) */
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail img {
    transform: scale(1.2) !important;
  }

}

@media (min-width: 1024px) { @supports selector(a:has(> img:hover)) {
  /* ---------- CHANGE: limit hover to the IMAGE only ---------- */
  /* Use :has() so the swap happens only when the actual image is hovered, not the swatches */
  /* Show original thumb + zoom when the main image is hovered */
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard)
  .astra-shop-thumbnail-wrap > a:has(> img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover)
  .sp-smart-swatches-original-thumbnail {
    opacity: 1 !important;
  }

  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard)
  .astra-shop-thumbnail-wrap > a:has(> img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover)
  .sp-smart-swatches-original-thumbnail img {
    transform: scale(1.25) !important;
  }

  /* Neutralize any broader wrapper :hover rules in case they exist */
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .astra-shop-thumbnail-wrap:hover .sp-smart-swatches-original-thumbnail {
    opacity: 0 !important;
  }

}}

@media (min-width: 1024px) {
  /*show thumbnail on hover in product slider*/
  /* Desktop only */
  /* Scope: ShapedPlugin sliders — make the image wrapper a rounded clip box */
  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .sp-wps-product-image-area,
  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .wps-product-image {
    position: relative;
    display: block;
    /* ⬇️ Keep top corners rounded even when images scale */
    border-radius: 5px;  /* top-left, top-right only */
    overflow: hidden;              /* clip scaled image to the rounded shape */
  }

  /* Normalize both images (let the container handle rounding) */
  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .wpsf-product-img,
  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .sp-smart-swatches-original-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    backface-visibility: hidden;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    will-change: opacity, transform;
    border-radius: 5px; /* important: no rounding on the imgs themselves */
  }

  /* The overlay image (hidden by default) */
  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .sp-smart-swatches-original-thumbnail {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out;
  }

  /* Default scale for the overlay */
  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .sp-smart-swatches-original-thumbnail img {
    transform: scale(1) !important;
  }

  /* Hover: fade swap + slight zoom */
  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .wps-product-image:hover .sp-smart-swatches-original-thumbnail {
    opacity: 1;
  }

  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .wps-product-image:hover .sp-smart-swatches-original-thumbnail img {
    transform: scale(1.0) !important;
  }

  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"]) .wps-product-image:hover > img.wpsf-product-img {
    opacity: 0;
  }

}

@media (max-width: 768px) {
  /* Pill styling (uses the plugin’s inner wrapper) */
  .post-type-archive-product .wpc-filter-product_cat .wpc-filter-label-wrapper {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 5px;
    border: 1px solid #E03131;
    background: #fff;
    line-height: 1;
    white-space: nowrap;
  }

  /* Active/checked state */
  .post-type-archive-product .wpc-filter-product_cat .wpc-label-input:checked + label .wpc-filter-label-wrapper {
    background: #E03131;
    color: #fff;
    border-color: #E03131;
  }

  /* Make the text link inherit chip styles */
  .post-type-archive-product .wpc-filter-product_cat .wpc-filter-link {
    color: inherit;
    text-decoration: none;
  }

}

/* adjust material description on product page*/
body.single-product.postid-8073 .abj-before-variation-note {
  color: #E03131;
}

.abj-before-variation-note {
  margin-top: -5px;
  margin-bottom: 25px;
  font-size: 16px;
  color: #1e1e1e !important;
}

/* First and second columns: show right border */
#hartslagDimensions thead th:first-child,
#hartslagDimensions thead th:nth-child(2),
#hartslagDimensions tbody th,
#hartslagDimensions tbody td:nth-child(2),
#size-chart-container table :nth-child(1),
#size-chart-container table :nth-child(2),
#size-chart-container table :nth-child(3) {
  border-right: 1px solid #1e1e1e !important;
}

.caddy-product-link img {
  scale: 1.4;
}

.slicewp-field-inner * {
  border-radius: 5px !important;
  border-color: #1e1e1e !important;
}

/*Gift card page*/
.wt_gc_email_wrapper,
.wt_gc_email_wrapper * {
  box-shadow: none !important;
}

.wt_gc_email_wrapper {
  border: 1px solid #E03131  !important;
}

.wt_gc_credit_denominations .wt_gc_credit_amount_label {
  font-size: 18px !important;
  color: #E03131 !important;
  margin-bottom: 25px !important;
}

.wt_gc_credit_denominations .denominaton_label {
  border: 1px solid #E03131  !important;
  border-radius: 5px !important;
  color: #E03131 !important;
  align-content: center !important;
  font-size: 15px !important;
  background-color: #FFF8F8;
}

.wt_gc_credit_denominations .denominaton_label:hover {
  background-color: #E03131  !important;
  color: #FFF8F8 !important;
}

.wt_gc_credit_denominations .wt_gc_selected_amount {
  border-radius: 5px !important;
  color: #FFF8F8 !important;
  background-color: #E03131  !important;
}

.wt_gc_gift_card_product_page_form_item input {
  border-radius: 5px !important;
  text-align: center !important;
  color: #E03131 !important;
  font-size: 16px !important;
  border: 1px solid #E03131 !important;
}

.wt_gc_gift_card_product_page_form {
  border:1px solid #E03131;   background:#FFE4E3;
  border-radius:5px;
  padding: 25px !important;
}

/*aanpassingen site layout*/
.site-header-primary-section-center {
  font-family: "Aesthet Nova" !important;
}

/*remove box shadow tips product page*/
img {
  box-shadow: none !important;
}

/* Make all slides the same height */
.wps-slider-section .swiper-slide {
  height: auto !important;
  display: flex;
}

/* Stretch product card to full slide height */
.wps-slider-section .wpsf-product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Product content wrapper */
.wps-slider-section .wps-product-data {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Push Add to Cart to bottom */
.wps-slider-section .wpsf-cart-button {
  margin-top: auto;
}

.wps-slider-section .wpsf-product {
  position: relative !important;
  padding-bottom: 70px !important; /* space for button */
}

/* Make the visible tile (data area) the containing box */
.wps-slider-section .wps-product-data {
  position: relative !important;
  padding-bottom: 70px !important; /* reserve space for button inside the tile */
}

/* Pin the button inside the tile */
.wps-slider-section .wps-product-data .wpsf-cart-button {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 !important;
  padding: 25px;
}

.woocommerce-loop-product__title {
  color: #E03131 !important;
}

.woocommerce-loop-product__title:hover {
  color: #E03131 !important;
  text-decoration: none !important;
}

summary {
  color: #E03131 !important;
}

/*gift-card page*/
.wt_gc_email_wrapper {
  border: none !important;
}

.wt_gc_gift_card_field {
  border-color: #E03131 !important;
  color: #E03131 !important;
}

.cc-pl-upsells.caddy-recommendations label {
  color: #E03131 !important;
}

/* Title text: "Your Cart" */
#tabby-toggle_cc-cart {
  color: #E03131 !important;
}

.mailpoet_form_paragraph a, .mailpoet_form_paragraph {
  color: #1e1e1e !important;
}

/* Price in the product slider (ShapedPlugin / wpsf) */
.wpsf-product-price,
.wpsf-product-price .amount,
.wpsf-product-price .woocommerce-Price-amount {
  color: #1e1e1e !important;
  font-size: 14px !important;
}

/* Price shown by Smart Swatches (original price) */
.sp-smart-swatches-original-price,
.sp-smart-swatches-original-price .amount,
.sp-smart-swatches-original-price .woocommerce-Price-amount {
  color: #E03131 !important;
}

.cc_item_quantity {
  background-color: #FFF8F8 !important; /* pick your color */
  color: #1e1e1e !important;
}

.woocommerce-form-coupon-toggle * {
  background-color: #FFE4E3 !important; /* pick your color */
  color: #E03131 !important;
  border: none;
}

/* Checkout main button */
.woocommerce-checkout #place_order {
  background-color: #FFE4E3 !important; /* button background */
  color: #E03131 !important;           /* text color */
  border: 1px solid #FFE4E3 !important;
  border-radius: 5px !important;
  font-family: "Lato" !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  padding: 18px 30px !important;
}

/* ===== CADDY CART: force red text everywhere ===== */
.cc-window,
.cc-window * {
  color: #1e1e1e !important;
}

/* Links */
.cc-window a,
.cc-window a * {
  color: #1e1e1e !important;
}

/* Apply Coupon button — match Checkout button */
.woocommerce-checkout .woocommerce button.button {
  background-color: #FFF8F8 !important;
  color: #1e1e1e !important;
  border: solid 1px #1e1e1e;
  font-size: 16px !important;
  font-family: "Lato" !important;
}

.slicewp-form * {
  color: #1e1e1e !important;
  border-color: #1e1e1e !important;
  font-size: 16px !important;
}

.slicewp-button-primary {
  background-color: #FFF8F8 !important;
  font-size: 18px !important;
  font-family: "Lato" !important;
  font-weight: 400 !important;
  color: #1e1e1e !important;
  border: solid 1px #1e1e1e !important;
}

@media (max-width: 920px) {
  .ast-mobile-popup-drawer .menu-toggle-close {
    color: #E03131 !important;
  }

}

.ast-mobile-popup-inner *,
.ast-mobile-popup-inner {
  background-color: #FFF8F8 !important;
}

.plus, .minus {
  color: #1e1e1e !important;
}

/* Checkout error message styling */
.woocommerce-error {
  background-color: #FFE4E3 !important;
  border-color: #E03131 !important;
  color: #E03131 !important;
}

/* Text inside the error */
.woocommerce-error li {
  color: #E03131 !important;
}

/* Error icon color */
.woocommerce-error::before {
  color: #E03131 !important; /* your brand red */
}

/* Remove inner borders */
.wc-payment-form {
  border: none !important;
}

/* Arrow above EACH payment box (match background) */
.woocommerce-checkout
.payment_box.payment_method_woocommerce_payments::before,
.woocommerce-checkout
.payment_box.payment_method_woocommerce_payments_bancontact::before,
.woocommerce-checkout
.payment_box.payment_method_woocommerce_payments_klarna::before,
.woocommerce-checkout
.payment_box.payment_method_ppcp-gateway::before {
  border-bottom-color: #FEF2F2 !important;
}

/* 1. Zorg dat de formulier-container de juiste rand krijgt */
.search-form {
  border: 1px solid #FFE4E3 !important;
}

/* 2. Verwijder de blauwe outline en schaduw van het invoerveld zelf tijdens het typen */
.search-form input[type="search"]:focus,
.search-form input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important; /* Voorkomt dat het invoerveld een eigen rand krijgt */
}

.cc-window .cc-button-primary .cc-icon-arrow-right {
  display: none !important;
}

@media (max-width: 768px) {
  /* Titel in de slider-tile */
  .wpsf-product-title a {
    font-size: 14px !important;
  }

  /* Prijs in de slider-tile */
  .wpsf-product-price,
  .wpsf-product-price .amount,
  .wpsf-product-price .woocommerce-Price-amount {
    font-size: 12px !important;
  }

  /* Add to cart + Create yours knoppen */
  .add_to_cart_button,
  .create-yours-link,
  .wpsf-cart-button .add_to_cart_button {
    font-size: 12px !important;
    padding: 0px !important;
    margin-top:0px !important;
  }

  .wps-slider-section .create-yours-link,
  .wps-slider-section .add_to_cart_button {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    white-space: nowrap !important;   /* tekst blijft op 1 lijn */
  }

}

#my-custom-html-container {
  background-color: #fef2f2;
  color: #1e1e1e;
  border: 1px solid #1e1e1e;
  border-radius: 5px;
  margin-bottom: 2em;
  padding: 25px !important;
  /* no display:flex here */
}

.hartslag-upload-btn {
  display: inline-block;
  padding: 15px 30px;
  background-color: #fef2f2;
  color: #1e1e1e;
  font-weight: 400;
  border: solid 1px #1e1e1e;
  width: 100% !important;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  margin-bottom:25px;
  margin-top:17px;
  font-size: 16px;
}

/* Smaller uploaded image preview */
.hartslag-upload-preview-img {
  max-width: 90px;
  height: auto;
  border-radius: 5px;
  display: block;
}

/* Remove button — styled to match your other site buttons */
#hartslag-upload-clear {
  font-size: 14px;
  padding: 8px 18px;
  border-radius: 5px;
  background-color: #FFF8F8;
  color: #1e1e1e;
  border: 1px solid #E03131;
  cursor: pointer;
  box-shadow: none;
  white-space: nowrap;
}

.hartslag-upload-preview-img {
  max-width: 100px !important;
  height: auto;
  border-radius: 5px;
  display: block;
  margin-top: 15px;
  margin-bottom: -10px;
}

.hartslag-upload-remove-x {
  position: absolute;
  top: 12px;
  right: -2px;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 5px;
  background-color: white;
  color: #1e1e1e;
  border: solid 1px white !important;
  font-size: 15px;
  cursor: pointer;
  box-shadow: none;
  opacity: 1;
  padding-bottom: 4px;   /* only if the × looks slightly too high */
  padding-left: 1px;
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */
  line-height: 1;           /* let flex handle it, not line-height */
}

#hartslag-upload-clear {
  font-size: 14px;
  font-family: "Lato";
  font-weight: 400 !important;
  padding: 8px 18px;
  border-radius: 5px;
  background-color: #FFF8F8;
  color: #1e1e1e;
  border: 1px solid #1e1e1e;
  cursor: pointer;
  box-shadow: none;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  /* Make the hover (overlay) image fill the container like the initial image, with no extra zoom */
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard)
  .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail img,
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard)
  .astra-shop-thumbnail-wrap > a:has(> img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover)
  .sp-smart-swatches-original-thumbnail img {
    transform: scale(1.25) !important;   /* match the initial image's desktop scale */
  }

}

/* Adjust hover image transition speed on shop + related tiles */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail img,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap > a > img,
.wps-product-section .wpsf-product .wpsf-product-img,
.wps-product-section .wpsf-product .sp-smart-swatches-original-thumbnail img {
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out !important;
}

/* ===== Make shop tiles match related products tiles ===== */
/* Card background + rounded corners, room for pinned button */
.woocommerce.post-type-archive-product ul.products li.product,
.woocommerce.tax-product_cat ul.products li.product {
  position: relative;
  padding-bottom: 80px !important;
  border-radius: 5px !important;
  overflow: hidden;
}

.woocommerce.post-type-archive-product ul.products li.product.ast-article-single,
.woocommerce.tax-product_cat ul.products li.product.ast-article-single {
  background-color: #fef2f2 !important;
  border-radius: 5px !important;
}

/* Make all product hover image swaps instant (no fade) */
/* Shop + related tiles (astra-shop-thumbnail-wrap) */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail img,
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap > a > img.attachment-woocommerce_thumbnail {
  transition: none !important;
}

/* ShapedPlugin product-section (related on single product) */
.wps-product-section .wpsf-product .wpsf-product-img,
.wps-product-section .wpsf-product .sp-smart-swatches-original-thumbnail,
.wps-product-section .wpsf-product .sp-smart-swatches-original-thumbnail img {
  transition: none !important;
}

/* Hide buttons in the product slider tiles */
.wps-slider-section .wpsf-cart-button,
.wps-product-section .wpsf-cart-button {
  display: none !important;
}

.wps-slider-section .wpsf-cart-button,
.wps-product-section .wpsf-cart-button {
  padding: 0 !important;
  margin: 0 !important;
}

/* Collapse the space under the price in slider tiles (button removed) */
.wps-slider-section .wps-product-data,
.wps-product-section .wps-product-data {
  padding-bottom: 0 !important;
}

/* Remove bottom margin/padding on the price so it sits flush */
.wps-slider-section .wpsf-product-price,
.wps-product-section .wpsf-product-price {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.wps-slider-section .wpsf-product,
.wps-product-section .wpsf-product {
  padding-bottom: 0 !important;
}

/* Strip borders, backgrounds, and native arrows from all 3 dropdowns */
.widget_wpc_filters_widget select,
.woocommerce-ordering select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding-right: 0 !important;   /* remove space that was reserved for the arrow */
}

.woocommerce-info::before {
  color:#1e1e1e !important;
}

/* Remove scale but keep images filling the tile */
.woocommerce ul.products li.product img,
.woocommerce-page .related.products img,
.astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail img {
  transform: none !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

@media (min-width: 1024px) {
  .woocommerce ul.products li.product img {
    transform: none !important;
  }

  /* Neutralize the hover-state scale on the featured/overlay image */
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard)
  .astra-shop-thumbnail-wrap .sp-smart-swatches-original-thumbnail img,
  .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard)
  .astra-shop-thumbnail-wrap > a:has(> img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover)
  .sp-smart-swatches-original-thumbnail img,
  .wps-product-section .wpsf-product:not([class*="product_cat-charms"]):not([class*="product_cat-giftcard"])
  .wps-product-image:hover .sp-smart-swatches-original-thumbnail img {
    transform: none !important;
  }

}

.wps-slider-section .wpsf-product:hover {
  transform: none !important;
}

/* Inputtekst en placeholder van het mailpoet e-mailveld — niet rood */
#mailpoet_form_4 input.mailpoet_text::-webkit-input-placeholder {
  color: #1e1e1e !important;
  opacity: 1 !important;
}

.woocommerce-info::before {
  color: #E03131 !important;
}

.woocommerce input {
  border: 1px solid #bbbbbb !important;
}

/* Mega menu panel — clean white, roomy */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu {
  background-color:
  #ffffff !important;
  padding: 40px 50px !important;
}

/* Column title */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .widget-title {
  font-family: "Lato", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color:
  #1e1e1e !important;
  margin-bottom: 20px !important;
}

/* Link list */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item a.mega-menu-link {
  font-family: "Lato", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color:
  #1e1e1e !important;
  padding: 8px 0 !important;
  line-height: 1.6 !important;
}

#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  color:
  #1e1e1e !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* Vertical divider after the text column */
#mega-menu-wrap-primary #mega-menu-primary li.whatsnew-title.mega-menu-item-has-children {
  border-right: 1px solid
  #FFE4E3 !important;
}

/* Promo image captions on the right */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .mega-menu-image-caption,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu figcaption {
  font-family: "Lato", sans-serif !important;
  font-size: 15px !important;
  color:
  #1e1e1e !important;
  margin-top: 10px !important;
}

/* Mega menu panel background */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu {
  background-color:
  #FFF8F8 !important;
  padding:10px 9px !important;
}

/* Default (closed) state — content hidden INSTANTLY, no transition/delay */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu > li {
  opacity: 0;
  transition: none !important;      /* no fade-out — disappears immediately on close */
  transition-delay: 0s !important;
}

/* Open state — content fades in after 0.4s */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children.mega-toggle-on > .mega-sub-menu > li {
  opacity: 1;
  transition: opacity 0.2s ease !important;
  transition-delay: 0.2s !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
  background-color: transparent !important;
  background-image: linear-gradient(
  to bottom,
  transparent 150px,        /* fully transparent up to 175px */
  #FFF8F8 150px             /* pink starts exactly at 175px — hard edge, no fade */
  ) !important;
  padding-top: 150px !important;   /* content sits right where the pink begins */
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
  margin-top: -110px !important;   /* moves the panel up 50px */
}

/* Hoofdmenu-items boven het mega menu paneel houden */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
  position: relative !important;
  z-index: 10 !important;
}

/* Het paneel eronder */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
  z-index: 5 !important;
}

/* Promo overlay text: 16px Lato, met kleine marge erboven */
.abj-mega-promo-overlay {
  font-family: "Lato", sans-serif !important;
  font-size: 16px !important;
  margin-top: 8px !important;   /* kleine marge boven de tekst */
  display: block;               /* nodig zodat margin-top werkt op een span */
}

/* Cap the promo image height */
.abj-mega-promo-img img {
  max-height: 350px !important;   /* adjust to taste */
  width: auto !important;
  object-fit: cover !important;   /* fill the box, crop overflow, no distortion */
  border-radius: 5px !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-whatsnew-title.whatsnew-title > a.mega-menu-link {
  font-weight: 700 !important;
  font-size:18px !important;
  padding-left:0px !important;
}

/* Logo + losse header-knoppen boven het paneel (klikbaar) */
.site-branding,                              /* logo-wrapper (hele branding) */
.site-branding .custom-logo-link,
.ast-header-account-wrap,                    /* account */
.ast-search-menu-icon,                       /* zoek-wrapper */
.ast-search-menu-icon .slide-search,
.ast-search-icon .astra-search-icon,
.ast-header-woo-cart .cc_cart_items_list,    /* cart */
#masthead .ast-header-html a {
  /* wishlist */
  position: relative !important;
  z-index: 10 !important;
}

.site-branding.ast-site-identity {
  position: relative !important;
  z-index: 999 !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
  width: 100vw !important;
  max-width: none !important;
  margin-top: -175px !important;
  box-sizing: border-box !important;
}

@media (min-width: 1400px) {
  /* Op schermen breder dan 1400px: content centreren binnen 1400px */
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
    padding-left: calc((100vw - 1400px) / 2) !important;
    padding-right: calc((100vw - 1400px) / 2) !important;
  }

}

#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item:not(.whatsnew-title) a.mega-menu-link {
  padding: 8px 12px !important;      /* horizontale padding voor ruimte rond de tekst */
  border-radius: 5px !important;      /* afgeronde hoeken op de highlight */
  transition: background 0.2s ease !important;  /* zachte fade */
}

#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item:not(.whatsnew-title) a.mega-menu-link:hover {
  color:
  #1e1e1e !important;
  text-decoration: none !important;
  background:
  #FFE4E3 !important;
}

/* Paneel gesloten: geen shadow, GEEN transitie = verdwijnt direct */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
  box-shadow: 0 20px 15px -12px rgba(0, 0, 0, 0) !important;
  transition: none !important;
  transition-delay: 0s !important;
}

/* Paneel open: shadow verschijnt na 0,4s */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children.mega-toggle-on > .mega-sub-menu {
  box-shadow: 0 20px 15px -12px rgba(0, 0, 0, 0.12) !important;
  transition: box-shadow 0.3s ease !important;
  transition-delay: 0.2s !important;
}

.abj-mega-promo-row {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.abj-mega-promo-row .abj-mega-promo {
  flex: 1;   /* alle vier even breed */
}

.mega-indicator {
  display: none !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  top: 140px !important;
}

/* Het paneel zelf laat muis-events door (items eronder blijven klikbaar) */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
  pointer-events: none !important;
}

/* Maar de daadwerkelijke content (kolommen, links, afbeeldingen) vangt wél events */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu > li {
  pointer-events: auto !important;
}

.cc-window .cc-button,
a.cc-button.cc-button {
  color: #1e1e1e !important;
}

.cc-window .cc-button:hover,
a.cc-button.cc-button:hover {
  color: #1e1e1e !important;
}

/* Verberg de sub-items in de eerste kolom (ze verschijnen straks in kolom 2) */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.abj-has-flyout > ul.mega-sub-menu {
  display: none !important;
}

/* Styling voor de gekopieerde items in de tweede kolom */
.abj-flyout-target {
  min-height: 100%;
}

.abj-flyout-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.abj-flyout-list li {
  margin: 0;
}

.abj-flyout-list a {
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: #1e1e1e;
  padding: 8px 12px;
  border-radius: 5px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.abj-flyout-list a:hover {
  background: #FFE4E3;
  text-decoration: underline;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > .mega-sub-menu {
  min-height: 585px !important;
}

.cc-window .cc-button.cc-button-primary,
.cc-window .cc-button.cc-button-primary * {
  color: #E03131 !important;
}

.cc-window .cc-button.cc-button-primary:hover,
.cc-window .cc-button.cc-button-primary:hover * {
  color: #E03131 !important;
}

.cc-window .single_add_to_cart_button.button.cc-button-sm.alt.caddy-add-to-cart.caddy-variation-add-to-cart,
.cc-window .single_add_to_cart_button.button.cc-button-sm.alt.caddy-add-to-cart.caddy-variation-add-to-cart * {
  color: #E03131 !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-whatsnew-title.whatsnew-title > a.mega-menu-link:hover {
  text-decoration: underline !important;
}

#mega-menu-primary .abj-flyout-target .abj-flyout-list a:hover {
  text-decoration: none !important;
}

/* Eigen trigger-knop */
.filters-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid #000;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}

/* Het schuivende paneel zelf */
.filters-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 420px;
  max-width: 90vw;
  background: #fff;
  box-shadow: -8px 0 24px rgba(0,0,0,.15);
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform .3s ease;
  z-index: 1000;
  padding: 24px 32px;
}

.filters-drawer__close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

/* De "Klaar (X)" / toepassen-knop van de plugin onderin herstylen —
   pas .flrt-submit-btn hieronder aan naar wat jij in de inspector ziet */
.filters-drawer .flrt-submit-btn {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #000;
  color: #fff;
  border-radius: 5px;
  padding: 16px;
  text-align: center;
}

.custom-marquee {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.mega-sub-menu {
  margin-bottom: 20px !important;
  margin-top: 15px !important;
}

.filters-drawer__section,
.wpc-filters-section {
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0;
}

.filters-drawer__section:last-of-type,
.wpc-filters-section:last-of-type {
  border-bottom: none;
}

#filtersResetBtn {
  display: block !important;
  width: fit-content !important;
  margin: 12px auto 0 !important;
  background: none !important;
  border: none !important;
  text-decoration: underline !important;
  font-size: 14px !important;
  cursor: pointer;
  padding: 0 !important;
  color: inherit;
}

.wpc-filters-submit-button {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #000 !important;
  color: #fff !important;
  text-align: center !important;
  padding: 16px !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-size: 16px !important;
}

.wpc-filters-reset-button {
  display: inline-block !important;
  background: none !important;
  border: none !important;
  text-decoration: underline !important;
  font-size: 14px !important;
  color: inherit !important;
  padding: 0 !important;
  width: auto !important;
}

#priceSlider.noUi-target {
  border: none;
  box-shadow: none;
  background: #e5e5e5;
  height: 4px;
}

#priceSlider .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  top: -7px;
  right: -9px;
  box-shadow: none;
  border: 2px solid #000;
  background: #fff;
  cursor: grab;
}

.checkout-gift-upsell__item {
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  text-align: center;
}

.checkout-gift-upsell__btn {
  margin-top: 12px;
  padding: 8px 20px;
  border-radius: 5px;
  border: 1px solid #1e1e1e;
  background: #fff;
  cursor: pointer;
}

.mysite-return-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 480px;
  max-height: 80vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 5px;
  padding: 24px;
  z-index: 9999;
}

.mysite-return-modal__close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.mysite-return-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

#mysiteReturnFinalize {
  margin-top: 20px;
  width: 100%;
  padding: 14px;
  background: #FFE4E3;
  color: #E03131;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.mysite-return-form__field input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

#mysite-return-submit {
  width: 100%;
  padding: 14px;
  background: #FFE4E3;
  color: #E03131;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.search-form {
  border: 1px solid #FFE4E3 !important;
  border-radius: 5px !important;   /* matches the pill style used elsewhere on your site */
  overflow: hidden !important;      /* keeps the input inside the rounded shape */
}

.search-form input[type="search"],
.search-form input.search-field {
  border-radius: 5px !important;
}

/* 2. Aanbevolen product-kaart in de cart — border-radius 5px (was 25px) */
.slick-list {
  border-radius: 5px !important;
}

/* 3. "Toevoegen Aan Winkelwagen"-knop van het aanbevolen product — border-radius 5px (was 50px) */
.single_add_to_cart_button.button.cc-button-sm.alt.caddy-add-to-cart.caddy-variation-add-to-cart,
.single_add_to_cart_button.button.cc-button-sm.alt.caddy-add-to-cart.caddy-variation-add-to-cart:hover {
  border-radius: 5px !important;
}

/* 4. "Apply"-knop — randkleur #1e1e1e, blijft zo bij hover */
/* 4. "Apply"-knop — randkleur #1e1e1e, blijft zo bij hover */
#cc-cart .cc-coupon-form input.cc-coupon-btn {
  border-color: #1e1e1e !important;
}

#cc-cart .cc-coupon-form input.cc-coupon-btn:hover {
  border-color: #1e1e1e !important;
  background-color: transparent !important;
  color: #1e1e1e !important;
}

/* 5. Promo code-veld — border-radius 5px */
#cc-cart .cc-coupon-form input#cc_coupon_code {
  border-radius: 5px !important;
}

#mega-menu-wrap-primary .abj-flyout-list a[href*="product-category=gepersonaliseerd"] {
  font-weight: 700 !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.abj-has-flyout > a.mega-menu-link .mega-indicator {
  display: inline-block !important;
}

/* Overschrijf het plugin-pijltje volledig (het zit in de ::after zelf) */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .mega-menu-item-has-children:not(.whatsnew-title) > a.mega-menu-link .mega-indicator::after {
  content: "❯" !important;
  font-family: initial !important;
  background: none !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #1e1e1e !important;
  display: inline-block !important;
  transform: none !important;
}

/* Zet de hele link-rij op flex, zodat tekst en pijltje verticaal gelijk liggen */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .mega-menu-item-has-children:not(.whatsnew-title) > a.mega-menu-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Verwijder eventuele eigen positionering van het pijltje-icoontje */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .mega-menu-item-has-children:not(.whatsnew-title) > a.mega-menu-link .mega-indicator {
  display: inline-flex !important;
  align-items: center !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
}

/* Verberg het pijltje expliciet bij de kolomtitel zelf */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.whatsnew-title > a.mega-menu-link .mega-indicator {
  display: none !important;
}

/* Add light white overlay and blur effect to the Caddy cart overlay */
.cc-overlay {
  background-color: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important; /* Required for Safari support */
}

body.woocommerce-checkout #content.site-content {
  padding-top: 110px !important;
}

.filters-drawer__close {
  background-color: transparent !important;
  color: #1e1e1e;
  font-family: "Lato" !important;
  font-weight: 400;
  box-shadow: none;
}

/* 3. "Klaar"-knop even breed als de dropdowns + grijze rand weg */
/* De rand kwam van de algemene divider-regel die op ELKE .wpc-filters-section
   staat, óók per ongeluk op de knoppen-sectie zelf. */
#filtersDrawer .wpc-filters-section.wpc-filter-layout-submit-button {
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

#filtersDrawer .wpc-filters-widget-controls-container,
#filtersDrawer .wpc-filters-widget-controls-wrapper,
#filtersDrawer .wpc-sticky-buttons {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

#filtersDrawer .wpc-filters-submit-button {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 4. Achtergrondkleur van "Klaar" weghalen (nu transparant, met rand
      zodat de knop nog steeds herkenbaar blijft als klikbaar — anders
      werd witte tekst onzichtbaar op een witte achtergrond) */
#filtersDrawer .wpc-filters-submit-button {
  background: transparent !important;
  color: #1e1e1e !important;
  border: 1px solid #1e1e1e !important;
}

#filtersDrawer .wpc-filter-title button:hover .wpc-open-icon,
#filtersDrawer .wpc-open-icon:hover {
  border-left-color: #1e1e1e !important;
  border-top-color: #1e1e1e !important;
}

:root {
  --abj-cart-thumb-width: 60px;  /* vaste breedte/hoogte van de thumbnail */
  --abj-cart-thumb-gap: 15px;    /* ruimte tussen thumbnail en titel */
}

.checkout-gift-upsell__item .checkout-gift-upsell__btn {
  width: 100% !important;
  font-family: "Lato" !important;
  margin: 4px 0 0 0 !important;
  background-color: #FFE4E3;
  color: #E03131;
  border-color: #FFE4E3;
}

.checkout-gift-upsell__item {
  background-color: #fef2f2;
  border-color: #fef2f2;
}

.cc-empty-cart-img {
  display: none;
}

.abj-product-details-section {
  padding-left: 20px;
  padding-left: 20px;
  margin-top: -60px !important;
  clear: both;          /* start altijd ONDER de zwevende productkolom */
  width: 100%;
  box-sizing: border-box;
}

.wpsp-nav.swiper-button-next,
.wpsp-nav.swiper-button-prev {
  border-radius: 5px;
}

.cc-title {
  margin-bottom: 20px !important;
  margin-top: 10px !important;
  font-size: 20px !important;
}

.cc-empty-msg p {
  margin-bottom: 30px !important;
}

body.menu-hover .abj-live-search-panel.is-open {
  filter: blur(8px);
  cursor: default;   /* blokkeert dat de kruisjes-cursor van site-content erdoorheen "lekt" */
  transition: filter 0.2s ease;
}

/* Klikken/hover op de inhoud blijft geblokkeerd tijdens het blurren,
   maar het paneel zelf blijft de muis "vangen" — zo kan er niets doorheen lekken */
body.menu-hover .abj-live-search-panel.is-open * {
  pointer-events: none !important;
}

/* ===== Nieuwsbriefrij in de footer =====
   Verticaal: align-items op de GRID-container. De kolommen zelf blijven
   blok-elementen — zet er geen display:flex of width op, want dan krimpt
   het formulier tot zijn minimale breedte en stapelen veld en knop.
   Horizontaal: alleen de INHOUD van het formulier centreren. */
.site-above-footer-wrap .ast-builder-footer-grid-columns {
  align-items: center;
}

/* MailPoet zet standaard marges rond het formulier en onder elke regel —
   die duwen het formulier uit het verticale midden. */
.site-above-footer-wrap .mailpoet_form,
.site-above-footer-wrap form.mailpoet_form_form {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.site-above-footer-wrap .mailpoet_paragraph {
  margin-bottom: 0 !important;
}

/* Veld + knop naar het midden van de kolom */
.site-above-footer-wrap .mailpoet_form_columns_container {
  justify-content: center !important;
}
/* Op de computer 50px naar rechts, zodat het formulier netjes in de kolom staat */
@media (min-width: 768px){
  .site-above-footer-wrap .mailpoet_form_columns_container {
    margin-left: 50px;
  }
}
/* Gsm: formulier smaller en in het midden */
@media (max-width: 767px){
  .site-above-footer-wrap .form-mobile{
    text-align: center;
  }
  .site-above-footer-wrap .form-mobile,
  .site-above-footer-wrap .form-mobile .mailpoet_form,
  .site-above-footer-wrap .form-mobile .mailpoet_form_columns_container{
    width: 100% !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

[data-section-id="kies_je_contour"] .abj-generic-upload-label.hartslag-upload-btn {
  border-color: #E03131 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Actieve invoervelden: nooit een gestippelde rand of outline.
   In plaats daarvan een doorlopende donkere rand, zodat je nog ziet
   in welk veld je typt. */
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus {
  border-style: solid !important;
  border-color: #1e1e1e !important;
}

.ast-woo-shop-product-description {
  display: none !important;
}

/* ===== Mega menu: enkel kolom 2 (de lange lijst) scrolt intern ===== */
.abj-flyout-target {
  overflow-y: auto;
  overscroll-behavior: contain;      /* scroll "lekt" niet door naar de pagina zodra je de rand van de lijst raakt */
  -webkit-overflow-scrolling: touch;
}

.abj-flyout-target::-webkit-scrollbar {
  width: 6px;
}

.abj-flyout-target::-webkit-scrollbar-thumb {
  background-color: #FFE4E3;
  border-radius: 5px;
}

.abj-flyout-target {
  scrollbar-width: thin;
  scrollbar-color: #FFE4E3 transparent;
}

/* Houd de header op zijn plaats zolang het mega menu open staat — anders
   verschuift het hele fixed paneel mee zodra de header transformeert bij scroll */
body.menu-hover .site-header {
  transform: translateY(0) !important;
}

@media (min-width: 922px) {
  /* Ruimte onder de vaste header meteen vanaf het begin (tegen verspringen) */
  #content.site-content {
    padding-top: 159px;
  }

}

/* Klarna-/betaalmelding van WooPayments verbergen: die verschijnt op productpagina's,
   in de winkelwagen en bij het afrekenen, dus hoort deze regel op elke pagina. */
#payment-method-message {
  display: none !important;
}

/* Gsm: producttegels (shop, categorieën, gerelateerd): zelfde kleinere tekst
   overal, en kleinere kleurvakjes */
@media (max-width: 767px){
  html body ul.products li.product.type-product .woocommerce-loop-product__title.woocommerce-loop-product__title{
    font-size: 15px !important;
    line-height: 1.3 !important;
    padding-right: 52px !important;      /* ruimte voor de kleurvakjes rechts */
  }
  html body ul.products li.product.type-product .price.price,
  html body ul.products li.product.type-product .price.price *{
    font-size: 13px !important;
  }
  html body ul.products li.product.type-product .sp-smart-swatches-item{
    min-width: 20px !important;
    min-height: 20px !important;
    width: 20px !important;
    height: 20px !important;
  }
  html body ul.products li.product.type-product .sp-smart-swatches-inner{
    width: 100% !important;
    height: 100% !important;
  }
}

/* =====================================================================
   ZOEKPANEEL (computer): opmaak van de producttegels
   ---------------------------------------------------------------------
   De tegels in het zoekpaneel gebruiken dezelfde opmaak als de shop.
   Die staat in abj-shop.css, dat enkel op shoppagina's laadt; daardoor
   zag het zoekpaneel er op andere pagina's (home, productpagina, ...)
   anders uit. Dit is een kopie van die tegelregels, enkel geldig binnen
   het zoekpaneel. :where() voegt geen gewicht toe, zodat alles precies
   even sterk is als in de shop (en de eigen regels van het zoekpaneel
   blijven winnen, zoals voorheen).
   ===================================================================== */
:where(.abj-live-search-panel) .woocommerce ul.products{ gap: 10px !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product{ margin-bottom:0px !important; }
@media screen and (max-width: 768px){
:where(.abj-live-search-panel) .post-type-archive-product .woocommerce-loop-product__title,
:where(.abj-live-search-panel) .single-product .related.products .woocommerce-loop-product__title{ font-size: 20px !important; }
}
:where(.abj-live-search-panel) .astra-shop-summary-wrap{ margin-bottom: auto !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product,
:where(.abj-live-search-panel) .woocommerce-page .related.products li.product{ overflow: hidden; }
@media (min-width: 1024px){
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard)
  .spswp_variations_form{ margin-top: 0px !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) :is(.astra-shop-thumbnail-wrap, .astra-shop-thumbnail-wrap > a){ position: relative;
    display: block; }
}
:where(.abj-live-search-panel) .related.products .woocommerce-loop-product__title{ font-family: "Lato" !important;
  font-size: 14px !important;
  color: #1e1e1e !important;
  font-weight: 400 !important; }
@media (min-width: 1024px){
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .sp-smart-swatches-container{ margin-top: 35px; }
}
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product .woocommerce-loop-product__title{ font-family: "Lato" !important;
  font-size: 18px !important;
  color: #1e1e1e !important;
  font-weight: 400 !important; }
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product .price,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product .price{ font-family: "Lato" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #1e1e1e !important; }
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product .add_to_cart_button,
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product .create-yours-link,
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product .button.product_type_variable.add_to_cart_button,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product .add_to_cart_button,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product .create-yours-link,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product .button.product_type_variable.add_to_cart_button{ position: absolute !important;
  left: 25px;
  right: 25px;
  bottom: 15px;
  margin: 0 !important;
  width: auto !important; }
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product .add_to_cart_button,
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product .create-yours-link,
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product .button.product_type_variable,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product .add_to_cart_button,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product .create-yours-link,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product .button.product_type_variable,
:where(.abj-live-search-panel) .related.products li.product .add_to_cart_button,
:where(.abj-live-search-panel) .related.products li.product .create-yours-link,
:where(.abj-live-search-panel) .related.products li.product .button.product_type_variable{ display: none !important; }
:where(.abj-live-search-panel) .woocommerce.post-type-archive-product ul.products li.product,
:where(.abj-live-search-panel) .woocommerce.tax-product_cat ul.products li.product,
:where(.abj-live-search-panel) .related.products li.product{ padding-bottom: 0px !important; }
:where(.abj-live-search-panel) .ast-woocommerce-container ul.products{ order: 3;
  flex: 1 1 100%;
  width: 100%; }
@media (min-width: 1024px){
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .astra-shop-thumbnail-wrap,
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .astra-shop-thumbnail-wrap > a{ margin: 0 !important;
    padding: 0 !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .astra-shop-summary-wrap,
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .spswp_variations_form,
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .sp-smart-swatches-container,
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard) .ast-woo-shop-product-description{ margin-top: 0 !important;
    padding-top: 0 !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product:not(.product_cat-charms):not(.product_cat-giftcard){ padding-bottom: 0 !important; }
}
:where(.abj-live-search-panel) .woocommerce ul.products li.product{ background-color: #FFF8F8 !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product img{ border-radius: 5px !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
:where(.abj-live-search-panel) .woocommerce ul.products li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link{ position: relative !important;
  display: block; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product .spswp_variations_form{ position: absolute !important;
  top: calc(100% + 14px) !important;   
  right: 2px;
  left: auto;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product .spswp_variations_form table.spswp-shop-variations,
:where(.abj-live-search-panel) .woocommerce ul.products li.product .spswp_variations_form td.value{ width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product .spswp_variations_form .sp-smart-swatches-container{ display: flex !important;
  justify-content: flex-end !important;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important; }
:where(.abj-live-search-panel) .woocommerce ul.products li.product .woocommerce-loop-product__title{ padding-right: 75px !important; }
:where(.abj-live-search-panel) .woocommerce ul.products{ column-gap: 20px !important;   
  row-gap: 20px !important; }
:where(.abj-live-search-panel) .single-product .related.products ul.products{ display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: var(--abj-related-gap) !important;
  row-gap: 40px !important;
  margin: 0 !important; }
:where(.abj-live-search-panel) .single-product .related.products ul.products::before,
:where(.abj-live-search-panel) .single-product .related.products ul.products::after{ display: none !important; }
:where(.abj-live-search-panel) .single-product .related.products ul.products li.product,
:where(.abj-live-search-panel) .single-product .related.products ul.products li.product.ast-article-single{ width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important; }
:where(.abj-live-search-panel) .single-product .related.products ul.products li.product .astra-shop-thumbnail-wrap > a > img,
:where(.abj-live-search-panel) .single-product .related.products ul.products li.product .sp-smart-swatches-original-thumbnail img{ width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center !important; }
@media (max-width: 921px){
:where(.abj-live-search-panel) .single-product .related.products ul.products{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 544px){
:where(.abj-live-search-panel) .single-product .related.products ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
:where(.abj-live-search-panel) .woocommerce ul.products li.product .astra-shop-thumbnail-wrap > a > img,
:where(.abj-live-search-panel) .woocommerce ul.products li.product .sp-smart-swatches-original-thumbnail img{ width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center !important; }

  @media (max-width: 767px){

  /* 1. Titel dichter bij de productfoto */
  .sp-wps-product-details{
    padding-top: 5px !important;
  }

  /* 2. Kleurstaaltjes dichter bij de prijs */
  .sp-wps-product-details .spswp_variations_form{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .sp-wps-product-details .wpsf-product-price{
    margin-top: 0 !important;
    padding-top: 5px !important;
  }
}

.sp-wps-product-details{
  padding-left: 5px !important;
}

/* Productsliders (homepage, "Onze suggesties", winkelwagenlade):
   afgeronde hoeken op de foto's, ook op gsm en tablet (vroeger enkel vanaf 1024px) */
.wps-slider-section .wpsf-product-img,
.wps-slider-section .sp-smart-swatches-original-thumbnail img,
.wps-product-section .wpsf-product-img,
.wps-product-section .sp-smart-swatches-original-thumbnail img{
  border-radius: 5px !important;
}

/* Gsm: titels van gewone pagina's (Contact, Verzending, winkelwagen, kassa, ...) */
@media (max-width: 767px){
  body.page .entry-header .entry-title{
    font-size: 25px !important;
    line-height: 1.2 !important;
  }
}

/* Gsm en tablet: ruimte onder de vaste header meteen vanaf het begin (tegen verspringen).
   Zelfde getal als wat het footerscript berekent; meet opnieuw als je de header aanpast. */
@media (max-width: 921px){
  #content.site-content{ padding-top: 133px; }   /* ← hoogte van de header op gsm */
}