.details-carousel{max-width:100%;width:100%;height:100%;position:relative}.details-carousel aside{width:33%;height:100%;position:absolute;background-color:#f8f8f8;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:0}.details-carousel aside .content{max-width:360px;width:95%;margin:0 auto}.details-carousel aside .content h2{margin-bottom:10px;text-wrap:unset;width:80%}.details-carousel .carousel-container{height:100%;width:66%;position:absolute;top:0;right:0}.details-carousel .carousel-container .container-carousel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw}.details-carousel .carousel-container .container-carousel .carousel .slick-list,.details-carousel .carousel-container .container-carousel .carousel .slick-track{height:100%}.details-carousel .carousel-container .container-carousel .carousel .slick-track{display:flex;align-items:stretch}.details-carousel .carousel-container .container-carousel .carousel .slick-slide{height:100%}.details-carousel .carousel-container .container-carousel .carousel .detail-item{margin:0 10px;background-color:#f8f8f8}.details-carousel .carousel-container .container-carousel .carousel .detail-item .image{width:100%;position:relative;overflow:hidden}.details-carousel .carousel-container .container-carousel .carousel .detail-item .image::after{content:"";padding-bottom:100%;display:block}.details-carousel .carousel-container .container-carousel .carousel .detail-item .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;object-position:center}.details-carousel .carousel-container .container-carousel .carousel .content{padding:20px;height:90px;display:flex;justify-content:center;align-items:center;flex-direction:column}.details-carousel .carousel-container .container-carousel .carousel .content h3{font-size:clamp(.64rem,2vh,.76rem);line-height:1.8;text-align:center}.details-carousel .carousel-container .colour-swatch-navigation{width:min-content;margin:0 auto;display:flex!important;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:10px}.details-carousel .carousel-container .colour-swatch-navigation svg{width:16px;height:16px;stroke-width:1px;stroke:#2e2b2b;cursor:pointer;fill:none}.details-carousel .carousel-container .colour-swatch-navigation .slick-dots{display:flex!important;justify-content:flex-start;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;gap:6px;max-width:42px;margin:0 auto;scrollbar-width:none}.details-carousel .carousel-container .colour-swatch-navigation .slick-dots::-webkit-scrollbar{display:none}.details-carousel .carousel-container .colour-swatch-navigation li{display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;background-color:#2e2b2b;transition:all .3s ease;opacity:.2}.details-carousel .carousel-container .colour-swatch-navigation li.slick-active{opacity:1}@media screen and (max-width:1024px){.details-carousel aside{width:100%;height:auto;position:relative;padding:30px 0 20px}.details-carousel aside .content{max-width:85vw;width:85vw}.details-carousel .carousel-container{position:relative;width:100%;transform:unset;left:0;margin:0 auto;background-color:#f8f8f8}.details-carousel .carousel-container .container-carousel{position:relative;width:85vw;height:auto;margin:0 auto;transform:unset;right:0;left:0;top:0;padding-bottom:40px}.details-carousel .carousel-container .container-carousel .carousel .detail-item{margin:0}}