/*
Theme Name: Kachels en Haarden
Theme URI: http://www.swiftweb.nl;
Author: SwiftWeb
Author URI: http://www.swiftweb.nl;
Description:
Version: 1.0
*/

/* Styles: Regular 400, Semi bold 600 */

/* Font: Poppins (H1 t/m paragraph) */

/* KH notificatiebalk - beheerbaar via KH thema */
.kh-site-notice {
  background: var(--kh-notice-bg, #FF6600);
  color: var(--kh-notice-color, #FFFFFF);
  font-family: inherit;
  width: 100%;
  position: relative;
  z-index: 10001;
}
.kh-site-notice[hidden] { display: none !important; }
.kh-site-notice__inner {
  max-width: 1400px;
  margin: 0 auto;
  min-height: 42px;
  padding: 6px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.kh-site-notice__icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
}
.kh-site-notice__icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kh-site-notice__content {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.kh-site-notice__content strong { font-weight: 600; }
.kh-site-notice__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 12px;
  border: 1px solid currentColor;
  border-radius: 4px;
  color: inherit !important;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}
.kh-site-notice__action:hover { background: rgba(255,255,255,.16); }
.kh-site-notice__close {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: 26px/1 Arial, sans-serif;
  cursor: pointer;
}
.kh-site-notice__close:hover { background: rgba(255,255,255,.16); }

/* Alleen in de draft: verberg het oude WooCommerce winkelbericht om dubbele meldingen te voorkomen. */
p.woocommerce-store-notice.demo_store { display: none !important; }

/* De oude tijdelijke Extra CSS voegt nog ruimte boven de header toe.
   In de draft nemen we die ruimte weg zodat de nieuwe balk direct aansluit. */
body:has(.kh-site-notice) header {
  padding-top: 0 !important;
}

@media (max-width: 767px) {
  .kh-site-notice__inner {
    justify-content: flex-start;
    padding: 7px 10px;
    gap: 7px;
  }
  .kh-site-notice__content {
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    font-size: 12px;
    line-height: 1.35;
  }
  .kh-site-notice__content strong { font-size: 13px; }
  .kh-site-notice__action {
    min-height: 28px;
    padding: 4px 8px;
    font-size: 12px;
  }
}

/* Beheerbare footer-notificatie */
.footer-klantenservice-extra::after {
  content: none !important;
  display: none !important;
}

.kh-footer-notice {
  margin: 18px 28px 30px 0;
  max-width: calc(100% - 28px);
  padding: 14px 16px;
  background: var(--kh-footer-notice-bg, #1B1F26);
  color: var(--kh-footer-notice-color, #FFFFFF);
  border-left: 3px solid #FF6600;
  border-radius: 4px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.55;
}

.kh-footer-notice strong {
  display: block;
  margin: 0 0 3px;
  color: inherit;
  font-size: 13px;
  font-weight: 600;
}

.kh-footer-notice p {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

/* Theme CSS */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.single-product button.pswp__button {
	background-image: none !important;
}

body.nav-open-body {
  overflow: hidden;
}

.val-attribute_pa_maximaal-vermogen p a:after,
.val-attribute_pa_minimaal-vermogen p a:after,
.val-attribute_pa_nominaal-vermogen p a:after {
  content: " kW";
}

a {
  color: #ff6600;
}

a:hover {
  color: #ff6600;
}
button {
  webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

p {
  margin: 0;
}

html {
  position: relative;
}

body {
  font-family: "Poppins", sans-serif;
  line-height: 1.3;
  webkit-tap-highlight-color: transparent;
}

body .site-navigation-right .kh-header-zoeken input:focus-visible {
  outline: none;
  border: none;
}

h1 {
  color: #14171e;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.2;
  font-size: 42px;
}

.kh-single-product-title h1 {
  font-size: 37px;
}

.term-description h1 {
  font-size: 32px;
}

h2 {
  color: #14171e;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.2;
  /* font-size: 38px; */
  font-size: 24px;
}

h3 {
  color: #14171e;
  font-weight: 600;
  font-size: 20px;
}

/* .wpb_wrapper ul {
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
} */

ul {
  padding-left: 20px;
}

/********************************************************/
/* MOBILE NAV */
/********************************************************/

/********************************************************/
/* MOBILE NAV END */
/********************************************************/

.icon-mobile-nav {
  height: 40px;
  width: 40px;
  color: black;
  cursor: pointer;
}

body.search-active {
  overflow: hidden;
}

.kh-front-element-rating-text {
  line-height: 1;
}

.kh-front-element {
  padding-bottom: 50px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.kh-front-page-container .vc_row[data-vc-full-width] {
  overflow: visible;
}

.fa-angle-right {
  font-size: 18px;
}

.kh-front-element-rating-stars {
  display: flex;
  gap: 1px;
}

.fa-star {
  color: rgb(249, 141, 0);
}

.reg-price-cart {
  font-size: 12px;
  text-align: right;
  text-decoration: line-through;
  opacity: 0.8;
}

.kh-front-element-img {
  border-radius: 4px;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.kh-front-element-links a {
  color: #fff;
  font-weight: 600;
  background-color: #14171e;
  border-radius: 8px;
  width: 100%;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  justify-content: space-between;
  white-space: nowrap;
  transition: all 0.4s;
}

.archive-filter-button {
  display: flex;
  justify-content: center;
}

.archive-filter-button {
  color: #fff;
  font-weight: 600;
  background-color: #ff6600;
  border-radius: 8px;
  width: fit-content;
  padding: 14px 75px;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  justify-content: space-between;
  transition: all 0.4s;
  gap: 10px;
  margin: auto;
  margin-bottom: 20px;
  z-index: 999;
  font-size: 14px;
}

.archive-filter-button-container {
  width: 100%;
  justify-content: center;
  display: none;
}

.archive-filter-button img {
  height: 20px;
  width: 20px;
}

.archive-filter-button:focus {
  outline: none;
}

.kh-front-element-links a:hover {
  background-color: #fff;
  border: 2px solid #14171e;
  color: #14171e;
}

.kh-front-element-links a:hover {
  text-decoration: none;
  color: #14171e;
  border: 2px solid #14171e;
  background-color: white;
}

.kh-front-element-static .kh-front-element-links a:hover {
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
}

.kh-front-element-right {
  margin-left: 15px;
}

.kh-front-element-link-bot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 15px;
  margin-bottom: 24px;
}

.kh-front-element-link-top a {
  background-color: #ff6600;
}

.kh-front-element-link-top a:hover {
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: white;
}

.kh-front-element-static .kh-front-element-link-top a:hover {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
}

.kh-front-element-rating-text p {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 14px;
  color: #6b7077;
  letter-spacing: -1px;
  font-weight: 500;
}

.kh-front-element-rating {
  display: flex;
  gap: 3px;
  align-items: center;
  justify-content: space-between;
  max-width: 346px;
}

.kh-front-element-rating-text span {
  white-space: nowrap;
  font-weight: 500;
}

.kh-front-element-rating-text {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 5px;
  margin-right: 13px;
}

.kh-front-element-rating-img {
  width: 115px;
  height: auto;
  max-width: 100%;
}

.kh-populair-single-item-img-box {
  position: relative;
  background: #eee;
}

.kh-populair-single-item-prijs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kh-populair-single-prijs-div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kh-populair-single-prijs-on-sale {
  color: #6b7077;
  opacity: 0.8;
}

.kh-energie-label {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 1px 20px 2px 9px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  font-size: 12px;
  max-width: fit-content;
}

.woocommerce-product-gallery__wrapper .kh-energie-label {
  left: 0;
  right: inherit;
  clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}



.kh-aanbieding-tag {
  color: white;
  background-color: #ff6600;
  border-radius: 50px;
  padding: 6px 12px;
  position: absolute;
  top: 21px;
  left: 10px;
  font-size: 14px;
}

.kh-aanbieding-tag p {
  /* background-image: url(img/kh-logo.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 18px;
  padding-left: 20px; */
}

.kh-energie-label p {
  display: flex;
}

.kh-energie-label span {
  font-size: 10px;
  text-align: start;
}

.kh-populair-item-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  justify-content: space-between;
  gap: 30px;
}

.wpb_wrapper .woocommerce .kh-populair-item-box {
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}

.icon-mobile-nav[name="close-outline"] {
  display: none;
}

.btn-mobile-nav {
  background-color: white;
  border: none;
  padding: 10px 20px;
  display: none;
}

.btn-mobile-nav:focus {
  outline: none;
  border: none;
}

.kh-populair-single-item-bot {
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 600;
  gap: 10px;
  max-width: 100%;
  flex-grow: 1;
  /* min-height: 105px; */
}

.kh-populair-single-item-prijs .fa-angle-right {
  color: #14171e;
  font-weight: 600;
  font-size: 18px;
}

.kh-populair-single-item-img-box {
  position: relative;
  overflow: hidden;
}

.kh-populair-single-item-img-box img {
  max-height: 320px;
  height: 320px;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.kh-populair-head p {
  color: #6b7077;
  font-weight: 600;
}

.kh-populair-head h2 {
  margin-bottom: 8px;
}

.kh-populair-head {
  margin-bottom: 15px;
}

.ervaringencontainer .slick-next {
  right: 180px;
}

.ervaringencontainer .slick-prev {
  left: 180px;
}

.ervaringencontainer .slick-prev:before,
.ervaringencontainer .slick-next:before {
  opacity: 1;
  background-color: white;
  border-radius: 50%;
}

.kh-populair-single-item {
  color: #14171e;
  display: flex;
  flex-direction: column;
  max-width: 307px;
  height: 100%;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
}

.kh-populair-single-item:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.kh-populair-item-box-slider .kh-populair-single-item {
  margin: 0 10px 0 10px;
}

.kh-populair-single-item-img {
  transition: transform 0.3s ease-in-out;
}

/* .kh-populair-single-item:hover img:not(.nohover) {
  transform: scale(1.1);
} */

.kh-populair-single-item:hover {
  text-decoration: none;
  color: #14171e;
}

.kh-populair-item-box-slider .kh-populair-single-item:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.kh-categorien-header {
  margin: 0 auto 30px;
  text-align: center;
}

.kh-categorien-header p {
  font-weight: 600;
  color: #6b7077;
}

.kh-categorien-div {
  margin-bottom: 100px;
}

.kh-categorien-single {
  position: relative;
  border-radius: 4px;
  aspect-ratio: 1;
}

.kh-categorien-single p {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: white;
  font-weight: 600;
  font-size: 20px;
}

.kh-categorien-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  gap: 20px;
}

.kh-lees-meer-banner {
  background-color: #14171e;
  position: relative;
}

.woocommerce .kh-lees-meer-img-1 {
  position: absolute;
  height: 465px;
  max-width: 100%;
  bottom: 0;
  right: 27%;
  z-index: 2;
}

.kh-lees-meer-banner-tekst-inner {
  padding: 100px 0;
  width: 60%;
}

.kh-banner-lees-meer-outer {
  position: relative;
  height: 470px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.kh-lees-meer-inner {
  display: flex;
}

body .kh-lees-meer-banner .kh-lees-meer-img-2 {
  position: absolute;
  right: 0;
  top: -67px;
  object-fit: cover;
  height: 408px;
  width: 35%;
  max-width: 100%;
  border-top-left-radius: 15px;
}

.kh-lees-meer-banner-tekst h2 {
  color: #fff;
}

.kh-lees-meer-banner-tekst p {
  margin-bottom: 16px;
  color: #fff;
}

.kh-lees-meer-banner-tekst-bg-img {
  overflow: hidden;
  position: relative;
}

.kh-lees-meer-banner-tekst a {
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #14171e;
  width: fit-content;
  padding: 6px 30px;
  border-radius: 8px;
  font-weight: 600;
  border: 2px solid transparent;
  transition: all 0.3s;
}

.kh-lees-meer-banner-tekst a:hover {
  text-decoration: none;
  color: white;
  border: 2px solid white;
  background-color: #14171e;
}

.kh-lees-meer-banner-tekst .fa-angle-right {
  font-weight: 600;
  font-size: 18px;
}

.kh-order-notes-single img {
  height: auto;
  width: 17px;
  max-width: 100%;
}

.kh-order-notes {
  display: flex;
  padding: 20px 0;
  align-items: center;
  justify-content: space-between;
}

.woocommerce-checkout .kh-order-notes-outer {
  display: none;
}

.woocommerce-checkout .kh-head-menu-div {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.woocommerce-checkout .site-navigation-right {
  display: none;
}

.kh-order-notes-top {
  display: flex;
  gap: 10px;
  align-items: center;
}

.kh-order-notes-outer {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  background-color: white;
  position: relative;
  z-index: 20;
}

body .overlay-body-sw {
  overflow-y: unset;
}

.kh-order-notes-single {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #14171e;
  font-weight: 600;
}

body .kh-order-notes-outer .kh-front-element-rating-text p {
  font-size: 11px;
  color: #14171e;
}

.kh-order-notes-outer .kh-front-element-rating-img {
  object-fit: cover;
  width: 75px;
  height: auto;
  max-width: 100%;
}

.kh-order-notes-outer .fa-star,
.kh-order-notes-outer .fa-star-o {
  font-size: 12px;
}

.kh-redenen-kh-rechts img {
  height: auto;
  width: 45px;
  max-width: 100%;
}

.kh-redenen-kh-single {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.kh-redenen-kh {
  display: flex;
  justify-content: space-between;
}

.kh-redenen-kh-links h2 {
  font-size: 69px;
}

.kh-redenen-kh-links {
  width: 40%;
}

.kh-redenen-kh-links h2 {
  margin-bottom: 22px;
}

.kh-redenen-kh-rechts {
  width: 40%;
}

.kh-redenen-kh-single-text p {
  color: #6b7077;
  font-size: 13px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(107, 112, 119, 0.2);
}

.kh-redenen-kh-single {
  margin-bottom: 32px;
}

.kh-redenen-kh-single:last-child {
  margin-bottom: 0;
}

body .kh-redenen-kh .kh-front-element-rating-text p,
.kh-redenen-kh .kh-front-element-rating-text span {
  font-size: 13px;
  opacity: 0.8;
  font-weight: 500;
}

body .kh-redenen-kh .kh-front-element-rating-text strong {
  opacity: 1;
  color: #14171e;
}

.kh-redenen-kh .kh-front-element-rating-img {
  width: 75px;
}

.kh-redenen-kh-links a {
  background-color: #14171e;
  color: #fff;
  padding: 8px 30px;
  font-weight: 600;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-top: 30px;
  width: 347px;
  max-width: 100%;
  white-space: nowrap;
  border: 2px solid transparent;
  transition: all 0.4s;
}

.kh-redenen-kh-links a:hover {
  text-decoration: none;
  color: #14171e;
  border: 2px solid #14171e;
  background-color: #fff;
}

.kh-redenen-kh-links .fa-angle-right {
  font-size: 21px;
}

.kh-snel-navigeren-single img {
  height: 60px;
  width: 100px;
  max-width: 100%;
  border-radius: 8px;
  background-color: #fff;
  object-fit: cover;
}

.kh-snel-navigeren {
  background-color: #14171e;
  border-radius: 16px;
}

.kh-snel-navigeren-single a {
  display: block;
  font-size: 40px;
  color: white;
  font-weight: 600;
  border-bottom: 3px solid transparent;
  line-height: 1;
  position: relative;
  padding-bottom: 2px;
}

.kh-snel-navigeren-single a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #ff6600;
  transition: width 0.4s ease-in-out;
}

.kh-snel-navigeren-single a:hover:after {
  width: 100%;
}

.kh-snel-navigeren-single a:hover {
  text-decoration: none;
}

.kh-snel-navigeren-inner {
  padding: 75px 205px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.kh-snel-navigeren-single {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kh-footer-top-banner-kanalen img {
  height: auto;
  width: 20px;
  max-width: 100%;
}

.kh-footer-top-banner-kanalen {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kh-footer-top-banner-kanalen-images {
  display: flex;
  gap: 10px;
}

.kh-footer-top-banner-kanalen-images a {
  transition: transform 0.3s;
}

.kh-footer-top-banner-kanalen-images a:hover {
  transform: scale(1.2);
}

.kh-footer-top-banner-kanalen p {
  color: #14171e;
  font-weight: 700;
  font-size: 20px;
}

.kh-footer-top-banner-logo img {
  height: auto;
  width: 320px;
  max-width: 100%;
  padding: 20px 40px 20px 0;
  background-color: #14171e;
}

.kh-footer-top-banner-inner {
  display: flex;
  justify-content: space-between;
}

.kh-footer-top-banner-outer {
  background-color: rgba(107, 112, 119, 0.2);
  position: relative;
  overflow: hidden;
}

.kh-top-banner-background {
  background: #14171e;
  width: 35%;
  height: 82px;
  position: absolute;
  border-radius: 0 16px 0 0;
}

.kh-footer-top-banner-logo {
  display: flex;
  justify-content: flex-end;
}

.kh-footer-main {
  background-color: #14171e;
  padding-bottom: 40px;
}

.kh-footer-main-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 80px;
}

.kh-footer-main-grid-single {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-bottom: 40px;
}

.kh-footer-main-grid-klantenservice:nth-child(2) a {
  row-gap: 0;
}

.kh-footer-main-grid-single a {
  color: white;
  font-size: 13px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 400;
}

.kh-footer-main-grid-single a:hover {
  text-decoration: none;
}

.kh-footer-main-grid-single h3 {
  color: white;
  font-size: 20px;
  margin-bottom: 0;
}

.kh-footer-main-grid-single p {
  color: white;
  font-size: 13px;
}

.kh-footer-main-grid-single .fa-angle-right {
  font-size: 13px;
}

.kh-footer-main-flex span {
  font-weight: bold;
}

.kh-footer-locaties-border-small {
  width: 35px;
  border-bottom: 3px solid #ff6600;
  margin: 15px 0 5px 0;
}

.kh-footer-main-grid-single h4 {
  font-weight: 600;
  color: white;
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 10px;
  line-height: 1.3;
}

body .footer-klantenservice-btn {
  color: #14171e;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: white;
  border-radius: 8px;
  font-weight: bold;
  padding: 4px 10px;
  width: fit-content;
  font-size: 14px;
  border: 2px solid transparent;
  transition: transform 0.3s;
}

body .footer-klantenservice-btn:hover {
  transform: scale(1.05);
}

body .footer-klantenservice-btn .fa-angle-right {
  font-weight: 600;
  font-size: 15px;
}

.footer-afspraak-maken {
  margin-top: 20px;
}

body .footer-klantenservice-btn img {
  height: auto;
  width: 12px;
  background-color: white;
  max-width: 100%;
}

.kh-footer-main-grid-locaties {
  row-gap: 0;
}

body .kh-footer-main-grid-locaties:first-child h4 {
  margin-top: 0;
}

.footer-klantenservice-extra {
  margin-bottom: 20px;
}

.kh-footer-brands {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  /* grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); */
  gap: 5px;
  margin-bottom: 15px;
}

.kh-footer-nieuwsbrief {
  padding: 20px 30px;
  border-radius: 8px;
  background-color: white;
}

.kh-footer-brands img {
  max-width: 100%;
  aspect-ratio: 2/1;
}

.kh-footer-brands-2 img {
  max-width: 100%;
  aspect-ratio: 2/1;
}

.kh-footer-brands-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); */
}

.kh-footer-main-grid span {
  font-weight: bold;
}

.kh-footer-nieuwsbrief-input h3 {
  font-size: 30px;
  color: white;
}

.kh-footer-nieuwsbrief-input-field {
  display: flex;
  gap: 10px;
}

.kh-footer-nieuwsbrief-input-field input {
  background-color: white;
  color: #14171e;
  border-radius: 8px;
  padding: 10px 15px;
  border: none;
  width: 100%;
  font-size: 14px;
  border: 2px solid transparent;
}

.kh-footer-nieuwsbrief-input-field input:focus-visible {
  border: 2px solid transparent;
}

.kh-footer-nieuwsbrief-input-field input::placeholder {
  color: #6b7077;
  font-weight: 600;
}

.kh-footer-nieuwsbrief-input-field button {
  color: white;
  border: 2px solid white;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #14171e;
  padding: 9px 40px;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
}

.kh-footer-nieuwsbrief-input-field .fa-angle-right {
  font-size: 20px;
}

.kh-footer-end {
  display: flex;
  align-items: center;
  color: #6b7077;
  justify-content: space-around;
  font-size: 12px;
  padding: 5px 0;
}

.kh-footer-end-outer {
  background-color: white;
  border-bottom: 10px solid #14171e;
}

.kh-footer-end a {
  color: #6b7077;
}

.kh-head-menu-div {
  display: flex;
  position: relative;
  z-index: 25;
  background-color: white;
}

.site-navigation {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 40px 0 40px;
}

.kh-menu-header-top-bar {
  height: 12px;
  background-color: #14171e;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
  z-index: 25;
  position: relative;
}

.menu-primary-container ul li {
  padding: 40px 0;
}

.overlay-body-sw.active .archive-filter-button-container {
  display: none;
}

.kh-menu-header-top-bar .fa-star {
  font-size: 10px;
}

.kh-menu-header-top-bar .fa-star-o {
  color: white;
  font-size: 10px;
}

.kh-menu-header-top-bar .kh-front-element-rating-text p {
  color: white;
  font-size: 10px;
}

.kh-menu-header-top-bar .kh-front-element-rating-text p span {
  font-size: 10px;
}

.kh-menu-header-top-bar .kh-front-element-rating {
  justify-content: flex-end;
  align-items: center;
  display: none;
}

.kh-menu-header-top-bar .kh-front-element-rating-stars {
  align-items: center;
  height: 10px;
}

.site-navigation-right {
  display: flex;
  gap: 20px;
}

.search-active .kh-header-menu {
  pointer-events: none;
  opacity: 0.2;
}

.kh-header-menu ul {
  display: flex;
  gap: 30px;
  list-style: none;
  margin: auto;
  padding-left: 0;
}

.kh-header-menu-desktop li:last-child a {
  color: #ff6600;
}

.kh-header-menu-desktop li.has-mega-menu-sw a {
  background-image: url(img/pijl-grijs-onder.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 10px;
  padding-right: 20px;
}

.kh-header-menu-mobile .menu-item-has-children a {
  content: "";
  background-image: url(img/pijl-grijs-rechts.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 10px;
  padding-right: 20px;
}

.kh-header-menu li a {
  text-decoration: none;
  color: #14171e;
  font-weight: 600;
  padding-bottom: 4px;
  white-space: nowrap;
}

body .kh-header-cart .kh-header-cart-count {
  color: white;
  position: absolute;
  bottom: 5px;
  right: -12px;
  background-color: #ff6600;
  border-radius: 100px;
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.kh-header-cart {
  position: relative;
}

.kh-header-logo {
  padding: 24px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #14171e;
  border-bottom-right-radius: 8px;
  width: 30%;
  min-width: 23.5%;
  z-index: 26;
}

.kh-header-logo-big img {
  width: 100%;
  max-width: 100%;
}

.kh-header-logo-mob img {
  display: none;
}

.kh-header-icon {
  height: 29px;
  width: 29px;
}

.kh-header-zoeken img {
  height: 33px;
  width: 33px;
  max-width: 100%;
}

.kh-header-zoeken {
  width: 125px;
  font-size: 14px;
  border: 2px solid rgba(20, 23, 30, 0.2);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  justify-content: center;
  padding-left: 18px;
  cursor: pointer;
}

.kh-header-zoeken.active {
  display: none;
}

.kh-redenen-kh-single-text {
  hyphens: auto;
  text-align: center;
}

.kh-header-zoeken-close img {
  height: 33px;
  width: 33px;
}

.kh-header-zoeken-close {
  width: 125px;
  font-size: 14px;
  border: 2px solid #14171e;
  background-color: #14171e;
  border-radius: 8px;
  color: white;
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  justify-content: center;
  padding-left: 18px;
  cursor: pointer;
  display: none;
}

.kh-header-zoeken-close.active {
  display: grid;
}

.kh-header-icons {
  display: flex;
  align-items: center;
  gap: 15px;
}

.kh-header-icons img {
  height: auto;
  max-width: 100%;
}

.kh-footer-main-grid-locaties-single:last-child
  .kh-footer-locaties-border-small {
  display: none;
}

.kh-footer-main ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.kh-footer-main li {
  display: flex;
  align-items: center;
}

.kh-footer-main li::before {
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 10px;
  color: #fff;
  font-size: 13px;
}

.kh-footer-main li a {
  transition: all 0.3s;
}

.kh-footer-main li a:hover {
  padding-left: 5px;
}

.kh-product-single-usp-single {
  display: grid;
  align-items: center;
  gap: 8px;
  grid-template-columns: 20px 1fr;
}

.kh-product-single-usp-single img {
  height: auto;
  width: 16px;
  max-width: 100%;
}

.kh-product-single-usp-single p {
  font-weight: 500;
  font-size: 12px;
}

.kh-product-single-usp-head h3 {
  font-weight: 600;
  color: white;
  font-size: 16px;
}

.kh-product-single-usp-head {
  max-width: 24%;
}

.kh-product-single-usp {
  border-radius: 0 0 25px 25px;
}

.kh-product-single-usp-inner {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
}

.woocommerce .woocommerce-breadcrumb,
body .woocommerce-breadcrumb {
  margin-bottom: 0;
  margin: 20px 0;
  font-size: 14px;
}

.woocommerce .woocommerce-breadcrumb a,
body .woocommerce-breadcrumb a {
  font-weight: 600;
  color: #767676;
}

.breadcrumb-div {
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0.8;
}

.breadcrumb-div .fa-angle-left {
  font-weight: 600;
  opacity: 0.8;
  font-size: 18px;
}

.kh-single-product-artikel-nr {
  opacity: 0.8;
  color: #6b7077;
  font-size: 10px;
  margin-bottom: 20px;
}

.kh-single-product-excerpt p,
.kh-single-product-excerpt ul {
  color: #6b7077;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.kh-single-product-excerpt {
  margin-bottom: 20px;
}

.kh-single-product-prijs {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color:black;
}

.kh-single-product-prijs del {
  text-decoration: line-through;
    color: #6b7077;
    font-size: 14px;
    font-weight: normal;
}

.kh-single-product-prijs del ins {
  text-decoration: line-through;
}

.kh-single-product-prijs ins, .kh-populair-single-item-prijs ins {
  text-decoration:none;
  position:relative;
  color:#14171e;
}

.kh-populair-single-item-prijs ins {
  margin-left:6px;
}

.kh-single-product-prijs ins:after {
  content: "Aanbieding";
  color: white;
  background-color: #ff6600;
  border-radius: 10px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 3px;
  position: absolute;
  right: -190px;
}

.kh-single-product-prijs del ins:after {
  display:none !important;
}

.kh-single-product-prijs p:nth-child(1) {
  color: #6b7077;
  font-size: 14px;
}

.kh-single-product-title h2 {
  font-weight: bold;
  margin-bottom: 20px;
}

.kh-single-product-prijs p:nth-child(2) {
  text-decoration: line-through;

  color: #6b7077;
  font-size: 14px;
}

.kh-single-product-prijs p:nth-child(3) {
  color: #14171e;
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: -4px;
}

.kh-single-product-prijs-no-sale p:nth-child(2) {
  color: #14171e;
  font-size: 38px;
  font-weight: bold;
  text-decoration: none;
  opacity: 1;
  line-height: 1;
  margin-bottom: -4px;
}

.onsale {
  display: none;
}

.page-title {
  display: none;
}

.kh-single-product-prijs p:nth-child(4) {
  color: white;
  background-color: #ff6600;
  border-radius: 10px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
}

.kh-in-stock-ready {
  background-color: #01a652;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.kh-single-product-in-stock {
  display: flex;
  gap: 5px;
  align-items: center;
}

.stock-kh-melding {
  color: #6b7077 !important;
  font-size: 14px;
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.stock-kh-melding:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}

.stock-kh-melding.in-stock:before {
  background: #01a652;
}

.stock-kh-melding.available-on-backorder:before {
  background: orange;
}

.stock-kh-melding.in-stock:before {
  animation: kh-stock-pulse-green 1.8s ease-out infinite;
  box-shadow: 0 0 0 0 rgba(1,166,82,.40);
}

@keyframes kh-stock-pulse-green {
  0% { box-shadow: 0 0 0 0 rgba(1,166,82,.40); }
  70% { box-shadow: 0 0 0 8px rgba(1,166,82,0); }
  100% { box-shadow: 0 0 0 0 rgba(1,166,82,0); }
}

/* Oude nabestelling-info uit eerdere implementatie verbergen */
.kh-backorder-icon,
#kh-backorder-tooltip,
.kh-backorder-help > .kh-backorder-icon,
.kh-backorder-help > #kh-backorder-tooltip {
  display: none !important;
}

/* Interactieve voorraadstatus: statusbolletje is de trigger, geen los info-icoon */
.kh-stock-help {
  position: relative;
  cursor: help;
  width: fit-content;
  max-width: 100%;
}

.kh-stock-help:before {
  cursor: help;
}

.kh-stock-help--pulse:before {
  animation: kh-stock-pulse 1.8s ease-out infinite;
  box-shadow: 0 0 0 0 rgba(255,165,0,.45);
}

@keyframes kh-stock-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255,165,0,.45); }
  70% { box-shadow: 0 0 0 8px rgba(255,165,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,165,0,0); }
}

.kh-stock-help__tooltip {
  position: absolute;
  left: 0;
  bottom: calc(100% + 14px);
  z-index: 1000;
  width: min(320px, calc(100vw - 48px));
  padding: 16px 17px;
  border: 1px solid #e1e5e9;
  border-radius: 10px;
  background: #fff;
  color: #2f2d2d;
  box-shadow: 0 8px 28px rgba(0,0,0,.14);
  font-family: inherit;
  font-size: 13px;
  line-height: 1.55;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.kh-stock-help__tooltip:after {
  content: "";
  position: absolute;
  left: 12px;
  bottom: -7px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-right: 1px solid #e1e5e9;
  border-bottom: 1px solid #e1e5e9;
  transform: rotate(45deg);
}

.kh-stock-help__tooltip strong {
  display: block;
  margin-bottom: 7px;
  color: #17191f;
  font-size: 14px;
  font-weight: 600;
}

.kh-stock-help__tooltip span {
  display: block;
  color: #4b5057;
}

.kh-stock-help:hover .kh-stock-help__tooltip,
.kh-stock-help:focus .kh-stock-help__tooltip,
.kh-stock-help:focus-within .kh-stock-help__tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.kh-stock-help:focus-visible {
  outline: none;
}

.kh-stock-help:focus-visible:before {
  box-shadow: 0 0 0 3px rgba(255,165,0,.25);
}

@media (prefers-reduced-motion: reduce) {
  .kh-stock-help--pulse:before {
    animation: none;
  }
}

.stock-kh-melding.available-on-backorder:before {
  background: orange;
}

.stock-kh-melding.out-of-stock:before {
  background: #bd0707;
}

.kh-single-product-amount {
  display: flex;
  gap: 20px;
  align-items: center;
}

.cart {
  /* display: none; */
}

.woocommerce-message {
  border-top-color: #01a652;
  font-weight: 600;
}

.woocommerce-message a {
  padding: 10px;
  font-size: 13px;
}

.woocommerce-message::before {
  color: #01a652;
}

.woocommerce-notices-wrapper .woocommerce-message a {
  background-color: #01a652;
  color: white;
  border: 2px solid transparent;
  border-radius: 8px;
  transition: all 0.3s;
}

.woocommerce-notices-wrapper .woocommerce-message a:hover {
  border: 2px solid #01a652;
  color: #01a652;
  background-color: white;
  text-decoration: none;
}

.kh-single-product-buttons button,
.kh-single-product-buttons a {
  font-weight: 600;
  font-size: 15px;
  color: white;
  border-radius: 8px;
  width: 100%;
  border-radius: 8px;
  border: transparent;
  padding: 8px;
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: center;
  cursor: pointer;
  text-align: center;
  border: 2px solid transparent;
}

.kh-single-product-buttons-add-cart p .fa {
  opacity: 0;
}

.kh-single-product-buttons-add-cart p.disabled .fa {
  opacity: 1;
}

.kh-single-product-buttons-offerte {
	display:none !important;
}

.kh-single-product-buttons-offerte:hover {
  color: #2f2d2d;
  border: 2px solid #2f2d2d;
  background-color: white;
}

.kh-single-product-buttons a:hover {
  text-decoration: none;
}

.kh-single-product-buttons-add-cart img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

body .kh-single-product-buttons-add-cart {
  background: #01a652;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 2px solid transparent;
}

.kh-single-product-buttons-add-cart:hover {
  background-color: white;
  color: #01a652;
  border: 2px solid #01a652;
}

.kh-single-product-buttons-offerte {
  background-color: #2f2d2d;
  margin-top: 12px;
}

.normal-kh-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  color: #fff;
  background-color: #ff6600;
  width: fit-content;
  padding: 8px 12px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.4s;
  margin: 15px 0;
}

.normal-kh-button:hover {
  text-decoration: none;
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: #fff;
}

.kh-single-product-specs {
  margin-bottom: 30px;
  margin-top: 30px;
}

.kh-single-product-specs > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid rgba(107, 112, 119, 0.2);
  padding-bottom: 8px;
  padding-top: 8px;
}

.kh-single-product-specs > div:first-child {
  padding-top: 0;
}

.kh-single-product-specs > div:last-child {
  border-bottom: none;
  padding-bottom: none;
}

.kh-single-product-specs > div p:first-child {
  color: #6b7077;
  font-size: 14px;
  font-weight: 500;
}

.kh-single-product-specs > div p:last-child {
  color: #6b7077;
  font-size: 14px;
}

.kh-single-product-amount-inner > div {
  background-color: rgba(107, 112, 119, 0.2);
  color: #14171e;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 600;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.kh-single-product-amount-decrease {
  padding-left: 16px;
  padding-right: 14px;
  border-radius: 20px 0 0 20px;
  cursor: pointer;
  font-size: 14px;
}

.kh-single-product-amount-increase {
  padding-left: 14px;
  padding-right: 16px;
  border-radius: 0 20px 20px 0;
  cursor: pointer;
  font-size: 14px;
}

.kh-single-product-amount .kh-single-product-in-stock {
  align-items: center;
}

.kh-single-product-amount-number {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  width: 40px;
  text-align: center;
}

.kh-single-product-amount-number::selection {
  background-color: transparent;
  color: inherit;
}

.kh-single-product-amount-inner {
  display: flex;
  align-items: center;
  gap: 5px;
}

.kh-mini-footer-container-top {
  width: 100%;
  border-bottom: 10px solid #14171e;
  background-color: rgba(107, 112, 119, 0.1);
}

.kh-mini-footer-container-bot {
  border-top: 10px solid #14171e;
}

.kh-hulp-bestellen-img img {
  height: auto;
  width: 31px;
  max-width: 100%;
}

.kh-hulp-bestellen-div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 40px 0;
}

.kh-afreken-footer {
  font-size: 14px;
}

.kh-afreken-footer a {
  color: #14171e;
  font-weight: bold;
}

.account-aanwezig {
  height: 73vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.afrekenen-inputfield {
  display: flex;
}

.afrekenww {
  width: 100%;
}

.afrekenen-links p {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 500;
}

.afrekenen-doorgaan {
  display: block;
  width: 300px;
  background-color: #01a652;
  border-radius: 8px;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  border: 2px solid transparent;
  max-width: 100%;
  transition: all 0.4s;
}

.afrekenen-doorgaan img {
  display: none;
}

.afrekenen-doorgaan .fa-angle-right {
  font-size: 17px;
}

.afrekenen-doorgaan:hover {
  color: white;
  text-decoration: none;
}

.afrekenen-links h3 {
  margin-bottom: 5px;
}

.ww-vergeten {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  color: black;
  font-weight: bold;
  margin-top: 20px;
}

.voorwaarden-doorgaan {
  margin-top: 20px;
}

.ww-vergeten:hover div {
  color: black;
  text-decoration: underline;
}

.ww-vergeten i {
  font-size: 15px;
  font-weight: bold;
}

.afrekenww {
  border: 2px solid rgba(20, 23, 30, 0.5);
  border-radius: 4px 0 0 4px;
}

.ww-vergeten:hover i {
  text-decoration: none;
}

.woocommerce div.product div.images img {
  border-radius: 4px;
}

.woocommerce div.product div.summary {
  width: 42%;
}

input {
  padding-left: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs {
  margin-top: 15px;
  display: flex;
  gap: 15px;
}

.wc-tabs {
  display: flex;
  gap: 65px;
  list-style: none;
  background-color: #14171e;
  border-radius: 4px;
  padding-left: 0;
  padding: 20px 50px;
}

.wc-tabs i {
  color: #ff6600;
}

.wc-tabs a {
  color: white;
  text-decoration: none;
}

.wc-tabs li.active {
  font-weight: 600;
  position: relative;
  /* text-shadow: 1px 0 white; */
}

.wc-tabs li.active::after {
  content: "";
  position: absolute;
  bottom: -21px;
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 11px;
  background-image: url(img/page-verloop-up.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 9;
}

.onderdelen_tab i,
.accessoires_tab i {
  margin-right: 3px;
}

.kh-single-andere-top h2 {
  margin-bottom: 0;
  font-size: 38px;
  white-space: nowrap;
}

.kh-single-andere-top {
  display: flex;
  gap: 30px;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 50px;
}

.kh-single-andere-top a {
  color: white;
  display: grid;
  align-items: center;
  gap: 10px;
  grid-template-columns: 1fr 20px;
  padding: 10px 5px 10px 20px;
  background-color: #14171e;
  border-radius: 8px;
  justify-content: center;
  font-weight: 600;
  width: 100%;
  text-align: center;
  border: 2px solid transparent;
  transition: all 0.4s;
}

.kh-single-andere-top a:hover {
  color: #14171e;
  border: 2px solid #14171e;
  background-color: white;
}

.kh-single-andere-top i {
  text-align: center;
  font-size: 19px;
  font-weight: 600;
}

.kh-single-andere-top a:hover {
  text-decoration: none;
}

.kh-single-ander-model-big {
  display: flex;
  transition: transform 0.2s ease-in-out;
}

.kh-single-ander-model-big img {
  width: 300px;
  height: auto;
  max-width: 100%;
  border: 2px solid #14171e;
  border-radius: 8px 0 0 8px;
}

.kh-single-andere-mid:hover {
  text-decoration: none;
}

.kh-single-ander-model-text {
  border-top: 2px solid #14171e;
  border-right: 2px solid #14171e;
  border-bottom: 2px solid #14171e;
  border-radius: 0 8px 8px 0;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.kh-single-andere-mid-arrow {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #14171e;
  color: white;
  padding: 0 5px 0 8px;
  border-radius: 0 0px 0 8px;
}

.kh-single-product-ander-model-mid-bot {
  width: 100%;
  text-align: end;
  font-weight: 600;
  color: #14171e;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.kh-single-product-ander-model-mid-bot i {
  font-weight: bold;
  font-size: 13px;
}

.model-text-p {
  color: #14171e;
  margin: 10px 0 10px 0;
}

.kh-single-ander-model-text-inner span {
  font-weight: bold;
  font-size: 30px;
}

.kh-single-ander-model-text-inner {
  padding-left: 40px;
  padding-right: 20px;
}

.kh-single-ander-model-text-inner h3 {
  font-weight: bold;
  font-size: 28px;
}

.kh-sing-ander-model-right-top {
  border: 2px solid #ff6600;
  border-radius: 8px;
  padding: 67px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: transform 0.2s ease-in-out;
}

.kh-sing-ander-model-right-top p {
  color: #14171e;
  font-size: 12px;
  font-weight: 600;
}

.kh-sing-ander-model-right-top .kh-sp-lees-verder {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #14171e;
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 5px;
  font-weight: bold;
}

.kh-sing-ander-model-right-top .kh-sp-lees-verder i {
  font-weight: bold;
}

.kh-sing-ander-model-right-top .kh-single-andere-mid-arrow {
  position: absolute;
  top: -2px;
  right: -2px;
  background-color: #ff6600;
  color: white;
  border-radius: 0 8px 0 8px;
}

.kh-sing-ander-model-right-top h3 {
  font-weight: bold;
}

.kh-sing-ander-model-right-bot {
  background-color: #14171e;
  color: white;
  border: 2px solid #14171e;
  border-radius: 8px;
  padding: 67px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: transform 0.2s ease-in-out;
}

.kh-sing-ander-model-right-bot div:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.kh-sing-ander-model-right-bot .kh-single-andere-mid-arrow {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  color: #14171e;
  border-radius: 0 6px 0 8px;
}

.kh-single-product-andere-modellen-right {
  display: flex;
  gap: 10px;
  margin-top: 100px;
}

.kh-sing-ander-model-right-bot h3 {
  color: white;
}

.kh-sing-ander-model-right-bot .kh-sp-lees-verder {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: white;
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 5px;
}

.kh-single-product-andere-modellen-right i {
  font-size: 14px;
  font-weight: bold;
}

.kh-single-product-andere-modellen-right a:hover {
  text-decoration: none;
}

.kh-single-andere-bot-box img {
  height: auto;
  width: 94px;
}

.kh-single-andere-bot-box-item {
  position: relative;
}

.kh-single-andere-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  justify-content: space-between;
}

.kh-sing-ander-model-right-bot:hover {
  color: white;
}

.kh-single-andere-bot-box-item {
  display: flex;
  border: 2px solid #14171e;
}

.kh-single-ander-model-text .kh-in-stock-ready {
  width: 10px;
  height: 10px;
}

.kh-single-andere-bot-box-item h4 {
  font-size: 14px;
  font-weight: bold;
}

.kh-single-andere-bot-box-item p {
  font-size: 12px;
}

.kh-single-andere-bot-box-item span {
  font-weight: bold;
}

.kh-single-andere-bot-box-item:first-child {
  border-radius: 8px 8px 0 0;
}

.kh-single-andere-bot-box-item:last-child {
  border-radius: 0 0 8px 8px;
}

.kh-single-andere-bot-box-item:first-child,
.kh-single-andere-bot-box-item:nth-child(2) {
  border-bottom: none;
}

.kh-single-andere-bot-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 16px;
  width: 180px;
}

.kh-single-andere-bot-box a {
  color: #14171e;
  overflow: hidden;
}

.kh-single-andere-bot-box a:hover {
  color: white;
  background-color: #14171e;
  text-decoration: none;
}

.kh-single-andere-bot-box a:hover .kh-single-andere-mid-arrow {
  color: #14171e;
  background-color: white;
  padding: 0 5px 0 8px;
  border-radius: 0 0 0 8px;
  right: 0px;
  top: 0px;
  position: absolute;
}

input {
  padding: 10px;
  border: 2px solid rgba(20, 23, 30, 0.2);
  border-radius: 8px;
}

input:focus-visible {
  border: 2px solid rgba(20, 23, 30, 1);
  outline: none;
}

.kh-bezorggegevens-invullen {
  margin-top: 40px;
}

.kh-bezorggegevens-invullen .woocommerce-message {
  margin-bottom: 0;
  margin-left: -15px;
  margin-top: 20px;
}

.bezorggegevens-doorgaan {
  margin-top: 20px;
  margin-bottom: 50px;
}

.doorgaan-div .afrekenen-doorgaan:hover {
  color: #14171e;
  border: 2px solid #14171e;
  background-color: #fff;
}

.bezorg-gegevens-box label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}

.telefoonnummer-gegevens p, .notitie-gegevens p {
  font-size: 14px;
}

.notitie-gegevens textarea {
  width: 500px;
  max-width: 100%;
  padding: 10px;
  min-height: 150px;
  font-size: 14px;
} 

.checkbox-gegevens {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  font-size: 14px;
}

.bezorg-gegevens-box input {
  font-size: 14px;
}

input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: #14171e;
  width: 16px;
  height: 16px;
  border: 1px solid #14171e;
  border-radius: 2px;
  transform: translateY(-0.5px);
  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 10px;
  height: 10px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 0 0 0 5px #14171e;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.naam-box,
.postcode-box {
  display: flex;
  gap: 16px;
}

.postcode-box input {
  width: 120px;
}

.postcode-box {
  margin-top: 20px;
}

.tussenvoegsel input {
  width: 126px;
}

.voornaam input,
.achternaam input {
  width: 320px;
}

.gegevens-head span {
  font-size: 10px;
  color: #d4ded4;
  margin-left: 8px;
  font-weight: 400;
}

#telefoonnummer {
  margin-top: 8px;
}

.orderbevestiging-inner a:last-child i {
  font-size: 11px;
  margin-right: 2px;
  font-weight: bold;
}

.wiwa-bot-grid {
  row-gap: 20px;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid rgba(107, 112, 119, 0.2);
  font-weight: bold;
  color: #14171e;
  font-size: 14px;
}

.product-only-afhalen {
  display: block;
  margin-top: 8px;
  background: #eee;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 3px;
}

.wiwa-bot-grid .wiwa-row:first-child p:nth-child(2) {
  color: #ff6600;
  font-weight: bold;
}

.wiwa-bot-grid .wiwa-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.wiwa-bot-grid .wiwa-row:nth-child(2) {
  margin-bottom: 0;
}

.wijzig-wiwa-bot a {
  color: #14171e;
  font-weight: bold;
  font-size: 12px;
}

.wijzig-wiwa-bot i {
  margin-right: 10px;
  font-weight: bold;
  font-size: 13px;
}

.wiwa-bot-grid p:nth-child(2),
.wiwa-bot-grid p:nth-child(4) {
  text-align: end;
}

.wiwa-bot-grid > div p:last-child {
  font-weight: 400;
  color: #14171e;
  text-align: start;
}

.orderbevestiging-inner a:last-child {
  font-weight: bold;
}

.wachtwoord-invul-repeat {
  margin-top: 15px;
}

.emailadres {
  margin: 15px 0;
}

.emailwens-1,
.emailwens-2,
.orderbevestiging-inner {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
}

.emailwens-1 {
  margin-bottom: 16px;
}

.orderbevestiging-inner a:first-child {
  color: #14171e;
  font-size: 14px;
}

.orderbevestiging-inner a:hover {
  color: #14171e;
}

.orderbevestiging-inner span {
  font-size: 12px;
  color: black;
}

.emailadres input,
.wachtwoord-invul input,
.wachtwoord-invul-repeat input {
  width: 336px;
}

.single-product .kh-lees-meer-banner {
  background-color: rgba(107, 112, 119, 0.1);
}

.single-product .kh-lees-meer-inner h2,
.single-product .kh-lees-meer-inner p {
  color: #14171e;
}

.single-product .kh-lees-meer-img-1 {
  height: 465px;
  max-width: 100%;
}

.single-product .kh-lees-meer-banner-tekst-inner {
  width: 90%;
}

.single-product .kh-banner-lees-meer-outer {
  margin-top: 50px;
}

.single-product .kh-redenen-kh-rechts,
.single-product .kh-redenen-kh-links {
  width: 100%;
}

.single-product .kh-redenen-kh {
  margin-top: 150px;
}

.single-product .kh-redenen-kh-usps {
  margin-top: 100px;
}

.single-product .kh-snel-navigeren-outer {
  padding-top: 150px;
  /* background: linear-gradient(180deg, rgba(107, 112, 119, 0.1), #fff); */
}

.kh-andere-modellen-div {
  padding-bottom: 100px;
  margin-top: 100px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 39px 50px;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.1) 0px 30px 60px -30px; */
}

.kh-andere-modellen-div::after {
  content: "";
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 37px;
  background-image: url(img/page-verloop-down.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 9;
}

.kh-tab-onderdelen-single-rechts img {
  height: 30px;
  width: 30px;
  max-width: 100%;
  object-fit: cover;
  cursor: pointer;
}

.kh-single-page-tab-onderdelen {
  margin-top: 0;
}

.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description div {
  margin-bottom: 15px;
}

.kh-bijlages-container {
  padding-top: 20px;
  display: none;
}

.kh-tab-onderdelen-single {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid rgba(107, 112, 119, 0.2);
}

.kh-tab-onderdelen-single-text img {
  max-width: 100%;
  width: 100px;
  object-fit: cover;
  height: 100px;
}

.kh-tab-onderdelen-single-text {
  display: flex;
  gap: 20px;
  align-items: center;
}

.nopartsfound-menu {
  padding:10px 10px 10px 40px;
}

.requestparts-link {
  color:#ff6600;
  text-decoration:underline;
  font-size: 14px;
}

.kh-tab-onderdelen-single-text a {
  font-weight: bold;
  color: black;
  font-size: 14px;
}

.read-more-btn {
  font-weight: bold;
  cursor: pointer;
  width: fit-content;
}

.custom-short .clamp-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.custom-description.expanded .clamp-content {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.kh-tab-onderdelen-single.active .kh-tab-onderdelen-single-text p  {
  background: #FFFF00;
}

.kh-tab-onderdelen-single-rechts {
  display: flex;
  gap: 20px;
  align-items: center;
}

.kh-tab-onderdelen-single-rechts div {
  display: flex;
  gap: 20px;
}

.kh-tab-onderdelen-single-rechts p {
  font-weight: bold;
  margin-right: 40px;
  font-size: 18px;
}

.kh-tab-onderdelen-single-text .kh-single-product-in-stock p {
  font-size: 14px;
  font-weight: 400;
  color: #14171e;
  margin-bottom: 0;
}

.kh-tab-onderdelen-single-text .kh-single-product-in-stock {
  align-items: center;
  gap: 10px;
}

.kh-tab-onderdelen-single-text .kh-in-stock-ready {
  width: 10px;
  height: 10px;
}

.kh-temp-not-stock-ready {
  width: 10px;
  height: 10px;
  background-color: #ff6600;
  border-radius: 50%;
}

.search-container {
  margin: 35px 0;
}

.search-result-single-text .kh-not-stock-ready {
  width: 10px;
  height: 10px;
}

.kh-not-stock-ready {
  width: 15px;
  height: 15px;
  background-color: #bd0707;
  border-radius: 50%;
}

.kh-tab-onderdelen-single-text .kh-not-stock-ready {
  width: 10px;
  height: 10px;
  background-color: #bd0707;
  border-radius: 50%;
}

#tab-description {
  padding-top: 20px;
  max-width: 100%;
  width: 850px;
  line-height: 1.5;
}

.single-carousel {
  border-radius: 8px;
  border: 1px solid #14171e;
  width: 308px;
  margin: 10px;
}

.carousel-text {
  width: 100%;
  margin: 30px 0;
  max-width: 100%;
  font-weight: 600;
}

.carousel-text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  min-height: 85px;
}

.carousel-inner-box {
  padding: 30px 32px 0 32px;
}

.naam {
  width: 100%;
  padding: 0 32px 30px 32px;
}

.naam p:first-child {
  font-weight: bold;
  font-size: 18px;
}

.naam p:last-child {
  font-size: 12px;
}

.carousel-stars {
  justify-content: center;
  display: flex;
  gap: 2px;
}

.carousel-stars i {
  font-size: 20px;
}

.ervaringencontainer {
  display: flex;
  gap: 20px;
}

.woocommerce-shop h1 {
  margin-bottom: 11px;
}

.carouselcontainer .kh-front-element-rating {
  margin: 20px 0 30px 0;
}

.carouselcontainer .kh-single-andere-top a {
  width: fit-content;
}

.kh-single-product-andere-producten-inner {
  display: flex;
}

.kh-populair-single-item .kh-single-product-in-stock p {
  font-size: 12px;
}

.kh-populair-single-item .kh-in-stock-ready-div div {
  height: 10px;
  width: 10px;
}

.up-sells .products {
  display: grid;
  justify-content: space-between;
  gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: stretch;
}

.up-sells .kh-populair-item-box {
  display: flex;
  flex-direction: column;
}

.up-sells .products .kh-populair-item-box .kh-populair-single-item-bot {
  flex: 1 1 0;
}

.kh-single-product-andere-producten {
  margin-top: 100px;
  margin-bottom: 100px;
}

.kh-single-andere-producten-single-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  justify-content: space-between;
  gap: 30px;
}

.kh-single-andere-producten-single-box .kh-populair-item-box {
  display: block;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none;
}

.slider div {
  margin-right: 20px;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  border-right: 2px solid rgba(107, 112, 119, 0.2);
  width: fit-content;
}

.woocommerce-MyAccount-navigation li a {
  color: #14171e;
  font-weight: 500;
}

.woocommerce-MyAccount-navigation li a:focus-visible {
  font-weight: bold;
}
.woocommerce-MyAccount-navigation li {
  border-bottom: 2px solid rgba(107, 112, 119, 0.2);
  padding: 20px 0;
  padding-right: 100px;
}

.woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.woocommerce-MyAccount-navigation li:not(:last-child):nth-last-child(2) {
  border-bottom: none;
}

.woocommerce-MyAccount-navigation .is-active a {
  font-weight: 700;
}

.kh-account-producten-top {
  display: flex;
  justify-content: space-between;
}

.kh-account-producten-top img {
  width: 70px;
  position: absolute;
  bottom: 0;
  left: 3px;
}

.kh-account-producten-top-right a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #14171e;
  background-color: rgba(107, 112, 119, 0.1);
  border-radius: 8px;
  padding: 10px 10px 10px 80px;
  position: relative;
  border: 1px solid transparent;
  transition: all 0.4s;
}

.kh-account-producten-top-right a p:first-child {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px;
}

.kh-account-producten-top-right a p:last-child {
  font-size: 14px;
  font-weight: 500;
}

.kh-account-producten-top-right a i {
  font-size: 14px;
  font-weight: bold;
}

.kh-account-producten-top-right a:hover {
  text-decoration: none;
  border: 1px solid #ff6600;
}

.kh-account-producten-top-left p:first-child {
  color: #14171e;
  font-weight: bold;
  font-size: 14px;
}

.kh-account-producten-top-left p:last-child {
  font-size: 12px;
}

.kh-account-producten-single-product {
  display: flex;
  margin: 10px 0;
  cursor: pointer;
}

.kachel-serienummer {
  margin-top: 5px;
}

.kh-account-producten .kh-tab-onderdelen {
  background-color: rgba(107, 112, 119, 0.1);
  border-radius: 8px;
  padding: 40px 50px;
  margin-bottom: 20px;
  display: none;
}

.kh-account-producten-single-product i {
  font-size: 28px;
  font-weight: bold;
  transition: transform 0.4s ease;
}

.kh-account-producten-single-product div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 40px;
  width: 100%;
  background-color: rgba(107, 112, 119, 0.1);
  border-radius: 0 8px 8px 0;
}

.kh-account-producten-single-product img {
  width: 115px;
  border-radius: 8px 0 0 8px;
  object-fit: cover;
}

.kh-account-producten-single-product p:first-child {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.kh-account-producten-single-product p {
  font-weight: bold;
  font-size: 20px;
}

.kh-account-producten-single-product p span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
}

.kh-category-header {
  text-align: center;
  margin: 20px 0;
}

.kh-category-header .breadcrumb-div .woocommerce-breadcrumb {
  margin: 0;
}

.kh-category-page-loop .kh-populair-item-box {
  display: block;
}

.kh-category-filter-hook {
  width: 100%;
  border-bottom: 1px solid rgba(107, 112, 119, 0.2);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.kh-populair-item-box-slider .kh-populair-single-item {
  width: 100%;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 10px;
  border-radius: 4px;
  height: auto;
  display: flex !important;
}

.kh-populair-item-box .slick-track {
  display: flex;
  align-items: stretch;
}

.kh-populair-item-box-slider .kh-populair-single-item img {
  height: 300px;
}

.tax-product_cat .kh-populair-single-item-img-box img {
  transition: all 0.4s;
}

.kh-populair-item-box-slider .slick-list {
  margin-left: -10px;
}

.woocommerce .woocommerce-result-count {
  font-weight: bold;
  padding: 15px;
}

.kh-product-name {
  font-size: 21px;
}

.kh-category-page-loop {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.kh-category-page-loop .kh-populair-single-item-img-box {
  width: 100%;
  background: #eee;
}

.kh-woocommerce-sorteren-filter-head img {
  height: auto;
  max-width: 100%;
  width: 20px;
}

.kh-woocommerce-sorteren-filter-head-img-box {
  background-color: #14171e;
  width: 57px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kh-woocommerce-sorteren-filter-head {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.kh-woocommerce-sorteren-filter-head-text p {
  font-size: 14px;
  color: #6b7077;
  font-weight: 500;
}

.kh-custom-checkbox {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 14px;
}

.kh-custom-checkbox label {
  font-weight: 400;
  margin-bottom: 0px;
  cursor: pointer;
}

.kh-category-page-filter-checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 30px;
}

.kh-category-page-filter-box i {
  font-weight: bold;
  margin-left: 8px;
  font-size: 22px;
  transition: all 0.4s;
}

.kh-category-page-filter-box h3 {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 30px;
  margin-bottom: 0;
}

.kh-category-page-filter-box-head {
  cursor: pointer;
}

.kh-category-page-filter-box {
  padding-top: 30px;
  border-bottom: 2px solid rgba(107, 112, 119, 0.2);
  border-right: 2px solid rgba(107, 112, 119, 0.2);
}

.kh-category-page-filter-box:last-child {
  margin-bottom: 100px;
}

/***************************************************************************************************************************/
/************** CART *********************/
/***************************************************************************************************************************/
.back-to-shop {
  margin-top: 50px;
  margin-bottom: 150px;
}

.back-shop-link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #14171e;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 10px;
  width: fit-content;
}

.back-shop-link:hover {
  color: #14171e;
}

.chevron-left {
  height: 12px;
  width: 12px;
}

.cart-header h1 {
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 40px;
}

.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button,
.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button,
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.woocommerce .quantity input[type="number"] {
  -moz-appearance: textfield;
}

.winkelmand-div {
  display: flex;
}

body .cart-top .cart-img {
  width: 112px;
  height: 112px;
  /* border: 1px solid #6b7077; */
  border-radius: 8px;
}

.cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(107, 112, 119, 0.2);
}

.flex-control-nav {
  display: flex;
  gap: 16px;
}

.cart-top {
  display: flex;
  width: 100%;
  gap: 40px;
}

.cart-item-name {
  font-weight: bold;
}

.cart-item-name .kh-aanbieding-tag {
  top: 0;
  right: 0px;
  left: initial;
}

.cart-item-name a {
  font-family: "Poppins";
  font-weight: 700;
  color: #252525;
  width: 100%;
  display: block;
}

.verwijder-div p {
  font-size: 14px;
}

.minus-icon {
  color: #14171e;
  font-weight: 600;
  font-size: 21px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.2;
}

.minus-icon-single-product {
  color: #93ac94;
  font-weight: 700;
  font-size: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.2;
}

.plus-icon {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
}

.plus-icon-single-product {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
}

.minus-icon::selection,
.plus-icon::selection {
  color: none;
  background: none;
}

.decrease {
  height: 25px;
  width: 25px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #14171e;
  border-radius: 50%;
}

.decrease-single-product {
  height: 41px;
  width: 41px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.01), 4px 4px 4px rgba(0, 0, 0, 0.04),
    2px 2px 3px rgba(0, 0, 0, 0.07), 0px 0px 2px rgba(0, 0, 0, 0.08),
    0px 0px 0px rgba(0, 0, 0, 0.08);
}

.increase {
  justify-content: center;
  align-items: center;
  display: flex;
  height: 25px;
  width: 25px;
  cursor: pointer;
  background-color: #ff6600;
  border: 1px solid #ff6600;
  border-radius: 50%;
  box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.01), 4px 4px 4px rgba(0, 0, 0, 0.04),
    2px 2px 3px rgba(0, 0, 0, 0.07), 0px 0px 2px rgba(0, 0, 0, 0.08),
    0px 0px 0px rgba(0, 0, 0, 0.08);
}

