/* ==================================================
   HEMRITU ORDERS
   MOBILE FRAMEWORK V2
================================================== */

@media (max-width:767px){

/*==============================
Container
==============================*/

.hemritu-orders{

    padding:16px;

}


/*==============================
Header
==============================*/

.hemritu-orders-title h2{

    margin:0;
    font-size:30px;
    line-height:1.2;

}

.hemritu-orders-count{

    margin-top:8px;
    font-size:14px;
    color:#666;

}


/*==============================
Filter Bar
==============================*/

.hemritu-order-filters{

    display:flex;
    flex-wrap:nowrap;
    gap:10px;

    overflow-x:auto;
    overflow-y:hidden;

    padding-bottom:8px;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

}

.hemritu-order-filters::-webkit-scrollbar{

    display:none;

}

.hemritu-order-filter{

    flex:none;

    white-space:nowrap;

    height:40px;

    padding:0 18px;

    border-radius:999px;

}


/*==============================
Order Card
==============================*/

.hemritu-order-card{

    margin-bottom:18px;

    border-radius:16px;

    overflow:hidden;

}


/*==============================
Card Header
==============================*/

.hemritu-order-card-header{

    padding:18px;

}


/*==============================
Card Body
==============================*/

.hemritu-order-card-body{

    display:flex;

    align-items:flex-start;

    gap:16px;

    padding:18px;

}


/*==============================
Product Image
==============================*/

.hemritu-order-image{

    flex:0 0 82px;

    width:82px;

}

.hemritu-order-image img{

    display:block;

    width:82px;

    height:82px;

    object-fit:cover;

    border-radius:12px;

}


/*==============================
Product Details
==============================*/

.hemritu-order-details{

    flex:1;

    min-width:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

}

.hemritu-order-details h4{

    margin:0 0 8px;

    font-size:18px;

    font-weight:600;

    line-height:1.45;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

    overflow:hidden;

    word-break:break-word;

}

.hemritu-more-items{

    margin-bottom:8px;

    font-size:15px;

}

.hemritu-order-total{

    margin-top:auto;

    font-size:20px;

    font-weight:700;

}


/*==============================
Card Footer
==============================*/

.hemritu-order-card-footer{

    padding:18px;

}

.hemritu-view-order{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:46px;

    border-radius:12px;

    font-size:16px;

    font-weight:600;

}

}