/*
 * ECO-TEC conditional page CSS
 * extracted from historical DONE81 blocks
 * loaded only where required
 */

/* ECO-TEC FLAGSHIP COMMERCE DONE81 START */


/* =========================================================
   COMMERCE PAGE FOUNDATION
   ========================================================= */

.eco-v81-commerce-page {
    background:
        #F7F9FC;
}


.eco-v81-commerce-page
.site-main,
.eco-v81-commerce-page
main {
    --eco-commerce-navy:
        #071A33;

    --eco-commerce-blue:
        #0053FF;
}


.eco-v81-commerce-page
.entry-header > .entry-title,
.eco-v81-commerce-page
.woocommerce-breadcrumb {
    display:
        none !important;
}


/* =========================================================
   FLAGSHIP HERO
   ========================================================= */

.eco-v81-commerce-hero {
    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.34fr);

    gap:
        clamp(35px,6vw,82px);

    overflow:
        hidden;

    margin:
        8px 0 14px;

    padding:
        clamp(35px,5vw,60px);

    color:
        #fff;

    background:
        linear-gradient(
            132deg,
            #06162B 0%,
            #071F3B 48%,
            #0B315B 100%
        );

    border:
        1px solid
        rgba(255,255,255,.07);

    border-radius:
        24px;

    box-shadow:
        0 34px 85px
        rgba(7,26,51,.16);
}


.eco-v81-commerce-hero::before {
    content:
        "";

    position:
        absolute;

    width:
        520px;

    height:
        520px;

    right:
        -180px;

    top:
        -350px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(0,83,255,.48),
            rgba(0,83,255,.10) 42%,
            rgba(0,83,255,0) 72%
        );

    pointer-events:
        none;
}


.eco-v81-commerce-copy,
.eco-v81-commerce-side {
    position:
        relative;

    z-index:
        1;
}


.eco-v81-commerce-kicker,
.eco-v81-mini-kicker {
    display:
        inline-block;

    margin-bottom:
        12px;

    color:
        #75A9FF;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        .105em;

    text-transform:
        uppercase;
}


.eco-v81-commerce-copy h1, .eco-v81-commerce-copy h2.eco457-heading {
    max-width:
        850px;

    margin:
        0;

    color:
        #fff;

    font-size:
        clamp(36px,5vw,62px);

    font-weight:
        820;

    line-height:
        1.015;

    letter-spacing:
        -.045em;

    text-wrap:
        balance;
}


.eco-v81-commerce-copy > p {
    max-width:
        720px;

    margin:
        20px 0 0;

    color:
        rgba(255,255,255,.61);

    font-size:
        13px;

    line-height:
        1.74;
}


/* =========================================================
   FLOW STEPPER
   ========================================================= */

.eco-v81-flow {
    display:
        grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    max-width:
        590px;

    margin-top:
        31px;

    overflow:
        hidden;

    background:
        rgba(255,255,255,.045);

    border:
        1px solid
        rgba(255,255,255,.075);

    border-radius:
        12px;
}


.eco-v81-flow-step {
    position:
        relative;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    min-height:
        46px;

    padding:
        10px 13px;

    border-right:
        1px solid
        rgba(255,255,255,.07);
}


.eco-v81-flow-step:last-child {
    border-right:
        0;
}


.eco-v81-flow-number {
    color:
        rgba(255,255,255,.31);

    font-size:
        8px;

    font-weight:
        900;
}


.eco-v81-flow-step strong {
    color:
        rgba(255,255,255,.45);

    font-size:
        9px;

    font-weight:
        800;

    line-height:
        1.2;
}


.eco-v81-flow-step.is-done
.eco-v81-flow-number {
    color:
        #75A9FF;
}


.eco-v81-flow-step.is-done
strong {
    color:
        rgba(255,255,255,.70);
}


.eco-v81-flow-step.is-active {
    background:
        rgba(255,255,255,.075);
}


.eco-v81-flow-step.is-active::after {
    content:
        "";

    position:
        absolute;

    left:
        12px;

    right:
        12px;

    bottom:
        0;

    height:
        2px;

    border-radius:
        999px 999px 0 0;

    background:
        #75A9FF;
}


.eco-v81-flow-step.is-active
.eco-v81-flow-number,
.eco-v81-flow-step.is-active
strong {
    color:
        #fff;
}


