.shop-page-wrapper{min-height:100dvh;background:#f8fafc;padding-bottom:90px;font-family:Plus Jakarta Sans,sans-serif}.category-scroll-container{display:flex;align-items:center;gap:14px;overflow-x:auto;padding:8px 14px 10px;border-top:1px solid #f1f5f9;background:#ffffff;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.category-scroll-container::-webkit-scrollbar{display:none}.top-cat-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;flex-shrink:0;outline:none;padding:2px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.top-cat-item:hover{transform:translateY(-2px)}.top-cat-avatar-wrap{width:52px;height:52px;border-radius:50%;padding:2px;background:#f1f5f9;border:2px solid #e2e8f0;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.top-cat-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.top-cat-label{font-size:11px;font-weight:700;color:#475569;max-width:72px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.top-cat-item.active .top-cat-avatar-wrap{border-color:#FF4D8F;box-shadow:0 0 0 3px rgba(255,77,143,.2);background:#fff0f6;transform:scale(1.05)}.top-cat-item.active .top-cat-label{color:#FF4D8F;font-weight:800}.shop-content-wrapper{max-width:1200px;margin:0 auto;padding:16px 16px 40px}.connected-category-banner{background:linear-gradient(135deg,#fff0f6,#ffe4e6 50%,#fef3c7);border:1px solid #fecdd3;border-radius:20px;padding:14px 18px;margin-bottom:18px;justify-content:space-between;box-shadow:0 2px 10px rgba(244,63,94,.05);transition:all .3s ease}.cat-banner-left,.connected-category-banner{display:flex;align-items:center;gap:12px}.cat-banner-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid #ffffff;box-shadow:0 2px 6px rgba(0,0,0,.08);flex-shrink:0;background:#ffffff}.cat-banner-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff0f6;color:#FF4D8F;font-weight:800;font-size:13px}.clear-cat-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff;color:#64748b;border:1px solid #e2e8f0;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.clear-cat-btn:hover{background:#f1f5f9;color:#0f172a}.all-cat-bg{background:#fff0f6!important;border-color:#fecdd3!important}.cat-fallback-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;font-size:13px;font-weight:800;border-radius:50%}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.shop-result-count{font-size:13px;font-weight:700;color:#64748b}.highlight-count{color:#0f172a;font-weight:900}.shop-sort-container{display:flex;align-items:center;gap:6px}.sort-label{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.shop-sort-select{background:#ffffff;border:1.5px solid #e2e8f0;border-radius:12px;padding:6px 12px;font-size:12.5px;font-weight:800;color:#0f172a;outline:none;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 1px 3px rgba(0,0,0,.03)}.shop-sort-select:focus,.shop-sort-select:hover{border-color:#FF4D8F;box-shadow:0 0 0 3px rgba(255,77,143,.1)}.reset-search-btn{margin-top:14px;background:linear-gradient(135deg,#FF4D8F,#e11d48);color:#ffffff;border:none;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(255,77,143,.25);transition:transform .15s ease}.reset-search-btn:hover{transform:scale(1.03)}.cat-banner-title{font-size:16px;font-weight:800;color:#0f172a;line-height:1.2;margin:0}.cat-banner-subtitle{font-size:11.5px;font-weight:700;color:#e11d48;margin-top:2px}.share-category-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff;color:#e11d48;border:1px solid #fecdd3;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .2s ease;white-space:nowrap}.share-category-btn:hover{background:#fff0f6;transform:translateY(-1px)}.shop-subcat-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:none;-ms-overflow-style:none}.shop-subcat-bar::-webkit-scrollbar{display:none}.shop-subcat-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:700;color:#475569;background:#ffffff;border:1.5px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.03);cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;font-family:inherit}.shop-subcat-pill:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px)}.shop-subcat-pill.active{background:#0f172a;color:#ffffff;border-color:#0f172a;box-shadow:0 4px 14px rgba(15,23,42,.18)}.quick-filters-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none;-ms-overflow-style:none}.quick-filters-row::-webkit-scrollbar{display:none}.quick-filter-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:11.5px;font-weight:700;color:#64748b;background:#ffffff;border:1px solid #e2e8f0;cursor:pointer;white-space:nowrap;transition:all .15s ease;outline:none;font-family:inherit}.quick-filter-chip:hover{background:#f1f5f9;color:#1e293b}.quick-filter-chip.active{background:#ecfdf5;color:#047857;border-color:#10b981;font-weight:800;box-shadow:0 1px 4px rgba(16,185,129,.12)}.quick-filter-chip.chip-clear{background:#fef2f2;color:#dc2626;border-color:#fecaca}.quick-filter-chip.chip-clear:hover{background:#fee2e2}.customer-need-shelf{background:#ffffff;border:1px solid #f1f5f9;border-radius:18px;padding:18px 16px;box-shadow:0 2px 10px rgba(0,0,0,.02)}.shelf-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap;gap:8px}.shelf-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;margin-bottom:6px}.shelf-title{font-size:18px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.3px}.shelf-desc{font-size:12px;color:#64748b;margin:2px 0 0;font-weight:500}.shelf-count{font-size:12px;font-weight:700;color:#94a3b8;background:#f8fafc;padding:4px 10px;border-radius:999px;border:1px solid #e2e8f0}.shop-main-content{width:100%}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.empty-products-box{text-align:center;padding:60px 24px;color:#94a3b8;background:#ffffff;border-radius:20px;border:1px solid #e2e8f0}.empty-icon{font-size:44px;display:block}.empty-title{font-size:16px;font-weight:800;color:#1e293b;margin-top:10px}.empty-desc{font-size:13px;margin-top:4px}.shop-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#0f172a;color:#ffffff;padding:12px 24px;border-radius:12px;font-size:13.5px;font-weight:700;z-index:9999;opacity:0;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px rgba(0,0,0,.15);pointer-events:none}.shop-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:640px){.category-scroll-container{padding:10px 12px;gap:12px}.top-cat-avatar-wrap{width:52px;height:52px}.top-cat-label{font-size:10.5px;max-width:60px}.shop-content-wrapper{padding:12px 12px 32px}.connected-category-banner{padding:10px 14px;border-radius:16px;margin-bottom:12px}.cat-banner-title{font-size:14px}.cat-banner-subtitle{font-size:10.5px}.share-category-btn span{display:none}.share-category-btn{padding:7px}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}}