/* page-products.css */

/* tabs */
.tabs-wrap .pages .page {
	display: none;
}
.tabs-wrap .pages .page.active {
	display: block;
}
.home-products .tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	margin: calc(-1 * var(--space-1));
	padding-bottom: var(--space-3);
}
.home-products .tabs li {
	display: inline-block;
	padding: var(--space-1);
}
.home-products .tabs li a {
	height: 25px;
	display: inline-flex;
	align-items: center;
	padding: 0 var(--space-3);
	border-radius: var(--radius);
	background: rgba(0, 0, 0, 0.2);
	color: var(--color-black);
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
.home-products .tabs li.active a {
	color: var(--color-white);
}
.home-products .tabs li a:hover {
	background: rgba(0, 0, 0, 0.3);
}

/* products */
.products {
	margin: calc(-1 * var(--space-3));
	display: flex;
	flex-wrap: wrap;
}
.products .product,
.products .product-list {
	padding: var(--space-3);
}
.products .product-list .product-inner {
	display: flex;
	align-items: center;
  padding: 0;
	border-radius: var(--radius);
}
.products .product .stars,
.products .product-list .stars {
	font-size: .9em;
	color: var(--color-yellow);
	margin: 0 -2px;
}
.products .product .stars i,
.products .product-list .stars i {
	margin: 2px;
}
.products .product a,
.products .product-list a {
  display: block;
	text-decoration: none;
}
.products .product a:hover,
.products .product-list a:hover {
	text-decoration: underline;
	color: var(--color-black) !important;
}
.products .product .image-wrap {
	position: relative;
	overflow: hidden;
}
.products .product .image-wrap .img-wrap {
	display: block;
	position: relative;
	background: var(--color-white);
}
.products .product .image-wrap .img-wrap .sec {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: opacity .2s ease-in-out;
	padding: 10%;
}
.products .product .image-wrap .more-images {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: var(--space-2);
	background: var(--color-white);
	transition: transform .2s ease-in-out;
	transition-delay: .1s;
	border-bottom: var(--border-subtle);
	border-top: var(--border-subtle);
	transform: translate(0, 100%);
}
.products .product.has-more:hover .image-wrap .more-images {
	transform: translate(0, 0);
}
.products .product .image-wrap .more-images .images {
	margin: calc(-1 * var(--space-2));
	display: flex;
	align-items: center;
	justify-content: center;
}
.products .product .image-wrap .more-images .image-col {
	width: 25%;
	padding: var(--space-2);
}
.products .product .image-wrap .more-images .image .wrap {
	position: relative;
	padding: 5%;
	border-radius: var(--radius);
	overflow: hidden;
	cursor: pointer;
}
.products .product .image-wrap .more-images .image .wrap:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.03);
}
.products .product .image-wrap .more-images .image img {
	width: 100%;
	opacity: .6;
	transition: opacity .15s ease-in-out;
}
.products .product .image-wrap .more-images .image.active img {
	opacity: 1;
}
.products .product.has-sec:hover .image-wrap .img-wrap .sec {
	opacity: 1;
}
.products .product .buttons,
.products .product-list .buttons {
	position: absolute;
	right: var(--space-2);
	top: var(--space-2);
	z-index: 9;
	display: flex;
	align-items: center;
	margin: -6px;
	font-size: 16px;
}
.products .product .buttons .button,
.products .product-list .buttons .button {
	padding: 6px;
	opacity: .5;
}
.products .product .buttons .button.text-button,
.products .product-list .buttons .button.text-button {
	display: none;
}
.products .product:hover .buttons .button.text-button,
.products .product-list:hover .buttons .button.text-button {
	display: block;
}
.products .product:hover .buttons .button.text-button .show-btn,
.products .product-list:hover .buttons .button.text-button .show-btn {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	padding: var(--space-1) 7px;
	background: var(--color-gray);
	border-radius: calc(var(--radius) / 2);
	display: inline-flex;
	color: var(--color-white);
}
.add-to-wishlist.in-wishlist i:before {
	content: "\6c";
}
.products .product .product-inner {
	background: var(--color-white);
	border-radius: var(--radius);
	overflow: hidden;
}
.products .product .product-inner.border-allways,
.products .product-list .product-inner.border-allways {
  border: var(--border-subtle);
  transition: 0.15s all ease-in-out;
}
.products .product .product-inner.border-allways:hover,
.products .product-list .product-inner.border-allways:hover {
	box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
}
.products .product:hover .product-inner.border-on-hover,
.products .product-list:hover .product-inner.border-on-hover {
	box-shadow: var(--shadow-card);
}
.products .product .img-wrap {
	background: var(--color-white);
	position: relative;
	display: block;
	border-bottom: var(--border-subtle);
	overflow: hidden;
}
.products .product-list .img-gray .img-wrap {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--radius);
}
.products .product .img-wrap img {
	width: 100%;
  height: auto;
}
.products .product .img-gray .img-wrap,
.products .product .product-inner.no-border .img-wrap,
.products .product .product-inner.border-on-hover .img-wrap {
	border: none;
}
.products .product .img-gray .img-wrap:after,
.products .product-list .img-gray .img-wrap:after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.03);
}
.products .product-list .image-wrap {
	min-width: 200px;
	max-width: 200px;
	position: relative;
	background: var(--color-white);
  border-radius: var(--radius);
}
.products .product-list .image-wrap img {
	width: 100%;
/*   border-radius: var(--radius); */
}
.products .product .info {
	padding: var(--space-4);
}
.products .product-list .info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-self: stretch;
	padding: var(--space-4);
  flex-grow: 1;
  border-left: var(--border-subtle);
}

.products .product-list .info .info-wrap .info-top {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-6);
}
.products .product-list .info .info-wrap .info-top  .title {
	margin: 0 !important;
}

