/* MCP — theme overrides */

.MCP {
    min-width: auto !important;
    width: 100%;
    overflow-x: clip;
}

/* Remove Figma header/footer */
.MCP .header,
.MCP footer {
    display: none !important;
}

.MCP * {
    font-family: inherit;
}

/* Responsive fixes */
@media (max-width: 1024px) {
    .MCP .container-2 {
        padding: 0 16px 80px;
        gap: 80px;
    }
    .MCP .background {
        padding: 40px 24px;
    }
    .MCP .frame-3 {
        width: 100%;
    }
    .MCP .frame-wrapper {
        width: 100%;
        max-width: 811px;
    }
    .MCP .frame-9 {
        width: 100%;
    }
    .MCP .frame-10 {
        flex-wrap: wrap;
        gap: 16px;
    }
    .MCP .frame-24 {
        width: 100%;
        height: auto;
    }
    .MCP .frame-25 {
        position: static;
        width: 100%;
    }
    .MCP .frame-37 {
        display: none;
    }
    .MCP .frame-39,
    .MCP .frame-68 {
        padding: 80px 24px;
    }
    .MCP .frame-40 {
        width: 100%;
        flex-direction: column;
        gap: 24px;
    }
    .MCP .div-5 {
        font-size: 36px;
        line-height: 42px;
    }
    .MCP .container-7 {
        width: 100%;
    }
    .MCP .frame-41 {
        width: 100%;
        flex-direction: column;
    }
    .MCP .frame-48 {
        width: 100%;
        flex-direction: column;
    }
    .MCP .frame-49 {
        width: 100%;
        height: 400px;
    }
    .MCP .iphone-pro {
        width: 220px;
        height: auto;
    }
    .MCP .frame-50 {
        right: 16px;
        top: 20px;
    }
    .MCP .frame-62 {
        width: 100%;
    }
    .MCP .frame-66 {
        width: 100%;
    }
    .MCP .frame-67 {
        width: 100%;
    }
    .MCP .frame-78 {
        width: 100%;
    }
    .MCP .mask-group,
    .MCP .mask-group-2 {
        display: none;
    }
    .MCP .div-2 {
        flex-wrap: wrap;
        justify-content: center;
    }
    .MCP .frame-80 {
        width: 100%;
        justify-content: center;
    }
    .MCP .banner {
        width: 100%;
        height: auto;
        padding: 60px 24px;
    }
    .MCP .frame-84 {
        position: static;
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .MCP .background {
        padding: 32px 20px;
    }
    .MCP .talk-to-your-store {
        font-size: 36px;
        line-height: 42px;
    }
    .MCP .connect-the-AI {
        width: 100%;
        font-size: 16px;
    }
    .MCP .frame-wrapper {
        display: none;
    }
    .MCP .frame-8 {
        width: 100%;
        padding: 0 16px;
    }
    .MCP .frame-10 {
        gap: 8px;
        justify-content: center;
    }
    .MCP .frame-69 {
        width: 100%;
    }
    .MCP .frame-77 {
        width: 100%;
    }
    .MCP .text-wrapper-43 {
        font-size: 40px;
        line-height: 48px;
    }
    .MCP .container-10 {
        width: 100%;
    }
    .MCP .text-wrapper-44 {
        width: 100%;
    }
}