/* Homepage: Font-sizes */
.main-index h2 {
	color: #448A88;
}
.index-content .title-box h2 {
	font-size: 36px; 
  line-height: 1.2;
  text-wrap: balance;
}
@media (max-width: 992px) {
  .index-content .title-box h2 {
		font-size: 28px;
  }
}
@media (max-width: 768px) {
  .main-index h2 {
		font-size: 24px;
  }
  .index-content .title-box h2 {
    text-align: center;
		font-size: 32px; 
  }
}
.custom-banner-left img {
 height: 630px;
	width: 100%;
  object-fit: cover;
  will-change: transform;
}
.custom-banner-right img {
	height: 300px;
  width: 100%;
  object-fit: cover;
  will-change: transform;
}
#custom-banner-grid .custom-banner-left {
 padding-bottom: 0; 
}
@media (max-width: 768px) {
  #custom-banner-grid .custom-banner-content {
    width: calc(100% - 30px) !important; 
  }
  #custom-banner-grid .custom-banner-content .btn {
  	font-size: 12px !important; 
  }
}
@media (max-width: 576px) {
  #custom-banner-grid .custom-banner-content .btn {
  	font-size: 14px !important; 
  }
}
#custom-banner-grid .custom-banner-left .custom-banner-content, #custom-banner-grid .custom-banner-right .custom-banner-content {
	bottom: 30px !important; 
}
@media (max-width: 992px) {
  .custom-banner-left img, .custom-banner-right img {
     height: 430px;
  }
  #custom-banner-grid .custom-banner-left {
  	margin-bottom: 30px; 
  }
}
@media (max-width: 768px) {
  .custom-banner-left img {
     height: 330px;
  }
 .custom-banner-right img {
     height: 200px;
  }
  #custom-banner-grid .custom-banner-left {
		padding-bottom: 0; 
  }
  #custom-banner-grid > div > div > div:not(:first-of-type) {
  	margin-top: 30px; 
  }
  #custom-banner-grid .custom-banner-left {
  	margin-bottom: 0; 
  }
}
.custom-banner-left .custom-banner-content, .custom-banner-right .custom-banner-content { 
  pointer-events: none;
}
.custom-banner-left img, .custom-banner-right img {
	transition: transform .6s ease !important; 
}
.custom-banner-left:hover img, .custom-banner-right:hover img {
	transform: scale(1.05); 
}
.banner-box {
	overflow: hidden;
  position: relative;
}
.custom-banner-content {
	z-index: 10;
}
.banner-box::after, .custom-banner-left::after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	opacity: 0.75;
  z-index: 0;
	background: linear-gradient(180deg, rgba(23, 23, 21, 0.00) 0%, #171715 100%);
	mix-blend-mode: multiply;
  position: absolute;
  pointer-events: none;
}
/* Home: Cats */
.home-cats {
	position: relative; 
}
.home-cats__inner {
	overflow-x: scroll;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
  -webkit-overflow-scrolling: touch; /* voor soepel scrollen */
	white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  position: relative;
}
@media (max-width: 768px) {
  .home-cats__inner {
  	justify-content: start; 
  }
}
.home-cats__inner::-webkit-scrollbar {
	display: none;  /* Older Safari and Chromium */
}
.home-cats::after, .home-cats::before {
	content: '';
  width: 80px;
	height: 100%;
  position: absolute;
  right: 0;
  pointer-events: none;
  background: linear-gradient(-90deg,rgba(255, 255, 255, 1) 0%, rgba(237, 221, 83, 0) 100%);
  top: 0;
  z-index: 10;
}
@media (max-width: 768px) {
  .home-cats::after, .home-cats::before {
    width: 40px;
    right: -20px;
  }
}
.home-cats::after {
  left: 0;
  right: unset;
  background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(237, 221, 83, 0) 100%);
}
@media (max-width: 768px) {
  .home-cats::after {
    left: -20px;
  }
}
.home-cats__item {
	background-color: #202840;
  border-radius: 50em;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
	color: #FFF;
  padding: 8px 16px 10px 16px;
  font-weight: 500;
/*   scroll-snap-align: start; */
  transition: background-color .4s ease;
}
.home-cats__item:hover {
  background-color: #f76300;
  color: #FFF;
}
/* Home: Products */
.products > .row, .products > .row > .productborder, .products > .row > .productborder img  {
	width: 100%; 
}
.productborder img {
	height: 318px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .productborder img {
    height: 280px;
  }  
}
.productborder .btn-quickview {
	display: none; 
}
.productborder.colors-loaded:hover .colors-overlay {
	display: none; 
}
#popular > div > div{
	position: relative; 
}
#popular .btn {
	font-size: 13px; 
}
#popular .content {
	top: 90px; 
}
@media (max-width: 992px) {
  #popular .content {
  	top: unset; 
  }
  #popular .image-person {
  	display: none; 
  }
  #popular .bg-products:has(img) {
    padding-bottom: unset;
  }
	.products-nav {
		text-align: left !important;
    justify-content: start !important;
  }
}
#popular .image-person {
  position: absolute;
  bottom: -160px;
  left: 0;
}
@media (min-width: 992px) {
  #popular .bg-products:has(img) {
    padding-bottom: 160px !important;
  }
}
/* Custom banner box */
.custom-banner-box::after, .custom-banner-box::after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	opacity: 0.75;
  z-index: 0;
	background: linear-gradient(180deg, rgba(23, 23, 21, 0.00) 0%, #171715 100%);
	mix-blend-mode: multiply;
  position: absolute;
  pointer-events: none;
}
.custom-banner-box {
	padding-bottom: 0 !important;
  height: 300px;
}
.custom-banner-title span {
	font-size: 30px; 
}
@media (max-width: 576px) {
  .custom-banner-box {
      height: 260px;
  }
}
@media (max-width: 576px) {
  .custom-banner-box {
    height: 220px;
  }
}
.custom-banner-box-content {
	z-index: 10;
  pointer-events: none;
}
.custom-banner-box img {
	transition: transform .6s ease !important;
  width: 100% !important;
  height: 100% !important;
}
.custom-banner-box:hover img {
	transform: scale(1.05); 
}
@media (max-width: 768px) {
  #custom-banners-box .row > div:not(:first-of-type) {
    margin-top: 30px;
  }
}
/* Home Sale */
.home-sale h2 {
  color: #448A88;
}
/* Index content */
@media (max-width: 992px) {
  .index-content {
    padding: 40px 0 !important; 
  }
}
/* Custom USPS */
#custom-usps > div > div {
  justify-content: center !important;
}
/* Blogs */
.blogs .owl-stage {
	display: flex; 
}
.blogs .blog-item, .blogs .blog-item .blog-box {
	height: 100%;
}