/* LEFT Yellow Neon Gaming - sitewide */
:root{
  --ny-bg:#07090c;
  --ny-bg2:#0c0f13;
  --ny-panel:rgba(16,19,24,.90);
  --ny-panel2:rgba(255,255,255,.035);
  --ny-line:rgba(255,210,64,.12);
  --ny-line-strong:rgba(255,210,64,.24);
  --ny-yellow:#ffd640;
  --ny-yellow2:#ffbe0b;
  --ny-amber:#ff9800;
  --ny-text:#f7f8fa;
  --ny-muted:#9da6b1;
  --ny-glow:rgba(255,214,64,.16);
}

body.left-premium,
body.store-premium-metal{
  background:
    radial-gradient(circle at 85% -8%,rgba(255,214,64,.10),transparent 28%),
    radial-gradient(circle at 8% 18%,rgba(255,152,0,.05),transparent 24%),
    linear-gradient(180deg,var(--ny-bg2),var(--ny-bg)) !important;
  color:var(--ny-text) !important;
}
body.left-premium::before,
body.store-premium-metal::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 72%);
}

body.left-premium .topbar,
body.store-premium-metal .topbar{
  background:rgba(8,10,13,.86) !important;
  border-bottom:1px solid var(--ny-line) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(18px) saturate(135%) !important;
}

body.left-premium .logo,
body.store-premium-metal .logo{
  color:#fff !important;
  text-shadow:none !important;
}
body.left-premium .card,
body.left-premium .box,
body.left-premium .panel,
body.left-premium .glass-card,
body.left-premium .balance-card,
body.left-premium .credit-card,
body.left-premium .stat-card,
body.left-premium .order-card-compact,
body.store-premium-metal .card,
body.store-premium-metal .category-card{
  background:linear-gradient(180deg,rgba(21,25,31,.95),rgba(12,15,20,.96)) !important;
  border:1px solid rgba(255,255,255,.065) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
}

body.left-premium .card:hover,
body.left-premium .box:hover,
body.left-premium .panel:hover,
body.store-premium-metal .category-card:hover{
  border-color:var(--ny-line-strong) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.26),0 0 18px rgba(255,214,64,.035) !important;
}
body.left-premium i[class*="fa"],
body.left-premium i[class*="bi"],
body.store-premium-metal i[class*="fa"],
body.store-premium-metal i[class*="bi"]{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  min-width:0 !important;
  min-height:0 !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
}

body.left-premium .topbar i,
body.left-premium .card-header i,
body.left-premium .back-link i,
body.left-premium .back-btn i,
body.store-premium-metal .topbar i,
body.store-premium-metal .category-icon{
  color:var(--ny-yellow) !important;
  filter:drop-shadow(0 0 5px rgba(255,214,64,.14));
}
body.left-premium button,
body.left-premium .btn,
body.left-premium a.btn,
body.left-premium input[type="submit"],
body.left-premium input[type="button"]{
  color:#ffe98c !important;
  background:rgba(255,214,64,.065) !important;
  border:1px solid rgba(255,214,64,.13) !important;
  box-shadow:none !important;
  border-radius:12px !important;
}

body.left-premium button:hover,
body.left-premium .btn:hover,
body.left-premium a.btn:hover{
  background:rgba(255,214,64,.105) !important;
  border-color:rgba(255,214,64,.22) !important;
  box-shadow:0 0 16px rgba(255,214,64,.055) !important;
}

body.left-premium input,
body.left-premium select,
body.left-premium textarea{
  background:#0e1217 !important;
  color:var(--ny-text) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:none !important;
}
body.left-premium input:focus,
body.left-premium select:focus,
body.left-premium textarea:focus{
  border-color:rgba(255,214,64,.28) !important;
  box-shadow:0 0 0 3px rgba(255,214,64,.055) !important;
}

body.left-premium .filter-tab.active,
body.left-premium .tab.active,
body.left-premium .badge,
body.left-premium .tag,
body.left-premium .chip{
  color:#ffe785 !important;
  background:rgba(255,214,64,.055) !important;
  border:1px solid rgba(255,214,64,.10) !important;
  box-shadow:none !important;
}

body.left-premium thead,
body.left-premium th{
  background:rgba(255,214,64,.035) !important;
}
body.left-premium tbody tr:hover{
  background:rgba(255,214,64,.025) !important;
}
body.left-premium .bottom-nav,
body.store-premium-metal .bottom-nav{
  background:rgba(10,13,17,.91) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.32) !important;
  backdrop-filter:blur(18px) saturate(135%) !important;
}

body.left-premium .bottom-nav .nav-item,
body.store-premium-metal .bottom-nav .nav-item{
  background:transparent !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  color:#9da5af !important;
}

body.left-premium .bottom-nav .nav-item.active,
body.store-premium-metal .bottom-nav .nav-item.active{
  color:#ffe477 !important;
  background:rgba(255,214,64,.06) !important;
  border-color:rgba(255,214,64,.105) !important;
  box-shadow:inset 0 0 16px rgba(255,214,64,.025) !important;
}

body.left-premium .bottom-nav .nav-item.active i,
body.store-premium-metal .bottom-nav .nav-item.active i{
  color:var(--ny-yellow) !important;
  filter:drop-shadow(0 0 5px rgba(255,214,64,.16)) !important;
}
body.store-premium-metal .category-icon{
  background:rgba(8,10,13,.72) !important;
  border:1px solid rgba(255,214,64,.10) !important;
  box-shadow:none !important;
}

body.store-premium-metal .category-card,
body.store-premium-metal .hero-slider,
body.store-premium-metal .catalog-tools,
body.store-premium-metal .ticker{
  border-color:rgba(255,214,64,.10) !important;
}

body.store-premium-metal .hero-eyebrow,
body.store-premium-metal .catalog-count{
  background:rgba(255,214,64,.055) !important;
  border-color:rgba(255,214,64,.10) !important;
  color:#ffe37a !important;
}

body.store-premium-metal .category-arrow,
body.store-premium-metal .view-all{
  color:var(--ny-yellow) !important;
}
@media(max-width:560px){
  body.left-premium,
  body.store-premium-metal{
    padding-bottom:max(94px,calc(84px + env(safe-area-inset-bottom))) !important;
  }

  body.left-premium .container,
  body.store-premium-metal .container{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body.left-premium .card,
  body.left-premium .box,
  body.left-premium .panel,
  body.left-premium .glass-card,
  body.left-premium [class*="card"],
  body.store-premium-metal .category-card{
    border-radius:15px !important;
  }

  body.left-premium .bottom-nav,
  body.store-premium-metal .bottom-nav{
    right:8px !important;
    left:8px !important;
    width:auto !important;
    bottom:max(8px,env(safe-area-inset-bottom)) !important;
    padding:5px !important;
    border-radius:17px !important;
  }

  body.left-premium button,
  body.left-premium .btn,
  body.left-premium a.btn{
    min-height:42px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.left-premium *,
  body.store-premium-metal *,
  body.left-premium *::before,
  body.store-premium-metal *::before{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
}