/* 20250509110751 - v2 */
.gui,
.gui-block-linklist li a {
  color: #000000;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #666666;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #000000;
}

.gui-block-title {
  color: #000000;
  background-color: #f4fafe;
}

.gui-content-title {
  color: #000000;
}

.gui-form .gui-field .gui-description span {
  color: #000000;
}

.gui-block-inner {
  background-color: #eaf0f3;
}

.gui-block-option {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
}

.gui-block-option-block {
  border-color: #d8d8d8;
}

.gui-block-title strong {
  color: #000000;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #8c8c8c;
}

.gui ul.gui-products li {
  border-color: #b2b2b2;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #b2b2b2;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #b2b2b2;
}

.gui-block-content .gui-table {
  border-color: #d8d8d8;
}

.gui-table thead tr th {
  border-color: #8c8c8c;
  background-color: #f2f2f2;
}

.gui-table tbody tr td {
  border-color: #d8d8d8;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #000000;
  color: #000000;
  background-color: #f4fafe;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #c3c8cb;
  border-color: #000000;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #000000;
  background-color: #f4fafe;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #000000;
}

.gui-number .gui-handle a {
  background-color: #f4fafe;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
.d-flex {
  display: flex;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.flex-column {
  flex-direction: column;
}
.space-between {
  justify-content: space-between;
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: normal;
  src: url("mywebfont.eot"); /* IE9 Compat Modes */
  src: url("mywebfont.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("https://cdn.webshopapp.com/themes/181026/assets/helveticaneue-01.woff2?1")
      format("woff"),
    /* Modern Browsers */ url("https://cdn.webshopapp.com/themes/181026/assets/helveticaneue-01.ttf?1")
      format("truetype"),
    /* Safari, Android, iOS */ url("mywebfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue";
  font-style: italic;
  src: url("mywebfont.eot"); /* IE9 Compat Modes */
  src: url("mywebfont.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("https://cdn.webshopapp.com/themes/181026/assets/helveticaneue-italic-03.woff2?1")
      format("woff"),
    /* Modern Browsers */ url("https://cdn.webshopapp.com/themes/181026/assets/helveticaneue-italic-03.ttf?1")
      format("truetype"),
    /* Safari, Android, iOS */ url("mywebfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: bold;
  src: url("mywebfont.eot"); /* IE9 Compat Modes */
  src: url("mywebfont.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("https://cdn.webshopapp.com/themes/181026/assets/helveticaneue-bold-02.woff2?1")
      format("woff"),
    /* Modern Browsers */ url("https://cdn.webshopapp.com/themes/181026/assets/helveticaneue-bold-02.ttf?1")
      format("truetype"),
    /* Safari, Android, iOS */ url("mywebfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}

.product-content {
  position: relative;
  overflow: visible;
}

.module-product + .product-content {
  overflow: visible;
}

.product-content article.hide {
  max-height: 350px;
  overflow: hidden;
  transition: ease-in-out all 1s;
}

/* CS 16-04-2025 : Dynamische hoogte van productomschrijving i.c.m. reviews */
@media screen and (min-width: 768px) {
  .product-content .product-content-inner.reviews-1 .hide {
    max-height: 500px;
  }

  .product-content .product-content-inner.reviews-2 .hide {
    max-height: 650px;
  }

  .product-content .product-content-inner.reviews-3 .hide {
    max-height: 800px;
  }
}
/* Einde CS */

.product-content article {
  max-height: 10000px;
  overflow: hidden;
  transition: ease-in-out all 1s;
}

.product-content iframe {
  margin-bottom: 20px;
}

.cols-d.m70.product-content {
  padding-right: 0px;
}

.product-content article * {
  max-width: 650px;
}

.product-content article p:has(iframe) {
  max-width: unset;
  display: grid;
  grid-template-columns: repeat(2, 50%);
  gap: 1em;
}

.product-content article p:has(iframe) iframe {
  width: 100%;
  height: 320px;
  margin-bottom: 0px;
}

@media screen and (max-width: 1000px) {
  .product-content article p:has(iframe) iframe {
    height: 210px;
  }
}

@media screen and (max-width: 600px) {
  .product-content article p:has(iframe) {
    grid-template-columns: 100%;
  }

  .product-content article p:has(iframe) iframe {
    height: 300px;
  }
}

#toggle-height {
  position: absolute;
  bottom: -60px;
  left: 0px;
  background: #2b3274;
  color: #fff;
  display: block;
  max-width: fit-content;
  font-size: 16px;
  padding: 5px 10px;
}

#toggle-height:hover {
  cursor: pointer;
}

#toggle-height.d-none {
  transition: ease-out 2s all;
  opacity: 0;
}

#header-border {
  height: 1px;
  width: 100%;
  position: fixed;
  background-color: #000;
  z-index: 11;
  top: 100px;
}

p {
  /*   font-family: 'Helvetica Neue'; */
  font-weight: normal;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
.gui-page-title,
html .gui-page-title,
.gui-content-title {
  font-family: "muli";
  font-weight: 800;
}

#root {
  background-color: #f4fafe;
}

#nav > ul > li {
  margin-right: 55px;
}

#top,
#top:before {
  background-color: #f4fafe;
}

#top form p {
  margin-bottom: 0;
}

#top .inner-top-header #nav ul li a {
  display: flex;
  flex-direction: column;
  position: relative;
  height: auto;
}

#top .inner-top-header #nav {
  margin: 0;
  height: 100%;
}

#nav #main-menu {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
}

#nav #main-menu:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100vw;
  position: fixed;
  background-color: #000;
  z-index: 1;
  top: 100px;
}

