/* Usługi — karty. W motywie Fast-Graphic wygląd bazowy daje .sv z motywu; tu kolory, status i wersja dla innych motywów. */
.us { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.us article { --c: #2563eb; position: relative; background: color-mix(in srgb, var(--c) 8%, #fff); border: 1px solid color-mix(in srgb, var(--c) 25%, #fff);
  border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 10px; min-height: 230px; }
.us .ic { width: 48px; height: 48px; border-radius: 14px; background: var(--c); color: #fff; display: grid; place-items: center; margin-bottom: 6px; }
.us h3 { font-size: 22px; line-height: 1.15; letter-spacing: -.02em; margin: 0; }
.us p { margin: 0; color: var(--muted, #5b6676); }
.us small { margin-top: auto; color: var(--c); font-weight: 600; filter: brightness(.8); }
.us .ord { font-weight: 700; color: var(--c); text-decoration: none; filter: brightness(.8); }
.us .ord:hover { text-decoration: underline; }
.us-c-blue { --c: #2563eb; } .us-c-purple { --c: #7c3aed; } .us-c-pink { --c: #ec4899; } .us-c-orange { --c: #f59e0b; } .us-c-teal { --c: #14b8a6; }
.us-c-red { --c: #ef4444; } .us-c-sky { --c: #0ea5e9; } .us-c-green { --c: #16a34a; } .us-c-dark { --c: #334155; } .us-c-custom { --c: var(--us-c, #2563eb); }
.us article.us-c-blue { --c: #2563eb; } .us article.us-c-purple { --c: #7c3aed; } .us article.us-c-pink { --c: #ec4899; } .us article.us-c-orange { --c: #f59e0b; }
.us article.us-c-teal { --c: #14b8a6; } .us article.us-c-red { --c: #ef4444; } .us article.us-c-sky { --c: #0ea5e9; } .us article.us-c-green { --c: #16a34a; }
.us article.us-c-dark { --c: #334155; } .us article.us-c-custom { --c: var(--us-c, #2563eb); }
/* Chwilowo niedostępna */
.us article.us-paused { filter: grayscale(.85); opacity: .72; }
.us article.us-paused:hover { transform: none; box-shadow: none; }
.us-badge { position: absolute; top: 18px; right: 18px; background: #fff; color: #334155; border: 1px solid #cbd5e1; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 99px; }
