/* ==========================================================================
   AMS FOCUS — AUTOMATISATION / RESPONSIVE
   ========================================================================== */

@media (max-width: 1180px) {

    .ams-automation-hero__grid {
        grid-template-columns:
            minmax(390px, .9fr)
            minmax(520px, 1.1fr);
        gap: 45px;
    }

    .ams-automation-preview {
        grid-template-columns: 110px minmax(0, 1fr);
    }
}

@media (max-width: 980px) {

    .ams-automation-hero {
        padding:
            132px 0
            72px;
    }

    .ams-automation-hero__grid {
        grid-template-columns: 1fr;
        gap: 54px;
    }

    .ams-automation-hero__content {
        max-width: 690px;
    }

    .ams-automation-preview {
        max-width: 760px;
    }
}

@media (max-width: 700px) {

    .ams-automation-hero {
        min-height: 0;
        padding:
            112px 0
            56px;
    }

    .ams-automation-hero h1 {
        font-size: 43px;
    }

    .ams-automation-hero__description {
        font-size: 15px;
    }

    .ams-automation-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ams-automation-hero__actions .ams-button {
        width: 100%;
        justify-content: center;
    }

    .ams-automation-hero__proofs {
        gap: 12px 17px;
    }

    .ams-automation-preview {
        grid-template-columns: 78px minmax(0, 1fr);
        border-radius: 12px;
    }

    .ams-automation-preview__sidebar {
        min-height: 470px;
        padding:
            14px 7px
            10px;
    }

    .ams-automation-preview__mini-brand {
        padding:
            0 3px
            12px;
        font-size: 9px;
    }

    .ams-automation-preview__sidebar nav span {
        min-height: 30px;
        padding: 0 5px;
        font-size: 0;
    }

    .ams-automation-preview__sidebar nav i {
        width: 10px;
        height: 10px;
    }

    .ams-automation-preview__user small {
        display: none;
    }

    .ams-automation-preview__workspace {
        padding: 12px;
    }

    .ams-automation-preview__topbar button {
        display: none;
    }

    .ams-automation-preview__heading h2 {
        font-size: 15px;
    }

    .ams-automation-preview__filters span:nth-child(n+4) {
        display: none;
    }

    .ams-automation-preview__cards {
        grid-template-columns: 1fr;
    }

    .ams-automation-preview__card:nth-child(n+3) {
        display: none;
    }
}

@media (max-width: 460px) {

    .ams-automation-hero h1 {
        font-size: 38px;
    }

    .ams-automation-hero__proofs {
        display: grid;
        gap: 9px;
    }

    .ams-automation-preview {
        grid-template-columns: 58px minmax(0, 1fr);
    }
}

/* ==========================================================================
   AUTOMATION EXAMPLES PREMIUM — RESPONSIVE
   ========================================================================== */

@media (max-width: 1120px) {

    .ams-automation-examples__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}

@media (max-width: 980px) {

    .ams-automation-examples__head {
        width: 100%;
        max-width: 700px;

        margin-left: 0;
    }
}

@media (max-width: 620px) {

    .ams-automation-examples {
        padding:
            54px 0
            62px;
    }

    .ams-automation-examples__head h2 {
        font-size: 33px;
    }

    .ams-automation-examples__grid {
        grid-template-columns: 1fr;

        gap: 13px;

        margin-top: 32px;
    }

    .ams-automation-example-card {
        min-height: 245px;

        padding:
            20px
            18px;
    }

    .ams-auto-picto--social {
        min-width: 105px;
    }
}

/* ==========================================================================
   AUTOMATION SIMPLICITY — RESPONSIVE
   ========================================================================== */

@media (max-width: 1100px) {

    .ams-automation-simplicity__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(360px, .9fr);

        gap: 48px;
    }

    .ams-automation-simplicity__pipeline {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .ams-automation-simplicity__connector {
        display: none;
    }
}

@media (max-width: 900px) {

    .ams-automation-simplicity {
        padding:
            72px 0;
    }

    .ams-automation-simplicity__grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .ams-automation-simplicity__visual {
        max-width: 760px;
    }

    .ams-automation-simplicity__content {
        max-width: 680px;
    }
}

@media (max-width: 620px) {

    .ams-automation-simplicity {
        padding:
            56px 0
            62px;
    }

    .ams-automation-simplicity__visual {
        padding: 19px;

        border-radius: 14px;
    }

    .ams-automation-simplicity__pipeline {
        grid-template-columns: 1fr;
    }

    .ams-automation-simplicity__visual-top {
        align-items: flex-start;
    }

    .ams-automation-simplicity__status {
        max-width: 115px;

        text-align: center;
    }

    .ams-automation-simplicity__content > h2 {
        font-size: 36px;
    }

    .ams-automation-simplicity__description {
        font-size: 14px;
    }

    .ams-automation-simplicity__activation {
        grid-template-columns:
            36px
            1fr
            auto;
    }
}

/* ==========================================================================
   AUTOMATION SOFTWARE PROOF — RESPONSIVE
   ========================================================================== */

@media (max-width: 1100px) {

    .ams-automation-software-proof__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(360px, .9fr);

        gap: 48px;
    }
}

@media (max-width: 900px) {

    .ams-automation-software-proof {
        padding:
            72px 0;
    }

    .ams-automation-software-proof__grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .ams-software-proof-visual {
        max-width: 760px;
    }

    .ams-automation-software-proof__content {
        max-width: 680px;
    }
}

@media (max-width: 620px) {

    .ams-automation-software-proof {
        padding:
            56px 0
            62px;
    }

    .ams-software-proof-visual {
        padding: 20px;

        border-radius: 14px;
    }

    .ams-software-proof-visual__modules {
        grid-template-columns: 1fr;
    }

    .ams-automation-software-proof__content > h2 {
        font-size: 36px;
    }

    .ams-automation-software-proof__description {
        font-size: 14px;
    }
}

/* ==========================================================================
   AUTOMATION PRICING — RESPONSIVE
   ========================================================================== */

@media (max-width: 720px) {

    .ams-automation-pricing {
        padding:
            58px 0
            66px;
    }

    .ams-automation-pricing__head h2 {
        font-size: 34px;
    }

    .ams-automation-pricing__plans {
        max-width: 480px;

        grid-template-columns: 1fr;

        gap: 22px;

        margin-top: 34px;
    }
}


/* ==========================================================================
   SIMPLICITY — MOBILE TEXT FIRST
   ========================================================================== */

@media (max-width: 900px) {

    .ams-automation-simplicity__content {
        order: 1;
    }

    .ams-automation-simplicity__visual {
        order: 2;
    }
}


/* ==========================================================================
   AUTOMATION FAQ — RESPONSIVE
   ========================================================================== */

@media (max-width: 900px) {

    .ams-automation-faq {
        padding:
            68px 0
            72px;
    }

    .ams-automation-faq__grid {
        grid-template-columns: 1fr;

        gap: 35px;
    }

    .ams-automation-faq__intro {
        max-width: 620px;
    }
}

@media (max-width: 620px) {

    .ams-automation-faq {
        padding:
            55px 0
            62px;
    }

    .ams-automation-faq__intro h2 {
        font-size: 36px;
    }

    .ams-automation-faq__item summary {
        min-height: 58px;

        padding:
            0
            15px;

        font-size: 11px;
    }

    .ams-automation-faq__answer {
        padding:
            0
            15px
            16px;
    }
}