/* =========================================
   CONTACT MODULE - Centered Contact Blocks
   ========================================= */

.ks-block-contact {
    background-color: var(--ks-color-white);
    padding: var(--ks-spacing-lg) var(--ks-spacing-sm);
}

/* Container - Centered with reduced max-width */
.ks-block-contact__container {
    max-width: 800px;
    /* Smaller than teaser's 1200px */
    margin: 0 auto;
    text-align: center;
}

/* Content */
.ks-block-contact__content {
    border-left: 4px solid #61D7DD;
    padding-left: var(--ks-spacing-md);
    padding-right: var(--ks-spacing-md);
}

.ks-block-contact__content h2 {
    font-size: var(--ks-font-size-h2);
    margin-bottom: var(--ks-spacing-sm);
    color: var(--ks-color-text-primary);
}

.ks-block-contact__content p,
.ks-block-contact__content div {
    line-height: var(--ks-line-height-relaxed);
    color: var(--ks-color-text-secondary);
    margin-bottom: var(--ks-spacing-sm);
}

/* Button */
.ks-block-contact__button {
    display: inline-block;
    margin-top: var(--ks-spacing-sm);
    padding: 12px 30px;
    background-color: var(--ks-color-accent);
    color: var(--ks-color-black);
    text-decoration: none;
    border-radius: var(--ks-border-radius-md);
    font-weight: var(--ks-font-weight-bold);
    transition: transform var(--ks-transition-fast), background-color var(--ks-transition-fast);
}

.ks-block-contact__button:hover {
    background-color: var(--ks-color-accent-hover);
    color: var(--ks-color-white);
    transform: translateY(-3px);
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 768px) {
    .ks-block-contact__container {
        max-width: 100%;
        padding: 0 var(--ks-spacing-sm);
    }
}