.pnav-root,.pnav-announce{--pnav-ease: cubic-bezier(.16, 1, .3, 1);--pnav-dur: .28s;--pnav-gutter: clamp(16px, 4vw, 56px);--pnav-hairline: rgb(44 35 34 / 8%);--pnav-blush: rgb(130 16 6 / 8%)}#header-group:has(.pnav-root){display:contents}.shopify-section:has(>.pnav-root--sticky){position:sticky;top:0;z-index:100}.pnav-root{display:contents}.pnav-announce{display:grid;place-items:center;min-height:50px;padding:8px var(--pnav-gutter);background:var(--pnav-announce-bg)}.pnav-announce__text{margin:0;font-family:var(--font-body--family);font-size:.875rem;font-weight:600;line-height:1.35;color:var(--pnav-announce-fg);text-align:center;letter-spacing:.01em;animation:pnav-fade-down .5s var(--pnav-ease) both}@media screen and (min-width:750px){.pnav-announce__text{white-space:nowrap;font-size:clamp(.75rem,.4rem + .62vw,.875rem)}}@media screen and (max-width:749px){.pnav-announce{min-height:44px}.pnav-announce__text{font-size:.75rem;text-wrap:balance}}.pnav{position:relative;background:var(--pnav-surface);border-bottom:1px solid var(--pnav-hairline);transition:box-shadow var(--pnav-dur) var(--pnav-ease),background-color var(--pnav-dur) var(--pnav-ease)}.pnav.is-stuck{background:#ffffffeb;box-shadow:0 1px 0 var(--pnav-hairline),0 10px 30px #2c232214;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px)}.pnav__inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;height:var(--pnav-h);padding-inline:var(--pnav-gutter);transition:height var(--pnav-dur) var(--pnav-ease);animation:pnav-fade-up .55s var(--pnav-ease) both}.pnav.is-stuck .pnav__inner{height:var(--pnav-h-compact)}.pnav__logo{display:inline-flex;align-items:center;justify-self:start;text-decoration:none;transition:transform var(--pnav-dur) var(--pnav-ease)}.pnav__logo:hover{transform:scale(1.04)}.pnav__logo:active{transform:scale(.99)}.pnav__logo img{display:block;width:auto;height:50px;object-fit:contain;transition:height var(--pnav-dur) var(--pnav-ease)}.pnav.is-stuck .pnav__logo img{height:42px}.pnav__nav{justify-self:center}.pnav__list{display:flex;gap:clamp(18px,2vw,34px);align-items:center;margin:0;padding:0;list-style:none}.pnav__link{position:relative;display:inline-flex;gap:6px;align-items:center;padding-block:8px;font-family:var(--font-body--family);font-size:.9375rem;font-weight:600;color:var(--pnav-ink);white-space:nowrap;text-decoration:none}.pnav__link .pnav__link-label{position:relative;display:block;overflow:hidden;line-height:1.45}.pnav__link .pnav__link-label>span,.pnav__link .pnav__link-label:after{display:block;transition:transform .42s var(--pnav-ease)}.pnav__link .pnav__link-label:after{position:absolute;top:0;right:0;bottom:0;left:0;content:attr(data-label);color:var(--pnav-brand);transform:translateY(100%)}.pnav__link:hover .pnav__link-label>span,.pnav__link:focus-visible .pnav__link-label>span,.pnav__link.is-active .pnav__link-label>span{transform:translateY(-100%)}.pnav__link:hover .pnav__link-label:after,.pnav__link:focus-visible .pnav__link-label:after,.pnav__link.is-active .pnav__link-label:after{transform:translateY(0)}.pnav__link:after{position:absolute;bottom:0;left:0;width:100%;height:1.5px;content:"";background:var(--pnav-brand);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .36s var(--pnav-ease) .04s}.pnav__link:hover:after,.pnav__link:focus-visible:after,.pnav__link.is-active:after{transform:scaleX(1)}.pnav__caret{width:7px;height:7px;color:var(--pnav-ink);border-right:1.5px solid currentcolor;border-bottom:1.5px solid currentcolor;transform:translateY(-2px) rotate(45deg);transition:transform var(--pnav-dur) var(--pnav-ease),color var(--pnav-dur) var(--pnav-ease)}.pnav__link:hover .pnav__caret,.pnav__link:focus-visible .pnav__caret{color:var(--pnav-brand);transform:translateY(1px) rotate(45deg)}.pnav__actions{display:flex;gap:6px;align-items:center;justify-self:end}.pnav__icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;color:var(--pnav-ink);background:none;border:0;border-radius:50%;cursor:pointer;isolation:isolate;transition:color var(--pnav-dur) var(--pnav-ease),transform .34s var(--pnav-ease)}.pnav__icon-btn:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:var(--pnav-blush);border-radius:50%;opacity:0;transform:scale(.55);transition:opacity .3s var(--pnav-ease),transform .38s var(--pnav-ease)}.pnav__icon-btn:hover:before,.pnav__icon-btn:focus-visible:before{opacity:1;transform:scale(1)}.pnav__icon-btn:hover{color:var(--pnav-brand);transform:translateY(-2px)}.pnav__icon-btn:active{transform:translateY(0) scale(.94);transition-duration:.1s}.pnav__icon-btn:not(.pnav__search-toggle) .pnav__ico{transition:transform .34s var(--pnav-ease)}.pnav__icon-btn:not(.pnav__search-toggle):hover .pnav__ico{transform:scale(1.06)}.pnav__ico{width:22px;height:22px}.pnav__search{position:relative;display:flex;align-items:center}.pnav__search-form{position:absolute;top:50%;right:calc(100% + 4px);translate:0 -50%}.pnav__search-input{width:0;padding:0;font-family:var(--font-body--family);font-size:.9375rem;color:var(--pnav-ink);background:#fff;border:1px solid var(--pnav-hairline);border-radius:8px;opacity:0;transition:width .34s var(--pnav-ease),opacity .24s var(--pnav-ease),padding .34s var(--pnav-ease)}.pnav__search.is-open .pnav__search-input{width:min(280px,42vw);padding:11px 14px;opacity:1}.pnav__search-input:focus-visible{border-color:var(--pnav-brand);outline:2px solid rgb(130 16 6 / 25%);outline-offset:1px}.pnav__search-toggle .pnav__ico{grid-area:1 / 1;transition:opacity .2s var(--pnav-ease),transform .24s var(--pnav-ease)}.pnav__ico--close{opacity:0;transform:rotate(-45deg) scale(.7)}.pnav__search.is-open .pnav__ico--search{opacity:0;transform:rotate(45deg) scale(.7)}.pnav__search.is-open .pnav__ico--close{opacity:1;transform:rotate(0) scale(1)}.pnav__badge{position:absolute;top:3px;right:2px;display:grid;place-items:center;min-width:18px;height:18px;padding-inline:5px;font-family:var(--font-body--family);font-size:.6875rem;font-weight:700;line-height:1;color:#fff;background:var(--pnav-brand);border-radius:999px}.pnav__badge.is-empty{display:none}.pnav__badge.is-bumped{animation:pnav-pop .4s var(--pnav-ease)}@keyframes pnav-pop{0%{transform:scale(.7)}55%{transform:scale(1.1)}to{transform:scale(1)}}.pnav__cta{position:relative;display:inline-grid;place-items:center;min-width:120px;height:52px;margin-inline-start:10px;padding-inline:22px;overflow:hidden;font-family:var(--font-body--family);font-size:.9375rem;font-weight:600;line-height:1;color:#fff;white-space:nowrap;text-decoration:none;background:var(--pnav-brand);border-radius:8px;isolation:isolate;box-shadow:0 1px 2px #5d08052e,0 2px 8px #5d08051a;transition:background-color var(--pnav-dur) var(--pnav-ease),box-shadow .32s var(--pnav-ease),transform .32s var(--pnav-ease)}.pnav__cta:before{position:absolute;top:0;left:0;z-index:-1;width:55%;height:100%;content:"";background:linear-gradient(100deg,transparent 0%,rgb(255 255 255 / 6%) 30%,rgb(255 255 255 / 20%) 50%,rgb(255 255 255 / 6%) 70%,transparent 100%);transform:translate(-190%) skew(-16deg);transition:transform .85s var(--pnav-ease);pointer-events:none}.pnav__cta:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(180deg,rgb(255 255 255 / 12%),transparent 42%);border-radius:inherit;pointer-events:none}.pnav__cta:hover{background:var(--pnav-brand-dark);box-shadow:0 2px 4px #5d080533,0 10px 26px #5d08054d;transform:translateY(-2px)}.pnav__cta:hover:before,.pnav__cta:focus-visible:before{transform:translate(250%) skew(-16deg)}.pnav__cta:active{box-shadow:0 1px 2px #5d080538;transform:translateY(0) scale(.97);transition-duration:.11s}.pnav__burger{display:none;place-items:center;width:42px;height:42px;padding:0;color:var(--pnav-ink);background:none;border:0;border-radius:8px;cursor:pointer}.pnav__burger-box{position:relative;display:block;width:22px;height:16px}.pnav__burger-bar{position:absolute;left:0;width:100%;height:2px;background:currentcolor;border-radius:2px;transition:transform .3s var(--pnav-ease),opacity .2s var(--pnav-ease),top .3s var(--pnav-ease)}.pnav__burger-bar:nth-child(1){top:0}.pnav__burger-bar:nth-child(2){top:7px}.pnav__burger-bar:nth-child(3){top:14px}.pnav__burger[aria-expanded=true] .pnav__burger-bar:nth-child(1){top:7px;transform:rotate(45deg)}.pnav__burger[aria-expanded=true] .pnav__burger-bar:nth-child(2){opacity:0}.pnav__burger[aria-expanded=true] .pnav__burger-bar:nth-child(3){top:7px;transform:rotate(-45deg)}.pnav-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.pnav-drawer[hidden]{display:none}.pnav-drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c0c0a6b;opacity:0;transition:opacity .3s var(--pnav-ease)}.pnav-drawer.is-open .pnav-drawer__scrim{opacity:1}.pnav-drawer__panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:8px;width:min(88vw,360px);height:100%;padding:24px 22px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;background:var(--pnav-surface);box-shadow:-18px 0 44px #2c23222e;transform:translate(100%);transition:transform .36s var(--pnav-ease)}.pnav-drawer.is-open .pnav-drawer__panel{transform:translate(0)}.pnav-drawer__list{margin:0;padding:0;list-style:none}.pnav-drawer__item{opacity:0;transform:translate(14px);border-bottom:1px solid var(--pnav-hairline)}.pnav-drawer.is-open .pnav-drawer__item{animation:pnav-slide-in .34s var(--pnav-ease) forwards}.pnav-drawer.is-open .pnav-drawer__item:nth-child(1){animation-delay:.06s}.pnav-drawer.is-open .pnav-drawer__item:nth-child(2){animation-delay:.1s}.pnav-drawer.is-open .pnav-drawer__item:nth-child(3){animation-delay:.14s}.pnav-drawer.is-open .pnav-drawer__item:nth-child(4){animation-delay:.18s}.pnav-drawer.is-open .pnav-drawer__item:nth-child(5){animation-delay:.22s}.pnav-drawer.is-open .pnav-drawer__item:nth-child(6){animation-delay:.26s}.pnav-drawer.is-open .pnav-drawer__item:nth-child(n+7){animation-delay:.3s}.pnav-drawer__link{display:block;padding:16px 4px;font-family:var(--font-body--family);font-size:1.0625rem;font-weight:600;color:var(--pnav-ink);text-decoration:none;transition:color .2s var(--pnav-ease)}.pnav-drawer__link:hover,.pnav-drawer__link.is-active{color:var(--pnav-brand)}.pnav-drawer__cta{display:grid;place-items:center;height:52px;margin-top:18px;font-family:var(--font-body--family);font-size:.9375rem;font-weight:600;color:#fff;text-decoration:none;background:var(--pnav-brand);border-radius:8px}body.pnav-locked{overflow:hidden}@media screen and (max-width:989px){.pnav__nav,.pnav__cta{display:none}.pnav__burger{display:grid}.pnav__inner{grid-template-columns:auto 1fr;height:clamp(68px,12vw,84px)}.pnav__logo img{height:40px}.pnav.is-stuck .pnav__logo img{height:36px}}@media screen and (min-width:990px){.pnav-drawer{display:none}}.pnav__link:focus-visible,.pnav__icon-btn:focus-visible,.pnav__cta:focus-visible,.pnav__burger:focus-visible,.pnav__logo:focus-visible,.pnav-drawer__link:focus-visible,.pnav-drawer__cta:focus-visible{outline:2px solid var(--pnav-brand);outline-offset:3px;border-radius:4px}.pnav__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes pnav-fade-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pnav-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pnav-slide-in{to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.pnav-announce__text,.pnav__inner,.pnav__badge.is-bumped,.pnav-drawer.is-open .pnav-drawer__item{animation:none!important}.pnav-drawer__item{opacity:1;transform:none}.pnav,.pnav__inner,.pnav__logo,.pnav__logo img,.pnav__link,.pnav__link:after,.pnav__link .pnav__link-label>span,.pnav__link .pnav__link-label:after,.pnav__caret,.pnav__icon-btn,.pnav__icon-btn:before,.pnav__icon-btn .pnav__ico,.pnav__search-input,.pnav__search-toggle .pnav__ico,.pnav__cta,.pnav__cta:before,.pnav__burger-bar,.pnav-drawer__scrim,.pnav-drawer__panel,.pnav-drawer__link{transition:none!important}.pnav__logo:hover,.pnav__icon-btn:hover,.pnav__icon-btn:hover .pnav__ico,.pnav__cta:hover,.pnav__cta:active{transform:none!important}.pnav__icon-btn:hover:before,.pnav__icon-btn:focus-visible:before{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pantry-header.css.map */