/* hamburger.css — hamburger button + mobile sheet menu (grouped sections) */

.hamburger { display: none; background: none; border: none; padding: .35rem; border-radius: 12px; cursor: pointer; }
.hamburger span { display: block; width: 24px; height: 2px; border-radius: 999px; background: #fff; margin: 5px 0; transition: .2s ease; }
.nav.scrolled .hamburger span { background: var(--ink); }

.mobile-sheet {
  display: none; position: fixed; inset: var(--nav-h) 0 0 0; z-index: 999;
  background: #f6f4f1; padding: 1rem 1rem 2rem; overflow: auto; border-top: 1px solid rgba(17,19,21,.08);
}
.mobile-card { background: #fff; border: 1px solid var(--line); border-radius: 24px; padding: 1rem; box-shadow: var(--shadow-soft); }

/* Top "Home" link */
.mobile-home {
  display: block; padding: 1rem; font-weight: 800; text-decoration: none; border-radius: 14px;
  color: var(--ink); font-size: 1.05rem; background: var(--orange-soft);
}
.mobile-home:hover { background: #ffe4d0; }

/* Section group (Explore the Platform, Company, Legal, Get in Touch) */
.mobile-section { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.mobile-section-label {
  padding: .25rem 1rem .55rem; font-size: .74rem; color: var(--slate);
  text-transform: uppercase; letter-spacing: .08em; font-weight: 800;
}
.mobile-link {
  display: block; padding: .75rem 1rem; font-weight: 600; text-decoration: none;
  border-radius: 14px; color: var(--ink-3); font-size: .98rem;
}
.mobile-link:hover { background: #f7f4f1; color: var(--ink); }

/* Sign in to your Account CTA at the bottom */
.mobile-signin {
  display: block; margin-top: 1.25rem; padding: 1rem 1.25rem;
  background: var(--orange); color: #fff !important;
  border-radius: 14px; text-align: center; text-decoration: none; font-weight: 800;
  box-shadow: 0 12px 24px rgba(232,111,45,.22);
}
.mobile-signin:hover { background: var(--orange-deep); }

@media (max-width: 1100px) {
  .hamburger { display: block; }
  .mobile-sheet.open { display: block; }
}