.product-carousel{position:relative;overflow:hidden}.carousel-swiper,.product-carousel{width:100%;height:100%}.carousel-swiper .swiper-slide{position:relative;width:100%;height:100%}.carousel-image{object-fit:cover;object-position:center}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-image:url(/_next/static/media/background.50eb86be.jpg?dpl=dpl_5C1XWhBXqXKkMpRzNtCeksHPvNKB);background-size:cover;background-position:50%;border:1px solid #000;border-radius:10px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 0 #feb662,0 5px 0 #000;transition:box-shadow .2s ease-in-out,background-position .2s ease-in-out;z-index:10;padding:0}.carousel-arrow:hover{box-shadow:0 0 0 #feb662,0 1px 0 #000;background-position:bottom}.carousel-arrow:active{box-shadow:0 0 0 #feb662,0 0 0 #000}.carousel-arrow svg{color:#000}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}.carousel-swiper .swiper-pagination{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;width:auto}.carousel-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);border:2px solid #000;box-shadow:0 1px 4px rgba(0,0,0,.4);cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:rgba(255,255,255,.8);transform:scale(1.2)}.carousel-dot.active{background:#000;border-color:#fff;box-shadow:0 0 0 2px #000,0 1px 4px rgba(0,0,0,.5);transform:scale(1.4)}@media (max-width:768px){.carousel-arrow{width:50px;height:50px;box-shadow:0 3px 0 #feb662,0 4px 0 #000}.carousel-arrow svg{width:32px;height:32px}.carousel-arrow-left{left:15px}.carousel-arrow-right{right:15px}.carousel-dot{width:10px;height:10px}}@media (max-width:480px){.carousel-arrow{width:46px;height:46px;box-shadow:0 2px 0 #feb662,0 3px 0 #000}.carousel-arrow svg{width:28px;height:28px}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-swiper .swiper-pagination{gap:8px}.carousel-dot{width:8px;height:8px}}@media (max-width:360px){.carousel-arrow-left{left:6px}.carousel-arrow-right{right:6px}.carousel-swiper .swiper-pagination{gap:7px}}