.elementor-11 .elementor-element.elementor-element-ac64ef0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:8px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0;--padding-left:clamp(104px, 10.1vw, 195px);--padding-right:clamp(104px, 10.1vw, 195px);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-ce6c454 > .elementor-widget-container{margin:0 0 clamp(40px, 4vw, 80px) 0;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-ce6c454 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;color:#000000;}.elementor-11 .elementor-element.elementor-element-e2ec67b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:8px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0;--padding-left:clamp(104px, 10.1vw, 195px);--padding-right:clamp(104px, 10.1vw, 195px);}:root{--page-title-display:none;}@media(max-width:475px){.elementor-11 .elementor-element.elementor-element-ac64ef0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-ce6c454 > .elementor-widget-container{margin:0px 0px 8px 0px;}.elementor-11 .elementor-element.elementor-element-ce6c454 .elementor-heading-title{font-size:20px;}.elementor-11 .elementor-element.elementor-element-e2ec67b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS */.myaccount {
    display: flex;
    gap: clamp(20px, 2vw, 40px);
}
@media screen and (min-width:768px) and (max-width:1920px){
    a.logout {
font-size: 14px;
font-weight: 600 !important;
color: #999 !important;
line-height: 150%;
display: flex;
gap: 10px;
align-items: center;
position: absolute;
top: 0;
right: 0px;
font-family: 'Open Sans', sans-serif;
z-index: 9999999 !important;
}
}

