#trust, #contact, #about {
    scroll-margin-top: 100px; /* Sesuaikan dengan tinggi navbar kamu */
}

main {
    min-height: 80vh; /* Memastikan ada ruang kosong saat konten sedang fetch */
    display: block;
}

nav {
    transform-origin: top center;
}

[x-cloak] { 
    display: none !important; 
}

/* 1. Animasi Slow Bounce (Titik tumpu kiri bawah) */
@keyframes slow-bounce-corner {
    0%, 100% { 
        transform: scale(1) rotate(0deg); 
    }
    50% { 
        transform: scale(1.1) rotate(-5deg); /* Mengayun sedikit ke belakang saat membesar */
    }
}

/* 2. Animasi Ringing (Hover) */
@keyframes logo-ringing {
    0% { transform: rotate(0); }
    25% { transform: rotate(15deg); }
    50% { transform: rotate(-15deg); }
    75% { transform: rotate(10deg); }
    100% { transform: rotate(0); }
}

.animate-catering-logic {
    display: inline-block;
    /* Titik tumpu di ujung kiri bawah */
    transform-origin: bottom left; 
    /* Default: Slow Bounce */
    animation: slow-bounce-corner 3s ease-in-out infinite;
    will-change: transform;
}

/* Interaksi saat Hover */
.group:hover .animate-catering-logic {
    /* Berubah menjadi ringing */
    animation: logo-ringing 0.5s ease-in-out infinite;
}

/* Animasi untuk Teks Tagline agar ada gerakan halus */
.group:hover span:last-child {
    letter-spacing: 0.2em;
    color: #16a34a; /* green-600 */
}





/* Mobile */
body.overflow-hidden {
    overflow: hidden;
    height: 100vh;
    /* Mencegah pergeseran layout saat scrollbar hilang (Opsional) */
    padding-right: var(--scrollbar-width, 0px); 
}