
/* ══ mobile menu, rebuilt to match the desktop mega panel ══════════
   Before: a translucent sheet with flat text rows - descriptions and
   the headline were hidden, icons were shrunk, and the hero showed
   through the panel. Now it is a solid full-height sheet carrying the
   same content the desktop panel carries: headline, column titles,
   icon tiles, item titles AND their descriptions.                   */
@media(max-width:960px){
  html.tinq-dark .nav-links,
  .nav-links{
    padding:4px 0 20px!important;
    overscroll-behavior:contain}

  /* top-level rows */
  .nav-links>li>a,.nav-links>li>button{
    padding:15px 22px!important;font-size:15.5px!important;font-weight:700!important}

  /* the expanded panel reads as one inset card, like the desktop panel */
  html.tinq-dark .nav-links>li.open>.mega,
  html.tinq-dark .nav-links .mega,
  .nav-links .mega{
    padding:0 0 8px!important}
  .nav-links .mega-inner{padding:0!important}

  /* headline - shown, compact, single line flow */
  .nav-links .mega-headline{
    display:block!important;width:auto!important;flex-shrink:1!important;
    padding:15px 22px 3px!important}
  .nav-links .mega-headline h3{font-size:18px!important;line-height:1.3!important}
  .nav-links .mega-headline a{font-size:12.5px!important;margin-top:8px!important}

  /* stacked columns, divider between them like the desktop borders */
  .nav-links .mega-col{padding:4px 0 8px!important}
  .nav-links .mega-col + .mega-col{}
  .nav-links .mega-col-title{
    padding:12px 22px 8px!important;margin-bottom:0!important;
    font-size:11px!important;letter-spacing:.09em!important}

  /* items: icon tile + title + description, same anatomy as desktop */
  .nav-links .mega-item{
    padding:9px 22px!important;gap:12px!important;align-items:center!important;
    border-radius:0!important;margin-bottom:0!important}
  .nav-links .mega-ic{width:38px!important;height:38px!important}
  .nav-links .mega-item-text h4{font-size:14.5px!important;margin-bottom:2px!important}
  .nav-links .mega-item-text p{
    display:block!important;font-size:12px!important;line-height:1.5!important}
}
