/* Lumen — Serwisy: blok kafelków z logami serwisów. Bordo + złoto. */

.lumen-serwisy{--wine:#7a2532;--wine-d:#5a1620;--gold:#c9a227;--cream:#f7f3ec;--line:#e8ddd2;
  max-width:1100px;margin:0 auto;font-family:inherit}
.lumen-serwisy__title{font-family:Georgia,serif;color:var(--wine-d);text-align:center;margin:0 0 18px}
.lumen-serwisy__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}

.serwis-karta{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 16px;
  transition:transform .2s,box-shadow .2s,border-color .2s;color:var(--wine-d)}
.serwis-karta:hover{transform:translateY(-4px);border-color:var(--gold);
  box-shadow:0 18px 36px -22px rgba(90,22,32,.5)}

.serwis-karta__logo{display:flex;align-items:center;justify-content:center;width:100%;height:64px}
.serwis-karta__logo img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain}
.serwis-karta__ph{display:flex;align-items:center;justify-content:center;width:64px;height:64px;
  border-radius:50%;background:linear-gradient(140deg,var(--wine),var(--wine-d));color:#f0d98a;
  font-family:Georgia,serif;font-weight:700;font-size:1.4rem;text-transform:uppercase}
.serwis-karta__ph::first-letter{font-size:1.6rem}

.serwis-karta__name{font-weight:700;font-size:1rem;color:var(--wine-d);text-align:center}
.serwis-karta__go{font-size:.82rem;font-weight:600;color:var(--gold);letter-spacing:.02em}
.serwis-karta:hover .serwis-karta__go{color:var(--wine)}

@media (max-width:520px){
  .lumen-serwisy__grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
  .serwis-karta{padding:16px 10px}
}