@media (max-width: 1024px) {
    .custom-menu-styles .grid-cols-1.lg\:grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .custom-menu-styles .text-7xl.md\:text-9xl {
        font-size: 4.5rem;
        line-height: 1;
    }

    .custom-menu-styles .cute-card {
        padding: 2rem;
    }

    .custom-menu-styles .text-4xl {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .custom-menu-styles .text-2xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .custom-menu-styles .text-xl {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .custom-menu-styles .text-lg {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (max-width: 640px) {
    .custom-menu-styles .text-7xl.md\:text-9xl {
        font-size: 3rem;
        line-height: 1;
    }

    .custom-menu-styles .cute-card {
        padding: 1rem;
    }

    .custom-menu-styles .w-28.h-28 {
        width: 5rem;
        height: 5rem;
    }

    .custom-menu-styles .w-28.h-28 svg {
        width: 48px;
        height: 48px;
    }

    .custom-menu-styles .text-lg {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}