/* =========================================================
   HERO SIDE PANEL
   ========================================================= */

.eco-v81-commerce-side {
    display:
        flex;

    min-width:
        0;

    flex-direction:
        column;

    align-self:
        stretch;

    justify-content:
        center;

    overflow:
        hidden;

    background:
        rgba(255,255,255,.052);

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:
        16px;

    backdrop-filter:
        blur(8px);
}


.eco-v81-side-primary {
    padding:
        23px;

    border-bottom:
        1px solid
        rgba(255,255,255,.08);
}


.eco-v81-side-primary strong {
    display:
        block;

    color:
        #fff;

    font-size:
        37px;

    font-weight:
        800;

    line-height:
        1;
}


.eco-v81-stage-success
.eco-v81-side-primary strong {
    color:
        #75A9FF;

    font-size:
        31px;
}


.eco-v81-side-primary span {
    display:
        block;

    margin-top:
        7px;

    color:
        rgba(255,255,255,.42);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .05em;

    text-transform:
        uppercase;
}


.eco-v81-side-row {
    padding:
        14px 22px;

    border-bottom:
        1px solid
        rgba(255,255,255,.065);
}


.eco-v81-side-row:last-child {
    border-bottom:
        0;
}


.eco-v81-side-row strong {
    display:
        block;

    color:
        #fff;

    font-size:
        10px;

    font-weight:
        800;
}


.eco-v81-side-row span {
    display:
        block;

    margin-top:
        3px;

    color:
        rgba(255,255,255,.40);

    font-size:
        8px;

    line-height:
        1.4;
}


/* =========================================================
   ASSURANCE STRIP
   ========================================================= */

.eco-v81-assurance {
    display:
        grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    overflow:
        hidden;

    margin:
        0 0
        clamp(40px,5vw,62px);

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.065);

    border-radius:
        14px;

    box-shadow:
        0 12px 32px
        rgba(7,26,51,.035);
}


.eco-v81-assurance > div {
    padding:
        15px 18px;

    border-right:
        1px solid
        rgba(7,26,51,.055);
}


.eco-v81-assurance > div:last-child {
    border-right:
        0;
}


.eco-v81-assurance strong {
    display:
        block;

    color:
        #071A33;

    font-size:
        10px;

    font-weight:
        820;
}


.eco-v81-assurance span {
    display:
        block;

    margin-top:
        3px;

    color:
        #8A95A5;

    font-size:
        8px;
}


/* =========================================================
   CART
   ========================================================= */

.eco-v81-stage-cart
.woocommerce {
    color:
        #253247;
}


.eco-v81-stage-cart
.woocommerce-cart-form {
    margin-bottom:
        26px;
}


.eco-v81-stage-cart
.shop_table.cart {
    overflow:
        hidden;

    margin:
        0 !important;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07) !important;

    border-collapse:
        separate !important;

    border-spacing:
        0;

    border-radius:
        17px;

    box-shadow:
        0 15px 42px
        rgba(7,26,51,.045);
}


.eco-v81-stage-cart
.shop_table.cart
th {
    padding:
        14px 16px !important;

    color:
        #6E7A8A;

    background:
        #F8FAFD;

    border-color:
        rgba(7,26,51,.055) !important;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        .06em;

    text-transform:
        uppercase;
}


.eco-v81-stage-cart
.shop_table.cart
td {
    padding:
        17px 16px !important;

    vertical-align:
        middle;

    border-color:
        rgba(7,26,51,.055) !important;
}


.eco-v81-stage-cart
.product-thumbnail img {
    width:
        92px !important;

    height:
        92px !important;

    padding:
        7px;

    object-fit:
        contain;

    background:
        #F7F9FC;

    border:
        1px solid
        rgba(7,26,51,.055);

    border-radius:
        11px;
}


.eco-v81-stage-cart
.product-name a {
    color:
        #071A33 !important;

    font-size:
        12px;

    font-weight:
        800;

    line-height:
        1.4;

    text-decoration:
        none !important;
}


.eco-v81-stage-cart
.product-name a:hover {
    color:
        #0053FF !important;
}


.eco-v81-stage-cart
.product-price,
.eco-v81-stage-cart
.product-subtotal {
    color:
        #071A33;

    font-size:
        12px;

    font-weight:
        800;
}


