/* Local-review visual system. Catalog scoped; checkout and availability semantics stay intact. */
#page-catalog {
  --ui-brand: #087f73;
  --ui-brand-dark: #06685f;
  --ui-brand-soft: #edf8f5;
  --ui-ink: #243342;
  --ui-muted: #657488;
  --ui-line: #dce5eb;
  --ui-surface: #f7fafb;
  color: var(--ui-ink);
}
/* Catalog chrome shares the workbench accents; unrelated admin pages keep their theme. */
body:has(#page-catalog:not(.hidden)) .topbar { border-bottom-color: #dce5eb; background: #fff; }
body:has(#page-catalog:not(.hidden)) .topbar .brand-mark { box-shadow: none; }
body:has(#page-catalog:not(.hidden)) .topbar .top-actions { min-width: 0; }
body:has(#page-catalog:not(.hidden)) .topbar .button { white-space: nowrap; flex: 0 0 auto; border-radius: 8px; }
body:has(#page-catalog:not(.hidden)) .topbar .button.primary { color: #fff; background: #087f73; border-color: #087f73; }
body:has(#page-catalog:not(.hidden)) .topbar .button.ghost { color: #42586a; background: #fff; border-color: #dce5eb; }
body:has(#page-catalog:not(.hidden)) .topbar .balance,
body:has(#page-catalog:not(.hidden)) .topbar .language-button { color: #086b61; background: #edf8f5; border-color: #c5e1d9; }
body:has(#page-catalog:not(.hidden)) .topbar .user-email { flex: 0 1 240px; min-width: 80px; color: #42586a; border-color: #dce5eb; font-weight: 600; }
#page-catalog .button { min-height: 38px; border-radius: 8px; font-size: 13px; box-shadow: none; }
#page-catalog .button.primary { color: #fff; background: var(--ui-brand); border-color: var(--ui-brand); }
#page-catalog .button.primary:hover { background: var(--ui-brand-dark); border-color: var(--ui-brand-dark); transform: none; }
#page-catalog .button.ghost { color: #4c5d6d; background: #fff; border-color: var(--ui-line); }
#page-catalog .button.ghost:hover { color: var(--ui-brand-dark); border-color: #9cc9c1; background: #f5faf8; transform: none; }
#page-catalog .button:disabled { cursor: not-allowed; transform: none; }
#page-catalog .text-button { color: var(--ui-brand-dark); font-size: 12px; }
#page-catalog :is(button, input, select, summary):focus-visible { outline: 2px solid var(--ui-brand); outline-offset: 3px; }
#page-catalog input, #page-catalog select { min-width: 0; border-color: #d3dfe7; border-radius: 8px; color: var(--ui-ink); background: #fff; font-size: 13px; }
#page-catalog input:focus, #page-catalog select:focus { border-color: var(--ui-brand); box-shadow: 0 0 0 3px #087f7310; }
#page-catalog .page-heading { margin: 20px 0 16px; }
#page-catalog .page-heading h2 { color: var(--ui-ink); font-size: 24px; letter-spacing: -.02em; }

/* A stable three-column workbench: selector / comparison / current orders. */
#page-catalog .catalog-browser { grid-template-columns: 216px minmax(0, 1fr) 292px; gap: 16px; align-items: start; }
#page-catalog .catalog-browser > .service-pane,
#page-catalog .catalog-browser > .route-pane,
#page-catalog .catalog-browser > .offer-pane.panel { min-width: 0; padding: 16px; border: 1px solid var(--ui-line); border-radius: 12px; background: #fff; box-shadow: 0 2px 5px #24334203; }
#page-catalog .service-pane { position: sticky; top: 94px; max-height: calc(100vh - 112px); overflow: auto; scrollbar-width: thin; scrollbar-color: #c8d8d4 transparent; }
#page-catalog .route-pane { display: grid; gap: 20px; }
#page-catalog .flow-card { margin: 0; padding: 0; color: var(--ui-ink); border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#page-catalog .flow-card + .flow-card { margin-top: 0; }
#page-catalog .flow-step-head { gap: 9px; margin-bottom: 14px; }
#page-catalog .flow-step-head > b { width: 24px; height: 24px; border-radius: 7px; color: var(--ui-brand-dark); background: var(--ui-brand-soft); font-size: 12px; }
#page-catalog .flow-step-head strong { font-size: 15px; line-height: 1.4; }
#page-catalog .flow-step-head small { color: var(--ui-muted); }

/* Service cards remain compact without losing their real brand assets. */
#page-catalog .service-flow .service-search { padding: 0 0 16px; }
#page-catalog .service-search input { height: 42px; padding: 10px 11px; }
#page-catalog .service-flow .service-search span { margin-top: 7px; color: var(--ui-muted); font-size: 12px; line-height: 1.5; }
#page-catalog .service-flow .popular-block { margin: 0; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
#page-catalog .popular-head { margin-bottom: 10px; }
#page-catalog .service-flow .popular-head strong { color: #4c5d6d; font-size: 12px; }
#page-catalog .service-flow .popular-services { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#page-catalog .service-flow .popular-service { position: relative; min-width: 0; min-height: 72px; padding: 10px 5px; gap: 7px; border: 1px solid #e1e8ed; border-radius: 9px; color: #425266; background: #fff; box-shadow: none; transform: none; }
#page-catalog .service-flow .popular-service:hover { color: var(--ui-brand-dark); border-color: #a5cbc3; background: #f7fbf9; box-shadow: none; transform: none; }
#page-catalog .service-flow .popular-service.active { color: var(--ui-brand-dark); border-color: var(--ui-brand); background: var(--ui-brand-soft); box-shadow: inset 0 0 0 1px var(--ui-brand); }
#page-catalog .service-flow .popular-icon { width: 28px; height: 28px; border-radius: 7px; background-color: #fff; box-shadow: none; }
#page-catalog .service-flow .popular-service > span:last-of-type { min-width: 0; color: inherit; font-size: 12px; font-weight: 650; line-height: 1.35; }
#page-catalog .service-flow .services-list.open { padding: 0; margin: 12px 0 0; max-height: 320px; border-color: var(--ui-line); border-radius: 8px; background: #fff; scrollbar-color: #c8d8d4 transparent; }
#page-catalog .service-flow .services-list.open .service-item { min-height: 54px; padding: 10px; color: var(--ui-ink); background: #fff; border-color: #edf1f4; }
#page-catalog .service-flow .services-list.open .service-item:hover { background: #f5faf8; }
#page-catalog .service-flow .services-list.open .service-item.active { color: var(--ui-brand-dark); background: var(--ui-brand-soft); box-shadow: inset 3px 0 var(--ui-brand); }
#page-catalog .service-flow .services-list.open .service-copy strong { font-size: 13px; }
#page-catalog .service-flow .services-list.open .service-copy small { color: var(--ui-muted); font-size: 12px; }
#page-catalog .service-flow .services-list.open .service-price { color: var(--ui-brand-dark); font-size: 12px; }
#page-catalog .service-flow.searching .popular-block,
#page-catalog .service-flow.searching #recent-routes,
#page-catalog .service-flow.searching .home-favorites { display: none; }
#page-catalog .home-favorites { padding-top: 16px; border-top: 1px solid #edf1f4; margin-top: 16px; }
#page-catalog .home-favorites > div:first-child { gap: 8px; flex-wrap: wrap; }
#page-catalog .home-favorites strong { color: #4c5d6d; font-size: 12px; }
#page-catalog .recent-routes { padding: 12px; border-color: var(--ui-line); border-radius: 9px; box-shadow: none; }
#page-catalog .recent-routes-head { flex-wrap: wrap; gap: 4px; }
#page-catalog .recent-routes-head strong { color: #4c5d6d; font-size: 12px; }
#page-catalog .recent-routes-head small, #page-catalog .recent-route small { color: var(--ui-muted); font-size: 12px; }
#page-catalog .recent-route { padding: 10px; color: var(--ui-ink); border-color: #e7edf1; border-radius: 7px; background: var(--ui-surface); }

/* Consistent selected borders, with tier color as a secondary cue. */
#page-catalog .tier-selector { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
#page-catalog .tier-option, #page-catalog .tier-option[data-tier="all"] { min-height: 42px; padding: 10px 7px; border: 1px solid #dce5eb; border-radius: 8px; color: #526374; background: #fff; box-shadow: none; transform: none; }
#page-catalog .tier-option b { font-size: 13px; font-weight: 650; }
#page-catalog .tier-option:hover { color: var(--ui-brand-dark); border-color: #a5cbc3; background: #f7fbf9; }
#page-catalog .tier-option.active { color: var(--ui-brand-dark); border-color: var(--ui-brand); background: var(--ui-brand-soft); box-shadow: inset 0 0 0 1px var(--ui-brand); }
#page-catalog .tier-option.gold.active { color: #80621d; border-color: #b99b54; background: #fff9e9; box-shadow: inset 0 0 0 1px #b99b54; }
#page-catalog .tier-option.silver.active { color: #42566d; border-color: #8299ae; background: #f0f5f9; box-shadow: inset 0 0 0 1px #8299ae; }
#page-catalog .tier-option.bronze.active { color: #8a5f3c; border-color: #b18b67; background: #fcf4ed; box-shadow: inset 0 0 0 1px #b18b67; }

/* Country comparison: light boundaries, aligned rows, final prices prominent. */
#page-catalog .country-controls { grid-template-columns: minmax(0, 1fr) 132px; gap: 10px; margin-bottom: 16px; }
#page-catalog .country-controls input, #page-catalog .country-controls select { height: 42px; padding: 10px 12px; }
#page-catalog .country-results { max-height: min(920px, calc(100vh - 238px)); padding-right: 5px; scrollbar-width: thin; scrollbar-color: #c8d8d4 transparent; }
#page-catalog .country-results .catalog-card.country-route-card { margin: 0 0 12px; padding: 14px; border: 1px solid #d7e2e8; border-radius: 10px; background: #fff; box-shadow: none; transform: none; }
#page-catalog .country-results .catalog-card.country-route-card:hover { border-color: #a5cbc3; box-shadow: none; transform: none; }
#page-catalog .country-results .catalog-card.country-route-card:focus-within { border-color: var(--ui-brand); }
#page-catalog .country-card-head { display: flex; flex-wrap: nowrap; gap: 12px; align-items: center; padding-bottom: 0; border: 0; }
#page-catalog .country-results .country-flag { width: 35px; height: 26px; border-radius: 4px; }
#page-catalog .country-results .country-identity h3 { margin: 0 0 4px; color: var(--ui-ink); font-size: 15px; font-weight: 700; }
#page-catalog .country-identity small { color: var(--ui-muted); font-size: 12px; }
#page-catalog .country-identity small strong { color: #4c5d6d; font-weight: 600; }
#page-catalog .country-price { display: grid; gap: 3px; text-align: right; }
#page-catalog .country-price small { color: var(--ui-ink); font-size: 16px; font-weight: 750; white-space: nowrap; }
#page-catalog .country-price strong { color: var(--ui-muted); font-size: 12px; font-weight: 400; }
#page-catalog .country-quick-buy { min-height: 38px; padding: 9px 12px; font-size: 12px; }
#page-catalog .route-picker { margin-top: 12px; border-top: 1px solid #edf1f4; }
#page-catalog .route-picker > summary { padding: 11px 2px 0; color: var(--ui-brand-dark); font-size: 12px; font-weight: 600; border-radius: 0; }
#page-catalog .route-picker[open] > summary { padding-bottom: 12px; }
#page-catalog .country-results .route-table { gap: 8px; margin-top: 0; padding-top: 0; border: 0; }
#page-catalog .country-results .route-row,
#page-catalog .country-results .route-row.has-price-editor { grid-template-columns: 56px minmax(0, 1fr) 66px auto; gap: 10px; padding: 12px 10px; border: 1px solid #e0e8ed; border-radius: 8px; color: var(--ui-ink); background: var(--ui-surface); box-shadow: none; }
#page-catalog .country-results .route-row:nth-child(even) { background: var(--ui-surface); }
#page-catalog .country-results .route-row:hover, #page-catalog .country-results .route-row:focus-within { border-color: #9bc6bd; }
#page-catalog .route-row.route-unavailable { opacity: .72; }
#page-catalog .route-code { min-width: 0; gap: 4px; }
#page-catalog .route-code > small { color: var(--ui-muted); font-size: 12px; font-weight: 400; }
#page-catalog .route-code b { color: #344457; font: 700 15px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .015em; }
#page-catalog .route-code em, #page-catalog .route-stat-details p, #page-catalog .route-stat-details-open, #page-catalog .route-statistics-neutral, #page-catalog .route-picker .route-stat-details > summary { font-size: 12px; line-height: 1.5; color: var(--ui-muted); }
#page-catalog .route-stat-details > summary { padding: 2px 0; font-weight: 400; }
#page-catalog .route-stat-details p { padding: 8px 10px; border-left: 2px solid #b9d8d0; background: #fff; }
#page-catalog .country-delivery-hint { margin: 10px 0 0; color: var(--ui-muted); font-size: 12px; }
#page-catalog .route-badges { gap: 5px; }
#page-catalog .route-badge { padding: 3px 6px; border-radius: 4px; font-size: 11px; line-height: 1.25; box-shadow: none; }
#page-catalog .route-badge.recommended { color: #0a715f; background: #dff2ea; }
#page-catalog .route-badge.low_price { color: #4d6975; background: #eaf1f5; }
#page-catalog .route-badge.stable { color: #3f6c50; background: #edf5ed; }
#page-catalog .route-badge.maintenance { color: #936018; background: #fff1d8; }
#page-catalog .speed-badge { min-width: 0; width: 48px; padding: 5px 4px; border-radius: 5px; font-size: 12px; font-weight: 600; background-image: none; }
#page-catalog .speed-badge.gold { color: #80621d; background: #fff1c9; }
#page-catalog .speed-badge.silver { color: #53677d; background: #e7edf3; }
#page-catalog .speed-badge.bronze { color: #8a5f3c; background: #f7e9dc; }
#page-catalog .route-price { color: #233342; font-size: 17px; font-weight: 750; font-variant-numeric: tabular-nums; white-space: nowrap; }
#page-catalog .route-price-stack { display:flex; flex-direction:column; align-items:flex-end; gap:2px; min-width:0; }
#page-catalog .route-stock-summary, #page-catalog .route-inventory { color: var(--ui-muted); font-size:11px; line-height:1.35; white-space:nowrap; }
#page-catalog .route-inventory { display:block; overflow:hidden; text-overflow:ellipsis; }
#page-catalog .route-row.route-unavailable .route-price { color: #718091; }
#page-catalog .route-actions { display: flex; flex-wrap: nowrap; gap: 6px; justify-content: flex-end; grid-column: auto; }
#page-catalog .route-actions .button { min-height: 36px; padding: 8px 10px; font-size: 12px; white-space: nowrap; }
#page-catalog .route-actions .button[data-price] { padding-inline: 7px; }
#page-catalog .country-results .empty { padding: 26px 16px; color: var(--ui-muted); border: 1px dashed #cddce4; border-radius: 9px; background: #fafcfd; font-size: 13px; line-height: 1.6; }
#page-catalog .preview-note { color: #536d81; border-color: #d7e5ee; background: #f2f7fb; border-radius: 8px; font-size: 12px; }

/* Current orders are useful, visible and visually secondary to purchasing. */
#page-catalog .catalog-browser > .offer-pane.panel { padding: 16px; top: 94px; max-height: calc(100vh - 112px); overflow: auto; scrollbar-width: thin; scrollbar-color: #c8d8d4 transparent; }
#page-catalog .home-receiving-head { gap: 8px; padding-bottom: 13px; border-bottom: 1px solid #edf1f4; margin-bottom: 14px; }
#page-catalog .home-receiving-head h2 { color: var(--ui-ink); font-size: 17px; font-weight: 700; }
#page-catalog .member-active-orders { gap: 10px; }
#page-catalog .home-order { padding: 13px; border-color: #dce7e4; border-radius: 9px; background: #fbfdfc; }
#page-catalog .home-order-header { font-size: 13px; }
#page-catalog .home-order-header > :first-child { min-width: 0; overflow-wrap: anywhere; }
#page-catalog .home-order-header .status { flex: 0 0 auto; white-space: nowrap; }
#page-catalog .home-order-header small { color: var(--ui-muted); font-size: 12px; line-height: 1.5; }
#page-catalog .home-order-number strong { color: var(--ui-ink); font-size: 18px; font-variant-numeric: tabular-nums; }
#page-catalog .home-order-code strong { color: var(--ui-brand-dark); font-size: 24px; letter-spacing: .05em; }
#page-catalog .home-order-time { color: var(--ui-muted); font-size: 12px; }
#page-catalog .home-order-actions .button { min-height: 34px; }
#page-catalog .offer-pane .selection-overview { margin-top: 18px; padding-top: 18px; border-top-color: #edf1f4; }
#page-catalog .offer-pane .selected-service-title { align-items: flex-start; gap: 10px; }
#page-catalog .offer-pane .selected-service-title h3 { color: var(--ui-ink); font-size: 15px; line-height: 1.45; }
#page-catalog .offer-pane .selected-service-title p { color: var(--ui-muted); font-size: 12px; line-height: 1.65; }
#page-catalog .offer-pane .selected-service-title small { color: var(--ui-muted); font-size: 12px; }
#page-catalog .offer-pane .selection-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 14px; padding: 12px 0 0; border-top: 1px solid #edf1f4; }
#page-catalog .offer-pane .selection-stats > div { padding: 0 7px; gap: 5px; min-width: 0; }
#page-catalog .offer-pane .selection-stats > div + div { border-left-color: #e5ebef; }
#page-catalog .selection-stats strong { color: #344457; font-size: 17px; font-variant-numeric: tabular-nums; }
#page-catalog .selection-stats span { color: var(--ui-muted); font-size: 12px; white-space: nowrap; }
#page-catalog .member-empty { padding: 18px 12px; color: var(--ui-muted); font-size: 13px; border: 1px dashed var(--ui-line); border-radius: 8px; background: #fafcfd; line-height: 1.6; }
#page-catalog .active-order-preview { padding: 12px; color: var(--ui-ink); border: 1px solid #dce7e4; border-radius: 8px; background: #f6fbf8; }
#page-catalog .active-order-preview small { color: var(--ui-muted); font-size: 12px; }
#page-catalog .active-order-preview .preview-number { color: var(--ui-ink); font-size: 15px; overflow-wrap: anywhere; }

/* Keep grouped operations navigation aligned without letting button labels widen the page. */
.ops-nav.ops-nav-grouped { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; padding: 4px 14px; border: 1px solid #dce5eb; border-radius: 8px; background: #fff; }
.ops-nav-group { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 10px; align-items: start; min-width: 0; padding: 10px 0; }
.ops-nav-group + .ops-nav-group { border-top: 1px solid #edf1f4; }
.ops-nav-group-label { min-width: 0; padding: 10px 0; color: #738194; font-size: 12px; font-weight: 650; line-height: 1.35; }
.ops-nav-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; min-width: 0; }
.ops-nav.ops-nav-grouped .button { max-width: 100%; padding: 8px 12px; min-height: 36px; border-radius: 6px; color: #4c5d6d; background: #fff; border-color: #e3e9ed; font-size: 13px; line-height: 1.35; white-space: normal; }
.ops-nav.ops-nav-grouped .button.active { color: #06685f; background: #edf8f5; border-color: #90bfb4; }

.mobile-receiving-link { display: none; }
@media (max-width: 1279px) and (min-width: 701px) {
  #page-catalog .catalog-browser { grid-template-columns: 198px minmax(0, 1fr); }
  #page-catalog .catalog-browser > .offer-pane.panel { position: static; grid-column: 1 / -1; max-height: none; overflow: visible; }
  #page-catalog .offer-pane .member-active-orders { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #page-catalog .offer-pane .selection-overview { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: center; }
  #page-catalog .offer-pane .selection-stats { margin-top: 0; padding-top: 0; border: 0; }
}
@media (max-width: 1023px) and (min-width: 701px) {
  #page-catalog .catalog-browser { grid-template-columns: 182px minmax(0, 1fr); gap: 12px; }
  #page-catalog .catalog-browser > .service-pane { padding: 12px; }
  #page-catalog .tier-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #page-catalog .country-card-head { gap: 8px; flex-wrap: wrap; }
  #page-catalog .country-identity { min-width: 140px; }
  #page-catalog .country-quick-buy { margin-left: auto; }
  #page-catalog .country-results .route-row.has-price-editor { grid-template-columns: 48px minmax(0, 1fr) 64px; }
  #page-catalog .route-row.has-price-editor .route-actions { grid-column: 2 / -1; }
}
@media (max-width: 700px) {
  body:has(#page-catalog:not(.hidden)) .topbar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; height: auto; padding: 12px; }
  body:has(#page-catalog:not(.hidden)) .topbar .top-actions { display: flex; width: 100%; min-width: 0; gap: 6px; justify-content: flex-end; }
  body:has(#page-catalog:not(.hidden)) .topbar .user-email { min-width: 68px; flex: 1 1 100px; max-width: none; padding: 9px 10px; font-size: 12px; }
  body:has(#page-catalog:not(.hidden)) .topbar .button { min-height: 37px; padding: 8px 10px; font-size: 12px; line-height: 1.4; }
  body:has(#page-catalog:not(.hidden)) .topbar .language-switcher { flex: 0 0 auto; }
  body:has(#page-catalog:not(.hidden)) .topbar .language-button { min-width: 70px; gap: 5px; padding-inline: 8px; }
  body:has(#page-catalog:not(.hidden)) .topbar #lang-label { display: inline; font-size: 12px; }
  body:has(#page-catalog:not(.hidden)) .topbar .language-menu { right: 0; }
  body:has(#page-catalog:not(.hidden)) main { padding: 12px; }
  body:has(#page-catalog:not(.hidden)) #workspace-view { width: 100%; margin: 0; }
  #page-catalog { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  #page-catalog .catalog-browser { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
  #page-catalog .catalog-browser > .service-pane, #page-catalog .catalog-browser > .route-pane, #page-catalog .catalog-browser > .offer-pane.panel { position: static; grid-column: auto; grid-row: auto; padding: 14px; border-radius: 11px; max-height: none; overflow: visible; }
  #page-catalog .catalog-browser > .offer-pane:has(.home-order) { grid-row: auto; }
  #page-catalog .service-pane { max-height: none; }
  #page-catalog .service-flow .popular-services { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #page-catalog .service-flow .popular-service { min-height: 68px; padding: 9px 6px; }
  #page-catalog .service-flow .popular-service > span:last-of-type { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
  #page-catalog .tier-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #page-catalog .tier-option { min-height: 42px; }
  #page-catalog .route-pane { gap: 20px; }
  #page-catalog .country-controls { grid-template-columns: minmax(0, 1fr) 112px; gap: 8px; }
  #page-catalog .country-controls input, #page-catalog .country-controls select { padding-inline: 10px; font-size: 13px; }
  #page-catalog .country-results { max-height: none; overflow: visible; padding: 0; }
  #page-catalog .country-results .catalog-card.country-route-card { padding: 12px; border-radius: 9px; }
  #page-catalog .country-card-head { flex-wrap: wrap; gap: 8px; }
  #page-catalog .country-identity { min-width: 120px; }
  #page-catalog .country-price { margin-left: auto; }
  #page-catalog .country-quick-buy { margin-left: auto; }
  #page-catalog .country-results .route-row, #page-catalog .country-results .route-row.has-price-editor { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 8px; padding: 12px 10px; }
  #page-catalog .route-row .speed-badge, #page-catalog .route-row.has-price-editor .speed-badge { grid-column: 1; grid-row: 1; justify-self: start; }
  #page-catalog .route-row .route-code, #page-catalog .route-row.has-price-editor .route-code { grid-column: 2; grid-row: 1; justify-self: start; }
  #page-catalog .route-row .route-price-stack, #page-catalog .route-row.has-price-editor .route-price-stack { grid-column: 3; grid-row: 1; align-self: start; }
  #page-catalog .route-row .route-actions, #page-catalog .route-row.has-price-editor .route-actions { grid-column: 2 / -1; grid-row: 2; justify-content: flex-end; }
  #page-catalog .route-actions .button { min-height: 38px; }
  #page-catalog .route-actions .button.primary { padding-inline: 14px; }
  #page-catalog .route-code { width: 100%; }
  #page-catalog .route-code em { font-size: 12px; }
  #page-catalog .offer-pane .member-active-orders { grid-template-columns: minmax(0, 1fr); }
  #page-catalog .home-receiving-head h2 { font-size: 16px; }
  #page-catalog .offer-pane .selection-overview { display: block; }
  #page-catalog .offer-pane:has(.home-order) .selection-overview { display: block; }
  #page-catalog .mobile-receiving-link:not(.hidden) { position: fixed; display: flex; align-items: center; justify-content: space-between; gap: 12px; z-index: 45; left: 16px; right: 16px; bottom: calc(14px + env(safe-area-inset-bottom)); width: calc(100% - 32px); min-height: 58px; padding: 12px 16px; color: #fff; border: 1px solid #076b61; border-radius: 12px; background: #087f73; box-shadow: 0 5px 18px #15463c20; text-align: left; }
  #page-catalog .mobile-receiving-copy { min-width: 0; display: grid; gap: 3px; }
  #page-catalog .mobile-receiving-copy strong { font-size: 14px; }
  #page-catalog .mobile-receiving-copy small { color: #d5f2eb; font-size: 12px; line-height: 1.3; }
  #page-catalog .mobile-receiving-count { display: grid; place-items: center; min-width: 28px; height: 28px; padding: 0 7px; color: #07685d; border-radius: 7px; background: #e0f3ed; font-size: 13px; font-weight: 750; }
  .ops-nav.ops-nav-grouped { padding-inline: 10px; }
  .ops-nav-group { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .ops-nav-group-label { padding: 0; }
  .ops-nav.ops-nav-grouped .button { flex: 0 1 auto; padding-inline: 10px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #page-catalog *, #page-catalog *::before, #page-catalog *::after { scroll-behavior: auto; transition: none; animation: none; }
}