/* ==========================================
   OMNIVERSE RFQ SYSTEM
========================================== */

.rfq-button{

position:fixed;

bottom:30px;

right:30px;

width:70px;

height:70px;

border:none;

border-radius:50%;

background:linear-gradient(135deg,#ff9800,#ff6b00);

color:#fff;

font-size:28px;

cursor:pointer;

box-shadow:0 12px 35px rgba(0,0,0,.25);

z-index:9999;

transition:.35s;

}

.rfq-button:hover{

transform:translateY(-6px) scale(1.05);

}

#rfqCount{

position:absolute;

top:-8px;

right:-8px;

width:28px;

height:28px;

border-radius:50%;

background:#dc3545;

display:flex;

justify-content:center;

align-items:center;

font-size:13px;

font-weight:bold;

}

/* Overlay */

.rfq-overlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.45);

opacity:0;

visibility:hidden;

transition:.35s;

z-index:9998;

}

.rfq-overlay.active{

opacity:1;

visibility:visible;

}

/* Sidebar */

.rfq-sidebar{

    position:fixed;

    top:0;
    right:-450px;

    width:420px;
    max-width:100%;

    height:100dvh;

    background:#fff;

    z-index:9999;

    display:flex;
    flex-direction:column;

    overflow:hidden;

    transition:.3s;

    padding-bottom:20px;

}

.rfq-sidebar.active{

right:0;

}

/* Header */

.rfq-header{

padding:22px;

background:#002855;

color:#fff;

display:flex;

justify-content:space-between;

align-items:center;

}

.rfq-header h3{

margin:0;

font-size:22px;

}

.rfq-close{

border:none;

background:none;

color:#fff;

font-size:34px;

cursor:pointer;

}

/* Products */

.rfq-footer{

    height:120px;

    padding:15px 20px;

    background:#fff;

    border-top:1px solid #ddd;

}

/* Footer */

.rfq-footer{

    position: sticky;

    bottom: 0;

    background: #fff;

    border-top: 1px solid #eee;

    padding: 20px;

    z-index: 100;

}

.rfq-footer .btn{

    height:52px;

    font-size:17px;

    font-weight:600;

    border-radius:12px;

    margin-bottom:10px;

}

#rfqTotal{

color:#ff6b00;

font-weight:bold;

margin:10px 0 20px;

}

@media(max-width:768px){

.rfq-sidebar{

    width:100%;

    right:-100%;

}

.rfq-sidebar.active{

    right:0;

}

}



.rfq-card{

background:#fff;

border-radius:15px;

padding:18px;

margin-bottom:18px;

box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.rfq-title{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:10px;

}

.rfq-title h5{

margin:0;

font-size:18px;

font-weight:600;

}

.rfq-price{

font-weight:bold;

color:#0B4EA2;

margin-bottom:15px;

}

.rfq-controls{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:15px;

}

.qty-btn{

width:34px;

height:34px;

border:none;

border-radius:50%;

background:#002855;

color:white;

font-size:18px;

transition:.3s;

}

.qty-btn:hover{

background:#ff9800;

}

.rfq-total{

font-weight:bold;

font-size:18px;

color:#ff6b00;

text-align:right;

}

@media(max-width:768px){

    .rfq-footer{

        padding:15px;

        padding-bottom:35px;

    }

}