.eco-v81-stage-cart
.product-remove
a.remove {
    display:
        inline-flex !important;

    width:
        29px !important;

    height:
        29px !important;

    align-items:
        center;

    justify-content:
        center;

    color:
        #7E8998 !important;

    background:
        #F5F8FC !important;

    border:
        1px solid
        rgba(7,26,51,.06);

    border-radius:
        50% !important;

    font-size:
        17px !important;

    line-height:
        1 !important;
}


.eco-v81-stage-cart
.product-remove
a.remove:hover {
    color:
        #fff !important;

    background:
        #071A33 !important;
}


.eco-v81-stage-cart
.quantity
.qty {
    width:
        68px;

    min-height:
        40px;

    color:
        #071A33;

    background:
        #F7F9FC;

    border:
        1px solid
        rgba(7,26,51,.08);

    border-radius:
        8px;
}


.eco-v81-stage-cart
.actions {
    padding:
        15px !important;

    background:
        #FBFCFE;
}


.eco-v81-stage-cart
.coupon {
    display:
        flex;

    gap:
        7px;
}


.eco-v81-stage-cart
.coupon
.input-text {
    min-width:
        190px;

    min-height:
        42px;

    padding:
        8px 12px !important;

    color:
        #071A33;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.09) !important;

    border-radius:
        8px;
}


.eco-v81-stage-cart
.actions
.button {
    min-height:
        42px;

    padding:
        9px 14px !important;

    color:
        #071A33 !important;

    background:
        #fff !important;

    border:
        1px solid
        rgba(7,26,51,.09) !important;

    border-radius:
        8px !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;
}


.eco-v81-stage-cart
.cart-collaterals {
    margin-top:
        26px;
}


.eco-v81-stage-cart
.cart-collaterals
.cart_totals {
    width:
        min(100%,500px) !important;

    padding:
        clamp(22px,3vw,30px);

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        17px;

    box-shadow:
        0 18px 46px
        rgba(7,26,51,.055);
}


.eco-v81-stage-cart
.cart_totals h2 {
    margin:
        0 0 17px;

    color:
        #071A33;

    font-size:
        23px;

    letter-spacing:
        -.025em;
}


.eco-v81-stage-cart
.cart_totals
.shop_table {
    margin-bottom:
        17px !important;

    border:
        0 !important;
}


.eco-v81-stage-cart
.cart_totals
th,
.eco-v81-stage-cart
.cart_totals
td {
    padding:
        12px 0 !important;

    border-color:
        rgba(7,26,51,.065) !important;
}


.eco-v81-stage-cart
.cart_totals
th {
    color:
        #637083;

    font-size:
        10px;

    font-weight:
        750;
}


.eco-v81-stage-cart
.cart_totals
td {
    color:
        #071A33;

    font-size:
        11px;

    font-weight:
        800;

    text-align:
        right;
}


.eco-v81-stage-cart
.wc-proceed-to-checkout {
    padding:
        0 !important;
}


.eco-v81-stage-cart
.checkout-button {
    display:
        flex !important;

    min-height:
        50px;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0 !important;

    color:
        #fff !important;

    background:
        #0053FF !important;

    border:
        1px solid
        #0053FF !important;

    border-radius:
        9px !important;

    box-shadow:
        0 12px 26px
        rgba(0,83,255,.18);

    font-size:
        12px !important;

    font-weight:
        850 !important;
}


.eco-v81-stage-cart
.checkout-button:hover {
    background:
        #0047DC !important;
}


.eco-v81-cart-support {
    margin-top:
        13px;

    padding:
        17px 18px;

    background:
        #EAF2FF;

    border:
        1px solid
        rgba(0,83,255,.10);

    border-radius:
        11px;
}


.eco-v81-cart-support span {
    display:
        block;

    color:
        #0053FF;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        .06em;

    text-transform:
        uppercase;
}


.eco-v81-cart-support strong {
    display:
        block;

    margin-top:
        5px;

    color:
        #071A33;

    font-size:
        11px;

    line-height:
        1.45;
}


.eco-v81-cart-support a {
    display:
        inline-block;

    margin-top:
        7px;

    color:
        #0053FF !important;

    font-size:
        9px;

    font-weight:
        850;

    text-decoration:
        none !important;
}


/* =========================================================
   EMPTY CART
   ========================================================= */

.eco-v81-stage-cart
.cart-empty {
    padding:
        23px;

    color:
        #637083;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        13px;
}


