/* v782 — Fit Verdict editorial sizing decision */

#fit,
body[data-theme] #fit,
html.native-layout-guard #fit,
html.native-layout-guard body[data-theme] #fit {
  --fit-ink: #171717;
  --fit-paper: #f4f0e7;
  --fit-lime: #dfff55;
  --fit-blue: #435cff;
  --fit-coral: #ff654f;
  --fit-line: rgba(23, 23, 23, 0.18);
  gap: clamp(18px, 3vw, 34px) !important;
  overflow: visible !important;
  border: 1px solid rgba(23, 23, 23, 0.14) !important;
  border-radius: 3px !important;
  background:
    repeating-linear-gradient(135deg, transparent 0 38px, rgba(67, 92, 255, 0.05) 38px 39px),
    linear-gradient(135deg, #f5f1e7 0%, #e9e6dc 64%, #dfe4ff 100%) !important;
  padding: clamp(18px, 3.4vw, 44px) !important;
  color: var(--fit-ink) !important;
}

#fit .fit-verdict-head,
body[data-theme] #fit .fit-verdict-head,
html.native-layout-guard #fit .fit-verdict-head,
html.native-layout-guard body[data-theme] #fit .fit-verdict-head {
  display: grid !important;
  position: static !important;
  inset: auto !important;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 220px) !important;
  gap: clamp(20px, 4vw, 56px) !important;
  align-items: end !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

#fit #fitEdition {
  margin-bottom: 12px !important;
  color: var(--fit-blue) !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.2em !important;
}

#fit #fitHeadline,
body[data-theme] #fit #fitHeadline,
html.native-layout-guard #fit #fitHeadline,
html.native-layout-guard body[data-theme] #fit #fitHeadline {
  max-width: 980px !important;
  margin: 0 !important;
  color: var(--fit-ink) !important;
  font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(3.1rem, 7vw, 7.4rem) !important;
  font-stretch: condensed !important;
  font-weight: 950 !important;
  letter-spacing: -0.075em !important;
  line-height: 0.82 !important;
  text-wrap: balance !important;
}

#fit .fit-verdict-deck {
  max-width: 760px !important;
  margin: clamp(18px, 2.5vw, 28px) 0 0 !important;
  color: rgba(23, 23, 23, 0.72) !important;
  font-size: clamp(0.9rem, 1.3vw, 1.08rem) !important;
  font-weight: 720 !important;
  line-height: 1.5 !important;
}

#fit .fit-check-action,
body[data-theme] #fit .fit-check-action,
html.native-layout-guard #fit .fit-check-action,
html.native-layout-guard body[data-theme] #fit .fit-check-action {
  width: 100% !important;
  min-height: 54px !important;
  border: 2px solid var(--fit-ink) !important;
  border-radius: 0 !important;
  background: var(--fit-lime) !important;
  color: var(--fit-ink) !important;
  box-shadow: 7px 7px 0 var(--fit-ink) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#fit .fit-layout,
body[data-theme] #fit .fit-layout,
html.native-layout-guard #fit .fit-layout,
html.native-layout-guard body[data-theme] #fit .fit-layout {
  display: grid !important;
  grid-template-columns: minmax(270px, 0.68fr) minmax(0, 1.32fr) !important;
  gap: 14px !important;
  align-items: start !important;
  overflow: visible !important;
}

#fit .fit-result-panel,
body[data-theme] #fit .fit-result-panel,
html.native-layout-guard #fit .fit-result-panel,
html.native-layout-guard body[data-theme] #fit .fit-result-panel {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  overflow: visible !important;
  border: 2px solid var(--fit-ink) !important;
  border-radius: 0 !important;
  background: var(--fit-paper) !important;
  padding: 0 !important;
  box-shadow: 12px 12px 0 rgba(23, 23, 23, 0.16) !important;
}

#fit .fit-verdict-edition {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 42px !important;
  border-bottom: 2px solid var(--fit-ink) !important;
  background: var(--fit-lime) !important;
  padding: 0 18px !important;
  color: var(--fit-ink) !important;
  font-size: 0.64rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.13em !important;
}

#fit .fit-verdict-board,
body[data-theme] #fit .fit-verdict-board,
html.native-layout-guard #fit .fit-verdict-board,
html.native-layout-guard body[data-theme] #fit .fit-verdict-board {
  display: grid !important;
  grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr) !important;
  grid-template-areas:
    "head product"
    "metrics product"
    "readout alternatives"
    "actions actions" !important;
  gap: 18px 22px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, transparent 0 42%, rgba(23, 23, 23, 0.08) 42% calc(42% + 1px), transparent calc(42% + 1px)),
    var(--fit-paper) !important;
  padding: clamp(20px, 3vw, 38px) !important;
  color: var(--fit-ink) !important;
}

