/* care-responsive.css —— 客户网页公共手机适配行为层（UI-V1 2.4 / 2026-10-01）。
 *
 * 定位：13 个客户页面各自 CSS 链的**最后一份**引用，只收敛“排版行为”，不新建主题、
 * 不新增配置后台、不引入 JS。尺寸与颜色一律来自 care-tokens.css 的 --care-* 语义参数，
 * 本文件不写第二套数值；确需例外时用具名选择器并在本文件登记用途。
 *
 * 依据：docs/XIAOWA-UI-V1.md 2.4 手机适配基线。行业参考为 WeUI 组件行为与 TDesign 的
 * 语义参数组织方式，配合 W3C 的 320 CSS px 重排、文字放大 200%、44 CSS px 触控目标。
 * 这些是可验证行为参考，不是“覆盖所有手机的认证”，44px 是本项目既有交互基线。
 *
 * 作用域：仅 html[data-care-ui="active"]（客户 scope）。support / admin / visual-lab
 * 不挂本文件，负责人后台与实验页不因本次改动改变外观。
 *
 * 刻意不做的事：
 *  - 不用 overflow:hidden 掩盖不可读内容；溢出要靠可换行/可收缩解决。
 *  - 不对所有 a 或所有 img 套同一尺寸：行内术语、装饰 cover 图、头像各有场景。
 *  - 不锁 390px 画布、不用整页 zoom/transform 排版、不禁用户缩放。
 *  - 不另造键盘高度估算：可见高度复用 care-ui.js 写入的 --care-app-height。
 *  - 不改 hidden / native dialog / disabled / focus / Escape 的既有语义。
 */

/* ======================================================================
 * 一、可见高度与安全区（所有弹层和底部区域的共同基准）
 * ====================================================================== */

/* 页面级安全区：左右让开刘海/圆角，底部让开手势条。
   普通页在窄屏走整页文档滚动，底部内边距由 --care-page-pad-bottom 叠加安全区，
   保证正文末尾能滚到底而不被固定区域遮住。 */
html[data-care-ui="active"] body{
  padding-top:var(--care-safe-top);
  padding-left:var(--care-safe-left);
  padding-right:var(--care-safe-right);
}
@media(max-width:650px){
  html[data-care-ui="active"] body:not(.care-chat-page){
    padding-bottom:calc(var(--care-page-pad-bottom) + var(--care-safe-bottom));
  }
}
/* 聊天页是固定可见区域壳（body 100dvh + --care-app-height），安全区只在 composer
   与底栏各自计入一次，不在 body 上再叠一层，避免两份留白。 */
html[data-care-ui="active"] .care-chat-page .xiaowa-form{
  padding-bottom:calc(6px * var(--care-spacing-scale,.5) + var(--care-safe-bottom));
}

/* ======================================================================
 * 二、内容容器：16px 内边距、桌面最大宽度、flex/grid 可收缩
 * ====================================================================== */

/* 长标识与长中文的统一断行入口：连续订单号、SKU、中文长串都应换行而不是撑破容器。
   只给“承载标识的文本”加，不动图片和纯装饰。 */
html[data-care-ui="active"] :is(
  .purchase-detail,.care-product-name,.care-plan-copy,.care-source,
  .care-herb-source-list,.order-number,.entry-copy,.menu-row,
  #detail-body,#detail-content,.fine-print,.hint,.field-value
){
  overflow-wrap:anywhere;
}
/* flex/grid 子项默认 min-width:auto，长标识会顶开容器；这里只对“文字承载容器”
   收敛为可收缩，配合上面的断行，而不是隐藏溢出。 */
html[data-care-ui="active"] :is(
  .care-plan-card,.care-product-card,.care-reference,.card,.entry-card,
  .care-item-card,.care-mini,.yalian-product,.yalian-feature-product>div
){
  min-width:0;
}

/* ======================================================================
 * 三、原生 dialog：统一边缘、可见高度、内部滚动、可达关闭与动作
 * ====================================================================== */

/* 边缘 16px + 安全区，最大 520px，高度受可见区域限制并内部滚动。
   排除聊天壳 .xiaowa-dialog（由 care-ui.css 接管为整页 flex）
   与全屏图片查看器 .xiaowa-image-viewer（明确的全屏场景例外）。 */
