.mobile-search-wrapper{display:none}mobile-search-header{display:block;width:100%}@media screen and (max-width: 749px){.mobile-search-wrapper{display:block;background-color:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.08);border-bottom-left-radius:.6em;border-bottom-right-radius:.6em}}.mobile-search-header{width:100%}.mobile-search-header__form{padding:1.5rem 0;background-color:#fff;height:70px}input#Search-In-Mobile-Header{border:none;background:#fff}.mobile-search-header__search{position:relative}.mobile-search-header__search .search{width:100%}.mobile-search-header__search .field{position:relative;display:flex;align-items:center;background-color:rgba(var(--color-foreground),.04);border-radius:var(--border-radius);border:.1rem solid transparent;transition:border-color .2s ease}.mobile-search-header__search .field:focus-within{border-color:rgb(var(--color-foreground))}.mobile-search-header__search .search__input{flex:1;background:transparent;border:none;padding:1.2rem 1.5rem;font-size:1.4rem;color:rgb(var(--color-foreground))}.mobile-search-header__search .search__input:focus{outline:none}.mobile-search-header__search .search__input::placeholder{color:rgba(var(--color-foreground),.6)}.mobile-search-header__search .search__button{background:transparent;border:none;padding:1.2rem 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));transition:opacity .2s ease}.mobile-search-header__search .search__button:hover{opacity:.7}.mobile-search-header__search .search__button svg{width:1.8rem;height:1.8rem}.mobile-search-header__search .predictive-search{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:1000;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.08);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:45rem;overflow-y:auto;width:90vw;margin:0 auto;background:#fff}.mobile-search-header__search .predictive-search__loading-state{display:flex;align-items:center;justify-content:center;padding:2rem}.mobile-search-header__search .search__form-text{margin-top:1rem;padding:0 1.5rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.mobile-search-header__results{background-color:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.08);max-height:60vh;overflow-y:auto}.mobile-search-results{padding:2rem 0}.search-results__section{margin-bottom:3rem}.search-results__section:last-child{margin-bottom:0}.search-results__title{margin-bottom:1.5rem;padding:0 1.5rem;font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground))}.mobile-search-results__products{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 1.5rem;list-style:none;margin:0}.mobile-search-results__products .mobile-search-results__item{position:relative}.mobile-search-results__articles,.mobile-search-results__pages{display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem;list-style:none;margin:0}.mobile-search-page-card{display:block;padding:1.5rem;background-color:rgba(var(--color-foreground),.04);border-radius:var(--border-radius);text-decoration:none;color:rgb(var(--color-foreground));transition:background-color .2s ease}.mobile-search-page-card:hover{background-color:rgba(var(--color-foreground),.08)}.mobile-search-page-card__title{margin:0;font-size:1.4rem;font-weight:500;line-height:1.4}.mobile-search-results__view-all{margin-top:1.5rem;padding:0 1.5rem;text-align:center}.mobile-search-results__view-all .button{width:100%;padding:1.2rem 2rem;font-size:1.3rem}.mobile-search-header--empty .mobile-search-header__results{display:none}@media screen and (max-width: 480px){.mobile-search-results__products{grid-template-columns:1fr}.mobile-search-header__form{padding:1rem 0;background-color:#fff;border-bottom-left-radius:.6em;border-bottom-right-radius:.6em}.search-results__title{font-size:1.4rem}}@media screen and (min-width: 750px){.mobile-search-wrapper{display:none!important}}.shopify-section-header-sticky .mobile-search-wrapper{position:relative;z-index:100}.mobile-search-header__results{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.mobile-search-header--focused .mobile-search-header__search .field{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.1)}.mobile-search-header--has-results .mobile-search-header__results{border-top:.1rem solid rgba(var(--color-foreground),.08)}.mobile-search-header--focused{position:relative;z-index:101}.mobile-search-header__search .field,.mobile-search-header__search .search__button{transition:all .2s ease;display:flex;flex-direction:row;background-color:#fff}.mobile-search-header__search .search__input:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.mobile-search-header__search .search__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (min-width: 375px) and (max-width: 413px){.mobile-search-header__search .predictive-search{margin-top:8px;width:89.8vw}}@media screen and (min-width: 414px) and (max-width: 417px){.mobile-search-header__search .predictive-search{margin-top:8px;width:90.3vw}}@media screen and (min-width: 430px) and (max-width: 600px){.mobile-search-header__search .predictive-search{margin-top:8px;width:90.8vw}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-mobile-search-header.css.map */