.search{position:relative;width:100%}.search__wrapper{position:relative;display:flex;align-items:center;gap:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.search__wrapper:focus-within{transform:translateY(-2px)}.search__input{flex:1;padding:1.2rem 3.5rem 1.2rem 1.5rem;font-size:1rem;border:2px solid transparent;border-radius:12px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--color-foreground);font-weight:500}.search__input::placeholder{color:rgba(var(--color-foreground),.5);transition:color .3s ease}.search__input:hover{background:#ffffff1f;border-color:rgba(var(--color-foreground),.1)}.search__input:focus{outline:none;background:#fffffff2;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary),.1),0 10px 40px -10px #0000001a}.search__input:focus::placeholder{color:transparent}.search__button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.search__button:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 5px 15px -5px #0003;background:var(--color-primary-dark)}.search__button:active{transform:translateY(-50%) scale(.95)}.search__button svg{width:20px;height:20px;transition:transform .3s ease}.search__button:hover svg{transform:rotate(-10deg)}.search--loading .search__button{pointer-events:none}.search--loading .search__button:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:search-spin .6s linear infinite}.search--loading .search__button svg{opacity:0}@keyframes search-spin{to{transform:rotate(360deg)}}.search__suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px -10px #0003,0 0 0 1px #0000000d;max-height:400px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.search__suggestions--active{opacity:1;visibility:visible;transform:translateY(0)}.search__suggestion{padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:1rem}.search__suggestion:last-child{border-bottom:none}.search__suggestion:hover{background:rgba(var(--color-primary),.05);padding-left:2rem}.search__suggestion:focus{outline:none;background:rgba(var(--color-primary),.1);box-shadow:inset 3px 0 0 var(--color-primary)}.search__suggestion-icon{width:40px;height:40px;border-radius:8px;background:#0000000d;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.search__suggestion:hover .search__suggestion-icon{transform:scale(1.1)}.search__suggestion-text{flex:1}.search__suggestion-title{font-weight:600;color:var(--color-foreground);margin-bottom:.25rem}.search__suggestion-category{font-size:.875rem;color:rgba(var(--color-foreground),.6)}.search__suggestion-highlight{background:rgba(var(--color-primary),.2);padding:0 2px;border-radius:2px}.search__recent{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.search__recent-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-foreground),.5);font-weight:600;margin-bottom:.5rem}.search__recent-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0000000d;border-radius:20px;font-size:.875rem;cursor:pointer;transition:all .2s ease;margin:.25rem}.search__recent-item:hover{background:rgba(var(--color-primary),.1);transform:translateY(-1px)}.search__no-results{padding:3rem;text-align:center;color:rgba(var(--color-foreground),.6)}.search__no-results-icon{width:60px;height:60px;margin:0 auto 1rem;opacity:.3}.search__suggestion--skeleton{pointer-events:none}.search__suggestion--skeleton .search__suggestion-icon{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.search__suggestion--skeleton .search__suggestion-title,.search__suggestion--skeleton .search__suggestion-category{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;color:transparent}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (max-width: 749px){.search__input{padding:1rem 3rem 1rem 1rem;font-size:16px}.search__suggestions{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:70vh;border-radius:24px 24px 0 0;transform:translateY(100%)}.search__suggestions--active{transform:translateY(0)}.search__suggestions:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#0003;border-radius:2px}}@media (prefers-color-scheme: dark){.search__input{background:#ffffff0d;color:#fff}.search__input:focus{background:#ffffff1a}.search__suggestions{background:var(--color-background-dark, #1a1a1a);box-shadow:0 -10px 40px -10px #00000080,0 0 0 1px #ffffff1a}.search__suggestion:hover{background:#ffffff0d}.search__suggestion-icon{background:#ffffff1a}}@media (prefers-reduced-motion: reduce){.search__input,.search__button,.search__suggestions,.search__suggestion{transition-duration:.01ms}@keyframes search-spin{to{transform:none}}}.search__suggestion:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.search__voice{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:rgba(var(--color-foreground),.5);transition:all .2s ease}.search__voice:hover{color:var(--color-primary);transform:translateY(-50%) scale(1.1)}.search__voice--listening{color:#f44;animation:voice-pulse 1.5s ease-in-out infinite}@keyframes voice-pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.search__clear{position:absolute;right:100px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all .2s ease}.search__input:not(:placeholder-shown)~.search__clear{opacity:1;visibility:visible}.search__clear:hover{background:#0003;transform:translateY(-50%) rotate(90deg)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/enhanced-search.css.map */