.eco-v81-empty-cart {
    position:
        relative;

    overflow:
        hidden;

    margin:
        15px 0 40px;

    padding:
        clamp(29px,5vw,48px);

    background:
        linear-gradient(
            135deg,
            #F5F8FC,
            #EDF4FF
        );

    border:
        1px solid
        rgba(7,26,51,.065);

    border-radius:
        18px;
}


.eco-v81-empty-cart
.eco-v81-mini-kicker {
    color:
        #0053FF;
}


.eco-v81-empty-cart h2 {
    max-width:
        700px;

    margin:
        0;

    color:
        #071A33;

    font-size:
        clamp(27px,3.5vw,42px);

    line-height:
        1.07;

    letter-spacing:
        -.035em;
}


.eco-v81-empty-cart p {
    max-width:
        690px;

    margin:
        14px 0 0;

    color:
        #637083;

    font-size:
        12px;

    line-height:
        1.7;
}


.eco-v81-empty-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        22px;
}


.eco-v81-empty-actions a {
    display:
        inline-flex;

    min-height:
        42px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        9px 15px;

    color:
        #071A33 !important;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.09);

    border-radius:
        8px;

    font-size:
        10px;

    font-weight:
        850;

    text-decoration:
        none !important;
}


.eco-v81-empty-actions a.primary {
    color:
        #fff !important;

    background:
        #0053FF;

    border-color:
        #0053FF;
}


.eco-v81-empty-links {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-top:
        23px;

    padding-top:
        19px;

    border-top:
        1px solid
        rgba(7,26,51,.06);
}


.eco-v81-empty-links a {
    padding:
        6px 10px;

    color:
        #253247 !important;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.065);

    border-radius:
        999px;

    font-size:
        9px;

    font-weight:
        750;

    text-decoration:
        none !important;
}


/* =========================================================
   CHECKOUT
   ========================================================= */

.eco-v81-stage-checkout
.woocommerce-form-login,
.eco-v81-stage-checkout
.woocommerce-form-coupon {
    padding:
        19px !important;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07) !important;

    border-radius:
        13px;
}


.eco-v81-stage-checkout
form.checkout::after {
    content:
        "";

    display:
        table;

    clear:
        both;
}


.eco-v81-stage-checkout
#customer_details {
    width:
        58%;

    float:
        left;
}


.eco-v81-stage-checkout
#order_review_heading,
.eco-v81-stage-checkout
#order_review {
    width:
        38%;

    float:
        right;
}


.eco-v81-stage-checkout
#customer_details
.col-1,
.eco-v81-stage-checkout
#customer_details
.col-2 {
    width:
        100% !important;

    float:
        none !important;

    margin:
        0 0 17px;

    padding:
        clamp(22px,3vw,30px);

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        17px;

    box-shadow:
        0 15px 40px
        rgba(7,26,51,.04);
}


.eco-v81-stage-checkout
#customer_details h3,
.eco-v81-stage-checkout
#order_review_heading {
    color:
        #071A33;

    font-size:
        21px;

    font-weight:
        800;

    line-height:
        1.2;

    letter-spacing:
        -.025em;
}


.eco-v81-stage-checkout
#order_review_heading {
    margin:
        0 0 12px;
}


.eco-v81-stage-checkout
#order_review {
    position:
        sticky;

    top:
        105px;

    padding:
        clamp(20px,2.7vw,27px);

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        17px;

    box-shadow:
        0 20px 54px
        rgba(7,26,51,.06);
}


.eco-v81-stage-checkout
.form-row {
    margin:
        0 0 13px !important;
}


.eco-v81-stage-checkout
.form-row label {
    margin-bottom:
        6px;

    color:
        #596677;

    font-size:
        9px;

    font-weight:
        800;
}


.eco-v81-stage-checkout
.input-text,
.eco-v81-stage-checkout
select,
.eco-v81-stage-checkout
.select2-selection {
    min-height:
        44px !important;

    color:
        #071A33 !important;

    background:
        #F8FAFD !important;

    border:
        1px solid
        rgba(7,26,51,.085) !important;

    border-radius:
        8px !important;

    box-shadow:
        none !important;
}


.eco-v81-stage-checkout
.input-text {
    padding:
        9px 11px !important;
}


.eco-v81-stage-checkout
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    line-height:
        42px !important;
}


