/**
 * Custom Order mobile — loaded last on category pages with acme-custom-order.css.
 * M22/M23: 2-column capability, process, and advantage cards that fit on phone.
 */

@media (max-width: 767px) {
    .acme-co-cards__grid,
    .acme-co-advantage__grid,
    .acme-co-process__track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.65rem !important;
    }

    .acme-co-process__track::before {
        display: none !important;
    }

    .acme-co-card__media {
        aspect-ratio: 4 / 3 !important;
    }

    .acme-co-card__title {
        font-size: 0.9375rem !important;
        line-height: 1.2 !important;
        padding: 0.65rem 0.5rem 0.25rem !important;
    }

    .acme-co-card__action {
        padding: 0.25rem 0.5rem 0.65rem !important;
    }

    .acme-co-card__action .acme-co-btn {
        min-height: 2.25rem !important;
        padding: 0.45rem 0.5rem !important;
        font-size: 0.75rem !important;
    }

    .acme-co-process__step {
        padding: 0.75rem 0.5rem !important;
        background: var(--acme-cream, #f8f9fc) !important;
        border-radius: 0.5rem !important;
    }

    .acme-co-process__icon {
        width: 3.5rem !important;
        height: 3.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .acme-co-process__icon svg {
        width: 1.75rem !important;
        height: 1.75rem !important;
    }

    .acme-co-process__num {
        font-size: 0.6875rem !important;
    }

    .acme-co-process__title {
        font-size: 0.8125rem !important;
        line-height: 1.2 !important;
    }

    .acme-co-process__body {
        font-size: 0.6875rem !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        overflow: hidden !important;
    }

    .acme-co-advantage__card {
        padding: 0.85rem 0.5rem !important;
    }

    .acme-co-advantage__icon {
        width: 2.5rem !important;
        height: 2.5rem !important;
        margin-bottom: 0.35rem !important;
    }

    .acme-co-advantage__title {
        font-size: 0.8125rem !important;
        line-height: 1.2 !important;
    }

    .acme-co-advantage__body {
        font-size: 0.6875rem !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        overflow: hidden !important;
    }
}