#nav #main-menu .sub .menu-cat {
  margin-bottom: 10px;
}

#nav #main-menu .sub .menu-cat a {
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

#nav #top-menu {
  position: absolute;
  top: 0;
  right: 0;
}

#top {
  display: grid;
  justify-content: center;
  z-index: 10 !important;
}

#top #logo {
  position: absolute;
  top: 20px;
  height: 50px;
  left: 0;
}

#top .inner-top-middle .support-info {
  margin-left: 15px;
}

#top #top-menu {
  margin-top: 30px;
}

#top #nav > ul > li.sub > a:before {
  content: none;
}

#top #nav ul .fav a .no {
  display: none !important;
}

#top #nav ul li a .no {
  background-color: #2b3274 !important;
}

#top #nav #top-menu li a i {
  margin-bottom: 0 !important;
}

#top #nav #top-menu > li {
  margin-right: 15px;
}

#top .inner-top-middle {
  margin-top: 10px;
}

#top .inner-top-middle a.support-link {
  text-align: center;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  margin: 0 10px;
}

#top .inner-top-middle a.support-link .support-icon {
  height: 22px;
  margin-bottom: 5px;
}

#top .inner-top-middle a.support-link span {
  text-decoration: none;
  color: #000;
  font-size: 12px;
  line-height: normal;
}

#top .inner-top-header {
  height: 115px;
}

#top .inner-top-header:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100vw;
  /*   border-bottom: 1px solid #000; */
}

#top .inner-top-header #nav ul li {
  font-size: 11px;
}

#top #nav ul li a i {
  display: block;
  margin: 0 auto 5px;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
}

#top #nav ul li a .no {
  display: block;
  position: absolute;
  right: 50%;
  top: -9px;
  min-width: 19px;
  height: 19px;
  margin: 0 -26px 0 0;
  padding: 0 3px;
  border-radius: 19px;
  background: #000;
  color: var(--white);
  font-size: 12px;
  line-height: 19px;
  text-align: center;
}

.new #top form button,
.new #top form > .remove {
  height: 33px;
  top: unset;
}

#top form input {
  border: 1px solid #000 !important;
  height: 33px !important;
  border-radius: 7px !important;
  width: 300px;
}

#top form button {
  height: 33px;
}

#nav {
  justify-content: center;
}

#nav:before {
  border-bottom: none;
}

#content .banner-grid li .link-btn a {
  background-color: transparent;

  padding: 0;
  margin: 0;
  min-width: auto;
  position: relative;
  overflow: unset;
  text-transform: unset;
}

#content .banner-grid li .link-btn a:before {
  content: "";
  position: absolute;
  bottom: -5px;
  top: unset;
  left: unset;
  right: unset;
  width: 100%;
  height: 2px;
  background-color: #cb685f;
}

#content .list-big figure:before {
  background: rgb(7, 8, 33);
  background: linear-gradient(
    0deg,
    rgba(7, 8, 33, 1) 0%,
    rgba(36, 37, 59, 0.9570203081232493) 9%,
    rgba(26, 27, 50, 1) 18%,
    rgba(90, 90, 107, 0.7217261904761905) 29%,
    rgba(133, 133, 146, 0.53125) 40%,
    rgba(151, 151, 162, 0.4500175070028011) 46%,
    rgba(190, 190, 197, 0.28755252100840334) 51%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 0.44;
}

#content .home-usps .usp {
  width: 220px;
}

#content .home-usps .usp .usp-icon {
  margin-right: 12px;
}

#content .home-usps .usp .usp-icon svg {
  width: 100%;
  height: auto;
}

#content .home-usps .usp .usp-text p {
  font-size: 14px;
  line-height: normal;
  margin: 0;
}

#content .home-usps {
  padding-bottom: 2rem;
}

#content .section-6 {
  margin-bottom: 30px;
}

#content .section-6-text {
  width: 90%;
}

#content .section-6 .section-6-header {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  max-width: 600px;
}

#content .section-6.first-version .section-6-header {
  min-height: 230px;
  align-items: center;
}

#content .section-6.second-version .section-6-header {
  height: fit-content;
  padding-bottom: 2rem;
}

#content .section-6.first-version figure:before {
  content: "";
  position: absolute;
  height: 230px;
  width: 44%;
  bottom: 0;
  left: 0;
  background-color: #2b3274a8;
}

#content .section-6.second-version figure:before {
  content: "";
  position: absolute;
  height: 300px;
  width: 50%;
  bottom: 0;
  left: 0;
  background-color: #2b3274a8;
}

#content .section-6 .section-6-header h2 {
  color: #fff;
  margin: 0;
  font-size: 26px;
  display: flex;
  flex-direction: column;
  max-width: 150px;
}

#content .section-6 .section-6-header h2 span {
  line-height: normal;
}

#content .section-6 .section-6-header h2 .small {
  font-size: 30px;
  margin: 10px 0;
}

#content .section-6 .section-6-header p {
  color: #fff;
  font-size: 17px;
}

#content .section-6 .section-6-header p img {
  width: auto !important;
  height: auto !important;
  margin-bottom: 20px;
  max-width: 90% !important;
}

#content .section-6 .section-6-header a.section-6-link {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  width: fit-content;
  padding-right: 20px;
  position: relative;
  display: flex;
  align-items: center;
}

#content .section-6 .section-6-header a.section-6-link:before {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #dc615a;
  position: absolute;
  bottom: 0;
  transition: 0.3s;
}

#content .section-6 .section-6-header a.section-6-link:hover:before {
  width: 65%;
}

