/* account-page-section Start  */
.account-page-section {
    /* --this-min-h: calc( 100vh - 21px ); */
    --this-min-h: calc( 100vh + 50px );
    --this-in-min-h: calc( var( --this-min-h ) - var( --header-h ) - var( --this-pad-t ) - var( --this-pad-b ) );
    --this-pad-t: 70px;
    --this-pad-b: 70px;
    --this-in-pad-t: 70px;
    --this-in-pad-b: 70px;
    --left-block-w: 380px;
    --this-left-mar: 30px;
    --avatar-w: 120px;
    --avatar-name-h: 54px;
    --avatar-mar-b: 30px;
    min-height: var( --this-min-h );
    /* padding-top: calc( var( --header-h ) + var( --this-pad-t ) ); */
    padding-bottom: var( --this-pad-b );
    box-sizing: border-box;
    background: var( --bg-img ) no-repeat;
    background-size: cover;
}

    .account-page-section .account-left-block .theiaStickySidebar,
    .account-page-section .account-right-block .theiaStickySidebar {
        min-height: var( --this-in-min-h );
        padding-top: calc( var( --header-h ) + var( --this-pad-t ) )!important;
    }

    .account-page-section .account-left-block {
        width: var( --left-block-w );
        float: left;
        text-align: center;
    }

        .account-page-section .account-left-block .account-left-block-in,
        .account-page-section .account-right-block .account-right-block-in {
            min-height: var( --this-in-min-h );
            box-sizing: border-box;
            padding: var(  --this-in-pad-t ) 40px var(  --this-in-pad-b ) 40px;
            position: relative;
            background: var( --input-bg-color );
            box-shadow: 0px 0px 5px 2px rgba(229, 229, 229, 0.25);
        }

            .user-avatar-block .image-block {
                width: var( --avatar-w );
                margin: 0 auto var( --avatar-mar-b ) auto;
            }

                .user-avatar-block .image-block img {
                    border-radius: 100%;
                    overflow: hidden;
                    object-fit: cover;
                }
            
            .user-avatar-block .avatar-name {
                height: var( --avatar-name-h );
                font-size: 20px;
                font-weight: 700;
                line-height: normal;
                overflow: hidden;
            }

            .account-left-block .account-left-block-in .account-logo-block {
                width: 100%;
                max-width: 200px;
                margin: 0 auto;
                height: calc( var( --this-in-min-h ) - var(  --this-in-pad-t ) - var(  --this-in-pad-b ) - var( --avatar-w ) - var( --avatar-mar-b ) - var( --avatar-name-h ) );
            }
            
                .account-left-block .account-left-block-in .account-logo-block > div {
                    padding: 20px 0;
                }

                .account-left-block .account-left-block-in .account-logo-block img {
                    display: block;
                    height: auto;
                }
            
            .account-left-block .account-left-block-in .account-logout-block {
                width: 100%;
                position: absolute;
                bottom: 50px;
                left: 0;
            }

                .account-left-block .account-left-block-in .account-logout-link {
                    font-size: var( --f-17 );
                    font-weight: 500;
                }

                    .account-left-block .account-left-block-in .account-logout-link svg {
                        vertical-align: sub;
                        margin-left: 12px;
                    }

    .account-page-section .account-right-block {
        width: calc( 100% - var( --left-block-w ) - var(  --this-left-mar ) );
        float: right;
    }

        .account-right-block-in {
            position: relative;
        }

        .account-right-block-in::before {
            content: "";
            display: block;
            width: 50%;
            height: 500px;
            position: absolute;
            bottom: 0;
            right: 0;
            background: var( --bg-img ) no-repeat;
            background-size: contain;
        }

            .account-right-block-in .accout-menu-block {
                margin-bottom: 40px;
                text-align: center;
            }

                .account-right-block-in .accout-menu-block ul {
                    white-space: nowrap;
                    overflow-x: auto;
                    overflow-y: hidden;
                    padding: 0 0 8px 0;
                }

                    .account-right-block-in .accout-menu-block li {
                        display: inline-block;
                        font-family: var( --font-2 );
                        font-size: var( --f-17 );
                        font-weight: 500;
                        margin: 0 23px;
                    }

                        .account-right-block-in .accout-menu-block li a {
                            display: inline-block;
                            position: relative;
                            text-decoration: none;
                            padding-bottom: 5px;
                        }

                        .accout-menu-block li a::after {
                            content: "";
                            display: block;
                            width: 60px;
                            height: 2px;
                            background: var(--site-text-color);
                            position: absolute;
                            bottom: 0;
                            left: calc( 50% - 30px );
                            opacity: 0;
                            transition: opacity 0.3s;
                        }

                        .accout-menu-block li a:hover::after,
                        .accout-menu-block li.current-menu-item a::after,
                        .accout-menu-block li.is-active a::after {
                            opacity: 1;
                        }
            
            .account-content {
                position: relative;
            }

            .account-content .checkbox-wrapper {
                margin-right: 30px;
                margin-bottom: 20px;
            }

                .account-content .checkbox-wrapper span {
                    display: inline-block;
                    transform: scale( 1.2 );
                }

            .account-content .edit-user-info-bt {
                display: inline-block;
                vertical-align: middle;
            }

            .account-content .user-info-td-content {
                margin-right: 10px;
            }
            
            .user-info-table {
                width: 100%;
                margin-bottom: 20px;
            }
            
                .user-info-table td {
                    padding: 5px 0 15px 0;
                    font-size: var( --f-17 );
                    font-weight: 500;
                }

                .user-info-table tr td:first-of-type {
                    padding-right: 20px;
                    opacity: 0.7;
                    width: 35%;
                }

            .account-content .products-block  {
                --count: 3;
                --product-item-mar: 5px;
                margin-bottom: 0;
            }

                .account-content .product-item .product-item-content {
                    --link-f-size: 12px;
                    padding: 16px;
                }

                    .account-content .product-item .remove-wishlist-bt {
                        width: 18px;
                        height: 18px;
                        position: absolute;
                        top: 13px;
                        right: 13px;
                        cursor: pointer;
                        z-index: 10;
                        pointer-events: auto;
                        transition: transform 0.3s;
                    }

                    .account-content .product-item .remove-wishlist-bt:hover {
                        transform: scale( 1.2 );
                    }

                        .account-content .product-item .remove-wishlist-bt svg {
                            width: 100%;
                            height: 100%;
                        }

                    .account-content .product-item .product-item-content .product-item-title {
                        margin-bottom: 9px;
                    }

                    .account-content .product-item .product-item-price {
                        margin-bottom: 12px;
                    }

                        .account-content .product-item .product-item-price .new-price {
                            font-size: 20px;
                        }

                        .account-content .product-item .product-item-price .old-price {
                            font-size: 12px;
                        }
                    
                    .account-content .product-item .product-item-content .add-cart-bt {
                        font-size: 16px;
                    }

            .account-content .products-pagination {
                padding-top: 25px;
            }
