/* Hub listing cards — visible grid (overrides art-direction services-bento collapse) */
.hub-card-grid,
.grid-3.hub-card-grid,
.grid-3.services-bento.hub-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:clamp(0.9rem, 2vw, 1.25rem) !important;
  align-items:stretch !important;
  width:100% !important;
  border:0 !important;
  flex-direction:unset !important;
}
@media (max-width: 960px){
  .hub-card-grid,
  .grid-3.hub-card-grid,
  .grid-3.services-bento.hub-card-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px){
  .hub-card-grid,
  .grid-3.hub-card-grid,
  .grid-3.services-bento.hub-card-grid{
    grid-template-columns:1fr !important;
  }
}

.hub-card-grid > a.card,
.hub-card-grid > .card,
.grid-3.services-bento.hub-card-grid > a.card{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:0 !important;
  align-items:stretch !important;
  min-width:0 !important;
  min-height:150px !important;
  height:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
  overflow:hidden !important;
  background:linear-gradient(165deg, #1a1612 0%, #0f0d0b 100%) !important;
  border:1px solid rgba(201,168,108,.24) !important;
  border-radius:14px !important;
  border-bottom:1px solid rgba(201,168,108,.24) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.35) !important;
  text-decoration:none !important;
  color:inherit !important;
  padding:0 !important;
}

.hub-card-grid > a.card:hover,
.grid-3.services-bento.hub-card-grid > a.card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(201,168,108,.5) !important;
  background:linear-gradient(165deg, #221c16 0%, #14110e 100%) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.45) !important;
}

.hub-card-grid .card-body,
.grid-3.services-bento.hub-card-grid .card-body{
  display:flex !important;
  flex-direction:column !important;
  gap:0.5rem !important;
  flex:1 1 auto !important;
  padding:1.15rem 1.2rem 1.25rem !important;
  background:transparent !important;
  opacity:1 !important;
  min-width:0 !important;
}

.hub-card-grid .card-body h3,
.grid-3.services-bento.hub-card-grid .card-body h3{
  margin:0 !important;
  font-size:1.05rem !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  color:#f2ead8 !important;
  max-width:none !important;
  opacity:1 !important;
  -webkit-line-clamp:2 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.hub-card-grid .card-body p,
.grid-3.services-bento.hub-card-grid .card-body p{
  margin:0 !important;
  font-size:0.9rem !important;
  line-height:1.65 !important;
  color:#c8bca8 !important;
  font-family:var(--font-b, Tajawal, sans-serif) !important;
  font-style:normal !important;
  max-width:none !important;
  opacity:1 !important;
  flex:1 1 auto !important;
  -webkit-line-clamp:3 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.hub-card-grid .card-body .more,
.grid-3.services-bento.hub-card-grid .card-body .more{
  margin-top:0.35rem !important;
  color:#c9a86c !important;
  font-weight:800 !important;
  font-size:0.84rem !important;
  opacity:1 !important;
  border:0 !important;
  text-transform:none !important;
  letter-spacing:0.02em !important;
}

/* section wrapper spacing */
.hub-list-section{
  padding:clamp(1.75rem, 4vw, 3rem) 0 !important;
  background:transparent !important;
}
.hub-list-section > .container{
  max-width:var(--page, 1120px) !important;
  margin-inline:auto !important;
  padding-inline:clamp(1rem, 4vw, 1.5rem) !important;
}