:root{--collection-nav-height: 60px}@media only screen and (min-width: 1024px){:root{--collection-nav-height: 68px}}@media only screen and (min-width: 1920px){:root{--collection-nav-height: 76px}}.collection-page-nav{position:relative;display:flex;justify-content:center;width:100%;background-color:#fff;z-index:10}.collection-page-nav.initialized .collection-nav-sticky-wrap{top:var(--header-wrapper-height);position:fixed;transition:top .1s linear}.collection-page-nav.stick-to-top .collection-nav-sticky-wrap{top:0}.collection-page-nav .collection-nav-sticky-wrap{position:absolute;top:0;left:0;width:100%;background-color:#fff}.collection-page-nav .collection-nav-inner{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px}@media only screen and (min-width: 1024px){.collection-page-nav .collection-nav-inner{padding-top:14px;padding-bottom:14px}}@media only screen and (min-width: 1920px){.collection-page-nav .collection-nav-inner{padding-top:18px;padding-bottom:18px}}.collection-page-nav .collection-nav-inner .collection--nav-toggle{display:flex;gap:8px;align-items:center;font-size:18px;font-weight:600;font-family:bodoni-pt-variable,"serif";padding:0;background-color:transparent;cursor:pointer;color:#3f3f3f;border:none}@media only screen and (min-width: 1024px){.collection-page-nav .collection-nav-inner .collection--nav-toggle{font-size:20px}}@media only screen and (min-width: 1920px){.collection-page-nav .collection-nav-inner .collection--nav-toggle{font-size:25px}}.collection-page-nav .collection-nav-inner .collection--nav-toggle .angle-icon{display:inline-block;width:24px;height:18px}.collection-page-nav .collection-nav-inner .collection--nav-toggle .angle-icon svg{width:100%;height:100%;color:currentColor}.collection-page-nav .collection-nav-inner .collection--nav-toggle.is-active .angle-icon{transform:rotate(180deg)}.collection-page-nav .collection-nav-inner .collection--buy-button{display:inline-block;padding:10px 20px;font-size:12px;font-family:Gotham,"sans-serif";font-weight:500;background-color:#66a249;border-radius:20px;color:#fff}@media only screen and (min-width: 1024px){.collection-page-nav .collection-nav-inner .collection--buy-button{padding:12px 24px}}@media only screen and (min-width: 1920px){.collection-page-nav .collection-nav-inner .collection--buy-button{padding:12px 28px}}.collection-page-nav .collection-nav-inner .collection--nav-wrap{display:none;position:absolute;background-color:#fff;top:100%;left:0;padding:5px 18px 25px}.collection-page-nav .collection-nav-inner .collection--nav-wrap.is-open{display:block}@media only screen and (min-width: 768px){.collection-page-nav .collection-nav-inner .collection--nav-wrap{padding-left:26px;padding-right:26px}}@media only screen and (min-width: 1024px){.collection-page-nav .collection-nav-inner .collection--nav-wrap{padding-left:45px;padding-right:45px}}@media only screen and (min-width: 1440px){.collection-page-nav .collection-nav-inner .collection--nav-wrap{padding-left:64px;padding-right:64px}}@media only screen and (min-width: 1920px){.collection-page-nav .collection-nav-inner .collection--nav-wrap{padding-left:85px;padding-right:85px}}.collection-page-nav .collection-nav-inner .collection--nav-wrap .collection--nav{display:flex;flex-flow:column;gap:5px;min-width:120px}@media only screen and (min-width: 1024px){.collection-page-nav .collection-nav-inner .collection--nav-wrap .collection--nav{gap:10px;min-width:150px}}@media only screen and (min-width: 1920px){.collection-page-nav .collection-nav-inner .collection--nav-wrap .collection--nav{gap:15px}}.collection-page-nav .collection-nav-inner .collection--nav-wrap .collection--nav li a{display:block;text-decoration:none;color:#707070;padding-top:5px;padding-bottom:5px;font-size:14px}@media only screen and (min-width: 1024px){.collection-page-nav .collection-nav-inner .collection--nav-wrap .collection--nav li a{font-size:16px}}.collection-page-nav-spacer{display:block;position:relative;width:100%;height:58px}@media only screen and (min-width: 1024px){.collection-page-nav-spacer{height:68px}}@media only screen and (min-width: 1920px){.collection-page-nav-spacer{height:76px}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/collection-page-nav.css.map */