/* ── Maison category tiles — 3 pastel cards, product cutout bottom ────── */
.mn-cats { padding: 44px 55px 0; }
.mn-cats__grid {
  max-width: var(--maison-container); margin: 0 auto;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
.mn-cat {
  position: relative; overflow: hidden;
  background: var(--tile-bg);
  min-height: 525px;
  display: flex; flex-direction: column;
  padding: 50px 40px 0;
}
.mn-cat__head { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; }
.mn-cat__eyebrow {
  font-family: var(--maison-font); font-weight: 500;
  font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase;
  color: #000; margin-bottom: 12px;
}
.mn-cat__heading {
  font-family: var(--maison-font); font-weight: 600;
  font-size: 40px; line-height: 1.2; color: #000; margin: 0 0 22px;
}
.mn-cat__btn { pointer-events: none; }
.mn-cat__media {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
  height: 300px; display: flex; align-items: flex-end; justify-content: center;
}
.mn-cat__media img {
  max-height: 300px; width: auto; max-width: 88%; object-fit: contain;
}

@media (max-width: 900px) {
  .mn-cats { padding: 36px 24px 0; }
  .mn-cats__grid { grid-template-columns: 1fr; gap: 14px; }
  .mn-cat { min-height: 420px; }
}
@media (max-width: 480px) {
  .mn-cats { padding: 28px 16px 0; }
  .mn-cat { padding: 40px 26px 0; }
  .mn-cat__heading { font-size: 32px; }
}
