:root {
  --gold:#c9a44b;
  --dark:#2f2f2f;
  --light:#f4f4f4;
}

html { scroll-behavior:smooth; }

body {
  margin:0;
  font-family:Tahoma, Arial;
  background:var(--light);
}

/* Navbar */
.navbar {
  position:sticky;
  top:0;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  z-index:1000;
}
.nav-container {
  display:flex;
  justify-content:center;
  gap:20px;
  padding:10px;
}
.nav-container a {
  text-decoration:none;
  font-weight:bold;
  color:#2f2f2f;
}
.nav-container a:hover { color:var(--gold); }

/* Header */
.header {
  background:var(--dark);
  padding:20px;
}
.header-content {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
}
.header-logo { width:65px; }
.header-text h1 {
  margin:0;
  color:#fff;
}
.header-text span {
  font-size:14px;
  color:var(--gold);
}
.header-social a {
  color:#fff;
  font-size:20px;
  margin-right:10px;
}
.header-social a:hover {
  color:var(--gold);
}

/* General */
.container {
  width:90%;
  max-width:1100px;
  margin:auto;
}
.card {
  background:#fff;
  padding:25px;
  margin:30px 0;
  border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,.1);
}

/* Services */
.services li { margin:8px 0; }

/* Slider */
.slider {
  height:300px;
  position:relative;
  overflow:hidden;
  border-radius:12px;
}
.slider img {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity 1s;
}
.slider img.active { opacity:1; }

/* Gallery */
.gallery {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}
.gallery img { width:100%; border-radius:8px; }

/* Branches */
.section-title { text-align:center; }
.branch-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:20px;
}
.branch-card {
  background:#fff;
  padding:20px;
  border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,.1);
}
.branch-card a {
  display:block;
  margin:6px 0;
  color:#000;
  text-decoration:none;
}
.whatsapp {
  background:var(--gold);
  color:#fff !important;
  text-align:center;
  padding:8px;
  border-radius:6px;
}
.branch-card iframe {
  width:100%;
  height:220px;
  border:none;
  border-radius:8px;
}

/* Footer */
.footer {
  background:var(--dark);
  padding:15px 0;
}
.footer-center {
  text-align:center;
  color:#fff;
}
.footer a { color:var(--gold); }

/* Loader */
#loader {
  position:fixed;
  inset:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  z-index:9999;
}
.loader-logo { width:120px; }
.spinner {
  width:40px;
  height:40px;
  border:5px solid #ddd;
  border-top:5px solid var(--gold);
  border-radius:50%;
  animation:spin 1s linear infinite;
}

/* Animations */
.fade-up { animation:fadeUp 1s both; }
.fade-down { animation:fadeDown 1s both; }
.delay { animation-delay:.3s; }
.delay2 { animation-delay:.6s; }

@keyframes fadeUp {
  from {opacity:0; transform:translateY(30px)}
  to {opacity:1}
}
@keyframes fadeDown {
  from {opacity:0; transform:translateY(-30px)}
  to {opacity:1}
}
@keyframes spin { to {transform:rotate(360deg)} }

/* Floating Buttons */
.whatsapp-float,
.messenger-float {
  position:fixed;
  left:20px;
  width:55px;
  height:55px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  color:#fff;
  text-decoration:none;
  box-shadow:0 5px 15px rgba(0,0,0,.3);
  z-index:999;
}

.whatsapp-float {
  bottom:20px;
  background:#25D366;
}

.messenger-float {
  bottom:90px;
  background:#1877f2;
}