body { font-family: 'Helvetica Neue', sans-serif; margin: 0; background: #f0f2f5; }
.navbar { background: #fff; padding: 15px 50px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.nav-menu { list-style: none; display: flex; gap: 20px; }
.burger { cursor: pointer; display: none; flex-direction: column; }
.burger span { width: 25px; height: 3px; background: #333; margin: 2px; }

.product-container { display: flex; max-width: 900px; margin: 50px auto; background: white; padding: 30px; border-radius: 15px; }
.image-box img { width: 100%; border-radius: 10px; }
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; }
.hidden { display: none !important; }
.joke-text { color: #d9534f; font-weight: bold; margin: 10px 0; animation: shake 0.3s; }

@keyframes shake { 0% { transform: translateX(-5px); } 100% { transform: translateX(5px); } }

/* Responsive mobile */
@media (max-width: 768px) {
    .burger { display: flex; }
    .nav-menu { display: none; flex-direction: column; position: absolute; top: 60px; right: 0; background: white; width: 100%; padding: 20px; }
    .nav-menu.active { display: flex; }
}