.xo-cart-item {
  display: flex;
  gap: 1.8rem;
}
@media (min-width: 768px) {
  .xo-cart-item {
    gap: 2.3rem;
  }
}

.xo-cart-item__image .xo-image {
  width: 8rem;
  aspect-ratio: var(--aspect-ratio);
}
@media (min-width: 768px) {
  .xo-cart-item__image .xo-image {
    width: 12rem;
  }
}
.xo-cart-item__image .xo-image img {
  height: 100%;
}

.xo-cart-item__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .xo-cart-item__content {
    row-gap: 0.5rem;
  }
}

.xo-cart-item__title {
  font-weight: 500;
  color: rgb(var(--color-foreground));
}

.xo-cart-item__price {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  font-weight: 500;
  color: rgba(var(--color-foreground));
}

.xo-cart-item__option {
  display: flex;
  gap: 0.5rem;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
}
.xo-cart-item__option span {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  color: rgba(var(--color-foreground), 0.5);
}
@media (max-width: 767px) {
  .xo-cart-item__option {
    display: none;
  }
}

@media (min-width: 768px) {
  .xo-cart-item__quantity {
    display: none;
  }
}

.xo-cart-item__detail-discounts {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xo-cart-item__detail-discount {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.xo-cart-item__original-price {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  color: rgba(var(--color-foreground));
}

.xo-cart-item__original-price--old {
  font-size: calc(var(--font-body-scale) * 1.3rem);
  color: rgba(var(--color-foreground), 0.5);
}

.xo-cart-item__final-price {
  font-size: calc(var(--font-body-scale) * 1.5rem);
  color: rgba(var(--color-accent));
}