#content .section-6 .section-6-header a.section-6-link:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.181' height='11.365' viewBox='0 0 6.181 11.365'%3E%3Cpath id='Icon_feather-chevron-right' data-name='Icon feather-chevron-right' d='M13.5,18.244l4.371-4.622L13.5,9' transform='translate(-12.44 -7.94)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

#content .home-blog-section h2.home-blog-title {
  font-size: 56px;
}

#content .home-blog-section p.home-blog-text {
  max-width: 40%;
}

#content .list-news li.home-blog-post .date {
  color: #eb9a86;
  font-size: 12px;
  display: none;
}

#content .list-news li.home-blog-post h3 {
  font-size: 18px;
  font-weight: 800;
  display: block;
  min-height: 55px;
}

#content .list-news li.home-blog-post p {
  font-size: 15px;
  font-weight: normal;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  min-height: 110px;
  line-height: 22px;
  margin-top: 0px;
}

#content .list-news li.home-blog-post a.article-link {
  color: #dc594a;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100px;
}

#content .list-news li.home-blog-post a.article-link:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.181' height='11.365' viewBox='0 0 6.181 11.365'%3E%3Cpath id='Icon_feather-chevron-right' data-name='Icon feather-chevron-right' d='M13.5,18.244l4.371-4.622L13.5,9' transform='translate(-12.44 -7.94)' fill='none' stroke='%23dc594a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

#content .list-news li.home-blog-post a.article-link:hover:after {
  right: -5px;
}

#content .list-news figure {
  margin-bottom: 10px;
}

#content .home-blog-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#content .home-blog-section .link-more-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-right: 20px;
}

#content .home-blog-section .link-more-btn a {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #000;
  position: relative;
}

#content .home-blog-section .link-more-btn:before {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #dc615a;
  position: absolute;
  bottom: 0;
  transition: 0.3s;
}

#content .home-blog-section .link-more-btn:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.664' height='13.329' viewBox='0 0 7.664 13.329'%3E%3Cpath id='Icon_feather-chevron-right' data-name='Icon feather-chevron-right' d='M13.5,19.5l5.25-5.25L13.5,9' transform='translate(-12.086 -7.586)' fill='none' stroke='%23121129' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
}

#content .home-product-slider {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#content .home-product-slider h4 {
  font-size: 42px;
}

#content .home-product-slider p.header-text {
  font-size: 18px;
  max-width: 45%;
}

#root .list-collection .btn {
  background-color: #2b3274;
  width: 35px;
  height: 35px;
}

.list-collection .btn i {
  color: #fff;
  font-size: 18px;
}

.product-wrapper p.product-brand {
  color: #dc615a;
  font-size: 14px;
}

.product-wrapper h3 {
  margin-bottom: 2px;
}

.product-wrapper h3 a {
  font-weight: bold;
  font-size: 18px;
}

.product-wrapper p.price {
  color: #9da2a6;
  font-weight: normal;
}

.product-wrapper p.price .legal {
  display: none !important;
}

#content .home-product-slider .tabs-inner .list-collection .owl-nav button {
  width: 35px !important;
  height: 35px;
  background-color: #dc615a !important;
  opacity: 1;
  border-radius: 50px;
  top: 120px;
}

#content .home-product-slider .tabs-inner .list-collection .owl-nav button:before {
  background: none !important;
}

#content .home-product-slider .tabs-inner .list-collection .owl-nav button:after {
  color: #fff !important;
  font-size: 16px;
}

#content .home-product-slider .list-collection .owl-nav button.owl-prev {
  left: -70px;
}

#content .home-product-slider .list-collection .owl-nav button.owl-next {
  right: -70px;
}

#footer nav h3 {
  font-size: 16px;
  text-transform: uppercase;
}

.collection-header {
  position: relative;
  max-height: 480px;
  overflow: hidden;
}

.collection-header .collection-header-text-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #2b3274;
	top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
  padding-right: 45px;
  padding-left: 45px;
}

.collection-header .collection-header-text {
  max-width: 550px;
  color: #fff;
}

.collection-header .collection-header-text h1 {
  font-size: 56px;
  color: #fff;
  line-height: normal;
}

.collection-header .collection-header-img img {
  width: 100%;
}

.form-filter h5 {
  font-size: 24px;
  font-weight: bold;
}

.collection-header-img figure {
	position: unset;
}

.form-filter h5 span:before {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #dc615a;
  position: absolute;
  bottom: 0;
}

.form-filter h5 span {
  display: inline-block;
  position: relative;
}

.collection-footer span {
  color: #dc615a;
  font-weight: bold;
}

.collection-footer .link-btn {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 170px;
  margin: 0 auto;
}

.collection-footer .link-btn a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #000;
  position: relative;
  background: none;
  min-width: unset;
  margin: 0;
  padding: 0;
  text-transform: inherit;
}

.collection-footer .link-btn a:hover {
  background: none;
}

.collection-footer .link-btn:before {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #dc615a;
  position: absolute;
  bottom: -6px;
}

.collection-footer .link-btn:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.664' height='13.329' viewBox='0 0 7.664 13.329'%3E%3Cpath id='Icon_feather-chevron-right' data-name='Icon feather-chevron-right' d='M13.5,19.5l5.25-5.25L13.5,9' transform='translate(-12.086 -7.586)' fill='none' stroke='%23121129' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
}

[data-whatintent="mouse"] .link-btn a:hover:after {
  background: none;
}

.collection-content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.collection-content h2 {
  font-size: 26px;
}

.module-product header p a {
  color: #dc615a;
  font-size: 18px;
}

.module-product header h1,
.module-product header h2,
.module-product header h3,
.module-product header h4,
.module-product header h5,
.module-product header h6 {
  font-size: 30px;
  font-weight: bold;
}

