.hp-header{--hp-ink: #18110d;--hp-accent: #bc4212;--hp-line: #ebe5de;--hp-muted: #7a6f66;--hp-soft: #f7f4f1;--hp-h-top: 40px;--hp-h-main: 84px;--hp-h-nav: 46px;--hp-max: 1440px;--hp-pad: 32px;--hp-fs-base: 15px;--hp-fs-topbar: 13px;--hp-fs-nav: 15px;--hp-fs-mega: 15px;--hp-fs-sub: 13.5px;--hp-fs-search: 15px;--hp-fs-drawer: 16px;--hp-fs-logo: 24px;position:relative;z-index:60;background:#fff;color:var(--hp-ink);font-family:Jost,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--hp-fs-base);line-height:1.45;-webkit-font-smoothing:antialiased}.hp-header *,.hp-header *:before,.hp-header *:after{box-sizing:border-box}.hp-header ul,.hp-header li{margin:0;padding:0;list-style:none}.hp-header a{color:inherit;text-decoration:none}.hp-header button{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.hp-header img{display:block;max-width:100%;height:auto}.hp-header svg{display:block}.hp-container{width:100%;max-width:var(--hp-max);margin:0 auto;padding:0 var(--hp-pad)}.hp-topbar{height:var(--hp-h-top);background:var(--hp-ink);color:#fff;font-size:var(--hp-fs-topbar);letter-spacing:.02em}.hp-topbar__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.hp-topbar__slot{position:relative;flex:1 1 auto;height:100%;overflow:hidden;min-width:0}.hp-topbar__msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-topbar__msg.is-active{opacity:1;transform:none}.hp-topbar__msg a{border-bottom:1px solid rgba(255,255,255,.35)}.hp-topbar__msg a:hover{border-bottom-color:#fff}.hp-topbar__msg strong{font-weight:600}.hp-topbar__right{display:flex;align-items:center;gap:22px;flex:0 0 auto}.hp-topbar__right>*{display:inline-flex;align-items:center;gap:6px}.hp-topbar__right a:hover{opacity:.75}.hp-topbar__ship{color:#ffd9cf}.hp-topbar__ship svg{width:15px;height:15px}.hp-main{background:#fff;border-bottom:1px solid var(--hp-line)}.hp-main__inner{height:var(--hp-h-main);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.hp-search{position:relative;justify-self:start;width:100%;max-width:400px;display:flex;height:40px}.hp-search__field{flex:1 1 auto;min-width:0;height:40px;padding:0 50px 0 18px;border:1px solid var(--hp-ink);border-right:0;border-radius:999px 0 0 999px;background:#fff;font:inherit;font-size:var(--hp-fs-search);color:var(--hp-ink);outline:0;-webkit-appearance:none;appearance:none}.hp-search__field::placeholder{color:var(--hp-muted);opacity:1}.hp-search__field::-webkit-search-cancel-button{display:none}.hp-search:focus-within .hp-search__field{border-color:var(--hp-accent)}.hp-header .hp-search__btn,.hp-search__btn{flex:0 0 48px;width:48px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--hp-ink);border-radius:0 999px 999px 0;background:var(--hp-ink);color:#fff;transition:background .2s ease,border-color .2s ease}.hp-header .hp-search__btn svg{width:18px;height:18px}.hp-header .hp-search__btn:hover{background:var(--hp-accent);border-color:var(--hp-accent)}.hp-search:focus-within .hp-search__btn,.hp-header .hp-search:focus-within .hp-search__btn{background:var(--hp-accent);border-color:var(--hp-accent)}.hp-logo{justify-self:center;display:inline-flex;align-items:center}.hp-logo__img{max-height:52px;width:auto}.hp-logo__text{font-size:var(--hp-fs-logo);font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.hp-logo:hover{opacity:.8}.hp-tools{justify-self:end;display:flex;align-items:center;gap:4px}.hp-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;color:var(--hp-ink);transition:background .18s ease}.hp-icon:hover{background:var(--hp-soft)}.hp-icon svg{width:21px;height:21px}.hp-icon__label{display:none}.hp-cart__count{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--hp-accent);color:#fff;font-size:11px;font-weight:600;line-height:17px;text-align:center}.hp-cart__count.hidden-count,.hp-burger{display:none}.hp-nav{position:sticky;top:0;z-index:55;background:#fff;border-bottom:1px solid var(--hp-line);transition:box-shadow .2s ease}.hp-nav.is-stuck{box-shadow:0 6px 18px -10px #18110d59}.hp-nav__list{height:var(--hp-h-nav);display:flex;align-items:stretch;gap:4px}.hp-nav__item{position:static;display:flex}.hp-nav__link{position:relative;display:inline-flex;align-items:center;gap:5px;padding:0 14px;font-size:var(--hp-fs-nav);font-weight:600;letter-spacing:.01em;white-space:nowrap}.hp-nav__link>span{padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .18s ease}.hp-nav__item:hover>.hp-nav__link>span,.hp-nav__item.is-open>.hp-nav__link>span{border-bottom-color:var(--hp-ink)}.hp-nav__link .hp-caret{width:8px;height:8px;margin-top:1px;opacity:.55;transition:transform .2s ease}.hp-nav__item.is-open .hp-caret{transform:rotate(180deg)}.hp-nav__item--accent>.hp-nav__link{color:var(--hp-accent)}.hp-nav__item--accent:hover>.hp-nav__link>span{border-bottom-color:var(--hp-accent)}.hp-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--hp-line);box-shadow:0 24px 40px -24px #18110d52;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:54}.hp-nav__item.is-open>.hp-mega{opacity:1;visibility:visible;transform:none}.hp-mega__inner{display:flex;gap:48px;padding-top:30px;padding-bottom:34px}.hp-mega__list{flex:1 1 auto;columns:3;column-gap:40px;min-width:0}.hp-mega__item{break-inside:avoid;margin-bottom:12px}.hp-mega__item>a{display:block;padding:3px 0;font-size:var(--hp-fs-mega);color:var(--hp-ink);transition:color .16s ease}.hp-mega__item>a:hover{color:var(--hp-accent)}.hp-mega__sub{margin:6px 0 10px 12px}.hp-mega__sub a{display:block;padding:3px 0;font-size:var(--hp-fs-sub);color:var(--hp-muted)}.hp-mega__sub a:hover{color:var(--hp-accent)}.hp-mega__promo{flex:0 0 280px;display:block;overflow:hidden;border-radius:4px;background:var(--hp-soft)}.hp-mega__promo img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .5s ease}.hp-mega__promo:hover img{transform:scale(1.04)}.hp-mega__promo-cap{display:block;padding:14px 16px 18px}.hp-mega__promo-cap strong{display:block;font-size:16px;font-weight:600;margin-bottom:5px}.hp-mega__promo-cap em{font-style:normal;font-size:13.5px;color:var(--hp-muted)}.hp-mega__promo-cap .hp-arrow{display:inline-block;margin-top:10px;font-size:13.5px;color:var(--hp-accent);border-bottom:1px solid currentColor}.hp-msearch{display:none;border-bottom:1px solid var(--hp-line);background:#fff}.hp-msearch__inner{padding:10px 0 12px;display:flex}.hp-msearch .hp-search{max-width:none}.hp-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.hp-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#18110d73;opacity:0;transition:opacity .28s ease}.hp-drawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(88vw,380px);background:#fff;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.hp-drawer__head{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 18px;border-bottom:1px solid var(--hp-line);flex:0 0 auto}.hp-drawer__title{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--hp-muted)}.hp-drawer__close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:999px}.hp-drawer__close:hover{background:var(--hp-soft)}.hp-drawer__close svg{width:18px;height:18px}.hp-drawer__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0 40px}.hp-drawer.is-open{pointer-events:auto}.hp-drawer.is-open .hp-drawer__scrim{opacity:1}.hp-drawer.is-open .hp-drawer__panel{transform:none}.hp-mnav__row{display:flex;align-items:center;border-bottom:1px solid #f3efeb}.hp-mnav__row>a{flex:1 1 auto;padding:16px 18px;font-size:var(--hp-fs-drawer);font-weight:500}.hp-mnav__toggle{flex:0 0 52px;height:50px;display:flex;align-items:center;justify-content:center}.hp-mnav__toggle svg{width:10px;height:10px;opacity:.5;transition:transform .22s ease}.hp-mnav__item.is-open>.hp-mnav__row .hp-mnav__toggle svg{transform:rotate(180deg)}.hp-mnav__sub{display:none;background:#faf8f6;padding:6px 0}.hp-mnav__item.is-open>.hp-mnav__sub{display:block}.hp-mnav__sub a{display:block;padding:12px 18px 12px 30px;font-size:calc(var(--hp-fs-drawer) - 2px);color:#4a423b}.hp-mnav__sub .hp-mnav__sub a{padding-left:42px}.hp-mnav__foot{margin-top:18px;padding:18px;border-top:1px solid var(--hp-line);display:grid;gap:12px;font-size:14px;color:var(--hp-muted)}.hp-mnav__foot a{display:flex;align-items:center;gap:8px}.hp-mnav__foot svg{width:16px;height:16px}body.hp-lock{overflow:hidden}@media(max-width:1220px){.hp-header{--hp-pad: 22px}.hp-nav__link{padding:0 9px;font-size:calc(var(--hp-fs-nav) - 1px)}.hp-search{max-width:300px}.hp-mega__list{columns:2}}@media(max-width:990px){.hp-header{--hp-h-main: 64px;--hp-h-nav: 0px;--hp-pad: 16px}.hp-main__inner>*{min-width:0}.hp-logo{max-width:100%;overflow:hidden}.hp-logo__img{max-width:100%}.hp-topbar{--hp-h-top: 34px}.hp-topbar__right .hp-topbar__hide-sm{display:none}.hp-topbar__inner{gap:12px}.hp-topbar__msg{font-size:12px}.hp-main__inner{grid-template-columns:44px 1fr auto;gap:8px}.hp-burger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;margin-left:-6px}.hp-burger:hover{background:var(--hp-soft)}.hp-burger svg{width:22px;height:22px}.hp-main__inner>.hp-search{display:none}.hp-logo{justify-self:center}.hp-logo__img{max-height:34px}.hp-logo__text{font-size:17px;letter-spacing:.1em}.hp-tools{gap:0}.hp-icon{width:36px;height:36px}.hp-icon svg{width:20px;height:20px}.hp-icon--account,.hp-nav{display:none}.hp-msearch.is-open{display:block}}@media(max-width:400px){.hp-logo__img{max-height:28px}.hp-logo__text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/heparts-header.css.map */
