:root{
  --gu-bg:#f6f7fb;
  --gu-surface:#ffffff;
  --gu-text:#131722;
  --gu-muted:#6c7280;
  --gu-border:rgba(19,23,34,.10);
  --gu-gold:#c8a44b;
  --gu-gold-2:#d8b562;
  --gu-shadow: 0 18px 50px rgba(19,23,34,.10);
}

html,body{height:100%;}
body{
  direction: rtl;
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
  background: radial-gradient(900px 600px at 20% -10%, rgba(200,164,75,.22), transparent 60%),
              radial-gradient(900px 600px at 90% 10%, rgba(216,181,98,.14), transparent 55%),
              var(--gu-bg);
  color: var(--gu-text);
}

a{color: inherit;}
.text-muted{color: var(--gu-muted) !important;}

.gu-navbar{
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--gu-border);
}
.gu-brand{
  font-weight: 800;
  letter-spacing: .2px;
}
.gu-brand span{
  color: var(--gu-gold);
}

.navbar .nav-link{
  color: rgba(19,23,34,.78);
  font-weight: 600;
}
.navbar .nav-link.active{
  color: var(--gu-text);
}
.navbar .navbar-toggler{
  border: 1px solid var(--gu-border);
}
.navbar .navbar-toggler-icon{
  filter: invert(0);
}

.btn-gu{
  background: linear-gradient(135deg, var(--gu-gold), var(--gu-gold-2));
  border: none;
  color: #111;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(200,164,75,.22);
}
.btn-gu:hover{filter: brightness(1.02);}

.gu-btn-gold{
  background: linear-gradient(135deg, var(--gu-gold), var(--gu-gold-2));
  border: none;
  color: #111;
  font-weight: 800;
}
.gu-btn-outline{
  border: 1px solid rgba(19,23,34,.18);
  color: rgba(19,23,34,.88);
  background: rgba(255,255,255,.7);
}
.gu-btn-soft{
  border: 1px solid rgba(19,23,34,.10);
  background: rgba(255,255,255,.9);
  color: rgba(19,23,34,.88);
  font-weight: 700;
}
.gu-btn-link{
  background: transparent;
  border: none;
  color: rgba(19,23,34,.70);
  text-decoration: none;
}
.gu-btn-link:hover{color: rgba(19,23,34,.95);}

.gu-card{
  background: var(--gu-surface);
  border: 1px solid var(--gu-border);
  border-radius: 18px;
  box-shadow: var(--gu-shadow);
  overflow: hidden;
}

/* Consistent media sizing across cards */
.gu-thumb{
  width:100%;
  display:block;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: #e9ecf4;
}

.gu-card .card-body{ padding: 1rem 1rem 1.1rem; }

/* Property gallery */
.gu-gallery-img{
  width:100%;
  display:block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background:#e9ecf4;
}

.gu-carousel-thumbs{
  position: static;
  margin: .75rem 0 0;
  gap: .5rem;
  justify-content: flex-start;
}
.gu-carousel-thumbs [data-bs-target]{
  width: 72px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid rgba(19,23,34,.14);
  background-size: cover;
  background-position: center;
  opacity: .75;
}
.gu-carousel-thumbs .active{ opacity: 1; outline: 2px solid rgba(200,164,75,.55); }

.carousel-control-prev-icon,
.carousel-control-next-icon{
  filter: none;
}
.gu-input{
  background: #fff;
  border: 1px solid rgba(19,23,34,.14);
  border-radius: 12px;
  padding: .75rem .85rem;
}
.gu-input:focus{
  border-color: rgba(200,164,75,.55);
  box-shadow: 0 0 0 .25rem rgba(200,164,75,.18);
}

.gu-hero{
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border: 1px solid var(--gu-border);
  box-shadow: var(--gu-shadow);
  overflow: hidden;
}

.gu-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .65rem;
  border-radius: 999px;
  border: 1px solid rgba(200,164,75,.35);
  background: rgba(200,164,75,.12);
  color: rgba(19,23,34,.92);
  font-weight: 800;
  font-size: .85rem;
}

.gu-footer{
  border-top: 1px solid var(--gu-border);
  background: rgba(255,255,255,.78);
}

.gu-property-card img{
  border-radius: 16px;
}


/* Hero slide overlay */
.gu-hero-slide{position:relative; display:block; text-decoration:none; color:inherit;}
.gu-hero-overlay{position:absolute; left:12px; right:12px; bottom:12px; padding:10px 12px; border-radius:14px; background:rgba(0,0,0,.45); backdrop-filter: blur(6px); color:#fff;}

.gu-mini-card{display:block; border-radius:16px; overflow:hidden; background:#fff; box-shadow: 0 10px 30px rgba(15,23,42,.08); text-decoration:none; color:inherit;}
.gu-mini-card img{width:100%; height:120px; object-fit:cover; display:block;}
.gu-mini-card:hover{transform: translateY(-2px); box-shadow: 0 14px 38px rgba(15,23,42,.12);}