.products .product .product-inner.no-border .info {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.products .product .info .product-brand,
.products .product-list .info .product-brand {
	display: block;
	font-size: .9em;
	font-weight: 700;
}
.products .product .info .title,
.products .product-list .info .title {
	margin-bottom: var(--space-1);
	display: block;
	line-height: 1.5em;
	overflow: hidden;
}
.products .product .info .title.one-line,
.products .product-list .info .title.one-line {
	height: 1.5em;
}
.products .product .info .title.two-lines,
.products .product-list .info .title.two-lines {
	height: 3em;
}
.products .product .info .title.three-lines,
.products .product .info-list .title.two-lines {
	height: 4.5em;
}
.products .product .info .title.four-lines,
.products .product .info-list .title.four-lines {
	height: 4.5em;
}
.products .product .info .description,
.products .product-list .info .description {
	font-size: .95em;
	line-height: 1.6em;
	overflow: hidden;
	height: 4.8em;
	margin-top: var(--space-1);
}
.products .product-list .info .description {
	height: auto;
}
.products .product .info .description.one-line {
	height: 1.6em;
}
.products .product .info .description.two-lines {
	height: 3.2em;
}
.products .product .info .description.three-lines {
	height: 4.8em;
}
.products .product .info .price,
.products .product-list .info .price {
	margin-top: var(--space-2);
	font-size: 1.2em;
	font-weight: 700;
}
.products .product-list .info .price.extra-margin {
	margin-bottom: var(--space-6);
}
.products .product .info .price .old-price .price-inner,
.products .product-list .info .price .old-price .price-inner {
	margin-right: var(--space-2);
	display: inline-block;
	text-decoration: line-through;
	font-size: 90%;
}
.products .product .info .price .old-price .price-inner:empty,
.products .product-list .info .price .old-price .price-inner:empty {
	display: none;
}
.products .product .info .price .legal,
.products .product-list .info .price .legal {
	font-weight: 400;
	font-size: 11px;
	opacity: .5;
  display: none;
}
.products .product .info .price .srp,
.products .product-list .info .price .srp {
	margin-left: var(--space-1);
	font-weight: 400;
	font-size: 11px;
	opacity: .5;
}
.products .product .info .compare,
.products .product-list .info .compare {
	margin-top: var(--space-2);
	display: inline-flex;
}
.products .product .info .compare .ui.checkbox,
.products .product-list .info .compare .ui.checkbox {
	padding: 0;
}

.products .product .product-labels,
.products .product-list .product-labels {
	position: absolute;
	left: var(--space-2);
	top: var(--space-2);
	z-index: 9;
	display: flex;
	align-items: flex-start;
}
.products .product .product-labels.margin-left,
.products .product-list .product-labels.margin-left {
	right: var(--space-2);
  left: auto;
}
.products .product .product-label,
.products .product-list .product-label {
	height: auto;
	background: var(--color-gray);
	color: var(--color-white);
	font-size: .95em;
	text-transform: none;
	letter-spacing: 0.05em;
	display: inline-flex;
	align-items: center;
	padding: var(--space-1) var(--space-2);
	font-weight: 700;
	margin-right: var(--space-1);
	border-radius: var(--radius-label);
}
.products .product .product-label:empty,
.products .product-list .product-label:empty {
	display: none;
}
.products .product .product-label:last-child,
.products .product-list .product-label:last-child {
	margin-right: 0;
}
.product-labels-custom {
	position: absolute;
	color: var(--color-white);
	font-size: 1em;
  font-weight: 700;
	padding: var(--space-1) var(--space-2);
	top: var(--space-2);
  left: var(--space-2);
	border-radius: var(--radius);
	z-index: 5;
  max-width: calc(100% - 20px);
}
.product-labels-custom strong {
	font-weight: bold;
}
.product-labels-custom.right {
	left: auto;
	top: var(--space-5);
	right: var(--space-5);
}
.products .product-list .product-labels-custom.right {
	position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: fit-content;
  margin-bottom: var(--space-2);
  max-width: 100%;
}
.product-labels-custom.product-labels-custom-down {
	top: var(--space-10);
}

.products .no-products-found > div {
  font-weight: 700;
  padding-top: var(--space-3);
  padding-bottom: var(--space-6);
  border-bottom: var(--border-subtle);
}
.products .no-products-found > div p {
  margin: 0;
}
.products .no-products-found > div a {
  margin-top: var(--space-3);
}


@media (max-width: 1199px) {
	.products {
		margin: calc(-1 * var(--space-2));
	}
	.products .product {
		padding: var(--space-2);
	}
	.products .product-list .image-wrap {
		min-width: 170px;
		max-width: 170px;
	}
}

@media (max-width: 767px) {
	.products .product .info .title.four-lines {
		height: 6em;
	}
  .products .product-list .info .info-wrap .info-top {
  	gap: 0;
  }
  .products {
		margin: -7px;
	}
	.products .product,	.products .product-list {
		padding: 7px;
	}
  .products .product-list .info {
  	padding: var(--space-2);
  }
	.products .product .info {
		padding: var(--space-3);
	}
  .products .product-list .image-wrap {
		min-width: 90px;
		max-width: 90px;
	}
	.products .product-list .product-inner {
		position: relative;
	}
	.products .product-list .info .description {
		max-height: 3.2em;
	}
	.products .product-list .image-wrap {
		position: initial;
	}
  .products .product .info .price,
  .products .product-list .info .price {
		font-size: 1em;
	}
  .products .product-list .info .price.extra-margin {
  	margin-bottom: var(--space-7);
  }
  .products .product .product-label,
  .products .product-list .product-label {
  	padding: 3px 6px;
		font-size: .85em;
  }
  .product-labels-custom.right {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: fit-content;
    margin-bottom: var(--space-2);
  	max-width: 100%;
	}
}

/* quickview */
.quickview-popup {
	display: none;
}
.fancybox-slide>.quickview-popup {
	width: 100%;
	max-width: 1400px;
	padding: 0;
	padding: var(--space-10);
	border-radius: var(--radius);
	box-shadow: var(--shadow-soft);
}

@media (max-width: 1199px) {
	.quickview-popup .images-wrap {
		min-width: 300px;
		max-width: 300px;
		margin-right: var(--space-8);
	}
}

@media (max-width: 991px) {
	.fancybox-slide>.quickview-popup {
		margin: 0;
		border-radius: 0;
	}
}

/* .product-detail - general */
.product-detail {
	display: flex;
	align-items: flex-start;
}

/* .product-detail - form */
.product-detail .info .input-wrap {
	margin-right: var(--space-8);
}
.product-detail .info form {
	margin-top: var(--space-6);
}
.product-detail .info form.sample-form {
	margin-top: var(--space-3);
}

/* .product-detail - info */
.product-detail .info {
	flex-grow: 10;
}
.product-detail .info .product-info {
	display: flex;
  flex-direction: column;
}

/* .product-detail - top-info */
.product-detail .top-info .product-title {
	font-size: 1.8em;
	margin: 0;
}
.product-detail .top-info .product-brand {
	font-size: .9em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .2em;
	margin-bottom: var(--space-1);
}
.product-detail .top-info .product-code .title {
	font-weight: 400;
}
.product-detail .top-info .product-code {
	font-size: .75em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}

/* .product-detail - stock */
.product-detail .info .price-stock {
	font-size: 14px;
  margin: var(--space-6) 0 0 0;
}
.product-detail .info .stock {
  color: var(--color-gray-dark);
	font-size: .9em;
	font-weight: 700;
	letter-spacing: .1em;
	margin-bottom: 3px;
  line-height: normal;
}
.product-detail .info .stock i {
	margin-right: 7px;
}
.product-detail .stock-container {
	font-size: 14px;
  color: var(--color-gray-dark);
  margin-right: 70px;
  line-height: normal;
}
.product-detail .stock-container.simple-product {
  margin-bottom: var(--space-3);
  line-height: normal !important;
}

@media only screen and (max-width: 768px) {
  .product-detail .stock-container {
  	margin-right: 55px;
    line-height: 25px;
  }
}

/* .product-detail - cart */
.product-detail .info .cart {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.product-detail .info .cart .add-cart {
	flex-grow: 10;
}
.product-detail .info .cart .add-cart img {
	width: 25px;
	margin-left: var(--space-2);
}

/* .product-detail - delivery */
.product-detail .info .product-delivery i {
	font-size: 1.3em;
}
.product-detail .info .product-delivery {
  color: var(--color-gray-dark);
	margin-bottom: var(--space-4);
	font-size: .9em;
	font-weight: 700;
	letter-spacing: .1em;
}
.product-detail .info .product-delivery i {
	margin-right: 7px;
}

/* .product-detail - price */
.product-detail .info .price {
  display: flex;
  align-items: baseline;
	font-size: 2em;
	font-weight: 700;
  flex-wrap: wrap;
}
#productpage .new-price,
#productpage .stock .success-color,
.recent-products .recent-product .price {
  color: var(--color-primary);
}
.product-detail .info .price .size-price {
  margin: 0 0 0 8px;
  font-size: 14px;
  color: var(--color-gray-dark);
  opacity: 0.5;
}
.product-detail .info .price .old-price {
	font-size: 80%;
	opacity: .5;
	text-decoration: line-through;
	position: relative;
}
.product-detail .info .price .old-price .price-wrap {
	margin-right: var(--space-2);
}
.product-detail .info .price .old-price .price-wrap:empty {
	display: none;
}
.product-detail .info .price .new-price small,
.product-detail .info .price .old-price small {
	font-size: 50%;
	opacity: .5;
	margin-left: var(--space-1);
}
.product-detail .info .price .unit-price {
	font-size: 13px;
}
.product-detail .info .price .srp {
	font-weight: 400;
	font-size: 12px;
	margin-left: var(--space-1);
}

/* .product-detail - description */
.product-detail .info .product-description {
	line-height: 1.75em;
	font-size: .97em;
	margin-bottom: var(--space-6);
}
.product-detail .info .product-description a {
	text-decoration: underline;
}

/* .product-detail - legal */
.product-detail .legal-stock-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-detail .info .price .legal {
	font-weight: 400;
	font-size: 12px;
	opacity: .5;
  margin-left: 8px;
}
#productpage .product-detail .info .price .legal {
	opacity: 1;
	display: flex;
	align-items: center;
}
#productpage .product-detail .info .price .legal a {
	display: inline-flex;
	opacity: 1;
  text-transform: lowercase;
}
#productpage .product-detail .info .price .legal a span {
	text-decoration: underline;
}
#productpage .product-detail .info .price .legal a .fa {
	font-size: 0.85em;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: var(--radius-round);
  background: var(--color-gray-dark);
	color: var(--color-white);
	margin-left: var(--space-1);
}

