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

.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: #848484;
}

.gui a {
  color: #030303;
}

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

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

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

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

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

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

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

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

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

.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: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.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: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

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

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

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

.gui-progressbar {
  background-color: #ff8010;
}

/* custom */
/* Algemeen */
.ytp-chrome-top, .ytp-chrome-bottom {
 display: none!important; 
}

html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}
.home-module.mod-textblock-b ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 8px 0px 8px 0px; /* Remove margins */
  font-family: 'Bebas Neue';
  font-size: 20px;
}

.button.with-icon {
    font-family: bebas neue;
    font-size: 20px;
    padding: 7px 20px 4px 20px;
  	transition: background-color .3s ease;
}

.button.with-icon:hover .icon-arrow-right {
  transform: translateY(-50%);
}
.button.with-icon:hover .icon-arrow-right::before {
  background-color: #ffffff;
  border-radius: 100px;
}
.button.with-icon:hover .icon-arrow-right {
  color: var(--button-bg-color);
}
.button-with-icon.icon-arrow-right::before {
  transition: background-color .3s ease;
}
.icon-arrow-right::before, .icon-arrow-left::before {
    border: solid 1.5px white;
    padding: 6px;
    border-radius: 100px;
    font-size: 16px;
}
.button.with-icon i {
    right: 7px!important;
  	transition: color .3s ease;
}
.banner-title, h2 {
    font-size: 3.6em;
  	line-height: 46px!important;
}

h2 {
    font-size: 2.6em;
}

h3.headline {
  font-size: 33px;
}

body.usp-carousel-pos-top:not(.page-checkout) {
  	padding-top: 175px!important;
}

.usp-bar-top .usp-carousel-item {
  justify-content: flex-start;
  padding: 0px;
}

#cart-qty {
	background: none; 
}

#cart-qty::after {
	content: "";
	position: absolute;
  left: 0px;
  top: -2px;
  height: 22px;
  width: 18px;
	background-image: url("https://cdn.webshopapp.com/shops/349842/files/431701645/group-433.svg");
  	z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



/* Fix for z-index and responsive search */
#header-content {
  z-index: 800;
}
#search-results {
  margin-left: unset;
  transform: unset;
}


/* Button */
.button-black.with-icon {
    font-size: 16px;
}
.home-module.mod-products-a .icon-arrow-right:before, {
    border: none;
    padding: 8px;
    font-size: 14px;
    background: #000;
    color: #fff;
  	margin-left: 10px;
}

/* Header */
#header-fancy-cart:before {
  	background: none;
}
#header-holder {
  	background: #272525cc;
}

#header-holder.headerscrolled {
  backdrop-filter: blur(10px);
}

.subheader-holder, .subheader-holder.header-has-shadow {
  background: none;
  box-shadow: none;
}
/* Navbar header */
#main-categories-button .icon-arrow-right {
  transform: rotate(90deg);
  line-height: unset;
  margin-left: 8px;
  transition: transform .3s ease;
}
#main-categories-button .icon-arrow-right::before {
  transition: background-color .3s ease, color .3s ease;
}
#main-categories-button:hover .icon-arrow-right::before, #main-categories-button.active .icon-arrow-right::before {
	background-color: #fff;
  color: var(--button-bg-color);
}

#main-categories-button.active .icon-arrow-right {
   transform: rotate(270deg);
}

@media (min-width: 991px) {
  #home-slider-holder {
      margin-top: -140px!important;
  }
  .logo, .headerscrolled .logo {
    max-width: 100%;
    max-height: 40px;
	}
  #cart-qty {
    top: -1px;
    right: 6px;
    z-index: 1;
	}
  .nav-main-sub-mega .nav-main-sub-item.columns-4 {
    columns: 4 auto;
  }
}

@media (max-width: 991px) {
  #home-slider-holder {
      margin-top: -140px!important;
  }
  .logo, .headerscrolled .logo {
    max-width: 100%;
    max-height: 31px;
	}
}

.home-module.mod-slider.full-width {
   	height: 80vh;
}
#main-categories-button, .subheader-links.d-none.d-lg-block.custom-scrollbar.left{
    font-family: 'Bebas Neue';
    font-size: 18px;
}
.stars.d-none.d-sm-flex.align-items-center.text-right.mr-1 {
  font-size: 12.88px;
}

/* Slider */
@media (max-width: 768px) {
#home-slider .banner-content-holder {
    padding: 50px 25px!important;
  }
#home-slider .slider-content .banner-title {
  	font-size: 60px!important;
  	line-height: 72px!important;
  }
}
@media (min-width: 768px) {
#home-slider .slider-content .banner-title {
    font-size: 11vh;
  	line-height: 12vh!important;
  }
#home-slider-holder .banner-img, .homepage-slider-img {
  object-position: top center;
  }
}
@media (max-width: 400px) {
	.banner-content {
    align-items: center !important;
    padding-top: 30px;
  }
}
.slider-height-xl .swiper-slide {
    min-height: 90vh;
    max-height: 90vh;
}
.home-module.mod-slider.full-width {
    height: 90vh;
}

