/* v5.8.35 — 16:9 desktop Programme/Group media + centred callback redesign */
.bs-help-callback{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  text-align:center!important;
  gap:14px!important;
  padding:22px clamp(16px,3vw,30px)!important;
}
.bs-help-callback__intro{
  width:min(720px,100%)!important;
  text-align:center!important;
}
.bs-help-callback h2{
  text-align:center!important;
  font-size:clamp(1.25rem,2vw,1.55rem)!important;
  margin:0 0 7px!important;
}
.bs-help-callback p{
  max-width:680px!important;
  margin:0 auto!important;
  text-align:center!important;
  line-height:1.55!important;
}
.bs-help-callback__toggle{
  justify-self:center!important;
  width:auto!important;
  min-width:210px!important;
  justify-content:center!important;
  margin:0 auto!important;
}
.bs-callback-form{
  grid-column:1!important;
  width:min(860px,100%)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 14px!important;
  margin:2px auto 0!important;
  padding-top:18px!important;
}
.bs-callback-submit{
  width:min(100%,320px)!important;
  justify-self:center!important;
}

@media(min-width:761px){
  .bs-page[data-mode="programmes"] .bs-offer-grid > .bs-provider-card,
  .bs-page[data-mode="group"] .bs-offer-grid > .bs-provider-card{
    display:grid!important;
    grid-template-columns:minmax(320px,40%) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .bs-page[data-mode="programmes"] .bs-offer-grid > .bs-provider-card > .bs-service-photo,
  .bs-page[data-mode="group"] .bs-offer-grid > .bs-provider-card > .bs-service-photo,
  .bs-page[data-mode="programmes"] .bs-offer-grid > .bs-provider-card > .bs-service-visual,
  .bs-page[data-mode="group"] .bs-offer-grid > .bs-provider-card > .bs-service-visual{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
    align-self:start!important;
  }
  .bs-page[data-mode="programmes"] .bs-offer-grid > .bs-provider-card > .bs-provider-body,
  .bs-page[data-mode="group"] .bs-offer-grid > .bs-provider-card > .bs-provider-body{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    padding:24px!important;
    align-self:stretch!important;
    border-left:0!important;
  }
  .bs-page[data-mode="programmes"] .bs-offer-grid > .bs-provider-card > .bs-card-action,
  .bs-page[data-mode="group"] .bs-offer-grid > .bs-provider-card > .bs-card-action{
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    padding:16px 18px 18px!important;
    border-left:0!important;
    border-right:1px solid var(--line)!important;
    background:rgba(248,244,236,.42)!important;
  }
  .bs-page[data-mode="programmes"] .bs-offer-grid > .bs-provider-card > .bs-card-action > *,
  .bs-page[data-mode="group"] .bs-offer-grid > .bs-provider-card > .bs-card-action > *{
    flex:1 1 145px!important;
    width:auto!important;
    max-width:190px!important;
    margin:0!important;
  }
}

@media(max-width:760px){
  .bs-help-callback{
    justify-items:center!important;
    text-align:center!important;
  }
  .bs-help-callback__toggle{
    justify-self:center!important;
    width:min(100%,260px)!important;
    min-width:0!important;
  }
  .bs-callback-form{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .bs-callback-form .full{grid-column:1!important;}
  .bs-callback-submit{
    width:min(100%,280px)!important;
    justify-self:center!important;
  }
  .bs-page[data-mode="programmes"] .bs-offer-grid > .bs-provider-card > .bs-service-photo,
  .bs-page[data-mode="group"] .bs-offer-grid > .bs-provider-card > .bs-service-photo,
  .bs-page[data-mode="programmes"] .bs-offer-grid > .bs-provider-card > .bs-service-visual,
  .bs-page[data-mode="group"] .bs-offer-grid > .bs-provider-card > .bs-service-visual{
    aspect-ratio:16 / 9!important;
    width:100%!important;
    height:auto!important;
    object-fit:cover!important;
  }
}