.addon-product .addon-thumbnail-container img {
  aspect-ratio: 219/240;
  width: 100%;
  border-radius: 10px;
}

.addon_products_i_container {
  padding: 24px;
  background-color: #f5f4f2;
  border-radius: 8px;
  position: relative;
  display: block;
}
.addon_products_i_container h4 {
  color: var(--gray-1, #595757);
  /* headline 3 */
  font-family: "Noto Sans TC";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  margin-top: 24px;
  height: 47px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.addon_products_i_container .addon-product-info-price {
  display: flex;
  gap: 10px;
  align-items: center;
}
.addon_products_i_container button.add-to-cart {
  border-radius: 10px;
  border: 1px solid var(--secondary, #80746a);
  padding: 10px 24px;
  color: var(--secondary, #80746a);
  /* btn 1 */
  font-family: "Noto Sans TC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14px */
  width: 100%;
  background-color: transparent;
  margin-top: 8px;
}

.addon-product-info-price {
  display: flex;
  flex-wrap: wrap;
  color: var(--primary, #EE7836);
  font-feature-settings: "liga" off, "clig" off;
  /* english 2 */
  font-family: "Merriweather Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.addon_products_i_container h3 {
  color: var(--secondary, #80746a);
  /* headline 3 */
  font-family: "Noto Sans TC";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  padding-bottom: 4px;
  border-bottom: 1px solid #c0b9b5;
  margin-bottom: 24px;
}
.addon_products_i_container .swiper-button-next,
.addon_products_i_container .swiper-button-prev {
  background: var(--white);
  height: 40px;
  width: 40px;
  border-radius: 40px;
  top: 40%;
  transform: translateY(-50%);
  margin: 0;
  position: absolute;
  /* button */
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0), 1px 1px 1px 0px rgba(0, 0, 0, 0.01), 1px 1px 1px 0px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.09);
}
.addon_products_i_container .swiper-button-next::after,
.addon_products_i_container .swiper-button-prev::after {
  font-size: 12px;
  color: var(--secondary);
}
.addon_products_i_container .swiper-button-next {
  right: -30px;
}
.addon_products_i_container .swiper-button-prev {
  left: -30px;
}