#fit .fit-ticket-head,
body[data-theme] #fit .fit-ticket-head,
html.native-layout-guard #fit .fit-ticket-head,
html.native-layout-guard body[data-theme] #fit .fit-ticket-head {
  grid-area: head !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 68px !important;
  gap: 14px !important;
  align-items: start !important;
  margin: 0 !important;
}

#fit #fitBriefKicker,
body[data-theme] #fit #fitBriefKicker,
html.native-layout-guard #fit #fitBriefKicker,
html.native-layout-guard body[data-theme] #fit #fitBriefKicker {
  display: block !important;
  margin-bottom: 10px !important;
  color: var(--fit-blue) !important;
  font-size: 0.62rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.14em !important;
}

#fit #fit-result-title,
body[data-theme] #fit #fit-result-title,
html.native-layout-guard #fit #fit-result-title,
html.native-layout-guard body[data-theme] #fit #fit-result-title {
  max-width: 640px !important;
  margin: 0 !important;
  color: var(--fit-ink) !important;
  font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(2rem, 4vw, 4.4rem) !important;
  font-stretch: condensed !important;
  font-weight: 950 !important;
  letter-spacing: -0.06em !important;
  line-height: 0.9 !important;
  text-wrap: balance !important;
}

#fit .fit-verdict-narrative {
  margin: 15px 0 0 !important;
  color: rgba(23, 23, 23, 0.7) !important;
  font-size: 0.84rem !important;
  font-weight: 680 !important;
  line-height: 1.5 !important;
}

#fit #fitScore,
body[data-theme] #fit #fitScore,
html.native-layout-guard #fit #fitScore,
html.native-layout-guard body[data-theme] #fit #fitScore {
  display: grid !important;
  place-items: center !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  border: 2px solid var(--fit-ink) !important;
  border-radius: 50% !important;
  background: var(--fit-lime) !important;
  color: var(--fit-ink) !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
}

#fit .fit-verdict-board[data-state="ready"] #fitScore {
  background: var(--fit-coral) !important;
}

#fit .fit-verdict-product,
body[data-theme] #fit .fit-verdict-product,
html.native-layout-guard #fit .fit-verdict-product,
html.native-layout-guard body[data-theme] #fit .fit-verdict-product {
  grid-area: product !important;
  min-width: 0 !important;
}

#fit .fit-verdict-product-card {
  position: relative !important;
  min-height: 400px !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 2px solid var(--fit-ink) !important;
  border-radius: 0 !important;
  background: #272727 !important;
  isolation: isolate !important;
}

#fit .fit-verdict-product-card::after {
  position: absolute;
  z-index: -1;
  inset: 35% 0 0;
  background: linear-gradient(transparent, rgba(9, 9, 9, 0.92));
  content: "";
}

#fit .fit-verdict-product-card img,
body[data-theme] #fit .fit-verdict-product-card img,
html.native-layout-guard #fit .fit-verdict-product-card img,
html.native-layout-guard body[data-theme] #fit .fit-verdict-product-card img {
  position: absolute !important;
  z-index: -2 !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}

#fit .fit-verdict-product-number {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(23, 23, 23, 0.76) !important;
  color: #fff !important;
  font-size: 0.58rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.1em !important;
  backdrop-filter: blur(8px) !important;
}

#fit .fit-verdict-product-copy {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  padding: 20px !important;
  color: #fff !important;
}

#fit .fit-verdict-product-copy small,
#fit .fit-alt-copy small {
  display: block !important;
  margin-bottom: 7px !important;
  color: var(--fit-lime) !important;
  font-size: 0.56rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#fit .fit-verdict-product-copy strong {
  display: block !important;
  max-width: 88% !important;
  color: #fff !important;
  font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1.55rem, 2.7vw, 2.7rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 0.96 !important;
}

#fit .fit-verdict-product-copy span {
  display: block !important;
  margin-top: 9px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 0.66rem !important;
  font-weight: 720 !important;
}

#fit .fit-metrics,
body[data-theme] #fit .fit-metrics,
html.native-layout-guard #fit .fit-metrics,
html.native-layout-guard body[data-theme] #fit .fit-metrics {
  grid-area: metrics !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px !important;
  overflow: hidden !important;
  border: 1px solid var(--fit-line) !important;
  background: var(--fit-line) !important;
}

