.phc-contact-page {

    padding:
        40px 16px 80px;

}

.phc-contact-hero {

    background: #FFFFFF;

    border:
        1px solid #DCE3EA;

    border-radius: 24px;

    padding: 40px 24px;

    text-align: center;

    margin-bottom: 28px;

}

.phc-contact-hero h1 {

    font-size: 34px;

    font-weight: 700;

    color: #0F172A;

    margin-bottom: 14px;

}

.phc-contact-hero p {

    font-size: 16px;

    color: #64748B;

    margin-bottom: 28px;

}

.phc-contact-hero-actions {

    display: flex;

    gap: 14px;

    justify-content: center;

    flex-wrap: wrap;

}

.phc-contact-primary-btn,
.phc-contact-secondary-btn {

    padding:
        14px 22px;

    border-radius: 14px;

    text-decoration: none;

    font-weight: 600;

    transition: 0.2s ease;

}

.phc-contact-primary-btn {

    background: #0CA678;

    color: #FFFFFF;

}

.phc-contact-secondary-btn {

    background: #FFFFFF;

    border:
        1px solid #DCE3EA;

    color: #0F172A;

}

.phc-contact-grid {

    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(240px, 1fr));

    gap: 18px;

    margin-bottom: 28px;

}

.phc-contact-card {

    background: #FFFFFF;

    border:
        1px solid #DCE3EA;

    border-radius: 20px;

    padding: 24px;

    text-decoration: none;

    transition: 0.2s ease;

}

.phc-contact-card:hover {

    transform:
        translateY(-2px);

}

.phc-contact-card-icon {

    font-size: 28px;

    margin-bottom: 14px;

}

.phc-contact-card-title {

    font-size: 18px;

    font-weight: 700;

    color: #0F172A;

    margin-bottom: 8px;

}

.phc-contact-card-value {

    font-size: 15px;

    color: #64748B;

    word-break: break-word;

}

.phc-contact-map-card {

    background: #FFFFFF;

    border:
        1px solid #DCE3EA;

    border-radius: 24px;

    padding: 32px 24px;

    text-align: center;

    margin-bottom: 28px;

}

.phc-contact-map-card h2 {

    font-size: 26px;

    margin-bottom: 12px;

    color: #0F172A;

}

.phc-contact-map-card p {

    color: #64748B;

    margin-bottom: 24px;

}

.phc-contact-map-btn {

    display: inline-block;

    background: #0CA678;

    color: #FFFFFF;

    padding:
        14px 22px;

    border-radius: 14px;

    text-decoration: none;

    font-weight: 600;

}

.phc-contact-trust {

    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(220px, 1fr));

    gap: 16px;

}

.phc-contact-trust-item {

    background: #FFFFFF;

    border:
        1px solid #DCE3EA;

    border-radius: 18px;

    padding: 20px;

    font-weight: 600;

    color: #0F172A;

}

@media (max-width: 768px) {

    .phc-contact-hero h1 {

        font-size: 28px;

    }

}