.zy-carousel-section{padding:5rem 2rem;overflow:hidden}.zy-carousel-section__container{max-width:1400px;margin:0 auto}.zy-carousel-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.zy-carousel-section__heading{font-size:2rem;font-weight:700;color:#f8fafc;text-transform:uppercase;letter-spacing:1px}.zy-carousel__nav--header{display:flex;gap:.75rem}.zy-carousel__arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease,transform .2s ease}.zy-carousel__arrow:hover:not(:disabled){background:#3b82f626;border-color:#3b82f666;transform:scale(1.08)}.zy-carousel__arrow:disabled{opacity:.3;cursor:not-allowed}.zy-carousel__arrow:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.zy-carousel__viewport{overflow:hidden;margin:0 -.75rem}.zy-carousel__track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem .75rem 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.zy-carousel__track::-webkit-scrollbar{display:none}.zy-carousel__item{flex:0 0 calc(100% - 4rem);scroll-snap-align:start;text-decoration:none;color:#f8fafc;border-radius:16px;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(24px) scale(.96);animation:zyCarouselItemEntry .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--item-index, 0) * .1s)}.zy-carousel__item:hover{transform:translateY(-8px) scale(1.03)}.zy-carousel__item:focus-visible{outline:2px solid #3B82F6;outline-offset:4px;border-radius:16px}.zy-carousel__item-img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ffffff08;border-radius:16px}.zy-carousel__item-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.zy-carousel__item:hover .zy-carousel__item-img{transform:scale(1.1)}.zy-carousel__item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff1a;background:#ffffff05}.zy-carousel__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,23,42,.85) 0%,transparent 60%);display:flex;align-items:flex-end;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .4s ease}.zy-carousel__item:hover .zy-carousel__item-overlay{opacity:1}.zy-carousel__item-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#f8fafc;text-transform:uppercase;letter-spacing:.5px}.zy-carousel__item-title{display:block;padding:1rem .25rem .25rem;font-weight:600;font-size:1.05rem}.zy-carousel__item-count{display:block;padding:0 .25rem;font-size:.8rem;color:#94a3b8}.zy-carousel__dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.zy-carousel__dot{width:8px;height:8px;border-radius:50%;border:none;background:#fff3;cursor:pointer;transition:background .3s ease,transform .2s ease,width .3s ease;padding:0}.zy-carousel__dot:hover{background:#fff6}.zy-carousel__dot--active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:24px;border-radius:4px}.zy-carousel__dot:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}@keyframes zyCarouselItemEntry{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:768px){.zy-carousel__item{flex:0 0 calc(33.333% - 1.5rem)}.zy-carousel-section__heading{font-size:2.5rem}}@media(min-width:1024px){.zy-carousel__item{flex:0 0 calc(25% - 1.5rem)}}@media(max-width:767px){.zy-carousel-section{padding:3rem 1rem}.zy-carousel-section__header{flex-direction:column;align-items:flex-start;gap:1rem}.zy-carousel-section__heading{font-size:1.5rem}.zy-carousel__item{flex:0 0 calc(75% - .75rem)}.zy-carousel__item-overlay{opacity:1}}@media(prefers-reduced-motion:reduce){.zy-carousel__item,.zy-carousel__track{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/zy-carousel.css.map */