/* T&S GROUP v2-6-33
   Wide service cards: media always above the copy on the two long service pages.
   Keeps the card full-width and preserves 2/3-column copy below the image. */

body[data-page-key="service-digital-promotion"] .sp-service-card--wide,
body[data-page-key="service-marketing-analytics"] .sp-service-card--wide{
  grid-column:1 / -1 !important;
  display:block !important;
  grid-template-columns:none !important;
  align-items:initial !important;
}

body[data-page-key="service-digital-promotion"] .sp-service-card--wide .sp-service-media,
body[data-page-key="service-marketing-analytics"] .sp-service-card--wide .sp-service-media{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:2.22 / 1;
  overflow:hidden;
}

body[data-page-key="service-digital-promotion"] .sp-service-card--wide .sp-service-media img,
body[data-page-key="service-marketing-analytics"] .sp-service-card--wide .sp-service-media img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

body[data-page-key="service-digital-promotion"] .sp-service-card--wide .sp-service-copy,
body[data-page-key="service-marketing-analytics"] .sp-service-card--wide .sp-service-copy{
  width:auto !important;
}

/* The heading/number remain above the text columns, exactly like the reference card. */
body[data-page-key="service-digital-promotion"] .sp-service-card--wide .sp-service-copy > .sp-num,
body[data-page-key="service-digital-promotion"] .sp-service-card--wide .sp-service-copy > h3,
body[data-page-key="service-marketing-analytics"] .sp-service-card--wide .sp-service-copy > .sp-num,
body[data-page-key="service-marketing-analytics"] .sp-service-card--wide .sp-service-copy > h3{
  column-span:all;
}

@media (max-width:1050px){
  body[data-page-key="service-digital-promotion"] .sp-service-card--wide .sp-service-media,
  body[data-page-key="service-marketing-analytics"] .sp-service-card--wide .sp-service-media{
    aspect-ratio:16 / 9;
  }
}