/* ═══════════════════════════════════════════════════════════════
   VELOURA EAST — LEGAL / POLICY PAGES (shared)
   Used by privacy.php, terms.php, refund-policy.php, cookies.php.
   Previously duplicated as an inline <style> block in both
   privacy.php and terms.php (verbatim except comments) — now a
   single shared stylesheet all four legal pages link to.
   Hero uses the site-wide .collection-hero / .editorial-section
   classes; only this .priv__* content layout is page-specific.
═══════════════════════════════════════════════════════════════ */
   VELOURA EAST — PRIVACY POLICY (scoped, prefixed priv__)
   Hero above still uses the shared .collection-hero / .editorial-
   section classes for consistency with other legal pages.
═══════════════════════════════════════════════════════════════ */
.editorial-section.priv { padding-top:64px; }

.priv__intro { max-width:760px; margin:0 auto 56px; }
.priv__effective {
  display:inline-block; font-size:10.5px; letter-spacing:2px; text-transform:uppercase;
  color:var(--gold-2); border:1px solid var(--gold-line); padding:7px 16px; margin-bottom:20px;
}
.priv__intro p { font-size:15px; color:var(--muted); line-height:1.95; }

.priv__layout {
  display:grid; grid-template-columns:240px 1fr; gap:64px; align-items:start;
  max-width:1080px; margin:0 auto;
}

/* Sticky TOC */
.priv__toc { position:sticky; top:100px; }
.priv__toc-label {
  display:block; font-size:10px; letter-spacing:2.5px; text-transform:uppercase;
  color:var(--muted); margin-bottom:16px;
}
.priv__toc ol { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.priv__toc li { border-left:2px solid var(--border); }
.priv__toc a {
  display:block; padding:8px 0 8px 16px; font-size:13px; color:var(--muted);
  text-decoration:none; line-height:1.4; transition:color .2s ease;
}
.priv__toc a:hover { color:var(--black); }
.priv__toc li.active { border-left-color:var(--gold); }
.priv__toc li.active a { color:var(--black); font-weight:600; }

/* Sections */
.priv__content { max-width:720px; }
.priv__section { padding-bottom:44px; margin-bottom:44px; border-bottom:1px solid var(--border); scroll-margin-top:100px; }
.priv__section:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.priv__section-head { display:flex; align-items:baseline; gap:16px; margin-bottom:18px; }
.priv__section-num {
  font-family:'Playfair Display',serif; font-size:15px; color:var(--gold); flex-shrink:0; line-height:1.4;
}
.priv__section-head h2 {
  font-family:'Playfair Display',serif; font-size:22px; font-weight:600; color:var(--black); margin:0; line-height:1.3;
}
.priv__section-body { font-size:14.5px; color:var(--muted); line-height:1.95; }
.priv__section-body p { margin-bottom:16px; }
.priv__section-body p:last-child { margin-bottom:0; }
.priv__section-body ul { display:flex; flex-direction:column; gap:8px; margin:16px 0; }
.priv__section-body li { padding-left:18px; position:relative; list-style:none; }
.priv__section-body li::before { content:'—'; position:absolute; left:0; color:var(--gold); }
.priv__section-body strong { color:var(--black); font-weight:600; }
.priv__section-body a { color:var(--gold-2); text-decoration:underline; text-underline-offset:2px; }
.priv__section-body a:hover { color:var(--gold); }

@media (max-width:900px) {
  .priv__layout { grid-template-columns:1fr; gap:8px; }
  .priv__toc {
    position:static; margin-bottom:36px; padding-bottom:20px; border-bottom:1px solid var(--border);
  }
  .priv__toc ol { flex-direction:row; flex-wrap:wrap; gap:8px; }
  .priv__toc li { border-left:none; }
  .priv__toc a {
    padding:7px 14px; border:1px solid var(--border); border-radius:30px; font-size:12px;
  }
  .priv__toc li.active a { border-color:var(--gold); background:rgba(201,169,110,.06); }
}
@media (max-width:600px) {
  .priv__section-head { flex-direction:column; gap:4px; }
}