/* Landers: dedicated for-sale page styles. Theme-aware via the Shop :root vars (--uxc-*). */
.uxc-lander { background: var(--uxc-bg, #0a0a0a); color: var(--uxc-text, #fff); font-family: var(--uxc-font, Inter, system-ui, sans-serif); min-height: 100vh; }
.uxc-lander-inner { max-width: 1000px; margin: 0 auto; padding: 28px 24px 64px; }
.uxc-lander-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 40px; }
.uxc-lander-logo { height: 32px; width: auto; }
.uxc-lander-nav { display: flex; gap: 18px; font-size: 14px; }
.uxc-lander-nav a { color: var(--uxc-text-dim, rgba(255,255,255,.6)); text-decoration: none; }
.uxc-lander-nav a:hover { color: var(--uxc-accent, #a37a29); }

.uxc-lander-hero { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.uxc-lander-hero-img { width: 100%; max-width: 420px; aspect-ratio: 1/1; background-size: cover; background-position: center; border-radius: var(--uxc-radius, 8px); }
.uxc-lander-hero-body { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.uxc-lander-heading { font-size: clamp(2.2rem, 6vw, 4rem); line-height: 1.05; margin: 0; font-weight: 700; word-break: break-word; }
.uxc-lander-domainmeta { display: flex; gap: 10px; }
.uxc-lander-domainmeta span { font-size: 12px; padding: 4px 10px; border: 1px solid var(--uxc-card-border, rgba(255,255,255,.15)); color: var(--uxc-text-dim, rgba(255,255,255,.6)); text-transform: uppercase; letter-spacing: .05em; }
.uxc-lander-price { font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 700; color: var(--uxc-accent, #a37a29); }
.uxc-lander-price small { font-size: .5em; color: var(--uxc-text-dim, rgba(255,255,255,.6)); font-weight: 400; margin-left: 6px; }
.uxc-lander-tagline { font-size: 1.05rem; line-height: 1.6; color: var(--uxc-text-dim, rgba(255,255,255,.6)); max-width: 620px; margin: 0; }

.uxc-lander-ctas { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 6px; }
.uxc-lander-buy, .uxc-lander-offer-btn, .uxc-lander-ext { display: inline-block; padding: 14px 28px; border-radius: var(--uxc-radius, 8px); font-size: 15px; font-weight: 600; text-decoration: none; }
.uxc-lander-buy { background: var(--uxc-accent, #a37a29); color: #fff; }
.uxc-lander-buy:hover { opacity: .9; }
.uxc-lander-offer-btn { background: transparent; color: var(--uxc-text, #fff); border: 1px solid var(--uxc-card-border, rgba(255,255,255,.2)); }
.uxc-lander-ext { background: var(--uxc-card, rgba(255,255,255,.06)); color: var(--uxc-text-dim, rgba(255,255,255,.6)); font-weight: 500; font-size: 14px; padding: 10px 18px; }
.uxc-lander-footer { margin-top: 56px; text-align: center; font-size: 12px; color: var(--uxc-text-dim, rgba(255,255,255,.4)); }

/* Escrow + offer sections inherit the storefront base; restyle to match the lander. */
.uxc-lander .uxc-shop-section { max-width: 680px; margin: 44px auto 0; text-align: center; }
.uxc-lander .uxc-shop-section-heading { font-size: 1.25rem; }
.uxc-lander .uxc-lander-escrow { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.uxc-lander .uxc-lander-escrow-badge { display: inline-block; padding: 6px 14px; border: 1px solid var(--uxc-accent, #a37a29); color: var(--uxc-accent, #a37a29); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.uxc-lander .uxc-lander-escrow-grid { display: flex; gap: 28px; justify-content: center; flex-wrap: wrap; }
.uxc-lander .uxc-lander-escrow-grid > div { display: flex; flex-direction: column; gap: 2px; }
.uxc-lander .uxc-lander-escrow-label { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--uxc-text-dim, rgba(255,255,255,.5)); }
.uxc-lander .uxc-lander-escrow-notes { max-width: 520px; margin: 0 auto; color: var(--uxc-text-dim, rgba(255,255,255,.6)); font-size: 14px; }
.uxc-lander .uxc-lander-offer-form { display: flex; flex-direction: column; gap: 10px; max-width: 460px; margin: 14px auto 0; text-align: left; }
.uxc-lander .uxc-lander-offer-form input, .uxc-lander .uxc-lander-offer-form textarea { width: 100%; padding: 12px; background: var(--uxc-card, rgba(255,255,255,.06)); border: 1px solid var(--uxc-card-border, rgba(255,255,255,.15)); color: var(--uxc-text, #fff); border-radius: var(--uxc-radius, 8px); font: inherit; box-sizing: border-box; }
.uxc-lander .uxc-lander-offer-form button { background: var(--uxc-accent, #a37a29); color: #fff; border: 0; padding: 14px; border-radius: var(--uxc-radius, 8px); font-weight: 600; cursor: pointer; }
.uxc-lander-hp { display: none !important; }

@media (max-width: 640px) {
    .uxc-lander-top { margin-bottom: 24px; }
    .uxc-lander-hero-img { max-width: 260px; }
}