.drp-reference-legal {
  --gold: #C9A96E;
  --gold-dim: rgba(201,169,110,.6);
  --gold-faint: rgba(201,169,110,.12);
  --black: #0C0B09;
  --ink: #1C1C1C;
  --cream: #F7F4EF;
  --warm: #F2EEE7;
  --muted: #1C1C1C;
  --border: rgba(201,169,110,.2);
  background: var(--cream);
  color: var(--ink);
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  overflow: clip;
}
.drp-reference-legal *,
.drp-reference-legal *::before,
.drp-reference-legal *::after { box-sizing: border-box; }
.drp-reference-legal :where(h1,h2,h3,p,ul,ol) { margin: 0; }
/* ════════════════════════════════════
       LEGAL PAGE
    ════════════════════════════════════ */
    .legal-hero { background: var(--black); padding: 80px 40px 60px; position: relative; }
    .legal-hero::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, transparent, #C9A96E 20%, #C9A96E 80%, transparent); }
    .legal-hero-inner { max-width: 860px; margin: 0 auto; }
    .legal-tag { font-size: 12px; letter-spacing: .25em; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; display: block; }
    .legal-hero h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(36px,5vw,64px); font-weight: 400; color: #fff; line-height: 1.08; margin-bottom: 16px; }
    .legal-hero .updated { font-size: 11px; letter-spacing: .12em; color: rgba(255,255,255,0.3); }
    .legal-body { max-width: 860px; margin: 0 auto; padding: 80px 40px 120px; }
    .legal-body h2 { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 400; color: var(--ink); margin: 48px 0 16px; padding-top: 48px; border-top: .5px solid var(--border); }
    .legal-body h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }
    .legal-body p { font-size: 14px; line-height: 1.85; color: var(--muted); margin-bottom: 16px; }
    .legal-body ul { margin: 0 0 16px 20px; }
    .legal-body ul li { font-size: 14px; line-height: 1.85; color: var(--muted); margin-bottom: 6px; }
    .legal-body a { color: var(--gold); text-decoration: none; border-bottom: .5px solid var(--gold); }
    .legal-body a:hover { opacity: .75; }

    /* ── Interstate Stores ── */
    .interstate-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-top: 28px;
    }
    .interstate-state {
      background: var(--warm);
      border: 1px solid rgba(201,169,110,0.15);
      padding: 28px;
    }
    .interstate-state-heading {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 12px;
    }
    .interstate-flag {
      background: var(--gold);
      color: var(--black);
      font-family: 'Jost', sans-serif;
      font-size: 9px;
      font-weight: 500;
      letter-spacing: 1.5px;
      padding: 3px 8px;
    }
    .interstate-state h3 {
      font-family: 'Cormorant Garamond', serif;
      font-size: 22px;
      font-weight: 400;
      color: var(--ink);
      margin: 0;
    }
    .interstate-intro {
      font-size: 12px;
      color: var(--ink);
      line-height: 1.65;
      margin-bottom: 20px;
      opacity: 0.75;
    }
    .interstate-stores {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .interstate-store {
      border-left: 2px solid var(--gold);
      padding-left: 14px;
    }
    .interstate-store-name {
      font-family: 'Jost', sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: var(--ink);
    }
    .interstate-store-sub {
      font-size: 11px;
      color: var(--ink);
      opacity: 0.6;
      margin-top: 2px;
    }
    @media (max-width: 900px) {
      .interstate-grid { grid-template-columns: 1fr; }
    }
    .legal-contact-box { background: var(--warm); border: .5px solid var(--border); padding: 32px; margin-top: 48px; }
    .legal-contact-box h3 { font-family: 'Cormorant Garamond', serif; font-size: 22px; margin-bottom: 12px; }
    .legal-contact-box p { margin-bottom: 8px; }
    .acl-box { background: var(--black); padding: 32px; margin: 32px 0; border-left: 2px solid var(--gold); }
    .acl-box p { color: rgba(255,255,255,0.65); margin-bottom: 0; }
    .acl-box strong { color: var(--gold); }
    .warranty-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border: .5px solid var(--border); margin: 32px 0; }
    .warranty-card { padding: 28px 24px; border-right: .5px solid var(--border); }
    .warranty-card:last-child { border-right: none; }
    .warranty-card .wc-tag { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }
    .warranty-card h3 { font-family: 'Cormorant Garamond', serif; font-size: 20px; margin-bottom: 6px; }
    .warranty-card .years { font-family: 'Cormorant Garamond', serif; font-size: 40px; color: var(--gold); line-height: 1; margin-bottom: 8px; }
    .warranty-card p { font-size: 12px; line-height: 1.7; color: var(--muted); }
    .cookie-table { width: 100%; border-collapse: collapse; margin: 24px 0; }
    .cookie-table th { text-align: left; padding: 12px 16px; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; background: var(--black); color: var(--gold); border-right: .5px solid rgba(201,169,110,0.15); }
    .cookie-table th:last-child { border-right: none; }
    .cookie-table td { padding: 14px 16px; font-size: 13px; color: var(--muted); border-bottom: .5px solid var(--border); border-right: .5px solid var(--border); vertical-align: top; line-height: 1.7; }
    .cookie-table td:last-child { border-right: none; }
    .cookie-table tr:last-child td { border-bottom: none; }
    .delivery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: .5px solid var(--border); margin: 32px 0; }
    .delivery-card { padding: 32px; border-right: .5px solid var(--border); }
    .delivery-card:last-child { border-right: none; }
    .delivery-card .dc-tag { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }
    .delivery-card h3 { font-family: 'Cormorant Garamond', serif; font-size: 22px; margin-bottom: 12px; }
    .delivery-card p { font-size: 13px; line-height: 1.75; color: var(--muted); }

    @media (max-width: 768px) {
      .header-inner { padding: 0 20px; } .header-nav { display: none; }
      .legal-hero { padding: 60px 20px 40px; } .legal-body { padding: 48px 20px 80px; }
      .footer-inner { padding: 0 20px; }
      .footer-main { grid-template-columns: 1fr 1fr; }
      .footer-brand-band { flex-direction: column; gap: 24px; text-align: center; }
      .footer-socials-block { align-items: center; }
      .warranty-grid { grid-template-columns: 1fr; }
      .warranty-card { border-right: none; border-bottom: .5px solid var(--border); }
      .delivery-grid { grid-template-columns: 1fr; }
      .delivery-card { border-right: none; border-bottom: .5px solid var(--border); }
      .cookie-table { font-size: 11px; }
    }
  

@media (max-width: 768px) {
  .legal-hero { padding: 60px 20px 40px; }
  .legal-body { padding: 48px 20px 80px; }
  .legal-body .warranty-table { display: block; max-width: 100%; overflow-x: auto; }
}
@media (max-width: 390px) {
  .legal-hero { padding-inline: 16px; }
  .legal-body { padding-inline: 16px; }
  .legal-contact-box { padding: 24px 16px; }
}
