/* =====================================================
   ADD CART ROW
===================================================== */
.addcart-row{
    display:grid;
    grid-template-columns:40px 1fr 120px;
    align-items:center;
    gap:10px;
    padding:10px 0;
    border-bottom:1px solid #eee;
}

.addcart-left{
    display:flex;
    justify-content:center;
    align-items:center;
}

.addcart-middle{
    text-align:center;
    font-size:14px;
}

.addcart-right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:4px;
}
/* =====================================================
   QUANTITY
===================================================== */
.addcart-right button{
    width:28px;
    height:28px;

    border:none;
    border-radius:4px;

    background:#1565c0;
    color:#fff;

    cursor:pointer;
}

.addcart-right input{
    width:40px;
    height:28px;

    text-align:center;
    padding:0;
}
/* =====================================================
   BUTTONS
===================================================== */
.detail-buttons{
    display:flex;
    width:100%;
    gap:12px;
    margin-top:15px;
}

.btn-addcart{
    flex:1;
    height:48px;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#1565c0;
    color:#fff;

    border:none;
    border-radius:10px;
}

.add-cart-btn{
    width:60%;
    margin:15px auto 0;

    display:block;

    height:48px;

    background:#1565c0;
    color:#fff;

    border:none;
    border-radius:10px;

    font-size:16px;
    font-weight:700;

    cursor:pointer;
}
/* =====================================================
   POPUP
===================================================== */
#addCartPopup h2{
    text-align:center;
    font-size:22px;
    margin-bottom:15px;
    color:#1565c0;
    font-weight:700;
}
/* =========================
   CĂN GIỮA Ô SỐ LƯỢNG
   SẢN PHẨM 1 MỨC TẢI TRỌNG
========================= */

.addcart-row[data-index="single"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.addcart-row[data-index="single"] .addcart-left {
    display: none;
}

.addcart-row[data-index="single"] .addcart-middle {
    display: none;
}

.addcart-row[data-index="single"] .addcart-right {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}