.increase-single-product {
  height: 41px;
  width: 41px;
  cursor: pointer;
  background-color: #ff6600;
  border-radius: 50%;
  box-shadow: 8px 8px 4px rgba(0, 0, 0, 0.01), 4px 4px 4px rgba(0, 0, 0, 0.04),
    2px 2px 3px rgba(0, 0, 0, 0.07), 0px 0px 2px rgba(0, 0, 0, 0.08),
    0px 0px 0px rgba(0, 0, 0, 0.08);
}

.item-amount {
  display: flex;
  margin-top: 20px;
  align-items: center;
}

.item-amount-single-page {
  display: flex;
  margin-top: 30px;
  align-items: center;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(107, 112, 119, 0.2);
  margin-bottom: 32px;
}

.amount-inner {
  font-size: 20px;
}

body .cart-text .item-amount .verwijder-div a {
  margin-right: 30px;
  color: #252525 !important;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  width: fit-content;
}

body .cart-text .item-amount .verwijder-div a:hover {
  background: #fff !important;
}

.change-amount {
  display: flex;
  align-items: center;
}

.woocommerce .quantity .qty {
  font-weight: 700;
  color: #14171e;
  width: 45px;
  text-align: center;
  border: none;
  font-size: 24px;
  padding-left: 0;
  padding-right: 0;
}

