.collection-nav-bar-section{background:var(--nav-bg, #f5f5f0);padding-top:var(--nav-padding-top, 50px);padding-bottom:var(--nav-padding-bottom, 40px)}.collection-nav-bar-section .container{max-width:1400px;margin:0 auto;padding:0 20px}.collection-nav-heading{margin-bottom:30px}.collection-nav-heading.text-left{text-align:left}.collection-nav-heading.text-center{text-align:center}.collection-nav-heading.text-right{text-align:right}.collection-nav-heading h2{margin:0;font-weight:600;line-height:1.2}.collection-nav-subheading{margin:0;line-height:1.5}.collection-nav-buttons-wrapper{display:flex;gap:var(--button-gap, 12px)}.collection-nav-buttons-wrapper.layout-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:5px}.collection-nav-buttons-wrapper.layout-row::-webkit-scrollbar{height:6px}.collection-nav-buttons-wrapper.layout-row::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.collection-nav-buttons-wrapper.layout-row::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.collection-nav-buttons-wrapper.layout-row::-webkit-scrollbar-thumb:hover{background:#0000004d}.collection-nav-buttons-wrapper.layout-wrap{flex-wrap:wrap;justify-content:center}.collection-nav-buttons-wrapper.layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--button-gap, 12px)}.collection-nav-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-vertical, 12px) var(--button-padding-horizontal, 24px);background:var(--button-bg, #ffffff);color:var(--button-text, #000000);border:var(--button-border-width, 2px) solid var(--button-border, #000000);border-radius:var(--button-border-radius, 25px);font-size:var(--button-font-size, 16px);font-weight:var(--button-font-weight, 500);text-decoration:none;white-space:nowrap;transition:all .3s ease;cursor:pointer;text-align:center}.collection-nav-button:hover{background:var(--button-hover-bg, #f4d03f);color:var(--button-hover-text, #000000);border-color:var(--button-hover-border, #f4d03f);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.collection-nav-button.active{background:var(--button-active-bg, #f4d03f);color:var(--button-active-text, #000000);border-color:var(--button-active-border, #f4d03f)}.collection-nav-button:active{transform:translateY(0)}@media (max-width: 767px){.collection-nav-bar-section .container{padding:0 15px}.collection-nav-heading h2{font-size:28px!important}.collection-nav-subheading{font-size:14px!important}.collection-nav-buttons-wrapper.layout-row,.collection-nav-buttons-wrapper.layout-wrap{justify-content:flex-start}.collection-nav-buttons-wrapper.layout-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.collection-nav-button{font-size:14px;padding:10px 18px}}@media (min-width: 768px) and (max-width: 1024px){.collection-nav-buttons-wrapper.layout-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (min-width: 768px){.collection-nav-buttons-wrapper.layout-wrap,.collection-nav-buttons-wrapper.layout-row{justify-content:center}}.collection-nav-button:focus{outline:2px solid var(--button-hover-bg, #f4d03f);outline-offset:2px}.collection-nav-button:focus:not(:focus-visible){outline:none}@media print{.collection-nav-bar-section{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/collection-nav-bar.css.map */