/* Reset & Base */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #fdfdfd; color: #333; line-height: 1.6; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* Navigation */
.nav { background: linear-gradient(90deg, #006d5b, #c72c41); box-shadow: 0 2px 5px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000; }
.nav-container { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; }
.logo { font-size: 1.8rem; font-weight: bold; color: #fff; text-decoration: none; }
.nav-links { list-style: none; display: flex; gap: 20px; }
.nav-links a { color: #fff; text-decoration: none; font-weight: 500; transition: opacity 0.3s; }
.nav-links a:hover { opacity: 0.7; }

/* Carousel */
.carousel { position: relative; margin: 20px 0; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.slides { position: relative; }
.slide { width: 100%; display: none; }
.slide.active { display: block; }
.dots { text-align: center; padding: 10px 0; background: #fff; }
.dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: #ccc; border-radius: 50%; cursor: pointer; transition: background 0.3s; }
.dot.active { background: #006d5b; }

/* Sections */
.section { padding: 40px 0; }
.section h2 { font-size: 2rem; margin-bottom: 15px; color: #006d5b; }
.section p { margin-bottom: 20px; }

/* Menu */
.menu-category { margin-bottom: 30px; }
.menu-category h3 { font-size: 1.5rem; margin-bottom: 10px; color: #c72c41; }
.menu-list { list-style: none; }
.menu-list li { background: #fff; margin: 8px 0; padding: 10px 15px; border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }

/* Footer */
footer { background: #f1f1f1; padding: 20px 0; text-align: center; margin-top: 40px; }
footer p { color: #555; }

/* Responsive */
@media (max-width: 768px) {
  .nav-links { flex-direction: column; background: rgba(0,0,0,0.1); position: absolute; top: 60px; right: 20px; width: 150px; display: none; }
  .nav-links.show { display: flex; }
  .nav-links a { padding: 10px; }
}