.box-carousel{width:100%;max-width:600px;margin:0 auto}.carousel-container{aspect-ratio:3/4;background:#f8f8f8;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}.carousel-slides{width:100%;height:100%;position:relative}.carousel-slide{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-image{object-position:center center;transition:transform .3s;transform:scale(1);object-fit:cover!important;width:100%!important;height:100%!important}.carousel-container:hover .carousel-image{transform:scale(1.03)}.carousel-arrow{-webkit-backdrop-filter:blur(10px);cursor:pointer;width:50px;height:50px;color:var(--color-sage,#a8b99e);z-index:10;opacity:0;pointer-events:none;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-container:hover .carousel-arrow{opacity:1;pointer-events:auto}.carousel-arrow:hover{background:var(--color-sage,#a8b99e);color:#fff;transform:translateY(-50%)scale(1.1)}.carousel-arrow svg{width:24px;height:24px}.carousel-arrow-left{left:15px}.carousel-arrow-right{right:15px}.carousel-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ffffff80;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.carousel-dot:hover{background:#fffc;transform:scale(1.2)}.carousel-dot.active{background:var(--color-sage,#a8b99e);border-color:var(--color-sage,#a8b99e);border-radius:6px;width:30px}@media (max-width:768px){.box-carousel{max-width:100%}.carousel-container{aspect-ratio:3/4;border-radius:15px}.carousel-arrow{opacity:.8;pointer-events:auto;width:40px;height:40px}.carousel-arrow svg{width:20px;height:20px}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-dots{bottom:15px}.carousel-dot{width:10px;height:10px}.carousel-dot.active{width:24px}}