.form-product .submit input {
  border-color: #2b3274;
  margin-right: 0;
  background-color: transparent;
}

button.add-to-cart-button,
a.add-bundle-btn {
  background-color: #2b3274;
  border-color: #2b3274;
  text-transform: unset;
  font-weight: normal;
}

.module-product .link-btn {
  flex-wrap: nowrap;
}

.module-product .link-btn .open-login {
  width: 60px;
  height: 50px;
  min-width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dc615a;
  background-color: #dc615a;
  padding: 0;
}

.module-product .link-btn .open-login i {
  margin: 0;
  top: 0;
}

.form-product .submit button {
  margin: 0 6px;
}

#checkoutButton {
  background-color: transparent;
  border-color: #2b3274;
  text-transform: unset;
  font-weight: normal;
  color: #000;
  opacity: 1;
  height: 50px;
}

#checkoutButton:hover {
  color: #fff;
}

.check label:before {
  border: 2px solid #070821;
  border-radius: 3px;
}

#section-reviews {
  border-top: 1px solid #07081f;
  border-bottom: 1px solid #07081f;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#section-reviews h5 {
  font-size: 50px;
}

#section-reviews .rating-a .label {
  font-weight: bold;
  font-size: 46px;
  margin-left: 15px;
}

#section-reviews .rating-a .label span {
  font-weight: bold;
  font-size: 36px;
}

.heading-rating .link-btn .b {
  background-color: #2b3274;
  color: #fff;
  border: none;
}

.heading-rating .rating-text {
  font-size: 18px;
  text-transform: unset;
}

.list-product.is-slider.slider {
  max-width: 600px;
}

.list-product.slider .owl-nav button {
  width: 35px !important;
  height: 35px;
  background-color: #dc615a !important;
  opacity: 1;
  border-radius: 50px;
}

.list-product.slider .owl-nav button:after {
  color: #fff !important;
  font-size: 16px !important;
}

.list-product.slider .owl-nav button.owl-next {
  right: -50px;
}

article.recent-products {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

article.recent-products h5 {
  font-size: 56px;
}

article.related-products {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.form-filter ul {
  max-height: 260px;
}

.form-filter li label {
  display: flex;
  align-items: center;
  margin: 0;
  height: 100%;
}

.form-filter li {
  height: 27px;
}

.form-filter li label:before,
.list-select ul label:before {
  border-color: #2b3274;
}

.form-filter li label:before,
.list-select ul label:before {
  color: #f4fafe;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-filter ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.form-filter ul::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

.form-filter ul::-webkit-scrollbar-thumb {
  background-color: #2b3274;
}

footer .double .newsletter-wrapper .newsletter-title {
  margin-bottom: 5px !important;
  text-transform: uppercase;
}

.form-newsletter input {
  border: 1px solid #fff;
  padding: 0 25px;
  width: 250px;
  font-size: 14px;
}

footer .double .newsletter-wrapper .submit-newsletter {
  background: transparent;
  border: 1px solid #fff;
  min-width: 150px;
  text-transform: none;
}

#footer .double {
  align-items: flex-end;
}

.list-social .social-text {
  margin: 0;
  color: #fff;
}

#footer .list-social li {
  display: flex;
  align-items: center;
}

.mobile-usp {
  display: none;
}

.form-sort > p {
  width: 25%;
}

.form-product .open-login {
  background-color: #2b3274;
  opacity: 1;
}

.inner-top-middle {
  position: relative;
}

.search-autocomplete {
  min-width: 500px;
  padding: 24px 12px;
}

.search-autocomplete .list-cart {
  left: 0;
  right: 0;
  top: 100%;
  z-index: 99 !important;
  margin-top: -1px;
  padding: 24px 24px 0;
  background: var(--white);
  border-top-width: 0;
}

.search-autocomplete .list-box {
  justify-content: space-between;
  margin-bottom: 0px;
}

#formSearch > div > ul.list-cart.small.m20 > li.btn > a {
  width: 100%;
}

#formSearch > div > ul.list-cart.small.m20 > li > a {
  margin: 0 10px 0 0;
}

#formSearch {
  position: relative;
  height: 38px;
  top: 30px;
}

#side-contact-wrapper {
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 10;
}

#side-contact-wrapper .side-contact .side-contact-link {
  background-color: #dc615a;
  padding: 20px;
  display: block;
  transition: 0.3s;
  position: relative;
  height: 52px;
  width: 52px;
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}

