/* Container takes full width, sits above the product grid */
.dd-subcats-wrap {
  width: 100%;
  margin: 0 0 1rem 0;
}

/* Horizontal row that wraps nicely */
.dd-subcats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 2.5rem; /* decent spacing between items */
}

/* Each item is simple text block; adjust min-width if you like wider chips */
.dd-subcat {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35rem; /* space between link and the span words */
}

/* Clickable name: bold, simple hover effect */
.dd-subcat-link {
  font-weight: 400;
  text-decoration: none;
opacity: 0.6;
color:black;
  text-decoration: none;
  cursor: pointer;
  display: inline-block; /* important so transform applies per word */
  transition: opacity 0.25s ease;

}
.dd-subcat-link {
  display: inline-block;
}

.dd-subcat-link:hover {
  animation: dd-pulse 0.5s ease-in-out infinite alternate;
}

@keyframes dd-pulse {
  from { transform: scale(1); }
  to   { transform: scale(1.07); }
}


.dd-subcat-link span {
  position: relative;
  z-index: 1; /* keep text above bubble */
}

/* Subtle hover effect (underline + slight opacity change) */
.dd-subcat-link:hover,
.dd-subcat-link:focus {
  opacity: 0.8;
}

/* Word spans (so you can hide specific words later via CSS) */
.dd-subcat-word {
  line-height: 1.2;
}

.dd-subcat-word.dd-hide-first {
  display: none;
}

/* hide some brand names */

.archive.term-1476 .dd-subcat-word:first-child,
.archive.term-1476 .dd-subcat-word:nth-child(2),
.archive.term-1476 .dd-subcat-word:nth-child(3){
  display:none;
}
.archive.term-1374 .dd-subcat-word:first-child {
  display:none;
}
.archive.term-1478 .dd-subcat-word:first-child,
.archive.term-1478 .dd-subcat-word:nth-child(2){
  display:none;
}