:root{--primary:#6732ba;--card-width:300px;--card-gap:16px}.carousel{margin:0 auto;position:relative;width:90%}.carousel-track{display:flex;gap:var(--card-gap);overflow-x:auto;padding:20px 0;scroll-behavior:smooth;scroll-snap-type:x mandatory}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide img{border-radius:10px;height:168px;object-fit:cover;width:300px}.carousel-slide{background:#fff;border:1px solid #ececec;border-radius:25px;box-shadow:0 6px 16px rgba(0,0,0,.25);cursor:pointer;flex:0 0 var(--card-width);padding:16px 16px 30px;scroll-snap-align:center;transform:scale(1);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.carousel-slide[tabindex="0"]{background:#6732ba;box-shadow:0 6px 16px rgba(0,0,0,.25);color:#fff;outline:none;z-index:1}.carousel-slide[tabindex="0"] a{background:#fff;border-radius:25px;color:#000;display:inline-block;font-weight:700;margin-top:12px;padding:12px 14px;text-decoration:none}.carousel-slide a{background:#6732ba}.carousel-slide a,.carousel-slide a:hover,.carousel-slide[tabindex="0"] a:hover{border-radius:25px;color:#fff;display:inline-block;font-weight:700;margin-top:12px;padding:12px 14px;text-decoration:none}.carousel-slide a:hover,.carousel-slide[tabindex="0"] a:hover{background:#288834}.carousel-slide a i{float:right}.carousel-button{background:#6732ba;border:2px solid var(--primary);border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:20px;height:36px;place-items:center;position:absolute;top:45%;transform:translateY(-50%);transition:all .3s ease;width:36px}.carousel-button:hover{background:#fff;color:#6732ba;transform:translateY(-50%) scale(1.1)}.carousel-button.prev{left:-50px}.carousel-button.next{right:-50px}.carousel-indicators{margin-top:16px;text-align:center}.carousel-indicators button{background:transparent;border:2px solid var(--primary);border-radius:50%;cursor:pointer;height:16px;margin:0 4px;transition:all .25s ease;width:16px}.carousel-indicators button:hover{transform:scale(1.2)}.carousel-indicators button[aria-current=true]{background:var(--primary)}@media (prefers-reduced-motion:reduce){.carousel-button,.carousel-indicators button,.carousel-slide{transition:none!important}}