.page-sub-navigation{width:100%}.sub-page-links{display:flex;flex-wrap:wrap;gap:16px}.sub-page-links .btn{flex:0 1 auto}.collection-subcategory-nav-wrapper{width:100%;max-width:100%;position:relative;overflow:hidden}@media screen and (max-width:767px){.collection-subcategory-nav-wrapper{margin-left:calc(var(--container-margin) * -1);margin-right:calc(var(--container-margin) * -1);padding-left:var(--container-margin);padding-right:0}.collection-subcategory-nav-wrapper:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);height:40px;width:40px;background:linear-gradient(90deg,transparent,rgb(var(--color-background)));pointer-events:none;z-index:1}}.collection-subcategory-nav{display:flex;flex-direction:column;gap:10px;max-width:100%}@media screen and (max-width:767px){.collection-subcategory-nav{gap:0}}.subcategory-links{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;padding-right:40px;padding-bottom:20px;max-width:100%}@media screen and (min-width:768px){.subcategory-links{flex-wrap:wrap;overflow-x:visible;padding-right:0;padding-bottom:0;scrollbar-width:none}.subcategory-links::-webkit-scrollbar{display:none}}.subcategory-link--overflow{display:none}@media screen and (max-width:767px){.subcategory-link--overflow{display:flex}}.subcategory-nav--expanded .subcategory-link--overflow{display:flex}.subcategory-link{flex:0 0 auto;min-width:140px;white-space:nowrap;text-align:center;padding:15px;background-color:#f7f7f7!important;border:none!important;color:#0f0f0f!important}@media screen and (min-width:768px){.subcategory-link{flex:1 1 0}}.subcategory-link:hover{color:#fff!important;background-color:#0f0f0f!important;border:none!important}.subcategory-link.active{background-color:#0f0f0f!important;border:none!important;color:#fff!important}.subcategory-link.active:hover{color:#fff!important;background-color:#2a2a2a!important;border:none!important}.subcategory-link__image{display:none;margin-bottom:8px}.subcategory-link__image img{width:100%;height:auto;object-fit:cover;border-radius:4px}.subcategory-link__title{display:flex;align-items:center;gap:5px;text-wrap:wrap}.subcategory-toggle{min-width:160px}@media screen and (min-width:768px){.subcategory-toggle{flex:1 1 0}}.subcategory-toggle .toggle-icon{display:inline-flex;transition:transform .2s ease}.subcategory-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}@media screen and (max-width:767px){.subcategory-toggle{display:none}.subcategory-link__title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/493/assets/component-page-sub-navigation.css.map */