:root{
  --bg:#0a1325;
  --header:#060d1f;
  --gold:#d4af37;
  --text:#eaeaea;
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:'Poppins',sans-serif;
  background:var(--bg);
  color:var(--text);
}

/* HEADER */
header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 30px;
  background:var(--header);
  position:sticky;
  top:0;
  z-index:999;
}

.logo{display:flex;align-items:center;gap:12px;}
.logo img{height:45px;}
.logo h1{font-family:'Playfair Display',serif;color:var(--gold);font-size:28px;}

nav{display:flex;gap:22px;}
nav a{color:#fff;text-decoration:none;font-size:15px;}
nav a:hover{color:var(--gold);}

.menu-toggle{display:none;font-size:30px;color:var(--gold);cursor:pointer;}

/* DISCOUNT */
.discount-bar{
  background:#000;
  text-align:center;
  padding:14px;
  font-size:18px;
}
.discount-bar span{color:var(--gold);font-weight:700;}

/* HERO */
.hero{
  height:90vh;
  background:
  linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7)),
  url('hero.jpg') center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.hero h2{font-family:'Playfair Display',serif;font-size:40px;color:var(--gold);}
.hero-title{font-size:52px;}
.hero p{margin-top:15px;}

.hero-buttons{margin-top:30px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.hero-btn{
  padding:16px 45px;
  border-radius:35px;
  background:var(--gold);
  color:#000;
  text-decoration:none;
  font-weight:bold;
}
.hero-btn.outline{
  background:transparent;
  border:2px solid var(--gold);
  color:var(--gold);
}

/* SECTION */
section{padding:80px 40px;}
h3{text-align:center;font-family:'Playfair Display',serif;color:var(--gold);font-size:36px;margin-bottom:40px;}

/* STORY */
.story{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}
.story img{width:100%;border-radius:15px;}
.story p{font-size:18px;line-height:1.8;}

/* GALLERY */
.gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
}
.gallery img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:12px;
  transition:.3s;
}
.gallery img:hover{transform:scale(1.05);}

/* HOURS */
.hours-wrapper{
  max-width:1000px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}
.hours-box{
  background:#0f1b34;
  padding:35px;
  border-radius:15px;
}
.hours-box h4{color:var(--gold);text-align:center;margin-bottom:20px;}
.hours-box ul{list-style:none;}
.hours-box li{display:flex;justify-content:space-between;padding:10px 0;}

/* CONTACT */
.contact{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}
iframe{width:100%;height:420px;border:0;border-radius:12px;}

/* SOCIAL */
.social-links{text-align:center;padding:30px;}
.social-icon{
  display:inline-flex;
  width:55px;
  height:55px;
  border-radius:50%;
  border:2px solid var(--gold);
  align-items:center;
  justify-content:center;
  color:var(--gold);
  font-size:22px;
  margin:0 12px;
  transition:.4s;
}
.social-icon:hover{background:var(--gold);color:#000;}
.social-icon.ig:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);color:#fff;}

/* FOOTER */
footer{background:var(--header);text-align:center;padding:20px;color:#aaa;}

/* MOBILE */
@media(max-width:768px){
  nav{display:none;flex-direction:column;background:var(--header);width:100%;position:absolute;top:70px;left:0;}
  nav.show{display:flex;}
  nav a{padding:14px;text-align:center;}
  .menu-toggle{display:block;}
  .story,.contact,.hours-wrapper{grid-template-columns:1fr;}
  .hero-title{font-size:34px;}
}