/* Smartphone-only precision corrections, 2026-07-25.
   Scope is strictly limited to the public homepage header logo and service-start badge. */
@media (max-width: 640px) {
  /* Step 1: place the logo at the physical left viewport edge.
     Keep the existing right-side spacing for the booking CTA. */
  .sk-header > .sk-container,
  .top > .container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 14px !important;
  }

  .sk-header > .sk-container > a:first-child,
  .top > .container > a:first-child,
  .sk-header a[href="#start"]:has(.sk-logo) {
    margin-left: 0 !important;
    padding-left: 0 !important;
    justify-content: flex-start !important;
  }

  .sk-header .sk-logo,
  .top .logo,
  .sk-header img[src*="sofortkey-logo" i],
  .top img[src*="sofortkey-logo" i],
  .sk-home-logo {
    margin-left: 0 !important;
    object-position: left center !important;
  }

  /* Step 2: reduce the complete service-start strip by exactly 15%. */
  .sk-home-hero > .sk-home-hero-grid > .sk-home-service-badge {
    transform: translateX(-50%) scale(.85) !important;
    transform-origin: center top !important;
  }
}