.marketplace h4 { font-size: 1.0rem;}
.marketplace p { font-size: 0.90rem;}

.resource-card {
  border: 1pt solid #D1D1D1;
  border-radius: 0 !important; /* square corners */
}

.resource_manufacturer {
  font-weight: 600;
}

/* Full-width maroon buttons, slight rounding, white text */
.btn-maroon {
  background-color: #800000;
  color: #FFFFFF;
  border: none;
  border-radius: .35rem;
  font-size: 0.80rem;
}
.btn-maroon:hover,
.btn-maroon:focus {
  background-color: #6e0000;
  color: #FFFFFF;
}

/* Square image container (works anywhere, keeps 1:1) */
.ratio-square {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
.ratio-square .img-square {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Use modern aspect-ratio when available */
@supports (aspect-ratio: 1 / 1) {
  .ratio-square {
    aspect-ratio: 1 / 1;
    padding-top: 0;
  }
}

/* Optional: highlight a product when navigated via #hash */
.card-anchor-highlight {
  box-shadow: 0 0 0 3px rgba(128, 0, 0, .35);
  transition: box-shadow .5s ease;
}

.btn-secondary { background-color: #800000 !important; opacity: 30% !important; font-size: 0.80rem;}