.product-swiper {
  border-radius: 8px;
  background: var(--bg-color);
}

.product-swiper h2 {
  height: 35px;
  padding: 5px 0 5px 17px;
  background: #00838F;
  color: var(--text-color-white);
  border-radius: 8px 8px 0 0;
  font-size: 22px;
}

.product-swiper .lunchbox {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 2.5em;
  padding-right: 2.5em;
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper {
  margin-bottom: 3em;
  margin-top: 1em;
  width: 73.8%;
  display: flex;
  align-items: stretch;
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  border: 2px solid rgba(207, 207, 207, 0.2);
  border-radius: 8px;
  height: auto;
  background: var(--bg-color);
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper .swiper-slide .swiper-card-img img {
  border-radius: 20px;
  border: none;
  box-shadow: 0 0 8px 0 rgba(var(--default-shadow), 0.8);
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper .swiper-slide .swiper-card-text h3 {
  height: 50px;
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper .swiper-slide .swiper-card-button {
  width: 100%;
  margin: 0 auto;
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper .swiper-slide .swiper-card-button a {
  width: 120px;
  height: 35px;
  background: var(--bg-color);
  border: 2px solid var(--border-color);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-color);
  border-radius: 20px;
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper .swiper-slide .swiper-card-button a:hover {
  color: var(--text-color-white) !important;
  background: #00838F;
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper .swiper-slide .swiper-card-text h3 {
  font-size: 15px;
  color: var(--text-color);
}

.product-swiper .lunchbox .swiper-container .swiper-wrapper .swiper-slide .swiper-card-text p {
  color: var(--text-color);
  font-size: 14px;
}

.product-swiper .lunchbox .swiper-container .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid rgba(38, 45, 61, 0.9);
}

.product-swiper .lunchbox .swiper-container .swiper-pagination-bullet-active {
  background: rgba(38, 45, 61, 0.9);
}

.product-swiper .lunchbox .swiper-button-prev {
  color: var(--text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  margin-top: 0;
  width: 2.5em;
  height: calc(100% - 3em);
}

.product-swiper .lunchbox .swiper-button-next {
  color: var(--text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 0;
  margin-top: 0;
  width: 2.5em;
  height: calc(100% - 3em);
}

.basket-item .swiper-pagination-bullet {
  background-color: gray !important;
  margin: 3px !important;
}