/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/block-related-products/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.related-products-slider {
  position: relative;
  --swiper-navigation-sides-offset: 0;
}
.related-products-slider .swiper-container {
  position: relative;
  overflow: hidden;
  margin-inline: calc(var(--space-between, 1rem) * -1);
}
.related-products-slider .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.related-products-slider .swiper-slide {
  width: var(--slide-width, 20%);
  height: 100%;
  padding-inline: var(--space-between, 1rem);
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
}
.related-products-slider .related-product-item {
  display: block;
  text-decoration: none;
  height: 100%;
  color: inherit;
  transition: all 0.3s ease;
}
.related-products-slider .related-product-item:hover {
  opacity: 0.9;
}
.related-products-slider .related-product-item .related-product-image {
  overflow: hidden;
  margin-bottom: 1.3rem;
  position: relative;
}
.related-products-slider .related-product-item .related-product-image::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: calc(1 / (var(--aspect-ratio)) * 100%);
}
.related-products-slider .related-product-item .related-product-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.related-products-slider .related-product-item .related-product-image:hover img {
  transform: scale(1.05);
}
.related-products-slider .related-product-item .related-product-content {
  display: flex;
  justify-content: space-between;
}
.related-products-slider .related-product-item .related-product-sku {
  opacity: 0.4;
}
.related-products-slider .swiper-button-prev,
.related-products-slider .swiper-button-next {
  color: var(--wp--preset--color--light, #fff);
  transition: opacity 0.3s ease;
  width: 7rem;
  height: 7rem;
  transform: translateY(-50%);
}
.related-products-slider .swiper-button-prev::after,
.related-products-slider .swiper-button-next::after {
  font-size: 2rem;
}
.related-products-slider .related-products-explore {
  text-align: center;
  margin-top: var(--wp--preset--spacing--40, 4rem);
}
.related-products-slider .related-products-explore .related-products-explore-link {
  display: block;
  padding-bottom: var(--wp--preset--spacing--20, 2rem);
  padding-top: var(--wp--preset--spacing--20, 2rem);
  background-color: var(--wp--preset--color--light, #fff);
}

.related-products-grid {
  position: relative;
}
.related-products-grid .products-grid-container {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--space-between, 1rem) * -0.5);
}
.related-products-grid .product-grid-item {
  width: var(--item-width, 25%);
  padding: calc(var(--space-between, 1rem) * 0.5);
  box-sizing: border-box;
}
.related-products-grid .related-product-item {
  display: block;
  text-decoration: none;
  height: 100%;
  color: inherit;
  transition: all 0.3s ease;
}
.related-products-grid .related-product-item:hover {
  opacity: 0.9;
}
.related-products-grid .related-product-item .related-product-image {
  overflow: hidden;
  margin-bottom: 1.3rem;
  position: relative;
}
.related-products-grid .related-product-item .related-product-image::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: calc(1 / (var(--aspect-ratio)) * 100%);
}
.related-products-grid .related-product-item .related-product-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.related-products-grid .related-product-item .related-product-image:hover img {
  transform: scale(1.05);
}
.related-products-grid .related-product-item .related-product-content {
  display: flex;
  justify-content: space-between;
}
.related-products-grid .related-product-item .related-product-sku {
  opacity: 0.4;
}
.related-products-grid .related-products-explore {
  text-align: center;
  margin-top: var(--wp--preset--spacing--40, 4rem);
}
.related-products-grid .related-products-explore .related-products-explore-link {
  display: block;
  padding-bottom: var(--wp--preset--spacing--20, 2rem);
  padding-top: var(--wp--preset--spacing--20, 2rem);
  background-color: var(--wp--preset--color--light, #fff);
}

@media (max-width: 1279px) {
  .wp-block-wallcover-related-products {
    --space-between: 2rem;
    --item-width: 50% !important;
  }
}
@media (max-width: 743px) {
  .wp-block-wallcover-related-products {
    --space-between: 1rem;
    --item-width: 100% !important;
  }
}

/*# sourceMappingURL=style-index.css.map*//*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/block-collection-categories-slider/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.collection-categories-slider {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  --swiper-navigation-sides-offset: 5rem;
  /* Swiper Navigation Buttons */
  /* Swiper Pagination */
  /* No Categories Found */
  /* Explore button */
}
.collection-categories-slider .collection-categories-title {
  margin-bottom: var(--wp--preset--spacing--40, 4rem);
  color: var(--wp--preset--color--dark, #000);
  text-align: center;
}
.collection-categories-slider .swiper-container {
  position: relative;
  margin-inline: calc(var(--space-between, 1rem) * -1);
  overflow: visible;
}
.collection-categories-slider .swiper-slide {
  width: var(--slide-width);
  padding: 0 var(--space-between);
  box-sizing: border-box;
}
.collection-categories-slider .category-item {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
  height: 100%;
  overflow: hidden;
}
.collection-categories-slider .category-item:hover .category-info {
  opacity: 0;
}
.collection-categories-slider .category-item:hover .category-hover-info {
  opacity: 1;
}
.collection-categories-slider .category-item .category-item-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0;
}
.collection-categories-slider .category-item .category-image {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.collection-categories-slider .category-item .category-image img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 90vh;
}
.collection-categories-slider .category-item .category-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--wp--preset--spacing--25, 2.5rem) var(--wp--preset--spacing--40, 4rem);
  transition: opacity 0.3s ease;
}
.collection-categories-slider .category-item .category-info .category-name {
  margin: 0;
  text-align: center;
  color: var(--wp--preset--color--light, #fff);
  text-transform: uppercase;
}
.collection-categories-slider .category-item .category-hover-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--wp--preset--color--light, #fff);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: var(--wp--preset--color--dark, #000);
  text-align: center;
}
.collection-categories-slider .category-item .category-hover-info .category-name {
  margin: 0 0 1.4rem;
}
.collection-categories-slider .category-item .category-hover-info .category-hover-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 269/334;
  overflow: hidden;
  margin-top: auto;
  margin-bottom: auto;
}
.collection-categories-slider .category-item .category-hover-info .category-hover-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.collection-categories-slider .category-item .category-hover-info .category-description {
  line-height: 1.5;
  margin-bottom: 2.4rem;
}
.collection-categories-slider .category-item .category-hover-info .category-count {
  font-size: var(--wp--preset--font-size--smallest, 1.2rem);
  opacity: 0.3;
  text-transform: uppercase;
  margin-top: 2.4rem;
}
.collection-categories-slider .swiper-button-prev,
.collection-categories-slider .swiper-button-next {
  color: var(--wp--preset--color--light, #fff);
  transition: opacity 0.3s ease;
  width: 7rem;
  height: 7rem;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.25);
}
.collection-categories-slider .swiper-button-prev::after,
.collection-categories-slider .swiper-button-next::after {
  font-size: 2rem;
}
.collection-categories-slider .swiper-button-prev {
  left: 5rem;
}
.collection-categories-slider .swiper-button-next {
  right: 5rem;
}
.collection-categories-slider .swiper-pagination {
  position: relative;
  margin-top: 2rem;
}
.collection-categories-slider .swiper-pagination .swiper-pagination-bullet {
  width: 3rem;
  height: 0.4rem;
  border-radius: 0;
  background: var(--wp--preset--color--dark, #000);
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.collection-categories-slider .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.collection-categories-slider .no-categories-found {
  text-align: center;
  padding: 2rem 0;
  font-style: italic;
  color: #666;
}
.collection-categories-slider .collection-categories-explore {
  text-align: center;
  margin-top: var(--wp--preset--spacing--20, 2rem);
}
.collection-categories-slider .collection-categories-explore .collection-categories-explore-link {
  display: block;
  padding-bottom: var(--wp--preset--spacing--20, 2rem);
  padding-top: var(--wp--preset--spacing--20, 2rem);
  background-color: var(--wp--preset--color--light, #fff);
  color: var(--wp--preset--color--dark, #000);
  font-size: var(--wp--preset--font-size--medium, 1.6rem);
  text-transform: uppercase;
}
@media (max-width: 1279px) {
  .collection-categories-slider:not([data-slides-per-view="2"]) .swiper-slide {
    width: calc(50% - var(--space-between) * 1 / 2);
  }
  .collection-categories-slider[data-slides-per-view="2"] .swiper-slide {
    width: 100%;
  }
  .collection-categories-slider .swiper-button-prev,
  .collection-categories-slider .swiper-button-next {
    color: var(--wp--preset--color--light, #fff);
    transition: opacity 0.3s ease;
    width: 5rem;
    height: 5rem;
    transform: translateY(-50%);
  }
  .collection-categories-slider .swiper-button-prev::after,
  .collection-categories-slider .swiper-button-next::after {
    font-size: 2rem;
  }
  .collection-categories-slider .swiper-button-prev {
    left: 3rem;
  }
  .collection-categories-slider .swiper-button-next {
    right: 3rem;
  }
}
@media (max-width: 743px) {
  .collection-categories-slider {
    --space-between: 0.5rem !important;
  }
  .collection-categories-slider:not([data-slides-per-view="2"]) .swiper-slide {
    width: calc(100% - 1rem);
  }
  .collection-categories-slider[data-slides-per-view="2"] .swiper-slide {
    width: calc(100% - 1rem);
  }
  .collection-categories-slider .swiper-button-prev,
  .collection-categories-slider .swiper-button-next {
    width: 4rem;
    height: 4rem;
  }
  .collection-categories-slider .swiper-button-prev {
    left: 2rem;
  }
  .collection-categories-slider .swiper-button-next {
    right: 2rem;
  }
}

/*# sourceMappingURL=style-index.css.map*/