/*
 * MOBILE FINAL FIX - THE LAST WORD
 * This file is loaded LAST and has final say on mobile styles
 * Created to fix button positioning issues caused by conflicting CSS
 */

@media (max-width: 768px) {
    /* Fix button position - override ALL other CSS */
    body .product-card .btn-add-to-cart,
    body .container .product-card .btn-add-to-cart,
    .container .product-card .btn-add-to-cart,
    .product-card .btn-add-to-cart {
        /* Reset positioning */
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;

        /* Set proper spacing */
        margin-top: 20px !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;

        /* Full width */
        width: 100% !important;
    }
}