.woocommerce .quantity .qty:focus-visible {
  outline: none;
}

.kh-cart-mobile-verwijder {
  text-align: end;
}

.kh-cart-mobile-verwijder a {
  font-weight: bold;
  opacity: 0;
  color: #14171e;
  pointer-events: none;
}

.item-amount-inner {
  display: flex;
  align-items: center;
  gap: 30px;
}

.item-prijs .woocommerce-Price-amount {
  color: #14171e;
}

.item-prijs p {
  font-size: 15px;
  color: #252525;
  font-weight: 400;
  margin-top: 42px;
}

.afreken-uitleg-head h3 {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 15px;
}

.afreken-uitleg-text p {
  font-weight: 500;
  color: #14171e;
  font-size: 12px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.afreken-uitleg-text p:last-child {
  margin-bottom: 0;
}

.afreken-uitleg-text img {
  height: 17px;
  width: 17px;
  max-width: 100%;
  margin-right: 10px;
}

.afreken-uitleg-text {
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.totaalbedrag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 12px;
  margin-top: 12px;
  margin-bottom: 5px;
}

.btw {
  font-weight: 500;
  font-size: 10px;
  margin-bottom: 20px;
}

.bezorging {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 12px;
}

.woocommerce-cart .bezorging {
  display: none;
}

.gratis {
  color: #ff6600;
}

.afreken-waardebon img {
  width: 25px;
  height: 25px;
  max-width: 100%;
  margin-right: 10px;
}

body .back-to-shop .afrekenen .afreken-knop a {
  color: white;
  display: grid;
  align-items: center;
  gap: 10px;
  grid-template-columns: 1fr 20px;
  padding: 10px 5px 10px 20px;
  background-color: #ff6600;
  border-radius: 8px;
  justify-content: center;
  font-weight: 600;
  width: 100%;
  text-align: center;
  font-size: 14px;
  border: 2px solid transparent;
  transition: all 0.3s;
}

body .back-to-shop .afrekenen .afreken-knop a:hover {
  text-decoration: none;
  color: #ff6600;
  background: #fff;
  border: 2px solid #ff6600;
}

.winkelmand-cbd {
  display: flex;
  align-items: center;
  gap: 5px;
  text-align: center;
  background-color: #ff6600;
  color: #fff;
  border-radius: 8px;
  padding: 14px 14px 14px 35px;
  font-weight: 700;
  font-size: 12px;
  border: 2px solid transparent;
  margin-left: 40px;
  cursor: pointer;
  width: fit-content;
  transition: all 0.3s;
}

.winkelmand-cbd:focus {
  outline: #ff6600;
}

.winkelmand-cbd:hover {
  text-decoration: none;
  color: #ff6600;
  background: #fff;
  border: 2px solid #ff6600;
}

.betaalmethode {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.betaalmethode img {
  width: 30px;
  height: auto;
}

.betaalmethode img:last-child {
  width: 40px;
}

.afreken-waardebon {
  font-weight: 400;
  font-size: 12px;
  margin-top: 20px;
}
.afreken-waardebon p:first-child {
  font-weight: bold;
  line-height: 18px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 5px;
}

.afreken-waardebon p:last-child {
  line-height: 18px;
}

.verwijder-div p {
  cursor: pointer;
}

.woocommerce-cart .kh-lees-meer-img-1 {
  height: 465px;
  max-width: 100%;
}

.woocommerce-cart .kh-lees-meer-banner {
  background-color: rgba(107, 112, 119, 0.1);
}

.woocommerce-cart .kh-lees-meer-banner-tekst-inner {
  width: 90%;
}

.woocommerce-cart .kh-lees-meer-inner h2,
.woocommerce-cart .kh-lees-meer-inner p {
  color: #14171e;
}

.verwijder-div a:hover {
  text-decoration: underline;
}

.bezorg-gegevens-box h4 {
  color: #14171e;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}

.bezorg-gegevens-box p {
  font-size: 14px;
}

.adres-box-ingevuld p {
  font-size: 14px;
  margin-bottom: 4px;
}

.adres-box-ingevuld p:last-child {
  margin-bottom: 0;
}

.adres-box-ingevuld {
  border-radius: 8px;
  padding: 20px;
  width: fit-content;
  width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 0 0 1px #14171e;
  cursor: pointer;
}

.adres-box-ingevuld.active {
  box-shadow: 0 0 0 2px #14171e;
}

.adres-box {
  cursor: pointer;
}

.adres-box:not(.abactive):hover {
  border: 2px solid #93ac94;
}

.adres-box p:first-child {
  margin-bottom: 12px;
}

.adres-box strong {
  display: block;
  margin-bottom: 8px;
}

.adres-box p {
  font-size: 14px;
  margin-bottom: 4px;
}

.adres-box p:last-child {
  margin-bottom: 0;
}

.adres-box {
  border: 2px solid #f0f3f0;
  border-radius: 9px;
  padding: 16px 16px 16px;
  width: fit-content;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.adres-box.abactive {
  background-color: #f0f3f0;
}

.adres-box.abactive:after {
  content: "Geselecteerd";
  position: absolute;
  right: 15px;
  bottom: 15px;
  color: #71ab74;
  background: white;
  border: 2px solid #71ab74;
  padding: 3px;
  font-size: 9px;
  font-weight: bold;
  border-radius: 4px;
}

.bezorg-gegevens-box {
  margin-bottom: 25px;
}

.adres-info-box {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.adres-box-leeg-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  gap: 7px;
  color: black;
}

.adres-box-leeg-inner:hover {
  text-decoration: none;
  color: black;
}

.plus-box {
  cursor: pointer;
  background-color: #ff6600;
  border-radius: 50%;
}

.plus-box-inner {
  height: 24px;
  width: 24px;
  font-size: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.adres-box-leeg {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f0f3f0;
  border-radius: 8px;
  width: 250px;
  min-height: 150px;
  cursor: pointer;
}

.bezorg-gegevens-box {
  margin-bottom: 15px;
}

.myaccountaddress h4 {
  display: none;
}

.edit-saved-addresses-container {
  color: #14171e;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  display: flex;
  gap: 20px;
}

.add-addresses i {
  margin-right: 5px;
}

.adres-box-leeg:hover {
  border: 2px solid #14171e;
}

.wijzig-adres,
.wijzig-adres-factuur {
  margin: 10px 0 40px 0;
  font-weight: bold;
}

.waardebon-container .gegevens-head {
  margin-top: 24px;
}

.wijzig-adres-factuur a,
.wijzig-adres a {
  display: block;
  font-size: 10px;
  color: #14171e;
  font-weight: bold;
}

.wijzig-adres a i,
.wijzig-adres-factuur a i,
.wijzig-adres-factuur a i {
  font-size: 13px;
  font-weight: bold;
  margin-right: 8px;
}

.bezorggegevens h4 {
  font-weight: bold;
}

.factuur-adres p {
  font-size: 14px;
}

.contactgegevens p {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}

.wijzig-adres a:hover {
  text-decoration: underline;
}

.input-phone {
  border: 2px solid rgba(20, 23, 30, 0.2);
  border-radius: 8px;
  padding-left: 10px;
  height: 39px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-phone:focus-visible {
  outline: 2px solid #14171e;
}

.gegevens-head {
  font-weight: bold;
  font-size: 14px;
  color: #14171e;
  margin-bottom: 8px;
}

.create-account-passwords {
  display: none;
}

.password-message {
  color: red !important;
  margin-top: 8px;
}

.pass-error input,
.kies-bank.bank-error select {
  border-color: #df5252 !important;
  background-color: #fbdada !important;
}

.kies-bank.bank-error:after {
  content: "Selecteer je bank ";
  color: red;
  display: block;
}

.bezorggegevens-invullen input[type="text"],
.bezorggegevens-invullen input[type="number"],
.bezorggegevens-invullen select {
  color: #14171e;
  font-size: 14px;
  border: 2px solid rgba(20, 23, 30, 0.2);
  border-radius: 8px;
  padding-left: 10px;
  height: 39px;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.bezorggegevens-invullen h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.voorwaarden-doorgaan-content p {
  font-size: 12px;
  margin-top: 15px;
}

.shiprow-box {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
}

.woocommerce form .shiprow-box .form-row {
  margin-left: 0;
  padding-left: 0;
}

.factuuradres-optioneel {
  margin-bottom: 24px;
  margin-top: 40px;
}

.orderbevestiging {
  padding: 20px 0;
}

.bezorggegevens-invullen .account-aanwezig-wiwa {
  margin-top: 0;
  margin-right: 0;
}

.extra-adres-checkboxes {
  display: block;
  margin-top: 25px;
}

.bezorggegevens-invullen input[type="text"]:focus-visible,
.bezorggegevens-invullen input[type="number"]:focus-visible {
  outline: 2px solid #14171e;
  border: 2px solid transparent;
}

.wiwa-top-product {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.account-aanwezig-wiwa-top h3 {
  margin-bottom: 20px;
}

.account-aanwezig-outer {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.wiwa-top-product-amount {
  background-color: #14171e;
  color: white;
  padding: 5px 20px;
  border-radius: 13px;
  min-width: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.kh-algemene-voorwaarden-a {
  font-weight: bold;
  color: #14171e;
}

.kh-algemene-voorwaarden-a:hover {
  color: #14171e;
}

.checkbox-gegevens label,
.emailwens-2 label,
.emailwens-1 label {
  font-weight: 400;
  margin-bottom: 0;
  cursor: pointer;
}

.kh-single-product-andere-producten .upsells {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  gap: 30px;
}

body .slick-prev:before,
body .slick-next:before {
  color: #14171e;
  font-size: 60px;
}

.account-aanwezig .wijzig-adres-factuur a {
  font-size: 12px;
}

.afreken-knop a {
  color: white;
  display: grid;
  align-items: center;
  gap: 10px;
  grid-template-columns: 1fr 20px;
  padding: 8px 8px 8px 20px;
  background-color: #ff6600;
  border-radius: 8px;
  justify-content: center;
  font-weight: 500;
  width: fit-content;
  text-align: center;
  font-size: 14px;
  border: 2px solid transparent;
  transition: all 0.4s;
}

.afreken-knop a:hover {
  text-decoration: none;
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: white;
}

.afreken-knop i {
  font-size: 20px;
}

.overzicht-container .doorgaan-div .afrekenen-doorgaan {
  grid-template-columns: 20px 1fr;
  padding-right: 37px;
  padding-left: 8px;
  color: #14171e;
  background-color: white;
  border: 2px solid #14171e;
  font-weight: bold;
}

.overzicht-container .doorgaan-div .afrekenen-doorgaan:hover {
  color: white;
  background-color: #14171e;
}

.overzicht-container .doorgaan-div .afrekenen-doorgaan i {
  font-size: 18px;
  font-weight: bold;
}

body .overzicht-container .kh-waar-bezorgen .kh-overzicht-sub-head,
body .overzicht-container .kh-overzicht-betaalmethode .kh-overzicht-sub-head {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 10px;
}

.kh-waar-bezorgen {
  display: flex;
  gap: 100px;
}

.overzicht-container .bezorg-gegevens-box div:first-child h4 {
  margin-bottom: 30px;
}

.kh-waar-bezorgen-inner > div,
.kh-overzicht-contactgegevens > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.overzicht-container .bezorg-gegevens-box p {
  font-size: 12px;
}

.kh-overzicht-bezorging {
  border-top: 1px solid rgba(107, 112, 119, 0.2);
  border-bottom: 1px solid rgba(107, 112, 119, 0.2);
  padding: 30px 0;
  margin-bottom: 40px;
}

.kh-overzicht-betalen .wijzig-adres-factuur {
  margin-bottom: 25px;
  margin-top: 0;
}

.kh-overzicht-betalen h4,
.kh-overzicht-bezorging h4 {
  margin-bottom: 5px;
}

.kh-overzicht-betalen > p {
  margin: 40px 0 10px 0;
}

.kh-bank-dropdown-head {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  width: 200px;
  display: none;
}

.kh-bank-dropdown-head.active {
  display: block;
}

.kh-bank-dropdown-head select {
  border: 2px solid rgba(107, 112, 119, 0.6);
  border-radius: 8px;
  font-size: 12px;
  padding: 5px 10px;
}

.kh-bank-dropdown-outer {
  font-weight: 600;
}

.kh-bank-dropdown-outer i {
  font-size: 15px;
  font-weight: bold;
}

.betaalmethode-afrekenen {
  margin-bottom: 16px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.pm-method,
.kh-overzicht-betaalmethode-toevoegen {
  border: 2px solid rgba(107, 112, 119, 0.6);
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  padding: 22px;
  max-width: 220px;
  text-align: center;
  position: relative;
}

.pm-method:hover,
.pm-method.active:hover {
  border: 2px solid #14171e;
}

.pm-method.active {
  border: 2px solid transparent;
  background-color: rgba(107, 112, 119, 0.1);
}

.pm-method.active::after {
  content: "Geselecteerd";
  position: absolute;
  right: 2px;
  top: 2px;
  color: #01a652;
  background: white;
  border: 2px solid #01a652;
  padding: 3px;
  font-size: 9px;
  font-weight: bold;
  border-radius: 4px;
}

.pm-method img {
  width: 40px;
  display: block;
  height: 35px;
  margin: 0px auto 10px;
}

.pm-method.pm-mollie_wc_gateway_creditcard img {
  width: 90px;
  max-width: 100%;
}

.kies-bank {
  display: none;
  flex-direction: column;
  gap: 8px;
}

.kies-bank.active {
  display: flex;
}

.kies-bank label {
  font-size: 12px;
  font-weight: 700;
}

#bank {
  border: 2px solid #f0f3f0;
  border-radius: 8px;
  width: 336px;
  height: 40px;
}

.method-desc {
  font-size: 12px;
}

.kh-overzicht-betalen > p {
  font-size: 12px;
}

.kh-overzicht-betaalmethode-single.active {
  border: 2px solid #14171e;
}

.kh-overzicht-betaalmethode p {
  font-size: 12px;
}

.kh-bezorggegevens-invullen input[type="text"] {
  background-image: url("img/vinkje-groen.svg");
  background-position: right 10px bottom -100%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}

.kh-bezorggegevens-invullen
  input[type="text"].mandatory_checkout_input.is-valid {
  background-position: right 10px center;
  /* border-bottom: 2px solid #01a652; */
}

.select2-container--default .select2-selection--single {
  border: 2px solid rgba(20, 23, 30, 0.2);
  padding: 5px;
  height: 39px;
  width: 225px;
  border-radius: 8px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 39px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #14171e;
}

.kh-overzicht-betaalmethode-toevoegen {
  display: grid;
  align-items: center;
  grid-template-columns: 20px auto;
  gap: 8px;
  padding: 12px 35px;
}

.kh-overzicht-betaalmethode-toevoegen p:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff6600;
  color: white;
  font-weight: 600;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}

.kh-overzicht-betaalmethode-toevoegen p:last-child {
  font-weight: bold;
  text-align: start;
}

.kh-overzicht-betaalmethode-kiezen {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.kh-overzicht-betaalmethode-single img {
  height: auto;
  width: 30px;
  object-fit: cover;
}

.kh-timeline-start {
  height: 10px;
  width: 10px;
  background-color: #ff6600;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.kh-timeline-part {
  color: #ff6600;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 20px;
}

.kh-timeline-part svg {
  position: absolute;
  height: 20px;
  width: 20px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.kh-timeline-part p {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2px;
}

.kh-timeline-line {
  height: 2px;
  background-color: #ff6600;
  width: 250px;
  position: relative;
  z-index: 2;
  max-width: 100%;
}

.kh-timeline-box {
  display: flex;
  align-items: center;
}

.kh-timeline-box .kh-timeline-part:last-child {
  color: rgba(107, 112, 119, 0.2);
}

.kh-timeline-box .kh-timeline-part:last-child .kh-timeline-line {
  background-color: rgba(107, 112, 119, 0.2);
}

.shipping-dynamic-loader {
  display: flex;
  gap: 20px;
}

.pickup-option {
  margin-bottom: 35px;
  display: none;
}

.pickup-option.active {
  display: block;
}

.shipping-dynamic-loader .ship-method {
  border: 2px solid #f0f3f0;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  padding: 45px 15px;
  text-align: center;
  position: relative;
  max-width: 250px;
  font-size: 14px;
}

.shipping-dynamic-loader .ship-method.active {
  background: #f0f3f0;
}

.shipping-dynamic-loader .ship-method.active:after {
  content: "Geselecteerd";
  position: absolute;
  right: 2px;
  top: 2px;
  color: #71ab74;
  background: white;
  border: 2px solid #71ab74;
  padding: 3px;
  font-size: 10px;
  border-radius: 4px;
}

.dynamic-cart-loader {
  position: sticky;
  top: 10px;
}

.sw-mini-cart-item-piece {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(107, 112, 119, 0.2);
  padding: 20px;
}

.sw-mini-cart-item-img-box {
  width: 75px;
  height: 75px;
  margin-right: 15px;
}

.sw-mini-cart-cont {
  position: absolute;
  top: 57px;
  right: 30px;
  z-index: 99999;
  opacity: 0;
  padding-top: 25px;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.sw-mini-cart {
  box-shadow: 0 19px 35px rgba(0, 0, 0, 0.11);
  width: 335px;
  margin: 15px auto 35px;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
}

.winkelwagen-mini-cart:hover ~ .sw-mini-cart-cont,
.sw-mini-cart-cont:hover {
  opacity: 1;
  pointer-events: initial;
}

.winkelwagen-mini-cart {
  position: relative;
  cursor: pointer;
}

.winkelwagen-mini-cart:hover ~ .sw-mini-cart,
.sw-mini-cart:hover {
  opacity: 1;
  pointer-events: initial;
}

.winkelwagen-mini-cart {
  position: relative;
  padding-bottom: 20px;
}

.sw-mini-cart-item-img {
  display: block;
  background-image: url(img/dogs.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 75px;
  height: 75px;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 8px;
}

.sw-mini-cart-item-text bdi {
  color: #000;
}

.sw-mini-cart-item-text a:first-child {
  font-size: 14px;
  margin-bottom: 5px;
}

.sw-mini-cart-item-text a:last-child {
  display: flex;
  align-items: center;
  gap: 5px;
}

.sw-mini-cart-item-text-inner {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 15px;
  font-weight: 600;
}

.sw-mini-cart-item-text a {
  font-size: 14px;
  color: #000;
}

.sw-mini-cart-item-text a:hover {
  text-decoration: none;
}

.sw-mini-cart-item-text {
  width: 100%;
}

.sw-mini-cart-items {
  border-top: 2px solid #d3d3d3;
}

.sw-mini-cart-totaal bdi {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
.sw-mini-cart-totaal {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin: 0 auto;
  padding: 17px 20px;
  text-align: center;
}
.sw-mini-cart-buttons {
  display: flex;
  gap: 10px;
  padding: 0 20px 20px 20px;
}

.sw-mini-cart-buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  color: #fff;
  background-color: #ff6600;
  width: fit-content;
  padding: 8px 12px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.4s;
}

.sw-mini-cart-buttons a:hover {
  text-decoration: none;
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: #fff;
}

.remove_from_cart_button:hover {
  font-weight: 500;
}

.diff-shipping-adres-container {
  background: #f0f3f0;
  padding: 25px;
  margin-top: 10px;
  border-radius: 8px;
}

.diff-shipping-adres-container.hide-ship {
  display: none;
}

.checkout-checkbox {
  cursor: pointer;
}

.overlay-body-sw {
  position: fixed;
  overflow-y: scroll;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.45);
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 21;
}

.overlay-body-sw.active {
  visibility: visible;
  opacity: 1;
}

body.overflow-hidden {
  overflow: hidden;
}

.bezorggegevens {
  position: relative;
}

.kh-adres-popup.active {
  display: block;
}

.kh-adres-popup .postcode-box {
  margin-bottom: 15px;
}

.kh-adres-popup .emailwens-2 {
  margin-bottom: 10px;
  cursor: pointer;
}

.kh-adres-popup-head {
  display: flex;
  justify-content: space-between;
}

.kh-adres-popup-head p {
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

.kh-adres-popup-buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.kh-adres-popup-buttons button {
  border-radius: 8px;
  width: 250px;
  padding: 10px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

.kh-adres-popup-buttons button:first-child {
  background-color: #01a652;
  color: white;
  border: 2px solid transparent;
}

.kh-adres-popup-buttons button:first-child:hover {
  color: #01a652;
  border: 2px solid #01a652;
  background-color: white;
}

.kh-adres-popup-buttons button:last-child {
  background-color: white;
  color: #14171e;
  border: 2px solid #14171e;
}

.kh-adres-popup-buttons button:last-child:hover {
  background-color: #14171e;
  color: white;
  border: 2px solid #14171e;
}

.kh-edit-addresses-container {
  position: fixed;
  z-index: 99998;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.45);
  visibility: hidden;
  opacity: 0;
}

.kh-edit-addresses-container.active {
  visibility: inherit;
  opacity: 1;
}

.kh-edit-addresses {
  max-width: 90%;
  width: 360px;
  height: 100vh;
  background: white;
  transition: all 0.3s ease;
  transform: translateX(-100%);
}

.kh-edit-addresses .kh-adres-popup-buttons {
  padding: 0 10px;
  position: absolute;
  bottom: 10px;
  width: 100%;
}

.kh-edit-addresses .kh-adres-popup-buttons button {
  width: 100%;
}

.kh-edit-addresses .adres-info-box {
  display: block;
  padding: 10px 10px 10px 15px;
}

.kh-edit-addresses .adres-info-box .adres-box {
  width: 100%;
  margin-bottom: 10px;
  cursor: initial;
  padding: 10px 16px;
}

.kh-edit-addresses .adres-info-box .adres-box:hover {
  border: 2px solid #f0f3f0;
}

.emailwens-1,
.emailwens-2,
.orderbevestiging-inner,
.create-account-checkbox {
  display: flex;
  gap: 8px;
  align-items: center;
}

.create-account-checkbox {
  margin-bottom: 20px;
}

.emailwens-1 {
  margin-bottom: 16px;
}

.adres-verwijderen {
  color: #d74040;
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 15px;
  border: 1px solid #d74040;
  padding: 3px 7px;
  border-radius: 4px;
  cursor: pointer;
}

.adres-verwijderen:hover {
  background: #d74040;
  color: white;
}

.adres-verwijderen.active {
  background: #d74040 url("img/load_white.svg") center center no-repeat;
  background-size: 19px;
  color: transparent;
}

.standaard-adres-box {
  color: white;
  background: #ff6600;
  font-size: 13px;
  padding: 5px 8px;
  border-radius: 4px;
}

body.woocommerce-checkout {
  transition: all 0.3s ease;
}

body.woocommerce-checkout.edit-address {
  padding-left: 70px;
}

.kh-edit-addresses-container.active .kh-edit-addresses {
  transform: translateX(0%);
}

.kh-edit-addresses h3 {
  background: #14171e;
  color: white;
  font-size: 16px;
  width: 100%;
  padding: 13px;
  position: relative;
}

.kh-edit-addresses h3 i {
  position: absolute;
  right: 15px;
  top: 15px;
  color: white;
}

.kh-adres-popup-container {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.45);
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kh-adres-popup-container.active {
  visibility: inherit;
  opacity: 1;
}

.kh-adres-popup {
  background-color: white;
  border-radius: 8px;
  padding: 25px;
  width: fit-content;
  z-index: 9999999;
  transition: all 0.2s ease;
  transform: scale(0.9);
}

.kh-adres-popup-container.active .kh-adres-popup {
  transform: scale(1);
}

.kh-adres-popup .bezorg-gegevens-box {
  margin-bottom: 5px;
}

.kh-adres-popup input[type="text"],
.kh-adres-popup select {
  color: #111;
  font-size: 14px;
  border: 2px solid #f0f3f0;
  border-radius: 8px;
  padding-left: 10px;
  height: 39px;
}

.kh-adres-popup.active {
  display: block;
}

.kh-adres-popup .postcode-box {
  margin-bottom: 15px;
}

.kh-adres-popup .emailwens-2 {
  margin-bottom: 10px;
  cursor: pointer;
}

.kh-adres-popup-head {
  display: flex;
  justify-content: space-between;
}

.kh-adres-popup-head h4 {
  font-size: 24px;
  font-weight: 700;
  color: black;
}

.kh-adres-popup-head p {
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

.kh-adres-popup-buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.kh-adres-popup-buttons button {
  border-radius: 8px;
  width: 250px;
  padding: 10px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

.bezorg-gegevens-box .is-error {
  border-color: #df5252 !important;
  background-color: #fbdada !important;
}

.kh-adres-popup-buttons button.active {
  background: #e89142 url("img/load_white.svg") center center no-repeat !important;
  background-size: 26px !important;
  color: transparent !important;
}

.kh-adres-popup-buttons button:first-child {
  background-color: #e89142;
  color: white;
  border: 2px solid transparent;
}

.kh-adres-popup-buttons button:first-child:hover {
  color: #e89142;
  border: 2px solid #e89142;
  background-color: white;
}

.kh-adres-popup-buttons button:last-child {
  background-color: white;
  color: #14171e;
  border: 2px solid #14171e;
}

.kh-adres-popup-buttons button:last-child:hover {
  background-color: #14171e;
  color: white;
  border: 2px solid #14171e;
}

.single-post article p {
  margin-bottom: 25px;
  line-height: 1.5;
}

.single-post article .article-info p {
  margin-bottom: 0;
}

.search-overlay {
  background-color: #fff;
  overflow-y: auto;
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1),
    opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  padding-top: 220px;
  padding-bottom: 100px;
  width: 100%;
  z-index: 1000;
  opacity: 0;
  display: none;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05),
    0px 3px 7px 0px rgba(0, 0, 0, 0.05), 0px 12px 12px 0px rgba(0, 0, 0, 0.04),
    0px 27px 16px 0px rgba(0, 0, 0, 0.03), 0px 48px 19px 0px rgba(0, 0, 0, 0.01),
    0px 75px 21px 0px rgba(0, 0, 0, 0);
}

.search-overlay.active {
  display: block;
  opacity: 1;
  height: 100vh;
  z-index: 1000;
}

.search-overlay input:focus-visible {
  outline: none;
}

.search-overlay-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}

.search-overlay input {
  border: none;
  font-size: 20px;
  width: 100%;
  padding-right: 0;
}

.page-template-zoeken #search-input {
  border: none;
}

.search-input-div {
  position: relative;
  width: 100%;
  border: 1px solid #14171e;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 25px 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  padding-left: 15px;
}

#search-input {
  font-size: 15px;
}

.search-input-div:after {
  opacity: 0;
  content: " ";
  width: 30px;
  height: 30px;
  background: url("img/spinner-kachels.svg") center center / cover no-repeat;
  position: absolute;
  left: 10px;
  top: 4px;
}

.error-cart-checkout {
  padding: 45px 0;
}

.search-input-div.is-searching:after {
  opacity: 1;
}

.search-input-div.is-searching img {
  opacity: 0;
}

.search-overlay-head {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.search-overlay-head h2 {
  margin-bottom: 5px;
}

.search-close-window {
  cursor: pointer;
}

.search-overlay-head p {
  color: #14171e;
}

.search-overlay-head div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.search-overlay-head div:hover {
  color: ;
}

.search-overlay-head div:last-child img {
  width: 20px;
  height: 20px;
}

.search-input-div img {
  width: 20px;
  height: 20px;
}

.search-result-single {
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  color: #14171e;
}

.search-result-single:hover {
  text-decoration: none;
}

.search-result-single img {
  width: 90px;
  height: auto;
  border-radius: 8px;
}

.search-result-single-text p:first-child {
  font-weight: 600;
  font-size: 20px;
}

.search-result-single-text .kh-in-stock-ready,
.search-result-single-text
  .kh-not-stock-ready
  .search-result-single-text
  .kh-temp-not-stock-ready {
  width: 10px;
  height: 10px;
}

.search-result-single-text .kh-single-product-in-stock {
  gap: 10px;
  align-items: center;
}

.search-result-single-text .kh-single-product-in-stock p {
  font-weight: 500;
  font-size: 12px;
}

.search-result-box h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(107, 112, 119, 0.2);
  margin-bottom: 5px;
}

.result-box-onderdelen h3 {
  margin-bottom: 10px;
}

.form-row.aelia_wc_eu_vat_assistant {
  display: block;
  margin-bottom: 15px !important;
}

.bezorggegevens-invullen
  .aelia_wc_eu_vat_assistant
  input[type="text"]:focus-visible,
.woocommerce
  form
  .form-row.woocommerce-validated.aelia_wc_eu_vat_assistant
  input.input-text {
  border: 2px solid rgba(20, 23, 30, 0.2);
}

.search-results-singles.search-onderdelen {
  gap: 15px;
}

.search-results-singles.search-onderdelen
  .search-result-single-text
  p:first-child {
  font-size: 17px;
}

.search-results-singles.search-onderdelen .search-result-single img {
  width: 50px;
}

.woocommerce-order-details__title {
  margin-top: 15px;
}

.search-results-singles {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.page-template-zoeken .search-results-singles {
  gap: 15px;
}

.page-template-zoeken .search-result-single img {
  width: 63px;
}

.bijlages-container a {
  background: #eee;
  border: 1px solid #eee;
  width: 100%;
  display: block;
  padding: 15px 25px;
  transition: all 0.2s;
}

.bijlages-container a:hover {
  text-decoration: none;
  border: 1px solid #999;
}

.bijlages-container a i {
  margin-right: 10px;
}

.search-result-box {
  padding-bottom: 60px;
}

.search-overlay-advies-right img {
  height: 100%;
  max-height: 350px;
  width: 612px;
  border-radius: 0 8px 8px 0;
  max-width: 100%;
  object-fit: cover;
}

.search-overlay-advies-left {
  background-color: #14171e;
  border-radius: 8px 0 0 8px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-overlay-advies-inner-left {
  padding: 30px 0 30px 110px;
  width: 60%;
  font-size: 14px;
}

.search-overlay-advies-inner-left a {
  font-size: 10px;
  display: block;
  margin-top: 20px;
  color: white;
  cursor: pointer;
}

.search-overlay-advies-inner-left a i {
  font-size: 11px;
}

.search-overlay-advies-left h3 {
  color: white;
}

.search-overlay-advies {
  display: flex;
}

.kh-header-menu-mobile .search-overlay-advies {
  margin: 0 15px;
}

.search-overlay-advies-icon-box img {
  width: 35px;
  height: 35px;
}

.search-overlay-advies-icon-box {
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  color: white;
}

.search-overlay-advies-icon-box:hover {
  text-decoration: none;
}

.search-overlay-advies-icon-box p {
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 5px;
}

.search-overlay-advies-icon-box i {
  font-size: 13px;
}

.search-overlay-advies-inner-icons {
  display: flex;
  flex-direction: column;
  padding-right: 110px;
  gap: 20px;
}

.search-overlay-advies-icon-img-div .kh-in-stock-ready,
.search-overlay-advies-icon-img-div .kh-not-stock-ready,
.search-overlay-advies-icon-img-div .kh-temp-not-stock-ready {
  height: 10px;
  width: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.search-overlay-advies-icon-img-div {
  position: relative;
}

#searchform {
  width: 100%;
}

.bezorg-gegevens-box h2 {
  margin-top: 40px;
}

.waardebon-container {
  display: none;
}

.waardebon-container.active {
  display: block;
  margin-bottom: 25px;
}

.error-div {
  height: 62.3vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.error-div h2 {
  text-align: center;
}

.error-div p {
  font-size: 18px;
  text-align: center;
}

.error-div a {
  color: #fff;
  font-weight: 600;
  background-color: #14171e;
  border-radius: 8px;
  width: 100%;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  justify-content: center;
  white-space: nowrap;
  transition: all 0.4s;
  margin-top: 10px;
}

.error-div a:hover {
  text-decoration: none;
  color: #14171e;
  border: 2px solid #14171e;
  background-color: white;
}

.kh-tab-onderdelen-wiwa-hover {
  height: 30px;
  width: 30px;
  max-width: 100%;
  object-fit: cover;
  cursor: pointer;
}

body .woocommerce-MyAccount-navigation-link--customer-logout a,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
body .woocommerce .woocommerce-form-register__submit {
  background-color: #14171e;
  border-radius: 8px;
  padding: 5px 10px;
  color: white;
  display: block;
  text-align: center;
  border: 2px solid transparent;
  transition: all 0.4s;
  width: 150px;
  position: relative;
}

.woocommerce-account .woocommerce-form-register p {
  font-size:14px;
}

body .woocommerce .woocommerce-form-register__submit {
  line-height: 26px;
  margin-top: 20px;
}

body .woocommerce-MyAccount-navigation-link--customer-logout a:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
body .woocommerce .woocommerce-form-register__submit:hover {
  text-decoration: none;
  border: 2px solid #14171e;
  color: #14171e;
  background-color: white;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover::after {
  color: #14171e;
  font-weight: bold;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 10px;
}

.woocommerce .woocommerce-form__label {
  margin-right: 10px;
}

.woocommerce-form-login .form-row:nth-child(2) {
  flex-direction: column;
}

.woocommerce-LostPassword a {
  color: #14171e;
  font-weight: 600;
  font-size: 12px;
}

.woocommerce form.login,
.woocommerce-MyAccount-navigation {
  margin-bottom: 50px;
}

.mijn-account .woocommerce {
  margin-top: 50px;
  margin-bottom: 50px;
}

.kh-tab-onderdelen-tabs a {
  color: #14171e;
  font-weight: 500;
  border-bottom: 2px solid transparent;
}

.kh-tab-onderdelen-tabs a.active {
  text-shadow: 1px 0 black;
  border-bottom: 2px solid #14171e;
}

.kh-tab-onderdelen-tabs a:hover {
  text-shadow: 1px 0 black;
  text-decoration: none;
  border-bottom: 2px solid #14171e;
}

.mijn-account .woocommerce-MyAccount-content {
  width: 100%;
}

.woocommerce-Address {
  font-size: 14px;
}

.kh-tab-onderdelen-tabs {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}

.kh-account-producten .kh-tab-onderdelen-single {
  border-bottom: 1px solid white;
}

.kh-account-producten .kh-tab-onderdelen-single:last-child {
  border-bottom: none;
}

.kh-account-producten
  .kh-tab-onderdelen-single:not(:last-child):nth-last-child(2) {
  border-bottom: none;
}

.kh-tab-onderdelen-meer {
  text-align: center;
  margin-top: 10px;
}

.kh-tab-onderdelen-meer i {
  font-weight: 600;
  font-size: 14px;
}

.kh-tab-onderdelen-meer p {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.rotated {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

#div2 {
  display: none;
}

#div2.active {
  display: block;
}

#div1.active {
  display: none;
}

.verdieping-front-element .kh-front-element-link-bot a {
  padding: 10px 20px;
  width: fit-content;
  font-size: 14px;
  gap: 10px;
}

.verdieping-front-element .kh-front-element-link-bot a:last-child {
  background-color: white;
  color: #14171e;
  border: 2px solid #14171e;
}

.verdieping-front-element .kh-front-element-link-bot a:last-child:hover {
  color: white;
  background-color: #14171e;
  border: 2px solid #14171e;
}

.kh-front-element-head {
  font-size: 14px;
}

.verdieping-front-element span {
  font-weight: 600;
}

.verdieping-front-element span:last-child {
  margin-top: 20px;
  display: block;
}

.verdieping-front-element .kh-front-element-links img {
  width: 20px;
}

.verdieping-front-element .kh-front-element-link-bot {
  display: flex;
}

.verdieping-front-element {
  padding: 50px 0;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 39px 50px;
}

.verdieping-front-element::after {
  content: "";
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 37px;
  background-image: url(img/page-verloop-down.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 9;
}

.kh-verdieping-categories-container {
  padding: 100px 0;
  background-color: rgba(107, 112, 119, 0.1);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  margin-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.clip-path-oval {
  width: 150%;
  height: 50%;
  background-color: white;
  clip-path: ellipse(40% 60% at 50% 100%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.kh-verdieping-categories-container img {
  border-radius: 0 0 6px 6px;
  max-width: 100%;
  height: 100%;
}

.kh-verdieping-categories-single {
  border-radius: 8px;
  background-color: white;
  color: #14171e;
  border: 2px solid rgba(107, 112, 119, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.4s;
}

.kh-verdieping-categories-single:hover {
  color: white;
  background-color: #14171e;
  text-decoration: none;
  border-radius: 8px;
  border: 2px solid #141414;
}

.kh-verdieping-categories-single:hover {
  text-decoration: none;
}

.kh-verdieping-categories-single:hover h3 {
  color: white;
}

.kh-verdieping-categories-head h2 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 0;
}

.kh-verdieping-categories-head p {
  font-size: 14px;
}

.kh-verdieping-categories-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 30px;
  margin: 30px 0;
}

.kh-verdieping-categories-single-head {
  padding: 20px 20px 40px 20px;
  position: relative;
}

.kh-verdieping-categories-single-head i {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  border-radius: 0 6px 0 6px;
  padding: 2px 8px;
  display: none;
  font-weight: bold;
  color: #14171e;
}

.kh-verdieping-categories-single:hover i {
  display: block;
}

.kh-verdieping-categories-single-head p {
  font-weight: 500;
}

.kh-verdieping-categories-a a {
  color: white;
  background-color: #14171e;
  border: 2px solid #14171e;
  display: flex;
  gap: 8px;
  padding: 10px 30px;
  width: fit-content;
  border-radius: 8px;
  font-weight: 500;
}

.kh-verdieping-categories-a a:hover {
  text-decoration: none;
  color: #14171e;
  border: 2px solid #14171e;
  background-color: white;
}

.kh-verdieping-categories-a a i {
  font-weight: 700;
  font-size: 17px;
}

.kh-verdieping-categories-a {
  margin-bottom: 100px;
}

.kh-redenen-kh-verdieping h2 {
  font-size: 60px;
  line-height: 1.1;
}

.kh-redenen-kh-verdieping .kh-redenen-kh-links {
  width: 100%;
}

.kh-redenen-kh-verdieping .kh-redenen-kh-rechts {
  width: 100%;
  display: flex;
  gap: 50px;
}

.kh-redenen-kh-verdieping .kh-redenen-kh-single-text p {
  border-bottom: none;
}

.kh-redenen-kh-verdieping .kh-redenen-kh-single-text {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kh-redenen-kh-verdieping .kh-redenen-kh-single-text h3 {
  font-weight: bold;
  margin-bottom: 0;
}

.kh-redenen-kh-verdieping .kh-redenen-kh-single {
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
}

.verdieping-lees-reviews {
  background-color: #14171e;
}

.verdieping-lees-reviews {
  border-radius: 20px 0 0 0;
  padding: 20px 50px;
  max-width: 61%;
  margin-left: auto;
}

body .verdieping-lees-reviews .kh-front-element-rating p span {
  color: white;
  font-weight: 400;
}

body .verdieping-lees-reviews .kh-front-element-rating-text p {
  color: white;
}

.verdieping-lees-reviews .kh-front-element-rating a {
  width: 250px;
  display: grid;
  grid-template-columns: 1fr 30px;
  padding: 8px 0 8px 30px;
  border: 2px solid transparent;
  background-color: white;
  color: #14171e;
  text-align: center;
  font-weight: bold;
  border-radius: 8px;
  font-size: 14px;
  transition: all 0.4s;
}

.verdieping-lees-reviews .kh-front-element-rating i {
  font-weight: bold;
  font-size: 17px;
}

.verdieping-lees-reviews .kh-front-element-rating {
  max-width: 100%;
  justify-content: space-between;
  gap: 8px;
}

.verdieping-lees-reviews .kh-front-element-rating a:hover {
  text-decoration: none;
  color: white;
  background-color: #14171e;
  border: 2px solid white;
}

.kh-front-element-rating-inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

.woocommerce-no-products-found .woocommerce-info {
  border-top-color: #ff6600;
  color: #14171e;
  font-weight: 500;
}

.woocommerce-no-products-found .woocommerce-info::before {
  color: #ff6600;
}

.alert-product-online-actie {
  background-color: #ff6600;
  padding: 10px 20px;
  border-radius: 8px;
  color: white;
  font-weight: 500;
  width: fit-content;
}

.woocommerce-Tabs-panel--technische_specificaties .kh-single-product-specs {
  width: 50%;
}

ul.flex-direction-nav {
  position: absolute;
  top: 30%;
  /* z-index: 999; */
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

a.flex-next {
  visibility: hidden;
}
a.flex-prev {
  visibility: hidden;
}

a.flex-next::after {
  visibility: visible;
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 25px;
  font-weight: 500;
  padding: 7px 12px 7px 15px;
  background-color: white;
  border-radius: 8px;
  font-weight: bold;
}

a.flex-prev::before {
  visibility: visible;
  content: "\f104";
  font-family: FontAwesome;
  margin-left: 10px;
  font-size: 25px;
  font-weight: 500;
  padding: 7px 15px 7px 12px;
  background-color: white;
  border-radius: 8px;
  font-weight: bold;
}

ul.flex-direction-nav li a {
  color: #ccc;
}

ul.flex-direction-nav li a:hover {
  text-decoration: none;
}

ul.flex-direction-nav li a {
  color: #14171e;
}

ul.flex-direction-nav li a:hover {
  text-decoration: none;
}

.woocommerce .sw-mini-cart-item-text-inner a.remove {
  flex-shrink: 2;
  width: inherit;
}

.woocommerce a.remove {
  background: transparent;
  color: black !important;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
}

.woocommerce a.remove:hover {
  background: transparent;
  color: black !important;
}

.gform_heading {
  display: none;
}

#gform_1 {
  max-width: 600px;
}

#gform_1 h4:first-child {
  margin-top: 10px;
}

#gform_1 h4 {
  font-size: 18px;
  margin: 55px 0 10px 0;
  font-weight: 600;
  line-height: normal;
}

#gform_1 #field_1_37 h4::before {
  content: "1";
}

#gform_1 #field_1_38 h4::before {
  content: "2";
}

#gform_1 #field_1_40 h4::before {
  content: "3";
}

#gform_1 h4::before {
  content: "0";
  color: #fff;
  background-color: #ff6600;
  height: 28px;
  width: 28px;
  padding: 1px 10px;
  border-radius: 5px;
  margin: 0 15px 0 0;
}

#field_1_35,
#field_1_39,
#gfield_upload_rules_1_30,
#field_1_41,
#field_1_43 {
  padding: 20px;
  transition-delay: 0s;
  max-height: 500px;
  border: 1px solid rgba(107, 112, 119, 0.2);
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 14px;
  line-height: 22px;
  border-radius: 8px;
}

#field_1_30 label {
  display: none;
}

#gform_browse_button_1_30 {
  color: #14171e;
  background-color: white;
  border: 2px solid #14171e;
  transition: all 0.3s;
}

#gform_browse_button_1_30:hover {
  color: white;
  background-color: #14171e;
}

#input_1_33 {
  height: 200px;
  box-shadow: 1px 1px 30px 5px rgba(0, 0, 0, 0.05);
}

#gform_1 input {
  background-color: #fff;
  color: #555;
  height: 50px;
  box-shadow: 1px 1px 30px 5px rgba(0, 0, 0, 0.05);
  margin: 10px;
  margin-left: 0;
  font-size: 14px;
}

#gform_1 fieldset label {
  display: none;
}

#gform_1 #input_1_34 > div label {
  display: flex;
  align-items: center;
  margin-top: 0;
  cursor: pointer;
  padding: 15px 30px;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 10px;
}

#gform_1 #input_1_34 > div:first-child label p::before {
  content: "\f041";
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 22px;
  margin-right: 15px;
}

#gform_1 #input_1_34 > div:nth-child(2) label p::before {
  content: "\f0d1";
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 22px;
  margin-right: 15px;
}

#gform_1 #input_1_34 > div:last-child label p::before {
  content: "\f0ad";
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 22px;
  margin-right: 15px;
}

