.rm-card,
.rm-event-card {
position: relative;
min-width: 0;
overflow: hidden;
border: 1px solid rgba(255,255,255,.76);
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);
color: var(--zsm-rm-text);
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;
isolation: isolate;
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 {
position: relative;
z-index: 1;
object-fit: cover;
object-position: center;
filter: none;
}
.rm-card__placeholder,
.rm-event-card__placeholder { background: linear-gradient(135deg,#edf2f2,#dbe4e5); }
.rm-card__media { aspect-ratio: 16 / 10; }
.rm-card__body {
position: relative;
z-index: 1;
min-width: 0;
padding: 17px 18px 19px;
border-top: 3px solid rgba(13,131,144,.16);
}
.rm-card__meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px 9px;
margin-bottom: 9px;
padding-bottom: 9px;
border-bottom: 1px solid rgba(24,63,72,.10);
color: #4a5d64;
font-size: 12px;
font-weight: 760;
line-height: 1.35;
}
.rm-card__meta time { margin-left: auto; white-space: nowrap; color: #52656c; }
.rm-card__category {
position: relative;
z-index: 5;
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 0 7px;
border: 1px solid #dbe8e7;
border-radius: 999px;
background: #f4f8f7;
color: #28535b;
-webkit-text-fill-color: currentColor;
font-size:11px;
font-weight: 880;
letter-spacing: .045em;
text-decoration: none;
text-transform: uppercase;
}
.rm-badge {
position: relative;
z-index: 5;
display: inline-flex;
align-items: center;
min-height: 23px;
padding: 0 8px;
border-radius: 999px;
background: #dff1f3;
color: #075763;
-webkit-text-fill-color: currentColor;
font-size: 11px;
font-weight: 880;
line-height: 1;
letter-spacing: .025em;
text-decoration: none;
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 {
position: relative;
z-index: 1;
color: inherit;
-webkit-text-fill-color: currentColor;
text-decoration: none;
}
.rm-card__excerpt {
display: -webkit-box;
margin: 10px 0 0;
overflow: hidden;
color: #4f6168;
font-size: 14.5px;
line-height: 1.56;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.rm-card__more,
.rm-event-card__more {
position: relative;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 7px;
width: max-content;
min-height: 34px;
margin-top: 12px;
padding: 0 10px;
border: 1px solid rgba(13,131,144,.18);
border-radius: 999px;
background: #f2f8f8;
color: #086c79;
-webkit-text-fill-color: currentColor;
font-size: 12px;
font-weight: 860;
line-height: 1;
letter-spacing: .01em;
text-decoration: none;
transition: border-color var(--zsm-rm-fast) ease, background-color var(--zsm-rm-fast) ease, color var(--zsm-rm-fast) ease;
}
.rm-card__more > span { position: relative; z-index: 3; }
.rm-card__more > span:last-child { transition: transform var(--zsm-rm-fast) ease; } .rm-card--hero {
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;
z-index: 3;
inset: auto 0 0;
height: 24%;
pointer-events: none;
background: linear-gradient(180deg,transparent,rgba(6,28,33,.12));
}
.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--media-portrait .rm-card__media,
.rm-card--media-square .rm-card__media,
.rm-card--media-wide .rm-card__media {
background: linear-gradient(135deg,#edf2f1,#dde8e6);
}
.rm-card--hero.rm-card--media-portrait .rm-card__img,
.rm-card--hero.rm-card--media-square .rm-card__img,
.rm-card--hero.rm-card--media-wide .rm-card__img,
.rm-card--standard.rm-card--media-portrait .rm-card__img,
.rm-card--standard.rm-card--media-square .rm-card__img,
.rm-card--standard.rm-card--media-wide .rm-card__img {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
padding: clamp(8px,1.25vw,16px);
object-fit: contain;
object-position: center;
filter: none;
transform: none;
box-sizing: border-box;
} .rm-card--compact {
display: grid;
grid-template-columns: 86px minmax(0,1fr);
align-items: center;
gap: 11px;
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 {
display: grid;
align-content: center;
min-height: 100%;
padding: 0 0 0 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;
gap: 5px 7px;
font-size: 11px;
}
.rm-card--compact .rm-card__meta time { margin-left: 0; }
.rm-card--compact .rm-card__title {
display: -webkit-box;
overflow: hidden;
font-size: 14.5px;
line-height: 1.27;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.rm-card--compact .rm-badge { min-height: 20px; padding-inline: 6px; font-size:11px; }
.rm-card--compact .rm-card__more { min-height: 27px; margin-top: 7px; padding: 0 8px; font-size:11px; }
.rm-card--compact.rm-card--media-portrait .rm-card__img,
.rm-card--compact.rm-card--media-square .rm-card__img,
.rm-card--compact.rm-card--media-wide .rm-card__img {
width: 100%;
height: 100%;
padding: 5px;
object-fit: contain;
border-radius: 8px;
box-shadow: none;
filter: none;
transform: none;
box-sizing: border-box;
} .rm-event-card__media { aspect-ratio: 16 / 10; }
.rm-event-card--media-portrait .rm-event-card__media,
.rm-event-card--media-square .rm-event-card__media,
.rm-event-card--media-wide .rm-event-card__media {
background: linear-gradient(135deg,#edf2f1,#dde8e6);
}
.rm-event-card--media-portrait .rm-event-card__img,
.rm-event-card--media-square .rm-event-card__img,
.rm-event-card--media-wide .rm-event-card__img {
width: 100%;
height: 100%;
padding: clamp(8px,1.25vw,14px);
object-fit: contain;
object-position: center;
filter: none;
transform: none;
box-sizing: border-box;
}
.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); -webkit-text-fill-color: currentColor; text-decoration: none; }
.rm-event-card__date { margin: 0 0 12px; color: #46575e; font-size: 13px; font-weight: 780; }
.rm-event-card__more { margin-top: 0; font-size: 13px; font-weight: 820; }
.rm-event-card__more span { transition: transform var(--zsm-rm-fast) ease; }
.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; } @media (hover:hover) and (pointer:fine) {
.rm-card--standard:hover,
.rm-card--standard:focus-within,
.rm-event-card:hover,
.rm-event-card:focus-within {
transform: none;
border-color: rgba(126,220,226,.48);
box-shadow: 0 14px 34px rgba(4,30,36,.11);
}
.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: none;
transform: none;
}
.rm-card--media-portrait:hover .rm-card__img,
.rm-card--media-square:hover .rm-card__img,
.rm-card--compact:hover .rm-card__img,
.rm-card--compact:focus-within .rm-card__img { transform: none; }
.rm-card__title a:hover,
.rm-card__title a:focus-visible,
.rm-event-card__title a:hover,
.rm-event-card__title a:focus-visible { color: var(--zsm-rm-accent-strong); }
.rm-card__category:hover,
.rm-card__category:focus-visible {
border-color: rgba(184,135,23,.38);
background: #fff9e8;
color: #644a0e;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.rm-badge:hover,
.rm-badge:focus-visible { color: #044d58; text-decoration: underline; text-underline-offset: 3px; }
.rm-card__more:hover,
.rm-card__more:focus-visible,
.rm-event-card__more:hover,
.rm-event-card__more:focus-visible {
border-color: rgba(13,131,144,.32);
background: #eaf6f6;
color: #075f69;
}
.rm-card__more:hover > span:last-child,
.rm-card__more:focus-visible > span:last-child,
.rm-event-card__more:hover span,
.rm-event-card__more:focus-visible span { transform: none; }
}
.rm-card:focus-within,
.rm-event-card:focus-within { border-color: rgba(13,131,144,.42); }
@media (max-width:720px) {
body.zsm-rm .rm-card,
body.zsm-rm .rm-card__title,
body.zsm-rm .rm-card__title a { color: #17272e; -webkit-text-fill-color: currentColor; }
body.zsm-rm .rm-card__excerpt { color: #465a62; }
body.zsm-rm .rm-card__meta { color: #455a62; }
body.zsm-rm .rm-card__category { color: #36515a; }
.rm-card__body { padding: 15px 15px 17px; }
.rm-card__title { font-size: 17px; }
.rm-card__excerpt { font-size: 13.8px; }
.rm-card__more,
.rm-event-card__more { min-height: 32px; padding-inline: 9px; }
.rm-card--compact { grid-template-columns: 82px minmax(0,1fr); gap: 10px; }
.rm-card--compact .rm-card__media { width: 82px; }
.rm-card--compact .rm-card__title { font-size: 14.25px; }
.rm-card--compact .rm-card__more { min-height: 27px; }
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-card__more,
.rm-event-card__more,
.rm-card__more > span:last-child,
.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; }
}