/* Approved Console de Missao component system.
   Product palettes, route logic, hero effects and carousel motion stay independent. */
body.lob-ui-standard {
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-12: 48px;
  --ui-page-width: 1280px;
  --ui-gutter: clamp(16px, 3vw, 32px);
  --ui-control: 44px;
  --ui-radius: 2px;
  --ui-panel-radius: 3px;
  --ui-text: #f5f3f7;
  --ui-muted: #b7adbe;
  --ui-accent: #ff98fb;
  --ui-line: rgba(255, 152, 251, 0.28);
  --ui-line-strong: rgba(255, 152, 251, 0.56);
  --ui-surface: rgba(12, 10, 16, 0.9);
  --ui-field: #0c0a10;
  --ui-action: rgba(255, 0, 246, 0.11);
  --ui-action-hover: rgba(255, 0, 246, 0.2);
  --ui-danger: #ff8797;
  --ui-body: var(--lobnho-font-body);
  --ui-heading: var(--lobnho-font-logo);
  --ui-data: var(--ms-f-data);
  --ui-arcade: var(--ms-f-arc);
  --ui-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Shared page geometry. Product container queries remain in the original theme. */
body.lob-ui-standard .lob-route {
  --lob-radius-control: var(--ui-radius);
  --lob-control-height: var(--ui-control);
  padding: 96px var(--ui-gutter) 64px !important;
  color: var(--ui-text);
  font: 500 16px/1.6 var(--ui-body);
}
body.lob-ui-standard [hidden] { display: none !important; }
body.lob-ui-standard :is(.lob-products, .lob-admin-shell, .lob-profile-shell,
  .lob-guides-shell, .lob-tools-hero, .lob-tickets-list-page, .lob-product-detail) {
  width: 100%;
  max-width: var(--ui-page-width);
  margin-inline: auto;
}
body.lob-ui-standard :is([data-guides-page], [data-tools-page]) {
  width: min(var(--ui-page-width), 100%) !important;
}
body.lob-ui-standard .lob-profile-shell { padding: 0; }
body.lob-ui-standard :is(.lob-catalog-layout, .lob-admin-shell, .lob-profile-shell) {
  gap: var(--ui-space-6);
}
body.lob-ui-standard .lob-section-heading { margin-bottom: var(--ui-space-8); }
body.lob-ui-standard :is(.lob-products-toolbar, .lob-admin-topbar, .lob-tools-hero-header) {
  gap: var(--ui-space-4);
  margin-bottom: var(--ui-space-6);
}
body.lob-ui-standard :is(.lob-product-grid, .lob-tools-grid, .lob-admin-orders) {
  gap: var(--ui-space-4);
}
body.lob-ui-standard .lob-category-row {
  gap: var(--ui-space-2);
  margin-bottom: var(--ui-space-6);
}

/* Four deliberate type roles: readable copy, headings, HUD data and arcade CTAs. */
body.lob-ui-standard :is(.lob-section-heading h1, .lob-section-heading h2,
  .lob-admin-topbar h1, .lob-checkout-title, .lob-tools-hero-title,
  .lob-guide-head h1, .lob-product-detail-body h1, .lob-legal-card h1) {
  margin: 0 0 var(--ui-space-4);
  font-family: var(--ui-heading) !important;
  font-size: clamp(28px, 3.5vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
body.lob-ui-standard :is(.lob-section-heading h1, .lob-section-heading h2,
  .lob-admin-topbar h1, .lob-tools-hero-title, .lob-guide-head h1) { margin-bottom: 0; }
body.lob-ui-standard :is(.lob-product-body h2, .lob-admin-row h3, .lob-tool-title, .lob-tool-card h2,
  .lob-tool-card h3, .lob-checkout-section h2, .lob-profile-card h2,
  .lob-tickets-sidebar h1, .lob-stock-card h3, .lob-login-head h1,
  .lob-admin-login-card h1, .lob-cart-header h2) {
  font-family: var(--ui-heading);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
  overflow-wrap: anywhere;
}
body.lob-ui-standard .lob-product-body h2 { font-size: 18px; }
body.lob-ui-standard .lob-product-card .lob-product-body h2 { min-height: 2.6em; }
body.lob-ui-standard :is(.lob-login-head h1, .lob-admin-login-card h1) { font-size: 28px; }
body.lob-ui-standard .lob-guide-content :is(h2, h3),
body.lob-ui-standard .lob-legal-card h2 {
  margin: var(--ui-space-8) 0 var(--ui-space-4);
  font: 700 24px/1.3 var(--ui-heading);
  letter-spacing: -0.015em;
}
body.lob-ui-standard .lob-guide-content h3 { font-size: 20px; }
body.lob-ui-standard :is(.lob-product-detail-body p, .lob-legal-card p,
  .lob-guide-content, .lob-guide-head p, .lob-tool-desc, .lob-profile-bio) {
  color: var(--ui-muted);
  font: 500 16px/1.7 var(--ui-body);
}
body.lob-ui-standard :is(.lob-guide-content, .lob-guide-head p) {
  font-family: var(--ui-body) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
body.lob-ui-standard :is(.lob-section-heading > span, .lob-admin-topbar > div > span,
  .lob-guide-head > span) {
  margin-bottom: var(--ui-space-2);
  color: var(--ui-accent) !important;
  font: 400 20px/1.2 var(--ui-data) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
}
body.lob-ui-standard :is(.lob-product-footer strong, .lob-product-detail-footer strong,
  .lob-cart-total strong, .lob-checkout-total strong, .lob-var-price) {
  font-family: var(--ui-data) !important;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}
body.lob-ui-standard :is(.lob-product-footer small, .lob-product-detail-footer small,
  .lob-product-results, .lob-field-hint, .lob-profile-role) {
  color: var(--ui-muted);
  font: 500 14px/1.5 var(--ui-body);
}
body.lob-ui-standard .lob-count-up-price-box {
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100%;
  contain: layout style;
}
body.lob-ui-standard .lob-count-up-price { min-width: 0 !important; }

/* Product surfaces keep their original paint; other panels use the approved shared surface. */
body.lob-ui-standard :is(.lob-product-filters, .lob-admin-sidebar, .lob-admin-form, .lob-admin-list,
  .lob-admin-login-card, .lob-login-card, .lob-profile-card, .lob-checkout-section,
  .lob-order-card, .lob-tool-card, .lob-ticket-card, .lob-ticket-new,
  .lob-admin-ticket-card, .lob-legal-card, .lob-stock-card, .lob-verification-card,
  .lob-verification-admin-card, .lob-shipping-order, .lob-postpay-card,
  .lob-guides-sidebar, .lob-guide-reader, .lob-guide-single) {
  border: 1px dashed var(--ui-line) !important;
  border-radius: var(--ui-panel-radius) !important;
  background-color: var(--ui-surface) !important;
  background-image: var(--ms-scan) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 8px 24px rgba(0, 0, 0, 0.2);
}
body.lob-ui-standard :is(.lob-admin-form, .lob-admin-list, .lob-checkout-section,
  .lob-ticket-new, .lob-verification-card, .lob-postpay-card) { padding: var(--ui-space-6); }
body.lob-ui-standard :is(.lob-guides-sidebar, .lob-guide-reader, .lob-guide-single) {
  padding: var(--ui-space-6) !important;
}
body.lob-ui-standard :is(.lob-admin-sidebar, .lob-product-body, .lob-order-card,
  .lob-ticket-card, .lob-admin-ticket-card) { padding: var(--ui-space-4); }
body.lob-ui-standard .lob-profile-card { padding: var(--ui-space-8); gap: var(--ui-space-4); }
body.lob-ui-standard .lob-login-card { padding: var(--ui-space-8); gap: var(--ui-space-6); }
body.lob-ui-standard .lob-filter-section {
  padding: var(--ui-space-4);
  border-width: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
}
body.lob-ui-standard .lob-filter-section + .lob-filter-section { border-top: 1px dashed var(--ui-line) !important; }
body.lob-ui-standard .lob-payment-card { border: 0 !important; background: transparent !important; }
body.lob-ui-standard .lob-product-body { gap: var(--ui-space-4); }
body.lob-ui-standard .lob-product-detail-card { gap: var(--ui-space-6); padding: var(--ui-space-6); }
body.lob-ui-standard .lob-category-row .lob-chip {
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: var(--ui-space-2);
  padding: var(--ui-space-3);
  border-color: var(--ui-line);
}
body.lob-ui-standard .lob-category-icon { width: 36px; height: 36px; }
body.lob-ui-standard .lob-category-name { font: 700 13px/1.4 var(--ui-body); }

/* Product actions inherit the existing per-announcement theme, never the global pink. */
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card) {
  --ui-control-border: var(--lob-th-btn-border);
  --ui-control-background: var(--lob-th-btn-bg);
  --ui-control-color: #fff;
  --ui-control-hover-border: var(--lob-th-btn-hover-border);
  --ui-control-hover-background: var(--lob-th-btn-hover-bg);
  --ui-primary-background: linear-gradient(135deg, var(--lob-th-buy1), var(--lob-th-buy2));
  --ui-primary-border: var(--lob-th-btn-border);
  color: #fff;
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card) .lob-tag-row button {
  --ui-selection-border: rgba(255, 255, 255, 0.1);
  --ui-selection-background: rgba(255, 255, 255, 0.045);
  --ui-selection-color: rgba(255, 255, 255, 0.72);
  --ui-selection-hover-border: var(--lob-th-tag-hover-border);
  --ui-selection-hover-background: var(--lob-th-tag-hover-bg);
  --ui-selection-hover-color: var(--ui-selection-color);
}
body.lob-ui-standard .lob-product-card .lob-tag-row button {
  --ui-selection-color: rgba(255, 255, 255, 0.58);
}
body.lob-ui-standard .lob-product-detail-card .lob-tag-row button {
  --ui-selection-hover-color: #fff;
}
body.lob-ui-standard .lob-product-footer small { color: rgba(255, 255, 255, 0.48); }
body.lob-ui-standard .lob-product-detail-footer small { color: rgba(255, 255, 255, 0.56); }
body.lob-ui-standard .lob-product-detail-body p { color: rgba(255, 255, 255, 0.68); }

/* Shared hit areas do not resize embedded pixel glyphs or number steppers. */
body.lob-ui-standard :is(.lob-route, .lob-cart-panel,
  .lob-notification-panel, .lob-ban-modal-box, .lob-media-library)
  :where(button:not(.lob-number-stepper button, .lob-price-stepper button)) {
  min-height: var(--ui-control);
  border-radius: var(--ui-radius) !important;
  -webkit-tap-highlight-color: transparent;
}

/* The complete action base applies equally to buttons and native navigation links. */
body.lob-ui-standard :is(.lob-action-btn, .lob-ghost-btn, .lob-btn,
  .lob-admin-topbar button, .lob-admin-actions button, .lob-row-actions button,
  .lob-product-admin-btn, .lob-stock-add-btn, .lob-cart-continue,
  .lob-cart-checkout-btn, .lob-checkout-submit, .lob-coupon-apply-btn,
  .lob-filter-reset, .lob-active-filter-summary button, .lob-product-back, .lob-tool-download-btn,
  .lob-payment-copy-btn, .lob-payment-link, .lob-ticket-reply button,
  .lob-admin-ticket-reply button, .lob-login-card > button[type="submit"],
  .lob-admin-login-card > button[type="submit"], .lob-desc-toolbar button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ui-space-2);
  min-height: var(--ui-control);
  min-width: 0;
  max-width: 100%;
  padding: 10px 16px;
  border: 1px solid var(--ui-control-border, var(--ui-line-strong));
  border-radius: var(--ui-radius) !important;
  background-color: var(--ui-control-background, var(--ui-action));
  color: var(--ui-control-color, var(--ui-text));
  font: 700 14px/1.35 var(--ui-body);
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms var(--ui-ease);
}
body.lob-ui-standard :is(.lob-action-btn, .lob-ghost-btn, .lob-btn,
  .lob-product-admin-btn, .lob-tool-download-btn, .lob-cart-continue,
  .lob-coupon-apply-btn, .lob-filter-reset, .lob-product-back):hover:not(:disabled) {
  background-color: var(--ui-control-hover-background, var(--ui-action-hover));
  border-color: var(--ui-control-hover-border, var(--ui-accent));
}
body.lob-ui-standard :is(.lob-action-btn, .lob-ghost-btn, .lob-btn,
  .lob-product-admin-btn, .lob-tool-download-btn, .lob-cart-continue):active:not(:disabled) {
  transform: scale(0.98);
}
body.lob-ui-standard :is(.lob-buy-btn, .lob-cart-checkout-btn, .lob-checkout-submit,
  .lob-checkout-empty > a.lob-action-btn,
  .lob-btn--pink, .lob-login-card > button[type="submit"], .lob-admin-login-card > button[type="submit"]) {
  border: 1px solid var(--ui-primary-border, #ff6afa);
  border-radius: var(--ui-radius) !important;
  background: var(--ui-primary-background, linear-gradient(135deg, #c900c2, #9e009d));
  color: #fff;
  font-family: var(--ui-arcade) !important;
  font-size: 10px !important;
  font-weight: 400;
  line-height: 1.8 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.4), inset -2px -2px 0 rgba(0, 0, 0, 0.2), inset 2px 2px 0 rgba(255, 255, 255, 0.18) !important;
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card) .lob-buy-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--lob-th-buy-h1), var(--lob-th-buy-h2));
  border-color: var(--lob-th-buy-hover-border);
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card) .lob-buy-btn:active:not(:disabled) {
  background: linear-gradient(135deg, var(--lob-th-buy-a1), var(--lob-th-buy-a2));
}
body.lob-ui-standard :is(.lob-btn--secondary, .lob-ghost-btn, .lob-cart-continue) {
  background: rgba(255, 255, 255, 0.035);
  border-color: var(--ui-line);
}
/* Pixel fonts contain Latin glyphs only; Chinese actions retain a readable font. */
body.lob-ui-standard:lang(zh) :is(.lob-buy-btn, .lob-cart-checkout-btn, .lob-checkout-submit,
  .lob-checkout-empty > a.lob-action-btn,
  .lob-btn--pink, .lob-login-card > button[type="submit"], .lob-admin-login-card > button[type="submit"]) {
  font-family: var(--ui-body) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 700;
}
body.lob-ui-standard :is(.lob-btn-icon--danger, .lob-stock-key-delete) { color: var(--ui-danger); }
body.lob-ui-standard :is(.lob-action-btn, .lob-btn, .lob-ghost-btn,
  .lob-buy-btn, .lob-cart-checkout-btn, .lob-checkout-submit):disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none !important;
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card)
  .lob-product-btns .lob-action-btn:disabled {
  background-color: var(--lob-th-btn-bg);
  opacity: 0.62;
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-footer) .lob-product-btns .lob-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: var(--ui-control);
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}
body.lob-ui-standard .lob-product-btns > .lob-action-btn::before { flex: none; }

