/* ==========================================
   KONTAKT + MAPA
========================================== */

.contact-map{

    padding:60px 0;

}

.contact-grid{

    display:grid;

    grid-template-columns:340px 1fr;

    gap:30px;

    align-items:stretch;

}

.contact-card{

    background:var(--white);

    border-radius:var(--radius);

    box-shadow:var(--shadow);

    padding:30px;

}
.contact-header{

    text-align:center;

    margin-bottom:25px;

}

.contact-coat{

    width:80px;

    margin:0 auto 15px;

}

.contact-header h2{

    font-size:1.6rem;

    color:var(--primary);

    margin-bottom:5px;

}

.contact-header p{

    color:#666;

    font-size:.95rem;

}

.contact-list{

    list-style:none;

    margin:25px 0;

}

.contact-list li{

    margin-bottom:22px;

    line-height:1.7;

}

.contact-card .btn{

    display:block;

    text-align:center;

}
/* ==========================================
   IKONY
========================================== */

.contact-list strong{

    display:flex;

    align-items:center;

    gap:10px;

    color:var(--primary);

    margin-bottom:6px;

    font-weight:600;

}

.contact-list i{

    font-size:1.1rem;

    color:var(--secondary);

    width:20px;

    text-align:center;

}