/* ============================================================
 * FDDB Mobile Redesign – Produkt-Detailseite
 * Scope: body.fddb-mobile .fddb-m-product
 * ============================================================ */

/* Globaler Fix: style.css setzt body auf height:100% + flex column. Bei langer
   Mobile-Produktseite wird der Content sonst auf Viewport-Hoehe gekappt
   und die Seite scrollt nicht. Body darf wachsen. */
body.fddb-mobile {
  height: auto;
  min-height: 100vh;
}

body.fddb-mobile {
  --fddb-primary: #006495;
  --fddb-blue-50: #eef5fa;
  --fddb-blue-100: #d6e8f5;
  --fddb-blue-200: #bbdcf6;
  --fddb-on-surface: #121212;
  --fddb-on-surface-variant: #4d5e6f;
  --fddb-on-surface-low: #7e8d9a;
  --fddb-outline-variant: #c1c7ce;
  --fddb-surface-container-low: #f0f7fc;
  --fddb-surface-container: #ebf3f9;
}

body.fddb-mobile .fddb-mobile-content {
  background: #fff;
  padding: 12px 12px 24px 12px;
  font-size: 15px;
  line-height: 1.45;
  color: var(--fddb-on-surface);
}

/* Reset: alte Inline-Margins/h3/h4/Tabellen rauspatchen, sobald innerhalb von .fddb-m-product */
body.fddb-mobile .fddb-m-product {
  display: flex; flex-direction: column; gap: 10px;
  max-width: 480px;
  margin: 0 auto;
}
/* pico.css setzt auf <section> ein margin-bottom (--block-spacing-vertical),
   das sich auf den Flex-Gap addiert → doppelter Abstand. Hier neutralisieren. */
body.fddb-mobile .fddb-m-product > section { margin-bottom: 0; }
body.fddb-mobile .fddb-m-product h1,
body.fddb-mobile .fddb-m-product h2,
body.fddb-mobile .fddb-m-product h3,
body.fddb-mobile .fddb-m-product h4 { margin: 0; padding: 0; }

/* ----------------------------- Hero ----------------------------- */
body.fddb-mobile .fddb-m-hero {
  display: flex; flex-direction: column; gap: 10px;
  align-items: center;
  text-align: center;
  padding: 0;
}
body.fddb-mobile .fddb-m-hero__media {
  width: 100%;
  max-width: 480px;
  align-self: center;
  border-radius: 16px;
  overflow: hidden;
  background: var(--fddb-blue-50);
  border: 1px solid var(--fddb-outline-variant);
}
body.fddb-mobile .fddb-m-hero__media img {
  display: block; width: 100%; height: auto;
  aspect-ratio: 4 / 3; object-fit: cover;
}
body.fddb-mobile .fddb-m-hero__caption {
  margin: 6px 4px 0; font-size: 12px; color: var(--fddb-on-surface-low);
}
body.fddb-mobile .fddb-m-hero__caption a {
  color: var(--fddb-on-surface-low); text-decoration: underline;
}

body.fddb-mobile .fddb-m-hero__group {
  display: inline-flex; align-items: center;
  padding: 4px 10px; border-radius: 999px;
  background: var(--fddb-blue-50);
  border: 1px solid var(--fddb-blue-200);
  color: var(--fddb-primary) !important;
  text-decoration: none !important;
  font-size: 12px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.4px;
  align-self: center;
}

body.fddb-mobile .fddb-m-hero__title {
  font-size: 23px; font-weight: 700; line-height: 1.2;
  color: var(--fddb-on-surface);
}
body.fddb-mobile .fddb-m-hero__meta {
  display: flex; flex-direction: column; gap: 4px;
  font-size: 14px; color: var(--fddb-on-surface-variant);
}
body.fddb-mobile .fddb-m-hero__producer { font-weight: 500; }
body.fddb-mobile a.fddb-m-hero__rating {
  display: inline-flex; align-items: center; gap: 6px;
  text-decoration: none;
}
body.fddb-mobile .fddb-m-hero__rating .fddb-m-rating-count {
  font-size: 13px; color: var(--fddb-on-surface-low);
}

