.sodino-banner {
    direction: rtl;
    position: relative;
    z-index: 9999;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sodino-banner-wrap {
    margin: 0 auto;
    max-width: 1200px;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 1rem;
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.08);
}

.sodino-banner-top {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: 1100px;
}

.sodino-banner-bottom {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: 1100px;
}

.sodino-banner-floating_bar {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: 1100px;
}

.sodino-banner-position-top.sodino-banner-floating_bar,
.sodino-banner-position-middle.sodino-banner-floating_bar {
    top: 20px;
}

.sodino-banner-position-bottom.sodino-banner-floating_bar,
.sodino-banner-position-cart.sodino-banner-floating_bar,
.sodino-banner-position-product_page.sodino-banner-floating_bar {
    bottom: 20px;
}

.sodino-banner-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 95%;
    width: 680px;
    background: #ffffff;
    box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12);
}

.sodino-banner-close {
    position: absolute;
    top: 14px;
    right: 16px;
    background: rgba(15, 23, 42, 0.06);
    border: none;
    color: #0f172a;
    width: 36px;
    height: 36px;
    border-radius: 9999px;
    font-size: 1.2rem;
    cursor: pointer;
}

.sodino-banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sodino-banner-image {
    width: 100%;
    height: auto;
    border-radius: 1rem;
    display: block;
}

.sodino-banner-link {
    display: inline-block;
}

@media (max-width: 768px) {
    .sodino-banner-top,
    .sodino-banner-bottom,
    .sodino-banner-floating_bar,
    .sodino-banner-popup {
        width: calc(100% - 20px);
        left: 50%;
        transform: translateX(-50%);
    }

    .sodino-banner-popup {
        max-width: 95%;
    }
}