/* Stranice politike privatnosti i uvjeta korištenja u stilu novog dizajna */
.legal-hero { padding-bottom: 96px; }
.legal-nav { display: flex; align-items: center; gap: 24px; }
.legal-nav > a:not(.button) { color: rgba(255,255,255,.84); font-size: .94rem; font-weight: 700; text-decoration: none; }
.legal-nav > a:not(.button):hover { color: #fff; }
.legal-title { position: relative; z-index: 1; padding-top: 56px; }
.legal-title .eyebrow { color: #75e5ee; }
.legal-title h1 { margin-bottom: 0; font-size: clamp(2.2rem, 4.4vw, 3.8rem); }

.legal-main { position: relative; z-index: 3; margin-top: -56px; margin-bottom: 72px; }
.policy-card { max-width: 920px; margin: 0 auto; padding: 44px 52px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.policy-card h2 { margin: 40px 0 14px; color: var(--navy-900); font-size: 1.6rem; }
.policy-card h3 { margin: 26px 0 10px; color: var(--ink); font-size: 1.15rem; letter-spacing: -.01em; }
.policy-card p, .policy-card li { color: #46526f; font-size: 1rem; line-height: 1.75; }
.policy-card li { margin-bottom: 7px; }
.policy-card a { color: var(--blue-600); font-weight: 700; }
.policy-updated { margin-bottom: 24px; color: var(--muted); font-size: .88rem; font-weight: 700; }
.policy-toc { margin: 26px 0; padding: 20px 24px; background: var(--surface-soft); border: 1px solid var(--line); border-left: 4px solid var(--blue-500); border-radius: 12px; }
.policy-toc ul { margin: 8px 0 0; }
.policy-note { padding: 16px 20px; background: #eefaff; border: 1px solid #b9ddff; border-radius: 12px; }
.policy-card table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: .92rem; }
.policy-card th, .policy-card td { padding: 10px 12px; text-align: left; border: 1px solid var(--line); }
.policy-card th { background: var(--surface-soft); color: var(--navy-900); }

@media (max-width: 760px) {
  .legal-nav > a:not(.button) { display: none; }
  .legal-title { padding-top: 36px; }
  .policy-card { padding: 28px 20px; }
  .policy-card h2 { font-size: 1.35rem; }
  .policy-card table { display: block; overflow-x: auto; }
}