.st-table {
width: 100%;
overflow-x: auto;
font-family: "Arial", sans-serif;
}
.meaningful-gifts {
display: grid;
grid-template-columns: 1fr;
border-collapse: collapse;
} .st-header {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
background: #fdf7f2;
font-weight: bold;
text-align: center;  }
.st-header .st-col { } .st-col:empty {
border: none !important;
border-right: 1px solid #000 !important;
border-left: 1px solid #000 !important;
background: none;
padding: 0;
} .st-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr; }
.st-row .st-col {
padding: 15px;
vertical-align: top;  }
.st-row .st-col:nth-child(2) { } .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;
} @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;
}
}