/* Accessible header and off-canvas navigation. */
.site-header { position: sticky !important; top: 0; z-index: 1000; transition: box-shadow .24s ease, background-color .24s ease; }
.site-header .menu-list-items { background: #a7191d; transition: background-color .24s ease; }
.site-header.is-stuck { position: fixed !important; right: 0; left: 0; width: 100%; box-shadow: 0 10px 28px rgba(24, 8, 9, .24); }
.site-header__placeholder { height: 0; }
.site-header__scrim[hidden] { display: none !important; }
.site-header.is-stuck .menu-list-items { background: #921116; }
.site-header__bar { min-height: 76px; display: flex; align-items: center; gap: 24px; }
.site-header__brand { flex: 0 0 auto; }
.site-header__brand a, .site-header__drawer-brand a { display: block; }
.site-header__brand #sb_site_logo { display: block; max-width: 165px; max-height: 48px; width: auto; height: auto; }
.site-header__desktop-nav { flex: 1 1 auto; min-width: 0; }
.site-header__desktop-nav .menu-links { display: flex !important; align-items: center; justify-content: center; margin: 0; }
.site-header__desktop-nav .menu-links > li > a { display: flex; align-items: center; min-height: 42px; padding: 9px 14px !important; border-radius: 22px; color: #fff !important; font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; }
.site-header__desktop-nav .menu-links > li:hover > a, .site-header__desktop-nav .menu-links > li:focus-within > a, .site-header__desktop-nav .menu-links > li.current-menu-item > a, .site-header__desktop-nav .menu-links > li.current-menu-ancestor > a { background: #fff; color: #94171b !important; }
.site-header__desktop-nav .menu-links > li:hover > a *, .site-header__desktop-nav .menu-links > li:focus-within > a *, .site-header__desktop-nav .menu-links > li.current-menu-item > a *, .site-header__desktop-nav .menu-links > li.current-menu-ancestor > a * { color: #94171b !important; }
.site-header__actions { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.site-header__actions button, .site-header__account { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: transparent; color: #fff; }
.site-header__actions button:hover, .site-header__actions button:focus-visible, .site-header__account:hover, .site-header__account:focus-visible { background: rgba(255,255,255,.16); color: #fff; }
.site-header__actions svg, .site-header__menu-toggle svg, .site-header__drawer-close svg, .site-header__search-close svg { width: 22px; height: 22px; }
.site-header__post-car { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 15px; border-radius: 22px; background: #fff; color: #94171b !important; font-size: 14px; font-weight: 700; white-space: nowrap; }
.site-header__post-car > span:first-child { font-size: 20px; line-height: 1; }
.site-header__menu-toggle, .site-header__drawer, .site-header__scrim { display: none; }
.site-header__search { position: absolute; z-index: 10; top: calc(100% + 8px); right: 0; left: 0; padding: 0 15px; }
.site-header__search-inner { display: flex; align-items: center; gap: 8px; max-width: 640px; margin-left: auto; padding: 8px 12px; border-radius: 12px; background: #fff; box-shadow: 0 14px 36px rgba(0,0,0,.2); }
.site-header__search .search-form { display: flex; flex: 1; margin: 0; }
.site-header__search input { width: 100%; min-height: 40px; border: 0; color: #202124; }
.site-header__search-close { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #f3f4f6; color: #333; }
.site-header__drawer .menu-links .cst-cross { display: none !important; }
.site-header__drawer .menu-links { max-height: none !important; }

@media (min-width: 993px) {
  /* Override the former constrained red bar on a black header background. */
  .site-header.site-header-shell,
  .site-header.site-header-shell > section.menu-list-items {
    background: #a7191d !important;
  }
  .site-header.site-header-shell > section.menu-list-items {
    float: none;
    width: 100% !important;
    max-width: none !important;
    min-height: 76px;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .site-header.site-header-shell .site-header__bar {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0;
  }
  .site-header__brand.menu-logo { float: none; }
  .site-header__desktop-nav { position: static; }
  .site-header__desktop-nav .menu-links { float: none; }
  /* A mega menu belongs to the header grid, not the individual link that opens it. */
  .site-header__desktop-nav .menu-links > li { position: static; }
  .site-header__desktop-nav .menu-links > li > .drop-down {
    top: 76px !important;
    left: max(0px, calc((100vw - 1280px) / 2)) !important;
    width: min(1280px, 100vw) !important;
  }
  .site-header__desktop-nav .drop-down-multilevel { top: 76px !important; }
}

@media (max-width: 992px) {
  body.site-navigation-open { overflow: hidden; }
  .site-header .menu-list-items { min-height: 64px; background: #a7191d; }
  .site-header .container { width: 100%; padding: 0 14px; }
  .site-header__bar { min-height: 64px; display: grid; grid-template-columns: 44px 1fr auto; gap: 0; }
  .site-header__menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; }
  .site-header__menu-toggle:hover, .site-header__menu-toggle:focus-visible { background: rgba(255,255,255,.15); }
  .site-header__brand { justify-self: center; }
  .site-header__brand #sb_site_logo { max-width: 126px; max-height: 40px; }
  .site-header__desktop-nav, .site-header__post-car { display: none; }
  .site-header__actions { justify-self: end; }
  .site-header__actions button, .site-header__account { width: 40px; height: 40px; }
  .site-header__search { top: 72px; padding: 0 10px; }
  .site-header__search-inner { max-width: none; }
  .site-header__scrim { display: block; position: fixed; z-index: 1001; inset: 0; background: rgba(15, 16, 18, .56); opacity: 0; transition: opacity .22s ease; }
  .site-header__drawer { position: fixed; z-index: 1002; top: 0; bottom: 0; left: 0; display: flex; flex-direction: column; width: min(86vw, 360px); padding: 0; background: #fff; box-shadow: 12px 0 36px rgba(0,0,0,.28); transform: translateX(-105%); transition: transform .26s ease; }
  .site-header__drawer.is-open { transform: translateX(0); }
  .site-header__scrim.is-open { opacity: 1; }
  .site-header__drawer-top { display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 0 18px; border-bottom: 1px solid #e8e8e8; }
  .site-header__drawer-brand #sb_site_logo { display: block; max-width: 130px; max-height: 40px; width: auto; height: auto; }
  .site-header__drawer-close { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #f4f4f5; color: #222; }
  .site-header__drawer-nav { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 16px; }
  .site-header__drawer .menu-links { display: flex !important; flex-direction: column; gap: 4px; margin: 0; padding: 0 !important; overflow: visible !important; }
  .site-header__drawer .menu-links > li { position: relative; width: 100%; padding: 0; border: 0; }
  .site-header__drawer .menu-links > li > a { display: flex; align-items: center; min-height: 50px; padding: 12px 46px 12px 14px; border-radius: 10px; color: #202124 !important; font-size: 15px; font-weight: 600; }
  .site-header__drawer .menu-links > li > a:hover, .site-header__drawer .menu-links > li.current-menu-item > a, .site-header__drawer .menu-links > li.current-menu-ancestor > a { background: #fff0f0; color: #a7191d !important; }
  .site-header__drawer .mobileTriggerButton { position: absolute; z-index: 2; top: 5px; right: 4px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; }
  .site-header__drawer .mobileTriggerButton::before { content: ''; width: 8px; height: 8px; border-right: 2px solid #555; border-bottom: 2px solid #555; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; }
  .site-header__drawer .activeTriggerMobile > a .mobileTriggerButton::before { transform: rotate(225deg) translate(-2px, -2px); }
  .site-header__drawer .drop-down-multilevel, .site-header__drawer .drop-down { position: static !important; width: 100% !important; margin: 4px 0 8px; padding: 5px !important; border: 0 !important; border-radius: 10px; background: #f5f5f6; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; }
  .site-header__drawer .drop-down-multilevel a, .site-header__drawer .drop-down a { display: block; min-height: 42px; padding: 10px 12px; color: #4a4a4a; font-size: 14px; }
  .site-header__drawer-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px; border-top: 1px solid #e8e8e8; background: #fff; }
  .site-header__drawer-actions a { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 8px; border: 1px solid #a7191d; border-radius: 10px; color: #a7191d !important; font-size: 14px; font-weight: 700; text-align: center; }
  .site-header__drawer-actions .site-header__drawer-post { background: #a7191d; color: #fff !important; }
}

@media (max-width: 390px) { .site-header__actions .site-header__account { display: none; } }
@media (prefers-reduced-motion: reduce) { .site-header, .site-header .menu-list-items, .site-header__drawer, .site-header__scrim { transition: none; } }
