.page-header__search{--min_height:35px;--min_width:var(--min_height);--icon_size:calc(var(--min_height) / 2.5);font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;grid-area:search;justify-self:center;position:relative;width:min(30em,100%);z-index:100}.page-header__search-field{display:block;width:100%;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1em;font-weight:400;line-height:1;color:#2b2b2b;background:#FFF;border:1px solid #2b2b2b;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .15s ease,font 0s;-o-transition:all .15s ease,font 0s;transition:all .15s ease,font 0s;border-radius:5px;display:grid;grid-template-areas:"submit input hide";grid-template-columns:auto 1fr auto;grid-template-rows:auto;height:50%;min-height:var(--min_height);padding:0}.page-header__search:focus-within .page-header__search-field{color:#2b2b2b;background:#FFF;border-color:#2b2b2b;-webkit-box-shadow:inset 0 0 0 0 rgba(43,43,43,.15);box-shadow:inset 0 0 0 0 rgba(43,43,43,.15)}.page-header__search-field.-invalid:focus-within{color:#C92536;background:#FFF;border-color:#dd4454;-webkit-box-shadow:inset 0 0 0 0 rgba(221,68,84,.15);box-shadow:inset 0 0 0 0 rgba(221,68,84,.15)}.page-header__search-hide,.page-header__search-input,.page-header__search-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;display:grid;font:inherit;height:100%;line-height:inherit;min-height:var(--min_height);min-width:var(--min_width);outline:0;padding:0;place-content:center;width:100%}.page-header__search-icon{height:var(--icon_size);width:var(--icon_size)}.page-header__search-input{grid-area:input;color:inherit;padding-left:0}.page-header__search-hide,.page-header__search-submit{color:#2b2b2b;-webkit-transition:color .3s ease,opacity .3s ease,-webkit-transform .3s ease;transition:color .3s ease,opacity .3s ease,-webkit-transform .3s ease;-o-transition:color .3s ease,opacity .3s ease,transform .3s ease;transition:color .3s ease,opacity .3s ease,transform .3s ease;transition:color .3s ease,opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.page-header__search-hide:focus,.page-header__search-hide:hover,.page-header__search-submit:focus,.page-header__search-submit:hover{color:#2b2b2b}.page-header__search-submit{grid-area:submit}.page-header__search-hide{grid-area:hide}.page-header__search-loading-spinner{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;grid-template-areas:"spinner";grid-template-columns:100%;grid-template-rows:100%;height:1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-items:center;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;-o-transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;width:1em;z-index:999;align-self:center;grid-area:submit;justify-self:center;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0)}.page-header__search-loading-spinner::after,.page-header__search-loading-spinner::before{border-radius:50%;border:1px solid transparent;content:"";display:block;grid-area:spinner}.page-header__search-loading-spinner::before{-webkit-animation:spin-360 1s ease-in-out infinite;animation:spin-360 1s ease-in-out infinite;border-left-color:#797878;border-right-color:#797878;height:1em;width:1em}.page-header__search-loading-spinner::after{-webkit-animation:spin-360 1s linear infinite;animation:spin-360 1s linear infinite;border-left-color:#2b2b2b;border-right-color:#2b2b2b;height:-2em;width:-2em}.page-header__search-loading-spinner::after{margin:2px;height:12px;width:12px}.page-header__search.-loading .page-header__search-submit{opacity:0;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);pointer-events:none}.page-header__search.-loading .page-header__search-loading-spinner{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.page-header__search-message{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:45px;pointer-events:none}@-webkit-keyframes search-loading-gradient{from{background-position-x:100%}to{background-position-x:0}}@keyframes search-loading-gradient{from{background-position-x:100%}to{background-position-x:0}}.page-header__search-message.-loading{color:#5f5f5f;background:#ebebeb;padding:14px 16px 12px 16px;border:1px solid #797878;border-radius:5px;background-image:-webkit-gradient(linear,left top,right top,color-stop(35%,transparent),color-stop(50%,#FFF),color-stop(65%,transparent));background-image:-webkit-linear-gradient(left,transparent 35%,#FFF 50%,transparent 65%);background-image:-o-linear-gradient(left,transparent 35%,#FFF 50%,transparent 65%);background-image:linear-gradient(to right,transparent 35%,#FFF 50%,transparent 65%);background-size:300% 100%;background-repeat:no-repeat;-webkit-animation:search-loading-gradient 1s linear infinite;animation:search-loading-gradient 1s linear infinite;padding:0;padding-bottom:3px}.page-header__search-message.-invalid,.page-header__search-message.-no-results{color:#9e1d2a;background:#f7dee1;padding:14px 16px 12px 16px;border:1px solid #C92536;border-radius:5px;padding:0;padding-bottom:3px}.page-header__search-field.-invalid:focus-within~.page-header__search-message.-invalid,.page-header__search.-loading:focus-within .page-header__search-message.-loading,.page-header__search.-no-results:focus-within .page-header__search-message.-no-results{display:-webkit-box;display:-ms-flexbox;display:flex}.page-header__search-results{scrollbar-width:thin;scrollbar-color:#2b2b2b rgba(43,43,43,.15);background:#FFF;border-radius:5px;border:none;display:none;height:0;line-height:1;overflow-x:hidden;overflow-y:auto}.page-header__search-results::-webkit-scrollbar{width:8px;height:8px}.page-header__search-results::-webkit-scrollbar-track{background:rgba(43,43,43,.15)}.page-header__search-results::-webkit-scrollbar-thumb{background:#2b2b2b}.page-header__search-results-heading{font-size:1em;line-height:inherit;padding:5px 5px 2.5px;margin:0}.page-header__search-result{display:block;padding:5px}a.page-header__search-result{text-decoration:none;outline:0;-webkit-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease}a.page-header__search-result:focus,a.page-header__search-result:hover{color:#2b2b2b;background-color:rgba(43,43,43,.15)}.page-header__search-result.-item{display:grid;justify-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;grid-template-columns:min(60px,25%) 5px auto auto 1fr;grid-template-rows:1fr auto auto 1fr;grid-template-areas:"image . . . ." "image . title title title" "image . part-number oe-number price" "image . . . ."}.page-header__search-result.-category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.page-header__search-result.-category .page-header__search-result-title{-ms-flex-item-align:center;align-self:center}.page-header__search-result+.page-header__search-results-heading{padding-top:10px}.page-header__search-result-image{grid-area:image;justify-self:center;display:block;max-width:100%;height:auto}.page-header__search-result-title{grid-area:title;display:block}.page-header__search-result-detail{display:block;font-size:.8em;font-weight:300;font-style:italic;text-transform:uppercase;opacity:.75}.page-header__search-result-detail.-part-number{grid-area:part-number}.page-header__search-result-detail.-oe-number{grid-area:oe-number}.page-header__search-result-detail.-price{grid-area:price}.page-header__search-result-detail:nth-last-of-type(n+2)::after{content:"//";display:inline-block;margin:0 5px;opacity:.33}.page-header__search:focus-within .page-header__search-results{border:1px solid #2b2b2b;height:100%;min-height:400px}@media (max-width:767px){.page-header__search{background:rgba(43,43,43,.85);display:grid;grid-gap:5px;grid-template-areas:"field" "results";grid-template-columns:100%;grid-template-rows:auto 1fr;height:100%;left:0;opacity:0;padding:5px;position:fixed;top:0;width:100%}.page-header__search:not(.-show),.page-header__search:not(.-show) *,.page-header__search:not(.-show) ::after,.page-header__search:not(.-show) ::before{pointer-events:none!important}.page-header__search.-hide,.page-header__search.-show{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.page-header__search.-show{opacity:1}.page-header__search-results{height:100%;display:block}.page-header__search-field{width:95%;justify-self:center}}@media (min-width:767px){.page-header__search-hide{display:none}.page-header__search-message,.page-header__search-results{position:absolute;top:calc(100% - 1px);left:5%;width:90%;-webkit-box-shadow:0 2px 5px rgba(43,43,43,.1);box-shadow:0 2px 5px rgba(43,43,43,.1)}.page-header__search-results{max-height:80vh}.page-header__search:focus-within .page-header__search-results:not(.-hiding){display:block}.page-header__search-field{grid-area:field}.page-header__search-message,.page-header__search-results{grid-area:results;-ms-flex-item-align:start;align-self:start}.page-header__search-results{display:block;max-height:100%}}