.shop-neon-page{color:#fff;background-color:#0a0a0c;min-height:100dvh;padding:2.5rem 2rem 4rem}.shop-neon-header{text-align:center;margin-bottom:2.5rem}.shop-neon-title{background:linear-gradient(135deg,#00d4ff 0%,#bd93f9 50%,#ff79c6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800}.shop-neon-subtitle{color:var(--text-secondary);margin:0;max-width:600px;margin-inline:auto;font-size:1.1rem}.shop-neon-layout{grid-template-columns:240px 1fr;align-items:start;gap:3rem;max-width:1400px;margin-inline:auto;display:grid}@media (max-width:900px){.shop-neon-layout{grid-template-columns:1fr;gap:2rem}}.shop-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .3s,box-shadow .3s;position:sticky;top:100px;overflow:hidden}.shop-sidebar:hover{border-color:var(--border-hover);box-shadow:0 8px 32px #0006}.shop-sidebar-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);margin:0;padding:1.25rem 1.5rem .75rem;font-size:.75rem;font-weight:700}.shop-sidebar-list{margin:0;padding:.5rem 0;list-style:none}.shop-sidebar-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;font-size:.95rem;font-weight:400;transition:all .2s;display:flex}.shop-sidebar-list li:last-child .shop-sidebar-item{border-bottom:none}.shop-sidebar-item:hover{color:var(--text-primary);background:#ffffff08;padding-left:1.75rem}.shop-sidebar-item--active{color:var(--text-primary);background:#bd93f914;border-left:4px solid #bd93f9;padding-left:calc(1.5rem - 4px);font-weight:600}.shop-sidebar-count{color:var(--text-tertiary);text-align:center;background:#ffffff0d;border-radius:99px;min-width:28px;padding:.1rem .6rem;font-size:.8rem;transition:all .2s}.shop-sidebar-item--active .shop-sidebar-count{color:#bd93f9;background:#bd93f933}.shop-neon-main{min-width:0}.shop-neon-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.shop-neon-count{color:var(--text-secondary);font-size:.95rem}.shop-neon-count strong{color:#bd93f9}.shop-neon-search{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);outline:none;width:280px;padding:.75rem 1.25rem;font-size:1rem;transition:all .2s}.shop-neon-search:focus{border-color:#bd93f9;width:320px;box-shadow:0 0 0 3px #bd93f933}.shop-neon-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1200px){.shop-neon-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.shop-neon-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.shop-neon-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.shop-neon-grid{grid-template-columns:1fr}}.product-card{flex-direction:column;display:flex;position:relative;overflow:hidden}.shop-neon-empty{text-align:center;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px dashed var(--border-color);padding:6rem 2rem}@media (max-width:900px){.shop-sidebar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-snap-type:x mandatory;background:#1a1a1af2;border-radius:12px;flex-direction:row;display:flex;position:sticky;top:70px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}@supports (scrollbar-width:none){.shop-sidebar{scrollbar-width:none}}.shop-sidebar::-webkit-scrollbar{display:none}.shop-sidebar-title{display:none}.shop-sidebar-list{white-space:nowrap;flex-direction:row;padding:0;display:flex}.shop-sidebar-list li{scroll-snap-align:start;flex-shrink:0}.shop-sidebar-item{border-bottom:none;border-right:1px solid var(--border-color);gap:.5rem;padding:1rem 1.5rem;font-size:1rem}.shop-sidebar-item:hover{padding-left:1.5rem}.shop-sidebar-item--active{background:#bd93f926;border-bottom:4px solid #bd93f9;border-left:none}}