.myorders {
}
.myorders-hdr {
    display: flex;
    align-items: flex-end;
    margin: 0 0 24px;
    justify-content: space-between;
}
.myorders-hdr-type {
    display: flex;
    gap: 47px;
    border-bottom:  1px solid #ECECEC;
    margin: 0;
    width: calc( 100% - 222px);
}
.myorders-hdr-type > div {
    color: #9C9C9C;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 12px;
    cursor: pointer;
        white-space: nowrap;
}   
.myorders-hdr-type > div.active {
    
    color: #232526;
}
.myorders-hdr-sort {
    display: flex;
    gap: 5px;
    flex-direction: column;
}
.myorders-hdr-sort-title{
    font-size: 14px;
}
.myorders-hdr-sort .select2{
    width: 175px !important;
}
.noorders{
    background: #ECECEC;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 72px;
    font-weight: 500;
}
.myorders-items {margin-right: -5px;padding-right: 5px;max-height: calc(100vh - 193px);display: flex;flex-direction: column;gap: 15px;}
.myorders-items.loading{
    filter: blur(3px);
}
.myorders-item {
    border: 1px solid #ECECEC;
    border-radius: 14px;
}
.myorders-item-top {margin: 10px;display: flex;cursor: pointer;}
.myorders-item-top > img{
    width: 60px;
    height: 60px;
    border:  1px solid #ECECEC;
    border-radius: 16px;
}
.myorders-item-top .item-count{
    width: 60px;
    height: 60px;
    border:  1px solid #ECECEC;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}
.myorders-item-info {

display: flex;

flex-direction: column;

justify-content: center;

margin-left: 12px;

gap: 6px;
}
.myorders-item-info-top {display: flex;gap: 10px;align-items: flex-end;}
.myorders-item-info .ordernumber {font-size: 14px;font-weight: 700;}
.myorders-item-info .date {font-size: 12px;}
.myorders-item-info-btm {font-size: 16px;font-weight: 700;}
.myorders-item-info-btm .status {
    color:#F73D40;
}
.myorders-item-info-btm .status.green {
    color:#188604;
}
.myorders-item-right {margin-left: auto;display: flex;gap: 20px;align-items: center;}
.myorders-item-right .review {display:flex;font-size: 12px;font-weight: 500;color: #188604;align-items: center;gap: 3px;}
.myorders-item-right .review::before {
    content:"";
    width: 20px;
    height: 20px;
    display: block;
    background-position: center;
    background-size: 20px;
    cursor: pointer;
    background: url(/wp-content/themes/biohacking-redesign/img/icons/single-star.svg) center / 16px no-repeat;
}
.myorders-item-right .price {font-weight: 700;font-size: 14px;}
.myorders-item-right .icon {
    width: 32px;
    height: 33px;
    display: block;
    background-position: center;
    background-size: 20px;
    cursor: pointer;
    background: url(/wp-content/themes/biohacking-redesign/img/icons/hdr-drop.svg) center / 20px no-repeat;
}
.myorders-item.active .myorders-item-right .icon{
    transform: rotate(180deg);
}
.myorders-item-btm {margin: 0 20px;display: none;}
.myorders-item.active .myorders-item-btm{
    display: block;
}
.myorders-item-btm  img{
    width: 50px;
    height: 50px;
    border:  1px solid #ECECEC;
    border-radius: 16px;
}
.myorders-item-btm table{
    table-layout: fixed;
    margin-bottom: 10px;
}
.myorders-item-btm tr{
}
.myorders-item-btm tr.top{
    color:#767676;
    font-size: 12px;
}
.myorders-item-btm td{
    width: 113px;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    padding-top: 6px;
}
.myorders-item-btm td:first-child{
    width: 65px;
    text-align: left;
}
.myorders-item-btm td:nth-child(2){
    width: auto;
    vertical-align: text-top;
    text-align: left;
    font-size: 12px;
    color: #232526;
}
.myorders-item-btm td:last-child{
    text-align: right;
}
.myorders-item-data {
    border-top: 1px solid #ECECEC;
    padding: 19px 0 19px;
}
.myorders-item-data.border {
    
}
.myorders-item-data-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 18px;
}
.myorders-item-data-boxes {
    font-size: 14px;
    display: flex;
    gap: 46px;
}
.myorders-item-data-box-item {
    display: flex;
    gap: 12px;
    flex-direction: column;
    max-width: 28%;
}
.myorders-item-data-box-item label{
    font-weight: 500;
}
.myorders-item-data-box-item span{
    display: inline-block;
    font-weight: 400;
    line-height: 1.3;
}






@media (max-width: 768px) {

    .myorders-item-info-top{
        flex-direction: column;
        align-items: flex-start;
    }

    .myorders-item-right .review{
        display: none;
    }

    .myorders-hdr {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 21px;
    }


    .myorders-hdr-type {
        gap: 20px;
        width: 100%;
        overflow-x: scroll;
    }

    .myorders-hdr-type::-webkit-scrollbar {
        height: 4px;
    }

    .myorders-hdr-sort {
        width: 100%;
        gap: 7px;
    }

    .myorders-hdr-sort .select2 {
        width: calc(100vw - 49px) !important;
    }

    .myorders-item-btm td {
        width: auto;
        font-size: 12px;
    }

    .myorders-item-btm td:first-child{
        width: 58px;
    }
    .myorders-item-btm td:nth-child(3),
    .myorders-item-btm td:nth-child(4),
    .myorders-item-btm td:nth-child(5) {
        width: 40px;
    }

    tr.top td:nth-child(4){
        font-size: 0.0001px;
    }

    .myorders-item-data-boxes {
        flex-direction: column;
        gap: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .myorders-item-data-box-item {
        width: 100%;
        max-width: 100%;
    }
    
}