/* Selection is not a primary action. Product tags keep their original palette. */
body.lob-ui-standard :is(.lob-admin-sidebar button, .lob-login-card .lob-login-tab,
  .lob-product-variation-toggle, .lob-product-variation-option,
  .lob-page-btn, .lob-tag-row button, .lob-guides-categories button) {
  min-height: var(--ui-control);
  padding: 10px 12px;
  border: 1px dashed var(--ui-selection-border, var(--ui-line));
  border-radius: var(--ui-radius) !important;
  color: var(--ui-selection-color, var(--ui-muted));
  background: var(--ui-selection-background, rgba(255, 255, 255, 0.025));
  font: 700 13px/1.4 var(--ui-body);
  letter-spacing: 0.035em;
  text-decoration: none;
  white-space: normal;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
body.lob-ui-standard .lob-admin-sidebar button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--ui-space-2);
  text-align: left;
}
body.lob-ui-standard .lob-login-tabs { gap: var(--ui-space-2); }
body.lob-ui-standard .lob-login-card .lob-login-tab { width: 100%; transform: none; box-shadow: none; }
body.lob-ui-standard :is(.lob-admin-sidebar button, .lob-login-card .lob-login-tab,
  .lob-product-variation-option, .lob-page-btn, .lob-tag-row button):hover:not(:disabled) {
  border-color: var(--ui-selection-hover-border, var(--ui-accent));
  color: var(--ui-selection-hover-color, var(--ui-text));
  background-color: var(--ui-selection-hover-background, var(--ui-action));
}
body.lob-ui-standard :is(.lob-admin-sidebar button, .lob-login-card .lob-login-tab,
  .lob-page-btn).is-active,
