/* Mobile Products menu: one visible level and one scrolling content area. */
@media (max-width:760px) {
  .sppauto-header .sppauto-products-menu.sppauto-mobile-mega-ready .sppauto-products-mega {
    display:flex;
    flex-direction:column;
    left:14px;
    right:14px;
    width:auto;
    height:min(520px,calc(100vh - var(--sppauto-mega-top,190px) - 14px));
    height:min(520px,calc(100dvh - var(--sppauto-mega-top,190px) - 14px));
    max-height:calc(100vh - var(--sppauto-mega-top,190px) - 14px);
    max-height:calc(100dvh - var(--sppauto-mega-top,190px) - 14px);
    overflow:hidden;
    box-sizing:border-box;
  }

  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mobile-mega-bar {
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    min-width:0;
    padding:8px 12px;
    background:#111;
    color:#fff;
    border-bottom:3px solid #c90000;
  }

  .sppauto-header .sppauto-mobile-mega-ready.is-mobile-series .sppauto-mobile-mega-bar {
    grid-template-columns:auto minmax(0,1fr) 44px;
  }

  .sppauto-header .sppauto-mobile-mega-bar button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    min-height:44px;
    margin:0;
    padding:6px 2px;
    border:0;
    background:transparent;
    color:#fff;
    font-family:inherit;
    font-size:12px;
    font-weight:400;
    line-height:1.3;
    cursor:pointer;
  }

  .sppauto-header .sppauto-mobile-mega-bar .sppauto-mobile-mega-back {
    max-width:112px;
    text-align:start;
    overflow-wrap:anywhere;
  }

  .sppauto-header .sppauto-mobile-mega-back > span:not(.sppauto-mobile-mega-back-arrow) {
    transform:translateY(2px);
  }

  .sppauto-header .sppauto-mobile-mega-back-arrow {
    flex:0 0 auto;
    color:#f04444;
    font-family:Arial,sans-serif;
    font-size:18px;
  }

  html[dir="rtl"] .sppauto-header .sppauto-mobile-mega-back-arrow {
    transform:scaleX(-1);
  }

  .sppauto-header .sppauto-mobile-mega-title {
    display:block;
    min-width:0;
    margin:0;
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:0;
    overflow-wrap:anywhere;
    unicode-bidi:plaintext;
  }

  .sppauto-header .is-mobile-series .sppauto-mobile-mega-title {
    justify-self:end;
    text-align:end;
  }

  .sppauto-header .sppauto-mobile-mega-bar .sppauto-mobile-mega-close {
    width:44px;
    padding:0;
    font-family:Arial,sans-serif;
    font-size:24px;
    line-height:1;
  }

  .sppauto-header .sppauto-products-menu.sppauto-mobile-mega-ready .sppauto-products-mega-inner {
    display:block;
    flex:1 1 auto;
    min-width:0;
    min-height:0;
    max-height:none;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#c90000 #f3f3f3;
  }

  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mega-col {
    padding:16px 12px;
    border:0;
    overflow:visible;
  }

  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mega-brands-col {
    display:block;
  }

  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mega-series-col,
  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mega-brands-col > .sppauto-mega-eyebrow,
  .sppauto-header .sppauto-mobile-mega-ready.is-mobile-series .sppauto-mega-brands-col {
    display:none;
  }

  .sppauto-header .sppauto-mobile-mega-ready.is-mobile-series .sppauto-mega-series-col {
    display:block;
  }

  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mega-series-col > .sppauto-mega-eyebrow {
    position:static;
    margin:0 0 12px;
    padding:0;
    font-size:11px;
    line-height:1.5;
    overflow-wrap:anywhere;
  }

  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mega-series-list {
    grid-template-columns:minmax(0,1fr);
  }

  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mega-series-list > a {
    min-width:0;
    min-height:44px;
    padding:10px 12px;
    font-size:13px;
    font-weight:400;
    line-height:1.4;
  }

  .sppauto-header .sppauto-mobile-mega-all-brand {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-width:0;
    min-height:48px;
    margin:16px 0 0;
    padding:12px;
    border:1px solid #e1e3e4;
    background:#f5f5f5;
    color:#17191b;
    font-size:12px;
    font-weight:500;
    line-height:1.5;
    text-decoration:none;
    overflow-wrap:anywhere;
  }

  .sppauto-header .sppauto-mobile-mega-all-brand:after {
    content:"↗";
    flex:0 0 auto;
    color:#c90000;
  }

  html[dir="rtl"] .sppauto-header .sppauto-mobile-mega-all-brand:after {
    content:"↖";
  }

  .sppauto-header .sppauto-mobile-mega-all-brand:hover {
    color:#c90000;
  }

  .sppauto-header .sppauto-mobile-mega-bar button:focus-visible,
  .sppauto-header .sppauto-mobile-mega-all-brand:focus-visible,
  .sppauto-header .sppauto-mobile-mega-ready .sppauto-mega-series-list > a:focus-visible {
    outline:2px solid #e11b22;
    outline-offset:-2px;
  }

  .sppauto-header .sppauto-mobile-mega-bar [hidden],
  .sppauto-header .sppauto-mobile-mega-all-brand[hidden] {
    display:none!important;
  }
}