.first {
    padding-top: calc(111px + 80px) !important;
}

#cart .table {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    font-size: 1rem;
    border-collapse: collapse;
    border-spacing: 0 10px;

}

#cart .table,
#cart .table input {
    color: var(--text-on-white);
}

#cart {
    min-height: calc(100vh - 182px);
}

#cart .table input {
    outline: none;
    border: 1px solid rgba(117, 78, 0, 0.2);
    padding: .2rem;
    width: 50px;
    font-size: 1rem;
}


#cart .table {
    width: 100%;
}


table tr {
    border-bottom: 2px solid var(--text-on-white);

}

table th,
td {
    padding: .725rem 0;

}


#cart .table i {
    font-size: 22px;
}

@media (min-width:768px) {
    #cart .table {
        font-size: 1.125rem;
    }
}

#cart .total {
    max-width: 800px;
    margin: 0 auto;
    /* background-color: var(--text-on-white); */
    /* padding: 1rem; */
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

#cart .total div>* {
    display: block;
    text-align: right;
}

#cart .total div {
    display: grid;
    justify-items: flex-end;
    gap: 1rem;
}

#cart .total div>span {
    /* color: white; */
    font-size: 1.375rem;
}