*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:Poppins,sans-serif;

}

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

.orders-header{

    position:sticky;

    top:0;

    z-index:100;

    display:flex;

    align-items:center;

    gap:15px;

    background:var(--white);

    padding:18px;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.back-btn{

    width:45px;

    height:45px;

    border:none;

    border-radius:50%;

    background:var(--primary-light);

    color:var(--primary);

    cursor:pointer;

    font-size:18px;

    transition:.25s;

}

.back-btn:hover{

    background:var(--primary);

    color:#fff;

}

.header-title{

    display:flex;

    flex-direction:column;

}

.header-title h2{

    font-size:22px;

    font-weight:700;

}

.header-title p{

    color:var(--text-light);

    font-size:13px;

}


/* ==========================================
   COUPONS COMING SOON
========================================== */

.coming-soon-box {

    min-height: 75vh;

    max-width: 500px;

    margin: auto;

    padding: 40px 20px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

}

.coming-icon {

    width: 90px;
    height: 90px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eaf8ee;

    color: #16a34a;

    font-size: 38px;

    margin-bottom: 20px;

}

.coming-soon-box h1 {

    margin: 0 0 10px;

    font-size: 25px;

    color: #222;

}

.coming-soon-box p {

    max-width: 340px;

    margin: 0 0 20px;

    color: #777;

    font-size: 14px;

    line-height: 1.6;

}

.coming-note {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 10px 15px;

    margin-bottom: 22px;

    border-radius: 10px;

    background: #fff;

    color: #666;

    font-size: 13px;

    box-shadow: 0 4px 15px rgba(0,0,0,.05);

}

.coming-note i {

    color: #16a34a;

}

.shop-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 200px;

    height: 48px;

    padding: 0 20px;

    border-radius: 12px;

    background: #16a34a;

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

}

.shop-btn:hover {

    background: #15803d;

}