/* ============================================
   KAFLE – wersja 1:1 z PDF (poprawiona)
   ============================================ */

/* KAFEL PODSTAWOWY */
.kontakt-page-tile {
    border-radius: 12px;
    padding: 16px 18px;
    min-height: 120px;
    text-align: left;
    text-decoration: none;
    box-shadow: 0 6px 14px rgba(0,0,0,0.10);
    transition: transform .18s ease, box-shadow .18s ease;
}

/* KOLORY */
.kontakt-page-blue {
    background: #0086CE;
    color: #ffffff;
}

.kontakt-page-red {
    background: #E53935;
    color: #ffffff;
}

.kontakt-page-white {
    background: #ffffff;
    border: 2px solid #0086CE;
    color: #0086CE;
}

/* IKONY – jak w PDF */
.kontakt-page-icon img {
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
}

/* TEKSTY – jak w PDF */
.kontakt-page-label {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.kontakt-page-number {
    font-size: 18px;
    font-weight: 700;
    margin-top: 4px;
}

/* HOVER – subtelny jak w PDF */
.kontakt-page-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.14);
}

/* ODSTĘPY MIĘDZY KAFELKAMI */
.kontakt-page-wrapper .col-md-4 {
    margin-bottom: 22px;
}

/* RESPONSYWNOŚĆ */
@media (max-width: 768px) {
    .kontakt-page-tile {
        min-height: 110px;
        padding: 14px 16px;
    }

    .kontakt-page-icon img {
        width: 28px;
        height: 28px;
    }

    .kontakt-page-number {
        font-size: 17px;
    }
}