/* ===== Spend2Own — BASIC Mobile Menu Styles ===== */
:root{--bg:#0f172a;--text:#e5e7eb;--border:rgba(255,255,255,.12)}

/* Header area defaults */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.nav{display:flex;align-items:center;gap:1rem}
.nav .desktop-links a{color:var(--text);text-decoration:none;opacity:.9}
.nav .desktop-links a:hover{opacity:1}

/* Mobile button */
.mobile-menu-btn{display:none;appearance:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:.5rem .7rem;border-radius:.5rem}

/* Full-screen solid mobile menu */
.mobile-menu{position:fixed;inset:0;background:var(--bg);color:var(--text);z-index:9999;padding:1rem;overflow-y:auto}
.mobile-menu[hidden]{display:none}
.mobile-menu .close{position:absolute;top:12px;right:12px;border:none;background:transparent;color:var(--text);font-size:24px;line-height:1;cursor:pointer}
.mobile-menu a{display:block;padding:.9rem 0;border-bottom:1px dashed var(--border);text-decoration:none;color:var(--text)}
.mobile-menu a:last-child{border-bottom:0}

/* Responsive rules */
@media (max-width:900px){
  .nav .desktop-links{display:none}
  .mobile-menu-btn{display:inline-flex}
}
@media (min-width:901px){
  .mobile-menu-btn{display:none}
}