/* v781A — Add-on Services wide horizontal content cards.
   Goal: stop service detail text from being squeezed into narrow vertical columns.
   Scope: public add-on page only. No payment/AI/chatbot/runtime logic changes. */

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% - 56px, 1720px) !important;
  max-width:1720px !important;
}

body.addon-page #addon-options .container{
  width:min(100% - 52px, 1760px) !important;
  max-width:1760px !important;
}

body.addon-page .addon-service-list{
  gap:clamp(28px, 3vw, 46px) !important;
}

body.addon-page .addon-service-card,
body.addon-page .addon-service-card:nth-child(even){
  display:grid !important;
  grid-template-columns:minmax(520px, .95fr) minmax(680px, 1.25fr) !important;
  gap:0 !important;
  align-items:start !important;
  overflow:hidden !important;
  border-radius:30px !important;
}

body.addon-page .addon-service-card:nth-child(even){
  grid-template-columns:minmax(680px, 1.25fr) minmax(520px, .95fr) !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{
  align-self:start !important;
  width:100% !important;
  height:clamp(380px, 31vw, 540px) !important;
  min-height:clamp(380px, 31vw, 540px) !important;
  max-height:540px !important;
  overflow:hidden !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:0 !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover !important;
}

body.addon-page .addon-service-content{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  align-self:start !important;
  justify-content:flex-start !important;
  padding:clamp(30px, 2.7vw, 52px) !important;
  box-sizing:border-box !important;
}

body.addon-page .addon-service-content > p{
  max-width:100% !important;
  font-size:clamp(17px, 1.12vw, 20px) !important;
  line-height:1.62 !important;
}

body.addon-page .addon-service-content h3{
  max-width:100% !important;
}

body.addon-page .addon-detail-grid,
body.addon-page .addon-service-card .addon-detail-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  margin:22px 0 !important;
}

body.addon-page .addon-detail-grid > div{
  width:100% !important;
  box-sizing:border-box !important;
  padding:clamp(18px, 1.7vw, 26px) !important;
  border-radius:22px !important;
}

body.addon-page .addon-detail-grid strong{
  font-size:clamp(17px, 1.06vw, 20px) !important;
  line-height:1.32 !important;
  margin-bottom:12px !important;
}

body.addon-page .addon-detail-grid ul{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(230px, 1fr)) !important;
  column-gap:28px !important;
  row-gap:10px !important;
  margin:0 !important;
  padding-left:20px !important;
}

body.addon-page .addon-detail-grid li{
  margin:0 !important;
  line-height:1.55 !important;
  break-inside:avoid !important;
}

body.addon-page .addon-service-content > .small,
body.addon-page .addon-service-content > .readable{
  max-width:100% !important;
  line-height:1.58 !important;
}

body.addon-page .addon-benefit-grid-v606U,
body.addon-page .addon-who-grid-v606U{
  gap:20px !important;
}

body.addon-page .addon-who-grid-v606U{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

@media(max-width:1380px){
  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{
    height:clamp(320px, 44vw, 480px) !important;
    min-height:clamp(320px, 44vw, 480px) !important;
    max-height:480px !important;
  }
}

@media(max-width:860px){
  body.addon-page main > .section > .container,
  body.addon-page .addon-hero > .container,
  body.addon-page footer > .container,
  body.addon-page .footer-grid,
  body.addon-page #addon-options .container{
    width:min(100% - 30px, 1720px) !important;
  }

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

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

  body.addon-page .addon-service-content{
    padding:24px !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{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
  }
}