/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 29 2026 | 10:14:18 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Content above overlays */
#ms-product-cat-section .ms-cat-item > *{
  position: relative;
  z-index: 1;
}

/* Optional: add an outer shadow per cell (if you want “card” lift) */
#ms-product-cat-section .ms-cat-item{
  box-shadow:
          0 18px 45px rgba(0,0,0,.08),
          0 8px 18px rgba(0,0,0,.06);
}

/* Optional hover */
@media (prefers-reduced-motion: no-preference){
  #ms-product-cat-section .ms-cat-item{
    transition: transform .15s ease, box-shadow .15s ease;
  }
  #ms-product-cat-section .ms-cat-item:hover{
    transform: translateY(-2px);
    box-shadow:
            0 26px 70px rgba(0,0,0,.10),
            0 12px 24px rgba(0,0,0,.08);
  }
}