<style>
  body { background: #f8f9fa; }

  /* Ensure table headers and cells align perfectly */
  .dataTables_wrapper .dataTables_scrollHead table,
  .dataTables_wrapper .dataTables_scrollBody table {
    width: 100% !important;
    table-layout: fixed;
  }

  table.dataTable {
    border-collapse: collapse !important;
  }

  table.dataTable th, 
  table.dataTable td {
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    padding: 6px 10px !important;
    border: 1px solid #dee2e6 !important;
  }

  table.dataTable thead th {
    background-color: #212529;
    color: #fff;
    border-bottom: 2px solid #444 !important;
  }

  /* Set consistent widths */
  th:nth-child(1) { width: 40px; }
  th:nth-child(2) { width: 90px; text-align: right; }
  th:nth-child(3) { width: 90px; }
  th:nth-child(4) { width: 120px; }
  th:nth-child(5) { width: 100px; }
  th:nth-child(6) { min-width: 240px; text-align: left; }
  th:nth-child(7) { width: 120px; }
  th:nth-child(8) { width: 80px; }
  th:nth-child(9) { width: 80px; }
  th:nth-child(10) { width: 80px; }

  /* Price styling */
  .price-highlight {
    font-weight: 500;
    font-size: 1.15rem;
    color: #a31010;
    text-shadow: 0 0 1px rgba(0,0,0,0.15);
  }

  /* Modal price */
  .modal-price {
    font-size: 1.35rem;
    font-weight: 800;
    color: #a31010;
    text-shadow: 0 0 2px rgba(0,0,0,0.2);
  }

  /* Product image styling */
  .product-thumb {
    max-height: 60px;
    transition: transform .3s ease;
    cursor: pointer;
  }
  .product-thumb:hover { transform: scale(1.1); }

  /* Image modal */
  #largeImageView { max-width: 100%; max-height: 70vh; object-fit: contain; }
  .modal-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    border-radius: 50%;
    cursor: pointer;
    z-index: 5;
  }
  .modal-nav-btn:hover { background: rgba(0,0,0,0.8); }
  .modal-prev { left: 0px; }
  .modal-next { right: 0px; }

  /* Header branding */
  .brand-header img { height: 60px; }
  .brand-header h5 { font-weight: 700; margin-bottom: 0; }
  .brand-header small { color: #6c757d; }
</style>