/*
 * AvidVinyl Build 063 — Contact Version 1.0
 * Visual polish only. Contact form and SMTP logic are unchanged.
 */

.info-page{
    padding-top:22px !important;
}

.info-page .breadcrumbs{
    margin-bottom:18px !important;
}

.info-page .info-hero{
    row-gap:14px !important;
    column-gap:28px !important;
    margin-top:0 !important;
    padding-top:10px !important;
    padding-bottom:18px !important;
}

.info-page .info-hero > .eyebrow{
    margin-bottom:2px !important;
}

.info-page .info-hero h1{
    margin-top:0 !important;
    margin-bottom:8px !important;
}

.info-page .info-hero > p:last-child{
    max-width:540px !important;
    font-size:1rem !important;
    line-height:1.65 !important;
    color:#4b4742 !important;
}

.contact-layout{
    align-items:stretch !important;
    gap:24px !important;
}

.contact-card,
.contact-aside{
    height:100% !important;
    box-sizing:border-box;
}

.contact-card{
    padding:26px 28px !important;
}

.contact-card h2{
    margin-bottom:18px !important;
}

.contact-form{
    gap:16px !important;
}

.contact-form label span{
    margin-bottom:7px !important;
}

.contact-form input{
    min-height:48px !important;
    padding:11px 13px !important;
}

.contact-form textarea{
    min-height:180px !important;
    padding:12px 13px !important;
    line-height:1.55 !important;
}

.contact-form button{
    min-height:46px !important;
    padding:0 20px !important;
    font-weight:800 !important;
    transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.contact-form button:hover,
.contact-form button:focus-visible{
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(0,0,0,.10);
}

.contact-aside{
    padding:26px 24px !important;
}

.contact-aside > div{
    padding:0 0 20px !important;
    margin:0 0 20px !important;
}

.contact-aside > div:last-child{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.contact-aside .eyebrow{
    font-size:.72rem !important;
    margin-bottom:8px !important;
}

.contact-aside p{
    line-height:1.62 !important;
}

.contact-aside a{
    font-weight:700 !important;
}

@media(max-width:900px){
    .info-page{
        padding-top:18px !important;
    }

    .info-page .info-hero{
        row-gap:12px !important;
        column-gap:20px !important;
    }

    .contact-card,
    .contact-aside{
        padding:22px 20px !important;
    }
}

@media(max-width:640px){
    .info-page .info-hero h1{
        font-size:clamp(3rem,12vw,3.25rem) !important;
        line-height:.98 !important;
        letter-spacing:-.025em !important;
    }

    .info-page{
        padding-top:14px !important;
    }

    .info-page .breadcrumbs{
        margin-bottom:14px !important;
    }

    .info-page .info-hero{
        padding-top:6px !important;
        padding-bottom:14px !important;
    }

    .info-page .info-hero > p:last-child{
        font-size:.95rem !important;
    }

    .contact-layout{
        gap:16px !important;
    }

    .contact-card,
    .contact-aside{
        padding:18px 16px !important;
    }

    .contact-form textarea{
        min-height:160px !important;
    }
}