/* Homepage-only layout, loaded after polish.css. Wallet controls keep their existing IDs and handlers. */
.pico-menu-toggle { display:none; }
.hero .hero-buttons {
  grid-template-columns:minmax(0,1fr)!important;
  max-width:280px!important;
}
.hero .hero-buttons > .primary-button { width:100%; }
.navbar .pico-menu-toggle:focus-visible,
.navbar .nav-links a:focus-visible,
.navbar .language-toggle:focus-visible,
.navbar .language-button:focus-visible,
.navbar .wallet-button:focus-visible {
  outline:3px solid #ffdc82!important;
  outline-offset:3px;
}
@media(max-width:900px) {
  body .navbar {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 14px!important;
  }
  body .navbar > .logo {
    width:auto!important;
    display:flex!important;
    gap:10px!important;
    padding:0!important;
    min-width:0;
  }
  body .navbar > .logo img { width:42px!important;height:42px!important;border-radius:10px!important; }
  body .navbar > .logo span { font-size:18px!important;line-height:1.3!important; }
  body .navbar > .logo::after { display:none!important;content:none!important; }
  body .navbar .nav-right {
    grid-column:1/-1;
    min-width:0;
    gap:10px!important;
  }
  body .navbar.pico-menu-ready .pico-menu-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    padding:10px 13px;
    border:1px solid #47637d;
    border-radius:11px;
    color:#eff8ff;
    background:#101f31;
    font:700 14px/1.35 Arial,sans-serif;
    cursor:pointer;
  }
  .pico-menu-icon { font-size:18px;line-height:1; }
  body .navbar .nav-links {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  body .navbar.pico-menu-ready:not(.pico-menu-open) .nav-links { display:none!important; }
  body .navbar .nav-links a {
    min-height:44px!important;
    padding:10px 8px!important;
    border-radius:8px;
    color:#dce9f5;
    font:700 13px/1.4 Arial,sans-serif!important;
    overflow-wrap:anywhere;
  }
  body .navbar .nav-links a:hover { background:#193149;color:#fff; }
  body .navbar .wallet-area {
    width:100%!important;
    max-width:none;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    gap:8px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
  }
  body .navbar .wallet-button {
    min-height:44px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
    font-size:13px!important;
    line-height:1.4!important;
    white-space:normal;
  }
  body .navbar .language-toggle {
    min-height:44px;
    padding:10px 12px;
    font-size:13px;
    letter-spacing:.03em;
    border-radius:11px;
  }
  body .navbar .language-menu {
    grid-template-columns:1fr;
    width:min(270px,calc(100vw - 28px));
    max-height:min(420px,calc(100dvh - 145px));
    overscroll-behavior:contain;
  }
  body .navbar .hero-language-rail .language-button {
    min-height:44px!important;
    padding:10px 12px!important;
    font-size:14px!important;
    line-height:1.4!important;
  }
  /* Keep every character of the live balance; only its surrounding presentation changes. */
  body .navbar #walletBalance:not(:empty) {
    margin:0!important;
    min-height:44px!important;
    padding:10px 12px 10px 44px!important;
    border-radius:11px;
    background-position:10px center,center;
    background-size:26px 26px,cover;
    background-repeat:no-repeat;
    font-size:16px!important;
    line-height:1.5!important;
    letter-spacing:0;
    overflow-wrap:anywhere!important;
  }
  body .navbar #walletBalance:empty { display:none!important; }
  .hero .hero-buttons { max-width:320px!important; }
  .hero .hero-buttons > .primary-button { font-size:11px!important;min-height:52px!important; }
}