.elementor-11377 .elementor-element.elementor-element-6cdf6711{--display:flex;}/* Start custom CSS *//* =========================================================
   ROARING PARTYZ
   MY ACCOUNT – LOGIN & REGISTER
   CLEAN MASTER
   ========================================================= */


/* =========================================================
   1. LOGIN / REGISTER GRID
   ========================================================= */

body.woocommerce-account:not(.logged-in) #customer_login {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2rem !important;

    width: 90% !important;
    max-width: 1100px !important;

    margin: 4rem auto 5rem !important;
    padding: 0 !important;

    align-items: stretch !important;
}


/* =========================================================
   2. RESET WOO COLUMNS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login > .u-column1.col-1,

body.woocommerce-account:not(.logged-in)
#customer_login > .u-column2.col-2 {

    float: none !important;
    clear: none !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    box-sizing: border-box !important;

    grid-row: 1 !important;

    display: flex !important;
    flex-direction: column !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
    border-radius: 1.2rem !important;

    padding: 2.2rem !important;

    box-shadow:
        0 0.8rem 2.2rem rgba(0,0,0,0.06) !important;

    overflow: hidden !important;
}


/* LOGIN LEFT */

body.woocommerce-account:not(.logged-in)
#customer_login > .u-column1.col-1 {
    grid-column: 1 !important;
}


/* REGISTER RIGHT */

body.woocommerce-account:not(.logged-in)
#customer_login > .u-column2.col-2 {
    grid-column: 2 !important;
}


