/* Три дня возвращения энергии — общие стили */

:root {
  --cream: #FBF7F2;
  --sand: #F2E9DF;
  --clay: #C9A88B;
  --deep: #3B3330;
  --muted: #7A6E66;
  --line: #E5D8C9;
  --accent: #B08760;
  --accent-dark: #96714E;
  --max: 1120px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--cream);
  color: var(--deep);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

.wrap {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 24px;
}

h1, h2, h3 {
  font-weight: 400;
  line-height: 1.25;
  margin: 0 0 24px;
  letter-spacing: -0.01em;
}

h1 { font-size: clamp(34px, 5.5vw, 56px); }
h2 { font-size: clamp(27px, 3.6vw, 38px); }
h3 { font-size: clamp(20px, 2.2vw, 24px); }

p { margin: 0 0 18px; }

a { color: var(--accent-dark); }

section { padding: 84px 0; }

.section-sand { background: var(--sand); }

/* Кнопка */
.btn {
  display: inline-block;
  background: var(--accent);
  color: #fff;
  text-decoration: none;
  font-family: -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 17px;
  letter-spacing: 0.02em;
  padding: 18px 42px;
  border-radius: 999px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.btn:hover { background: var(--accent-dark); transform: translateY(-2px); }

/* Две кнопки рядом: Telegram и Max */
.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 4px;
}

.btn-secondary {
  background: transparent;
  color: var(--accent-dark);
  border: 1px solid var(--accent);
}

.btn-secondary:hover { background: var(--accent); color: #fff; }

.price .btn-row { justify-content: center; }

@media (max-width: 420px) {
  .btn-row { flex-direction: column; }
  .btn-row .btn { text-align: center; }
}

.btn-note {
  font-family: -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 15px;
  color: var(--muted);
  margin-top: 16px;
}

/* Подвал */
footer {
  background: var(--deep);
  color: #D8CEC5;
  padding: 56px 0;
  font-family: -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 15px;
  line-height: 1.9;
}

footer a { color: #E8DCCF; }

footer .legal { margin-top: 20px; }

@media (max-width: 760px) {
  body { font-size: 17px; }
  section { padding: 56px 0; }
}