/*
 * Approved landing-page exception.
 *
 * The original landing.css remains the sole authority for navigation, page
 * containers, hero, section composition, pricing, footer, spacing, decorative
 * elements, and responsive layout. Only the customer-logo slider treatment is
 * intentionally overridden here.
 */

#clients.landing-wide .client-logos {
    padding-block: var(--vp-space-3);
}

#clients.landing-wide .client-logos-track {
    gap: var(--vp-space-5);
    padding: 0;
    background: transparent;
    box-shadow: none;
}

#clients.landing-wide .client-logo-card {
    width: 10.5rem;
    height: 5.75rem;
    aspect-ratio: auto;
    border-radius: var(--vp-radius-lg);
    background: rgba(255, 255, 255, 0.88);
    border-color: var(--vp-color-border-subtle);
    box-shadow: var(--vp-shadow-sm);
}

#clients.landing-wide .client-logo-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--vp-shadow-md);
}

#clients.landing-wide .client-logo-frame {
    width: 100%;
    height: 100%;
    padding: var(--vp-space-4);
    border-radius: inherit;
    background: transparent;
    box-shadow: none;
}

@media (max-width: 991.98px) {
    #clients.landing-wide .client-logo-card {
        width: 9.25rem;
        height: 5.25rem;
    }
}

@media (max-width: 767.98px) {
    #clients.landing-wide .client-logo-card {
        width: 8.25rem;
        height: 4.625rem;
    }

    #clients.landing-wide .client-logo-frame {
        padding: var(--vp-space-3);
    }
}