#side-contact-wrapper .side-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#side-contact-wrapper .side-contact .side-contact-link.phone {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160.05 159.72'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m160.05,23.77c-1.43,33.11-12.87,62.1-34.24,87.21-17.15,20.14-38.31,34.35-63.57,42.3-13.42,4.23-27.18,6.5-41.28,6.44-7.45-.03-11.67-3.28-13.31-10.57-2.53-11.28-4.95-22.59-7.32-33.9-1.35-6.44,1.53-12.06,7.83-14.81,11.43-4.99,22.93-9.83,34.46-14.59,5.33-2.2,10.41-.68,14.76,4.23,2.87,3.24,5.63,6.58,8.32,9.98,1.18,1.49,2.13,1.57,3.76.6,13.27-7.85,23.44-18.76,31.69-31.62.93-1.45.46-2.21-.66-3.11-3.05-2.45-6.05-4.97-9.08-7.45-6.6-5.39-7.87-10.45-4.54-18.3,4.32-10.19,8.82-20.3,12.92-30.57,2.76-6.9,10.35-11.13,17.73-9.07,9.6,2.68,19.48,4.34,29.23,6.47,5.01,1.09,9.87,2.7,11.81,8.03.99,2.73,1.02,5.82,1.49,8.74Zm-15.28,3.57c0-.97-.07-1.4.01-1.8.55-2.74-.54-3.93-3.31-4.49-8.63-1.75-17.22-3.73-25.8-5.73-1.59-.37-2.11.42-2.6,1.56-3.96,9.26-7.9,18.52-11.88,27.76-.63,1.47-.28,2.43.98,3.41,2.97,2.29,5.89,4.64,8.71,7.1,5.16,4.51,7.74,10.3,4.91,16.72-2.51,5.7-6,11.12-9.86,16.03-8.4,10.69-18.64,19.43-30.29,26.49-5.94,3.6-12.99,3.4-18.02-1.34-3.36-3.17-6.19-6.95-9.02-10.64-1.34-1.75-2.54-1.93-4.43-1.11-8.55,3.71-17.14,7.31-25.71,10.95-3.39,1.44-3.43,1.44-2.65,4.92,1.92,8.6,3.92,17.19,5.76,25.81.37,1.71,1.32,1.94,2.66,1.84,4.81-.36,9.67-.42,14.42-1.19,13.37-2.19,26.24-6.06,38.27-12.43,21.41-11.32,38.46-27.24,50.85-48.11,10.31-17.37,15.69-36.21,17.01-55.75Z'/%3E%3C/svg%3E");
}

#side-contact-wrapper .side-contact .side-contact-link.mail {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 159.8 119.93'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m79.79,119.92c-19.33,0-38.66,0-57.99,0C8.49,119.92-.02,111.3,0,97.97c.04-25.5,0-50.99.02-76.49C.02,12.72,3.54,5.87,11.68,2.23,14.84.82,18.59.12,22.07.11,60.64-.03,99.22-.02,137.8.05c9.21.02,16.58,3.54,20.34,12.46.98,2.31,1.54,4.99,1.55,7.5.11,26.58.17,53.16.05,79.73-.05,11.72-8.99,20.15-20.95,20.17-19.66.03-39.33,0-58.99,0Zm.04-104.91c-19.57,0-39.15,0-58.72,0-3.33,0-5.48,1.05-5.88,3.53-.53,3.29-2.03,7,1.28,9.74,17.33,14.32,34.69,28.59,52.07,42.84,6.32,5.18,16.45,5.3,22.71.16,16.92-13.89,33.72-27.93,50.7-41.74,2.53-2.05,3.31-4.18,3.19-7.24-.22-5.55-1.83-7.29-7.4-7.29-19.32,0-38.65,0-57.97,0ZM14.96,46.44c-.11,1.45-.22,2.18-.22,2.91,0,16.41-.02,32.82,0,49.24,0,4.83,1.78,6.5,6.76,6.5,38.91,0,77.81,0,116.72,0,5.2,0,6.89-1.67,6.9-6.89.03-16.16.02-32.33,0-48.49,0-.92-.22-1.84-.4-3.22-1.22.89-2.03,1.42-2.78,2.03-13.78,11.3-27.5,22.67-41.33,33.9-6.14,4.98-13.39,7.62-21.24,7.44-8.39-.19-15.73-3.62-22.22-9.03-12.98-10.83-26.08-21.51-39.14-32.24-.8-.66-1.69-1.2-3.04-2.15Z'/%3E%3C/svg%3E");
}

#side-contact-wrapper .side-contact .mail:hover,
#side-contact-wrapper .side-contact .phone:hover {
  width: 60px;
}

#side-contact-wrapper .side-contact .phone {
  margin-bottom: 2px;
  border-radius: 7px 0 0 0;
}

#side-contact-wrapper .side-contact .mail {
  border-radius: 0 0 0 7px;
}

#side-contact-wrapper .side-contact svg {
  width: 25px;
  height: auto;
}

#nav #top-menu .lang a img {
  margin-bottom: 0;
}

#nav #top-menu .lang ul {
  z-index: 9999;
}

#nav > ul + ul > li > a span {
  text-transform: capitalize;
}

.new #top {
  border-top: 0;
}

.banner-grid li figure {
  transition: all 0.3s;
}

.banner-grid li figure:hover {
  transform: scale(1.05);
}

#content .banner-grid li .link-btn:hover a:before {
  width: 65%;
}

#nav > ul > li > a:after {
  transition: 0.3s;
}

#content .home-blog-section .link-more-btn:hover:before {
  width: 65%;
}

.side-login-button {
  font-weight: 900;
  background-color: #2b3274;
}

.form-sort > p {
  width: auto;
}

.list-collection .img {
  border: 1px solid var(--mercury);
  transition: 0.2s;
}

.product-wrapper:hover .img {
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 20%);
}

@media screen and (max-width: 1200px) {
  #content .section-6.second-version figure:before {
    min-width: 60vw;
  }
}

