.retuku-empty-category {
    display: grid;
    min-height: 560px;
    padding: 70px 20px;
    place-items: center;
    background:
        radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--theme-color) 13%, transparent), transparent 36%),
        radial-gradient(circle at 82% 80%, color-mix(in srgb, var(--theme-color2, var(--theme-color)) 10%, transparent), transparent 38%),
        #fafafa;
}

.retuku-empty-category__card {
    width: min(620px, 100%);
    padding: 46px 52px;
    text-align: center;
    background: rgb(255 255 255 / 88%);
    border: 1px solid color-mix(in srgb, var(--theme-color) 16%, #e8e8e8);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgb(42 31 35 / 10%);
    backdrop-filter: blur(12px);
}

.retuku-empty-category__icon {
    display: flex;
    width: 68px;
    height: 68px;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    margin: 0 auto 20px;
    padding: 18px;
    background: color-mix(in srgb, var(--theme-color) 10%, white);
    border-radius: 50%;
}

.retuku-empty-category__icon span {
    width: 7px;
    background: var(--theme-color);
    border-radius: 6px;
    animation: retuku-empty-pulse 1.2s ease-in-out infinite;
}

.retuku-empty-category__icon span:nth-child(1) { height: 16px; }
.retuku-empty-category__icon span:nth-child(2) { height: 29px; animation-delay: .16s; }
.retuku-empty-category__icon span:nth-child(3) { height: 22px; animation-delay: .32s; }

.retuku-empty-category__eyebrow {
    color: var(--theme-color);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .12em;
}

.retuku-empty-category h1 {
    margin: 9px 0 12px;
    color: #3f393b;
    font-size: clamp(26px, 4vw, 36px);
    font-weight: 650;
}

.retuku-empty-category__card > p {
    margin: 0;
    color: #82777b;
    font-size: 15px;
    line-height: 1.8;
}

.retuku-empty-category__redirect {
    margin: 30px 0 22px;
}

.retuku-empty-category__progress {
    overflow: hidden;
    height: 8px;
    background: #f0ebed;
    border-radius: 8px;
}

.retuku-empty-category__progress span {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--theme-color), var(--theme-color2, var(--theme-color)));
    border-radius: inherit;
}

.retuku-empty-category__redirect p {
    margin: 9px 0 0;
    color: #9a8e92;
    font-size: 13px;
}

.retuku-empty-category__redirect strong {
    color: var(--theme-color);
}

.retuku-empty-category__button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 26px;
    color: #fff;
    background: var(--theme-color);
    border-radius: 7px;
    font-size: 15px;
    font-weight: 600;
    transition: opacity .2s ease, transform .2s ease;
}

.retuku-empty-category__button:hover {
    color: #fff;
    opacity: .9;
    transform: translateY(-1px);
}

@keyframes retuku-empty-pulse {
    0%, 100% { transform: scaleY(.75); opacity: .55; }
    50% { transform: scaleY(1); opacity: 1; }
}

@media (max-width: 600px) {
    .retuku-empty-category {
        min-height: 500px;
        padding: 40px 16px;
    }

    .retuku-empty-category__card {
        padding: 36px 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .retuku-empty-category__icon span {
        animation: none;
    }
}