/* Original ROLLINK Premium Mobile Drawer v11 styles. */
@media (min-width:993px){#rlx-overlay,#rlx-drawer{display:none!important}}
@media (max-width:992px){
      body.rlx-drawer-open #handheld-navigation,
      body.rlx-drawer-open .handheld-navigation,
      body.rlx-drawer-open .mobile-nav,
      body.rlx-drawer-open .mobile-navigation,
      body.rlx-drawer-open .mobile-menu,
      body.rlx-drawer-open .off-canvas-menu,
      body.rlx-drawer-open .offcanvas-wrapper,
      body.rlx-drawer-open .mmenu,
      body.rlx-drawer-open .mm-panel,
      body.rlx-drawer-open .departments-menu,
      body.rlx-drawer-open .navbar-vertical{
        display:none!important; visibility:hidden!important;
      }
    }

    #rlx-overlay{
      position:fixed; inset:0;
      background:rgba(10,10,10,.42);
      z-index:10070; display:none;
      backdrop-filter: blur(2px);
    }

    #rlx-drawer{
      position:fixed; top:0; bottom:0; left:0;
      width:90%; max-width:400px;
      background:#fff;
      z-index:10090;
      transform:translateX(-100%);
      transition:transform .32s cubic-bezier(.22,1,.36,1);
      display:flex; flex-direction:column;
      box-shadow:18px 0 50px rgba(0,0,0,.28);
      overscroll-behavior:contain;
      border-top-right-radius:18px;
      border-bottom-right-radius:18px;
      overflow:hidden;
    }
    #rlx-drawer.open{ transform:translateX(0); }

    .rlx-top{
      padding:14px 14px 12px;
      background:linear-gradient(180deg,#ffd600 0%, #ffcf00 100%);
      border-bottom:1px solid rgba(0,0,0,.08);
      display:flex; align-items:center; justify-content:space-between;
    }
    .rlx-tt{
      font-weight:900;
      color:#111;
      font-size:16px;
      letter-spacing:.2px;
      display:flex; align-items:center; gap:10px;
    }
    .rlx-badge{
      font-size:12px;
      font-weight:900;
      background:rgba(0,0,0,.10);
      padding:4px 10px;
      border-radius:999px;
    }
    .rlx-close{
      border:0; background:rgba(255,255,255,.55);
      width:38px; height:38px;
      border-radius:12px;
      font-size:22px; line-height:1;
      color:#111; cursor:pointer;
      display:flex; align-items:center; justify-content:center;
    }
    .rlx-close:active{ transform:scale(.98); }

    .rlx-scroll{ overflow:auto; padding:10px 10px 18px; }

    .rlx-item{
      margin:10px 6px;
      border:1px solid rgba(0,0,0,.06);
      border-radius:16px;
      overflow:hidden;
      background:#fff;
      box-shadow:0 8px 22px rgba(0,0,0,.06);
    }

    .rlx-head{
      list-style:none;
      cursor:pointer;
      outline:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:14px 14px;
      font-weight:900;
      color:#111;
      user-select:none;
      background:linear-gradient(180deg,#ffffff 0%, #fbfbfb 100%);
    }
    .rlx-head::-webkit-details-marker{ display:none; }
    .rlx-head::after{
      content:"›";
      font-size:24px;
      opacity:.6;
      transform:rotate(0deg);
      transition:transform .2s ease, opacity .2s ease;
    }
    details[open] > .rlx-head::after{ transform:rotate(90deg); opacity:1; }

    .rlx-body{
      overflow:hidden;
      max-height:0;
      opacity:0;
      transform:translateY(-6px);
      transition:max-height .30s ease, opacity .22s ease, transform .22s ease;
      background:#fff;
    }
    details[open] .rlx-body{
      opacity:1;
      transform:translateY(0);
    }

    .rlx-all{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin:12px 12px 10px;
      padding:12px 12px;
      border-radius:14px;
      background:#111;
      color:#fff;
      font-weight:900;
      text-decoration:none;
    }

    .rlx-links{
      padding:0 12px 14px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .rlx-child{
      border:1px solid rgba(0,0,0,.06);
      border-radius:14px;
      padding:10px;
      background:#fff;
    }

    .rlx-link{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      padding:12px 12px;
      border-radius:12px;
      text-decoration:none;
      color:#111;
      font-weight:900;
      background:#f7f7f7;
      border:1px solid rgba(0,0,0,.06);
      -webkit-tap-highlight-color:transparent;
    }

    .rlx-grand{
      margin-top:10px;
      padding-left:10px;
      border-left:2px solid rgba(0,0,0,.08);
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .rlx-sublink{
      display:inline-flex;
      align-items:center;
      text-decoration:none;
      color:#111;
      border-radius:999px;
      padding:9px 10px;
      border:1px solid rgba(0,0,0,.08);
      background:#fff;
      font-weight:700;
      font-size:13px;
      opacity:.96;
      -webkit-tap-highlight-color:transparent;
    }

/* 1.1: extra touch comfort, stronger focus, motion preferences and small screens. */
#rlx-drawer { box-sizing: border-box; }
#rlx-drawer .rlx-scroll {
  min-height: 0;
  flex: 1 1 auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
#rlx-drawer .rlx-top { flex: 0 0 auto; padding: 15px 16px; }
#rlx-drawer .rlx-close {
  flex: 0 0 40px;
  height: 40px;
  border: 1px solid rgba(0,0,0,.08);
  background: #ffefa6;
}
#rlx-drawer .rlx-head {
  min-height: 50px;
  box-sizing: border-box;
  border-radius: 12px;
}
#rlx-drawer .rlx-child { box-shadow: 0 1px 4px rgba(0,0,0,.025); }
#rlx-drawer .rlx-link { min-height: 44px; box-sizing: border-box; }
#rlx-drawer .rlx-sublink { min-height: 41px; box-sizing: border-box; }
#rlx-drawer .rlx-head:hover, #rlx-drawer .rlx-link:hover {
  background: #fff9e6;
}
#rlx-drawer a:focus-visible,
#rlx-drawer button:focus-visible,
#rlx-drawer summary:focus-visible {
  outline: 3px solid #003366 !important;
  outline-offset: 3px;
}
@media (max-width: 360px) {
  #rlx-drawer { width: 94%; }
  #rlx-drawer .rlx-scroll { padding: 8px 7px 14px; }
  #rlx-drawer .rlx-item { margin-inline: 4px; }
  #rlx-drawer .rlx-sublink { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #rlx-drawer, #rlx-drawer *, #rlx-overlay {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ROLLINK Navigation 1.2: tiny, touch-first visual refinement. */
@media (max-width: 992px) {
  #rlx-drawer .rlx-top {
    background: linear-gradient(100deg, #ffdf45, #ffcd05);
    border-bottom: 2px solid #e3b006;
  }
  #rlx-drawer .rlx-head {
    color: #0c3454; background: #fff;
    border-left: 3px solid #ffcf20;
  }
  #rlx-drawer .rlx-item[open] > .rlx-head {
    background: #fff9e8; color: #062c4e;
  }
  #rlx-drawer .rlx-link { background: #f6f8fa; color: #123d5c; }
  #rlx-drawer .rlx-link:focus-visible,
  #rlx-drawer .rlx-link:hover { background: #fff2c9; }
  #rlx-drawer .rlx-all {
    background: #07385c; color: #fff;
  }
  #rlx-drawer .rlx-all:hover,
  #rlx-drawer .rlx-all:focus-visible { background: #0c527f; }
  #rlx-drawer .rlx-sublink:hover,
  #rlx-drawer .rlx-sublink:focus-visible { background: #fff2c9; }
}