.page-loader__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    text-align: center;
}

.page-loader__logo {
    width: auto;
    max-width: 160px;
    max-height: 120px;
    height: auto;
    object-fit: contain;
    animation: page-loader-pulse 2s ease-in-out infinite;
}

.page-loader__site-name {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--pl-text, #fff);
    letter-spacing: 0.04em;
}

.page-loader__spinner {
    width: 44px;
    height: 44px;
    border: 3px solid rgba(255, 255, 255, 0.15);
    border-top-color: var(--pl-accent, #dd183b);
    border-radius: 50%;
    animation: page-loader-spin 0.85s linear infinite;
}

.page-loader__text {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}

@keyframes page-loader-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes page-loader-pulse {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.85;
        transform: scale(0.98);
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-loader__spinner {
        animation: none;
        border-top-color: var(--pl-accent, #dd183b);
    }

    .page-loader__logo {
        animation: none;
    }

    #csaszta-page-loader {
        transition: opacity 0.2s ease, visibility 0.2s ease;
    }
}
