.mb-wrapper { width: 100%; }
.mb-wrapper.mb-mode-full { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }
.mb-swiper { width: 100%; height: var(--mb-height, 600px); border-radius: 8px; overflow: hidden; }
.mb-wrapper.mb-mode-full .mb-swiper { border-radius: 0; }

.mb-slide-item {
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mb-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55));
}
.mb-content {
    position: relative; z-index: 2;
    max-width: 800px;
    padding: 30px;
    text-align: center;
    color: #fff;
    direction: rtl;
}
.mb-title { font-size: 2.4rem; margin: 0 0 15px; color: #fff; font-weight: 800; line-height: 1.3; opacity: 0; }
.mb-desc  { font-size: 1.15rem; margin: 0 0 20px; color: #f1f1f1; opacity: 0; }
.mb-btn {
    display: inline-block; padding: 12px 30px;
    background: #ff5722; color: #fff !important;
    border-radius: 6px; text-decoration: none; font-weight: 600;
    transition: all .3s ease; opacity: 0;
}
.mb-btn:hover { background: #e64a19; transform: translateY(-2px); }

/* انیمیشن هنگام فعال شدن اسلاید */
.swiper-slide-active [data-animation].animate-in { animation-duration: .9s; animation-fill-mode: both; }
.swiper-slide-active [data-animation="fadeInUp"].animate-in    { animation-name: mbFadeInUp; }
.swiper-slide-active [data-animation="fadeInDown"].animate-in  { animation-name: mbFadeInDown; }
.swiper-slide-active [data-animation="fadeInLeft"].animate-in  { animation-name: mbFadeInLeft; }
.swiper-slide-active [data-animation="fadeInRight"].animate-in { animation-name: mbFadeInRight; }
.swiper-slide-active [data-animation="zoomIn"].animate-in      { animation-name: mbZoomIn; }
.swiper-slide-active [data-animation="flipInX"].animate-in     { animation-name: mbFlipInX; }
.swiper-slide-active [data-animation="bounceIn"].animate-in    { animation-name: mbBounceIn; }

.mb-content .mb-title.animate-in { animation-delay: .2s; }
.mb-content .mb-desc.animate-in  { animation-delay: .45s; }
.mb-content .mb-btn.animate-in   { animation-delay: .7s; }

.swiper-button-next, .swiper-button-prev { color: #fff !important; }
.swiper-pagination-bullet { background: #fff; opacity: .5; }
.swiper-pagination-bullet-active { background: #ff5722; opacity: 1; }

/* ریسپانسیو */
@media (max-width: 768px) {
    .mb-swiper { height: 60vh !important; min-height: 320px; }
    .mb-title { font-size: 1.6rem; }
    .mb-desc  { font-size: 1rem; }
    .mb-content { padding: 20px; }
}
@media (max-width: 480px) {
    .mb-title { font-size: 1.3rem; }
    .mb-btn { padding: 10px 20px; font-size: .9rem; }
}