@keyframes loading-ajax {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.section-history {
}

.section-special-product {
  background: #f7f7f7;
}

.special-product-head {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}

.special-product-image::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 80%;
  background: linear-gradient(122.25deg, #e3b565 43.57%, #ff6f22 196.36%);
  border-radius: 3.2rem;
  z-index: -1;
}

.special-product-image img {
  width: 100%;
  object-fit: cover;
}

.special-product-image {
  position: relative;
  z-index: 1;
}

.special-product-title:hover a {
  color: var(--color1);
}

.special-product-title a {
  display: block;
  font-size: var(--fs-24);
  line-height: 1.75;
  font-variation-settings: "wght" 500, "DOTS" 4;
}

.special-product-excerpt {
  color: var(--color4);
  font-size: var(--fs-16);
  line-height: 2;
  text-align: justify;
  margin-block: 1.6rem 3.2rem;
}

.special--product--footer .oncart.off_badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffcad7;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  color: #e10000;
  font-variation-settings: "wght" 500, "DOTS" 4;
  font-size: var(--fs-16);
  line-height: 1.5;
}

.special--product--footer {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  background-color: #fff;
  min-height: 6.4rem;
  border-radius: 6.4rem;
  padding: 0.8rem;
}

.special--product--footer .button {
  margin: 0 auto 0 0;
  font-size: var(--fs-16);
}

.section-special-product .product__item__rate {
  font-size: var(--fs-16);
}

.section-special-product .product__tabs__btn i {
  font-size: var(--fs-20);
}

.section-special-product .product__tabs__btn {
  background-color: #fff;
}

.section-special-product .product__tabs__btn.active,
.section-special-product .product__tabs__btn:hover {
  background-color: var(--color1);
  color: #fff;
}

.section-special-product .price del {
  font-size: var(--fs-16);
}

.section-special-product .price > .amount > bdi,
.section-special-product .price > ins > .amount > bdi {
  font-size: var(--fs-20);
}

.special-product-attrs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
  margin-block: 3.2rem;
}

.special-product-attr::before {
  content: "\e920";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ff6f22;
  z-index: 1;
  pointer-events: none;
  line-height: 1;
  font-size: var(--fs-40);
}

.special-product-attr {
  display: flex;
  align-items: center;
  background-color: #fff;
  justify-content: space-between;
  gap: 0.2rem;
  border-radius: 0.8rem;
  position: relative;
  border-right: 1px solid #ff6f22;
  padding: 0.4rem;
}

.special-product-attr span.lb {
  background-color: #fff;
  color: #0f0f0f;
  padding-right: 1.6rem;
}

.special-product-attr span.vl {
  border-radius: 0.4rem;
  padding: 0.8rem;
  text-align: left;
  background-color: #f7f7f7;
  color: #5d5d5d;
}

.special-product-attr span {
  flex: 1 0 0;
  font-size: var(--fs-14);
  font-variation-settings: "wght" 500, "DOTS" 4;
  line-height: 2;
  display: block;
}

.special-product-eggs i {
  width: 3.4rem;
  height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ff6f22;
  border-radius: 50%;
  font-size: var(--fs-24);
  color: #fff;
}

.special-product-eggs {
  position: absolute;
  display: flex;
  align-items: center;
  backdrop-filter: blur(8px);
  height: 4.8rem;
  padding: 0.8rem;
  background: #ffffff70;
  border-radius: 4.8rem;
  top: 1.6rem;
  right: 1.6rem;
  color: #ff6f22;
  gap: 1rem;
  font-variation-settings: "wght" 500, "DOTS" 4;
  font-size: var(--fs-16);
}

@media (max-width: 991.98px) {
  .special-product-attrs {
    grid-template-columns: 1fr;
    margin-block: 1.6rem;
  }
}