html { font-size: 16px; }

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.6;
}

h1,
h2,
h3,
.h0,
.h1,
.h2,
.h3 {
  font-family: var(--font-heading) !important;
  font-weight: 400 !important;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-family: var(--font-body) !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

button,
input,
select,
textarea,
nav,
.eco-button,
.eco-price {
  font-family: var(--font-body);
}

.eco-button {
  font-size: 15px;
  font-weight: 600;
}

.eco-eyebrow {
  display: block;
  font-size: clamp(12px, 0.85vw, 13px);
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--eco-leaf);
}

.eco-section__head h2,
.eco-carousel-section__head h2,
.eco-carousel-section__head .eco-category-title,
.eco-content-block h2 {
  font-family: var(--font-heading) !important;
  font-size: clamp(2.25rem, 3.6vw, 3.25rem);
  font-weight: 400 !important;
  line-height: 1.1;
  letter-spacing: -0.025em;
}

.eco-section__head p:not(.eco-eyebrow),
.eco-carousel-section__head p:not(.eco-category-eyebrow),
.eco-carousel-section__head .eco-category-description,
.eco-content-block > p:not(.eco-eyebrow) {
  max-width: 680px;
  margin: 10px auto 0;
  color: var(--eco-muted);
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.6;
}

.eco-product-card h3,
.eco-product-card h3 a {
  font-family: var(--font-body) !important;
  font-size: clamp(15px, 1.25vw, 16px);
  font-weight: 500 !important;
  line-height: 1.4;
  letter-spacing: 0;
}

.eco-product-card .eco-price {
  font-size: clamp(15px, 1.3vw, 17px);
  font-weight: 600;
}

@media (max-width: 767px) {
  .eco-hero__copy h1 { font-size: clamp(2.2rem, 9.5vw, 2.85rem); }
  .eco-section__head h2,
  .eco-carousel-section__head h2,
  .eco-carousel-section__head .eco-category-title,
  .eco-content-block h2 { font-size: clamp(2rem, 8.5vw, 2.6rem); }
  .eco-product-card h3,
  .eco-product-card h3 a { font-size: 14px; }
  .eco-product-card .eco-price { font-size: 14px; }
}