/* account-page-section End  */

/* account-orders-block Start */
.account-orders-block {
    position: relative;
}

    .account-orders-item {
        padding-top: 21px;
        position: relative;
        border-bottom: 1px solid var( --site-text-color );
        margin-bottom: 30px;
    }

    .account-orders-item:last-of-type {
        margin-bottom: 0;
    }

        .account-orders-item .account-order-status {
            background: var( --site-bt-bg-color );
            color: var( --site-bt-text-color );
            font-size: 12px;
            font-weight: 500;
            line-height: 21px;
            min-width: 105px;
            height: 21px;
            padding: 0 10px;
            box-sizing: border-box;
            text-align: center;
            position: absolute;
            top: 0;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }

        .account-orders-item .orders-item-top-table {
            width: 100%;
            border-top: 1px solid var( --site-text-color );
            position: relative;
            /* user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none; */
        }

            .account-orders-item .orders-item-top-table::before {
                content: "";
                display: block;
                width: 14px;
                height: 24px;
                position: absolute;
                top: calc( 50% - 12px );
                right: 0;
                background: url( "../images/mob-checkout-open-products-bt.png" ) center no-repeat;
                background-size: 14px;
                transform: rotate( 180deg );
                cursor: pointer;
                transition: transform 0.3s;
            }

            .account-orders-item.active .orders-item-top-table::before {
                transform: rotate( 0 );
            }

            .account-orders-item .orders-item-top-table > div {
                padding: 15px 0;
                font-weight: 500;
                font-size: 15px;
            }

            .account-orders-item .orders-item-top-table .col-1 {
                width: 25%;
                opacity: 0.7;
                padding-right: 5px;
            }

            .account-orders-item .orders-item-top-table .col-2,
            .account-orders-item .orders-item-bottom-hideen-table .col-title {
                width: 35%;
                text-align: center;
            }

            .account-orders-item .orders-item-top-table .col-2,
            .account-orders-item .orders-item-top-table .col-3,
            .account-orders-item .orders-item-bottom-hideen-table .col-title,
            .account-orders-item .orders-item-bottom-hideen-table .col-quantity {
                padding-left: 5px;
                padding-right: 5px;
            }

            .account-orders-item .orders-item-top-table .col-3,
            .account-orders-item .orders-item-top-table .col-4,
            .account-orders-item .orders-item-bottom-hideen-table .col-quantity,
            .account-orders-item .orders-item-bottom-hideen-table .col-price {
                width: 20%;
                text-align: center;
            }

            .account-orders-item .orders-item-top-table .col-4,
            .account-orders-item .orders-item-bottom-hideen-table .col-price {
                padding-left: 5px;
                padding-right: 25px;
            }
        
        .account-orders-hideen-block {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.3s;
        }

        .account-orders-item.active .account-orders-hideen-block {
            transition: max-height 1s;
            max-height: 1500px;
        }

            .account-orders-item .account-orders-hideen-block .order-action-bt {
                float: right;
                margin-left: 20px;
                margin-bottom: 10px;
            }

            .account-orders-item .orders-item-bottom-hideen-table {
                width: 100%;
            }

                .account-orders-item .orders-item-bottom-hideen-table > div {
                    padding: 15px 0;
                    text-align: center;
                    font-weight: 500;
                    font-size: 12px;
                }

                .account-orders-item .orders-item-bottom-hideen-table .col-photo {
                    width: 25%;
                    padding-right: 5px;
                    text-align: left;
                }

                    .account-orders-item .orders-item-bottom-hideen-table .col-photo .image-block {
                        max-width: 120px;
                    }

                    .account-orders-item .orders-item-bottom-hideen-table .col-photo .image-block::before {
                        padding-top: var( --products-img-pad );
                        padding-top: 75%;
                    }

                    .account-orders-item .orders-item-bottom-hideen-table .col-photo .image-block img {
                        object-fit: cover;
                        height: 100%;
                    }

                    .account-orders-item .orders-item-bottom-hideen-table .col-photo .image-block a:hover img {
                        transform: scale( 1.1 );
                    }

