/* ==========================================================================
   pages/home.css — главная страница
   ========================================================================== */

.hero {
  padding: var(--space-6) 0 var(--space-4);
}

.hero__eyebrow {
  display: inline-flex;
  gap: var(--space-2);
  align-items: center;
  margin-bottom: var(--space-4);
  padding: 6px 14px;
  border: 1px solid rgba(255, 209, 102, 0.35);
  border-radius: var(--radius-pill);
  background: rgba(255, 209, 102, 0.08);
  color: var(--color-gold-1);
  font-size: var(--fs-xs);
  font-weight: 700;
}

.hero__title {
  max-width: 22ch;
  margin-bottom: var(--space-4);
  font-size: clamp(1.75rem, 6vw, 3rem);
}

.hero__title-accent {
  background: var(--gradient-gold);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero__subtitle {
  max-width: 60ch;
  margin-bottom: var(--space-5);
  color: var(--color-text-soft);
  font-size: var(--fs-md);
}

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

.hero__facts {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: 1fr;
}

.hero__fact {
  display: flex;
  gap: var(--space-3);
  align-items: center;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(21, 31, 54, 0.6);
  font-size: var(--fs-sm);
}

.hero__fact-ico {
  font-size: var(--fs-lg);
}

.hero__fact b {
  color: var(--color-gold-1);
}

/* Блок «Апельсинка» + лента */
.home-top {
  display: grid;
  gap: var(--space-5);
  grid-template-columns: 1fr;
}

/* Полоса выгодных предложений */
.offers-section {
  padding: var(--space-8) 0;
}

/* Каталог */
.catalog-section {
  padding: var(--space-8) 0;
}

/* Подборки */
.collections-section {
  padding: var(--space-8) 0;
}

/* SEO + FAQ */
.seo-section {
  padding: var(--space-8) 0;
}

.seo-section__inner {
  display: grid;
  gap: var(--space-6);
  grid-template-columns: 1fr;
}

.faq-section {
  padding: var(--space-8) 0 var(--space-9);
}

.trust-item {
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(21, 31, 54, 0.6);
}

.trust-item__value {
  font-size: var(--fs-xl);
  font-weight: 900;
  color: var(--color-gold-1);
}

.trust-item__label {
  color: var(--color-text-soft);
  font-size: var(--fs-sm);
}