:root{
  --gg-bg:#0b0d10;
  --gg-panel:#15181d;
  --gg-panel2:#20242a;
  --gg-text:#f4f1e8;
  --gg-muted:#a8adb5;
  --gg-line:#2b3038;
  --gg-gold:#d8b05b;
  --gg-gold2:#e8c46d;
  --gg-dark:#101216;
}

.gg-install{
  font:inherit;
  font-size:.95rem;
  font-weight:800;
  min-height:44px;
  border:1px solid var(--gg-gold2);
  border-radius:12px;
  background:linear-gradient(145deg,#dfbd70,#b58c43);
  color:#111;
  padding:9px 16px;
  cursor:pointer;
  box-shadow:none;
}
.gg-install:hover{filter:brightness(1.05)}
.gg-install[hidden]{display:none!important}

.gg-mobile-nav{display:none}

.gg-network{
  position:fixed;
  inset:0 0 auto;
  z-index:10001;
  background:#2b1717;
  color:#efaaa3;
  border-bottom:1px solid #5b2b2b;
  padding:10px 14px;
  text-align:center;
  font-size:.92rem;
}
.gg-network[hidden]{display:none}

.gg-install-dialog{
  box-sizing:border-box;
  width:min(92vw,460px);
  border:1px solid rgba(216,176,91,.5);
  border-radius:20px;
  background:#15181d;
  color:var(--gg-text);
  padding:22px;
  font:inherit;
  line-height:1.9;
  box-shadow:0 20px 60px #0008;
}
.gg-install-dialog::backdrop{background:#000a}
.gg-install-dialog h2{
  font-size:1.2rem;
  color:#fff8df;
  margin:0 0 12px;
}
.gg-install-dialog button{
  min-height:44px;
  font:inherit;
  font-weight:800;
  padding:8px 18px;
  margin-top:12px;
  border:1px solid var(--gg-gold2);
  border-radius:10px;
  background:linear-gradient(145deg,#dfbd70,#b58c43);
  color:#111;
}
.gg-install-dialog li{margin-block:10px}
.gg-install-wrap{
  display:flex;
  justify-content:center;
  padding:8px 0 14px;
}

@media(max-width:760px){
  body.gg-mobile-fallback-nav{
    padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));
  }

  .gg-mobile-nav{
    box-sizing:border-box;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    position:fixed;
    inset:auto 0 0;
    z-index:1000;
    background:rgba(13,15,18,.97);
    border-top:1px solid #2b3038;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));
    backdrop-filter:blur(16px);
    box-shadow:0 -10px 30px rgba(0,0,0,.28);
  }

  .gg-mobile-nav a{
    display:flex!important;
    min-width:0;
    min-height:56px;
    gap:3px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    background:transparent!important;
    color:#a8adb5!important;
    text-decoration:none!important;
    font-size:.72rem!important;
    font-weight:700;
    border:0!important;
    border-radius:11px!important;
    line-height:1.25!important;
    text-align:center;
    padding:4px 2px!important;
    box-shadow:none!important;
  }

  .gg-mobile-nav a[aria-current]{
    color:#fff8df!important;
    background:#20242a!important;
  }

  .gg-mobile-nav svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:var(--gg-gold);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .gg-mobile-nav a[aria-current] svg{stroke:var(--gg-gold2)}

  .gg-mobile-nav a:focus-visible,
  .gg-install:focus-visible{
    outline:3px solid var(--gg-gold);
    outline-offset:2px;
  }

  .gg-mobile-enabled .back-to-top-global{
    bottom:calc(84px + env(safe-area-inset-bottom,0px));
  }

  .gg-mobile-enabled input,
  .gg-mobile-enabled textarea,
  .gg-mobile-enabled select{
    font-size:max(1rem,16px);
  }

  .gg-mobile-enabled #walletSection,
  .gg-mobile-enabled #ordersSection{
    scroll-margin-top:90px;
  }

  .gg-mobile-enabled .customer-order-tabs{flex-wrap:wrap}
  .gg-mobile-enabled .partner-content{min-width:0}
}

@media(display-mode:standalone){
  body{overscroll-behavior-y:none}
  .gg-install-wrap{display:none}
}

@media(max-width:760px){
  body.gg-mobile-fallback-nav:has(input:focus,textarea:focus,select:focus) .gg-mobile-nav{
    display:none;
  }
}

/* Final mobile bottom-nav polish */
@media(max-width:760px){
  .gg-mobile-nav{
    background:#14171c !important;
    border-top:1px solid rgba(216,176,91,.65) !important;
    box-shadow:0 -8px 24px rgba(0,0,0,.45) !important;
    padding-top:7px !important;
  }

  .gg-mobile-nav a{
    margin:0 3px !important;
    border:1px solid rgba(216,176,91,.12) !important;
    background:#181b20 !important;
    color:#d6d8dc !important;
  }

  .gg-mobile-nav a svg{
    stroke:#d8b05b !important;
  }

  .gg-mobile-nav a[aria-current]{
    background:#24211a !important;
    border-color:rgba(232,196,109,.55) !important;
    color:#fff3cf !important;
  }

  .gg-mobile-nav a[aria-current] svg{
    stroke:#e8c46d !important;
  }
}
