/* landing.css — общий вид this is one (17.10, To do 47, Елена: «поменяли на лендинге — поменялось и там»):
   цвета, шрифты, кнопки, шапка с «this is one». Подключают лендинг (templates/landing.html) и вход в кабинет
   с регистрацией (templates/enter.html). Своё у каждой страницы — в её <style>. Поменял файл — подними ?v= в обоих. */
/* Вид лендинга (11.10.2026, решение Елены, вариант 3): всегда светлый, золото только в мелочах (--gold). Раньше лендинг
   следовал тёмной теме телефона и половина посетителей видела тёмно-кофейный сайт, а витрины и отзывы у нас светлые.
   25.10 (Елена, To do 78): палитра «Сталь и вино» из наших (presets steelwine_light) — в цвет бордового знака «1» и «Бренда»;
   кнопки с углом 3 px, как в кабинете. Кабинет остаётся зелёным. Золото на тон темнее (#7d5f35): на сером фоне прежнее
   давало контраст 4,1. */
:root{
  color-scheme: light;
  --bg:#eeecea; --surface:#f8f7f5; --fg:#2a2626; --muted:#6b6262;
  --line:rgba(42,38,38,.12); --accent:#7a2235; --accent-2:#7a2235; --gold:#7d5f35; --on:#fff;
  --head:'Cormorant', Georgia, serif; --body:'Manrope', system-ui, -apple-system, sans-serif;
  --radius:16px; --wrap:1080px;
}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--fg); font-family:var(--body);
  font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 20px;}
h1,h2,h3{font-family:var(--head); font-weight:600; letter-spacing:-.01em; line-height:1.1; margin:0;}
a{color:inherit; text-decoration:none;}
.btn{display:inline-flex; align-items:center; gap:8px; padding:14px 26px; border-radius:3px;
  font-weight:600; font-size:1rem; cursor:pointer; border:0;
  background:var(--accent); color:var(--on); transition:transform .15s ease, filter .15s ease;}
.btn:hover{transform:translateY(-2px); filter:brightness(1.05);}
.btn.ghost{background:transparent; color:var(--fg); box-shadow:inset 0 0 0 1px var(--line);}

/* Шапка */
.top{position:sticky; top:0; z-index:20; backdrop-filter:blur(8px);
  background:color-mix(in srgb, var(--bg) 82%, transparent); border-bottom:1px solid var(--line);}
.top .wrap{display:flex; align-items:center; justify-content:space-between; height:60px;}
/* Браузер Telegram на iPhone (20.10, как на сайтах мастериц — showroom.html html.in-tg): пускает страницу под свою
   прозрачную плашку, а верх для прилипания считает ниже неё — над шапкой щель с текстом. Там шапка не прилипает. */
html.in-tg .top{position:relative;}
.brand{font-family:var(--head); font-size:1.5rem; font-weight:700;}
.top nav{display:flex; gap:22px; align-items:center; font-size:.95rem; color:var(--muted);}
.top nav a:hover{color:var(--fg);}
/* «Войти» — кнопка, а не ссылка: мастерицы теряли вход в кабинет (отзыв 2026-09-30). */
.top .enter{padding:9px 20px; border-radius:3px; background:var(--accent); color:var(--on); font-weight:600;
  box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 30%, transparent);}
.top .enter:hover{color:var(--on); filter:brightness(1.06);}
@media (max-width:720px){ .top nav .hide{display:none;} }