.booking-details-section{padding:70px 0;direction:rtl;background:transparent}
.booking-details-header{text-align:center;margin-bottom:28px}
.booking-details-header h2{margin:0 0 10px;font-size:38px;font-weight:800}
.booking-details-header p{margin:0;font-size:18px;color:#f0f0f0}

.booking-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.booking-field-card{
  background:linear-gradient(145deg,#2a2a2d,#1a1b1f);
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  padding:20px;
  box-shadow:0 14px 28px rgba(0,0,0,.35);
}
.booking-field-card label{display:block;margin-bottom:10px;color:#ffffff;font-size:15px;font-weight:800}
.booking-field-card label span{font-size:13px;font-weight:600;color:#d9d9d9}
.booking-field-card input{
  width:100%;
  height:54px;
  border:2px solid rgba(65,7,48,.35)!important;
  border-radius:14px;
  background:#fff!important;
  color:#111!important;
  font-size:15px;
  font-weight:700;
  padding:0 16px;
  outline:none;
  box-shadow:none!important;
  direction:rtl;
  text-align:right;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.booking-field-card input:focus{border-color:#a03a78!important;box-shadow:0 0 0 4px rgba(160,58,120,.3)!important}
.booking-phone-card{position:relative}

@media (max-width:991px){
  .booking-details-grid{grid-template-columns:1fr}
  .booking-details-header h2{font-size:32px}
  .booking-details-header p{font-size:16px}
}
@media (max-width:767px){
  .booking-details-section{padding:50px 0}
  .booking-details-header{margin-bottom:22px}
  .booking-details-header h2{font-size:28px}
  .booking-details-header p{font-size:15px}
  .booking-field-card{padding:16px;border-radius:18px}
}