.myaccount .left-col{
    width: 80%;
}
.myaccount .right-col {
    width: 20%;
    padding-top: clamp(30.336px, 2.9625vw, 56.88px);
}
p.empty-active {
    line-height: clamp(18px, 1.4vw, 28px);
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 600;
    margin-bottom: clamp(40px, 4vw, 80px) !important;
}
.left-col:has(.active-orders) .empty-active{
    display: none;
}
p.empty-recent {
    line-height: clamp(18px, 1.4vw, 28px);
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 600;
    margin-bottom: clamp(40px, 4vw, 80px) !important;
}
.left-col:has(.recent-orders) .empty-recent {
    display: none;
}
.order-title {
    display: flex;
    align-items: center;
    gap: clamp(20px, 2vw, 40px);
    margin-bottom: clamp(15px, 1.5vw, 30px);
}
.order-title h2 {
    font-size: clamp(18px, 1.4vw, 28px);
    color: #000 !important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif;
    margin: 0 !important;
    line-height: 100%;
}
.order-title p {
    line-height: clamp(18px, 1.4vw, 28px);
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(14px, 0.83vw, 16px);
}
.order {
    border: solid 1px #F2F2F2;
    margin-bottom: clamp(20px, 2vw, 40px);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.order-details {
    display:flex;
    justify-content: space-between;
    padding: clamp(20px, 2vw, 40px) clamp(106px, 10.6vw, 200px) clamp(32px, 3.125vw, 60px);
    border-bottom: dashed 1px #E5E5E5;
}
.order-text{
 width: 60%;   
}
.order-total {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.order-text .text-title {
    display: flex;
    align-items: flex-end;
    gap: clamp(5px, 0.5vw, 10px);
    margin-bottom: clamp(5px, 0.5vw, 10px);
}
.order h3 {
    font-size: clamp(18px, 1.4vw, 28px);
    color: #000 !important;
    font-weight: 400 !important;
    font-family: 'Open Sans', sans-serif;
    margin: 0 !important;
    line-height: 100%;
}
.text-title span {
    line-height: 100%;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(14px, 0.83vw, 16px);
}
.status-badge{
    padding: 6px clamp(10px, 1vw, 20px);
    border: solid 1px;
    border-radius: 4px;
    width: fit-content;
    margin-bottom: clamp(10px, 1vw, 20px);
}
.status-badge.pending {
    background-color: #FFF9F2;
    border-color:  #F5A84E;
    color: #F5A84E;
}
.status-badge.cancelled {
    background: #B5302B;
    border-color: #932723;
    color: #fff;
}
.status-badge.completed {
    background-color: #EBFFE9;
    border-color:  #97EB90;
    color:#97EB90;
}
.status-badge span {
    line-height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(14px, 0.83vw, 16px);
}

.shipp-payment p {
    line-height: 100%;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 400;
}
.shipp-payment span {
    font-weight: 700;
}
p.total-title {
    line-height: 100%;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(14px, 0.83vw, 16px);
    margin-bottom: clamp(5px, 0.5vw, 10px);
}
p.total-sum {
    line-height: 100%;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: clamp(20px, 1.66vw, 32px);
    margin-bottom: clamp(10px, 1vw, 20px) !important;
}
.total-sum span.woocommerce-Price-currencySymbol {
    font-size: clamp(16px, 1vw, 20px);
}
a.pay-now {
    display: flex;
    width: clamp(156px, 15.6vw, 293px);
    justify-content: center;
    align-items: center;
    height: clamp(25px, 2.2vw, 42px);
    background: #B5302B;
    font-size: clamp(14px, 1vw, 20px);
    color: #fff !important;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}
a.pay-now:hover{
    background: #932723;
}

a.view-order {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: clamp(40px, 3.125vw, 66px);
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 1vw, 20px);
    color: #000 !important;
    line-height: 100%;
    font-weight: 700;
}
.order a.view-order:hover{
    color: #B5302B !important;
}
.order a.view-order:hover path {
    stroke: #B5302B !important;
}
p.discount {
    background-color: #FAFAFA;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    padding: clamp(10px, 1vw, 20px);
    line-height: 100%;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 400;
    margin-bottom: clamp(15px, 1.5vw, 30px) !important;
}
span.sale {
    font-weight: 900;
    color: #B5302B;
}
.customer-details {
    border: solid 1px #F2F2F2;
    padding: clamp(20px, 2vw, 40px) clamp(10px, 1vw, 20px) clamp(40px, 4vw, 80px);
}
p.customer-details-title {
    color: #D0BA95;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 200%;
    border-bottom: solid 3px #D0BA95;
    margin-bottom: clamp(15px, 1.5vw, 30px) !important;
}
.customer-details p.name, .customer-details p.phone, .customer-details p.email {
    line-height: 100%;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 400;
}
.detailed-order {
    padding: clamp(20px, 2vw, 40px) clamp(106px, 10.6vw, 200px) clamp(32px, 3.125vw, 60px);
    display: none;
}
.product-row {
    display: flex;
    justify-content: space-between;
    padding: clamp(14px, 1.25vw, 24px) 0;
}
.product-row img {
    max-width: clamp(40px, 3.9vw, 75px);
    margin-right: clamp(20px, 2vw, 40px);
}
.detailed-text {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
}
.detailed-text p {
    line-height: 100%;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 400;
}
p.product-price {
    line-height: 100%;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 800;
    width: 15%;
    text-align: right;
}
p.product-price .curr{
    font-size: clamp(12px, 0.7375vw, 14px);
    font-weight: 800;
}
.view-order.hidden-btn{
    display: none;
}
.edit-acc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}
form.woocommerce-EditAccountForm.edit-account {
    width: clamp(300px, 31.25vw, 600px);
    background: #fff;
    padding: clamp(30px, 3vw, 60px);
}
#editacc{
    position: absolute;
    right: 15px;
}
.edit-acc label {
    color: #000 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 400;
}
.edit-acc p.woocommerce-form-row {
    width: 100% !important;
}
.edit-acc input {
    width: 100% !important;
    border: solid 1px #E5E5E5 !important;
    padding: clamp(10px, 1vw, 20px) !important;
    color: #000 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(16px, 0.9375vw, 18px) !important;
    background: transparent !important;
}
.edit-acc h2 {
    font-size: clamp(18px, 1.4vw, 28px);
    color: #000 !important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif;
    margin: 0 !important;
    line-height: 100%;
    margin-bottom: clamp(20px, 2vw, 40px) !important;
}
.edit-btn{
    display: flex;
    justify-content: center;
}
.edit-acc button.woocommerce-Button.button {
    display: flex;
    width: clamp(156px, 15.6vw, 293px);
    justify-content: center;
    align-items: center;
    height: clamp(30px, 3.125vw, 60px);
    background: #B5302B !important;
    font-size: clamp(14px, 1vw, 20px);
    color: #fff !important;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    outline: none;
}
.edit-acc button.woocommerce-Button.button {
    display: flex;
    width: clamp(156px, 15.6vw, 293px);
    justify-content: center;
    align-items: center;
    height: clamp(30px, 3.125vw, 60px);
    background: transparent !important;
    font-size: clamp(14px, 1vw, 20px);
    color: #D0BA95 !important;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    border: solid 2px #D0BA95 !important;
}
.edit-acc{
    display: none;
}
a.pay-now.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #F2F2F2;
    color: rgba(0, 0, 0, 0.2) !important;
    border: solid 1px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width:475px){
    p.discount {
        padding: 15px;
        display: flex;
        justify-content: center;
        gap: 10px;
        font-size: 14px;
        line-height: 135%;
        margin: 0 15px 24px 15px !important;
    }
    .head-btns {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
        padding: 0px 15px;
    }
a.mob-btn {
    font-family: 'Open Sans', sans-serif;
    color: #000 !important;
    font-size: 16px;
    width: 48%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.mob-btn.history-mob {
    background: #F2F2F2;
    border: solid 1px #F2F2F2;
}
a.mob-btn.lk-mob {
    border: solid 1px #E5E5E5;
}
.mobile-wrapper:has(.active-orders) .empty-active{
    display:none;
}
.mobile-wrapper:has(.recent-orders) .empty-recent{
    display:none;
}
p.empty-active{
    margin:0px 15px;
}
.order.active-orders {
    box-shadow: none;
    border-color: #E5E5E5 !important;
}
.order-title {
    padding: 0px 15px;
    margin-bottom: 20px;
}
.order-title h2 {
    font-size: 16px;
    font-weight: 600 !important;
}
    .order.active-orders {
    box-shadow: none;
    border-color: #E5E5E5 !important;
    margin-bottom: 65px;
    }
    .order-total .one-line {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.order-total {
    width: 100%;
}
.order-text .text-title {
    margin-bottom: 10px;
}
.status-badge {
    padding: 5px 20px;
    margin-bottom: 30px;
}
p.total-title {
    font-weight: 600;
}
a.pay-now {
    width: 100%;
    height: 50px;
    font-weight: 600;
    font-size: 16px;
}
a#show {
    height: 45px;
    font-size: 14px;
    font-weight: 600;
}
a.logout {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    justify-content: center;
    color: #999999 !important;
    margin-bottom: 100px;
}
.order-details {
    flex-direction: column;
    padding: 15px 20px;
}
    .customer-details.mobile {
        position: fixed !important;
        top: 100px;
        width: 100%;
        height: 100%;
        background: #fff;
        padding: 40px 15px;
        border: none;
        display: none;
        flex-direction: column;
    }
    p.customer-details-title {
        color: #000;
        font-size: 20px;
        border-bottom: solid 1px #E5E5E5;
        padding-bottom: 24px;
        margin-bottom: 16px !important;
    }
a#back_btn, a#back_btn_edit, a#back_btn_recent {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}
a#editaccmob {
    position: absolute;
    right: 15px;
    top: 100px;
    color: #999999;
    text-decoration: underline;
    font-size: 12px;
}
p.name, p.phone, p.email {
    font-size: 14px !important;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: solid 1px #E5E5E5;
}
.edit-acc-mob {
        display: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        position: fixed;
        background: #fff;
        top: 100px;
        width: 100%;
        height: 100%;
        padding: 40px 15px 40px;
    }
    .edit-acc-mob h2 {
        color: #000 !important;
        font-size: 20px;
        border-bottom: none;
        padding-bottom: 24px;
        margin-bottom: 16px !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 700 !important;
        line-height: 200%;
        width: 100%;
    }
form.woocommerce-EditAccountForm.edit-account {
    width: 70%;
    padding: 0px;
}
a#back_btn_edit {
    width: 100%;
}
.edit-acc-mob label {
    font-size: 14px;
    font-weight: 600;
    color: #000 !important;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 8px !important;
}
.edit-acc-mob input {
    background: transparent !important;
    border: solid 1px #E5E5E5 !important;
    font-size: 16px !important;
    color: #000 !important;
}
.edit-acc-mob .edit-btn button {
    color: #D0BA95 !important;
    border: solid 1px #D0BA95 !important;
    background: transparent !important;
    border-radius: 0px !important;
    font-size: 16px !important;
    font-weight: 400;
    padding: 15px !important;
}
    .detailed-order-mob {
        padding: 20px 15px;
        display: none;
    }
.product-row img {
    max-width: 50px !important;
    object-fit: contain;
}
.detailed-text {
    width: 60%;
    justify-content: space-between !important;
}
.detailed-text p {
    font-size: 14px;
    margin-bottom: 15px;
}
p.product-summary {
    font-size: 12px;
    width: 70%;
    line-height: 130%;
}
.order-text {
    width: 100%;
}
p.empty-recent {
    margin: 0px 15px;
}
.shipp-payment {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}
.shipp-payment small {
    font-size: 100%;
}
    .recent-wrapper {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 100px;
        background: #fff;
        padding: 40px 15px 100px;
        display: none;
        z-index: 999;
        overflow-y: scroll !important;
    }
.recent-wrapper .order-title h2 {
    color: #000;
    font-size: 20px;
    font-weight: 700 !important;
    border-bottom: none;
    margin-bottom: 16px !important;
}
}/* End custom CSS */