.woocommerce-customer-details h2 {
    font-family: var( --font-1 );
    font-weight: 400;
    font-size: var( --f-16 );
    text-align: left;
}

.account-pagination {
    padding-top: 40px;
}

    .account-pagination .button-prev,
    .account-pagination .button-next {
        --bt-w: 50px;
        display: inline-block;
        height: var( --bt-w );
        width: var( --bt-w );
        margin-right: 20px;
        padding: 0;
        overflow: hidden;
        color: transparent;
        border: none;
        outline: none;
        border-radius: 100%;
        z-index: 10;
        cursor: pointer;
        transition: opacity 0.3s;
    }

    .account-pagination .button-prev {
        background: transparent url( "../images/slider-bt-left.svg" ) center no-repeat;
        background-size: contain;
    }

    .account-pagination .button-next {
        background: transparent url( "../images/slider-bt-right.svg" ) center no-repeat;
        background-size: contain;
    }
            
/* account-orders-block End  */

@media all and (max-width: 1300px) {
    .account-page-section {
        --left-block-w: 300px;
        --this-left-mar: 15px;
        --avatar-w: 80px;
        --avatar-mar-b: 20px;
        --avatar-name-h: 50px;
    }

    .account-page-section .account-left-block .account-left-block-in,
    .account-page-section .account-right-block .account-right-block-in {
        padding-right: 20px;
        padding-left: 20px;
    }

    .account-right-block-in .accout-menu-block li {
        margin: 0 15px;
    }

    .user-avatar-block .avatar-name {
        font-size: 18px;
    }
}

@media all and (max-width: 1100px) {
    .account-content .products-block  {
        --count: 2;
    }
}