#gform_1 #input_1_34 > div label span {
  background-color: #01a652;
  padding: 7px 20px;
  border-radius: 5px;
  color: #fff;
  margin-left: 15px;
  text-align: center;
  font-size: 12px;
}

#gform_1 #input_1_34 > div label i {
  font-size: 22px;
  margin-right: 15px;
  text-align: center;
}

#gform_1 #input_1_34 > div label i::before {
  width: 25px;
  display: block;
}

#gform_1 #input_1_34 input {
  margin: 0;
  height: 20px;
  display: none;
}

#gform_1 #input_1_34 > div {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #fefefe;
  border-radius: 50%;
  color: #000;
  box-shadow: 1px 1px 30px 5px rgba(0, 0, 0, 0.05);
  width: 100%;
  cursor: pointer;
  margin-bottom: 12px;
}

#gform_1 #input_1_34 > div:hover {
  background-color: #14171e;
  color: white;
}

body .gform_wrapper.gravity-theme .gfield-choice-input + label:hover {
  border: 1px solid #ff6600;
}

#gform_1 #label_1_34_0.active,
#gform_1 #label_1_34_1.active,
#gform_1 #label_1_34_2.active {
  background-color: #14171e;
  border: 1px solid #14171e;
  color: white;
}

#field_1_35.active,
#field_1_43.active {
  display: block;
}

#field_1_35,
#field_1_43 {
  display: none;
}

#field_1_34 legend {
  display: none;
}

#input_1_32_5_container {
  margin-bottom: 8px;
}

#gform_1 legend,
#gform_1 label {
  margin-bottom: 0;
  margin-top: 10px;
}

#gform_1 #gform_submit_button_1 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #ff6600;
  color: #fff;
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  margin: 8px 0 0 0;
  padding: 10px 24px;
}

#gform_1 #gform_submit_button_1:hover {
  text-decoration: none;
  background: #fff;
  color: #ff6600;
  border: 2px solid #ff6600;
}

.gform_footer {
  justify-content: flex-end;
}

#input_1_32_6 {
  background-color: #fff;
  color: #555;
  height: 50px;
  box-shadow: 1px 1px 30px 5px rgba(0, 0, 0, 0.05);
  margin: 10px;
  margin-left: 0;
  font-size: 14px;
  border: 2px solid rgba(20, 23, 30, 0.5);
  border-radius: 8px;
} /*************************************************************************************************************************************/
/*******************************************KEUZEHULP*****************************************************************************/
/*************************************************************************************************************************************/
#gform_wrapper_3 {
  width: 70%;
  margin: 50px auto;
  background-color: white;
  border-radius: 9px;
}

.kh-keuze-form.active {
  display: block;
  transform: scale(1.1);
}

.kh-keuze-form {
  position: relative;
  z-index: 999;
  display: none;
  transform: scale(0.9);
  transition: all 0.4s;
}

#gform_3 .gform-body {
  padding: 0 35px;
}

#gform_wrapper_3 input {
  -webkit-appearance: auto;
}

#gform_wrapper_3 .gfield_checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 75px;
  row-gap: 15px;
}

#gform_wrapper_3 .gfield_checkbox input {
  display: none;
}

#gform_wrapper_3 .gchoice.checked {
  background-color: rgb(20, 23, 30);
  color: white;
}

body .gform_wrapper.gravity-theme .gfield-choice-input + label {
  max-width: 100%;
  padding: 10px 20px;
  border-radius: 50px;
  color: #14171e;
  background-color: white;
  border: 1px solid #14171e;
  transition: all 0.3s;
  font-weight: 500;
  cursor: pointer;
}

.gform_wrapper.gravity-theme .gfield-choice-input:checked + label {
  color: white;
  background-color: #14171e;
}

.gform_page_footer {
  border-top: 1px solid #e5e7eb;
}

.gf-uitleg-p {
  border-top: 1px solid #e5e7eb;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 12px;
}

.gf-uitleg-p span {
  font-weight: bold;
}

#gform_fields_3 h4 {
  font-weight: bold;
}

.kh-gf-text-top p {
  font-weight: 600;
}

.kh-gf-text-top p span {
  font-weight: 400;
  color: #6b7077;
  font-size: 12px;
  display: block;
  width: 120px;
}

body #gform_wrapper_3 .kh-gf-text-top {
  grid-column: span 2;
}

body #gform_wrapper_3 .gfield--type-checkbox {
  grid-column: span 10;
}

.gf-amount-results {
  font-weight: bold;
  color: #14171e;
  font-size: 20px;
  position: absolute;
  bottom: 7%;
  right: 5%;
}

#gform_wrapper_3 .gform_next_button {
  background-color: #01a652;
  color: white;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
}

#gform_wrapper_3 .gform_next_button:hover {
  color: #01a652;
  border: 2px solid #01a652;
  background-color: white;
}

#gform_3 {
  position: relative;
}

#gform_wrapper_3 .gform_page_footer {
  margin-top: 0;
}

#gform_wrapper_3 .gf_step .gf_step_number {
  border: 2px solid #14171e;
  color: #14171e;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 30px;
  width: 30px;
}

