.collection-navigation-wrapper{width:100%}.collection-navigation-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.collection-navigation-grid{display:flex;gap:1rem;min-width:max-content;padding-bottom:1rem}.collection-navigation-item{flex:0 0 auto;min-width:150px;max-width:200px}.collection-navigation-link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease,opacity .2s ease}.collection-navigation-link:hover{transform:translateY(-2px);opacity:.9}.collection-navigation-item--active .collection-navigation-link{transform:scale(1.05);opacity:1}.collection-navigation-image{position:relative;width:100%;height:120px;border-radius:8px;overflow:hidden;background:#f5f5f5;margin-bottom:.75rem}.collection-navigation-image--placeholder{display:flex;align-items:center;justify-content:center;background:#f8f8f8}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.collection-navigation-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-navigation-link:hover .collection-navigation-img{transform:scale(1.05)}.collection-navigation-content{text-align:center;padding:0 .5rem}.collection-navigation-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:inherit;line-height:1.3}.collection-navigation-subtitle{font-size:.75rem;margin:0;color:rgba(var(--color-foreground),.7);line-height:1.3}.collection-navigation-item--active .collection-navigation-title{color:rgb(var(--color-button));font-weight:700}@media screen and (min-width: 750px){.collection-navigation-container{overflow-x:visible}.collection-navigation-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 6),1fr);gap:2rem;padding-bottom:0;min-width:auto}.collection-navigation-item{min-width:auto;max-width:none}.collection-navigation-image{height:140px;margin-bottom:1rem}.collection-navigation-title{font-size:1.4rem}.collection-navigation-subtitle{font-size:1rem}}@media screen and (max-width: 749px){.collection-navigation-grid{gap:.75rem;padding:0 1rem 1rem}.collection-navigation-item{min-width:calc((100vw - 2rem - (var(--grid-columns, 3) - 1) * .75rem) / var(--grid-columns, 3));max-width:calc((200vw - 2rem - (var(--grid-columns, 3) - 1) * .75rem) / var(--grid-columns, 3))}.collection-navigation-image{height:100px}.collection-navigation-title{font-size:1rem}.collection-navigation-subtitle{font-size:.6875rem}}.collection-navigation-container::-webkit-scrollbar{height:4px}.collection-navigation-container::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.1);border-radius:2px}.collection-navigation-container::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:2px}.collection-navigation-container::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.5)}.herovid-half-section{position:relative;width:100%;overflow:hidden;display:flex;color:#fff}.herovid-half-section .video-container{position:relative;width:100%;overflow:hidden;display:flex;text-align:center;color:#fff}.herovid-half-section video{position:absolute;top:0;left:0;width:100%;object-fit:cover;filter:brightness(55%);z-index:0}.herovid-half-section .content{position:relative;z-index:1;padding:2rem;display:flex;flex-direction:column;gap:1rem;justify-content:center}.herovid-half-section h1{font-size:3rem;margin-bottom:1rem;text-align:left;color:#fff;margin-top:0}.herovid-half-section .hero-button{background-color:#bd2a22;color:#fff;border-radius:4px;padding:12px 20px;text-decoration:none;width:100%}.herovid-half-section .image-container{width:100%;display:none}.herovid-half-section .image-container img{width:100%;height:100%;object-fit:cover}.herovid-half-section .logo-container{margin-bottom:1rem;display:flex;justify-content:flex-start}.herovid-half-section .logo-container img{max-width:200px;max-height:100px;width:auto;height:auto;object-fit:contain}@media screen and (min-width: 768px){.herovid-half-section{height:500px!important;flex-direction:row}.herovid-half-section .video-container{width:50%!important;height:500px!important}.herovid-half-section .image-container{width:50%!important;height:500px!important;display:block}.herovid-half-section .content{left:20%}.herovid-half-section video{height:500px!important}.herovid-half-section .hero-button{width:100%!important}}@media screen and (max-width: 767px){.herovid-half-section{flex-direction:column}.herovid-half-section .video-container,.herovid-half-section video{height:350px!important}.herovid-half-section .video-container{width:100%!important}.herovid-half-section .image-container{width:100%!important;height:200px!important;display:none!important}}.herovid-section{position:relative;width:100%;overflow:hidden;display:flex;text-align:center;justify-content:center;color:#fff;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.herovid-section video{position:absolute;top:0;left:0;width:100%;object-fit:cover;filter:brightness(55%);z-index:0;transition:all .5s ease;animation:zoomIn 2s ease-out}@keyframes zoomIn{0%{transform:scale(1.1);opacity:0}to{transform:scale(1);opacity:1}}.herovid-section:hover video{filter:brightness(65%);transform:scale(1.02)}.herovid-section .overlay-image{display:block;margin:0 auto 2rem;border-radius:12px;transition:all .6s ease;animation:slideInLeft 1s ease-out .2s both;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));max-width:100%;height:auto}.herovid-section:hover .overlay-image{transform:scale(1.05);filter:drop-shadow(0 15px 30px rgba(0,0,0,.4))}.herovid-section .overlay-image.position-center{margin:0 auto 2rem}.herovid-section .overlay-image.position-top-left{margin:0 0 2rem}.herovid-section .overlay-image.position-top-right{margin:0 0 2rem auto}.herovid-section .overlay-image.position-bottom-left{margin:0 0 2rem}.herovid-section .overlay-image.position-bottom-right{margin:0 0 2rem auto}.herovid-section .content{position:relative;z-index:2;padding:2rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;text-align:center;animation:slideInLeft 1.2s ease-out .3s both}.herovid-section h1{font-size:3rem;margin-bottom:1rem;text-align:center;color:#fff;animation:slideInLeft 1s ease-out .8s both;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.herovid-section h1:hover{text-shadow:3px 3px 6px rgba(0,0,0,.7);transform:translate(10px)}.herovid-section .hero-button{background:linear-gradient(45deg,#bd2a22,#e74c3c);color:#fff;border-radius:8px;padding:12px 20px;text-decoration:none;width:auto;min-width:200px;position:relative;overflow:hidden;transition:all .4s ease;animation:slideInRight 1s ease-out 1.1s both;box-shadow:0 4px 15px #bd2a224d;text-transform:uppercase;font-weight:700;letter-spacing:1px;text-align:center;display:inline-block}.herovid-section .hero-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.herovid-section .hero-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #bd2a2280;background:linear-gradient(45deg,#e74c3c,#bd2a22)}.herovid-section .hero-button:hover:before{left:100%}.herovid-section .hero-button:active{transform:translateY(-1px) scale(1.02)}.herovid-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#0000001a,#0000000d);z-index:1;opacity:0;transition:opacity .5s ease}.herovid-section:hover:before{opacity:1}.herovid-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.1),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.1),transparent);background-repeat:repeat;background-size:200px 200px;animation:float 20s linear infinite;z-index:1;opacity:.3}@media screen and (min-width: 768px){.herovid-section .content{left:0;right:0;margin:0 auto}.herovid-section .hero-button{min-width:250px}}@media screen and (max-width: 767px){.herovid-section h1{font-size:2rem;animation-duration:.8s}.herovid-section .hero-button{min-width:180px;animation-duration:.8s}.herovid-section .content{animation-duration:1s;padding:1.5rem}}.herovid-section *{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.herovid-section,.herovid-section video,.herovid-section .overlay-image,.herovid-section .content,.herovid-section h1,.herovid-section .hero-button,.herovid-section:after{animation:none!important;transition:none!important}.herovid-section:hover video,.herovid-section:hover .overlay-image,.herovid-section h1:hover,.herovid-section .hero-button:hover{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map */