/* Additional gift table / scrollable card helper */
.table-scroll { 
  margin-top: 28px; 
  padding: 28px; 
  border-radius: 16px; 
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(250,251,255,0.95)); 
  border: 4px solid #000;
  box-shadow: 12px 12px 0 rgba(0,0,0,0.2); 
}
.table-scroll table { 
  width: 100%; 
  border-collapse: separate; 
  border-spacing: 24px;
  min-width: 1800px; 
  font-size: 18px; 
}
.table-scroll th { 
  text-align: center; 
  padding: 28px 32px; 
  /* 3D styling for categories */
  border: 4px solid #000;
  border-radius: 12px;
  box-shadow: 16px 16px 0 #000;
  transform: translateY(-12px);
  color: #000; 
  font-weight: 900; 
  font-size: 32px; 
  text-transform: uppercase;
  font-family: 'Bangers', system-ui, cursive;
  letter-spacing: 2px;
  transition: transform 0.2s cubic-bezier(0.3, 1.5, 0.7, 1), box-shadow 0.2s cubic-bezier(0.3, 1.5, 0.7, 1);
  position: relative;
  z-index: 10;
  background-clip: padding-box;
  min-width: 260px;
}

/* Internal highlight for plastic/blocky feel */
.table-scroll th::after {
  content: "";
  position: absolute;
  top: 4px; left: 4px; right: 4px; height: 35%;
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%);
  border-radius: 6px;
  pointer-events: none;
}

.table-scroll th:hover {
  transform: translateY(-4px);
  box-shadow: 6px 6px 0 #000;
}
.table-scroll td { 
  padding: 16px; 
  vertical-align: top; 
  background: #fff;
  border: 3px solid #000;
  border-radius: 10px;
  box-shadow: 6px 6px 0 rgba(0,0,0,0.1);
  color: #000; 
  line-height: 1.5; 
  font-size: 16px; 
  font-weight: 600;
}

/* New: per-column color accents for gift category headers and subtle column tint */
.table-categories thead th {
  color: #000 !important;
  /* backgrounds set below */
}

/* header color accents - 3D SOLID COMIC COLORS */
.table-categories thead th:nth-child(1) { background: #ffaa55; }
.table-categories thead th:nth-child(2) { background: #55aaff; }
.table-categories thead th:nth-child(3) { background: #55dd99; }
.table-categories thead th:nth-child(4) { background: #aa88ff; }
.table-categories thead th:nth-child(5) { background: #ffdd44; }
.table-categories thead th:nth-child(6) { background: #ff77aa; }
.table-categories thead th:nth-child(7) { background: #55dde0; }

/* subtle tint for cells under each header - replaced with solid comic panel look */
.table-categories tbody td:nth-child(1) { background: #fffaf0; }
.table-categories tbody td:nth-child(2) { background: #f0f8ff; }
.table-categories tbody td:nth-child(3) { background: #f0fff6; }
.table-categories tbody td:nth-child(4) { background: #f8f6ff; }
.table-categories tbody td:nth-child(5) { background: #fffff0; }
.table-categories tbody td:nth-child(6) { background: #fff0f5; }
.table-categories tbody td:nth-child(7) { background: #f0fdff; }

/* ensure table stays readable on small screens */
@media (max-width: 900px) {
  .table-categories thead th { font-size: 16px; padding: 12px; }
  .table-categories tbody td { font-size: 15px; padding: 10px; }
}