.account-orders-wrapper{

    color:#fff;

}



.account-orders-wrapper h2{

    font-size:26px;

    margin-bottom:20px;

}



.order-accordion{

    background:#1b1b1b;

    border-radius:16px;

    margin-bottom:16px;

    overflow:hidden;

}



.order-summary{

    display:flex;

    justify-content:space-between;

    padding:18px 22px;

    cursor:pointer;

    font-family: 'poppins', sans-serif;

}



.order-summary span{font-weight: normal; font-size:18px; color:#fff;}

.order-summary small{color:#aaa;margin-left:10px; font-size: 14px; vertical-align: text-top; }

.order-summary .right{display:flex;align-items:center;gap:15px;}

.order-summary .right strong {

    font-size: 22px;

    font-weight: 500;

    border-right: 1px solid #4a4a4a;

    padding-right: 15px;

    height: 18px;

    line-height: 20px;

}

.toggle{color:#d4af37;}



.order-details{

    padding:20px;

    border-top:1px solid #333;

}



.order-product{

    display:flex;

    align-items:center;

    gap:20px;

    background:#2a2a2a;

    padding:14px;

    border-radius:12px;

    margin-bottom:12px;

}



.order-product img{

    width:60px;

    border-radius:0px;

}



.product-info{flex:1;}



.product-name{

    font-weight: normal;

    margin: 0;

    font-size: 18px;

    font-family: 'poppins', sans-serif;}



.product-info small{color:#aaa;display:block;margin-top:2px;}



.product-info a{

    color: #fff;

    font-size: 14px;

    margin-top: 4px;

    display: inline-block;

    font-weight: 500;

    text-decoration: underline;

    text-underline-offset: 5px;

}



.product-info .prod-moreinfo {

    display:flex;

    flex-wrap: wrap;

    flex-direction: column;

}

.product-info .prod-moreinfo .prod-variant {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}

.product-info .prod-moreinfo span {

    font-family: 'poppins', sans-serif;

    font-weight: normal;

    font-size:14px;

    color:#fff;

}

.product-info .prod-moreinfo span strong {

    font-weight: normal;

     color:#aaa;

}

.order-meta{

    display:flex;

    justify-content:space-between;

    margin:14px 0;

    color:#aaa;

    font-size:14px;

    flex-direction: column;

    gap: 5px;

}

.order-meta .order-item {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    font-family: 'poppins', sans-serif;

    font-weight: normal;

    font-size: 14px;

    color:#fff;

}

.order-meta span{

    color:#aaa;

    font-weight:normal;

    width: 140px;

}



.order-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:20px;

}



.footer-total{

    font-weight: 500;

    font-size: 22px;

    font-family: 'poppins', sans-serif;

}



.btn-download{

    background:#fff;

    color:#000;

    padding:15px;

    border-radius:10px;

    font-weight:normal;

    text-decoration:none;

    font-size: 16px;

    font-family: 'oswald', sans-serif;

    display: flex;

    gap: 3px;

}

.btn-download:hover,

.btn-download:focus{

    color:#000;

}



/* Responsive */



@media(max-width: 1094px) { 

    

    .ht-account-wrapper {

        grid-template-columns: 2.5fr 6fr;

    }

}



@media(max-width: 991px) { 

     .ht-account-sidebar {

        width: 297px;

    }

    .order-summary {

        flex-wrap: wrap;

        gap: 10px;

        padding: 18px 15px;

   }

   .order-summary .right {

        justify-content: space-between;

        width: 100%;

   }

   .order-summary .right strong {

        width: 48%;

   }

   .order-product {

        flex-wrap: wrap;

        flex-direction: column;

        align-items: start;

   }

}

@media (max-width:767px) {



    .ht-account-sidebar {

        width: 100% !important;

    }

   .ht-account-content#ht-account-content h2 {

        margin-bottom: 25px;
        text-align: center;

   }

   .order-summary {

        flex-wrap: wrap;

        gap: 10px;

        padding: 18px 15px;

   }

   .order-summary span { 

        font-size: 12px;

   }

   .order-summary .right strong {

        font-size: 12px;

   }

   .order-summary small { font-size: 12px; vertical-align: middle; }

   .order-summary .right {

        gap: 20px;

   }

   .order-product {

        flex-wrap: wrap;

        flex-direction: column;

        align-items: start;

   }

   .footer-total {

        font-size: 16px;

   }

   .btn-download {

        padding: 10px;

        font-size: 14px;

   }

}