.whatsapp-float {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 56px;
  height: 56px;
  background: #25d366;
  border-radius: 50%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;

  opacity: 0;
  transform: scale(0.7);
  pointer-events: none;
  transition: all 0.3s ease;
}

.whatsapp-float img {
  width: 28px;
  height: 28px;
}

.whatsapp-float.show {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
:root{
  --bg:#0e0e0e;
  --panel:#151515;
  --gold:#d4af37;
  --text:#fff;
  --muted:#bfbfbf;
  --radius:14px;
  --font:'Poppins', sans-serif;
}

.hero{
  background:url(https://shattastone.com/wp-content/uploads/2025/11/850d2137ec094477b44af9b0ca46f5d3-1.jpg)
  center/cover no-repeat;
  height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.hero::after{
  content:"";
  position:absolute;
  inset:1;
  background:rgba(0,0,0,.6);
}
.hero h1{
  position:relative;
  color:var(--gold);
  font-size:60px;
  z-index:2;
}

section{
  padding:80px 6%;
  color:var(--text);
}

.info-boxes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:25px;
  margin-bottom:70px;
}

.info-box{
  background:var(--panel);
  padding:30px;
  border-radius:var(--radius);
  text-align:center;
}

.contact-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-bottom:60px;
}

.form-fields input,
.form-fields textarea{
  width:100%;
  background:transparent;
  border:2px solid var(--gold);
  padding:14px;
  margin-bottom:15px;
  border-radius:var(--radius);
  color:#fff;
}

.form-fields input[type="submit"]{
  background:var(--gold);
  border:none;
  color:#000;
  cursor:pointer;
  font-weight:600;
}

.maps-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
}

.maps-grid iframe{
  width:100%;
  height:300px;
  border-radius:var(--radius);
  border:0;
}

@media(max-width:900px){
  .contact-form{
    grid-template-columns:1fr;
  }
}
.construction-section {
  text-align: center;
  padding: 80px 20px;
}

.construction-slider {
  overflow: hidden;
  max-width: 1200px;
  margin: 50px auto;
}

.construction-track {
  display: flex;
  gap: 20px;
}

.construction-track img {
  width: 320px;
  height: 240px;
  object-fit: cover;
  border-radius: 18px;
  cursor: pointer;
  transition: 0.4s;
}

.construction-track img:hover {
  transform: scale(1.05);
}
/* أسهم مشتركة لكل السلايدرز */
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  border: none;
  color: #fff;
  font-size: 24px;
  padding: 10px 14px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10;
}
.arrow.left { left: 20px; }
.arrow.right { right: 20px; }
.arrow:hover { background: rgba(255,255,255,0.2); }