/* =========================================================
   3. PURPLE TOP ACCENT
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login > .u-column1.col-1::before,

body.woocommerce-account:not(.logged-in)
#customer_login > .u-column2.col-2::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 0.3rem;

    background: #c505ff;
}


/* =========================================================
   4. HEADINGS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login h2 {

    margin: 0 0 0.5rem !important;

    padding: 0 !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 1.8rem !important;
    line-height: 1.15 !important;

    font-weight: 800 !important;

    letter-spacing: -0.03em !important;

    color: #111111 !important;
}


/* =========================================================
   5. INTRO TEXT
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login > .u-column1 h2::after {

    content: "Welcome back. Sign in to manage your orders and account.";

    display: block;

    margin-top: 0.5rem;

    max-width: 90%;

    font-size: 0.82rem;
    line-height: 1.55;

    font-weight: 500;
    letter-spacing: 0;

    color: #666666;
}


body.woocommerce-account:not(.logged-in)
#customer_login > .u-column2 h2::after {

    content: "New to Roaring Partyz? Create your account below.";

    display: block;

    margin-top: 0.5rem;

    max-width: 90%;

    font-size: 0.82rem;
    line-height: 1.55;

    font-weight: 500;
    letter-spacing: 0;

    color: #666666;
}


/* =========================================================
   6. FORMS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login form.login,

body.woocommerce-account:not(.logged-in)
#customer_login form.register {

    display: flex !important;
    flex-direction: column !important;

    flex: 1 !important;

    width: 100% !important;

    margin: 1.7rem 0 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   7. FORM ROWS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login .form-row {

    float: none !important;

    width: 100% !important;

    margin: 0 0 1.15rem !important;
    padding: 0 !important;
}


/* =========================================================
   8. LABELS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login label {

    display: block !important;

    margin: 0 0 0.45rem !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.82rem !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    color: #111111 !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login .required {

    color: #c505ff !important;
}


/* =========================================================
   9. INPUTS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login input[type="text"],

body.woocommerce-account:not(.logged-in)
#customer_login input[type="email"],

body.woocommerce-account:not(.logged-in)
#customer_login input[type="password"] {

    display: block !important;

    width: 100% !important;

    height: 3rem !important;
    min-height: 3rem !important;

    margin: 0 !important;

    padding: 0 0.9rem !important;

    box-sizing: border-box !important;

    background: #faf8f6 !important;

    border: 1px solid #dedbd9 !important;

    border-radius: 0.65rem !important;

    outline: none !important;

    box-shadow: none !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.88rem !important;

    color: #111111 !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


body.woocommerce-account:not(.logged-in)
#customer_login input[type="text"]:focus,

body.woocommerce-account:not(.logged-in)
#customer_login input[type="email"]:focus,

body.woocommerce-account:not(.logged-in)
#customer_login input[type="password"]:focus {

    background: #ffffff !important;

    border-color: #c505ff !important;

    box-shadow:
        0 0 0 0.18rem rgba(197,5,255,0.10) !important;
}


/* =========================================================
   10. PASSWORD WRAPPER
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login .password-input {

    display: block !important;

    width: 100% !important;
}


/* =========================================================
   11. REMEMBER ME
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-login__rememberme {

    display: inline-flex !important;

    align-items: center !important;

    gap: 0.5rem !important;

    margin: 0 0 0.8rem !important;

    font-size: 0.8rem !important;

    font-weight: 600 !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-login__rememberme input {

    width: 1rem !important;
    height: 1rem !important;

    min-width: 1rem !important;
    min-height: 1rem !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   12. BUTTONS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login button.button {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 3rem !important;

    margin: 0 !important;

    padding: 0.8rem 1.5rem !important;

    background: #c505ff !important;

    border: 2px solid #c505ff !important;

    border-radius: 999px !important;

    color: #ffffff !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.84rem !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    text-align: center !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


body.woocommerce-account:not(.logged-in)
#customer_login button.button:hover {

    background: #111111 !important;

    border-color: #111111 !important;

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* =========================================================
   13. LOST PASSWORD
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login .woocommerce-LostPassword {

    margin: 1.1rem 0 0 !important;

    padding-top: 1rem;

    border-top: 1px solid #eeeeee;
}


body.woocommerce-account:not(.logged-in)
#customer_login .woocommerce-LostPassword a {

    color: #555555 !important;

    font-size: 0.78rem !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login .woocommerce-LostPassword a::after {

    content: " →";

    color: #c505ff;
}


body.woocommerce-account:not(.logged-in)
#customer_login .woocommerce-LostPassword a:hover {

    color: #c505ff !important;
}


/* =========================================================
   14. REGISTER TEXT
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-register p:not(.form-row) {

    margin: 0 0 1rem !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.8rem !important;

    line-height: 1.65 !important;

    color: #666666 !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-register p:not(.form-row) a {

    color: #c505ff !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


/* =========================================================
   15. KEEP REGISTER BUTTON TOWARDS BOTTOM
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-form-register
.form-row:last-child {

    margin-top: auto !important;

    padding-top: 1rem !important;
}


/* =========================================================
   16. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.woocommerce-account:not(.logged-in)
    #customer_login {

        display: flex !important;

        flex-direction: column !important;

        width: 92% !important;

        margin: 2rem auto 3rem !important;

        gap: 1rem !important;
    }


    body.woocommerce-account:not(.logged-in)
    #customer_login > .u-column1.col-1,

    body.woocommerce-account:not(.logged-in)
    #customer_login > .u-column2.col-2 {

        display: flex !important;

        width: 100% !important;

        min-height: 0 !important;

        grid-column: auto !important;
        grid-row: auto !important;

        padding: 1.5rem !important;
    }


    body.woocommerce-account:not(.logged-in)
    #customer_login h2 {

        font-size: 1.55rem !important;
    }

}
   font-family: "Montserrat", sans-serif !important;

    font-size: 0.86rem !important;

    outline: none !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

/* =========================================================
   ROARING PARTYZ
   LOGGED-IN MY ACCOUNT
   CORRECTED MASTER CSS
   ========================================================= */


/* =========================================================
   1. MAIN ACCOUNT LAYOUT
   ========================================================= */

body.woocommerce-account.logged-in .woocommerce {
    width: 92% !important;
    max-width: 1180px !important;

    margin: 3rem auto 5rem !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    grid-template-areas: "accountnav accountcontent" !important;

    gap: 2rem !important;

    align-items: start !important;

    font-family: "Montserrat", sans-serif !important;
}


/* =========================================================
   2. FORCE NAVIGATION LEFT
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation {

    grid-area: accountnav !important;
    grid-column: 1 !important;
    grid-row: 1 !important;

    float: none !important;
    clear: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0.8rem !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
    border-radius: 1rem !important;

    box-shadow:
        0 0.7rem 2rem rgba(0,0,0,0.05) !important;

    position: sticky !important;
    top: 2rem !important;
}


/* =========================================================
   3. FORCE CONTENT RIGHT
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content {

    grid-area: accountcontent !important;
    grid-column: 2 !important;
    grid-row: 1 !important;

    float: none !important;
    clear: none !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 2rem !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
    border-radius: 1rem !important;

    box-shadow:
        0 0.7rem 2rem rgba(0,0,0,0.05) !important;

    position: relative !important;
    overflow: hidden !important;
}


/* PURPLE CONTENT ACCENT */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 0.3rem;

    background: #c505ff;
}


