@import url('https://fonts.googleapis.com/css2?family=Miniver&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root{
  --white-color:#fff;
  --dark-color:#252525;
  --primary-color:#3b141c;
  --seacondary-color:#f3961c;
  --light-pink-color:#faf4f5;
  --medium-gray-color:#ccc;

  --font-size-s:0.9rem;
  --font-size-n:1rem;
  --font-size-m:1.12rem;
  --font-size-l:1.5rem;
  --font-size-xl:2rem;
  --font-size-xxl:2.3rem;

  --border-radius-s:8px;
  --border-radius-m:30px;
  --border-radius-circle:50%;
  --site-max-width:1300px;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: var(--white-color);
  color: #222;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.section-content{max-width:var(--site-max-width);margin:0 auto;padding:0 20px}

/* Header */
header{position:sticky;top:0;z-index:50;background:var(--primary-color)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo-text{color:var(--white-color);font-size:var(--font-size-xl);font-family:Miniver}
.menu-toggle{display:none;color:var(--white-color);background:transparent;border:0;font-size:1.4rem}
.nav-menu{display:flex;gap:12px;align-items:center}
.nav-menu .nav-link{color:var(--white-color);padding:8px 14px;border-radius:30px;transition:0.2s}
.nav-menu .nav-link:hover{background:var(--seacondary-color);color:var(--primary-color)}

/* Mobile menu styles */
.menu-close{display:none;background:none;border:0;font-size:1.6rem;position:absolute;right:18px;top:18px}
body.show-mobile-menu .nav-menu{left:0}
.nav-menu{list-style:none}

/* Hero */
.hero-section{min-height:70vh;background:var(--primary-color);display:flex;align-items:center;color:var(--white-color)}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;padding:60px 0}
.hero-title{font-size:var(--font-size-xxl);color:var(--seacondary-color);font-family:Miniver}
.subtitle{margin-top:8px;font-size:var(--font-size-xl);font-weight:600}
.description{margin:20px 0 28px;max-width:60%}

/* Buttons */
.button{display:inline-block;padding:10px 22px;border-radius:30px;background:var(--seacondary-color);color:var(--primary-color);text-decoration:none;font-weight:600}
.button.contact-us{background:transparent;color:var(--white-color);border:1px solid var(--white-color)}
.button:hover{opacity:0.95}

/* About */
.about-section{padding:80px 0;background:var(--light-pink-color)}
.about-grid{display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:center}
.about-image{width:420px;height:420px;object-fit:cover;border-radius:50%}
.about-details .text{line-height:1.6;margin:24px 0}

/* Menu */
/* .menu-section{color:var(--white-color);background:var(--dark-color);padding:60px 0}
.menu-list{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}
.menu-item{width:260px;text-align:center}
.menu-image{max-width:180px;aspect-ratio:1;object-fit:contain}
.name{margin:12px 0;font-size:1.125rem;font-weight:600}
.menu-section .text{color:#ddd} */

.menu-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;padding:0}
.menu-item{background:#fff;padding:20px;border-radius:10px;text-align:center;width:260px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s}
.menu-item:hover{transform:translateY(-5px)}
.menu-image{max-width:160px;margin-bottom:10px}
.order-button{margin-top:10px;padding:8px 16px;border:none;background:#f3961c;color:#fff;border-radius:20px;cursor:pointer}
.order-button:hover{background:#d67f12}

/* Testimonials */
.Testimonials-section{padding:50px 0 100px;background:var(--light-pink-color)}
.slider-wrapper{margin:0 30px}
.testimonials{display:flex;flex-direction:column;align-items:center;padding:28px}
.user-image{width:140px;height:140px;border-radius:50%;object-fit:cover;margin-bottom:18px}
.swiper-pagination-bullet{background:var(--seacondary-color)}

/* Gallery */
.gellery-section{padding:50px 0}
.gellery-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.gellery-item{width:300px;overflow:hidden;border-radius:var(--border-radius-s)}
.gellery-image{width:100%;height:220px;object-fit:cover;transition:transform 0.35s}
.gellery-item:hover .gellery-image{transform:scale(1.05)}

/* Contact */
.contact-section{padding:50px 0;background:var(--light-pink-color)}
.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:start}
.contact-info-list{list-style:none;padding:0}
.contact-info{display:flex;gap:14px;align-items:center;margin-bottom:14px;font-size:0.95rem}
.contact-form{display:flex;flex-direction:column;gap:12px;max-width:420px}
.form-input{padding:12px;border-radius:8px;border:1px solid var(--medium-gray-color);background:var(--white-color)}
.submit-button{padding:10px 20px;border-radius:30px;background:var(--primary-color);color:var(--white-color);cursor:pointer}

/* Footer */
footer{padding:20px 0;text-align:center;background:var(--primary-color);color:var(--white-color)}

/* Toast */
.toast{position:fixed;right:20px;bottom:20px;background:rgba(0,0,0,0.85);color:#fff;padding:12px 18px;border-radius:8px;display:none;z-index:9999}

/* Responsive rules */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr 320px}
  .about-grid{grid-template-columns:320px 1fr}
  .hero-title{font-size:2rem}
}

@media (max-width:900px){
  .menu-toggle{display:block}
  .nav-menu{position:fixed;left:-320px;top:0;width:320px;height:100%;background:var(--white-color);padding-top:90px;display:flex;flex-direction:column;gap:18px;align-items:center;transition:left .25s}
  .menu-close{display:block}
  body.show-mobile-menu .nav-menu{left:0}
  .nav-menu .nav-link{color:var(--dark-color);padding:12px 20px;font-size:1.1rem}
  .hero-grid{grid-template-columns:1fr;gap:22px;padding:40px 0}
  .hero-image-wrapper{justify-self:center}
  .description{max-width:100%}
  .about-grid{grid-template-columns:1fr;gap:20px;padding:40px 0}
  .about-image{width:260px;height:260px}
  .menu-list{gap:28px}
}

@media (max-width:640px){
  .gellery-item{width:100%}
  .menu-item{width:100%}
  .user-image{width:100px;height:100px}
  .hero-title{font-size:1.6rem}
  .section-title{padding:40px 0 60px}
  .contact-grid{grid-template-columns:1fr;gap:20px}
  .about-image{width:200px;height:200px}
}
/* ✅ Tablet Fix */
@media (max-width: 900px) {
  /* Navbar mobile menu */
  .menu-toggle { display: block; }
  .nav-menu {
    position: fixed;
    top: 0; left: -100%;
    width: 260px; height: 100%;
    background: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding: 80px 20px;
    transition: left 0.3s ease;
  }
  body.show-mobile-menu .nav-menu { left: 0; }
  .nav-menu .nav-link { color: #000; font-size: 1.1rem; padding: 10px 0; }
  .menu-close { display: block; position: absolute; top: 20px; right: 20px; }

  /* Hero section */
  .hero-grid { grid-template-columns: 1fr; text-align: center; }
  .description { max-width: 100%; }

  /* About section */
  .about-grid { grid-template-columns: 1fr; text-align: center; }
  .about-image { width: 240px; height: 240px; margin: 0 auto; }

  /* Contact form */
  .contact-grid { grid-template-columns: 1fr; }
  .contact-form { width: 100%; }
}

/* ✅ Mobile Fix */
@media (max-width: 600px) {
  .hero-title { font-size: 1.6rem; }
  .subtitle { font-size: 1.1rem; }
  .button { padding: 8px 16px; font-size: 0.9rem; }

  .menu-item { width: 100%; }
  .gellery-item { width: 100%; }
  .gellery-image { height: 180px; }

  .about-image { width: 200px; height: 200px; }
}

/* ✅ Tablet fix */
@media (max-width: 900px) {
  /* Hero (Home) */
  .hero-grid {
    grid-template-columns: 1fr;   /* 2 columns → 1 column */
    text-align: center;
    gap: 20px;
  }
  .hero-details { order: 2; }  /* text neeche chale jaye */
  .hero-image-wrapper { order: 1; text-align: center; }
  .hero-img { max-width: 280px; width: 100%; }

  /* About */
  .about-grid {
    grid-template-columns: 1fr;   /* 2 columns → 1 column */
    gap: 20px;
    text-align: center;
  }
  .about-image {
    width: 240px;
    height: 240px;
    margin: 0 auto;
  }

  /* Contact */
  .contact-grid {
    grid-template-columns: 1fr;  /* form and info stack */
    gap: 20px;
  }
  .contact-form {
    width: 100%;
  }
}

/* ✅ Mobile fix */
@media (max-width: 600px) {
  .hero-title {
    font-size: 1.6rem;
  }
  .subtitle {
    font-size: 1rem;
  }
  .description {
    max-width: 100%;
    font-size: 0.9rem;
  }
  .button {
    padding: 8px 14px;
    font-size: 0.9rem;
  }

  .about-image {
    width: 180px;
    height: 180px;
  }

  .form-input, .submit-button {
    width: 100%;
    font-size: 0.9rem;
  }
}

/* small tweaks */
.section-title{padding:60px 0 80px;text-align:center}