/* ============================================================
   8SKIN PRO — LEGAL PAGES
   Privacy, refunds, terms. Everything scoped to .eskp-legal so
   it cannot reach any other page.
   ============================================================ */

.eskp-legal{
  --white:#FFFFFF; --ink:#0A0A09;
  --gold:#C9A55A; --gold-deep:#8A6E3C; --gold-light:#E4BA78;
  --paper:#FAF8F5; --pearl:#EFE9E4;
  --ink-soft:#3A3733; --muted:#8C857C; --line:#E8E2DC;
  --sans:'DM Sans','Cormorant Garamond',system-ui,-apple-system,sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
  --pad:22px;

  font-family:var(--sans);font-weight:400;font-size:15px;line-height:1.75;
  color:var(--ink-soft);background:var(--white);
  -webkit-font-smoothing:antialiased;display:block;
}
.eskp-legal *,
.eskp-legal *::before,
.eskp-legal *::after{box-sizing:border-box}

.eskp-legal article{padding:52px 0 68px}
.eskp-legal .wrap{max-width:760px;margin-inline:auto;padding-inline:var(--pad)}

/* ---------- headings ---------- */
.eskp-legal .eyebrow{
  display:flex;align-items:center;gap:12px;margin:0 0 18px;
  font-weight:700;font-size:10px;letter-spacing:.32em;
  text-transform:uppercase;color:var(--gold-deep);
}
.eskp-legal .eyebrow::before{content:"";width:20px;height:1px;background:var(--gold);flex:none}

.eskp-legal h1{
  font-family:var(--serif);font-weight:500;font-size:38px;line-height:1.02;
  letter-spacing:-.028em;color:var(--ink);margin:0 0 12px;
}
.eskp-legal h2{
  font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.1;
  letter-spacing:-.022em;color:var(--ink);
  margin:44px 0 14px;padding-top:16px;border-top:1px solid var(--gold);
}
.eskp-legal h3{
  font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.15;
  color:var(--ink);margin:28px 0 10px;
}

/* ---------- text ---------- */
.eskp-legal p{margin:0 0 15px}
.eskp-legal .updated{
  font-size:10px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin:0 0 34px;
}
.eskp-legal .lead{font-size:17px;line-height:1.55;color:var(--ink);font-weight:400}
.eskp-legal strong{font-weight:500;color:var(--ink)}
.eskp-legal a{color:var(--gold-deep)}
.eskp-legal code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.88em;background:var(--pearl);padding:1px 5px;
}

/* ---------- lists ---------- */
.eskp-legal ul,
.eskp-legal ol{margin:0 0 16px;padding-left:0;list-style:none}
.eskp-legal li{position:relative;padding:0 0 10px 20px}
.eskp-legal li::before{
  content:"\00b7";position:absolute;left:5px;top:-3px;
  font-size:20px;color:var(--gold-deep);
}
.eskp-legal ol{counter-reset:n}
.eskp-legal ol li::before{
  counter-increment:n;content:counter(n);
  font-size:11px;font-weight:700;color:var(--gold-deep);top:1px;left:2px;
}

/* ---------- tables ---------- */
.eskp-legal table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px}
.eskp-legal th,
.eskp-legal td{
  text-align:left;padding:12px 14px 12px 0;
  border-bottom:1px solid var(--line);vertical-align:top;font-weight:400;
}
.eskp-legal thead th{
  font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);border-bottom:1px solid var(--ink);
}
.eskp-legal td:first-child{color:var(--ink);padding-right:20px}

/* ---------- panels ---------- */
.eskp-legal .panel{
  border:1px solid var(--gold);background:var(--paper);
  padding:24px 20px;margin:0 0 30px;
}
.eskp-legal .panel p:last-child{margin-bottom:0}
.eskp-legal .panel .k{
  font-size:10px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--gold-deep);margin:0 0 12px;
}

.eskp-legal .contact{border:1px solid var(--line);padding:24px 20px;margin-top:34px}
.eskp-legal .contact p{margin:0 0 6px;font-size:14px}
.eskp-legal .contact .k{
  font-size:9px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted);margin-bottom:10px;
}

/* ============================================================ */
@media (min-width:600px){
  .eskp-legal{--pad:40px;font-size:16px}
  .eskp-legal h1{font-size:50px}
  .eskp-legal h2{font-size:31px}
  .eskp-legal article{padding:70px 0 86px}
  .eskp-legal .panel{padding:32px 30px}
}
@media (min-width:1100px){
  .eskp-legal{--pad:48px}
  .eskp-legal h1{font-size:56px}
}

.eskp-legal *:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}