.slider-with-overlays .banner-content-holder {
    background: rgb(0,0,0)!important;
		background: linear-gradient(0deg, rgba(0,0,0,0.7973564425770308) 0%, rgba(0,0,0,0.07746848739495793) 65%)!important;
}

#home-slider .banner-content-holder .banner-text {
  max-width: 100%;
}
#home-slider-holder {
  position: relative;
}
/* Hero cta */
.hero-cta__container {
  position: absolute;
  margin: 0 auto;
  max-width: 1290px;
  width:100%;
  bottom: 0;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
.hero-cta {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  transform: translateY(50%);
}
.hero-cta:hover .hero-cta__text {
  background-color: var(--button-bg-color-hover)
}
@media (max-width: 1199.98px) { 
  .hero-cta { 
		right: 15px;
  }
}
.hero-cta__image {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: -70px;
  transform: translateY(-50%);
}
@media (max-width: 767.98px) { 
  .hero-cta__image { 
		height: 80px;
    width: 80px;
    left: -60px;
  }
}
.hero-cta__text {
  background-color: var(--button-bg-color);
  border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;
  color: #ffffff;
  padding: 12px 20px 12px 30px;
  transition: background-color .3s ease;
}
@media (max-width: 767.98px) { 
  .hero-cta__text { 
		font-size: 13px;
  }
}

.hero-cta__title {
	color: #ffffff;
}
@media (max-width: 767.98px) { 
  .hero-cta__title { 
		font-size: 17px;
  }
}


/* Categories */

/* Products slider homepage */
#home-categories-circles .swiper-slide:not(.swiper-slide-visible) {
  pointer-events: none;
	opacity: .5;
}
.slider-arrows .icon-arrow-right {
  margin-left: 10px;
}
.slider-arrows .icon-arrow-left, .slider-arrows .icon-arrow-right {
	background-color: var(--body-text-color);
  color: #ffffff;
	cursor: pointer;
  border: 0;
	text-align: center;
  border-radius: 100px; 
  font-size: 16px;
  height: 32px;
  width: 32px;
  line-height: 32px;
  transition: background-color .3s ease;
}
.slider-arrows .icon-arrow-left::before , .slider-arrows .icon-arrow-right::before {
	border: 0;
  padding: unset;
  border-radius: unset;
  font-size: unset;
}
.slider-arrows .icon-arrow-left:hover, .slider-arrows .icon-arrow-right:hover  {
  background-color: var(--body-text-color-080);
}

@media (min-width: 768px) {
.banner-holder-full-width {
    height: auto;
  }
.home-module.mod-categories .container.text-center.mt-1 {
    max-width: 50%;
}
}
#home-categories-circles .home-category-img {
    border-radius: 20%;
    width: 100%;
    max-width: 100%;
}
#home-categories-circles .home-category-title {
    font-size: 20px;
    font-family: 'Bebas Neue';
}
.swiper-slide.swiper-slide-active, .swiper-slide.swiper-slide-next, .swiper-slide {
  	margin-right: 10px!important;
}

.home-module.mod-categories.mt-5 {
  	margin-bottom: 75px;
}

/* Nodig voor mobiel, anders ontstaat er wit ruimte naast de container */
.home-module.mod-categories .row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.home-module.mod-categories .col-md-12 {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

/* Home Products */
@media (max-width: 768px) {
	.banner-holder-full-width h3.headline {
  	padding: 0 15px;
  }
  h3.headline {
    font-size: 24px;
	}
}

.product-block-title {
    font-size: 26px;
}
.product-block.boxed-border {
    padding: 0px;
    border: none;
}
.product-block.default-shadow {
    box-shadow: none;
}
.home-module.mod-products-a .fz-115, .home-module.mod-products-b .fz-115 {
    font-size: 20px;
    color: #FC5C47;
		font-family: 'Bebas Neue';
}
.product-block-desc {
  	margin-top: 0px!important;
}
.quick-order input, .sticky-addtocart input {
		font-family: 'Bebas Neue';
    border: none;
    font-size: 16px;
    border-radius: 100%;
		color: #fff;
    background: #5F544A;
}
.quick-order-button {
    font-size: 22px;
  	height: 40px;
    width: 40px;
    border-radius: 100%;
    background: var(--quick-order-button-bg-color);
}

.product-block .product-col-stock .in-stock, .product-block .product-col-stock .out-of-stock, .product-block .product-col-stock .backorder {
  color: var(--body-text-color-080);
  position: relative;
  display: inline;
}
.product-block .product-col-stock .in-stock::after, 
.product-block .product-col-stock .out-of-stock::after, 
.product-block .product-col-stock .backorder::after  {
  content: '';
  height: 10px;
  width: 10px;
  position: absolute;
  right: -15px;
  border-radius: 50%;
  transform: translateY(-50%);
  top: 50%;
}
.product-block .product-col-stock .in-stock::after {
   	background-color: var(--success-color);
}
.product-block .product-col-stock .out-of-stock::after {
 	background-color: var(--non-success-color);
}
.product-block .product-col-stock .backorder::after {
 	background-color: #ff6600;
}

/* Promo banner */
#promobanner .banner-content-holder {
  	background: rgb(0,0,0)!important;
    background: linear-gradient(0deg, rgba(0,0,0,0.7973564425770308) 0%, rgba(0,0,0,0.07746848739495793) 65%)!important;
}
#promobanner .banner-text {
    max-width: 700px;
}

