.search-bar__top{border-radius:8px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;border:1px solid rgba(0,0,0,.05)}.search-bar.is-expanded .search-bar__top{box-shadow:0 2px 8px #00000014;border-color:#3b82f633}.search-bar__inner{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.06);animation:searchDrawerSlideIn .3s ease-out}@keyframes searchDrawerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-bar__results,.search-bar__menu-wrapper{background:transparent;border-radius:8px;box-shadow:none;border:none}.search-bar__result-category{background:#f8fafc;color:#475569;font-weight:600;letter-spacing:.3px;padding:10px 20px;border-radius:6px 6px 0 0;margin:0 0 4px;box-shadow:none;border:none;border-bottom:1px solid #e2e8f0}.search-bar__result-item{padding:14px 20px;border-radius:6px;margin:2px 8px;transition:all .2s ease;border:1px solid transparent;background:#fff}.search-bar__result-item:hover,.search-bar__result-item:focus{background:#f1f5f9;transform:translate(2px);box-shadow:0 2px 8px #3b82f614;border-color:#3b82f61a}.search-bar__image-container{border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #00000014;transition:transform .2s ease}.search-bar__result-item:hover .search-bar__image-container{transform:scale(1.02)}.search-bar__image-container img{transition:transform .2s ease}.search-bar__result-link{padding:10px 20px;border-radius:6px;margin:2px 8px;transition:all .2s ease;border:1px solid transparent;background:#fff;color:#334155}.search-bar__result-link:hover,.search-bar__result-link:focus{background:#f1f5f9;transform:translate(2px);box-shadow:0 2px 8px #3b82f614;border-color:#3b82f61a;color:#1e293b}.search-bar__view-all{background:linear-gradient(135deg,#577755,#44d33b)!important;color:#fff;border-radius:6px;margin:8px;padding:12px 20px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633}.search-bar__empty-state{padding:40px 20px;text-align:center;color:#64748b}.search-bar__empty-state .heading{color:#334155;font-weight:500}.search-bar.is-loading .search-bar__results{position:relative}.search-bar.is-loading .search-bar__results:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width: 641px){.search-bar__inner{border-radius:8px;box-shadow:0 8px 32px #0000001a}.search-bar__results,.search-bar__menu-wrapper{border-radius:8px}.search-bar__result-category{border-radius:8px 8px 0 0}}.search-bar__result-item-title{color:#1e293b;font-weight:500}.search-bar__result-item-price{color:#059669;font-weight:600}.search-bar__result-item,.search-bar__result-link{will-change:transform,background-color}.search-bar__result-item:focus,.search-bar__result-link:focus,.search-bar__view-all:focus{outline:2px solid #3b82f6;outline-offset:2px}@media screen and (max-width: 640px){.search-bar__inner{border-radius:12px 12px 0 0;margin:0;left:0;width:100vw!important;max-width:100vw!important;box-shadow:0 -4px 20px #00000014}.search-bar__results,.search-bar__menu-wrapper{width:100%!important;max-width:100%!important;left:0!important;border-radius:0!important}.search-bar__results-inner{width:100%!important;max-width:100%!important;overflow-x:hidden!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.search-bar__result-item,.search-bar__result-link{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;width:100%!important;box-sizing:border-box!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}.search-bar__item-title,.search-bar__result-link{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;max-width:100%!important;display:block!important;overflow:visible!important;text-overflow:unset!important;line-height:1.4!important;padding-bottom:4px!important}.search-bar__result-item{min-height:auto!important;align-items:flex-start!important;padding-top:12px!important;padding-bottom:12px!important}.search-bar__item-info{flex:1!important;min-width:0!important;overflow:visible!important;padding-right:8px!important}.search-bar__result-category{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;width:100%!important;box-sizing:border-box!important}.search-bar__view-all{margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important;border-radius:8px}.search-bar__image-container{width:50px!important;max-width:50px!important;flex-shrink:0!important;margin-right:12px!important}.search-bar__image-container img{max-width:100%!important;height:auto!important;width:100%!important}.search-bar__item-info{flex:1!important;min-width:0!important;overflow:visible!important;width:calc(100% - 62px)!important}.search-bar__item-price{display:block!important;margin-top:4px!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}.search-bar__input-clear{right:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:10}.search-bar__input{padding-right:90px!important}.search-bar__submit{width:40px!important;height:40px!important;border-radius:6px!important;margin-left:8px!important}.search-bar__top{border-radius:8px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;border:1px solid rgba(0,0,0,.05)}.search-bar.is-expanded .search-bar__top{box-shadow:0 2px 8px #00000014;border-color:#3b82f633}.search-bar__inner{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.06);animation:searchDrawerSlideIn .3s ease-out}@keyframes searchDrawerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-bar__results,.search-bar__menu-wrapper{background:transparent;border-radius:8px;box-shadow:none;border:none}.search-bar__result-category{background:#f8fafc;color:#475569;font-weight:600;letter-spacing:.3px;padding:10px 20px;border-radius:6px 6px 0 0;margin:0 0 4px;box-shadow:none;border:none;border-bottom:1px solid #e2e8f0}.search-bar__result-item{padding:14px 20px;border-radius:6px;margin:2px 8px;transition:all .2s ease;border:1px solid transparent;background:#fff}.search-bar__result-item:hover,.search-bar__result-item:focus{background:#f1f5f9;transform:translate(2px);box-shadow:0 2px 8px #3b82f614;border-color:#3b82f61a}.search-bar__image-container{border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #00000014;transition:transform .2s ease}.search-bar__result-item:hover .search-bar__image-container{transform:scale(1.02)}.search-bar__image-container img{transition:transform .2s ease}.search-bar__result-link{padding:10px 20px;border-radius:6px;margin:2px 8px;transition:all .2s ease;border:1px solid transparent;background:#fff;color:#334155}.search-bar__result-link:hover,.search-bar__result-link:focus{background:#f1f5f9;transform:translate(2px);box-shadow:0 2px 8px #3b82f614;border-color:#3b82f61a;color:#1e293b}.search-bar__view-all{background:linear-gradient(135deg,#577755,#44d33b)!important;color:#fff;border-radius:6px;margin:8px;padding:12px 20px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633}.search-bar__empty-state{padding:40px 20px;text-align:center;color:#64748b}.search-bar__empty-state .heading{color:#334155;font-weight:500}.search-bar.is-loading .search-bar__results{position:relative}.search-bar.is-loading .search-bar__results:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-bar__result-item-title{color:#1e293b;font-weight:500}.search-bar__result-item-price{color:#059669;font-weight:600}.search-bar__result-item,.search-bar__result-link{will-change:transform,background-color}.search-bar__result-item:focus,.search-bar__result-link:focus,.search-bar__view-all:focus{outline:2px solid #3b82f6;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/search-drawer-improvements.css.map */