body.lob-ui-standard .lob-product-variation-option.is-selected {
  border-color: var(--ui-accent);
  border-style: solid;
  color: var(--ui-text);
  background: var(--ui-action-hover);
  box-shadow: inset 3px 0 0 #ff00f6;
}
body.lob-ui-standard .lob-guides-categories button {
  min-height: var(--ui-control) !important;
  border-radius: var(--ui-radius) !important;
  border-style: dashed !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  padding: 10px 12px !important;
}
body.lob-ui-standard .lob-guides-nav a {
  min-height: var(--ui-control) !important;
  border-radius: var(--ui-radius) !important;
}
body.lob-ui-standard .lob-page-btn { min-width: var(--ui-control); font: 400 22px/1 var(--ui-data) !important; }
body.lob-ui-standard .lob-tag-row { gap: var(--ui-space-2); }
body.lob-ui-standard .lob-product-card .lob-tag-row button { min-height: 28px; padding: 4px 8px; font-size: 11px; }
body.lob-ui-standard .lob-guide-tags small {
  padding: 4px 8px;
  border: 1px dashed var(--ui-line);
  border-radius: var(--ui-radius);
  color: var(--ui-muted);
  font: 600 12px/1.4 var(--ui-body);
}
body.lob-ui-standard .lob-payment-btn {
  min-height: 96px;
  gap: var(--ui-space-2);
  padding: var(--ui-space-4);
  border-radius: var(--ui-radius);
  border-style: dashed;
  font: 700 14px/1.4 var(--ui-body);
}
body.lob-ui-standard .lob-payment-btn.is-active { border-style: solid; }
body.lob-ui-standard .lob-payment-btn.is-selected { border-style: solid; }