@media (max-width: 767px) {
  .product-detail .info .price-stock-bottom .price .legal {
		margin-left: 8px;
  }
}

/* .product-detail - options */
.product-detail .info .product-option .options {
	margin: calc(-1 * var(--space-2));
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.product-detail .info .product-option .options .option {
	padding: var(--space-2);
	width: auto;
	flex: 1;
	min-width: 50%;
}
.product-detail .info .product-option,
.product-detail .info .product-option-container {
	margin-bottom: var(--space-6);
}
.product-detail .info .product-option label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
	/*
  font-size: .85em;
	font-weight: 700;
	letter-spacing: .1em;
	*/
  color: var(--color-gray-medium);
  margin-bottom: 7px;
  cursor: pointer;
}
.product-detail .info .product-option label .price {
	font-size: 1em;
  margin: 0 0 0 var(--space-1);
  opacity: 1;
  color: var(--color-primary);
}
.product-detail .info .product-option .ui.selection.dropdown {
	height: 50px;
	border: none !important;
	background: var(--color-gray-lighter);
	display: flex;
}
.product-detail .product-option .product-configure-variants,
.product-detail .product-option .product-configure-custom-option {
	margin-top: var(--space-4);
}
.product-detail .product-option input[type="text"] {
	outline: none;
	height: 50px;
	padding: 0 var(--space-3);
	border: none;
	border-radius: var(--radius);
	width: 100%;
	appearance: none;
	margin: var(--space-1) 0;
}
.product-detail .product-option textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 150px;
	min-height: 150px;
	outline: none;
	appearance: none;
	border: none;
	border-radius: var(--radius);
	padding: var(--space-3);
	margin: var(--space-1) 0;
}
.product-detail .info .product-option .product-variants .dropdown {
	justify-content: flex-start;
  gap: var(--space-3);
}
.product-detail .info .product-option .product-variants .dropdown .icon {
	order:1;
  font-size: 1.7em;
  margin: 0;
}
.product-detail .info .product-option .product-variants .dropdown .text {
	order: 2;
}

/* .product-detail - media (video & images) */
.product-detail .images-wrap {
	min-width: 450px;
	max-width: 450px;
	margin-right: 100px;
}
.product-detail .images {
	position: relative;
}
.product-detail .images .thumbs {
	display: flex;
	padding-top: var(--space-2);
	margin: calc(-1 * var(--space-1));
}
.product-detail .images .thumbs .item {
	width: calc(100% / 5);
	padding: var(--space-1);
}
.product-detail .images .thumbs .image img {
	width: 100%;
}
.product-detail .images .thumbs .image {
	position: relative;
}
.product-detail .images .thumbs .item .thumbs-count {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	color: var(--color-white);
	font-weight: 700;
}
.product-detail .images .product-images .owl-stage {
	display: flex;
}
.product-detail .images .product-images .item {
	height: 100%;
	margin: 0 1px;
}
.product-detail .images .image {
	background: var(--color-white);
	overflow: hidden;
	border-radius: var(--radius);
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 1px;
}
.product-detail .images .image .video-inner {
	position: relative;
	width: 100%;
  height: 100%;
}
.product-detail .images .image .video-inner a {
  display: block;
  height: 100%;
}
.product-detail .iframe-video img {
	width: 100%;
  height: 100% !important;
  object-fit: cover;
}

lite-youtube {
  background: var(--color-black);
  padding: 0 !important;
  height: 100% !important;
}

.product-detail .images .image .video-inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.product-detail .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
  transform: translate(-50%,-50%);
	display: flex;
	align-items: center;
	justify-content: center;
  width: 45px;
  height: 45px;
  background: var(--color-media);
  font-size: 2rem;
  color: var(--color-white);
  box-shadow: 0 0.3rem 0.6rem 0 #0000004d;
  border-radius: var(--radius-round);
  opacity: 0.85;
}
.product-detail .play-btn.large {
	width: 90px;
  height: 90px;
  font-size: 4rem;
}

.product-detail .images .thumbs .image {
	cursor: pointer;
	height: 100%;
}
.product-detail .images .thumbs .image img {
	height: 100%;
	object-fit: cover;
}
.product-detail .images .thumbs .image.active,
.product-detail .images .thumbs .image:hover {
	opacity: 1;
}
.product-detail .images .item.active .image.img-border {
	border-width: 2px;
  border-color: var(--color-primary);
}
.product-detail .images .image.img-border {
	border: 1px solid var(--color-gray-border);
}
.product-detail .images .image.img-border img {
  height: auto;
}
.product-detail .thumbs .image.img-border img {
  height: 100%;
}
.product-detail .images .thumbs .image i {
	z-index: 2;
}
.product-detail .images .product-thumbs {
	margin-top: var(--space-2);
}

/* .product-detail - discount */
.product-detail .info .discounts ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}
.product-detail .info .discounts ul li {
	background: var(--color-white);
	padding: var(--space-2) var(--space-3);
	border-radius: var(--radius);
	border: var(--border-subtle);
	margin-bottom: var(--space-1);
}
.product-detail .info .discounts ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.product-detail .info .discounts .discount-label {
	height: 25px;
	display: inline-flex;
	align-items: center;
	padding: 0 var(--space-2);
	border-radius: var(--radius);
	color: var(--color-white);
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	align-self: flex-start;
	white-space: nowrap;
	margin-left: var(--space-2);
}

.product-detail .korting-lines {
	margin-top: var(--space-6);
  transition: all ease .25s;
}
.product-detail .korting-lines:hover {
	box-shadow: 0 0 25px 0 rgb(0 0 0 / 10%);
}
.product-detail .korting-lines a {
	background: var(--color-white);
  color: var(--color-gray-dark);
	padding: var(--space-4);
	border-radius: var(--radius);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	font-weight: 700;
  text-decoration: none;
}
.product-detail .korting-lines a:hover {
	text-decoration: none;
}
.product-detail .korting-lines a span {
	margin: 1px 0;
}
.product-detail .korting-lines a span span {
  background: var(--color-red);
	color: var(--color-white);
	border-radius: var(--radius);
  padding: 2px 8px;
  font-size: 12px;
  margin-right: var(--space-2);
  line-height: normal;
  text-align: center;
  width: 40px;
	display: inline-block;
}

#productpage .images-wrap .product-custom-discounts {
  margin: var(--space-5) 0;
  padding: var(--space-3);
  border-radius: var(--radius);
	background: var(--color-primary-bg);
	color: var(--color-primary);
  border: 1px solid var(--color-primary);
  box-shadow: var(--shadow-card);
}
#productpage .images-wrap .product-custom-discounts ul {
	margin: 0;
  padding: 0;
  list-style: none;
}
#productpage .images-wrap .product-custom-discounts ul li {
	line-height: 24px;
  letter-spacing: 1px;
}
#productpage .images-wrap .product-custom-discounts ul li b {
	color: var(--color-primary);
}

@media (max-width: 1199px) {
	.product-detail .images-wrap {
		min-width: 350px;
		max-width: 350px;
		margin-right: var(--space-10);
	}
  
	.product-detail .info .input-wrap {
		margin-right: var(--space-4);
	}
  
  .product-detail .images .thumbs .item .thumbs-count {
		font-size: 1.7em;
	}
}

@media (max-width: 991px) {
	.product-detail {
		display: block;
	}
  
	.product-detail .images-wrap {
		margin: 0 auto;
	}
	.product-detail .images-wrap {
		min-width: auto;
		max-width: 100%;
	}
	.product-detail .images-wrap .images {
    width: 355px;
    max-width: 100%;
    margin: 0 auto;
	}
  
  .product-detail .info {
		margin-top: var(--space-6);
	}
  
	.product-detail .top-info {
		margin-bottom: var(--space-6);
	}
}