/* ------------------------- Quickstats --------------------------- */
body.fddb-mobile .fddb-m-quickstats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
body.fddb-mobile .fddb-m-quickstat {
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px 8px;
  border: 1px solid var(--fddb-outline-variant);
  border-radius: 12px;
  background: #fff;
  text-align: left;
}
body.fddb-mobile .fddb-m-quickstat--kcal {
  background: var(--fddb-blue-50);
  border-color: var(--fddb-blue-200);
}
body.fddb-mobile .fddb-m-quickstat__icon {
  width: 16px; height: 16px;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  background-color: var(--fddb-on-surface-variant);
}
body.fddb-mobile .fddb-m-quickstat--kcal .fddb-m-quickstat__icon { background-color: var(--fddb-primary); }
/* Icons als Data-URI: fddb.mobi mappt /static/ nur fuer css+js, /static/icon/ waere 404 */
body.fddb-mobile .fddb-m-quickstat__icon--kcal    { -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDE0Ljk5OTYgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSBDb3B5IiBkPSJNNC4zNDEzNCAwQzUuOTYxNTggMC44NjMwNTcgNi45MjMwMiAyLjIwNDM4IDcuNDUzNjQgMy44MjAzMUM3LjgxMzU4IDQuOTE2MDYgNy45MDUgNi4xMDYzIDguMDk0MjcgNy4yNTc4MUM4LjE4MzIyIDcuNzk5NjggOC4xMzExNyA4LjM4MzcgOC4zMDgxMyA4Ljg4NzdDOC40NTkwNyA5LjMxNzggOC44MTg5OSA5Ljk0MzU2IDkuMTM1MjggOS45NzU1OUM5LjU3MDI1IDEwLjAxOTEgMTAuMjc2MyA5LjcwMjgyIDEwLjQ2NTQgOS4zMjkxQzEwLjgzODYgOC41OTA2OCAxMC45NTcgNy43MTE0OCAxMS4xMzkyIDYuODgwODZDMTEuMjE2IDYuNTMwOTggMTEuMTg2NyA2LjE1NjMyIDExLjIwNTYgNS43OTI5N0MxMS4zMjA3IDUuNzU5MzkgMTEuNDM2MiA1LjcyNjE3IDExLjU1MTMgNS42OTIzOEMxMy43NzIyIDcuNjQ0MDYgMTUuMjAyNSAxMC4wMzg0IDE0Ljk3NjEgMTMuMTcwOUMxNC43NTU2IDE2LjIxOTcgMTMuMzgyIDE4LjU4OTEgMTAuNjIxNiAxOS45ODU0QzguNjM3NzQgMTcuNTkzNCA2LjkxIDE3LjQ1MzcgNC44NTAxMyAyMEMyLjQ2MTk2IDE4Ljg5MzIgMC44NjcxNzUgMTcuMDUyMyAwLjIyODA1NiAxNC40NDE0Qy0wLjUwNzg5MiAxMS40MzUxIDAuNjQ3MjE2IDguODUwOTkgMi4xMjM1NiA2LjMzNTk0QzIuODQ0MTEgNS4xMDg0NiAzLjQyNzc4IDMuNzgyMzIgMy45Mzk5NyAyLjQ0NzI3QzQuMjEzMzkgMS43MzQ4NiA0LjIwMzUxIDAuOTA4Njk1IDQuMzQxMzQgMFpNOC42MjY0OSAwLjkyMTg3NUM5Ljg4Mjk5IDAuOTMwNjg5IDEwLjc4NjkgMS42MjA4NyAxMS4zNzA2IDIuNjY1MDRDMTEuNTU0IDIuOTkzODIgMTEuNDE4OCAzLjgyNDQzIDExLjE0MjEgNC4wNDEwMkMxMC41NTEyIDQuNTAzMTggMTAuMDAzMyA0LjEwODUgOS43MDk1IDMuNDYwOTRDOS4zNDc1IDIuNjYzMTMgOS4wMTk5MSAxLjg0ODgxIDguNjI2NDkgMC45MjE4NzVaIiBmaWxsPSJ2YXIoLS1maWxsLTAsICM0RDVFNkYpIi8+Cjwvc3ZnPgo=');  mask-image: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDE0Ljk5OTYgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSBDb3B5IiBkPSJNNC4zNDEzNCAwQzUuOTYxNTggMC44NjMwNTcgNi45MjMwMiAyLjIwNDM4IDcuNDUzNjQgMy44MjAzMUM3LjgxMzU4IDQuOTE2MDYgNy45MDUgNi4xMDYzIDguMDk0MjcgNy4yNTc4MUM4LjE4MzIyIDcuNzk5NjggOC4xMzExNyA4LjM4MzcgOC4zMDgxMyA4Ljg4NzdDOC40NTkwNyA5LjMxNzggOC44MTg5OSA5Ljk0MzU2IDkuMTM1MjggOS45NzU1OUM5LjU3MDI1IDEwLjAxOTEgMTAuMjc2MyA5LjcwMjgyIDEwLjQ2NTQgOS4zMjkxQzEwLjgzODYgOC41OTA2OCAxMC45NTcgNy43MTE0OCAxMS4xMzkyIDYuODgwODZDMTEuMjE2IDYuNTMwOTggMTEuMTg2NyA2LjE1NjMyIDExLjIwNTYgNS43OTI5N0MxMS4zMjA3IDUuNzU5MzkgMTEuNDM2MiA1LjcyNjE3IDExLjU1MTMgNS42OTIzOEMxMy43NzIyIDcuNjQ0MDYgMTUuMjAyNSAxMC4wMzg0IDE0Ljk3NjEgMTMuMTcwOUMxNC43NTU2IDE2LjIxOTcgMTMuMzgyIDE4LjU4OTEgMTAuNjIxNiAxOS45ODU0QzguNjM3NzQgMTcuNTkzNCA2LjkxIDE3LjQ1MzcgNC44NTAxMyAyMEMyLjQ2MTk2IDE4Ljg5MzIgMC44NjcxNzUgMTcuMDUyMyAwLjIyODA1NiAxNC40NDE0Qy0wLjUwNzg5MiAxMS40MzUxIDAuNjQ3MjE2IDguODUwOTkgMi4xMjM1NiA2LjMzNTk0QzIuODQ0MTEgNS4xMDg0NiAzLjQyNzc4IDMuNzgyMzIgMy45Mzk5NyAyLjQ0NzI3QzQuMjEzMzkgMS43MzQ4NiA0LjIwMzUxIDAuOTA4Njk1IDQuMzQxMzQgMFpNOC42MjY0OSAwLjkyMTg3NUM5Ljg4Mjk5IDAuOTMwNjg5IDEwLjc4NjkgMS42MjA4NyAxMS4zNzA2IDIuNjY1MDRDMTEuNTU0IDIuOTkzODIgMTEuNDE4OCAzLjgyNDQzIDExLjE0MjEgNC4wNDEwMkMxMC41NTEyIDQuNTAzMTggMTAuMDAzMyA0LjEwODUgOS43MDk1IDMuNDYwOTRDOS4zNDc1IDIuNjYzMTMgOS4wMTk5MSAxLjg0ODgxIDguNjI2NDkgMC45MjE4NzVaIiBmaWxsPSJ2YXIoLS1maWxsLTAsICM0RDVFNkYpIi8+Cjwvc3ZnPgo='); }
body.fddb-mobile .fddb-m-quickstat__icon--protein { -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDIwLjAwMDIgMjEuMDAwMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IkNvbWJpbmVkIFNoYXBlIiBkPSJNMTMuNDkwMiAwLjAxMjgwNzlDMTMuODAwOSAtMC4wNzczMDE3IDE0LjIwMDggMC4zMjgxOTYgMTQuNDIyOCAwLjU5ODc0NUMxNi45NzU0IDMuNDg0NzEgMTcuMDQyIDcuODU5NDggMTQuMjY3NiAxMC42Nzc4QzEyLjgyNDggMTIuMTQzMyAxMS44MDMxIDEzLjc4ODkgMTAuOTM3NSAxNS42NjAzQzkuNDUwMzUgMTguODYxOSA2LjY3NjE5IDIwLjUwODEgMy4yODAyNSAyMC45NTkxQzEuNTcxMTIgMjEuMTg0NiAwLjI2MTI2NSAyMC40ODUyIDAuMDYxNDk3NCAxOC43NzE2Qy0wLjI0OTEwMyAxNS43NzMxIDAuNTk0NSAxMy4xODA1IDMuMTAyNTEgMTEuNDQ0NEM0LjYxMTgxIDEwLjQwNzMgNS42MzMxIDkuMTIxOTkgNi4yMzI0IDcuMzYzMzlDNi45ODcwOSA1LjA4NjIyIDguNTg1NDIgMy40NjIyMyAxMC42NzE4IDIuMzhDMTEuNTE1MSAxLjkyOTE1IDEyLjMzNjIgMS40Nzc4OSAxMi44NDY3IDAuNTk4NzQ1QzEzLjAyNDEgMC4zMDU4ODEgMTMuMTc5NyAwLjEwMjk3MyAxMy40OTAyIDAuMDEyODA3OVpNMi43NTg3NiAxOC44MTU1QzIuNDU1MjQgMTguODE1OCAyLjIwOTE4IDE5LjA2NTggMi4yMDg5NiAxOS4zNzQxQzIuMjA5MSAxOS42ODI1IDIuNDU1MTkgMTkuOTMzNCAyLjc1ODc2IDE5LjkzMzdDMy4wNjI1OCAxOS45MzM3IDMuMzA5NCAxOS42ODI3IDMuMzA5NTQgMTkuMzc0MUMzLjMwOTMyIDE5LjA2NTYgMy4wNjI1MyAxOC44MTU1IDIuNzU4NzYgMTguODE1NVpNNC45NTk5MyAxNy42OTc0QzQuNjU2MzEgMTcuNjk3NyA0LjQxMDIgMTcuOTQ4NSA0LjQxMDEzIDE4LjI1NjlDNC40MTA1MiAxOC41NjUxIDQuNjU2NSAxOC44MTUzIDQuOTU5OTMgMTguODE1NUM1LjI2MzYgMTguODE1NSA1LjUxMDMzIDE4LjU2NTMgNS41MTA3MiAxOC4yNTY5QzUuNTEwNjUgMTcuOTQ4MyA1LjI2MzggMTcuNjk3NCA0Ljk1OTkzIDE3LjY5NzRaTTE5LjI4MzIgMTAuNjEwNUMxOS41NzE3IDEwLjYxMDUgMTkuNzI3MiAxMC43NDUyIDE5LjcwNTEgMTEuMDE1N0MxOS43MDUxIDExLjMzMTQgMTkuNzcyMyAxMS42MjUgMTkuODM4OCAxMS45MTgxQzIwLjI2MDQgMTMuNjU0IDE5LjgzODcgMTUuMTg3MyAxOC43NzM0IDE2LjU4NTFDMTguMjg1MSAxNy4yMTY0IDE3LjcyOTggMTcuODAyNCAxNy4wMTk1IDE4LjE2MzJDMTUuOTMxOSAxOC43MjY4IDE0Ljg0NCAxOC40Nzg1IDEzLjg4OTYgMTcuNDg2NEMxMy44NjQ3IDE3LjQ2MiAxMi40MzU3IDE2LjA0NzEgMTMuNzExOSAxMy44NzlDMTMuNzE1NCAxMy44NzI2IDE0LjQ5MjIgMTIuNDU2NSAxNS43OTg4IDExLjYwMTdDMTYuODE5NyAxMC43OTAyIDE4LjAxODIgMTAuNjEwNSAxOS4yODMyIDEwLjYxMDVaTTQuOTU5OTMgMTUuNDYyQzQuNjU2MzEgMTUuNDYyMyA0LjQxMDIgMTUuNzEyMSA0LjQxMDEzIDE2LjAyMDZDNC40MTAyOSAxNi4zMjkgNC42NTYzNyAxNi41Nzg5IDQuOTU5OTMgMTYuNTc5MkM1LjI2Mzc0IDE2LjU3OTIgNS41MTA1NSAxNi4zMjkyIDUuNTEwNzIgMTYuMDIwNkM1LjUxMDY1IDE1LjcxMiA1LjI2MzggMTUuNDYyIDQuOTU5OTMgMTUuNDYyWk04LjI2MTY5IDE1LjQ2MkM3Ljk1ODA1IDE1LjQ2MjMgNy43MTE5NiAxNS43MTIxIDcuNzExODkgMTYuMDIwNkM3LjcxMjA1IDE2LjMyOSA3Ljk1ODExIDE2LjU3ODkgOC4yNjE2OSAxNi41NzkyQzguNTY1NSAxNi41NzkyIDguODEyMzEgMTYuMzI5MiA4LjgxMjQ3IDE2LjAyMDZDOC44MTI0MSAxNS43MTIgOC41NjU1NiAxNS40NjIgOC4yNjE2OSAxNS40NjJaTTYuMDYwNTIgMTMuMjI1N0M1Ljc1NzAxIDEzLjIyNiA1LjUxMDk5IDEzLjQ3NiA1LjUxMDcyIDEzLjc4NDNDNS41MTA4NiAxNC4wOTI3IDUuNzU2OTMgMTQuMzQzNiA2LjA2MDUyIDE0LjM0MzlDNi4zNjQzNCAxNC4zNDM5IDYuNjExMTYgMTQuMDkyOSA2LjYxMTMgMTMuNzg0M0M2LjYxMTAzIDEzLjQ3NTggNi4zNjQyNiAxMy4yMjU3IDYuMDYwNTIgMTMuMjI1N1oiIGZpbGw9InZhcigtLWZpbGwtMCwgIzRENUU2RikiLz4KPC9zdmc+Cg==');  mask-image: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDIwLjAwMDIgMjEuMDAwMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IkNvbWJpbmVkIFNoYXBlIiBkPSJNMTMuNDkwMiAwLjAxMjgwNzlDMTMuODAwOSAtMC4wNzczMDE3IDE0LjIwMDggMC4zMjgxOTYgMTQuNDIyOCAwLjU5ODc0NUMxNi45NzU0IDMuNDg0NzEgMTcuMDQyIDcuODU5NDggMTQuMjY3NiAxMC42Nzc4QzEyLjgyNDggMTIuMTQzMyAxMS44MDMxIDEzLjc4ODkgMTAuOTM3NSAxNS42NjAzQzkuNDUwMzUgMTguODYxOSA2LjY3NjE5IDIwLjUwODEgMy4yODAyNSAyMC45NTkxQzEuNTcxMTIgMjEuMTg0NiAwLjI2MTI2NSAyMC40ODUyIDAuMDYxNDk3NCAxOC43NzE2Qy0wLjI0OTEwMyAxNS43NzMxIDAuNTk0NSAxMy4xODA1IDMuMTAyNTEgMTEuNDQ0NEM0LjYxMTgxIDEwLjQwNzMgNS42MzMxIDkuMTIxOTkgNi4yMzI0IDcuMzYzMzlDNi45ODcwOSA1LjA4NjIyIDguNTg1NDIgMy40NjIyMyAxMC42NzE4IDIuMzhDMTEuNTE1MSAxLjkyOTE1IDEyLjMzNjIgMS40Nzc4OSAxMi44NDY3IDAuNTk4NzQ1QzEzLjAyNDEgMC4zMDU4ODEgMTMuMTc5NyAwLjEwMjk3MyAxMy40OTAyIDAuMDEyODA3OVpNMi43NTg3NiAxOC44MTU1QzIuNDU1MjQgMTguODE1OCAyLjIwOTE4IDE5LjA2NTggMi4yMDg5NiAxOS4zNzQxQzIuMjA5MSAxOS42ODI1IDIuNDU1MTkgMTkuOTMzNCAyLjc1ODc2IDE5LjkzMzdDMy4wNjI1OCAxOS45MzM3IDMuMzA5NCAxOS42ODI3IDMuMzA5NTQgMTkuMzc0MUMzLjMwOTMyIDE5LjA2NTYgMy4wNjI1MyAxOC44MTU1IDIuNzU4NzYgMTguODE1NVpNNC45NTk5MyAxNy42OTc0QzQuNjU2MzEgMTcuNjk3NyA0LjQxMDIgMTcuOTQ4NSA0LjQxMDEzIDE4LjI1NjlDNC40MTA1MiAxOC41NjUxIDQuNjU2NSAxOC44MTUzIDQuOTU5OTMgMTguODE1NUM1LjI2MzYgMTguODE1NSA1LjUxMDMzIDE4LjU2NTMgNS41MTA3MiAxOC4yNTY5QzUuNTEwNjUgMTcuOTQ4MyA1LjI2MzggMTcuNjk3NCA0Ljk1OTkzIDE3LjY5NzRaTTE5LjI4MzIgMTAuNjEwNUMxOS41NzE3IDEwLjYxMDUgMTkuNzI3MiAxMC43NDUyIDE5LjcwNTEgMTEuMDE1N0MxOS43MDUxIDExLjMzMTQgMTkuNzcyMyAxMS42MjUgMTkuODM4OCAxMS45MTgxQzIwLjI2MDQgMTMuNjU0IDE5LjgzODcgMTUuMTg3MyAxOC43NzM0IDE2LjU4NTFDMTguMjg1MSAxNy4yMTY0IDE3LjcyOTggMTcuODAyNCAxNy4wMTk1IDE4LjE2MzJDMTUuOTMxOSAxOC43MjY4IDE0Ljg0NCAxOC40Nzg1IDEzLjg4OTYgMTcuNDg2NEMxMy44NjQ3IDE3LjQ2MiAxMi40MzU3IDE2LjA0NzEgMTMuNzExOSAxMy44NzlDMTMuNzE1NCAxMy44NzI2IDE0LjQ5MjIgMTIuNDU2NSAxNS43OTg4IDExLjYwMTdDMTYuODE5NyAxMC43OTAyIDE4LjAxODIgMTAuNjEwNSAxOS4yODMyIDEwLjYxMDVaTTQuOTU5OTMgMTUuNDYyQzQuNjU2MzEgMTUuNDYyMyA0LjQxMDIgMTUuNzEyMSA0LjQxMDEzIDE2LjAyMDZDNC40MTAyOSAxNi4zMjkgNC42NTYzNyAxNi41Nzg5IDQuOTU5OTMgMTYuNTc5MkM1LjI2Mzc0IDE2LjU3OTIgNS41MTA1NSAxNi4zMjkyIDUuNTEwNzIgMTYuMDIwNkM1LjUxMDY1IDE1LjcxMiA1LjI2MzggMTUuNDYyIDQuOTU5OTMgMTUuNDYyWk04LjI2MTY5IDE1LjQ2MkM3Ljk1ODA1IDE1LjQ2MjMgNy43MTE5NiAxNS43MTIxIDcuNzExODkgMTYuMDIwNkM3LjcxMjA1IDE2LjMyOSA3Ljk1ODExIDE2LjU3ODkgOC4yNjE2OSAxNi41NzkyQzguNTY1NSAxNi41NzkyIDguODEyMzEgMTYuMzI5MiA4LjgxMjQ3IDE2LjAyMDZDOC44MTI0MSAxNS43MTIgOC41NjU1NiAxNS40NjIgOC4yNjE2OSAxNS40NjJaTTYuMDYwNTIgMTMuMjI1N0M1Ljc1NzAxIDEzLjIyNiA1LjUxMDk5IDEzLjQ3NiA1LjUxMDcyIDEzLjc4NDNDNS41MTA4NiAxNC4wOTI3IDUuNzU2OTMgMTQuMzQzNiA2LjA2MDUyIDE0LjM0MzlDNi4zNjQzNCAxNC4zNDM5IDYuNjExMTYgMTQuMDkyOSA2LjYxMTMgMTMuNzg0M0M2LjYxMTAzIDEzLjQ3NTggNi4zNjQyNiAxMy4yMjU3IDYuMDYwNTIgMTMuMjI1N1oiIGZpbGw9InZhcigtLWZpbGwtMCwgIzRENUU2RikiLz4KPC9zdmc+Cg=='); }
body.fddb-mobile .fddb-m-quickstat__icon--carbs   { -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDE5Ljk5OTcgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZD0iTTE0LjEzMDMgNS4xODY1MkMxNC4zMjA1IDQuOTk2MTMgMTQuNjI5OSA0Ljk5NTc3IDE0LjgyMDggNS4xODY1MkMxNS4wMTE4IDUuMzc2NzMgMTUuMDExOCA1LjY4NjMgMTQuODIwOCA1Ljg3Njk1TDAuODMzNDcgMTkuODU3NEMwLjczNzg4NiAxOS45NTI0IDAuNjEzNDggMjAgMC40ODg3NDMgMjBDMC4zNjQwNzEgMTkuOTk5OCAwLjIzODQ1NSAxOS45NTI0IDAuMTQzMDQgMTkuODU3NEMtMC4wNDc2NjQ4IDE5LjY2NjcgLTAuMDQ3Njk1NCAxOS4zNTc3IDAuMTQzMDQgMTkuMTY3TDE0LjEzMDMgNS4xODY1MlpNOS4xMDY5MSAxNC4wNzIzQzkuODI5NzcgMTMuOTk3NiAxMC41NzQzIDE0LjExOSAxMS4xNTI4IDE0LjM5NzVDMTEuNzE5MSAxNC42MzU2IDEyLjEyMTggMTUuMDE1IDEyLjEzMTMgMTUuMDIzNEMxMi4xMjQ5IDE1LjAzMjMgMTEuODA5NSAxNS40ODggMTEuMzA0MiAxNS44Mzk4QzEwLjc5NyAxNi4yMzIxIDEwLjA5MzMgMTYuNTA2NSA5LjM3MDU4IDE2LjU4NEM4LjY0NzY4IDE2LjY1NjMgNy45MDIxNyAxNi41MzIxIDcuMzI0NjggMTYuMjU1OUM2Ljc1NzM4IDE2LjAxNzEgNi4zNTQzOCAxNS42NDAxIDYuMzQ2MTcgMTUuNjMyOEM2LjM1NDk0IDE1LjYyMDQgNi42NzA2NyAxNS4xNjk3IDcuMTc1MjcgMTQuODE5M0M3LjY4MjQ1IDE0LjQyOSA4LjM4NDE0IDE0LjE1MjQgOS4xMDY5MSAxNC4wNzIzWk00Ljk3OTk1IDcuODcxMDlDNC45ODAyNiA3Ljg3MTg4IDUuMzY1ODcgOC4yNzc0NCA1LjYwNjkxIDguODUwNTlDNS44ODUwMiA5LjQyOTI2IDYuMDA1NzcgMTAuMTczNyA1LjkzMTEzIDEwLjg5NjVDNS44NTEgMTEuNjE5NyA1LjU3NTM4IDEyLjMyMTggNS4xODUwMyAxMi44MjkxQzQuODI5OTUgMTMuMzQwNSA0LjM3MDg4IDEzLjY1NzEgNC4zNzA1OCAxMy42NTgyQzQuMzU5MjIgMTMuNjQ1NiAzLjk4NDc3IDEzLjI0MzUgMy43NDc1MyAxMi42Nzg3QzMuNDcxMzkgMTIuMTAxMiAzLjM0NzQ1IDExLjM1NTcgMy40MTk0MSAxMC42MzI4QzMuNDk3MTIgOS45MTAxNSAzLjc3MTU3IDkuMjA2NSA0LjE2MzU1IDguNjk5MjJDNC41MTMyMyA4LjE5NzU1IDQuOTY0NzIgNy44ODE5NCA0Ljk3OTk1IDcuODcxMDlaTTExLjg0MDMgMTAuNzU2OEMxMi40ODc2IDEwLjYwNiAxMy4xODE3IDEwLjY0NjQgMTMuNzQzNiAxMC44NjA0QzE0LjI4NzggMTEuMDM1NiAxNC43MDM1IDExLjM2NDkgMTQuNzE4MiAxMS4zNzZDMTQuNzE3MiAxMS4zNzY2IDE0LjQ5MiAxMS44NjY2IDE0LjA3NTcgMTIuMjcyNUMxMy42Njc0IDEyLjcxNTYgMTMuMDY3MSAxMy4wNjIzIDEyLjQyMDQgMTMuMjE1OEMxMS43NzE0IDEzLjM2MzQgMTEuMDc4MSAxMy4zMjAzIDEwLjUxNzEgMTMuMTA4NEM5Ljk3MzcyIDEyLjkzNCA5LjU1NzkzIDEyLjYwNzcgOS41NDI0NSAxMi41OTU3QzkuNTQzMjUgMTIuNTk1MSA5Ljc2OTY5IDEyLjEwNzggMTAuMTg1IDExLjcwMjFDMTAuNTk0NCAxMS4yNjE3IDExLjE5NTMgMTAuOTEzNCAxMS44NDAzIDEwLjc1NjhaTTguNjI2NDQgNS4yODMyQzguNjI2MiA1LjI4MzQ1IDguOTYzOTEgNS43MDQzNiA5LjE0MjA2IDYuMjU3ODFDOS4zNTYyMyA2LjgyMDA5IDkuMzk3MzcgNy41MTQ0NSA5LjI0NjU2IDguMTYyMTFDOS4wODk3OSA4LjgwNyA4Ljc0MjI5IDkuNDA4ODkgOC4zMDEyNCA5LjgxODM2QzcuOTAxNTcgMTAuMjI4MSA3LjQyMjUyIDEwLjQ1MzkgNy40MDg2NyAxMC40NjA5QzcuNDA1MjMgMTAuNDU2MSA3LjA3MjQ1IDEwLjAzNzEgNi44OTU5NyA5LjQ4NjMzQzYuNjgzNzQgOC45MjQ2NCA2LjY0MDczIDguMjMwODUgNi43ODg1NSA3LjU4MjAzQzYuOTQyMDggNi45MzUzNCA3LjI4ODI0IDYuMzM1MjggNy43MzA5MyA1LjkyNjc2QzguMTMzODEgNS41MTM0MSA4LjYxODM1IDUuMjg3NjYgOC42MjY0NCA1LjI4MzJaTTE0LjQyMjMgNy4yMjY1NkMxNC45OTQ1IDYuOTk5MzUgMTUuNjM4OCA2Ljk1NDk4IDE2LjE5MjggNy4wOTY2OEMxNi43MjM3IDcuMjAyMTUgMTcuMTYxMSA3LjQ3NTk1IDE3LjE3NTMgNy40ODQzOEMxNy4xNzI4IDcuNDkzODUgMTcuMDQ2IDcuOTk4MjUgMTYuNzMxOSA4LjQ0NDM0QzE2LjQyOTggOC45Mjg5OSAxNS45MzE4IDkuMzQyMzEgMTUuMzYyOCA5LjU3MjI3QzE0Ljc5MDIgOS43OTcxNCAxNC4xNDQgOS44MzkwNiAxMy41OTEzIDkuNjk5MjJDMTMuMDU5OCA5LjU5NDE5IDEyLjYyMTQgOS4zMjE4OCAxMi42MDg5IDkuMzE0NDVDMTIuNjEwNiA5LjMwODEgMTIuNzM4NiA4LjgwNDU4IDEzLjA1NDIgOC4zNTg0QzEzLjM1NzkgNy44NzUxNCAxMy44NTM4IDcuNDU5MzUgMTQuNDIyMyA3LjIyNjU2Wk0xMi41MTggMi44MjYxN0MxMi41MjE3IDIuODMzMjcgMTIuNzk5IDMuMjczNDUgMTIuOTA1NyAzLjgwOTU3QzEzLjA0NyA0LjM2MzU1IDEzLjAwMzEgNS4wMDc3NSAxMi43NzU5IDUuNTgwMDhDMTIuNTQyOSA2LjE0ODQ4IDEyLjEyNzQgNi42NDQ0NiAxMS42NDQgNi45NDgyNEMxMS4xOTUgNy4yNjU2NyAxMC42ODc5IDcuMzk0NDUgMTAuNjg4IDcuMzk0NTNDMTAuNjg4NCA3LjM5NDUzIDEwLjQxMDIgNi45NTE1OCAxMC4zMDMyIDYuNDEyMTFDMTAuMTYzNSA1Ljg1OTE4IDEwLjIwNTUgNS4yMTI2OCAxMC40MzAxIDQuNjM5NjVDMTAuNjYwMyA0LjA3MDMyIDExLjA3NDYgMy41NzI3NSAxMS41NTkxIDMuMjcwNTFDMTIuMDA0MyAyLjk1Njc4IDEyLjUwNzIgMi44MjkxNSAxMi41MTggMi44MjYxN1pNMTguMjg5NSAzLjUxMzY3QzE4LjgxOTIgMy41NDA5NyAxOS4yODk1IDMuNzUwOTggMTkuMjg5NSAzLjc1MDk4QzE5LjI4ODggMy43NjU2NyAxOS4yNjIgNC4yNzIwNSAxOS4wNTIyIDQuNzQ5MDJDMTguODU4MyA1LjI2NDg1IDE4LjQ2NzkgNS43MzkwNyAxNy45NzMxIDYuMDQ1OUMxNy40NzU3IDYuMzQ2ODIgMTYuODc2NCA2LjQ4MTA0IDE2LjMyODYgNi40MjM4M0MxNS44MDk2IDYuMzk4NjUgMTUuMzQ4MSA2LjE5ODI3IDE1LjMzMjUgNi4xOTE0MUMxNS4zMzI1IDYuMTkxNDEgMTUuMzU4MiA1LjY3OTYgMTUuNTcwOCA1LjE5NTMxQzE1Ljc2NTkgNC42ODE1NiAxNi4xNTU3IDQuMjA0NzUgMTYuNjQ3OSAzLjg5NTUxQzE3LjE0MjUgMy41OTI0OSAxNy43NDIzIDMuNDU1OTQgMTguMjg5NSAzLjUxMzY3Wk0xNi4yNTA1IDAuNzEwOTM4QzE2LjI1NzMgMC43MjY0NTQgMTYuNDYwNCAxLjE4OTU4IDE2LjQ4NjggMS43MDk5NkMxNi41NDUxIDIuMjU3NjcgMTYuNDA4NCAyLjg1NzY4IDE2LjEwNSAzLjM1MjU0QzE1Ljc5NiAzLjg0NDYxIDE1LjMxOTggNC4yMzQ1IDE0LjgwNjEgNC40Mjk2OUMxNC4zMjIzIDQuNjQyOCAxMy44MSA0LjY2ODk1IDEzLjgxIDQuNjY4OTVDMTMuODA3MyA0LjY2Mjc0IDEzLjYwMjggNC4xOTY1OCAxMy41Nzc2IDMuNjcxODhDMTMuNTIwNCAzLjEyNDM4IDEzLjY1NTEgMi41MjQ2MSAxMy45NTU1IDIuMDI3MzRDMTQuMjYyMSAxLjUzMjM1IDE0LjczNjMgMS4xNDI2OSAxNS4yNTI0IDAuOTQ5MjJDMTUuNzM2IDAuNzM1NDgzIDE2LjI1MDUgMC43MTA5MzggMTYuMjUwNSAwLjcxMDkzOFpNMTguOTYyNCAwLjAxMDc0MzFDMTkuNDM2OCAtMC4wMzY4MDE1IDE5LjkxMDYgMC4wODg4NjgxIDE5LjkxMDYgMC4wODg4NjgxQzE5LjkxMjcgMC4wOTY4ODk1IDIwLjAzNjUgMC41Njc2NTQgMTkuOTg4NyAxLjAzNjEzQzE5Ljk2NjMgMS41MzU1OCAxOS43NTkyIDIuMDI0NzEgMTkuNDExNiAyLjM3NUMxOS4wNjE1IDIuNzE5MzkgMTguNTcxNCAyLjkyNTQ2IDE4LjA3MjcgMi45NTAyQzE3LjYwMDkgMi45OTk5OSAxNy4xMjc0IDIuODc1IDE3LjEyNzQgMi44NzVDMTcuMTI1MSAyLjg2NjE0IDE3LjAwMjQgMi4zOTc4OCAxNy4wNTEyIDEuOTI4NzFDMTcuMDc0NCAxLjQzMTMzIDE3LjI4MDYgMC45NDA0MjggMTcuNjI1NSAwLjU4ODg2OEMxNy45NzQyIDAuMjQyMjkxIDE4LjQ2MyAwLjAzNDMyODcgMTguOTYyNCAwLjAxMDc0MzFaIiBmaWxsPSJ2YXIoLS1maWxsLTAsICM0RDVFNkYpIi8+Cjwvc3ZnPgo=');   mask-image: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDE5Ljk5OTcgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZD0iTTE0LjEzMDMgNS4xODY1MkMxNC4zMjA1IDQuOTk2MTMgMTQuNjI5OSA0Ljk5NTc3IDE0LjgyMDggNS4xODY1MkMxNS4wMTE4IDUuMzc2NzMgMTUuMDExOCA1LjY4NjMgMTQuODIwOCA1Ljg3Njk1TDAuODMzNDcgMTkuODU3NEMwLjczNzg4NiAxOS45NTI0IDAuNjEzNDggMjAgMC40ODg3NDMgMjBDMC4zNjQwNzEgMTkuOTk5OCAwLjIzODQ1NSAxOS45NTI0IDAuMTQzMDQgMTkuODU3NEMtMC4wNDc2NjQ4IDE5LjY2NjcgLTAuMDQ3Njk1NCAxOS4zNTc3IDAuMTQzMDQgMTkuMTY3TDE0LjEzMDMgNS4xODY1MlpNOS4xMDY5MSAxNC4wNzIzQzkuODI5NzcgMTMuOTk3NiAxMC41NzQzIDE0LjExOSAxMS4xNTI4IDE0LjM5NzVDMTEuNzE5MSAxNC42MzU2IDEyLjEyMTggMTUuMDE1IDEyLjEzMTMgMTUuMDIzNEMxMi4xMjQ5IDE1LjAzMjMgMTEuODA5NSAxNS40ODggMTEuMzA0MiAxNS44Mzk4QzEwLjc5NyAxNi4yMzIxIDEwLjA5MzMgMTYuNTA2NSA5LjM3MDU4IDE2LjU4NEM4LjY0NzY4IDE2LjY1NjMgNy45MDIxNyAxNi41MzIxIDcuMzI0NjggMTYuMjU1OUM2Ljc1NzM4IDE2LjAxNzEgNi4zNTQzOCAxNS42NDAxIDYuMzQ2MTcgMTUuNjMyOEM2LjM1NDk0IDE1LjYyMDQgNi42NzA2NyAxNS4xNjk3IDcuMTc1MjcgMTQuODE5M0M3LjY4MjQ1IDE0LjQyOSA4LjM4NDE0IDE0LjE1MjQgOS4xMDY5MSAxNC4wNzIzWk00Ljk3OTk1IDcuODcxMDlDNC45ODAyNiA3Ljg3MTg4IDUuMzY1ODcgOC4yNzc0NCA1LjYwNjkxIDguODUwNTlDNS44ODUwMiA5LjQyOTI2IDYuMDA1NzcgMTAuMTczNyA1LjkzMTEzIDEwLjg5NjVDNS44NTEgMTEuNjE5NyA1LjU3NTM4IDEyLjMyMTggNS4xODUwMyAxMi44MjkxQzQuODI5OTUgMTMuMzQwNSA0LjM3MDg4IDEzLjY1NzEgNC4zNzA1OCAxMy42NTgyQzQuMzU5MjIgMTMuNjQ1NiAzLjk4NDc3IDEzLjI0MzUgMy43NDc1MyAxMi42Nzg3QzMuNDcxMzkgMTIuMTAxMiAzLjM0NzQ1IDExLjM1NTcgMy40MTk0MSAxMC42MzI4QzMuNDk3MTIgOS45MTAxNSAzLjc3MTU3IDkuMjA2NSA0LjE2MzU1IDguNjk5MjJDNC41MTMyMyA4LjE5NzU1IDQuOTY0NzIgNy44ODE5NCA0Ljk3OTk1IDcuODcxMDlaTTExLjg0MDMgMTAuNzU2OEMxMi40ODc2IDEwLjYwNiAxMy4xODE3IDEwLjY0NjQgMTMuNzQzNiAxMC44NjA0QzE0LjI4NzggMTEuMDM1NiAxNC43MDM1IDExLjM2NDkgMTQuNzE4MiAxMS4zNzZDMTQuNzE3MiAxMS4zNzY2IDE0LjQ5MiAxMS44NjY2IDE0LjA3NTcgMTIuMjcyNUMxMy42Njc0IDEyLjcxNTYgMTMuMDY3MSAxMy4wNjIzIDEyLjQyMDQgMTMuMjE1OEMxMS43NzE0IDEzLjM2MzQgMTEuMDc4MSAxMy4zMjAzIDEwLjUxNzEgMTMuMTA4NEM5Ljk3MzcyIDEyLjkzNCA5LjU1NzkzIDEyLjYwNzcgOS41NDI0NSAxMi41OTU3QzkuNTQzMjUgMTIuNTk1MSA5Ljc2OTY5IDEyLjEwNzggMTAuMTg1IDExLjcwMjFDMTAuNTk0NCAxMS4yNjE3IDExLjE5NTMgMTAuOTEzNCAxMS44NDAzIDEwLjc1NjhaTTguNjI2NDQgNS4yODMyQzguNjI2MiA1LjI4MzQ1IDguOTYzOTEgNS43MDQzNiA5LjE0MjA2IDYuMjU3ODFDOS4zNTYyMyA2LjgyMDA5IDkuMzk3MzcgNy41MTQ0NSA5LjI0NjU2IDguMTYyMTFDOS4wODk3OSA4LjgwNyA4Ljc0MjI5IDkuNDA4ODkgOC4zMDEyNCA5LjgxODM2QzcuOTAxNTcgMTAuMjI4MSA3LjQyMjUyIDEwLjQ1MzkgNy40MDg2NyAxMC40NjA5QzcuNDA1MjMgMTAuNDU2MSA3LjA3MjQ1IDEwLjAzNzEgNi44OTU5NyA5LjQ4NjMzQzYuNjgzNzQgOC45MjQ2NCA2LjY0MDczIDguMjMwODUgNi43ODg1NSA3LjU4MjAzQzYuOTQyMDggNi45MzUzNCA3LjI4ODI0IDYuMzM1MjggNy43MzA5MyA1LjkyNjc2QzguMTMzODEgNS41MTM0MSA4LjYxODM1IDUuMjg3NjYgOC42MjY0NCA1LjI4MzJaTTE0LjQyMjMgNy4yMjY1NkMxNC45OTQ1IDYuOTk5MzUgMTUuNjM4OCA2Ljk1NDk4IDE2LjE5MjggNy4wOTY2OEMxNi43MjM3IDcuMjAyMTUgMTcuMTYxMSA3LjQ3NTk1IDE3LjE3NTMgNy40ODQzOEMxNy4xNzI4IDcuNDkzODUgMTcuMDQ2IDcuOTk4MjUgMTYuNzMxOSA4LjQ0NDM0QzE2LjQyOTggOC45Mjg5OSAxNS45MzE4IDkuMzQyMzEgMTUuMzYyOCA5LjU3MjI3QzE0Ljc5MDIgOS43OTcxNCAxNC4xNDQgOS44MzkwNiAxMy41OTEzIDkuNjk5MjJDMTMuMDU5OCA5LjU5NDE5IDEyLjYyMTQgOS4zMjE4OCAxMi42MDg5IDkuMzE0NDVDMTIuNjEwNiA5LjMwODEgMTIuNzM4NiA4LjgwNDU4IDEzLjA1NDIgOC4zNTg0QzEzLjM1NzkgNy44NzUxNCAxMy44NTM4IDcuNDU5MzUgMTQuNDIyMyA3LjIyNjU2Wk0xMi41MTggMi44MjYxN0MxMi41MjE3IDIuODMzMjcgMTIuNzk5IDMuMjczNDUgMTIuOTA1NyAzLjgwOTU3QzEzLjA0NyA0LjM2MzU1IDEzLjAwMzEgNS4wMDc3NSAxMi43NzU5IDUuNTgwMDhDMTIuNTQyOSA2LjE0ODQ4IDEyLjEyNzQgNi42NDQ0NiAxMS42NDQgNi45NDgyNEMxMS4xOTUgNy4yNjU2NyAxMC42ODc5IDcuMzk0NDUgMTAuNjg4IDcuMzk0NTNDMTAuNjg4NCA3LjM5NDUzIDEwLjQxMDIgNi45NTE1OCAxMC4zMDMyIDYuNDEyMTFDMTAuMTYzNSA1Ljg1OTE4IDEwLjIwNTUgNS4yMTI2OCAxMC40MzAxIDQuNjM5NjVDMTAuNjYwMyA0LjA3MDMyIDExLjA3NDYgMy41NzI3NSAxMS41NTkxIDMuMjcwNTFDMTIuMDA0MyAyLjk1Njc4IDEyLjUwNzIgMi44MjkxNSAxMi41MTggMi44MjYxN1pNMTguMjg5NSAzLjUxMzY3QzE4LjgxOTIgMy41NDA5NyAxOS4yODk1IDMuNzUwOTggMTkuMjg5NSAzLjc1MDk4QzE5LjI4ODggMy43NjU2NyAxOS4yNjIgNC4yNzIwNSAxOS4wNTIyIDQuNzQ5MDJDMTguODU4MyA1LjI2NDg1IDE4LjQ2NzkgNS43MzkwNyAxNy45NzMxIDYuMDQ1OUMxNy40NzU3IDYuMzQ2ODIgMTYuODc2NCA2LjQ4MTA0IDE2LjMyODYgNi40MjM4M0MxNS44MDk2IDYuMzk4NjUgMTUuMzQ4MSA2LjE5ODI3IDE1LjMzMjUgNi4xOTE0MUMxNS4zMzI1IDYuMTkxNDEgMTUuMzU4MiA1LjY3OTYgMTUuNTcwOCA1LjE5NTMxQzE1Ljc2NTkgNC42ODE1NiAxNi4xNTU3IDQuMjA0NzUgMTYuNjQ3OSAzLjg5NTUxQzE3LjE0MjUgMy41OTI0OSAxNy43NDIzIDMuNDU1OTQgMTguMjg5NSAzLjUxMzY3Wk0xNi4yNTA1IDAuNzEwOTM4QzE2LjI1NzMgMC43MjY0NTQgMTYuNDYwNCAxLjE4OTU4IDE2LjQ4NjggMS43MDk5NkMxNi41NDUxIDIuMjU3NjcgMTYuNDA4NCAyLjg1NzY4IDE2LjEwNSAzLjM1MjU0QzE1Ljc5NiAzLjg0NDYxIDE1LjMxOTggNC4yMzQ1IDE0LjgwNjEgNC40Mjk2OUMxNC4zMjIzIDQuNjQyOCAxMy44MSA0LjY2ODk1IDEzLjgxIDQuNjY4OTVDMTMuODA3MyA0LjY2Mjc0IDEzLjYwMjggNC4xOTY1OCAxMy41Nzc2IDMuNjcxODhDMTMuNTIwNCAzLjEyNDM4IDEzLjY1NTEgMi41MjQ2MSAxMy45NTU1IDIuMDI3MzRDMTQuMjYyMSAxLjUzMjM1IDE0LjczNjMgMS4xNDI2OSAxNS4yNTI0IDAuOTQ5MjJDMTUuNzM2IDAuNzM1NDgzIDE2LjI1MDUgMC43MTA5MzggMTYuMjUwNSAwLjcxMDkzOFpNMTguOTYyNCAwLjAxMDc0MzFDMTkuNDM2OCAtMC4wMzY4MDE1IDE5LjkxMDYgMC4wODg4NjgxIDE5LjkxMDYgMC4wODg4NjgxQzE5LjkxMjcgMC4wOTY4ODk1IDIwLjAzNjUgMC41Njc2NTQgMTkuOTg4NyAxLjAzNjEzQzE5Ljk2NjMgMS41MzU1OCAxOS43NTkyIDIuMDI0NzEgMTkuNDExNiAyLjM3NUMxOS4wNjE1IDIuNzE5MzkgMTguNTcxNCAyLjkyNTQ2IDE4LjA3MjcgMi45NTAyQzE3LjYwMDkgMi45OTk5OSAxNy4xMjc0IDIuODc1IDE3LjEyNzQgMi44NzVDMTcuMTI1MSAyLjg2NjE0IDE3LjAwMjQgMi4zOTc4OCAxNy4wNTEyIDEuOTI4NzFDMTcuMDc0NCAxLjQzMTMzIDE3LjI4MDYgMC45NDA0MjggMTcuNjI1NSAwLjU4ODg2OEMxNy45NzQyIDAuMjQyMjkxIDE4LjQ2MyAwLjAzNDMyODcgMTguOTYyNCAwLjAxMDc0MzFaIiBmaWxsPSJ2YXIoLS1maWxsLTAsICM0RDVFNkYpIi8+Cjwvc3ZnPgo='); }
body.fddb-mobile .fddb-m-quickstat__icon--fat     { -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDEzIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iQ29tYmluZWQgU2hhcGUiIGQ9Ik02LjUgMEM2Ljc3MTUzIDAgNy4wMjQ4OSAwLjE0Mjk4NCA3LjE3MDkgMC4zNzg5MDZDNy43NjgyNyAxLjM0NTk0IDEzIDkuOTA5MDggMTMgMTMuMjk4OEMxMi45OTk4IDE2Ljk5MzYgMTAuMDg0MSAyMCA2LjUgMjBDMi45MTU5NSAxOS45OTk5IDAuMDAwMTY2MDY4IDE2Ljk5MzYgMCAxMy4yOTg4QzAgOS45MDg4NyA1LjIzMjk2IDEuMzQ1MDQgNS44MzAwOCAwLjM3ODkwNkM1Ljk3NTc4IDAuMTQzMDI1IDYuMjI4NTMgNC45ODQ3MWUtMDUgNi41IDBaTTkuNTk5NjEgMTIuMzQxOEM5LjE2MTE0IDEyLjM0MTggOC44MDU4NCAxMi43MDg1IDguODA1NjYgMTMuMTYxMUM4LjgwNTY2IDE0LjQ2MDcgNy43Nzk2OCAxNS41MTc0IDYuNTE5NTMgMTUuNTE3NkM2LjA4MDY1IDE1LjUxNzYgNS43MjQ2MSAxNS44ODUxIDUuNzI0NjEgMTYuMzM3OUM1LjcyNDc1IDE2Ljc5IDYuMDgwNzMgMTcuMTU2MiA2LjUxOTUzIDE3LjE1NjJDOC42NTYzMSAxNy4xNTYxIDEwLjM5NDUgMTUuMzY0MSAxMC4zOTQ1IDEzLjE2MTFDMTAuMzk0NCAxMi43MDg1IDEwLjAzODcgMTIuMzQxOCA5LjU5OTYxIDEyLjM0MThaIiBmaWxsPSJ2YXIoLS1maWxsLTAsICM0RDVFNkYpIi8+Cjwvc3ZnPgo=');      mask-image: url('data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgdmlld0JveD0iMCAwIDEzIDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBpZD0iQ29tYmluZWQgU2hhcGUiIGQ9Ik02LjUgMEM2Ljc3MTUzIDAgNy4wMjQ4OSAwLjE0Mjk4NCA3LjE3MDkgMC4zNzg5MDZDNy43NjgyNyAxLjM0NTk0IDEzIDkuOTA5MDggMTMgMTMuMjk4OEMxMi45OTk4IDE2Ljk5MzYgMTAuMDg0MSAyMCA2LjUgMjBDMi45MTU5NSAxOS45OTk5IDAuMDAwMTY2MDY4IDE2Ljk5MzYgMCAxMy4yOTg4QzAgOS45MDg4NyA1LjIzMjk2IDEuMzQ1MDQgNS44MzAwOCAwLjM3ODkwNkM1Ljk3NTc4IDAuMTQzMDI1IDYuMjI4NTMgNC45ODQ3MWUtMDUgNi41IDBaTTkuNTk5NjEgMTIuMzQxOEM5LjE2MTE0IDEyLjM0MTggOC44MDU4NCAxMi43MDg1IDguODA1NjYgMTMuMTYxMUM4LjgwNTY2IDE0LjQ2MDcgNy43Nzk2OCAxNS41MTc0IDYuNTE5NTMgMTUuNTE3NkM2LjA4MDY1IDE1LjUxNzYgNS43MjQ2MSAxNS44ODUxIDUuNzI0NjEgMTYuMzM3OUM1LjcyNDc1IDE2Ljc5IDYuMDgwNzMgMTcuMTU2MiA2LjUxOTUzIDE3LjE1NjJDOC42NTYzMSAxNy4xNTYxIDEwLjM5NDUgMTUuMzY0MSAxMC4zOTQ1IDEzLjE2MTFDMTAuMzk0NCAxMi43MDg1IDEwLjAzODcgMTIuMzQxOCA5LjU5OTYxIDEyLjM0MThaIiBmaWxsPSJ2YXIoLS1maWxsLTAsICM0RDVFNkYpIi8+Cjwvc3ZnPgo='); }

body.fddb-mobile .fddb-m-quickstat__value {
  font-size: 16px; font-weight: 700; color: var(--fddb-on-surface);
  line-height: 1.1;
}
body.fddb-mobile .fddb-m-quickstat--kcal .fddb-m-quickstat__value { color: var(--fddb-on-surface); }
body.fddb-mobile .fddb-m-quickstat__label {
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.3px; text-transform: uppercase;
  color: var(--fddb-on-surface-low);
}

/* ----------------------------- Card ----------------------------- */
body.fddb-mobile .fddb-m-card {
  background: #fff;
  border: 1px solid var(--fddb-outline-variant);
  border-radius: 14px;
  padding: 14px;
}
body.fddb-mobile .fddb-m-card__title {
  font-size: 14px; font-weight: 600;
  color: var(--fddb-on-surface);
  text-transform: none; letter-spacing: 0;
  margin: 0 0 10px 0;
}
body.fddb-mobile .fddb-m-card__footer {
  margin-top: 10px;
  font-size: 12px; color: var(--fddb-on-surface-low);
}
body.fddb-mobile .fddb-m-card a { color: var(--fddb-primary); }
/* Quellenhinweis unter den Cards (ausserhalb .fddb-m-card) */
body.fddb-mobile .fddb-m-source { margin: 12px 4px; }
body.fddb-mobile .fddb-m-source a { color: var(--fddb-primary); }

/* About: Teaser + reines CSS-Toggle (Checkbox-Hack), voller Text im DOM */
body.fddb-mobile .fddb-m-about__text {
  font-size: 15px; color: var(--fddb-on-surface);
  margin: 0;
}
body.fddb-mobile .fddb-m-about__cb {
  position: absolute; opacity: 0; pointer-events: none;
  width: 0; height: 0;
}
body.fddb-mobile .fddb-m-about__rest { display: none; }
body.fddb-mobile .fddb-m-about__cb:checked ~ .fddb-m-about__text .fddb-m-about__rest {
  display: inline;
}
body.fddb-mobile .fddb-m-about__toggle {
  display: inline-flex; align-items: center; gap: 4px;
  margin-top: 8px;
  font-size: 14px; font-weight: 600;
  color: var(--fddb-primary);
  cursor: pointer;
  user-select: none;
}
body.fddb-mobile .fddb-m-about__toggle::before { content: "Mehr anzeigen"; }
body.fddb-mobile .fddb-m-about__toggle::after {
  content: ""; width: 14px; height: 14px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;
  transition: transform 0.2s ease;
}
body.fddb-mobile .fddb-m-about__cb:checked ~ .fddb-m-about__toggle::before { content: "Weniger anzeigen"; }
body.fddb-mobile .fddb-m-about__cb:checked ~ .fddb-m-about__toggle::after { transform: rotate(180deg); }

/* Collapsible (details/summary) */
body.fddb-mobile .fddb-m-collapse { width: 100%; }
body.fddb-mobile .fddb-m-collapse > summary {
  list-style: none;
  cursor: pointer;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0;
  user-select: none;
}
body.fddb-mobile .fddb-m-collapse > summary::-webkit-details-marker { display: none; }
body.fddb-mobile .fddb-m-collapse > summary .fddb-m-card__title { margin: 0; }
body.fddb-mobile .fddb-m-collapse__chevron {
  width: 16px; height: 16px;
  background-color: var(--fddb-on-surface-variant);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / contain no-repeat;
  transition: transform 0.2s ease;
}
body.fddb-mobile .fddb-m-collapse[open] > summary .fddb-m-collapse__chevron {
  transform: rotate(180deg);
}
body.fddb-mobile .fddb-m-collapse__body { padding-top: 10px; }

/* Token-Chips: tokenitemdisplayer_v2 rendert pro Token ein eigenes <table>.
   Wir laden sie als Inline-Pills nebeneinander (flex-wrap) – ohne Card-Wrapper. */
body.fddb-mobile .fddb-m-card.fddb-m-tokens {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex; flex-wrap: wrap; gap: 6px;
}
body.fddb-mobile .fddb-m-tokens > div { margin: 0 !important; }
body.fddb-mobile .fddb-m-tokens table {
  width: auto !important;
  margin: 0 !important;
  border-collapse: collapse;
  background: var(--fddb-blue-50);
  border-radius: 999px;
}
body.fddb-mobile .fddb-m-tokens tr,
body.fddb-mobile .fddb-m-tokens td {
  background: transparent !important;
  border: 0 !important;
}
/* Sprite-Icon-Spalte ausblenden, damit Tokens dem Header-Chip entsprechen */
body.fddb-mobile .fddb-m-tokens td:first-child { display: none !important; }
body.fddb-mobile .fddb-m-tokens td {
  padding: 4px 10px !important;
  vertical-align: middle !important;
  line-height: 1;
}
body.fddb-mobile .fddb-m-tokens td a {
  color: var(--fddb-primary) !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* Nährwerte-Liste – Zebra statt Borders, randlos in der Card */
body.fddb-mobile .fddb-m-card.fddb-m-nutrition { padding: 6px; }
body.fddb-mobile .fddb-m-nutrition .fddb-m-card__title { padding: 8px 8px 4px; }
body.fddb-mobile .fddb-m-nutrition__list {
  display: flex; flex-direction: column;
  list-style: none; margin: 0; padding: 0;
}
body.fddb-mobile .fddb-m-nutrition__list li {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 15px;
}
body.fddb-mobile .fddb-m-nutrition__list li:nth-child(odd) {
  background: var(--fddb-surface-container-low);
}
body.fddb-mobile .fddb-m-nutrition__list .fddb-m-nutrition__label {
  color: #000; font-weight: 500;
}
body.fddb-mobile .fddb-m-nutrition__list .fddb-m-nutrition__value {
  color: #000; font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* Vitamine/Mineralstoffe – Zebra-Rows, keine Borders */
body.fddb-mobile .fddb-m-card.fddb-m-card--datarows { padding: 6px; }
body.fddb-mobile .fddb-m-card--datarows .fddb-m-card__title { padding: 8px 8px 4px; }
body.fddb-mobile .fddb-m-card--datarows table {
  width: 100% !important;
  border-collapse: separate;
  border-spacing: 0;
}
body.fddb-mobile .fddb-m-card--datarows tr {
  background: transparent !important;
}
body.fddb-mobile .fddb-m-card--datarows tr:nth-child(odd) td {
  background: var(--fddb-surface-container-low);
}
body.fddb-mobile .fddb-m-card--datarows tr:nth-child(odd) td:first-child {
  border-top-left-radius: 8px; border-bottom-left-radius: 8px;
}
body.fddb-mobile .fddb-m-card--datarows tr:nth-child(odd) td:last-child {
  border-top-right-radius: 8px; border-bottom-right-radius: 8px;
}
body.fddb-mobile .fddb-m-card--datarows td {
  padding: 10px 12px !important;
  border: 0 !important;
  font-size: 14px;
  color: var(--fddb-on-surface-variant);
  vertical-align: middle;
  width: auto !important;
}
body.fddb-mobile .fddb-m-card--datarows td span,
body.fddb-mobile .fddb-m-card--datarows td a {
  font-weight: 500 !important;
  color: var(--fddb-on-surface-variant) !important;
  text-decoration: none;
}
body.fddb-mobile .fddb-m-card--datarows td:last-child {
  text-align: right;
  color: var(--fddb-on-surface);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

/* Show-more-Button */
body.fddb-mobile .fddb-m-card--datarows > div[id^="showall"] {
  margin: 12px 0 0 0 !important; font-size: 14px !important;
}
body.fddb-mobile .fddb-m-card--datarows > div[id^="showall"] > div {
  background: transparent !important;
  border: 1px solid var(--fddb-outline-variant) !important;
  border-radius: 999px !important;
  width: 100% !important; margin: 0 !important;
}
body.fddb-mobile .fddb-m-card--datarows > div[id^="showall"] > div > div { margin: 8px !important; }
body.fddb-mobile .fddb-m-card--datarows > div[id^="showall"] span {
  color: var(--fddb-primary) !important; font-weight: 600;
}

/* Portionen */
body.fddb-mobile .fddb-m-servings { display: flex; flex-direction: column; gap: 8px; }
body.fddb-mobile .fddb-m-serving {
  display: block;
  padding: 12px 14px;
  border: 1px solid var(--fddb-outline-variant);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
body.fddb-mobile .fddb-m-serving:hover { background: var(--fddb-surface-container-low); }
body.fddb-mobile .fddb-m-serving__name {
  font-size: 15px; font-weight: 600; color: var(--fddb-on-surface);
  display: block; margin-bottom: 4px;
}
body.fddb-mobile .fddb-m-serving__values {
  font-size: 13px; color: var(--fddb-on-surface-variant);
}
body.fddb-mobile .fddb-m-serving__values strong {
  color: var(--fddb-primary); font-weight: 700;
}
body.fddb-mobile .fddb-m-serving__action {
  display: inline-block; margin-top: 6px;
  font-size: 13px; font-weight: 600;
  color: var(--fddb-primary); text-decoration: none;
}

/* Eigene Portion */
body.fddb-mobile .fddb-m-ownserving { display: flex; flex-direction: column; gap: 8px; }
body.fddb-mobile .fddb-m-ownserving input[type="text"] {
  width: 100%; box-sizing: border-box;
  height: 44px; padding: 0 12px;
  font-size: 17px;
  border: 1px solid var(--fddb-outline-variant);
  border-radius: 10px;
  background: #fff;
}
body.fddb-mobile .fddb-m-ownserving input[type="text"]:focus {
  outline: none; border-color: var(--fddb-primary);
}
body.fddb-mobile .fddb-m-ownserving input[type="submit"] {
  width: 100%; height: 44px;
  padding: 0; line-height: 44px;
  font-size: 15px; font-weight: 600;
  background: var(--fddb-primary); color: #fff;
  border: 0; border-radius: var(--radius-sm); cursor: pointer;
}

/* Buttons */
body.fddb-mobile .fddb-m-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 100%; height: 44px; padding: 0 16px;
  font-size: 15px; font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  box-sizing: border-box;
}
body.fddb-mobile .fddb-m-btn--primary {
  background: var(--fddb-primary); color: #fff !important;
  border: 1px solid var(--fddb-primary);
}
body.fddb-mobile .fddb-m-btn--outline {
  background: #fff; color: var(--fddb-primary) !important;
  border: 1px solid var(--fddb-outline-variant);
}

/* Sticky CTA */
body.fddb-mobile .fddb-m-sticky-cta {
  position: fixed; left: 0; right: 0; bottom: 0;
  z-index: 50;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) 12px;
  background: rgba(255,255,255,0.96);
  backdrop-filter: saturate(180%) blur(8px);
  -webkit-backdrop-filter: saturate(180%) blur(8px);
  border-top: 1px solid var(--fddb-outline-variant);
}

/* Section-Title (für Cards-Header außerhalb von .fddb-m-card) */
body.fddb-mobile .fddb-m-section__title {
  font-size: 13px; font-weight: 700;
  text-transform: none; letter-spacing: 0;
  color: var(--fddb-on-surface);
  margin: 4px 4px 6px;
}

/* Redirect-Teaser (top alert) entlang der neuen Optik */
body.fddb-mobile .fddb-m-product .fddb-alert--info {
  background: var(--fddb-blue-50);
  border: 1px solid var(--fddb-blue-200);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  color: var(--fddb-on-surface-variant);
}
body.fddb-mobile .fddb-m-product .fddb-alert--info a { color: var(--fddb-primary); }

/* ============================================================
 * Suche (Mobile-Redesign) – /search/
 * ============================================================ */
body.fddb-mobile .fddb-m-search {
  display: flex; flex-direction: column; gap: 10px;
  /* Breite kommt von .fddb-mobile-shell (max-width:1024px, zentriert) */
}

/* ----- Suchbox ----- */
body.fddb-mobile .fddb-m-searchbox {
  display: flex; flex-direction: column; gap: 8px;
}
/* Feld-Wrapper trägt Rahmen/Hintergrund; Icon + Input liegen als Flex-Kinder
   drin → align-items:center zentriert das Icon ohne absolute Positionierung. */
body.fddb-mobile .fddb-m-searchbox__field {
  flex: 1; min-width: 0;
  display: flex; align-items: center; gap: 8px;
  height: 46px; padding: 0 12px;
  border: 1px solid var(--fddb-outline-variant);
  border-radius: 12px;
  background: #fff;
}
body.fddb-mobile .fddb-m-searchbox__field:focus-within {
  border-color: var(--fddb-primary);
}
body.fddb-mobile .fddb-m-searchbox__icon {
  flex-shrink: 0;
  width: 18px; height: 18px;
  pointer-events: none;
  background-color: var(--fddb-on-surface-low);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 3a7 7 0 1 0 4.2 12.6l4.6 4.6 1.4-1.4-4.6-4.6A7 7 0 0 0 10 3zm0 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10z' fill='black'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 3a7 7 0 1 0 4.2 12.6l4.6 4.6 1.4-1.4-4.6-4.6A7 7 0 0 0 10 3zm0 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10z' fill='black'/></svg>") center / contain no-repeat;
}
body.fddb-mobile .fddb-m-searchbox__input {
  flex: 1; min-width: 0;
  padding: 0; margin: 0;
  line-height: normal;
  font-size: 16px; /* >=16px verhindert iOS-Autozoom */
  color: var(--fddb-on-surface);
  border: 0; background: transparent;
  -webkit-appearance: none; appearance: none;
}
body.fddb-mobile .fddb-m-searchbox__input:focus {
  outline: none;
}
body.fddb-mobile .fddb-m-searchbox__btn {
  width: 100%;
  height: 46px; padding: 0 18px;
  font-size: 15px; font-weight: 600;
  color: #fff; background: var(--fddb-primary);
  border: 0; border-radius: 12px; cursor: pointer;
}

/* ----- Ergebnisliste ----- */
body.fddb-mobile .fddb-m-results {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 8px;
}
body.fddb-mobile .fddb-m-result {
  border: 1px solid var(--fddb-outline-variant);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
body.fddb-mobile .fddb-m-result__main {
  display: flex; gap: 12px; align-items: center;
  padding: 10px 12px;
  text-decoration: none !important;
  color: inherit;
}
body.fddb-mobile .fddb-m-result:hover { background: var(--fddb-surface-container-low); }
body.fddb-mobile .fddb-m-result__thumb {
  flex-shrink: 0;
  width: 56px; height: 56px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--fddb-blue-50);
  border: 1px solid var(--fddb-outline-variant);
  display: flex; align-items: center; justify-content: center;
}
body.fddb-mobile .fddb-m-result__thumb img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
/* Platzhalter ohne Produktbild (Suche, Favoriten): Besteck-Icon, als Data-URI weil /static/image/ auf fddb.mobi nicht gemappt ist */
body.fddb-mobile .fddb-m-result__noimg,
body.fddb-mobile .fddb-m-noimg {
  display: block;
  width: 32px; height: 32px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='%23BBDCF6'/><path d='M15.7498 18.5C15.6054 18.5 15.4858 18.4529 15.3912 18.3587C15.2969 18.264 15.2498 18.1444 15.2498 18V13.1667H14.6332C14.2998 13.1667 14.0138 13.05 13.7752 12.8167C13.5361 12.5833 13.4165 12.3 13.4165 11.9667V8.66667C13.4165 7.83333 13.6861 7.11111 14.2252 6.5C14.7638 5.88889 15.4387 5.56111 16.2498 5.51667V18C16.2498 18.1444 16.1998 18.264 16.0998 18.3587C15.9998 18.4529 15.8832 18.5 15.7498 18.5ZM9.33317 18.5C9.18873 18.5 9.06939 18.4529 8.97517 18.3587C8.8805 18.264 8.83317 18.1444 8.83317 18V12.4333C8.28873 12.3222 7.83317 12.05 7.4665 11.6167C7.09984 11.1833 6.9165 10.6722 6.9165 10.0833V6C6.9165 5.85556 6.96384 5.736 7.0585 5.64133C7.15273 5.54711 7.27206 5.5 7.4165 5.5C7.54984 5.5 7.6665 5.54711 7.7665 5.64133C7.8665 5.736 7.9165 5.85556 7.9165 6V10.0833H8.83317V6C8.83317 5.85556 8.8805 5.736 8.97517 5.64133C9.06939 5.54711 9.18873 5.5 9.33317 5.5C9.47761 5.5 9.59717 5.54711 9.69184 5.64133C9.78606 5.736 9.83317 5.85556 9.83317 6V10.0833H10.7498V6C10.7498 5.85556 10.7998 5.736 10.8998 5.64133C10.9998 5.54711 11.1165 5.5 11.2498 5.5C11.3943 5.5 11.5138 5.54711 11.6085 5.64133C11.7027 5.736 11.7498 5.85556 11.7498 6V10.0833C11.7498 10.6722 11.5665 11.1833 11.1998 11.6167C10.8332 12.05 10.3776 12.3222 9.83317 12.4333V18C9.83317 18.1444 9.78606 18.264 9.69184 18.3587C9.59717 18.4529 9.47761 18.5 9.33317 18.5Z' fill='%23004061'/></svg>") center / contain no-repeat;
}
body.fddb-mobile .fddb-m-noimg { width: 48px; height: 48px; }
body.fddb-mobile .fddb-m-result__info {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; gap: 2px;
}
body.fddb-mobile .fddb-m-result__name {
  font-size: 15px; font-weight: 600; line-height: 1.25;
  color: var(--fddb-on-surface);
}
body.fddb-mobile .fddb-m-result__producer {
  font-size: 13px; color: var(--fddb-on-surface-low);
}
body.fddb-mobile .fddb-m-result__stats {
  font-size: 13px; color: var(--fddb-on-surface-variant);
  margin-top: 2px;
}
body.fddb-mobile .fddb-m-result__stats strong {
  color: var(--fddb-primary); font-weight: 700;
}
body.fddb-mobile .fddb-m-result__servings {
  list-style: none; margin: 0; padding: 0;
  border-top: 1px solid var(--fddb-outline-variant);
}
body.fddb-mobile .fddb-m-result__serving {
  display: flex; align-items: center; gap: 12px;
  margin: 0; padding: 8px 12px;
  list-style: none;
}
body.fddb-mobile .fddb-m-result__serving + .fddb-m-result__serving {
  border-top: 1px solid var(--fddb-outline-variant);
}
body.fddb-mobile .fddb-m-result__serving .fddb-m-result__stats { flex: 1; min-width: 0; margin: 0; }
body.fddb-mobile .fddb-m-result__serving form { display: none; }
body.fddb-mobile .fddb-m-result__add {
  flex: none;
  font-size: 14px; font-weight: 600;
  color: var(--fddb-primary) !important;
  text-decoration: none !important;
}
body.fddb-mobile .fddb-m-results__more { margin-top: 4px; }

/* ----- Hinweise / Leerzustand ----- */
body.fddb-mobile .fddb-m-search__hint {
  font-size: 13px; color: var(--fddb-on-surface-low);
  margin: 0;
}
body.fddb-mobile .fddb-m-search__empty {
  border: 1px solid var(--fddb-outline-variant);
  border-radius: 12px;
  background: var(--fddb-surface-container-low);
  padding: 18px 16px;
  text-align: center;
  display: flex; flex-direction: column; gap: 6px;
}
body.fddb-mobile .fddb-m-search__empty p { margin: 0; }

/* Premium-Banner (von Produkt-Detailseite übernommen) */
body.fddb-mobile .product-premium-banner {
  display: flex; align-items: center; gap: 16px;
  padding: 18px 22px; margin: 24px 0;
  border: 0;
  background: #004b71;
  border-radius: 14px;
  flex-wrap: wrap;
}
body.fddb-mobile .product-premium-banner__icon {
  flex-shrink: 0;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: #f2bd2c;
  display: flex; align-items: center; justify-content: center;
}
body.fddb-mobile .product-premium-banner__icon img { width: 22px; height: 22px; display: block; }
body.fddb-mobile .product-premium-banner__text {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column; gap: 6px;
}
body.fddb-mobile .product-premium-banner__text strong {
  font-size: 21px; font-weight: 700; line-height: 1.2;
  color: #fff !important;
}
body.fddb-mobile .product-premium-banner__text span {
  font-size: 15px; line-height: 1.5;
  color: #fff !important; opacity: 0.92;
}
body.fddb-mobile .product-premium-banner .btn {
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 11px 22px; border-radius: 12px;
  font-size: 15px; font-weight: 700; line-height: 1;
  text-decoration: none; white-space: nowrap;
  background: #fff; color: var(--fddb-primary, #006495);
  border: 1px solid #fff;
  transition: background 0.15s;
}
body.fddb-mobile .product-premium-banner .btn:hover {
  background: var(--fddb-surface-container-high, #e4eef5);
  text-decoration: none;
}
/* Schmale Phones (z.B. iPhone 402px): Icon+Text oben nebeneinander,
   Button auf eigener Zeile darunter, zentriert */
@media (max-width: 480px) {
  body.fddb-mobile .product-premium-banner .btn {
    flex: 1 1 100%;
  }
}

/* Favoriten (/top/): Listen-Überschrift näher an die erste Zeile, Zeilen mit Standard-Rundung */
body.fddb-mobile .fddb-m-listhead { margin-bottom: 12px; }
body.fddb-mobile .fddb-m-listrow + .fddb-m-listhead { margin-top: 28px; }
body.fddb-mobile .fddb-m-listrow { border-radius: var(--radius-md); overflow: hidden; margin-bottom: 8px; }
body.fddb-mobile .fddb-m-listrow table { margin: 0; }
body.fddb-mobile .fddb-m-listrow td { border-bottom: 0; }

/* Rezepte (/mylists/): Text bündig mit der Überschrift, Zebra-Hintergrund ragt seitlich über, keine Trennlinien (wie Aktivitäten) */
body.fddb-mobile .fddb-m-reciperow { margin: 0 -8px; padding: 0 8px; border-radius: var(--radius-md); cursor: pointer; }
body.fddb-mobile .fddb-m-reciperow table { margin: 0; }
body.fddb-mobile .fddb-m-reciperow td { padding: 12px 0; border-bottom: 0; }
body.fddb-mobile .fddb-m-reciperow td > div { padding: 0 !important; }
body.fddb-mobile .fddb-m-reciperow td:last-child { text-align: right; }

/* Aktivitäten (/activity/): Buchstaben-Überschriften schwarz, keine Trennlinien (Zebra-Farben reichen) */
body.fddb-mobile .fddb-m-letterhead,
body.fddb-mobile .fddb-m-letterhead a { color: var(--ink-900); text-decoration: none; }
body.fddb-mobile .fddb-m-letterhead { margin: 24px 0 8px; }
body.fddb-mobile .fddb-m-activityrow table { margin: 0; }
body.fddb-mobile .fddb-m-activityrow td { border-bottom: 0; }

/* Rezept-Detail (/mylists/?q=): Produktzeilen ohne Pico-Trennlinie und ohne Tabellen-Abstand darunter */
body.fddb-mobile .fddb-m-recipeitem table { margin: 0; }
body.fddb-mobile .fddb-m-recipeitem td { border-bottom: 0; }

/* Tagebuch (/notepad/): Zebra-Zeilen mit Standard-Rundung, Zusammenfassung mit mehr Zeilenabstand */
body.fddb-mobile .fddb-m-diaryrow { border-radius: var(--radius-md); overflow: hidden; }
body.fddb-mobile .fddb-m-diaryrow table { margin: 0; }
body.fddb-mobile .fddb-m-diaryrow td { border-bottom: 0; }
body.fddb-mobile .fddb-m-diarysum { margin-top: 12px !important; line-height: 1.8; }