/*
Theme Name: TenLexx
Theme URI: https://tenlexx.com
Description: Lekki, marketplace-first theme dla TenLexx.
Version: 0.2.0
Requires at least: 6.8
Requires PHP: 8.1
Text Domain: tenlexx-theme
*/

:root {
	--tlx-bg: #070a16;
	--tlx-bg-deep: #050711;
	--tlx-surface: #0d1223;
	--tlx-surface-2: #121a30;
	--tlx-surface-3: #18213b;
	--tlx-text: #f8faff;
	--tlx-muted: #98a2bd;
	--tlx-subtle: #68738f;
	--tlx-cyan: #2de8ff;
	--tlx-blue: #6179ff;
	--tlx-purple: #a56bff;
	--tlx-pink: #f45cff;
	--tlx-accent: #ff9d55;
	--tlx-green: #56f3a4;
	--tlx-border: rgba(164, 180, 226, .16);
	--tlx-radius-sm: 12px;
	--tlx-radius: 18px;
	--tlx-radius-lg: 28px;
	--tlx-shadow: 0 18px 50px rgba(0, 0, 0, .24);
	--tlx-shadow-glow: 0 0 42px rgba(45, 232, 255, .18);
	--tlx-container: 1180px;
	--tlx-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--tlx-display: Sora, Inter, ui-sans-serif, system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--tlx-bg-deep); }
