/* Al-Qabas Branch Design V5.2 — final Virtual Arabic cleanup */

.alqabas-virtual-branch .section{
  padding-block:64px
}
.alqabas-virtual-branch .section-heading{
  max-width:700px;
  margin-inline:auto;
  margin-bottom:28px;
  text-align:center
}
.alqabas-virtual-branch .section-heading .section-kicker{
  font-size:12px;
  padding:7px 12px
}
.alqabas-virtual-branch .section-heading h2{
  margin:9px 0 9px;
  font-size:clamp(32px,3.7vw,48px);
  line-height:1.18;
  letter-spacing:-.7px
}
.alqabas-virtual-branch .section-heading p{
  max-width:60ch;
  margin-inline:auto;
  font-size:15px;
  line-height:1.85
}

/* Two real news items = two intentional cards on desktop. */
.alqabas-virtual-branch .virtual-news-grid--v52{
  max-width:900px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch
}
.alqabas-virtual-branch .virtual-news-card--v52{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:22px;
  overflow:hidden
}
.alqabas-virtual-branch .virtual-news-card__media{
  display:flex;
  align-items:center;
  justify-content:center;
  height:390px;
  padding:14px;
  background:linear-gradient(180deg,#eef5fa,#f9fbfd)
}
.alqabas-virtual-branch .virtual-news-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:14px
}
.alqabas-virtual-branch .virtual-news-card__body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:20px 22px 22px
}
.alqabas-virtual-branch .virtual-news-card__body h3{
  font-size:20px;
  line-height:1.55;
  margin:8px 0
}
.alqabas-virtual-branch .virtual-news-card__body p{
  font-size:14px;
  line-height:1.85;
  margin-bottom:14px
}
.alqabas-virtual-branch .virtual-news-card__body a{
  margin-top:auto
}

/* Magazine appears only once and keeps the whole cover visible. */
.alqabas-virtual-branch .virtual-magazine__grid--v52{
  max-width:1000px;
  margin-inline:auto;
  grid-template-columns:minmax(250px,340px) minmax(0,1fr);
  gap:48px;
  align-items:center
}
.alqabas-virtual-branch .virtual-magazine__cover{
  width:100%;
  max-width:340px;
  justify-self:center
}
.alqabas-virtual-branch .virtual-magazine__cover img{
  display:block;
  width:100%;
  max-height:500px;
  object-fit:contain;
  object-position:center;
  background:#09223b
}
.alqabas-virtual-branch .virtual-magazine__copy h2{
  font-size:clamp(31px,3.5vw,46px);
  line-height:1.25
}

/* Gallery is rendered only when genuinely unique WordPress images exist. */
.alqabas-virtual-branch .virtual-gallery-grid--v52{
  max-width:960px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:18px
}
.alqabas-virtual-branch .virtual-gallery-grid--v52 figure{
  overflow:hidden;
  border-radius:18px;
  background:#0a2945
}
.alqabas-virtual-branch .virtual-gallery-grid--v52 img{
  display:block;
  width:100%;
  height:360px;
  object-fit:contain;
  object-position:center
}

/* Videos */
.alqabas-virtual-branch .virtual-video-grid--v52{
  max-width:1040px;
  margin-inline:auto;
  gap:22px
}
.alqabas-virtual-branch .virtual-video-card video,
.alqabas-virtual-branch .virtual-video-card .alqabas-oembed{
  aspect-ratio:16/9
}

/* Management */
.alqabas-virtual-branch .virtual-contact-grid{
  max-width:1040px;
  margin-inline:auto
}
.alqabas-virtual-branch .virtual-contact-card{
  min-height:185px
}

@media(max-width:900px){
  .alqabas-virtual-branch .virtual-news-grid--v52{
    grid-template-columns:1fr;
    max-width:620px
  }
  .alqabas-virtual-branch .virtual-magazine__grid--v52{
    grid-template-columns:1fr;
    gap:28px
  }
  .alqabas-virtual-branch .virtual-magazine__cover{
    max-width:360px
  }
}
@media(max-width:680px){
  .alqabas-virtual-branch .section{
    padding-block:50px
  }
  .alqabas-virtual-branch .section-heading h2{
    font-size:clamp(29px,9.5vw,39px)
  }
  .alqabas-virtual-branch .virtual-news-card__media{
    height:auto;
    min-height:0;
    padding:10px
  }
  .alqabas-virtual-branch .virtual-news-card__media img{
    height:auto;
    max-height:none
  }
  .alqabas-virtual-branch .virtual-gallery-grid--v52{
    grid-template-columns:1fr
  }
  .alqabas-virtual-branch .virtual-gallery-grid--v52 img{
    height:auto;
    max-height:520px
  }
}