.blog-category-nav{background-color:var(--bcn-bg, #fff);color:var(--bcn-text, #333);padding-top:var(--bcn-padding-top, 0);padding-bottom:var(--bcn-padding-bottom, 0)}.blog-category-nav__container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:stretch}.blog-category-nav__item{position:relative}.blog-category-nav__trigger{display:inline-flex;align-items:center;gap:4px;padding:0;margin:0;text-decoration:none;background:none;border:none;cursor:pointer;white-space:nowrap;transition:color .2s;line-height:1.4}.blog-category-nav__chevron{flex-shrink:0;transition:transform .25s ease}.blog-category-nav__item.is-active .blog-category-nav__chevron{transform:rotate(180deg)}.blog-category-nav__dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:200px;padding:8px 0;background:#fff;border-radius:4px;box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.blog-category-nav__item.is-active .blog-category-nav__dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media(hover:hover)and (pointer:fine){.blog-category-nav__item:hover .blog-category-nav__dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.blog-category-nav__item:hover .blog-category-nav__chevron{transform:rotate(180deg)}}.blog-category-nav__dropdown-list{list-style:none;margin:0;padding:0}.blog-category-nav__dropdown-link{display:block;padding:10px 20px;font-weight:400;color:#333;text-decoration:none;white-space:nowrap;transition:color .15s,background-color .15s}.blog-category-nav__dropdown-link:hover{color:#000;background-color:#f7f7f7}@media screen and (max-width:1199px){.blog-category-nav__trigger{padding:10px 16px}.blog-category-nav__dropdown-link{padding:9px 16px}}@media screen and (max-width:1023px){.blog-category-nav__container{gap:2px}.blog-category-nav__trigger{padding:10px 14px}}@media screen and (max-width:819px){.blog-category-nav__container{gap:0}.blog-category-nav__trigger{padding:10px 12px}.blog-category-nav__dropdown{min-width:180px}.blog-category-nav__dropdown-link{padding:8px 14px}}.blog-category-filter-bar{background:var(--bcn-bg, #fff);margin-top:30px}.blog-category-filter-bar__inner{display:flex;align-items:center;flex-wrap:wrap;padding:16px 0;border:1px solid var(--bcn-border, #e5e5e5);gap:10px}.blog-category-filter-bar__label{font-weight:600;color:var(--bcn-text, #333);padding-left:20px;font-size:18px}.blog-category-filter-bar__tag{display:inline-block;padding:4px 14px;font-weight:500;color:#333;background:#f2f2f2;border-radius:20px}.blog-category-filter-bar__clear{margin-left:auto;padding-right:20px;color:var(--bcn-text, #333);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.blog-category-filter-bar__clear:hover{color:var(--bcn-hover, #000)}@media screen and (max-width:819px){.blog-category-filter-bar__tag{padding:3px 12px}}@media screen and (max-width:767px){.blog-category-nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:10px}.blog-category-filter-bar{margin-top:20px;margin-bottom:14px}.blog-category-nav::-webkit-scrollbar{display:none}.blog-category-nav__container{flex-wrap:nowrap;gap:0;justify-content:flex-start;padding:0}.blog-category-nav__item{flex:0 0 calc(100% / 3);text-align:center}.blog-category-nav__trigger{padding:12px 0;width:100%;justify-content:center}button.blog-category-nav__trigger.h4{font-size:16px}.blog-category-nav__dropdown-link{padding:4px 10px;font-size:14px}.blog-category-filter-bar__inner{padding:12px 16px;gap:8px}.blog-category-filter-bar__label{padding-left:0}.blog-category-filter-bar__clear{padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/section-blog-category-nav.css.map */