/* SOFORTKEY v5.0.8 – mobile header height refinement.
   Only the mobile header controls and their vertical alignment are changed.
   The existing text/brand strip keeps its content, height, typography and motion;
   only its top anchor follows the reduced header height. */

@media (max-width: 767px) {
  body.sk-home-page {
    --sk-header-h: 52px !important;
    --sk-shell-h: calc(var(--sk-header-h) + var(--sk-brand-h)) !important;
  }

  body.sk-home-page .sk-header,
  body.sk-home-page .sk-header > .sk-container,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header > .sk-container {
    min-height: 52px !important;
    height: 52px !important;
    max-height: 52px !important;
  }

  body.sk-home-page .sk-header > .sk-container > a:first-child,
  body.sk-home-page .sk-header .sk-home-logo-link,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header > .sk-container > a:first-child,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-home-logo-link {
    height: 46px !important;
  }

  body.sk-home-page .sk-header .sk-logo,
  body.sk-home-page .sk-header .sk-home-logo,
  body.sk-home-page .sk-header img[src*="sofortkey-logo" i],
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-logo,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-home-logo,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header img[src*="sofortkey-logo" i] {
    height: auto !important;
    max-height: 42px !important;
  }

  body.sk-home-page .sk-header .sk-head-actions,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-head-actions {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    align-items: center !important;
  }

  body.sk-home-page .sk-header .sk-top-cta,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-top-cta {
    position: relative !important;
    min-height: 36px !important;
    height: 36px !important;
    max-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 9px !important;
    line-height: 1 !important;
  }

  body.sk-home-page .sk-header .sk-menu-toggle,
  body.sk-home-page .sk-menu-toggle,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-menu-toggle,
  body:not(.sk-home-page):not(.legal-static-page) .sk-menu-toggle {
    position: relative !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border-radius: 9px !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  /* Visually 36 px high, while the invisible interaction area remains 44 px high. */
  body.sk-home-page .sk-header .sk-top-cta::after,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-top-cta::after,
  body.sk-home-page .sk-header .sk-menu-toggle::after,
  body.sk-home-page .sk-menu-toggle::after,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-menu-toggle::after,
  body:not(.sk-home-page):not(.legal-static-page) .sk-menu-toggle::after {
    content: "" !important;
    position: absolute !important;
    inset: -4px 0 !important;
  }

  body.sk-home-page .sk-header .sk-menu-toggle::after,
  body.sk-home-page .sk-menu-toggle::after,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-menu-toggle::after,
  body:not(.sk-home-page):not(.legal-static-page) .sk-menu-toggle::after {
    inset: -4px !important;
  }

  /* Text/brand strip remains unchanged; it only docks directly below the shorter header. */
  body.sk-home-page .sk-brand-strip[data-sk-mobile-textbar="true"] {
    top: 52px !important;
  }
  body:not(.sk-home-page):not(.legal-static-page) .sk-brand-strip[data-sk-mobile-textbar="true"] {
    top: 52px !important;
  }

  html.sk-nav-enhanced body.sk-home-page .sk-header .sk-nav,
  html.sk-nav-enhanced body.sk-home-page .sk-nav,
  html.sk-nav-enhanced body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-nav,
  html.sk-nav-enhanced body:not(.sk-home-page):not(.legal-static-page) .sk-nav {
    inset-block-start: 52px !important;
  }
}

@media (max-width: 360px) {
  body.sk-home-page .sk-header .sk-menu-toggle,
  body.sk-home-page .sk-menu-toggle,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-menu-toggle,
  body:not(.sk-home-page):not(.legal-static-page) .sk-menu-toggle {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: 8px !important;
    font-size: 19px !important;
  }

  body.sk-home-page .sk-header .sk-top-cta,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-top-cta {
    min-height: 34px !important;
    height: 34px !important;
    max-height: 34px !important;
    border-radius: 8px !important;
  }

  body.sk-home-page .sk-header .sk-top-cta::after,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-top-cta::after {
    inset-block: -5px !important;
  }

  body.sk-home-page .sk-header .sk-menu-toggle::after,
  body.sk-home-page .sk-menu-toggle::after,
  body:not(.sk-home-page):not(.legal-static-page) .sk-header .sk-menu-toggle::after,
  body:not(.sk-home-page):not(.legal-static-page) .sk-menu-toggle::after {
    inset: -5px !important;
  }
}