/* HADS V21 — dynamic family navigation / hero only.
   Product catalogue, product cards, filters, zoom and product exploration are intentionally untouched. */

/* Our Workwear: navigation is a real block BELOW the hero, not an overlay. */
.hads-workwear-index .hero{
  min-height:min(690px,calc(100vh - 150px));
}
.hads-workwear-index .hero-content{
  max-width:980px;
}
.hads-workwear-index .ww-family-rail{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  display:flex!important;
  gap:10px!important;
  overflow-x:auto;
  padding:12px max(22px,calc((100vw - 1380px)/2)) 13px;
  background:linear-gradient(180deg,#211326,#160d1b);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.13);
  scrollbar-width:thin;
  z-index:8;
}
.hads-workwear-index .ww-family-rail a{
  flex:1 1 190px;
  min-width:178px;
  min-height:64px;
  display:grid;
  grid-template-columns:43px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  padding:8px 13px 8px 9px;
  border:1px solid rgba(219,174,236,.27);
  border-radius:17px;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(81,48,93,.72),rgba(42,29,48,.86));
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 18px rgba(0,0,0,.12);
  transition:.2s ease;
}
.hads-workwear-index .ww-family-rail a:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#8654a2,#4a3155);
  border-color:rgba(227,183,245,.65);
}
.hads-workwear-index .ww-family-rail .num{
  width:43px;height:43px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ad68ce,#7d4a98);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
  font-size:10px;font-weight:900;
}
.hads-workwear-index .ww-family-rail .label{
  font-size:11px;font-weight:900;line-height:1.15;text-transform:uppercase;
}
.hads-workwear-index .ww-family-rail .arrow{
  font-size:15px;opacity:.72;text-align:center;
}

/* Family pages: same navigation system for historical + new HADS Studio families. */
.hads-family-page .catalogue-family-nav{
  position:relative;
  z-index:10;
  padding:11px 0 12px;
  background:linear-gradient(180deg,#241429,#160d1b);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.hads-family-page .catalogue-family-nav .container{
  display:flex!important;
  gap:10px!important;
  overflow-x:auto;
  align-items:center;
  padding-top:0!important;
  padding-bottom:0!important;
  scrollbar-width:thin;
}
.hads-family-page .catalogue-family-nav a{
  flex:1 0 170px;
  min-height:58px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 14px!important;
  border:1px solid rgba(211,168,229,.27)!important;
  border-radius:16px!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(64,38,74,.70),rgba(42,28,48,.86))!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:.2s ease!important;
}
.hads-family-page .catalogue-family-nav a:hover,
.hads-family-page .catalogue-family-nav a.active{
  transform:translateY(-2px);
  border-color:rgba(226,179,246,.78)!important;
  background:linear-gradient(135deg,#a25cc1,#75508d)!important;
}

/* Partner Access is an internal/client route, not part of public catalogue-family navigation. */
.hads-family-page .partner-access,
.hads-family-page .partner-access-link,
.hads-family-page a[href*="partner-access"]{
  display:none!important;
}

/* Generic family page created from HADS Studio: make the hero visually compatible with canonical pages. */
.hads-family-page .hero{
  min-height:620px;
}
.hads-family-page .hero::before{
  content:"";
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(7,8,12,.68) 0%,rgba(7,8,12,.48) 42%,rgba(7,8,12,.08) 75%,transparent 100%);
}
.hads-family-page .hero-content{z-index:3!important}
.hads-family-page .hero-image{
  filter:brightness(.76) saturate(.92);
}

/* Prevent legacy fixed shortcuts from visually contradicting the dynamic top family nav. */
.hads-family-page .family-shortcuts{
  max-height:210px;
  overflow:auto;
}

@media(max-width:780px){
  .hads-workwear-index .hero{min-height:570px}
  .hads-workwear-index .ww-family-rail{
    padding:9px 14px 10px;
  }
  .hads-workwear-index .ww-family-rail a{
    flex-basis:165px;min-width:165px;min-height:56px;
    grid-template-columns:38px minmax(0,1fr) 18px;
  }
  .hads-workwear-index .ww-family-rail .num{width:38px;height:38px}
  .hads-family-page .catalogue-family-nav{padding:8px 0}
  .hads-family-page .catalogue-family-nav .container{padding-left:13px!important;padding-right:13px!important}
  .hads-family-page .catalogue-family-nav a{flex-basis:150px;min-height:52px;font-size:9px!important}
}