/* Naisu Store - halaman ketentuan layanan */
.terms-page { display: flex; justify-content: center; padding: 40px 20px; min-height: calc(100vh - 140px); }
.terms-card { width: 100%; max-width: 760px; align-self: flex-start; padding: 32px 28px; background: rgba(25, 26, 27, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); }
.terms-card h1 { margin: 0 0 4px; font-size: 24px; font-weight: 700; color: #fff; }
.terms-sub { margin: 0 0 24px; font-size: 13px; line-height: 1.4; color: var(--text-soft); }

.terms-list { list-style: none; margin: 0; padding: 0; counter-reset: terms; }
.terms-list li { position: relative; counter-increment: terms; margin-bottom: 12px; padding: 14px 16px 14px 56px; font-size: 14px; line-height: 1.6; color: #ddd; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 8px; }
.terms-list li::before { content: counter(terms); position: absolute; left: 14px; top: 14px; display: grid; place-items: center; width: 28px; height: 28px; font-size: 13px; font-weight: 700; color: #191a1b; background: var(--primary); border-radius: 50%; }

.terms-foot { margin-top: 24px; padding-top: 18px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.btn-back { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 22px; font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; border: 1px solid #444; border-radius: 8px; transition: all .2s ease; }
.btn-back:hover { color: var(--primary); border-color: var(--primary); }

@media (max-width: 480px) {
  .terms-page { padding: 24px 16px; }
  .terms-card { padding: 24px 16px; }
  .terms-list li { padding: 12px 12px 12px 50px; font-size: 13px; }
  .terms-list li::before { left: 12px; top: 12px; }
}