/* Reversible market layout layer. Remove its link to restore the previous width. */
body.ms-php-market {
  background:
    linear-gradient(90deg, rgba(7, 6, 5, .86), rgba(7, 6, 5, .73) 50%, rgba(7, 6, 5, .86)),
    url('../images/eastern-lattice.svg') center top / 96px 96px repeat,
    url('../../ThemeMetinsah/images/footer-bg.png') center top / cover fixed;
}

body.ms-php-market .shell {
  max-width: 1300px;
  border-inline: 1px solid rgba(223, 164, 58, .18);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .48);
}

/* The decorative label consumed navigation space when the shell was narrower. */
body.ms-php-market .navigation-label {
  display: none;
}

/* Keep featured cards legible without adding another enclosing frame. */
body.ms-php-market .market-featured-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ms-php-market .market-catalog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-height: none;
  overflow: visible;
}

/* The section heading already separates the catalog; a second panel frame adds clutter. */
body.ms-php-market .market-filters {
  margin-bottom: 22px;
  padding: 0 0 17px;
  border: 0;
  border-bottom: 1px solid rgba(223, 164, 58, .25);
  background: transparent;
}

body.ms-php-market .market-filter-links {
  max-height: none;
  overflow-y: visible;
}

@media (max-width: 1050px) {
  body.ms-php-market .market-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.ms-php-market .shell {
    border-inline: 0;
    box-shadow: none;
  }

  body.ms-php-market .market-featured-grid,
  body.ms-php-market .market-catalog-grid {
    grid-template-columns: 1fr;
  }

  body.ms-php-market .market-filters {
    padding-bottom: 13px;
  }
}