.carousel{--carousel-gap: 1rem;--carousel-item-small: 300px;--carousel-item-medium: 450px;--carousel-item-large: 600px;--carousel-border-radius: 16px;--carousel-transition: transform .3s ease;--carousel-shadow: 0 2px 16px rgba(0, 0, 0, .1)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.carousel{width:100%;overflow:hidden;position:relative;padding:4rem 0}.carousel__title{font-size:4rem;font-weight:700;text-align:center;margin-bottom:1rem}.carousel__container{width:100%;overflow:hidden;position:relative}.carousel__track{display:flex;gap:var(--carousel-gap);animation:carousel-scroll linear infinite;will-change:transform;cursor:grab}.carousel__track:active{cursor:grabbing}.carousel__item{flex-shrink:0;position:relative;border-radius:var(--carousel-border-radius);overflow:hidden;box-shadow:var(--carousel-shadow);transition:var(--carousel-transition);-webkit-user-select:none;user-select:none}.carousel[data-item-size=small] .carousel__item{width:var(--carousel-item-small)}.carousel[data-item-size=medium] .carousel__item{width:var(--carousel-item-medium)}.carousel[data-item-size=large] .carousel__item{width:var(--carousel-item-large)}.carousel[data-item-size=small] h3{font-size:1.5rem;line-height:1.25}.carousel[data-item-size=medium] h3{font-size:2.25rem;line-height:1.25}.carousel[data-item-size=large] h3{font-size:3rem;line-height:1.25}.carousel__item:hover{box-shadow:0 4px 16px #00000026}.carousel[data-hover-expand=true] .carousel__item{transition:var(--carousel-transition),box-shadow .3s ease}.carousel[data-hover-expand=true] .carousel__item:hover{transform:scale(1.05);z-index:10;box-shadow:0 8px 24px #0003}.carousel[data-hover-expand=true] .carousel__container{padding:1rem 0}@media (max-width: 767px){.carousel[data-hover-expand=true] .carousel__item:hover{transform:scale(1.03)}}.carousel__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.carousel__link:hover{opacity:1}.carousel__link:focus{outline:2px solid #005fcc;outline-offset:2px}.carousel__image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel__image{width:100%;height:100%;object-fit:cover;display:block}.carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;color:#9ca3af}.carousel__placeholder svg{width:50%;height:50%;max-width:100px;max-height:100px}.carousel__caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:1rem 0 0;line-height:1.4;text-align:center;opacity:0;transition:opacity .3s ease}.carousel__item:hover .carousel__caption{opacity:1}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.carousel[data-pause-on-hover=true]:hover .carousel__track{animation-play-state:paused}@media (max-width: 1199px){.carousel{--carousel-gap: .75rem}.carousel[data-item-size=small] .carousel__item{width:120px;height:120px}.carousel[data-item-size=medium] .carousel__item{width:160px;height:160px}.carousel[data-item-size=large] .carousel__item{width:200px;height:200px}}@media (max-width: 767px){.carousel{--carousel-gap: .5rem;padding:1rem 0}.carousel[data-item-size=small] .carousel__item{width:100px;height:100px}.carousel[data-item-size=medium] .carousel__item{width:120px;height:120px}.carousel[data-item-size=large] .carousel__item{width:140px;height:140px}.carousel__caption{padding:.5rem;font-size:.75rem}}@media (prefers-reduced-motion: reduce){.carousel__track{animation:none}.carousel__item{transition:none}.carousel__item:hover{transform:none}.carousel[data-hover-expand=true] .carousel__item:hover{transform:none;box-shadow:0 4px 16px #00000026}}@media (prefers-contrast: high){.carousel__item{border:2px solid currentColor}.carousel__link:focus{outline:3px solid currentColor}}@media print{.carousel{overflow:visible}.carousel__track{animation:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.carousel__item{break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-carousel.css.map */