@media (max-width:800px) {
  body.has-brew-flow {overflow:hidden;}
  #main.brew-flow {display:flex;flex-direction:column;height:100dvh;min-height:0;padding:0;overflow:hidden;background:var(--paper);}
  .brew-flow [hidden] {display:none!important;}
  .brew-flow .mobile-context-bar {flex:none;margin:0;padding:8px 16px;min-height:56px;background:var(--paper);}
  .brew-flow-progress {flex:none;padding:0 24px 16px;}
  .brew-flow-stage {display:flex;align-items:center;gap:8px;min-height:44px;color:var(--muted);font-size:var(--type-body);}
  .brew-flow-back {display:grid;place-items:center;min-width:44px;min-height:44px;margin-left:-12px;padding:8px;border:0;background:transparent;color:var(--ink);}
  .brew-flow-back svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;}
  .brew-flow-progress .brew-progress {margin:0;padding:0;}
  .brew-flow-progress .brew-progress-track {width:100%;}
  .brew-flow-progress .brew-progress-segment {height:4px;}
  #main.brew-flow .brew-flow-pages {display:block;flex:1;min-height:0!important;overflow:auto;margin:0;padding:0;overscroll-behavior:contain;}
  #main.brew-flow .brew-flow-question {display:block;margin:0;padding:16px 24px 32px;min-height:0;}
  .brew-flow .section-intro {margin:0 0 24px;padding:0;}
  #main.brew-flow .section-intro h1 {font-size:var(--type-title);line-height:1.08;letter-spacing:-.025em;}
  .brew-flow .coffee-select-block,.brew-flow .coffee-choice-group {margin:0;padding:0;}
  #main.brew-flow .country-choices,#main.brew-flow .process-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;width:100%;max-width:100%;padding:0;margin:12px 0 24px;}
  #main.brew-flow .country-choice,#main.brew-flow .process-choice {width:100%;min-width:0;min-height:56px;white-space:normal;text-align:left;padding:16px;font-size:var(--type-body);border-radius:var(--radius-control,6px);}
  .brew-flow .origin-fields {display:grid;grid-template-columns:1fr;gap:16px;}
  .brew-flow .popular-origin-label {margin:24px 0 8px;font-size:var(--type-body);}
  #main.brew-flow .brewer-choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0 0 24px;padding:0;}
  .brew-flow .brewer-choice {min-width:0;padding:16px;min-height:128px;font-size:var(--type-body);}
  #main.brew-flow .brew-dock {position:static;inset:auto;transform:none;width:100%;max-width:none;flex:none;display:block;padding:12px 24px max(12px,env(safe-area-inset-bottom));margin:0;border:0;border-top:1px solid var(--line);background:var(--paper);box-shadow:none;}
  .brew-flow .brew-dock-actions {display:block;padding:0;margin:0;}
  .brew-flow .brew-dock .button.primary {width:100%;min-height:56px;justify-content:center;font-size:var(--type-body);}
  #main.brew-flow .scan-button {margin-top:24px;width:100%;}
  .brew-flow .brew-flow-question {animation:brew-flow-reveal .22s ease-out;}
  @keyframes brew-flow-reveal {from {opacity:0;transform:translateY(8px);}to {opacity:1;transform:none;}}
  @media (prefers-reduced-motion:reduce) {.brew-flow .brew-flow-question {animation:none!important;}}
}