/* Custom site styles (kept minimal since Tailwind is used) */
:root {
  --brand-500: #14b8a6;
}

/* Small reset for anchor elements */
a { text-decoration: none; }

/* Ensure images don't overflow their containers */
img { max-width: 100%; height: auto; display: block; }

/* Real Estate page visual polish */
.real-estate-panel::before {
  content: "";
  position: absolute;
  inset: -20% 8% auto auto;
  width: 180px;
  height: 180px;
  border-radius: 9999px;
  background: radial-gradient(circle, rgba(45, 212, 191, 0.24), transparent 72%);
  filter: blur(20px);
  pointer-events: none;
}

.real-estate-panel::after {
  content: "";
  position: absolute;
  inset: auto auto -10% -8%;
  width: 220px;
  height: 220px;
  border-radius: 9999px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.22), transparent 70%);
  filter: blur(26px);
  pointer-events: none;
}

/* Logo slider styles */
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.logo-slider { position: relative; }
.logo-track { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.logo-track { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; }
.logo-item { flex: 0 0 auto; scroll-snap-align: center; transition: transform 220ms ease; display: block; width: auto !important; height: 48px !important; max-height: 48px; max-width: none; object-fit: contain; }
.logo-item:hover { transform: translateY(-6px) scale(1.02); }
.logo-slider::before, .logo-slider::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0; width: 64px; pointer-events: none;
}
.logo-slider::before { left: 0; background: linear-gradient(90deg, rgba(2,6,23,0.9), transparent); }
.logo-slider::after { right: 0; background: linear-gradient(-90deg, rgba(2,6,23,0.9), transparent); }