/* Shared catalog cards: compact activity and a description face. */
.ocm-catalog-card{position:relative;perspective:1200px;display:grid;grid-template-rows:minmax(0,1fr) auto}
.ocm-card-front{grid-area:1/1;display:flex;flex-direction:column;min-width:0;background:#fff}
.ocm-card-front>.ocm-product-card__body,.ocm-card-front>.ocm-service-card__body{flex:1}
.ocm-card-front>footer:not(:has(a,strong,div)){display:none}
.ocm-catalog-card .ocm-card-bottom{grid-area:2/1;position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:36px;padding:6px 18px;border-top:1px solid #edf0f5;background:#f8f9fb;font-size:12px;line-height:1.4}
.ocm-card-more{flex:none;font-weight:600;color:#315fc5}
.ocm-card-stats{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;min-width:0;color:#8791a1}
.ocm-card-stat{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
.ocm-card-stat svg{width:13px;height:13px;fill:currentColor}
.ocm-card-stat a{color:inherit}
.ocm-card-description-toggle,.ocm-card-description-close{border:0;background:transparent;color:#77849a;cursor:pointer;padding:0}
.ocm-card-description-toggle{display:none;align-items:center;justify-content:center;flex:none;width:24px;height:24px}
.ocm-card-description-toggle svg{width:14px;height:14px;fill:currentColor}
.ocm-card-description-close{display:none;position:absolute;top:8px;right:8px;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:24px;line-height:1;z-index:1}
.ocm-card-description-toggle:hover,.ocm-card-description-close:hover{color:#315fc5;background:#eaf0fc;border-radius:5px}
.ocm-catalog-card :focus-visible{outline:2px solid #3867d6;outline-offset:3px}
.ocm-card-back{padding:24px;border-top:1px solid #edf0f5;background:#f8faff}
.ocm-card-back__text{display:block;color:#334155;font-size:15px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
a.ocm-card-back__text:hover{color:#334155;text-decoration:none}
.ocm-flip-card.is-flip-ready>.ocm-card-front{backface-visibility:hidden;transform:rotateY(0deg);transition:none}
.ocm-flip-card.is-flip-ready>.ocm-card-back{grid-area:1/1/2/2;display:flex;align-items:flex-start;position:absolute;inset:0;box-sizing:border-box;overflow:auto;border:0;border-radius:inherit;backface-visibility:hidden;transform:rotateY(180deg);visibility:hidden;pointer-events:none;transition:none;padding:40px 24px 24px}
.ocm-flip-card.is-flip-interactive>.ocm-card-front,.ocm-flip-card.is-flip-interactive>.ocm-card-back{transition:transform .42s ease,visibility 0s .21s}
.ocm-flip-card.is-flip-ready .ocm-card-back__text{max-height:100%;width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 3px}
.ocm-flip-card.is-flip-ready .ocm-card-description-toggle,.ocm-flip-card.is-flip-ready .ocm-card-description-close{display:inline-flex}
.ocm-flip-card.is-description-open>.ocm-card-front{transform:rotateY(-180deg);visibility:hidden;pointer-events:none}
.ocm-flip-card.is-description-open>.ocm-card-back{transform:rotateY(0deg);visibility:visible;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.ocm-flip-card.is-flip-ready>.ocm-card-front,.ocm-flip-card.is-flip-ready>.ocm-card-back{transition:none;transform:none}}