html[data-care-ui="active"] dialog:not(.xiaowa-dialog):not(.xiaowa-image-viewer){
  width:min(var(--care-dialog-max-width),calc(100% - 2 * var(--care-dialog-safe-pad)));
  max-width:calc(100% - 2 * var(--care-dialog-safe-pad));
  max-height:var(--care-dialog-max-h-responsive);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
/* 聊天页内的弹层用可见高度而不是 85dvh：软键盘收缩时由 --care-app-height 接手。 */
html[data-care-ui="active"] .care-chat-page dialog:not(.xiaowa-image-viewer){
  max-height:var(--care-view-visible-h);
}

/* 标题、关闭、动作区在滚动内容里始终可达：关闭钉在滚动区顶部，动作钉在底部。
   position:sticky 保留在文档流内，不改变既有 DOM 结构与事件。 */
html[data-care-ui="active"] dialog:not(.xiaowa-image-viewer)>.dialog-close,
html[data-care-ui="active"] dialog:not(.xiaowa-image-viewer)>[data-action="close"],
html[data-care-ui="active"] dialog:not(.xiaowa-image-viewer)>.icon-button{
  position:sticky;
  top:var(--care-space-2);
  float:right;
  z-index:2;
  min-width:var(--care-touch-min);
  min-height:var(--care-touch-min);
}
/* 动作区：允许换行，按钮随文本自然增高；不再用固定高度把大字档文字压扁。 */
html[data-care-ui="active"] dialog:not(.xiaowa-image-viewer) :is(.dialog-actions,.detail-actions,.actions){
  display:flex;
  flex-wrap:wrap;
  gap:var(--care-gap);
  position:sticky;
  bottom:calc(-1 * var(--care-space));
  margin-bottom:calc(-1 * var(--care-space));
  padding:var(--care-space-2) 0;
  background:inherit;
}
html[data-care-ui="active"] dialog:not(.xiaowa-image-viewer) :is(.dialog-actions,.detail-actions,.actions)>*{
  flex:1 1 auto;
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  height:auto;
  min-height:var(--care-touch-min);
}

/* ======================================================================
 * 四、非原生浮层（菜单 / 面板 / 表单）：受视口约束、条目可换行可滚动
 * ====================================================================== */

/* 顶栏内的阅读档位入口（account / cabinet）：与全站同一个 .care-reading 控件。
   容器自身不裁剪，展开的菜单向上/向下都可见；菜单宽度受视口与安全区约束。
   care-reading.css 已给出 min(58dvh,22rem) 的高度上限与 flex:0 0 auto，
   这里只补定位、边缘与横向不越界。 */
html[data-care-ui="active"] .care-reading-mount{
  position:relative;
  flex:none;
  margin-left:auto;
}
html[data-care-ui="active"] .care-reading-mount .care-reading-menu{
  top:calc(100% + .4rem);
  right:0;
  left:auto;
  max-width:calc(100vw - 2 * var(--care-dialog-safe-pad));
}
/* 两页的顶栏本身是普通文档流容器，允许换行，窄屏下 Aa 换到下一行而不是被压扁。 */
html[data-care-ui="active"] :is(.topbar,.account-page>header){
  flex-wrap:wrap;
}
/* 图片来源菜单、记忆面板、用法表单：宽度/高度受可见区域约束，超长内容自身滚动，
   不因父容器裁剪丢失操作。 */
html[data-care-ui="active"] :is(.xiaowa-image-menu,.xiaowa-memory-panel){
  max-width:calc(100% - 2 * var(--care-dialog-safe-pad));
  max-height:var(--care-view-visible-h);
  overflow-y:auto;
  overscroll-behavior:contain;
}
html[data-care-ui="active"] form.usage-form{
  max-width:100%;
  overflow-wrap:anywhere;
}
html[data-care-ui="active"] form.usage-form :is(input,select,textarea){
  font-size:max(var(--care-input-font-floor),var(--care-input-font-size));
  max-width:100%;
}

/* ======================================================================
 * 五、触控目标 44px（主要动作、返回、关闭、菜单条目）
 * ====================================================================== */

/* 只覆盖“主要动作 / 返回 / 关闭 / 菜单条目”这四类，语义清晰且可解释。
   行内术语按钮（.xiaowa-term）、可视图标和纯文本链接刻意不套同一尺寸，
   它们的场景例外在 care-ui.css / xiaowa.css 已各自声明。 */
html[data-care-ui="active"] :is(
  .care-bottom-nav a,
  .care-topline-back,
  .care-reading-trigger,
  dialog:not(.xiaowa-image-viewer) :is(.primary,.secondary),
  .dialog-close,
  .icon-button,
  .menu-row,
  .care-reading-option,
  .care-shell-nav a
){
  min-height:var(--care-touch-min);
}
/* 关闭类控件同时保证横向触控面积（圆形按钮常见只保证高度）。 */
html[data-care-ui="active"] :is(.dialog-close,.icon-button,.care-topline-back){
  min-width:var(--care-touch-min);
}
/* 44px 下限不乘旧密度系数：规范明确禁止缩小触控区，
   这里对历史写了 27/30/31/36/38px 的具名控件统一抬到 --care-touch-min。 */
html[data-care-ui="active"] :is(
  body.care-care-page .care-product-action,
  body.care-care-page .care-reminder-action,
  body.care-care-page .care-product-pill,
  .care-ingredient a
){
  min-height:var(--care-touch-min);
}

/* ======================================================================
 * 六、文本输入字号下限（具名有意例外，保留大字档）
 * ====================================================================== */

/* 手机上 <16px 的输入在 Safari 聚焦时会被自动放大整页，破坏用户自己的缩放选择。
   这是规范允许的具名例外：用 max(1rem, 当前字号) 而不是写死 16px，
   因此标准档取 16px，大字档（--care-fs-body-* ≥ 1.25rem）自然让位给阅读偏好。
   只作用于可聚焦的文本输入，不含 checkbox/radio/file。 */
html[data-care-ui="active"] :is(input,textarea,select):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]){
  font-size:max(var(--care-input-font-floor),var(--care-input-font-size));
}
/* 聊天 composer 与隐藏镜像必须同字号，否则镜像测出的行高与真实输入不一致。
   care-ui.css 用 --care-fs-body，此处只做下限抬升，两侧共用同一个具名值。 */
