.percent-card.card-1{
    --accent:#d97706;
    border-color:#f6e1c8;
    border-top-color:#d97706;
}

.percent-card.card-1 .card-num{
    box-shadow:0 4px 10px rgba(217,119,6,.45);
}

.percent-card.card-1 .percent-desc{
    background:#fdf7f0;
    border-color:#f8e7d2 #f8e7d2 #f8e7d2 #d97706;
}

.percent-card.card-1 .percent-desc b{
    background:#f9ebda;
}

.percent-card.card-1 .percent-input:focus{
    box-shadow:0 0 0 4px rgba(217,119,6,.14);
}

.percent-card.card-1 .percent-addon{
    background:#f9e9d7;
}

.car-good{
    color:#18794e;
}

.car-normal{
    color:#c96f05;
}

.car-bad{
    color:#b42318;
}

.car-payment{
    color:#c96f05;
    font-size:38px;
}

body .percent-card.card-1 .result-coffee.result-coffee{
    background:#fbf1e6;
    border:1px solid #f4d9b9;
    color:#4a3524;
    box-shadow:none;
}

body .percent-card.card-1 .result-coffee.result-coffee > b{
    color:#c96f05 !important;
}

.car-note{
    display:block;
    margin-top:14px;
    line-height:1.75;
    font-size:16px;
    font-weight:400;
}

.car-note b{
    color:#9a5a16;
}

.car-table{
    width:100%;
    margin-top:18px;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:14px;
}

.car-table td{
    padding:12px 8px;
    border-bottom:1px solid rgba(255,255,255,.18);
    font-size:17px;
    line-height:1.6;
}

.car-table td:last-child{
    text-align:right;
    font-weight:800;
}

@media(max-width:768px){
    .car-table td{
        font-size:14.6px;
        line-height:1.5;
        padding:9px 6px;
    }
}