.bn-theme .bn-related-products { display: block; padding-top: 64px; padding-bottom: 72px; }
.bn-related-products__intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 32px; }
.bn-related-products__eyebrow { color: #48756b; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; margin: 0 0 12px; }
.bn-theme .bn-related-products .related-products__heading { font-size: clamp(28px,3vw,38px) !important; color: #00254c; margin: 0; }
.bn-related-products__browse { flex-shrink: 0; color: #00254c; font-size: 14px; font-weight: 600; text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid #9bb5ab; }
.bn-related-products__browse span { margin-left: 14px; }
.bn-theme .bn-related-products .product-grid { display: grid; grid-template-columns: repeat(var(--bn-related-columns,3),minmax(0,1fr)); gap: 28px; margin: 0; padding: 0; }
.bn-theme .bn-related-products .grid__item { width: auto; max-width: none; min-width: 0; }
.bn-related-products product-component { display: block; height: 100%; }
.bn-related-products .card-wrapper { height: 100%; }
.bn-related-products .card { height: 100%; background: white; border: 1px solid #dfe7e3; border-radius: 24px; overflow: hidden; transition: box-shadow .2s ease,border-color .2s ease; }
.bn-related-products .card:hover { border-color: #a2bcb0; box-shadow: 0 12px 32px #00254c0d; }
.bn-related-products .card__inner { background: #f2f6f3; border: 0; border-radius: 0; --ratio-percent: 85% !important; }
.bn-related-products .card__media { inset: 0; width: 100%; }
.bn-related-products .card__media .media img { object-fit: contain; padding: 28px; mix-blend-mode: multiply; }
.bn-related-products .card__inner .card__content { padding: 16px; }
.bn-related-products .card__inner .card__badge { position: absolute; top: 16px; left: 16px; margin: 0; }
.bn-related-products .card > .card__content { display: flex; flex-direction: column; padding: 24px; flex: 1; gap: 18px; }
.bn-related-products .card__information { padding: 0; }
.bn-theme .bn-related-products .card__heading { color: #00254c; font-size: clamp(21px,1.8vw,24px) !important; line-height: 1.3 !important; }
.bn-related-products .card__heading a { text-decoration: none; }
.bn-related-products .bn-card-description { color: #536471; font-size: 15px; line-height: 1.65; margin: 12px 0 18px; min-height: 4.95em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bn-related-products .card-information > .price { color: #00254c; font-size: 18px; font-weight: 650; margin-top: 16px; }
.bn-related-products .price .price-item--regular { font-size: 13px; color: #697b85; font-weight: 400; }
.bn-related-products .price:not(.price--on-sale) .price-item--regular { color: #00254c; font-size: 18px; font-weight: 650; }
.bn-related-products .badge { border: 0; border-radius: 20px; background: #e0ede4; color: #285c4b; font-size: 12px; font-weight: 650; padding: 6px 12px; }
.bn-related-products .bn-card-options { display: flex; justify-content: space-between; margin-top: auto; padding: 13px 18px; min-height: 48px; background: #00254c; color: white; border-radius: 10px; font-size: 15px; text-decoration: none; z-index: 1; }
.bn-related-products .bn-card-options:hover { background: #174c69; }
.bn-related-products .bn-card-options span[aria-hidden] { font-size: 21px; }
.bn-related-products a:focus-visible { outline: 3px solid #48756b; outline-offset: 4px; }
@media (min-width: 750px) and (max-width: 989px) { .bn-theme .bn-related-products .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; } }
@media (max-width: 749px) {
  .bn-theme .bn-related-products { padding-top: 36px; padding-bottom: 44px; }
  .bn-related-products__intro { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 26px; }
  .bn-theme .bn-related-products .product-grid { grid-template-columns: repeat(var(--bn-related-mobile-columns,1),minmax(0,1fr)); gap: 20px; }
  .bn-related-products .card > .card__content { padding: 20px; }
  .bn-related-products .card__inner { --ratio-percent: 78% !important; }
}
@media (prefers-reduced-motion: reduce) { .bn-related-products .card { transition: none; } }
