.my-account { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; padding-bottom: 32px; padding-top: 32px }
.my-account__heading { align-items: center; background-color: #f7f8fa; display: flex; flex-direction: column; padding: 32px 0; }
.my-account__category,
.my-account__title { margin-bottom: unset; text-transform: uppercase } 
.my-account a { color: #28465c } 
.my-account__navigation { border-right: 1px solid #e2e8ee } 
.my-account__navigation .is-active a { color: #28465c; font-weight: 600 } 
.my-account__navigation .is-active:after { height: 100% } 
.my-account__navigation li { padding: 12px 0; position: relative } 
.my-account__navigation li .is-active:after, .my-account__navigation li:after { background-color: #28465c; bottom: 0; content: ""; height: 0; position: absolute; right: 0; transition: .2s; width: 4px } 
.my-account__navigation li:hover:after { height: 100% } 
.my-account__navigation li:not(:last-child) { border-bottom: 1px solid #e2e8ee } 
.my-account__navigation li a { color: #424242; display: block; font-size: .875rem; text-transform: uppercase }
.my-account__navigation--user { font-weight: 600 }
.my-account__dashboard--grid { display: grid; gap: 12px; grid-template-columns: 1fr }
.my-account__dashboard--grid a { border: 1px solid #e2e8ee; border-radius: 5px; font-size: 1.125rem; padding: 20px 0; text-align: center; }
.woocommerce-account .woocommerce .woocommerce-LostPassword a { color: #424242; }
.woocommerce-account .woocommerce:after { margin-bottom: 32px; }

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation { float: none; width: 100%; }

@media (min-width:576px) {
    .my-account__dashboard--grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
    .my-account { grid-template-columns: 1fr 2fr; }
}

@media (min-width:992px) {
    .my-account__dashboard--grid { grid-template-columns: repeat(3, 1fr); }
}