.seasonal-hero {
  padding-top: var(--space-16);
}

.seasonal-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: center;
}

.seasonal-hero__lead {
  font-size: var(--font-size-lg);
  color: var(--color-text-muted);
}

.seasonal-hero__tags {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.seasonal-hero__actions {
  margin-top: var(--space-6);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.seasonal-hero__figure {
  max-width: 420px;
  margin-left: auto;
}

.seasonal-hero__caption {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.seasonal-highlights__grid {
  gap: var(--space-6);
}

.seasonal-highlight p {
  color: var(--color-text-muted);
}

.seasonal-colors {
  margin-top: var(--space-3);
  display: grid;
  gap: var(--space-2);
}

.seasonal-colors li {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--font-size-sm);
}

.seasonal-color-swatch {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.seasonal-color-swatch--navy {
  background-color: #0b2340;
}

.seasonal-color-swatch--charcoal {
  background-color: #3a3f47;
}

.seasonal-color-swatch--beige {
  background-color: #c1a27b;
}

.seasonal-color-swatch--white {
  background-color: #ffffff;
}

.seasonal-color-swatch--olive {
  background-color: #6e7b5b;
}

.seasonal-musthave-list {
  margin-top: var(--space-3);
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.seasonal-dual__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr);
  gap: var(--space-8);
  align-items: center;
}

.seasonal-dual__caption {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.seasonal-dual__block + .seasonal-dual__block {
  margin-top: var(--space-6);
}

.seasonal-dual__cta-group {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.seasonal-fabrics__grid {
  align-items: stretch;
  gap: var(--space-6);
}

.seasonal-fabrics__intro p {
  color: var(--color-text-muted);
}

.seasonal-fabrics__item h3 {
  margin-bottom: var(--space-3);
}

.seasonal-fabrics__note {
  margin-top: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.seasonal-limited {
  background: linear-gradient(135deg, #f5f3ef 0%, #ffffff 28%, #f5f3ef 100%);
}

.seasonal-limited__inner {
  display: flex;
  justify-content: center;
}

.seasonal-limited__content h2 {
  margin-bottom: var(--space-3);
}

.seasonal-limited__content p {
  color: var(--color-text-muted);
}

.seasonal-limited__actions {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.seasonal-stylist__grid {
  gap: var(--space-6);
}

.seasonal-stylist__list {
  margin-top: var(--space-3);
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.seasonal-stylist__footer {
  margin-top: var(--space-2);
}

.seasonal-sizefit__steps {
  margin-top: var(--space-3);
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  counter-reset: steps;
}

.seasonal-sizefit__steps li {
  position: relative;
  padding-left: 32px;
}

.seasonal-sizefit__steps li::before {
  counter-increment: steps;
  content: counter(steps);
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--gray-700);
}

.seasonal-sizefit__note {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.seasonal-accessories__grid {
  gap: var(--space-6);
}

.seasonal-accessories__intro p {
  color: var(--color-text-muted);
}

.seasonal-urban__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr);
  gap: var(--space-8);
  align-items: center;
}

.seasonal-urban__caption {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.seasonal-urban__content p {
  color: var(--color-text-muted);
}

.seasonal-urban__actions {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.seasonal-cta {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.seasonal-cta__inner {
  display: flex;
  justify-content: center;
}

.seasonal-cta__content p {
  color: var(--color-text-muted);
}

.seasonal-cta__actions {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
}

@media (max-width: 960px) {
  .seasonal-hero__grid,
  .seasonal-dual__layout,
  .seasonal-urban__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .seasonal-hero__figure,
  .seasonal-urban__visual {
    max-width: 420px;
    margin-inline: auto;
  }
}

@media (max-width: 768px) {
  .seasonal-hero {
    padding-top: var(--space-12);
  }

  .seasonal-hero__actions,
  .seasonal-limited__actions,
  .seasonal-urban__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .seasonal-dual__layout {
    gap: var(--space-6);
  }
}