.skafe-navigation-search-wrapper{position:relative;min-width:0}.skafe-navigation-search{display:flex;align-items:center;gap:1.1rem;min-height:4.6rem;min-width:0;padding:0 1.4rem;background:#f4f6f7;border:1px solid #dce4df;border-radius:.8rem;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.skafe-navigation-search:focus-within{border-color:#397c63;background:#fff;box-shadow:0 0 0 3px #155b4429}.skafe-navigation-search input:focus,.skafe-navigation-search input:focus-visible{outline:0;box-shadow:none}.skafe-navigation-search input[type=search]{background:transparent;border:0;outline:0;min-width:0;width:100%;padding:1rem 0;font:inherit;font-size:14px;color:#17322c}.skafe-navigation-search input[type=search]::placeholder{color:#73808c;opacity:1}.skafe-navigation-search__submit{position:relative;flex:none;display:flex;width:2rem;height:2rem;color:#17322c}.skafe-navigation-search__submit svg{width:100%;height:100%}.skafe-navigation-search__submit input{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;width:4rem;height:4rem;opacity:0;cursor:pointer}.skafe-navigation-search__results{left:0;right:0;width:100%;top:calc(100% + .4rem);border:1px solid #dce5e1;border-radius:.8rem;background:#fff;box-shadow:var(--shadow-card)}.skafe-navigation-search__results .predictive-search__media{height:6rem;aspect-ratio:auto}.skafe-navigation-search--desktop{display:none;grid-area:search}.skafe-navigation-search--drawer{display:block;margin:1rem 0 1.5rem}.skafe-category-list{margin:0;padding:0}.skafe-category-link{font-size:14px;font-weight:500;display:flex;align-items:center;gap:1rem;min-height:4.8rem;padding:.6rem 1rem;color:#003d2c;text-decoration:none;line-height:1.3}.skafe-category-link:hover{background:#e9f1ed;border-radius:.8rem}.skafe-category-link span:nth-child(2){flex:1;min-width:0}.skafe-category-link[aria-current=page] span:nth-child(2){text-decoration:underline;text-underline-offset:.3em}.skafe-chevron{width:1.6rem;height:1.6rem;flex:none}.skafe-category-icon{width:2.8rem;height:2.8rem;flex:none}.skafe-category-icon svg{width:100%;height:100%}.skafe-mega{left:0;right:0;padding:2.4rem;border:1px solid #dce5e1;border-radius:0 0 1.8rem 1.8rem;box-shadow:var(--shadow-card);max-height:calc(100vh - 16rem);overflow:auto}.skafe-mega:has(.skafe-mega__feature){display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);gap:2rem}.skafe-mega .skafe-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.skafe-mega__heading{letter-spacing:.02em;line-height:1.3;margin:0 0 1rem;color:#00573f;font-weight:700;text-transform:uppercase;font-size:1.3rem}.skafe-mega__feature{border-left:1px solid #dce5e1;padding-left:2rem}.skafe-mega__feature li a{display:block;padding:1rem;border-radius:.8rem;background:#f0f5f1;margin-bottom:.6rem}@media screen and (min-width:1200px){.section-header.shopify-section-group-header-group .header:not(.drawer-menu){grid-template-areas:"heading search icons" "navigation navigation navigation";grid-template-columns:auto minmax(15rem,1fr) auto;gap:.3rem 2rem}.skafe-navigation-search--desktop{display:block;width:100%}.header:not(.drawer-menu) .header__icons>.header__search{display:none}.header:not(.drawer-menu) .header__inline-menu{margin:0}.header:not(.drawer-menu) .header__inline-menu>ul{justify-content:space-between;width:100%}}@media screen and (min-width:990px)and (max-width:1199px){.header:not(.drawer-menu) header-drawer{display:block}.header:not(.drawer-menu) .header__inline-menu{display:none}.header:not(.drawer-menu){grid-template-areas:"navigation heading icons";grid-template-columns:auto 1fr auto}body.overflow-hidden-tablet{overflow:hidden}}.skafe-navigation-subitems{padding-inline-start:1.5rem}@media screen and (min-width:1200px){.section-header.shopify-section-group-header-group .header__inline-menu .header__menu-item{display:inline-flex;align-items:center;gap:.6rem;color:#142b27;font-size:14px;font-weight:600;line-height:1.25;border-radius:.8rem;padding:1rem 1.2rem}.section-header.shopify-section-group-header-group .header__inline-menu .header__menu-item:after{display:none}.section-header.shopify-section-group-header-group .header__inline-menu .header__menu-item>span{position:relative;text-decoration:none}.section-header.shopify-section-group-header-group .header__inline-menu .header__menu-item>span:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:#0e5842;transform:scaleX(0);transform-origin:left center;transition:transform .2s ease-out}.section-header.shopify-section-group-header-group .header__inline-menu .header__menu-item:focus-visible>span:after{transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.section-header.shopify-section-group-header-group .header__inline-menu .header__menu-item:hover>span:after{transform:scaleX(1)}}.section-header.shopify-section-group-header-group .header:not(.drawer-menu):has(.header__inline-menu details[open]){position:relative;background:#f7f9fd;border-color:#dce5e1;border-bottom-color:transparent;border-radius:18px 18px 0 0;box-shadow:none;filter:drop-shadow(0 18px 25px rgba(0,0,0,.14))}.header:not(.drawer-menu) .header__inline-menu{position:static}.header:not(.drawer-menu) .skafe-mega{top:calc(100% - 1px);left:-1px;right:-1px;padding-top:2.2rem;border-top:0;background:#f7f9fd;box-shadow:none}.js .header:not(.drawer-menu) .mega-menu[open] .skafe-mega{animation:skafe-menu-appear .16s ease-out}.section-header.shopify-section-group-header-group .header__inline-menu details[open]>summary{background:#e0eee6;color:#003d2c;text-decoration:none}.section-header.shopify-section-group-header-group .header__inline-menu summary .icon-caret{position:static;width:1.6rem;height:1rem;flex:none;transform:none}.section-header.shopify-section-group-header-group .header__inline-menu details[open]>summary .icon-caret{transform:rotate(180deg)}}.menu-drawer .menu-drawer__menu-item{min-height:4.4rem;font-weight:600;line-height:1.3}.menu-drawer details[open]>summary.menu-drawer__menu-item{background:#e0eee6;color:#003d2c}.menu-drawer .skafe-category-link{min-height:4.8rem}@media screen and (max-width:749px){.section-header.shopify-section-group-header-group .header--mobile-center{grid-template-columns:minmax(8.8rem,1fr) minmax(0,auto) minmax(8.8rem,1fr);gap:0;padding-inline:8px}.section-header.shopify-section-group-header-group .header--mobile-center .header__heading-link{padding-block:2px}.section-header.shopify-section-group-header-group .cart-count-bubble{top:0;right:-5px;bottom:auto;left:auto}.section-header.shopify-section-group-header-group .header:has(.menu-drawer-container[open]){background:#f7f9fd}.section-header.shopify-section-group-header-group .skafe-navigation-search--drawer{margin-top:.4rem}.announcement-bar-section .utility-bar__grid:not(.utility-bar__grid--2-col):not(.utility-bar__grid--3-col){grid-template-columns:minmax(0,1fr);padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}.announcement-bar-section .announcement-bar,.announcement-bar-section .announcement-bar-slider,.announcement-bar-section .announcement-bar-slider .slider{min-width:0}.section-header.shopify-section-group-header-group .menu-drawer{left:50%;width:100vw;max-width:none;margin-left:-50vw;border-left:0;border-right:0;border-radius:0;height:calc(100vh - var(--header-bottom-position, 0px));height:calc(100dvh - var(--header-bottom-position, 0px))}.section-header.shopify-section-group-header-group .menu-drawer__navigation{padding-left:max(1.6rem,env(safe-area-inset-left));padding-right:max(1.6rem,env(safe-area-inset-right))}.menu-drawer__utility-links{padding-bottom:env(safe-area-inset-bottom)}}@media screen and (max-width:359px){.section-header.shopify-section-group-header-group .header--mobile-center .header__heading-logo,.section-header.shopify-section-group-header-group .header--mobile-center .header__heading-logo--fallback{max-width:9rem}}@keyframes skafe-menu-appear{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.skafe-navigation-search,.header__inline-menu .header__menu-item>span:after{transition:none}.js .header:not(.drawer-menu) .mega-menu[open] .skafe-mega{animation:none}}@media(forced-colors:active){.skafe-navigation-search:focus-within{outline:2px solid Highlight;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/skafe-navigation.css.map */
