/* ===== Table Styles ===== */
.qot-table-wrapper { width:100%; overflow-x:auto; }
.qot-table { width:100%; border-collapse:collapse; margin:20px 0 100px; min-width:700px; }
.qot-table th, .qot-table td { border:1px solid #eee; padding:10px; text-align:center; white-space:nowrap; }
.qot-table th { background:#ffcc00; font-weight:600; }
.qot-category td { background:#005A07; color:#fff; text-align:center; font-weight:600; text-transform:uppercase; }
.qot-total { font-weight:600; }

/* ===== Quantity Buttons ===== */
.qot-qty-wrapper { display:inline-flex; align-items:center; border:1px solid #ccc; border-radius:6px; overflow:hidden; background:#fff; }
.qot-qty-wrapper button { background:#ffcc00; border:none; width:30px; height:30px; font-size:18px; font-weight:700; cursor:pointer; transition:0.2s; line-height:1; }
.qot-qty-wrapper button:hover { background:#ffd633; }
.qot-qty-wrapper input.qot-qty { width:45px; height:30px; border:none; text-align:center; font-size:15px; font-weight:600; background:transparent; pointer-events:none; }
.qot-table br {
    display: none;
}
/* ===== Fixed Footer ===== */
.qot-fixed-footer { position:fixed; bottom:0; left:0; right:0; background:#005A07; color:#fff; display:flex; justify-content:space-evenly; align-items:center; padding:15px 25px; box-shadow:0 -2px 10px rgba(0,0,0,0.25); z-index:9999; flex-wrap:wrap; gap:10px; }
.qot-fixed-footer button {     
    background: #ffcc00;
    border: none;
    border-radius: 7px;
    color: #000;
    padding: 10px 30px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.2s;
    font-size: 16px; }
.qot-fixed-footer button:hover { background:#ffd633; }

/* ===== Popup ===== */
.qot-image-popup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:10000; justify-content:center; align-items:center; }
.qot-image-popup.active { display:flex; }
.qot-popup-content { max-width:90%; max-height:90%; position:relative; }
.qot-popup-content img { max-width:100%; max-height:400px; border-radius:8px; box-shadow:0 4px 20px rgba(0,0,0,0.5); }
.qot-popup-close { position:absolute; top:-40px; right:0; background:#fff; border:none; border-radius:50%; width:30px; height:30px; font-size:20px; font-weight:bold; cursor:pointer; display:flex; align-items:center; justify-content:center; color:#333; }
.qot-popup-close:hover { background:#ffcc00; }
.quick-image img { cursor:pointer; transition:transform 0.2s ease; border-radius:4px; }
.quick-image img:hover { transform:scale(1.05); }
input.qot-qty {
    text-align: center;
}button.qot-minus, button.qot-plus {
    color: #fff !important;
    font-weight: bold;
    font-size: 20px;
    padding: 0;
}td.quick-title p {
    margin-bottom: 5px !important;
}
/* ===== Responsive ===== */
@media (max-width:768px) {
  .qot-fixed-footer { flex-direction:column; text-align:center; }
  .qot-table-wrapper { overflow-x:scroll; }
  .quick-title { max-width:200px; white-space:normal; }
}