:root {
  --bg:#0b0a09;
  --fg:#f6f3e9;
  --muted:#b9b3a7;
  --primary:#d4a017;/* maratha gold */
  --accent:#a11414;/* deep red */
  --card:#171512;
  --shadow:0 10px 30px rgba(0,0,0,.45)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--fg);
  background:var(--bg);
  line-height:1.6
}
h1,h2,h3{font-family:Merriweather,serif;margin:0 0 .5rem}
h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15}
h2{font-size:clamp(1.5rem,3vw,2.25rem)}
h3{font-size:1.25rem}
p{color:var(--muted)}
a{color:inherit;text-decoration:none}

.container{width:min(1100px,92%);margin:0 auto}
.section{padding:20px 0;border-top:1px solid #211f1b}
.section-lead{color:var(--muted);margin:.25rem 0 2rem}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border:1px solid #2a261f;border-radius:12px;padding:18px;box-shadow:var(--shadow)}
.price{color:var(--primary);font-weight:700;margin-top:.5rem}

.note a {
  text-decoration: underline;          /* underline links */
  color: var(--primary);               /* Maratha gold */
  animation: glow 1.8s ease-in-out infinite;
}

@keyframes glow {
  0%, 100% {
    text-shadow: 0 0 4px rgba(212,160,23,0.6),
                 0 0 10px rgba(212,160,23,0.4);
  }
  50% {
    text-shadow: 0 0 8px rgba(212,160,23,0.9),
                 0 0 18px rgba(212,160,23,0.7);
  }
}


.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid #3a3325;transition:.2s;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,#d9b23c,#b98710);color:#1a1405;border-color:#936c08;font-weight:700}
.btn-outline{color:var(--fg)}
.btn:hover{transform:translateY(-1px);filter:saturate(1.1)}

.site-header{position:sticky;top:0;z-index:10;background:rgba(11,10,9,.7);backdrop-filter:blur(8px);border-bottom:1px solid #1e1b16}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{font-weight:900;font-family:Merriweather,serif;letter-spacing:.5px}
.nav a{margin-left:18px;color:var(--muted)}
.nav a.btn{color:inherit}
.nav-toggle{display:none;background:none;border:none;color:var(--fg);font-size:1.5rem}

.hero {
  position: relative;
  min-height: auto; /* no need for forced height */
  display: block;
  padding: 20px 0; /* spacing for top/bottom */
  background: none; /* remove background image */
}

.hero-image {
  display: block;
  max-width: 420px;      /* limit size */
  width: 100%;
  margin: 0 auto 32px;   /* ✅ centers horizontally & adds bottom space */
  border-radius: 12px;   /* soft rounded corners */
  box-shadow: 0 10px 28px rgba(0,0,0,0.45); /* shadow for depth */
  transition: transform 0.35s ease, filter 0.35s ease;
  filter: brightness(0.95) contrast(1.05);
}

.hero-image:hover {
  transform: scale(1.03); /* slight zoom on hover */
  filter: brightness(1) contrast(1.1);
}

.hero-inner {
  text-align: center; /* ✅ left align content */
}

.hero .cta-group {
  margin-top: 18px;
  display: flex;
  gap: 12px;
  justify-content: center; /* ✅ centers buttons */
}



.hero-logo {
  position: absolute;
  top: 50%;    /* keep logo at center */
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(62vw, 560px);
  opacity: 0.3;
  z-index: 2;  /* behind text */
  filter: drop-shadow(0 10px 28px rgba(0,0,0,.45));
  pointer-events: none;
}



.hero .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(11,10,9,.9));
  z-index: 1;
}




.dish-badge{margin-top:10px;display:inline-block;background:rgba(212,160,23,.15);border:1px solid #5a4511;padding:6px 10px;border-radius:999px;color:#f1d88b}

@keyframes heroBgIn {
  0% {opacity:0; transform:scale(.94)}
  100% {opacity:.3; transform:scale(1)}
}

.about .features{margin:12px 0 0;padding:0 0 0 18px}
.about-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat{background:linear-gradient(180deg,#201c15,#151310);border:1px solid #2d281f;border-radius:12px;padding:16px;text-align:center}
.stat-number{font-size:1.8rem;color:var(--primary);font-weight:900}
.stat-label{display:block;color:var(--muted)}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:10px;border:1px solid #2a261f}

.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quotes blockquote{margin:0;padding:16px;border-left:3px solid var(--primary);background:#151310;border-radius:6px}
.quotes span{display:block;margin-top:8px;color:var(--muted)}

.map-embed iframe{width:100%;height:260px;border:0;border-radius:10px}
.form label{display:block;margin-bottom:10px;color:#ddd}
.form input,.form textarea,.form select{width:100%;padding:10px;border-radius:8px;border:1px solid #3a3325;background:#161310;color:var(--fg)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-msg{margin-top:8px;color:var(--primary)}

.site-footer{border-top:1px solid #1e1b16;padding:24px 0;color:var(--muted)}
.footer-inner{display:flex;align-items:center;justify-content:space-between}
.socials a{margin-left:10px}

@media (max-width:900px){
  .grid-2{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .quotes{grid-template-columns:1fr}
}
@media (max-width:600px){
  .cards,.gallery-grid{grid-template-columns:1fr}
  .nav{display:none;position:absolute;right:4%;top:56px;background:#14110e;border:1px solid #2a261f;padding:10px;border-radius:8px}
  .nav a{display:block;margin:8px}
  .nav.is-open{display:block}
  .nav-toggle{display:block}
  .hero-logo{width:min(70vw,360px)}
}