.top-banner-wrapper {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.top-banner-link {
    display: block;
    width: 100%;
    text-decoration: none;
}

.top-banner-desktop,
.top-banner-mobile {
    width: 100%;
    height: auto;
    display: block;
}

.whb-column .wd-header-text .top-banner-wrapper,
.whb-col-left .wd-header-text .top-banner-wrapper,
.whb-visible-lg .wd-header-text .top-banner-wrapper {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
}

.whb-column .wd-header-text .top-banner-link,
.whb-col-left .wd-header-text .top-banner-link {
    width: 100% !important;
    display: block !important;
}

.whb-column .wd-header-text .top-banner-desktop,
.whb-column .wd-header-text .top-banner-mobile,
.whb-col-left .wd-header-text .top-banner-desktop,
.whb-col-left .wd-header-text .top-banner-mobile {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* حالت پیش فرض: نمایش بنر دسکتاپ و مخفی کردن بنر موبایل */
.responsive-banner .top-banner-mobile {
    display: none;
}

.responsive-banner .top-banner-desktop {
    display: block;
}

/* تبلت: 768px تا 426px - نمایش بنر دسکتاپ با خصوصیات ویژه */
@media (min-width: 427px) and (max-width: 768px) {
    .responsive-banner .top-banner-desktop {
        display: block;
        min-height: 42px;
        object-fit: cover;
    }
    
    .responsive-banner .top-banner-mobile {
        display: none;
    }
}

/* موبایل: زیر 426px - نمایش بنر موبایل و مخفی کردن بنر دسکتاپ */
@media (max-width: 426px) {
    .responsive-banner .top-banner-desktop {
        display: none;
    }
    
    .responsive-banner .top-banner-mobile {
        display: block;
    }
    .whb-flex-row.whb-top-bar-inner {
        max-height: 48px;
    }
}

.desktop-only-banner {
    display: block;
}

.desktop-only-banner .top-banner-mobile {
    display: none !important;
}

@media (max-width: 768px) {
    .desktop-only-banner {
        display: none;
    }
}

.mobile-only-banner {
    display: none;
}

.mobile-only-banner .top-banner-desktop {
    display: none !important;
}

@media (max-width: 768px) {
    .mobile-only-banner {
        display: block;
    }
}

.whb-column.whb-col-left .wd-header-text,
.whb-column.whb-col-left .wd-header-text.wd-inline {
    flex: 1 1 auto !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    max-width: 100% !important;
}

.whb-column.whb-col-left .wd-header-text .top-banner-wrapper {
    flex: 1 1 auto !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
}

.whb-top-bar .container, .whb-top-bar .container-fluid {
    width: 100%;
    max-width: 100% !important;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
}
.whb-top-bar .whb-column {
    align-items: start !important;
    max-width: 100% !important;
    
}
.whb-top-bar .wd-header-text.wd-inline {
    flex: auto !important;
    padding-inline: 0 !important;
}


.whb-flex-row.whb-top-bar-inner {
    height: auto !important;
}