@media (max-width: 767px) {
  .product-detail .top-info {
		margin-bottom: var(--space-4);
	}
	.product-detail .top-info .product-code {
		margin-top: var(--space-2);
	}
	.product-detail .top-info .product-title,
	.product-reviews .summary .score .title {
		font-size: 1.4em;
	}
  
  .product-detail .info {
		margin-top: var(--space-4);
	}
  .product-detail .info .price-stock {
    flex-wrap: wrap;
		margin: var(--space-3) 0 0 0;
	}
	.product-detail .info .price {
		font-size: 1.5em;
    margin-bottom: var(--space-2);
	}
  .product-detail .info .cart .add-wish {
		height: 45px;
		width: 45px;
		margin-left: var(--space-2);
	}
	.product-detail .info .product-description {
		margin-bottom: var(--space-4);
	}
  .product-detail .info .product-option {
		margin-bottom: var(--space-4);
	}
	.product-detail .info form {
		margin-top: var(--space-4);
	}
  .product-detail .images-wrap {
		min-width: 100%;
		max-width: 100%;
	}	
  .product-images .owl-dots {
    margin-right: 0;
  }
}

/* input */
.input-wrap .change {
	display: flex;
	align-items: center;
}
.input-wrap .change a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	text-decoration: none;
}
.input-wrap .change a:hover {
	opacity: .5;
}
.input-wrap .change input {
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 0 var(--space-1);
	margin: 0 var(--space-2);
	background: var(--color-gray-lighter);
	border-radius: var(--radius);
}

/* productpage */
#productpage .breadcrumbs {
	margin: var(--space-4) 0;
}
#productpage .product-detail-outer {
	background: var(--color-white);
}
#productpage .product-detail-wrap {
	background: rgba(0, 0, 0, 0.03);
}
#productpage .product-detail {
	padding: var(--space-10) 0;
	padding-top: var(--space-4);
}
#productpage .product-detail .input-wrap .change input,
#productpage .product-detail .info .product-option .ui.selection.dropdown {
	background: var(--color-white);
	z-index: 50;
}
#productpage .product-detail select {
	width: 100%;
	height: 50px;
	opacity: 0;
}
#productpage .content-block {
	padding-top: var(--space-6);
}
#productpage .content-block .content-right {
	min-width: 570px;
	max-width: 570px;
	margin-left: var(--space-10);
}
.productpage-block {
	margin-top: calc(2 * var(--space-10));
}

.general-content.product-content h1 {
	font-size: 1.7em;
}
.general-content.product-content h2 {
	font-size: 1.5em;
}
.general-content.product-content h3 {
	font-size: 1.3em
}
.general-content.product-content h4 {
	font-size: 1.1em;
}
.general-content .product-content ul {
	margin-bottom: 0;
}

#productpage .content-block .content-inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

#productpage .specs,
#productpage .product-content,
#productpage .related-products,
#productpage .product-tags {
	margin-bottom: var(--space-4);
}
#productpage .product-content {
	flex-grow: 10;
}
#productpage .product-content[data-content-title="let op"] {
  background: var(--color-gray-lighter);
  padding: var(--space-4);
  border-radius: var(--radius);
  margin-bottom: var(--space-5);
  margin-top: calc(-1 * var(--space-5));
}
#productpage .product-content[data-content-title="let op"] p:last-child {
	margin: 0;
}
#productpage .product-content[data-content-title="norm"] {
/* 	background: var(--color-gray-lighter); */
  border: var(--border-subtle);
  padding: var(--space-3);
  border-radius: var(--radius);
  margin-bottom: var(--space-5);
}
#productpage .product-content[data-content-title="norm"] .title-font {
	position: relative;
  padding-left: var(--space-8);
}
#productpage .product-content[data-content-title="norm"] .title-font:before,
#productpage .product-content[data-content-title="norm"] .title-font:after {
	position: absolute;
  left: 0;
  color: var(--color-primary);
  font-family: var(--font-icon);
}
#productpage .product-content[data-content-title="norm"] .title-font:before {
  content: var(--icon-file);
  font-size: 1.25em;
  top: calc(-1 * var(--space-1));
}
#productpage .product-content[data-content-title="norm"] .title-font:after {
  content: var(--icon-check-circle-s);
  font-size: 0.75em;
  left: var(--space-3);
  top: var(--space-3);
  background: var(--color-white);
  border-radius: var(--radius-round);
  line-height: normal;
}
#productpage .product-content[data-content-title="norm"] .tip {
/* 	background: var(--color-primary-bg); */
  background: #009be30f;
  padding: var(--space-3);
  border-radius: var(--radius);
  color: var(--color-primary);
}
#productpage .product-content[data-content-title="norm"] .tip h5 {
	color: var(--color-primary);
  margin-top: 0;
}
#productpage .product-content[data-content-title="norm"] .tip strong {
	font-family: var(--font-heading);
}
#productpage .product-content[data-content-title="norm"] .tip p:last-child {
	margin: 0;
}
@media (max-width: 767px) {
  #productpage .product-content[data-content-title="norm"] {
    padding: 0;
    border: none;
    border-radius: 0;
    margin: 0;
  }
}

#productpage .info-nav-bar .info-nav br,
#productpage .content-block .title-small br,
#productpage .mobile-tabs a br {
	display: none;
}

/* info nav bar */
#productpage .info-nav-bar {
	margin-top: var(--space-4);
	padding: var(--space-2) var(--space-6);
	border-top: 1px solid var(--color-gray-border);
	border-bottom: 1px solid var(--color-gray-border);
}
#productpage .info-nav-bar .info-nav {
	display: flex;
	flex-wrap: wrap;
}
#productpage .info-nav-bar .info-nav li {
	margin: var(--space-1) 0;
}
#productpage .info-nav-bar .info-nav li:not(:last-child) {
	margin-right: var(--space-8);
}
#productpage .info-nav-bar .info-nav li a {
	font-weight: 700;
  text-decoration: none !important;
  color: var(--color-primary);
}
#productpage .info-nav-bar .info-nav li a:hover {
  text-decoration: underline !important;
}

@media (max-width: 1499px) {
	#productpage .info-nav-bar .info-nav li:not(:last-child) {
		margin-right: var(--space-6);
	}
}

#productpage .product-configure-variants {
	display: none;
}

#productpage .product-usage,
#productpage .product-proscons,
#productpage .product-customer-photos,
#productpage .product-usefull-info {
	margin-bottom: var(--space-10);
}

@media (max-width: 767px) {
  #productpage .product-detail {
		padding: var(--space-4);
		margin: 0 calc(-1 * var(--space-4));
		border-radius: 0;
		padding-top: var(--space-2);
	}
	#productpage .product-usage,
  #productpage .product-proscons,
  #productpage .product-customer-photos,
  #productpage .product-usefull-info {
		margin-bottom: 0;
	}
}

/* usage */
#productpage .product-usage .usages-outer {
	display: flex;
	flex-wrap: wrap;
	margin: calc(-1 * var(--space-1)) calc(-1 * var(--space-3));
}
#productpage .product-usage .usage-wrap {
	padding: 0 var(--space-3);
	width: 100%;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: var(--space-6);
}
#productpage .product-usage .usage-wrap li {
	display: flex;
	padding: var(--space-1) 0;
}
#productpage .product-usage .usage-wrap li i {
	margin-right: 7px;
	font-size: 1.2em;
}

/* pro's & cons */
#productpage .product-proscons ul {
	text-align: left;
}
#productpage .product-proscons li {
	display: flex;
}
#productpage .product-proscons li:not(:last-child) {
	margin-bottom: var(--space-2);
}
#productpage .product-proscons .proscons-wrap i {
	min-width: 20px;
	max-width: 20px;
	height: 20px;
	background: var(--color-gray);
	border-radius: var(--radius-round);
	display: inline-block;
	line-height: 22px;
	text-align: center;
	color: var(--color-white);
	font-size: 11px;
	margin-right: var(--space-2);
}

