.hero-slider-section{position:relative;width:100%;overflow:hidden;background-color:#f5f5f5;padding-top:var(--section-padding-top-desktop, 0);padding-bottom:var(--section-padding-bottom-desktop, 0)}.hero-slider-container{position:relative;width:100%;max-width:100%;margin:0 auto}.hero-slider{position:relative;width:100%;height:var(--slider-height-desktop, 80vh);min-height:600px;overflow:hidden}.hero-slider__title{position:absolute;top:var(--desktop-position, 10%);left:50%;transform:translate(-50%);z-index:10;font-family:Red Hat Display,sans-serif;font-size:var(--desktop-font-size, 2.5rem);font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0;opacity:0;visibility:hidden;transition:opacity .6s ease-in-out,visibility .6s ease-in-out}.hero-slide.active .hero-slider__title{opacity:1;visibility:visible}.hero-slider__slides{position:relative;width:100%;height:100%}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease-in-out,visibility .6s ease-in-out}.hero-slide.active{opacity:1;visibility:visible}.hero-slide__image{position:absolute;top:0;left:0;width:100%;height:100%}.hero-slide__image img{width:100%;height:100%;object-fit:contain;object-position:center}.hero-slide__image--mobile{display:none}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:#ffffffe6;border:1px solid #ddd;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.hero-slider__arrow:hover{background:#fff;box-shadow:0 4px 12px #00000026}.hero-slider__arrow--prev{left:20px}.hero-slider__arrow--next{right:20px}.hero-slider__arrow svg{width:24px;height:24px;color:#1a1a1a}.hero-slider__thumbnails{position:relative;width:100%;padding:20px 0;background:transparent;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-slider__thumbnails::-webkit-scrollbar{display:none}.thumbnails-wrapper{display:flex;gap:15px;justify-content:center;padding:0 20px;min-width:fit-content}.thumbnail-item{flex:0 0 auto;width:80px;height:80px;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fff;padding:0}.thumbnail-item:hover{transform:scale(1.05)}.thumbnail-item.active{border-color:#ffd90000;box-shadow:0 0 #ffd7004d}.thumbnail-item img{width:100%;height:100%;object-fit:contain;border-radius:6px}.hero-slide__button-wrapper{position:absolute;bottom:var(--button-bottom-desktop, 120px);left:50%;transform:translate(-50%);z-index:10;opacity:0;visibility:hidden;transition:opacity .6s ease-in-out,visibility .6s ease-in-out}.hero-slide.active .hero-slide__button-wrapper{opacity:1;visibility:visible}.hero-slider__button{display:inline-block;padding:16px;background-color:#fbd208;color:#000;font-family:Red Hat Display,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:none!important;border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:280px;text-align:center;position:relative}.hero-slider__dots{display:flex;justify-content:center;gap:8px;padding:20px 0 30px}.hero-slider__dots .dot{width:8px;height:8px;border-radius:50%;background-color:#d0d0d0;border:none;cursor:pointer;transition:all .3s ease;padding:0}.hero-slider__dots .dot.active{background-color:#1a1a1a;width:24px;border-radius:4px}.hero-slider__dots .dot:hover:not(.active){background-color:#888}@media (max-width: 768px){.hero-slider-section{padding-top:var(--section-padding-top-mobile, 0);padding-bottom:var(--section-padding-bottom-mobile, 0)}.hero-slider{height:var(--slider-height-mobile, 100vh);min-height:500px}.hero-slider__title{top:var(--mobile-position, 5%);font-size:var(--mobile-font-size, 1.75rem)}.hero-slide__image--desktop{display:none}.hero-slide__image--mobile{display:block}.hero-slide__image img{object-fit:contain}.hero-slider__arrow{display:none}.thumbnails-wrapper{justify-content:flex-start;padding:0 15px}.thumbnail-item{width:60px;height:60px}.hero-slide__button-wrapper{bottom:var(--button-bottom-mobile, 80px)}.hero-slider__button{min-width:240px;padding:14px;font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.hero-slider{height:70vh}.hero-slider__title{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/348/assets/section-hero-slider.css.map */