/* ASP_PROD_SHARED_MOBILE_NAV_WORK_PAGES_20260710 */
/* ASP_PROD_UNIFIED_PWA_VISUAL_CANON_ORDER_NAV_20260713 */
:root,
html[data-asp-theme="light"],
body[data-asp-theme="light"].asp-shared-mobile-nav-on {
  --asp-bg: #eef5fb;
  --asp-surface: #ffffff;
  --asp-surface-2: #f5f8fc;
  --asp-surface-3: #e8f0f8;
  --asp-text: #162033;
  --asp-text-muted: #68778a;
  --asp-border: #d3dde8;
  --asp-input-bg: #ffffff;
  --asp-accent: #167fa5;
  --asp-accent-soft: #dff3fa;
  --asp-secondary: #68778a;
  --asp-danger: #c84646;
  --asp-success: #27865f;
  --asp-warning: #a86112;
  --asp-info: #276f96;
  --asp-focus: #0e7490;
  --asp-shadow: 0 8px 24px rgba(35, 55, 80, 0.10);
  --asp-nav-bg: rgba(255,255,255,.96);
  --asp-backdrop: rgba(22, 32, 51, .32);
  --asp-user-background-overlay: linear-gradient(180deg, rgba(238,245,251,.30), rgba(238,245,251,.46));
  --pwa-surface-card: rgba(255,255,255,.66);
  --pwa-surface-panel: rgba(255,255,255,.54);
  --pwa-surface-field: rgba(255,255,255,.90);
  --pwa-surface-border: rgba(255,255,255,.72);
  --pwa-surface-shadow: 0 12px 30px rgba(15,23,42,.14);
  --pwa-backdrop-blur: 12px;
}
html[data-asp-theme="dark"],
body[data-asp-theme="dark"].asp-shared-mobile-nav-on {
  --asp-bg: #0d1729;
  --asp-surface: #182338;
  --asp-surface-2: #202c40;
  --asp-surface-3: #28364c;
  --asp-text: #f2f6fb;
  --asp-text-muted: #9caac0;
  --asp-border: #35445b;
  --asp-input-bg: #202c40;
  --asp-accent: #249ac4;
  --asp-accent-soft: #153c50;
  --asp-secondary: #9caac0;
  --asp-danger: #ed7777;
  --asp-success: #58c895;
  --asp-warning: #f0b55a;
  --asp-info: #73c9e8;
  --asp-focus: #7dd3fc;
  --asp-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
  --asp-nav-bg: rgba(24,35,56,.96);
  --asp-backdrop: rgba(5, 12, 24, .58);
  --asp-user-background-overlay: linear-gradient(180deg, rgba(13,23,41,.40), rgba(13,23,41,.58));
  --pwa-surface-card: rgba(24,35,56,.72);
  --pwa-surface-panel: rgba(24,35,56,.60);
  --pwa-surface-field: rgba(32,44,64,.90);
  --pwa-surface-border: rgba(94,123,158,.54);
  --pwa-surface-shadow: 0 12px 32px rgba(0,0,0,.28);
  --pwa-backdrop-blur: 12px;
}
body.asp-shared-mobile-nav-on {
  background: var(--asp-bg);
  color: var(--asp-text);
  --bg: var(--asp-bg);
  --card: var(--asp-surface);
  --text: var(--asp-text);
  --muted: var(--asp-text-muted);
  --border: var(--asp-border);
  --accent: var(--asp-accent);
  --accent-soft: var(--asp-accent-soft);
  --secondary: var(--asp-secondary);
  --danger: var(--asp-danger);
  --success: var(--asp-success);
  --warning: var(--asp-warning);
  --info: var(--asp-info);
  --focus: var(--asp-focus);
  --ok: var(--asp-success);
  --warn: var(--asp-warning);
  --bad: var(--asp-danger);
  --shadow: var(--asp-shadow);
  --asp-card: var(--asp-surface);
  --asp-card-2: var(--asp-surface-2);
  --asp-muted: var(--asp-text-muted);
  --asp-line: var(--asp-border);
  min-height: 100vh;
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
}
body.asp-shared-mobile-nav-on .page {
  background: transparent;
  color: var(--asp-text);
  padding-bottom: calc(132px + env(safe-area-inset-bottom)) !important;
}
body.asp-shared-mobile-nav-on,
body.asp-shared-mobile-nav-on .page,
body.asp-shared-mobile-nav-on h1,
body.asp-shared-mobile-nav-on h2,
body.asp-shared-mobile-nav-on h3,
body.asp-shared-mobile-nav-on .title,
body.asp-shared-mobile-nav-on .page-title,
body.asp-shared-mobile-nav-on .card-title,
body.asp-shared-mobile-nav-on .name,
body.asp-shared-mobile-nav-on .header-chip-value,
body.asp-shared-mobile-nav-on .admin-brand-title,
body.asp-shared-mobile-nav-on .admin-nav-item,
body.asp-shared-mobile-nav-on .status-chip,
body.asp-shared-mobile-nav-on .cat-h,
body.asp-shared-mobile-nav-on .history-toggle,
body.asp-shared-mobile-nav-on td,
body.asp-shared-mobile-nav-on th,
body.asp-shared-mobile-nav-on .sum,
body.asp-shared-mobile-nav-on .cart-name {
  color: var(--asp-text) !important;
}
body.asp-shared-mobile-nav-on .muted,
body.asp-shared-mobile-nav-on .note,
body.asp-shared-mobile-nav-on .meta,
body.asp-shared-mobile-nav-on .u,
body.asp-shared-mobile-nav-on label,
body.asp-shared-mobile-nav-on .page-kicker,
body.asp-shared-mobile-nav-on .page-subtitle,
body.asp-shared-mobile-nav-on .card-meta,
body.asp-shared-mobile-nav-on .status,
body.asp-shared-mobile-nav-on .stock-note,
body.asp-shared-mobile-nav-on .header-chip-label,
body.asp-shared-mobile-nav-on .history-meta,
body.asp-shared-mobile-nav-on .admin-brand-sub,
body.asp-shared-mobile-nav-on .page .dt,
body.asp-shared-mobile-nav-on .cart-cat,
body.asp-shared-mobile-nav-on .order-card-org,
body.asp-shared-mobile-nav-on .helper-list,
body.asp-shared-mobile-nav-on .field-label,
body.asp-shared-mobile-nav-on .header-chip-value small {
  color: var(--asp-text-muted) !important;
}
body.asp-shared-mobile-nav-on .card,
body.asp-shared-mobile-nav-on .cat,
body.asp-shared-mobile-nav-on .cat-h,
body.asp-shared-mobile-nav-on .item,
body.asp-shared-mobile-nav-on .cart-row,
body.asp-shared-mobile-nav-on .header-chip,
body.asp-shared-mobile-nav-on .order-card,
body.asp-shared-mobile-nav-on .status-note,
body.asp-shared-mobile-nav-on .state,
body.asp-shared-mobile-nav-on [id="accessCard"],
body.asp-shared-mobile-nav-on .top > .card,
body.asp-shared-mobile-nav-on .summary-card,
body.asp-shared-mobile-nav-on .history-card,
body.asp-shared-mobile-nav-on .quick-card,
body.asp-shared-mobile-nav-on .admin-sidebar,
body.asp-shared-mobile-nav-on table,
body.asp-shared-mobile-nav-on .order-workspace,
body.asp-shared-mobile-nav-on .catalog-panel-card,
body.asp-shared-mobile-nav-on .cart-panel,
body.asp-shared-mobile-nav-on .stock-overlay-notice,
body.asp-shared-mobile-nav-on .img-modal-inner,
body.asp-shared-mobile-nav-on .modal,
body.asp-shared-mobile-nav-on .modal-card,
body.asp-shared-mobile-nav-on .dialog,
body.asp-shared-mobile-nav-on #scenario-switch,
body.asp-shared-mobile-nav-on #mainTabsCard,
body.asp-shared-mobile-nav-on .page-content > .card,
body.asp-shared-mobile-nav-on .order-main > section,
body.asp-shared-mobile-nav-on .order-side > section {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
  box-shadow: var(--asp-shadow) !important;
}
body.asp-shared-mobile-nav-on .cat,
body.asp-shared-mobile-nav-on .cat-c,
body.asp-shared-mobile-nav-on .order-card,
body.asp-shared-mobile-nav-on .cart-panel .cart-row,
body.asp-shared-mobile-nav-on .badge.muted,
body.asp-shared-mobile-nav-on .badge.info,
body.asp-shared-mobile-nav-on .badge.warn,
body.asp-shared-mobile-nav-on .badge.ok,
body.asp-shared-mobile-nav-on .badge.error,
body.asp-shared-mobile-nav-on .table-wrap,
body.asp-shared-mobile-nav-on tbody tr,
body.asp-shared-mobile-nav-on .item.disabled,
body.asp-shared-mobile-nav-on .cat-c[data-open="1"],
body.asp-shared-mobile-nav-on #cats,
body.asp-shared-mobile-nav-on #cart {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
}
body.asp-shared-mobile-nav-on .cat-h,
body.asp-shared-mobile-nav-on .cart-head,
body.asp-shared-mobile-nav-on thead,
body.asp-shared-mobile-nav-on .page-header,
body.asp-shared-mobile-nav-on .head,
body.asp-shared-mobile-nav-on .catalog-panel-card .catalog-head,
body.asp-shared-mobile-nav-on .section-head,
body.asp-shared-mobile-nav-on .order-top,
body.asp-shared-mobile-nav-on .history-toggle,
body.asp-shared-mobile-nav-on .top {
  background: transparent !important;
}
body.asp-shared-mobile-nav-on .cat-h,
body.asp-shared-mobile-nav-on .scenario-tab,
body.asp-shared-mobile-nav-on .tab,
body.asp-shared-mobile-nav-on .admin-nav-item.active,
body.asp-shared-mobile-nav-on .status-chip,
body.asp-shared-mobile-nav-on .badge.info,
body.asp-shared-mobile-nav-on .badge.muted {
  background: var(--asp-surface-3) !important;
  border-color: var(--asp-border) !important;
}
body.asp-shared-mobile-nav-on .inp,
body.asp-shared-mobile-nav-on .sel,
body.asp-shared-mobile-nav-on .ta,
body.asp-shared-mobile-nav-on .search,
body.asp-shared-mobile-nav-on .qty,
body.asp-shared-mobile-nav-on .select,
body.asp-shared-mobile-nav-on .sel-qty,
body.asp-shared-mobile-nav-on input,
body.asp-shared-mobile-nav-on select,
body.asp-shared-mobile-nav-on textarea {
  background: var(--asp-input-bg) !important;
  color: var(--asp-text) !important;
  border: 1px solid var(--asp-border) !important;
  box-shadow: none !important;
}
body.asp-shared-mobile-nav-on input::placeholder,
body.asp-shared-mobile-nav-on textarea::placeholder,
body.asp-shared-mobile-nav-on .search::placeholder {
  color: var(--asp-text-muted) !important;
  opacity: 1;
}
body.asp-shared-mobile-nav-on select option {
  background: var(--asp-surface-2);
  color: var(--asp-text);
}
body.asp-shared-mobile-nav-on input:focus,
body.asp-shared-mobile-nav-on select:focus,
body.asp-shared-mobile-nav-on textarea:focus,
body.asp-shared-mobile-nav-on .search:focus,
body.asp-shared-mobile-nav-on .sel-qty:focus {
  outline: none;
  border-color: var(--asp-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--asp-accent) 20%, transparent) !important;
}
body.asp-shared-mobile-nav-on input:disabled,
body.asp-shared-mobile-nav-on select:disabled,
body.asp-shared-mobile-nav-on textarea:disabled,
body.asp-shared-mobile-nav-on .item.disabled,
body.asp-shared-mobile-nav-on .send-btn[disabled],
body.asp-shared-mobile-nav-on .add-btn[disabled] {
  opacity: .72;
}
body.asp-shared-mobile-nav-on .btn,
body.asp-shared-mobile-nav-on .link-btn,
body.asp-shared-mobile-nav-on .mini-btn,
body.asp-shared-mobile-nav-on .scenario-tab,
body.asp-shared-mobile-nav-on .ghost-link,
body.asp-shared-mobile-nav-on .action-link,
body.asp-shared-mobile-nav-on .admin-nav-item,
body.asp-shared-mobile-nav-on .tab {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body.asp-shared-mobile-nav-on .send-btn,
body.asp-shared-mobile-nav-on .add-btn,
body.asp-shared-mobile-nav-on .btn.primary,
body.asp-shared-mobile-nav-on .scenario-tab.is-current,
body.asp-shared-mobile-nav-on .tab.active,
body.asp-shared-mobile-nav-on .scenario-tabs .btn.active,
body.asp-shared-mobile-nav-on .scenario-tabs .btn.primary,
body.asp-shared-mobile-nav-on .app-mobile-nav__link.is-active,
body.asp-shared-mobile-nav-on .admin-nav-item.active {
  background: var(--asp-accent-soft) !important;
  color: var(--asp-accent) !important;
  border-color: color-mix(in srgb, var(--asp-accent) 45%, var(--asp-border)) !important;
}
body.asp-shared-mobile-nav-on .send-btn,
body.asp-shared-mobile-nav-on .add-btn,
body.asp-shared-mobile-nav-on .btn.primary {
  background: var(--asp-accent) !important;
  color: #fff !important;
  border-color: var(--asp-accent) !important;
}
body.asp-shared-mobile-nav-on .rm,
body.asp-shared-mobile-nav-on .btn.danger,
body.asp-shared-mobile-nav-on .danger,
body.asp-shared-mobile-nav-on .badge.error,
body.asp-shared-mobile-nav-on .error {
  color: var(--asp-danger) !important;
  border-color: color-mix(in srgb, var(--asp-danger) 40%, var(--asp-border)) !important;
}
body.asp-shared-mobile-nav-on .error,
body.asp-shared-mobile-nav-on .badge.error,
body.asp-shared-mobile-nav-on .rm {
  background: color-mix(in srgb, var(--asp-danger) 12%, var(--asp-surface-2)) !important;
}
body.asp-shared-mobile-nav-on .badge.ok,
body.asp-shared-mobile-nav-on .ok,
body.asp-shared-mobile-nav-on .success,
body.asp-shared-mobile-nav-on .status-ok {
  color: var(--asp-success) !important;
  border-color: color-mix(in srgb, var(--asp-success) 35%, var(--asp-border)) !important;
  background: color-mix(in srgb, var(--asp-success) 12%, var(--asp-surface-2)) !important;
}
body.asp-shared-mobile-nav-on .img-modal,
body.asp-shared-mobile-nav-on .modal-backdrop {
  background: var(--asp-backdrop) !important;
}
body.asp-shared-mobile-nav-on .img-modal-inner,
body.asp-shared-mobile-nav-on .img-modal img,
body.asp-shared-mobile-nav-on .close-btn {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body.asp-shared-mobile-nav-on .item.selected::before {
  background: var(--asp-accent) !important;
}
body.asp-shared-mobile-nav-on .app-mobile-nav,
body.asp-shared-mobile-nav-on .asp-shared-mobile-nav {
  background: var(--asp-nav-bg) !important;
  border-top: 1px solid var(--asp-border) !important;
  box-shadow: 0 -8px 22px rgba(0,0,0,.08);
  backdrop-filter: blur(14px);
}
body.asp-shared-mobile-nav-on .app-mobile-nav__link,
body.asp-shared-mobile-nav-on .asp-shared-mobile-nav__link {
  color: var(--asp-text-muted) !important;
}
body.asp-shared-mobile-nav-on .app-mobile-nav__icon,
body.asp-shared-mobile-nav-on .asp-shared-mobile-nav__icon {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text-muted) !important;
}
body.asp-shared-mobile-nav-on .app-mobile-nav__link.is-active .app-mobile-nav__icon,
body.asp-shared-mobile-nav-on .asp-shared-mobile-nav__link.is-active .asp-shared-mobile-nav__icon {
  background: var(--asp-accent-soft) !important;
  color: var(--asp-accent) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order {
  background: var(--asp-bg);
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .page,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow {
  background: var(--asp-bg) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .top > .card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-list,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-list,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #cart,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sum {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-head,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-row,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #cart > div,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-list > div {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-h,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order details.cat[open] summary.cat-h,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-head {
  background: var(--asp-surface-3) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-c,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-c[data-open="1"],
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item:nth-child(2n),
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item.disabled {
  background: var(--asp-surface-2) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .name,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .title,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order label {
  color: var(--asp-text) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .meta,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .u,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .stock-note,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sum,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .note,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .dt {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .qty,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel-qty,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta {
  background: var(--asp-input-bg) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search::placeholder,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp::placeholder,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta::placeholder {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search:focus,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .qty:focus,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel-qty:focus,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp:focus,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel:focus,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta:focus {
  border-color: var(--asp-accent) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #send,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .btn.primary {
  background: var(--asp-accent) !important;
  color: #fff !important;
  border-color: var(--asp-accent) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order {
  background: var(--asp-bg);
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .page,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow {
  background: var(--asp-bg) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .top > .card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-list,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-list,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #cart,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sum {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-head,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-row,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #cart > div,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-list > div {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-h,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order details.cat[open] summary.cat-h,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-head {
  background: var(--asp-surface-3) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-c,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-c[data-open="1"],
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item:nth-child(2n),
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item.disabled {
  background: var(--asp-surface-2) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .name,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .title,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order label {
  color: var(--asp-text) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .meta,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .u,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .stock-note,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sum,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .note,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .dt {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .qty,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel-qty,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta {
  background: var(--asp-input-bg) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search::placeholder,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp::placeholder,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta::placeholder {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .qty:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel-qty:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta:focus {
  border-color: var(--asp-accent) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #send,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .btn.primary {
  background: var(--asp-accent) !important;
  color: #fff !important;
  border-color: var(--asp-accent) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns {
  background: var(--asp-bg);
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
  box-shadow: var(--asp-shadow) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group summary,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group[open] summary {
  background: var(--asp-surface-3) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group summary::after,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .group-items {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.selected,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.inactive {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row + .item-row {
  border-top: 1px solid var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-meta,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .calc-note,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .qty-grid small {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns {
  background: var(--asp-bg);
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
  box-shadow: var(--asp-shadow) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group summary,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group[open] summary {
  background: var(--asp-surface-3) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group summary::after,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .group-items,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.selected,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.inactive {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-meta,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .calc-note,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .qty-grid small {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .card.cart-panel,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-list,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .totals {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-empty {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text-muted) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .total-box {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .total-box b,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-title,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-name,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-title,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-head > span:first-child,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .meta-chip,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .return-reason-select {
  color: var(--asp-text) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .total-box span,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-meta,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .qty-label,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .calc-note {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .meta-chip,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .thumb,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .return-reason-select,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-row,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.selected,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.inactive {
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .meta-chip,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .thumb,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .return-reason-select {
  background: var(--asp-surface-2) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .page {
  padding-bottom: calc(168px + env(safe-area-inset-bottom)) !important;
}

body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .page,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .top {
  background: var(--asp-bg) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1),
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2),
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
  box-shadow: var(--asp-shadow) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .catalog-head,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-head {
  background: var(--asp-surface-3) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) #cats,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .cat,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .ff,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) #cart,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-list,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .sum {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) #cart > .note,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-list > .note {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text-muted) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .sum,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-head,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .catalog-head,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .note,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) label,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .title,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .title {
  color: var(--asp-text) !important;
}

body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .page,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .top {
  background: var(--asp-bg) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1),
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2),
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
  box-shadow: var(--asp-shadow) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .catalog-head,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-head {
  background: var(--asp-surface-3) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) #cats,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .cat,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .ff,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) #cart,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-list,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .sum {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) #cart > .note,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-list > .note {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text-muted) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .sum,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-head,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .catalog-head,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .note,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) label,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .title,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .title {
  color: var(--asp-text) !important;
}
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order #scenario-switch,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--parts #mainTabsCard,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--parts-list #mainTabsCard { display:none !important; }
.asp-shared-mobile-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
}
.asp-shared-mobile-nav__inner {
  max-width: 720px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}
.asp-shared-mobile-nav__link {
  position: relative;
  min-height: 58px;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 4px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
  font-family: inherit;
  line-height: 1.05;
  border: 0;
  background: transparent;
  color: var(--asp-text-muted);
  cursor: pointer;
}
.asp-shared-mobile-nav__icon { font-size: 18px; line-height: 1; }
.asp-shared-mobile-nav__link.is-active {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--asp-accent) 30%, var(--asp-border));
}
.asp-shared-mobile-nav__badge {
  position: absolute;
  top: 5px;
  right: 14px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--asp-accent);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 16px;
  text-align: center;
  display: none;
}
.asp-shared-mobile-nav__badge[data-count]:not([data-count=""]):not([data-count="0"]) { display: inline-block; }

body.asp-shared-mobile-nav-on.asp-has-user-background {
  background-color: var(--asp-bg) !important;
  background-image: var(--asp-user-background-overlay), var(--asp-user-background-image) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
body.asp-shared-mobile-nav-on.asp-has-user-background .page,
body.asp-shared-mobile-nav-on.asp-has-user-background #product-flow,
body.asp-shared-mobile-nav-on.asp-has-user-background .top,
body.asp-shared-mobile-nav-on.asp-has-user-background .shell,
body.asp-shared-mobile-nav-on.asp-has-user-background .asp-mobile-shell {
  background: transparent !important;
  background-image: none !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .cat,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .cat-h,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .item,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .cart-row,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .order-card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .catalog-group,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .group-items,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .asp-mobile-card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .hero,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .state {
  background: color-mix(in srgb, var(--asp-surface) 94%, transparent) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .cat,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .cat-h,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .item,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .cart-row,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .order-card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .catalog-group,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .group-items,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .asp-mobile-card,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .hero,
body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .state {
  background: color-mix(in srgb, var(--asp-surface) 91%, transparent) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ASP_PROD_ORDER_BACKGROUND_READY_SURFACES_20260715 */
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .top > .card,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background #product-flow > .card{
  background:var(--pwa-surface-card) !important;
  border-color:var(--pwa-surface-border) !important;
  box-shadow:var(--pwa-surface-shadow) !important;
  opacity:1 !important;
}
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .catalog-head,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cart-head,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat-h,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat-c,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .item,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cart-row,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background #cart,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cart-list,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .sum{
  background:var(--pwa-surface-panel) !important;
  border-color:var(--pwa-surface-border) !important;
  opacity:1 !important;
}
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .search,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .inp,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .sel,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .ta,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .qty,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .sel-qty{
  background:var(--pwa-surface-field) !important;
  border-color:var(--pwa-surface-border) !important;
  color:var(--asp-text) !important;
  opacity:1 !important;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .top > .card,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background #product-flow > .card,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat-h,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .item,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cart-row{
    backdrop-filter:blur(var(--pwa-backdrop-blur));
    -webkit-backdrop-filter:blur(var(--pwa-backdrop-blur));
  }
}
/* /ASP_PROD_ORDER_BACKGROUND_READY_SURFACES_20260715 */

/* ASP_PROD_UNIFIED_UI_PALETTE_AND_ORDER_ICONS_20260716 */
/* Canonical compact palette: page/surface/primary/neutral/text/border/status/focus. */
body.asp-shared-mobile-nav-on {
  --asp-page-background: var(--asp-bg);
  --asp-card-surface: var(--asp-surface);
  --asp-primary: var(--asp-accent);
  --asp-neutral: var(--asp-secondary);
  --asp-muted-text: var(--asp-text-muted);
  --asp-ui-border: var(--asp-border);
}

body.asp-shared-mobile-nav-on .asp-mobile-card,
body.asp-shared-mobile-nav-on .asp-mobile-action,
body.asp-shared-mobile-nav-on .asp-mobile-chip,
body.asp-shared-mobile-nav-on .asp-mobile-empty,
body.asp-shared-mobile-nav-on .item-card,
body.asp-shared-mobile-nav-on .cart-item-mobile,
body.asp-shared-mobile-nav-on .empty-state,
body.asp-shared-mobile-nav-on .document-card,
body.asp-shared-mobile-nav-on .catalog-toolbar,
body.asp-shared-mobile-nav-on .cart-panel {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
  box-shadow: var(--asp-shadow) !important;
  background-image: none !important;
}

body.asp-shared-mobile-nav-on .asp-mobile-action,
body.asp-shared-mobile-nav-on .asp-mobile-chip,
body.asp-shared-mobile-nav-on .item-card,
body.asp-shared-mobile-nav-on .cart-item-mobile,
body.asp-shared-mobile-nav-on .empty-state {
  background: var(--asp-surface-2) !important;
  box-shadow: none !important;
}

body.asp-shared-mobile-nav-on .badge.inventory,
body.asp-shared-mobile-nav-on .badge.info,
body.asp-shared-mobile-nav-on .status.info,
body.asp-shared-mobile-nav-on .status-note.info {
  background: color-mix(in srgb, var(--asp-info) 12%, var(--asp-surface-2)) !important;
  color: var(--asp-info) !important;
  border-color: color-mix(in srgb, var(--asp-info) 38%, var(--asp-border)) !important;
}

body.asp-shared-mobile-nav-on .badge.warn,
body.asp-shared-mobile-nav-on .status.warning,
body.asp-shared-mobile-nav-on .status-note.warn {
  background: color-mix(in srgb, var(--asp-warning) 13%, var(--asp-surface-2)) !important;
  color: var(--asp-warning) !important;
  border-color: color-mix(in srgb, var(--asp-warning) 40%, var(--asp-border)) !important;
}

body.asp-shared-mobile-nav-on .status.success,
body.asp-shared-mobile-nav-on .status-note.success,
body.asp-shared-mobile-nav-on .badge.active {
  background: color-mix(in srgb, var(--asp-success) 12%, var(--asp-surface-2)) !important;
  color: var(--asp-success) !important;
  border-color: color-mix(in srgb, var(--asp-success) 38%, var(--asp-border)) !important;
}

body.asp-shared-mobile-nav-on .status-note.error,
body.asp-shared-mobile-nav-on .badge.oos {
  background: color-mix(in srgb, var(--asp-danger) 12%, var(--asp-surface-2)) !important;
  color: var(--asp-danger) !important;
  border-color: color-mix(in srgb, var(--asp-danger) 38%, var(--asp-border)) !important;
}

body.asp-shared-mobile-nav-on .badge.inactive,
body.asp-shared-mobile-nav-on .btn.secondary,
body.asp-shared-mobile-nav-on .btn.ghost {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}

body.asp-shared-mobile-nav-on .item-row.selected,
body.asp-shared-mobile-nav-on .cart-row.selected {
  background: var(--asp-accent-soft) !important;
  border-color: color-mix(in srgb, var(--asp-accent) 52%, var(--asp-border)) !important;
  box-shadow: inset 3px 0 0 var(--asp-accent) !important;
}

body.asp-shared-mobile-nav-on :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--asp-focus) !important;
  outline-offset: 2px !important;
}

body.asp-shared-mobile-nav-on :where(button, .btn, .action-link, .ghost-link, .asp-mobile-action) {
  min-height: 44px;
}

body.asp-shared-mobile-nav-on :where(button, .btn, .action-link, .ghost-link, .asp-mobile-action):disabled,
body.asp-shared-mobile-nav-on :where(button, .btn, .action-link, .ghost-link, .asp-mobile-action)[aria-disabled="true"],
body.asp-shared-mobile-nav-on :where(button, .btn, .action-link, .ghost-link, .asp-mobile-action)[aria-busy="true"] {
  opacity: .58;
  cursor: not-allowed;
  box-shadow: none !important;
}

body.asp-shared-mobile-nav-on .cart-remove,
body.asp-shared-mobile-nav-on .close-btn,
body.asp-shared-mobile-nav-on .qty-btn,
body.asp-shared-mobile-nav-on .photo-trigger {
  min-width: 44px;
  min-height: 44px;
}

body.asp-shared-mobile-nav-on .cart-row {
  grid-template-columns: minmax(0, 1fr) 72px 72px 44px;
}

body.asp-shared-mobile-nav-on.mode-return .cart-row.has-return-reason,
body.asp-shared-mobile-nav-on .mode-return .cart-row.has-return-reason {
  grid-template-columns: minmax(0, 1fr) 72px 72px minmax(150px, 180px) 44px;
}

body.asp-shared-mobile-nav-on .asp-order-action {
  --asp-order-action-color: var(--asp-accent);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 20px;
  align-items: center;
  justify-content: stretch !important;
  gap: 12px;
  min-height: 68px;
  padding: 10px 12px !important;
  text-align: left;
  border: 1px solid color-mix(in srgb, var(--asp-order-action-color) 34%, var(--asp-border)) !important;
  border-left-width: 4px !important;
  background: var(--asp-surface-2) !important;
  color: var(--asp-text) !important;
  box-shadow: none !important;
}

body.asp-shared-mobile-nav-on .asp-order-action--goods { --asp-order-action-color: var(--asp-accent); }
body.asp-shared-mobile-nav-on .asp-order-action--returns { --asp-order-action-color: var(--asp-warning); }
body.asp-shared-mobile-nav-on .asp-order-action--parts { --asp-order-action-color: var(--asp-info); }
body.asp-shared-mobile-nav-on .asp-order-action--parts-admin { --asp-order-action-color: var(--asp-secondary); }
body.asp-shared-mobile-nav-on .asp-order-action--inventory { --asp-order-action-color: var(--asp-success); }
body.asp-shared-mobile-nav-on .asp-order-action--stock,
body.asp-shared-mobile-nav-on .asp-order-action--retry { --asp-order-action-color: var(--asp-info); }
body.asp-shared-mobile-nav-on .asp-order-action--open { --asp-order-action-color: var(--asp-accent); }
body.asp-shared-mobile-nav-on .asp-order-action--back { --asp-order-action-color: var(--asp-secondary); }

body.asp-shared-mobile-nav-on .asp-order-action__icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: var(--asp-order-action-color) !important;
  background: color-mix(in srgb, var(--asp-order-action-color) 13%, var(--asp-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--asp-order-action-color) 30%, var(--asp-border));
  margin: 0 !important;
}

body.asp-shared-mobile-nav-on .asp-order-action__icon svg {
  width: 24px;
  height: 24px;
  display: block;
}

body.asp-shared-mobile-nav-on .asp-order-action__copy {
  min-width: 0;
  display: grid !important;
  gap: 3px;
  margin: 0 !important;
  color: var(--asp-text) !important;
}

body.asp-shared-mobile-nav-on .asp-order-action__label {
  color: var(--asp-text) !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.asp-shared-mobile-nav-on .asp-order-action__hint {
  color: var(--asp-text-muted) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

body.asp-shared-mobile-nav-on .asp-order-action__chevron {
  color: var(--asp-order-action-color) !important;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  margin: 0 !important;
}

@media (max-width: 720px) {
  body.asp-shared-mobile-nav-on .cart-row {
    grid-template-columns: minmax(0, 1fr) 64px 64px 44px;
  }
  body.asp-shared-mobile-nav-on.mode-return .cart-row.has-return-reason,
  body.asp-shared-mobile-nav-on .mode-return .cart-row.has-return-reason {
    grid-template-columns: minmax(0, 1fr) 64px 64px minmax(0, 1fr) 44px;
  }
}

@media (max-width: 390px) {
  body.asp-shared-mobile-nav-on .asp-order-action {
    grid-template-columns: 44px minmax(0, 1fr) 16px;
    gap: 9px;
    padding-inline: 10px !important;
  }
}
/* /ASP_PROD_UNIFIED_UI_PALETTE_AND_ORDER_ICONS_20260716 */