/* usefull info */
#productpage .product-usefull-info .links-outer {
	display: flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--space-1)) 0;
  padding: 18px;
  border-radius: var(--radius);
}
#productpage .product-usefull-info .links-outer hr {
	width: 100%;
  margin: var(--space-2) 0;
}
#productpage .product-usefull-info .links-wrap {
	display: inline-block;
  width: 100%;
}
#productpage .product-usefull-info .links-wrap li {
  display: inline-block;
  position: relative;
  padding: var(--space-1) 0;
  width: 50%;
}
#productpage .product-usefull-info .links-wrap li img {
	margin-right: var(--space-2);
  width: 17px;
  height: 17px;
}
#productpage .product-usefull-info .links-wrap li a {
	font-weight: bold;
}

/* toggle */
#productpage .product-content .toggle-content {
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: 700;
	margin-top: var(--space-2);
  color: var(--color-primary);
}
#productpage .product-content .toggle-content i {
	margin-right: var(--space-2);
}
#productpage .product-content .toggle-content:hover {
	color: var(--color-gray-dark);
}
#productpage .product-content .hidden-info {
	display: none;
}
#productpage .product-content .hidden-info.active {
	display: block !important;
}
#productpage .product-content .hidden-info.active ul {
	margin-top: calc(-1 * var(--space-2));
}

@media (max-width: 767px) {
	#productpage .product-content .hidden-info {
		margin-top: 0 !important;
	}
}

/* usp */
#productpage .images-wrap .usp-pdp-images {
	margin: var(--space-3) 0 0 var(--space-3);
}
#productpage .images-wrap .usp-pdp-images ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#productpage .images-wrap .usp-pdp-images ul li {
	font-weight: 400;
	color: var(--color-gray-medium);
	line-height: 2em;
}
#productpage .images-wrap .usp-pdp-images ul li .colored {
	font-weight: 700;
}
#productpage .images-wrap .usp-pdp-images ul li i {
	margin-right: var(--space-3);
  color: var(--color-green);
}

@media (max-width: 1199px) {
	.productpage-block {
		margin-top: var(--space-10);
	}
	#productpage .content-block .content-right {
		min-width: 500px;
		max-width: 500px;
		margin-left: var(--space-6);
	}
}

@media (max-width: 991px) {
	#productpage .images-wrap .usp-pdp-images {
		margin: var(--space-5) 0 !important;
	}
	#productpage .images-wrap .usp-pdp-images ul {
		display: flex;
		flex-wrap: wrap;
	}
	#productpage .images-wrap .usp-pdp-images ul li {
		flex: 1 1 50%;
	}
  #productpage .content-block .content-inner {
		display: block;
	}
  #productpage .content-block .content-right {
		min-width: 100%;
		max-width: 100%;
		margin-left: 0;
	}
	#productpage .specs,
	#productpage .product-content,
	#productpage .related-products,
	#productpage .product-tags {
		margin-bottom: var(--space-6);
	}
}

@media (max-width: 767px) {
  #productpage .product-content[data-content-title="let op"] {
    background: var(--color-gray-lighter);
    padding: var(--space-4);
    border-radius: var(--radius);
    margin-bottom: var(--space-5);
    margin-top: 0;
  }
  #productpage .product-detail .input-wrap .change input {
		margin: 0;
		width: 45px;
		height: 45px;
	}
  
  #productpage .specs {
		margin-top: 0;
	}
	
  #productpage .content-block {
		margin: 0;
		padding: 0;
		border: none;
	}
	
  #productpage .mobile-tabs {
		margin: 0 calc(-1 * var(--space-4));
	}
	#productpage .mobile-tabs a {
		display: block;
		border-bottom: var(--border-subtle);
		padding: var(--space-3) var(--space-4);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
  #productpage .related-products {
		text-align: left;
	}
	
  #productpage .images-wrap .usp-pdp-images ul li {
		flex: 1 1 100%;
	}
  
  #productpage .product-usefull-info .links-wrap {
		width: 100%;
	}
	#productpage .product-usefull-info .links-wrap li {
    text-align: left;
  	width: 100%;
    padding: var(--space-2) 0;
  }
}

@media (max-width: 767px) {  
	#productpage .overlay {
		height: 100%;
		position: fixed;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		left: 0;
		pointer-events: none;
		z-index: 30;
		display: none;
	}
	#productpage .product-usage .usage-wrap {
		width: 100%;
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	#productpage .product-usage .usage-wrap li {
		text-align: left;
	}
	.fancybox-slide #login-popup {
		left: 0;
		margin: 0;
		max-width: 100%;
	}
  #productpage .bulk-tabs .tab .icon {
  	width: 18px;
  }
}

/* specs */
#productpage .specs {
	font-size: .95em;
}
#productpage .specs .spec-table {
	border: var(--border-subtle);
	border-radius: var(--radius);
	overflow: hidden;
}
#productpage .specs table {
	width: 100%;
}
#productpage .specs table tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.03);
}
#productpage .specs table tr td {
	padding: var(--space-3);
}
#productpage .content-block .title-small {
  margin-top: 0;
	margin-bottom: var(--space-4);
}
#productpage .product-configure .product-configure-options {
	display: flex;
	flex-wrap: wrap;
	margin: calc(-1 * var(--space-2));
}
#productpage .product-configure .product-configure-options-option {
	flex: 1;
	min-width: 300px;
	padding: var(--space-2);
}
#productpage .product-content img {
	max-width: 100%;
	height: auto;
}
#productpage .mobile-tabs a {
	text-decoration: none;
}

@media (max-width: 767px) {
	#productpage .product-content,
	#productpage .specs {
		text-align: left;
	}
  #productpage .specs,
	#productpage .product-content,
	#productpage .related-products,
	#productpage .product-tags {
		margin: 0;
	}
  #productpage .product-content[data-content-title="tips"] ul,
  #productpage .product-content[data-content-title="norm"] ul {
  	padding-left: var(--space-2);
  }
	.product-detail .info .share-compare {
		margin-top: var(--space-4);
	}
	.product-tags {
		margin-top: 0;
	}
	.product-tags .popup-inner {
		text-align: left;
	}
}

/* products - slider */
.products-slider .owl-stage .owl-item .item {
	display: flex;
	height: 100%;
}
.products .product .product-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.products .product .info {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.products .product .info .price {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.products .product .info .price .size-price,
.products .product-list .info .price .size-price {
	font-size: 13px;
  opacity: 0.5;
  margin-top: -2px;
}
.products .unit-price {
	font-size: .75em;
	margin-bottom: auto;
}

/* bundles */
#productpage .product-bundles {
	margin-top: var(--space-10);
}
.bundles {
	margin: calc(-1 * var(--space-3));
}
.bundles .bundle {
	padding: var(--space-3);
}
.bundle .bundle-inner {
	padding: var(--space-5);
	border: var(--border-subtle);
	border-radius: var(--radius);
	overflow: hidden;
	position: relative;
}
.bundle .bundle-title {
	margin-bottom: var(--space-4);
}
.bundle-products {
	display: flex;
	flex-wrap: wrap;
	margin: -7px;
}
.bundle-products .bundle-product {
	padding: 7px;
}
.bundle-products .bundle-product .inner {
	display: flex;
	align-items: center;
}
.bundle-products .image-wrap {
	width: 80px;
	position: relative;
}
.bundle-products .image-wrap.img-gray {
	padding: var(--space-1);
	border-radius: var(--radius);
	overflow: hidden;
}
.bundle-products .image-wrap.img-gray:after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.03);
}
.bundle-products .image-wrap img {
	width: 100%;
}
.bundle-products .bundle-product .plus {
	margin-left: var(--space-3);
	display: flex;
	min-width: 20px;
	max-width: 20px;
	height: 20px;
	background: var(--color-gray-border);
	color: var(--color-white);
	border-radius: var(--radius-round);
	align-items: center;
	justify-content: center;
	font-size: 11px;
}
.bundle .bundle-info {
	padding-top: var(--space-4);
	margin-top: var(--space-4);
	border-top: var(--border-subtle);
}
.bundle .discount {
	height: 25px;
	display: inline-flex;
	align-items: center;
	padding: 0 var(--space-3);
	border-radius: var(--radius);
	background: rgba(0, 0, 0, 0.2);
	color: var(--color-white);
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	align-self: flex-start;
	margin-bottom: var(--space-3);
}
.bundle .discount:empty {
	opacity: 0;
}
.bundle .products-sum {
	font-size: .9em;
}
.bundle .bundle-info .btn {
	width: 100%;
}
.bundle .bundle-info .price-stock {
	margin: var(--space-4) 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bundle .bundle-info .stock {
	font-size: .75em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}
.bundle .bundle-info .stock i {
	margin-right: var(--space-1);
}
.bundle .bundle-info .price-box {
	font-size: .95em;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.bundle .bundle-info .price-box .old-price {
	margin-right: 7px;
	text-decoration: line-through;
	font-size: 90%;
	opacity: .7;
}
.bundle .bundle-option {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 9;
	background: var(--color-white);
	padding: var(--space-5);
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
	background: var(--color-gray-lighter);
}
.bundle .bundle-option.active {
	opacity: 1;
	visibility: visible;
}
.bundle .bundle-option-inner {
	max-width: 270px;
	width: 100%;
}
.bundle .bundle-option:empty {
	display: none;
}
.bundle .bundle-option label {
	font-size: .85em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	margin-bottom: 7px;
	display: block;
}
.bundle .bundle-option .ui.selection.dropdown {
	width: 100%;
}
.bundle .open-bundle-options {
	display: block;
	width: 80px;
	text-align: center;
	margin-top: var(--space-2);
	font-size: .85em;
	font-weight: 400;
	text-decoration: underline;
}
.bundle .product-configure-options-option,
.bundle .product-configure-variants {
	padding: var(--space-2) 0;
}
.bundle .bundle-option .title-small {
	text-align: center;
	font-size: 1.2em;
	margin-bottom: var(--space-4);
}
.bundle .bundle-option .button {
	margin-top: var(--space-4);
}
.bundles-slider .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: var(--space-4);
}
.bundles-slider .owl-dots .owl-dot {
	padding: 2px;
}
.bundles-slider .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	display: block;
	background: rgba(0, 0, 0, .07);
	border-radius: var(--radius-round);
}

