/* Offline repair — Live Kitchen layout (approximate) */
* { box-sizing: border-box; }
body { margin: 0; font-family: Poppins, "Helvetica Neue", Arial, sans-serif; color: #333; line-height: 1.5; }
img { max-width: 100%; height: auto; }
.container { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.container-fluid { width: 100%; padding: 0 15px; }
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.row > [class*="col-"] { padding: 0 15px; flex: 1 1 100%; }
@media (min-width: 768px) {
  .col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-md-5 { flex: 0 0 41.666%; max-width: 41.666%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.333%; max-width: 58.333%; }
  .col-md-8 { flex: 0 0 66.666%; max-width: 66.666%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .hidden-xs { display: block !important; }
  .hidden-md { display: none !important; }
}
.site-header { background: #0d0d0d; color: #fff; }
.header-top { padding: 8px 0; font-size: 14px; }
.header-top .addresses { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.header-top a { color: #bde; }
.header-bottom { padding: 12px 0; border-top: 1px solid #333; }
.mainmenu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem; }
.mainmenu a { color: #fff; text-decoration: none; font-weight: 500; }
.mainmenu .sub-menu { list-style: none; padding-left: 1rem; }
.logo-block img { max-height: 80px; }
.welcome-slider { background: #222; }
.pogoSlider { min-height: 320px; position: relative; }
.pogoSlider-slide { min-height: 320px; background-size: cover; background-position: center; }
.booking-with-chif { padding: 40px 0; }
.online-book-form { background: #f5f5f5; padding: 20px; border-radius: 4px; }
.form-controller { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; }
.btn-submit { padding: 12px 24px; border: none; cursor: pointer; font-weight: 600; }
.bg-white-smoke { background: #f9f9f9; }
.about-and-spomenu, .about-and-sp-menu { padding: 40px 0; }
.section-align-title { font-size: 2rem; margin: 0 0 0.5rem; }
.best-place-thumb { min-height: 120px; background: #ddd center/cover; border-radius: 4px; }
.head-chif-image { min-height: 200px; background: #ccc center/cover; border-radius: 4px; margin-top: 1rem; }
.site-footer { background: #1a1a1a; color: #ccc; padding: 30px 0; }
.site-footer a { color: #9cf; }
.text-center { text-align: center; }
.margin-top { margin-top: 2rem; }