#gform_wrapper_3 .gf_step_completed .gf_step_number::before,
#gform_wrapper_3 .gf_step_completed .gf_step_number::after {
  height: 30px;
  width: 30px;
  border: 2px solid #14171e;
  background-color: #14171e;

  display: none;
}

#gform_wrapper_3 .gf_step_active .gf_step_number {
  background-color: #14171e;
  color: white;
}

#gform_wrapper_3 .gf_step_completed .gf_step_number {
  background-color: #14171e;
  color: #fff;
}

#gform_wrapper_3 .gf_step .gf_step_label {
  padding: 0;
  width: 50px;
  border-bottom: 2px solid #14171e;
  margin: 0 10px;
}

#gform_wrapper_3 .gf_step:last-child .gf_step_label {
  display: none;
}

#gform_wrapper_3 .gf_step {
  margin-right: 0;
  display: flex;
  align-items: center;
}

#gform_wrapper_3 .gf_page_steps {
  display: flex;
  justify-content: center;
  background-color: rgba(107, 112, 119, 0.1);
  border-radius: 8px 8px 0 0;
  margin-bottom: 50px;
  padding: 5px 0;
}

#gform_wrapper_3 .kh-gf-titel-linksboven {
  position: absolute;
  top: -0.7px;
  left: 0;
  background-color: #14171e;
  color: white;
  padding: 14px;
  width: 200px;
  text-align: center;
  border-radius: 8px 0 0 0;
}

#gform_wrapper_3 .kh-gf-titel-linksboven h4 {
  margin-bottom: 0;
}

#gform_wrapper_3 .kh-gf-close-button {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 3%;
  right: 2%;
  cursor: pointer;
}

#gform_wrapper_3 .gform_previous_button,
#gform_wrapper_3 .gform_button {
  border: 2px solid #14171e;
  color: #14171e;
  background-color: rgba(107, 112, 119, 0.05);
  border-radius: 8px;
  cursor: pointer;
}

#gform_page_3_5 .gform_page_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#gform_wrapper_3 #gf_step_3_5 {
  background-image: url(img/keuzehulp-ico-zwart_1.svg);
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body #gform_wrapper_3 #gf_step_3_5.gf_step_active {
  background-image: url(img/keuzehulp-ico-groen.svg);
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#gform_wrapper_3 #gf_step_3_5 .gf_step_number {
  display: none;
}

.betaal-veilig-images {
  display: flex;
  gap: 5px;
}

.kh-route-showroom {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 12px 0 8px 0 !important;
}


/*************************************************************************************************************************************/
/*******************************************EIND KEUZEHULP*****************************************************************************/
/*************************************************************************************************************************************/

.woocommerce-EditAccountForm .woocommerce-form-row {
  display: flex;
  flex-direction: column;
}

.woocommerce-EditAccountForm,
.woocommerce-address-fields {
  margin-bottom: 50px;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-address-fields .button {
  background-color: #14171e;
  border-radius: 8px;
  padding: 10px 20px;
  color: white;
  display: block;
  text-align: center;
  border: 2px solid transparent;
  transition: all 0.4s;
}

.woocommerce-MyAccount-content
  .woocommerce-EditAccountForm
  .woocommerce-Button:hover,
.woocommerce-MyAccount-content .woocommerce-address-fields .button:hover {
  text-decoration: none;
  border: 2px solid #14171e;
  color: #14171e;
  background-color: white;
}

.woocommerce-MyAccount-content label {
  font-weight: 500;
  margin-bottom: 0;
}

.woocommerce-MyAccount-content legend {
  font-weight: 600;
}

.woocommerce-MyAccount-content em {
  font-size: 14px;
}

.woocommerce-MyAccount-content .form-row {
  flex-direction: column;
}

.woocommerce-MyAccount-content .woocommerce-Address {
  width: 50%;
  border: 2px solid #14171e;
  padding: 10px;
  border-radius: 8px;
  margin: 20px 0;
}

.woocommerce-MyAccount-content .woocommerce-Address a {
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  border: 2px solid #ff6600;
  border-radius: 8px;
  color: #ff6600;
  transition: all 0.3s;
}

.woocommerce-MyAccount-content .woocommerce-Address a:hover {
  text-decoration: none;
  background-color: #ff6600;
  color: white;
}

.kh-dashboard {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kh-dashboard a {
  font-weight: 500;
  border: 2px solid #14171e;
  color: #14171e;
  padding: 5px 10px;
  border-radius: 8px;
  width: fit-content;
  transition: all 0.3s;
}

.kh-dashboard a:hover {
  text-decoration: none;
  color: white;
  background-color: #14171e;
}

.woocommerce-MyAccount-content a {
  color: black;
  font-weight: 500;
}

.change-amount input {
  padding: 0;
}

.item-prijs {
  margin-left: auto;
}

.cart-top {
  position: relative;
}

.cart-top-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.cart-text {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
}

.term-description {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.child-categories a {
  color: #14171e;
}

.child-categories a:hover {
  text-decoration: none;
}

.child-categories {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  padding: 10px 0 35px;
}

.child-category-single {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
}

.mega-menu-item {
  border-radius: 4px;
}

.child-category-single-box:before,
.mega-imgbox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.25),
    rgba(0, 0, 0, 0.4)
  );
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}

.child-category-single-box:hover:before,
.mega-imgbox:hover:before {
  opacity: 1;
}

.megamenu-txt {
  padding-left: 10px;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  font-weight: 600;
}

.child-category-single-box {
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 6px;
}

.woocommerce-Price-currencySymbol {
  display: none;
}

.child-category-single-bot {
  position: absolute;
  bottom: 10px;
  left: 0px;
  color: white;
  font-size: 14px;
  width: 100%;
}

.woocommerce nav.woocommerce-pagination {
  margin-bottom: 35px;
}

.child-category-single i {
  font-weight: 600;
}

.child-categorys-single-bot-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  padding: 0 5px;
}

.child-category-single img {
  max-height: 200px;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  width: 100%;
  height: 150px;
  border-radius: 4px;
}

.woocommerce-Tabs-panel--additional_information h2 {
  display: none;
}

.woocommerce table.shop_attributes th {
  text-transform: capitalize;
}

.woocommerce table.shop_attributes td {
  font-style: normal;
  padding-left: 20px;
}

.ervaringencontainer:before {
  content: " ";
  width: 40%;
  z-index: 999;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgb(2, 0, 36);
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(227, 227, 228, 0) 75%
  );
}

.ervaringencontainer:after {
  content: " ";
  width: 40%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(2, 0, 36);
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 0) 25%,
    rgba(255, 255, 255, 1) 100%
  );
}

.contact h1 {
  font-size: 30px;
}

.contact h2 {
  color: #000;
}

.contact-page-gegevens-adres p:first-child {
  font-weight: bold;
  margin-top: 20px;
}

.contact-page-contact {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.contact-page-contact a {
  color: #ff6600;
}

.contact-page-back {
  color: #fff;
  font-weight: 600;
  background-color: #ff6600;
  border-radius: 8px;
  width: fit-content;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  justify-content: space-between;
  white-space: nowrap;
  transition: all 0.4s;
  margin-bottom: 20px;
  margin-top: 40px;
}

.contact-page-back:hover {
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: white;
  text-decoration: none;
}

.contact-page-gegevens-business span {
  font-weight: bold;
}

.kh-single-button a {
  font-weight: 600;
  border-radius: 8px;
  width: fit-content;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  justify-content: space-between;
  white-space: nowrap;
  transition: all 0.4s;
}

.btn-1-vc {
  color: white;
  background-color: #ff6600;
}

.btn-1-vc:hover {
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: white;
  text-decoration: none;
}

.btn-2-vc {
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: white;
}

.btn-2-vc:hover {
  color: #fff;
  background-color: #ff6600;
  text-decoration: none;
}

.btn-3-vc {
  color: white;
  background-color: #14171e;
}

.btn-3-vc:hover {
  color: #14171e;
  border: 2px solid #14171e;
  background-color: #fff;
  text-decoration: none;
}

.btn-4-vc {
  color: #14171e;
  border: 2px solid #14171e;
  background-color: white;
}

.btn-4-vc:hover {
  color: #fff;
  background-color: #14171e;
  text-decoration: none;
}

.kh-faq-head h2 {
  font-size: 24px;
}

.kh-faq-single-head-title h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

.kh-faq-single-questions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}

.kh-faq-single-questions a {
  color: black;
  font-size: 14px;
  width: fit-content;
  display: flex;
  align-items: center;
}

.kh-faq-single-questions a:hover {
  text-decoration: none;
  font-weight: 600;
}

.kh-faq-single-questions a::before {
  content: "\f111";
  font-family: "FontAwesome";
  font-weight: 900;
  margin-right: 15px;
  font-size: 6px;
  text-decoration: none;
}

.kh-faq-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.kh-faq-fields-single {
  background-color: #e5e5e5;
  border-radius: 8px;
  padding: 30px 20px;
}

.kh-1-vc {
  background-color: #ff6600;
  color: white;
}

.kh-2-vc {
  background-color: #14171e;
  color: white;
}

.kh-3-vc {
  background-color: #01a652;
  color: white;
}

.simple-text-div {
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 14px;
}

.simple-text-div a {
  color: white;
  font-weight: 600;
}

.simple-text-div-head {
  display: flex;
  gap: 6px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.simple-text-div-head-inner h3 {
  color: white;
  font-size: 20px;
}

.single-post article {
  margin-bottom: 100px;
}

.article-info {
  font-size: 14px;
  color: #6b7077;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.article-info i {
  font-size: 5px;
  color: #ff6600;
}

.kh-blog-element-head {
  text-align: center;
  margin-bottom: 20px;
}

.kh-blog-element-head h2 {
  font-size: 32px;
  color: #ff6600;
  margin-bottom: 0;
}

.kh-blog-element-head p {
  font-size: 18px;
  font-weight: 600;
}

.blog-content-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.kh-blog-element-single-blog {
  overflow: hidden;
}

.blog-content-box img,
.kh-blog-element-single-blog img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  transition: all 0.4s;
}

.kh-blog-element-blog-inner-top {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.kh-blog-element-blog-inner-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.5)
  );
}

.kh-blog-element-blog-box:hover .kh-blog-element-blog-inner-top:before,
.kh-blog-element-blog-box:hover .kh-blog-element-blog-inner:before {
  opacity: 1;
}

.blog-content-box img:hover,
.kh-blog-element-single-blog img:hover {
  transform: scale(1.1);
}

.kh-blog-element-blog-inner {
  display: flex;
  flex-direction: column;
  padding: 20px;
  color: white;
  z-index: 1;
}

.archive .kh-blog-element-blog-inner {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.archive .kh-blog-element-blog-inner h2 {
  padding-left: 20px;
}

.kh-blog-element-blog-inner-bot {
  padding: 0 20px 20px 20px;
  position: relative;
}

.kh-blog-element-blog-inner time {
  font-size: 14px;
  opacity: 1;
  position: relative;
}

.kh-blog-element-blog-inner h2 {
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 20px;
  color: white;
}

.home .kh-blog-element-blog-inner h2 {
  padding-left: 0;
}

.kh-blog-element-bot {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kh-blog-element-blog-box {
  color: black;
}

.kh-blog-element-blog-box:hover {
  text-decoration: none;
  color: black;
}

.kh-blog-element-single-blog {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  height: 400px;
}

.home .kh-blog-element-blog-inner-bot p,
.kh-blog-element .kh-blog-element-bot a {
  background-color: #ff6600;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  width: fit-content;
  padding: 4px 25px;
  font-size: 12px;
  border-radius: 8px;
  font-weight: 600;
  border: 2px solid transparent;
  transition: all 0.3s;
}

.kh-blog-element-blog-inner p {
  font-size: 13px;
}

.kh-blog-element .kh-blog-element-blog-inner p:hover,
.kh-blog-element .kh-blog-element-bot a:hover {
  background-color: white;
  border: 2px solid #ff6600;
  color: #ff6600;
  text-decoration: none;
}

.kh-blog-gather {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 50px;
  gap: 20px;
  margin: 0 20px 50px;
}

.kh-home-blog-container {
  margin: 50px auto 0 auto;
}

.blog .kh-blog-element-blog-inner h2,
.category .kh-blog-element-blog-inner h2 {
  padding-left: 0;
}

.blog .kh-blog-element-blog-inner-bot p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 14px;
  margin-top: 20px;
}

.kh-redenen-kh-usps .kh-redenen-kh-rechts {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.kh-redenen-kh-usps .kh-redenen-kh-single {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  gap: 10px;
}

.kh-redenen-kh-usps .kh-redenen-kh-single h3 {
  font-size: 20px;
}

.kh-categorien-single img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.kh-categorien-single {
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}

.kh-categorien-single:hover {
  transform: scale(1.03);
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.3)
  );
}

.kh-categorien-single:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.3)
  );
}

.contact .gform_wrapper.gravity-theme .gform_footer,
.onderdelen-aanvragen .gform_wrapper.gravity-theme .gform_footer {
  display: block;
}

.contact .gform_wrapper.gravity-theme .gform_footer input,
.onderdelen-aanvragen .gform_wrapper.gravity-theme .gform_footer input {
  background-color: #ff6600;
  color: white;
  border: 2px solid transparent;
  transition: all 0.3s;
  cursor: pointer;
}

.contact .gform_wrapper.gravity-theme .gform_footer input:hover,
.onderdelen-aanvragen .gform_wrapper.gravity-theme .gform_footer input:hover {
  background-color: white;
  border: 2px solid #ff6600;
  color: #ff6600;
}

.contact h4 span {
  background-color: #01a652;
  padding: 4px 8px;
  border-radius: 4px;
  color: white;
  font-size: 12px;
}

.contact p {
  font-size: 14px;
}

.contact h4 {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
  font-size: 20px;
}

select {
  border: 1px solid rgba(20, 23, 30, 0.2);
  border-radius: 8px;
  padding: 5px 10px;
}

.kh-gf-contact-keuze-bestelling h4 span {
  background-color: orange;
  padding: 4px 8px;
  border-radius: 4px;
  color: white;
  font-size: 12px;
}

.onderdelen-aanvragen button {
  cursor: pointer;
}

.onderdelen-aanvragen .gform_wrapper.gravity-theme .gfield_description {
  padding-top: 0;
}

.onderdelen-aanvragen p {
  font-size: 14px;
}

#field_5_1 h2 {
  color: #14171e;
  margin-top: 0;
}

.onderdelen-aanvragen h2 {
  color: #ff6600;
  margin-top: 20px;
}

.outlet-afspraak-maken iframe {
  height: 100vh;
}

.kh-single-blog-categories a {
  color: white;
  background-color: #ff6600;
  border: 2px solid transparent;
  padding: 5px 10px;
  border-radius: 24px;
  display: block;
  font-weight: 600;
}

.kh-single-blog-categories a:hover {
  text-decoration: none;
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: white;
}

.kh-single-blog-categories {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.kh-single-blog-header-title h1 {
  text-align: center;
}

.kh-single-blog-header-box {
  padding-top: 50px;
  border-radius: 16px 16px 0 0;
  background-color: white;
  transform: translate(0px, -80px);
  width: 65%;
  margin: 0 auto;
  margin-bottom: -60px;
}

.kh-single-blog-page-header-img img {
  width: 100%;
  object-fit: cover;
  height: 375px;
}

.category .kh-single-blog-categories {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.category .kh-single-blog-categories a {
  background-color: white;
  border: 2px solid #ff6600;
  color: #ff6600;
  font-weight: 400;
}

.category .kh-single-blog-categories a.active {
  color: white;
  background-color: #ff6600;
}

.category .kh-single-blog-categories a:hover {
  background-color: #ff6600;
  color: white;
}

.category .kh-blog-element-blog-inner p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-top: 20px;
}

.category .kh-single-blog-categories {
  margin-bottom: 40px;
}

/* .mega-menus-container {
  display: none;
} */

.mega-menu-inner {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0 20px;
  height: 100%;
  background-color: white;
}

.mega-menu-first-cat-left a {
  font-weight: 500;
  width: 100%;
  color: #ff6600;
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}

.mega-menu-first-cat-right-first a {
  color: #14171e;
  font-size: 14px;
}

.mega-menu-item-child {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 225px;
  gap: 20px;
  row-gap: 8px;
}

.mega-menu-inner .kh-footer-locaties-border-small {
  margin-top: 0;
  width: 100%;
  opacity: 0.2;
  border-bottom: 1px solid #ff6600;
}

.mega-menu-outer {
  display: flex;
}

.mega-menu-head-cat {
  width: 23.5%;
  padding: 35px 73px;
  background-color: #14171e;
}

.mega-menu-head-cat .kh-footer-locaties-border-small {
  margin-bottom: 10px;
}

.mega-menu-head-cat p {
  font-size: 12px;
  margin-bottom: 20px;
  line-height: 1.5;
  color: white;
}

.mega-menu-head-cat h2 {
  color: #fff;
}

.mega-menu-head-cat a.mega-menu-uitgelicht-btn {
  color: #fff;
  font-weight: 600;
  background-color: #ff6600;
  border-radius: 8px;
  width: fit-content;
  padding: 14px 20px;
  display: flex;
  font-size: 14px;
  align-items: center;
  border: 2px solid transparent;
  justify-content: space-between;
  transition: all 0.4s;
  margin-bottom: 15px;
}

.mega-menu-head-cat a.mega-menu-uitgelicht-btn:hover {
  color: #ff6600;
  border: 2px solid #14171e;
  background-color: white;
  text-decoration: none;
}

.mega-menu-outer .child-category-single img {
  max-height: 205px;
  height: 205px;
}

/* .mega-menu-outer {
  margin-top: 50px;
  margin-bottom: 50px;
} */

.mega-catleft .mega-menu-outer {
  margin-top: 0;
}

.mega-catleft {
  top: 101px !important;
}

body .mega-menu-visueel .mega-menu-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mega-menu-info .mega-menu-inner {
  padding-left: 40px;
}

.mega-menu-visueel .mega-menu-head-cat {
  min-width: 23.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 35px 73px;
}

.mega-menu-cont .mega-menu-head-cat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mega-menu-visueel .child-categorys-single-bot-inner {
  border: 1px solid black;
  border-radius: 0 0 8px 8px;
  border-top: none;
}

.mega-menu-visueel .child-categorys-single-bot-inner p {
  color: #14171e;
  font-size: 14px;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.9);
}

.mega-catleft .mega-menu-outer {
  padding: 0;
  min-width: 15%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.mega-catleft .mega-menu-head-cat {
  padding: 0;
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 40px;
}

.mega-catleft .cat-left-div:hover .mega-menu-cat-left-childs-outer {
  display: block;
}

.mega-catleft .mega-menu-head-cat p {
  padding: 10px;
  width: 100%;
  margin: 0;
  text-align: left;
  cursor: pointer;
}

.mega-catleft-first-categories a {
  padding: 5px 10px;
  display: block;
  color: #14171e;
}

.mega-catleft .cat-left-div:first-child .mega-menu-head-cat p {
  margin-top: 10px;
}

.mega-catleft .cat-left-div:last-child .mega-menu-head-cat p {
  margin-bottom: 10px;
}

.mega-catleft-second-categories a {
  color: #14171e;
  padding: 5px;
  display: block;
  position: relative;
  padding-left: 40px;
}

.mega-catleft-second-categories a:hover {
  text-decoration: none;
  background-color: rgb(255, 102, 0);
  color: white;
}

.mega-menu-outer-head {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mega-catleft-second-categories,
.mega-catleft-third-categories {
  display: flex;
  flex-direction: column;
}

.mega-menu-outer-head-second-column {
  position: relative;
}

.mega-catleft-third-categories a {
  color: #14171e;
  margin: 2px 0;
  padding-left: 40px;
  padding-right: 40px;
}

.mega-catleft-inner-container {
  display: flex;
}

.mega-catleft-first-column {
  min-width: 300px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 62px;
  border-right: 2px solid rgba(128, 128, 128, 0.1);
}

.mega-catleft-second-column,
.mega-catleft-third-column {
  min-width: 350px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-right: 2px solid rgba(128, 128, 128, 0.1);
}

#hovered-category-name,
#hovered-second-category-name {
  width: 100%;
  margin: 0;
  text-align: left;
  color: #ff6600;
  font-weight: 600;
  padding: 10px;
  padding-left: 40px;
}

.mega-menu-cont .mega-menu-inner {
  gap: 90px;
  padding-top: 20px;
}

.mega-menu-outer-head p {
  padding: 10px;
  width: 100%;
  margin: 0;
  text-align: left;
  color: #ff6600;
  font-weight: 600;
}

.mega-catleft .mega-catleft-first-categories a:hover {
  background-color: rgb(255, 102, 0);
  color: white;
}

.select-brand {
  position: relative;
}

.mega-catleft-first-column.active .mega-menu-outer-head:after {
  content: " ";
  width: 30px;
  height: 30px;
  background: url(img/spinner-kachels.svg) center center / cover no-repeat;
  position: absolute;
  right: 10px;
  top: 4px;
}

.mega-catleft-second-column.active .mega-menu-outer-head-second-column:after {
  content: " ";
  width: 30px;
  height: 30px;
  background: url(img/spinner-kachels.svg) center center / cover no-repeat;
  position: absolute;
  right: 10px;
  top: 4px;
}

.mega-catleft .mega-catleft-first-categories a.hovered,
.mega-catleft .mega-catleft-second-categories a.hovered {
  background-color: rgb(255, 102, 0);
  color: white;
}

.mega-catleft .mega-catleft-first-categories a {
  position: relative;
}

.mega-catleft .mega-catleft-first-categories a:hover:after,
.mega-catleft .mega-catleft-second-categories a:hover:after,
.mega-catleft .mega-catleft-first-categories a.hovered:after,
.mega-catleft .mega-catleft-second-categories a.hovered:after {
  content: "";
  position: absolute;
  bottom: 50%;
  right: 20px;
  width: 6px;
  height: 11px;
  color: white;
  background-image: url(img/right_chevron_icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(50%);
  background-position: center;
}

.mega-catleft-first-categories a:hover {
  text-decoration: none;
}

.category-text-div {
  margin-bottom: 50px;
}

.category-text-div p {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.5;
}

.cat-left-div {
  display: flex;
}

.mega-menu-inner .category-fallback-img {
  object-fit: cover;
}

.child-categories-mega-menu-left {
  display: flex;
  width: 100%;
}

.mega-catleft .mega-menu-outer {
  border-top: none;
  border-bottom: none;
}

.mega-menu-cat-left-childs {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  gap: 10px;
  top: 20px;
}

.mega-menu-cat-left-childs-outer {
  display: none;
}

.kh-cart-item-close-mobile {
  display: none;
}

.hoe-wil-je-betalen a:hover {
  color: #93ac94;
}

.hoe-wil-je-betalen p {
  font-size: 12px;
  margin-bottom: 16px;
}

.hoe-wil-je-betalen h4 {
  font-weight: 500;
  font-size: 20px;
  color: black;
  margin-bottom: 8px;
  margin-top: 16px;
}

.hoe-wil-je-betalen a {
  display: block;
  width: fit-content;
  font-size: 12px;
  color: #ff6600;
  margin-bottom: 24px;
}

.pm-method {
  border: 2px solid #f0f3f0;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  padding: 22px;
  max-width: 220px;
  text-align: center;
  position: relative;
}

.pm-method.activepm {
  background: #f0f3f0;
}

.pm-method.activepm:after {
  content: "Geselecteerd";
  position: absolute;
  right: 2px;
  top: 2px;
  color: #71ab74;
  background: white;
  border: 2px solid #71ab74;
  padding: 3px;
  font-size: 10px;
  border-radius: 4px;
}

.pm-method:hover {
  border: 2px solid #93ac94;
}

.method-desc {
  font-size: 13px;
  display: flex;
  flex-direction: column-reverse;
}

.pm-method .methode-img {
  background-size: 40px;
  width: 40px;
  display: block;
  height: 35px;
  margin: 0px auto 10px;
}

#order_review {
  display: none;
}

.woocommerce-order-pay #order_review {
  display:block;
}

.woocommerce-order-pay #place_order {
  background-color:#ff6600;
}

.woocommerce form .form-row.billing_state  {
  flex-direction: column;
}

.woocommerce-order-pay .woocommerce {
  padding:20px 0;
}

.hide-gegevens {
  display: none; 
}

.hulp {
  color: #14171e;
  font-size: 14px;
  padding: 25px 0;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.hulp p:first-child {
  font-weight: 700;
}

.hulp a {
  color: #14171e;
  font-size: 14px;
}

.mini-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex-wrap: wrap;
}

.mini-footer a {
  color: #14171e;
  font-size: 14px;
  text-decoration-line: underline;
}

