/* assets/css/style.css */
.products-table { width:100%; border-collapse:collapse; text-align:center; }
.products-table th { background:#f2f2f2; padding:10px; }
.products-table td { padding:10px; border-bottom:1px solid #eee; font-size:18px; }
.product-thumb { width:40px; height:40px; cursor:pointer; }
.qty-input { width:60px; padding:5px; text-align:center; }
.qty-box { display:flex; align-items:center; justify-content:center; gap:4px; }
.qty-box button { width:24px; height:24px; border:none; background:#ddd; cursor:pointer; font-weight:bold; }
.qty-box button:hover { background:#ccc; }
.stock-label { display:block; font-size:12px; color:#777; margin-top:4px; }
.buy-btn { padding:7px 14px; background:#e74c3c; color:#fff; border:none; border-radius:4px; cursor:pointer; }
.cat-btn { margin:5px; padding:8px 14px; background:#0073aa; color:#fff; border-radius:4px; display:inline-block; cursor:pointer; transition: 0.3s; }
.cat-btn.active, .cat-btn:hover { background:#e74c3c; }
#image-hover-preview { position:absolute; display:none; background:#fff; border:1px solid #ddd; padding:6px; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:9999; pointer-events: none; }
#image-hover-preview img { max-width:300px; }
.behiran-notice { padding:12px 16px; border-radius:6px; margin-bottom:12px; font-size:15px; display:none; }
.behiran-notice.warning { background:#fff8e1; border-right:4px solid #f39c12; color:#7d5a00; }
.behiran-notice.success { background:#e8f5e9; border-right:4px solid #27ae60; color:#1a5c32; }
.behiran-search-box { width:100%; padding:10px; margin-bottom:15px; border: 1px solid #ddd; border-radius: 4px;}

@media(max-width:768px) {
    .buy-btn { margin:auto; display:block; }
    .products-table thead { display:none; }
    .products-table, .products-table tbody, .products-table tr, .products-table td { display:block; width:100%; text-align:right; }
    .products-table tr { border:1px solid #eee; margin-bottom:12px; padding:12px; border-radius:6px; background:#fff; }
    .products-table td { border:none; padding:6px 0; }
    .mobile-top { display:flex; align-items:center; gap:10px; }
}