.woo-dots-loader-wrapper {
    position: relative;
    min-height: 120px; /* ارتفاع بیشتر برای وسط چین شدن */
    display: flex;
    justify-content: center;
    align-items: center;
}

.woo-dots-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px; /* فاصله بیشتر بین دایره‌ها */
    height: 100%;
    animation: fadein 0.4s ease;
}

.woo-dots-loader span {
    width: 16px;   /* بزرگ‌تر */
    height: 16px;  /* بزرگ‌تر */
    background: #2196f3; /* آبی جذاب */
    border-radius: 50%;
    display: inline-block;
    animation: wooBlink 1.4s infinite both;
    box-shadow: 0 0 12px rgba(33,150,243,0.6); /* افکت درخشش */
}

.woo-dots-loader span:nth-child(2) {
    animation-delay: 0.2s;
}

.woo-dots-loader span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes wooBlink {
    0%, 80%, 100% {
        opacity: 0.2;
        transform: scale(0.8);
    }
    40% {
        opacity: 1;
        transform: scale(1.2);
    }
}

@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}