/* Tekst Blok A/B */
.home-module.mod-textblock-a.mt-6.mb-6.gray-bg {
  	background: #272525;
}
.banner-img {
    border-radius: 80px;
}
.home-module.mod-textblock-b .icon-arrow-right:before {
    border: none;
    padding: 6px;
    background: #FC5C47;
  	border: solid 1.5px #FC5C47;
    color: #fff;
    margin-right: 5px;
  	transition: 0.3s ease;
}

.quick-to a:hover .icon-arrow-right:before {
  background: #fff;
  color: #FC5C47;
}
/* Home mod brands slider*/
#home-brands {
  overflow: visible;
}
#home-brands .swiper-slide:not(.swiper-slide-visible) {
  pointer-events: none;
	opacity: .5;
}
#home-brands .home-brands-slide {
	border: 1px solid #d3d3d3;
  padding: 15px;
}
#home-brands .home-brands-slide img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */; 
  filter: grayscale(100%);
  height: 130px;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 1200px) {
  #home-brands .home-brands-slide img {
    height: 100px;
  }
}
@media (max-width: 768px) {
  #home-brands .home-brands-slide img {
    height: 85px;
  }
}


/* Footer */
.pre-footer.gray-bg {
  	background: #5F544A;
}
.pre-footer .button {
  background: #000;
}
.footer-contact-icon {
  background: none;
}
.footer-contact-item {
    margin-top: 10px!important;
}
.pre-footer h3.headline {
  	color: #fff;
}

.newsletter #newsletter-email, .newsletter #newsletter-button {
    height: 44px;
}

/* Copyright */
.copyright-pbs {
  background-color: #272525;
  color: #9D9185;
}
.copyright-pbs ul {
 	padding: 0 5px;
  margin-bottom: 0;
	list-style: none;
  flex-wrap: wrap;
}
.copyright-pbs li {
  display: inline;
}
.copyright-pbs ul li::before {
  content: '|';
}
.copyright-pbs ul li a:hover {
  text-decoration: underline;
}
.copyright-pbs .growww-logo svg {
  height: 30px;
	width: 60px;
}
.copyright-pbs .growww-logo svg path {
  fill: #9D9185;
}
.copyright-pbs.py-lg-2.py-1 .container {
  padding-top: 15px;
  border-top: 1px solid #9D9185;
/*   padding-left: 0px!important;
  padding-right: 0px!important; */
}
.copyright-pbs ul {
  padding-right: 15px;
}
/* @media (max-width: 1199.98px) {
	.copyright-pbs span {
  	margin-left: 0;
  }
} */

/* Productpage */
#product-serviceblock .fz-110 {
    font-family: 'Bebas Neue';
    font-size: 1.4rem;
}
#product-serviceblock {
    border-radius: 100px;
}
#product-serviceblock-img {
    width: 90px!important;
}
.add-to-cart-button {
    height: 50px;
    border-radius: 50px !important;
}
.container.productpage .qty-button {
    color: #fff;
    width: 40px;
}
.container.productpage .qty-input {
    background: #5F544A;
    border-radius: 100px;
  	color: #fff;
}

/* Sale collectie pagina */
.keuzehulp-collectie .wrap {

}

.bg-highlight {
  background: var(--highlight-color);
  border-radius: 10px;
  color: #fff;
}

.product-btn {
    background-color: #fc5c47;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color .3s ease;
  	color: #fff;
}

.bezorging {
    padding: 40px;
    background: #272525cc;
    border-radius: 50px;
    color: white;
    margin-right: 15px; /* Added right margin for spacing */
}

@media (max-width: 767.98px) {
  .bezorging {
    margin-right: 0; /* Reset right margin on small screens */
    margin-left: 0;  /* Reset left margin on small screens */
    margin-bottom: 15px; /* Add bottom margin on small screens */
  }
}
@media (max-width: 767.98px) {
	.d-flex.bezorging-container {
    display: flex !important;
    flex-direction: column;
  }
}

/* YT Video - Over ons */
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Afspraak maken button */
#header-advies {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: auto;
    height: 55px;
    width: 55px;
    line-height: 11px;
    z-index: 9999;
    text-align: center;
    background: #25D366;
    color: white !important;
    padding: 15px;
    border-radius: 200px;
    margin-top: 0px !important;
    font-size: 14px;
}