@media (max-width: 991px) {
	.bundle-products .image-wrap, .bundle .open-bundle-options {
		width: 60px;
	}
	.bundle .bundle-inner {
		padding: var(--space-4);
	}
	.bundle-products .bundle-product .plus {
		margin-left: var(--space-2);
	}
}

@media (max-width: 767px) {
	#productpage .product-bundles {
		margin-top: var(--space-6);
	}
}

/* bulk - standaard */
@media screen and (max-width: 767px) {
  .bulk-table.standaard .table-heading {
  	display: none;
  }
  .bulk-table.standaard table tr:nth-child(even) {
    background: var(--color-white);
  }
  .bulk-table.standaard table tr:nth-child(odd) {
  	background: #f2f2f2;
  }
  .bulk-table.standaard td {
  	width: 50%;
    display: inline-block;
  }
  .bulk-table.standaard td.title-font {
  	width: 100%;
    display: block;
  }
  .bulk-table.standaard td.length:before,
  .bulk-table.standaard td.width:before,
  .bulk-table.standaard td.price-td:before {
  	content: attr(data-title);
    display: block;
    font-weight: normal;
    padding-right: var(--space-1);
  }
  .bulk-table.standaard td.length,
  .bulk-table.standaard td.width {
  	font-weight: bold;
  }
  .bulk-table.standaard-simple td.length {
  	width: 100%;
  }
  .bulk-table.standaard-extra td.length {
  	width: 50%;
  }
  .bulk-table.standaard td.price-td {
  	font-weight: 700 !important;
  }
  .bulk-table.standaard .input-wrap-inner input {
  	width: 75px !important;
    margin-left: auto;
  }
  .bulk-table.standaard .custom-input-wrap {
  	float: right;
  }
}

.bulk-table td.price-td.price-mobile,
.bulk-table td.stock-td.stock-mobile,
.bulk-table td.stuks.stuks-mobile {
	display: none;
}

.bulk-table td.stock-td.stock-mobile,
.bulk-table td.stuks.stuks-mobile {
  width: 100%;
  color: var(--color-primary);
  font-weight: bold;
}

/* bulk table - maatwerk */
@media screen and (max-width: 767px) {
  
  .bulk-table-outer .bulk-table table tr:nth-child(even) {
    background: var(--color-white);
  }
  .bulk-table-outer .bulk-table table tr:nth-child(odd) {
  	background: #E6EAEA;
  }
  .bulk-table-outer .bulk-table tr td {
  	display: inline-block;
  }
  .bulk-table-outer .bulk-table tr td:first-child {
  	display: block;
    width: 100%;
  }
  .bulk-table-outer .tab-page-2 .bulk-table td {
  	width: 50%;
  }
  .bulk-table-outer .bulk-table td.length {
  	font-weight: 700;
  }
  .bulk-table-outer .bulk-table.maatwerk td.length {
  	width: 100%;
  }  
  .bulk-table-outer .bulk-table td.length:before,
  .bulk-table-outer .bulk-table td.price-td:before {
  	content: attr(data-title);
    display: block;
    font-weight: normal;
    padding-right: var(--space-1);
    opacity: 0.75;
  }
  .bulk-table td.length-input-wrap {
  	width: 50%;
  }
  .bulk-table td.length-input-wrap .aantal-lengte {
  	justify-content: flex-end;
  }
  .bulk-table-outer .bulk-table td.price-td {
  	font-weight: 700 !important;
  }
  .bulk-table td.price-td.price-mobile,
  .bulk-table td.input.calc {
  	width: 50%;
  }
  .bulk-table td.price-td.price-mobile,
  .bulk-table td.stock-td.stock-mobile,
  .bulk-table td.stuks.stuks-mobile {
  	display: inline-block;
  }
  .bulk-table td.stuks.stuks-mobile {
  	width: 100% !important;
  }
  .bulk-table td.stock-td.stock-mobile i,
  .bulk-table td.stuks.stuks-mobile i{
    display: none;
  }
  .bulk-table td.stock-td.stock-mobile i.green,
  .bulk-table td.stuks.stuks-mobile i.green {
    color: var(--color-green);
  }
  .bulk-table td.input.calc label, .bulk-table td.input.no-calc label {
  	margin: 0;
  }
  .bulk-table td.input.no-calc {
  	float: right;
  }
  .bulk-table-outer .bulk-table td:last-child .custom-input-wrap {
  	float: right;
  }
  
  .stickyHeaderTable {
  	display: table-header-group !important;
  }
  .stickyHeaderTable tr {
    display: table-row;
  }
  .stickyHeaderTable th {
    top: 0;
    display: table-cell;
    z-index: 25;
    width: 100%;
  }
}

/* bulk table - custom table headers */
@media screen and (max-width: 767px) {
  tr[data-table="true"] td[data-title] {
    font-weight: bold;
  }
  tr[data-table="true"] td[data-title]:before {
   content: attr(data-title);
    display: block;
    font-weight: normal;
    padding-right: var(--space-1);
    opacity: 0.75;
    color: var(--color-gray-medium);
  }
}

#productpage .bulk-table table,
.collection-bulk-wrap .bulk-table table {
	width: 100%;
}
#productpage .bulk-table table .stock-td span
.collection-bulk-wrap .bulk-table table .stock-td span {
	color: var(--color-green);
  font-weight: bold;
  margin: 0;
}
#productpage .bulk-table .custom-input-wrap.disabled,
.collection-bulk-wrap .bulk-table .custom-input-wrap.disabled {
	opacity: 0.6;
  pointer-events: none;
}
#productpage .bulk-table .custom-input-wrap label[for="quantity"] span,
#productpage .bulk-table .custom-input-wrap label.quantity-label span,
.collection-bulk-wrap .bulk-table .custom-input-wrap label[for="quantity"] span,
.collection-bulk-wrap .bulk-table .custom-input-wrap label.quantity-label span {
	font-size: 0;
}
#productpage .bulk-table table tr th,
#productpage .bulk-table table tr td {
	padding: var(--space-2);
}

