.sale{
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.sale .sale__title {
	display: block;
  text-align: center;
  margin-bottom: 2.8125rem;
  padding-left: 1rem;
	padding-right: 1rem;
}

.sale .sale__post {
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s linear;
}

.sale .sale__swiper{
	width: 100%;
}

.sale .sale__swiper .swiper-button{
  top: 10.9375rem;
}
.sale .product-card {
  align-items: stretch; 
  box-sizing: border-box;
	flex-shrink: 0;
}

.sale .product-card__image-link {
  display: block;
  width: 100%;
}

.sale .product-card__info {
  width: 100%;
  align-items: stretch; 
}

.sale .swiper-button {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.sale .product-card {
  background: var(--morphism);
  border-radius: 0.625rem;
  height: auto;
  transition: transform 0.3s ease;
  border: 0.0625rem solid #333;
}

.sale .product-card__title {
  padding-bottom: 0.375rem;
}

.sale .product-card__category {
  padding-bottom: 1.25rem;
}

.sale .product-card__main-price {
    color: var(--white);
    padding-bottom: 1.25rem;
}

.sale .product-card__bulk-prices {
  display: flex;
  gap: 0.375rem;
  margin-bottom: 1.25rem;
}

.sale .product-card__bulk-prices .bulk-item {
  background: var(--morphism);
  border: 0.0625rem solid rgba(255, 255, 255, 0.3);
  border-radius: 0.3125rem;
  padding: 0.5rem;
  gap: 0.25rem;
}

.sale .product-card__bulk-prices .bulk-item .bulk-label {
  color: var(--text-gray);
}

.sale .product-card__bulk-prices .bulk-item .bulk-value {
  color: var(--white);
}

.sale .product-card__info .product-card__btn {
  transition: opacity 0.3s ease;
}

.sale .product-card__info .product-card__btn svg{
	fill: #fff;
	height: 0.8125rem;
	width: auto;
}

.sale .swiper-slide {
  height: auto; 
}
@media (max-width: 959px) {
	.sale{
		max-width: 100%;
		overflow: hidden;
	}
	.sale .swiper-container div.swiper{
		overflow: visible;
		padding-left: 1.8125rem;
		padding-right: 1.8125rem;
	}
	
	.sale .swiper-button.swiper-button-prev{
		left: -1.125rem;
	}
	
	.sale .swiper-button.swiper-button-next{
		right: -1.125rem;
	}

  .sale .product-card__title,
  .sale .product-card .product-card__category {
    font-size: 0.75rem; 
  }
  .sale .product-card__main-price {
    font-size: 0.875rem;
  }
  .sale .product-card__info .product-card__bulk-prices .bulk-item{
    padding: 0.359375rem;
  }
  .sale .product-card__bulk-prices .bulk-item .bulk-label {
    font-size: 0.525rem; 
    text-wrap: wrap;
  }
  .sale .product-card__bulk-prices{
    gap: 0.269375rem;
  }
  .sale .product-card__bulk-prices .bulk-item .bulk-value{
    font-size: 0.439375rem;
  }
  .sale .product-card__info .product-card__btn {
    gap: 0.35rem;
    font-size: 0.875rem;
    padding: 0.5625rem 0.75rem;
  }
	.sale .product-card__info .product-card__btn svg{
    height: 0.5rem;
	width: auto;
  }
  .sale .product-card {
    padding: 0.5rem;
  }
  .sale .sale__content.container {
    max-width: 100%;
  }

  .sale .swiper-container div.swiper {
    padding-left: 0; 
    padding-right: 0; 
    overflow: visible; 
  }

  .sale .sale__swiper .swiper-button {
    z-index: 10;
  }

  .sale .sale__title {
    font-size: 1.75rem;
  }

  .sale .swiper-button-prev.swiper-button-disabled,
  .sale .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .sale .products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 0.75rem;
  }
}

@media screen and (min-width: 960px) {
  .sale .sale__title  {
    text-align: center;
    margin-bottom: 3rem;
  }

	.sale .sale__swiper .swiper-button{
    top: 15.625rem;
  }
  .sale .product-card .card__content{
    padding: 1.6rem;
  }
  .sale .product-card__main-price {
    font-size: 1.3125rem;
  }
  .sale .product-card__bulk-prices .bulk-item {
    font-size: 0.875rem;
    text-wrap: nowrap;
  }
  .sale .product-card__bulk-prices .bulk-item .bulk-label {
    font-size: 0.75rem;
	letter-spacing: -0.06em;
    text-wrap: nowrap;
  }
  .sale .product-card__bulk-prices .bulk-item .bulk-value {
    font-size: 0.875rem;
	  letter-spacing: -0.06em;
  }
  .sale .product-card__info .product-card__btn {
    gap: 0.75rem;
    font-size: 1rem;
  }
  .sale .products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 2rem;
  }
	
	.commentlist .meta{
		flex-wrap: wrap;
    	justify-content: space-between;
	}
}

.sale ~ .sale{
  padding-top: 0rem;
}