@media (max-width: 768px) {
    .centered-content-table table {
        display: block;
        width: 100%;
    }

    .centered-content-table table tr {
        display: block;
        width: 100%;
    }

    .centered-content-table table td {
        display: block;
        width: 100% !important; /* Override inline width */
        min-width: unset !important; /* Remove min-width constraint */
        padding: 0 15px; /* Add some horizontal padding */
        box-sizing: border-box; /* Include padding in width */
    }

    /* Adjust the side navigation td */
    .centered-content-table table tr td:first-child {
        margin-bottom: 20px; /* Add space below side nav when stacked */
    }

    /* Adjust the main content div for mobile */
    .my-account-main-content {
        width: 95%; /* Use 95% width */
        margin: 20px auto; /* Center it and add top margin for separation */
        padding: 15px; /* Adjust padding for mobile */
        box-sizing: border-box; /* Include padding in width */
    }

    /* Ensure the "SHIPPING ADDRESS" heading div itself is centered within its parent */
    .my-account-main-content > div:first-child {
        text-align: center; /* Ensure text remains centered */
        margin-left: auto; /* Center the block itself */
        margin-right: auto; /* Center the block itself */
    }

    /* Improve button tap targets and spacing on mobile */
    .shipping-address-block > div:first-child {
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .shipping-address-block button.edit-address-btn,
    .shipping-address-block button.delete-address-btn,
    .shipping-address-block button.set-primary-btn {
        padding: 10px 16px !important;
        font-size: 1rem !important;
        border-radius: 24px !important;
        min-width: 100px;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }
}