.pisell-hdl-kiosk {
  --hdl-brand: #b20d12;
  --hdl-brand-deep: #7f090d;
  --hdl-accent: #14998c;
  --hdl-ink: #17191f;
  --hdl-muted: #667085;
  --hdl-line: #e5e7eb;
  --hdl-surface: #ffffff;
  --hdl-soft: #f7f8fa;
  // 视觉基线来自生产中的 Login2 与 SaleDetail：HDLKiosk 只使用固定设计值，
  // 设备适配由主应用对完整模板统一缩放。
  --hdl-font-caption: 15px;
  --hdl-font-body: 17px;
  --hdl-font-control: 19px;
  --hdl-font-section: 26px;
  --hdl-font-page-title: 52px;
  --hdl-control-height: 48px;
  --hdl-kiosk-action-height: 82px;
  position: relative;
  box-sizing: border-box;
  color: var(--hdl-ink);
  width: 100%;
  height: 100%;
  min-height: 720px;
  min-width: 0;
  overflow: hidden;
  background: radial-gradient(
      circle at 95% 0%,
      rgba(178, 13, 18, 0.11),
      transparent 34%
    ),
    linear-gradient(180deg, #fff 0%, var(--hdl-soft) 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, 'Segoe UI', sans-serif;

  // Material 宿主可能注入 break-all；HDLKiosk 的英文只能在单词边界换行，
  // 不能把一个单词拆到两行。中文等无空格语言仍按浏览器自然换行。
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;

  *,
  *::before,
  *::after {
    box-sizing: border-box;
    // !important 用于覆盖被 HDLKiosk 嵌入的旧物料局部 break-word/break-all。
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  button,
  input {
    font: inherit;
  }

  button {
    -webkit-tap-highlight-color: transparent;
  }

  button:focus-visible,
  input:focus-visible {
    outline: 4px solid rgba(37, 99, 235, 0.25);
    outline-offset: 3px;
  }

  // 异步操作会短暂切换 disabled；禁用态只负责阻止交互，不改变视觉透明度，
  // 避免按钮（尤其是右上角会员入口）在请求前后产生闪烁。
  button:disabled,
  input:disabled,
  textarea:disabled {
    cursor: not-allowed;
    // 覆盖嵌入的 Login2/Register2 等旧物料自带的 disabled 透明度。
    opacity: 1 !important;
  }
}

@import './components/common/index.less';
@import './components/common/HDLKioskSkuOptionsSelection/index.less';
@import './components/shell/HDLKioskShell/index.less';
@import './components/shell/HDLKioskErrorBoundary/index.less';
@import './components/shell/HDLKioskHeader/index.less';
@import './components/shell/HDLKioskMemberPanel/index.less';
@import './components/shell/HDLKioskFloatingBar/index.less';
@import './components/shell/HDLKioskOrderSummary/index.less';
@import './components/overlays/HDLKioskModal/index.less';
@import './components/overlays/CartDrawer/index.less';
@import './components/overlays/EndOrderDialog/index.less';
@import './slices/catalog/PrimaryProductPromptDialog/index.less';
@import './slices/catalog/Screen/index.less';
@import './slices/payment/Screen/index.less';
@import './slices/customization/Screen/index.less';
@import './slices/fulfillment/Screen/index.less';
@import './slices/identity/Screen/index.less';
@import './components/common/BlockingNotice/index.less';
@import './components/common/PaymentConflictNotice/index.less';
@import './ui/entry/Screen/index.less';