.eco-v81-stage-checkout
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    height:
        42px !important;
}


.eco-v81-stage-checkout
#order_review
.shop_table {
    margin:
        0 0 18px !important;

    border:
        0 !important;
}


.eco-v81-stage-checkout
#order_review
.shop_table
th,
.eco-v81-stage-checkout
#order_review
.shop_table
td {
    padding:
        11px 0 !important;

    border-color:
        rgba(7,26,51,.06) !important;

    font-size:
        10px;
}


.eco-v81-stage-checkout
#order_review
.shop_table
th {
    color:
        #637083;

    font-weight:
        750;
}


.eco-v81-stage-checkout
#order_review
.shop_table
td {
    color:
        #071A33;

    font-weight:
        750;
}


.eco-v81-stage-checkout
#order_review
.order-total
th,
.eco-v81-stage-checkout
#order_review
.order-total
td {
    padding-top:
        15px !important;

    color:
        #071A33;

    font-size:
        13px;

    font-weight:
        900;
}


/* PAYMENT */

.eco-v81-stage-checkout
#payment {
    margin-top:
        15px;

    background:
        #F7F9FC !important;

    border:
        1px solid
        rgba(7,26,51,.06);

    border-radius:
        13px !important;
}


.eco-v81-payment-heading {
    padding:
        16px 16px 4px;
}


.eco-v81-payment-heading > span {
    color:
        #0053FF;

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        .07em;

    text-transform:
        uppercase;
}


.eco-v81-payment-heading > strong {
    display:
        block;

    margin-top:
        4px;

    color:
        #071A33;

    font-size:
        13px;
}


.eco-v81-payment-heading > p {
    margin:
        4px 0 0;

    color:
        #8994A3;

    font-size:
        8px;

    line-height:
        1.45;
}


.eco-v81-stage-checkout
#payment
ul.payment_methods {
    padding:
        11px 15px 4px !important;

    border-bottom:
        0 !important;
}


.eco-v81-stage-checkout
#payment
ul.payment_methods
li {
    margin:
        0 0 8px !important;

    padding:
        12px 13px;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        9px;
}


.eco-v81-stage-checkout
#payment
ul.payment_methods
li label {
    color:
        #071A33;

    font-size:
        10px;

    font-weight:
        800;
}


.eco-v81-stage-checkout
#payment
.payment_box {
    margin:
        10px -2px 0 !important;

    padding:
        12px !important;

    color:
        #637083 !important;

    background:
        #F5F8FC !important;

    border-radius:
        8px;
}


.eco-v81-stage-checkout
#payment
.payment_box::before {
    display:
        none !important;
}


.eco-v81-stage-checkout
#payment
.place-order {
    padding:
        12px 15px 16px !important;
}


.eco-v81-stage-checkout
#place_order {
    width:
        100%;

    min-height:
        50px;

    margin:
        0 !important;

    color:
        #fff !important;

    background:
        #0053FF !important;

    border:
        1px solid
        #0053FF !important;

    border-radius:
        9px !important;

    box-shadow:
        0 12px 26px
        rgba(0,83,255,.18);

    font-size:
        12px !important;

    font-weight:
        850 !important;
}


.eco-v81-stage-checkout
#place_order:hover {
    background:
        #0047DC !important;
}


.eco-v81-checkout-assurance {
    margin-top:
        13px;

    padding-top:
        13px;

    border-top:
        1px solid
        rgba(7,26,51,.065);
}


.eco-v81-checkout-assurance p {
    margin:
        0;

    color:
        #8A95A5;

    font-size:
        8px;

    line-height:
        1.55;
}


.eco-v81-checkout-assurance > div {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px 11px;

    margin-top:
        8px;
}


.eco-v81-checkout-assurance a {
    color:
        #637083 !important;

    font-size:
        8px;

    font-weight:
        750;

    text-decoration:
        none !important;
}


.eco-v81-checkout-assurance a:hover {
    color:
        #0053FF !important;
}


/* =========================================================
   ACCOUNT
   ========================================================= */

.eco-v81-stage-account
.woocommerce {
    color:
        #253247;
}


.eco-v81-stage-account
.woocommerce-MyAccount-navigation {
    width:
        27% !important;

    padding:
        9px;

    background:
        #071A33;

    border:
        1px solid
        rgba(255,255,255,.06);

    border-radius:
        16px;

    box-shadow:
        0 20px 50px
        rgba(7,26,51,.10);
}