html[data-care-ui="active"] .care-chat-page .xiaowa-form #xiaowa-input,
html[data-care-ui="active"] .xiaowa-input-mirror{
  font-size:max(var(--care-input-font-floor),var(--care-fs-body));
}
/* 输入标签随输入字号一起放大，避免 16px 输入配 12px 标签的错位。 */
html[data-care-ui="active"] :is(label,.dialog-head p,.hint){
  overflow-wrap:anywhere;
}

/* ======================================================================
 * 七、列布局：minmax(0,1fr) 与可换行；小屏/放大后收为更少列
 * ====================================================================== */

/* 标准档在 320px 下的收敛：产品/档案/方案网格收为单列或两列。
   大字档的单列规则已在 care-reading.css 声明，这里补标准档窄屏一档，
   两档都不靠隐藏溢出收尾。 */
@media(max-width:360px){
  html[data-care-ui="active"] :is(#items,#sections,.care-grid,.care-ingredients,.care-product-grid,.yalian-product-grid){
    grid-template-columns:minmax(0,1fr);
  }
}
/* 商品网格默认已是 2/3 列；窄屏统一不超过 2 列，避免文字被压成单字行。 */
@media(max-width:650px){
  html[data-care-ui="active"] :is(#items,.care-grid,.care-ingredients,#sections){
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
/* 大字档 + 窄屏：再收一档，多列只剩两列/单列，保证每列仍有可读行宽。 */
@media(max-width:360px){
  html[data-care-ui="active"][data-care-reading="large"] :is(#items,.care-grid,.care-ingredients,#sections,.yalian-product-grid){
    grid-template-columns:minmax(0,1fr);
  }
}
/* 不使用固定列宽的多列一律用 minmax(0,1fr)，长标识才有机会换行而不是溢出。 */
html[data-care-ui="active"] :is(#items,#sections,.care-grid,.care-ingredients,.care-product-grid,.yalian-product-grid,.form-grid){
  min-width:0;
}

/* ======================================================================
 * 八、雅连专题：接入 tokens 后的窄屏收口
 * ====================================================================== */

/* yalian.html 原本自带 --ya-* 与自己的 16px/44px 实现（inventory.json F1）。
   公共层只补它缺的行为：与全站一致的边缘、安全区、触控与断行；
   --ya-* 已在 yalian.css 内改为指向 --care-* 的语义别名，这里不重复定义取值。 */
html[data-care-ui="active"] .yalian-page main{
  padding-left:max(var(--care-page-pad-x),var(--care-safe-left));
  padding-right:max(var(--care-page-pad-x),var(--care-safe-right));
  padding-bottom:calc(50px + var(--care-safe-bottom));
}
html[data-care-ui="active"] .yalian-page :is(.yalian-hero-copy,.yalian-feature-product>div,.yalian-product>div){
  min-width:0;
}
html[data-care-ui="active"] .yalian-page :is(h1,h2,h3,h4,p,figcaption,.yalian-topbar-title){
  overflow-wrap:anywhere;
}
html[data-care-ui="active"] .yalian-page :is(.yalian-local-nav a,.yalian-hero-link,.yalian-ending a,.yalian-chat,.yalian-back){
  min-height:var(--care-touch-min);
}
/* 时间线与产地的固定网格在窄屏收为单列（yalian.css 已在 760px 收过一次，
   这里补 320px 与大字档，避免长中文在两列里被压到每行一字）。 */
@media(max-width:360px){
  html[data-care-ui="active"] .yalian-page :is(.yalian-origin-grid,.yalian-timeline,.yalian-product-grid,.yalian-feature-product){
    grid-template-columns:minmax(0,1fr);
  }
}
html[data-care-ui="active"][data-care-reading="large"] .yalian-page :is(.yalian-origin-grid,.yalian-timeline){
  grid-template-columns:minmax(0,1fr);
}

/* ======================================================================
 * 九、短横屏（740×390 一类）：压缩纵向留白，保住内容与动作可达
 * ====================================================================== */

/* 短屏时把纯装饰性的纵向大留白收掉，正文、按钮和底部动作不受影响。
   只调 margin/padding，不隐藏任何内容，也不改变阅读字号。 */
@media(max-height:430px) and (orientation:landscape){
  html[data-care-ui="active"] :is(.care-section,.yalian-section){
    padding-top:var(--care-block);
  }
  html[data-care-ui="active"] :is(.yalian-hero,.yalian-feature-product){
    min-height:0;
  }
  html[data-care-ui="active"] .yalian-hero-copy{
    padding:var(--care-space-4) var(--care-page-pad-x);
  }
}
/* 短屏下弹窗仍以可见高度为准，且动作区保持可达（sticky 已在第三节声明）。 */
@media(max-height:430px){
  html[data-care-ui="active"] dialog:not(.xiaowa-image-viewer){
    max-height:calc(var(--care-view-visible-h) - var(--care-dialog-safe-pad));
  }
}

/* ======================================================================
 * 十、状态与语义保全（不改行为，只防止公共样式越权）
 * ====================================================================== */

/* 公共层不显示任何被隐藏的内容，也不让 disabled 看起来可点。
   这两条与 care-ui.css 已有声明一致，此处按“最后一份引用”再确认一次顺序。 */
html[data-care-ui="active"] [hidden]{
  display:none!important;
}
html[data-care-ui="active"] :is(button,a,input,select,textarea):disabled{
  pointer-events:none;
  opacity:.55;
}
/* 焦点可见性保持在最后，任何布局改动都不吃掉 outline。 */
html[data-care-ui="active"] :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{
  outline:2px solid var(--care-green);
  outline-offset:3px;
}

/* Public actions keep their hit area at either reading size. Inline glossary
   terms keep their existing text-flow role. Flex items may wrap long labels. */
html[data-care-ui="active"] { --care-responsive-active:1; }
html[data-care-ui="active"] button:not(.xiaowa-term),
html[data-care-ui="active"] summary {
  min-height:var(--care-touch-min);
  min-width:var(--care-touch-min);
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
html[data-care-ui="active"] label:has(input:is([type="checkbox"],[type="radio"])) {
  min-height:var(--care-touch-min);
  align-content:center;
}
html[data-care-ui="active"] :is(.home-brand,.care-wordmark,.care-topline-account,.topbar>a,.qingyang-shelf-more,.dk-hero-title,.yalian-ending a,.yalian-topbar>a,.yalian-footer>a) {
  display:inline-flex;
  align-items:center;
  min-height:var(--care-touch-min);
  min-width:var(--care-touch-min);
  max-width:100%;
  overflow-wrap:anywhere;
}
html[data-care-ui="active"] :is(.care-topline,.home-topline,.care-section-head,.purchase-order-heading,.care-product-foot,.care-heading) {
  flex-wrap:wrap;
  min-width:0;
}
html[data-care-ui="active"] :is(.home-brand,.care-wordmark,.home-brand-text,.care-section-head>*,.care-product-foot>*,.purchase-order-heading>*,.care-heading>*) {
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
/* The shared controller positions an open menu within the visible viewport. */
html[data-care-ui="active"] .care-reading-menu[data-positioned] {
  position:fixed;
  right:auto;
  width:min(var(--care-menu-width),calc(100vw - 2 * var(--care-dialog-safe-pad)));
  max-width:calc(100vw - 2 * var(--care-dialog-safe-pad));
}
html[data-care-ui="active"] .care-chat-page :is(.care-chat-actions .text-button,.care-chat-more>summary,.xiaowa-footer .text-button) {
  min-height:var(--care-touch-min);
  min-width:var(--care-touch-min);
  flex-shrink:0;
}
html[data-care-ui="active"] .care-chat-page .xiaowa-dialog[open] {position:relative;}
html[data-care-ui="active"] .care-chat-page .xiaowa-memory-panel {
  position:absolute;
  inset:var(--care-viewport-edge);
  width:auto;
  max-width:none;
  height:auto;
  max-height:none;
  margin:0;
  overflow-y:auto;
  z-index:220;
}
html[data-care-ui="active"] .xiaowa-memory-panel>header {
  position:sticky;
  top:0;
  z-index:2;
}
html[data-care-ui="active"] .care-chat-page .xiaowa-memory-panel :is(.xiaowa-memory-statement,.xiaowa-memory-item,.xiaowa-memory-empty) {
  font-size:var(--care-fs-body-2);
  line-height:var(--care-lh-body-2);
  overflow-wrap:anywhere;
}
html[data-care-ui="active"] .care-chat-page .xiaowa-memory-panel :is(.xiaowa-memory-summary,.xiaowa-memory-quote,.xiaowa-memory-actions button,.xiaowa-memory-item-actions button) {
  font-size:var(--care-fs-body-3);
  line-height:var(--care-lh-body-3);
}
html[data-care-ui="active"] .care-chat-page .xiaowa-memory-panel :is(.xiaowa-memory-item-head,.xiaowa-memory-footnote) {
  font-size:var(--care-fs-xs);
  line-height:var(--care-lh-small);
  overflow-wrap:anywhere;
}
html[data-care-ui="active"] .xiaowa-memory-item-head {flex-wrap:wrap;}
html[data-care-ui="active"] .xiaowa-image-menu {
  left:auto;
  right:0;
  max-width:calc(100vw - 2 * var(--care-dialog-safe-pad));
}
html[data-care-ui="active"] .care-herb-page #content .care-herb-product>button {min-height:var(--care-touch-min);}
html[data-care-ui="active"] :is(.orders-back,.dk-link),
html[data-care-ui="active"] .account-page>header>a[data-contextual-back] {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:var(--care-touch-min);
  min-height:var(--care-touch-min);
}
html[data-care-ui="active"] .care-ingredient a {
  display:inline-flex;
  align-items:center;
  min-height:var(--care-touch-min);
}
/* 旧独立页面的正文也消费两档字阶，避免只改变标题与 Aa 按钮。 */
html[data-care-ui="active"] :is(.account-page,.cabinet-main) {
  font-family:var(--care-font-body);
  font-size:var(--care-fs-body-1);
  line-height:var(--care-lh-body-1);
}
html[data-care-ui="active"] :is(.account-page,.cabinet-main) :is(p,.welcome,.primary,.secondary,.quiet,.menu-row>span:first-child,.usage-form label) {
  font-size:var(--care-fs-body-2);
  line-height:var(--care-lh-body-2);
}
html[data-care-ui="active"] :is(.account-page,.cabinet-main) :is(.hint,.eyebrow,.section-label,.login-entry,.login-entry button,.menu-row>span:last-child,footer) {
  font-size:var(--care-fs-body-3);
  line-height:var(--care-lh-body-3);
}
html[data-care-ui="active"] .cabinet-main h1 {font-size:var(--care-fs-h1);line-height:var(--care-lh-title);}
html[data-care-ui="active"] .cabinet-main h2 {font-size:var(--care-fs-h2);line-height:var(--care-lh-title);}
html[data-care-ui="active"] .account-page :is(label,.number span) {font-size:var(--care-fs-body-3);}
html[data-care-ui="active"] .yalian-footer {flex-wrap:wrap;}
html[data-care-ui="active"] .yalian-footer>* {min-width:0;max-width:100%;white-space:normal;}
html[data-care-ui="active"] dialog :is(.dialog-head,.dialog-header,.xiaowa-term-header) {
  position:sticky;
  top:0;
  z-index:2;
  background:var(--care-card);
}
html[data-care-ui="active"] .xiaowa-image-viewer-close {
  position:absolute;
  top:var(--care-dialog-safe-pad);
  right:var(--care-dialog-safe-pad);
  width:var(--care-touch-min);
  min-height:var(--care-touch-min);
  padding:0;
  display:grid;
  place-items:center;
  font-size:var(--care-fs-h3);
  line-height:1;
  background:var(--care-card);
  color:var(--care-ink);
  border:var(--care-border-width) solid var(--care-line);
  border-radius:var(--care-radius);
}
html[data-care-ui="active"] body.care-care-page :is(.care-reminder-action,.care-product-pill) {
  flex-wrap:wrap;
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
html[data-care-ui="active"] body.care-care-page .care-products {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,max(10rem,calc(50% - var(--care-gap)))),1fr));
}
html[data-care-ui="active"] body.care-care-page :is(.care-filter button,.care-product-action) {
  white-space:normal;
  overflow-wrap:anywhere;
}
html[data-care-ui="active"] body.care-care-page :is(.care-profile-link,.care-profile-empty) {
  display:inline-flex;
  align-items:center;
  min-height:var(--care-touch-min);
}
@media(max-width:360px) {
  html[data-care-ui="active"] body.care-care-page .care-products {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:650px) {
  html[data-care-ui="active"][data-care-reading="large"] body.care-care-page .care-products {grid-template-columns:minmax(0,1fr);}
}
/* 订单的商品条目按内容自然排布；咨询入口与辅助信息使用各自字阶。 */
html[data-care-ui="active"] .care-orders-page .purchase-order {
  padding:var(--care-space-4);
}
html[data-care-ui="active"] .care-orders-page .purchase-order-heading {
  padding-bottom:var(--care-space-3);
  align-items:flex-start;
}
html[data-care-ui="active"] .care-orders-page .purchase-order-heading :is(h3,p) {margin:0;}
html[data-care-ui="active"] .care-orders-page .purchase-order-heading h3 {
  font-size:var(--care-fs-subtitle);
  line-height:var(--care-lh-title);
  margin-top:var(--care-space-2);
}
html[data-care-ui="active"] .care-orders-page .purchase-items li {
  padding:var(--care-space-3) 0;
}
html[data-care-ui="active"] .care-orders-page .purchase-items :is(h4,p) {margin:0;}
html[data-care-ui="active"] .care-orders-page .purchase-items h4 {
  font-size:var(--care-fs-body-1);
  line-height:var(--care-lh-body-1);
}
html[data-care-ui="active"] .care-orders-page .purchase-items p {margin-top:var(--care-space-2);}
html[data-care-ui="active"] .care-orders-page .purchase-order .fine-print {
  margin:var(--care-space-3) 0;
  font-size:var(--care-fs-xs);
  line-height:var(--care-lh-small);
}
html[data-care-ui="active"] .care-orders-page .purchase-order .product-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:var(--care-touch-min);
  padding:var(--care-space-2) var(--care-space-3);
  font-size:var(--care-fs-body-2);
  line-height:var(--care-lh-body-2);
  text-decoration:none;
  white-space:normal;
}