/* Icon hit areas do not resize the 12/24/36px pixel glyphs. */
body.lob-ui-standard :is(.lob-cart-close, .lob-order-toggle, .lob-btn-icon,
  .lob-stock-key-save, .lob-stock-key-delete, .lob-media-library-close,
  .lob-media-library-delete, .lob-cart-qty button,
  .lob-active-product-tag button) {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: var(--ui-control);
  height: var(--ui-control);
  min-width: var(--ui-control);
  min-height: var(--ui-control);
  padding: 8px;
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-radius);
  background-color: rgba(255, 255, 255, 0.035);
  cursor: pointer;
}
/* Phones: the 44px close square dwarfs the 11px filter pill; scale it to the 28px mobile tag buttons. */
@media (max-width: 640px) {
  body.lob-ui-standard .lob-active-product-tag button {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 7px;
  }
}

body.lob-ui-standard :is(.lob-btn-icon, .lob-cart-close) { color: var(--ui-text); }
body.lob-ui-standard .lob-btn-icon--danger { color: var(--ui-danger); }
body.lob-ui-standard .lob-filter-heading button { width: var(--ui-control); height: var(--ui-control); }
body.lob-ui-standard .lob-cart-qty { gap: var(--ui-space-2); }
body.lob-ui-standard .lob-cart-remove { min-height: var(--ui-control); font: 700 13px/1.4 var(--ui-body); }

