/* FramingHub full-page host styles. Mobile-first, theme-agnostic. */
.framehub-fullpage-body { margin: 0; }
.framehub-fullpage {
  position: fixed; inset: 0; display: flex; flex-direction: column;
  background: #fff; z-index: 9999;
}
.framehub-topbar {
  display: flex; align-items: center; justify-content: space-between;
  height: 48px; padding: 0 12px;
  border-bottom: 1px solid #e5e7eb; background: #fff;
  font: 500 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
  color: #111827;
}
.framehub-back, .framehub-cart {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 10px; border: 0; background: transparent; cursor: pointer;
  color: inherit; text-decoration: none; border-radius: 6px;
}
.framehub-back:hover, .framehub-cart:hover { background: #f3f4f6; }
.framehub-shop-name {
  font-weight: 600; letter-spacing: 0.01em;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.framehub-cart-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 20px; padding: 0 6px;
  background: #111827; color: #fff;
  border-radius: 999px; font-size: 12px; font-weight: 600;
}
.framehub-iframe {
  flex: 1 1 auto; width: 100%; border: 0; display: block;
}
@media (max-width: 480px) {
  .framehub-back-label { display: none; }
  .framehub-shop-name { font-size: 13px; max-width: 50%; }
}