.carousel{position:relative;width:100%;max-width:100%;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:0;background:transparent}.carousel-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.carousel-btn{display:none}@media (max-width:768px){.carousel{height:300px}}@media (max-width:480px){.carousel{height:250px}.carousel-indicators{bottom:1rem;gap:.5rem}.indicator{width:10px;height:10px}}.carousel-indicators{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.75rem}.indicator{width:14px;height:14px;background:#fff;border-radius:50%;opacity:.5;cursor:pointer;transition:opacity .2s,background .2s}.indicator.active{background:var(--color-primary);opacity:1}