/* Native hidden/radio/checkbox/file/color controls are deliberately excluded. */
body.lob-ui-standard :is(.lob-route, .lob-cart-panel, .lob-ban-modal-box, .lob-media-library)
  :where(input:not([type]), input[type="text"], input[type="search"], input[type="email"],
  input[type="password"], input[type="tel"], input[type="url"], input[type="number"],
  input[type="date"], input[type="datetime-local"], select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: var(--ui-control);
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-radius) !important;
  background-color: var(--ui-field);
  color: var(--ui-text);
  padding-block: 10px;
  padding-inline: 12px;
  font: 500 16px/1.4 var(--ui-body);
  letter-spacing: 0;
  text-transform: none;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}
body.lob-ui-standard :is(.lob-route, .lob-cart-panel) textarea {
  min-height: 112px;
  resize: vertical;
}
body.lob-ui-standard :is(.lob-number-field, .lob-price-number) > input[type="number"] { padding-right: 32px; }
body.lob-ui-standard .lob-tools-search-bar input { padding-left: 48px; }
body.lob-ui-standard .lob-route select { padding-right: 36px; }
body.lob-ui-standard .lob-guides-search input {
  font: 500 16px/1.4 var(--ui-body) !important;
  border-radius: var(--ui-radius) !important;
  min-height: var(--ui-control) !important;
}
body.lob-ui-standard :is(.lob-route, .lob-cart-panel)
  :is(input, textarea)::placeholder { color: #988e9f; opacity: 1; }
body.lob-ui-standard :is(.lob-search, .lob-product-sort, .lob-login-field,
  .lob-profile-form, .lob-checkout-form, .lob-admin-form, .lob-guides-search) > label,
body.lob-ui-standard :is(.lob-search, .lob-product-sort, .lob-login-field > label,
  .lob-admin-form label:not(.lob-inline-check), .lob-checkout-form label:not(.lob-inline-check),
  .lob-profile-form label, .lob-price-inputs label) {
  gap: var(--ui-space-2);
  color: var(--ui-muted);
  font: 700 12px/1.5 var(--ui-body);
  letter-spacing: 0.06em;
}
body.lob-ui-standard :is(.lob-profile-form, .lob-admin-form, .lob-checkout-form) { gap: var(--ui-space-4); }
body.lob-ui-standard .lob-login-field { gap: var(--ui-space-2); }
body.lob-ui-standard .lob-login-remember { min-height: var(--ui-control); }
body.lob-ui-standard .lob-spec-list label { min-height: var(--ui-control); align-items: center; }
body.lob-ui-standard :is(.lob-login-forgot, .lob-login-switch, .lob-profile-link) {
  color: var(--ui-muted);
  font: 500 14px/1.6 var(--ui-body);
}
body.lob-ui-standard :is(.lob-login-forgot, .lob-login-switch a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--ui-control);
}
body.lob-ui-standard .lob-login-forgot { justify-content: flex-end; }
body.lob-ui-standard :is(.lob-empty, .lob-checkout-empty) {
  color: var(--ui-muted);
  font: 500 16px/1.6 var(--ui-body);
}
body.lob-ui-standard .lob-filter-mobile-toggle {
  min-height: var(--ui-control);
  border-radius: var(--ui-radius);
  font: 700 14px/1.4 var(--ui-body);
}

