.restaurant-info-section { padding: 80px 48px 120px; background: var(--off-white); }
.restaurant-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; max-width: 1100px; margin: 0 auto; }
.rest-image img { width: 100%; height: 450px; object-fit: cover; border-radius: 20px; box-shadow: 0 20px 40px rgba(22,50,91,0.15); }
.schedule-box { display: flex; align-items: center; gap: 20px; background: #fff; padding: 20px 25px; border-radius: 16px; box-shadow: 0 10px 25px rgba(22,50,91,0.08); border-left: 4px solid var(--gold); }
.schedule-icon { color: var(--gold); display: flex; align-items: center; }
.menu-highlight-section { padding: 80px 48px 120px; background: var(--white); position: relative; }
.menu-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1100px; margin: 0 auto; }
.menu-item { background: var(--off-white); border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.06); transition: transform 0.3s ease; }
.menu-item:hover { transform: translateY(-5px); }
.menu-img img { width: 100%; height: 220px; object-fit: cover; display: block; }
.menu-details { padding: 24px; }
.menu-details h4 { color: var(--navy); font-size: 1.2rem; margin-bottom: 10px; }
.menu-details p { color: var(--text-light); font-size: 0.9rem; line-height: 1.6; }

@media (max-width: 1024px) {
  .restaurant-inner { gap: 40px; } .menu-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .restaurant-info-section, .menu-highlight-section { padding: 60px 20px 80px; }
  .restaurant-inner { grid-template-columns: 1fr; text-align: center; }
  .schedule-box { flex-direction: column; text-align: center; gap: 10px; }
  .menu-grid { grid-template-columns: 1fr; }
}