.custom--collection-carousel{padding:0 0 1em}body:has(.custom--collection-carousel) .page-header__text-wrapper{margin-bottom:0}.custom--collection-carousel .swiper-container{opacity:0}.custom--collection-carousel .swiper-container.swiper-initialized{opacity:1}.custom--collection-carousel .collection-carousel--wrapper{display:flex;width:fit-content;margin:auto}.custom--collection-carousel .collection-carousel--wrapper .collection-carousel--img-container{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:2px;cursor:pointer}.custom--collection-carousel .collection-carousel--wrapper .collection-carousel--img-container .collection-carousel--img{width:300px;height:300px;align-content:center;text-align:center}.custom--collection-carousel .collection-carousel--wrapper .collection-carousel--img-container h5{color:#000;letter-spacing:1px;font-weight:600;text-align:center;margin:0;font-size:15px}.collection-carousel--img-container h5:hover{text-decoration:underline}.custom--collection-carousel .swiper-button-next,.custom--collection-carousel .swiper-button-prev{width:28px;height:28px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a}.custom--collection-carousel .swiper-button-next:after,.custom--collection-carousel .swiper-button-prev:after{font-size:.6rem;font-weight:700;color:#000}@media only screen and (hover: none) and (pointer: coarse){.custom--collection-carousel .swiper-button-next:after{top:1px;right:-1px;position:relative}.custom--collection-carousel .swiper-button-prev:after{top:1px;left:-1px;position:relative}}.custom--collection-carousel .collection-carousel--wrapper .collection-carousel--img-container .collection-carousel--img img{object-fit:contain}.custom--collection-carousel .collection-carousel--wrapper .collection-carousel--img-container .collection-carousel__item-title--active{color:#f58c23;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;font-weight:700}@media screen and (max-width: 768px){.custom--collection-carousel .swiper-button-next,.custom--collection-carousel .swiper-button-prev{display:flex;align-items:center;justify-content:center}}@media screen and (max-width: 425px){.custom--collection-carousel .collection-carousel--wrapper .collection-carousel--img-container .collection-carousel--img{width:150px;height:150px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom--collection-carousel.css.map */