.bg-nav-wrap{--bg-ink:#354239;--bg-muted:#5E6B63;--bg-line:#E4E1DA;--bg-line-soft:#EDEAE3;--bg-ph:#ECE9E2;--bg-ease:cubic-bezier(.22,.61,.36,1);--bg-curtain:cubic-bezier(.65,0,.35,1);position:relative;z-index:30;background:var(--bg-bg,#FBFBFA);color:var(--bg-ink);font-family:var(--font-body-family,inherit)}.bg-nav-wrap *,.bg-nav-wrap *:before,.bg-nav-wrap *:after,.bg-search *,.bg-search *:before,.bg-search *:after{box-sizing:border-box}.bg-nav-wrap [hidden],.bg-search [hidden]{display:none!important}.bg-nav__vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}bg-nav{display:none;position:relative}@media screen and (min-width:1200px){bg-nav{display:block}}.bg-nav__row{position:relative;z-index:3;height:44px;display:flex;align-items:stretch;justify-content:center;gap:clamp(16px,1.6vw,30px);padding:0 24px;margin:0;background:var(--bg-bg,#FBFBFA);border-top:1px solid var(--bg-line);border-bottom:1px solid var(--bg-line);font-size:11px;letter-spacing:.1px;white-space:nowrap}@media screen and (min-width:1340px){.bg-nav__row{font-size:11.5px}}@media screen and (min-width:1480px){.bg-nav__row{font-size:12px}}.bg-nav__row a{position:relative;display:flex;align-items:center;color:var(--bg-ink);text-decoration:none;font-weight:400;transition:opacity .3s ease}.bg-nav__cat:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:currentColor;transition:width .45s var(--bg-ease)}.bg-nav__cat:hover:after,.bg-nav__cat:focus-visible:after,.bg-nav__cat[aria-expanded=true]:after{width:100%}.bg-nav__cat:focus-visible{outline:none}bg-nav.is-open .bg-nav__cat:not([aria-expanded=true]){opacity:.5}.bg-nav__panel{position:absolute;left:0;right:0;top:100%;z-index:2;background:var(--bg-bg,#FBFBFA);border-bottom:1px solid var(--bg-line);clip-path:inset(0 0 100% 0);pointer-events:none;transition:clip-path .6s var(--bg-curtain) .05s}bg-nav.is-open .bg-nav__panel{clip-path:inset(0 0 0 0);pointer-events:auto;transition-delay:0s}.bg-nav__scrim{position:absolute;left:0;right:0;top:100%;height:100vh;z-index:1;background:#35423961;opacity:0;pointer-events:none;transition:opacity .5s ease}bg-nav.is-open .bg-nav__scrim{opacity:1}.bg-nav__tiles{list-style:none;margin:0;padding:36px 40px 28px;display:flex;justify-content:center;flex-wrap:wrap;gap:26px}.bg-nav__tile{width:112px;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--bg-ink);text-decoration:none}.bg-nav__img{display:block;width:112px;height:112px;overflow:hidden;background:var(--bg-ph);isolation:isolate}.bg-nav__img img{width:100%;height:100%;object-fit:contain;padding:10px;mix-blend-mode:multiply;display:block;transition:transform .8s var(--bg-ease)}.bg-nav__tile:hover .bg-nav__img img{transform:scale(1.05)}.bg-nav__cap{font-size:12.5px;line-height:1.45;text-align:center;color:#4a5650}.bg-nav__tile:hover .bg-nav__cap{color:var(--bg-ink)}.bg-nav__foot{height:52px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--bg-line-soft)}.bg-nav__foot a{color:var(--bg-ink);text-decoration:none;font-size:12.5px;letter-spacing:.2px}.bg-nav__foot a span{border-bottom:1px solid currentColor;padding-bottom:2px}.bg-nav__tile,.bg-nav__fade{opacity:0;transform:translateY(10px);transition:opacity .15s ease,transform .15s ease}.bg-nav__fade{transform:none}bg-nav.is-open .bg-nav__panel:not(.is-swap) .bg-nav__pane.is-active .bg-nav__tile{opacity:1;transform:none;transition:opacity .5s ease calc(.12s + var(--i,0) * .06s),transform .6s var(--bg-ease) calc(.12s + var(--i,0) * .06s)}bg-nav.is-open .bg-nav__panel:not(.is-swap) .bg-nav__pane.is-active .bg-nav__fade{opacity:1;transition:opacity .4s ease var(--d,.12s)}.bg-search{--bg-ink:#354239;--bg-muted:#5E6B63;--bg-line:#E4E1DA;--bg-ease:cubic-bezier(.22,.61,.36,1);position:relative;display:block;color:var(--bg-ink);font-family:var(--font-body-family,inherit)}.bg-search__form{position:relative;display:flex;align-items:center;gap:10px;height:36px;width:100%;margin:0;padding:0}.bg-search__form:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#cfcabe}.bg-search__line{position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--bg-accent,#354239);transition:width .55s var(--bg-ease)}.bg-search:focus-within .bg-search__line,.bg-search.is-open .bg-search__line{width:100%}.bg-search__icon{flex:none;width:14px;height:14px}.bg-search__input{flex:1 1 auto;min-width:0;height:34px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--bg-ink);font-family:var(--font-heading-family,serif);font-style:italic;font-size:19px;padding:0!important;margin:0;-webkit-appearance:none;appearance:none;border-radius:0}.bg-search__input::placeholder{color:#7c8680;opacity:1}.bg-search__input::-webkit-search-cancel-button{display:none}.bg-search.is-header{flex:none;align-self:center;margin-right:2.4rem}.bg-search.is-header .bg-search__form{width:190px;transition:width .5s var(--bg-ease)}.bg-search.is-header:focus-within .bg-search__form,.bg-search.is-header.is-open .bg-search__form{width:280px}.bg-search__drop{position:absolute;right:0;top:calc(100% + 14px);width:400px;max-height:calc(100vh - 200px);overflow-y:auto;z-index:60;background:#fff;border:1px solid var(--bg-line);box-shadow:0 20px 40px #3542391a;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s ease,transform .35s var(--bg-ease),visibility 0s linear .35s}.bg-search.is-open .bg-search__drop{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .35s var(--bg-ease),visibility 0s}.bg-search:not(.is-header) .bg-search__drop{left:0;right:0;width:auto;max-height:70vh}.bg-search__sect{padding:18px 20px 10px}.bg-search__label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--bg-muted);font-weight:500;margin:0 0 10px}.bg-search__chips{display:flex;flex-wrap:wrap;gap:4px 18px}.bg-search__chip{height:32px;padding:0;border:0;background:none;color:var(--bg-ink);font-family:var(--font-heading-family,serif);font-style:italic;font-size:18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.bg-search__chip:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.bg-search__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.bg-search__row{display:flex;align-items:center;gap:14px;padding:7px 0;color:var(--bg-ink);text-decoration:none}.bg-search__row:hover .bg-search__row-title,.bg-search__row:focus-visible .bg-search__row-title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.bg-search__row-img{width:44px;height:44px;overflow:hidden;background:#ece9e2;flex:none}.bg-search__row-img img{width:100%;height:100%;object-fit:cover;display:block}.bg-search__row-title{flex:1 1 auto;min-width:0;font-size:13px;line-height:1.35}.bg-search__row-price{font-size:12.5px;white-space:nowrap;color:var(--bg-muted)}.bg-search__empty{padding:16px 20px;font-size:13px;color:var(--bg-muted)}.bg-search__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;margin-top:6px;border-top:1px solid #EDEAE3;color:var(--bg-ink);text-decoration:none;font-size:10.5px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase}.bg-search__foot--cta{background:var(--bg-accent,#354239);color:#fff;border-top:0;letter-spacing:1px;text-transform:none;font-size:13px}.bg-nav__mobile{padding:4px 16px 12px}@media screen and (min-width:1100px){.bg-nav__mobile{display:none}}.header__search{display:none!important}@media screen and (min-width:1100px){.header--center-logo-burger>.header__column{align-items:center}.header--center-logo-burger .header__icons.header__icons-reverse{flex-direction:row;align-items:center}}@media screen and (min-width:1200px){.menu_left_block{visibility:hidden!important}}:root{--bg-nav-height:0px}@media screen and (min-width:990px)and (max-width:1099px){:root{--bg-nav-height:52px}}@media screen and (min-width:1200px){:root{--bg-nav-height:44px}}@media screen and (min-width:990px){html body .media-banner-section{--banner-full-fit:calc(100vh - var(--header-height, 0px) - var(--announcement-height, 0px) - var(--countdown-height, 0px) - var(--bg-nav-height))}}@media(prefers-reduced-motion:reduce){.bg-nav-wrap *,.bg-search *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/bg-nav.css.map */