#fit .fit-metrics > *,
body[data-theme] #fit .fit-metrics > *,
html.native-layout-guard #fit .fit-metrics > *,
html.native-layout-guard body[data-theme] #fit .fit-metrics > * {
  min-width: 0 !important;
  min-height: 66px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--fit-paper) !important;
  padding: 12px !important;
}

#fit .fit-metrics strong,
body[data-theme] #fit .fit-metrics strong,
html.native-layout-guard #fit .fit-metrics strong,
html.native-layout-guard body[data-theme] #fit .fit-metrics strong {
  display: block !important;
  overflow: visible !important;
  color: var(--fit-ink) !important;
  font-size: 0.86rem !important;
  line-height: 1.05 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

#fit .fit-metrics span,
body[data-theme] #fit .fit-metrics span,
html.native-layout-guard #fit .fit-metrics span,
html.native-layout-guard body[data-theme] #fit .fit-metrics span {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(23, 23, 23, 0.58) !important;
  font-size: 0.56rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

#fit .fit-readout,
body[data-theme] #fit .fit-readout,
html.native-layout-guard #fit .fit-readout,
html.native-layout-guard body[data-theme] #fit .fit-readout {
  grid-area: readout !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr) !important;
  gap: 8px !important;
}

#fit .fit-verdict-board[data-state="pending"] .fit-readout {
  grid-template-columns: minmax(0, 1fr) !important;
}

#fit .fit-verdict-check,
#fit .fit-size-verdict,
#fit .fit-verdict-proof {
  min-width: 0 !important;
  border-radius: 0 !important;
  padding: 16px !important;
}

#fit .fit-verdict-check {
  border: 2px solid var(--fit-ink) !important;
  background: var(--fit-blue) !important;
  color: #fff !important;
}

#fit .fit-size-verdict {
  display: grid !important;
  align-content: start !important;
  background: var(--fit-blue) !important;
  color: #fff !important;
}

#fit .fit-verdict-proof {
  border: 1px solid var(--fit-line) !important;
  background: transparent !important;
  color: var(--fit-ink) !important;
}

#fit .fit-readout small {
  display: block !important;
  margin-bottom: 10px !important;
  color: var(--fit-lime) !important;
  font-size: 0.56rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
}

#fit .fit-verdict-proof small {
  color: var(--fit-blue) !important;
}

#fit .fit-verdict-check strong {
  display: block !important;
  color: #fff !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
}

#fit .fit-size-verdict > strong {
  display: block !important;
  color: #fff !important;
  font-size: clamp(4.5rem, 8vw, 7.5rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.09em !important;
  line-height: 0.78 !important;
}

#fit .fit-readout p,
body[data-theme] #fit .fit-readout p,
html.native-layout-guard #fit .fit-readout p,
html.native-layout-guard body[data-theme] #fit .fit-readout p,
#fit .fit-readout p:nth-of-type(n + 3),
body[data-theme] #fit .fit-readout p:nth-of-type(n + 3),
html.native-layout-guard #fit .fit-readout p:nth-of-type(n + 3),
html.native-layout-guard body[data-theme] #fit .fit-readout p:nth-of-type(n + 3) {
  display: block !important;
  overflow: visible !important;
  margin: 9px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 0.7rem !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: initial !important;
  line-clamp: initial !important;
}

#fit .fit-verdict-proof p {
  position: relative !important;
  padding-left: 13px !important;
}

#fit .fit-verdict-proof p::before {
  position: absolute;
  left: 0;
  color: var(--fit-blue);
  content: "—";
}

#fit .fit-alternatives,
body[data-theme] #fit .fit-alternatives,
html.native-layout-guard #fit .fit-alternatives,
html.native-layout-guard body[data-theme] #fit .fit-alternatives {
  grid-area: alternatives !important;
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

#fit .fit-alternatives:empty {
  display: none !important;
}

#fit .fit-alternatives h4 {
  margin: 0 !important;
  color: var(--fit-ink) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#fit .fit-alternative-grid,
body[data-theme] #fit .fit-alternative-grid,
html.native-layout-guard #fit .fit-alternative-grid,
html.native-layout-guard body[data-theme] #fit .fit-alternative-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  overflow: visible !important;
}

