.rm-card,
.rm-event-card {
min-width: 0;
overflow: hidden;
border: 1px solid rgba(255,255,255,.64);
border-radius: var(--zsm-rm-radius);
background: var(--zsm-rm-surface);
box-shadow: 0 8px 24px rgba(3,27,33,.075);
font-family: var(--zsm-rm-font);
transition: transform var(--zsm-rm-ui) ease, box-shadow var(--zsm-rm-ui) ease, border-color var(--zsm-rm-ui) ease;
}
.rm-card__media,
.rm-event-card__media { position: relative; display: block; overflow: hidden; background: var(--zsm-rm-soft); }
.rm-card__img,
.rm-card__placeholder,
.rm-event-card__img,
.rm-event-card__placeholder { display: block; width: 100%; height: 100%; }
.rm-card__img,
.rm-event-card__img { object-fit: cover; filter: brightness(.96) saturate(.92); transform: scale(1); transition: filter var(--zsm-rm-ui) ease, transform var(--zsm-rm-expressive) ease; }
.rm-card:hover .rm-card__img,
.rm-card:focus-within .rm-card__img,
.rm-event-card:hover .rm-event-card__img,
.rm-event-card:focus-within .rm-event-card__img { filter: brightness(1) saturate(1); transform: scale(1.025); }
.rm-card__placeholder,
.rm-event-card__placeholder { background: linear-gradient(135deg,#edf2f2,#dbe4e5); }
.rm-card__media { aspect-ratio: 16 / 10; }
.rm-card__body { padding: 17px 18px 19px; }
.rm-card__meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px 9px;
margin-bottom: 9px;
color: #526169;
font-size: 12px;
font-weight: 760;
line-height: 1.35;
}
.rm-card__meta time { margin-left: auto; white-space: nowrap; }
.rm-card__category { display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;border:1px solid rgba(13,131,144,.16);background:#edf6f6;color:#21515a;font-size:10.5px;font-weight:880;letter-spacing:.045em;text-decoration:none;text-transform:uppercase; }
.rm-card__category:hover { color: var(--zsm-rm-accent-strong); text-decoration: underline; text-underline-offset: 2px; }
.rm-badge {
display: inline-flex;
align-items: center;
min-height: 23px;
padding: 0 8px;
border-radius: 999px;
background: #dff1f3;
color: #075763;
font-size: 11px;
font-weight: 880;
line-height: 1;
letter-spacing: .025em;
text-transform: uppercase;
}
.rm-badge--komunikat { background: #ffebec; color: #a11620; }
.rm-badge--artykul { background: #eee8f8; color: #5b4380; }
.rm-badge--news { background: #e8f2fb; color: #245f8d; }
.rm-card__title {
margin: 0;
color: var(--zsm-rm-text);
font-size: 19.5px;
font-weight: 850;
line-height: 1.2;
letter-spacing: -.024em;
overflow-wrap: anywhere;
}
.rm-card__title a { color: inherit; text-decoration: none; }
.rm-card__title a:hover { color: var(--zsm-rm-accent-strong); }
.rm-card__excerpt { display:-webkit-box;margin:10px 0 0;color:#536168;font-size:14.5px;line-height:1.56;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.rm-card--hero { position: relative; border-radius: var(--zsm-rm-radius-lg); box-shadow: var(--zsm-rm-shadow-lg); }
.rm-card--hero .rm-card__media { aspect-ratio: 16 / 9; }
.rm-card--hero .rm-card__media::after { content: ""; position: absolute; inset: auto 0 0; height: 32%; pointer-events: none; background: linear-gradient(180deg,transparent,rgba(6,28,33,.14)); }
.rm-card--hero .rm-card__title { font-size: clamp(1.75rem,3vw,2.55rem); line-height: 1.07; }
.rm-card--hero .rm-card__body { padding: clamp(20px,2.4vw,30px); }
.rm-card--standard:hover,
.rm-card--standard:focus-within,
.rm-event-card:hover,
.rm-event-card:focus-within { transform: translateY(-3px); box-shadow: 0 22px 48px rgba(4,30,36,.15); border-color: rgba(126,220,226,.55); }
.rm-card--compact {
display: grid;
grid-template-columns: 86px minmax(0,1fr);
align-items: center;
gap: 12px;
padding: 10px 0;
border: 0;
border-bottom: 1px solid var(--zsm-rm-line);
border-radius: 0;
background: transparent;
box-shadow: none;
}
.rm-card--compact:last-child { border-bottom: 0; }
.rm-card--compact .rm-card__media { width: 86px; aspect-ratio: 1 / 1; border-radius: 13px; }
.rm-card--compact .rm-card__body { padding: 0; }
.rm-card--compact .rm-card__meta { margin-bottom: 5px; font-size: 11.5px; gap: 5px 7px; }
.rm-card--compact .rm-card__meta time { margin-left: 0; }
.rm-card--compact .rm-card__title { font-size: 14.5px; line-height: 1.27; }
.rm-card--compact .rm-badge { min-height: 20px; padding-inline: 6px; font-size: 11px; }
.rm-event-card { position: relative; }
.rm-event-card__media { aspect-ratio: 16 / 10; }
.rm-event-card__body { padding: 18px 18px 20px; }
.rm-event-card__title { margin: 0 0 12px; font-size: 20px; line-height: 1.17; letter-spacing: -.026em; }
.rm-event-card__title a { color: var(--zsm-rm-text); text-decoration: none; }
.rm-event-card__title a:hover { color: var(--zsm-rm-accent-strong); }
.rm-event-card__date { margin: 0 0 12px; color: #46575e; font-size: 13px; font-weight: 780; }
.rm-event-card__more { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; color: var(--zsm-rm-accent-strong); font-size: 13px; font-weight: 820; text-decoration: none; }
.rm-event-card__more span { transition: transform var(--zsm-rm-fast) ease; }
.rm-event-card__more:hover span { transform: translateX(3px); }
.rm-event-card__stamp {
position: absolute;
z-index: 2;
left: 12px;
bottom: 12px;
display: grid;
place-items: center;
min-width: 62px;
padding: 8px 10px;
border: 1px solid rgba(255,255,255,.38);
border-radius: 13px;
background: rgba(4,51,59,.84);
color: #fff;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.rm-event-card__stamp strong { font-size: 22px; line-height: 1; }
.rm-event-card__stamp span { margin-top: 3px; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.rm-card--standard,
.rm-event-card { position: relative; }
.rm-card--standard::after,
.rm-event-card::after {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 2px;
background: transparent;
transition: background-color var(--zsm-rm-fast) ease;
pointer-events: none;
}
.rm-card:focus-within,
.rm-event-card:focus-within { border-color: rgba(13,131,144,.42); }
@media (hover:hover) and (pointer:fine) {
.rm-card--standard:hover::after,
.rm-event-card:hover::after,
.rm-card--standard:focus-within::after,
.rm-event-card:focus-within::after { background: var(--zsm-rm-red); }
}
@media (max-width: 720px) {
body.zsm-rm .rm-card { color:#1d2b31; }
body.zsm-rm .rm-card__title,
body.zsm-rm .rm-card__title a { color:#17272e; }
body.zsm-rm .rm-card__excerpt { color:#4f5f67; }
body.zsm-rm .rm-card__meta { color:#506069; }
body.zsm-rm .rm-card__category { color:#43545d; }
.rm-card__body { padding: 15px 15px 17px; }
.rm-card__title { font-size: 17px; }
.rm-card__excerpt { font-size: 13.8px; }
.rm-card--compact { grid-template-columns: 82px minmax(0,1fr); gap: 11px; }
.rm-card--compact .rm-card__media { width: 82px; }
.rm-card--compact .rm-card__title { font-size: 14.5px; }
body.zsm-rm .rm-card--compact .rm-card__meta {
display:grid;
grid-template-columns:auto minmax(0,1fr);
align-items:center;
gap:5px 7px;
}
body.zsm-rm .rm-card--compact .rm-card__meta time { grid-column:1/-1; margin-left:0; }
}
@media (prefers-reduced-motion: reduce) {
.rm-card,
.rm-event-card,
.rm-card__img,
.rm-event-card__img,
.rm-event-card__more span { transition: none; }
.rm-card:hover,
.rm-card:focus-within,
.rm-event-card:hover,
.rm-event-card:focus-within,
.rm-card:hover .rm-card__img,
.rm-card:focus-within .rm-card__img,
.rm-event-card:hover .rm-event-card__img,
.rm-event-card:focus-within .rm-event-card__img { transform: none; }
} .rm-card { position:relative; isolation:isolate; cursor:pointer; }
.rm-card__body { position:relative; z-index:1; border-top:1px solid rgba(24,63,72,.10); }
.rm-card__meta { padding-bottom:8px; border-bottom:1px solid rgba(24,63,72,.10); }
.rm-badge { position:relative; z-index:4; text-decoration:none; }
.rm-badge:hover,
.rm-badge:focus-visible { color:#044d58; text-decoration:underline; text-underline-offset:3px; }
.rm-card__category { position:relative; z-index:4; }
.rm-card__more {
position:static;
z-index:auto;
display:inline-flex;
align-items:center;
gap:7px;
width:max-content;
min-height:31px;
margin-top:12px;
color:var(--zsm-rm-accent-strong);
font-size:12px;
font-weight:860;
line-height:1;
letter-spacing:.01em;
text-decoration:none;
}
.rm-card__more::after { content:""; position:absolute; z-index:2; inset:0; }
.rm-card__more:focus-visible::after { outline:3px solid #7edce2; outline-offset:2px; border-radius:var(--zsm-rm-radius); }
.rm-card__more > span { position:relative; z-index:3; }
.rm-card__more > span:last-child { transition:transform var(--zsm-rm-fast) ease; }
.rm-card:hover .rm-card__more > span:last-child,
.rm-card:focus-within .rm-card__more > span:last-child { transform:translateX(3px); } .rm-card__media,
.rm-card__title a { position:relative; z-index:1; }
.rm-card__meta a { position:relative; z-index:5; cursor:pointer; }
.rm-card--compact { gap:11px; }
.rm-card--compact .rm-card__body {
display:grid;
align-content:center;
min-height:100%;
padding-left:11px;
border-top:0;
border-left:1px solid rgba(24,63,72,.11);
}
.rm-card--compact .rm-card__meta { margin-bottom:6px; padding-bottom:6px; }
.rm-card--compact .rm-card__title {
display:-webkit-box;
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.rm-card--compact .rm-card__more { min-height:24px; margin-top:5px; font-size:11px; }
@media (max-width:720px) {
.rm-card__more { min-height:34px; margin-top:9px; font-size:12px; }
.rm-card--compact .rm-card__more { min-height:28px; margin-top:4px; }
}
@media (prefers-reduced-motion:reduce) {
.rm-card__more > span:last-child { transition:none; }
}