/* Общие стили сайта Mantra Music Academy (токены, база, курсор, анимации) */

/* ── RESET ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{background:#fff;color:#1d1d1f;font-family:'Jost',sans-serif;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{border:none;background:none;cursor:pointer;font-family:inherit}

/* ── TOKENS ── */
:root{
  --gold:#b08a45;
  --gold2:#8a6a2e;
  --goldL:#d4aa6a;
  --goldXL:#f0e4cc;
  --ink:#1d1d1f;
  --ink2:#3a3a3c;
  --mid:#6e6e73;
  --soft:#aeaeb2;
  --line:rgba(0,0,0,.09);
  --lineW:rgba(255,255,255,.12);
  --bg:#ffffff;
  --bg2:#f5f5f7;
  --bg3:#faf9f6;
  --warm:#f2ede6;
  --r:16px;
  --rL:24px;
  --ease:cubic-bezier(.25,.46,.45,.94);
}

/* ── CURSOR ── */
.cur,.cur-r{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}
.cur{width:10px;height:10px;background:var(--gold);transition:width .3s,height .3s,opacity .3s}
.cur-r{width:36px;height:36px;border:1.5px solid rgba(176,138,69,.4);transition:width .25s var(--ease),height .25s var(--ease),border-color .25s}
@media(hover:none){.cur,.cur-r{display:none}body{cursor:auto}}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ── ОБЩИЕ СЕКЦИИ (раньше жили только в index.html — из-за этого развалилась «Бесплатный урок») ── */
.wrap{max-width:1140px;margin:0 auto;padding:0 32px}
.sec{padding:112px 0}
.sec-warm{background:var(--warm)}
.sec-bg2{background:var(--bg2)}
.ey{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.h2{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,5vw,66px);font-weight:400;line-height:1.08;letter-spacing:-.02em}
.h2 em{font-style:italic;color:var(--gold)}
.h2-center{text-align:center}
.body-p{font-size:17px;line-height:1.8;color:var(--mid);font-weight:300}
.rule{width:44px;height:1.5px;background:var(--gold);margin:20px 0}
.divider{height:1px;background:var(--line);max-width:1140px;margin:0 auto}
@media(max-width:600px){.wrap{padding:0 20px}.sec{padding:80px 0}}

/* ── ЛОГОТИП В ШАПКЕ — один на всех страницах ── */
.nav-logo.nav-logo-pill{display:inline-flex;align-items:center;}
.nav-logo-img{height:32px;width:auto;display:block}
nav .nav-cta{white-space:nowrap}

/* ── ТЕЛЕФОН: мелкие ссылки — удобная зона нажатия ── */
@media(max-width:600px){
  body .ccat-wait{display:inline-flex;align-items:center;min-height:40px}
  body .footer-links a{display:inline-flex;align-items:center;min-height:36px}
}

/* ── МЕНЬШЕ ДВИЖЕНИЯ — для тех, кто отключил анимации в системе ── */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}

/* ── ПЛАШКА ПРО COOKIE (показывается только вместе с Яндекс Метрикой) ── */
.cookie-note{position:fixed;left:16px;right:16px;bottom:16px;z-index:900;max-width:560px;margin:0 auto;background:#1a1612;color:rgba(255,255,255,.85);border-radius:16px;padding:14px 16px;display:flex;gap:14px;align-items:center;font-size:13px;line-height:1.5;box-shadow:0 12px 40px rgba(0,0,0,.3)}
.cookie-note a{color:var(--goldL);border-bottom:1px solid rgba(212,170,106,.4)}
.cookie-note button{flex-shrink:0;background:var(--gold);color:#fff;border-radius:100px;padding:9px 18px;font-size:13px;font-weight:500}

/* ── ЮРИДИЧЕСКАЯ СТРОКА ПОДВАЛА: реквизиты ИП + документы — на КАЖДОЙ странице ── */
.legal-line{max-width:1140px;margin:28px auto 0;padding:20px 32px 0;border-top:1px solid rgba(255,255,255,.06);font-size:11px;line-height:1.8;letter-spacing:.03em;color:rgba(255,255,255,.3);text-align:center}
.legal-line a{color:rgba(255,255,255,.45);transition:color .25s}
.legal-line a:hover{color:rgba(255,255,255,.8)}
.legal-line .ll-docs{margin-top:4px}
.legal-line .sep{margin:0 8px;opacity:.6}
/* светлый подвал — страницы документов и покупки */
.legal-foot{background:var(--bg3);border-top:1px solid var(--line);padding:24px 0 28px}
.legal-foot .legal-line{margin-top:0;padding-top:0;border-top:none;color:var(--mid)}
.legal-foot .legal-line a{color:var(--ink2)}
.legal-foot .legal-line a:hover{color:var(--gold)}
@media(max-width:600px){.legal-line{padding-left:20px;padding-right:20px}.legal-line .sep{margin:0 5px}}