/* v443G — Restore original Add-on Services presentation after global rail cleanup.
   Scope: add-on-services.html only.
   Purpose: keep the older card layout that looked better, while retaining the popup viewport fix. */

body.addon-page main{
  width:auto !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow:visible !important;
}

body.addon-page main > .section > .container,
body.addon-page .addon-hero > .container,
body.addon-page footer > .container,
body.addon-page .footer-grid{
  width:min(100% - 72px, 1480px) !important;
  max-width:1480px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Preserve the earlier add-on service cards: image/content stay as designed, with normal padding. */
body.addon-page .addon-service-card{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:hidden !important;
  border-radius:30px !important;
}

body.addon-page .addon-service-content{
  padding:clamp(34px, 3.4vw, 58px) !important;
  box-sizing:border-box !important;
}

body.addon-page .addon-card-voa .addon-service-content{
  padding-left:clamp(34px, 3.4vw, 58px) !important;
}

/* Make sure text never sticks to the outer card edge. */
body.addon-page .addon-service-content > .pill,
body.addon-page .addon-service-content > h3,
body.addon-page .addon-service-content > p,
body.addon-page .addon-service-content > .addon-detail-grid,
body.addon-page .addon-service-content > .small,
body.addon-page .addon-service-content > .addon-inline-action-v303G{
  margin-left:0 !important;
  margin-right:auto !important;
}

/* Keep the original internal detail cards tidy. */
body.addon-page .addon-detail-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:22px !important;
}

body.addon-page .addon-detail-grid > div{
  padding:24px !important;
  border-radius:22px !important;
}

/* Do not let the v441 all-subpage rail affect this restored page. */
body.addon-page .vge-subpage-viewport-rail-v441G,
body.addon-page .vge-subpage-viewport-rail-v440G{
  all:unset !important;
}

@media(max-width:1180px){
  body.addon-page main > .section > .container,
  body.addon-page .addon-hero > .container,
  body.addon-page footer > .container,
  body.addon-page .footer-grid{
    width:min(100% - 44px, 1480px) !important;
  }
}

@media(max-width:760px){
  body.addon-page main > .section > .container,
  body.addon-page .addon-hero > .container,
  body.addon-page footer > .container,
  body.addon-page .footer-grid{
    width:min(100% - 32px, 1480px) !important;
  }

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

  body.addon-page .addon-detail-grid{
    grid-template-columns:1fr !important;
  }
}