@media only screen and (max-width: 1002px) {
  #nav #main-menu:before {
    display: none;
  }

  .product-content iframe {
    height: 200px;
  }

  #top-menu li a {
    border: none;
  }

  #side-contact-wrapper .side-contact .side-contact-link {
    background-color: #dc615a;
    padding: 10px;
    display: block;
    transition: 0.3s;
    position: relative;
    height: 45px;
    width: 45px;
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
  }

  #side-contact-wrapper .side-contact .mail:hover,
  #side-contact-wrapper .side-contact .phone:hover {
    /* geen hvoer op telefoon mogelijk (dus ook de size niet veranderen) */
    width: 50px;
  }

  #formSearch {
    position: absolute;
    width: 100%;
  }

  #top form input {
    width: 100%;
  }

  .new #top > form > .close {
    height: 38px;
  }

  #header-border {
    display: none;
  }
  header#top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #top > .menu {
    position: relative;
    width: auto;
    height: auto;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
  }
  #top #logo {
    position: relative;
    margin-left: unset;
    top: unset;
  }
  .inner-top-middle {
    display: none;
  }
  .new #nav > ul + ul > li {
    padding: 0;
    margin: 0;
  }

  #top #nav ul li a i {
    margin: 0;
  }

  #top .inner-top-header {
    height: auto;
    width: 100%;
  }

  #top-menu,
  #top-menu li {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #top-menu,
  #top-menu li span {
    display: none;
  }

  /*   #top-menu .lang {
    display: none !important;
  } */

  #top > .menu:before {
    position: relative;
    top: unset;
    margin: 0;
  }

  .new #top .menu {
    display: flex !important;
    align-items: center !important;
    padding-left: 8px;
  }

  #top #nav #top-menu > li {
    padding: 5px !important;
  }

  #top #nav #top-menu {
    position: unset;
  }

  #top #nav {
    padding-right: 0;
  }

  .menu-active #mobile {
    background-color: #2b3274;
  }

  #content .list-big li .bottom {
    position: absolute;
    bottom: 60px;
    top: unset;
  }

  #content .section-6 .section-6-header h2 {
    font-size: 26px;
  }

  #content .section-6.first-version .section-6-header {
    height: 180px;
    min-height: 180px;
  }

  #content .section-6.first-version figure:before {
    width: 75%;
    height: 180px;
  }

  #content .home-blog-section p.home-blog-text {
    max-width: 100%;
    text-align: left;
  }

  #content .home-blog-section h2.home-blog-title {
    text-align: left;
    font-size: 26px;
  }

  .home-blog-section .list-news {
    width: 100vw;
    overflow: scroll;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .home-blog-section .list-news li {
    width: 100%;
    min-width: 250px;
  }

  article.text-mobile-center .list-news h3,
  #content .list-news li.home-blog-post p {
    text-align: left !important;
  }

  #content .section-6.second-version figure:before {
    height: 340px;
    width: 90%;
  }

  #content .home-product-slider h4 {
    font-size: 26px;
    text-align: left;
  }

  #content .home-product-slider p.header-text {
    max-width: 100%;
    font-size: 14px;
  }

  #content .section-6 .section-6-header p {
    font-size: 14px;
  }

  .home-usps {
    display: none;
  }

  nav#mobile .title {
    color: #fff;
  }

  .mobile-usp {
    background-color: #2b3274;
    padding: 14px 0;
    display: block;
  }

  .mobile-usp .m-usp-text {
    color: #fff;
    font-size: 14px;
    line-height: normal;
  }

  .mobile-usp .m-usp-icon {
    margin-right: 10px;
  }

  .collection-header .collection-header-text-wrapper {
    width: fit-content;
    min-height: unset;
    padding: 20px;
    justify-content: flex-start;
  }

  .collection-header-text-wrapper .collection-header-text h1 {
    font-size: 26px !important;
    text-align: left;
    margin: 0 !important;
  }

  .collection-header-text p {
    font-size: 14px;
    display: none;
  }

  .collection-header-img figure {
    margin-bottom: 0;
  }

  .collection-content h2 {
    font-size: 26px;
  }

  .list-social li:first-of-type {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  footer .double .newsletter-wrapper .submit-newsletter {
    position: relative;
    min-width: 100px;
  }

  .form-newsletter input {
    width: 100%;
  }

  #formNewsletter .form-wrapper {
    display: flex !important;
    margin-bottom: 15px;
  }

  #mobile .close,
  .form-filter > .close {
    color: #fff;
  }

  #root .list-collection .btn {
    margin-top: 0;
    top: 10px;
  }

  .list-collection .btn a {
    color: #fff;
  }

  .cols-c > aside {
    background-color: #2b3274;
  }

  .form-filter h5 span,
  .form-filter li a,
  .form-filter li label,
  #root .desktop-hide,
  #root .form-filter .header:before {
    color: #fff;
  }

  .form-filter h5 span {
    font-size: 20px;
  }

  #content .link-btn .toggle-filters {
    background-color: #2b3274;
    color: #fff;
  }

  #content #section-reviews h5,
  #content article.recent-products h5 {
    font-size: 25px;
  }

  .form-product .submit button {
    margin-right: 0;
  }

  #mobile a,
  #mobile li.header > span {
    color: #fff;
  }

  #mobile ul div .menu-cat {
    margin-bottom: 0;
  }

  .tabs-b .tabs-inner {
    display: block !important;
  }

  #content .home-product-slider {
    padding-bottom: 0;
  }

  .form-filter ul {
    max-height: unset;
  }
} /* einde van media query */

@media screen and (max-width: 767px) {
  #content .section-6.second-version .section-6-title img {
    max-height: 50px;
  }
}

/* Aanpassingen 2 juni 2023 Kieran    */

/*Blogs*/

#content .home-blog-section {
  margin-bottom: 0px;
  padding-top: 2em;
  padding-bottom: 2em;
  border-top: solid 1px #2b3274a8;
}

@media screen and (min-width: 760px) {
  #footer .header-toggle {
    pointer-events: none;
    cursor: default;
  }
}

#top-menu li.cart {
  margin-right: 5px !important;
}

/*  END Aanpassingen */

/* Aanpassing 5 juni 2023 Cis
Zoom niet opnieuw renderen als muispositie binnen banner blijft */
#content .list-big.cols.banner-grid li a:before {
  pointer-events: none;
}
/* END Aanpassingen */
.collection-header {
  height: 480px;
}

