/* ==========================================================================
   Furniture index
   ========================================================================== */

.prod-grid { gap: 44px 36px; }

/* .prod-card lives in kbh.css — the product page reuses it too. */

/* ---------- See them together ---------- */
.together {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 80px;
  border: 1px solid var(--rule);
}
.together__text {
  padding: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
.together__cta { align-self: flex-start; margin-top: 8px; }
.together__media { overflow: hidden; }
.together__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 360px;
}

@media (max-width: 1023px) {
  .together { grid-template-columns: 1fr; margin-top: 56px; }
  .together__media { order: -1; }
  .together__media img { min-height: 260px; }
  .together__text { padding: 40px 32px; }
}

@media (max-width: 767px) {
  .prod-grid { gap: 32px; }
  .together__text { padding: 28px 22px; }
  .together__cta { align-self: stretch; }
  .together__media img { min-height: 200px; }
}

/* ---------- Category shortcuts (every category, not just the filtered ones) ---------- */
.fi-cats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
  margin-bottom: 44px;
}
.fi-cat {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 16px 18px;
  background: var(--cream);
  transition: background .2s ease;
}
.fi-cat:hover { background: var(--cream-warm); }
.fi-cat__name { font-family: var(--serif); font-size: 16px; }
.fi-cat__n { font-size: 11px; letter-spacing: .12em; color: var(--muted); }

@media (max-width: 1023px) { .fi-cats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px)  { .fi-cats { grid-template-columns: 1fr; margin-bottom: 32px; } }