.bk-product-codes:not([hidden]) {
  display: flex; flex-wrap: wrap; gap: 14px; margin: 14px 0 20px;
  font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5;
  color: #666; text-transform: none;
}
.bk-product-codes > span { min-width: 0; overflow-wrap: anywhere; }
.bk-product-codes .bk-code { position: relative; padding: 6px 5px; margin: -6px -5px; }
.bk-product-codes .bk-code-copy {
  position: absolute; bottom: 100%; left: 5px; z-index: 20;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 34px; padding: 7px 11px; margin: 0;
  border: 1px solid #dedede; border-radius: 4px;
  background: #fff; color: #333; box-shadow: 0 2px 7px rgb(0 0 0 / 8%);
  font-family: inherit; font-size: 12px; font-weight: 400; line-height: 1.4;
  text-transform: none; white-space: nowrap; cursor: pointer;
  opacity: 0; pointer-events: none; user-select: none;
}
.bk-product-codes .bk-code-copy::after {
  content: ''; position: absolute; top: 100%; left: -5px; width: calc(100% + 10px); height: 14px;
}
.bk-product-codes .bk-code:hover .bk-code-copy,
.bk-product-codes .bk-code-copy:focus-visible {
  opacity: 1; pointer-events: auto;
}
.bk-product-codes .bk-code-copy:hover { border-color: #be1d22; color: #333; }
.bk-product-codes .bk-code-copy:focus-visible { outline: 2px solid #be1d22; outline-offset: 2px; }
.bk-product-codes .bk-code-copy[data-copied] { border-color: #be1d22; }
.bk-product-codes .bk-code-copy svg { flex: none; width: 14px; height: 14px; }
.bk-product-codes .bk-code.copy-dismissed .bk-code-copy { opacity: 0; pointer-events: none; }
.bk-copy-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 767px), (hover: none), (pointer: coarse) {
  .bk-product-codes:not([hidden]) {
    flex-wrap: nowrap; gap: 10px; margin: 8px 0 14px;
    font-size: clamp(10px, 3.1vw, 12px); line-height: 1.6; letter-spacing: 0;
    overflow-x: auto;
  }
  .bk-product-codes .bk-code {
    flex: 0 0 auto; padding: 0; margin: 0; white-space: nowrap;
  }
  .bk-product-codes .bk-code-copy { display: none; }
}