/* 6Flaschen – schlanke Mobile-Schicht fuer pageMode=public · Build 20260902.public-mobile-split */
html[data-theme="light"] .public-button--primary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.public-page {
  max-width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}
body.public-page :is(img, svg, video, canvas) { max-width: 100%; height: auto; }
body.public-page :is(button, input, select, textarea, .public-button) { touch-action: manipulation; }

@media (max-width: 760px) {
  body.public-page .public-header__inner,
  body.public-page .public-container,
  body.public-page .public-footer__inner,
  body.public-page .public-footer__bottom { width: calc(100% - 24px); }

  body.public-page .public-section { padding: 56px 0; }
  body.public-page .public-section--compact { padding: 46px 0; }
  body.public-page .public-hero { padding: 14px 0 44px; }
  body.public-page .public-hero__panel { border-radius: 22px; }
  body.public-page .public-hero__copy { padding: 26px 18px 30px; }
  body.public-page .public-hero__copy h1,
  body.public-page .public-heading { overflow-wrap: anywhere; }
  body.public-page .public-hero__copy h1 { font-size: clamp(38px, 12vw, 54px); line-height: 1; }
  body.public-page .public-heading { font-size: clamp(34px, 10vw, 48px); }
  body.public-page .public-heading--medium { font-size: clamp(30px, 9vw, 42px); }
  body.public-page .public-lead,
  body.public-page .public-hero__copy p { font-size: 16px; line-height: 1.65; }

  body.public-page .public-button {
    min-height: 48px;
    width: 100%;
    padding: 12px 16px;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
  }
  body.public-page .public-feature-card,
  body.public-page .public-profile-copy,
  body.public-page .public-axis-panel,
  body.public-page .public-principle { padding: 22px; border-radius: 20px; }
  body.public-page .public-credit-panel,
  body.public-page .public-final-cta { padding: 26px 18px; border-radius: 22px; }
  body.public-page .public-content-grid,
  body.public-page .public-numbered-grid,
  body.public-page .public-package-grid,
  body.public-page .public-retailer-grid,
  body.public-page .public-knowledge-grid { grid-template-columns: minmax(0, 1fr) !important; }

  body.public-page .public-pricing-table-wrap,
  body.public-page .public-ai-table-wrap,
  body.public-page .public-article-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
  body.public-page .public-mobile-menu__panel {
    width: min(330px, calc(100vw - 24px));
    max-height: calc(100dvh - 84px);
    overflow-y: auto;
  }
  body.public-page .public-footer__nav { gap: 12px 20px; }
}

@media (max-width: 430px) {
  body.public-page .public-header__inner,
  body.public-page .public-container,
  body.public-page .public-footer__inner,
  body.public-page .public-footer__bottom { width: calc(100% - 18px); }
  body.public-page .public-hero__copy { padding: 23px 15px 27px; }
  body.public-page .public-feature-card,
  body.public-page .public-profile-copy,
  body.public-page .public-axis-panel,
  body.public-page .public-principle { padding: 18px; }
  body.public-page .public-footer__nav { grid-template-columns: 1fr; }
}

@media (max-width: 940px) {
  body.public-page .public-mobile-menu__panel { padding: 12px; }
  body.public-page .public-mobile-menu__account-only { display: grid; }
  body.public-page .public-mobile-menu__account-only a {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 12px 8px;
    border-bottom: 1px solid var(--public-line);
    color: var(--public-text);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
  }
  body.public-page .public-mobile-menu__account-only a:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.public-page .public-button { transition: none !important; transform: none !important; }
}