.image-carousel-section{position:relative;overflow:hidden}.image-carousel-container{width:100%;position:relative}.carousel-wrapper{position:relative;overflow:hidden}.carousel-track{display:flex;transition:transform 3s ease-in-out;gap:10px}.carousel-slide{flex:0 0 calc(33.333% - 14px);position:relative;overflow:hidden;background-color:#fff;transition:all .4s ease}.carousel-slide:hover{transform:translateY(-10px) scale(1.02)}.carousel-image{width:100%;height:400px;object-fit:cover;transition:all .4s ease}.carousel-slide:hover .carousel-image{transform:scale(1.1)}.carousel-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:30px 20px 20px;transform:translateY(100%);transition:transform .4s ease}.carousel-slide:hover .carousel-overlay{transform:translateY(0)}.carousel-title{font-family:serif;font-size:1.3rem;font-weight:600;margin:0 0 8px;color:#fff}.carousel-description{font-family:sans-serif;font-size:.9rem;line-height:1.4;margin:0;opacity:.9}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.carousel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-nav.prev{left:20px}.carousel-nav.next{right:20px}.nav-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent}.nav-arrow.prev{border-right:12px solid #2d5a27;margin-left:-3px}.nav-arrow.next{border-left:12px solid #2d5a27;margin-right:-3px}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#2d5a274d;border:none;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:#2d5a27;transform:scale(1.2)}@media (max-width: 768px){.carousel-slide{flex:0 0 calc(50% - 10px)}.carousel-image{height:300px}.carousel-nav{width:40px;height:40px}.nav-arrow{border-top:6px solid transparent;border-bottom:6px solid transparent}.nav-arrow.prev{border-right:10px solid #2d5a27}.nav-arrow.next{border-left:10px solid #2d5a27}}@media (max-width: 480px){.carousel-slide{flex:0 0 100%}.carousel-image{height:250px}.carousel-overlay{padding:20px 15px 15px}.carousel-title{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/image-carousel.css.map */