.collection-header .collection-header-img img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  right: 0;
  bottom: 0;
  height: 100% !important;
  object-fit: contain;
  object-position: center;
  background: white;
}

/* Aanpassing Cis Aritkel weergave  */
/* Pijltjes vallen over de bestelinformatie  */
@media screen and (max-width: 1200px) {
  .module-product > div {
    width: 400px;
  }
}
/* Einde aanpassingen */

/* WH - Optimalisaties */
.product-content article.hide {
  position: relative;
}

.product-content article.hide::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5em;
  background: linear-gradient(0deg, #f4fafe, transparent);
}
.description-and-review {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-column-gap: 2em;
}

@media screen and (max-width: 767px) {
  .description-and-review {
    display: block;
  }
}

.description-and-review #section-reviews {
  border-top: unset;
  border-bottom: unset;
  padding-top: 0;
}

.heading-rating .link-btn {
  position: static;
}

.description-and-review #section-reviews .link-btn .b {
  text-transform: none;
  font-weight: 400;
  background-color: transparent;
  border: 1px solid #2b3274;
  color: #000;
}

.description-and-review #section-reviews .link-btn .b:hover,
.description-and-review #section-reviews .link-btn .b:focus {
  color: #fff;
}

#toggle-height {
  padding: 5px 20px;
}

#top::before {
  box-shadow: rgba(255, 255, 255, 0.25) 0px 6px 12px -2px, rgba(141, 141, 141, 0.3) 0px 3px 7px -3px;
}

#trusted_rating {
  padding: 10px;
  background-color: #FFF;
}

.trusted_ratings-container {
  display: flex;
  align-items: center;
  gap: 1em;
  justify-content: center;
}

.trusted_ratings-container .rating-text {
  font-size: 0.9rem;
}

#trusted_rating a  {
  text-decoration: none;
}

#trusted_rating .star-container {
  height: 20px;
  display: flex;
}

#trusted_rating .star-container i {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  display: block;
  position: relative;
}

#trusted_rating .star-container i::before {
  background-image: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0ic3RhciIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8cG9seWdvbiBmaWxsLW9wYWNpdHk9IjAuMyIgZmlsbD0iI0ZFQ0Q1OCIgaWQ9IlN0YXItU2hhcGUiIHBvaW50cz0iMzkuMjMwMDEzNCA0OCAzMy40Nzc4OTk3IDI5LjY4NzAzOTMgNDggMTguMjYzNDE0NiAyOS44NTc3NDg2IDE4LjI2MzQxNDYgMjQgMCAxOC4xNDIyNTE0IDE4LjI2MzQxNDYgMi4wODE2NjgxN2UtMTcgMTguMjYzNDE0NiAxNC41MjIxMDAzIDI5LjY4NzAzOTMgOC43Njk5ODY1NyA0OCAyNCAzNi45MDM4MDc3Ij48L3BvbHlnb24+PC9zdmc+");
}

#trusted_rating .star-container i.fas.fa-star::after {
  background-image: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0ic3RhciIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8cG9seWdvbiBmaWxsPSIjRkVDRDU4IiBpZD0iU3Rhci1TaGFwZSIgcG9pbnRzPSIzOS4yMzAwMTM0IDQ4IDMzLjQ3Nzg5OTcgMjkuNjg3MDM5MyA0OCAxOC4yNjM0MTQ2IDI5Ljg1Nzc0ODYgMTguMjYzNDE0NiAyNCAwIDE4LjE0MjI1MTQgMTguMjYzNDE0NiAyLjA4MTY2ODE3ZS0xNyAxOC4yNjM0MTQ2IDE0LjUyMjEwMDMgMjkuNjg3MDM5MyA4Ljc2OTk4NjU3IDQ4IDI0IDM2LjkwMzgwNzciPjwvcG9seWdvbj48L3N2Zz4=");
}

#trusted_rating .star-container i.fas.fa-star-half::after {
  width: 50%;
  background-image: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0ic3RhciIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICA8cG9seWdvbiBmaWxsPSIjRkVDRDU4IiBpZD0iU3Rhci1TaGFwZSIgcG9pbnRzPSIzOS4yMzAwMTM0IDQ4IDMzLjQ3Nzg5OTcgMjkuNjg3MDM5MyA0OCAxOC4yNjM0MTQ2IDI5Ljg1Nzc0ODYgMTguMjYzNDE0NiAyNCAwIDE4LjE0MjI1MTQgMTguMjYzNDE0NiAyLjA4MTY2ODE3ZS0xNyAxOC4yNjM0MTQ2IDE0LjUyMjEwMDMgMjkuNjg3MDM5MyA4Ljc2OTk4NjU3IDQ4IDI0IDM2LjkwMzgwNzciPjwvcG9seWdvbj48L3N2Zz4=");
}

#trusted_rating .star-container i::before {
  z-index: 1;
}

#trusted_rating .star-container i::after {
  z-index: 2;
}

#trusted_rating .star-container i::before,
.star-container i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
}

.collection-header-img figure {
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  div[id^="trustbadge-container-"] div[id^="minimized-trustbadge-"] {
    transition: inset 250ms ease-in-out !important;
  }
  .cart-active div[id^="trustbadge-container-"] div[id^="minimized-trustbadge-"] {
    inset: auto 20px 210px auto !important;
  }
}

.list-collection .label,
.list-product .label,
.list-slider .label {
  display: flex;
}

.list-collection .btn i {
  padding-top: 1%;
}

.list-collection form {
  left: auto;
  opacity: 1;
  visibility: visible;
}

