/**
 * LaMilka Tour 0.5.15
 * Responsive phone-scale homepage CTA proportions.
 *
 * Scope:
 * - scale height, text and icon size smoothly across supported phone widths;
 * - retain the approved compact proportions on standard iPhones;
 * - apply the same sizing contract to EN/DE and both homepage CTA renderers;
 * - preserve button width, colors, radius, gap, position and true label centering.
 */
@media (max-width: 767px) {
  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action,
  .lamilka-home .lamilka-home-mobile-cta > a {
    box-sizing: border-box !important;
    column-gap: clamp(8px, 2.4vw, 10px) !important;
    display: grid !important;
    font-size: clamp(16px, 4.35vw, 18px) !important;
    font-weight: 600 !important;
    grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr) !important;
    height: clamp(46px, 12.3vw, 50px) !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    min-height: clamp(46px, 12.3vw, 50px) !important;
    padding-block: 0 !important;
    padding-inline: clamp(14px, 4vw, 18px) !important;
  }

  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action::after,
  .lamilka-home .lamilka-home-mobile-cta > a::after,
  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action__icon,
  .lamilka-home .lamilka-home-mobile-cta .lamilka-home-action__icon {
    height: clamp(20px, 5.4vw, 22px) !important;
    width: clamp(20px, 5.4vw, 22px) !important;
  }

  .lamilka-home .lamilka-home-mobile-actions .lamilka-home-action__label,
  .lamilka-home .lamilka-home-mobile-cta > a > span:last-of-type {
    font: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* Compact-phone safety without changing the visual hierarchy. */
@media (max-width: 359px) {
  .lamilka-home[data-language="de"] .lamilka-home-mobile-actions .lamilka-home-action,
  .lamilka-home[data-language="de"] .lamilka-home-mobile-cta > a {
    column-gap: 7px !important;
    font-size: 15px !important;
    padding-inline: 10px !important;
  }
}