/* Platform artwork and cards share the established ConfigUX website style. */
.cx-integrations-page .cx-integrations-hero .cx-resource-hero__grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(2rem,4vw,4rem); }
.cx-integrations-page .cx-integrations-hero h1 { font-size:clamp(2.8rem,4.6vw,4.5rem); line-height:1.04; }
.cx-integrations-page .cx-integration-visual { min-width:0; margin:0; overflow:hidden; border:1px solid #dae7ee; border-radius:1.5rem; background:#fff; box-shadow:0 24px 60px #1d375512; }
.cx-integrations-page .cx-integration-visual__image { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.cx-integrations-page .cx-integration-visual__platforms { display:flex; justify-content:space-evenly; align-items:center; gap:.8rem; padding:1.1rem; border-top:1px solid #e7eef2; background:#fff; }
.cx-integrations-page .cx-integration-brand-pair { display:inline-flex; align-items:center; gap:.55rem; }
.cx-integrations-page .cx-integration-brand-pair img { display:block; object-fit:contain; max-width:none; }
.cx-integrations-page .cx-integration-brand-pair img:first-child { width:2.7rem; height:2.7rem; }
.cx-integrations-page .cx-integration-brand-pair img:last-child { width:5.5rem; height:2.7rem; }
.cx-integrations-page .cx-integration-brand-pair > span { color:#7b8a9c; font-size:.8rem; }
.cx-integrations-page .cx-integration-shopify-logo { display:block; width:9.1rem; height:3rem; object-fit:contain; }
.cx-integrations-page .cx-integration-web-mark { display:grid; place-items:center; width:3rem; height:3rem; border-radius:.8rem; color:#2f6bff; background:#edf3ff; font-size:1.1rem; font-weight:750; }
.cx-integrations-page .cx-integration-visual__divider { height:1.8rem; width:1px; background:#e2eaf1; }
.cx-integrations-page .cx-integration-card--available { min-height:0; color:#0b192c; background:linear-gradient(155deg,#fff,#f8fbff); border-color:#dce6ee; box-shadow:0 12px 32px #1d375509; }
.cx-integrations-page .cx-integration-card__top { flex-direction:column; align-items:flex-start; gap:1rem; }
.cx-integrations-page .cx-integration-card__brand { display:flex; align-items:center; min-height:3rem; }
.cx-integrations-page .cx-integration-card--available .cx-integration-card__top small { display:inline-flex; max-width:100%; color:#00785e; border-color:#b9e5d7; background:#edfaf5; font-size:.6rem; line-height:1.5; letter-spacing:.04em; }
.cx-integrations-page.cx-quality-17 .cx-integration-card h3 { margin:1.25rem 0 0; color:#0b192c; height:auto; max-height:none; font-size:clamp(1.6rem,2.1vw,2rem); line-height:1.12; overflow:visible; display:block; -webkit-line-clamp:unset; }
.cx-integrations-page.cx-quality-17 .cx-integration-card p { height:auto; max-height:none; margin:1rem 0 0; color:#52657d; font-size:.9rem; line-height:1.65; overflow:visible; display:block; -webkit-line-clamp:unset; }
.cx-integrations-page.cx-quality-17 .cx-integration-card ul { margin:1.3rem 0 0; }
.cx-integrations-page.cx-quality-17 .cx-integration-card li { color:#40546d; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
.cx-integrations-page .cx-integration-card--available li::before { color:#00a77f; align-self:start; }
.cx-integrations-page .cx-integration-card__actions .cx-button--light { background:#2f6bff; color:#fff; border-color:#2f6bff; box-shadow:0 9px 22px #2f6bff26; }
.cx-integrations-page .cx-integration-card__actions .cx-button--light:hover { background:#2054df; border-color:#2054df; }
.cx-integrations-page .cx-integration-card--available .cx-integration-card__actions > a:not(.cx-button) { color:#2f6bff; }
@media(min-width:761px) {
 @supports(grid-template-rows:subgrid) {
  .cx-integrations-page .cx-integration-platforms__grid { align-items:stretch; row-gap:1rem; }
  .cx-integrations-page .cx-integration-card { display:grid; grid-row:span 5; grid-template-rows:subgrid; row-gap:0; }
  .cx-integrations-page .cx-integration-card__top { grid-row:1; }
  .cx-integrations-page .cx-integration-card h3 { grid-row:2; }
  .cx-integrations-page .cx-integration-card p { grid-row:3; }
  .cx-integrations-page .cx-integration-card ul { grid-row:4; }
  .cx-integrations-page .cx-integration-card__actions { grid-row:5; margin-top:0; padding-top:1.8rem; }
 }
}
@media(max-width:900px) {
 .cx-integrations-page .cx-integrations-hero .cx-resource-hero__grid { grid-template-columns:1fr; }
 .cx-integrations-page .cx-integration-visual { max-width:44rem; }
}
@media(max-width:760px) {
 .cx-integrations-page .cx-integration-platforms__grid { grid-template-columns:1fr; }
 .cx-integrations-page .cx-integration-card { padding:1.5rem; }
 .cx-integrations-page .cx-integration-card__actions { padding-top:1.5rem; }
 .cx-integrations-page .cx-integration-visual__platforms { gap:.5rem; padding:.9rem .7rem; }
 .cx-integrations-page .cx-integration-visual__platforms .cx-integration-brand-pair { gap:.3rem; }
 .cx-integrations-page .cx-integration-visual__platforms .cx-integration-brand-pair img:first-child { width:1.7rem; height:2rem; }
 .cx-integrations-page .cx-integration-visual__platforms .cx-integration-brand-pair img:last-child { width:3.1rem; height:2rem; }
 .cx-integrations-page .cx-integration-visual__platforms .cx-integration-shopify-logo { width:6rem; height:2rem; }
 .cx-integrations-page .cx-integration-web-mark { width:2.2rem; height:2.2rem; font-size:.9rem; }
}