/* Customer-only presentation layer. Business state and actions remain owned by index.html/api-bridge.js. */ #fitness-kitchen-complete-journey { --fkj-premium-canvas: light-dark(#eef3ee, #07110b); --fkj-premium-surface: light-dark(#ffffff, #0d1911); --fkj-premium-surface-raised: light-dark(#f8fbf8, #122118); --fkj-premium-line: light-dark(rgba(20, 88, 45, .13), rgba(132, 175, 140, .18)); --fkj-premium-green: light-dark(#1da953, #43ce73); --fkj-premium-green-strong: light-dark(#087a35, #6be18f); --fkj-premium-olive: light-dark(#2d7f45, #87a85e); --fkj-premium-amber: light-dark(#bd681f, #dc8738); --fkj-premium-gold: #d9a827; --fkj-premium-shadow: 0 18px 44px rgba(0, 0, 0, .16); --fkj-premium-radius: 18px; --fkj-premium-control-radius: 15px; } /* Shared authenticated shell */ #fitness-kitchen-complete-journey.fkj-customer-authenticated { --fkj-green: #43ce73; --fkj-green-deep: #6be18f; --fkj-green-soft: #14321f; --fkj-ink: #f1f6f2; --fkj-muted: #a6b1a8; --fkj-surface: #0d1911; --fkj-canvas: #07110b; --fkj-line: rgba(132, 175, 140, .18); --fkj-danger: #ff9a92; --fkj-premium-canvas: #07110b; --fkj-premium-surface: #0d1911; --fkj-premium-surface-raised: #122118; --fkj-premium-line: rgba(132, 175, 140, .18); --fkj-premium-green: #43ce73; --fkj-premium-green-strong: #6be18f; --fkj-premium-olive: #87a85e; --fkj-premium-amber: #dc8738; min-height: 100dvh; padding-block: 0; color-scheme: dark; background: radial-gradient(circle at 15% 4%, color-mix(in srgb, var(--fkj-premium-green) 12%, transparent), transparent 22rem), var(--fkj-premium-canvas); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-shell { width: min(100vw, 430px); max-width: 100%; min-height: 100dvh; padding-bottom: calc(5.25rem + env(safe-area-inset-bottom)); overflow: visible; background: var(--fkj-premium-canvas); border-color: var(--fkj-premium-line); border-radius: 0; box-shadow: var(--fkj-premium-shadow); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head { position: sticky; z-index: 35; top: 0; min-height: 4rem; padding: .62rem 1.1rem; background: color-mix(in srgb, var(--fkj-premium-surface) 88%, transparent); border-color: var(--fkj-premium-line); backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-brand { gap: .5rem; font-size: .82rem; letter-spacing: .055em; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-logo { width: 2.35rem; height: 2.35rem; border: 0; background: transparent; box-shadow: 0 0 0 1px var(--fkj-premium-line), 0 6px 18px rgba(0, 0, 0, .16); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-language { gap: .08rem; padding: .14rem; background: color-mix(in srgb, var(--fkj-premium-canvas) 84%, transparent); border-color: var(--fkj-premium-line); border-radius: 999px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-language button { min-width: 2.15rem; min-height: 1.85rem; padding: .22rem .4rem; border-radius: 999px; font-size: .68rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-language button[aria-pressed="true"] { color: #07160b; background: var(--fkj-premium-green); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen { padding: 1.15rem 1.05rem 1.5rem; animation: fkj-content-enter .24s ease-out both; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen h2 { font-size: clamp(1.35rem, 5.6vw, 1.7rem); line-height: 1.35; letter-spacing: -.025em; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen h3 { font-size: clamp(1rem, 4.2vw, 1.15rem); line-height: 1.45; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-primary, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-secondary { min-height: 3.35rem; border-radius: var(--fkj-premium-control-radius); font-weight: 500; transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-primary { color: #06150b; background: var(--fkj-premium-green); box-shadow: 0 10px 24px color-mix(in srgb, var(--fkj-premium-green) 20%, transparent); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-secondary { color: var(--fkj-ink); background: var(--fkj-premium-surface-raised); border-color: var(--fkj-premium-line); } #fitness-kitchen-complete-journey.fkj-customer-authenticated button:active, #fitness-kitchen-complete-journey.fkj-customer-authenticated a:active { transform: scale(.985); } #fitness-kitchen-complete-journey.fkj-customer-authenticated button:focus-visible, #fitness-kitchen-complete-journey.fkj-customer-authenticated a:focus-visible, #fitness-kitchen-complete-journey.fkj-customer-authenticated input:focus-visible, #fitness-kitchen-complete-journey.fkj-customer-authenticated select:focus-visible, #fitness-kitchen-complete-journey.fkj-customer-authenticated textarea:focus-visible { outline: 3px solid color-mix(in srgb, var(--fkj-premium-green) 45%, transparent); outline-offset: 2px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated [role="status"]:not(:empty) { margin-block: .7rem 0; padding: .65rem .75rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 8%, var(--fkj-premium-surface)); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 22%, var(--fkj-premium-line)); border-radius: 12px; font-size: .74rem; line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated [role="status"][data-tone="error"]:not(:empty) { color: var(--fkj-danger); background: color-mix(in srgb, var(--fkj-danger) 7%, var(--fkj-premium-surface)); border-color: color-mix(in srgb, var(--fkj-danger) 26%, var(--fkj-premium-line)); } /* Home */ #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-screen="7"] .fkj-home-welcome { position: relative; align-items: center; padding: .45rem .1rem .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-customer-heading { display: flex; align-items: center; gap: .85rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-customer-heading > div:last-child { min-width: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-customer-heading #fkj-dynamic-greeting { margin: 0 0 .28rem; font-size: clamp(1.32rem, 5.5vw, 1.62rem); font-weight: 500; line-height: 1.4; letter-spacing: -.025em; } #fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-home-customer-name { display: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-name-badge { display: inline-flex; margin-bottom: .18rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-customer-heading small { color: var(--fkj-muted); font-size: .76rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-avatar { width: 3.35rem; height: 3.35rem; background: var(--fkj-premium-surface-raised); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 38%, var(--fkj-premium-line)); box-shadow: 0 10px 24px rgba(0, 0, 0, .16); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-avatar { position: relative; flex: 0 0 auto; overflow: hidden; color: #07160b; background: linear-gradient(145deg, color-mix(in srgb, var(--fkj-premium-green) 35%, var(--fkj-premium-surface)), var(--fkj-premium-green)); font-size: 1.12rem; font-weight: 600; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-avatar img { width: 100%; height: 100%; object-fit: cover; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-avatar span { display: grid; width: 100%; height: 100%; place-items: center; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-loyalty-badge { display: inline-flex; align-items: center; gap: .25rem; padding: .25rem .55rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 12%, transparent); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 38%, transparent); border-radius: 999px; font-size: .66rem; white-space: nowrap; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-next-delivery, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-showcase, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-rating, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-milestone-teaser { margin-top: .85rem; padding: 1rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius); box-shadow: 0 12px 32px rgba(0, 0, 0, .1); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance { position: relative; overflow: hidden; color: var(--fkj-ink); background: radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--fkj-premium-green) 20%, transparent), transparent 9rem), var(--fkj-premium-surface); border-color: color-mix(in srgb, var(--fkj-premium-green) 38%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance::after { content: ''; position: absolute; inset-block-start: -.8rem; inset-inline-end: -.7rem; width: 5rem; height: 5rem; border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 22%, transparent); border-radius: 50%; pointer-events: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance h2 { margin: .2rem 0; font-size: 1.65rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance small { color: var(--fkj-muted); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-balance-head > strong { z-index: 1; padding: .34rem .62rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 12%, transparent); border-radius: 999px; font-size: .76rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-progress { height: .5rem; margin-top: .9rem; background: color-mix(in srgb, var(--fkj-line) 68%, transparent); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-progress span { background: var(--fkj-premium-green); box-shadow: 0 0 14px color-mix(in srgb, var(--fkj-premium-green) 34%, transparent); transition: width .38s cubic-bezier(.2,.8,.2,1); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-delivery-line { margin-top: .8rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-next-delivery h3 { margin-bottom: .6rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-home-fulfillment-evidence { padding: .3rem .55rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 12%, transparent); border-radius: 999px; font-size: .72rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-section-heading { display: flex; justify-content: space-between; gap: .8rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card { align-items: center; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card > div { min-width: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card small, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-section-heading small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card strong { margin-top: .28rem; line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card .fkj-primary { flex: 0 0 8.8rem; min-height: 2.75rem; padding-inline: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-section-heading { align-items: end; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-section-heading h3 { margin: .18rem 0 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-text-action { min-height: 2.3rem; padding: .35rem .55rem; color: var(--fkj-premium-green-strong); background: transparent; border: 0; text-decoration: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-carousel { display: flex; gap: .75rem; margin-top: .85rem; padding: .1rem .05rem .55rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-carousel::-webkit-scrollbar { display: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card { flex: 0 0 12rem; overflow: hidden; scroll-snap-align: start; background: var(--fkj-premium-surface-raised); border: 1px solid var(--fkj-premium-line); border-radius: 15px; box-shadow: 0 10px 22px rgba(0, 0, 0, .1); transition: transform .2s ease, border-color .2s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card-image { height: 7.25rem; background-position: center; background-size: cover; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card-copy { padding: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card-copy strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card-copy small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-weekly-card-copy small { margin-top: .28rem; color: var(--fkj-muted); font-size: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-rating textarea { margin: .7rem 0; } #fitness-kitchen-complete-journey .fkj-theme-settings { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 1.15fr); align-items: center; gap: .85rem; margin: 0 0 1rem; padding: .9rem; border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius); background: var(--fkj-premium-surface); } #fitness-kitchen-complete-journey .fkj-theme-settings strong, #fitness-kitchen-complete-journey .fkj-theme-settings small { display: block; } #fitness-kitchen-complete-journey .fkj-theme-settings small { margin-top: .25rem; color: var(--fkj-muted); font-size: .72rem; line-height: 1.55; } #fitness-kitchen-complete-journey .fkj-theme-settings .fkj-theme-options { --surface-2: var(--fkj-premium-surface-raised); --border: var(--fkj-premium-line); --muted: var(--fkj-muted); --accent: var(--fkj-premium-green); --accent-contrast: #07140a; } #fitness-kitchen-complete-journey .fkj-weekly-empty { padding: 1.2rem; border: 1px dashed var(--fkj-premium-line); border-radius: 14px; color: var(--fkj-muted); background: var(--fkj-premium-surface-raised); text-align: center; line-height: 1.6; } @media (max-width: 560px) { #fitness-kitchen-complete-journey .fkj-theme-settings { grid-template-columns: 1fr; } } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-rating-description { display: block; min-height: 1.4rem; margin-top: .35rem; color: var(--fkj-premium-green-strong); text-align: center; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-milestone-teaser { background: linear-gradient(135deg, color-mix(in srgb, var(--fkj-premium-gold) 12%, var(--fkj-premium-surface)), var(--fkj-premium-surface)); border-color: color-mix(in srgb, var(--fkj-premium-gold) 34%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-milestone-teaser strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-milestone-teaser small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-milestone-teaser small { margin-top: .3rem; color: var(--fkj-muted); } /* My meals */ #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-screen="8"] .fkj-meal-top { align-items: end; margin-bottom: .85rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-screen="8"] .fkj-meal-top h2 { margin-bottom: .25rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-cutoff { margin: 0; color: var(--fkj-muted); font-size: .72rem; line-height: 1.6; } #fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-meal-counter { --fkj-selection-progress: 0%; width: 4.2rem; height: 4.2rem; display: grid; place-items: center; flex: 0 0 auto; padding: .55rem; direction: ltr; color: var(--fkj-ink); background: radial-gradient(circle, var(--fkj-premium-surface) 58%, transparent 60%), conic-gradient(var(--fkj-premium-green) var(--fkj-selection-progress), color-mix(in srgb, var(--fkj-line) 72%, transparent) 0); border-radius: 50%; font-size: .62rem; line-height: 1.35; text-align: center; transition: background .3s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-start-notice { margin-bottom: .85rem; padding: .72rem .82rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 9%, var(--fkj-premium-surface)); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 24%, var(--fkj-premium-line)); border-radius: 14px; font-size: .76rem; line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker { display: flex; grid-template-columns: none; gap: .5rem; margin: 0 -.05rem .9rem; padding: .05rem .05rem .45rem; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker::-webkit-scrollbar { display: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker button { min-width: 5.25rem; min-height: 3.35rem; display: grid; place-items: center; gap: .1rem; flex: 0 0 auto; padding: .45rem .65rem; scroll-snap-align: start; color: var(--fkj-muted); background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 999px; transition: transform .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker button strong { font-size: .75rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker button small { font-size: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker button[aria-pressed="true"] { color: #06150b; background: var(--fkj-premium-green); border-color: var(--fkj-premium-green); box-shadow: 0 8px 20px color-mix(in srgb, var(--fkj-premium-green) 20%, transparent); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-day-picker button:disabled { opacity: .38; text-decoration: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-panel { margin-bottom: .7rem; padding: .9rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius) var(--fkj-premium-radius) 12px 12px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-panel h3 { margin-bottom: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid div { min-width: 0; padding: .62rem .35rem; color: var(--fkj-ink); background: var(--fkj-premium-surface-raised); border: 1px solid var(--fkj-premium-line); border-radius: 13px; text-align: center; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-quota-grid small { margin-top: .2rem; color: var(--fkj-muted); font-size: .66rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition { display: grid; grid-template-columns: repeat(4, 1fr); gap: .4rem; margin-bottom: .9rem; padding: .8rem; color: var(--fkj-ink); background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 12px 12px var(--fkj-premium-radius) var(--fkj-premium-radius); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition div { position: relative; min-width: 0; padding: .62rem .2rem .5rem; overflow: hidden; background: var(--fkj-premium-surface-raised); border: 1px solid var(--fkj-premium-line); border-radius: 13px; text-align: center; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition div::before { content: ''; position: absolute; inset: 0 auto auto 0; width: 100%; height: 3px; background: var(--macro-accent, var(--fkj-premium-green)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition div:nth-child(1) { --macro-accent: #e7823b; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition div:nth-child(2) { --macro-accent: #47cc72; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition div:nth-child(3) { --macro-accent: #dbb82f; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition div:nth-child(4) { --macro-accent: #e6a949; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition strong { direction: ltr; unicode-bidi: isolate; font-size: .92rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition small { margin-top: .22rem; color: var(--fkj-muted); font-size: .64rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-daily-nutrition.is-updating strong { animation: fkj-metric-pop .28s ease-out; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meals { display: grid; gap: .72rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-row { display: grid; grid-template-columns: 6.6rem minmax(0, 1fr); gap: .75rem; padding: .62rem; overflow: hidden; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius); box-shadow: 0 10px 26px rgba(0, 0, 0, .1); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-row[data-selected="true"] { border-color: color-mix(in srgb, var(--fkj-premium-green) 48%, var(--fkj-premium-line)); box-shadow: 0 10px 28px rgba(0, 0, 0, .12), 0 0 0 1px color-mix(in srgb, var(--fkj-premium-green) 15%, transparent); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-row[data-disabled="true"] { opacity: .52; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-photo { width: 100%; min-height: 6.6rem; aspect-ratio: 1; border-radius: 14px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-heading { display: flex; align-items: start; justify-content: space-between; gap: .45rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-heading strong { line-height: 1.5; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-type { flex: 0 0 auto; padding: .22rem .42rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 11%, transparent); border-radius: 999px; font-size: .62rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-kcal { margin: .28rem 0; font-size: .76rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-macros { gap: .28rem .48rem; font-size: .65rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-actions { margin-top: .45rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-counter { gap: .4rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-counter button { width: 2.15rem; height: 2.15rem; color: var(--fkj-ink); background: var(--fkj-premium-surface-raised); border-color: var(--fkj-premium-line); border-radius: 50%; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-counter button[data-plus] { color: #06150b; background: var(--fkj-premium-green); border-color: var(--fkj-premium-green); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-note { margin-top: .5rem; background: var(--fkj-premium-surface-raised); border-color: var(--fkj-premium-line); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-dessert-menu { margin-top: .9rem; padding: .9rem; background: color-mix(in srgb, var(--fkj-premium-green) 8%, var(--fkj-premium-surface)); border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-dessert-menu p { color: var(--fkj-muted); } #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-screen="8"] .fkj-actions { grid-template-columns: auto auto minmax(0, 1fr); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-menu-empty-state { display: grid; justify-items: center; gap: .4rem; margin: .2rem 0 1rem; padding: 2rem 1.1rem; color: var(--fkj-ink); background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius); text-align: center; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-menu-empty-state small { max-width: 18rem; color: var(--fkj-muted); line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-menu-empty-state:not([hidden]) ~ .fkj-meal-edit-status { display: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-meal-save-note { margin: .65rem 0 0; color: var(--muted); font-size: .76rem; line-height: 1.55; text-align: center; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-empty-cloche { position: relative; width: 6.6rem; height: 4.6rem; margin-bottom: .55rem; color: var(--fkj-premium-green-strong); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-empty-cloche::before { content: ''; position: absolute; inset: 1rem 1rem .55rem; border: .28rem solid currentColor; border-bottom: 0; border-radius: 4rem 4rem .5rem .5rem; opacity: .86; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-empty-cloche::after { content: ''; position: absolute; inset-inline: .25rem; bottom: .2rem; height: .3rem; background: currentColor; border-radius: 999px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-empty-cloche span { position: absolute; top: .35rem; left: 50%; width: .7rem; height: .7rem; transform: translateX(-50%); border: .2rem solid currentColor; border-radius: 50%; } /* Account, subscription and achievements */ #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-head { display: flex; align-items: start; justify-content: space-between; gap: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-head p { max-width: 18rem; color: var(--fkj-muted); font-size: .76rem; line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-account-home { min-height: 2.55rem; padding: .45rem .7rem; font-size: .72rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-tabs { display: flex; grid-template-columns: none; gap: .45rem; margin: .15rem 0 1rem; padding: .12rem 0 .5rem; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-tabs::-webkit-scrollbar { display: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-tabs button { min-width: max-content; min-height: 2.65rem; flex: 0 0 auto; padding: .55rem .82rem; scroll-snap-align: start; color: var(--fkj-muted); background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 999px; transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-account-tabs button[aria-pressed="true"] { color: #06150b; background: var(--fkj-premium-olive); border-color: var(--fkj-premium-olive); box-shadow: 0 8px 18px color-mix(in srgb, var(--fkj-premium-olive) 20%, transparent); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: 0 0 1.15rem; padding: 1.05rem; overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--fkj-premium-green) 8%, var(--fkj-premium-surface)), var(--fkj-premium-surface)); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 42%, var(--fkj-premium-line)); border-radius: 20px; box-shadow: 0 16px 38px rgba(0, 0, 0, .15); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card::after { content: 'FITNESS KITCHEN'; position: absolute; inset-inline-end: -1.2rem; inset-block-start: 2.6rem; transform: rotate(-90deg); color: color-mix(in srgb, var(--fkj-premium-green) 10%, transparent); font-size: .58rem; letter-spacing: .16em; pointer-events: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card .fkj-summary-line { display: grid; align-content: start; gap: .25rem; min-width: 0; margin: 0; padding: .7rem; background: color-mix(in srgb, var(--fkj-premium-surface-raised) 78%, transparent); border: 1px solid var(--fkj-premium-line); border-radius: 13px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card .fkj-summary-line + .fkj-summary-line { margin: 0; padding-top: .7rem; border-top: 1px solid var(--fkj-premium-line); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card .fkj-summary-line span { color: var(--fkj-muted); font-size: .66rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card .fkj-summary-line strong { overflow-wrap: anywhere; font-size: .82rem; line-height: 1.5; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card .fkj-summary-line:first-child { grid-column: 1 / -1; padding: .15rem .15rem .55rem; background: transparent; border: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card .fkj-summary-line:first-child strong { color: var(--fkj-premium-green-strong); font-size: 1.2rem; text-transform: uppercase; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card .fkj-summary-line:nth-child(8) strong { justify-self: start; padding: .25rem .52rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 12%, transparent); border-radius: 999px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-card .fkj-summary-line:nth-child(9) { grid-column: 1 / -1; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-progress { grid-column: 1 / -1; padding: .05rem .15rem .2rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-membership-progress .fkj-progress { margin: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-freeze-request { width: 100%; min-height: 3.4rem; color: #1b0e03; background: var(--fkj-premium-amber); border-color: var(--fkj-premium-amber); box-shadow: 0 10px 24px color-mix(in srgb, var(--fkj-premium-amber) 20%, transparent); } #fitness-kitchen-complete-journey.fkj-customer-authenticated #fkj-account-delivery-window, #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-account-panel="profile"], #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-account-panel="addresses"] { margin-top: 1rem; padding: 1rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-calendar { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-calendar button { min-height: 4.35rem; padding: .5rem; color: var(--fkj-ink); background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 13px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-calendar button small { display: block; margin-top: .28rem; color: var(--fkj-muted); font-size: .62rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-history-list { display: grid; gap: .6rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-history-item { padding: .85rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 14px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-history-item small { display: block; margin-top: .3rem; color: var(--fkj-muted); line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-account-panel="achievements"] { position: relative; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-summary { position: relative; min-height: 8.2rem; display: grid; align-content: end; margin-top: 0; padding: 1.1rem 1rem; overflow: hidden; color: var(--fkj-ink); background: radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--fkj-premium-gold) 32%, transparent), transparent 5rem), linear-gradient(145deg, color-mix(in srgb, var(--fkj-premium-gold) 9%, var(--fkj-premium-surface)), var(--fkj-premium-surface)); border: 1px solid color-mix(in srgb, var(--fkj-premium-gold) 34%, var(--fkj-premium-line)); border-radius: 20px; font-size: 1rem; font-weight: 500; animation: fkj-card-rise .32s ease-out both; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-summary::before { content: '🏆'; position: absolute; inset-block-start: .8rem; inset-inline-end: 1rem; font-size: 3rem; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .22)); animation: fkj-trophy-in .55s ease-out both; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievements-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: .75rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card { position: relative; min-height: 8.3rem; padding: .9rem; overflow: hidden; background: var(--fkj-premium-surface); border: 1px solid var(--achievement-accent, var(--fkj-premium-line)); border-radius: 16px; animation: fkj-card-rise .32s ease-out both; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card:nth-child(4n + 1) { --achievement-accent: color-mix(in srgb, var(--fkj-premium-green) 36%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card:nth-child(4n + 2) { --achievement-accent: color-mix(in srgb, var(--fkj-premium-gold) 40%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card:nth-child(4n + 3) { --achievement-accent: color-mix(in srgb, #4899df 38%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card:nth-child(4n + 4) { --achievement-accent: color-mix(in srgb, #e7823b 38%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card b { display: block; margin-bottom: .55rem; font-size: 1.7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card strong { line-height: 1.5; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-achievement-card small { margin-top: .3rem; color: var(--fkj-muted); font-size: .68rem; line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-upcoming-achievement { margin-top: .7rem; padding: .9rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 8%, var(--fkj-premium-surface)); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 24%, var(--fkj-premium-line)); border-radius: 15px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-photo-editor { display: flex; align-items: flex-start; gap: .85rem; margin-bottom: 1rem; padding: .9rem; background: var(--fkj-premium-surface-raised); border: 1px solid var(--fkj-premium-line); border-radius: 15px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-photo-editor .fkj-avatar { width: 4.35rem; height: 4.35rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-photo-editor strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-photo-editor small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-photo-editor small { margin: .25rem 0 .55rem; color: var(--fkj-muted); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-file { position: relative; min-height: 2.4rem; padding: .45rem .7rem; overflow: hidden; cursor: pointer; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-file input { position: absolute; width: 1px; height: 1px; opacity: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-actions { display: flex; align-items: center; gap: .7rem; margin-top: .8rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-logout-action { width: 100%; min-height: 3.3rem; display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: 1.35rem; color: var(--fkj-danger); background: transparent; border: 1px solid color-mix(in srgb, var(--fkj-danger) 38%, var(--fkj-premium-line)); border-radius: var(--fkj-premium-control-radius); } /* More hub and static information pages */ #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-screen { padding-bottom: 1.2rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-view:not([hidden]) { display: block; animation: fkj-content-enter .24s ease-out both; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-hero { position: relative; min-height: 8.2rem; display: flex; align-items: center; gap: 1rem; padding: 1.15rem; overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--fkj-premium-green) 11%, var(--fkj-premium-surface)), var(--fkj-premium-surface)); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 24%, var(--fkj-premium-line)); border-radius: 20px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-hero::after { content: ''; position: absolute; inset: auto -3rem -4.5rem auto; width: 11rem; height: 11rem; background: color-mix(in srgb, var(--fkj-premium-green) 8%, transparent); border-radius: 50%; pointer-events: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-mark { position: relative; z-index: 1; width: 3.4rem; height: 3.4rem; flex: 0 0 auto; display: grid; place-items: center; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 12%, transparent); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 26%, transparent); border-radius: 17px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-mark svg { width: 1.45rem; height: 1.45rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-hero > div { position: relative; z-index: 1; min-width: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-hero small { color: var(--fkj-premium-green-strong); font-weight: 700; letter-spacing: .04em; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-hero h2 { margin: .15rem 0 .32rem; font-size: clamp(1.55rem, 7vw, 2rem); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-hero p { margin: 0; color: var(--fkj-muted); font-size: .8rem; line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu { display: grid; gap: .62rem; margin-top: .9rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu button { width: 100%; min-height: 4rem; display: grid; grid-template-columns: 2.65rem minmax(0, 1fr) auto; align-items: center; gap: .78rem; padding: .68rem .78rem; color: var(--fkj-ink); text-align: start; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 16px; box-shadow: 0 8px 22px rgba(0, 0, 0, .07); transition: transform .18s ease, border-color .18s ease, background-color .18s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu button:active { transform: scale(.985); background: var(--fkj-premium-surface-raised); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu button:focus-visible { outline: 2px solid var(--fkj-premium-green-strong); outline-offset: 2px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu-icon { width: 2.65rem; height: 2.65rem; display: grid; place-items: center; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 10%, transparent); border-radius: 13px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu button > span:nth-child(2) { min-width: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu strong { font-size: .84rem; line-height: 1.5; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-menu small { margin-top: .13rem; color: var(--fkj-muted); font-size: .66rem; line-height: 1.45; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-chevron { color: var(--fkj-muted); transition: transform .18s ease; } #fitness-kitchen-complete-journey .fkj-pwa-install-entry[hidden], #fitness-kitchen-complete-journey .fkj-pwa-sheet[hidden] { display: none !important; } #fitness-kitchen-complete-journey .fkj-pwa-sheet { position: fixed; z-index: 1200; inset: 0; display: flex; align-items: flex-end; justify-content: center; padding: 1rem; background: rgba(5, 12, 7, .62); backdrop-filter: blur(5px); } #fitness-kitchen-complete-journey .fkj-pwa-sheet-card { position: relative; width: min(100%, 32rem); padding: 1.4rem 1.25rem calc(1.35rem + env(safe-area-inset-bottom)); overflow-wrap: anywhere; color: var(--fkj-ink); background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 24px 24px 18px 18px; box-shadow: 0 22px 55px rgba(0, 0, 0, .3); } #fitness-kitchen-complete-journey .fkj-pwa-sheet-close { position: absolute; inset-block-start: .85rem; inset-inline-end: .85rem; width: 2.55rem; height: 2.55rem; display: grid; place-items: center; color: var(--fkj-ink); background: var(--fkj-premium-surface-raised); border: 1px solid var(--fkj-premium-line); border-radius: 50%; } #fitness-kitchen-complete-journey .fkj-pwa-sheet-close:focus-visible { outline: 3px solid var(--fkj-premium-green-strong); outline-offset: 2px; } #fitness-kitchen-complete-journey .fkj-pwa-sheet-icon { width: 3.2rem; height: 3.2rem; display: grid; place-items: center; margin-bottom: .8rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 12%, transparent); border-radius: 16px; } #fitness-kitchen-complete-journey .fkj-pwa-sheet h2 { margin: 0; padding-inline-end: 3rem; font-size: 1.15rem; line-height: 1.5; } #fitness-kitchen-complete-journey .fkj-pwa-sheet p { margin: .55rem 0 .85rem; color: var(--fkj-muted); font-size: .82rem; line-height: 1.65; } #fitness-kitchen-complete-journey .fkj-pwa-sheet ol { display: grid; gap: .65rem; margin: 0; padding-inline-start: 1.5rem; } #fitness-kitchen-complete-journey .fkj-pwa-sheet li { padding-inline-start: .3rem; font-size: .84rem; font-weight: 700; line-height: 1.65; } html.fkj-pwa-modal-open { overflow: hidden; } @media (min-width: 48rem) { #fitness-kitchen-complete-journey .fkj-pwa-sheet { align-items: center; } #fitness-kitchen-complete-journey .fkj-pwa-sheet-card { border-radius: 24px; } } #fitness-kitchen-complete-journey[dir="ltr"].fkj-customer-authenticated .fkj-more-chevron { transform: rotate(180deg); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-page-head { min-height: 3.1rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .6rem; margin-bottom: .85rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-page-head::after { content: ''; width: 3.3rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-page-head h2 { margin: 0; font-size: clamp(.98rem, 4.6vw, 1.12rem); line-height: 1.45; text-align: center; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-page-head button { min-width: 3.3rem; min-height: 2.7rem; display: inline-flex; align-items: center; gap: .3rem; padding: .4rem .55rem; color: var(--fkj-ink); background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 999px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-page-head button span { font-size: .7rem; } #fitness-kitchen-complete-journey[dir="ltr"].fkj-customer-authenticated .fkj-more-page-head button svg { transform: rotate(180deg); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-page-intro { margin: 0 0 .9rem; color: var(--fkj-muted); font-size: .78rem; line-height: 1.75; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-about-hero { position: relative; padding: 1.2rem; overflow: hidden; background: linear-gradient(150deg, color-mix(in srgb, var(--fkj-premium-green) 13%, var(--fkj-premium-surface)), var(--fkj-premium-surface)); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 26%, var(--fkj-premium-line)); border-radius: 20px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-about-hero::after { content: ''; position: absolute; inset: -4.5rem auto auto -4.5rem; width: 10rem; height: 10rem; background: color-mix(in srgb, var(--fkj-premium-green) 7%, transparent); border-radius: 50%; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-about-hero-mark { width: 3rem; height: 3rem; display: grid; place-items: center; margin-bottom: .8rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 11%, transparent); border-radius: 15px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-about-hero small { color: var(--fkj-premium-green-strong); font-weight: 700; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-about-hero h3 { margin: .2rem 0 .45rem; font-size: 1.18rem; line-height: 1.55; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-about-hero p, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-story-sections p, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-ambition-card p { margin: 0; color: var(--fkj-muted); font-size: .76rem; line-height: 1.85; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-story-sections { display: grid; gap: .65rem; margin-top: .75rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-story-sections article, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-ambition-card { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .75rem; padding: .9rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 16px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-story-sections article > span, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-ambition-card > span { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 10%, transparent); border-radius: 12px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-story-sections h3, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-ambition-card h3 { margin: 0 0 .25rem; font-size: .9rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-values-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin-top: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-values-grid article { min-height: 7.2rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: .85rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 16px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-values-grid svg { margin-bottom: .65rem; color: var(--fkj-premium-green-strong); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-values-grid strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-values-grid small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-values-grid small { margin-top: .22rem; color: var(--fkj-muted); font-size: .66rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-ambition-card { margin-top: .7rem; border-color: color-mix(in srgb, var(--fkj-premium-green) 24%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-policy-list { display: grid; gap: .62rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-policy-list article { padding: .9rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 15px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-policy-list h3 { margin: 0 0 .35rem; color: var(--fkj-ink); font-size: .82rem; line-height: 1.55; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-policy-list p { margin: 0; color: var(--fkj-muted); font-size: .72rem; line-height: 1.8; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-branches, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-faq { margin-top: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-list { display: grid; gap: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-card { display: grid; grid-template-columns: 2.65rem minmax(0, 1fr); gap: .72rem; padding: .85rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius); box-shadow: 0 10px 24px rgba(0, 0, 0, .09); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-card > svg { width: 2.65rem; height: 2.65rem; padding: .72rem; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 11%, transparent); border-radius: 50%; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-copy { min-width: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-copy strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-copy small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-copy small { margin-top: .28rem; color: var(--fkj-muted); line-height: 1.65; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-map { grid-column: 1 / -1; min-height: 3rem; display: flex; align-items: center; justify-content: center; gap: .4rem; color: var(--fkj-ink); background: color-mix(in srgb, var(--fkj-premium-green) 10%, var(--fkj-premium-surface-raised)); border: 1px solid color-mix(in srgb, var(--fkj-premium-green) 32%, var(--fkj-premium-line)); border-radius: 13px; text-decoration: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-branch-map svg { color: var(--fkj-premium-green-strong); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-faq { padding: 1rem; background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: var(--fkj-premium-radius); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-faq details { padding: .82rem 0; border-bottom: 1px solid var(--fkj-premium-line); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-faq details:last-child { border-bottom: 0; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-faq summary { cursor: pointer; font-weight: 500; line-height: 1.6; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-faq p { margin: .65rem 0 0; color: var(--fkj-muted); line-height: 1.8; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-faq details { padding: 0; overflow: hidden; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-faq summary { position: relative; min-height: 3.8rem; display: flex; align-items: center; padding-block: .8rem; padding-inline-end: 2rem; list-style: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-faq summary::-webkit-details-marker { display: none; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-faq summary::after { content: '+'; position: absolute; inset-inline-end: .15rem; width: 1.65rem; height: 1.65rem; display: grid; place-items: center; color: var(--fkj-premium-green-strong); background: color-mix(in srgb, var(--fkj-premium-green) 10%, transparent); border-radius: 50%; font-size: 1.05rem; transition: transform .2s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-faq details[open] summary::after { transform: rotate(45deg); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-more-faq details p { padding: 0 .1rem .9rem; animation: fkj-content-enter .2s ease-out both; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-list { display: grid; gap: .7rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-row { min-height: 4.3rem; display: grid; grid-template-columns: 3rem minmax(0, 1fr) auto; align-items: center; gap: .8rem; padding: .72rem .8rem; color: var(--fkj-ink); background: var(--fkj-premium-surface); border: 1px solid var(--fkj-premium-line); border-radius: 17px; text-decoration: none; transition: transform .18s ease, border-color .18s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-row:active { transform: scale(.985); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-row:focus-visible { outline: 2px solid var(--fkj-premium-green-strong); outline-offset: 2px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-icon { width: 3rem; height: 3rem; display: grid; place-items: center; color: #fff; border-radius: 14px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-whatsapp { border-color: color-mix(in srgb, #25d366 34%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-whatsapp .fkj-social-icon { background: #1fae59; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-instagram { border-color: color-mix(in srgb, #c94d86 30%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-instagram .fkj-social-icon { background: #ad376a; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-facebook { border-color: color-mix(in srgb, #3b82d0 30%, var(--fkj-premium-line)); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-facebook .fkj-social-icon { background: #2768c7; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-row strong, #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-row small { display: block; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-row small { margin-top: .18rem; color: var(--fkj-muted); font-size: .68rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-social-row > svg { color: var(--fkj-muted); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* Bottom navigation and footer */ #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav { position: fixed; z-index: 40; left: 50%; right: auto; bottom: 0; width: min(100vw, 430px); max-width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); padding: .42rem max(.5rem, env(safe-area-inset-right)) calc(.42rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left)); transform: translateX(-50%); background: color-mix(in srgb, var(--fkj-premium-surface) 92%, transparent); border-top: 1px solid var(--fkj-premium-line); box-shadow: 0 -12px 32px rgba(0, 0, 0, .14); backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav button { position: relative; min-height: 3.25rem; display: grid; place-items: center; align-content: center; gap: .23rem; padding: .35rem .15rem; color: var(--fkj-muted); background: transparent; border: 0; border-radius: 13px; font-size: .61rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav button::before { content: ''; position: absolute; inset: .15rem .42rem; z-index: -1; border-radius: 12px; opacity: 0; background: color-mix(in srgb, var(--fkj-premium-green) 12%, transparent); transition: opacity .18s ease; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav button[aria-pressed="true"] { color: var(--fkj-premium-green-strong); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav button[aria-pressed="true"]::before { opacity: 1; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-bottom-nav svg { width: 1.15rem; height: 1.15rem; stroke-width: 2; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-customer-footer { padding: 1.1rem 1rem 1.4rem; color: var(--fkj-muted); font-size: .68rem; text-align: center; } /* Existing guest/profile/celebration pieces kept visually aligned. */ #fitness-kitchen-complete-journey .fkj-promo-box { margin-top: 1rem; padding: 1rem; border: 1px solid var(--fkj-line); border-radius: 1rem; background: var(--fkj-surface); } #fitness-kitchen-complete-journey .fkj-promo-row { display: flex; gap: .5rem; } #fitness-kitchen-complete-journey .fkj-promo-row input { flex: 1; } #fitness-kitchen-complete-journey .fkj-zone-status { min-height: 1.4em; color: var(--fkj-green-deep); font-weight: 700; } #fitness-kitchen-complete-journey .fkj-milestone-celebration { position: fixed; z-index: 80; inset-inline: 50%; top: 5rem; width: min(calc(100% - 2rem), 34rem); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .75rem; padding: 1rem; transform: translateX(50%); background: var(--fkj-surface); border: 1px solid var(--fkj-green); border-radius: 1rem; box-shadow: 0 18px 50px var(--fkj-shadow); animation: fkj-celebration-in .28s ease-out; } #fitness-kitchen-complete-journey .fkj-milestone-celebration h3, #fitness-kitchen-complete-journey .fkj-milestone-celebration p { margin: .15rem 0; } #fitness-kitchen-complete-journey .fkj-celebration-icon { font-size: 2rem; } #fitness-kitchen-complete-journey #fkj-close-celebration { align-self: start; min-height: 2rem; padding: .1rem .45rem; color: var(--fkj-muted); background: transparent; border: 0; font-size: 1.3rem; } @keyframes fkj-content-enter { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } } @keyframes fkj-card-rise { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } } @keyframes fkj-metric-pop { 0% { opacity: .58; transform: scale(.94); } 100% { opacity: 1; transform: scale(1); } } @keyframes fkj-trophy-in { from { opacity: 0; transform: translateY(7px) rotate(-7deg) scale(.88); } to { opacity: 1; transform: translateY(0) rotate(0) scale(1); } } @keyframes fkj-celebration-in { from { opacity: 0; transform: translate(50%, -12px); } to { opacity: 1; transform: translate(50%, 0); } } @media (max-width: 420px) { #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head { justify-content: flex-end; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head .fkj-brand { position: absolute; left: 50%; transform: translateX(-50%); } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head .fkj-brand span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-screen { padding-inline: 1rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card { align-items: stretch; flex-direction: column; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-tomorrow-card .fkj-primary { width: 100%; flex-basis: auto; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-profile-actions { align-items: stretch; flex-direction: column; } #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-screen="8"] .fkj-actions { grid-template-columns: 1fr 1fr; } #fitness-kitchen-complete-journey.fkj-customer-authenticated [data-screen="8"] .fkj-actions .fkj-primary { grid-column: 1 / -1; } } @media (min-width: 700px) { #fitness-kitchen-complete-journey.fkj-customer-authenticated { padding-block: 1.25rem; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-shell { min-height: calc(100dvh - 2.5rem); border-radius: 26px; } #fitness-kitchen-complete-journey.fkj-customer-authenticated .fkj-app-head { border-radius: 26px 26px 0 0; } } @media (prefers-reduced-motion: reduce) { #fitness-kitchen-complete-journey *, #fitness-kitchen-complete-journey *::before, #fitness-kitchen-complete-journey *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } /* Customer settings */ .fkj-settings-screen{padding-bottom:calc(96px + env(safe-area-inset-bottom));}.fkj-settings-view{display:grid;gap:16px}.fkj-settings-group,.fkj-account-actions{display:grid;gap:10px}.fkj-settings-group>h3,.fkj-account-actions>h3{margin:0;color:var(--muted);font-size:.82rem}.fkj-settings-control{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.fkj-settings-control>div:nth-child(2){display:grid;gap:3px}.fkj-settings-control small{color:var(--muted)}.fkj-settings-language{position:static!important;inset:auto!important;margin:0!important}.fkj-settings-theme{grid-template-columns:42px minmax(0,1fr)}.fkj-settings-theme .fkj-theme-options{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.fkj-settings-form{display:grid;gap:14px}.fkj-settings-form textarea{min-height:150px;resize:vertical}.fkj-notification-list{display:grid;gap:10px}.fkj-notification-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:17px;background:var(--surface);cursor:pointer}.fkj-notification-row>span{display:grid;gap:5px}.fkj-notification-row small{color:var(--muted);line-height:1.5}.fkj-notification-row input{position:absolute;opacity:0;pointer-events:none}.fkj-notification-row>i{position:relative;width:46px;height:26px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);transition:.2s}.fkj-notification-row>i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:.2s}.fkj-notification-row input:checked+i{background:color-mix(in srgb,var(--accent) 38%,var(--surface));border-color:var(--accent)}.fkj-notification-row input:checked+i::after{inset-inline-start:23px;background:var(--accent)}.fkj-notification-row input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}.fkj-feedback-hero,.fkj-delete-warning{padding:20px;border:1px solid var(--border);border-radius:19px;background:var(--surface);text-align:center}.fkj-feedback-hero>svg,.fkj-delete-warning>svg{width:36px;height:36px;color:var(--accent)}.fkj-feedback-hero h3,.fkj-delete-warning h3{margin:10px 0 6px}.fkj-feedback-hero p,.fkj-delete-warning p{margin:0;color:var(--muted);line-height:1.65}.fkj-delete-warning{border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.fkj-delete-warning>svg{color:var(--warning)}.fkj-delete-account-action,.fkj-delete-account-primary{width:100%;min-height:52px;border-radius:15px;border:1px solid color-mix(in srgb,var(--danger) 50%,var(--border));background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);font:inherit;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.fkj-confirm-delete{display:flex;align-items:flex-start;gap:10px;color:var(--muted);line-height:1.5}.fkj-confirm-delete input{margin-top:4px}.fkj-app-version{text-align:center;color:var(--muted);font-size:.78rem;margin:6px 0 0}.fkj-app-version b{font-variant-numeric:tabular-nums}.fkj-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}.fkj-bottom-nav button{min-width:0;padding-inline:2px!important}.fkj-bottom-nav span{font-size:clamp(.58rem,2.3vw,.71rem);white-space:nowrap} @media(max-width:430px){.fkj-settings-control{grid-template-columns:38px minmax(0,1fr) auto;padding:12px;gap:9px}.fkj-settings-language button{padding-inline:8px}.fkj-bottom-nav svg{width:19px;height:19px}} /* Effective subscription delivery and pickup management */ #fitness-kitchen-complete-journey .fkj-fulfillment-panel{display:grid;gap:16px;padding-bottom:18px} #fitness-kitchen-complete-journey .fkj-fulfillment-current{padding:18px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));box-shadow:0 12px 28px color-mix(in srgb,var(--bg) 32%,transparent)} #fitness-kitchen-complete-journey .fkj-fulfillment-current>small{color:var(--muted)} #fitness-kitchen-complete-journey .fkj-fulfillment-current>div{display:flex;align-items:center;gap:12px;margin-top:10px} #fitness-kitchen-complete-journey .fkj-fulfillment-current strong{display:block;font-size:1.05rem} #fitness-kitchen-complete-journey .fkj-fulfillment-current p{margin:4px 0 0;color:var(--muted);line-height:1.6} #fitness-kitchen-complete-journey .fkj-fulfillment-current>p{padding-top:10px;border-top:1px solid var(--border);color:var(--accent)} #fitness-kitchen-complete-journey .fkj-fulfillment-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));transition:transform .2s ease} #fitness-kitchen-complete-journey .fkj-fulfillment-current:hover .fkj-fulfillment-icon{transform:translateY(-2px)} #fitness-kitchen-complete-journey .fkj-fulfillment-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)} #fitness-kitchen-complete-journey .fkj-fulfillment-switch button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-weight:750;transition:background .2s ease,color .2s ease,transform .2s ease} #fitness-kitchen-complete-journey .fkj-fulfillment-switch button[aria-pressed="true"]{color:var(--accent-contrast);background:var(--accent);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 24%,transparent)} #fitness-kitchen-complete-journey .fkj-fulfillment-switch button:active{transform:scale(.98)} #fitness-kitchen-complete-journey .fkj-fulfillment-switch svg{width:19px;height:19px} #fitness-kitchen-complete-journey .fkj-fulfillment-cutoff{margin:0;color:var(--muted);font-size:.78rem;line-height:1.7;text-align:center} #fitness-kitchen-complete-journey .fkj-fulfillment-confirm{display:grid;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:18px;background:var(--surface);animation:fkj-content-enter .2s ease-out both} #fitness-kitchen-complete-journey .fkj-fulfillment-confirm h3{margin:0} #fitness-kitchen-complete-journey .fkj-fulfillment-confirm>div:first-of-type{display:grid;gap:0} #fitness-kitchen-complete-journey .fkj-fulfillment-confirm>div>p{color:var(--warning);line-height:1.6} #fitness-kitchen-complete-journey .fkj-fulfillment-confirm .fkj-actions{grid-template-columns:1fr 1fr} @media(max-width:430px){#fitness-kitchen-complete-journey .fkj-account-tabs{overflow-x:auto;scrollbar-width:none}#fitness-kitchen-complete-journey .fkj-account-tabs button{flex:0 0 auto;min-height:44px}#fitness-kitchen-complete-journey .fkj-fulfillment-current{padding:15px}} .fkj-device-push{display:grid;gap:14px;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:17px;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.fkj-device-push>div:first-child{display:grid;gap:6px}.fkj-device-push small{color:var(--muted);line-height:1.55}.fkj-device-push-actions{display:flex;gap:9px;flex-wrap:wrap}.fkj-device-push-actions button{flex:1;min-width:min(100%,190px)} /* Customer delivery address map and address-book controls */ #fitness-kitchen-complete-journey .fkj-address-editor{display:grid;gap:14px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface)} #fitness-kitchen-complete-journey .fkj-address-editor[hidden]{display:none} #fitness-kitchen-complete-journey .fkj-address-editor h3{margin:0} #fitness-kitchen-complete-journey .fkj-fulfillment-new-address{display:grid;gap:14px;min-width:0} #fitness-kitchen-complete-journey .fkj-fulfillment-new-address[hidden]{display:none} #fitness-kitchen-complete-journey #fkj-fulfillment-map{display:block;width:100%;min-height:15rem;margin:0;padding:0;overflow:hidden;background:var(--fkj-green-soft)} #fitness-kitchen-complete-journey #fkj-fulfillment-map-status{min-height:1.25rem;margin:.5rem 0 .2rem;color:var(--muted);font-size:.82rem;line-height:1.5} #fitness-kitchen-complete-journey #fkj-fulfillment-map-status[data-tone="success"]{color:var(--accent)} #fitness-kitchen-complete-journey #fkj-fulfillment-map-status[data-tone="warning"]{color:var(--warning)} #fitness-kitchen-complete-journey #fkj-fulfillment-map-status[data-tone="error"]{color:var(--danger)} #fitness-kitchen-complete-journey .fkj-address-card{display:grid;gap:12px} #fitness-kitchen-complete-journey .fkj-address-actions{display:flex;flex-wrap:wrap;gap:8px} #fitness-kitchen-complete-journey .fkj-address-actions button{min-height:40px;flex:1 1 145px} #fitness-kitchen-complete-journey .fkj-address-delete{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger);font:inherit;font-weight:750;padding:.55rem .8rem;cursor:pointer} #fitness-kitchen-complete-journey #fkj-account-map-status{min-height:1.25rem;margin:.5rem 0 .2rem;color:var(--muted);font-size:.82rem;line-height:1.5} #fitness-kitchen-complete-journey #fkj-account-map-status[data-tone="success"]{color:var(--accent)} #fitness-kitchen-complete-journey #fkj-account-map-status[data-tone="warning"]{color:var(--warning)} #fitness-kitchen-complete-journey #fkj-account-map-status[data-tone="error"]{color:var(--danger)} @media(max-width:430px){#fitness-kitchen-complete-journey #fkj-account-map,#fitness-kitchen-complete-journey #fkj-fulfillment-map{min-height:18rem}#fitness-kitchen-complete-journey .fkj-address-editor{padding:12px}#fitness-kitchen-complete-journey .fkj-address-actions button{flex-basis:100%}}