.collection-bulk-wrap .bulk-table table tr th,
.collection-bulk-wrap .bulk-table table tr td {
	padding: var(--space-1) var(--space-3);
}
#productpage .bulk-table table tr td.length,
.collection-bulk-wrap .bulk-table table tr td.length {
	white-space: nowrap;
}

@media (min-width: 767px) {
  #productpage .bulk-table table tr td.length-input-wrap,
  #productpage .bulk-table table tr th.calc,
  .collection-bulk-wrap .bulk-table table tr td.length-input-wrap,
  .collection-bulk-wrap .bulk-table table tr th.calc {
    padding: var(--space-2) 0 var(--space-2) 45px;
  }
}

#productpage .bulk-table table tr.out-of-stock,
.collection-bulk-wrap .bulk-table table tr.out-of-stock {
	opacity: 0.4;
	pointer-events: none;
}
#productpage .bulk-table table tr th,
.collection-bulk-wrap .bulk-table table tr th{
	background: var(--color-gray-darker);
	color: var(--color-white);
}

#productpage .bulk-table table tr th .th-inner,
.collection-bulk-wrap .bulk-table table tr th .th-inner {
	display: flex;
  align-items: center;
}

#productpage .bulk-table table tr th .th-inner a,
.collection-bulk-wrap .bulk-table table tr th .th-inner a {
	text-decoration: none;
  margin-left: 3px;
}

#productpage .bulk-table table tr th .th-inner i,
.collection-bulk-wrap .bulk-table table tr th .th-inner i {
  font-size: 0.85em;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: var(--radius-round);
  color: var(--color-white);
  margin-left: var(--space-1);
  background: var(--color-primary)
}

#productpage .bulk-table table tr th .th-inner i:before,
.collection-bulk-wrap .bulk-table table tr th .th-inner i:before {
  position: relative;
  top: 1px;
}

#productpage .bulk-table table tr td,
.collection-bulk-wrap .bulk-table table tr td {
	background: var(--color-white);
}
#productpage .bulk-table table tr:nth-child(odd) td,
.collection-bulk-wrap .bulk-table table tr:nth-child(odd) td {
	background: #f2f2f2;
}
#productpage .bulk-table table tr td.price-td,
.collection-bulk-wrap .bulk-table table tr td.price-td {
	font-weight: 700;
	white-space: nowrap;
  color: var(--color-gray-dark);
}
#productpage .bulk-table table tr td.price-td.price-mobile,
.collection-bulk-wrap .bulk-table table tr td.price-td.price-mobile {
  color: var(--color-gray-dark);
  font-size: 1.2em;
}
#productpage .bulk-table table tr td.price-td.price-mobile:before,
.collection-bulk-wrap .bulk-table table tr td.price-td.price-mobile:before {
	color: var(--color-gray-medium);
  font-size: 13px;
}
#productpage .bulk-table table tr td.price-td.price-mobile:before {
	content: none;
}
#productpage .bulk-table table tr td.price-td .old-price,
.collection-bulk-wrap .bulk-table table tr td.price-td .old-price{
  font-weight: normal;
  text-decoration: line-through;
  font-size: 0.9em;
  margin-bottom: -3px;
}
#productpage .bulk-table table tr td.price-td .new-price,
.collection-bulk-wrap .bulk-table table tr td.price-td .new-price {
  color: var(--color-black);
}

@media (max-width:767px) {
  #productpage .bulk-table table tr td.price-td .old-price,
	.collection-bulk-wrap .bulk-table table tr td.price-td .old-price{
  	margin-right: var(--space-2);
  }
	#productpage .bulk-table table tr td.price-td .new-price,
  .collection-bulk-wrap .bulk-table table tr td.price-td .new-price {
  	font-size: 1.2em;
  }
}

#productpage .bulk-table table tr td.price-td.price-mobile.price-bulk,
.collection-bulk-wrap .bulk-table table tr td.price-td.price-mobile.price-bulk {
  font-size: inherit;
}
#productpage .bulk-table table tr td.price-td.price-bulk .old-price,
.collection-bulk-wrap .bulk-table table tr td.price-td.price-bulk .old-price,
#productpage .bulk-table table tr td.price-td.price-bulk .calc-price,
.collection-bulk-wrap .bulk-table table tr td.price-td.price-bulk .calc-price {
  color: var(--color-gray-medium);
  opacity: 0.75;
}
#productpage .bulk-table table tr td.price-td.price-bulk .new-price,
.collection-bulk-wrap .bulk-table table tr td.price-td.price-bulk .new-price {
  color: var(--color-gray-dark);
}
#productpage .bulk-table table tr.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#productpage .bulk-table.bulk-table-new table tr td.length,
.collection-bulk-wrap .bulk-table.bulk-table-new table tr td.length{
	font-weight: bold;
}
#productpage .bulk-table.bulk-table-new table tr td.input-radio {
	width: 20px;
}
#productpage .bulk-table.bulk-table-new table tr td.input-radio label {
	padding-left: 0;
  margin: 0;
}
#productpage .bulk-table.bulk-table-new table tr td.length,
#productpage .bulk-table.bulk-table-new table tr td.length-h,
#productpage .bulk-table.bulk-table-new table tr td.width,
#productpage .bulk-table.bulk-table-new table tr td.width-h,
#productpage .bulk-table.bulk-table-new table tr td.thinkness,
#productpage .bulk-table.bulk-table-new table tr td.thinkness-h,
#productpage .bulk-table.bulk-table-new table tr td.stuks{
  white-space: nowrap;
}
.collection-bulk-wrap .bulk-table.bulk-table-new table tr td.length,
.collection-bulk-wrap .bulk-table.bulk-table-new table tr td.length-h,
.collection-bulk-wrap .bulk-table.bulk-table-new table tr td.width,
.collection-bulk-wrap .bulk-table.bulk-table-new table tr td.width-h,
.collection-bulk-wrap .bulk-table.bulk-table-new table tr td.thinkness,
.collection-bulk-wrap .bulk-table.bulk-table-new table tr td.thinkness-h,
.collection-bulk-wrap .bulk-table.bulk-table-new table tr td.stuks {
	white-space: nowrap;
}
#productpage .bulk-table.bulk-table-new table tr td.image-td:first-child {
	width: 92px;
}
#productpage .bulk-table.bulk-table-new table tr td:first-child img {
	border-radius: var(--radius);
  border: 1px solid var(--color-gray-border);
  cursor: zoom-in;
}
.bulk-table.bulk-table-new tbody tr td.break-td {
    width: 100%;
    flex-basis: 100% !important;
    height: 0 !important;
    padding: 0 !important;
}

@media (max-width: 1199px) {
  .collection-bulk-wrap .bulk-table table tr td {
  	padding: var(--space-2);
  }
}

@media (min-width: 768px) {
  #productpage .bulk-table.bulk-table-new table tr td.length-input-wrap,
  #productpage .bulk-table.bulk-table-new table tr th.calc {
    padding: var(--space-2) var(--space-3);
  }  
  .collection-bulk-wrap .bulk-table.bulk-table-new table tr td.length-input-wrap,
  .collection-bulk-wrap .bulk-table.bulk-table-new table tr th.calc {
  	padding: 7px var(--space-3);
  }
}

