/* Category tile icon polish -- consistent size/background/spacing regardless
   of each source image's native dimensions, so the grid reads as one set. */
.categoryListBoxContents img {
    display: block;
    margin: 0 auto 6px;
    width: 64px;
    height: 64px;
    object-fit: contain;
    padding: 8px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e2e8e3;
}
.categoryListBoxContents {
    padding: 14px 8px !important;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.categoryListBoxContents:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}