/* «ПЕТРОЛЬ» — единственная тема сайта (финальный выбор владельца 30.08.2026,
   витрина v5): тёмный сине-зелёный фон + лимонное золото, стекло и зерно,
   тактильные кнопки. Шрифт Onest — локальный (static/css/fonts.css). */

:root {
  --bg: #0e282c; --bg-soft: #14383d; --text: #e9f2f2; --text-muted: #8fa8ab;
  --accent: #e8c93c; --accent-dark: #f4dc63; --cta: #e8c93c; --cta-dark: #cfae22;
  --border: rgba(255,255,255,0.1); --radius: 14px;
  --glass: rgba(255,255,255,0.05);
}
body {
  font-family: 'Onest', system-ui, sans-serif; color: var(--text);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 55% 40% at 80% 0%, rgba(232,201,60,0.09), transparent),
    radial-gradient(ellipse 45% 45% at 10% 100%, rgba(40,140,150,0.14), transparent),
    #0e282c;
}
h1, h2, h3 { font-weight: 800; letter-spacing: -0.015em; }
a { color: var(--accent-dark); }
.site-header { background: rgba(14,40,44,0.78); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); }
.site-header .logo, .site-header .main-nav a, .site-header .header-phone { color: var(--text); }
.logo span { color: var(--accent); }
.drop-menu { background: rgba(20,56,61,0.94); backdrop-filter: blur(16px); border-color: var(--border); }
.drop-menu a { color: var(--text); }
.drop-menu a:hover { background: rgba(255,255,255,0.07); }
.hero { background: transparent; padding: 104px 0; }
.hero .trust-line, .hero .hero-hint { color: var(--text-muted); }

/* Тактильные кнопки — лимон на ярко-синей ночи */
.btn {
  border-radius: 0; border: 2px solid var(--accent);
  box-shadow: 4px 4px 0 rgba(232, 201, 60, 0.3);
  font-weight: 800; text-transform: uppercase; font-size: 0.88rem; letter-spacing: 0.03em;
  transition: transform 0.12s, box-shadow 0.12s, background 0.15s, color 0.15s;
}
.btn:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 rgba(232, 201, 60, 0.3); }
.btn:active { transform: translate(4px, 4px); box-shadow: none; }
.btn-primary { background: var(--accent); color: #0e282c; }
.btn-primary:hover { background: transparent; color: var(--accent-dark); border-color: var(--accent-dark); }
.btn-outline { border-color: rgba(255,255,255,0.85); box-shadow: 4px 4px 0 rgba(255,255,255,0.16); color: #e9f2f2; background: transparent; }
.btn-outline:hover { background: #e9f2f2; color: #0e282c; border-color: #e9f2f2; box-shadow: 2px 2px 0 rgba(255,255,255,0.16); }
.hero .btn-outline { color: #e9f2f2; }

section.soft, .quiet { background: rgba(255,255,255,0.03); }
.card, .check-item, .quiz-form, .lead-form, .production-strip, .bridge-block, .price-anchor, .review-item {
  background: var(--glass); backdrop-filter: blur(14px);
  border: 1px solid var(--border); color: var(--text); border-radius: var(--radius);
}
.card:hover { border-color: rgba(232,201,60,0.55); background: rgba(232,201,60,0.06); transition: all 0.2s; }
.card p, .quiet .card p { color: var(--text-muted); }
.card .price { color: var(--accent); }
.lead-form input, .lead-form textarea, .quiz-field input { background: rgba(0,0,0,0.35); border-color: var(--border); color: var(--text); }
.quiz-options label { background: rgba(0,0,0,0.3); border-color: var(--border); }
.quiz-options label:hover { border-color: var(--accent); }
.step::before { background: rgba(232,201,60,0.15); border: 1px solid var(--accent); color: var(--accent-dark); }
.badge { background: rgba(255,255,255,0.08); color: var(--text-muted); }
.badge.free { background: var(--accent); color: #0e282c; }
.accent-plate { background: var(--glass); backdrop-filter: blur(14px); border: 1px solid var(--accent); color: var(--text); }
.work-item { border: 1px solid var(--border); }
.faq details { border-color: var(--border); }
.site-footer { background: #081d20; }
.breadcrumbs, .breadcrumbs a { color: var(--text-muted); }
.final-contacts .big-phone a { color: var(--text); }