/* Redwave — header logo loader (transform/opacity only, Impeccable motion) */

:root {
    --rw-loader-bg: #0a0a0a;
    --rw-loader-surface: rgba(255, 255, 255, 0.04);
    --rw-loader-accent-soft: rgba(255, 69, 69, 0.2);
    --rw-loader-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

.rw-logo-loader {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 1.5rem;
}

.rw-logo-loader__glow {
    position: absolute;
    inset: -12%;
    border-radius: 50%;
    background: radial-gradient(circle, var(--rw-loader-accent-soft) 0%, transparent 72%);
    opacity: 0.55;
    animation: rw-logo-glow 2.4s var(--rw-loader-ease) infinite;
    pointer-events: none;
}

.rw-logo-loader__img {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    max-width: min(160px, 42vw);
    height: auto;
    max-height: 52px;
    object-fit: contain;
    animation: rw-logo-breathe 1.85s var(--rw-loader-ease) infinite;
    will-change: transform, opacity;
}

.rw-logo-loader--page .rw-logo-loader__img {
    max-width: min(200px, 50vw);
    max-height: 64px;
}

@keyframes rw-logo-breathe {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.82;
    }
    50% {
        transform: scale(1.045);
        opacity: 1;
    }
}

@keyframes rw-logo-glow {
    0%,
    100% {
        transform: scale(0.92);
        opacity: 0.35;
    }
    50% {
        transform: scale(1.08);
        opacity: 0.65;
    }
}

/* Global page refresh overlay — no harsh white wash */
.aiz-redwave .aiz-refresh {
    background: rgba(10, 10, 10, 0.94);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.aiz-redwave .aiz-refresh .aiz-refresh-content {
    display: none;
}

.aiz-redwave .aiz-refresh .rw-logo-loader--page {
    margin: 0 auto;
}

/* Offcanvas — no white flash on Redwave */
.aiz-redwave #rightOffcanvas,
#rightOffcanvas.redwave-option-offcanvas,
#rightOffcanvas.rw-offcanvas-loading {
    background: var(--rw-loader-bg) !important;
    color: #f2f2f2;
}

#rightOffcanvas .rw-logo-loader--offcanvas .rw-logo-loader__img {
    max-width: min(140px, 38vw);
    max-height: 48px;
}

#rightOffcanvas .footable-loader {
    display: none !important;
}

.aiz-redwave #addToCart .c-preloader i.la-spinner {
    display: none;
}

.aiz-redwave #addToCart .c-preloader .rw-logo-loader {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .rw-logo-loader__img,
    .rw-logo-loader__glow {
        animation: none !important;
    }

    .rw-logo-loader__img {
        opacity: 1;
    }
}