/* =====================================================
   BUY NOW BUTTON
===================================================== */
.detail-buttons button:last-child{
    background:#e53935;
    color:#fff;
}

.detail-buttons button:last-child:hover{
    transform:translateY(-2px);
    background:#c62828;
}
/* =====================================================
   BUY POPUP
===================================================== */
#buyPopup .popup-box{
    width:900px;
    max-width:95%;
    padding:25px;

    text-align:center;
}

#buyPopup h2{
    text-align:center;
    font-size:24px;
    color:#1565c0;
    margin-bottom:20px;
}

#buyPopup .popup-close{
    float:right;
    cursor:pointer;
    font-size:22px;
}
/* =====================================================
   BUY FORM
===================================================== */
#buyPopup input,
#buyPopup textarea{
    width:100%;
    box-sizing:border-box;
    padding:10px;
    margin-bottom:10px;
    border:1px solid #ddd;
    border-radius:6px;
}
/* =====================================================
   PRODUCT INFO
===================================================== */
.buy-product-info{
    display:flex;
    align-items:center;
    gap:15px;

    padding:12px;
    margin:15px 0;

    border:1px solid #eee;
    border-radius:10px;

    background:#fafafa;
}

#buyProductImg{
    width:80px;
    height:80px;
    object-fit:contain;

    flex-shrink:0;

    margin:0;
}

#buyProductName{
    margin:0;
    text-align:left;
    font-size:18px;
    font-weight:700;

    flex:1;
}
/* =====================================================
   BUY ROW
===================================================== */
.buy-row{
    display:grid;
    grid-template-columns:40px 1fr 90px;
    align-items:center;
    gap:10px;
    padding:8px 0;
    border-bottom:1px solid #eee;
}

.buy-left{
    display:flex;
    justify-content:center;
}

.buy-middle{
    text-align:center;
}

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

    border:none;
    border-radius:4px;

    background:#1565c0;
    color:#fff;

    cursor:pointer;
}

.buy-right input{
    width:50px;
    height:28px;

    text-align:center;
    margin:0;
    padding:0 4px;
}
/* =====================================================
   FORM GRID
===================================================== */
.buy-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:10px;
}

.buy-form-grid input{
    width:100%;
}

.buy-address-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:15px;
}

.buy-address-grid textarea{
    width:100%;
    min-height:80px;
}
/* =====================================================
   BUTTONS
===================================================== */
.btn-buynow{
    flex:1;
    height:48px;

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

    background:#e53935;
    color:#fff;

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

.buy-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    margin-top:20px;
    width:100%;
}

.zalo-btn,
.mess-btn{
    width:220px;
    height:46px;

    border:none;
    border-radius:10px;

    color:#fff;
    font-weight:700;

    cursor:pointer;

    margin:15px 5px 0;
}

.zalo-btn{
    background:#1565c0;
}

.mess-btn{
    background:#0084ff;
}