.tx-body { --tx-card-ratio: 1 / 1; }

.tx-header { background: color-mix(in srgb, var(--tx-bg) 80%, transparent); }
.tx-hero-frame { min-height: clamp(420px, 52vw, 600px); border: 0; }
.tx-hero-frame .tx-hero-bg img { transform: scale(1.02); }
.tx-hero-frame .tx-hero-bg::before { background: linear-gradient(to right, color-mix(in srgb, var(--tx-bg) 86%, transparent) 15%, transparent 75%), linear-gradient(to top, color-mix(in srgb, var(--tx-bg) 60%, transparent), transparent 50%); }
.tx-hero-spotlight:not(.has-image) .tx-hero-frame { background: repeating-radial-gradient(circle at 100% 100%, transparent 0 22px, color-mix(in srgb, var(--tx-accent) 7%, transparent) 22px 23px), var(--tx-surface); }
.tx-hero-title { font-size: clamp(2.6em, 6vw, 5em); letter-spacing: -0.045em; line-height: .96; font-weight: 800; }
.tx-eyebrow { color: var(--tx-accent); text-transform: none; letter-spacing: 0; font-size: .95em; }
.tx-eyebrow::before { content: ""; width: 22px; height: 8px; border-radius: 99px; border: 2px solid currentColor; }

.tx-widget-nav { background: transparent; border: 0; padding: 0; }
.tx-widget-nav .tx-widget-title { padding: 0 12px 6px; text-transform: uppercase; letter-spacing: .14em; font-size: .72em; color: var(--tx-muted); }
.tx-widget-nav .tx-nav-link { min-height: 42px; }
.tx-nav-list .is-active > .tx-nav-link { background: var(--tx-accent); color: var(--tx-accent-ink); }
.tx-nav-list .is-active > .tx-nav-link .tx-i { color: var(--tx-accent-ink); }

.tx-card-minimal .tx-card-media { background: radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--tx-accent) 14%, var(--tx-surface)), var(--tx-surface) 70%); border-color: var(--tx-border); }
.tx-card-minimal:hover .tx-card-media { border-color: var(--tx-accent-line); }
.tx-card-minimal .tx-card-title { font-weight: 700; }
.tx-card-minimal .tx-card-price { margin-top: 2px; }

.tx-cats-cards .tx-cat { border-radius: calc(var(--tx-radius) + 6px); }
.tx-cats-cards .tx-cat-media { background: radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--tx-accent) 16%, var(--tx-surface-2)), var(--tx-surface) 72%); }

.tx-stats { background: transparent; border: 0; }
.tx-stat { border-right: 0; border-left: 2px solid var(--tx-accent); padding-block: 6px; }
.tx-stat dd { font-weight: 800; }

.tx-feature { background: transparent; border: 0; padding: 0; }
.tx-feature-icon { width: 52px; height: 52px; border-radius: 16px; }
.tx-feature-title { font-size: 1.2em; }

.tx-cta { background: var(--tx-accent); color: var(--tx-accent-ink); border: 0; }
.tx-cta .tx-cta-text { color: color-mix(in srgb, var(--tx-accent-ink) 75%, transparent); }
.tx-cta .tx-btn-primary { background: var(--tx-accent-ink); color: var(--tx-accent); }

.tx-product-stacked .tx-gallery-stage { background: radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--tx-accent) 12%, var(--tx-surface)), var(--tx-surface) 70%); }
.tx-price-xl { color: var(--tx-accent); }

@media (max-width: 899px) {
  .tx-stat { border-left: 2px solid var(--tx-accent) !important; border-bottom: 0; }
}
