/*
 * Categorietegel met achtergrondafbeelding (.headwear-category)
 * Gebruikt op de homepage en de caps-pagina. De afbeelding zelf staat
 * inline in de template (style="background-image: …"), omdat die uit ACF komt.
 */

.headwear-category {
  display: block;
  width: 100%;
  height: 260px;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.headwear-category p {
  font-size: 28px !important;
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  width: 90%;
  margin: 0;
}
.headwear-category p span {
  font-size: 21px !important;
  opacity: 0.75;
}

/* Tweede rij tegels */
.headwear-category--offset {
  margin-top: 25px;
}

/* Homepage: hogere, gecentreerde tegels */
#homepageScreen .headwear-category {
  height: 400px;
  text-align: center;
}

@media (max-width: 768px) {
  .headwear-category {
    margin-bottom: 30px;
  }
}