#fit .fit-alternative-grid > *:nth-child(n + 2),
body[data-theme] #fit .fit-alternative-grid > *:nth-child(n + 2),
html.native-layout-guard #fit .fit-alternative-grid > *:nth-child(n + 2),
html.native-layout-guard body[data-theme] #fit .fit-alternative-grid > *:nth-child(n + 2) {
  display: block !important;
}

#fit .fit-alt-card,
body[data-theme] #fit .fit-alt-card,
html.native-layout-guard #fit .fit-alt-card,
html.native-layout-guard body[data-theme] #fit .fit-alt-card {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 210px !important;
  overflow: hidden !important;
  border: 2px solid var(--fit-ink) !important;
  border-radius: 0 !important;
  background: #272727 !important;
  padding: 0 !important;
  isolation: isolate !important;
}

#fit .fit-alt-card::after {
  position: absolute;
  z-index: -1;
  inset: 30% 0 0;
  background: linear-gradient(transparent, rgba(9, 9, 9, 0.94));
  content: "";
}

#fit .fit-alt-card img,
body[data-theme] #fit .fit-alt-card img,
html.native-layout-guard #fit .fit-alt-card img,
html.native-layout-guard body[data-theme] #fit .fit-alt-card img {
  position: absolute !important;
  z-index: -2 !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}

#fit .fit-alt-number {
  position: absolute !important;
  top: 9px !important;
  left: 9px !important;
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 50% !important;
  background: rgba(23, 23, 23, 0.75) !important;
  color: #fff !important;
  font-size: 0.52rem !important;
  font-weight: 950 !important;
}

#fit .fit-alt-copy {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  padding: 12px !important;
  color: #fff !important;
}

#fit .fit-alt-copy small {
  margin-bottom: 5px !important;
  font-size: 0.48rem !important;
}

#fit .fit-alt-copy strong,
body[data-theme] #fit .fit-alt-copy strong,
html.native-layout-guard #fit .fit-alt-copy strong,
html.native-layout-guard body[data-theme] #fit .fit-alt-copy strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

#fit .fit-alt-copy span {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.54rem !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
}

#fit .fit-alt-card .mini-product-link,
body[data-theme] #fit .fit-alt-card .mini-product-link,
html.native-layout-guard #fit .fit-alt-card .mini-product-link,
html.native-layout-guard body[data-theme] #fit .fit-alt-card .mini-product-link {
  position: absolute !important;
  z-index: 3 !important;
  top: 9px !important;
  right: 9px !important;
  display: grid !important;
  place-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 0 !important;
  background: rgba(23, 23, 23, 0.75) !important;
  padding: 0 7px !important;
  color: #fff !important;
  font-size: 0.5rem !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

#fit .fit-verdict-actions,
body[data-theme] #fit .fit-verdict-actions,
html.native-layout-guard #fit .fit-verdict-actions,
html.native-layout-guard body[data-theme] #fit .fit-verdict-actions {
  grid-area: actions !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  margin-top: 3px !important;
}

#fit .fit-verdict-actions :is(.primary-button, .ghost-button),
body[data-theme] #fit .fit-verdict-actions :is(.primary-button, .ghost-button),
html.native-layout-guard #fit .fit-verdict-actions :is(.primary-button, .ghost-button),
html.native-layout-guard body[data-theme] #fit .fit-verdict-actions :is(.primary-button, .ghost-button) {
  min-height: 54px !important;
  border: 2px solid var(--fit-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0.7rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#fit .fit-verdict-actions .primary-button {
  background: var(--fit-blue) !important;
  color: #fff !important;
}

#fit .fit-verdict-actions .ghost-button {
  background: transparent !important;
  color: var(--fit-ink) !important;
}

#fit .fit-verdict-actions button:disabled {
  border-style: dashed !important;
  background: transparent !important;
  color: rgba(23, 23, 23, 0.42) !important;
  opacity: 1 !important;
}

#fit .fit-panel,
#fit .fit-history-panel,
body[data-theme] #fit .fit-panel,
body[data-theme] #fit .fit-history-panel,
html.native-layout-guard #fit .fit-panel,
html.native-layout-guard #fit .fit-history-panel,
html.native-layout-guard body[data-theme] #fit .fit-panel,
html.native-layout-guard body[data-theme] #fit .fit-history-panel {
  grid-row: 2 !important;
  position: static !important;
  overflow: hidden !important;
  border: 1px solid var(--fit-line) !important;
  border-radius: 0 !important;
  background: rgba(244, 240, 231, 0.88) !important;
  box-shadow: none !important;
}

