/* Small-screen controls for About, Welfare, document requests and the cart. */
@media(max-width:760px){
  /* The select is the reliable alternative to tapping tiny map regions. */
  .page-about .china-map__foot{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 0 0}
  .page-about .china-map__select{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;width:100%;min-width:0;font-size:14px}
  .page-about .china-map__select select{width:100%;max-width:none;min-width:0;min-height:44px;padding:8px 10px;font-size:16px;line-height:1.5}
  .page-about .china-map__source{display:inline-flex;align-items:center;justify-self:start;min-height:44px;font-size:12px;white-space:normal}

  /* Retain the horizontal sticky navigation and its existing measured offset. */
  .page-points .welfare-nav--tall a{min-height:44px}
  .page-points .welfare-sec .actl__tx h4{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
  .page-points .reward-card__body{min-width:0}
  .page-points .reward-card__body h3{font-size:15px;line-height:1.65;overflow-wrap:anywhere}
  .page-points .reward-card__body>p{font-size:12px;line-height:1.75;overflow-wrap:anywhere}
  .page-points .reward-card__action{min-height:44px;max-width:100%;white-space:normal;font-size:13px;text-align:center}
  .page-points .rewards__rules{display:inline-flex;align-items:center;min-height:44px}
  .page-points .welfare-trial :is(.inp,.sel){font-size:16px}

  /* Readonly copy fields still receive focus, so they also need 16px text. */
  .page-coa .coa-field :is(input,select),
  .page-coa .coa-result textarea,
  .page-cart .cc-quantity input,
  .page-cart .cc-preview textarea{font-size:16px}
  .page-coa .coa-page-nav a{display:inline-flex;align-items:center;min-height:44px}
  .page-coa .coa-result__actions>*{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .page-cart .cc-list__foot{flex-wrap:wrap;gap:6px 12px}
  .page-cart .cc-text-button,
  .page-cart .cc-feedback .cc-text-button{min-height:44px}
}

@media(max-width:430px){
  .page-cart .cc-item__controls{grid-column:1/-1;min-width:0;flex-wrap:wrap;gap:8px 12px}
  .page-cart .cc-quantity{flex:none}
}

@media(max-width:380px){
  /* A full-width gift card keeps the name, description and points legible. */
  .page-points .reward-card{grid-template-columns:minmax(0,1fr)}
  .page-points .reward-card__image{aspect-ratio:8/5;min-height:0;height:auto}
  .page-points .reward-card__body{padding:16px}
}