body {
            font-family: 'Inter', sans-serif;
            background-color: #f8f4f0; /* Warna krem lembut */
            color: #4a4a4a;
            cursor: none; /* Sembunyikan kursor default */
        }
        .font-display {
            font-family: 'Playfair Display', serif;
        }
        .hero-bg {
            background-image: url('https://images.unsplash.com/photo-1559925393-8be0ec4767c8?q=80&w=2071&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
        }
        .menu-card:hover img, .promo-card:hover img, .gallery-item:hover img {
            transform: scale(1.05);
        }
        .menu-card img, .promo-card img, .gallery-item img {
            transition: transform 0.4s ease-in-out;
        }

        .kami {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            color: #ab6434;
            margin-bottom: 10px;
            margin-top: 2em;
        }

        /* Custom Cursor */
        .cursor-dot {
            width: 8px;
            height: 8px;
            background-color: #c09a69;
            border-radius: 50%;
            position: fixed;
            z-index: 9999;
            pointer-events: none;
            transform: translate(-50%, -50%);
            transition: width 0.2s, height 0.2s;
        }
        .cursor-outline {
            width: 30px;
            height: 30px;
            border: 2px solid #c09a69;
            border-radius: 50%;
            position: fixed;
            z-index: 9999;
            pointer-events: none;
            transform: translate(-50%, -50%);
            transition: transform 0.1s;
        }
        /* Style for when hovering over links or buttons */
        .cursor-dot.hover {
            width: 30px;
            height: 30px;
            background-color: rgba(192, 154, 105, 0.5);
        }
        .cursor-outline.hover {
            transform: translate(-50%, -50%) scale(0);
        }
        /* Cart */
        #cart-sidebar {
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        /* untuk map */
            /* CSS untuk efek hover pada peta */
    .location-map {
        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .location-map:hover {
        transform: translateY(-8px) scale(1.02);
        box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    }

    /* CSS untuk efek hover pada detail info lokasi */
    .location-info .info-item {
        transition: transform 0.3s ease-in-out;
    }
    .location-info .info-item:hover {
        transform: translateX(10px);
    }
    .location-info .info-item:hover svg {
        transform: scale(1.15);
        color: #a16207; /* Warna kuning yang sedikit lebih cerah saat hover */
    }
    .location-info svg {
        transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
    }