/* assets/styles.css */
/* === Тема под лого: белый/чёрный/оранжевый/красный === */
:root{
  --bg:#ffffff;
  --text:#111827;         /* почти чёрный */
  --muted:#6b7280;        /* серый */
  --card:#ffffff;
  --border:#e5e7eb;
  --accent:#f59e0b;       /* оранжевый */
  --accent-2:#ef4444;     /* красный */
  --chip:#fff7ed;         /* светло-оранжевый для «пилюлек» */
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  background:
    radial-gradient(800px 500px at 90% -10%, rgba(245,158,11,.08), transparent 60%),
    radial-gradient(700px 400px at 0% 30%, rgba(239,68,68,.06), transparent 60%),
    var(--bg);
  color:var(--text);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Inter,Arial,sans-serif
}

a{color:inherit;text-decoration:none}
.container{max-width:1040px;margin:0 auto;padding:24px}

/* Header */
header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}
.logo{
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 8px 24px rgba(239,68,68,.25)
}
.nav{display:flex;gap:18px;color:var(--muted);font-size:14px}

/* Hero */
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:40px 0 20px}
@media (max-width:900px){.hero{grid-template-columns:1fr}}

.headline{font-size:clamp(28px,4.4vw,44px);line-height:1.15;font-weight:900}
.headline b{
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.sub{color:var(--muted);margin-top:14px}

/* CTA */
.cta{
  margin-top:24px;display:inline-flex;align-items:center;gap:12px;padding:14px 18px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:#fff;font-weight:800;border:0;border-radius:14px;
  box-shadow:0 10px 34px rgba(239,68,68,.25), inset 0 0 1px rgba(255,255,255,.3);
  transition:transform .06s ease,filter .2s ease
}
.cta:hover{transform:translateY(-1px);filter:brightness(1.03)}
.cta small{display:block;font-weight:600;opacity:.95;font-size:12px}

/* Cards & grid */
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;padding:18px;
  box-shadow:0 8px 30px rgba(17,24,39,.04);
}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:800px){.grid{grid-template-columns:1fr}}
.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:12px}
h2{margin:0 0 8px;font-size:clamp(22px,3.2vw,30px)}

/* FAQ */
#faq {
  margin-top: 26px;
}

/* именно списки вопросов внутри */
.faq {
  margin-top: 12px;
  display: grid;
  gap: 12px;
}

details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px}
summary{cursor:pointer;font-weight:700}
summary::-webkit-details-marker{display:none}

/* Footer */
footer{color:var(--muted);font-size:13px;padding:24px 0 40px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.footer-links{display:flex;gap:16px}

/* Pills + city links */
.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--chip);border:1px solid #ffedd5;font-size:12px;color:#9a3412}
.list-inline{display:flex;gap:8px;flex-wrap:wrap}

.city-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pill-link{
  display:inline-block;padding:8px 12px;border-radius:999px;
  background:var(--chip);border:1px solid #ffedd5;color:#9a3412;
  font-weight:600;transition:transform .06s ease, box-shadow .2s ease
}
.pill-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.15)}
.city-inline{
  text-decoration:underline;text-decoration-color:var(--accent);
  text-decoration-thickness:2px;font-weight:600
}

.clamp {
  max-height: 100px; overflow: hidden; position: relative;
}
.clamp::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 64px;
  background: linear-gradient(180deg, rgba(255,255,255,0), var(--bg));
}
.clamp.expanded { max-height: none; }
.clamp.expanded::after { display: none; }

.show-more {
  margin-top: 10px; border: 1px solid var(--border); background: var(--card);
  padding: 10px 12px; border-radius: 10px; cursor: pointer; font-weight: 700;
}

/* подпись под кнопкой */
.helper { color: var(--muted); margin: 8px 0 0; font-size: 14px; }

/* маленькая иконка самолётика */
.tg-logo { font-size: 18px; margin-right: 8px; }

/* SEO-список: по умолчанию обрезан */
.seo-list {
  max-height: 100px;
  overflow: hidden;
  margin: 0;
  padding-left: 18px; /* чтобы маркеры li выглядели нормально */
}

.seo-list_city {
  max-height: 100px;
  overflow: hidden;
  margin: 0;
  padding-left: 18px; /* чтобы маркеры li выглядели нормально */
}


/* Когда раскрыт */
.seo-list.expanded {
  max-height: none;
}

/* Когда раскрыт */
.seo-list_city.expanded {
  max-height: none;
}

/* Кнопка “Показать ещё” */
.show-more {
  margin-top: 10px;
  border: 1px solid var(--border);
  background: #fff;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
}
.show-more:hover { filter: brightness(0.98); }

.lang-switcher{display:flex;gap:8px;margin-left:12px}
.lang-link{padding:4px 10px;border:1px solid var(--border);border-radius:10px;
  font-size:13px;color:var(--muted);background:#fff;transition:.15s}
.lang-link:hover{transform:translateY(-1px)}
.lang-link.active{border-color:var(--accent);background:#fff7ed;color:#111}


@media (max-width: 400px) {
  .home-link::before { content: "🏠"; margin-right: 4px; }
  .home-link { font-size: 0; }
  .home-link::before { font-size: 16px; }
}

.nearby{
  list-style:none;
  margin:0;
  padding:0;
}

.nearby li {
  list-style: none;
}

section + section {
  margin-top: 24px; 
}