.eco-v81-stage-account
.woocommerce-MyAccount-navigation
ul {
    margin:
        0;

    padding:
        0;

    list-style:
        none;
}


.eco-v81-stage-account
.woocommerce-MyAccount-navigation
li {
    margin:
        0;
}


.eco-v81-stage-account
.woocommerce-MyAccount-navigation
a {
    display:
        flex;

    min-height:
        43px;

    align-items:
        center;

    padding:
        9px 12px;

    color:
        rgba(255,255,255,.58) !important;

    border-radius:
        8px;

    font-size:
        10px;

    font-weight:
        750;

    text-decoration:
        none !important;

    transition:
        color .18s ease,
        background-color .18s ease;
}


.eco-v81-stage-account
.woocommerce-MyAccount-navigation
a:hover {
    color:
        #fff !important;

    background:
        rgba(255,255,255,.055);
}


.eco-v81-stage-account
.woocommerce-MyAccount-navigation
.is-active a {
    color:
        #071A33 !important;

    background:
        #fff;
}


.eco-v81-stage-account
.woocommerce-MyAccount-content {
    width:
        69% !important;

    min-height:
        330px;

    padding:
        clamp(23px,3vw,34px);

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        17px;

    box-shadow:
        0 16px 44px
        rgba(7,26,51,.045);
}


.eco-v81-stage-account
.woocommerce-MyAccount-content
p {
    color:
        #637083;

    font-size:
        11px;

    line-height:
        1.7;
}


.eco-v81-stage-account
.woocommerce-MyAccount-content
a:not(.button) {
    color:
        #0053FF;

    font-weight:
        750;
}


.eco-v81-stage-account
.woocommerce-MyAccount-content
table {
    overflow:
        hidden;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        11px;
}


.eco-v81-stage-account
.woocommerce-MyAccount-content
th {
    color:
        #637083;

    background:
        #F7F9FC;

    font-size:
        8px;

    text-transform:
        uppercase;
}


.eco-v81-stage-account
.woocommerce-MyAccount-content
td {
    color:
        #253247;

    font-size:
        10px;
}


.eco-v81-stage-account
.woocommerce-Address {
    padding:
        20px;

    background:
        #F8FAFD;

    border:
        1px solid
        rgba(7,26,51,.06);

    border-radius:
        12px;
}


.eco-v81-stage-account
.woocommerce-Address-title
h2 {
    color:
        #071A33;

    font-size:
        17px;
}


/* LOGIN / REGISTER */

.eco-v81-stage-account
.u-columns.col2-set {
    display:
        grid;

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

    gap:
        16px;
}


.eco-v81-stage-account
.u-columns.col2-set
> .col-1,
.eco-v81-stage-account
.u-columns.col2-set
> .col-2 {
    width:
        auto !important;

    float:
        none !important;

    padding:
        clamp(22px,3vw,31px);

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        17px;

    box-shadow:
        0 16px 40px
        rgba(7,26,51,.04);
}


.eco-v81-stage-account
.u-columns
h2 {
    margin:
        0 0 18px;

    color:
        #071A33;

    font-size:
        24px;

    letter-spacing:
        -.025em;
}


.eco-v81-stage-account
.woocommerce-form-login,
.eco-v81-stage-account
.woocommerce-form-register {
    padding:
        0 !important;

    border:
        0 !important;
}


.eco-v81-stage-account
.woocommerce-form
.form-row label {
    color:
        #637083;

    font-size:
        9px;

    font-weight:
        800;
}


.eco-v81-stage-account
.woocommerce-form
.input-text {
    min-height:
        44px;

    padding:
        9px 11px;

    color:
        #071A33;

    background:
        #F8FAFD;

    border:
        1px solid
        rgba(7,26,51,.08);

    border-radius:
        8px;
}


.eco-v81-stage-account
.woocommerce-form
.button {
    min-height:
        43px;

    padding:
        9px 15px !important;

    color:
        #fff !important;

    background:
        #0053FF !important;

    border:
        1px solid
        #0053FF !important;

    border-radius:
        8px !important;

    font-size:
        10px !important;

    font-weight:
        850 !important;
}


