@media screen and (min-width:990px){.ph-mobile-search-section{display:none!important}}@media screen and (max-width:989.98px){.ph-mobile-search-section{position:relative;z-index:1;min-height:74px;background:#fff}.ph-mobile-search{background:#fff;width:100%}.ph-mobile-search__panel{box-sizing:border-box;position:relative;width:100%;padding:8px var(--px-mobile, 16px) 14px;background:#fff;border-bottom:1px solid #ededed}.ph-mobile-search__toolbar{display:none}.ph-mobile-search__input{box-sizing:border-box;width:100%;position:relative}.ph-mobile-search__input predictive-search,.ph-mobile-search__input search-form,.ph-mobile-search__input form.search{display:block;width:100%;max-width:none;margin:0}.ph-mobile-search__input .field{box-sizing:border-box;width:100%;min-height:51px;display:flex;align-items:center;border:1px solid #e3e6e4!important;background:#f7f8f8!important;border-radius:8px!important;box-shadow:none!important;overflow:visible}.ph-mobile-search__input .field:before,.ph-mobile-search__input .field:after{content:none!important;box-shadow:none!important}.ph-mobile-search__input .search-modal__form .select{position:relative;flex:0 0 99px;width:99px;max-width:99px;min-width:0;padding:0;margin:0}.ph-mobile-search__input .select__select{appearance:none;-webkit-appearance:none;height:42px;width:100%;padding-inline-start:10px;padding-inline-end:22px;border:0;background:transparent;color:#26312e;font-size:12px}.ph-mobile-search__input .search-modal__form .select .icon-caret{pointer-events:none;position:absolute;right:8px;width:10px;top:calc(50% - 5px)}.ph-mobile-search__input .search__input.field__input{position:relative;display:block;flex:1 1 auto;min-width:0;width:0;height:47px!important;border:0!important;padding:0 7px 0 9px!important;margin:0!important;font-size:13px;background:transparent!important;box-shadow:none!important;text-overflow:ellipsis}.ph-mobile-search__input .search__input.field__input::placeholder{font-size:13px!important;font-weight:400!important;color:#69786f;opacity:1}.ph-mobile-search__input .search__button.field__button{position:relative;inset:auto;flex:0 0 44px;width:44px!important;height:43px!important;padding:0;margin:0 4px 0 0;display:flex;justify-content:center;align-items:center;border:0!important;border-radius:5px!important;background:#f0952e!important;color:#fff!important;box-shadow:none!important}.ph-mobile-search__input .search__button .icon,.ph-mobile-search__input .search__button .predictive-search__loading-state{width:20px;height:20px}.ph-mobile-search__input .inline-search__close-button,.ph-mobile-search__input .predictive-search--suggestions-desktop,.ph-mobile-search__input .search-suggestions{display:none!important}.ph-mobile-search__popular{display:none}.ph-mobile-search-section.ph-mobile-search-active{z-index:2500}.ph-mobile-search-section.ph-mobile-search-active .ph-mobile-search__panel{position:fixed;z-index:2500;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:0;border:0;background:#fff;overflow:hidden;overscroll-behavior:contain}.ph-mobile-search-section.ph-mobile-search-active .ph-mobile-search__toolbar{flex:0 0 60px;height:60px;display:flex;justify-content:center;align-items:center;position:relative;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box;border-bottom:1px solid #ededed;color:#20342a}.ph-mobile-search__title{font-size:15px;line-height:1.4;font-weight:650}.ph-mobile-search__close{position:absolute;left:10px;top:calc(9px + env(safe-area-inset-top,0px));width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#24352c;cursor:pointer;border-radius:6px}.ph-mobile-search__close .icon{width:19px;height:19px}.ph-mobile-search-section.ph-mobile-search-active .ph-mobile-search__input{flex:0 0 auto;padding:16px var(--px-mobile, 16px);background:#fff;border-bottom:1px solid #ededed}.ph-mobile-search-section.ph-mobile-search-active .ph-mobile-search__popular{flex:1 1 auto;display:block;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px var(--px-mobile, 16px) calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.ph-mobile-search-section.ph-mobile-search-has-query .ph-mobile-search__popular{display:none}.ph-mobile-search__popular-heading{margin:0 0 9px;padding:0;font-size:15px;font-weight:650;color:#172d21;line-height:1.6}.ph-mobile-search__popular-list{display:grid;gap:0;padding:0;margin:0;list-style:none}.ph-mobile-search__popular-item{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:11px 2px;border-bottom:1px solid #e8ece9;font-size:14px;color:#26362c;text-decoration:none}.ph-mobile-search__popular-item:focus-visible,.ph-mobile-search__popular-item:hover{color:#116039;background:#f7f9f7}.ph-mobile-search__popular-arrow{width:18px;height:18px;flex:0 0 auto;color:#788c80}.ph-mobile-search-section.ph-mobile-search-active .search-modal__form{container-type:normal!important}.ph-mobile-search-section.ph-mobile-search-active predictive-search[open] [data-predictive-search]{position:fixed;display:block;top:var(--ph-mobile-search-results-top, 145px);left:0;right:0;bottom:0;width:100%;height:auto;max-height:none!important;border:0;border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;background:#fff;z-index:2510}.ph-mobile-search-section.ph-mobile-search-active predictive-search:not([open]) [data-predictive-search]{display:none!important}html.ph-mobile-search-locked,body.ph-mobile-search-locked{overflow:hidden!important;overscroll-behavior:none}}@media screen and (min-width:750px)and (max-width:989.98px){.ph-mobile-search-section{min-height:86px}.ph-mobile-search__panel{padding:12px 20px 15px}.ph-mobile-search__input .field{box-sizing:border-box;width:100%;min-height:57px}.ph-mobile-search__input .search__input.field__input{height:52px!important;font-size:15px}.ph-mobile-search__input .search__input.field__input::placeholder{font-size:15px!important}.ph-mobile-search__input .search__button.field__button{height:48px!important;width:52px!important;flex-basis:52px}.ph-mobile-search-section.ph-mobile-search-active .ph-mobile-search__input{padding:20px 24px}.ph-mobile-search-section.ph-mobile-search-active .ph-mobile-search__popular{padding:24px}.ph-mobile-search__popular-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}@media(prefers-reduced-motion:reduce){.ph-mobile-search-section *,.section-header .ph-mobile-search-trigger{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/procters-mobile-header-search.css.map */