/* =========================================================
   4. NAVIGATION RESET
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation ul {

    display: block !important;

    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation li {

    display: block !important;

    width: 100% !important;

    margin: 0 0 0.25rem !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}


/* =========================================================
   5. NAV LINKS
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation li a {

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 2.8rem !important;

    box-sizing: border-box !important;

    padding: 0.7rem 0.9rem !important;

    margin: 0 !important;

    background: transparent !important;

    border-radius: 0.65rem !important;

    color: #111111 !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.82rem !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation li a:hover {

    background: #faf8f6 !important;

    color: #c505ff !important;

    transform: translateX(0.1rem);
}


/* =========================================================
   6. ACTIVE MENU ITEM
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation li.is-active a {

    background: #c505ff !important;

    color: #ffffff !important;
}


/* =========================================================
   7. LOGOUT
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation-link--customer-logout {

    margin-top: 0.7rem !important;

    padding-top: 0.7rem !important;

    border-top: 1px solid #eeeeee !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation-link--customer-logout a {

    color: #555555 !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {

    background: #111111 !important;

    color: #ffffff !important;
}


/* =========================================================
   8. CONTENT TYPOGRAPHY
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content h1,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content h2,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content h3 {

    font-family: "Montserrat", sans-serif !important;

    color: #111111 !important;

    letter-spacing: -0.03em !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content h2 {

    margin: 0 0 1.25rem !important;

    font-size: clamp(1.5rem, 2vw, 1.9rem) !important;

    line-height: 1.15 !important;

    font-weight: 800 !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content h3 {

    margin: 1.3rem 0 0.7rem !important;

    font-size: 1.05rem !important;

    font-weight: 800 !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content p {

    margin: 0 0 1rem !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.87rem !important;

    line-height: 1.7 !important;

    color: #555555 !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content a {

    color: #c505ff !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content a:hover {

    color: #111111 !important;
}


/* =========================================================
   9. WOOCOMMERCE NOTICES / DASHBOARD BOXES
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .woocommerce-message,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .woocommerce-info,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .woocommerce-error {

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 0 1rem !important;

    padding: 1rem 1.2rem 1rem 3rem !important;

    background: #faf8f6 !important;

    border: 0 !important;
    border-left: 0.25rem solid #c505ff !important;

    border-radius: 0.7rem !important;

    color: #111111 !important;

    font-size: 0.84rem !important;
    line-height: 1.6 !important;

    box-shadow: none !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .woocommerce-message::before,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .woocommerce-info::before,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .woocommerce-error::before {

    color: #c505ff !important;
}


/* =========================================================
   10. BUTTONS
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .button,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content button.button,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .woocommerce-button {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    min-height: 2.7rem !important;

    padding: 0.7rem 1.2rem !important;

    background: #c505ff !important;

    border: 2px solid #c505ff !important;

    border-radius: 999px !important;

    color: #ffffff !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.78rem !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .button:hover,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content button.button:hover {

    background: #111111 !important;

    border-color: #111111 !important;

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* =========================================================
   11. ORDERS TABLE
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-orders-table {

    width: 100% !important;

    margin: 1rem 0 0 !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    border: 1px solid #eeeeee !important;

    border-radius: 0.8rem !important;

    overflow: hidden !important;

    background: #ffffff !important;
}


body.woocommerce-account.logged-in
.woocommerce-orders-table thead th {

    padding: 0.9rem 1rem !important;

    background: #faf8f6 !important;

    border: 0 !important;

    color: #111111 !important;

    font-size: 0.74rem !important;

    font-weight: 800 !important;

    text-transform: uppercase !important;

    letter-spacing: 0.04em !important;
}


body.woocommerce-account.logged-in
.woocommerce-orders-table tbody td {

    padding: 1rem !important;

    border: 0 !important;
    border-top: 1px solid #eeeeee !important;

    color: #555555 !important;

    font-size: 0.82rem !important;

    vertical-align: middle !important;
}


/* =========================================================
   12. ADDRESS CARDS
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-Addresses {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0,1fr)) !important;

    gap: 1rem !important;

    margin-top: 1.4rem !important;
}


body.woocommerce-account.logged-in
.woocommerce-Address {

    float: none !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 1.3rem !important;

    background: #faf8f6 !important;

    border: 1px solid #eeeeee !important;

    border-radius: 0.8rem !important;
}


body.woocommerce-account.logged-in
.woocommerce-Address-title {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 1rem !important;

    margin-bottom: 0.7rem !important;
}


body.woocommerce-account.logged-in
.woocommerce-Address-title h3 {

    margin: 0 !important;
}


body.woocommerce-account.logged-in
.woocommerce-Address address {

    font-style: normal !important;

    font-size: 0.83rem !important;

    line-height: 1.7 !important;

    color: #555555 !important;
}


/* =========================================================
   13. ACCOUNT FORM LABELS
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .form-row {

    float: none !important;

    width: 100% !important;

    margin: 0 0 1rem !important;

    padding: 0 !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content label {

    display: block !important;

    margin: 0 0 0.4rem !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.8rem !important;

    font-weight: 700 !important;

    color: #111111 !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content .required {

    color: #c505ff !important;
}


/* =========================================================
   14. ACCOUNT INPUTS
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content input[type="text"],

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content input[type="email"],

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content input[type="tel"],

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content input[type="password"],

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content select,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content textarea {

    display: block !important;

    width: 100% !important;

    min-height: 3rem !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 0.75rem 0.9rem !important;

    background: #faf8f6 !important;

    border: 1px solid #dedbd9 !important;

    border-radius: 0.65rem !important;

    color: #111111 !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 0.85rem !important;

    outline: none !important;

    box-shadow: none !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content input:focus,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content select:focus,

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content textarea:focus {

    background: #ffffff !important;

    border-color: #c505ff !important;

    box-shadow:
        0 0 0 0.18rem rgba(197,5,255,0.10) !important;
}


/* =========================================================
   15. PASSWORD FIELDSET
   ========================================================= */