.betaal-veilig-img {
  background-image: url(img/betaal-veilig.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 26px;
  width: 35px;
  max-width: 100%;
}

.betaal-veilig {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 0;
  border-bottom: 2px solid #ededed;
  border-top: 2px solid #ededed;
  margin-top: 20px;
}

.betaal-veilig p {
  margin-right: 12px;
}

.woocommerce-checkout.afrekenen .kh-footer-top-banner-outer,
.woocommerce-checkout.afrekenen .kh-footer-main {
  display: none;
}

.cart-empty-kachels {
  padding: 35px 0;
}

.return-to-shop .button.wc-backward {
  color: #fff;
  font-weight: 600;
  background-color: #14171e;
  border-radius: 8px;
  padding: 14px 20px;
  border: 2px solid transparent;
  white-space: nowrap;
  transition: all 0.4s;
}

.return-to-shop .button.wc-backward:hover {
  text-decoration: none;
  color: #14171e;
  border: 2px solid #14171e;
  background-color: white;
}

.logged-in .woocommerce-NoticeGroup-checkout {
  margin-top: 25px;
}

.woocommerce-MyAccount-navigation li {
  position: relative;
}

.woocommerce-MyAccount-navigation li a:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  position: absolute;
  right: 20px;
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--dashboard
  a:before {
  content: "\f0e4";
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--orders
  a:before {
  content: "\f07a";
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--mijn-kachels
  a:before {
  content: "\f06d";
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--quotes
  a:before {
  content: "\f1ec";
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--downloads
  a:before {
  content: "\f0ed";
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-address
  a:before {
  content: "\f2bb";
}

.woocommerce-MyAccount-navigation
  ul
  li.woocommerce-MyAccount-navigation-link--edit-account
  a:before {
  content: "\f2bd";
}

.cart-item-meta-data {
  font-size: 14px;
  font-weight: normal;
}

#product_option_selected_name ul {
  position: relative;
}

.af_addon_total_price {
  background: #eee;
  padding: 15px;
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  display: none;
}

.af_addon_total_price tbody {
  width: 100%;
  display: table;
}

.single_variation_wrap .woocommerce-variation-price {
  display: none;
}

.af_addon_field_class div:first-child span {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

.af_addon_field_class input[type="checkbox"] + label {
  vertical-align: middle;
}

.af_addon_field_class label {
  font-size: 13px;
}

.af_addon_field_class p {
  margin-top: 10px;
}

.af_addon_field_class input[type="checkbox"] {
  float: left;
  margin-right: 15px;
}

.entry-summary .quantity,
.entry-summary .single_add_to_cart_button {
  display: none !important;
}

.woocommerce div.product form.cart {
  margin-bottom: 0;
}

.e-label-a,
.e-label-aa,
.e-label-aaa {
  background: #198f43;
}

.e-label-b {
  background: #49a945;
}

.e-label-c {
  background: #9fb93a;
}

.e-label-d {
  background: #f9eb0c;
}

.e-label-e {
  background: #eb9d21;
}

.e-label-f {
  background: #f06228;
}

.e-label-g {
  background: #d73a2b;
}

.kh-single-add-to-cart-options .stock, .kh-single-add-to-cart-options .onderdelen-knop {
  display: none;
}

.blog .kh-blog-element-blog-inner,
.category .kh-blog-element-blog-inner {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  justify-content: flex-end;
}

.blog .kh-blog-element-blog-inner time,
.category .kh-blog-element-blog-inner time {
  font-size: 12px;
}

.blog .kh-blog-element-blog-inner:before,
.category .kh-blog-element-blog-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.3)
  );
}

.blog .kh-blog-element-single-blog,
.category .kh-blog-element-single-blog {
  position: relative;
}

.kh-populair-item-box-slider .slick-next {
  right: -20px;
  top: 40%;
}

.kh-populair-item-box-slider .slick-prev {
  left: -70px;
  top: 40%;
}

/* .vc_row .wpb_content_element h2 {
  margin-bottom: 20px;
} */

.kh-order-notes-single-inner {
  display: flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
}

.child-categorys-single-bot-inner p {
  text-align: center;
}

body .pf_rngstyle_thin .irs-from,
body .pf_rngstyle_thin .irs-to,
body .pf_rngstyle_thin .irs-single {
  background: #ff6600;
}

body .pf_rngstyle_thin .irs-line-mid,
body .pf_rngstyle_thin .irs-line-left,
body .pf_rngstyle_thin .irs-line-right,
body .pf_rngstyle_thin .irs-bar,
body .pf_rngstyle_thin .irs-bar-edge,
body .pf_rngstyle_thin .irs-slider {
  filter: grayscale(1);
}

.prdctfltr_woocommerce
  .prdctfltr_filter
  .prdctfltr_search_terms
  .prdctfltr_search_terms_input {
  font-size: 14px;
}

body .prdctfltr_wc .prdctfltr_filter_title,
body .prdctfltr_wc_widget .prdctfltr_collector {
  display: none;
}

.kh-mobile-search-icon {
  display: none;
}

body .wpb_text_column:last-child {
  margin-bottom: 16px;
}

body .wpb_single_image .vc_figure-caption {
  text-align: center;
  font-family: "Poppins", sans-serif;
}

.ruilen-en-retourneren .wpb_wrapper ul li {
  list-style: none;
}

.ruilen-en-retourneren .wpb_wrapper ul li:before {
  content: "";
  background-image: url(img/vink-oranje-gevuld.png);
  background-repeat: no-repeat;
  background-position: center;
  min-width: 25px;
  height: 25px;
  display: block;
}

.ruilen-en-retourneren .wpb_wrapper ul li {
  display: flex;
  gap: 5px;
}

.ruilen-en-retourneren .wpb_wrapper ul {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.vacatures .wpb_wrapper a,
#gform_submit_button_6 {
  font-weight: 600;
  border-radius: 8px;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  white-space: nowrap;
  transition: all 0.4s;
  color: white;
  background-color: #ff6600;
  margin-bottom: 35px;
  width: 100%;
  justify-content: center;
  cursor: pointer;
}

.vacatures .wpb_wrapper a:hover,
#gform_submit_button_6:hover {
  color: #ff6600;
  border: 2px solid #ff6600;
  background-color: white;
  text-decoration: none;
}

#gform_6 h2 {
  color: #ff6600;
}

#gform_6 p {
  font-size: 14px;
}

#gform_6 .gform_footer {
  justify-content: flex-start;
}

body #gform_6 .gfield-choice-input + label {
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: inherit;
}

#gform_6 .gfield-choice-input:checked + label {
  color: inherit;
}

#gform_6 legend,
#gform_6 label {
  margin-bottom: 0;
  font-size: 14px;
}

#input_6_8 {
  background-color: white;
}

textarea {
  border: 2px solid rgba(20, 23, 30, 0.2);
  border-radius: 8px;
}

textarea:focus-visible {
  border: 2px solid rgba(20, 23, 30, 1);
  outline: none;
}

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  width: 12px;
  height: 12px;
  border: 1px solid grey;
  border-radius: 50%;
  transform: translateY(-0.5px);
  display: grid;
  place-content: center;
  cursor: pointer;
}

#gfield_upload_rules_6_8 {
  padding-top: 0;
  margin-top: 0;
  font-size: 12px;
}

#input_6_8 {
  font-size: 14px;
}

input[type="radio"]::before {
  content: "";
  width: 13px;
  height: 13px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 0 0 0 8px #ff6600;
  transform-origin: bottom left;
  clip-path: circle(50% at 50% 50%);
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}

input[type="radio"]:checked::before {
  transform: scale(1);
}

#gform_wrapper_6 {
  padding-left: 20px;
  padding-right: 20px;
}

.wpb_wrapper p,
.wpb_wrapper ol li,
.wpb_wrapper ul li {
  font-size: 14px;
  line-height: 24px;
}

.wpb_text_column p {
  margin-bottom: 20px;
}

.wpb_text_column p:empty {
  display: none;
}

.gform_body .gform_fields .gfield legend,
.gform_body .gform_fields .gfield label {
  font-size: 14px;
}

.vc_column_container > .vc_column-inner p:last-child {
  margin-bottom: 0;
}

.mega-menu-cont {
  position: absolute;
  left: 0;
  top: 88px;
  z-index: 25;
  display: none;
  opacity: 0;
  padding-top: 61px;
  padding-top: 0;
  pointer-events: none;
  width: 100%;
  background-color: white;
  transition: all 0.3s ease;
}

.mega-menu-cont.active {
  display: block;
  opacity: 1;
  pointer-events: initial;
}

.kh-header-menu-mobile {
  background-color: rgba(255, 255, 255, 1);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100dvh - 100px);
  transform: translateX(100%);
  padding-left: 0;
  opacity: 0;
  align-items: center;
  justify-content: flex-start;
  padding-top: 20px;
  flex-direction: column;
  gap: 10px;
  transition: all 0.3s ease-out;
  display: flex;
  margin-top: 90px;
  overflow-y: scroll;
}

.kh-header-menu-mobile .sub-menu {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(100%);
  display: flex;
  opacity: 0;
  flex-direction: column;
  width: 100%;
  background: #fff;
  transition: all 0.3s ease-out;
  z-index: 1;
  height: 100vh;
  padding: 0 20px;
  padding-top: 20px;
}

.kh-header-menu-mobile .sub-menu.active {
  opacity: 1;
  transform: translateX(0);
}

.archive-filter-header {
  z-index: 1002;
  background-color: #14171e;
  padding: 34px 20px;
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-weight: 600;
  display: none;
}

.kh-mobile-menu-header {
  z-index: 1002;
  padding: 34px 20px;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-weight: 600;
  display: none;
}

.kh-mobile-menu-header-inner p {
  font-size: 18px;
}

.kh-mobile-menu-header-inner .kh-mobile-menu-header-close-button {
  font-size: 24px;
}

.kh-mobile-menu-header-inner svg {
  width: 20px;
  font-weight: bold;
  display: none;
}

.kh-mobile-menu-header-inner svg.active {
  display: block;
}

.kh-mobile-menu-header-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.archive-filter-header-inner {
  position: relative;
  display: flex;
  justify-content: center;
}

.archive-filter-header-inner p:first-child {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 28px;
  cursor: pointer;
}

body
  .gform_wrapper.gravity-theme
  .ginput_complex:not(.ginput_container_address)
  span:not([style*="display:none"]):not(.ginput_full) {
  padding-right: 0;
}

.kh-service-banner {
  margin-bottom: 50px;
  margin-top: 50px;
}

.kh-service-banner .search-overlay-advies-left {
  width: 100%;
  padding: 40px 80px;
  align-items: flex-start;
}

.kh-service-banner .search-overlay-advies-inner-left {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kh-service-banner .search-overlay-advies-right {
  min-width: 40%;
}

.kh-service-banner .search-overlay-advies-inner-icons {
  padding: 0;
}

.kh-faq-single-grid-item-img-div {
  padding: 12px;
  width: fit-content;
  margin-right: 20px;
  background-color: #14171e;
  border-radius: 7px 0 0 7px;
}

.kh-faq-single-grid-item-img-div-inner {
  padding: 10px;
  background-color: white;
  border-radius: 100px;
}

.kh-faq-single-grid-item-img-div img {
  width: 35px;
  background-color: white;
}

.kh-faq-single-grid-item-arrow i {
  transition: all 0.3s;
  font-size: 25px;
  color: #ff6600;
  font-weight: bold;
}

.kh-faq-single-grid-item p {
  width: 100%;
  font-weight: 600;
  color: #ff6600;
  padding-right: 10px;
}

.kh-faq-single-grid-item-bar {
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid rgba(20, 23, 30, 0.3);
  border-radius: 8px;
  cursor: pointer;
}

.kh-faq-single-grid-item-arrow {
  margin-right: 20px;
}

.faq-part {
  width: 49%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kh-faq-single-grid-item {
  transition: all 0.3s;
}

.kh-faq-single-grid-item-arrow .fa-angle-right.rotate-up {
  transform: rotate(271deg);
}

.kh-faq-single-grid-item-arrow .fa-angle-right.rotate-down {
  transform: rotate(90deg);
}

.kh-faq-single-grid-item-toggle-container-outer {
  display: none;
}

.kh-faq-single-grid-item-toggle-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 20px 20px 65px;
  border: 1px solid rgba(20, 23, 30, 0.3);
  border-top: none;
  border-radius: 0 0 8px 8px;
}

.kh-faq-single-grid-item-toggle-container ul {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.center-single-button {
  display: flex;
  justify-content: center;
}

.kh-mijnaccount-mobile-container {
  display: none;
}

.woocommerce-MyAccount-content-outer h2 span,
.kh-myaccount-canvas-toggle h2 span {
  color: #ff6600;
}

.kh-myaccount-mobile-close-button {
  display: none;
}

.woocommerce-form-login__rememberme {
  margin-bottom: 0;
}

.offcanvas-backdrop.show {
  opacity: 0;
}

.woocommerce-account-info-dropdown .woocommerce-MyAccount-navigation {
  margin-bottom: 0;
}

.woocommerce-account-info-dropdown .woocommerce-MyAccount-navigation ul {
  border-right: none;
}

.woocommerce-account-info-dropdown {
  position: absolute;
  top: 80px;
  right: 30px;
  z-index: 101;
  padding-top: 45px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background-color: white;
  padding: 0 30px;
  padding-top: 25px;
  box-shadow: 0 1px 5px rgba(107, 112, 119, 0.2);
  border-radius: 10px;
}

.kh-header-icon:hover .woocommerce-account-info-dropdown {
  opacity: 1;
  pointer-events: initial;
}

.kh-header-icon-myaccount {
  padding-bottom: 30px;
}

.btn-close:focus {
  box-shadow: none;
}

.offcanvas-header h2 {
  margin-bottom: 0;
}

.offcanvas-header {
  padding-bottom: 0;
}

.slick-dots li.slick-active button:before {
  font-size: 10px;
}

.kh-timeline {
  padding-bottom: 10px;
}

#wp-builder-page-header-img {
  height: 600px;
}

.kh-footer-klantenservice-button-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kh-category-page .term-description p {
  margin-bottom: 15px;
}

.opaanvraag {
  font-size: 12px;
  color: #999;
}

.woocommerce .woocommerce-customer-details address {
  font-size: 15px;
  line-height: 1.5;
}

.geenkachels-gevonden {
  padding: 15px 0;
}

.afrekenen .woocommerce-column--billing-address {
  margin-bottom: 35px;
}

.woocommerce-order.kachels-thankyou {
  padding: 35px 0;
}

.woocommerce-order.kachels-thankyou .woocommerce-notice {
  margin-bottom: 20px;
}

.woocommerce-order.kachels-thankyou .woocommerce-order-overview {
  padding-left: 0;
}

.kh-icon-button {
  display: inline-block;
  padding: 5px;
  background: #999;
  border-radius: 20px;
}

.kh-icon-button:hover {
  text-decoration: none;
}

body a.kh-watchproduct {
  background: #14171e;
  color: white;
  border: 1px solid #14171e;
}

body a.kh-watchproduct:hover {
  background: white;
  color: #14171e;
}

body a.kh-incart {
  background: #01a652;
  color: white;
  border: 1px solid #01a652;
}

body a.kh-incart:hover {
  background: white;
  color: #01a652;
}

.center-con {
  display: flex;
  align-items: center;
  justify-content: center;
}

.round-kh-cta {
  position: absolute;
  width: 25px;
  height: 30px;
  right: 0;
  top: 0;
  border-radius: 100%;
}

.cta-view-product {
  width: 100%;
  cursor: pointer;
  position: absolute;
}

.cta-view-product .arrow-kh-cta {
  left: 30%;
}

.kh-prod-btn {
  color: #212529;
  font-size: 13px;
  position: relative;
}

.arrow-kh-cta {
  position: absolute;
  bottom: 0;
  margin-left: 0px;
  width: 9px;
  height: 9px;
  background-size: contain;
  top: 3px;
}

.segunda {
  margin-left: 8px;
}

.next-kh-cta {
  background-image: url(img/arrow_cta.svg);
}

.kh-populair-single-item:hover .arrow-kh-cta {
  animation-name: bounceAlpha;
  animation-duration: 1.4s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}
.kh-populair-single-item:hover .arrow-kh-cta.primera {
  animation-name: bounceAlpha;
  animation-duration: 1.4s;
  animation-delay: 0.2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@keyframes bounceAlpha {
  0% {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
  25% {
    opacity: 0;
    transform: translateX(10px) scale(0.9);
  }
  26% {
    opacity: 0;
    transform: translateX(-10px) scale(0.9);
  }
  55% {
    opacity: 1;
    transform: translateX(0px) scale(1);
  }
}

#offerte-gf {
  display: none;

  background-color: white;
  padding: 50px;
  overflow-y: scroll;
  border-radius: 10px;
}

#offerte-gf::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

#offerte-gf::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
  border-radius: 10px;
}

#offerte-gf::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

#offerte-gf.active {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 695px;
  min-width: 695px;
  height: 75vh;
}

body.active-offerte {
  overflow: hidden !important;
}

.close-offerte {
  position: absolute;
  right: 50px;
  top: 50px;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}

#offerte-gf .gform_wrapper.gravity-theme .gform_validation_errors {
  margin-block-start: 25px;
}

.single-product .product .summary {
  float: none !important;
}

.single-product .product {
  display: flex;
  justify-content: space-between;
}

.single-product-gallery-slider {
  width: 100%;
  height: 500px;
  position: relative;
}

.single-product-gallery-slider img {
  max-height: 100%;
  width: 100%;
  object-fit: contain;
}

.single-product-single-img-inner a {
  width: 100%;
  height: 100%;
}

.single-product-gallery-slider .slick-prev {
  transform: translateY(-50%);
  left: 8px;
  z-index: 20;
  top: 50%;
}

.single-product-gallery-slider .slick-prev:before {
  visibility: visible;
  content: "\f104";
  font-family: FontAwesome;
  margin-left: 10px;
  font-size: 25px;
  font-weight: 500;
  padding: 7px 15px 7px 12px;
  background-color: white;
  border-radius: 8px;
  font-weight: bold;
  border: 1px solid rgba(107, 112, 119, 0.2);
}

.single-product-gallery-slider .slick-next {
  transform: translateY(-50%);
  right: 36px;
  z-index: 20;
  top: 50%;
}

.single-product-gallery-slider .slick-next:before {
  visibility: visible;
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 25px;
  font-weight: 500;
  padding: 7px 12px 7px 15px;
  background-color: white;
  border-radius: 8px;
  font-weight: bold;
  border: 1px solid rgba(107, 112, 119, 0.2);
}

.single-product-single-img-inner {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-product-gallery-slider:not(.slick-initialized)
  .single-product-single-img-inner {
  display: none;
}

.small-thumbnails img {
  cursor: pointer;
  opacity: 0.5;
  mix-blend-mode: multiply;
}

.small-thumbnails > div {
  background: #eee;
}

.small-thumbnails img.active {
  opacity: 1;
}

.small-thumbnails img:hover,
.small-thumbnails img:active {
  opacity: 1;
}

.small-thumbnails {
  display: flex;
  margin-top: 5px;
  gap: 5px;
}

.single-product-image-gallery-outer {
  margin-bottom: 50px;
  width: 48%;
}

.oranje-vinkje-color {
  fill: #fff;
}

.oranje-vinkje-color,
.oranje-vinkje-background {
  stroke-width: 0px;
}

.oranje-vinkje-background {
  fill: #f60;
}

.feedback-logo-fill {
  fill: #303c50;
}

.feedback-logo-gradient {
  fill: url(#linear-gradient);
}

.svg-icon-fill {
  fill: #f60;
}

.kh-redenen-kh-single svg {
  flex: none;
}

.footer-media-svg {
  fill: #14171e;
}

.header-svg-fill-1 {
  fill: #fff;
}

.header-svg-fill-2 {
  fill: #14171e;
}

.checkout-oranje-vink-1 {
  fill: #fff;
  stroke: #f60;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.checkout-oranje-vink-2 {
  fill: #f60;
  stroke-width: 0px;
}

.checkout-grijs-1 {
  fill: #ddd;
}

.checkout-grijs-1, .checkout-grijs-2 {
  stroke-width: 0px;
}

.checkout-grijs-2 {
  fill: #fff;
}

.kh-front-element-static {
  height: 650px;
  position: relative;
}

.kh-front-element-static .kh-front-element-left {
  height: 509px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: center;
  margin-top: 141px;
}

.kh-front-element-static .kh-front-element-left h1 {
  color: white;
}

.kh-front-element-static .kh-front-element-left .kh-front-element-rating-text p {
  color: white;
}

#video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  object-fit: cover;
}


.home .append-usps-container-menu-header .kh-order-notes-single-inner p {
  color: white;
}

.front-page-header-container .kh-order-notes-outer .kh-order-notes {
  padding-top: 8px;
}

.front-page-header-container .kh-order-notes-outer .kh-order-notes-bot {
  display: none;
}

.front-page-header-container .kh-order-notes-outer .kh-order-notes-top {
  width: 100%;
  justify-content: space-between;
}

.front-page-nav-outer-div {
  width: 100%;
}

.home .site-navigation,
.home .kh-head-menu-div {
  background: rgba(0, 0, 0, 0.3);
  margin-left: -4px;
}

.home.search-active .site-navigation,
.home.search-active .kh-head-menu-div  {
  background: white
}

.home .kh-front-element {
  margin-top: -141px;
}


.home .kh-header-menu li a {
  color: white;
}

.home.search-active .kh-header-menu li a {
  color: #14171e;
}

.home  .header-svg-fill-1 {
  fill: #14171e;
}

.home.search-active  .header-svg-fill-1 {
  fill: #fff;
}

.home  .header-svg-fill-2 {
  fill: #fff;
}

.home.search-active  .header-svg-fill-2 {
  fill: #14171e;
}

.home .kh-header-zoeken {
  border-color: white;
}

.home .kh-header-icon-myaccount .cls-1 {
  fill: white;
}

.home .kh-header-icon-myaccount .cls-2 {
  fill: #14171e;
}

.home.search-active .kh-header-icon-myaccount .cls-1 {
  fill: #14171e;
}

.home.search-active .kh-header-icon-myaccount .cls-2 {
  fill: #fff;
}

.home .kh-header-zoeken p {
  color: white;
}

.home .kh-header-zoeken .header-svg-fill-1 {
  fill: transparent;
}

.home .kh-header-logo {
  margin-top: -10px;
  padding-top: 0;
}

.mobile-search-headers {
  display: none;
}

.kh-onze-keuze-tag {
  position: absolute;
  background-color: #ff6600;
  padding: 5px 23px 5px 15px;
  clip-path: polygon(0% 0%, 82% 0%, 100% 50%, 82% 100%, 0% 100%);
  color: white;
  top: 21px;
  left: 10px;
  font-size: 14px;
}

.kh-onze-keuze-tag  p {
  line-height: 17px;
}

.kh-onze-keuze-tag.onder-sale {
  top: 65px;
}

.product-tags-container {
  position: relative;
}

.kh-header-icon-myaccount .cls-1 {
  fill: #14171e;
}

.kh-header-icon-myaccount .cls-2 {
  fill: #fff;
}

.single-product-onze-keuze-container .kh-onze-keuze-tag {
  position: static;
  width: fit-content;
  height: fit-content;
}

.single-product-onze-keuze-container {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 50px;
}

.single-product-onze-keuze-container a::before {
  content: "";
  background-image: url(img/arrow_cta_orange.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.single-product-onze-keuze-container a {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.kh-popup-onze-keuze-inner-tekst p {
  margin-bottom: 25px;
  display: flex;
  align-items: baseline;
  width: 65%;
  font-size: 14px;
}

.kh-popup-onze-keuze-inner-tekst ul {
  width: 65%;
  font-size: 14px;
}

.kh-popup-onze-keuze-inner-tekst p:not(:last-child)::before  {
  content: "";
  background-image: url(img/arrow_cta.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 10px;
  height: 10px;
  display: inline-block;
  flex-shrink: 0;
  margin-right: 5px;
}

.kh-popup-onze-keuze-inner-tekst a::before  {
  content: "";
  background-image: url(img/arrow_cta_orange.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}

#onze-keuze.modal-active {
  display: flex;
  align-items: center;
  justify-content: center;
}

#onze-keuze {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  height: 100dvh;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

#onze-keuze .single-product-onze-keuze-container div:last-child p {
  font-size: 16px;
  text-wrap: balance;
}

#onze-keuze .single-product-onze-keuze-container {
  width: 75%;
  margin-bottom: 0;
}

.kh-popup-onze-keuze-inner {
  align-items: center;
  border-radius: 10px;
  box-shadow: 24px 24px 48px 0px rgba(17, 17, 17, 0.08);
  height: 100%;
  width: 913px;
}

#onze-keuze .kh-popup-onze-keuze-close {
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
  background: white;
  border-radius: 50%;
}

#onze-keuze .kh-popup-onze-keuze-inner {
  padding: 30px;
  background-color: white;
}

.kh-popup-onze-keuze-inner {
  width: 700px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  border-radius: 5px;
  max-width: 100%;
}

.kh-popup-img {
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 200px;
  height: 250px;
}

#onze-keuze .kh-lees-meer-img-1 {
  object-fit: contain;
  width: 100%;
  height: 100%;
  right: 0;
}

body.active-modal {
  overflow: hidden !important;
  padding-right: 17px;
}

.ywraq-form-table-wrapper.vertical .ywraq-before-form {
 margin-top: 100px;
 margin-bottom: 100px !important;
}

.return-to-shop .button.wc-backward {
  margin-top: 20px;
}

.stock-upper-container {
  width:100%;
}

.neveravailable .yith-ywraq-add-to-quote {
  display:none !important;
}

body .search-result-single-text .onderdelen-knop {
  display:none !important;
}

body .yith-ywraq-add-button .add-request-quote-button.button, body .onderdelen-knop {
  font-weight: 600;
  font-size: 15px;
  color: white;
  border-radius: 8px;
  width: 100%;
  border-radius: 8px;
  border: transparent;
  padding: 8px;
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: center;
  cursor: pointer;
  text-align: center;
  border: 2px solid #2F2D2D !important;
  line-height: 19.5px;
  margin:10px 0;
  color: #2F2D2D !important;
  background-color: white !important;

}

body .yith-ywraq-add-button .add-request-quote-button.button::after, body .onderdelen-knop::after {
  content: "\f105";
  font-family: 'FontAwesome';
  font: normal normal normal 14px / 1 FontAwesome;
  display: inline-block;
  font-size: 18px;
}

body .yith-ywraq-add-button .add-request-quote-button.button:hover, body .onderdelen-knop:hover {
  color: white !important;
  border: 2px solid #2F2D2D !important;
  background-color: #2F2D2D !important;
}

.yith_ywraq_add_item_browse_message a {
  color: #ff6600 !important;
  width: fit-content;
  padding: 0;
  margin-left: -2px;
}

#yith-ywraq-default-form,
.yith-ywraq-mail-form-wrapper h3 {
  width: 50%;
  margin: auto;
  margin-bottom: 10px;
}

#yith-ywraq-default-form p {
  flex-direction: column;
}

#yith-ywraq-default-form label {
  margin-bottom: 0;
}

#yith-ywraq-form .quantity .qty {
  font-size: 20px;
}

body .raq-send-request-row .raq-send-request,
body .yith-ywraq-before-table .wc-backward,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  color: white;
  display: grid;
  align-items: center;
  gap: 10px;
  padding: 10px 20px 10px 20px;
  background-color: #14171e;
  border-radius: 8px;
  justify-content: center;
  font-weight: 600;
  width: fit-content;
  text-align: center;
  border: 2px solid transparent;
  transition: all 0.4s;
}

body .yith-ywraq-before-table .wc-backward {
  margin-bottom: 20px;
}

body .yith-ywraq-before-table .wc-backward:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  background: white;
  border: 2px solid #14171e;
  color: #14171e;
}

body .raq-send-request-row .raq-send-request:hover {
  background-color: white;
  border: 2px solid #14171e;
  color: #14171e;
}

.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper {
  margin-bottom: 100px;
}

.ywraq-with-form {
  margin-top: 100px;
}

.ywraq-with-form img {
  width: 100px !important;
  object-fit: cover;
}

body #yith-ywraq-form .product-quantity {
  padding: 15px;
}

.yith-ywraq-mail-form-wrapper {
  padding: 0 !important;
}

.woocommerce.ywraq-wrapper .quantity .qty {
  border: 1px solid #14171e;
}

.keov-container {
  margin-bottom:25px;
}

.newvariationstyle table.variations {
  opacity: 0;
  height: 0;
  margin: 0; 
  display: block;
  pointer-events:none; 
}

.underlying-attr {
  font-size:13px;
  font-weight:normal;
}

.keov-title {
  font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
    display: block;
}

.keov-selector {
  position:relative;
  border: 1px solid rgba(20, 23, 30, 0.2);
  border-radius: 8px;
  padding: 10px 10px;
  cursor:pointer;
}

.keov-options {
  border: 1px solid rgba(20, 23, 30, 0.2);
  max-height:550px;
  overflow-y: scroll;
  display:none;
}

.keov-container.active .keov-options {
  display:block;
}

.keov-selector:hover {
  border: 1px solid rgba(20, 23, 30, 0.4);
}

.selector-chev {
  position:absolute;
  right:15px;
  top:12px;
}

.keov-option {
  display:flex;
  gap:10px;
  padding:15px;
  align-items:center;
  border-bottom: 1px solid rgba(20, 23, 30, 0.2);
  cursor:pointer;
}

.keov-option.active {
  border: 2px solid rgb(255 102 0);
  background: rgba(255, 102, 0, 0.05);
}

.keov-option.active .checkbox-rounded {
  border: 6px solid rgb(255 102 0);
}

.keov-option:last-child {
  border:none;
}

.checkbox-rounded {
  width:20px;
  height:20px;
  display:block;
  border-radius:50%;
  border:1px solid #b9cbe3;
}

.keov-image {
  width: 85px;
  text-align: center;
}