.list-collection .add-size-to-cart {
  font-size: 0px;
  width: 45px !important;
  height: 45px;
  right: 0;
  bottom: 0;
  min-width: auto;
  border-radius: 50%;
}

.list-collection .add-size-to-cart::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill=%0A'%23FFF' d='M175.1 416c-26.51 0-47.1 21.49-47.1 48S149.5 512 175.1 512s47.1-21.49 47.1-48S202.5 416 175.1 416zM463.1 416c-26.51 0-47.1 21.49-47.1 48s21.49 48 47.1 48s47.1-21.49 47.1-48S490.5 416 463.1 416zM569.5 44.73c-6.109-8.094-15.42-12.73-25.56-12.73H121.1L119.6 19.51C117.4 8.189 107.5 0 96 0H23.1C10.75 0 0 10.74 0 23.1C0 37.25 10.75 48 23.1 48h52.14l60.28 316.5C138.6 375.8 148.5 384 160 384H488c13.25 0 24-10.75 24-23.1C512 346.7 501.3 336 488 336H179.9L170.7 288h318.4c14.28 0 26.84-9.479 30.77-23.21l54.86-191.1C577.5 63.05 575.6 52.83 569.5 44.73zM477 240H161.6l-30.47-160h391.7L477 240z'/%3E%3C/svg%3E");
}

[class*="cols"] .list-collection button {
  min-width: auto;
}

.list-collection .add-size-to-cart:hover::before {
  transform: rotate(-5deg) translateY(-2px);
}

@media only screen and (max-width: 25em) {
  #root .list-collection button {
    min-width: auto;
  }
}

.form-product button.add-to-cart-button,
.form-product a.add-bundle-btn {
  background-color: var(--addtocartbutton);
  border-color: var(--addtocartbutton);
}

.list-comments.a h3 {
  display: block;
  margin: 0;
  padding: 0;
}

.list-comments.a li {
  display: flex;
  padding: 0;
  margin-top: 0;
  position: relative;
  flex-direction: column;
  gap: 0.5em;
  padding: 0.5em;
}

.list-comments.a p {
  display: block;
}

.list-comments.a li:before {
  left: 0;
  top: -1px;
  bottom: 0;
}

.list-comments.a {
  display: block;
  max-height: 540px;
  overflow-y: scroll;
}

.rating-a.strong .rating > * {
  width: 25px;
  height: 25px;
}

@media only screen and (max-width: 62.5em) {
  .list-comments.a {
    max-height: unset;
  }
}

@media only screen and (max-width: 47.5em) {
  .rating-a.strong .rating {
    width: 152px;
    height: 25px;
  }
  .description-and-review #section-reviews {
    margin-top: 80px;
  }
  .list-comments.a {
    max-height: unset;
    margin: 0;
  }
  .list-comments.a li:before {
    content: unset;
  }
}

.list-collection {
  align-items: stretch;
}

@media screen and (max-width: 350px) {
  #root .list-collection li,
  .list-catalog li,
  .list-catalog.small-images li,
  .list-catalog.medium-images li {
    width: 25%;
  }
}

.nav-pagination li {
  margin-left: 0;
  margin-right: 0.5em;
}

.nav-pagination li a {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

#addto-qty {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}

#addto-qty > .qty-options {
  flex: 1;
}

#addto-qty > .qty-options input {
  margin-bottom: 0;
}

#addto-qty > button {
  flex: 2;
  margin-top: 0;
  padding: 13px 30px;
}

.form-product {
  position: relative;
}

.form-product .open-login {
  display: block;
  width: 3em;
  height: 3em;
  margin-top: 10px;
  background-color: transparent;
  text-decoration: unset;
  position: absolute;
  top: 0;
  right: 0;
}

.form-product .open-login .icon-heart-outline {
  display: block;
  width: 3em;
  height: 3em;
  text-align: center;
  line-height: 3em;
}

.form-product .open-login .icon-heart-outline::before {
  font-size: 20px;
}

.product-content-inner {
  font-size: 1rem;
}

@media screen and (max-width: 1002px) {
  .collection-header .collection-header-img img {
    position: relative;
    width: 100%;
    max-height: 240px;
    left: 0;
  }
  .collection-header .collection-header-text-wrapper {
    position: relative;
    width: auto;
    text-align: center;
  }
  .collection-header {
  	height: auto;
  }
  .collection-header-text p {
    display: block;
    text-align: left;
    margin-top: 10px;
  }
}

/* Fancybox */
.fancybox-bg {
    background: rgba(0,0,0,0.5) !important;
}

/* Slide cart */
/* Verder met winkelen knop */
a.btn.close:before {
    content: unset !important;
}
a.btn.close:after {
    content: unset !important;
}
a.btn.close {
    height: auto !important;
    text-indent: unset !important;
    text-align: center !important;
    font-size: unset !important;
    color: #000000 !important;
    width:100% !important;
    background-color: #00000000 !important;
    border-color: #000000 !important;
}
a.btn.close:hover {
    background-color:#000000 !important;
    color: #ffffff !important;
}

/* Vorige / Volgende knop Bestelproces - GUI Buttons */
.gui-buttons .gui-right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
}
.gui-checkout .gui-form .gui-right a {
    width: fit-content;
}
.gui-buttons .gui-right a+a {
    margin-left: 1rem !important;
}
.gui-checkout .gui-form .gui-right a:last-child {
    background-color: #ff6602 !important;
    border-color: #ff6602 !important;
}

/* Missende velden in checkout form */
.gui-validate-error {
    background-color: rgba(200, 8, 5, 0.2) !important;
}

div[id^="trustbadge-container"] > div > button {
    bottom: 220px !important;
    top: auto !important;
}