/* Start:/local/templates/eco_26/css/contacts.css?17748884523062*/
/**
 * =============================================================================
 * CONTACTS PAGE
 * =============================================================================
 * Styles for the contact information page, including map, info grid, and form.
 * 
 * SECTIONS:
 * 1. Main Card & Header
 * 2. Info Grid (Address, Phone, Email)
 * 3. Map & Form Section
 * =============================================================================
 */

/* ========================================= */
/* 1. MAIN CARD & HEADER                     */
/* ========================================= */

.contacts-card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin-bottom: 30px;
}

.contacts-header {
    padding: 3rem 2rem 2rem 2rem;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.contacts-header h1 {
    font-family: var(--font-family-base);
    color: var(--color-primary);
    font-size: 2.5rem; margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.contacts-header .lead {
    font-family: var(--font-family-secondary);
    color: #666; font-size: 1.1rem;
    max-width: 600px; margin: 0 auto 1.5rem auto;
}


/* ========================================= */
/* 2. INFO GRID                              */
/* ========================================= */

.contacts-info-grid { padding: 3rem 2rem; }

.contact-item { margin-bottom: 2rem; }

.contact-label {
    font-family: var(--font-family-secondary);
    font-size: 0.85rem; text-transform: uppercase;
    color: #999; letter-spacing: 0.05em;
    margin-bottom: 0.5rem; font-weight: 700;
}

.contact-value {
    font-family: var(--font-family-base);
    font-size: 1.3rem; color: var(--color-primary);
    line-height: 1.4;
}

.contact-value a {
    color: var(--color-primary); text-decoration: none;
    border-bottom: 1px solid transparent; transition: border-color 0.3s;
}

.contact-value a:hover {
    border-color: var(--color-secondary);
    color: var(--color-primary-hover);
}

.contact-sub {
    font-size: 0.95rem; color: #666; margin-top: 0.25rem;
}


/* ========================================= */
/* 3. MAP & FORM SECTION                     */
/* ========================================= */

.contacts-map-wrapper {
    height: 100%; min-height: 400px;
    background-color: #f0f0f0;
    position: relative; border-radius: 4px; overflow: hidden;
}

.contacts-bottom-row {
    background-color: #f9f9f9;
    border-top: 1px solid rgba(0,0,0,0.05);
}

.contacts-image-col {
    background-image: url('/local/images/contact.jpg');
    background-size: cover; background-position: center;
    min-height: 400px;
}

.contacts-form-col { padding: 3rem 2rem; }

.contacts-form-col h3 {
    font-family: var(--font-family-base);
    color: var(--color-primary); margin-bottom: 1.5rem;
}

@media (max-width: 991px) {
    .contacts-header h1 { font-size: 2rem; }
    .contacts-map-wrapper { min-height: 300px; margin-top: 2rem; }
    .contacts-image-col { min-height: 250px; }
}
/* End */
/* /local/templates/eco_26/css/contacts.css?17748884523062 */