/* ============================================================
   TicketGift — стили для юридических страниц
   (оферта, политика конфиденциальности, соглашение, согласие)
   ============================================================ */
:root{
  --bg:#F7F5F0; --surface:#FFFFFF;
  --ink:#1A1714; --ink2:#4A4540; --ink3:#8A837C;
  --gold:#C9913A; --gold-light:#E0B563; --gold-pale:#FBF3E3;
  --radius:20px; --radius-sm:14px;
  --shadow:0 4px 24px rgba(26,23,20,0.08);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Onest',sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;line-height:1.65;}

/* nav */
nav{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:68px;background:rgba(247,245,240,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,145,58,.15);position:sticky;top:0;z-index:50;}
nav .logo{font-family:'Clash Display',sans-serif;font-size:1.4rem;font-weight:700;color:var(--ink);text-decoration:none;}
nav .logo span{color:var(--gold);}
nav .nav-back{font-size:.9rem;color:var(--ink2);text-decoration:none;transition:color .2s;}
nav .nav-back:hover{color:var(--gold);}

/* layout */
.legal-wrap{flex:1;max-width:880px;width:100%;margin:0 auto;padding:48px 24px 80px;}
.legal-head{margin-bottom:36px;}
.legal-kicker{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:var(--gold-pale);padding:6px 14px;border-radius:999px;margin-bottom:16px;}
h1.legal-title{font-family:'Clash Display',sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:14px;}
.legal-meta{font-size:.9rem;color:var(--ink3);}
.legal-meta b{color:var(--ink2);font-weight:600;}

/* draft banner */
.draft-note{background:#FFF8E8;border:1px solid rgba(201,145,58,.35);border-radius:var(--radius-sm);padding:16px 20px;font-size:.9rem;color:var(--ink2);margin:24px 0 8px;}
.draft-note b{color:var(--ink);}

/* content card */
.legal-card{background:var(--surface);border:1px solid rgba(26,23,20,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 44px;margin-top:28px;}
.legal-card h2{font-family:'Clash Display',sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:-.02em;margin:34px 0 14px;padding-top:14px;border-top:1px solid rgba(26,23,20,.07);}
.legal-card h2:first-child{margin-top:0;padding-top:0;border-top:none;}
.legal-card h3{font-size:1.05rem;font-weight:600;color:var(--ink);margin:22px 0 10px;}
.legal-card p{margin:0 0 14px;color:var(--ink2);}
.legal-card ul,.legal-card ol{margin:0 0 16px;padding-left:24px;color:var(--ink2);}
.legal-card li{margin-bottom:8px;}
.legal-card a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,145,58,.35);}
.legal-card a:hover{color:var(--ink);}
.legal-card strong{color:var(--ink);font-weight:600;}
.legal-card .ph{background:var(--gold-pale);color:#9a6e22;padding:1px 6px;border-radius:5px;font-size:.92em;white-space:nowrap;}

/* table */
.legal-card table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.92rem;}
.legal-card th,.legal-card td{border:1px solid rgba(26,23,20,.12);padding:10px 12px;text-align:left;vertical-align:top;}
.legal-card th{background:var(--gold-pale);font-weight:600;color:var(--ink);}
.legal-card td{color:var(--ink2);}

/* requisites block */
.requisites{background:#FBFAF7;border:1px dashed rgba(201,145,58,.4);border-radius:var(--radius-sm);padding:20px 24px;margin-top:18px;font-size:.95rem;}
.requisites p{margin-bottom:6px;}

/* footer */
footer{background:var(--ink);color:rgba(255,255,255,.7);padding:36px 48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;}
footer .footer-logo{font-family:'Clash Display',sans-serif;font-size:1.25rem;font-weight:700;color:#fff;}
footer .footer-logo span{color:var(--gold);}
footer .footer-links{display:flex;flex-wrap:wrap;gap:22px;list-style:none;}
footer .footer-links a{color:rgba(255,255,255,.6);text-decoration:none;font-size:.85rem;transition:color .2s;}
footer .footer-links a:hover{color:var(--gold-light);}
footer .footer-copy{font-size:.8rem;color:rgba(255,255,255,.45);width:100%;}

@media(max-width:680px){
  nav{padding:0 20px;}
  .legal-card{padding:28px 22px;}
  h1.legal-title{font-size:1.7rem;}
  footer{padding:28px 22px;}
}