.mobile-search-bar{display:none}@media screen and (max-width:767px){.mobile-search-bar{display:block;background:var(--color-background);border-bottom:1px solid var(--color-border);position:relative;z-index:10}.mobile-search-bar__container{width:100%}.mobile-search-bar .search__form{position:relative;padding:0}.mobile-search-bar .search__field{position:relative;width:100%}.mobile-search-bar .search__input{width:100%;padding:12px 16px 12px 48px;border:1px solid #333;border-radius:8px;background:var(--color-background);font-size:16px;line-height:1.5;color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.mobile-search-bar .search__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.1)}.mobile-search-bar .search__input::placeholder{color:var(--color-text-subtext)}.mobile-search-bar .search__field-icon{left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-subtext);pointer-events:none}.mobile-search-bar .search__reset{right:12px;top:50%;transform:translateY(-50%);padding:4px;border-radius:4px;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.mobile-search-bar .search__reset:hover{background:var(--color-background-hover)}.mobile-search-bar .search__content{width:100%;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a;margin-top:-1px}.mobile-search-bar .search__content:not(.hidden){display:block}.mobile-search-bar .search__recommendations{padding:16px}.mobile-search-bar .search__box-item{margin-bottom:16px}.mobile-search-bar .search__box-item:last-child{margin-bottom:0}.mobile-search-bar .search__most-searched-keywords h4,.mobile-search-bar .search__products-recommendation h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--color-text)}.mobile-search-bar .search__most-searched-keywords ul{list-style:none;padding:0;margin:0}.mobile-search-bar .search__most-searched-keywords li{display:inline-block;margin-right:8px;margin-bottom:4px}.mobile-search-bar .search__most-searched-keywords a{display:inline-block;padding:4px 8px;background:var(--color-background-hover);border-radius:4px;font-size:12px;text-decoration:none;color:var(--color-text);transition:background-color .2s ease}.mobile-search-bar .search__most-searched-keywords a:hover{background:var(--color-accent);color:var(--color-background)}.mobile-search-bar .search__products-recommendation ul{list-style:none;padding:0;margin:0}.mobile-search-bar .predictive-search__list-item{padding:8px 0;border-bottom:1px solid var(--color-border)}.mobile-search-bar .predictive-search__list-item:last-child{border-bottom:none}.mobile-search-bar .predictive-search__list-item .media-wrapper{width:60px;height:60px;flex-shrink:0}.mobile-search-bar .predictive-search__list-item img{width:100%;height:100%;object-fit:cover;border-radius:4px}.mobile-search-bar .predictive-search__list-item .text-pcard-title{font-size:14px;font-weight:500;line-height:1.4}.mobile-search-bar .search__results{padding:16px}.mobile-search-bar .predictive-search-result{margin-bottom:16px}.mobile-search-bar .predictive-search-result:last-child{margin-bottom:0}.mobile-search-bar .predictive-search-result__heading{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--color-text)}.mobile-search-bar .predictive-search-result__list{list-style:none;padding:0;margin:0}.mobile-search-bar .predictive-search-result__list-item{margin-bottom:4px}.mobile-search-bar .predictive-search-result__list-item:last-child{margin-bottom:0}.mobile-search-bar .predictive-search-result__list-item a{display:inline-block;padding:4px 8px;background:var(--color-background-hover);border-radius:4px;font-size:12px;text-decoration:none;color:var(--color-text);transition:background-color .2s ease}.mobile-search-bar .predictive-search-result__list-item a:hover{background:var(--color-accent);color:var(--color-background)}.mobile-search-bar .loading-spinner{width:16px;height:16px}.mobile-search-bar .search__input{min-height:44px}@media screen and (max-width:480px){.mobile-search-bar .search__input{padding:10px 14px 10px 44px;font-size:14px}.mobile-search-bar .search__field-icon{left:14px}.mobile-search-bar .search__reset{right:10px}.mobile-search-bar .search__content{max-height:350px}.mobile-search-bar .search__recommendations,.mobile-search-bar .search__results{padding:12px}}}@media screen and (min-width:768px){.mobile-search-bar{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-mobile-search-bar.css.map */