.ss-search{max-width:var(--page-width,1120px);margin:0 auto;padding:var(--space-lg) 1.25rem 5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;color:var(--color-text,#111827)}.ss-search__header{margin-bottom:2rem}.ss-search__title{font-size:var(--text-2xl);font-weight:600;margin-bottom:1rem}@media (min-width:768px){.ss-search__title{font-size:var(--text-3xl)}}.ss-search__subtitle{color:var(--color-text-muted,#6b7280);font-size:var(--text-sm)}.ss-search__form{margin-bottom:2rem;position:relative}.ss-search__input-wrapper{position:relative;max-width:600px}.ss-search__input{width:100%;padding:.875rem 3rem .875rem 1rem;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--button-border-radius,var(--radius-sm));font-size:var(--text-base);transition:border-color .2s ease}.ss-search__input:focus{outline:0;border-color:var(--color-text,#111827);box-shadow:0 0 0 3px rgba(17,24,39,.1)}.ss-search__submit{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--color-text,#111827);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;transition:opacity .2s ease}.ss-search__submit:hover{opacity:.7}.ss-search__submit svg{width:1.25rem;height:1.25rem}.ss-search__controls{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border,#e5e7eb)}@media (min-width:768px){.ss-search__controls{flex-direction:row;justify-content:space-between;align-items:center}}.ss-search__controls-count{font-size:var(--text-sm);color:var(--color-text-muted,#6b7280)}.ss-search__controls-count strong{color:var(--color-text,#111827);font-weight:600}.ss-search__controls-right{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.ss-search__type-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.ss-search__type-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted,#6b7280)}.ss-filter-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.625rem 1.25rem;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;border-radius:var(--button-border-radius,var(--radius-sm));border:1px solid var(--color-button-primary-border,#111827);background-color:transparent;color:var(--color-text,#111827);cursor:pointer;transition:all .2s ease}.ss-filter-toggle:hover{background-color:var(--color-text,#111827);color:var(--color-button-primary-text,#fff)}@media (min-width:1024px){.ss-filter-toggle{display:none}}.ss-search__filter-options{display:flex;flex-wrap:wrap;gap:.75rem}.ss-search__filter-btn{padding:var(--space-xs) 1rem;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--button-border-radius,var(--radius-sm));background:var(--color-background,#fff);color:var(--color-text,#111827);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.ss-search__filter-btn:hover{border-color:var(--color-text,#111827)}.ss-search__filter-btn.active{background:var(--color-button-primary-bg,#111827);color:var(--color-button-primary-text,#fff);border-color:var(--color-text,#111827)}.ss-search__results-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:var(--space-sm)}.ss-search__results-count{font-size:var(--text-sm);color:var(--color-text-muted,#6b7280)}.ss-search__results-count strong{color:var(--color-text,#111827);font-weight:600}.ss-search__layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:3rem}@media (min-width:1024px){.ss-search__layout{grid-template-columns:250px 1fr}}.ss-search__sidebar{display:none}@media (min-width:1024px){.ss-search__sidebar{display:block}}.ss-search__results-wrapper{min-width:0}.ss-search__results{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:3rem}@media (min-width:640px){.ss-search__results{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ss-search__results{grid-template-columns:repeat(3,1fr)}}.ss-search__result-card{display:flex;flex-direction:column;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--button-border-radius,var(--radius-sm));overflow:hidden;transition:transform 150ms ease,box-shadow 150ms ease;text-decoration:none;color:inherit}.ss-search__result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ss-search__result-image-wrapper{position:relative;width:100%;padding-top:125%;background-color:var(--color-background-secondary,#f9fafb);overflow:hidden}.ss-search__result-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ss-search__result-type{position:absolute;top:.75rem;right:.75rem;padding:.25rem .625rem;background:rgba(255,255,255,.95);border-radius:var(--button-border-radius,var(--radius-sm));font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--color-text,#111827)}.ss-search__result-content{padding:var(--space-sm);flex-grow:1;display:flex;flex-direction:column}.ss-search__result-title{font-size:var(--text-sm);font-weight:600;margin-bottom:.5rem;color:var(--color-text,#111827);line-height:1.4}.ss-search__result-excerpt{font-size:var(--text-caption);color:var(--color-text-muted,#6b7280);line-height:1.5;margin-bottom:.75rem;flex-grow:1}.ss-search__result-price{font-weight:600;color:var(--color-text,#111827);font-size:var(--text-sm)}.ss-search__empty{text-align:center;padding:var(--space-xl) 1.5rem}.ss-search__empty-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;color:#d1d5db}.ss-search__empty-title{font-size:var(--text-xl);font-weight:600;margin-bottom:.75rem;color:var(--color-text,#111827)}.ss-search__empty-text{color:var(--color-text-muted,#6b7280);font-size:var(--text-sm);margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.ss-search__popular{background:var(--color-background-secondary,#f9fafb);border-radius:var(--button-border-radius,var(--radius-sm));padding:var(--space-lg);margin-top:2rem}.ss-search__popular-title{font-size:var(--text-sm);font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.ss-search__popular-list{display:flex;flex-wrap:wrap;gap:.75rem}.ss-search__popular-item{display:inline-block;padding:var(--space-xs) 1rem;background:var(--color-background,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--button-border-radius,var(--radius-sm));text-decoration:none;color:var(--color-text,#111827);font-size:var(--text-sm);transition:all .2s ease}.ss-search__popular-item:hover{border-color:var(--color-text,#111827);background:var(--color-button-primary-bg,#111827);color:var(--color-button-primary-text,#fff)}.ss-search__suggested{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--color-border,#e5e7eb)}.ss-search__suggested-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ss-search__suggested-title{font-size:var(--text-xl);font-weight:600}.ss-search__suggested-link{font-size:var(--text-sm);color:var(--color-text,#111827);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}.ss-search__suggested-link:hover{opacity:.7}.ss-search__suggested-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width:640px){.ss-search__suggested-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ss-search__suggested-grid{grid-template-columns:repeat(4,1fr)}}.ss-search__pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border,#e5e7eb)}.ss-search__pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid var(--color-border,#e5e7eb);border-radius:var(--button-border-radius,var(--radius-sm));text-decoration:none;color:var(--color-text,#111827);font-size:var(--text-sm);transition:all .2s ease}.ss-search__pagination-item:hover:not(.ss-search__pagination-item--current):not(.ss-search__pagination-item--disabled){border-color:var(--color-text,#111827);background:var(--color-background-secondary,#f9fafb)}.ss-search__pagination-item--current{background:var(--color-button-primary-bg,#111827);color:var(--color-button-primary-text,#fff);border-color:var(--color-text,#111827)}.ss-search__pagination-item--disabled{opacity:.4;cursor:not-allowed}.ss-search__loading{text-align:center;padding:var(--space-xl);color:var(--color-text-muted,#6b7280)}.ss-predictive-results{max-height:400px;overflow-y:auto}.ss-predictive-results__section{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border,#e5e7eb)}.ss-predictive-results__section:last-child{border-bottom:none}.ss-predictive-results__title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#6b7280);margin-bottom:.75rem;padding:0 1.5rem}.ss-predictive-results__list{list-style:none;margin:0;padding:0}.ss-predictive-results__item-wrapper{position:relative;display:flex;align-items:center;transition:background-color .2s ease}.ss-predictive-results__item-wrapper:hover{background-color:var(--color-background-secondary,#f9fafb)}.ss-predictive-results__item{display:flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;text-decoration:none;color:inherit;flex:1}.ss-predictive-results__image{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:var(--button-border-radius,var(--radius-sm));background-color:var(--color-background-secondary,#f9fafb);flex-shrink:0}.ss-predictive-results__content{flex-grow:1;min-width:0}.ss-predictive-results__item-title{font-size:var(--text-sm);font-weight:500;margin-bottom:.25rem;color:var(--color-text,#111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-predictive-results__item-price{font-size:var(--text-meta);color:var(--color-text-muted,#6b7280)}.ss-predictive-results__quick-add{position:relative;margin-right:1rem;padding:var(--space-xs);background:var(--color-button-primary-bg,#111827);color:var(--color-button-primary-text,#fff);border:none;border-radius:var(--button-border-radius,var(--radius-sm));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ss-predictive-results__quick-add:hover:not(:disabled){background:#1f2937;transform:scale(1.05)}.ss-predictive-results__quick-add:disabled{opacity:.7;cursor:not-allowed}.ss-predictive-results__quick-add--success{background:#10b981}.ss-predictive-results__quick-add--error{background:#ef4444}.ss-predictive-results__quick-add svg{width:1rem;height:1rem}.ss-predictive-results__spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.ss-predictive-results__empty{padding:var(--space-lg) 1.5rem;text-align:center;color:var(--color-text-muted,#6b7280);font-size:var(--text-sm)}