@media (max-width:767px) {
  #productpage .bulk-table.bulk-table-new table tr td.length,
  .collection-bulk-wrap .bulk-table.bulk-table-new table tr td.length {
  	width: 100%;
  }
  #productpage .bulk-table.bulk-table-new table tr td.input-radio {
    width: 35px;
  }  
  #productpage .custom-input-wrap,
	.collection-bulk-wrap .custom-input-wrap {
    margin-top: calc(-1 * var(--space-4));
  }
  #productpage .bulk-table.bulk-table-new table tr td.length {
  	width: 50%;
    display: inline-block;
  }
  #productpage .bulk-table.bulk-table-new table tr td.width {
  	width: 35%;
    display: inline-block;
  }
  .bulk-table.bulk-table-new thead tr {
		display: flex;
		align-items: center;
		width: 100%;
	}
	.bulk-table.bulk-table-new thead tr td {
		flex: 1;
	}
	.bulk-table.bulk-table-new tbody {
		display: flex;
		flex-direction: column;
	}
	.bulk-table.bulk-table-new tbody tr {
		display: flex;
		flex-wrap: wrap;
	}
	.bulk-table.bulk-table-new tbody tr td:not(.input-td):not(.price-td) {
		flex: 1;
	}
	.bulk-table.bulk-table-new tbody tr td.input-td,
	.bulk-table.bulk-table-new tbody tr td.price-td  {
		width: 50%;
		align-items: center;
    display: inline-flex;
	}
	.bulk-table.bulk-table-new tbody tr td.input .custom-input-wrap {
		margin: 0 !important;
    float: right;
	}
	.bulk-table.bulk-table-new tbody tr td.break-td {
		width: 100%;
		flex-basis: 100% !important;
		height: 0 !important;;
		padding: 0 !important;;
	}
  #productpage .bulk-table.bulk-table-new table tr th,
  #productpage .bulk-table.bulk-table-new table tr td,
  .collection-bulk-wrap .bulk-table.bulk-table-new table tr th,
  .collection-bulk-wrap .bulk-table.bulk-table-new table tr td {
		padding: 8px 8px;
	}
}

/* configure */
#product_configure_form {
	margin-top: var(--space-4);
}
#product_configure_form .product-configure {
	background: var(--color-white);
	padding: var(--space-3);
}
#product_configure_form .product-configure.product-configure-simple {
	background: none;
  padding: 0;
}
#product_configure_form .product-configure.product-configure-simple .product-variants {
	position: relative;
  z-index: 61;
}
#product_configure_form .product-configure label {
	position: relative;
	cursor: pointer;
  color: var(--color-gray-medium);
  font-size: 1em;
  font-weight: normal;
  letter-spacing: normal;
}
#product_configure_form .product-configure label.label-title {
	margin: 0;
  padding: var(--space-2) var(--space-3);
  background: var(--color-gray-dark);
  border: 1px solid var(--color-gray-dark);
  color: var(--color-white);
  font-family: var(--font-base);
  font-size: 14px;
  font-weight: bold;
  letter-spacing: normal;
}
#product_configure_form .product-configure.error {
	background: var(--color-red-bg);
  border: 1px solid var(--color-red);
}
#product_configure_form .product-configure.error .custom-options label {
	color: var(--color-red);
}
#product_configure_form .product-configure label em {
  padding-left: 4px;
  font-style: normal;
}
#product_configure_form .product-configure .custom-options {
	padding: var(--space-2) var(--space-3) 0 var(--space-3);
}

/* form */
#productpage .custom-input-wrap,
.collection-bulk-wrap .custom-input-wrap {
	display: flex;
}
#productpage .custom-input-wrap input,
.collection-bulk-wrap .custom-input-wrap input {
	min-width: 40px;
	max-width: 40px;
	border: 1px solid var(--color-gray-light);
	padding: 0;
	text-align: center;
  font-weight: normal;
}
#productpage .custom-input-wrap .change,
.collection-bulk-wrap .custom-input-wrap .change {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: var(--space-1);
	width: 20px;
}
#productpage .custom-input-wrap .change.change-minus,
.collection-bulk-wrap .custom-input-wrap .change.change-minus {
	margin: 0;
	margin-right: var(--space-1);
}
#productpage .custom-input-wrap .change a,
.collection-bulk-wrap .custom-input-wrap .change a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50%;
  font-size: 0;
	text-decoration: none;
  color: var(--color-primary);
}
#productpage .custom-input-wrap .change a i,
.collection-bulk-wrap .custom-input-wrap .change a i {
	font-size: 13px;
}
#productpage .custom-input-wrap label.quantity-label,
.collection-bulk-wrap .custom-input-wrap label.quantity-label {
  font-size: 0;
}
#productpage .custom-input-wrap label.quantity-label input,
.collection-bulk-wrap .custom-input-wrap label.quantity-label input { 
  font-size: 13px;
}
#productpage .bulk-table .input-wrap-inner,
.collection-bulk-wrap .bulk-table .input-wrap-inner{
	display: flex;
  align-items: center;
}
#productpage .bulk-table .input-wrap-inner input,
.collection-bulk-wrap .bulk-table .input-wrap-inner input {
	height: 40px;
  border-radius: var(--radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid var(--color-gray-light);
  width: 70px;
  position: relative;
  z-index: 1;
  outline: none;
  padding: 0 var(--space-2);
  font-weight: normal;
}
#productpage .bulk-table .input-wrap-inner span,
.collection-bulk-wrap .bulk-table .input-wrap-inner span {
	background: var(--color-gray-lighter);
  border: 1px solid var(--color-gray-light);
  height: 40px !important;
  display: flex;
  align-items: center;
  position: relative;
  right: 6px;
  padding: 0 8px 0 13px;
  border-radius: var(--radius);
  margin: 0 !important;
}
#productpage .bulk-table .input-wrap-inner.aantal-lengte input,
.collection-bulk-wrap .bulk-table .input-wrap-inner.aantal-lengte input {
	border-right: none;
  padding-right: 0;
  border: 1px solid var(--color-gray-light);
  padding-left: var(--space-3);
}
#productpage .bulk-table .input-wrap-inner.aantal-lengte span,
.collection-bulk-wrap .bulk-table .input-wrap-inner.aantal-lengte span {
	background: var(--color-gray-lighter);
  border: 1px solid var(--color-gray-light);
  font-weight: 600;
  color: var(--color-gray-medium);
}
#productpage .bulk-table table tr td.price-td .calc-price,
.collection-bulk-wrap .bulk-table table tr td.price-td .calc-price {
  font-weight: 500;
  font-size: 0.9em;
  line-height: 1em;
}

/* maatwerk */
.maatwerk-lengte.error input,
.maatwerk-lengte.error span {
  border-color: var(--color-red) !important;
}
.maatwerk-lengte.error span {
	background-color: var(--color-red-bg) !important;
}
.max-maatwerk-length {
	margin-top: 3px;
  font-size: 0.85em;
}
.max-maatwerk-length strong {
	font-weight: normal;
}
.max-maatwerk-length .max-maatwerk-title:after {
	content: ":";
  margin-right: 3px;
}
.zaagtoeslag:before {
	content: "/";
  padding-left: 4px;
  padding-right: 4px;
}
.zaagtoeslag .addition:before {
	content: ':';
  padding-right: 4px;
}

@media (max-width: 767px) {
  .td-maatwerk-title,
  .td-maatwerk-length {
    display: inline-block !important;
    width: 50% !important;
  }
  .td-maatwerk-input {
    width: 100% !important;
  }
  .max-maatwerk-title {
    display: block;
    opacity: 0.75;
  }
  .max-maatwerk-length {
  	margin: 0;
    font-size: 13px !important; 
  }
  .max-maatwerk-length strong {
  	font-weight: bold;
  }
  .max-maatwerk-length .max-maatwerk-title:after {
  	content: none;
  }
  .max-maatwerk-length .addition,
  .max-maatwerk-length .max {
    font-weight: bold;
  }
  .td-maatwerk-length .maatwerk-lengte {
    justify-content: flex-end;
  }
  .zaagtoeslag {
    display: block;
  }
  .zaagtoeslag-title {
  	opacity: 0.75;
  }
  .zaagtoeslag .addition {
  	display: block;
  }
  .zaagtoeslag:before {
  	content: none;
  }
  .zaagtoeslag .addition:before {
  	content: none;
  }
}

/* text */
.sm-product-text {
	min-height: 20px;
  color: var(--color-gray-medium);
	font-size: 0.75em;
  font-weight: normal;
	margin: var(--space-1) 0 0 0;
}

/* warning */
.warnings-stock .warning {
	background: var(--color-orange-error);
	padding: 7px var(--space-3);
	color: var(--color-white);
	font-weight: 700;
	border-radius: var(--radius);
	margin-bottom: var(--space-2);
}

/* keyframes */
@keyframes placeHolderShimmer {
	0% {
		right: 100%;
	}
	100% {
		right: -200px;
	}
}