@media (max-width: 767px) {
  .container { width:auto !important; max-width:100% !important; padding-left:12px !important; padding-right:12px !important; }
  .row-fluid { margin-left:0 !important; }
  .row-fluid [class*="span"] { width:100% !important; float:none !important; margin-left:0 !important; min-width:0 !important; }
  img { max-width:100% !important; height:auto !important; }
  .ns2-column, .ns2-column.flt-left { width:100% !important; float:none !important; }
  .ns2-column > div { padding:2px 0 10px 0 !important; }
  .ns2-image, .itemImage img { float:none !important; width:auto !important; max-width:100% !important; height:auto !important; margin:0 0 12px 0 !important; }
  .ns2-created { display:block !important; font-size:13px !important; color:#777 !important; }
  .ns2-row { border-bottom:1px solid #e8e8e8 !important; padding-bottom:14px !important; margin-bottom:14px !important; }
  .logo-wrapper { text-align:center !important; }
  .logo-wrapper img, .image-logo { max-height:48px !important; width:auto !important; float:none !important; }
  a.sp-main-menu-toggler { min-height:44px !important; min-width:44px !important; padding:12px 14px !important; line-height:20px !important; }
  #mod-search-searchword { min-height:44px !important; font-size:16px !important; }
  body { font-size:16px !important; padding-bottom:150px !important; }
  #cadre_alert_cookies { opacity:1 !important; background:#1b1b1b !important; }
  .cadre_inner_alert_cookies { padding:12px 12px 14px !important; font-size:13px !important; line-height:1.4 !important; }
  .cadre_inner_alert_cookies a, .cadre_inner_alert_cookies button, .cadre_inner_alert_cookies input[type=button] {
     min-height:44px !important; padding:10px 16px !important; font-size:14px !important; margin:8px 6px 0 0 !important; display:inline-block !important; }

  /* the original toggler is an empty <a> wrapping a Font Awesome
     "align-justify" glyph. The glyph draws four hairlines and the CSS burger
     draws three bars, so together they read as one broken seven-line block.
     Keep the crisp CSS bars, hide the glyph, and make the target a clean 44px. */
  a.sp-main-menu-toggler {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a.sp-main-menu-toggler > i,
  a.sp-main-menu-toggler .icon-align-justify { display: none !important; }
  a.sp-main-menu-toggler::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 16px !important;
    margin: 0 !important;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff) !important;
    background-size: 22px 2px !important;
    background-position: 0 0, 0 7px, 0 14px !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
  }

  /* Tabs GK5 (Mekanikeren / Forum / Kommentarer): the three tabs are fixed-width
     and left-aligned inside a full-width red strip, which leaves a blank red
     block at the right on a phone. Let them share the strip evenly. */
  .gkTabsNav {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .gkTabsNav > .gkTab {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  @media (max-width: 350px) {
    .gkTabsNav > .gkTab { font-size: 9.5px !important; padding-left: 0 !important; padding-right: 0 !important; }
  }
}

/* owner-removed modules: hidden, not deleted - see tools/apply_edits.py */
[data-arch-hidden]{display:none !important}
.gap:has(+ [data-arch-hidden]){display:none !important}