.carousel-wrapper{
    width:100%;
    max-width:1300px;
    margin:0 auto;
    text-align:center;
  }
  .carousel-3d{
    padding:100px 0 40px;
  }
  .carousel-3d .swiper-slide{
    width:300px;
    transform:scale(0.85);
    opacity:1;
    transition: transform .5s ease, opacity 1s ease;
  }
  .carousel-3d img{
    width: 65%;
    height:420px !important;
    object-fit:cover;
    border-radius:30px !important;
  }
  .carousel-3d .swiper-slide-active{
    
    transform:scale(1);
    opacity:1;
    z-index:10;
    
  }
  .carousel-nav{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:10px;
  }
  .carousel-btn{
    width:54px;
    height:54px;
    border-radius:50%;
    background:#fff;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
  }
  .carousel-btn img{
    width:20px;
  }
  .carousel-btn:hover{
    transform:scale(1.05);
  }
  
  .carousel-btn {
    width: auto; /* let image size define it */
    height: auto;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none; /* remove shadow */
    padding: 0;
}

.carousel-btn img {
    width: 40px; /* or any size you want */
    height: auto;
}

@media (max-width: 768px) {
    .carousel-3d img {
        width: 90%;        /* full width on mobile */
        height: 250px !important;  /* smaller height */
        border-radius: 10px !important; /* smaller radius */
    }
}