.header__search-toggle{width:42px;height:42px;display:grid;place-items:center;background:0 0;border:none;border-radius:50%;cursor:pointer;color:var(--clr-text);transition:background .2s ease,color .2s ease,transform .15s ease}.header__search-toggle:hover{background:rgba(0,0,0,.05);transform:scale(1.05)}.header__search-toggle:active{transform:scale(.95)}.header__search-icon{width:22px;height:22px}html.dark .header__search-toggle{color:var(--clr-text)}html.dark .header__search-toggle:hover{background:rgba(255,255,255,.1)}.search-bar{position:fixed;top:115px;left:0;right:0;z-index:55;background:var(--clr-surface);border-bottom:1px solid var(--clr-border);box-shadow:0 4px 12px rgba(0,0,0,.08);max-height:80px;overflow:hidden;opacity:1;transition:max-height .3s ease,opacity .25s ease,box-shadow .3s ease}.search-bar--hidden{max-height:0;opacity:0;box-shadow:none;pointer-events:none}body.search-active{padding-top:195px;transition:padding-top .3s ease}@media (max-width:767px){body.search-active{padding-top:176px}}.search-bar__container{display:flex;align-items:center;gap:12px;max-width:1280px;margin:0 auto;padding:16px 20px}.search-bar__input{flex:1;height:48px;padding:0 16px;font-size:16px;font-family:inherit;color:var(--clr-text);background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md,8px);outline:0;transition:border-color .2s ease,box-shadow .2s ease}.search-bar__input::placeholder{color:var(--clr-text-dim);opacity:.7}.search-bar__input:focus{border-color:var(--clr-primary-500,#4678ff);box-shadow:0 0 0 3px rgba(70,120,255,.15)}.search-bar__clear{width:40px;height:40px;display:grid;place-items:center;background:0 0;border:none;border-radius:50%;cursor:pointer;color:var(--clr-text-dim);transition:background .2s ease,color .2s ease}.search-bar__clear:hover{background:rgba(0,0,0,.08);color:var(--clr-text)}.search-bar__clear svg{width:20px;height:20px}html.dark .search-bar{background:#1f1f1f;border-color:rgba(255,255,255,.1)}html.dark .search-bar__input{background:#2a2a2a;border-color:rgba(255,255,255,.15);color:#f0f0f0}html.dark .search-bar__input::placeholder{color:#999}html.dark .search-bar__input:focus{border-color:var(--clr-primary-400,#6b97ff);box-shadow:0 0 0 3px rgba(107,151,255,.2)}html.dark .search-bar__clear:hover{background:rgba(255,255,255,.1)}.product-card.live-search-hidden{display:none!important}.no-results-message{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--clr-text-dim)}.no-results-message svg{width:64px;height:64px;color:var(--clr-border);margin-bottom:16px;opacity:.6}.no-results-message h3{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--clr-text)}.no-results-message p{font-size:14px;margin:0}.no-results-message strong{color:var(--clr-primary-700,#1f4ee0)}@media (max-width:767px){.search-bar{top:100px}.search-bar__container{padding:12px 16px}.search-bar__input{height:44px;font-size:15px}}@media (min-width:768px){.search-bar__container{padding:16px 32px}.search-bar__input{max-width:600px}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-bar:not(.search-bar--hidden){animation:slideDown .3s ease forwards}