@media screen and (min-width:990px){.section-header .header.page-width{max-width:160rem;display:grid;grid-template-areas:"heading zepsearch icons" "navigation navigation navigation";grid-template-columns:minmax(150px,auto) minmax(360px,1fr) auto;align-items:center;column-gap:clamp(2rem,3vw,4.8rem);row-gap:.8rem;padding-left:clamp(2.4rem,4vw,6rem);padding-right:clamp(2.4rem,4vw,6rem)}.section-header .header__heading,.section-header .header__heading-link{grid-area:heading;justify-self:start}.section-header .header__heading-logo-wrapper{display:flex;align-items:center}.section-header .header__heading-logo{max-height:76px;width:auto;object-fit:contain}.section-header .zep-header-search{grid-area:zepsearch;width:100%;min-width:0;position:relative;z-index:4}.section-header .zep-search-predictive,.section-header .zep-search-form{display:block;width:100%;position:relative}.section-header .zep-search-field{position:relative;display:flex;align-items:center;min-height:52px;border:1px solid rgba(var(--color-foreground),.2);border-radius:14px;background:rgb(var(--color-background));overflow:visible;transition:border-color .18s ease,box-shadow .18s ease}.section-header .zep-search-field:focus-within{border-color:#d10a0a;box-shadow:0 0 0 3px #d10a0a1a}.section-header .zep-search-leading-icon{width:20px;height:20px;margin-left:18px;flex:0 0 20px;opacity:.62}.section-header .zep-search-leading-icon svg,.section-header .zep-search-submit svg,.section-header .zep-search-reset svg{width:100%;height:100%}.section-header .zep-search-input{min-width:0;width:100%;height:50px;padding:0 1.4rem;border:0;outline:0;box-shadow:none;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.5rem}.section-header .zep-search-input::placeholder{color:rgba(var(--color-foreground),.58);opacity:1}.section-header .zep-search-reset{width:34px;height:34px;padding:9px;border:0;background:transparent;cursor:pointer;opacity:.55}.section-header .zep-search-submit{align-self:stretch;min-width:108px;margin:-1px -1px -1px 0;padding:0 18px;border:0;border-radius:0 14px 14px 0;background:linear-gradient(135deg,#cf0b0b,#f36b21);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;cursor:pointer;transition:filter .18s ease,transform .18s ease}.section-header .zep-search-submit:hover{filter:brightness(.94)}.section-header .zep-search-submit svg{width:18px;height:18px}.section-header .zep-search-results{top:calc(100% + 8px);left:0;right:0;width:100%;max-height:min(70vh,620px);border-radius:14px;overflow:auto;box-shadow:0 18px 45px #00000024}.section-header .header__icons{grid-area:icons;justify-self:end;gap:.4rem}.section-header .header__icons>.header__search{display:none}.section-header .header__inline-menu{grid-area:navigation;justify-self:stretch;margin:0;padding-top:.4rem;border-top:1px solid rgba(var(--color-foreground),.08)}.section-header .header__inline-menu>.list-menu--inline{width:100%;display:flex;justify-content:center;gap:clamp(.2rem,.8vw,1.2rem)}.section-header .header__menu-item{padding-top:1rem;padding-bottom:1rem;font-weight:500;transition:color .18s ease}.section-header .header__menu-item:hover,.section-header .header__active-menu-item{color:#cf0b0b}.section-header .header__icon{border-radius:10px;transition:background .18s ease,color .18s ease,transform .18s ease}.section-header .header__icon:hover{color:#cf0b0b;background:#d10a0a0f;transform:translateY(-1px)}}@media screen and (max-width:989px){.section-header .zep-header-search{display:none}}@media screen and (min-width:990px)and (max-width:1199px){.section-header .header.page-width{grid-template-columns:minmax(120px,auto) minmax(300px,1fr) auto;column-gap:1.8rem;padding-left:2rem;padding-right:2rem}.section-header .zep-search-submit{min-width:54px;width:54px;padding:0}.section-header .zep-search-submit span{display:none}.section-header .header__heading-logo{max-height:62px}}@media screen and (min-width:990px){.section-header .header.page-width{max-width:148rem;grid-template-columns:minmax(180px,210px) minmax(420px,1fr) minmax(112px,auto);column-gap:clamp(2.2rem,2.6vw,4rem);row-gap:.45rem;padding-top:1.35rem;padding-bottom:.65rem}.section-header .header__heading-logo{max-height:86px;max-width:205px}.section-header .zep-search-field{min-height:50px;border-radius:12px}.section-header .zep-search-input{height:48px}.section-header .zep-search-submit{min-width:100px;border-radius:0 12px 12px 0;background:#d10a0a}.section-header .zep-search-submit:hover{background:#b90909;filter:none}.section-header .header__icons{gap:.1rem}.section-header .header__icon{width:4.6rem;height:4.6rem}.section-header .header__inline-menu{padding-top:.2rem}.section-header .header__inline-menu>.list-menu--inline{justify-content:flex-start;padding-left:0;gap:clamp(.3rem,.7vw,1rem)}.section-header .header__menu-item{padding:.9rem 1.15rem;font-size:1.45rem}}@media screen and (min-width:1200px){.section-header .zep-header-search{max-width:900px;justify-self:center}}@media screen and (min-width:990px){.section-header .header.page-width{max-width:150rem;grid-template-columns:190px minmax(440px,1fr) 112px;column-gap:2.4rem;padding-top:.9rem;padding-bottom:.35rem}.section-header .header__heading-logo{max-height:72px;max-width:190px}.section-header .zep-header-search{max-width:820px}.section-header .zep-search-field{min-height:46px;border-radius:9px}.section-header .zep-search-input{height:44px;font-size:1.4rem}.section-header .zep-search-submit{min-width:92px;border-radius:0 9px 9px 0;font-size:1.4rem;background:#d10a0a}.section-header .header__menu-item{padding:.75rem 1.05rem;font-size:1.4rem}}@media screen and (min-width:990px){.header__menu-item .icon-caret{position:relative!important;right:auto!important;top:auto!important;margin-left:.65rem!important;width:1rem!important;height:.6rem!important;flex:0 0 auto;transform:none!important}details[open]>.header__menu-item .icon-caret{transform:rotate(180deg)!important}.header__menu-item{display:inline-flex!important;align-items:center!important;gap:.15rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/zepdecor-premium-header.css.map */