@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');


:root {
    --fmch-brand: #ef5526;
    --fmch-brand-dark: #d8451f;
    --fmch-brand-soft: rgba(239, 85, 38, .08);
    --fmch-text: #111827;
    --fmch-text-muted: #6b7280;
    --fmch-text-light: #9ca3af;
    --fmch-border: #e5e7eb;
    --fmch-border-soft: #f1f3f5;
    --fmch-bg-soft: #f9fafb;
    --fmch-radius: 14px;
}

.mch-footer {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    background: #fff;
    color: var(--fmch-text);
    margin-top: 40px;
    border-top: 1px solid var(--fmch-border-soft);
}

.mch-footer-highlights {
    background: linear-gradient(180deg, var(--fmch-bg-soft) 0%, #fff 100%);
    border-bottom: 1px solid var(--fmch-border-soft);
    padding: 22px 0;
}

.mch-footer-highlights-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.mch-highlight-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mch-highlight-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--fmch-brand-soft);
    color: var(--fmch-brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex: 0 0 auto;
}

.mch-highlight-text {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    min-width: 0;
}

    .mch-highlight-text strong {
        font-size: 14px;
        font-weight: 700;
        color: var(--fmch-text);
    }

    .mch-highlight-text span {
        font-size: 12px;
        color: var(--fmch-text-muted);
    }


.mch-footer-top {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr;
    gap: 36px;
    padding: 48px 0 36px;
}

.mch-footer-col {
    min-width: 0;
}


.mch-footer-brand .mch-footer-logo {
    display: inline-block;
    margin-bottom: 14px;
}

    .mch-footer-brand .mch-footer-logo img {
        max-width: 180px;
        height: auto;
    }

.mch-footer-tagline {
    font-size: 13px;
    color: var(--fmch-text-muted);
    line-height: 1.6;
    margin: 0 0 18px;
}


.mch-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px;
}

.mch-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

    .mch-footer-contact-item > i {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background: var(--fmch-brand-soft);
        color: var(--fmch-brand);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        flex: 0 0 auto;
    }

    .mch-footer-contact-item > div {
        display: flex;
        flex-direction: column;
        line-height: 1.3;
        min-width: 0;
    }

    .mch-footer-contact-item small {
        font-size: 11px;
        color: var(--fmch-text-light);
        font-weight: 500;
    }

.mch-footer-phone {
    color: var(--fmch-brand) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    letter-spacing: .3px;
}

    .mch-footer-phone:hover {
        color: var(--fmch-brand-dark) !important;
    }

.mch-footer-contact-item a:not(.mch-footer-phone) {
    color: var(--fmch-text);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

    .mch-footer-contact-item a:not(.mch-footer-phone):hover {
        color: var(--fmch-brand);
    }

.mch-footer-contact-item span {
    color: var(--fmch-text);
    font-size: 13px;
    font-weight: 500;
}


.mch-footer-socials {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.mch-social {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f3f4f6;
    color: var(--fmch-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all .2s ease;
    text-decoration: none;
}

    .mch-social:hover {
        transform: translateY(-2px);
        color: #fff;
    }

    .mch-social.facebook:hover { background: #1877f2; }
    .mch-social.x:hover { background: #000; }
    .mch-social.instagram:hover { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
    .mch-social.youtube:hover { background: #ff0000; }
    .mch-social.linkedin:hover { background: #0a66c2; }


.mch-social.mch-social-with-label {
    width: auto;
    height: auto;
    padding: 10px 16px 10px 12px;
    gap: 10px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    box-shadow: 0 4px 12px rgba(220, 39, 67, .25);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}

    .mch-social.mch-social-with-label i {
        font-size: 18px;
    }

    .mch-social.mch-social-with-label .mch-social-label {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: .2px;
        color: #fff;
    }

    .mch-social.mch-social-with-label:hover {
        transform: translateY(-2px);
        color: #fff;
        box-shadow: 0 8px 20px rgba(220, 39, 67, .40);
        filter: brightness(1.08);
    }


.mch-footer-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--fmch-text);
    margin: 0 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--fmch-brand);
    line-height: 1.2;
}

    .mch-footer-title i {
        color: var(--fmch-brand);
        font-size: 13px;
    }

.mch-footer-title-second {
    margin-top: 22px;
}

.mch-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .mch-footer-links li {
        margin: 0;
    }

    .mch-footer-links a {
        color: var(--fmch-text-muted);
        font-size: 13.5px;
        font-weight: 500;
        text-decoration: none;
        transition: all .15s ease;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        line-height: 1.5;
    }

        .mch-footer-links a::before {
            content: "›";
            color: var(--fmch-text-light);
            font-weight: 700;
            transition: all .15s ease;
            display: inline-block;
            transform: translateY(-1px);
        }

        .mch-footer-links a:hover {
            color: var(--fmch-brand);
            transform: translateX(2px);
        }

            .mch-footer-links a:hover::before {
                color: var(--fmch-brand);
            }


.mch-footer-bottom {
    border-top: 1px solid var(--fmch-border-soft);
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.mch-footer-bottom-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    font-size: 12.5px;
    color: var(--fmch-text-muted);
}

    .mch-footer-bottom-left p {
        margin: 0;
    }

    .mch-footer-bottom-left strong {
        color: var(--fmch-text);
        font-weight: 700;
    }

.mch-footer-divider {
    color: var(--fmch-border);
    font-weight: 300;
}

.mch-footer-mersis {
    color: var(--fmch-text-light);
    font-size: 12px;
}

.mch-footer-bottom-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mch-footer-payment-label {
    font-size: 12.5px;
    color: var(--fmch-text-muted);
    font-weight: 500;
}

.mch-footer-payment-img {
    max-height: 30px;
    height: auto;
    width: auto;
    max-width: 500px;
    opacity: .9;
}


@media (max-width: 1199px) {
    .mch-footer-top {
        grid-template-columns: 1.4fr 1fr 1fr 1fr;
        gap: 28px;
    }

    .mch-footer-col:nth-child(5) {
        grid-column: 2 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 28px;
    }

        .mch-footer-col:nth-child(5) .mch-footer-title-second {
            margin-top: 0;
        }
}

@media (max-width: 991px) {
    .mch-footer-highlights-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mch-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        padding: 36px 0 28px;
    }

    .mch-footer-brand {
        grid-column: 1 / -1;
    }

    .mch-footer-col:nth-child(5) {
        grid-column: 1 / -1;
        grid-template-columns: 1fr 1fr;
    }

    .mch-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .mch-footer-highlights-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .mch-footer-top {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .mch-footer-col:nth-child(5) {
        grid-template-columns: 1fr;
    }

    .mch-footer-payment-img {
        max-width: 100%;
    }

    .mch-footer-bottom-right {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
}