.keov-option img {
  max-width:75px;
  max-height:85px;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.keov-name {
  font-size: 14px;
  font-weight: bold;
}

.plusmin-title {
  font-size:19px;
  font-weight:bold;
}

.plusmin-subtitle {
  font-size:16px;
  font-weight:bold;
}

.plusmin-subtitle small {
  font-size: 12px;
  color: #7b7b7b;
  margin-left: 10px;
}

.plusminpunten-content .plusminpunten-single {
  font-size:14px;
  padding-left:25px;
  position:relative;
  margin-bottom: 7px;
}

.plusminpunten-single:before {
  margin-right:7px;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 17px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position:absolute;
  left:0;
  top:3px;
}

.punt-positief:before {
  content: "\f055";
  color:#06a706; 
}

.punt-negatief:before {
  content: "\f056";
  color:#999;
}

.plusminpunten-container .plusminpunten-content {
  margin-bottom:35px;
}

.faq-archive-container {
  background: #f5f5f5;
  padding: 25px 30px;
  margin-bottom:35px;
}

.faq-archive-container h2 {
  margin-bottom:25px;
}

.faq-question {
  margin-bottom:15px;
}

.faq-question .faq-answer {
  font-size:15px;
  display:none;
}

.faq-question.active .faq-answer {
  display:block;
}

.faq-question .faq-answer p {
  margin-bottom:25px;
}

.faq-question .faq-title {
  position:relative;
  cursor:pointer;
  font-size:17px;
  padding-right:20px;
}

.faq-question .faq-title:after {
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position:absolute;
  right:0;
  top:3px;
  content: "\f0fe";
}

.faq-question.active .faq-title:after {
  content: "\f146";
}

.pdp-cat-repeater .kh-faq-single-grid-item .kh-faq-single-grid-item-bar {
  padding: 20px;
}

.pdp-cat-repeater .kh-faq-single-grid-item .kh-faq-single-grid-item-bar p {
  color: black;
}

.pdp-cat-repeater {
  margin-top: 100px;
}

.pdp-cat-repeater .kh-faq-single-grid-item-toggle-container {
  padding: 20px;
}

.pdp-cat-repeater .kh-faq-single-grid-item-toggle-container p {
  color: black;
  font-weight: normal;
}

.archive.search .term-description {
  display: none;
}

.archive.search .child-categories {
  display: none;
}

.search-results-archive {
  margin-bottom: 30px;
  margin-top: 20px;
}

#archive-search {
  border: none;
}

.search-results-archive .search-input-div {
  margin-bottom: 0;
}

.search-results-archive button:hover {
    color: #14171e;
    border: 2px solid #14171e;
    background-color: white;
}

.search-results-archive button {
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
    grid-template-columns: 1fr 20px;
    padding: 10px 20px;
    background-color: #14171e;
    border-radius: 8px;
    justify-content: center;
    font-weight: 600;
    width: fit-content;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.4s;
}

.search-results-archive .search-form {
  display: flex;
  align-items: center;
  gap: 20px;
}

.pdp-review-select-wrapper.active .pdp-review-select {
    border-radius: 4px 4px 0 0;
}

.pdp-stars-overview {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 50%;
  margin: auto;
}

