/* ============================================================
   Legal pages (General Terms, Merchant Terms, Privacy Policy)
   Loaded after stur.css.
   ============================================================ */

/* ---- Dark title band under the glass nav ---- */
.terms-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  text-align: center;
  padding: 180px var(--gutter) 90px;
  color: var(--white);
  background: linear-gradient(144.58deg, #02030c 7.74%, #030828 37.32%, #06166e 60.14%, #02061e 92.27%);
}
.terms-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  right: -200px;
  top: -220px;
  width: 760px;
  height: 520px;
  filter: blur(40px);
  background: radial-gradient(closest-side, rgba(40, 90, 255, 0.5), rgba(40, 90, 255, 0));
}
.terms-title {
  font-family: var(--font-head);
  font-weight: 500;
  font-size: 64px;
  line-height: 70px;
  letter-spacing: -1.28px;
  margin: 0 auto 18px;
  max-width: 800px;
  text-wrap: balance;
}
.terms-title-gradient { color: rgba(255, 255, 255, 0.55); }
.terms-title .mobile-br { display: none; }
.terms-date { color: rgba(255, 255, 255, 0.75); font-size: 16px; }

/* ---- Body ---- */
.terms-content {
  max-width: 840px;
  margin: 0 auto;
  padding: 80px var(--gutter) var(--section-y);
}
.terms-body { font-size: 16px; line-height: 26px; color: #1a1c24; }
.terms-body p { margin: 0; }
.terms-body h2 {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.22px;
  color: var(--black);
  margin: 12px 0 0;
}
.terms-body .gap { line-height: 14px; }
.terms-body ul { margin: 0; padding-left: 24px; list-style: disc; display: flex; flex-direction: column; gap: 6px; }
.terms-body ul li::marker { color: var(--blue); }
.terms-body a { color: var(--blue); text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 860px) {
  .terms-hero { padding: 140px var(--gutter) 60px; }
  .terms-title { font-size: 42px; line-height: 48px; letter-spacing: -0.84px; }
  .terms-content { padding-top: 50px; }
  .terms-body { font-size: 15px; line-height: 24px; }
  .terms-body h2 { font-size: 19px; line-height: 25px; }
}