/* ============================================================
   Legal pages (Privacy Policy, Refund & Return Policy)
   Extends styles.css — does not duplicate shared tokens/classes
   ============================================================ */

.sec-legal{
  padding: 80px var(--pad-desktop);
  display:flex; justify-content:center;
}
.legal-content{
  width:100%; max-width: 760px;
}
.legal-content .legal-updated{
  font-family: var(--font-body); font-size: clamp(14px,1vw,16px);
  color: var(--secondary); margin: 0 0 24px;
}
.legal-content .h2-heading{ margin-bottom: 24px; }
.legal-content .h3-heading{ margin-top: 40px; }
.legal-content .body-copy{ margin-bottom: 16px; }
.legal-content .body-copy + .h3-heading{ margin-top: 40px; }

.legal-content ul,
.legal-content ol{
  margin: 0 0 20px;
  padding-left: 24px;
  display:flex; flex-direction:column; gap: 10px;
}
.legal-content ul{ list-style: disc; }
.legal-content ol{ list-style: decimal; }
.legal-content ul li,
.legal-content ol li{
  font-family: var(--font-body); font-size: clamp(16px,1.2vw,18px);
  color: var(--text); line-height:1.6; padding-left: 4px;
}
.legal-content ul li::marker,
.legal-content ol li::marker{ color: var(--secondary); }

.legal-content ul ul,
.legal-content ol ol{ margin: 4px 0 0; }

@media (max-width: 720px){
  .sec-legal{ padding: 40px var(--pad-mobile); }
}