body{margin:0;background:#f6f6f6;font-family:Arial,sans-serif}.carousel-wrapper{width:90%;margin:60px auto;position:relative}.carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.card{flex:0 0 calc(25% - 15px);height:230px;border-radius:20px;overflow:hidden;scroll-snap-align:start;user-select:none}.card img{width:100%;height:100%;object-fit:cover;pointer-events:none}@media (max-width:1024px){.card{flex:0 0 calc(33.33% - 15px)}}@media (max-width:768px){.card{flex:0 0 calc(50% - 15px)}}@media (max-width:480px){.card{flex:0 0 100%}}.btn{position:absolute;top:50%;transform:translateY(-50%);background:white;border:none;font-size:22px;padding:10px 14px;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10}.btn-left{left:-15px}.btn-right{right:-15px}.btn:hover{transform:translateY(-50%) scale(1.1)}