body.woocommerce-account.logged-in
.woocommerce-MyAccount-content fieldset {

    margin: 1.4rem 0 !important;

    padding: 1.3rem !important;

    background: #faf8f6 !important;

    border: 1px solid #eeeeee !important;

    border-radius: 0.8rem !important;
}


body.woocommerce-account.logged-in
.woocommerce-MyAccount-content legend {

    padding: 0 0.5rem !important;

    font-size: 0.9rem !important;

    font-weight: 800 !important;

    color: #111111 !important;
}


/* =========================================================
   16. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    body.woocommerce-account.logged-in
    .woocommerce {

        width: 92% !important;

        grid-template-columns:
            210px minmax(0,1fr) !important;

        gap: 1.2rem !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-content {

        padding: 1.6rem !important;
    }

}


/* =========================================================
   17. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.woocommerce-account.logged-in
    .woocommerce {

        display: flex !important;

        flex-direction: column !important;

        width: 92% !important;

        margin: 2rem auto 3rem !important;

        gap: 1rem !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-navigation {

        order: 1 !important;

        position: static !important;

        width: 100% !important;

        padding: 0.65rem !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-content {

        order: 2 !important;

        width: 100% !important;

        padding: 1.4rem !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-navigation ul {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap: 0.35rem !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-navigation li {

        margin: 0 !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-navigation li a {

        justify-content: center !important;

        min-height: 2.6rem !important;

        padding: 0.6rem !important;

        text-align: center !important;

        font-size: 0.72rem !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-navigation-link--customer-logout {

        margin: 0 !important;

        padding: 0 !important;

        border-top: 0 !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-Addresses {

        grid-template-columns: 1fr !important;
    }

}


/* =========================================================
   18. SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    body.woocommerce-account.logged-in
    .woocommerce {

        width: 94% !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-navigation ul {

        grid-template-columns: 1fr !important;
    }


    body.woocommerce-account.logged-in
    .woocommerce-MyAccount-navigation li a {

        justify-content: flex-start !important;

        text-align: left !important;
    }

}/* End custom CSS */