/* Modern 2026 refinement */
body.left-premium,
body.store-premium-metal{
  letter-spacing:0 !important;
}

body.left-premium .container,
body.store-premium-metal .container{
  width:min(100%,1180px) !important;
}

body.left-premium h1,
body.left-premium h2,
body.left-premium h3,
body.store-premium-metal h1,
body.store-premium-metal h2,
body.store-premium-metal h3{
  letter-spacing:-.02em !important;
}

body.left-premium .input-3d,
body.left-premium .btn-3d{
  transform:none !important;
  text-shadow:none !important;
  box-shadow:none !important;
}

body.left-premium .input-3d{
  min-height:50px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.075) !important;
}
body.left-premium .btn-3d,
body.left-premium .credit-btn,
body.left-premium .action-btn,
body.left-premium .empty-btn{
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  color:#17130a !important;
  background:linear-gradient(135deg,#ffe47a,#ffc928) !important;
  border:1px solid rgba(255,231,129,.36) !important;
  box-shadow:0 8px 22px rgba(255,201,40,.12) !important;
  font-weight:800 !important;
}

body.left-premium .btn-3d:hover,
body.left-premium .credit-btn:hover,
body.left-premium .action-btn:hover,
body.left-premium .empty-btn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
}

body.left-premium .back-btn,
body.left-premium .theme-toggle,
body.left-premium .topbar-balance,
body.left-premium .back-link{
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:none !important;
}
body.left-premium .balance-card,
body.left-premium .credit-card{
  position:relative;
  overflow:hidden;
}

body.left-premium .balance-card::after,
body.left-premium .credit-card::after{
  content:"";
  position:absolute;
  inset:auto -18% -45% auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,214,64,.08),transparent 65%);
  pointer-events:none;
}

body.left-premium .filter-tabs{
  scrollbar-width:none;
}
body.left-premium .filter-tabs::-webkit-scrollbar{
  display:none;
}

body.left-premium .filter-tab{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 13px !important;
}

body.left-premium .search-input{
  min-height:46px !important;
}
body.store-premium-metal .hero-slider{
  border-radius:22px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,rgba(25,29,36,.96),rgba(11,14,18,.98)) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.28) !important;
}

body.store-premium-metal .hero-eyebrow{
  border-radius:999px !important;
  padding:6px 10px !important;
  font-size:11px !important;
}

body.store-premium-metal .category-card{
  overflow:hidden !important;
  transition:transform .18s ease,border-color .18s ease !important;
}

body.store-premium-metal .category-card:hover{
  transform:translateY(-2px) !important;
}

body.store-premium-metal .category-card:active{
  transform:scale(.985) !important;
}

body.store-premium-metal .category-media{
  overflow:hidden !important;
}

body.store-premium-metal .category-media img{
  transition:transform .25s ease !important;
}
body.store-premium-metal .category-card:hover .category-media img{
  transform:scale(1.025) !important;
}

body.store-premium-metal .bottom-nav,
body.left-premium .bottom-nav{
  max-width:560px !important;
  margin-inline:auto !important;
}

body.store-premium-metal .bottom-nav .nav-item,
body.left-premium .bottom-nav .nav-item{
  min-height:48px !important;
  transition:background .18s ease,color .18s ease,transform .18s ease !important;
}

body.store-premium-metal .bottom-nav .nav-item:active,
body.left-premium .bottom-nav .nav-item:active{
  transform:scale(.97) !important;
}

body.store-premium-metal .bottom-nav .nav-item span,
body.left-premium .bottom-nav .nav-item span{
  font-size:9.5px !important;
  font-weight:700 !important;
}
@media(max-width:560px){
  body.left-premium .container,
  body.store-premium-metal .container{
    padding-top:10px !important;
  }

  body.left-premium .input-3d{
    min-height:48px !important;
  }

  body.left-premium .btn-3d,
  body.left-premium .credit-btn,
  body.left-premium .action-btn,
  body.left-premium .empty-btn{
    min-height:46px !important;
  }

  body.store-premium-metal .hero-slider{
    border-radius:18px !important;
  }

  body.store-premium-metal .category-card{
    border-radius:16px !important;
  }

  body.store-premium-metal .category-body{
    padding:10px !important;
  }
}
/* Mobile bottom nav hard fix */
@media(max-width:560px){
  body.left-premium .bottom-nav,
  body.store-premium-metal .bottom-nav{
    position:fixed !important;
    right:8px !important;
    left:8px !important;
    bottom:max(8px,env(safe-area-inset-bottom)) !important;
    top:auto !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:5px !important;
    transform:none !important;
    display:block !important;
    z-index:9998 !important;
  }

  body.left-premium .bottom-nav .nav-items,
  body.store-premium-metal .bottom-nav .nav-items{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:4px !important;
    width:100% !important;
    max-width:none !important;
    flex-direction:row !important;
  }

  body.left-premium .bottom-nav .nav-item,
  body.store-premium-metal .bottom-nav .nav-item{
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:0 !important;
    writing-mode:horizontal-tb !important;
  }
}