/* Modals retain their functional positioning, hidden state and dismissal behavior. */
body.lob-ui-standard :is(.lob-cart-panel, .lob-notification-panel, .lob-ban-modal-box,
  .lob-media-library, .lob-product-variation-menu, .lob-card-fields) {
  border-color: var(--ui-line-strong) !important;
  border-radius: var(--ui-panel-radius) !important;
  color: var(--ui-text);
}
body.lob-ui-standard .lob-cart-panel {
  font: 500 16px/1.5 var(--ui-body);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
body.lob-ui-standard :is(.lob-cart-header, .lob-cart-body, .lob-cart-footer) { padding: var(--ui-space-6); }
body.lob-ui-standard .lob-cart-header { padding-top: max(24px, env(safe-area-inset-top)); }
body.lob-ui-standard .lob-cart-item { border-color: var(--ui-line); padding: var(--ui-space-3); }
body.lob-ui-standard :is(.lob-cart-item-info h3, .lob-cart-item-title) { font: 700 16px/1.4 var(--ui-heading); }
body.lob-ui-standard .lob-cart-item-actions { gap: var(--ui-space-2); flex-wrap: wrap; }
body.lob-ui-standard .lob-product-variation-menu { padding: var(--ui-space-2); }
body.lob-ui-standard .lob-product-variation-option { padding: 12px; }
body.lob-ui-standard .lob-app-notice { z-index: 20050; font: 600 14px/1.5 var(--ui-body); }
body.lob-ui-standard :is(.lob-route, .lob-cart-panel,
  .lob-notification-panel, .lob-ban-modal-box, .lob-media-library)
  :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--ui-accent) !important;
  outline-offset: 3px;
}

