.umdc{
  --uc-bg:#ffffff; --uc-card:#ffffff; --uc-text:#1b252f; --uc-dim:#6b7480;
  --uc-gold:#D1A219; --uc-line:#eceef1;
  background:var(--uc-bg); color:var(--uc-text);
  font-family:"Inter",system-ui,sans-serif;
  padding:clamp(34px,5vw,72px) clamp(16px,4vw,40px);
}
.umdc *{box-sizing:border-box}
.umdc__in{max-width:1120px; margin:0 auto}
.umdc__title{font-family:"Poppins",sans-serif; font-weight:800; text-align:center; font-size:clamp(26px,3.6vw,42px); margin:0 0 8px; color:var(--uc-text)}
.umdc__sub{text-align:center; color:var(--uc-dim); font-size:clamp(15px,1.5vw,18px); margin:0 0 40px}

/* cechy */
.umdc__feats{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding-bottom:34px; margin-bottom:38px; border-bottom:1px solid var(--uc-line)}
.umdc__feat{display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px}
.umdc__feat-ic{width:58px; height:58px; display:grid; place-items:center; border:1.5px solid var(--uc-gold); border-radius:14px; color:var(--uc-gold); background:color-mix(in srgb,var(--uc-gold) 7%, transparent)}
.umdc__feat-ic svg{width:30px; height:30px}
.umdc__feat-lb{font-weight:600; font-size:14px; line-height:1.35; max-width:150px}
@media(max-width:640px){.umdc__feats{grid-template-columns:1fr 1fr; gap:24px 12px}}

/* karty aut */
.umdc__grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px}
@media(min-width:1000px){.umdc__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.umdc__grid{grid-template-columns:1fr}}
.umdc__card{
  background:var(--uc-card); border:1px solid var(--uc-line); border-radius:16px;
  padding:18px 18px 20px; text-align:center; transition:transform .3s, box-shadow .3s, border-color .3s;
  display:flex; flex-direction:column;
}
.umdc__card:hover{transform:translateY(-5px); box-shadow:0 18px 44px rgba(27,37,47,.12); border-color:color-mix(in srgb,var(--uc-gold) 45%, var(--uc-line))}
.umdc__photo{aspect-ratio:16/10; display:grid; place-items:center; margin-bottom:14px; border-radius:10px; overflow:hidden; background:#f6f7f8}
.umdc__photo img{width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply}
.umdc__photo-ph{color:#c7ccd2}
.umdc__photo-ph svg{width:96px; height:auto}
.umdc__meta{margin-top:auto}
.umdc__name{display:block; font-family:"Poppins",sans-serif; font-weight:700; font-size:16px; color:var(--uc-text)}
.umdc__year{color:var(--uc-dim); font-weight:500; font-size:13px}
.umdc__price{display:block; margin-top:8px; font-family:"Poppins",sans-serif; font-weight:800; font-size:26px; color:var(--uc-gold); line-height:1}
.umdc__price small{font-size:14px; font-weight:600}

/* dark-mode friendliness: gdyby wstawić na ciemnym tle, ustaw --uc-bg w Elementorze */