.page-content table td,
.page-content table th {
  border: 1px solid #999;
  padding: 6px 8px; }

.page-content table {
  border-collapse: collapse; }

.page-content table th {
  background-color: #f2f2f2;
  font-weight: bold; }

.et-404 {
  text-align: center;
  padding: 20px 0; }

.et-404-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 32px 0; }

.et-btn-blue {
  background: #2833E9;
  color: #fff;
  padding: 16px 28px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  min-width: 160px;
  display: inline-block; }

.et-btn-light {
  background: #f5f5f5;
  color: #1a1a2e;
  padding: 16px 28px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  min-width: 160px;
  display: inline-block;
  border: 1px solid #ddd; }

.et-btn-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  opacity: 0.8;
  margin-bottom: 6px; }

.et-btn-value {
  font-size: 17px;
  font-weight: 600; }

.et-cat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 32px 0; }

.et-cat-btn {
  background: #2833E9;
  color: #fff;
  padding: 18px 12px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  display: block;
  line-height: 1.3; }

.et-cat-btn:hover {
  background: #1e27c7;
  color: #fff; }

@media (max-width: 600px) {
  .et-cat-grid {
    grid-template-columns: repeat(2, 1fr); } }

.et-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 16px 0; }

.et-table-wrap table {
  border-collapse: collapse; }

.et-table-wrap table td, .et-table-wrap table th {
  border: 1px solid #999;
  padding: 6px 8px; }

.et-table-wrap table th {
  background-color: #f2f2f2;
  font-weight: bold; }

@media (min-width: 601px) {
  .et-table-wrap table {
    white-space: nowrap; }
  .et-table-wrap table td, .et-table-wrap table th {
    white-space: nowrap; } }

.card {
  border-radius: 4px;
  transition: box-shadow 0.15s ease; }

.card:active {
  box-shadow: 0 0 0 2px #2833e9; }

.card {
  border-radius: 4px;
  outline: none; }

.card:active {
  outline: 2px solid #2833e9;
  outline-offset: 2px;
  border-radius: 4px; }

.productGrid .product {
  padding: 4px; }

/* Even product card image heights across category grids */
.productGrid .card-figure {
  height: 330px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.productGrid .card-figure .card-image {
  max-height: 330px !important;
  height: 100% !important;
  width: 100% !important;
  object-fit: contain !important;
  object-position: center; }

@media (max-width: 600px) {
  .productGrid .card-figure {
    height: 240px !important; }
  .productGrid .card-figure .card-image {
    max-height: 240px !important; } }