/* ==========================================================================
   COMPONENT — Phone CTA (call us, low-friction fallback to forms)
   ========================================================================== */
.phone-cta {
    padding: var(--h-space-9) var(--h-space-7);
    background: #f8fafc;
    border-radius: 20px;
    text-align: center;
    margin-bottom: clamp(var(--h-space-9), 7vw, var(--h-space-12));
}

.phone-cta-inner {
    max-width: 560px;
    margin: 0 auto;
}

.phone-cta-title {
    font-family: var(--h-font-display);
    font-size: clamp(1.6rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--h-navy);
    letter-spacing: -.02em;
    margin: 0 0 var(--h-space-3);
}

.phone-cta-text {
    font-size: 1rem;
    color: var(--h-text-muted);
    line-height: 1.65;
    margin: 0 0 var(--h-space-6);
}

.phone-cta-link {
    display: inline-flex;
    align-items: center;
    gap: var(--h-space-3);
    font-family: var(--h-font-display);
    font-weight: 700;
    font-size: 2rem;
    color: var(--h-navy);
    text-decoration: none;
    padding: var(--h-space-3) var(--h-space-7);
    background: var(--h-white);
    border: 1px solid var(--h-border-color-light);
    border-radius: 999px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.phone-cta-link:hover {
    border-color: var(--h-blue);
    box-shadow: 0 12px 28px -12px rgba(26, 118, 209, .2);
    color: var(--h-navy);
    text-decoration: none;
}

.phone-cta-link ion-icon {
    font-size: 1.6rem;
    color: var(--h-blue);
}

.phone-cta-hours {
    margin-top: var(--h-space-4);
    font-size: .85rem;
    color: var(--h-text-muted);
}