.st-table {
  width: 100%;
  overflow-x: auto;
  font-family: "Arial", sans-serif;
}

.meaningful-gifts {
  display: grid;
  grid-template-columns: 1fr;
  border-collapse: collapse;
}

/* Header */
.st-header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: #fdf7f2;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
}

.st-header .st-col {
  padding: 15px;
  border-right: 1px solid #eee;
}

/* Remove border for empty cells */
.st-col:empty {
  border: none !important;
  background: none;
  padding: 0;
}

/* Rows */
.st-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /* border-bottom: 1px solid #e5e5e5; */
}

.st-row .st-col {
  padding: 15px;
  vertical-align: top;
  border-right: 1px solid #eee;
}

/* Category cell with icon */
.st-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-align: center;
  background: #f7f9ff;
}

.st-category img {
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .st-header,
  .st-row {
    grid-template-columns: 1fr;
  }
  .st-col {
    border-right: none;
    border-bottom: 1px solid #eee;
  }
  .st-category {
    background: #f0f5ff;
  }
}