.search-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5b4ae #f4f3ee;text-align:left;max-height:clamp(320px,58vh,480px);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-dropdown::-webkit-scrollbar{width:7px}.search-dropdown::-webkit-scrollbar-track{background:#f4f3ee;border-radius:0 12px 12px 0}.search-dropdown::-webkit-scrollbar-thumb{background:#b5b4ae;border-radius:4px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--graphite)}.header .search-dropdown{max-height:min(560px,100vh - 90px)}.search-dropdown__label{font-size:var(--text-xs);color:var(--graphite);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3);background:var(--paper);border-bottom:1px solid var(--line);font-weight:600;display:block}.search-dropdown__brands{border-bottom:1px solid var(--line)}.search-dropdown__chips{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.search-dropdown__chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.search-dropdown__chip.is-active,.search-dropdown__chip:hover{background-color:var(--paper);border-color:var(--graphite)}.search-dropdown__chip-sub{font-size:var(--text-xs);color:var(--graphite);font-weight:400}.search-dropdown__list{margin:0;padding:0;list-style:none}.search-dropdown__row{border-bottom:1px solid var(--line);cursor:pointer;transition:background-color var(--transition-fast)}.search-dropdown__row:last-child{border-bottom:none}.search-dropdown__row.is-active,.search-dropdown__row:hover{background-color:var(--paper)}.search-dropdown__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:inherit;text-decoration:none;display:flex}.search-dropdown__media{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.search-dropdown__img{object-fit:contain;width:100%;height:100%;padding:2px}.search-dropdown__placeholder{background:var(--paper);width:100%;height:100%}.search-dropdown__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-dropdown__title{font-size:var(--text-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.search-dropdown__sub{font-size:var(--text-xs);color:var(--graphite);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-dropdown__price-wrap{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.search-dropdown__price{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);font-weight:600}.search-dropdown__price-na{font-size:var(--text-xs);color:var(--graphite)}.search-dropdown__savings{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--good);font-weight:500}.search-dropdown__empty{padding:var(--space-4) var(--space-4);text-align:center;background-color:var(--surface)}.search-dropdown__empty-title{font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink);margin-bottom:3px;font-weight:600;display:block}.search-dropdown__empty-desc{font-family:var(--font-body);font-size:var(--text-xs);color:var(--graphite);line-height:1.4;display:block}.search-dropdown__footer{border-top:1px solid var(--line);background:var(--paper);z-index:10;position:sticky;bottom:0}.search-dropdown__footer-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--graphite);transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.search-dropdown__footer-link.is-active,.search-dropdown__footer-link:hover{color:var(--ink);background-color:var(--surface)}.search-dropdown__footer-key{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:1px 4px}
.search-bar-wrapper{width:100%;position:relative}.search-bar{align-items:center;width:100%;display:flex;position:relative}.search-bar__input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding-left:2.75rem;padding-right:2.5rem}.search-bar__input::-webkit-search-cancel-button{appearance:none;display:none}.search-bar__input::-webkit-search-decoration{appearance:none;display:none}.search-bar__input::-webkit-search-results-button{appearance:none;display:none}.search-bar__input::-webkit-search-results-decoration{appearance:none;display:none}.search-bar__input::placeholder{color:var(--muted)}.search-bar__input:focus,.search-bar--open .search-bar__input{border-color:var(--line-hover);box-shadow:var(--shadow-sm)}.search-bar__icon{left:var(--space-3);width:1.125rem;height:1.125rem;color:var(--graphite);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar--large .search-bar__input{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);padding-left:3.25rem;padding-right:3rem}.search-bar--large .search-bar__icon{left:var(--space-4);width:1.25rem;height:1.25rem}.search-bar__clear-btn{right:var(--space-3);width:1.5rem;height:1.5rem;color:var(--graphite);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-bar__clear-btn:hover{color:var(--ink);background-color:var(--paper)}.search-bar--large .search-bar__clear-btn{right:var(--space-4);width:1.75rem;height:1.75rem}.search-bar__spinner{right:var(--space-3);pointer-events:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-bar--large .search-bar__spinner{right:var(--space-4)}.search-bar__spinner-dot{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:.875rem;height:.875rem;animation:.6s linear infinite search-spinner-spin}@keyframes search-spinner-spin{to{transform:rotate(360deg)}}
.header{border-bottom:1px solid var(--line);background-color:var(--surface);z-index:100;position:sticky;top:0}.header--home{z-index:10;background-color:#0000;border-bottom:none;position:relative}.header__inner{align-items:center;height:4rem;display:flex;position:relative}.header--home .header__inner{justify-content:center}.header__logo{margin-right:auto;text-decoration:none}.header__logo:hover{text-decoration:none}.header__nav{align-items:center;gap:var(--space-8);font-size:var(--text-sm);display:flex;position:absolute;left:50%;transform:translate(-50%)}.header--home .header__nav{position:relative;left:auto;transform:none}.header__link{color:var(--graphite);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.header__link:hover{color:var(--ink);text-decoration:none}.header__search{width:250px;margin-left:auto}@media (max-width:768px){.header,.header__inner{height:3.5rem}.header__nav{display:none}.header--home .header__nav{gap:var(--space-4);white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;padding:0 var(--space-4);justify-content:center;display:flex;overflow-x:auto}.header--home .header__nav::-webkit-scrollbar{display:none}.header__search{display:none}}