body { font-family: 'Inter', sans-serif; }

        .aligned-card-grid {
            align-items: stretch;
        }

        .aligned-card-grid > div {
            height: 100%;
            align-self: stretch;
        }

        .mobile-card-carousel {
            display: flex !important;
            align-items: stretch;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-padding-inline: 1rem;
            scroll-behavior: smooth;
            margin-inline: -1rem;
            padding: 0.25rem 1rem 0.75rem;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .mobile-card-carousel::-webkit-scrollbar {
            display: none;
        }

        .mobile-card-carousel > div {
            flex: 0 0 85vw;
            width: 85vw;
            min-width: 85vw;
            max-width: 85vw;
            align-self: stretch;
            scroll-snap-align: center;
        }

        .listing-card-slide-track {
            transition: transform 0.45s ease;
            will-change: transform;
        }

        .listing-card-slide {
            flex: 0 0 100%;
        }

        @media (min-width: 640px) {
            .aligned-card-grid {
                grid-auto-rows: 1fr;
            }

            .mobile-card-carousel {
                display: grid !important;
                overflow: visible;
                scroll-snap-type: none;
                scroll-padding-inline: 0;
                margin-inline: 0;
                padding: 0;
            }

            .mobile-card-carousel > div {
                flex: initial;
                width: 100%;
                min-width: 0;
                max-width: none;
                scroll-snap-align: none;
            }
        }

    /* Increase all card heights in mobile view */
    @media (max-width: 639px) {
        .h-56.overflow-hidden.relative {
            height: 20rem !important;
        }
    }