.my-account__dashboard .btn-group { --gc: 2; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem; }
.my-account__dashboard .btn-group .btn { --p: 2.4rem; flex-direction: column; --br: 0; row-gap: 2rem; position: relative; border-radius: .45rem; }
.my-account__dashboard .btn-group .btn i { font-size: 3.2rem; }
.my-account__dashboard .btn-group .btn[data-count]::after { content: attr(data-count); font-size: 1.2rem; line-height: 2rem; width: 2rem; height: 2rem; border-radius: 50%; background-color: var(--hover-bg-clr); text-align: center; color: var(--hover-clr); position: absolute; top: 2.4rem; right: 2.4rem; } 

.my-account .woocommerce-orders-table { display: block; width: 100%; text-align: left; 
    a:not(.button) { color: inherit; }  
    .button { --p: .4rem 1.8rem; margin: .3rem; min-height: 3.8rem; }
}
.my-account {
    .woocommerce-orders-table {
        :is(thead, tbody, tr, td) { display: block; }
        thead tr { padding: .5rem 1rem; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap: 1rem; border-bottom: 1px solid var(--clr-border); } 
        tbody tr { padding: 1rem; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap: 1rem; border-bottom: 1px solid var(--clr-border); 
            &:nth-child(odd) { background-color: #f2f2f2; }
        }
    }

    .woocommerce-pagination { margin-top: 2rem; }
}

.password-input { position: relative; }  
.password-input .show-password-input { padding: 0; background: transparent; position: absolute; right: 0; top: 0; bottom: 0; }

.woocommerce-order-details {
    h2 { margin-bottom: 1.4rem; }
    table { width: 100%; border: 1px solid var(--clr-border);
        tr {
            td, th { padding: 1rem; border: 1px solid var(--clr-border); }
            td + td { text-align: right; }
        }
        tfoot {
            th { text-align: right; }
        }
    }
}

.woocommerce-customer-details { width: 100%; border: 1px solid var(--clr-border); padding: 1.4rem 1.8rem; border-top: 0; margin-bottom: 3.2rem; }

form.edit-account {
    .form-row {
        > label { font-size: 1.3rem; display: block; margin-bottom: .5rem; }

        label:has([type="checkbox"]) { margin: 0; display: flex; align-items: center; column-gap: 1rem;
            .optional { display: none; } 
            span { font-size: 1.5rem; }
            [type="checkbox"] { width: 2rem; height: 2rem; border: 1px solid var(--clr-dark-20); appearance: none; border-radius: .45rem;
                &:checked { background-color: var(--clr-dark); border-color: var(--clr-dark); }
            }
        }
    }
    fieldset { border: 1px solid var(--clr-border); padding: 2.4rem; border-radius: .45rem; margin-bottom: 3.2rem; background: transparent; margin-top: 3.2rem;
        legend { padding: 0 1rem; font-size: 1.6rem; font-weight: 600; margin-left: -1rem; }
    }

    #account_display_name_description { display: none; }
}

@media (max-width: 767.98px) {
    .my-account .woocommerce-orders-table { display: block;
        thead { display: none; }
        tbody { display: block;
            tr { display: grid; row-gap: 1.4rem; grid-template-columns: repeat(3, minmax(0, 1fr)); 
                td {

                    &.woocommerce-orders-table__cell-order-actions { grid-column: span 2; }
                }
            }
        }
    }
}

@media (min-width: 992px) {
    .my-account__dashboard .btn-group { --gc: 3; }
}

@media (min-width: 1200px) {
    .my-account__dashboard .btn-group { --gc: 4; }
}




body.woocommerce-account .account-login .woocommerce { max-width: 45rem; margin: 0 auto; 
    .form-row:has([type="submit"]) { display: flex; align-items: center; margin-top: 2rem; }
    p.woocommerce-LostPassword a { font-size: 1.3rem; color: inherit; opacity: .75; }
}

.kraft-block.kraft-block--header.account-header { border-bottom: 0; }
.account-header {
    .text > p { max-width: 78rem; }
}
.account-tabs { display: flex; align-items: stretch; gap: .8rem; border-bottom: 1px solid var(--clr-border); margin-top: 3.2rem; }
.account-tabs .account-tab { display: flex; align-items: center; gap: .8rem; padding: 1.6rem 1.8rem; color: var(--clr-dark); font-size: 1.4rem; text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.account-tabs .account-tab:hover, .account-tabs .account-tab.is-active { border-bottom-color: var(--clr-dark); }
.account-tabs .account-tab.is-active { font-weight: 600; }
.account-tabs .account-tab--logout { margin-left: auto; padding-right: 0; }
.account-tabs a:focus-visible { outline: 2px solid var(--clr-dark); outline-offset: -3px; }
.my-account__dashboard > .text > h2 { margin-bottom: 2rem; }
.my-account__dashboard .account-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-bottom: 4.4rem; }
.my-account__dashboard .account-summary .btn { min-height: 12.8rem; padding: 2.8rem 2rem; border: 1px solid var(--clr-border); border-radius: .45rem; gap: 1.4rem; font-size: 1.4rem; font-weight: 400; }
.my-account__dashboard .account-summary .btn i { font-size: 2.4rem; }
.my-account__dashboard .account-summary .btn[data-count]::after { top: 1.4rem; right: 1.4rem; background: var(--clr-dark); color: #fff; }
.account-settings-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start; gap: 2rem; }
.account-panel { min-width: 0; border: 1px solid var(--clr-border); border-radius: .45rem; padding: 3.2rem; }
.account-panel h3 { font-size: 2.4rem; margin-bottom: .8rem; }
.account-panel p { font-size: 1.4rem; line-height: 1.65; }
.account-product-overview .btn { width: 100%; margin-top: 1.2rem; font-size: 1.4rem; }
.my-account form.dealer-account-preferences .dealer-toggle { display: flex; position: relative; border: 0; padding: .4rem; margin: 4.8rem 0 2.4rem; background: var(--clr-light); border-radius: .45rem; gap: .4rem; }
.dealer-account-preferences .dealer-toggle legend { position: absolute; top: -2.6rem; left: 0; padding: 0; font-size: 1.3rem; font-weight: 600; }
.dealer-account-preferences .dealer-toggle label { flex: 1; margin: 0; }
.dealer-account-preferences .dealer-toggle span { text-align: center; padding: 1.2rem .8rem; font-size: 1.4rem; }
.dealer-account-preferences .form-row { margin-bottom: 1.6rem; }
.dealer-account-preferences .form-row > label { font-size: 1.3rem; margin-bottom: .6rem; }
.dealer-margin-input { display: flex; align-items: center; width: 13rem; position: relative; }
.dealer-margin-input input { width: 100%; padding-right: 3rem; border: 1px solid var(--clr-border); border-radius: .45rem; }
.dealer-margin-input > span { position: absolute; right: 1.4rem; font-size: 1.3rem; pointer-events: none; }
.dealer-account-preferences .dealer-margin-help { padding: 1.4rem; background: var(--clr-light); border-radius: .45rem; font-size: 1.3rem; margin-bottom: 2.4rem; }
.dealer-account-preferences [data-preferences-status]:empty { display: none; }
.dealer-account-preferences > .btn { background: var(--clr-dark); color: #fff; font-size: 1.4rem; padding: 1.2rem 2.8rem; }
.dealer-account-preferences > .btn:disabled { opacity: .6; cursor: wait; }
@media (max-width: 767.98px) {
    .account-tabs { flex-wrap: wrap; gap: 0; margin-top: 2rem; }
    .account-tabs .account-tab { padding: 1.2rem; font-size: 1.3rem; }
    .account-tabs .account-tab--logout { margin-left: 0; }
    .my-account__dashboard .account-summary { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; margin-bottom: 2.4rem; }
    .my-account__dashboard .account-summary .btn { min-height: 9rem; }
    .account-settings-grid { grid-template-columns: minmax(0, 1fr); }
    .account-panel { padding: 2.4rem; }
}