.store-page{max-width:1200px;margin:2rem auto;padding:0 1.5rem}.store-header{text-align:center;margin-bottom:2rem}.store-header h1{font-size:2.2rem;font-weight:800;color:var(--text-primary,#e5e7eb);margin-bottom:0.5rem}.store-header h1 span{background:linear-gradient(135deg,#FF6B35,#FFD700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.store-header-sub{color:var(--text-secondary,#9ca3af);font-size:0.95rem;max-width:520px;margin:0 auto;line-height:1.6}.store-currency-legend{display:flex;gap:0.75rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.store-currency-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--text-secondary,#9ca3af)}.store-currency-badge[data-currency-id="1"] .store-currency-name{color:#FFD700}.store-currency-badge[data-currency-id="2"] .store-currency-name{color:#4CAF50}.store-currency-badge[data-currency-id="3"] .store-currency-name{color:#FF6B35}.store-layout{display:flex;gap:1.5rem;align-items:flex-start}.store-sidebar{width:240px;flex-shrink:0;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:1rem}.store-search{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;margin-bottom:1rem;transition:border-color 0.2s}.store-search:focus-within{border-color:rgba(255,107,53,0.3)}.store-search svg{color:var(--text-muted,rgba(255,255,255,0.4));flex-shrink:0}.store-search input{background:none;border:none;outline:none;color:var(--text-primary,#e5e7eb);font-size:0.82rem;width:100%;font-family:inherit}.store-search input::placeholder{color:var(--text-muted,rgba(255,255,255,0.4))}.store-categories{display:flex;flex-direction:column;gap:2px}.store-cat-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.6rem 0.75rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary,#9ca3af);font-size:0.82rem;font-weight:600;cursor:pointer;transition:background 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;font-family:inherit;text-align:left}.store-cat-btn:hover{background:rgba(255,255,255,0.05);color:var(--text-primary,#e5e7eb);box-shadow:inset 3px 0 0 rgba(255,107,53,0.25)}.store-cat.active > .store-cat-btn{background:rgba(255,107,53,0.1);color:#FF6B35;box-shadow:inset 3px 0 0 #FF6B35}.store-cat-arrow{transition:transform 0.2s ease;flex-shrink:0}.store-cat.expanded .store-cat-arrow{transform:rotate(180deg)}.store-subcats{display:flex;flex-direction:column;padding-left:0.75rem;gap:1px;overflow:hidden;max-height:0;opacity:0;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.25s ease,margin 0.35s ease;margin-top:0}.store-cat.expanded .store-subcats{max-height:500px;opacity:1;margin-top:2px}.store-subcat-btn{width:100%;padding:0.45rem 0.75rem;background:transparent;border:none;border-left:2px solid rgba(255,255,255,0.06);color:var(--text-muted,rgba(255,255,255,0.5));font-size:0.78rem;cursor:pointer;transition:color 0.3s ease,border-left-color 0.3s ease,background 0.3s ease,padding-left 0.3s ease;font-family:inherit;text-align:left}.store-subcat-btn:hover{color:var(--text-primary,#e5e7eb);border-left-color:rgba(255,107,53,0.4);background:rgba(255,255,255,0.02);padding-left:0.9rem}.store-subcat-btn.active{color:#FF6B35;border-left-color:#FF6B35;background:rgba(255,107,53,0.06);padding-left:0.9rem}.store-back-link{display:flex;align-items:center;gap:0.4rem;margin-top:1rem;padding-top:0.75rem;border-top:1px solid rgba(255,255,255,0.06);color:var(--text-muted,rgba(255,255,255,0.4));font-size:0.78rem;text-decoration:none;transition:color 0.2s}.store-back-link:hover{color:var(--text-primary,#e5e7eb)}.store-mobile-tabs{display:none;gap:0.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:0.5rem;margin-bottom:1rem}.store-mobile-tab{flex-shrink:0;padding:0.5rem 1rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:20px;color:var(--text-secondary,#9ca3af);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;font-family:inherit;white-space:nowrap}.store-mobile-tab:hover{border-color:rgba(255,107,53,0.2)}.store-mobile-tab.active{background:rgba(255,107,53,0.12);border-color:rgba(255,107,53,0.3);color:#FF6B35}.store-main{flex:1;min-width:0}.store-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.store-active-title{font-size:1.1rem;font-weight:700;color:var(--text-primary,#e5e7eb);margin:0}.store-item-count{font-size:0.78rem;color:var(--text-muted,rgba(255,255,255,0.4));white-space:nowrap}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.store-item{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:border-color 0.35s ease,transform 0.35s cubic-bezier(0.4,0,0.2,1),box-shadow 0.35s ease,background 0.35s ease}.store-item::after{content:'';position:absolute;inset:0;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,rgba(255,107,53,0.06) 0%,transparent 70%);opacity:0;transition:opacity 0.35s ease;pointer-events:none}.store-item:hover{border-color:rgba(255,107,53,0.18);transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.25),0 0 0 1px rgba(255,107,53,0.06);background:rgba(255,255,255,0.03)}.store-item:hover::after{opacity:1}.store-item[data-quality="0"]{border-top:2px solid #9d9d9d}.store-item[data-quality="1"]{border-top:2px solid rgba(255,255,255,0.3)}.store-item[data-quality="2"]{border-top:2px solid #1eff00}.store-item[data-quality="3"]{border-top:2px solid #0070dd}.store-item[data-quality="4"]{border-top:2px solid #a335ee}.store-item[data-quality="5"]{border-top:2px solid #ff8000}.store-item[data-quality="6"]{border-top:2px solid #e6cc80}.store-item[data-quality="7"]{border-top:2px solid #00ccff}.store-item-new{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:10px;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;background:linear-gradient(135deg,#FF6B35,#FFD700);color:#000}.store-item-discount{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:10px;font-size:0.65rem;font-weight:700;background:rgba(76,175,80,0.2);color:#4CAF50;border:1px solid rgba(76,175,80,0.3)}.store-item-icon{width:44px;height:44px;border-radius:8px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:10px;overflow:hidden;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),border-color 0.35s ease,box-shadow 0.35s ease}.store-item:hover .store-item-icon{transform:scale(1.08);border-color:rgba(255,107,53,0.15);box-shadow:0 2px 10px rgba(255,107,53,0.1)}.store-item-icon img{width:36px;height:36px;image-rendering:pixelated}.store-item-name{font-size:0.88rem;font-weight:700;color:var(--text-primary,#e5e7eb);margin-bottom:4px;line-height:1.3}.store-item[data-quality="2"] .store-item-name{color:#1eff00}.store-item[data-quality="3"] .store-item-name{color:#0070dd}.store-item[data-quality="4"] .store-item-name{color:#a335ee}.store-item[data-quality="5"] .store-item-name{color:#ff8000}.store-item[data-quality="6"] .store-item-name{color:#e6cc80}.store-item[data-quality="7"] .store-item-name{color:#00ccff}.store-item-tooltip{font-size:0.75rem;color:var(--text-muted,rgba(255,255,255,0.4));line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-item-price{display:flex;align-items:center;gap:0.4rem;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,0.04)}.store-item-price-value{font-size:0.85rem;font-weight:700}.store-item-price-currency{font-size:0.7rem;font-weight:600;opacity:0.7}.store-item-price[data-currency="1"] .store-item-price-value{color:#FFD700}.store-item-price[data-currency="2"] .store-item-price-value{color:#4CAF50}.store-item-price[data-currency="3"] .store-item-price-value{color:#FF6B35}.store-item-price[data-currency="1"] .store-item-price-currency{color:#FFD700}.store-item-price[data-currency="2"] .store-item-price-currency{color:#4CAF50}.store-item-price[data-currency="3"] .store-item-price-currency{color:#FF6B35}.store-item-price-old{font-size:0.72rem;color:var(--text-muted,rgba(255,255,255,0.3));text-decoration:line-through}.store-empty-state{text-align:center;padding:4rem 2rem;grid-column:1 / -1}.store-empty-state svg{color:var(--text-muted,rgba(255,255,255,0.2));margin-bottom:1rem}.store-empty-state h3{color:var(--text-primary,#e5e7eb);font-size:1.1rem;margin-bottom:0.5rem}.store-empty-state p{color:var(--text-secondary,#9ca3af);font-size:0.85rem}.store-loading{display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:3rem 2rem;color:var(--text-secondary,#9ca3af);font-size:0.85rem}.store-spinner{width:20px;height:20px;border:2px solid rgba(255,107,53,0.2);border-top-color:#FF6B35;border-radius:50%;animation:store-spin 0.6s linear infinite}@keyframes store-spin{to{transform:rotate(360deg)}}@keyframes store-fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.store-item{animation:store-fade-in 0.4s cubic-bezier(0.4,0,0.2,1) both}.store-mobile-tab{transition:all 0.3s ease}.store-mobile-tab:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,107,53,0.25);color:var(--text-primary,#e5e7eb)}.store-search{transition:border-color 0.3s ease,box-shadow 0.3s ease}.store-search:focus-within{box-shadow:0 0 0 3px rgba(255,107,53,0.08)}.store-back-link{transition:color 0.3s ease,gap 0.3s ease}.store-back-link:hover{gap:0.6rem}.store-currency-badge{transition:background 0.3s ease,border-color 0.3s ease}.store-currency-badge:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}@media (max-width:1024px){.store-sidebar{width:200px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.store-page{padding:0 1rem}.store-sidebar{display:none}.store-mobile-tabs{display:flex}.store-layout{flex-direction:column}.store-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.store-header h1{font-size:1.8rem}.store-item{padding:12px}}@media (max-width:500px){.store-grid{grid-template-columns:1fr 1fr;gap:8px}.store-item-icon{width:36px;height:36px}.store-item-icon img{width:28px;height:28px}}