/* Variation controls were already brand pink. Preserve their colors, not the preview repaint. */
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card)
  .lob-product-variation .lob-product-variation-toggle {
  border-color: rgba(255, 0, 246, 0.3);
  background: #0a090c;
  color: #fff;
  padding-right: 34px;
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card)
  .lob-product-variation .lob-product-variation-toggle:is(:hover, [aria-expanded="true"]) {
  border-color: rgba(255, 0, 246, 0.7);
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card)
  .lob-product-variation .lob-product-variation-toggle:focus {
  border-color: #ff00f6;
  box-shadow: 0 0 0 3px rgba(255, 0, 246, 0.12);
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card)
  .lob-product-variation .lob-product-variation-menu {
  border-color: rgba(255, 0, 246, 0.45) !important;
  color: #fff;
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card)
  .lob-product-variation .lob-product-variation-option {
  border: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card)
  .lob-product-variation .lob-product-variation-option:is(:hover, .is-selected) {
  background: rgba(255, 0, 246, 0.22);
  color: #fff;
}
body.lob-ui-standard :is(.lob-product-card, .lob-product-detail-card)
  .lob-product-variation .lob-product-variation-option:disabled {
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

/* Home carousel shares the console finish without changing its track, media or links. */
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-item {
  border: 1px dashed var(--ui-line);
  border-radius: var(--ui-panel-radius);
  background: var(--ui-surface);
  background-image: var(--ms-scan);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 8px 24px rgba(0, 0, 0, 0.2);
}
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-item:is(:hover, :focus-within) {
  border-color: var(--ui-line-strong);
  background-color: rgba(18, 13, 24, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 28px rgba(0, 0, 0, 0.35);
}
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-media {
  border-radius: var(--ui-panel-radius) var(--ui-panel-radius) 0 0;
  border-bottom: 1px dashed var(--ui-line);
}
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-content { padding: var(--ui-space-4); }
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-title {
  font: 700 14px/1.3 var(--ui-heading);
  letter-spacing: 0.02em;
  -webkit-text-stroke: 0;
}
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-footer { flex-wrap: wrap; gap: var(--ui-space-2); }
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-price {
  max-width: 100%;
  color: var(--ui-text);
  font: 400 24px/1.1 var(--ui-data);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ui-space-2);
  min-height: var(--ui-control);
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-radius);
  background: linear-gradient(135deg, #c900c2, #9e009d);
  color: #fff;
  font: 400 8px/1.8 var(--ui-arcade);
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.4), inset -2px -2px 0 rgba(0, 0, 0, 0.2), inset 2px 2px 0 rgba(255, 255, 255, 0.18);
  transition: transform 140ms var(--ui-ease);
}
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-action > svg { flex: 0 0 12px; width: 12px; height: 12px; }
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-link:is(:hover, :focus-visible) .lob-infinite-card-action {
  border-color: var(--ui-accent);
  background: linear-gradient(135deg, #e000d8, #b300b0);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.4), inset -2px -2px 0 rgba(0, 0, 0, 0.2), inset 2px 2px 0 rgba(255, 255, 255, 0.24);
}
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-link:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: -3px; }
body.lob-ui-standard .lob-home-card-swap .lob-infinite-card-link:active .lob-infinite-card-action { transform: scale(0.98); }
@media (prefers-reduced-motion: reduce) {
  body.lob-ui-standard .lob-home-card-swap :is(.lob-infinite-card-item, .lob-infinite-card-action) { transition-duration: 1ms; }
}

/* Hero action shares the arcade type and spacing without changing the WebGL rim geometry. */
body.lob-ui-standard .lobnho-hero-cta.specular-button {
  --sb-radius: var(--ui-radius) !important;
  animation-fill-mode: backwards;
  min-width: var(--ui-control);
  min-height: 48px;
  gap: var(--ui-space-2);
  padding: var(--ui-space-3) var(--ui-space-6);
  border-color: var(--ui-line-strong);
  border-radius: var(--sb-radius);
  background: #c900c2;
  color: #fff;
  font: 400 10px/1.8 var(--ui-arcade);
  letter-spacing: 0;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.4), inset -2px -2px 0 rgba(0, 0, 0, 0.2), inset 2px 2px 0 rgba(255, 255, 255, 0.18);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 140ms ease, border-color 140ms ease, transform 140ms var(--ui-ease);
}
body.lob-ui-standard .lobnho-hero-cta.specular-button:hover {
  background-color: #b800b3;
  border-color: var(--ui-accent);
}
body.lob-ui-standard .lobnho-hero-cta.specular-button:active { transform: scale(0.98); }
body.lob-ui-standard .lobnho-hero-cta.specular-button:focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}
body.lob-ui-standard:lang(zh) .lobnho-hero-cta.specular-button {
  font: 700 14px/1.4 var(--ui-body);
}
@media (prefers-reduced-motion: reduce) {
  body.lob-ui-standard .lobnho-hero-cta.specular-button {
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
    transition-duration: 1ms !important;
  }
}

