.category-header {
    text-align: left;
    font-weight: bold;
    font-size: 1.5rem;
    background-color: light-grey;
}

.products-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-bottom: 2em;
    width: 100%; /* ensures it takes full line */
}

.category-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}


.store-title h1 {
    font-family: 'Arial', sans-serif; /* A good sans-serif font, but feel free to use a more "magazine" style font */
    font-size: 3em; /* Make the text bigger */
    font-weight: bold; /* Bold the text */
    text-transform: uppercase; /* Uppercase letters for a more striking effect */
    color: #333; /* Dark color for the title */
    letter-spacing: 2px; /* Slightly space out the letters */
    text-align: center; /* Center the text */
    position: relative; /* Allow for positioning of the red line */
}

.store-title h1::after {
    content: ""; /* Empty content for the line */
    position: absolute; /* Absolute positioning for the line */
    left: 0; /* Start at the left */
    right: 0; /* End at the right */
    bottom: -10px; /* Position the line just below the title */
    height: 5px; /* Height of the red line */
    background-color: red; /* Red color for the line */
}