/* FitMyEars IL — общая база страниц (иврит, RTL). Токены синхронизированы с index.html */
:root{
  --color-bg:#0a0808;
  --color-text:#f0ede8;
  --color-accent:#c9a84c;
  --color-surface:#1a1410;
  --color-divider:#2a2018;
  --color-muted:#6c5f51;
  --font-main:'Sora','Heebo',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --text-caption:10px;
  --text-body:15px;
  --text-subheading:18px;
  --text-heading-sm:24px;
  --text-heading:29px;
  --text-heading-lg:41px;
  --text-display:51px;
  --radius-pill:36px;
  --ease:cubic-bezier(.4,0,.2,1);
  --maxw:900px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-main);
  font-size:var(--text-body);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
body.rtl{text-align:right}
/* Русский текст под ивритской шапкой (пока нет перевода) — остаётся LTR. */
body.rtl main[dir="ltr"]{text-align:left}
main[hidden]{display:none}
a{color:inherit}
img{max-width:100%;height:auto;display:block}

/* ——— NAV ——— */
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:18px 28px;
  background:transparent;   /* меню прозрачное всегда */
  border-bottom:1px solid transparent;
}
.nav-logo{font-weight:800;letter-spacing:.02em;text-decoration:none;font-size:17px}
.nav-links{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav-links a{
  text-decoration:none;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--color-text);opacity:.72;
  transition:opacity .25s var(--ease),color .25s var(--ease);
}
.nav-links a:hover,.nav-links a[aria-current="page"]{opacity:1;color:var(--color-accent)}
.nav-cta{
  border:1px solid var(--color-accent);color:var(--color-accent);
  border-radius:var(--radius-pill);padding:9px 20px;
  /* Чуть крупнее остальных пунктов меню (просьба владельца, 10.09.2026). */
  font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  white-space:nowrap;transition:background .25s var(--ease),color .25s var(--ease);
}
.nav-cta:hover{background:var(--color-accent);color:var(--color-bg)}

/* ——— LAYOUT ——— */
.page{max-width:var(--maxw);margin:0 auto;padding:72px 28px 96px}
.kicker{
  font-size:var(--text-caption);letter-spacing:.22em;text-transform:uppercase;
  color:var(--color-accent);margin:0 0 14px
}
h1.title{font-size:var(--text-heading-lg);line-height:1.15;margin:0 0 20px;font-weight:800}
/* «Политика конфиденциальности» одним словом шире экрана телефона —
   разрешаем перенос, иначе появляется горизонтальная прокрутка. */
h1.title,h2,h3,.lead{overflow-wrap:break-word}
h2{font-size:var(--text-heading-sm);margin:52px 0 14px;font-weight:700}
h3{font-size:var(--text-subheading);margin:32px 0 10px;font-weight:600}
.lead{font-size:var(--text-subheading);color:#cfc7bb;margin:0 0 8px;line-height:1.7}
p{margin:0 0 16px}
ul,ol{padding-inline-start:22px;margin:0 0 16px}
li{margin:0 0 8px}
.muted{color:var(--color-muted)}
.divider{height:1px;background:var(--color-divider);border:0;margin:56px 0}

/* ——— CARDS / STEPS ——— */
.grid{display:grid;gap:18px}
@media(min-width:760px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}}
.card{
  background:var(--color-surface);
  border:1px solid var(--color-divider);
  border-radius:18px;padding:26px 24px;
}
.card h3{margin-top:0}
.step-num{
  font-size:var(--text-caption);letter-spacing:.2em;color:var(--color-accent);
  display:block;margin-bottom:10px
}
.callout{
  border-inline-start:2px solid var(--color-accent);
  background:var(--color-surface);
  border-radius:0 14px 14px 0;padding:18px 22px;margin:24px 0
}
body.rtl .callout{border-radius:14px 0 0 14px}

/* ——— FOOTER ——— */
.footer{
  border-top:1px solid var(--color-divider);
  padding:40px 28px 56px;text-align:center;
  color:var(--color-muted);font-size:12px;line-height:2
}
.footer a{color:var(--color-muted);text-decoration:none}
.footer a:hover{color:var(--color-accent)}
.footer-nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}

/* ——— RESPONSIVE ——— */
@media(max-width:640px){
  :root{--text-heading-lg:28px;--text-display:36px}
  .nav{padding:14px 18px;gap:14px}
  .nav-links{gap:14px}
  .page{padding:48px 20px 72px}
}

/* Телефон: поля ввода не мельче 16px — иначе iPhone увеличивает страницу при
   нажатии на поле и не возвращает масштаб (баг владельца 04.10.2026). */
@media (max-width:760px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px !important}
}