.productClickablePush {
  --productClickablePush-trigger-size: 4.2rem;
  --swiper-pagination-height: 5.3rem;
  --swiper-pagination-bullet-size-active: 0.3rem;
  --swiper-pagination-bullet-size: 0.2rem;
  --swiper-pagination-bullet-horizontal-gap: 0.6rem;
  --swiper-pagination-color: var(--color-black);
  --swiper-products-width: 100%;
  --swiper-products-height: 36.9rem;
  --swiper-products-product-width: 50%;
  --swiper-products-product-height: 29rem;
  --swiper-products-product-more-than-2-slides-width: 21.8rem;
  --productClickablePush-push-height: calc(100vh - var(--header-height));
  --productClickablePush-push-media-swiper-visible-margin-bottom: 13.8rem;
  --productClickablePush-push-media-swiper-visible-width: 100%;
  --productClickablePush-push-media-swiper-visible-height: calc(100% - 23rem);
  --productClickablePush-push-caption-padding: 0 3rem 7rem 3rem;
  --productClickablePush-push-caption-title-margin-bottom: 3rem;
  --productClickablePush-push-caption-text-margin-bottom: .5rem;
}
.productClickablePush__swiper .swiper-pagination {
  position: static;
  height: var(--swiper-pagination-height);
  display: flex;
  justify-content: center;
  align-items: center;
}
.productClickablePush__swiper .swiper-pagination .swiper-pagination-bullet-active {
  --swiper-pagination-bullet-size: var(--swiper-pagination-bullet-size-active);
}
.productClickablePush__push {
  height: var(--productClickablePush-push-height);
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.productClickablePush__push__media {
  height: 100%;
  width: 100%;
  flex-shrink: 1;
  position: relative;
}
.productClickablePush__push__media img,
.productClickablePush__push__media video,
.productClickablePush__push__media ul {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transition-property: width, height !important;
  transition-duration: 0.3s !important;
  transition-timing-function: ease !important;
}
.productClickablePush__swiper__slide.show .productClickablePush__push__media img,
.productClickablePush__swiper__slide.show .productClickablePush__push__media video {
  width: var(--productClickablePush-push-media-swiper-visible-width);
  height: var(--productClickablePush-push-media-swiper-visible-height);
}
.productClickablePush__push__media .btn {
  --size: var(--productClickablePush-trigger-size);
  position: absolute;
  z-index: 10;
  top: var(--btn-top, 10%);
  left: var(--btn-left, 10%);
  transition: background-color 0.3s ease, transform 1s cubic-bezier(0.26, 0.58, 0.65, 1);
}
.productClickablePush__push__media .btn[aria-expanded=true] {
  --background-color: #ffffff77;
}
.productClickablePush__swiper-products {
  position: absolute;
  z-index: 20;
  width: var(--swiper-products-width);
  height: var(--swiper-products-height);
  background-color: var(--color-white);
  transition-property: opacity, transform;
  transition-duration: 0.2s, 0.3s;
  transition-delay: 0.2s, 0s;
  transition-timing-function: ease;
}
.productClickablePush__swiper__slide:not(.show) .productClickablePush__swiper-products {
  opacity: 0;
  pointer-events: none;
  transform: translateY(calc(var(--productClickablePush-push-media-swiper-visible-margin-bottom) * -1));
  transition-delay: 0s, 0.1s;
  transition-duration: 0.1s, 0.3s;
}
.productClickablePush__swiper-products .swiper-slide {
  width: var(--swiper-products-product-width);
  background-color: var(--color-white);
}
.productClickablePush__swiper-products:not([data-count="1"]):not([data-count="2"]) .swiper-slide {
  width: var(--swiper-products-product-more-than-2-slides-width);
}
.productClickablePush__swiper-products .product {
  width: 100%;
  position: relative;
}
.productClickablePush__swiper-products .product img {
  width: 100%;
  height: var(--swiper-products-product-height);
  object-fit: cover;
  display: block;
}
.productClickablePush__swiper-products .product__header {
  padding: 1.2rem 4.6rem 1.9rem 1.6rem;
  display: flex;
  flex-direction: column;
}
.productClickablePush__swiper-products .product__header__tag__container {
  position: absolute;
  top: 1.75rem;
  left: 1.2rem;
}
.productClickablePush__swiper-products .product__header__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.productClickablePush__swiper-products .product__header__shop {
  order: 1;
}
.productClickablePush__swiper-products .product__header__shop__add {
  position: absolute;
  top: calc(var(--swiper-products-product-height) + 1.2rem);
  right: 1.2rem;
}
.productClickablePush__swiper-products .product__header__description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.productClickablePush__swiper-products .product__like {
  --background-color: var(--color-white);
  --size: 2.4rem;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
}
.productClickablePush__caption {
  padding: var(--productClickablePush-push-caption-padding);
  flex-shrink: 0;
  text-align: center;
}
.productClickablePush__caption__title {
  margin-bottom: var(--productClickablePush-push-caption-title-margin-bottom);
  
  font-family: var(--font-family-DIN-1451-std);
  font-style: normal;
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 100%;
  
  text-transform: uppercase;
}
.productClickablePush__caption__text {
  margin-bottom: var(--productClickablePush-push-caption-text-margin-bottom);
  
  font-family: var(--font-family-DIN-OT);
  font-style: normal;
  font-weight: 350;
  font-size: 1.6rem;
  line-height: 140%;
  
}
@media screen and (max-width: 1023px) {
  .productClickablePush__swiper__slide {
    transition: margin-bottom 0.3s ease;
  }
  .productClickablePush__swiper__slide .btn__rounded__close {
    display: none;
  }
  .productClickablePush__swiper__slide.show {
    margin-bottom: calc(var(--productClickablePush-push-media-swiper-visible-margin-bottom) - var(--swiper-pagination-height));
  }
  .productClickablePush__swiper-products {
    bottom: calc(var(--productClickablePush-push-media-swiper-visible-margin-bottom) * -1);
  }
  .productClickablePush__swiper-products .product__size-color {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .productClickablePush {
    --productClickablePush-trigger-size: 4.2rem;
    --swiper-pagination-height: 4rem;
    --swiper-products-width: 42rem;
    --swiper-products-height: 100%;
    --swiper-products-product-width: 100%;
    --swiper-products-product-height: 43.4241245136vh;
    --swiper-products-product-more-than-2-slides-width: 100;
    --productClickablePush-push-media-swiper-visible-width: 100%;
    --productClickablePush-push-media-swiper-visible-height: 100%;
    --productClickablePush-push-caption-padding: 0 49rem 8.4046692607vh 49rem;
    --productClickablePush-push-caption-title-margin-bottom: 3rem;
    --productClickablePush-push-caption-text-margin-bottom: 3rem;
  }
  .productClickablePush__swiper__slide .btn__rounded__close {
    --size: 8rem;
    position: absolute;
    top: 4rem;
    right: calc(var(--swiper-products-width) + 4rem);
    opacity: 0;
    transition: opacity 0.3s 0s ease, transform 1s cubic-bezier(0.26, 0.58, 0.65, 1);
  }
  .productClickablePush__swiper__slide .btn__rounded__close .icon {
    --size:3rem;
  }
  .productClickablePush__swiper__slide.show .btn__rounded__close {
    opacity: 1;
    transition-delay: 0.3s, 0s;
  }
  .productClickablePush__swiper__slide.show .productClickablePush__push__media img,
.productClickablePush__swiper__slide.show .productClickablePush__push__media video {
    width: 100%;
  }
  .productClickablePush__swiper-products {
    top: 0;
    right: 0;
    transform: translateX(0);
  }
  .productClickablePush__swiper__slide:not(.show) .productClickablePush__swiper-products {
    transform: translateX(100%);
  }
  .productClickablePush__swiper-products .swiper-slide {
    height: auto;
  }
  .productClickablePush__swiper-products .product {
    padding: 0;
  }
  .productClickablePush__swiper-products .product__header {
    padding: 1.2rem 16rem 0 2.2rem;
  }
  .productClickablePush__swiper-products .product__header__tag__container {
    top: 2.55rem;
    left: 2rem;
  }
  .productClickablePush__swiper-products .product__header__title, .productClickablePush__swiper-products .product__header__description {
    margin-bottom: 0.8rem;
  }
  .productClickablePush__swiper-products .product__header__shop {
    order: initial;
    margin: 0;
  }
  .productClickablePush__swiper-products .product__header__shop__price {
    position: absolute;
    top: calc(var(--swiper-products-product-height) + 1.4rem);
    right: 5.2rem;
  }
  .productClickablePush__swiper-products .product__header__shop__add {
    right: 1.8rem;
  }
  .productClickablePush__swiper-products .product__size-color {
    padding: 0rem 16rem 4rem 2.2rem;
    margin-bottom: 0;
  }
  .productClickablePush__swiper-products .product__like {
    --size: 3rem;
    top: 2rem;
    right: 2rem;
  }
  .productClickablePush__caption__title {
    
    font-family: var(--font-family-DIN-1451-std);
    font-style: normal;
    font-weight: 400;
    font-size: 4.5rem;
    line-height: 100%;
    
    text-transform: uppercase;
  }
  .productClickablePush__caption__text {
    
    font-family: var(--font-family-DIN-OT);
    font-style: normal;
    font-weight: 350;
    font-size: 1.8rem;
    line-height: 140%;
    
  }
}
.productClickablePush--half {
  width: 100%;
  min-height: 100%;
  --productClickablePush-push-height: 100%;
}
.productClickablePush--half .productClickablePush__swiper {
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .productClickablePush--half {
    --productClickablePush-push-media-swiper-visible-margin-bottom: 0;
  }
  .productClickablePush--half .productClickablePush__swiper-products {
    bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .productClickablePush--half {
    width: 100%;
    min-height: 100%;
    --swiper-products-product-height: 55.8rem;
    --productClickablePush-push-caption-padding: 4rem 4rem 10.8rem 4rem;
  }
}