.eco-v81-guest-note,
.eco-v81-account-helper {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    clear:
        both;

    margin-top:
        20px;

    padding:
        21px 23px;

    background:
        #EAF2FF;

    border:
        1px solid
        rgba(0,83,255,.10);

    border-radius:
        13px;
}


.eco-v81-guest-note strong,
.eco-v81-account-helper strong {
    display:
        block;

    color:
        #071A33;

    font-size:
        12px;
}


.eco-v81-guest-note p,
.eco-v81-account-helper p {
    margin:
        5px 0 0;

    color:
        #637083;

    font-size:
        9px;

    line-height:
        1.55;
}


.eco-v81-guest-note a,
.eco-v81-account-helper > a {
    flex:
        0 0 auto;

    color:
        #0053FF !important;

    font-size:
        9px;

    font-weight:
        850;

    text-decoration:
        none !important;
}


/* =========================================================
   THANK YOU / ORDER RECEIVED
   ========================================================= */

.eco-v81-stage-success
.woocommerce-order {
    padding:
        0;
}


.eco-v81-stage-success
.woocommerce-notice--success,
.eco-v81-stage-success
.woocommerce-thankyou-order-received {
    margin:
        0 0 18px;

    padding:
        18px 20px;

    color:
        #071A33;

    background:
        #EAF2FF;

    border:
        1px solid
        rgba(0,83,255,.11);

    border-radius:
        12px;

    font-size:
        11px;

    font-weight:
        800;
}


.eco-v81-stage-success
.woocommerce-order-overview {
    display:
        grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:
        0;

    overflow:
        hidden;

    margin:
        0 0 23px !important;

    padding:
        0 !important;

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        13px;
}


.eco-v81-stage-success
.woocommerce-order-overview
li {
    margin:
        0 !important;

    padding:
        15px !important;

    border-right:
        1px solid
        rgba(7,26,51,.06) !important;

    font-size:
        8px !important;
}


.eco-v81-stage-success
.woocommerce-order-overview
li:last-child {
    border-right:
        0 !important;
}


.eco-v81-stage-success
.woocommerce-order-details,
.eco-v81-stage-success
.woocommerce-customer-details {
    margin-top:
        20px;

    padding:
        clamp(21px,3vw,29px);

    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        15px;
}


.eco-v81-stage-success
.woocommerce-order-details
h2,
.eco-v81-stage-success
.woocommerce-customer-details
h2 {
    margin-top:
        0;

    color:
        #071A33;

    font-size:
        21px;

    letter-spacing:
        -.025em;
}


.eco-v81-thankyou-support {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    margin-top:
        20px;

    padding:
        23px 25px;

    background:
        #071A33;

    border-radius:
        14px;
}


.eco-v81-thankyou-support
.eco-v81-mini-kicker {
    color:
        #75A9FF;
}


.eco-v81-thankyou-support strong {
    display:
        block;

    color:
        #fff;

    font-size:
        13px;
}


.eco-v81-thankyou-support p {
    margin:
        5px 0 0;

    color:
        rgba(255,255,255,.48);

    font-size:
        9px;

    line-height:
        1.5;
}


.eco-v81-thankyou-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;
}


.eco-v81-thankyou-actions a {
    display:
        inline-flex;

    min-height:
        39px;

    align-items:
        center;

    justify-content:
        center;

    padding:
        8px 13px;

    color:
        #fff !important;

    border:
        1px solid
        rgba(255,255,255,.20);

    border-radius:
        8px;

    font-size:
        9px;

    font-weight:
        850;

    text-decoration:
        none !important;
}


.eco-v81-thankyou-actions
a.primary {
    color:
        #071A33 !important;

    background:
        #fff;

    border-color:
        #fff;
}


/* =========================================================
   WOO BLOCK FALLBACK STYLING
   ========================================================= */

.eco-v81-commerce-page
.wc-block-cart,
.eco-v81-commerce-page
.wc-block-checkout {
    color:
        #253247;
}


.eco-v81-commerce-page
.wc-block-components-sidebar,
.eco-v81-commerce-page
.wc-block-cart-items,
.eco-v81-commerce-page
.wc-block-checkout__main {
    background:
        #fff;

    border:
        1px solid
        rgba(7,26,51,.07);

    border-radius:
        15px;

    box-shadow:
        0 15px 40px
        rgba(7,26,51,.04);
}


