.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6,
.home [class*="display-"] {
	font-weight: 300 !important;
}
/* Home: Mod-Slider */
.mod-slider {
	background-color: var(--color-light); !important; 
	margin-top: 0 !important;
  padding-top: 30px;
	margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.mod-slider #home-slider-holder {
	border-radius: var(--border-radius);
  overflow: hidden;
  height: 380px;
}
.mod-slider .slider-1 .banner-title {
	font-weight: 500 !important;
  font-size: 36px;
}
.mod-slider #home-slider-holder .banner-text {
  align-items: end;
  display: flex;
  padding-bottom: 70px;
  height: 100%;
  width: 249px;
}
@media (max-width: 768px) {
  .mod-slider #home-slider-holder .banner-text {
    padding-bottom: 40px;
  }
}
.mod-slider #home-slider picture::before {
  content: '';
  width: 100%;
  height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 86.11%);
	background-blend-mode: multiply;
  position: absolute;
}
#home-highlights .home-highlight {
	height: 100%;
  background-color: var(--color-white);
  padding: 36px;
  border-radius: var(--border-radius);
  isolation: isolate;
}
@media (max-width: 992px) {
  #home-highlights .home-highlight {
		height: auto;
  }
}
#home-highlights .banner-holder {
	display: flex;
  gap: 16px;
}
#home-highlights .banner-content-holder {
	position: relative; 
  padding: 0;
  height: auto;
  flex: 1 0 60%;
}
#home-highlights .banner-text {
	width: 287px; 
}
#home-highlights .home-highlight-img {
  width: 232px;
  height: 232px;
  position: absolute !important;
  bottom: 0;
  right: 0;
  margin-top: auto;
  z-index: -1;
}
@media (max-width: 1200px) {
  #home-highlights .home-highlight-img {
		width: 192px;
    height: 192px;
  }
}
@media (max-width: 768px) {
  #home-highlights .home-highlight-img {
		opacity: .2;
  }
}
#home-highlights .banner-holder {
	height: 100%; 
}
/* Home: USPS */
.home-usps i {
  background-color: var(--color-white);
  color: var(--color-black);
  width: 18px;
  height: 18px;
  border-radius: var(--border-radius-pill);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.home-usps .usp-item-text {
	font-weight: 400; 
}
/* Home: Categories */
.mod-categories {
	margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  background-color: var(--color-light);
  border-radius: 0 0 var(--border-radius-xl) var(--border-radius-xl);
}
@media (max-width: 768px) {
  .mod-categories {
  	border-radius: 0 0 20px 20px;
  }
}
#home-categories-circles {
	margin-top: 0 !important;
  overflow: visible !important;
}
#home-categories-circles .swiper-slide {
  opacity: .4;
  transition: opacity .3s ease !important;
  will-change: opacity;
}
#home-categories-circles .swiper-slide-visible {
	opacity: 1; 
}
#home-categories-circles .swiper-wrapper {
	justify-content: start !important; 
  padding-left: 0 !important;
}
/* Home: Brands */
.mod-brands .swiper-slide {
  border-radius: var(--border-radius);
  border: 1px solid #F0F0F0;
  box-shadow: 2px 2px 12px 0px rgba(35, 32, 51, 0.05);
  overflow: hidden;
}
.mod-brands .swiper-slide img {
	height: 64px;
	object-fit: contain; 
}
/* Home: Subbanners */
.mod-subbanners {
	position: relative; 
}
.mod-subbanners::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background-color: var(--color-light-dark);
}
@media (max-width: 768px) {
  .mod-subbanners::before {
  	height: 25%;
  }
}
.mod-subbanners .banner-holder {
	border-radius: var(--border-radius);
  min-height: 360px;
}
.mod-subbanners .banner-holder:hover .subbanner__icon {
  background-color: var(--color-white);
  color: var(--color-black);
}
.mod-subbanners .banner-content-holder { 
  display: block;
  padding: 40px;
}
.mod-subbanners .banner-content-holder.banner-overlay { 
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 86.11%);
	background-blend-mode: multiply;
}
.mod-subbanners .subbanner__icon {
  border: 1px solid var(--color-white);
  width: 48px;
  height: 48px;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  transition: background-color .4s ease, color .4s ease;
}
/* Home: Textblock-B */
.mod-textblock-b {
	margin-top: 0 !important; 
  padding-bottom: 0 !important;
  background-color: var(--color-light-dark) !important;
}
.mod-textblock-b img {
	object-position: bottom; 
}
/* Home Categories */
.category__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
  margin-top: 30px;
  font-size: 16px;
}
@media (max-width: 1200px) {
  .category__grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 992px) {
  .category__grid {
    grid-template-columns: repeat(4, 1fr);
  	font-size: 14px;    
  }
}
@media (max-width: 768px) {
  .category__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .category__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.category__grid > a {
	display: flex;
  align-items: center;
  transition: color .4s ease;
  gap: 20px;
}
.category__grid > a:hover {
	color: var(--color-primary); 
}
/* Home: Promobanner */
#promobanner {
	border-radius: var(--border-radius);
  height: 480px;
}
#promobanner .banner-content-holder {
	display: flex;
  padding: 24px;
  justify-content: start;
  align-items: end;
}
#promobanner .banner-content {
  background-color: var(--color-white);
  flex: 0 1 352px;
  width: 352px;
  height: auto;
  padding: 32px 40px;
  border-radius: var(--border-radius);
}
/* Home: Reviews */
.home-reviews {
  position: relative;
	background-color: var(--color-light-dark); 
}
.home-reviews .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
.home-reviews .swiper__navigation {
	width: calc(100% + 64px); 
  left: -32px;
}