﻿/* ====================================================================
   PartnerService – страница «Контакты»
   ==================================================================== */

body {
    background: linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,0)), url("../img/wirtgen/banner.jpg") center/cover no-repeat fixed !important;
}

.contacts-hero,
.contacts-main,
.contacts-form {
    padding: 4.5rem 0;
    background: transparent !important;
}

.contacts-hero__title {
    font-size: clamp(2rem,5vw,2.75rem);
}

.contacts-hero__subtitle {
    font-size: 1.125rem;
}

.contact-card {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: rgba(255,255,255,.55);
    backdrop-filter: saturate(180%) blur(6px);
    border-radius: 1rem;
    box-shadow: 0 2px 4px rgb(0 0 0 /.05);
    transition: box-shadow .25s,transform .25s;
}

    .contact-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgb(0 0 0 /.10);
    }

    .contact-card .icon {
        font-size: 1.75rem;
        flex-shrink: 0;
        color: var(--color-primary-600);
    }

.contact-card__title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .25rem;
}

.contacts-map {
    height: 100%;
    min-height: 450px;
}

.contacts-form-card {
    background: rgba(255,255,255,.75);
    backdrop-filter: saturate(180%) blur(6px);
    border-radius: 1rem;
    padding: 2rem 2.5rem;
    box-shadow: 0 2px 4px rgb(0 0 0 /.05);
}

    .contacts-form-card h2 {
        display: inline-block;
        position: relative;
        padding: .5rem 1.25rem;
        margin-bottom: 1.5rem;
        font-size: clamp(1.5rem,4vw,2rem);
    }

        .contacts-form-card h2::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(255,255,255,.85);
            border-radius: .75rem;
            z-index: -1;
        }

#contacts-feedback .form-control {
    border-radius: .75rem;
}

@media(max-width:991.98px) {
    .contacts-hero, .contacts-main, .contacts-form {
        padding: 3rem 0;
    }
}
