.worth-a-look-section {
  padding-top: 18px;
  padding-bottom: 28px;
}

.worth-a-look-section .section-title {
  margin-bottom: 16px;
}

.worth-a-look-section .section-title p {
  max-width: 700px;
}

.worth-a-look-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.featured-board-card {
  position: relative;
}

.featured-board-card::before {
  content: "Worth a look";
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(47, 36, 31, .9);
  color: white;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .03em;
  pointer-events: none;
}

.board-card.is-nonavailable {
  border-color: rgba(128, 99, 83, .22);
}

.board-card.is-nonavailable .media img {
  filter: saturate(.72);
}

.board-card.is-reserved .media img {
  opacity: .86;
}

.board-card.is-sold .media img {
  opacity: .68;
  filter: saturate(.45);
}

.board-card.is-sold .price,
.board-card.is-sold .dimensions {
  opacity: .72;
}

@media (max-width: 1100px) {
  .worth-a-look-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .worth-a-look-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .worth-a-look-section {
    padding-bottom: 20px;
  }

  .worth-a-look-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding: 2px 2px 12px;
    margin-inline: -2px;
  }

  .worth-a-look-grid .board-card {
    flex: 0 0 min(74vw, 280px);
    scroll-snap-align: start;
  }
}