/* Offers-page navigation only. Keep the existing category artwork and URLs. */
.page-offers .related-section .related-layout { position: relative; }
.page-offers .related-section .related-heading { display: block; padding-right: 140px; }
.page-offers .related-section .related-heading p { margin: 10px 0 0; font-size: 16px; line-height: 1.8; color: #476581; }
.page-offers .related-section .related-heading .related-offer-note { margin-top: 4px; color: #70502c; }
.page-offers .related-section .related-card { min-width: 0; gap: 12px; }
.page-offers .related-section .related-copy { flex: 1; min-width: 0; }
.page-offers .related-section .related-copy strong { display: block; font-size: 16px; line-height: 1.6; font-weight: 600; white-space: nowrap; }
.page-offers .related-section .related-copy > span { display: block; margin-top: 4px; font-size: 16px; font-weight: 400; line-height: 1.6; color: #476581; }
.page-offers .related-section .related-card > svg { flex: 0 0 18px; }
.page-offers .related-section .related-home { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 4px; font-size: 16px; line-height: 1.7; color: #27639b; text-decoration: underline; text-underline-offset: 4px; }
.page-offers .related-section .related-home-mobile { display: none; }
.page-offers .related-section a:focus-visible { outline: 3px solid #087bdf; outline-offset: 4px; border-radius: 8px; }
@media (min-width: 781px) and (max-width: 1150px) {
  .page-offers .related-section .related-card { gap: 10px; padding: 14px 10px; }
}
@media (max-width: 780px) {
  .page-offers .related-section .related-heading { padding-right: 0; margin-bottom: 22px; }
  .page-offers .related-section .related-card { padding: 16px; }
  .page-offers .related-section .related-home { position: static; margin-top: 14px; }
  .page-offers .related-section .related-home-desktop { display: none; }
  .page-offers .related-section .related-home-mobile { display: inline-flex; }
}