/*
==========================================================================

 PROJECT     : SIGNATURE SPREADS AND TREATS BY DI
 VERSION     : 1.0.0
 AUTHOR      : JB

===========================================================================
*/

@media (max-width: 1199.98px) {

    .contact-page .contact-intro-layout,
    .contact-page .contact-form-layout {
        gap: clamp(3rem, 5vw, 5rem);
    }

    .contact-page .contact-social-link {
        grid-template-columns: 40px minmax(0, 1fr);
        align-items: start;
    }

    .contact-page .contact-social-arrow {
        display: none;
    }
}


@media (max-width: 991.98px) {

    .contact-page .site-hero-media img {
        object-position: 70% center;
    }

    .contact-page .contact-intro-layout,
    .contact-page .contact-form-layout {
        grid-template-columns: 1fr;
        max-width: 760px;
    }

    .contact-page .contact-intro-heading,
    .contact-page .contact-form-intro {
        max-width: 680px;
    }

    .contact-page .contact-form-intro {
        position: static;
    }

    .contact-page .contact-social-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 820px;
    }

    .contact-page .contact-social-link:nth-child(2) {
        border-right: 0;
    }

    .contact-page .contact-social-link:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(220, 201, 170, 0.78);
    }
}


@media (max-width: 575.98px) {

    .contact-page .site-hero-media img {
        object-position: 72% center;
    }

    .contact-page .contact-intro,
    .contact-page .contact-form-section,
    .contact-page .contact-social {
        padding: var(--space-4xl) 0;
    }

    .contact-page .contact-intro-heading h2,
    .contact-page .contact-form-intro h2,
    .contact-page .contact-social-header h2 {
        font-size: clamp(2.7rem, 12vw, 3.9rem);
    }

    .contact-page .contact-method {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: var(--space-md);
    }

    .contact-page .contact-method-icon {
        width: 46px;
        height: 46px;
    }

    .contact-page .contact-form-card {
        padding: var(--space-xl) var(--space-lg);
        border-radius: var(--radius-lg);
    }

    .contact-page .contact-form-grid {
        grid-template-columns: 1fr;
    }

    .contact-page .contact-field-full,
    .contact-page .contact-custom-order-guidance {
        grid-column: auto;
    }

    .contact-page .contact-message-meta {
        display: block;
    }

    .contact-page .contact-character-count {
        text-align: right;
    }

    .contact-page .contact-social-grid {
        grid-template-columns: 1fr;
        max-width: 560px;
    }

    .contact-page .contact-social-link {
        grid-template-columns: 42px minmax(0, 1fr) auto;
    }

    .contact-page .contact-social-arrow {
        display: block;
    }

    .contact-page .contact-social-link:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid rgba(220, 201, 170, 0.78);
    }
}


@media (max-width: 374.98px) {

    .contact-page .contact-intro-heading h2,
    .contact-page .contact-form-intro h2,
    .contact-page .contact-social-header h2 {
        font-size: 2.5rem;
    }

    .contact-page .contact-form-card {
        padding-inline: var(--space-md);
    }

    .contact-page .contact-form-section-heading {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .contact-page .contact-form-section-heading > span {
        width: 36px;
        height: 36px;
    }

    .contact-page .contact-social-link {
        padding-inline: var(--space-md);
    }
}