/* ProductSubnav — barra do produto (fixa, abaixo da barra global) */
.subnav-slot { height: var(--navBarHeight); }
.subnav {
  position: fixed; left: 0; right: 0; top: var(--navBarHeight); z-index: 1200;
  height: var(--navBarHeight);
  background: var(--ink);
  border-bottom: 1px solid #424242;
  padding: 0 24px;
  transition: transform .3s ease;
}
body.nav-hidden .subnav { transform: translateY(calc(var(--navBarHeight) * -1)); }
@media (min-width: 768px)  { .subnav { padding: 0 48px; } }
@media (min-width: 1025px) { .subnav { padding: 0 40px; } }
.subnav__inner {
  height: 100%; display: flex; align-items: center;
  max-width: 1200px; margin: 0 auto;
}
.subnav__left { display: flex; align-items: center; flex: 1; min-width: 0; height: 100%; }
.subnav__name {
  display: none; margin-right: 50px; flex-shrink: 0;
  font-size: 20px; line-height: 30px; font-weight: 600; color: var(--ink-on-dark); white-space: nowrap;
}
@media (min-width: 1025px) { .subnav__name { display: block; } }
.subnav__links {
  display: flex; align-items: center; gap: 12px;
  margin-left: auto; padding-right: 24px;
  overflow-x: auto; scrollbar-width: none;
  height: 100%;
}
.subnav__links::-webkit-scrollbar { display: none; }
@media (max-width: 1024px) { .subnav__links { margin-left: 0; margin-right: auto; } }
@media (min-width: 768px) { .subnav__links { gap: 24px; } }
@media (min-width: 1025px) { .subnav__links { gap: 60px; padding-right: 48px; } }
.subnav__links a {
  font-size: 14px; line-height: 20px; font-weight: 700; color: #757575; white-space: nowrap;
  transition: color .2s;
}
.subnav__links a:hover, .subnav__links a.is-active { color: var(--ink-on-dark); }
.subnav__links a[target="_blank"]::after {
  content: ""; display: inline-block; width: 9px; height: 9px; margin-left: 5px; vertical-align: 1px;
  background: currentColor; opacity: .7;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 1h6v6M9 1 1 9' stroke='%23000' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 1h6v6M9 1 1 9' stroke='%23000' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;
}
.subnav__buy {
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 2px 8px; border-radius: 4px; min-height: 24px;
  background: var(--cta); color: var(--ink-on-dark);
  font-size: 14px; line-height: 19.6px; font-weight: 500;
  transition: background-color .2s;
}
.subnav__buy:hover { background: var(--cta-hover); }
@media (min-width: 1025px) {
  .subnav__buy { margin-left: 60px; padding: 5px 6px; min-width: 80px; height: 32px; font-size: 16px; line-height: 22.4px; }
}