.home-categories4square-wrapper {
    width: 100%;
}

.home-categories4square-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 10px; /* spacing between images */
}

.home-categories4square-item {
    display: block;
    text-decoration: none;
}

.home-categories4square-image {
    width: 100%;
    display: block;
    aspect-ratio: 1 / 1; /* perfect square */
    object-fit: cover;
    border-radius: 4px;
}

.home-categories4square-grid
{
padding-top: 20px;


a {
    padding: 10px;}
}

.products-section-title {
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;        /* adjust for size (e.g., 32px) */
  letter-spacing: 2px;    /* adds elegant spacing between letters */
  color: #222;            /* dark gray text color */
  margin: 2rem 0 1.5rem;  /* spacing above and below */
  font-family: 'Poppins', sans-serif; /* modern clean font */
}


@media (max-width: 767.98px) {
    .home-categories4square-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 above, 2 below */
    }
}


/* /// */

.home-categories4square-item {
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;              /* so zoom stays inside the square */
    border-radius: 0;              /* sharp corners */
}

/* image styling with zoom effect */
.home-categories4square-image {
    width: 100%;
    display: block;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 0;              /* sharp corners */
    transition: transform 0.3s ease;
}

/* zoom on hover + red border/glow */
.home-categories4square-item:hover .home-categories4square-image {
    transform: scale(1.05);
}

.home-categories4square-item:hover {
    box-shadow: 0 0 0 2px rgb(237, 28, 35); /* your red color */
}