/* Add custom CSS styles below */ 
/* TRINXT - Full Width Mobile Banner */

@media (max-width: 767px) {

  section[data-testid="store-home-fixed-banner"] > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  section[data-testid="store-home-fixed-banner"] .banner {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
  }

  section[data-testid="store-home-fixed-banner"] img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 0 !important;
  }

/* TRINXT - Product Image Test */

s-product-card .s-product-card-image img.s-product-card-image-contain {
    object-fit: cover !important;
}
  /* TRINXT - Mobile Categories */

@media (max-width: 767px) {

  section[data-testid="store-home-square-photos"]
  .square-photos-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  section[data-testid="store-home-square-photos"]
  .square-photos-grid > a.square-photos {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
  }

  section[data-testid="store-home-square-photos"]
  .square-photos-grid > a.square-photos .lazy__bg {
    border-radius: 8px !important;
  }

}