#catalogRotator{border:1px solid #35466b;border-radius:22px;padding:18px;background:linear-gradient(150deg,#111b34,#101326);scroll-margin-top:120px}
.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.catalog-controls>div{display:flex;gap:8px}.catalog-controls .btn{padding:9px 15px;min-height:44px}#catalogPageStatus{font-weight:750;color:#d5e0ff;font-variant-numeric:tabular-nums}#catalogNote{font-size:12px;margin:9px 0 15px}
#services.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;min-height:1056px;grid-auto-rows:344px}
#services .service-card{min-width:0;padding:15px!important;border-radius:16px;display:flex;flex-direction:column;gap:5px;overflow:hidden;transform:none}
#services .service-card .top{margin:0;gap:6px}#services .pill{font-size:11px;padding:3px 7px}#services .catalog-number{font-size:12px;letter-spacing:.08em;color:#a8b9dc;font-variant-numeric:tabular-nums}
#services .service-card h3{font-size:18px;line-height:1.25;margin:0;min-height:23px}#services .catalog-vendor{font-size:11px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#services .service-brand{margin:0!important;height:34px;min-height:34px}#services .service-logo,#services .service-logo-fallback{width:32px!important;height:32px!important;padding:4px;border-radius:8px}
.catalog-facts{display:flex;gap:7px;margin-top:4px}.catalog-facts>a,.catalog-facts>span{display:flex;align-items:center;gap:7px;background:#233252;border:1px solid #42577b;border-radius:9px;padding:5px 9px;flex:1;min-width:0;text-decoration:none;color:#dbe5ff}.catalog-facts b{font-size:23px;color:#9bf1db;line-height:1.1}.catalog-facts span span,.catalog-facts a span{font-size:11px;line-height:1.3}
#services .catalog-offer-detail{font-size:12px;color:#a8ebdc;margin:0;line-height:1.4;min-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#services .catalog-annual{font-size:11px;margin:0;color:#dfd4ff}.catalog-uses{margin:2px 0 0;padding-left:15px;color:#d7e0f3;font-size:12px;line-height:1.55;max-height:57px;overflow:hidden}.catalog-uses li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#services .catalog-price{font-size:14px;margin-top:auto}#services .service-card>.row{display:flex;gap:6px;margin:0}#services .service-card .btn{font-size:12px;line-height:1.2;padding:8px 9px;min-height:44px;min-width:0;white-space:normal}#services .service-detail-btn{flex:1}#services .review-summary{display:none}
@media(max-width:700px){#catalogRotator{padding:9px;border-radius:16px}#services.cards{gap:7px;min-height:914px;grid-auto-rows:300px}#services .service-card{padding:8px!important;gap:4px}#services .service-card h3{font-size:13px;min-height:33px;overflow-wrap:anywhere}#services .service-card .top{flex-wrap:wrap}#services .pill{font-size:10px;padding:2px 4px}#services .catalog-number{font-size:10px}.catalog-facts{gap:3px;flex-wrap:wrap}.catalog-facts>a,.catalog-facts>span{padding:3px 4px;gap:4px;flex-basis:100%}.catalog-facts b{font-size:18px}.catalog-facts span span,.catalog-facts a span{font-size:10px}#services .catalog-offer-detail{font-size:10px}#services .catalog-uses{font-size:11px;max-height:34px;padding-left:0;list-style:none}#services .catalog-annual{font-size:10px}#services .catalog-price{font-size:11px}#services .service-card>.row{gap:3px;flex-wrap:wrap}#services .service-card .btn{font-size:11px;padding:5px 3px;min-height:44px;flex-basis:100%}.catalog-controls{gap:7px}#catalogPageStatus{font-size:12px}.catalog-controls .btn{padding:7px 9px;font-size:12px}#catalogNote{font-size:11px}}
#services.cards:has(> [role="status"]){min-height:0;grid-auto-rows:auto}

@media(min-width:701px){#services.cards{min-height:864px;grid-auto-rows:280px}#services .service-card{position:relative;gap:3px}#services .service-brand{position:absolute;top:43px;left:15px}#services .service-card h3{padding-left:40px;min-height:23px}#services .catalog-vendor{padding-left:40px}.catalog-uses{max-height:54px}}
/* Reset inherited full-size card spacing before laying out compact cards. */
#services .service-card{overflow:visible;min-height:280px}
#services .service-card>*{flex-shrink:0}
#services .service-card .top{min-height:18px;align-items:center}
#services .service-card>p{min-height:0;margin:0;line-height:1.4}
#services .service-card .catalog-vendor{min-height:16px;line-height:16px;overflow:visible;white-space:normal;overflow-wrap:anywhere}
#services .service-card .catalog-offer-detail{white-space:normal;overflow:visible;overflow-wrap:anywhere;min-height:17px}
#services .service-card .catalog-annual{min-height:0}
#services .service-card .catalog-uses{max-height:none;overflow:visible;margin:2px 0 4px;line-height:1.45}
#services .service-card .catalog-uses li{white-space:normal;overflow:visible;overflow-wrap:anywhere}
#services .service-card>.row:last-child{padding:0;margin:0;min-height:35px;gap:6px;flex-wrap:nowrap}
#services .service-card .catalog-price{margin:0;margin-top:auto;padding-top:5px;line-height:20px}
#services.cards{grid-auto-rows:minmax(280px,auto);min-height:864px}
@media(min-width:701px){#services .service-brand{top:36px}#services .service-card h3{min-height:24px;line-height:24px}}
@media(max-width:700px){#services.cards{grid-auto-rows:minmax(300px,auto);min-height:914px}#services .service-card{min-height:300px}#services .service-card>.row:last-child{flex-wrap:wrap}#services .service-card .catalog-uses{font-size:11px;line-height:1.5}}
#services.cards{align-content:start}
#services.cards:not(:has(>.service-card:nth-child(4))){min-height:0}

#services .review-summary{display:flex;min-height:0;margin:5px 0;padding:7px 9px;gap:4px;border-radius:9px}#services .review-summary small{font-size:12px;line-height:1.5;margin:0}#services .review-summary-top{font-size:12px;flex-wrap:wrap}#services .review-summary .review-stars{font-size:13px}#services .review-summary .catalog-review-link{display:inline-flex;align-items:center;min-height:44px;color:#add8ff;font-size:12px;text-decoration:underline}#services .review-summary .review-demo-note{font-size:12px;margin:0}#services.cards{grid-auto-rows:minmax(340px,auto)}