/* Scoped only to the independent SaaS catalog; approved homepage is untouched. */
.saas-compare-add{display:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:100%;margin-top:12px;padding:10px 13px;background:#eff7ff;color:#16589b;border:1px solid #96c7f3;border-radius:10px;font-size:12px;font-weight:850;cursor:pointer;transition:background .18s,border-color .18s}
.saas-compare-add:hover{background:#dff0ff;border-color:#328cde}
.saas-compare-add[aria-pressed=true]{background:#dff7ef;border-color:#75c5a5;color:#116c4e}
.saas-compare-add:disabled{background:#f2f4f8;color:#6c7990;border-color:#d0d8e6;cursor:not-allowed}
.saas-compare-add:focus-visible,.saas-compare-dialog button:focus-visible,.saas-compare-dialog a:focus-visible{outline:3px solid #259efa;outline-offset:3px}
.saas-compare-tray[hidden]{display:none}
.saas-compare-tray{position:fixed;left:0;right:0;bottom:0;z-index:95;border-top:1px solid #3079c1;box-shadow:0 -12px 38px #030d2160;background:linear-gradient(112deg,#08182c,#0a3057);color:#f1f8ff;padding:12px 20px;max-height:48vh;overflow-y:auto}
.saas-compare-inner{width:min(1150px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}
.saas-compare-inner>span{font-size:14px;font-weight:780;line-height:1.5}
.saas-compare-actions{display:flex;align-items:center;gap:9px}
.saas-compare-actions .btn{min-height:44px;font-size:13px;white-space:nowrap}
.saas-compare-actions .btn.ghost{background:transparent;color:#e6f4ff;border:1px solid #5c9bd3}
.saas-compare-tray:not([hidden])~.alert{scroll-margin-bottom:100px}
.saas-compare-dialog{border:1px solid #63a5eb;border-radius:20px;padding:26px;max-width:min(1080px,calc(100vw - 25px));width:100%;max-height:min(90dvh,900px);overflow:auto;background:#f9fcff;color:#122c4c;box-shadow:0 26px 90px #020b1c9c}
.saas-compare-dialog::backdrop{background:rgba(4,15,31,.8);backdrop-filter:blur(4px)}
.saas-compare-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:1px solid #c5dff6;padding-bottom:12px;margin-bottom:18px}
.saas-compare-dialog-head h2{font-size:clamp(23px,3vw,32px);margin:5px 0 8px}
.saas-compare-dialog-head p{color:#536a88;margin:0}
.saas-compare-close{width:44px;min-width:44px;height:44px;border-radius:13px;border:1px solid #86b6ec;background:#e9f5ff;color:#155caa;font-size:28px;padding:0;cursor:pointer}
.saas-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}
.saas-compare-choice{border:1px solid #bed8f1;border-radius:16px;background:white;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.saas-compare-thumbnail{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;background:#e7f1fe}
.saas-compare-choice-meta{padding:15px;flex:1}
.saas-compare-code{font-size:11px;color:#1665b8;font-weight:870}
.saas-compare-choice-meta h3{font-size:18px;line-height:1.33;margin:8px 0}
.saas-compare-choice-meta p{font-size:13px;color:#60748f;margin:0}
.saas-compare-choice-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 15px 16px}
.saas-compare-choice-actions .btn{flex:1 1 auto;min-width:0;font-size:12px;padding:10px 11px;min-height:44px}
.saas-compare-dialog>.muted{margin:19px 0 0;font-size:13px}
@media(max-width:600px){
.saas-compare-tray{padding:10px 12px}
.saas-compare-inner{display:grid;gap:9px}
.saas-compare-actions .btn{min-height:44px;flex:1}
.saas-compare-dialog{padding:14px;border-radius:16px}
.saas-compare-dialog-head{gap:8px}
.saas-compare-grid{grid-template-columns:minmax(0,1fr)}
.saas-compare-choice{display:grid;grid-template-columns:40% minmax(0,1fr);align-items:start}
.saas-compare-thumbnail{height:100%;min-height:145px;object-fit:cover}
.saas-compare-choice-meta{padding:11px}
.saas-compare-choice-actions{grid-column:1/-1;padding:0 11px 12px}
}
@media(prefers-reduced-motion:reduce){.saas-compare-add{transition:none}}

.saas-compare-ready .saas-compare-add{display:inline-flex}

/* Keep end-of-catalog CTAs accessible when the fixed compare tray is visible. */
html.saas-compare-has-selection #saas-page-content{padding-bottom:190px}
@media(max-width:600px){html.saas-compare-has-selection #saas-page-content{padding-bottom:225px}}