body { margin: 0; overflow-x: hidden; background: var(--tlx-bg); color: var(--tlx-text); font-family: var(--tlx-body); font-size: 16px; line-height: 1.55; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 8% -5%, rgba(38, 116, 255, .14), transparent 33%), radial-gradient(circle at 100% 18%, rgba(160, 70, 255, .12), transparent 28%); }
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid var(--tlx-cyan); outline-offset: 3px; }
button, input, textarea, select { font: inherit; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.tlx-shell { width: min(calc(100% - 40px), var(--tlx-container)); margin-inline: auto; }

/* Header: compact utility row + pill navigation, as in the mobile reference. */
.tlx-site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--tlx-border); background: rgba(7, 10, 22, .88); backdrop-filter: blur(20px); }
.tlx-nav-top { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tlx-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--tlx-text); text-decoration: none; font: 850 17px/1 var(--tlx-display); letter-spacing: .03em; }
.tlx-brand-mark { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; background: linear-gradient(135deg, var(--tlx-cyan), var(--tlx-blue)); color: #081021; font-size: 17px; box-shadow: 0 0 20px rgba(45, 232, 255, .28); }
.tlx-brand-word > span { color: var(--tlx-cyan); }
.tlx-header-actions { display: flex; align-items: center; gap: 10px; }
.tlx-icon-link, .tlx-language { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid var(--tlx-border); border-radius: 12px; background: rgba(18, 26, 48, .68); color: var(--tlx-text); text-decoration: none; padding: 0 11px; }
.tlx-icon-link { position: relative; font-size: 18px; }
.tlx-icon-link b { position: absolute; top: -6px; right: -6px; min-width: 17px; min-height: 17px; display: grid; place-items: center; border-radius: 50%; background: var(--tlx-pink); color: #fff; font-size: 10px; }
.tlx-language { color: var(--tlx-muted); font-size: 12px; font-weight: 750; }
.tlx-language-switcher { position: relative; }
.tlx-language-switcher summary { list-style: none; cursor: pointer; }
.tlx-language-switcher summary::-webkit-details-marker { display: none; }
.tlx-language-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; display: grid; min-width: 92px; padding: 6px; gap: 2px; border: 1px solid var(--tlx-border); border-radius: 12px; background: var(--tlx-surface, #121a30); box-shadow: 0 14px 35px rgba(0,0,0,.25); }
.tlx-language-menu a { min-height: 44px; display: flex; align-items: center; padding: 8px 10px; border-radius: 8px; color: var(--tlx-text); text-decoration: none; font-size: 12px; font-weight: 750; }
.tlx-language-menu a:hover, .tlx-language-menu a[aria-selected="true"] { background: var(--tlx-accent, #f6c453); color: #111827; }
.tlx-nav-links { display: flex; align-items: center; gap: 9px; overflow-x: auto; padding-bottom: 14px; scrollbar-width: thin; scrollbar-color: rgba(45, 232, 255, .35) transparent; }
.tlx-nav-links a { min-height: 44px; display: inline-flex; align-items: center; flex: 0 0 auto; border: 1px solid rgba(164, 180, 226, .13); border-radius: 999px; background: rgba(18, 26, 48, .8); color: var(--tlx-muted); padding: 9px 15px; text-decoration: none; font-size: 13px; font-weight: 700; white-space: nowrap; transition: border-color .2s ease, color .2s ease, transform .2s ease; }
.tlx-nav-links a:hover, .tlx-nav-links a:focus-visible { border-color: rgba(45, 232, 255, .6); color: var(--tlx-text); transform: translateY(-1px); }
.tlx-nav-account { margin-left: auto; border-color: rgba(45, 232, 255, .42) !important; color: var(--tlx-cyan) !important; }
.tlx-nav-toggle { display: none; min-width: 44px; min-height: 44px; border: 1px solid var(--tlx-border); border-radius: 12px; background: var(--tlx-surface); color: var(--tlx-text); cursor: pointer; }

/* Shared controls and sections. */
.tlx-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 14px; padding: 0 20px; color: #081021; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.tlx-button:hover { transform: translateY(-2px); box-shadow: var(--tlx-shadow-glow); }
.tlx-button--primary { background: linear-gradient(100deg, var(--tlx-cyan), var(--tlx-green)); }
.tlx-button--outline, .tlx-button--ghost { border-color: rgba(45, 232, 255, .5); background: rgba(13, 18, 35, .6); color: var(--tlx-text); }
.tlx-button--pink { background: linear-gradient(100deg, var(--tlx-pink), var(--tlx-purple)); color: #fff; }
.tlx-button--small { min-height: 44px; padding: 0 13px; border-radius: 10px; font-size: 13px; }
.tlx-button--danger { border-color: rgba(255, 140, 155, .5); background: transparent; color: #ff9ca7; }
.tlx-section { padding: clamp(70px, 9vw, 126px) 0; position: relative; }
.tlx-section-heading { max-width: 690px; margin-bottom: 34px; }
.tlx-section-heading--row { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 22px; }
.tlx-eyebrow, .tlx-kicker { display: inline-block; color: var(--tlx-pink); font-size: 11px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.tlx-eyebrow--cyan { color: var(--tlx-cyan); }
.tlx-eyebrow--purple { color: var(--tlx-purple); }
.tlx-eyebrow--pink { color: #ff8cf6; }
.tlx-section-heading h2, .tlx-buyer-copy h2, .tlx-seller-copy h2, .tlx-contact-copy h2 { margin: 10px 0 14px; font: 800 clamp(2.3rem, 5.7vw, 4.8rem)/.98 var(--tlx-display); letter-spacing: -.065em; }
.tlx-section-heading h2 em, .tlx-buyer-copy h2 em, .tlx-seller-copy h2 em, .tlx-contact-copy h2 em { color: var(--tlx-cyan); font-style: normal; }
.tlx-section-heading p, .tlx-buyer-copy > p, .tlx-seller-copy > p, .tlx-contact-copy > p { max-width: 570px; margin: 0; color: var(--tlx-muted); font-size: 17px; }
.tlx-text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--tlx-cyan); font-weight: 800; text-decoration: none; }
.tlx-text-link:hover { color: var(--tlx-green); }

/* Hero */
.tlx-hero--reference { min-height: min(810px, calc(100vh - 130px)); display: flex; align-items: center; overflow: hidden; padding: 80px 0 110px; background: radial-gradient(ellipse at 88% 42%, rgba(81, 104, 255, .18), transparent 38%), radial-gradient(ellipse at 30% 65%, rgba(0, 214, 255, .07), transparent 44%); }
.tlx-hero--reference::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--tlx-cyan), var(--tlx-pink), transparent); opacity: .65; }
.tlx-hero-orbit { position: absolute; border: 1px solid rgba(74, 115, 255, .17); border-radius: 50%; pointer-events: none; }
.tlx-hero-orbit--one { width: 660px; height: 660px; right: -170px; top: -110px; transform: rotate(-22deg) skewX(-20deg); }
.tlx-hero-orbit--two { width: 430px; height: 430px; right: -90px; top: 42px; border-color: rgba(244, 92, 255, .19); transform: rotate(32deg) skewX(-20deg); }
.tlx-hero-inner { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(320px, .97fr); align-items: center; gap: clamp(35px, 7vw, 100px); }
.tlx-hero-copy { position: relative; z-index: 1; }
.tlx-hero-badge { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(45, 232, 255, .25); border-radius: 999px; background: rgba(45, 232, 255, .07); color: #bcf9ff; padding: 8px 13px; font-size: 12px; font-weight: 700; }
.tlx-hero-badge span { color: var(--tlx-cyan); }
.tlx-hero h1 { max-width: 700px; margin: 24px 0 20px; font: 850 clamp(3.4rem, 8.2vw, 7.1rem)/.84 var(--tlx-display); letter-spacing: -.09em; }
.tlx-hero h1 span, .tlx-hero h1 strong { display: block; }
.tlx-hero h1 span { color: var(--tlx-text); }
.tlx-hero h1 strong { background: linear-gradient(100deg, var(--tlx-cyan), var(--tlx-blue) 58%, var(--tlx-pink)); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: inherit; }
.tlx-hero-copy > p { max-width: 560px; margin: 0; color: var(--tlx-muted); font-size: clamp(16px, 2vw, 19px); }
.tlx-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.tlx-trust-row { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 26px; color: var(--tlx-subtle); font-size: 12px; }
.tlx-trust-row span { display: inline-flex; align-items: center; gap: 6px; }
.tlx-trust-row b { color: var(--tlx-cyan); font-size: 16px; }
.tlx-hero-showcase { min-height: 420px; position: relative; display: grid; place-items: center; }
.tlx-hero-showcase::before { content: ""; position: absolute; width: 290px; height: 290px; border-radius: 50%; background: linear-gradient(135deg, rgba(45, 232, 255, .25), rgba(165, 107, 255, .18)); filter: blur(35px); }
.tlx-showcase-card { position: absolute; width: min(270px, 70vw); aspect-ratio: .78; display: flex; flex-direction: column; justify-content: end; gap: 8px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 25px; padding: 20px; box-shadow: 0 30px 70px rgba(0, 0, 0, .42); }
.tlx-showcase-card--back { transform: translate(82px, -45px) rotate(12deg); background: linear-gradient(145deg, #f17154, #b42469 52%, #401f71); color: #fff; }
.tlx-showcase-card--back span { align-self: start; border-radius: 999px; background: rgba(255, 255, 255, .18); padding: 5px 9px; font-size: 11px; font-weight: 900; }
.tlx-showcase-card--back b { font: 800 39px var(--tlx-display); }
.tlx-showcase-card--front { transform: translate(-10px, 30px) rotate(-6deg); background: linear-gradient(165deg, #17244e, #0d1227 63%); }
.tlx-showcase-photo { height: 55%; display: grid; place-items: center; border-radius: 17px; background: radial-gradient(circle at 35% 28%, #9cf7ff, transparent 10%), linear-gradient(135deg, #214e8d, #253259 45%, #a34ca7); color: rgba(255, 255, 255, .8); font-size: 74px; }
.tlx-showcase-card small { color: var(--tlx-muted); font-size: 11px; }.tlx-showcase-card strong { font: 750 18px/1.1 var(--tlx-display); }.tlx-showcase-card b { color: var(--tlx-cyan); font: 850 24px var(--tlx-display); }
.tlx-showcase-sticker { position: absolute; right: 8%; bottom: 8%; display: grid; width: 82px; height: 82px; place-content: center; transform: rotate(12deg); border-radius: 50%; background: linear-gradient(135deg, var(--tlx-cyan), var(--tlx-green)); color: #071021; text-align: center; font: 900 21px/.9 var(--tlx-display); box-shadow: 0 12px 35px rgba(45, 232, 255, .35); }.tlx-showcase-sticker small { font-size: 10px; letter-spacing: .16em; }

/* Stats, categories and product cards */
.tlx-stat-strip { border-block: 1px solid var(--tlx-border); background: rgba(9, 14, 29, .76); }.tlx-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); }.tlx-stat-grid > div { min-height: 112px; display: grid; align-content: center; justify-items: center; gap: 3px; border-right: 1px solid var(--tlx-border); text-align: center; }.tlx-stat-grid > div:last-child { border-right: 0; }.tlx-stat-grid strong { color: var(--tlx-cyan); font: 850 clamp(1.65rem, 4vw, 2.55rem)/1 var(--tlx-display); }.tlx-stat-grid strong span { color: var(--tlx-pink); }.tlx-stat-grid small { color: var(--tlx-muted); font-size: 12px; font-weight: 700; }
.tlx-section--categories { background: linear-gradient(180deg, rgba(19, 28, 54, .5), transparent 80%); }.tlx-category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }.tlx-category-card { min-height: 182px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--tlx-border); border-radius: var(--tlx-radius); background: linear-gradient(145deg, rgba(24, 33, 59, .95), rgba(13, 18, 35, .95)); padding: 18px; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }.tlx-category-card:hover { transform: translateY(-4px); border-color: rgba(45, 232, 255, .58); box-shadow: var(--tlx-shadow-glow); }.tlx-category-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(45, 232, 255, .2), rgba(165, 107, 255, .28)); color: var(--tlx-cyan); font-size: 24px; }.tlx-category-name { margin-top: 14px; font: 750 16px/1.15 var(--tlx-display); }.tlx-category-count { display: flex; justify-content: space-between; gap: 8px; color: var(--tlx-subtle); font-size: 12px; }.tlx-category-count b { color: var(--tlx-cyan); font-size: 16px; }.tlx-section--categories .tlx-text-link { margin-top: 25px; }
.tlx-product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.tlx-product-card { overflow: hidden; border: 1px solid var(--tlx-border); border-radius: var(--tlx-radius); background: var(--tlx-surface); transition: transform .2s ease, border-color .2s ease; }.tlx-product-card:hover { transform: translateY(-4px); border-color: rgba(45, 232, 255, .45); }.tlx-product-image { position: relative; display: block; aspect-ratio: 1.08; overflow: hidden; background: linear-gradient(135deg, #17264b, #342052); }.tlx-product-image img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }.tlx-product-card:hover .tlx-product-image img { transform: scale(1.04); }.tlx-deal-sticker { position: absolute; top: 12px; left: 12px; border-radius: 999px; background: var(--tlx-accent); color: #2b1220; padding: 5px 8px; font-size: 10px; font-weight: 900; letter-spacing: .08em; }.tlx-product-card__body { display: grid; gap: 9px; padding: 15px; }.tlx-badge { width: fit-content; border-radius: 999px; background: rgba(45, 232, 255, .1); color: var(--tlx-cyan); padding: 4px 8px; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.tlx-badge--plus { background: rgba(255, 157, 85, .15); color: var(--tlx-accent); }.tlx-product-card h3, .tlx-product-title { margin: 0; font: 750 16px/1.15 var(--tlx-display); }.tlx-product-card h3 a, .tlx-product-title a { text-decoration: none; }.tlx-product-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--tlx-subtle); font-size: 11px; }.tlx-price { color: var(--tlx-cyan); font: 850 17px var(--tlx-display); white-space: nowrap; }

/* Buyer, benefits and seller panel */
.tlx-buyer-section { overflow: hidden; background: linear-gradient(112deg, rgba(17, 28, 59, .72), rgba(8, 12, 27, .78)); }.tlx-buyer-layout, .tlx-contact-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(310px, .9fr); align-items: center; gap: clamp(35px, 9vw, 120px); }.tlx-check-list { display: grid; gap: 12px; margin: 26px 0 30px; padding: 0; list-style: none; color: var(--tlx-muted); }.tlx-check-list li { display: flex; align-items: center; gap: 10px; }.tlx-check-list li::before { content: "✓"; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(45, 232, 255, .14); color: var(--tlx-cyan); font-size: 13px; font-weight: 900; }.tlx-deal-art { min-height: 420px; position: relative; display: grid; place-items: center; }.tlx-deal-art__glow { position: absolute; width: 280px; height: 280px; border-radius: 50%; background: linear-gradient(135deg, rgba(45, 232, 255, .26), rgba(244, 92, 255, .22)); filter: blur(34px); }.tlx-deal-art__box { position: relative; z-index: 1; width: min(275px, 70vw); aspect-ratio: .76; display: flex; flex-direction: column; justify-content: end; gap: 8px; transform: rotate(-9deg); border: 1px solid rgba(255, 255, 255, .22); border-radius: 26px; background: linear-gradient(160deg, #273d87, #12182d 58%, #431e68); padding: 22px; box-shadow: 0 30px 70px rgba(0, 0, 0, .45); }.tlx-deal-art__box::before { content: ""; position: absolute; inset: 17px 17px 40%; border-radius: 17px; background: linear-gradient(135deg, #ffb271, #e84d86 45%, #263a9a); opacity: .88; }.tlx-deal-art__box span, .tlx-deal-art__box strong, .tlx-deal-art__box small { position: relative; }.tlx-deal-art__box span { align-self: start; border-radius: 999px; background: rgba(255, 255, 255, .2); padding: 5px 9px; font-size: 10px; font-weight: 900; }.tlx-deal-art__box strong { color: var(--tlx-cyan); font: 850 31px var(--tlx-display); }.tlx-deal-art__box small { color: var(--tlx-muted); }.tlx-deal-art__tag { position: absolute; right: 6%; bottom: 11%; z-index: 2; width: 72px; height: 72px; display: grid; place-items: center; transform: rotate(13deg); border-radius: 50%; background: var(--tlx-pink); color: #fff; font-size: 28px; box-shadow: 0 16px 35px rgba(244, 92, 255, .3); }
.tlx-section--why { background: rgba(5, 8, 18, .5); }.tlx-benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }.tlx-benefit-card { min-height: 250px; display: flex; flex-direction: column; justify-content: end; border: 1px solid var(--tlx-border); border-radius: var(--tlx-radius); background: linear-gradient(145deg, rgba(21, 30, 57, .95), rgba(12, 17, 33, .95)); padding: 20px; }.tlx-benefit-card--featured { background: radial-gradient(circle at 30% 15%, rgba(77, 73, 255, .5), transparent 50%), linear-gradient(145deg, #111d4a, #0d132b); }.tlx-feature-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: auto; border-radius: 15px; background: linear-gradient(135deg, var(--tlx-cyan), var(--tlx-blue)); color: #091126; font: 850 24px var(--tlx-display); }.tlx-benefit-card:nth-child(2) .tlx-feature-icon { background: linear-gradient(135deg, var(--tlx-pink), var(--tlx-purple)); color: #fff; }.tlx-benefit-card:nth-child(3) .tlx-feature-icon { background: linear-gradient(135deg, var(--tlx-accent), #ffd17b); }.tlx-benefit-card h3 { margin: 18px 0 8px; font: 750 18px/1.1 var(--tlx-display); }.tlx-benefit-card p { margin: 0; color: var(--tlx-muted); font-size: 13px; }
.tlx-seller-section { padding-top: 50px; }.tlx-seller-panel { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(35px, 8vw, 110px); align-items: center; overflow: hidden; border: 1px solid rgba(165, 107, 255, .5); border-radius: var(--tlx-radius-lg); background: radial-gradient(circle at 100% 0%, rgba(77, 80, 233, .25), transparent 45%), linear-gradient(140deg, rgba(18, 23, 53, .97), rgba(9, 13, 29, .97)); padding: clamp(28px, 6vw, 65px); box-shadow: 0 0 55px rgba(110, 93, 255, .1); }.tlx-step-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }.tlx-step-list li { display: flex; align-items: center; gap: 15px; border: 1px solid rgba(164, 180, 226, .13); border-radius: 15px; background: rgba(18, 26, 48, .72); padding: 15px; }.tlx-step-list li > span { width: 47px; height: 47px; display: grid; place-items: center; flex: 0 0 47px; border-radius: 14px; background: linear-gradient(135deg, rgba(244, 92, 255, .22), rgba(97, 121, 255, .3)); color: var(--tlx-pink); font: 850 13px var(--tlx-display); }.tlx-step-list strong, .tlx-step-list small { display: block; }.tlx-step-list strong { font: 750 15px var(--tlx-display); }.tlx-step-list small { margin-top: 3px; color: var(--tlx-muted); font-size: 12px; }

/* FAQ, newsletter, contact and footer */
.tlx-faq-section { padding-top: 60px; }.tlx-faq-list { max-width: 850px; display: grid; gap: 10px; }.tlx-faq-list details { border: 1px solid var(--tlx-border); border-radius: 14px; background: rgba(17, 25, 48, .78); }.tlx-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; cursor: pointer; list-style: none; font: 700 16px var(--tlx-display); }.tlx-faq-list summary::-webkit-details-marker { display: none; }.tlx-faq-list summary span { color: var(--tlx-cyan); font-size: 25px; font-weight: 400; }.tlx-faq-list details[open] summary span { transform: rotate(45deg); }.tlx-faq-list p { margin: -5px 22px 20px; color: var(--tlx-muted); font-size: 14px; }
.tlx-newsletter-section { padding-top: 45px; }.tlx-newsletter-panel { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 24px; align-items: start; border: 1px solid rgba(165, 107, 255, .38); border-radius: var(--tlx-radius-lg); background: radial-gradient(circle at 90% 0%, rgba(244, 92, 255, .15), transparent 45%), linear-gradient(135deg, rgba(30, 20, 68, .9), rgba(16, 20, 45, .94)); padding: clamp(26px, 5vw, 48px); }.tlx-newsletter-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 17px; background: linear-gradient(135deg, var(--tlx-pink), var(--tlx-purple)); color: #fff; font-size: 27px; }.tlx-newsletter-panel h2 { margin: 8px 0 8px; font: 800 clamp(2rem, 4vw, 3rem)/1 var(--tlx-display); letter-spacing: -.05em; }.tlx-newsletter-panel p { margin: 0; color: var(--tlx-muted); }.tlx-newsletter-form { display: flex; max-width: 610px; gap: 10px; margin-top: 25px; }.tlx-newsletter-form input { min-width: 0; flex: 1; min-height: 48px; border: 1px solid var(--tlx-border); border-radius: 12px; background: rgba(7, 10, 22, .6); color: var(--tlx-text); padding: 0 15px; }.tlx-form-note { display: block; margin-top: 10px; color: var(--tlx-subtle); font-size: 11px; }.tlx-contact-section { padding-top: 55px; }.tlx-contact-form, .tlx-form { display: grid; gap: 8px; border: 1px solid var(--tlx-border); border-radius: var(--tlx-radius); background: rgba(13, 18, 35, .75); padding: clamp(20px, 4vw, 32px); }.tlx-contact-form label, .tlx-form label { margin-top: 8px; color: var(--tlx-muted); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.tlx-contact-form input, .tlx-contact-form textarea, .tlx-form input, .tlx-form textarea, .tlx-form select { width: 100%; min-height: 46px; border: 1px solid var(--tlx-border); border-radius: 10px; background: rgba(18, 26, 48, .8); color: var(--tlx-text); padding: 10px 12px; }.tlx-contact-form textarea, .tlx-form textarea { min-height: 110px; resize: vertical; }
.tlx-site-footer { border-top: 1px solid var(--tlx-border); margin-top: 40px; padding: 65px 0 22px; background: #060916; }.tlx-footer-main { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; }.tlx-footer-brand p { max-width: 240px; margin: 18px 0 22px; color: var(--tlx-muted); font-size: 13px; }.tlx-socials { display: flex; gap: 8px; }.tlx-socials a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--tlx-border); border-radius: 10px; color: var(--tlx-muted); text-decoration: none; }.tlx-socials a:hover { border-color: var(--tlx-cyan); color: var(--tlx-cyan); }.tlx-footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }.tlx-footer-links h3 { margin: 4px 0 15px; color: #93a0bd; font-size: 11px; letter-spacing: .14em; }.tlx-footer-links a { display: block; margin: 10px 0; color: var(--tlx-muted); font-size: 13px; text-decoration: none; }.tlx-footer-links a:hover { color: var(--tlx-cyan); }.tlx-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--tlx-border); color: #93a0bd; font-size: 11px; }.tlx-footer-pill { border-radius: 999px; background: rgba(45, 232, 255, .1); color: var(--tlx-cyan); padding: 8px 12px; font-weight: 850; }.tlx-footer-pill small { color: var(--tlx-muted); font-size: 9px; letter-spacing: .1em; }

/* Existing marketplace pages keep the same system and gain responsive polish. */
.tlx-empty-card, .tlx-card { border: 1px solid var(--tlx-border); border-radius: var(--tlx-radius); background: linear-gradient(145deg, var(--tlx-surface-2), var(--tlx-surface)); padding: 20px; }.tlx-card a { text-decoration: none; }.tlx-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }.tlx-category { min-height: 145px; display: flex; flex-direction: column; justify-content: end; background: radial-gradient(circle at 80% 20%, rgba(165, 107, 255, .28), transparent 45%), var(--tlx-surface); }.tlx-category strong { font: 700 18px var(--tlx-display); }.tlx-category small { color: var(--tlx-muted); }.tlx-catalog-page h1, .tlx-form-shell h1, .tlx-dashboard-head h1, .tlx-vendor-profile h1 { margin: 10px 0 12px; font: 800 clamp(2.3rem, 6vw, 4.8rem)/.98 var(--tlx-display); letter-spacing: -.06em; }.tlx-form-intro { color: var(--tlx-muted); max-width: 620px; }.tlx-catalog-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 25px 0; }.tlx-catalog-tabs button[aria-selected="true"] { background: var(--tlx-cyan); color: #071021; }.tlx-catalog-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 24px 0; padding: 16px; border: 1px solid var(--tlx-border); border-radius: var(--tlx-radius); background: var(--tlx-surface); }.tlx-catalog-filters label { display: grid; gap: 5px; color: var(--tlx-muted); font-size: 12px; font-weight: 700; }.tlx-catalog-result-head { min-height: 32px; color: var(--tlx-muted); }.tlx-pagination { display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 64px; margin-top: 20px; }.tlx-vendor-profile { display: flex; align-items: center; gap: 20px; margin-bottom: 24px; padding: 25px; }.tlx-vendor-avatar { width: 100px; height: 100px; flex: 0 0 100px; border-radius: 50%; object-fit: cover; border: 2px solid var(--tlx-cyan); background: var(--tlx-surface-2); }.tlx-vendor-meta { margin: 10px 0 0; color: var(--tlx-muted); font-size: 13px; }.tlx-dashboard-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }.tlx-dashboard-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 16px; }.tlx-dashboard-stats small { display: block; color: var(--tlx-muted); }.tlx-dashboard-stats strong { display: block; margin-top: 5px; color: var(--tlx-cyan); font: 800 28px var(--tlx-display); }.tlx-dashboard-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }.tlx-dashboard .tlx-card h2 { margin: 0; font-size: 21px; }.tlx-form--flat { margin-top: 16px; padding: 0; border: 0; background: transparent; }.tlx-dashboard-section { margin-top: 16px; }.tlx-dashboard-list { display: grid; gap: 10px; }.tlx-dashboard-row { display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--tlx-border); border-radius: var(--tlx-radius-sm); background: rgba(255, 255, 255, .03); }.tlx-dashboard-row input, .tlx-dashboard-row select { min-width: 0; min-height: 38px; border: 1px solid var(--tlx-border); border-radius: 10px; background: var(--tlx-surface-2); color: var(--tlx-text); padding: 6px 9px; }.tlx-dashboard-row input[name="name"] { flex: 1.4; }.tlx-dashboard-row input[name="price"] { width: 112px; }.tlx-dashboard-row input[name="tracking_number"] { flex: 1; }.tlx-dashboard-row__meta { min-width: 128px; color: var(--tlx-muted); font-size: 12px; }.tlx-category-directory { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px; }.tlx-category-tile { min-height: 165px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border: 1px solid var(--tlx-border); border-radius: var(--tlx-radius); background: linear-gradient(145deg, var(--tlx-surface-2), var(--tlx-surface)); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }.tlx-category-tile:hover { transform: translateY(-4px); border-color: var(--tlx-cyan); box-shadow: var(--tlx-shadow-glow); }.tlx-category-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; background: rgba(45, 232, 255, .12); color: var(--tlx-cyan); font-size: 21px; }.tlx-category-tile strong { margin-top: 14px; font: 700 17px/1.15 var(--tlx-display); }.tlx-category-tile small { color: var(--tlx-muted); }

@media (max-width: 980px) { .tlx-hero-inner { grid-template-columns: 1fr; }.tlx-hero-showcase { min-height: 350px; max-width: 530px; margin: 0 auto; width: 100%; }.tlx-category-grid, .tlx-product-grid, .tlx-benefit-grid, .tlx-grid, .tlx-category-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }.tlx-seller-panel { grid-template-columns: 1fr; }.tlx-footer-main { grid-template-columns: 1fr; gap: 38px; }.tlx-catalog-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .tlx-shell { width: min(calc(100% - 28px), var(--tlx-container)); }.tlx-nav-top { min-height: 64px; }.tlx-nav-toggle { display: inline-grid; place-items: center; }.tlx-nav-links { display: none; padding: 8px 0 12px; }.tlx-nav-links.is-open { display: flex; flex-wrap: wrap; overflow: visible; }.tlx-nav-links a { padding: 9px 12px; }.tlx-nav-account { margin-left: 0; }.tlx-language { display: inline-flex; }.tlx-language-menu { right: -8px; }.tlx-hero--reference { min-height: auto; padding: 60px 0 72px; }.tlx-hero h1 { font-size: clamp(3.15rem, 16vw, 5.6rem); }.tlx-hero-actions { display: grid; grid-template-columns: 1fr; }.tlx-hero-actions .tlx-button { width: 100%; }.tlx-trust-row { gap: 10px 14px; }.tlx-hero-showcase { min-height: 320px; transform: scale(.9); transform-origin: center; margin-block: -12px; }.tlx-stat-grid { grid-template-columns: repeat(2, 1fr); }.tlx-stat-grid > div:nth-child(2) { border-right: 0; }.tlx-stat-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--tlx-border); }.tlx-section { padding: 64px 0; }.tlx-section-heading--row { align-items: start; display: grid; gap: 16px; }.tlx-category-grid, .tlx-product-grid, .tlx-benefit-grid, .tlx-grid, .tlx-category-directory { grid-template-columns: 1fr; }.tlx-category-card { min-height: 150px; }.tlx-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.tlx-product-card__body { padding: 11px; }.tlx-product-card h3 { font-size: 14px; }.tlx-product-meta { align-items: flex-start; flex-direction: column-reverse; }.tlx-buyer-layout, .tlx-contact-layout { grid-template-columns: 1fr; gap: 35px; }.tlx-deal-art { min-height: 330px; order: -1; }.tlx-seller-panel { padding: 25px 20px; }.tlx-newsletter-panel { grid-template-columns: 1fr; }.tlx-newsletter-form { display: grid; }.tlx-newsletter-form .tlx-button { width: 100%; }.tlx-footer-links { grid-template-columns: repeat(2, 1fr); gap: 18px; }.tlx-footer-links > div:last-child { grid-column: 1 / -1; }.tlx-footer-bottom { align-items: flex-start; flex-direction: column; margin-top: 32px; }.tlx-dashboard-head, .tlx-dashboard-columns { display: block; }.tlx-dashboard-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }.tlx-dashboard-columns > .tlx-card + .tlx-card { margin-top: 16px; }.tlx-dashboard-row { align-items: stretch; flex-wrap: wrap; }.tlx-dashboard-row input[name="name"], .tlx-dashboard-row input[name="tracking_number"] { flex-basis: 100%; }.tlx-dashboard-row__meta { flex: 1; }.tlx-catalog-filters { grid-template-columns: 1fr; }.tlx-vendor-profile { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* Accessibility baseline: keep interactive controls at a comfortable 44px touch target. */
.tlx-socials a { width: 44px; height: 44px; }
.tlx-dashboard-row input, .tlx-dashboard-row select { min-height: 44px; }
.tlx-brand { min-height: 44px; }
.tlx-footer-links a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; margin: 0; }
.tlx-text-link { min-height: 44px; }