body{
margin:0;
font-family:Tajawal;
background:#f5f7fb;
}

.container{
max-width:1000px;
margin:auto;
padding:20px;
}

.hero{
background:url("foto/nova.jpeg") center/cover;
height:300px;
}

.overlay{
background:rgba(0,0,0,0.5);
height:100%;
display:flex;
align-items:center;
justify-content:center;
color:white;
text-align:center;
}

.card{
background:white;
padding:20px;
border-radius:12px;
margin-top:20px;
}

.services{
display:grid;
grid-template-columns:1fr;
gap:20px;
}

.service{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
transition:0.3s;
}

.service:hover{
transform:translateY(-5px);
}

.service img{
width:100%;
height:200px;
object-fit:cover;
}

button{
background:#0b74de;
color:white;
border:none;
padding:10px;
border-radius:8px;
cursor:pointer;
margin:10px;
}

/* 🔥 زر واتساب ثابت */
.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
font-size:24px;
padding:15px;
border-radius:50%;
text-decoration:none;
box-shadow:0 5px 15px rgba(0,0,0,0.3);
}

@media(min-width:768px){
.services{
grid-template-columns:1fr 1fr;
}
}
/* تحسين الفورم بالكامل */
form {
  max-width: 600px;
  margin: auto;
}

/* كل عنصر في سطر */
form input,
form select,
form textarea {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  padding: 14px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #ddd;
}

/* تكبير textarea */
form textarea {
  min-height: 120px;
}

/* زرار الإرسال */
form button {
  width: 100%;
  padding: 14px;
  font-size: 17px;
  border-radius: 10px;
  background: #0b74de;
  color: white;
}

/* تحسين شكل الفورم */
#bookingForm {
  background: #f9fbff;
  padding: 20px;
  border-radius: 12px;
}

/* للموبايل */
@media (max-width: 600px) {
  .container {
    padding: 15px;
  }

  .card {
    padding: 15px;
  }
}
.reviews-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:15px;
  margin-top:15px;
}

.review-card{
  background:#fff;
  padding:18px;
  border-radius:12px;
  box-shadow:0 3px 10px rgba(0,0,0,0.08);
  transition:0.3s;
}

.review-card:hover{
  transform:translateY(-5px);
}

.review-card p{
  font-size:14px;
  line-height:1.6;
  color:#333;
  margin-bottom:10px;
}

.review-card span{
  font-size:12px;
  color:#777;
}
.add-review-btn{
  background:#0b74de;
  color:white;
  border:none;
  padding:12px 20px;
  border-radius:10px;
  cursor:pointer;
  font-size:15px;
}

.review-form{
  max-width:400px;
  margin:20px auto;
  background:#fff;
  padding:15px;
  border-radius:12px;
  box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.review-form input,
.review-form textarea{
  width:100%;
  margin-bottom:10px;
  padding:10px;
  border-radius:8px;
  border:1px solid #ddd;
}

.review-form button{
  margin-top:5px;
  width:100%;
}

.hidden{
  display:none;
}