blog-nav ul{list-style:none;display:flex;overflow:auto;white-space:nowrap;grid-gap:36px;padding:22px 30px 20px;margin:0;background:#f0f9f2;font-weight:500;font-size:16px;line-height:20px;letter-spacing:.01em;color:#00833e}blog-nav a{color:inherit;text-decoration:none}ul.blog-nav__sub{display:none;background:#00833e;border-radius:10px 10px 0 0;width:100%;position:fixed;bottom:0;left:0;z-index:2;font-weight:500;font-size:16px;line-height:20px;letter-spacing:.01em;color:#fff;grid-gap:0}ul.blog-nav__sub a{color:inherit;padding:16px;display:block}.blog-nav__sub .is-active,.blog-nav__category-item.is-active{text-decoration:underline;text-underline-offset:5px}@media screen and (max-width: 989px){.is-mobile-active .blog-nav__sub{display:flex;flex-direction:column;align-items:center}.blog-nav-close{content:url(close_icon.svg);background:#fffc;box-shadow:0 0 6px #00000040;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:0;cursor:pointer}}@media screen and (min-width: 990px){blog-nav{margin-top:40px;padding:3px;margin-left:auto;margin-right:auto;max-width:calc(100% - (var(--desktop-x-padding) * 2));background:#f0f9f2;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;display:block}blog-nav>ul{grid-gap:2px;justify-content:space-between;overflow:initial;flex-wrap:wrap;background:#fff;padding:0}.blog-nav__category-item:hover>ul.blog-nav__sub{display:flex;flex-direction:column;align-items:center}.blog-nav__category-item{background:#f0f9f2;flex:1 1 150px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;padding-left:10px;padding-right:10px}.blog-nav__category-item:hover,.blog-nav__category-item.is-active{text-decoration:none;background:#00833e;color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}ul.blog-nav__sub{position:absolute;border-radius:0 0 10px 10px;bottom:initial;top:87%;padding-top:14px;overflow:visible}blog-nav a:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}}@media screen and (min-width: 1400px){blog-nav{max-width:calc(1400px - (var(--desktop-x-padding) * 2))}}ul.blog-nav__sub li{position:relative}@media screen and (min-width: 990px){.on__close-nav-blog{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-blog-nav.css.map */