.tww-accessories {
    margin: 15px 0 0px 0px;
    padding: 0;
    border: 0;
    background: transparent;
    width: 100%;
}

.tww-accessories__list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.tww-accessories__row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center
}

.tww-accessories__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    justify-self: end;
    width: 180px;
}

.tww-accessories__name {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    line-height: 1.2
}

.tww-accessories__thumb{display:inline-flex;width:32px;height:32px;border-radius:8px;overflow:hidden;flex:0 0 32px;background:#f3f3f3}.tww-accessories__thumb img{display:block;width:100%;height:100%;object-fit:cover}

.tww-accessories__qty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    border-radius: 999px;
    height: 33px;
    width: 100px;
    min-width: 100px;
    padding: 0 6px;
    gap: 6px;
    justify-self: end
}

.tww-accessories__btn {
    width: 16px;
    height: 16px;
    border: 0;
    background: transparent;
    border-radius: 999px;
    cursor: pointer;
    font-size: 13px;
    line-height: 16px;
    color: #111;
    padding: 0
}

.tww-accessories__btn:focus {
    outline: 0
}

.tww-accessories__input {
    width: 18px;
    height: 16px;
    border: 0;
    background: transparent;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #111;
    padding: 0;
    appearance: textfield;
    -moz-appearance: textfield
}

.tww-accessories__input::-webkit-outer-spin-button,.tww-accessories__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.tww-accessories__price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    min-width: 64px;
    padding: 0 40px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
    justify-self: end
}

.tww-accessories__total {
    margin: 30px 0px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.tww-accessories__total-label {
    font-size: 16px;
    font-weight: 700;
    color: #111
}

.tww-accessories__total-value {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    white-space: nowrap
}



.twc-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    font-size: 16px;
}

.twc-total-row + .twc-total-row {
    margin-top: 10px;
}

.twc-shipping-value {
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    margin-right: 5px;
}

.twc-shipping-value--free {
    color: #8d1b13;
}

.shipping-container .twc-shipping-row {margin: 0px;font-size: 16px;}

.tww-accessories__qty input.tww-accessories__input {
    background-color: #eeeeee !important;
    border: 0px;
}

button.tww-accessories__btn {
    font-size: 17px;
}



@media (max-width: 480px) {
    .tww-accessories__row {
        grid-template-columns: 1fr auto;
        row-gap: 10px
    }

    .tww-accessories__name {
        min-width: 0
    }

    .tww-accessories__price {
        justify-self: end
    }

    .tww-accessories__qty {
        justify-self: end
    }
}
