.carouselWrapper{position:relative;width:100%}.carouselContainer{display:flex;flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;gap:1rem;scroll-behavior:smooth;padding:1rem}.carouselContainer::-webkit-scrollbar{display:none}.card{flex:0 0 22.2222222222%;min-width:0;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.cardImageLink{height:auto;max-height:600px}.cardImageLink,.image{display:block;width:100%}.image{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px 8px 0 0}.buyButton{display:block;text-align:center;padding:1rem;background-color:#000;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;border-radius:0 0 8px 8px;transition:background-color .2s ease}.buyButton:hover{background-color:#333}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#fff;border:1px solid #ccc;width:50px;height:50px;padding:0;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.arrow:hover{background-color:#f5f5f5}.arrow svg{width:40px;height:40px;fill:#333}.left{left:2rem}.right{right:2rem}@media screen and (max-width:1024px){.cardImageLink{width:auto}}@media screen and (max-width:768px){.card{flex:0 0 66.6666666667%}.arrow{left:1.5rem;right:1.5rem}}