/* Product-specific variables and geometry for bundled legacy products.
   Shared button behavior is attached by fc-legacy-controls.js. Business and
   content animations remain owned by each product bundle. */
html[data-fc-shell-product="lingqian"] #root .fc-button-behavior,
html[data-fc-shell-product="haoma"] #root .fc-button-behavior {
  --fc-button-focus-surface: #fffcf5;
  --fc-button-focus: rgba(161, 35, 35, .62);
}

html[data-fc-shell-product="haoma"] #root .fc-legacy-share-close {
  display: grid !important;
  place-items: center !important;
  width: var(--fc-touch-target, 44px) !important;
  min-width: var(--fc-touch-target, 44px) !important;
  height: var(--fc-touch-target, 44px) !important;
  min-height: var(--fc-touch-target, 44px) !important;
  top: calc(var(--fc-header-height, 64px) + 12px) !important;
  right: 12px !important;
  padding: 0 !important;
  font-size: 0 !important;
  --fc-button-focus-surface: rgba(44, 40, 37, .92);
  --fc-button-focus: rgba(255, 255, 255, .72);
}

@media (max-width: 900px) {
  html[data-fc-shell-product="haoma"] #root .fc-legacy-share-close {
    top: calc(var(--fc-header-height, 58px) + 12px) !important;
  }
}

html[data-fc-shell-product="haoma"] #root .fc-legacy-share-close .fc-icon {
  width: var(--fc-icon-size, 18px);
  height: var(--fc-icon-size, 18px);
}

html[data-fc-shell-product="haoma"] #root .fc-legacy-share-close:hover {
  border-color: rgba(255, 255, 255, .62) !important;
  background: rgba(255, 255, 255, .1) !important;
}