/* WordPress owns the surrounding page. Standalone TEQTRADE is unchanged. */
html.tt-embedded,
html.tt-embedded body {
  background: transparent;
  scroll-behavior: auto;
  scroll-padding-top: 0;
}
html.tt-embedded body {
  display: flow-root;
  min-height: 0;
  margin: 0;
  padding: 0;
}
html.tt-embedded.tt-embed-connected,
html.tt-embedded.tt-embed-connected body {
  overflow: hidden;
}
html.tt-embedded .tt-header,
html.tt-embedded .tt-footer,
html.tt-embedded .tt-signup,
html.tt-embedded .tt-top {
  display: none !important;
}
html.tt-embedded .tt-shell {
  width: 100%;
  max-width: none;
  padding-inline: 8px;
}
html.tt-embedded .tt-catalog {
  padding-block: 16px 28px;
}
html.tt-embedded .tt-detail {
  display: flow-root;
  background: transparent;
  border: 0;
}
html.tt-embedded .tt-lot-layout {
  margin-bottom: 28px;
}
html.tt-embedded .tt-lot__title { font-size: 1.25rem; line-height: 1.35; }
html.tt-embedded .tt-lot__action { font-size: 14px; }

/* vh would mean the growing iframe, not the customer's actual screen. */
html.tt-embedded .tt-sheet-scroll {
  max-height: clamp(220px, calc(var(--tt-viewport-height, 800px) * .65), 720px);
}
html.tt-embedded .tt-dialog {
  position: fixed;
  inset: var(--tt-dialog-top, 24px) 0 auto;
  margin: 0 auto;
  max-height: var(--tt-dialog-height, 600px);
}
html.tt-embedded .tt-dialog__panel {
  max-height: var(--tt-dialog-height, 600px);
  overscroll-behavior: contain;
}

/* The shell reserves space for the approved fixed card shadow. */
html.tt-embedded .tt-lot,
html.tt-embedded .tt-lot:hover {
  box-shadow: var(--card-shadow);
  transform: none;
}
html.tt-embedded .tt-card,
html.tt-embedded .tt-deal {
  box-shadow: none;
  transform: none;
}
html.tt-embedded .tt-dialog--sheet .tt-sheet-scroll { max-height: none; }
html.tt-embedded .tt-dialog--sheet { width: min(1200px, calc(100% - 48px)); }
@media (max-width: 768px) {
  html.tt-embedded .tt-dialog { width: 100%; }
  html.tt-embedded .tt-dialog--sheet { width: calc(100% - 16px); }
  html.tt-embedded .tt-lot__title { font-size: 1.3125rem; line-height: 1.3; }
  html.tt-embedded .tt-card, html.tt-embedded .tt-deal { box-shadow: none; }
  html.tt-embedded .tt-lot, html.tt-embedded .tt-lot:hover { box-shadow: var(--card-shadow); }
  html.tt-embedded .tt-lot__action { font-size: 1rem; }
}