.eco-v81-commerce-page
.wc-block-components-text-input
input,
.eco-v81-commerce-page
.wc-block-components-combobox
input {
    border-color:
        rgba(7,26,51,.09) !important;

    border-radius:
        8px !important;
}


.eco-v81-commerce-page
.wc-block-components-button {
    border-radius:
        8px !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {

    .eco-v81-stage-checkout
    #customer_details,
    .eco-v81-stage-checkout
    #order_review_heading,
    .eco-v81-stage-checkout
    #order_review {
        width:
            100%;

        float:
            none;
    }


    .eco-v81-stage-checkout
    #order_review {
        position:
            static;

        margin-top:
            14px;
    }


    .eco-v81-stage-account
    .woocommerce-MyAccount-navigation,
    .eco-v81-stage-account
    .woocommerce-MyAccount-content {
        width:
            100% !important;

        float:
            none !important;
    }


    .eco-v81-stage-account
    .woocommerce-MyAccount-navigation {
        margin-bottom:
            14px;
    }


    .eco-v81-stage-account
    .woocommerce-MyAccount-navigation
    ul {
        display:
            grid;

        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap:
            3px;
    }

}


@media (max-width: 820px) {

    .eco-v81-commerce-hero {
        grid-template-columns:
            1fr;
    }


    .eco-v81-commerce-side {
        display:
            grid;

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


    .eco-v81-side-primary {
        grid-row:
            span 2;
    }


    .eco-v81-assurance {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .eco-v81-assurance > div:nth-child(2) {
        border-right:
            0;
    }


    .eco-v81-assurance > div:nth-child(-n+2) {
        border-bottom:
            1px solid
            rgba(7,26,51,.055);
    }


    .eco-v81-stage-account
    .u-columns.col2-set {
        grid-template-columns:
            1fr;
    }


    .eco-v81-stage-success
    .woocommerce-order-overview {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media (max-width: 620px) {

    .eco-v81-commerce-hero {
        padding:
            29px 21px;

        border-radius:
            18px;
    }


    .eco-v81-commerce-copy h1, .eco-v81-commerce-copy h2.eco457-heading {
        font-size:
            35px;
    }


    .eco-v81-flow {
        grid-template-columns:
            1fr;
    }


    .eco-v81-flow-step {
        border-right:
            0;

        border-bottom:
            1px solid
            rgba(255,255,255,.07);
    }


    .eco-v81-flow-step:last-child {
        border-bottom:
            0;
    }


    .eco-v81-flow-step.is-active::after {
        left:
            0;

        right:
            auto;

        top:
            8px;

        bottom:
            8px;

        width:
            2px;

        height:
            auto;

        border-radius:
            0 999px 999px 0;
    }


    .eco-v81-commerce-side {
        display:
            block;
    }


    .eco-v81-side-primary {
        grid-row:
            auto;
    }


    .eco-v81-assurance {
        grid-template-columns:
            1fr;
    }


    .eco-v81-assurance > div {
        border-right:
            0;

        border-bottom:
            1px solid
            rgba(7,26,51,.055);
    }


    .eco-v81-assurance > div:last-child {
        border-bottom:
            0;
    }


    .eco-v81-stage-cart
    .shop_table.cart
    td {
        padding:
            13px !important;
    }


    .eco-v81-stage-cart
    .coupon {
        display:
            grid;

        grid-template-columns:
            1fr;
    }


    .eco-v81-stage-cart
    .coupon
    .input-text {
        width:
            100% !important;

        min-width:
            0;
    }


    .eco-v81-stage-account
    .woocommerce-MyAccount-navigation
    ul {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .eco-v81-guest-note,
    .eco-v81-account-helper,
    .eco-v81-thankyou-support {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .eco-v81-stage-success
    .woocommerce-order-overview {
        grid-template-columns:
            1fr;
    }


    .eco-v81-stage-success
    .woocommerce-order-overview
    li {
        border-right:
            0 !important;

        border-bottom:
            1px solid
            rgba(7,26,51,.06) !important;
    }


    .eco-v81-stage-success
    .woocommerce-order-overview
    li:last-child {
        border-bottom:
            0 !important;
    }


    .eco-v81-empty-actions,
    .eco-v81-empty-actions a,
    .eco-v81-thankyou-actions,
    .eco-v81-thankyou-actions a {
        width:
            100%;
    }

}


/* ECO-TEC FLAGSHIP COMMERCE DONE81 END */