@media all and (max-width: 1000px) {
    :root {
        --cont-pad: 20px;
    }

    .account-page-section {
        --this-pad-t: 40px;
        --this-pad-b: 40px;
        --left-block-w: 216px;
    }

    .account-right-block-in .accout-menu-block li {
        margin: 0 8px;
    }

    .user-main-info-table tr td:last-of-type {
        text-align: right;
    }

    .account-right-block-in::before {
        width: 80%;
    }

    .account-content .products-pagination .page-numbers.next {
        margin-left: 30px;
    }

    .account-content .products-pagination .page-numbers.prev {
        margin-right: 30px;
    }

    .account-orders-item .orders-item-top-table > div {
        font-size: 12px;
    }

    .account-orders-item .orders-item-bottom-hideen-table {
        --img-w: 130px;
        position: relative;
        display: block;
        overflow: hidden;
    }

    .account-orders-item .orders-item-bottom-hideen-table .col-photo {
        display: block;
        width: var( --img-w );
        float: left;
        box-sizing: border-box;
    }

    .account-orders-item .orders-item-bottom-hideen-table .col-title,
    .account-orders-item .orders-item-bottom-hideen-table .col-quantity,
    .account-orders-item .orders-item-bottom-hideen-table .col-price {
        display: block;
        width: calc( 100% - var( --img-w ) );
        float: right;
        box-sizing: border-box;
        text-align: left;
        padding-left: 5px;
        padding-right: 0;
    }

    .account-orders-item .orders-item-bottom-hideen-table .col-quantity,
    .account-orders-item .orders-item-bottom-hideen-table .col-price {
        padding-top: 0;
    }

    .account-orders-item .orders-item-bottom-hideen-table .col-quantity {
        margin-bottom: 30px;
    }

    .account-orders-item .orders-item-bottom-hideen-table .col-price {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media all and (max-width: 750px) {
    .account-page-section {
        --this-pad-b: 90px;
        --this-in-pad-b: 80px;
        --avatar-w: 60px;
    }

    .account-page-section {
        padding-top: calc( var( --header-h ) + var( --this-pad-t ) );
    }

    .account-page-section .account-left-block,
    .account-page-section .account-right-block {
        width: 100%;
        float: none;
    }

    .account-page-section .account-left-block {
        margin-bottom: 20px;
    }

    .account-page-section .account-left-block .theiaStickySidebar,
    .account-page-section .account-right-block .theiaStickySidebar {
        padding-top: 0!important;
        min-height: auto!important;
    }

    .account-page-section .account-left-block .account-left-block-in,
    .account-page-section .account-right-block .account-right-block-in {
        min-height: auto!important;
    }

    .account-page-section .account-left-block .account-left-block-in {
        padding-top: 36px;
    }

    .account-left-block .account-left-block-in .account-logo-block {
        height: auto;
    }

    .user-avatar-block .avatar-name {
        height: auto;
    }

    .account-right-block-in .accout-menu-block li {
        font-size: 12px;
        margin: 0 3px;
    }

    .user-info-table tr {
        display: block;
        overflow: hidden;
    }

    .user-info-table tr td {
        display: inline-block;
        width: auto!important;
        font-size: 14px;
    }

    .user-info-table tr td:first-of-type {
        padding-right: 8px;
    }

    .user-info-table tr td:last-of-type {
        float: right;
    }

    .account-right-block-in::before {
        display: none;
    }
}

@media all and (max-width: 599px) {
    .account-content .products-block  {
        --count: 1;
    }

    .account-orders-item .orders-item-bottom-hideen-table {
        --img-w: 125px;
    }

    .account-orders-item .orders-item-top-table > div {
        font-size: 11px;
        width: 25%!important;
    }

    .account-orders-item .orders-item-bottom-hideen-table > div {
        font-size: 11px;
    }

    .account-orders-item .account-orders-hideen-block .order-action-bt {
        max-width: none;
    }
}

@media all and (max-width: 370px) {
    .user-info-table tr td {
        font-size: 12px;
    }

    .account-orders-item .orders-item-top-table > div {
        font-size: 9px;
    }

    .account-orders-item .orders-item-bottom-hideen-table {
        --img-w: 100px;
    }

    .account-orders-item .orders-item-bottom-hideen-table > div {
        font-size: 10px;
    }

    .account-orders-item .orders-item-bottom-hideen-table .col-title,
    .account-orders-item .orders-item-bottom-hideen-table .col-quantity  {
        padding-bottom: 10px;
    }
}