@media (max-width: 768px) {
    .mcm-form-container { display: block !important; }
    .mcm-form-col { width: 100% !important; }
    .mcm-inner-grid { grid-template-columns: 1fr !important; }
    .mcm-dims-grid { grid-template-columns: 1fr !important; }
    .mcm-social-row { flex-direction: column !important; }
    .mcm-social-row input { width: 100% !important; flex: none !important; }
    .mcm-social-row button { align-self: flex-end; }

    .mcm-dashboard-table thead { display: none !important; }
    .mcm-dashboard-table tr { 
        display: flex !important; flex-wrap: wrap !important; border: 1px solid #e2e8f0 !important; 
        margin-bottom: 15px !important; padding: 15px !important; border-radius: 10px !important; 
        background: #fff !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    }
    .mcm-dashboard-table td { border: none !important; padding: 0 !important; margin: 0 !important; }
    .mcm-col-img { width: 60px !important; margin-left: 15px !important; }
    .mcm-col-title { width: calc(100% - 90px) !important; font-size: 15px !important; }
    .mcm-col-status { width: 100% !important; margin-top: 10px !important; padding-top: 10px !important; border-top: 1px dashed #cbd5e1 !important; }
    .mcm-col-price { width: 100% !important; margin-top: 8px !important; font-size: 16px !important; font-weight:bold !important;}
    
    .mcm-col-actions { width: 100% !important; margin-top: 12px !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
    .mcm-col-actions a { 
        display: inline-block !important; padding: 8px 12px !important; border: 1px solid #ddd !important; 
        border-radius: 6px !important; text-decoration: none !important; background: #f8fafc !important; font-size: 12px !important;
    }
    .mcm-col-actions a:nth-child(2) { border-color: #fca5a5 !important; color: #dc2626 !important; background: #fef2f2 !important; }
    .mcm-col-actions a:nth-child(3) { 
        width: 100% !important; text-align: center !important; background: #e0f2fe !important; 
        color: #0284c7 !important; border-color: #bae6fd !important; margin-top: 5px !important; 
    }

    .mcm-dash-header { flex-direction: column !important; text-align: center !important; }
    .mcm-dash-header img { margin: 0 auto 15px auto !important; }
    .mcm-dash-btns { width: 100% !important; }
    .mcm-dash-btns a { display: block !important; width: 100% !important; margin-bottom: 8px !important; box-sizing: border-box !important; }
}