﻿.carousel-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:40px;overflow:hidden;}.carousel-viewport{width:100%;max-width:1000px;overflow:hidden;}.carousel-track{display:flex;transition:transform .5s ease;will-change:transform;}.carousel-item{flex:0 0 calc(100%/3);transition:transform .3s,opacity .3s;display:flex;justify-content:center;align-items:center;}.carousel-item img{width:100%;object-fit:cover;opacity:.7;transition:transform .3s ease,opacity .3s;}.carousel-item.active img{transform:scale(1.2);opacity:1;box-shadow:0 10px 20px rgba(0,0,0,.3);z-index:2;}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);color:#fff;border:0;padding:10px;font-size:20px;cursor:pointer;z-index:5;}.carousel-button.left{left:20px;}.carousel-button.right{right:20px;}.carousel-item.hide-left img{opacity:0;transition:opacity .1s ease;}@media(max-width:950px){.carousel-item{flex:0 0 calc(100%/3);}}@media(max-width:600px){.carousel-item{flex:0 0 calc(100%/1);}.carousel-item img{opacity:1;}.carousel-item.active{transform:scale(0);}.carousel-button{font-size:18px;padding:8px;}}