.changeTypeButton {
  border: 0;
  background: none;
  color: var(--red);
  font: 600 12px "Poppins";
  padding: 0;
  margin: -18px 0 6px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.weddingBrand img {
  display: block;
  width: auto;
  height: 58px;
  max-width: 230px;
  object-fit: contain;
}

.seatingTypeGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.seatingTypeGrid > button {
  min-height: 245px;
  padding: 30px;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
  color: var(--ink);
  font-family: inherit;
  cursor: pointer;
  box-shadow: 0 12px 34px rgba(20, 23, 34, .07);
  transition: .25s transform, .25s box-shadow, .25s border-color;
}

.seatingTypeGrid > button:hover {
  transform: translateY(-4px);
  border-color: var(--red);
  box-shadow: 0 22px 48px rgba(20, 23, 34, .12);
}

.seatingTypeGrid small { color: var(--red); font-size: 10px; font-weight: 700; letter-spacing: 1.5px; }
.seatingTypeGrid h2 { font-size: 30px; margin: 20px 0 10px; }
.seatingTypeGrid p { color: var(--muted); font-size: 13px; line-height: 1.7; max-width: 430px; }
.seatingTypeGrid strong { display: block; margin-top: 34px; color: var(--red); font-size: 12px; }
.productCount { margin-top: 28px; color: var(--muted); font-size: 12px; font-weight: 600; }
.sortControl { float: none; width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: 18px 0 0; }
.sortControl label { color: var(--muted); font-size: 11px; font-weight: 600; }
.sortControl select { min-width: 190px; padding: 11px 36px 11px 13px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); font: 600 11px "Poppins"; cursor: pointer; }
.productCount + .productGrid { margin-top: 12px; }
.loadMoreStatus { margin: 28px 0; padding: 18px; text-align: center; color: var(--muted); font-size: 12px; font-weight: 600; }

@media (max-width: 800px) {
  .weddingBrand img { height: 46px; max-width: 185px; }
  .seatingTypeGrid { grid-template-columns: 1fr; }
  .sortControl { float: none; justify-content: space-between; margin-bottom: 10px; }
  .sortControl select { flex: 1; min-width: 0; }
}