.search-page{padding:1.5rem 0 3rem}.search-header{margin-bottom:1.5rem}.search-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#9ca3af;margin-bottom:.75rem}.search-breadcrumb a{color:#6d28d9;font-weight:500}.search-title{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800;letter-spacing:-.03em;color:#1a1523}.search-subtitle{font-size:.875rem;color:#9ca3af;margin-top:4px}.search-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.sort-pills{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sort-pills::-webkit-scrollbar{display:none}.sort-pill{display:inline-flex;align-items:center;gap:4px;padding:.4rem .9rem;border-radius:9999px;border:1.5px solid #e5e7eb;background:white;font-size:.8rem;font-weight:600;color:#4b5563;cursor:pointer;white-space:nowrap;transition:all .15s ease}.sort-pill:hover{border-color:#6d28d9;color:#6d28d9;background:#f5f3ff}.sort-pill.active{background:#6d28d9;border-color:#6d28d9;color:white}.search-layout{display:flex;gap:1.75rem;align-items:flex-start}.search-sidebar-container{flex-shrink:0;width:240px;position:sticky;top:calc(64px + 1rem);max-height:calc(100dvh - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(109,40,217,.2) transparent}.search-results-container{flex:1 1;min-width:0}@media (max-width:768px){.search-layout{flex-direction:column;gap:1rem}.search-sidebar-container{width:100%;position:static;max-height:none;overflow-y:visible}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.load-more-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0 1rem;gap:1rem;width:100%}.load-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:9999px;font-weight:600;font-size:.9rem;background:white;border:1.5px solid #e5e7eb;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.06)}.load-more-btn:hover{border-color:#6d28d9;color:#6d28d9;background:#f5f3ff;box-shadow:0 4px 16px rgba(109,40,217,.15);transform:translateY(-1px)}.jumping-dots{display:flex;align-items:center;gap:6px}.jumping-dots span{display:inline-block;width:8px;height:8px;background:#6d28d9;border-radius:50%;animation:jump 1.2s ease-in-out infinite both}.jumping-dots span:first-child{animation-delay:-.32s}.jumping-dots span:nth-child(2){animation-delay:-.16s}.jumping-dots span:nth-child(3){animation-delay:0s}@keyframes jump{0%,80%,to{transform:scale(.6) translateY(0);opacity:.4}40%{transform:scale(1) translateY(-8px);opacity:1}}.no-results{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;gap:1rem}.no-results-icon{font-size:3.5rem;opacity:.5}.no-results h3{font-size:1.3rem;font-weight:700;color:#1a1523}.no-results p{color:#9ca3af;font-size:.9rem;max-width:360px}.shimmer-card{background:white;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.shimmer-img{width:100%;aspect-ratio:4/5}.shimmer-img,.shimmer-text{background:#f3f4f6;position:relative;overflow:hidden}.shimmer-text{height:14px;border-radius:6px}.shimmer-text.short{width:60%}.shimmer-text.price{width:45%;height:20px;margin-top:4px}.shimmer-body{padding:12px;display:flex;flex-direction:column;gap:8px}.shimmer-img:after,.shimmer-text:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6) 50%,rgba(255,255,255,0));animation:shimmer-sweep 1.4s ease-in-out infinite}@keyframes shimmer-sweep{to{transform:translateX(200%)}}.active-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.filter-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#f5f3ff;border:1px solid rgba(109,40,217,.2);border-radius:9999px;font-size:.78rem;font-weight:600;color:#6d28d9}.filter-tag-clear{cursor:pointer;opacity:.6;font-size:.9rem;line-height:1}.filter-tag-clear:hover{opacity:1}.search-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 1rem;gap:1rem}.search-empty-state h2{font-size:1.5rem;font-weight:700;color:#1a1523}.search-empty-state p{color:#9ca3af;max-width:380px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 0;color:#9ca3af;font-size:.9rem}