#fit .fit-panel {
  grid-column: 1 !important;
}

#fit .fit-history-panel {
  grid-column: 2 !important;
}

#fit .fit-panel :is(input, select) {
  border-color: rgba(23, 23, 23, 0.24) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.66) !important;
  color: var(--fit-ink) !important;
}

@media (max-width: 900px) {
  #fit,
  body[data-theme] #fit,
  html.native-layout-guard #fit,
  html.native-layout-guard body[data-theme] #fit {
    gap: 18px !important;
    border: 0 !important;
    padding: 16px 12px 22px !important;
  }

  #fit .fit-verdict-head,
  body[data-theme] #fit .fit-verdict-head,
  html.native-layout-guard #fit .fit-verdict-head,
  html.native-layout-guard body[data-theme] #fit .fit-verdict-head {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  #fit #fitEdition,
  body[data-theme] #fit #fitEdition,
  html.native-layout-guard #fit #fitEdition,
  html.native-layout-guard body[data-theme] #fit #fitEdition {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 0.58rem !important;
  }

  #fit #fitHeadline,
  body[data-theme] #fit #fitHeadline,
  html.native-layout-guard #fit #fitHeadline,
  html.native-layout-guard body[data-theme] #fit #fitHeadline {
    font-size: clamp(2.65rem, 13vw, 4rem) !important;
    line-height: 0.86 !important;
  }

  #fit .fit-verdict-deck {
    margin-top: 14px !important;
    font-size: 0.8rem !important;
    line-height: 1.42 !important;
  }

  #fit .fit-check-action,
  body[data-theme] #fit .fit-check-action,
  html.native-layout-guard #fit .fit-check-action,
  html.native-layout-guard body[data-theme] #fit .fit-check-action {
    min-height: 48px !important;
    height: auto !important;
    box-shadow: 5px 5px 0 var(--fit-ink) !important;
  }

  #fit .fit-layout,
  body[data-theme] #fit .fit-layout,
  html.native-layout-guard #fit .fit-layout,
  html.native-layout-guard body[data-theme] #fit .fit-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: max-content !important;
    gap: 10px !important;
    align-content: start !important;
  }

  #fit .fit-result-panel,
  body[data-theme] #fit .fit-result-panel,
  html.native-layout-guard #fit .fit-result-panel,
  html.native-layout-guard body[data-theme] #fit .fit-result-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 0 !important;
  }

  #fit .fit-verdict-edition {
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 0.53rem !important;
  }

  #fit .fit-verdict-board,
  body[data-theme] #fit .fit-verdict-board,
  html.native-layout-guard #fit .fit-verdict-board,
  html.native-layout-guard body[data-theme] #fit .fit-verdict-board {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "head"
      "product"
      "metrics"
      "readout"
      "alternatives"
      "actions" !important;
    gap: 14px !important;
    background: var(--fit-paper) !important;
    padding: 16px 12px !important;
  }

  #fit .fit-ticket-head,
  body[data-theme] #fit .fit-ticket-head,
  html.native-layout-guard #fit .fit-ticket-head,
  html.native-layout-guard body[data-theme] #fit .fit-ticket-head {
    grid-template-columns: minmax(0, 1fr) 54px !important;
    gap: 10px !important;
  }

  #fit #fitBriefKicker,
  body[data-theme] #fit #fitBriefKicker,
  html.native-layout-guard #fit #fitBriefKicker,
  html.native-layout-guard body[data-theme] #fit #fitBriefKicker {
    display: block !important;
    font-size: 0.54rem !important;
  }

  #fit #fit-result-title,
  body[data-theme] #fit #fit-result-title,
  html.native-layout-guard #fit #fit-result-title,
  html.native-layout-guard body[data-theme] #fit #fit-result-title {
    font-size: clamp(1.85rem, 9vw, 2.8rem) !important;
    line-height: 0.92 !important;
  }

  #fit .fit-verdict-narrative {
    margin-top: 11px !important;
    font-size: 0.74rem !important;
    line-height: 1.42 !important;
  }

  #fit #fitScore,
  body[data-theme] #fit #fitScore,
  html.native-layout-guard #fit #fitScore,
  html.native-layout-guard body[data-theme] #fit #fitScore {
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    font-size: 0.92rem !important;
  }

  #fit .fit-verdict-product-card {
    min-height: 300px !important;
    height: 300px !important;
  }

  #fit .fit-verdict-product-copy {
    padding: 15px !important;
  }

  #fit .fit-verdict-product-copy strong {
    font-size: 1.65rem !important;
  }

  #fit .fit-metrics,
  body[data-theme] #fit .fit-metrics,
  html.native-layout-guard #fit .fit-metrics,
  html.native-layout-guard body[data-theme] #fit .fit-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #fit .fit-metrics > *,
  body[data-theme] #fit .fit-metrics > *,
  html.native-layout-guard #fit .fit-metrics > *,
  html.native-layout-guard body[data-theme] #fit .fit-metrics > * {
    min-height: 58px !important;
    padding: 10px !important;
  }

  #fit .fit-metrics strong,
  body[data-theme] #fit .fit-metrics strong,
  html.native-layout-guard #fit .fit-metrics strong,
  html.native-layout-guard body[data-theme] #fit .fit-metrics strong {
    font-size: 0.78rem !important;
  }

  #fit .fit-readout,
  body[data-theme] #fit .fit-readout,
  html.native-layout-guard #fit .fit-readout,
  html.native-layout-guard body[data-theme] #fit .fit-readout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #fit .fit-size-verdict > strong {
    font-size: 5.4rem !important;
  }

  #fit .fit-readout p,
  body[data-theme] #fit .fit-readout p,
  html.native-layout-guard #fit .fit-readout p,
  html.native-layout-guard body[data-theme] #fit .fit-readout p,
  #fit .fit-readout p:nth-of-type(n + 3),
  body[data-theme] #fit .fit-readout p:nth-of-type(n + 3),
  html.native-layout-guard #fit .fit-readout p:nth-of-type(n + 3),
  html.native-layout-guard body[data-theme] #fit .fit-readout p:nth-of-type(n + 3) {
    display: block !important;
    overflow: visible !important;
    font-size: 0.68rem !important;
    line-height: 1.38 !important;
    -webkit-line-clamp: initial !important;
    line-clamp: initial !important;
  }

  #fit .fit-alternatives,
  body[data-theme] #fit .fit-alternatives,
  html.native-layout-guard #fit .fit-alternatives,
  html.native-layout-guard body[data-theme] #fit .fit-alternatives {
    display: grid !important;
  }

  #fit .fit-alternatives:empty,
  body[data-theme] #fit .fit-alternatives:empty,
  html.native-layout-guard #fit .fit-alternatives:empty,
  html.native-layout-guard body[data-theme] #fit .fit-alternatives:empty {
    display: none !important;
  }

  #fit .fit-alternative-grid,
  body[data-theme] #fit .fit-alternative-grid,
  html.native-layout-guard #fit .fit-alternative-grid,
  html.native-layout-guard body[data-theme] #fit .fit-alternative-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #fit .fit-alt-card,
  body[data-theme] #fit .fit-alt-card,
  html.native-layout-guard #fit .fit-alt-card,
  html.native-layout-guard body[data-theme] #fit .fit-alt-card {
    min-height: 176px !important;
  }

  #fit .fit-alternative-grid > .fit-alt-card:first-child:nth-last-child(3) {
    grid-column: 1 / -1 !important;
    min-height: 220px !important;
  }

  #fit .fit-verdict-actions,
  body[data-theme] #fit .fit-verdict-actions,
  html.native-layout-guard #fit .fit-verdict-actions,
  html.native-layout-guard body[data-theme] #fit .fit-verdict-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #fit .fit-verdict-actions :is(.primary-button, .ghost-button),
  body[data-theme] #fit .fit-verdict-actions :is(.primary-button, .ghost-button),
  html.native-layout-guard #fit .fit-verdict-actions :is(.primary-button, .ghost-button),
  html.native-layout-guard body[data-theme] #fit .fit-verdict-actions :is(.primary-button, .ghost-button) {
    min-height: 50px !important;
  }

  #fit .fit-panel,
  #fit .fit-history-panel,
  body[data-theme] #fit .fit-panel,
  body[data-theme] #fit .fit-history-panel,
  html.native-layout-guard #fit .fit-panel,
  html.native-layout-guard #fit .fit-history-panel,
  html.native-layout-guard body[data-theme] #fit .fit-panel,
  html.native-layout-guard body[data-theme] #fit .fit-history-panel {
    grid-column: 1 !important;
  }

  #fit .fit-panel {
    grid-row: 1 !important;
  }

  #fit .fit-history-panel {
    grid-row: 3 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #fit .fit-check-action {
    scroll-behavior: auto !important;
  }
}