* ==========================================================
   POP MY CHERRY FOOTER
========================================================== */

.pmc-footer{
    background:#f4f1ec;
    border-top:1px solid #e5ddd2;
    margin-top:var(--pmc-space-2xl);
    color:var(--pmc-text);
}

/* ==============================
   INNER
============================== */

.pmc-footer__inner{

    width:min(var(--pmc-max-width),92%);
    margin:0 auto;
    padding:72px 0;

}

/* ==========================================================
   BRAND
========================================================== */

.pmc-footer__brand{

    text-align:center;
    max-width:760px;
    margin:0 auto 90px;

}

.pmc-footer__eyebrow{

    font-size:.8rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--pmc-accent);
    margin-bottom:18px;

}

.pmc-footer__title{

    font-family:var(--pmc-font-heading);
    font-size:clamp(2rem,3.5vw,3rem);
    line-height:1.1;
    margin-bottom:22px;

}

.pmc-footer__title::after{

    content:"";
    display:block;
    width:70px;
    height:2px;
    margin:1.5rem auto;
    background:var(--pmc-accent);

}

.pmc-footer__intro{

    max-width:640px;
    margin:0 auto;
    font-size:1.05rem;
    line-height:1.8;
    color:var(--pmc-text-light);

}


/* ==========================================================
   GRID
========================================================== */

.pmc-footer__grid{

    display:grid;
    grid-template-columns:repeat(3,280px);
    justify-content:center;
    align-items:start;
    gap:5rem;

}


/* ==========================================================
   FOOTER BOTTOM
========================================================== */

.pmc-footer__bottom{

    margin-top:6rem;
    padding:2rem 0;
    border-top:1px solid #e5ddd2;
    text-align:center;

}

.pmc-footer__copyright{

    margin:0;
    font-size:.95rem;
    color:var(--pmc-text);

}

.pmc-footer__tagline{

    margin-top:.75rem;
    font-size:.9rem;
    color:var(--pmc-text-light);
    letter-spacing:.03em;

}
/* ==============================
   GRID
============================== */

.pmc-footer__grid{
    display:grid;
    grid-template-columns:repeat(3,240px);
    justify-content:center;
    gap:4rem;
    align-items:start;
}
.pmc-footer__title::after{

    content:"";
    display:block;
    width:70px;
    height:2px;
    margin:1.5rem auto;
    background:var(--pmc-accent);

}
/* ==============================
   COLUMNS
============================== */

.pmc-footer__column h3{

    font-family:var(--pmc-font-heading);
    font-size:1.15rem;
    margin-bottom:1.5rem;
    color:var(--pmc-text);

}
.pmc-footer__column a{

    color:var(--pmc-text);
    font-weight:500;

}

.pmc-footer__column a:hover{

    color:var(--pmc-accent);

}
.pmc-footer-menu{

    list-style:none;
    margin:0;
    padding:0;

}

.pmc-footer-menu li{

    margin-bottom:14px;

}

.pmc-footer-menu a{

    text-decoration:none;
    color:var(--pmc-text-light);
    transition:.25s;

}

.pmc-footer-menu a:hover{

    color:var(--pmc-accent);

}

/* ==============================
   CONTACT
============================== */

.pmc-footer__column p{

    margin-bottom:.9rem;

}

.pmc-footer__column a{

    color:var(--pmc-text-light);
    text-decoration:none;
    transition:
    color .25s ease,
    transform .25s ease;
}
.pmc-footer-menu a:hover{

    color:var(--pmc-accent);
    transform:translateX(4px);

}

.pmc-footer__column a:hover{

    color:var(--pmc-accent);

}

.pmc-footer-social{

    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:18px;

    margin:1.5rem 0 0;
    padding:0;

    list-style:none;

}

.pmc-footer-social li{

    list-style:none;
    margin:0;
    padding:0;

}
/* ==========================================================
   FOOTER BOTTOM
========================================================== */

.pmc-footer__bottom{

    margin-top:6rem;
    padding:2rem 0;
    border-top:1px solid #e5ddd2;

    text-align:center;

}

.pmc-footer__copyright{

    margin:0;
    font-size:.95rem;
    color:var(--pmc-text);

}

.pmc-footer__tagline{

    margin-top:.75rem;
    font-size:.9rem;
    color:var(--pmc-text-light);
    letter-spacing:.03em;

}
.pmc-footer__inner{

    max-width:1200px;
    width:min(92%,1200px);
    margin:0 auto;
    padding:5rem 0;

}
/* ==============================
   MOBILE
============================== */

@media (max-width:900px){

    .pmc-footer__grid{

        grid-template-columns:1fr;
        gap:50px;
        text-align:center;

    }

    .pmc-footer-social{

        justify-content:center;

    }

    .pmc-footer__title{

        font-size:2.2rem;

    }

    .pmc-footer__brand{

        margin-bottom:3rem;

    }

}