/* Dasar Halaman */
body { 
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
    background-color: #f8f9fa; 
    color: #333;
}

/* Pengaturan Header & Navigasi */
nav { 
    position: sticky; 
    top: 0; 
    z-index: 1000; 
    padding: 15px 0; 
    background-color: transparent; 
}

nav .container { 
    background-color: #ff9800; 
    border-radius: 12px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
    padding: 10px 25px; 
    max-width: 1140px; /* Menjaga agar tidak full width */
}

.logo { 
    font-weight: bold; 
    font-size: 1.4rem; 
    color: white; 
    text-decoration: none; 
}

.menu-nav a { 
    color: white; 
    text-decoration: none; 
    margin: 0 12px; 
    font-size: 0.95rem; 
    transition: 0.3s;
}

.menu-nav a:hover { opacity: 0.8; }

/* Kartu Produk */
.card { 
    border: none; 
    border-radius: 15px; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
    transition: 0.3s; 
    overflow: hidden; 
    background: white;
}

.card:hover { transform: translateY(-8px); }

.card img { 
    aspect-ratio: 1/1; 
    object-fit: cover; 
}

/* Pengaturan Footer */
footer { 
    padding: 40px 0; 
    background-color: transparent;
}

footer .container { 
    background-color: #333; 
    color: white; 
    border-radius: 20px; 
    padding: 40px; 
    max-width: 1140px; /* Sejajar dengan header */
}

/* Responsivitas */
@media (max-width: 992px) {
    nav .container, footer .container {
        border-radius: 0;
        max-width: 100%;
    }
}