/* ===========================
   TRACK ORDER
=========================== */

.track-order{
    padding:100px 0;
}

.track-header{
    text-align:center;
    margin-bottom:50px;
}

.track-header h1{
    margin-bottom:12px;
}

.track-card{
    max-width:600px;
    margin:auto;
    background:var(--card-bg);
    padding:35px;
    border-radius:20px;
    margin-bottom:40px;
}

.track-card input{
    width:100%;
    padding:15px;
    border:1px solid var(--border-color);
    border-radius:12px;
    background:var(--bg-color);
    color:var(--text-color);
    margin-top:8px;
    margin-bottom:25px;
}

.track-card button{
    width:100%;
}

.track-result{
    max-width:700px;
    margin:auto;
    padding:30px;
    border-radius:20px;
    background:var(--card-bg);
}

.track-result.success{
    border-left:5px solid #28a745;
}

.track-result.error{
    border-left:5px solid #dc3545;
    text-align:center;
}

.result-row{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.result-row:last-child{
    border-bottom:none;
}

@media(max-width:768px){

    .result-row{
        flex-direction:column;
        gap:5px;
    }

}