:root{
  --mdr-navy-1:#050b1c;
  --mdr-navy-2:#0c1a3d;
  --mdr-red-1:#e63946;
  --mdr-glass-border:rgba(255,255,255,0.15);
  --mdr-text:#f5f6fa;
  --mdr-text-muted:#c9d1e0;
}

.s-block--dynamic-banner{
  position:relative !important;
  height:700px !important;
  margin-top:0 !important;
}
.s-block--dynamic-banner .container{
  max-width:100% !important;
  padding:0 !important;
}
.s-block--dynamic-banner img{
  height:700px;
  object-fit:cover;
}

.mdr-filter-overlay{
  position:absolute;
  inset:0;
  z-index:20;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:32px 16px;
  font-family:'Tajawal','Cairo',sans-serif;
  direction:rtl;
}

.mdr-filter-title{
  color:var(--mdr-text);
  font-size:clamp(20px,3vw,32px);
  font-weight:800;
  text-align:center;
  text-shadow:0 2px 12px rgba(0,0,0,0.4);
}
.mdr-filter-subtitle{
  color:var(--mdr-text-muted);
  font-size:14px;
  margin-top:-14px;
  text-align:center;
}

.mdr-filter-card{
  width:100%;
  max-width:1100px;
  background:rgba(15,25,55,0.1);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid var(--mdr-glass-border);
  border-radius:18px;
  box-shadow:0 8px 32px rgba(0,0,0,0.35);
  padding:22px;
}

.mdr-filter-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  align-items:end;
}

.mdr-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.mdr-field label{
  color:var(--mdr-text-muted);
  font-size:12px;
  font-weight:600;
}

.mdr-field select,
.mdr-field input{
  width:100%;
  height:46px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid var(--mdr-glass-border);
  background-color:rgba(255,255,255,0.08);
  color:var(--mdr-text);
  font-family:'Tajawal','Cairo',sans-serif;
  font-size:14px;
  outline:none;
  transition:.2s;
}
.mdr-field select{
  padding-left:32px;
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f5f6fa' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;
  background-position:left 14px center;
}
.mdr-field select:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.mdr-field select:focus,
.mdr-field input:focus{
  border-color:var(--mdr-red-1);
  box-shadow:0 0 0 3px rgba(230,57,70,0.25);
  background-color:rgba(255,255,255,0.12);
}
.mdr-field select option{
  color:#111;
}
.mdr-field input::placeholder{
  color:var(--mdr-text-muted);
}

.mdr-search-btn{
  height:46px;
  padding:0 26px;
  border:none;
  border-radius:10px;
  color:#fff;
  font-family:'Tajawal','Cairo',sans-serif;
  font-weight:800;
  font-size:15px;
  cursor:pointer;
  white-space:nowrap;
  background:linear-gradient(275deg, rgba(71,114,148,1) 0%, rgba(6,56,96,1) 100%);
  transition:filter .15s ease, transform .15s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.mdr-search-btn:hover{
  filter:brightness(1.15);
}
.mdr-search-btn:active{
  transform:scale(.97);
}

.mdr-error-msg{
  color:#ffd7d7;
  font-size:12px;
  text-align:center;
  min-height:16px;
}

@media (max-width:992px) and (min-width:601px){
  .mdr-filter-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media (max-width:600px){
  .s-block--dynamic-banner{min-height:520px;}
  .mdr-filter-card{
    padding:16px;
    max-width:100% !important;
  }
  .mdr-filter-grid{
    grid-template-columns:repeat(2, 1fr);
    gap:12px;
  }
  .mdr-search-btn{
    width:100%;
  }
}