.elementor-87 .elementor-element.elementor-element-508d5f5b{--display:flex;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-a3438e2 *//* =========================================================
   SHAADI EXPERT — COMPLETE MY ACCOUNT + LOGIN/REGISTER CSS
   Brand Color: #B71C2B
   Font: Existing Website Font — NOT CHANGED
   ========================================================= */


/* =========================================================
   1. MAIN ACCOUNT SECTION
   ========================================================= */

.e-my-account-tabs-vertical {
    width: 100% !important;
    max-width: 1250px !important;

    margin: 40px auto !important;
    padding: 0 20px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2b. FORCE FULL WIDTH ON ELEMENTOR WRAPPER
   Elementor's flex container (.e-con-inner) can shrink its
   child widget to content width instead of stretching it,
   which is what causes the narrow/centered layout on
   desktop & tablet (mobile is fine because Elementor
   auto-stacks everything to 100% below 767px anyway).
   ========================================================= */

.e-con-inner {

    width: 100% !important;

    align-items: stretch !important;
}


.elementor-element-a3438e2.e-my-account-tabs-vertical {

    width: 100% !important;

    max-width: 1250px !important;

    flex: 1 1 100% !important;
    flex-basis: 100% !important;
    flex-grow: 1 !important;

    align-self: stretch !important;

    margin: 40px auto !important;
}


/* =========================================================
   2c. WOOCOMMERCE MY ACCOUNT — NAVIGATION & CONTENT GAP
   ========================================================= */

.woocommerce {
    display: flex !important;
    gap: 30px !important;
    align-items: flex-start !important;
}

/* Left Navigation */
.woocommerce .woocommerce-MyAccount-navigation {
    flex: 0 0 270px !important;
    width: 270px !important;
}

/* Right Content */
.woocommerce .woocommerce-MyAccount-content {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .woocommerce .woocommerce-MyAccount-navigation {
        width: 100% !important;
        flex: none !important;
    }
    .woocommerce .woocommerce-MyAccount-content {
        width: 100% !important;
    }
}


/* =========================================================
   4. NAVIGATION BOX
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation ul {

    margin: 0 !important;
    padding: 12px !important;

    list-style: none !important;

    background: #FFFDFB !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 16px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   5. NAVIGATION ITEMS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation li {

    margin: 0 0 5px !important;
    padding: 0 !important;

    list-style: none !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   6. NAVIGATION LINKS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation li a {

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 48px !important;

    padding: 0 18px !important;

    margin: 0 !important;

    background: transparent !important;

    color: #4A2B2B !important;

    border: none !important;

    border-radius: 10px !important;

    text-decoration: none !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    transition: all 0.2s ease !important;
}


/* =========================================================
   7. NAVIGATION HOVER
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation li a:hover {

    background: #FFF3EE !important;

    color: #B71C2B !important;

    box-shadow: none !important;

    transform: none !important;
}


/* =========================================================
   8. ACTIVE TAB
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation
li.is-active > a {

    background: #B71C2B !important;
    background-color: #B71C2B !important;

    color: #FFFFFF !important;

    border: none !important;

    border-radius: 10px !important;

    box-shadow: none !important;
}


/* ACTIVE TAB HOVER */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation
li.is-active > a:hover {

    background: #B71C2B !important;
    background-color: #B71C2B !important;

    color: #FFFFFF !important;

    box-shadow: none !important;
}


/* =========================================================
   9. LOGOUT SEPARATOR
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--customer-logout {

    margin-top: 12px !important;

    padding-top: 12px !important;

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


/* =========================================================
   10. RIGHT CONTENT
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content {

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

    box-sizing: border-box !important;
}


/* =========================================================
   11. CONTENT CARD
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content-wrapper {

    width: 100% !important;

    margin: 0 !important;

    padding: 32px !important;

    background: #FFFDFB !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 16px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   12. ALL ACCOUNT CONTENT TEXT
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content p {

    color: #4A2B2B !important;

    line-height: 1.7 !important;
}


/* =========================================================
   13. ACCOUNT LINKS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content a {

    color: #B71C2B !important;

    text-decoration: none !important;
}


.e-my-account-tabs-vertical
.woocommerce-MyAccount-content a:hover {

    color: #8F001F !important;

    text-decoration: underline !important;
}


/* =========================================================
   14. HEADINGS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content h1,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content h2,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content h3,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content h4 {

    color: #4A2B2B !important;
}


/* =========================================================
   15. ADDRESS SECTION
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses {

    gap: 24px !important;

    margin: 25px 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   16. BILLING / SHIPPING CARD
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address {

    margin: 0 !important;

    padding: 28px !important;

    background: #FFFDFB !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 14px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}



/* =========================================================
   17. ADDRESS TITLE WRAPPER
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address
.woocommerce-Address-title {

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

    box-sizing: border-box !important;
}


/* =========================================================
   17b. REMOVE HEADER ::before (Billing/Shipping title)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address
.woocommerce-Address-title::before {

    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;
}


/* =========================================================
   18. BILLING / SHIPPING HEADING
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address
.woocommerce-Address-title h2 {

    margin: 0 0 4px !important;

    padding: 0 !important;

    color: #4A2B2B !important;

    font-size: 30px !important;

    line-height: 1.25 !important;

    white-space: normal !important;

    box-sizing: border-box !important;
}


/* =========================================================
   19. ADD BILLING / SHIPPING LINK
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address
.woocommerce-Address-title
.edit {

    margin: 0 0 16px !important;

    padding: 0 !important;

    color: #B71C2B !important;

    font-size: 15px !important;

    line-height: 1.4 !important;

    text-decoration: none !important;
}


/* =========================================================
   20. ADDRESS CONTENT BOX
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address
address {

    min-height: 100px !important;

    margin: 0 !important;

    padding: 20px !important;

    background: #FFFFFF !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 10px !important;

    color: #4A2B2B !important;

    line-height: 1.6 !important;

    box-sizing: border-box !important;

    box-shadow: none !important;
}


/* =========================================================
   21. ADDRESS EMPTY TEXT
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address address p {

    margin: 0 !important;

    color: #6B5A5A !important;
}


/* =========================================================
   22. ADDRESS LINKS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address a {

    color: #B71C2B !important;

    text-decoration: none !important;
}

/* =========================================================
   ADDRESSES — EXTRA GAP (TABLET)
   ========================================================= */

@media (max-width: 1024px) {

    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-content
    .woocommerce-Addresses {

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

        gap: 28px !important;
    }
}


/* =========================================================
   ADDRESSES — EXTRA GAP (MOBILE)
   ========================================================= */

@media (max-width: 767px) {

    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-content
    .woocommerce-Addresses {

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

        gap: 24px !important;
    }
}


/* =========================================================
   ADDRESSES — EXTRA GAP (SMALL MOBILE)
   ========================================================= */

@media (max-width: 480px) {

    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-content
    .woocommerce-Addresses {

        gap: 20px !important;
    }
}

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-Addresses
.woocommerce-Address a:hover {

    color: #8F001F !important;

    text-decoration: underline !important;
}


/* =========================================================
   23. FORMS (Account Details / Edit Address forms)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
input[type="text"],
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
input[type="email"],
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
input[type="tel"],
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
input[type="password"],
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
input[type="number"],
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
select,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
textarea {

    width: 100% !important;

    background: #FFFDFB !important;

    color: #4A2B2B !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 8px !important;

    box-shadow: none !important;

    outline: none !important;

    box-sizing: border-box !important;
}


/* FORM FOCUS */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
input:focus,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
select:focus,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
textarea:focus {

    border-color: #B71C2B !important;

    box-shadow:
        0 0 0 3px rgba(183, 28, 43, 0.10) !important;

    outline: none !important;
}


/* =========================================================
   24. BUTTONS (Account Details / Edit Address forms)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
button:not(.show-password-input),
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.button,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
input[type="submit"],
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.woocommerce-button {

    background: #B71C2B !important;

    background-color: #B71C2B !important;

    color: #FFFFFF !important;

    border: none !important;

    border-radius: 8px !important;

    box-shadow: none !important;

    text-decoration: none !important;
}


/* BUTTON HOVER */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
button:not(.show-password-input):hover,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
.button:hover,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content
input[type="submit"]:hover {

    background: #8F001F !important;

    background-color: #8F001F !important;

    color: #FFFFFF !important;

    box-shadow: none !important;
}


/* =========================================================
   25. ORDERS TABLE
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-orders-table {

    width: 100% !important;

    border-collapse: collapse !important;

    box-shadow: none !important;
}


.e-my-account-tabs-vertical
.woocommerce-orders-table th {

    background: #FFF3EE !important;

    color: #4A2B2B !important;

    border-color: #F1D8C8 !important;
}


.e-my-account-tabs-vertical
.woocommerce-orders-table td {

    color: #4A2B2B !important;

    border-color: #F1D8C8 !important;
}


/* =========================================================
   26. WOOCOMMERCE NOTICES (general, e.g. dashboard/orders)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-info,
.e-my-account-tabs-vertical
.woocommerce-message {

    background: #FFF3EE !important;

    color: #4A2B2B !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 10px !important;

    padding: 14px 16px !important;

    box-shadow: none !important;
}


/* =========================================================
   27. REMOVE ACCOUNT SECTION SHADOWS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation ul,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation li,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-navigation li a,
.e-my-account-tabs-vertical
.woocommerce-MyAccount-content-wrapper,
.e-my-account-tabs-vertical
.woocommerce-Address,
.e-my-account-tabs-vertical
.woocommerce-Address address {

    box-shadow: none !important;
}


/* =========================================================
   28. LOGIN / REGISTER
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login {

    gap: 24px !important;

    margin: 20px 0 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   29. LOGIN / REGISTER CARDS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
.u-column1,
.e-my-account-tabs-vertical
.woocommerce
#customer_login
.u-column2 {

    margin: 0 !important;

    padding: 32px !important;

    background: #FFFDFB !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 16px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   30. LOGIN / REGISTER HEADINGS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login h2 {

    margin: 0 0 22px !important;

    padding: 0 !important;

    color: #4A2B2B !important;

    font-size: 26px !important;

    line-height: 1.3 !important;
}


/* =========================================================
   31. FORM ROWS (both forms)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
.form-row {

    width: 100% !important;

    margin: 0 0 18px !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   32. LABELS (both forms)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login label {

    display: block !important;

    margin: 0 0 8px !important;

    color: #4A2B2B !important;

    font-size: 14px !important;

    font-weight: 600 !important;
}


.e-my-account-tabs-vertical
.woocommerce
#customer_login label .required {

    color: #B71C2B !important;
}


/* =========================================================
   33. TEXT / EMAIL / PASSWORD INPUTS (both forms)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
input.input-text,
.e-my-account-tabs-vertical
.woocommerce
#customer_login
input[type="text"],
.e-my-account-tabs-vertical
.woocommerce
#customer_login
input[type="email"],
.e-my-account-tabs-vertical
.woocommerce
#customer_login
input[type="password"] {

    display: block !important;

    width: 100% !important;

    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    background: #FFFDFB !important;

    color: #4A2B2B !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 8px !important;

    box-shadow: none !important;

    outline: none !important;

    box-sizing: border-box !important;

    transition: all 0.2s ease !important;
}


/* INPUT FOCUS */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
input.input-text:focus,
.e-my-account-tabs-vertical
.woocommerce
#customer_login
input[type="email"]:focus,
.e-my-account-tabs-vertical
.woocommerce
#customer_login
input[type="password"]:focus {

    border-color: #B71C2B !important;

    box-shadow:
        0 0 0 3px rgba(183, 28, 43, 0.10) !important;

    outline: none !important;
}


/* =========================================================
   34. PASSWORD SHOW/HIDE TOGGLE — GLOBAL
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
.password-input {

    position: relative !important;

    display: block !important;

    width: 100% !important;
}


.e-my-account-tabs-vertical
.woocommerce
.password-input input[type="password"],
.e-my-account-tabs-vertical
.woocommerce
.password-input input[type="text"] {

    padding-right: 46px !important;
}


.e-my-account-tabs-vertical
.woocommerce
.password-input
.show-password-input {

    position: absolute !important;

    top: 50% !important;
    right: 14px !important;

    transform: translateY(-50%) !important;

    width: 22px !important;
    height: 22px !important;

    min-width: 0 !important;

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

    background: transparent !important;
    background-color: transparent !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    cursor: pointer !important;

    opacity: 0.6 !important;
}


.e-my-account-tabs-vertical
.woocommerce
.password-input
.show-password-input:hover {

    opacity: 1 !important;

    background: transparent !important;
    background-color: transparent !important;
}


/* =========================================================
   35. REMEMBER ME (login only)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-form-login__rememberme {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 0 20px !important;

    color: #4A2B2B !important;

    font-size: 14px !important;

    cursor: pointer !important;
}


.e-my-account-tabs-vertical
.woocommerce
#customer_login
input.woocommerce-form__input-checkbox {

    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;

    accent-color: #B71C2B !important;
}


/* =========================================================
   36. LOGIN + REGISTER SUBMIT BUTTONS
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-form-login__submit,
.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-form-register__submit {

    display: block !important;

    width: 100% !important;

    min-height: 48px !important;

    margin: 4px 0 0 !important;
    padding: 0 18px !important;

    background: #B71C2B !important;
    background-color: #B71C2B !important;

    color: #FFFFFF !important;

    border: none !important;

    border-radius: 8px !important;

    font-weight: 600 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition: all 0.2s ease !important;
}


.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-form-login__submit:hover,
.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-form-register__submit:hover {

    background: #8F001F !important;
    background-color: #8F001F !important;

    color: #FFFFFF !important;

    box-shadow: none !important;
}


/* =========================================================
   37. LOST PASSWORD LINK (login only)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-LostPassword {

    margin: 18px 0 0 !important;

    padding: 0 !important;

    text-align: center !important;

    font-size: 14px !important;
}


.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-LostPassword a {

    color: #B71C2B !important;

    text-decoration: none !important;
}


.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-LostPassword a:hover {

    color: #8F001F !important;

    text-decoration: underline !important;
}


/* =========================================================
   38. REGISTER — HELPER TEXT
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-form-register > p {

    margin: 0 0 18px !important;

    padding: 0 !important;

    color: #4A2B2B !important;

    font-size: 14px !important;

    line-height: 1.6 !important;
}


/* =========================================================
   39. REGISTER — PRIVACY POLICY TEXT
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-privacy-policy-text {

    margin: 0 0 20px !important;

    padding: 14px 16px !important;

    background: #FFF3EE !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 10px !important;

    box-sizing: border-box !important;
}


.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-privacy-policy-text p {

    margin: 0 !important;

    color: #6B5A5A !important;

    font-size: 13px !important;

    line-height: 1.6 !important;
}


.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-privacy-policy-link {

    color: #B71C2B !important;

    text-decoration: none !important;
}


.e-my-account-tabs-vertical
.woocommerce
#customer_login
.woocommerce-privacy-policy-link:hover {

    color: #8F001F !important;

    text-decoration: underline !important;
}


/* =========================================================
   40. WOOCOMMERCE NOTICES ON LOGIN/REGISTER
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-notices-wrapper
.woocommerce-error,
.e-my-account-tabs-vertical
.woocommerce-notices-wrapper
.woocommerce-message,
.e-my-account-tabs-vertical
.woocommerce-notices-wrapper
.woocommerce-info {

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 14px 16px !important;

    background: #FFF3EE !important;

    color: #4A2B2B !important;

    border: 1px solid #F1D8C8 !important;

    border-radius: 10px !important;

    list-style: none !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


.e-my-account-tabs-vertical
.woocommerce-notices-wrapper
.woocommerce-error {

    border-color: #B71C2B !important;
}


/* =========================================================
   40b. HIDE DEFAULT NOTICE ICON (all tabs)
   ========================================================= */

.e-my-account-tabs-vertical
.woocommerce-info::before,
.e-my-account-tabs-vertical
.woocommerce-message::before,
.e-my-account-tabs-vertical
.woocommerce-error::before {

    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;
}


/* =========================================================
   41. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .e-my-account-tabs-vertical {

        padding: 0 18px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-content-wrapper {

        padding: 24px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses {

        gap: 18px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Address {

        padding: 24px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Address-title h2 {

        font-size: 26px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login {

        gap: 20px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    .u-column1,
    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    .u-column2 {

        padding: 26px !important;
    }
}


/* =========================================================
   42. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .e-my-account-tabs-vertical {

        width: 100% !important;

        margin: 20px auto !important;

        padding: 0 16px !important;
    }


    /* SIDEBAR */

    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-navigation ul {

        gap: 6px !important;

        padding: 10px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-navigation li {

        margin: 0 !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-navigation li a {

        min-height: 44px !important;

        padding: 10px 8px !important;
    }


    /* CONTENT */

    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-content-wrapper {

        padding: 24px 18px !important;
    }


    /* ADDRESS */

    .e-my-account-tabs-vertical
    .woocommerce-Addresses {

        gap: 18px !important;

        width: 100% !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses
    .woocommerce-Address {

        width: 100% !important;

        margin: 0 !important;

        padding: 22px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses
    .woocommerce-Address-title {

        margin-bottom: 14px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses
    .woocommerce-Address-title h2 {

        width: 100% !important;

        margin: 0 0 8px !important;

        font-size: 24px !important;

        line-height: 1.25 !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses
    .woocommerce-Address-title .edit {

        margin: 0 0 12px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses
    .woocommerce-Address address {

        width: 100% !important;

        min-height: 80px !important;

        padding: 20px !important;
    }


    /* LOGIN / REGISTER — full width, tighter spacing on mobile */

    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login {

        gap: 18px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    .u-column1,
    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    .u-column2 {

        width: 100% !important;

        padding: 24px 20px !important;

        border-radius: 14px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login h2 {

        font-size: 22px !important;

        margin-bottom: 18px !important;
    }
}


/* =========================================================
   43. SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .e-my-account-tabs-vertical {

        padding: 0 12px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-MyAccount-content-wrapper {

        padding: 18px 14px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses {

        gap: 14px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses
    .woocommerce-Address {

        padding: 18px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce-Addresses
    .woocommerce-Address-title h2 {

        font-size: 22px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    .u-column1,
    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    .u-column2 {

        padding: 20px 16px !important;
    }


    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    .woocommerce-form-login__submit,
    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    .woocommerce-form-register__submit,
    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    input.input-text,
    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    input[type="email"],
    .e-my-account-tabs-vertical
    .woocommerce
    #customer_login
    input[type="password"] {

        min-height: 46px !important;
    }
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address{
    margin-top:30px !important;
}






@media (max-width: 767px) {

    #customer_login {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
    }

    #customer_login .u-column1,
    #customer_login .u-column2 {
        width: 100% !important;
        margin: 0 !important;
    }

}/* End custom CSS */