/* Existing seasonal menus, shared across languages and their assigned pages. */
.section-navigation-container { padding-left: 0; padding-right: 0; margin-top: 18px; margin-bottom: 24px; }
.section-navigation { border-top: 1px solid #e8e5e1; border-bottom: 1px solid #e8e5e1; background: #faf9f7; }
.section-navigation .pro-block { display: flex; align-items: center; gap: 16px 28px; width: auto; margin: 0; padding: 12px 18px; border: 0; }
.section-navigation .pro-block::before, .section-navigation .pro-block::after { display: none; }
.section-navigation .pro-blockheader { display: none; }
.section-navigation .pro-blockheader .t { margin: 0; color: #474b40; font-size: 18px; line-height: 1.4; font-weight: 600; }
.section-navigation .pro-blockcontent { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; border: 0; }
.section-navigation .pro-blockcontent ul.menu { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; width: auto; margin: 0; padding: 0; list-style: none; }
.section-navigation .pro-blockcontent ul.menu > li { float: none; margin: 0; padding: 0; background: none; list-style: none; }
.section-navigation .pro-blockcontent ul.menu > li::before { content: none; }
.section-navigation .pro-blockcontent ul.menu > li > a { display: block; margin: 0; padding: 9px 14px; border-radius: 3px; color: #474b40; font-size: 16px; line-height: 1.4; text-decoration: none; }
.section-navigation .pro-blockcontent ul.menu > li > a::before { content: none; }
.section-navigation .pro-blockcontent ul.menu > li > a:hover { background: #eeeae5; color: #a90023; }
.section-navigation .pro-blockcontent ul.menu > li.active > a { background: #d30029; color: #fff; }
.section-navigation .pro-blockcontent ul.menu > li > a:focus-visible { outline: 2px solid #474b40; outline-offset: 3px; }
@media (max-width: 767px) {
  .section-navigation-container { margin-top: 12px; margin-bottom: 18px; }
  .section-navigation .pro-block { flex-direction: column; align-items: stretch; gap: 10px; padding: 14px 12px; }
  .section-navigation .pro-blockcontent ul.menu { gap: 6px; }
  .section-navigation .pro-blockcontent ul.menu > li > a { padding: 11px 10px; font-size: 15px; }
}
