/* Native WooCommerce My Account presentation. */
body.woocommerce-account .woocommerce {
    width: min(100% - 36px, 1240px);
    margin-inline: auto;
}

body.woocommerce-account .woocommerce::after {
    display: table;
    clear: both;
    content: "";
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
    float: left;
    width: 24%;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
    margin: 0 0 30px;
    padding: 0;
    border-top: 1px solid #e2e2df;
    list-style: none;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 15px 13px;
    border-bottom: 1px solid #e2e2df;
    color: #222;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a:focus {
    background: #111;
    color: #fff;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
    float: right;
    width: 71%;
    min-width: 0;
    overflow-x: auto;
    overflow-wrap: anywhere;
    line-height: 1.7;
}

body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
}

body.woocommerce-account .woocommerce #customer_login.col2-set {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(28px, 5vw, 64px);
}

body.woocommerce-account .woocommerce #customer_login::before,
body.woocommerce-account .woocommerce #customer_login::after { display: none; }

body.woocommerce-account .woocommerce #customer_login .col-1,
body.woocommerce-account .woocommerce #customer_login .col-2 {
    float: none;
    width: auto;
    min-width: 0;
}

body.woocommerce-account .woocommerce form.woocommerce-form-login,
body.woocommerce-account .woocommerce form.woocommerce-form-register,
body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce .woocommerce-address-fields {
    border: 1px solid #e2e2df;
    border-radius: 0;
    padding: clamp(20px, 3vw, 34px);
    background: #fafaf8;
}

body.woocommerce-account .woocommerce form.woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce .woocommerce-address-fields {
    max-width: 760px;
}

body.woocommerce-account .woocommerce .form-row { margin: 0 0 18px; padding: 0; }
body.woocommerce-account .woocommerce .form-row label {
    display: block;
    margin: 0 0 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

body.woocommerce-account .woocommerce .form-row input.input-text,
body.woocommerce-account .woocommerce .form-row input[type="text"],
body.woocommerce-account .woocommerce .form-row input[type="email"],
body.woocommerce-account .woocommerce .form-row input[type="password"],
body.woocommerce-account .woocommerce .form-row input[type="tel"],
body.woocommerce-account .woocommerce .form-row select,
body.woocommerce-account .woocommerce .form-row textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid #cfcfcb;
    border-radius: 0;
    background: #fff;
    color: #111;
    box-shadow: none;
}

body.woocommerce-account .woocommerce .form-row textarea { min-height: 116px; resize: vertical; }
body.woocommerce-account .woocommerce .form-row input:focus,
body.woocommerce-account .woocommerce .form-row select:focus,
body.woocommerce-account .woocommerce .form-row textarea:focus {
    border-color: #111;
    outline: 0;
    box-shadow: 0 0 0 1px #111;
}

body.woocommerce-account .woocommerce fieldset {
    min-width: 0;
    margin: 30px 0;
    padding: 18px;
    border: 1px solid #e2e2df;
}

body.woocommerce-account .woocommerce table.shop_table {
    width: 100%;
    border: 1px solid #e2e2df;
    border-collapse: collapse;
    border-radius: 0;
}

body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table td {
    padding: 14px 12px;
    border-bottom: 1px solid #e8e8e5;
    font-size: 13px;
    line-height: 1.5;
}

body.woocommerce-account .woocommerce .woocommerce-orders-table .button { margin: 3px; }

body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button {
    min-height: 46px;
    padding: 12px 20px;
    border: 1px solid #111;
    border-radius: 0;
    background: #111;
    color: #fff;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

body.woocommerce-account .woocommerce .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

body.woocommerce-account .woocommerce .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce .woocommerce-Addresses::after { display: none; }
body.woocommerce-account .woocommerce .woocommerce-Address {
    float: none;
    width: auto;
    min-width: 0;
    padding: 20px;
    border: 1px solid #e2e2df;
}

@media (max-width: 767px) {
    body.woocommerce-account .woocommerce { width: calc(100% - 30px); }
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
    }
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { margin-bottom: 30px; }
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
        display: flex;
        overflow-x: auto;
        border: 1px solid #e2e2df;
    }
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li { flex: 0 0 auto; }
    body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a {
        border-bottom: 0;
        border-right: 1px solid #e2e2df;
        white-space: nowrap;
    }
    body.woocommerce-account .woocommerce #customer_login.col2-set,
    body.woocommerce-account .woocommerce .woocommerce-Addresses {
        grid-template-columns: minmax(0, 1fr);
    }
    body.woocommerce-account .woocommerce .form-row-first,
    body.woocommerce-account .woocommerce .form-row-last {
        float: none;
        width: 100%;
    }
    body.woocommerce-account .woocommerce table.shop_table_responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
}