/* Navigation keeps its pill/glass geometry and GSAP transforms. */
body.lob-ui-standard :is(.pill, .mobile-menu-link) { font-family: var(--ui-body); }
body.lob-ui-standard :is(.gl-cart-btn, .gl-lang-btn, .gl-notification-btn, .mobile-menu-button) {
  min-width: var(--ui-control);
  min-height: var(--ui-control);
}
body.lob-ui-standard .lob-footer-links { gap: var(--ui-space-6); }
body.lob-ui-standard .lob-footer-links a {
  display: inline-flex;
  align-items: center;
  min-height: var(--ui-control);
  font: 700 14px/1.4 var(--ui-body);
}

@media (max-width: 980px) {
  body.lob-ui-standard .lob-route { padding-block: 64px 48px !important; }
  body.lob-ui-standard :is(.lob-catalog-layout, .lob-admin-shell, .lob-profile-shell) {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ui-space-6);
  }
  body.lob-ui-standard .lob-guides-shell { gap: var(--ui-space-6) !important; }
  body.lob-ui-standard .lob-tickets-layout { flex-direction: column; gap: var(--ui-space-6); }
  body.lob-ui-standard .lob-tickets-sidebar { flex-basis: auto; width: 100%; max-width: none; }
  body.lob-ui-standard .lob-tickets-content { width: 100%; }
  body.lob-ui-standard .lob-admin-sidebar { position: static; top: auto; }
}
@media (max-width: 640px) {
  body.lob-ui-standard .lob-route { padding-block: 48px !important; }
  body.lob-ui-standard .lob-products-toolbar { grid-template-columns: minmax(0, 1fr); }
  body.lob-ui-standard :is(.lob-profile-card, .lob-login-card, .lob-admin-login-card,
    .lob-admin-form, .lob-admin-list, .lob-checkout-section, .lob-postpay-card,
    .lob-verification-card, .lob-product-detail-card) { padding: var(--ui-space-4); }
  body.lob-ui-standard :is(.lob-guides-sidebar, .lob-guide-reader, .lob-guide-single) { padding: var(--ui-space-4) !important; }
  body.lob-ui-standard .lob-admin-topbar { align-items: stretch; flex-wrap: wrap; }
  body.lob-ui-standard :is(.lob-admin-topbar > button, .lob-admin-product-tools, .lob-admin-order-search) { width: 100%; }
  body.lob-ui-standard :is(.lob-row-actions, .lob-admin-actions, .lob-form-actions,
    .lob-product-row-actions, .lob-legal-actions) { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
  body.lob-ui-standard :is(.lob-row-actions, .lob-admin-actions, .lob-form-actions,
    .lob-product-row-actions, .lob-legal-actions) > :is(button, a) { flex: 1 1 144px; }
  body.lob-ui-standard .lob-cart-panel { width: min(420px, 100%); }
  body.lob-ui-standard :is(.lob-cart-header, .lob-cart-body, .lob-cart-footer) { padding: var(--ui-space-4); }
  body.lob-ui-standard .lob-cart-header { padding-top: max(16px, env(safe-area-inset-top)); }
  body.lob-ui-standard .lob-payment-btn { min-height: 88px; }
  body.lob-ui-standard .lob-footer-links { gap: var(--ui-space-2); }
}
@media (pointer: coarse), (max-width: 640px) {
  body.lob-ui-standard .lob-product-card .lob-tag-row button { min-height: var(--ui-control); padding: 10px 12px; font-size: 12px; }
  body.lob-ui-standard :is(.lob-number-stepper, .lob-price-stepper) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.lob-ui-standard :is(.ms-in, .lob-product-card, .lob-chip, .lob-section-heading h1,
    .lob-section-heading h2, .lob-checkout-title, .lob-tools-hero-title,
    .lob-product-variation-menu, .lob-product-variation-option, .lob-cart-root,
    .lob-cart-panel, .lob-app-notice, .lob-ban-modal-box, .lob-media-library,
    .lob-notification-panel, .gl-lang-menu),
  body.lob-ui-standard :is(.lob-buy-btn, .lob-cart-checkout-btn, .lob-checkout-submit)::after {
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}