.search-header-container{background:var(--background);z-index:50;padding:calc(1rem + env(safe-area-inset-top)) 1rem 1rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:sticky;top:0}.search-header-container.scrolled{background:color-mix(in oklch, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:.75rem 1rem}.search-bar-wrapper{background:var(--card);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:.75rem;padding:.625rem 1rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.search-bar-wrapper:focus-within{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px color-mix(in oklch, var(--primary) 10%, transparent), var(--shadow-md);transform:translateY(-1px)}.search-input{font-family:var(--font-sans);color:var(--foreground);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:.9375rem;font-weight:500}.search-input::placeholder{color:var(--muted-foreground);opacity:.7}.icon-button{width:2.25rem;height:2.25rem;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.icon-button:hover{background:var(--muted);color:var(--primary)}.icon-button:active{scale:.92}.search-section{padding:.5rem 1rem 1.5rem}.search-section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.search-section-title{color:var(--foreground);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.search-section-action{color:var(--primary);cursor:pointer;font-size:.8125rem;font-weight:600;transition:opacity .2s}.search-section-action:hover{opacity:.8}.recent-searches-grid{flex-wrap:wrap;gap:.75rem;display:flex}.recent-search-pill{background:var(--card);border:1px solid var(--border);color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:100px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.recent-search-pill:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in oklch, var(--primary) 5%, var(--card));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.recent-search-pill:active{scale:.96}.horizontal-scroll-container{scrollbar-width:none;-ms-overflow-style:none;gap:1rem;padding:.25rem .25rem 1rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.horizontal-scroll-container::-webkit-scrollbar{display:none}.continue-browsing-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);width:140px;min-width:140px;box-shadow:var(--shadow-sm);transition:all .3s;overflow:hidden}.continue-browsing-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.continue-browsing-img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%}.continue-browsing-content{padding:.75rem}.filter-bar{scrollbar-width:none;background:var(--background);gap:.625rem;padding:.5rem 1rem 1rem;display:flex;overflow-x:auto}.filter-pill{background:var(--card);border:1.2px solid var(--border);white-space:nowrap;color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.filter-pill:hover{border-color:var(--primary);background:var(--background)}.filter-pill.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:0 4px 12px -2px color-mix(in oklch, var(--primary) 30%, transparent)}.cart-fab{background:var(--primary);background:linear-gradient(135deg, var(--primary), var(--chart-1));width:calc(100% - 2.5rem);max-width:440px;color:var(--primary-foreground);box-shadow:0 12px 30px -5px color-mix(in oklch, var(--primary) 45%, transparent);z-index:100;border:1px solid color-mix(in oklch, var(--primary-foreground) 20%, transparent);border-radius:100px;align-items:center;gap:1.25rem;padding:.875rem 1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,120%)}to{opacity:1;transform:translate(-50%)}}.cart-fab-images{align-items:center;display:flex}.cart-fab-img{border:2.5px solid var(--primary-foreground);background:var(--background);-o-object-fit:cover;object-fit:cover;width:2.75rem;height:2.75rem;box-shadow:var(--shadow-sm);border-radius:50%;margin-left:-.875rem}.cart-fab-img:first-child{margin-left:0}.cart-fab-badge{border:2.5px solid var(--primary-foreground);background:var(--background);width:2.75rem;height:2.75rem;color:var(--primary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin-left:-.875rem;font-size:.8125rem;font-weight:800;display:flex}.animate-fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-results-page{background:var(--background);min-height:100vh;padding-top:64px;padding-bottom:100px}@media (max-width:768px){.search-results-page{padding-top:56px}}.search-results-page__content{max-width:1400px;margin:0 auto}.search-results-page__suggestions{max-width:600px;margin:0 auto;animation:.3s ease-out fadeIn}.search-results-page__results{animation:.3s ease-out fadeIn}.search-results-page__filter-bar{z-index:10;background:var(--background) / 80%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);margin-bottom:1rem;position:sticky;top:64px}@media (max-width:768px){.search-results-page__filter-bar{top:56px}}.search-results-page__grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem;display:grid}@media (min-width:640px){.search-results-page__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.search-results-page__grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.search-results-page__grid{grid-template-columns:repeat(5,1fr)}}.search-header-input{flex:1;max-width:500px}.search-header-input__field{background:var(--secondary);border:1px solid var(--border);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.search-header-input__field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 15%, transparent)}.search-header-input__icon{color:var(--muted-foreground);flex-shrink:0}.search-header-input__input{font-family:var(--font-sans);color:var(--foreground);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.875rem;font-weight:500}.search-header-input__input::placeholder{color:var(--muted-foreground)}.search-header-input__clear{background:var(--muted);width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.search-header-input__clear:hover{background:var(--destructive);color:var(--destructive-foreground)}