.pdp-single-star {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pdp-single-star p {
  margin-bottom: 0;
  width: 9px;
  flex-shrink: 0;
}

.pdp-single-star i {
  object-fit: contain;
  flex-shrink: 0;
}

.pdp-single-star > div {
  height: 4px;
  width: 100%;
  border-radius: 4px;
  background-color: rgba(107, 112, 119, 0.1);
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

.pdp-reviews .kh-front-element-rating {
  margin: 20px auto 20px auto;
}

.pdp-single-fill {
  will-change: width;
  height: 100%;
  background: #ff6600;
  transition: width 0.4s cubic-bezier(0.65, 0, 0.15, 1);
  transition: width 0.2s ease-in-out;
  width: 0%;
}

.pdp-review-image img {
  height: 75px;
  border-radius: 4px;
}

.pdp-review-select-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.pdp-review-select-wrapper.active .pdp-review-select-dropdown {
    display: block;
}

.product-summary-rating .kh-front-element-rating-img {
  width: 75px;
}

#tab-fbc_reviews .product-summary-rating {
  justify-content: center;
}

.product-summary-rating .text {
  font-size: 14px;
  line-height: 16px;
}

.product-summary-rating .stars {
  display: flex;
  gap: 2px;
}

.product-summary-rating {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.pdp-review-select-dropdown > div:hover {
    background-color: rgba(107, 112, 119, 0.1);
}

body .pdp-review-select {
  padding: 12px;
  cursor: pointer;
  font-size: 14px;
  margin: 20px 0 0 0;
  width: 25%;

  padding: 15px 12px;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 4px;
    cursor: pointer;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    height: 56px;
}

.pdp-review-select p {
  margin-bottom: 0;
}

body .pdp-review-select-dropdown {
  width: 25%;
}

.variations-dropdown-options, .pdp-review-select-dropdown {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: 1px solid black;
  border-top: none;
  border-radius: 0 0 4px 4px;
  z-index: 999;
}

.pdp-review-select-dropdown > div {
  padding: 12px;
  cursor: pointer;
  font-size: 14px;
}

.pdp-review-select-dropdown p {
  margin-bottom: 0;
}

.pdp-review-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: start;
}

.pdp-review {
  background-color: rgba(107, 112, 119, 0.1);
  border-radius: 4px;
  padding: 20px;
  height: 100%;
  position: relative;
}

.pdp-review > p {
  margin-bottom: 0;
}

.pdp-review > div:first-child {
  display: flex;
  width: 100%;
  gap: 20px;
  justify-content: space-between;
  flex-direction: column;
}

.pdp-review > div:first-child > div:first-child {
  display: flex;
  justify-content: space-between;
}

.pdp-review-title > div > div {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.pdp-review-title > div > p:nth-child(2) {
  margin-bottom: 5px;
  opacity: 0.64;
  font-size: 12px;
}

.pdp-review-text.expanded {
    -webkit-line-clamp: unset;
    overflow: visible;
}

.pdp-review-title > div > div > div {
  display: flex;
  gap: 2px;
}

.pdp-review-title > div > div > p {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 0;
  line-height: 16px;
}

.pdp-review-title > div:first-child {
  display: flex;
  flex-direction: column;
}

.pdp-review > p {
  margin-bottom: 0;
}
.pdp-review-text {
  color: #031A22CC;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s ease;
}

.toggle-review {
  margin-top: 15px;
  display: block;
}

.review-btn-outer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.pdp-review-button {
  margin-top: 50px;
}

.kh-single-product-in-stock p {
  color: black;
}

/* ===== START: CSS alleen voor /producten/aanbiedingen/ ===== */

/* Child categorieen op aanbiedingenpagina */
.kh-aanbiedingen-child-categories {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.tax-product_cat.term-aanbiedingen .kh-category-page-loop {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.kh-aanbieding-back-link {
  margin-bottom: 10px;
  display: block;
  width: fit-content;
}

.kh-aanbiedingen-child-categories .child-category-single img {
  height: 100%;
}

@media (max-width: 1200px) {
    body.tax-product_cat.term-aanbiedingen .kh-category-page-loop {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
  .kh-aanbiedingen-child-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .kh-aanbiedingen-child-categories {
    grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
  }

  body.tax-product_cat.term-aanbiedingen .kh-category-page-loop {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

/* Product grid op taxonomiepagina aanbiedingen */

/*************************************************************************************************************************************/
/*******************************************MEDIA QUERIES*****************************************************************************/
/*************************************************************************************************************************************/
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

@media (max-width: 1500px) {
  .site-navigation .menu {
    gap: 10px;
  }

  .site-navigation {
    gap: 10px;
  }
}

@media (max-width: 1400px) {
  .kh-header-logo {
    padding: 12px;
  }

  .search-overlay {
    padding-top: 250px;
  }

  .site-navigation {
    padding: 10px 20px 10px 20px;
  }
}

@media (max-width: 1200px) {
  h1 {
    font-size: 38px;
  }

  .home .kh-order-notes-slider .kh-order-notes-single:last-child {
    display: none;
  }

  .kh-front-element-right {
    margin-left: 0;
  }

  .naam-box {
    flex-direction: column;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
  }

  .mijn-account .woocommerce {
    margin-top: 0;
  }

  .mijn-account-container {
    margin-top: 50px;
  }

  .woocommerce-account-info-dropdown {
    display: none;
  }

  .woocommerce-MyAccount-navigation ul {
    border-right: none;
  }

  .woocommerce-MyAccount-navigation li a:before {
    font-size: 18px;
  }

  .woocommerce-MyAccount-content-outer p {
    font-size: 26px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 30px;
  }

  .woocommerce-MyAccount-content-outer {
    background-color: rgba(255, 255, 255, 1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transform: translateX(100%);
    padding-left: 30px;
    padding-right: 30px;
    opacity: 0;
    align-items: center;
    justify-content: flex-start;
    padding-top: 20px;
    flex-direction: column;
    gap: 10px;
    transition: all 0.3s ease-out;
    display: flex;
    margin-top: 0;
    z-index: 1003;
  }

  .woocommerce-MyAccount-content-outer.open-account {
    transform: translateX(0);
    opacity: 1;
  }

  .search-overlay-advies-right img {
    max-height: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    width: 100%;
  }

  .bezorg-gegevens-box input {
    width: 100%;
  }

  .site-navigation-right {
    justify-content: space-between;
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
  }

  body .mega-menu-visueel .mega-menu-inner {
    grid-template-columns: 1fr 1fr 1fr;
  }

  input[type="checkbox"] {
    width: 16px;
  }

  .kh-order-notes {
    flex-direction: column;
    gap: 20px;
  }

  .kh-front-element-img {
    margin-bottom: 40px;
  }

  .verdieping-front-element .kh-front-element-links img {
    margin-bottom: 0;
  }

  .kh-top-banner-background {
    width: 45%;
  }

  .kh-lees-meer-img-1 {
    right: 23%;
  }

  .kh-single-product-andere-modellen-right {
    flex-direction: row;
    margin-top: 20px;
  }

  .kh-single-andere-bot-item-inner {
    width: 100%;
  }

  .kh-single-product-in-stock p {
    font-size: 12px;
  }

  .kh-single-product-buttons-add-cart p,
  body .kh-single-product-buttons-offerte {
    font-size: 13px;
  }

  .kh-single-product-buttons-add-cart img {
    width: 20px;
    height: 20px;
  }

  .kh-single-product-buttons-add-cart i,
  body .kh-single-product-buttons-offerte i {
    font-size: 16px;
  }

  .kh-category-page-loop {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 1100px) {
  .mega-menu-visueel .mega-menu-inner {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 992px) {

  .home .kh-menu-header-top-bar {
    padding: 20px;
    padding-right: 40px;
  }

  .home .append-usps-container-menu-header {
    width: 77%;
    max-width: 100%;
    display: flex;
  }

  .home .append-usps-container-menu-header .kh-order-notes-top {
    justify-content: space-between;
    width: 100%;
  }

  .home .kh-header-usps-container {
    display: none;
  }

}

@media (max-width: 991px) {
  iframe {
    max-width: 100%;
  }

  .faq-archive-container {
    padding: 20px 20px;
  }

  .faq-archive-container h2 {
    font-size:18px;
  }

  .faq-question .faq-title {
    font-size:15px;
  }

  .faq-question .faq-title:after {
    font-size:14px;
  }

  .kh-single-product-prijs ins:after {
    display:none;
  }

  .wc-tabs {
    display:block;
  }

  .wc-tabs li {
    display:block;
    border-bottom:1px solid #eee;
    padding-bottom:8px;
    margin-bottom:8px;
  }

  .wc-tabs li:last-child {
    margin-bottom:0;
    border-bottom:none;
  }

  .wc-tabs li.active::after {
    display:none;
  }

  .home.nav-open-body header .kh-head-menu-div,
  .home.nav-open-body header .site-navigation,
  .home.nav-open-body .btn-mobile-nav,
  .home.nav-open-body .kh-header-logo {
    background: white;
  }

  .home.nav-open-body .kh-header-icon-myaccount .cls-1 {
    fill: #14171e;
  }

  .home.nav-open-body .kh-header-icon-myaccount .cls-2 {
    fill: #fff;
  }

  .home.nav-open-body .header-svg-fill-2 {
    fill: #14171e;
  }

  .home.nav-open-body .header-svg-fill-1 {
    fill: #fff;
  }

  .home.home.nav-open-body .btn-mobile-nav svg {
    stroke: #14171e;
}

  .up-sells .products .kh-populair-item-box:last-child {
    display: none;
  }

  .kh-populair-item-box {
    grid-template-columns: 1fr 1fr;
  }

  .kh-header-usps-container .kh-order-notes-bot {
    display: none;
  }

  .kh-mobile-search-icon {
    display: block;
  }

  .kh-myaccount-mobile-close-button {
    display: block;
  }

  .kh-header-logo {
    justify-content: flex-start;
  }

  .kh-header-zoeken-close.active {
    display: none;
  }

  .kh-head-menu-div {
    max-width: 720px;
    margin: auto;
  }

  .kh-header-menu-desktop {
    display: none;
  }

  .search-overlay {
    padding-top: 130px;
  }

  .kh-header-menu-mobile.nav-open {
    transform: translateX(0);
    opacity: 1;
    margin-top: 90px;
    height: calc(100dvh - 90px);
  }

  #yith-ywraq-default-form, .yith-ywraq-mail-form-wrapper h3 {
    width: 100%;
  }



  body .prdctfltr_buttons .prdctfltr_woocommerce_filter_submit {
    display: none;
  }

  .kh-header-menu-mobile li a {
    text-align: start;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    padding-top: 10px;
    display: block;
  }

  .kh-header-menu-mobile li a[href*="/aanbiedingen/"] {
    background-color: #ff6600;
    color: #fff !important;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  #onze-keuze .kh-lees-meer-img-1 {
    display: block;
  }

  .menu-mobiel-container {
    width: 100%;
  }

  .kh-redenen-2 .kh-redenen-kh-rechts img {
    position: absolute;
    top: -10px;
  }

  .kh-redenen-2 .kh-redenen-kh-single {
    position: relative;
  }

  .kh-redenen-2 .kh-redenen-kh-single-text h3 {
    width: 80%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .archive-filter-button {
    display: flex;
  }

  .sidebar-filter {
    display: none;
  }

  .archive-filter-button-container {
    position: fixed;
    bottom: -5px;
    left: 0;
    width: 100%;
    display: flex;
    padding-top: 20px;
    z-index: 10;
  }

  .mega-menu-cont .mega-menu-head-cat {
    display: none;
  }

  .sidebar-filter {
    background-color: rgba(255, 255, 255, 1);
    position: fixed;
    width: 100%;
    height: 90vh;
    transform: translateY(100%);
    padding: 0 20px 50px 20px;
    opacity: 0;
    transition: all 0.4s ease-out;
    display: block;
    z-index: 998;
  }

  .kh-header-menu-mobile .search-overlay-advies {
    margin: 0;
  }

  body .search-overlay-advies-left {
    border-radius: 0;
  }

  .sidebar-filter.nav-open + .archive-filter-button-container {
    box-shadow: 0px -10px 15px -3px rgba(0, 0, 0, 0.1),
      0px -4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 999;
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sidebar-filter.nav-open
    + .archive-filter-button-container
    .archive-filter-button {
    width: 100%;
    justify-content: center;
  }

  body .prdctfltr_wc .prdctfltr_buttons {
    margin-bottom: 120px;
  }

  .kh-header-menu-mobile .menu {
    flex-direction: column;
    padding: 0 20px;
    gap: 15px;
  }

  .sidebar-filter.nav-open {
    transform: translateY(0);
    opacity: 1;
    overflow: scroll;
    position: fixed;
    padding: 20px 20px 75px 20px;
    height: 100vh;
    top: 88px;
    left: 0;
  }

  .kh-mobile-phone-icon-header {
    display: none;
  }

  .icon-mobile-nav[name="menu-outline"] {
    display: block;
  }

  .btn-mobile-nav {
    display: block;
  }

  .btn-mobile-nav.nav-open .icon-mobile-nav[name="close-outline"] {
    display: block;
  }

  .btn-mobile-nav.nav-open .icon-mobile-nav[name="menu-outline"] {
    display: none;
  }

  .append-usps-container-menu-header .kh-order-notes-slider {
    margin-bottom: 0;
    text-align: center;
  }

  .kh-order-notes-single-inner {
    width: 100%;
    justify-content: center;
  }

  .append-usps-container-menu-header .kh-order-notes-slider p {
    color: white;
    font-size: 10px;
  }

  .kh-order-notes-slider p {
    font-size: 10px;
  }

  .append-usps-container-menu-header .kh-order-notes-single img {
    width: 14px;
  }

  .append-usps-container-menu-header {
    width: 50%;
    margin: auto;
  }

  .kh-header-usps-container {
    display: none;
  }

  .kh-menu-header-top-bar {
    height: 30px;
  }

  .home .kh-header-logo {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .home .btn-mobile-nav {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .home.search-active .btn-mobile-nav {
    background-color: #fff;
  }

  .home.search-active .kh-header-logo {
    background-color: #fff;
  }

  .home .kh-head-menu-div {
    max-width: 100%;
    margin-left: 0;
  }

  .home.search-active .btn-mobile-nav svg {
    stroke: #14171e;
  }

  .home .site-navigation {
    margin-left: 0;
  }

  .home .kh-header-logo {
    margin-top: 0;
    margin-right: 0;
    border-bottom-right-radius: 0;
  }

  .home .btn-mobile-nav svg {
    stroke: white;
  }

  .kh-header-logo {
    width: fit-content;
    padding: 0;
    background-color: white;
    min-width: 0;
    margin-right: 10px;
  }

  .site-navigation-right {
    justify-content: flex-end;
  }

  .kh-header-logo-mob {
    padding: 0 20px;
    padding-right: 0;
  }

  .kh-header-zoeken {
    display: none;
  }

  .kh-menu-header-top-bar .kh-front-element-rating {
    display: flex;
    position: absolute;
    right: 20px;
  }

  .kh-header-logo-mob img {
    padding: 0;
    display: block;
    width: 30px;
    min-width: 35px;
    max-width: 100%;
  }

  .afrekenen .afreken-uitleg-head,
  .afrekenen .afreken-uitleg-text {
    display: none;
  }

  .afreken-bedrag {
    margin-top: 20px;
  }

  .mega-menu-visueel .mega-menu-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .kh-order-notes {
    display: block;
  }

  /* .kh-order-notes-slider .slick-slide {
    margin-right: 50px;
  } */

  .kh-order-notes-slider {
    margin-bottom: 20px;
  }

  .kh-cart-mobile-verwijder a {
    opacity: 1;
    pointer-events: initial;
    font-size: 14px;
  }

  .kh-header-logo-big img {
    display: none;
  }

  .betaalmethode img {
    width: 50px;
  }

  .betaalmethode img:last-child {
    width: 70px;
  }

  .kh-verdieping-categories-box {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .verwijder-div {
    display: none;
  }

  .up-sells .products {
    gap: 15px;
  }

  .kh-redenen-kh {
    flex-direction: column;
  }

  .kh-redenen-kh-rechts {
    width: 100%;
    margin-top: 40px;
  }

  .kh-single-product-amount {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .kh-redenen-kh-links {
    width: 100%;
  }

  .kh-redenen-kh .kh-front-element-rating {
    display: none;
  }

  .kh-redenen-kh-links a,
  .kh-front-element-rating {
    width: 100%;
  }

  .kh-front-element .row {
    flex-direction: column-reverse;
  }

  .kh-snel-navigeren-single a {
    font-size: 24px;
  }

  .kh-snel-navigeren-inner {
    padding: 75px 50px;
  }

  .kh-footer-top-banner-inner {
    flex-direction: column-reverse;
    gap: 45px;
  }

  .kh-top-banner-background {
    bottom: 0;
    width: 100%;
    border-radius: 0;
  }

  .kh-footer-top-banner-logo {
    justify-content: center;
  }

  .kh-footer-main-grid {
    padding-top: 45px;
  }

  .kh-footer-top-banner-logo img {
    padding: 0;
  }

  .kh-footer-top-banner-kanalen {
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .kh-footer-main .col-12.col-lg-6:nth-child(2) .kh-footer-main-grid {
    padding-top: 0;
  }

  .kh-footer-nieuwsbrief {
    margin-bottom: 40px;
  }

  .kh-lees-meer-img-1,
  .kh-lees-meer-img-2 {
    display: none;
  }

  .kh-lees-meer-banner-tekst-inner h2 {
    font-size: 30px;
    text-align: center;
  }

  .kh-lees-meer-img-2 {
    width: 50%;
  }

  .kh-redenen-kh-links h2 {
    font-size: 45px;
  }

  .carouselcontainer .kh-front-element-rating {
    margin-bottom: 20px;
  }

  .kh-single-andere-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .wc-tabs {
    gap: 30px;
    padding: 15px;
  }

  .wc-tabs a {
    font-size: 14px;
  }

  .kh-single-product-andere-producten .upsells {
    grid-template-columns: 1fr 1fr;
  }

  .kh-single-product-andere-producten,
  .kh-andere-modellen-div {
    margin-top: 75px;
  }

  .kh-andere-modellen-div {
    padding-bottom: 75px;
  }

  .search-overlay-advies {
    flex-direction: column-reverse;
  }

  .search-overlay-advies-right img {
    border-radius: 8px 8px 0 0;
    width: 100%;
  }

  .verdieping-lees-reviews {
    max-width: 100%;
  }

  .verdieping-lees-reviews {
    border-radius: 20px 20px 0 0;
  }

  .verdieping-lees-reviews .kh-front-element-rating a {
    margin-left: 0;
  }

  .kh-redenen-kh-verdieping .kh-redenen-kh-single-text h3 {
    font-size: 18px;
  }

  .account-aanwezig-wiwa {
    display: none;
  }

  .back-to-shop {
    margin-bottom: 50px;
  }

  .kh-banner-lees-meer-outer {
    height: 100%;
  }

  .kh-lees-meer-banner-tekst-inner {
    padding: 30px 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .single-product .kh-lees-meer-banner-tekst-inner {
    width: 100%;
  }

  .woocommerce-cart .kh-lees-meer-banner-tekst-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .kh-lees-meer-inner {
    justify-content: center;
  }

  .cart-item-name .kh-aanbieding-tag {
    right: 25px;
  }

  .kh-front-element-img {
    margin-bottom: 15px;
  }

  .single-product .kh-redenen-kh-usps {
    margin-top: 0;
  }

  .kh-sing-ander-model-right-top,
  .kh-sing-ander-model-right-bot {
    padding: 40px;
  }

  .mega-menu-inner {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .mega-catleft-inner-container {
    display: grid;
    grid-template-columns: 1fr;
  }

  .mega-catleft-third-column,
  .mega-catleft-second-column {
    display: none;
  }

  .mega-catleft-first-column {
    border-right: none;
    padding-left: 0;
  }

  .mega-menu-inner {
    padding-left: 0;
    padding-right: 0;
  }

  body .mega-menu-visueel .mega-menu-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .mega-menu-outer {
    border-top: none;
    border-bottom: none;
  }

  .kh-tab-onderdelen-single {
    flex-direction: column;
    gap: 10px;
  }

  .kh-tab-onderdelen-single-rechts {
    justify-content: space-between;
    width: 100%;
  }

  .home .kh-header-menu-mobile.nav-open li a {
    color: black;
}


}

@media (max-width: 768px) {
  h1 {
    font-size: 35px;
  }

  .kh-onze-keuze-tag {
    font-size:12px;
  }

  .kh-onze-keuze-tag p {
    line-height:13px;
  }

  .kh-single-product-title h1 {
    font-size: 25px;
  }

  body .mega-menu-visueel .mega-menu-inner {
    grid-template-columns: 1fr 1fr;
  }

  .kh-cart-item-close-mobile {
    display: block;
  }

  .kh-blog-element-blog-inner h2 {
    font-size: 20px;
  }

  .woocommerce-MyAccount-navigation ul {
    width: 100%;
    margin-bottom: 50px;
  }

  .kh-blog-element-head h2 {
    font-size: 24px;
  }

  .kh-head-menu-div {
    max-width: 540px;
  }

  .woocommerce form.login,
  .woocommerce-MyAccount-navigation {
    margin-bottom: 0;
    margin-top: 5px;
  }

  .kh-faq-grid .faq-part:first-child .kh-faq-single-grid-item:last-child {
    margin-bottom: 20px;
  }

  .search-overlay-advies-inner-left {
    margin-bottom: 20px;
  }

  .kh-service-banner .search-overlay-advies-left {
    padding: 40px;
  }

  .kh-faq-single-grid-item-img-div img {
    width: 25px;
  }

  .mijn-account-container {
    margin-top: 50px;
  }

  body .wpb-content-wrapper #wp-builder-page-header-img {
    height: 300px;
  }

  body .vc_row.vc_column-gap-35 > .vc_column_container {
    padding: 20px 0;
  }

  .woocommerce-cart .kh-lees-meer-inner h2,
  .woocommerce-cart .kh-lees-meer-inner p {
    text-align: center;
  }

  .cart-item-name .kh-aanbieding-tag {
    right: 15px;
  }

  .kh-blog-element-blog-inner h2 {
    padding-left: 0;
  }

  .single-product .product {
    flex-direction: column;
  }

  .single-product-gallery-slider,
  .single-product-image-gallery-outer {
    width: 100%;
  }

  .single-product-single-img-inner,
  .single-product-gallery-slider {
    height: 300px;
  }

  body .vc_row.vc_column-gap-35 {
    margin-left: 0;
    margin-right: 0;
  }

  .kh-popup-onze-keuze-inner {
    width: 500px;
    max-width: 100%;
  }


  .kh-single-blog-header-box {
    transform: translate(0);
    width: 100%;
  }

  .single-product-gallery-slider img {
    height: 100%;
    object-fit: cover;
  }

  .single-product #main {
    margin-top: 15px;
  }

  .kh-popup-img {
    display: none;
  }

  #onze-keuze .kh-popup-onze-keuze-close {
    top: 27px;
  }

  #onze-keuze .single-product-onze-keuze-container {
    width: 100%;
  }

  .kh-popup-onze-keuze-inner-tekst p, .kh-popup-onze-keuze-inner-tekst ul {
    width: 100%;
  }

  .single-post article {
    margin-bottom: 50px;
  }

  .kh-single-blog-header-box {
    margin-bottom: 20px;
  }

  .kh-single-andere-producten-single-box {
    grid-template-columns: 1fr 1fr;
  }

  .kh-blog-gather {
    grid-template-columns: 1fr;
  }

  .kh-redenen-kh-verdieping .kh-redenen-kh-rechts {
    flex-direction: column;
    gap: 0;
  }

  /* .kh-order-notes-top .kh-order-notes-single:nth-child(2),
  .kh-order-notes-top .kh-order-notes-single:last-child {
    display: flex;
  } */

  .mobile-search-headers {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    overflow: scroll;
    margin-bottom: 20px;
    background-color: white;

    padding: 20px 0;
    top: -20px;
    border-bottom: 1px solid rgba(107, 112, 119, 0.2);
  }

  .search-result-box {
    display: none;
  }

  .search-result-box.active {
    display: block;
  }

  .mobile-search-headers h3 {
    font-size: 16px;
    flex-shrink: 0;
   
  }

  .mobile-search-headers h3.active {
    color: #ff6600;
  }

  .search-result-box h3 {
    display: none;
  }

  .kh-product-single-usp-head {
    display: none;
  }

  .kh-category-page-loop {
    grid-template-columns: 1fr 1fr;
  }

  .child-categories {
    grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
  }

  .account-aanwezig-wiwa {
    display: none;
  }

  .kh-verdieping-categories-box {
    grid-template-columns: 1fr 1fr;
  }

  .doorgaan-div .afrekenen-doorgaan {
    width: 100%;
  }

  .kh-single-ander-model-text-inner {
    padding-left: 20px;
  }

  .search-overlay-advies-left {
    border-radius: 0 0 8px 8px;
  }

  .search-overlay-advies-inner-icons {
    padding: 0 0 30px 0;
  }

  .search-overlay-advies-inner-left {
    padding: 30px 20px;
    width: 100%;
    padding-bottom: 20px;
  }

  .search-overlay-advies-left {
    flex-direction: column;
  }

  .search-overlay-advies-inner-icons {
    flex-direction: row;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    flex-wrap: wrap;
  }

  .kh-category-header {
    margin-bottom: 5px;
  }

  .kh-product-single-usp {
    margin-bottom: 20px;
  }

  .woocommerce div.product div.summary {
    width: 100%;
    margin-top: 40px;
  }

  .search-overlay-advies-icon-box {
    gap: 5px;
  }

  .kh-single-product-amount {
    flex-direction: row;
    align-items: center;
  }

  .single-product-onze-keuze-container {
    margin-bottom: 32px;
  }

  .kh-single-ander-model-big img {
    width: 50%;
  }

  #offerte-gf.active {
    width: 100%;
    min-width: 100%;
  }

  .kh-redenen-kh-links h2 {
    font-size: 48px;
  }

  .kh-lees-meer-img-2 {
    display: none;
  }

  .kh-snel-navigeren-inner {
    padding: 75px 20px;
  }

  .kh-footer-nieuwsbrief-input-field {
    flex-direction: column;
  }

  .kh-footer-nieuwsbrief-input-field button {
    padding-left: 15px;
    justify-content: center;
  }

  .kh-single-andere-bot-box a:last-child {
    display: none;
  }

  .kh-single-andere-bot-box a:nth-child(2) {
    border-right: 2px solid #14171e;
    border-radius: 0 8px 8px 0;
  }

  .up-sells .products {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .up-sells .products .kh-populair-item-box:last-child {
    display: flex;
  }

  .kh-footer-end {
    flex-wrap: wrap;
    row-gap: 10px;
    gap: 10px;
  }

  .kh-redenen-kh-links {
    width: 100%;
  }

  .kh-single-product-andere-modellen-right {
    flex-direction: column;
  }

  .woocommerce .woocommerce-result-count {
    display: none;
  }

  body .kh-category-filter-hook .woocommerce-ordering select {
    width: 100%;
  }

  .kh-order-notes-bot {
    width: 100%;
  }

  .kh-order-notes-bot .kh-front-element-rating {
    max-width: 100%;
    justify-content: flex-start;
  }

  .kh-front-element-static {
    height: 100dvh;
  }

  .kh-front-element-static .kh-front-element-left {
    height: 100dvh;
    margin-top: 0;
    justify-content: flex-end;
    padding-bottom: 20px;
  }

  .home .kh-front-element {
    margin-top: -90px;
  }

  .kh-order-notes-bot .kh-front-element-rating div:last-child {
    margin-left: auto;
  }

  .search-result-single img {
    width: 60px;
  }

  .kh-categorien-box {
    grid-template-columns: 1fr 1fr;
  }

  .single-product-onze-keuze-container div:last-child p {
    font-size: 14px;
  }

  .kh-category-page-filter-box:last-child {
    margin-bottom: 50px;
  }

  .mega-menu-outer .child-category-single img {
    min-height: 200px;
    height: auto;
    max-height: 100%;
  }
  .kh-redenen-kh-links h2 {
    font-size: 28px;
  }

  .kh-redenen-kh-usps .kh-redenen-kh-single h3 {
    font-size: 14px;
  }

  #offerte-gf {
    padding: 25px;
  }
}

@media (max-width: 700px) {
  .keov-container.optionselected .selector-chev {
    display:none;
  }

  .keov-options {
    max-height:350px;
  }
  
  .ervaringencontainer:before {
    display: none;
  }

  .ervaringencontainer:after {
    display: none;
  }

  .mega-menu-visueel .mega-menu-inner {
    grid-template-columns: 1fr 1fr;
  }

  .blog-content-box {
    grid-template-columns: 1fr;
  }

  .kh-blog-element-bot {
    margin-top: 20px;
  }

  .kh-redenen-kh-single-text {
    text-align: center;
  }

  .kh-timeline-line {
    width: 200px;
  }

  .woocommerce-message::before {
    left: 0;
    display: none;
  }

  .pm-method {
    max-width: 47%;
  }

  .kh-adres-popup-container.active .kh-adres-popup {
    transform: scale(0.8);
  }

  .cart-header h1 {
    font-size: 26px;
  }

  .cart-item-name a {
    width: 69%;
  }
}

@media (max-width: 560px) {
  .kh-menu-header-top-bar .kh-front-element-rating {
    display: none;
  }

  .append-usps-container-menu-header {
    width: 75%;
  }

  #woocommerce-message {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    padding: 15px;
    margin: 12px -15px;
  }

  #woocommerce-message a {
    margin-top: 10px;
  }

  .kh-redenen-kh-rechts img {
    top: -8px;
  }

  body .mega-menu-visueel .mega-menu-inner {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    gap: 15px;
  }

  body .mega-menu-visueel .mega-menu-inner a {
    max-height: 200px;
  }

  .mega-catleft-first-column {
    padding-left: 15px;
  }

  .kh-footer-top-banner-kanalen p {
    font-size: 16px;
  }

  .kh-footer-main-grid-single a {
    font-size: 13px;
  }

  .kh-footer-main-grid-single h3 {
    font-size: 16px;
  }

  .kh-footer-main-grid-single {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .kh-footer-layout {
    margin-bottom: 20px;
    margin-top: 0;
  }

  .kh-footer-nieuwsbrief-input h3 {
    font-size: 16px;
  }

  .kh-footer-top-banner-logo img {
    width: 250px;
  }

  .kh-redenen-kh-links h2 {
    font-size: 24px;
  }

  .kh-redenen-kh-usps .kh-redenen-kh-rechts {
    margin-top: 0;
  }

  .kh-redenen-kh-rechts img {
    width: 35px;
  }

  .klantenservice .kh-service-banner {
    margin-top: 15px;
  }

  .kh-timeline-line {
    width: 175px;
  }

  .archive-filter-button {
    padding: 9px 60px;
    font-size: 13px;
  }

  .woocommerce .woocommerce-breadcrumb,
  .breadcrumb-div .fa-angle-left,
  .kh-category-header {
    display: none;
  }

  .kh-category-page {
    margin-top: 10px;
  }
}

@media (max-width: 500px) {
  h1 {
    font-size: 26px;
  }

  .kh-category-page-loop {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .term-description h1 {
    font-size: 21px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 16px;
  }

  .kh-adres-popup {
    width: 100%;
  }

  .kh-account-producten-top {
    flex-direction: column;
    gap: 40px;
  }

  .woocommerce-form label {
    font-size: 14px;
  }

  .woocommerce form.login {
    border: none;
    padding-left: 0;
    padding-top: 0;
  }

  .kh-footer-layout h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
  }

  .kh-footer-main .row .col-12:first-child .kh-footer-layout:first-child {
    border-top: 1px solid white;
    padding-top: 20px;
  }

  .kh-footer-layout h3.active:after {
    transform: rotate(180deg);
  }

  .kh-footer-layout h3:after {
    content: "";
    background-image: url("img/pijl-wit-onder.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    width: 20px;
    height: 20px;
    display: inline-block;
    transition: all 0.4s;
  }

  .kh-footer-layout > div {
    display: none;
    padding-left: 15px;
    margin-top: 10px;
  }

  .kh-footer-layout {
    border-bottom: 1px solid white;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
  }

  .kh-footer-main ul {
    gap: 15px;
    margin-bottom: 0;
  }

  #gform_1 #gform_submit_button_1 {
    max-width: 100%;
    width: 100%;
    font-size: 12px;
  }

  .close-offerte {
    top: 20px;
    right: 20px;
  }

  #gform_1 #input_1_34 > div label {
    font-size: 12px;
    text-align: center;
  }

  .kh-account-producten-single-product i {
    font-size: 20px;
  }

  .mega-menu-cont {
    width: 100%;
    max-width: 100%;
  }

  .kh-timeline-line {
    width: 110px;
  }

  .kh-single-product-andere-producten,
  .kh-andere-modellen-div {
    margin-top: 50px;
  }

  .kh-single-product-prijs-no-sale p:nth-child(2) {
    font-size: 28px;
  }

  .kh-single-product-specs {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .kh-account-producten-single-product p {
    font-size: 16px;
  }

  .kh-single-product-andere-producten {
    margin-bottom: 50px;
  }

  .kh-single-product-andere-modellen-right {
    margin-top: 50px;
  }

  .woocommerce div.product div.summary {
    margin-bottom: 20px;
  }

  .adres-box-leeg {
    min-height: 100px;
  }

  .kh-blog-element-single-blog {
    height: 300px;
  }

  .kh-lees-meer-banner-tekst-inner h2 {
    font-size: 20px;
  }

  .bezorg-gegevens-box h4 {
    font-size: 16px;
  }

  .kh-lees-meer-banner-tekst-inner p {
    font-size: 14px;
    text-align: center;
  }

  .kh-redenen-kh-links .fa-angle-right {
    font-size: 15px;
  }

  .kh-single-andere-top h2 {
    font-size: 25px;
  }

  .kh-blog-element .kh-blog-element-bot a {
    white-space: nowrap;
  }

  .kh-categorien-single p {
    font-size: 16px;
  }

  .kh-redenen-kh-links a {
    margin-top: 20px;
    font-size: 14px;
  }

  .kh-lees-meer-banner-tekst a {
    font-size: 14px;
  }

  .kh-lees-meer-banner-tekst .fa-angle-right {
    font-size: 14px;
  }

  .kh-populair-single-item-img-box img {
    max-height: 190px;
  }

  .kh-populair-item-box-slider .kh-populair-single-item img {
    max-height: 250px;
  }

  .kh-aanbieding-tag p {
    font-size: 10px;
  }

  .kh-energie-label p {
    font-size: 12px;
  }

  .kh-populair-single-item-bot p {
    font-size: 15px;
  }

  body .kh-populair-single-item .kh-populair-single-item-bot i {
    font-size: 15px;
  }

  .kh-category-page-loop,
  .kh-populair-item-box {
    gap: 20px;
  }

  .kh-single-andere-top h2 {
    white-space: normal;
  }

  .verdieping-front-element .kh-front-element-link-bot {
    flex-direction: column;
  }

  .cart-top {
    align-items: normal;
  }

  body .kh-single-andere-bot-box {
    flex-direction: column;
    gap: 10px;
  }
  body .kh-single-andere-bot-box a:nth-child(1) {
    border-right: 2px solid #14171e;
    border-radius: 8px;
  }

  .kh-category-page-loop .kh-populair-item-box {
    width: 100%;
  }

  .kh-category-page-loop {
    width: 100%;
    justify-content: center;
  }

  body .kh-single-andere-bot-box a:nth-child(2),
  body .kh-single-andere-bot-box a:nth-child(3) {
    border-radius: 8px;
  }

  .kh-single-andere-bot-box a:last-child {
    display: flex;
  }

  .kh-popup-onze-keuze-inner {
    width: 330px;

  }

  .kh-single-product-andere-producten .upsells {
    grid-template-columns: 1fr;
  }

  .cart-item-name {
    font-size: 14px;
    width: 100%;
  }

  #onze-keuze .single-product-onze-keuze-container div:last-child p {
    font-size: 14px;
  }

  #onze-keuze .kh-popup-onze-keuze-close {
    right: 10px;
    top: 10px;
  }

  .kh-popup-onze-keuze-inner-tekst h3 {
    width: 96%;
  }

  body .cart-top .cart-img {
    height: 100%;
    width: 60px;
  }

  .kh-front-element-link-bot {
    grid-template-columns: 1fr;
  }

  .kh-front-element-rating-text {
    flex-wrap: wrap;
  }

  .up-sells .products {
    grid-template-columns: 1fr;
  }

  .kh-populair-single-item-bot {
    max-width: 100%;
    padding: 15px;
  }

  .kh-prod-btn {
    text-transform: capitalize;
  }

  .kh-prod-btn > span {
    display: none;
  }

  .kh-front-element-rating {
    row-gap: 10px;
  }

  .kh-snel-navigeren-single {
    flex-direction: column-reverse;
    gap: 5px;
  }

  .kh-footer-main-grid {
    grid-template-columns: 1fr;
  }

  .kh-footer-top-banner-kanalen {
    flex-wrap: wrap;
  }

  .kh-populair-head p,
  .kh-categorien-header p {
    font-size: 14px;
  }

  .kh-front-element-links a {
    font-size: 14px;
  }

  .kh-categorien-header {
    margin-bottom: 20px;
  }

  .search-result-single-text p:first-child {
    font-size: 16px;
  }

  .pm-method {
    max-width: 100%;
    padding: 10px 20px;
  }

  .method-desc {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
  }

  .pm-method img {
    margin: 0;
  }

  .betaalmethode-afrekenen {
    gap: 15px;
  }

  .cart-item-name a {
    width: 72%;
  }

  .kh-faq-single-grid-item-toggle-container {
    padding-left: 0;
  }

  .woocommerce-MyAccount-content label,
  .woocommerce-MyAccount-content span {
    font-size: 14px;
  }

  .woocommerce-MyAccount-content legend {
    font-size: 20px;
  }

  .kh-timeline-part-1 {
    margin-left: 0;
  }

  .kh-populair-single-item-prijs {
    display: block;
    width: 100%;
  }

  html #wpadminbar {
    display: none !important;
  }

  html {
    margin-top: 0 !important;
  }

  .ywraq-with-form img,
  #yith-ywraq-form table.cart .product-thumbnail {
    width: 75px !important;
    min-width: 75px;
  }

  body #yith-ywraq-form .product-quantity {
    min-width: 20px;
    width: 20px;
  }

  .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper {
    margin-bottom: 50px;
  }

  .ywraq-with-form {
    margin-top: 50px;
  }

  body .raq-send-request-row .raq-send-request, body .yith-ywraq-before-table .wc-backward, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, .return-to-shop .button.wc-backward  {
    font-size: 14px;
  }

  .ywraq-form-table-wrapper.vertical .ywraq-before-form {
    margin-top: 50px;
    margin-bottom: 50px !important;
   }
   
}

@media (max-width: 400px) {
  .kh-populair-single-prijs-on-sale bdi {
    font-size: 11px;
  }

  .kh-category-page-loop .kh-populair-single-item {
    max-width: 100%;
  }

  .kh-front-element-rating-text p {
    font-size: 12px;
  }

  .kh-account-producten-single-product div {
    padding: 30px 20px;
  }

  .site-navigation {
    padding-left: 12px;
  }

  .kh-single-andere-producten-single-box {
    grid-template-columns: 1fr;
  }

  .kh-account-producten .kh-tab-onderdelen {
    padding: 40px 20px;
  }

  .kh-account-producten-single-product {
    flex-direction: column;
  }

  .kh-account-producten-single-product img {
    width:100%;
  }

  .afrekenen-doorgaan {
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
  }

  .append-usps-container-menu-header {
    width: 100%;
  }

  .kh-populair-single-item {
    max-width: 100%;
  }

  .kh-front-element-rating-img {
    width: 80px;
    margin-left: 0;
  }

  .kh-timeline {
    transform: scale(0.9);
  }

  .cart-top {
    gap: 20px;
  }

  .cart-item-name a {
    width: 66%;
  }

  .cart-item-meta-data {
    width: 75%;
  }

  .kh-front-element-rating {
    justify-content: flex-start;
  }

  .kh-front-element-rating div:last-child {
    margin-left: auto;
  }

  .child-categorys-single-bot-inner p {
    font-size: 12px;
  }

  .kh-redenen-kh-rechts img {
    width: 35px;
  }

  .kh-redenen-kh-usps .kh-redenen-kh-single h3 {
    font-size: 12px;
  }

  .kh-front-element-rating i {
    font-size: 12px;
  }

  .kh-order-notes {
    align-items: flex-start;
  }

  .kh-snel-navigeren-single a {
    font-size: 16px;
  }

  .search-overlay-head {
    flex-direction: column-reverse;
    gap: 20px;
  }

  .kh-categorien-single {
    width: 100%;
  }

  .kh-populair-single-prijs-div {
    justify-content: space-between;
    gap: 0;
  }

  .kh-populair-single-item-bot i {
    margin-bottom: 2px;
  }

  .kh-populair-single-item-text p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .kh-populair-single-item-img-box img {
    height: 190px;
    max-height: 190px;
  }

  .kh-single-product-amount {
    flex-direction: column;
    align-items: flex-start;
  }

  .betaalmethode img {
    width: 30px;
  }

  .betaalmethode img:last-child {
    width: 40px;
  }

  .hulp {
    font-size: 12px;
  }

  .hulp a {
    font-size: 12px;
  }

  .betaal-veilig p {
    font-size: 14px;
  }

  .betaal-veilig {
    flex-direction: column;
  }
}

/* Actiepagina */
.kh-action-page {
  color: #14171e;
}

.kh-action-page__breadcrumb {
  text-align: left;
}

.kh-action-hero {
  position: relative;
  background-color: #f4f4f4;
  overflow: hidden;
}

.kh-action-hero__inner {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 470px;
}

.kh-action-hero--text-only .kh-action-hero__inner {
  min-height: 0;
}

.kh-action-hero__content {
  position: relative;
  z-index: 2;
  width: 58%;
  max-width: 760px;
  padding: 70px 40px 70px 0;
}

.kh-action-hero--text-only .kh-action-hero__content {
  width: 100%;
}

.kh-action-hero__label {
  margin-bottom: 12px;
  color: #ff6600;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.kh-action-hero h1 {
  margin-bottom: 18px;
  color: #ff6600;
  font-size: 58px;
}

.kh-action-hero__intro {
  max-width: 650px;
  color: #14171e;
  font-size: 18px;
  line-height: 1.55;
}

.kh-action-hero__intro > *:last-child {
  margin-bottom: 0;
}

.kh-action-hero__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 42px;
}

.kh-action-hero__fact {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.kh-action-hero__fact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 50%;
  background-color: #fff0e8;
  color: #ff6600;
  font-size: 22px;
}

.kh-action-hero__fact strong,
.kh-action-hero__fact span:not(.kh-action-hero__fact-icon) {
  display: block;
}

.kh-action-hero__fact strong {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 600;
}

.kh-action-hero__fact span:not(.kh-action-hero__fact-icon) {
  color: #6b7077;
  font-size: 11px;
  line-height: 1.4;
}

.kh-action-hero__image {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  margin: 0;
  transform: translateX(-50%);
}

.kh-action-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.kh-action-hero__image picture {
  display: block;
  width: 100%;
  height: 100%;
}

.kh-action-filters {
  padding: 24px 0;
  border-top: 1px solid rgba(107, 112, 119, 0.15);
  border-bottom: 1px solid rgba(107, 112, 119, 0.15);
  background-color: #f4f4f4;
}

.kh-action-filters__toggle {
  display: none;
}

.kh-action-filters__overlay {
  display: none;
}

.kh-action-filters__fields {
  display: grid;
  grid-template-columns:
    minmax(185px, 1.25fr)
    minmax(160px, 1fr)
    minmax(140px, 0.8fr)
    minmax(190px, 1fr)
    auto
    minmax(185px, 1fr);
  align-items: flex-end;
  gap: 12px;
}

.kh-action-filters__field,
.kh-action-filters__price label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  width: 100%;
  margin: 0;
}

.kh-action-filters__field > span,
.kh-action-filters__price label > span {
  color: #6b7077;
  font-size: 11px;
  font-weight: 500;
}

.kh-action-filters select,
.kh-action-filters input {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  padding: 0 38px 0 13px;
  border: 1px solid rgba(107, 112, 119, 0.2);
  border-radius: 4px;
  background-color: #fff;
  color: #14171e;
  font-family: inherit;
  font-size: 13px;
}

.kh-action-filters input {
  padding-right: 10px;
}

.kh-action-multiselect {
  position: relative;
  min-width: 0;
  width: 100%;
}

.kh-action-multiselect__label {
  display: block;
  margin-bottom: 5px;
  color: #6b7077;
  font-size: 11px;
  font-weight: 500;
}

.kh-action-multiselect__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  height: 48px;
  padding: 0 13px;
  border: 1px solid rgba(107, 112, 119, 0.2);
  border-radius: 4px;
  background-color: #fff;
  color: #14171e;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  text-align: left;
}

.kh-action-multiselect__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kh-action-multiselect__trigger .fa {
  flex: 0 0 auto;
  transition: transform 0.2s ease;
}

.kh-action-multiselect.is-open .kh-action-multiselect__trigger .fa {
  transform: rotate(180deg);
}

.kh-action-multiselect__options {
  position: absolute;
  z-index: 50;
  top: calc(100% + 5px);
  right: 0;
  left: 0;
  display: none;
  max-height: 280px;
  padding: 8px;
  overflow-y: auto;
  border: 1px solid rgba(107, 112, 119, 0.2);
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 8px 24px rgba(20, 23, 30, 0.12);
}

.kh-action-multiselect.is-open .kh-action-multiselect__options {
  display: block;
}

.kh-action-multiselect__options label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 8px;
  color: #14171e;
  cursor: pointer;
  font-size: 13px;
}

.kh-action-multiselect__options label:hover {
  background-color: #f4f4f4;
}

.kh-action-filters .kh-action-multiselect input[type="checkbox"] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  accent-color: #ff6600;
}

.kh-action-filters__price {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.kh-action-filters__price label {
  min-width: 0;
}

.kh-action-filters__field--sorting {
  margin-left: 0;
}

.kh-action-filters .kh-action-filters__field--sorting select {
  box-sizing: border-box;
  min-height: 48px;
  height: 48px;
  padding: 0 38px 0 13px;
  border: 1px solid rgba(107, 112, 119, 0.2);
  border-radius: 4px;
  background-color: #fff;
  color: #14171e;
  font-family: inherit;
  font-size: 13px;
}

.kh-action-filters__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  white-space: nowrap;
}

.kh-action-filters__actions button {
  box-sizing: border-box;
  height: 48px;
  padding: 0 20px;
  border: 2px solid transparent;
  border-radius: 4px;
  background-color: #ff6600;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.4s;
}

.kh-action-filters__actions button:hover {
  border-color: #ff6600;
  background-color: #fff;
  color: #ff6600;
}

.kh-action-filters__actions a {
  color: #6b7077;
  font-size: 12px;
  text-decoration: underline;
}

@media (min-width: 1200px) {
  .kh-action-filters__actions {
    grid-column: 6;
  }

  .kh-action-filters__field--sorting {
    grid-column: 5;
  }
}

.kh-action-products {
  padding-top: 22px;
  padding-bottom: 70px;
}

.kh-action-products__count {
  color: #6b7077;
  font-size: 12px;
  font-weight: 500;
}

.kh-action-page .kh-category-page-loop {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-top: 18px;
}

.kh-action-page--columns-3 .kh-category-page-loop {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kh-action-page .kh-category-page-loop .kh-populair-single-item {
  max-width: none;
  width: 100%;
}

.kh-action-page__admin-notice {
  margin: 30px 0 70px;
  padding: 18px 20px;
  border-left: 3px solid #ff6600;
  background-color: #f4f4f4;
  color: #14171e;
}

@media (max-width: 1199px) {
  .kh-action-hero h1 {
    font-size: 48px;
  }

  .kh-action-hero__inner {
    align-items: stretch;
    flex-direction: column;
  }

  .kh-action-hero__content {
    width: 100%;
    max-width: none;
    padding: 50px 0;
  }

  .kh-action-hero__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 30px;
  }

  .kh-action-hero__image {
    position: relative;
    top: auto;
    bottom: auto;
    left: 50%;
    z-index: 1;
    width: 100vw;
    height: 360px;
    min-height: 360px;
    margin: 0;
    transform: translateX(-50%);
  }

  .kh-action-hero__image img {
    height: 360px;
    min-height: 360px;
    object-position: center;
  }

  .kh-action-page .kh-category-page-loop {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kh-action-filters__field--sorting {
    margin-left: 0;
  }

  .kh-action-filters__fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .kh-action-hero__content {
    width: 100%;
    padding: 50px 0;
  }

  .kh-action-hero__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kh-action-filters__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 767px) {
  .kh-action-page--has-mobile-filter {
    padding-bottom: 72px;
  }

  .kh-action-page--has-mobile-filter .kh-action-filters {
    padding: 0;
    border: 0;
  }

  body.kh-action-filter-is-open {
    overflow: hidden;
  }

  .kh-action-page__breadcrumb {
    margin-top: 12px;
  }

  .kh-action-hero h1 {
    font-size: 38px;
  }

  .kh-action-hero__inner {
    align-items: stretch;
    flex-direction: column;
  }

  .kh-action-hero__content {
    width: 100%;
    max-width: none;
    padding: 42px 0;
  }

  .kh-action-hero__intro {
    font-size: 15px;
  }

  .kh-action-hero__facts {
    grid-template-columns: 1fr;
  }

  .kh-action-hero__image {
    position: relative;
    top: auto;
    bottom: auto;
    left: 50%;
    z-index: 1;
    width: 100vw;
    height: 300px;
    min-height: 300px;
    margin: 0;
    transform: translateX(-50%);
  }

  .kh-action-hero__image img {
    height: 300px;
    min-height: 300px;
    object-position: right center;
  }

  .kh-action-filters__toggle {
    display: inline-flex;
    position: fixed;
    z-index: 1001;
    right: 15px;
    bottom: 12px;
    left: 15px;
    align-items: center;
    gap: 8px;
    width: auto;
    height: 48px;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background-color: #14171e;
    box-shadow: 0 8px 24px rgba(20, 23, 30, 0.2);
    color: #fff;
    font-family: inherit;
    font-weight: 600;
  }

  .kh-action-filters__toggle[aria-expanded="true"] + .kh-action-filters__form {
    position: fixed;
    z-index: 1000;
    right: 15px;
    bottom: 72px;
    left: 15px;
    max-height: calc(100vh - 100px);
    padding: 14px;
    overflow-y: auto;
    border: 1px solid rgba(107, 112, 119, 0.2);
    border-radius: 4px;
    background-color: #f4f4f4;
    box-shadow: 0 8px 24px rgba(20, 23, 30, 0.2);
  }

  .kh-action-filters__toggle[aria-expanded="true"] ~ .kh-action-filters__overlay {
    position: fixed;
    z-index: 999;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: rgba(20, 23, 30, 0.55);
    cursor: pointer;
  }

  .kh-action-filters__toggle + .kh-action-filters__form .kh-action-filters__fields {
    display: none;
  }

  .kh-action-filters__toggle[aria-expanded="true"] + .kh-action-filters__form .kh-action-filters__fields {
    display: flex;
  }

  .kh-action-filters__fields {
    align-items: stretch;
    flex-direction: column;
    padding-top: 0;
  }

  .kh-action-multiselect__options {
    position: static;
    max-height: 240px;
    margin-top: 5px;
  }

  .kh-action-filters__field,
  .kh-action-filters__price label,
  .kh-action-filters select,
  .kh-action-filters input {
    width: 100%;
  }

  .kh-action-filters__price {
    width: 100%;
  }

  .kh-action-filters__price label {
    width: 50%;
  }

  .kh-action-filters__actions {
    justify-content: space-between;
  }

  .kh-action-page .kh-category-page-loop,
  .kh-action-page--columns-3 .kh-category-page-loop {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (max-width: 575px) {
  .kh-action-hero__content {
    padding: 38px 0;
  }

  .kh-action-hero h1 {
    font-size: 34px;
  }

  .kh-action-hero__image {
    height: 260px;
    min-height: 260px;
  }

  .kh-action-hero__image img {
    height: 260px;
    min-height: 260px;
  }
}