.search-hero-banner{position:relative;padding:80px 20px;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-banner-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;text-align:center}.search-banner-heading h1{color:#222;font-weight:700;font-size:50px}.search-banner-subheading{padding:10px 10px 20px}.search-banner-subheading p{font-size:18px;line-height:28px;font-weight:400;color:#222;max-width:600px}.hero-text-outer{max-width:660px;width:100%}.hero-text-outer .search-modal__content{margin-top:35px}.hero-text-outer .search-modal__content .search__input{padding:5px 15px!important;margin:0}.hero-text-outer .search-modal__content{padding:0!important}.hero-text-outer .search-modal__content .search__input::placeholder{opacity:1!important}.hero-text-outer .search-modal__content .reset__button{right:175px;top:7px;background-color:#fff}.hero-text-outer .search-modal__content .predictive-search{left:50%;transform:translate(-50%)}.hero-text-outer .search-modal__form form{background-color:#fff;border-radius:35px}.hero-text-outer .search-modal__form form .field{align-items:center;display:grid;grid-template-columns:auto 1fr 155px;padding:5px 5px 5px 15px}.hero-search .banner-search-btn{background:#da5813;color:#fff;border:none;cursor:pointer;border-radius:36px;height:100%;font-size:16px;font-weight:600;width:100%;position:static!important}.hero-search .banner-search-btn svg{display:none}.hero-search .predictive-search__pages-wrapper{display:none}@media(max-width:768px){.hero-banner-inner{flex-direction:column;text-align:center}.hero-search{margin:0 auto}.hero-image{max-width:260px}.hero-text-outer .search-modal__content .predictive-search{width:100%;text-align:left}.hero-text-outer .predictive-search__result-group{gap:0}.hero-text-outer .search-modal__form form .field{grid-template-columns:auto 1fr auto}.hero-search .banner-search-btn{font-size:0;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.hero-search .banner-search-btn svg{display:block}.hero-search .banner-search-btn svg path{stroke:#fff}.hero-text-outer .search-modal__content .reset__button{right:64px;top:5px}.search-banner-heading h1{font-size:30px}.search-banner-subheading p{font-size:16px;line-height:26px}.hero-text-outer .search-modal__content{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/search-hero-banner.css.map */