/* /us/ pages - mobile fixes from Markus's phone review, 12-11-2026. Loaded last. Phones only unless noted.
   1 hero: lighter top, forest green instead of near-black
   2 "Your week": one card per job, swiped sideways, instead of one long dark list
   3 carousels: room for the card shadow (it was cut off by the scroller)
   4 AI food log: the two loose paragraphs become one card
   5 logging chips: equal width
   6 per-client access: the phone first, the switcher right under it
   7 sticky bar: quieter, no price */

/* ---------- 7 sticky bar (all widths where it shows) ---------- */
.sticky span{font-size:14px;font-weight:500;color:rgba(255,255,255,.82);white-space:nowrap}

@media (max-width:767px){
  /* ---------- 1 hero: the same lighter forest ground on all four pages (the dark plates read as black on a phone) ---------- */
  .r5 .hero.night.h5{--nb:#143d2d;
    background:radial-gradient(130% 62% at 50% 0%,#2b6a50 0%,#1d503c 44%,#143d2d 100%)}
  .r5 .hero.night.h5 .plate{opacity:.5}
  .r5 .hero.night.h5:not(.n-forest) .plate{opacity:.22}
  .r5 .hero.night.h5 .shade{background:linear-gradient(180deg,transparent 62%,rgba(10,34,25,.5))}
  .r5 .hero.night.h5::after{opacity:.05}
  .r5 .hero.night.h5 .lede{color:rgba(255,255,255,.84)}
  .r5 .hero.night.h5 .d1 .dim{color:rgba(255,255,255,.62);opacity:1}
  .r5 .hero.night.h5 .risk{color:rgba(255,255,255,.74)}
  .r5 .hero.night.h5 .kicker{color:rgba(255,255,255,.8)}

  /* ---------- 2 "Your week": swipe cards ---------- */
  .r5 .wk5 .wk-ld{display:none}
  .r5 .wk5 .wk-card{background:none;box-shadow:none;border-radius:0;overflow:visible;isolation:auto;color:inherit;
    display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;
    margin:28px calc(-1 * clamp(18px,4vw,40px)) 0;padding:6px clamp(18px,4vw,40px) 30px;scroll-padding-inline:clamp(18px,4vw,40px)}
  .r5 .wk5 .wk-card::-webkit-scrollbar{display:none}
  .r5 .wk5 .wk-card::before,.r5 .wk5 .wk-card::after{display:none}
  .r5 .wk5 .wk-row{flex:0 0 78%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:0;
    min-height:232px;padding:20px 20px 22px;border:0;border-radius:24px;color:#fff;
    background:linear-gradient(165deg,#1d5a41 0%,#123a2a 100%);
    box-shadow:0 18px 30px -20px rgba(15,42,31,.55),inset 0 1px 0 rgba(255,255,255,.12)}
  .r5 .wk5[data-mode=hand] .wk-row{background:linear-gradient(165deg,#3c4741 0%,#27302b 100%)}
  .r5 .wk5 .wk-day{grid-row:auto;align-self:flex-start;margin:0;padding:6px 14px;font-size:11.5px}
  .r5 .wk5 .wk-job{margin-top:16px;font-size:24px;line-height:1.15}
  .r5 .wk5 .wk-txt{margin-top:8px;font-size:16px;line-height:1.45;color:rgba(255,255,255,.8)}
  .r5 .wk5 .wk-chip{margin-top:auto;justify-self:auto;align-self:flex-start;font-size:14px;padding:8px 14px}
  .r5 .wk5 .wk-row .wk-txt + .wk-chip,.r5 .wk5 .wk-row .wk-chip{transform:translateY(0)}
  .r5 .wk5 .wk-foot{flex:0 0 78%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;
    min-height:232px;padding:22px 20px;border-radius:24px;background:#fff;color:#0f2a1f;
    box-shadow:0 18px 30px -20px rgba(15,42,31,.4),0 0 0 1px rgba(15,42,31,.08)}
  .r5 .wk5 .wk-foot > span{font-size:26px;line-height:1.12;color:#0f2a1f}
  .r5 .wk5 .wk-card > :last-child{margin-right:0}

  /* ---------- 3 carousels: let the shadow finish ---------- */
  .r5 .aif6-scroll{padding-top:8px;padding-bottom:44px;margin-bottom:-22px}
  .r5 .aif6-step{box-shadow:0 16px 26px -18px rgba(110,52,18,.34),inset 0 1px 0 rgba(255,255,255,.85),inset 0 0 0 1px rgba(255,255,255,.65)}
  .r5 .bn6 .bn6-grid{padding-bottom:40px;margin-bottom:-18px}
  .r5 .rv6-grid{padding-bottom:40px;margin-bottom:-18px}

  /* ---------- 4 AI food log: the coach block as one card ---------- */
  .r5 .aif6-coach-body{margin-top:22px;padding:22px 20px 20px;border-radius:24px;
    background:linear-gradient(170deg,rgba(255,252,248,.82),rgba(255,248,240,.64));
    box-shadow:0 16px 26px -18px rgba(110,52,18,.3),inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.7)}
  .r5 .aif6-coach-body > p{margin:0;padding:0 0 0 30px;position:relative;font-size:16px;line-height:1.5;color:var(--aw-ink,#1c2b22);max-width:none}
  .r5 .aif6-coach-body > p + p{margin-top:16px}
  .r5 .aif6-coach-body > p::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;
    background:#2f6b52 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 10.4l3 3 6-6.6'/%3E%3C/svg%3E") center/20px no-repeat}
  .r5 .aif6-cta{margin-top:22px}
  .r5 .aif6-cta .risk{margin-top:14px}

  /* ---------- 5 logging chips: equal width ---------- */
  .r5 .lg6-ways{display:grid;grid-template-columns:1fr;gap:8px;padding-inline:0}
  .r5 .lg6-ways li{display:flex;width:100%;border-radius:16px;min-height:52px;font-size:15px}

  /* ---------- 6 per-client access: the phone, then a smaller switcher right under it, then the detail ---------- */
  .r5 .ac6 .ac6-obj{display:flex;flex-direction:column}
  .r5 .ac6-acc{display:contents}
  .r5 .ac6-acc .ac6-bar{order:1;margin:0;padding:16px}
  .r5 .ac6-stage{order:2;padding:18px 8px 0;box-shadow:none;background:radial-gradient(70% 50% at 50% 40%,rgba(143,227,176,.16),rgba(143,227,176,0) 72%)}
  .r5 .ac6-ph{--pw:216px}
  .r5 .ac6-lab{order:3;margin:14px 16px 8px}
  .r5 .ac6-seg{order:4;margin:0 12px}
  .r5 .ac6-seg button{min-height:40px;font-size:13px;padding:6px 2px}
  .r5 .ac6-panel{order:5;margin:14px 16px 0}
  .r5 .ac6-note2{order:6;margin:16px 16px 4px}
  .r5 .ac6-tg{order:7}
}