/* ============================================================
   Craft polish v1 — gift.gravium.ru (additive, editorial)
   Visual only; the constructor (app.js) is untouched.
   ============================================================ */

/* — editorial kickers: thin rule + caps (matches info / club) — */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 0.22em;
}
.eyebrow::before {
  content: "";
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, currentColor, transparent);
  opacity: 0.65;
}

/* — finer headings + a touch more air — */
.section-heading h2,
.hero h1 { letter-spacing: -0.02em; }
.section-heading { margin-bottom: clamp(28px, 4vw, 46px); }
.section-heading > p:not(.eyebrow) { color: var(--muted); }

/* — quiet hover lifts on cards (idea / catalog / scenario) — */
.idea-card,
.catalog-product-card,
.scenario-chip {
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}
.idea-card:hover,
.catalog-product-card:hover {
  transform: translateY(-5px);
  border-color: var(--border-strong);
}
.scenario-chip:hover { transform: translateY(-2px); }

/* — refined primary button (subtle lift) — */
.primary-button { transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease; }
.primary-button:hover { transform: translateY(-2px); }

/* — footer hairline of light (brand consistency) — */
.site-footer { position: relative; }
.site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 168, 106, 0.6), rgba(255, 255, 255, 0.3), rgba(201, 168, 106, 0.6), transparent);
  opacity: 0.6;
}

@media (prefers-reduced-motion: reduce) {
  .idea-card,
  .catalog-product-card,
  .scenario-chip,
  .primary-button { transition: none; }
}

/* — rounded buttons like info / club (pills) + info-style gold primary — */
.primary-button,
.secondary-button,
.ghost-button,
.ghost-button.compact {
  border-radius: 999px !important;
}
.primary-button {
  background: linear-gradient(180deg, #ffe7b4 0%, #e8c987 56%, #d2a964 100%) !important;
  border-color: transparent !important;
  color: #1a1407 !important;
  font-weight: 700;
  box-shadow: 0 14px 34px -12px rgba(201, 168, 106, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.primary-button:hover { filter: brightness(1.04); transform: translateY(-2px); }

/* — calmer particle canvas — */
.site-particles { opacity: 0.6; }

/* — remove background grid lines (keep ambient gold glow) — */
body {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 260px),
    var(--bg) !important;
}
body::before {
  background:
    radial-gradient(circle at 78% 8%, rgba(201, 168, 106, 0.16), transparent 34rem),
    radial-gradient(circle at 8% 42%, rgba(228, 207, 156, 0.07), transparent 26rem) !important;
  background-size: auto, auto !important;
}