/* Hero */
.hero-con{
  background:var(--glass);
  padding:36px;
  border-radius:18px;
  border:1px solid var(--border);
  display:flex;
  gap:28px;
  box-shadow:0 12px 30px rgba(0,0,0,0.45);
}
.hero-img-con{
  width:420px;
  height:300px;
  overflow:hidden;
  border-radius:18px;
}
.hero-img-con img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-text-con h1{
  margin:0;
  font-size:3rem;
  font-family:"Great Vibes",serif;
  color:var(--amba);
}
.hero-text-con p{
  margin-top:12px;
  line-height:1.7;
  color:#d8faf3;
}

/* Contact Form */
.form-box{
  margin-top:32px;
  background:var(--glass);
  border:1px solid var(--border);
  padding:26px;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,0.4);
}
.form-box h2{
  font-family:"Great Vibes",serif;
  font-size:2.2rem;
  color:var(--amba);
  margin:0 0 20px;
}
.form-box label{
  font-weight:600;
  color:#d8faf3;
}
.form-box input, .form-box textarea{
  width:100%;
  padding:12px;
  border-radius:10px;
  margin-top:6px;
  margin-bottom:14px;
  border:1px solid var(--border);
  background:rgba(255,255,255,0.08);
  color:#fff;
  font-size:1rem;
}
.form-box textarea{
  height:150px;
  resize:none;
}
.btn{
  background:var(--amba);
  color:#022730;
  font-weight:700;
  padding:12px 20px;
  border-radius:12px;
  text-decoration:none;
  display:inline-block;
}

/* Contact Info */
.info-grid{
  margin-top:32px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.info-card{
  background:var(--glass);
  padding:24px;
  border-radius:16px;
  border:1px solid var(--border);
  text-align:center;
}
.info-card i{
  font-size:2.4rem;
  color:var(--amba);
}
.info-card h3{
  margin-top:10px;
  color:var(--amba);
}
.info-card p{
  color:#d8faf3;
}

.info-card a{
  color:var(--amba);
  font-weight:700;
  text-decoration:none;
}

/* Working Hours */
.hours{
  margin-top:32px;
  background:var(--glass);
  border-radius:16px;
  padding:26px;
  border:1px solid var(--border);
}
.hours h3{
  margin:0 0 10px;
  color:var(--amba);
}
.hours ul{
  padding:0;
  margin:0;
  list-style:none;
}
.hours li{
  padding:6px 0;
  border-bottom:1px solid var(--border);
  color:#d8faf3;
}

/* Map */
.map-box{
  margin-top:32px;
  background:var(--glass);
  border:1px solid var(--border);
  border-radius:16px;
  padding:24px;
}
.map-box h3{
  margin:0 0 10px;
  color:var(--amba);
}
#map{
  width:100%;
  height:350px;
  border-radius:14px;
}

/* Slogan */
.slogan{
  margin-top:32px;
  background:var(--glass);
  border:1px solid var(--border);
  padding:24px;
  text-align:center;
  border-radius:16px;
}
.slogan img{
  width:180px;
  margin-bottom:10px;
}
.slogan p{
  color:#d8faf3;
}
.whatsapp-float{
  position:fixed;
  width:50px;
  height:50px;
  bottom:22px;
  right:22px;
  z-index:999;
  
  border-radius:50%;
  padding:0px;
  box-shadow:0 4px 12px rgba(0,0,0,0.3);
  transition:0.3s;
}.whatsapp-float img{
  width:100%;
  height:100%;
  object-fit:contain;
}.whatsapp-float:hover{
  transform:scale(1.1);
  box-shadow:0 6px 18px rgba(0,0,0,0.4);}

@media(max-width:900px){
  .hero-con{flex-direction:column;}
  .info-grid{grid-template-columns:1fr;}
  .hero-img-con{width:100%;height:240px;}
}