/* cart.css */

.cart-panels {
    max-width: 660px;
    margin-top: 20px;
}

.panel {
    background:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    margin:18px 0;
}

.panel-hd {
    background:#f2f2f2;
    border-bottom:1px solid #ddd;
    padding:12px 16px;
    font-weight:600;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.panel-bd {
    padding:14px 16px;
}

.cart-panels .row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.lbl {
    min-width:90px;
    color:#333;
}

.lbl-block {
    display:block;
    margin-bottom:6px;
}

.muted {
    color:#777;
    font-weight:400;
}

.fld {
    flex:1;
}

.inp {
    width:100%;
    height:34px;
    padding:6px 10px;
    border:1px solid #cfcfcf;
    border-radius:3px;
    outline:none;
}
.inp:focus {
    border-color:#9bbcff;
    box-shadow:0 0 0 3px rgba(66,133,244,.15);
}


/* Контейнер кнопок: лево/право по краям */
.cart-actions{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center;
    width:100%;
    margin-top:15px;
}

/* Группы внутри: в одну строку */
.cart-actions__left,
.cart-actions__right{
    display:flex !important;
    gap:8px;
    flex-wrap:nowrap;
}

.cart-actions .btn{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
}

/* Стили самих кнопок, если нужна «классика» */
.btn-light{
    background:#f7f7f7;
    border:1px solid #ccc;
    color:#333;
}
.btn-light:hover{ background:#eee; }

.btn-primary{
    background:#428bca;
    border:1px solid #357ebd;
    color:#fff;
}
.btn-primary:hover{ background:#3071a9; }

/* (опционально) адаптив: на очень узких экранах переносить правую группу вниз */
@media (max-width: 576px){
    .cart-actions{ flex-wrap:wrap; row-gap:10px; }
    .cart-actions__right{ margin-left:auto; } /* останутся прижатыми вправо */
}

.cart-divider {
    border: 0;
    border-top: 2px solid #666;
    margin: 20px 0;
    max-width: 100%;   /* ширина по контейнеру */
}