@media (max-width: 768px) {
    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .layout {
        flex-direction: column !important;
        display: flex !important;
        width: 100% !important;
    }

    .sidebar {
        width: 100% !important;
        height: auto !important;
        position: static !important;
        min-height: auto !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 12px 15px !important;
    }

    .sidebar h3 {
        width: 100% !important;
        margin: 0 !important;
        padding: 5px 0 !important;
        text-align: center !important;
        font-size: 16px !important;
        border-bottom: none !important;
    }

    .sidebar .user {
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
        font-size: 13px !important;
    }

    .sidebar a {
        display: inline-block !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 9px 10px !important;
        font-size: 13px !important;
        text-align: center !important;
    }

    .main-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 12px !important;
        overflow-x: hidden !important;
    }

    .stats-grid,
    .admin-stats,
    .plan-summary,
    .pricing-grid,
    .trust-grid,
    .compare-grid,
    .diff-grid,
    .output-grid,
    .solution-steps {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .stat-card,
    .plan-item,
    .price-card,
    .trust-card,
    .compare-card,
    .diff-item,
    .output-card,
    .step-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .admin-table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
    }

    form,
    .support-form,
    .auth-form {
        width: 100% !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    input,
    select,
    textarea {
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
    }

    button,
    .btn-new-content,
    .search-btn,
    .clear-search,
    .save-btn,
    .cancel-btn,
    .support-btn,
    .price-btn {
        width: 100% !important;
        margin: 6px 0 !important;
        text-align: center !important;
        display: block !important;
    }

    .copy-btn {
        width: auto !important;
        display: inline-block !important;
    }
}