html {
  scroll-behavior: smooth;
}

body {
  background: #fbf9f8;
  color: #1b1c1c;
  font-family: "Be Vietnam Pro", Inter, sans-serif;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.ambient-shadow {
  box-shadow: 0 10px 40px -10px rgba(113, 121, 117, 0.08);
}

.product-card-image {
  background: linear-gradient(135deg, #f6f3f2, #e4e2e1);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease-out,
    padding 0.3s ease-out;
}

.accordion-item.is-open .accordion-content {
  max-height: 260px;
  padding-bottom: 1rem;
}

.accordion-icon {
  transition: transform 0.3s ease-in-out;
}

.accordion-item.is-open .accordion-icon {
  transform: rotate(45deg);
}