
/* v444G — Add-on Services image frame restoration.
   Restore the older look: service images fill their side of the card with cover/crop,
   instead of showing the whole image as a smaller rectangle with empty space. */

body.addon-page .addon-service-card{
  display:grid !important;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr) !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border-radius:30px !important;
}

body.addon-page .addon-service-card:nth-child(even){
  grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr) !important;
}

body.addon-page .addon-service-card:nth-child(even) .addon-service-media{
  order:2 !important;
}

body.addon-page .addon-service-card:nth-child(even) .addon-service-content{
  order:1 !important;
}

body.addon-page .addon-service-media{
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
  align-self:stretch !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:#eef5ff !important;
}

body.addon-page .addon-service-media img,
body.addon-page .addon-service-media picture,
body.addon-page .addon-service-media picture img{
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
  margin:0 !important;
}

/* Keep each service image focused nicely after switching back to cover crop. */
body.addon-page .addon-card-fast-track .addon-service-media img{
  object-position:center center !important;
}

body.addon-page .addon-card-vip .addon-service-media img{
  object-position:center center !important;
}

body.addon-page .addon-card-pickup .addon-service-media img{
  object-position:center center !important;
}

body.addon-page .addon-card-voa .addon-service-media img{
  object-position:center center !important;
}

/* Text column keeps comfortable breathing room, but image stays full-frame. */
body.addon-page .addon-service-content{
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:clamp(42px, 4vw, 72px) !important;
  box-sizing:border-box !important;
}

/* Prevent lower cards from collapsing image height when text is shorter. */
body.addon-page .addon-service-card .addon-detail-grid{
  margin-top:22px !important;
}

body.addon-page .addon-service-card .addon-inline-action-v303G{
  margin-top:22px !important;
}

@media(max-width:1180px){
  body.addon-page .addon-service-card,
  body.addon-page .addon-service-card:nth-child(even){
    grid-template-columns:1fr !important;
  }

  body.addon-page .addon-service-card:nth-child(even) .addon-service-media,
  body.addon-page .addon-service-card:nth-child(even) .addon-service-content{
    order:initial !important;
  }

  body.addon-page .addon-service-media,
  body.addon-page .addon-service-media img,
  body.addon-page .addon-service-media picture,
  body.addon-page .addon-service-media picture img{
    min-height:420px !important;
    height:420px !important;
  }
}

@media(max-width:760px){
  body.addon-page .addon-service-media,
  body.addon-page .addon-service-media img,
  body.addon-page .addon-service-media picture,
  body.addon-page .addon-service-media picture img{
    min-height:300px !important;
    height:300px !important;
  }

  body.addon-page .addon-service-content{
    padding:24px !important;
  }
}
