/**
 * Responsive Utilities
 *
 * @package Hafo\Checkout
 * @version 1.0.0
 */

@media (width <= 1024px) {
    .hafo-checkout-content-wrapper {
        grid-template-columns: 1fr;
    }

    .hafo-checkout-sidebar {
        position: static;
        order: 2
    }
}

@media (width <= 768px) {
    .hafo-multistep-checkout {
        padding: var(--hafo-checkout-spacing-md);
    }

    .hafo-checkout-progress__step-label {
        font-size: 0.75rem;
    }

    .hafo-checkout-progress__step-number {
        width: 3rem;
        height: 3rem;
        font-size: var(--hafo-checkout-font-size-sm);
    }

    .hafo-cart-item {
        grid-template-columns: 80px 1fr;
    }

    .hafo-cart-item__image {
        width: 80px;
        height: 80px;
    }

    .hafo-cart-item__price {
        grid-column: 2;
        text-align: left;
    }

    .hafo-checkout-step__actions {
        flex-direction: column-reverse;
    }

    .hafo-checkout-step__actions .hafo-button {
        width: 100%;
    }
}