/* SBI Design Tokens */
:root {
  --primary: #008659;
  --primary-light: #d9efe8;
  --dark: #012d1f;
  --accent: #00748e;
  --font-heading: 'Playfair Display', sans-serif;
  --font-body: 'Inter', sans-serif;
  --dim: #374151;
  --c: #008659;
  --cd: #012d1f;
  --cl: #d9efe8;
  --c-rgb: 0,134,89;
  --ink: #0f172a;
  --bg: #f8fafc;
}

/* Mobile nav drawer fix (overflow) */
@media (max-width: 900px) {
  .nav .nav-links {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(82vw, 320px) !important;
    max-width: 100vw !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 76px 18px 24px !important;
    background: var(--bg, #fff) !important;
    box-shadow: -4px 0 24px rgba(15,23,42,.18) !important;
    transform: translateX(100%) !important;
    transition: transform .3s ease !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
    display: flex !important;
  }
  .nav .nav-links.open {
    transform: translateX(0) !important;
  }
}
/* SBI layout-overlap fixes */
@media (min-width: 769px) and (max-width: 1100px) {
  .voordelen-grid, .ms12-voordelen-grid { grid-template-columns: 1fr 1fr !important; }
  .ms12-guarantee-grid, .ms12-guarantee-list { grid-template-columns: 1fr !important; }
}
.ms-pricing-grid { align-items: stretch; }
.ms-price-card { overflow: visible; align-self: stretch; }
.ms-price-card--featured { transform: none !important; margin-top: 0 !important; }
.ms-price-card .ms-price-badge { top: 14px !important; right: 14px !important; left: auto !important; max-width: calc(100% - 28px); white-space: nowrap; }

@media print {
  nav, footer, .no-print { display: none !important; }
  body { font-size: 12pt; color: #000; }
  a { text-decoration: underline; }
}
