:root {
  color-scheme: dark;
  --market-bg: #050915;
  --market-surface: rgba(11, 18, 34, 0.74);
  --market-surface-2: rgba(16, 27, 50, 0.82);
  --market-line: rgba(129, 186, 255, 0.16);
  --market-text: #eff6ff;
  --market-muted: #93a7c8;
  --market-blue: #4a7cff;
  --market-cyan: #6ce5ff;
  --market-violet: #9b66ff;
  --market-shadow: 0 24px 80px rgba(3, 8, 20, 0.42);
}

/* 2026-05-23 — TB Market home production polish */
body.market-body.market-body--home-bright {
  background: #f7faff !important;
}

body.market-body.market-body--home-bright::before {
  background:
    linear-gradient(90deg, rgba(47, 107, 255, 0.04) 0 1px, transparent 1px 100%),
    linear-gradient(rgba(47, 107, 255, 0.04) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 18% 16%, rgba(47, 107, 255, 0.035), transparent 16%),
    radial-gradient(circle at 82% 22%, rgba(139, 92, 255, 0.03), transparent 18%),
    #f7faff;
  background-size: 156px 156px, 156px 156px, auto, auto, auto;
}

.market-body--home-bright .market-shell,
.tbm-home-header {
  width: min(1440px, calc(100vw - 80px));
}

.tbm-home-header-shell {
  top: 12px;
  padding-top: 12px;
}

.tbm-home-header {
  min-height: 80px;
  padding: 14px 22px;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
}

.tbm-home-hero--legacy {
  display: none !important;
}

.tbm-home-hero-clean {
  min-height: 680px;
  margin: 16px auto 0;
  padding: 72px 56px;
  display: grid;
  grid-template-columns: minmax(0, 45%) minmax(0, 55%);
  gap: 28px;
  align-items: center;
  border-radius: 36px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  box-shadow: 0 20px 60px rgba(47,107,255,0.12);
  background: url('/static/img/tb-market-hero-reference-v3.png') center -72px / cover no-repeat;
  background-color: #ffffff;
}

.tbm-home-hero-clean__copy {
  max-width: 640px;
  display: none !important;
  gap: 20px;
  position: relative;
  z-index: 1;
}

.tbm-home-hero-clean__copy h1 {
  margin: 0;
  font-size: clamp(3.6rem, 5vw, 5rem);
  line-height: 1.05;
  letter-spacing: -.06em;
  color: #102033;
}

.tbm-home-hero-clean__copy h1 span {
  background: linear-gradient(90deg, #2f6bff, #8b5cff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tbm-home-hero-clean__copy p {
  margin: 0;
  max-width: 620px;
  color: #64748b;
  font-size: 1.18rem;
  line-height: 1.7;
}

.tbm-home-hero-clean .tbm-search-form {
  width: min(100%, 640px);
  box-shadow: 0 18px 50px rgba(47,107,255,0.12);
}

.tbm-home-hero-clean .tbm-search-submit {
  width: 56px;
  min-width: 56px;
  min-height: 56px;
  align-self: center;
}

.tbm-hero-actions { margin-top: 1.15rem; display: flex; flex-wrap: wrap; gap: 0.75rem; }
.tbm-hero-specialists-btn {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 0.15rem 0.75rem;
  align-items: center;
  min-height: 58px;
  padding: 0.85rem 1.25rem;
  border-radius: 20px;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #2f6bff 0%, #5b8dff 52%, #8b5cff 100%);
  box-shadow: 0 18px 40px rgba(47, 107, 255, 0.24), inset 0 1px 0 rgba(255,255,255,0.18);
  transition: transform .25s ease, box-shadow .25s ease;
}
.tbm-hero-specialists-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 48px rgba(47, 107, 255, 0.3);
  color: #fff;
}
.tbm-hero-specialists-btn__icon {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.14);
  font-size: 1.2rem;
}
.tbm-hero-specialists-btn__label { font-size: 1.05rem; font-weight: 800; letter-spacing: -.02em; }
.tbm-hero-specialists-btn__hint { font-size: 0.78rem; opacity: .9; }

.tbm-benefits-grid {
  margin-top: 24px;
  gap: 20px;
}

.tbm-benefit-card {
  min-height: 140px;
  padding: 24px;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
}

.tbm-benefit-icon {
  width: 52px;
  height: 52px;
}

.tbm-section {
  margin-top: 32px;
}

.tbm-categories-grid {
  gap: 24px;
}

.tbm-category-card {
  min-height: 180px;
  padding: 16px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tbm-category-art {
  display: none !important;
}

.tbm-category-art--services {
  display: block !important;
  height: 130px;
  border-radius: 18px;
  background-color: #eef5ff;
  background-image: url('/static/img/tb-market-category-services-v2.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.tbm-category-art.has-image,
.tbm-category-art--repair,
.tbm-category-art--ads,
.tbm-category-art--web,
.tbm-category-art--goods,
.tbm-category-art--home {
  background-color: #eef5ff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.tbm-category-art.has-image img {
  object-fit: contain;
  padding: 2px;
}

.tbm-category-card:hover,
.tbm-ad-card:hover,
.tbm-step:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(47,107,255,0.14);
}

.tbm-listings-layout {
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 24px;
}

.tbm-listings-grid {
  gap: 24px;
}

.tbm-ad-thumb {
  height: 190px;
  background-color: #eef5ff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tbm-ad-thumb::before,
.tbm-ad-thumb::after {
  display: none !important;
}

.tbm-ad-thumb.is-fallback {
  background-image: linear-gradient(180deg, #f8fbff, #edf4ff);
}

.tbm-ad-thumb--service.is-fallback,
.tbm-ad-thumb--crm.is-fallback {
  background-image: url('/static/img/tb-market-services-specialists.png');
  background-size: contain;
  background-color: #eef5ff;
}

.tbm-ad-thumb--repair.is-fallback {
  background-image: url('/static/img/tb-market-category-repair-v5.png');
  background-size: contain;
  background-color: #eef5ff;
}

.tbm-ad-thumb--ads.is-fallback {
  background-image: url('/static/img/tb-market-category-ads.png');
  background-size: contain;
  background-color: #eef5ff;
}

.tbm-ad-thumb--development.is-fallback {
  background-image: url('/static/img/tb-market-category-web.png');
  background-size: contain;
  background-color: #eef5ff;
}

.tbm-ad-thumb--product.is-fallback,
.tbm-ad-thumb--equipment.is-fallback {
  background-image: url('/static/img/tb-market-category-goods.png');
  background-size: contain;
  background-color: #eef5ff;
}

.tbm-ad-thumb--order.is-fallback {
  background-image: url('/static/img/tb-market-services-specialists.png');
  background-size: contain;
  background-color: #eef5ff;
}

.tbm-ad-thumb-label {
  position: absolute;
  left: 16px;
  bottom: 16px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(255,255,255,.92);
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-size: .82rem;
  font-weight: 700;
}

.tbm-stats-card {
  width: 320px;
  padding: 28px;
  border-radius: 28px;
  gap: 18px;
}

.tbm-stats-card article {
  position: relative;
  padding: 12px 0 12px 56px;
}

.tbm-stats-card article::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: linear-gradient(180deg, #dbeafe, #bfdbfe);
}

.tbm-stats-card article:nth-child(2)::before {
  background: linear-gradient(180deg, #dcfce7, #bbf7d0);
}

.tbm-stats-card article:nth-child(3)::before {
  background: linear-gradient(180deg, #ffedd5, #fed7aa);
}

.tbm-stats-card article:nth-child(4)::before {
  background: linear-gradient(180deg, #efe5ff, #ddd6fe);
}

.tbm-stats-card strong {
  font-size: 1.9rem;
}

@media (max-width: 1260px) {
  .market-body--home-bright .market-shell,
  .tbm-home-header {
    width: min(100vw - 40px, 100%);
  }

  .tbm-home-hero-clean {
    min-height: 620px;
    padding: 52px 40px;
  }
}

@media (max-width: 760px) {
  .market-body--home-bright .market-shell,
  .tbm-home-header {
    width: min(100vw - 24px, 100%);
  }

  .tbm-nav {
    display: none;
  }

  .tbm-home-header {
    min-height: 76px;
  }

  .tbm-home-hero-clean {
    min-height: 620px;
    padding: 32px 24px;
    grid-template-columns: 1fr;
    align-items: end;
    background: url('/static/img/tb-market-hero-reference-v3.png') center -72px / cover no-repeat;
    background-color: #ffffff;
  }

  .tbm-categories-grid,
  .tbm-benefits-grid,
  .tbm-steps-grid,
  .tbm-listings-grid,
  .tbm-listings-layout,
  .tbm-final-cta {
    grid-template-columns: 1fr;
  }

  .tbm-stats-card {
    width: 100%;
  }
}

/* 2026-05-23 — TB Market hero/category hotfix */
.tbm-home-hero-clean {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.86) 38%, rgba(255,255,255,0.25) 70%, rgba(255,255,255,0) 100%),
    url('/static/img/tb-market-hero-reference-v2.png') center center / cover no-repeat;
}

.tbm-category-art--services {
  background-color: #eef5ff;
  background-image: url('/static/img/tb-market-category-services-v2.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.tbm-category-art--services i {
  display: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.market-body {
  margin: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(69, 122, 255, 0.22), transparent 0 18%),
    radial-gradient(circle at 84% 18%, rgba(155, 92, 255, 0.16), transparent 0 18%),
    linear-gradient(180deg, #040814, #091224 40%, #060b18 100%);
  color: var(--market-text);
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

.market-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(110, 154, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110, 154, 255, 0.035) 1px, transparent 1px);
  background-size: 70px 70px;
  opacity: .55;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.6), transparent 94%);
}

.market-shell { width: min(1720px, calc(100vw - 24px)); margin: 0 auto; padding: 28px 0 56px; }
.glass {
  background: linear-gradient(180deg, rgba(13, 21, 41, 0.84), rgba(8, 13, 26, 0.74));
  border: 1px solid var(--market-line);
  box-shadow: var(--market-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.market-header-shell { position: sticky; top: 14px; z-index: 20; padding: 18px 0 0; }
.market-header {
  width: min(1720px, calc(100vw - 24px));
  margin: 0 auto;
  min-height: 82px;
  border-radius: 28px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.market-brand { display:flex; align-items:center; gap:14px; min-width:0; }
.market-brand-mark {
  width: 52px; height: 52px; border-radius: 16px; display:grid; place-items:center;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(223,236,255,.9));
  color:#13356e; font-weight:900; font-size:1.3rem;
}
.market-brand-copy strong { display:block; font-size:1.18rem; }
.market-brand-copy small { display:block; color:var(--market-muted); margin-top:4px; }
.market-nav { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; flex:1; }
.market-nav a, .market-user-pill {
  min-height:44px; padding:0 16px; border-radius:999px; display:inline-flex; align-items:center;
  border:1px solid transparent; color:#d9e8ff; transition:.22s ease;
}
.market-nav-badge {
  margin-left: 8px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(108, 229, 255, 0.16);
  border: 1px solid rgba(108, 229, 255, 0.22);
  color: #eaf7ff;
  font-size: .76rem;
}
.market-user-mini { color: var(--market-muted); font-size: .9rem; }
.market-nav a:hover, .market-nav a.is-active { background:rgba(13,21,39,.64); border-color:rgba(136,192,255,.18); box-shadow:0 0 24px rgba(79,128,255,.12); }
.market-top-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.market-btn {
  min-height:48px; padding:0 18px; border-radius:18px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid rgba(136,192,255,.16); color:var(--market-text); font-weight:800; transition:.22s ease; text-decoration:none;
}
.market-btn.primary { background:linear-gradient(135deg, #2864ff 0%, #49a1ff 46%, #8f65ff 100%); box-shadow:0 0 28px rgba(79,130,255,.24); }
.market-btn.ghost { background:rgba(9, 16, 31, 0.72); }
.market-btn:hover { transform:translateY(-2px); box-shadow:0 18px 36px rgba(6,12,24,.32); }
.market-flash { margin:0 0 20px; padding:14px 18px; border-radius:18px; background:rgba(17,27,49,.86); border:1px solid rgba(134,191,255,.18); }
.market-flash.success { border-color:rgba(104, 231, 180, .22); }
.market-flash.error { border-color:rgba(255, 118, 118, .22); }

.market-hero { display:grid; grid-template-columns:minmax(0, .88fr) minmax(540px, 1.12fr); gap:28px; min-height:720px; align-items:stretch; }
.market-hero-copy, .market-hero-visual, .market-section, .market-auth-card, .market-cabinet-hero, .market-cabinet-card, .market-chat-list, .market-chat-window, .market-ad-card, .market-side-card { border-radius:32px; padding:28px; }
.market-kicker { display:inline-flex; min-height:34px; align-items:center; padding:0 12px; border-radius:999px; background:rgba(74,123,255,.14); border:1px solid rgba(130,187,255,.18); color:#dceaff; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
.market-hero-copy h1, .market-section h1, .market-section h2, .market-cabinet-hero h1, .market-auth-card h1, .market-ad-card h1 {
  margin:18px 0 0; font-size:clamp(2.6rem, 4.8vw, 5rem); line-height:1.02; letter-spacing:-.05em;
}
.market-hero-copy p, .market-auth-card p, .market-cabinet-hero p, .market-ad-description { margin:22px 0 0; color:#ccdaf3; max-width:720px; line-height:1.86; }
.market-actions, .market-cabinet-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.market-metrics, .market-category-grid, .market-listing-grid, .market-cabinet-grid { display:grid; gap:14px; }
.market-metrics { margin-top:34px; grid-template-columns:repeat(4, minmax(0, 1fr)); }
.market-metrics article { min-height:118px; border-radius:24px; padding:18px; background:linear-gradient(180deg, rgba(13,22,41,.82), rgba(8,13,26,.74)); border:1px solid rgba(129,186,255,.14); }
.market-metrics strong { display:block; font-size:1.8rem; margin-bottom:8px; }
.market-metrics span { color:var(--market-muted); }

.market-hero-visual { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.market-orbit { position:absolute; inset:12% 10%; border-radius:50%; border:1px solid rgba(99,155,255,.14); box-shadow:inset 0 0 40px rgba(83,129,255,.08); }
.market-core {
  position:relative; z-index:1; width:min(100%, 620px); min-height:420px; border-radius:34px;
  padding:28px; background:linear-gradient(180deg, rgba(12,20,40,.9), rgba(7,12,24,.82));
  border:1px solid rgba(136,192,255,.18); box-shadow:0 26px 64px rgba(4,9,20,.46), 0 0 24px rgba(83,130,255,.12);
  transform:perspective(1600px) rotateY(-8deg) rotateX(4deg);
}
.market-core::before {
  content:""; position:absolute; inset:22% 32%; border-radius:50%;
  background:radial-gradient(circle, rgba(109,224,255,.24), rgba(17,29,58,.08) 54%, transparent 72%);
  box-shadow:0 0 42px rgba(95,208,255,.16), 0 0 84px rgba(152,93,255,.08);
}
.market-core > span, .market-core > strong, .market-core > small { position:relative; z-index:1; display:block; text-align:center; }
.market-core > span { color:#8cc5ff; text-transform:uppercase; letter-spacing:.12em; font-size:.78rem; margin-top:34px; }
.market-core > strong { margin-top:12px; font-size:2rem; }
.market-core > small { margin-top:8px; color:var(--market-muted); }
.market-funnel { position:absolute; left:24px; right:24px; bottom:24px; display:grid; grid-template-columns:repeat(5, 1fr); gap:12px; z-index:1; }
.market-funnel-step { min-height:96px; border-radius:20px; padding:14px; background:rgba(10,18,34,.74); border:1px solid rgba(131,188,255,.12); }
.market-funnel-step span { display:block; color:var(--market-muted); margin-bottom:10px; }
.market-funnel-step strong { font-size:1.5rem; }

.market-section { margin-top:26px; }
.market-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.market-category-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.market-category-card, .market-listing-card, .market-empty, .market-cabinet-card { border-radius:24px; padding:22px; }
.market-category-card strong, .market-listing-card strong { display:block; font-size:1.05rem; margin-bottom:10px; }
.market-category-card span, .market-listing-card p, .market-listing-meta, .market-listing-mini p, .market-stack-list li, .market-side-contacts span { color:var(--market-muted); }
.market-listing-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.market-listing-card { min-height:240px; display:flex; flex-direction:column; justify-content:space-between; }
.market-badge, .market-tag { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border-radius:999px; background:rgba(73,123,255,.12); border:1px solid rgba(130,187,255,.16); color:#dceaff; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.market-listing-meta, .market-tag-row { display:flex; gap:10px; flex-wrap:wrap; }
.market-metrics-cabinet { margin: 26px 0; grid-template-columns: repeat(4, minmax(0, 1fr)); }

.market-filter-bar, .market-form { display:grid; gap:14px; }
.market-filter-bar { grid-template-columns:minmax(0,1.8fr) minmax(220px,.7fr) auto; padding:18px; border-radius:26px; margin-bottom:18px; }
.market-filter-bar input, .market-filter-bar select, .market-form input, .market-form textarea, .market-form select {
  width:100%; min-height:52px; border-radius:18px; border:1px solid rgba(129,186,255,.14);
  background:rgba(9,16,31,.76); color:var(--market-text); padding:14px 16px; outline:none;
}
.market-form textarea { min-height:140px; resize:vertical; }

.market-ad-layout, .market-chat-layout { display:grid; grid-template-columns:minmax(0, 1.3fr) minmax(320px, .7fr); gap:20px; }
.market-chat-bubbles { display:grid; gap:12px; margin-top:18px; }
.market-thread-list, .market-notification-list { display:grid; gap:12px; margin-top:16px; }
.market-thread-item {
  display:grid; gap:6px; padding:14px 16px; border-radius:18px;
  background:rgba(10,18,34,.62); border:1px solid rgba(129,186,255,.12); color:var(--market-text);
}
.market-thread-item small { color:var(--market-muted); }
.market-thread-item.is-active, .market-thread-item:hover { border-color:rgba(129,186,255,.28); box-shadow:0 0 20px rgba(74,124,255,.14); }
.bubble { max-width:82%; padding:14px 16px; border-radius:18px; }
.bubble.incoming { background:rgba(16,28,52,.9); }
.bubble.outgoing { background:linear-gradient(135deg, rgba(40,100,255,.22), rgba(143,101,255,.18)); margin-left:auto; }
.bubble-meta { margin-bottom: 8px; color: var(--market-muted); font-size: .78rem; }
.market-inline-form { display:flex; gap:12px; align-items:flex-start; margin-top:18px; }
.market-login-note { display:grid; gap:14px; margin-top:20px; }
.market-notification-card {
  border-radius:22px; padding:20px; display:flex; align-items:flex-start; justify-content:space-between; gap:18px;
}
.market-notification-card.is-unread { border-color: rgba(108,229,255,.28); box-shadow: 0 0 24px rgba(74,124,255,.12); }
.market-notification-card p, .market-notification-card small { color:var(--market-muted); }

.market-auth-wrap { display:flex; justify-content:center; }
.market-auth-card { width:min(760px, 100%); }
.market-auth-links { display:flex; justify-content:space-between; gap:12px; margin-top:16px; color:var(--market-muted); flex-wrap:wrap; }
.market-auth-methods { display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 24px; }

.market-cabinet-grid { margin-top:22px; grid-template-columns:repeat(3, minmax(0, 1fr)); }
.market-stack-list { list-style:none; margin:12px 0 0; padding:0; display:grid; gap:10px; }
.market-listing-mini { display:grid; gap:10px; margin-top:12px; }
.market-settings-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0 24px;
}
.market-settings-summary article {
  min-height: 108px;
  border-radius: 22px;
  padding: 18px;
  display: grid;
  gap: 10px;
  align-content: space-between;
}
.market-settings-summary strong {
  color: var(--market-muted);
  font-size: .9rem;
  font-weight: 600;
}
.market-settings-summary span {
  font-size: 1.8rem;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .market-hero, .market-ad-layout, .market-chat-layout, .market-cabinet-grid { grid-template-columns:1fr; }
  .market-category-grid, .market-listing-grid, .market-metrics, .market-metrics-cabinet, .market-settings-summary { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .market-funnel { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .market-shell, .market-header { width:min(100vw - 18px, 100%); }
  .market-header { flex-direction:column; align-items:stretch; }
  .market-nav, .market-top-actions { justify-content:center; }
  .market-hero-copy h1, .market-section h1, .market-section h2, .market-cabinet-hero h1, .market-auth-card h1, .market-ad-card h1 { font-size:clamp(2rem, 10vw, 3rem); }
  .market-category-grid, .market-listing-grid, .market-metrics, .market-metrics-cabinet, .market-funnel, .market-settings-summary { grid-template-columns:1fr; }
  .market-filter-bar { grid-template-columns:1fr; }
  .market-core { min-height:360px; transform:none; }
  .market-inline-form, .market-notification-card { flex-direction:column; }
  .market-hero-copy, .market-hero-visual, .market-section, .market-auth-card, .market-cabinet-hero, .market-cabinet-card, .market-chat-list, .market-chat-window, .market-ad-card, .market-side-card {
    padding: 22px;
    border-radius: 26px;
  }
}

.market-catalog-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 22px;
  padding: 30px;
  border-radius: 34px;
}
.market-catalog-hero-copy h1 {
  margin: 16px 0 0;
  font-size: clamp(2.4rem, 4vw, 4.2rem);
  line-height: 1.02;
  letter-spacing: -.05em;
}
.market-catalog-hero-copy p { max-width: 760px; margin: 18px 0 0; color: #cedcf4; line-height: 1.8; }
.market-catalog-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  margin-top: 26px;
}
.market-search-input-wrap {
  min-height: 62px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  background: rgba(9, 16, 31, 0.8);
  border: 1px solid rgba(129,186,255,.18);
}
.market-search-input-wrap input {
  width: 100%;
  min-height: 52px;
  background: transparent;
  border: 0;
  color: var(--market-text);
  outline: none;
  font-size: 1rem;
}
.market-search-icon { color: #9dc7ff; font-size: 1.05rem; }
.market-quick-chips, .market-results-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.market-chip {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(129,186,255,.14);
  background: rgba(10,18,34,.62);
  color: #dceaff;
  text-decoration: none;
  transition: .22s ease;
}
.market-chip.is-active, .market-chip:hover {
  border-color: rgba(108,229,255,.24);
  box-shadow: 0 0 24px rgba(74,124,255,.14);
  transform: translateY(-1px);
}
.market-live-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}
.market-live-stats article {
  min-height: 102px;
  border-radius: 22px;
  padding: 18px;
  background: linear-gradient(180deg, rgba(14,23,43,.86), rgba(8,13,26,.76));
  border: 1px solid rgba(129,186,255,.14);
}
.market-live-stats strong { display: block; font-size: 1.7rem; margin-bottom: 8px; }
.market-live-stats span { color: var(--market-muted); }
.market-catalog-hero-side { display: flex; align-items: stretch; }
.market-catalog-side-card {
  width: 100%;
  border-radius: 28px;
  padding: 24px;
  display: grid;
  align-content: space-between;
  gap: 18px;
}
.market-catalog-side-card strong { font-size: 1.4rem; }
.market-catalog-side-points { display: grid; gap: 10px; }
.market-catalog-side-points span {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  background: rgba(13, 22, 40, 0.74);
  border: 1px solid rgba(129,186,255,.12);
  color: #dbe8ff;
}
.market-catalog-promos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}
.market-promo-card {
  border-radius: 28px;
  padding: 22px;
}
.market-promo-head { display: grid; gap: 10px; margin-bottom: 16px; }
.market-promo-list, .market-performers { display: grid; gap: 12px; }
.market-promo-list a, .market-performer-row {
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(10,18,34,.58);
  border: 1px solid rgba(129,186,255,.12);
}
.market-promo-list a { display: grid; gap: 6px; text-decoration: none; color: var(--market-text); }
.market-promo-list small, .market-promo-empty, .market-performer-row small { color: var(--market-muted); }
.market-performer-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.market-performer-avatar {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(40,100,255,.24), rgba(143,101,255,.24));
  border: 1px solid rgba(129,186,255,.16);
  color: #eff6ff;
  font-weight: 800;
}
.market-performer-row em, .market-online-dot {
  font-style: normal;
  color: var(--market-muted);
  font-size: .82rem;
}
.market-performer-row em.is-online, .market-online-dot.is-online { color: #79f0bc; }
.market-mobile-filter-trigger { display: none; width: 100%; margin-top: 22px; }
.market-catalog-layout {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 22px;
  margin-top: 24px;
  align-items: start;
}
.market-catalog-sidebar {
  position: sticky;
  top: 120px;
  border-radius: 28px;
  padding: 22px;
}
.market-sidebar-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.market-sidebar-head h2 { margin: 10px 0 0; font-size: 1.5rem; }
.market-sidebar-close {
  display: none;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  color: #fff;
  cursor: pointer;
}
.market-sidebar-form { display: grid; gap: 14px; }
.market-sidebar-form label { display: grid; gap: 8px; }
.market-sidebar-form label span { color: #d9e8ff; font-size: .92rem; }
.market-sidebar-form input,
.market-sidebar-form select {
  width: 100%;
  min-height: 50px;
  border-radius: 16px;
  border: 1px solid rgba(129,186,255,.14);
  background: rgba(9,16,31,.76);
  color: var(--market-text);
  padding: 13px 14px;
  outline: none;
}
.market-sidebar-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.market-check-row {
  min-height: 52px;
  border-radius: 18px;
  padding: 0 14px;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  background: rgba(9,16,31,.56);
  border: 1px solid rgba(129,186,255,.1);
}
.market-check-row input { width: auto; min-height: auto; }
.market-sidebar-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 6px; }
.market-catalog-main { display: grid; gap: 18px; }
.market-featured-strip {
  border-radius: 28px;
  padding: 22px;
}
.market-featured-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}
.market-featured-head h2, .market-results-head h2 { margin: 10px 0 0; font-size: 1.5rem; }
.market-featured-note, .market-results-head p { color: var(--market-muted); }
.market-featured-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.market-featured-card {
  min-height: 178px;
  border-radius: 22px;
  padding: 18px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  background: linear-gradient(180deg, rgba(15,25,46,.86), rgba(10,15,28,.82));
  border: 1px solid rgba(129,186,255,.14);
}
.market-featured-card p { color: var(--market-muted); margin: 0; }
.market-featured-card a { color: #8fd5ff; text-decoration: none; font-weight: 700; }
.market-results-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}
.market-listing-grid-catalog { gap: 18px; }
.market-listing-card-premium {
  min-height: 420px;
  display: grid;
  grid-template-rows: 172px 1fr auto;
  gap: 16px;
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.market-listing-card-premium:hover {
  transform: translateY(-4px);
  border-color: rgba(108,229,255,.22);
  box-shadow: 0 24px 64px rgba(4,10,22,.4), 0 0 28px rgba(74,124,255,.14);
}
.market-card-cover {
  border-radius: 20px;
  padding: 18px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: linear-gradient(135deg, rgba(29,53,97,.72), rgba(19,26,53,.94));
  border: 1px solid rgba(129,186,255,.12);
}
.market-card-cover-crm { background: radial-gradient(circle at 20% 20%, rgba(108,229,255,.22), transparent 30%), linear-gradient(135deg, rgba(27,54,102,.86), rgba(14,22,41,.94)); }
.market-card-cover-development { background: radial-gradient(circle at 78% 20%, rgba(155,102,255,.2), transparent 30%), linear-gradient(135deg, rgba(35,33,84,.9), rgba(12,19,41,.95)); }
.market-card-cover-ads { background: radial-gradient(circle at 20% 80%, rgba(79,130,255,.2), transparent 30%), linear-gradient(135deg, rgba(24,49,86,.9), rgba(14,22,40,.94)); }
.market-card-cover-repair { background: radial-gradient(circle at 78% 78%, rgba(108,229,255,.18), transparent 30%), linear-gradient(135deg, rgba(29,43,76,.9), rgba(12,18,38,.95)); }
.market-card-cover-order { background: radial-gradient(circle at 50% 20%, rgba(155,102,255,.18), transparent 30%), linear-gradient(135deg, rgba(39,35,86,.9), rgba(12,18,38,.95)); }
.market-card-cover-equipment, .market-card-cover-parts, .market-card-cover-service, .market-card-cover-contractor { background: linear-gradient(135deg, rgba(22,40,73,.92), rgba(11,18,37,.96)); }
.market-card-cover-icon {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  font-size: 1.7rem;
  color: #eef8ff;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(129,186,255,.14);
  box-shadow: inset 0 0 20px rgba(113,171,255,.08);
}
.market-card-badges { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.market-badge-verified { background: rgba(108,229,255,.12); border-color: rgba(108,229,255,.2); }
.market-badge-urgent { background: rgba(255,168,94,.12); border-color: rgba(255,168,94,.22); }
.market-card-main { display: grid; gap: 12px; }
.market-card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.market-card-category { color: #9bc4ff; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; }
.market-card-price { color: #fff; font-weight: 800; font-size: 1.05rem; }
.market-card-title {
  color: var(--market-text);
  text-decoration: none;
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1.24;
}
.market-card-description { margin: 0; color: var(--market-muted); line-height: 1.7; }
.market-card-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--market-muted);
  font-size: .9rem;
}
.market-card-author {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.market-card-author strong { display: block; }
.market-card-author small { color: var(--market-muted); }
.market-card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.market-card-actions form { display: contents; }
.market-empty-catalog {
  min-height: 280px;
  display: grid;
  place-items: center;
  text-align: center;
}
.market-empty-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 18px;
}

@media (max-width: 1180px) {
  .market-catalog-hero, .market-catalog-layout { grid-template-columns: 1fr; }
  .market-catalog-promos,
  .market-live-stats,
  .market-featured-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .market-catalog-sidebar { position: static; }
}

@media (max-width: 760px) {
  .market-mobile-filter-trigger { display: inline-flex; }
  .market-catalog-search,
  .market-sidebar-row,
  .market-catalog-promos,
  .market-live-stats,
  .market-featured-cards,
  .market-card-actions { grid-template-columns: 1fr; }
  .market-catalog-sidebar {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: auto;
    z-index: 30;
    transform: translateY(calc(100% + 18px));
    transition: transform .24s ease;
    max-height: calc(100vh - 90px);
    overflow: auto;
  }
  body.market-filters-open .market-catalog-sidebar { transform: translateY(0); }
  .market-sidebar-close { display: inline-grid; place-items: center; }
  .market-results-head, .market-featured-head {
    display: grid;
    align-items: start;
  }
}

.market-live-bar {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 16px;
  border-radius: 22px;
}
.market-live-bar article { display: grid; gap: 4px; }
.market-live-bar strong { font-size: 1.08rem; }
.market-live-bar span { color: var(--market-muted); font-size: .92rem; }

.market-activity-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
  gap: 18px;
}
.market-activity-feed,
.market-activity-side,
.market-ad-section,
.market-contact-panel,
.market-ad-showcase {
  border-radius: 28px;
  padding: 24px;
}
.market-activity-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}
.market-activity-head span { color: var(--market-muted); }
.market-activity-list { display: grid; gap: 14px; }
.market-activity-item {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid rgba(129,186,255,.08);
}
.market-activity-item:first-child { border-top: 0; padding-top: 0; }
.market-activity-dot {
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 999px;
  background: radial-gradient(circle, #77d8ff 0%, #6a6dff 72%, transparent 100%);
  box-shadow: 0 0 16px rgba(107,179,255,.45);
}
.market-activity-item p,
.market-activity-item small,
.market-activity-mini span,
.market-review-card p,
.market-review-card small,
.market-contact-foot span,
.market-contact-head small,
.market-contact-rating span { color: var(--market-muted); }
.market-activity-mini { display: grid; gap: 12px; margin-top: 16px; }

.market-ad-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) 360px;
  gap: 22px;
  align-items: start;
}
.market-ad-showcase { display: grid; gap: 22px; }
.market-ad-hero-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 22px;
}
.market-ad-hero-copy h1 {
  margin: 14px 0 12px;
  font-size: clamp(2.1rem, 3vw, 3.3rem);
  line-height: 1.05;
}
.market-ad-gallery { display: grid; gap: 14px; }
.market-ad-preview {
  min-height: 320px;
  border-radius: 26px;
  padding: 24px;
  display: grid;
  align-content: end;
  gap: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 22%, rgba(118,219,255,.2), transparent 34%),
    radial-gradient(circle at 78% 80%, rgba(147,86,255,.18), transparent 36%),
    linear-gradient(145deg, rgba(12,22,44,.92), rgba(8,14,28,.95));
  border: 1px solid rgba(129,186,255,.16);
}
.market-ad-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 10%, rgba(255,255,255,.08) 44%, transparent 62%);
  transform: translateX(-100%);
  transition: transform .6s ease;
}
.market-ad-preview:hover::after { transform: translateX(100%); }
.market-ad-preview-badge {
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(129,186,255,.16);
  color: #eef6ff;
  font-size: .82rem;
}
.market-ad-thumbs { display: flex; gap: 10px; }
.market-ad-thumb {
  width: 72px;
  height: 72px;
  border: 0;
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 20%, rgba(118,219,255,.2), transparent 32%),
    linear-gradient(145deg, rgba(13,23,42,.92), rgba(8,14,26,.95));
  border: 1px solid rgba(129,186,255,.12);
  cursor: pointer;
}
.market-ad-thumb.is-active { border-color: rgba(118,219,255,.32); box-shadow: 0 0 24px rgba(108,229,255,.16); }
.market-ad-sections { display: grid; gap: 18px; }
.market-section-head.compact { margin-bottom: 16px; }
.market-section-head.compact h2 { margin: 10px 0 0; font-size: 1.35rem; }
.market-seller-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}
.market-seller-card {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}
.market-seller-stats {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.market-trust-grid,
.market-review-grid,
.market-related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.market-trust-chip,
.market-review-card,
.market-related-card {
  border-radius: 22px;
  padding: 18px;
  background: rgba(8,14,27,.56);
  border: 1px solid rgba(129,186,255,.1);
}
.market-trust-chip.is-active {
  border-color: rgba(108,229,255,.18);
  box-shadow: inset 0 0 24px rgba(70,132,255,.08);
}
.market-trust-chip strong,
.market-related-card strong,
.market-review-card strong { display: block; margin-bottom: 6px; }
.market-related-card { text-decoration: none; color: var(--market-text); }
.market-related-card span,
.market-related-card small { color: var(--market-muted); }
.market-related-card.is-empty { display: grid; gap: 6px; }
.market-review-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.market-contact-panel {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 18px;
}
.market-contact-head {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}
.market-contact-avatar {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(37,95,255,.32), rgba(153,90,255,.28));
  border: 1px solid rgba(129,186,255,.16);
  color: #fff;
  font-weight: 800;
}
.market-contact-rating,
.market-quick-actions,
.market-contact-foot {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.market-contact-foot {
  padding-top: 10px;
  border-top: 1px solid rgba(129,186,255,.08);
}
.market-btn.soft {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(129,186,255,.12);
  color: var(--market-text);
}
.market-viewer {
  position: fixed;
  inset: 0;
  z-index: 60;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}
.market-viewer.is-open { opacity: 1; pointer-events: auto; }
.market-viewer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3,7,14,.74);
  backdrop-filter: blur(12px);
}
.market-viewer-content {
  position: relative;
  width: min(840px, calc(100vw - 24px));
  margin: 4vh auto 0;
  padding: 22px;
  border-radius: 30px;
}

/* Marketplace visual redesign */
.market-body {
  background:
    radial-gradient(circle at 10% 10%, rgba(70, 122, 255, 0.24), transparent 0 20%),
    radial-gradient(circle at 82% 12%, rgba(115, 86, 255, 0.18), transparent 0 18%),
    radial-gradient(circle at 66% 52%, rgba(82, 190, 255, 0.08), transparent 0 16%),
    linear-gradient(180deg, #050915 0%, #091224 38%, #07101d 100%);
}

.market-body::before,
.market-body::after {
  content: "";
  position: fixed;
  inset: auto;
  pointer-events: none;
  z-index: 0;
}

.market-body::before {
  top: -120px;
  right: -120px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(106, 217, 255, 0.18), rgba(106, 217, 255, 0.03) 48%, transparent 72%);
  filter: blur(28px);
  animation: marketFloatAura 14s ease-in-out infinite;
}

.market-body::after {
  left: -140px;
  bottom: 10%;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(144, 96, 255, 0.18), rgba(144, 96, 255, 0.04) 46%, transparent 72%);
  filter: blur(42px);
  animation: marketFloatAura 18s ease-in-out infinite reverse;
}

.market-bg {
  background:
    linear-gradient(rgba(110, 154, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110, 154, 255, 0.028) 1px, transparent 1px),
    radial-gradient(circle at 20% 30%, rgba(104, 220, 255, 0.08), transparent 32%),
    radial-gradient(circle at 80% 60%, rgba(155, 102, 255, 0.07), transparent 28%);
  background-size: 64px 64px, 64px 64px, auto, auto;
  opacity: .78;
}

.market-shell-market {
  position: relative;
  z-index: 1;
  width: min(1560px, calc(100vw - 28px));
  padding-top: 34px;
}

.market-header-v2 {
  width: min(1560px, calc(100vw - 28px));
  padding: 18px 22px 16px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(13, 21, 41, 0.82), rgba(8, 13, 26, 0.7)),
    radial-gradient(circle at 20% 10%, rgba(96, 164, 255, 0.12), transparent 28%);
  box-shadow: 0 24px 60px rgba(3, 8, 20, 0.34), inset 0 1px 0 rgba(255,255,255,.05);
}

.market-header-row-v2 {
  display: grid;
  grid-template-columns: minmax(240px, auto) minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.market-header-search-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px auto;
  gap: 12px;
  align-items: center;
}

.market-header-search-box,
.market-city-input {
  min-height: 56px;
  border-radius: 18px;
  background: rgba(8, 14, 26, 0.72);
  border: 1px solid rgba(129, 186, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.market-header-search-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
}

.market-header-search-box input,
.market-city-input {
  font-size: .98rem;
}

.market-top-actions-v2 {
  justify-content: flex-end;
}

.market-nav-market {
  margin-top: 14px;
  justify-content: flex-start;
  gap: 8px;
}

.market-nav-market a {
  background: rgba(9, 16, 30, 0.38);
  border: 1px solid rgba(129, 186, 255, 0.08);
}

.market-nav-market a:hover,
.market-nav-market a.is-active {
  background: linear-gradient(180deg, rgba(21, 34, 60, 0.78), rgba(12, 20, 39, 0.68));
  border-color: rgba(129, 186, 255, 0.18);
}

.market-home-hero-v2,
.market-catalog-hero-v2 {
  position: relative;
  overflow: hidden;
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(12, 20, 38, 0.88), rgba(8, 13, 26, 0.76)),
    radial-gradient(circle at 14% 18%, rgba(94, 181, 255, 0.14), transparent 26%),
    radial-gradient(circle at 82% 22%, rgba(151, 100, 255, 0.14), transparent 24%);
}

.market-home-hero-v2::before,
.market-home-hero-v2::after,
.market-catalog-hero-v2::before,
.market-catalog-hero-v2::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.market-home-hero-v2::before,
.market-catalog-hero-v2::before {
  inset: 0;
  background:
    linear-gradient(transparent 95%, rgba(129, 186, 255, 0.06) 95%),
    linear-gradient(90deg, transparent 95%, rgba(129, 186, 255, 0.06) 95%);
  background-size: 100% 42px, 42px 100%;
  opacity: .28;
}

.market-home-hero-v2::after,
.market-catalog-hero-v2::after {
  right: -80px;
  top: -80px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(108, 229, 255, 0.18), transparent 66%);
  filter: blur(16px);
}

.market-home-hero-v2 {
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(420px, .92fr);
  gap: 28px;
  min-height: 620px;
  padding: 34px;
}

.market-home-copy-v2 h1 {
  margin: 16px 0 0;
  font-size: clamp(2.8rem, 4.8vw, 5rem);
  line-height: 1.02;
  letter-spacing: -.055em;
  max-width: 780px;
}

.market-home-copy-v2 p {
  max-width: 640px;
  color: #c9d7ef;
}

.market-actions-v2 .market-btn {
  min-width: 188px;
}

.market-live-bar-v2 {
  margin-top: 28px;
  background: linear-gradient(180deg, rgba(10, 18, 34, 0.76), rgba(8, 13, 26, 0.62));
}

.market-home-visual-v2 {
  position: relative;
  min-height: 540px;
  display: grid;
  place-items: center;
  --hero-tilt-x: 0px;
  --hero-tilt-y: 0px;
}

.market-hero-orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(129, 186, 255, 0.14);
  box-shadow: inset 0 0 34px rgba(103, 184, 255, 0.08);
}

.market-hero-orbit-a {
  inset: 14% 12%;
  animation: marketSpin 26s linear infinite;
}

.market-hero-orbit-b {
  inset: 24% 22%;
  border-color: rgba(151, 100, 255, 0.14);
  animation: marketSpin 20s linear infinite reverse;
}

.market-hero-showcase {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  padding: 24px;
  border-radius: 30px;
  display: grid;
  gap: 16px;
  transform: perspective(1600px) rotateY(-8deg) rotateX(5deg) translate3d(var(--hero-tilt-x), var(--hero-tilt-y), 0);
  transition: transform .22s ease;
}

.market-hero-showcase::before {
  content: "";
  position: absolute;
  inset: 18% 24% 18% 24%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(107, 220, 255, 0.18), rgba(151, 100, 255, 0.1) 42%, transparent 68%);
  filter: blur(14px);
  pointer-events: none;
}

.market-hero-showcase-head,
.market-hero-category-dots {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.market-hero-pill {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(14, 24, 43, 0.78);
  border: 1px solid rgba(129, 186, 255, 0.12);
  color: #dcf1ff;
  font-size: .8rem;
  font-weight: 700;
}

.market-hero-search-mock,
.market-hero-ad-card,
.market-home-analytics,
.market-home-side-v2 article,
.market-catalog-side-card-v2,
.market-category-card-v2,
.market-market-card-v2,
.market-listing-card-premium,
.market-catalog-sidebar,
.market-live-stats-v2 article {
  background:
    radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(108, 229, 255, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(13, 22, 41, 0.86), rgba(8, 13, 26, 0.76));
}

.market-hero-search-mock {
  position: relative;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(129, 186, 255, 0.14);
}

.market-hero-search-mock strong,
.market-home-analytics-head strong {
  display: block;
  margin-bottom: 6px;
}

.market-hero-search-mock span,
.market-hero-ad-card small,
.market-hero-activity-feed article span,
.market-home-analytics-head small {
  color: var(--market-muted);
}

.market-hero-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.market-hero-ad-card {
  position: relative;
  min-height: 132px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(129, 186, 255, 0.12);
  box-shadow: 0 18px 36px rgba(4, 10, 22, 0.18);
}

.market-hero-ad-card.is-accent {
  border-color: rgba(151, 100, 255, 0.2);
}

.market-hero-ad-tag {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  margin-bottom: 12px;
  background: rgba(255, 255, 255, 0.06);
  color: #dff4ff;
  font-size: .74rem;
  font-weight: 800;
}

.market-hero-ad-card strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1rem;
  line-height: 1.32;
}

.market-hero-activity {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 14px;
}

.market-hero-activity-chart {
  min-height: 140px;
  padding: 16px;
  border-radius: 22px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid rgba(129, 186, 255, 0.12);
  background: rgba(10, 18, 34, 0.72);
}

.market-hero-activity-chart span {
  flex: 1;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(86, 220, 255, 0.95), rgba(67, 118, 255, 0.65));
  box-shadow: 0 0 16px rgba(103, 184, 255, 0.22);
  animation: marketBars 4.8s ease-in-out infinite;
}

.market-hero-activity-chart span:nth-child(1) { height: 34%; }
.market-hero-activity-chart span:nth-child(2) { height: 56%; animation-delay: -.4s; }
.market-hero-activity-chart span:nth-child(3) { height: 74%; animation-delay: -.8s; }
.market-hero-activity-chart span:nth-child(4) { height: 48%; animation-delay: -1.2s; }
.market-hero-activity-chart span:nth-child(5) { height: 88%; animation-delay: -1.6s; }
.market-hero-activity-chart span:nth-child(6) { height: 62%; animation-delay: -2s; }

.market-hero-activity-feed {
  display: grid;
  gap: 10px;
}

.market-hero-activity-feed article {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(10, 18, 34, 0.68);
  border: 1px solid rgba(129, 186, 255, 0.1);
}

.market-hero-activity-feed i,
.market-home-side-list article::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7be3ff, #7f78ff);
  box-shadow: 0 0 14px rgba(108, 229, 255, 0.4);
  content: "";
  flex: 0 0 auto;
}

.market-hero-category-dots span {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(10, 18, 34, 0.72);
  border: 1px solid rgba(129, 186, 255, 0.1);
  color: #d8ecff;
}

.market-section-categories,
.market-section-insights {
  margin-top: 28px;
}

.market-category-grid-v2 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.market-category-card-v2 {
  min-height: 220px;
  display: grid;
  align-content: start;
  gap: 12px;
  text-decoration: none;
  color: var(--market-text);
  border-radius: 28px;
  padding: 22px;
  border: 1px solid rgba(129, 186, 255, 0.14);
  box-shadow: 0 18px 44px rgba(4, 10, 22, 0.18);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
  opacity: 0;
  transform: translateY(20px);
}

.market-category-card-v2.is-visible,
.market-market-card-v2.is-visible,
.market-listing-card-premium.is-visible,
.market-home-side-v2.is-visible,
.market-catalog-sidebar.is-visible,
.market-catalog-hero-v2.is-visible,
.market-home-hero-v2.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .5s ease, transform .5s ease;
}

.market-category-card-v2:hover {
  transform: translateY(-6px);
  border-color: rgba(108, 229, 255, 0.24);
  box-shadow: 0 26px 58px rgba(4, 10, 22, 0.28), 0 0 24px rgba(74, 124, 255, 0.08);
}

.market-category-card-icon {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  background: linear-gradient(135deg, rgba(52, 112, 255, 0.26), rgba(143, 101, 255, 0.18));
  border: 1px solid rgba(129, 186, 255, 0.14);
}

.market-category-card-v2 strong {
  font-size: 1.1rem;
}

.market-category-card-v2 small,
.market-category-card-v2 em {
  color: var(--market-muted);
  font-style: normal;
  line-height: 1.6;
}

.market-category-card-v2 em {
  margin-top: auto;
  color: #dceaff;
  font-weight: 700;
}

.market-home-layout-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) 360px;
  gap: 18px;
}

.market-home-grid-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.market-market-card-v2 {
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(129, 186, 255, 0.12);
  box-shadow: 0 20px 50px rgba(4, 10, 22, 0.18);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
  opacity: 0;
  transform: translateY(20px);
}

.market-market-card-v2:hover {
  transform: translateY(-6px);
  border-color: rgba(108, 229, 255, 0.24);
  box-shadow: 0 28px 64px rgba(4, 10, 22, 0.28), 0 0 24px rgba(74, 124, 255, 0.08);
}

.market-market-card-media-v2 {
  min-height: 188px;
  padding: 18px;
  background:
    radial-gradient(circle at 20% 20%, rgba(108, 229, 255, 0.22), transparent 28%),
    radial-gradient(circle at 80% 80%, rgba(155, 102, 255, 0.18), transparent 26%),
    linear-gradient(145deg, rgba(18, 31, 58, 0.92), rgba(9, 15, 28, 0.96));
}

.market-market-card-media-v2 .market-market-card-icon {
  width: 68px;
  height: 68px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  font-size: 1.7rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(129, 186, 255, 0.12);
}

.market-home-side-v2 {
  display: grid;
  gap: 16px;
  border-radius: 30px;
  padding: 24px;
  border: 1px solid rgba(129, 186, 255, 0.12);
}

.market-home-side-v2 > strong {
  font-size: 1.2rem;
}

.market-home-service-stack,
.market-home-side-list {
  display: grid;
  gap: 12px;
}

.market-home-side-v2 article {
  position: relative;
  display: grid;
  gap: 6px;
  padding: 16px 16px 16px 30px;
  border-radius: 20px;
  border: 1px solid rgba(129, 186, 255, 0.1);
}

.market-home-side-list article::before {
  position: absolute;
  left: 14px;
  top: 20px;
}

.market-home-analytics {
  border-radius: 24px;
  padding: 18px;
  border: 1px solid rgba(129, 186, 255, 0.12);
}

.market-home-analytics-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}

.market-home-analytics-cards article {
  min-height: 92px;
  border-radius: 18px;
  padding: 14px;
  background: rgba(8, 14, 26, 0.58);
  border: 1px solid rgba(129, 186, 255, 0.1);
}

.market-home-analytics-cards strong,
.market-live-stats-v2 strong {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 8px;
}

.market-live-stats-v2 article {
  border-radius: 22px;
  border: 1px solid rgba(129, 186, 255, 0.12);
}

.market-catalog-hero-v2 {
  grid-template-columns: minmax(0, 1.2fr) 340px;
  gap: 20px;
}

.market-catalog-hero-v2 .market-catalog-hero-copy h1 {
  margin-top: 16px;
  font-size: clamp(2.7rem, 4.2vw, 4.7rem);
}

.market-catalog-search-v2 {
  grid-template-columns: minmax(0, 1fr) 180px auto;
}

.market-catalog-side-card-v2 {
  border-radius: 30px;
  border: 1px solid rgba(129, 186, 255, 0.12);
  box-shadow: 0 20px 52px rgba(4, 10, 22, 0.18);
  opacity: 0;
  transform: translateY(20px);
}

.market-catalog-side-hero strong {
  display: block;
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.market-catalog-side-hero small {
  color: var(--market-muted);
  line-height: 1.72;
}

.market-catalog-layout-v2 {
  grid-template-columns: 320px minmax(0, 1fr);
}

.market-catalog-sidebar {
  border-radius: 30px;
  box-shadow: 0 18px 44px rgba(4, 10, 22, 0.18);
  opacity: 0;
  transform: translateY(20px);
}

.market-results-head-v2 {
  padding: 6px 4px 0;
}

.market-listing-card-premium {
  border-radius: 28px;
  border: 1px solid rgba(129, 186, 255, 0.12);
  box-shadow: 0 20px 54px rgba(4, 10, 22, 0.18);
  opacity: 0;
  transform: translateY(20px);
}

.market-listing-card-premium .market-card-title {
  font-size: 1.16rem;
}

.market-card-actions .market-btn {
  min-height: 44px;
  border-radius: 14px;
  padding: 0 12px;
}

.market-mobile-bar {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

@keyframes marketFloatAura {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .82; }
  50% { transform: translate3d(0, 14px, 0) scale(1.04); opacity: 1; }
}

@keyframes marketSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes marketBars {
  0%, 100% { transform: scaleY(.85); opacity: .88; }
  50% { transform: scaleY(1.06); opacity: 1; }
}

@media (max-width: 1180px) {
  .market-header-row-v2,
  .market-catalog-search-v2,
  .market-home-hero-v2,
  .market-home-layout-v2,
  .market-catalog-hero-v2,
  .market-catalog-layout-v2 {
    grid-template-columns: 1fr;
  }

  .market-home-grid-v2,
  .market-category-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-header-search-v2 {
    grid-template-columns: minmax(0, 1fr) 180px auto;
  }

  .market-home-visual-v2 {
    min-height: 460px;
  }
}

@media (max-width: 760px) {
  .market-shell-market,
  .market-header-v2 {
    width: min(100vw - 16px, 100%);
  }

  .market-header-v2 {
    padding: 16px;
    border-radius: 24px;
  }

  .market-header-row-v2,
  .market-header-search-v2,
  .market-catalog-search-v2,
  .market-home-grid-v2,
  .market-category-grid-v2,
  .market-home-layout-v2,
  .market-home-analytics-cards,
  .market-catalog-layout-v2 {
    grid-template-columns: 1fr;
  }

  .market-home-hero-v2,
  .market-catalog-hero-v2 {
    padding: 22px;
    border-radius: 28px;
  }

  .market-home-copy-v2 h1,
  .market-catalog-hero-v2 .market-catalog-hero-copy h1 {
    font-size: clamp(2.15rem, 10vw, 3.1rem);
  }

  .market-home-visual-v2 {
    min-height: 380px;
  }

  .market-hero-showcase {
    width: 100%;
    transform: none;
  }

  .market-hero-cards,
  .market-hero-activity {
    grid-template-columns: 1fr;
  }

  .market-market-card-v2,
  .market-listing-card-premium,
  .market-category-card-v2 {
    transform: none;
  }
}
.market-viewer-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  color: #fff;
  cursor: pointer;
}
.market-viewer-stage {
  min-height: 62vh;
  border-radius: 24px;
  padding: 28px;
  display: grid;
  align-content: end;
  background:
    radial-gradient(circle at 20% 20%, rgba(118,219,255,.22), transparent 34%),
    radial-gradient(circle at 82% 80%, rgba(147,86,255,.18), transparent 38%),
    linear-gradient(145deg, rgba(10,18,33,.96), rgba(5,10,21,.98));
}

.market-chat-layout-premium { align-items: stretch; }
.market-chat-side-head,
.market-chat-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.market-thread-item-premium {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.market-thread-avatar {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(37,95,255,.24), rgba(153,90,255,.2));
  color: #fff;
  font-weight: 800;
  border: 1px solid rgba(129,186,255,.14);
}
.market-thread-copy { display: grid; gap: 4px; }
.market-chat-presence,
.market-chat-tools { display: flex; gap: 8px; align-items: center; }
.market-chat-chip,
.market-tool-btn {
  min-height: 36px;
  border-radius: 12px;
  padding: 0 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(129,186,255,.1);
  color: #dcecff;
}
.market-tool-btn { cursor: not-allowed; }
.market-chat-bubbles-premium {
  min-height: 420px;
  border-radius: 24px;
  padding: 18px;
  background: rgba(8,14,26,.42);
  border: 1px solid rgba(129,186,255,.08);
}
.market-chat-compose { gap: 12px; }
.market-typing-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--market-muted);
  margin-top: 10px;
}
.market-typing-indicator span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(118,219,255,.72);
  animation: marketTypingPulse 1.1s ease-in-out infinite;
}
.market-typing-indicator span:nth-child(2) { animation-delay: .15s; }
.market-typing-indicator span:nth-child(3) { animation-delay: .3s; }

.market-ai-helper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(8,14,27,.46);
  border: 1px solid rgba(129,186,255,.1);
}
.market-ai-helper small { color: var(--market-muted); display: block; margin-top: 6px; }
.market-ai-helper-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@keyframes marketTypingPulse {
  0%, 80%, 100% { transform: scale(.72); opacity: .44; }
  40% { transform: scale(1); opacity: 1; }
}

@media (max-width: 1180px) {
  .market-live-bar,
  .market-activity-grid,
  .market-ad-shell,
  .market-ad-hero-panel,
  .market-trust-grid,
  .market-review-grid,
  .market-related-grid {
    grid-template-columns: 1fr;
  }
  .market-contact-panel { position: static; }
  .market-seller-strip { grid-template-columns: 1fr; }
  .market-seller-stats { justify-content: flex-start; }
}

@media (max-width: 760px) {
  .market-ai-helper,
  .market-contact-rating,
  .market-quick-actions,
  .market-contact-foot,
  .market-chat-side-head,
  .market-chat-topbar {
    display: grid;
    justify-content: start;
  }
  .market-thread-item-premium,
  .market-seller-card,
  .market-contact-head,
  .market-activity-item { grid-template-columns: 1fr; }
  .market-ad-preview { min-height: 240px; }
}

.market-header-compact {
  min-height: 98px;
  padding: 16px 18px;
  display: grid;
  gap: 14px;
}
.market-header-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}
.market-brand-market { text-decoration: none; color: var(--market-text); }
.market-header-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px auto;
  gap: 10px;
  align-items: center;
}
.market-header-search-box {
  min-height: 50px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  background: rgba(7,13,26,.66);
  border: 1px solid rgba(129,186,255,.12);
}
.market-header-search-box input,
.market-city-input {
  width: 100%;
  min-height: 48px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--market-text);
}
.market-city-input {
  border-radius: 16px;
  padding: 0 14px;
  background: rgba(7,13,26,.66);
  border: 1px solid rgba(129,186,255,.12);
}
.market-nav-market {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.market-shell-market {
  width: min(1480px, calc(100vw - 28px));
  padding-bottom: 100px;
}
.market-mobile-bar {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 22;
  display: none;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  padding: 10px;
  border-radius: 22px;
  background: rgba(7,12,24,.92);
  border: 1px solid rgba(129,186,255,.12);
  backdrop-filter: blur(18px);
}
.market-mobile-bar a {
  min-height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  text-decoration: none;
  color: var(--market-text);
  font-size: .82rem;
}
.market-mobile-bar a.is-active,
.market-mobile-bar a.is-primary {
  background: rgba(50,107,255,.18);
  border: 1px solid rgba(107,179,255,.18);
}

.market-home-hero,
.market-market-hero,
.market-cabinet-top,
.market-posting-form,
.market-posting-side,
.market-ad-gallery-card,
.market-ad-info-card,
.market-trust-box {
  border-radius: 28px;
  padding: 24px;
}
.market-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) 360px;
  gap: 18px;
}
.market-home-copy h1,
.market-market-hero-copy h1,
.market-cabinet-top h1,
.market-posting-form h1,
.market-ad-info-card h1 {
  margin: 14px 0 0;
  font-size: clamp(2.2rem, 3.6vw, 3.8rem);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.market-home-copy p,
.market-market-hero-copy p,
.market-cabinet-top p,
.market-posting-form p {
  max-width: 760px;
  margin: 16px 0 0;
  color: #c9d7ee;
  line-height: 1.72;
}
.market-home-service-rail {
  border-radius: 28px;
  padding: 22px;
}
.market-service-rail-list,
.market-market-service-list,
.market-posting-side-list,
.market-home-side-list,
.market-trust-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.market-service-rail-list article,
.market-market-service-list span,
.market-posting-side-list span,
.market-home-side-list article,
.market-trust-list span {
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(8,14,27,.52);
  border: 1px solid rgba(129,186,255,.08);
}
.market-service-rail-list small,
.market-home-side-list small,
.market-trust-list span,
.market-market-card p,
.market-market-meta,
.market-market-footer small,
.market-cabinet-content p,
.market-cabinet-side p {
  color: var(--market-muted);
}
.market-category-grid-market {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.market-category-tile {
  min-height: 128px;
  border-radius: 22px;
  padding: 18px;
  text-decoration: none;
  color: var(--market-text);
  display: grid;
  align-content: space-between;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.market-category-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(107,179,255,.22);
  box-shadow: 0 20px 36px rgba(4,8,18,.22);
}
.market-category-tile span:first-child {
  font-size: 1.45rem;
}

.market-home-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) 320px;
  gap: 18px;
}
.market-home-grid,
.market-listing-grid-market {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.market-market-card {
  min-height: 360px;
  border-radius: 24px;
  padding: 16px;
  display: grid;
  grid-template-rows: 150px 1fr;
  gap: 14px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.market-market-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 46px rgba(3,8,18,.24);
}
.market-market-card-media {
  position: relative;
  border-radius: 20px;
  padding: 16px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
  background:
    radial-gradient(circle at 20% 20%, rgba(108,229,255,.18), transparent 32%),
    linear-gradient(135deg, rgba(22,38,68,.92), rgba(10,15,30,.96));
  border: 1px solid rgba(129,186,255,.1);
}
.market-market-card-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 1.35rem;
}
.market-market-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.market-market-card-body {
  display: grid;
  gap: 12px;
}
.market-market-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.market-market-price,
.market-ad-price {
  font-size: 1.45rem;
  font-weight: 800;
  color: #fff;
}
.market-market-title {
  color: var(--market-text);
  text-decoration: none;
  font-weight: 800;
  font-size: 1.08rem;
  line-height: 1.34;
}
.market-market-meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: .92rem;
}
.market-market-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}
.market-favorite-btn {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  text-decoration: none;
  border: 1px solid rgba(129,186,255,.12);
  background: rgba(7,13,26,.62);
  color: var(--market-text);
}
.market-link-arrow {
  color: #8fd5ff;
  text-decoration: none;
  font-weight: 700;
}

.market-market-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) 320px;
  gap: 18px;
}
.market-catalog-search-market {
  grid-template-columns: minmax(0, 1fr) 180px auto;
}
.market-live-stats-market {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.market-market-service-box {
  border-radius: 28px;
  padding: 22px;
}
.market-quick-categories-scroll {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
  margin-top: 18px;
}
.market-catalog-layout-market {
  grid-template-columns: 300px minmax(0, 1fr);
}
.market-results-head-market h2 {
  margin: 0;
}

.market-ad-page {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) 380px;
  gap: 24px;
}
.market-ad-main,
.market-ad-sidebar {
  display: grid;
  gap: 18px;
}
.market-ad-gallery-main {
  min-height: 420px;
  border-radius: 24px;
  padding: 24px;
  display: grid;
  align-content: end;
  gap: 10px;
  cursor: pointer;
  background:
    radial-gradient(circle at 20% 20%, rgba(108,229,255,.18), transparent 32%),
    radial-gradient(circle at 80% 70%, rgba(155,102,255,.16), transparent 34%),
    linear-gradient(145deg, rgba(14,23,42,.94), rgba(7,12,24,.98));
}
.market-ad-gallery-badge {
  width: fit-content;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(129,186,255,.12);
}
.market-ad-info-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.market-ad-meta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  color: var(--market-muted);
  margin: 14px 0 0;
}
.market-related-grid-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.market-trust-box strong {
  display: block;
}
.market-trust-list span.is-active {
  border-color: rgba(108,229,255,.22);
  box-shadow: inset 0 0 18px rgba(74,124,255,.08);
}

.market-cabinet-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}
.market-cabinet-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 20px 0;
}
.market-cabinet-summary article {
  min-height: 112px;
  border-radius: 22px;
  padding: 18px;
  display: grid;
  gap: 8px;
  align-content: center;
  border: 1px solid rgba(129,186,255,.12);
}
.market-cabinet-summary strong { font-size: 1.7rem; }
.market-cabinet-summary span { color: var(--market-muted); }
.market-cabinet-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 360px;
  gap: 20px;
}
.market-cabinet-nav,
.market-cabinet-content,
.market-cabinet-side {
  border-radius: 26px;
  padding: 22px;
}
.market-cabinet-nav {
  display: grid;
  gap: 10px;
  align-content: start;
}
.market-cabinet-nav a,
.market-listing-mini-market a {
  border-radius: 16px;
  padding: 13px 14px;
  text-decoration: none;
  color: var(--market-text);
  background: rgba(8,14,27,.46);
  border: 1px solid rgba(129,186,255,.08);
}
.market-listing-mini-market a {
  display: grid;
  gap: 4px;
}
.market-cabinet-nav a:hover,
.market-listing-mini-market a:hover {
  border-color: rgba(107,179,255,.18);
}

.market-posting-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) 360px;
  gap: 20px;
}
.market-posting-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.market-posting-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.market-posting-form label {
  display: grid;
  gap: 8px;
}
.market-posting-form label span { color: #d7e7ff; font-size: .92rem; }

@media (max-width: 1180px) {
  .market-header-row,
  .market-home-hero,
  .market-home-layout,
  .market-market-hero,
  .market-ad-page,
  .market-cabinet-top,
  .market-cabinet-layout,
  .market-posting-shell {
    grid-template-columns: 1fr;
  }
  .market-home-grid,
  .market-listing-grid-market,
  .market-category-grid-market,
  .market-cabinet-summary,
  .market-posting-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .market-header-search {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .market-shell-market { width: min(100vw - 16px, 100%); padding-bottom: 110px; }
  .market-mobile-bar { display: grid; }
  .market-top-actions form { display: contents; }
  .market-home-grid,
  .market-listing-grid-market,
  .market-category-grid-market,
  .market-cabinet-summary,
  .market-posting-grid,
  .market-posting-grid-3,
  .market-related-grid-list,
  .market-live-stats-market {
    grid-template-columns: 1fr;
  }
  .market-home-service-rail,
  .market-market-service-box { order: 2; }
  .market-catalog-layout-market { grid-template-columns: 1fr; }
  .market-quick-categories-scroll {
    margin-right: -6px;
    padding-right: 6px;
  }
  .market-cabinet-summary article,
  .market-market-card { min-height: auto; }
  .market-header-compact { padding-bottom: 18px; }
}

/* 2026-05-22 marketplace corrective pass */
.market-shell-market,
.market-header-compact,
.market-home-hero-v2,
.market-section,
.market-catalog-hero-v2 {
  width: min(1720px, calc(100vw - 24px));
}

.market-shell-market {
  position: relative;
}

.market-header-compact {
  padding-top: 14px;
  padding-bottom: 10px;
}

.market-header-compact .market-header-row {
  min-height: 74px;
  padding: 14px 18px;
  align-items: center;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(13, 20, 36, 0.78), rgba(8, 13, 24, 0.82));
  border: 1px solid rgba(145, 190, 255, 0.14);
  box-shadow: 0 14px 32px rgba(4, 8, 18, 0.22);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.market-header-compact .market-brand {
  gap: 12px;
}

.market-header-compact .market-brand .tb-brand-logo-wrap--lg {
  width: 48px;
  height: 48px;
  border-radius: 16px;
}

.market-header-compact .market-top-actions {
  align-items: center;
}

.market-header-row-main {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
}

.market-nav-inline {
  margin-top: 0;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.market-nav-inline::-webkit-scrollbar {
  display: none;
}

.market-nav-inline a {
  white-space: nowrap;
}

.market-header-search-row {
  margin-top: 12px;
}

.market-shell-market::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 14% 16%, rgba(73, 116, 255, 0.22), transparent 26%),
    radial-gradient(circle at 86% 18%, rgba(93, 224, 255, 0.12), transparent 22%),
    radial-gradient(circle at 78% 72%, rgba(129, 76, 255, 0.16), transparent 26%),
    linear-gradient(180deg, rgba(4, 10, 24, 0.92), rgba(5, 11, 22, 0.98));
}

.market-home-hero-v2 {
  min-height: 0;
  padding: 32px;
  gap: 24px;
  align-items: center;
  overflow: hidden;
}

.market-home-copy-v2 {
  max-width: 560px;
}

.market-home-copy-v2 h1 {
  max-width: 11ch;
  font-size: clamp(2.45rem, 3.7vw, 3.9rem);
  line-height: 1.03;
}

.market-home-copy-v2 p {
  max-width: 620px;
}

.market-home-visual-v2 {
  min-height: 390px;
  padding: 4px 0;
}

.market-hero-showcase {
  max-width: 500px;
  min-height: 0;
}

.market-hero-ad-card,
.market-hero-activity,
.market-home-side-v2 article,
.market-home-analytics-cards article,
.market-category-card-v2,
.market-market-card-v2 {
  min-height: 0;
}

.market-category-grid-v2 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
}

.market-category-card-v2 {
  padding: 18px;
}

.market-category-card-v2 em {
  color: rgba(220, 232, 255, 0.6);
  font-style: normal;
}

.market-home-layout-v2 {
  align-items: start;
}

.market-home-grid-v2 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  grid-auto-rows: min-content;
}

.market-market-card-v2 {
  height: auto;
  align-self: start;
}

.market-market-card-media-v2 {
  min-height: 152px;
}

.market-home-side-v2 {
  gap: 16px;
  align-content: start;
}

.market-home-side-v2,
.market-home-hero-v2,
.market-category-card-v2,
.market-market-card-v2,
.market-home-analytics,
.market-home-side-list article,
.market-home-service-stack article,
.market-catalog-hero-v2,
.market-catalog-sidebar {
  background: linear-gradient(180deg, rgba(14, 21, 38, 0.76), rgba(9, 15, 29, 0.84));
}

.market-home-side-list article,
.market-home-service-stack article,
.market-home-analytics-cards article {
  border-color: rgba(137, 182, 255, 0.1);
  box-shadow: none;
}

.market-home-analytics-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.market-home-analytics-cards article {
  min-height: 72px;
}

@media (max-width: 1180px) {
  .market-shell-market,
  .market-header-compact,
  .market-home-hero-v2,
  .market-section,
  .market-catalog-hero-v2 {
    width: min(100vw - 24px, 100%);
  }

  .market-header-row-main {
    grid-template-columns: 1fr;
  }

  .market-nav-inline {
    order: 3;
  }

  .market-category-grid-v2,
  .market-home-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .market-home-hero-v2 {
    padding: 28px;
  }
}

@media (max-width: 760px) {
  .market-home-hero-v2,
  .market-section,
  .market-catalog-hero-v2 {
    width: min(100vw - 16px, 100%);
  }

  .market-home-hero-v2 {
    padding: 22px 18px;
    gap: 22px;
  }

  .market-home-copy-v2 h1 {
    max-width: none;
    font-size: clamp(2rem, 8vw, 3rem);
  }

  .market-hero-showcase {
    max-width: none;
  }

  .market-category-grid-v2,
  .market-home-grid-v2,
  .market-home-analytics-cards {
    grid-template-columns: 1fr;
  }
}

/* 2026-05-22 live marketplace hero */
.market-home-hero-v2 {
  grid-template-columns: minmax(0, .82fr) minmax(520px, 1fr);
  min-height: 610px;
  position: relative;
  isolation: isolate;
}

.market-home-hero-v2::before,
.market-home-hero-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.market-home-hero-v2::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(86, 123, 255, 0.18), transparent 30%),
    radial-gradient(circle at 78% 26%, rgba(80, 224, 255, 0.14), transparent 26%),
    radial-gradient(circle at 72% 78%, rgba(130, 87, 255, 0.16), transparent 28%);
}

.market-home-hero-v2::after {
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.58), transparent 92%);
  opacity: .18;
}

.market-home-copy-v2,
.market-home-visual-v2 {
  position: relative;
  z-index: 1;
}

.market-home-copy-v2 {
  display: grid;
  gap: 16px;
  align-content: center;
  max-width: 470px;
}

.market-home-copy-v2 h1 {
  max-width: 10.5ch;
  margin: 0;
  font-size: clamp(2.3rem, 3.5vw, 3.7rem);
  line-height: 1.01;
  letter-spacing: -.05em;
}

.market-home-copy-v2 p {
  max-width: 56ch;
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.7;
  color: rgba(224, 236, 255, 0.8);
}

.market-home-visual-v2 {
  min-height: 500px;
  display: grid;
  place-items: center;
  overflow: visible;
}

.market-scene-grid,
.market-scene-glow,
.market-scene-particles,
.market-scene-stream {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.market-scene-grid {
  border-radius: 34px;
  background-image:
    linear-gradient(rgba(109, 138, 187, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(109, 138, 187, 0.08) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, rgba(0,0,0,.92), transparent 90%);
  opacity: .55;
}

.market-scene-glow {
  filter: blur(32px);
}

.market-scene-glow-a {
  background: radial-gradient(circle at center, rgba(71, 123, 255, 0.26), transparent 58%);
  transform: translate(-12%, -8%);
}

.market-scene-glow-b {
  background: radial-gradient(circle at center, rgba(123, 88, 255, 0.18), transparent 54%);
  transform: translate(20%, 16%);
}

.market-scene-particles span {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(154, 213, 255, 0.86);
  box-shadow: 0 0 18px rgba(102, 197, 255, 0.6);
  animation: marketParticleFloat 7s ease-in-out infinite;
}

.market-scene-particles span:nth-child(1) { top: 12%; left: 16%; animation-delay: 0s; }
.market-scene-particles span:nth-child(2) { top: 20%; right: 18%; animation-delay: 1s; }
.market-scene-particles span:nth-child(3) { top: 48%; left: 10%; animation-delay: 2.2s; }
.market-scene-particles span:nth-child(4) { bottom: 22%; left: 26%; animation-delay: 3.1s; }
.market-scene-particles span:nth-child(5) { bottom: 16%; right: 18%; animation-delay: 4.4s; }
.market-scene-particles span:nth-child(6) { top: 56%; right: 10%; animation-delay: 5.3s; }

.market-scene-stream {
  margin: auto;
  width: 72%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(92, 178, 255, 0.5), transparent);
  transform-origin: center;
  opacity: .48;
  filter: drop-shadow(0 0 10px rgba(92, 178, 255, 0.34));
  animation: marketStreamMove 8s linear infinite;
}

.market-scene-stream-a { transform: rotate(18deg); }
.market-scene-stream-b { transform: rotate(-24deg); width: 64%; animation-delay: -2s; }
.market-scene-stream-c { transform: rotate(90deg); width: 54%; animation-delay: -4s; }

.market-scene-core {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 214px;
  height: 214px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 26px;
  background:
    radial-gradient(circle at 32% 32%, rgba(133, 220, 255, 0.34), transparent 24%),
    radial-gradient(circle at 72% 70%, rgba(133, 98, 255, 0.24), transparent 30%),
    linear-gradient(160deg, rgba(15, 24, 44, 0.92), rgba(8, 13, 26, 0.96));
  border: 1px solid rgba(145, 190, 255, 0.22);
  box-shadow:
    0 34px 90px rgba(3, 9, 22, 0.58),
    0 0 0 1px rgba(255,255,255,0.04) inset,
    0 0 42px rgba(97, 156, 255, 0.28);
  animation: marketCoreFloat 8.5s ease-in-out infinite;
}

.market-scene-core::before,
.market-scene-core::after {
  content: "";
  position: absolute;
  inset: -24px;
  border-radius: 50%;
  border: 1px solid rgba(132, 183, 255, 0.16);
}

.market-scene-core::after {
  inset: -34px;
  border-color: rgba(123, 102, 255, 0.12);
}

.market-scene-core-label {
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .72rem;
  color: rgba(181, 207, 255, 0.62);
}

.market-scene-core strong {
  font-size: 1.68rem;
  letter-spacing: -.04em;
}

.market-scene-core small {
  color: rgba(221, 236, 255, 0.66);
  line-height: 1.5;
}

.market-scene-node {
  position: absolute;
  width: 172px;
  min-height: 86px;
  padding: 12px 14px;
  border-radius: 22px;
  display: grid;
  gap: 8px;
  background: linear-gradient(180deg, rgba(16, 25, 46, 0.78), rgba(8, 14, 27, 0.88));
  border: 1px solid rgba(149, 192, 255, 0.14);
  box-shadow: 0 22px 54px rgba(4, 9, 20, 0.36);
  animation: marketNodeFloat 7s ease-in-out infinite;
}

.market-scene-node::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 76px;
  height: 1px;
  background: linear-gradient(90deg, rgba(110, 187, 255, 0.42), transparent);
  transform-origin: left center;
  opacity: .7;
}

.market-scene-node-a { top: 10%; left: 12%; }
.market-scene-node-a::after { transform: rotate(28deg); }
.market-scene-node-b { top: 12%; right: 10%; animation-delay: -1.2s; }
.market-scene-node-b::after { transform: translateX(-100%) rotate(150deg); background: linear-gradient(90deg, transparent, rgba(110, 187, 255, 0.42)); }
.market-scene-node-c { bottom: 18%; left: 10%; animation-delay: -2.1s; }
.market-scene-node-c::after { transform: rotate(-28deg); }
.market-scene-node-d { bottom: 16%; right: 12%; animation-delay: -3s; }
.market-scene-node-d::after { transform: translateX(-100%) rotate(-150deg); background: linear-gradient(90deg, transparent, rgba(110, 187, 255, 0.42)); }

.market-scene-node-icon {
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.06);
  font-size: 1.1rem;
}

.market-scene-node strong {
  font-size: .92rem;
}

.market-scene-node small {
  color: rgba(216, 231, 255, 0.66);
  line-height: 1.35;
  font-size: .82rem;
}

.market-scene-activity {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 214px;
  padding: 13px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 40, 0.84), rgba(9, 15, 29, 0.92));
  border: 1px solid rgba(149, 192, 255, 0.14);
  box-shadow: 0 22px 60px rgba(3, 9, 20, 0.38);
  animation: marketPanelFloat 8s ease-in-out infinite;
}

.market-scene-activity-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.market-scene-activity-head span {
  color: rgba(184, 207, 246, 0.56);
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.market-scene-activity-list {
  display: grid;
  gap: 10px;
}

.market-scene-activity-list article {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.market-scene-activity-list i {
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 50%;
  background: #71d9ff;
  box-shadow: 0 0 14px rgba(113, 217, 255, 0.75);
  animation: marketPulse 2.4s ease-in-out infinite;
}

.market-scene-activity-list strong {
  display: block;
  font-size: .92rem;
}

.market-scene-activity-list small {
  color: rgba(214, 228, 247, 0.64);
  line-height: 1.45;
}

@keyframes marketParticleFloat {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: .45; }
  50% { transform: translate3d(0, -12px, 0); opacity: .92; }
}

@keyframes marketStreamMove {
  0% { opacity: .16; }
  50% { opacity: .56; }
  100% { opacity: .16; }
}

@keyframes marketCoreFloat {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  50% { transform: translate(-50%, -50%) translateY(-10px); }
}

@keyframes marketNodeFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes marketCardFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@keyframes marketPanelFloat {
  0%, 100% { transform: translateY(-50%); }
  50% { transform: translateY(calc(-50% - 8px)); }
}

@keyframes marketPulse {
  0%, 100% { transform: scale(1); opacity: .78; }
  50% { transform: scale(1.16); opacity: 1; }
}

@media (max-width: 1340px) {
  .market-home-hero-v2 {
    grid-template-columns: minmax(0, .9fr) minmax(480px, 1fr);
  }

  .market-scene-node {
    width: 164px;
  }

  .market-scene-activity {
    width: 208px;
  }
}

@media (max-width: 1180px) {
  .market-home-hero-v2 {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .market-home-copy-v2 {
    max-width: none;
  }

  .market-home-copy-v2 h1 {
    max-width: 12ch;
  }

  .market-home-visual-v2 {
    min-height: 620px;
  }

  .market-scene-activity {
    right: 2%;
  }
}

@media (max-width: 760px) {
  .market-home-copy-v2 h1 {
    max-width: none;
    font-size: clamp(2.2rem, 9vw, 3.4rem);
  }

  .market-home-visual-v2 {
    min-height: 650px;
  }

  .market-scene-core {
    width: 208px;
    height: 208px;
  }

  .market-scene-node {
    width: 156px;
    min-height: 92px;
    padding: 14px;
  }

  .market-scene-node-a { top: 8%; left: 2%; }
  .market-scene-node-b { top: 8%; right: 2%; }
  .market-scene-node-c { bottom: 28%; left: 2%; }
  .market-scene-node-d { bottom: 28%; right: 2%; }

  .market-scene-activity {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 8%;
    width: min(100%, 320px);
    transform: translateX(-50%);
    animation: none;
  }

  .market-scene-activity-list small {
    font-size: .86rem;
  }
}

/* 2026-05-30 — hub: nav-only header (no global search, single bar) */
.market-header-search-row,
.market-header-search,
.market-header-search-v2 {
  display: none !important;
}

.market-header-shell {
  position: sticky;
  top: 8px;
  z-index: 40;
  padding: 10px 0 0;
}

.market-body--messenger .market-header-shell {
  display: none !important;
}

.market-body--messenger .market-shell-market {
  padding-top: 0 !important;
}

.market-header.market-header-nav-only {
  min-height: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  display: block;
}

.market-header.market-header-nav-only.market-header-compact {
  gap: 0;
}

.market-header-nav-only .market-header-row-main {
  min-height: 68px;
  padding: 12px 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(13, 20, 36, 0.82), rgba(8, 13, 24, 0.88));
  border: 1px solid rgba(145, 190, 255, 0.14);
  box-shadow: 0 12px 28px rgba(4, 8, 18, 0.2);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.market-header-nav-only .market-nav-market a {
  background: transparent;
  border-color: transparent;
}

.market-header-nav-only .market-nav-market a:hover,
.market-header-nav-only .market-nav-market a.is-active {
  background: rgba(13, 21, 39, 0.55);
  border-color: rgba(136, 192, 255, 0.14);
}

.tbm-header-search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.tbm-header-search__field {
  display: inline-flex;
  width: 0;
  min-width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  padding-inline: 0;
  border-color: transparent;
  transition: width 0.26s ease, opacity 0.24s ease, padding 0.26s ease, border-color 0.26s ease, box-shadow 0.26s ease;
}

.tbm-header-search__field input {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.tbm-header-search__close {
  opacity: 0;
  transform: scale(0.92);
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.tbm-header-search.is-open .tbm-header-search__field {
  width: clamp(240px, 22vw, 320px);
  opacity: 1;
  pointer-events: auto;
  padding-inline: 14px;
  border-color: var(--tb-header-line);
}

.tbm-header-search.is-open .tbm-header-search__field input {
  opacity: 1;
}

.tbm-header-search.is-open .tbm-header-search__close {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.tbm-header-search.is-open .tbm-header-search__toggle {
  background: rgba(59, 130, 246, 0.08);
  box-shadow: 0 10px 24px rgba(59, 130, 246, 0.12);
}

.tbm-mobile-header__search {
  display: none;
}

@media (max-width: 980px) {
  .market-header-nav-only .market-brand-copy small {
    display: none;
  }

  .market-header-nav-only .market-header-row-main {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .market-header-nav-only .market-nav-inline {
    order: 3;
    grid-column: 1 / -1;
  }

  .market-header-nav-only .market-top-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .tbm-header-search.is-open .tbm-header-search__field {
    width: min(220px, 42vw);
  }
}

/* 2026-05-23 — TB Market bright home */
body.market-body.market-body--home-bright {
  color-scheme: light;
  background: #ffffff !important;
  color: #102033;
  position: relative;
}

body.market-body.market-body--home-bright::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(47, 107, 255, 0.055) 0 1px, transparent 1px 100%),
    linear-gradient(rgba(47, 107, 255, 0.055) 0 1px, transparent 1px 100%),
    linear-gradient(90deg, transparent 0 22%, rgba(47, 107, 255, 0.06) 22% 22.12%, transparent 22.12% 100%),
    linear-gradient(transparent 0 18%, rgba(139, 92, 255, 0.055) 18% 18.12%, transparent 18.12% 100%),
    linear-gradient(90deg, transparent 0 78%, rgba(54, 209, 255, 0.055) 78% 78.12%, transparent 78.12% 100%),
    radial-gradient(circle at 22% 18%, rgba(47, 107, 255, 0.045) 0 3px, transparent 3px 100%),
    radial-gradient(circle at 78% 26%, rgba(139, 92, 255, 0.04) 0 3px, transparent 3px 100%),
    radial-gradient(circle at 66% 74%, rgba(54, 209, 255, 0.04) 0 3px, transparent 3px 100%),
    #ffffff;
  background-size: 136px 136px, 136px 136px, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, auto;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
}

.market-body--home-bright .market-bg {
  display: none;
}

.market-body--home-bright .market-shell-market::before {
  display: none;
}

.market-body--home-bright .market-shell {
  width: min(1720px, calc(100vw - 24px));
  padding: 22px 0 72px;
}

.market-body--home-bright .market-mobile-bar,
.market-body--home-bright .market-community-chat {
  display: none;
}

.tbm-home-header-shell {
  position: sticky;
  top: 12px;
  z-index: 30;
  padding: 14px 0 0;
}

.tbm-home-header {
  width: min(1720px, calc(100vw - 24px));
  margin: 0 auto;
  min-height: 84px;
  padding: 16px 22px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(226, 232, 240, 0.72);
  box-shadow: 0 16px 40px rgba(47, 107, 255, 0.08);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.tbm-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  color: #102033;
  text-decoration: none;
}

.tbm-brand .tb-brand-logo-wrap--lg {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #eaf2ff);
  box-shadow: 0 10px 24px rgba(47, 107, 255, 0.14);
}

.tbm-brand-copy {
  display: grid;
  gap: 3px;
}

.tbm-brand-copy strong {
  font-size: 1.18rem;
  color: #102033;
}

.tbm-brand-copy small {
  color: #64748b;
  font-size: .84rem;
}

.tbm-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.tbm-nav a {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #31415d;
  text-decoration: none;
  font-weight: 600;
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease, color .25s ease;
}

.tbm-nav a:hover,
.tbm-nav a.is-active {
  background: rgba(47, 107, 255, 0.08);
  color: #2f6bff;
  box-shadow: 0 10px 24px rgba(47, 107, 255, 0.12);
  transform: translateY(-1px);
}

.tbm-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.tbm-city-pill,
.tbm-icon-btn,
.tbm-post-btn {
  min-height: 46px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.tbm-city-pill {
  padding: 0 16px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #334155;
  font-weight: 600;
}

.tbm-icon-btn {
  width: 46px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #102033;
  box-shadow: 0 10px 24px rgba(47, 107, 255, 0.08);
}

.tbm-post-btn {
  padding: 0 22px;
  background: linear-gradient(135deg, #2f6bff 0%, #5b8dff 58%, #8b5cff 100%);
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 18px 40px rgba(47, 107, 255, 0.22);
}

.tbm-city-pill:hover,
.tbm-icon-btn:hover,
.tbm-post-btn:hover {
  transform: translateY(-2px);
}

.tbm-home-hero,
.tbm-home-hero-clean,
.tbm-benefits-grid,
.tbm-section,
.tbm-final-cta {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .5s ease, transform .5s ease;
}

.tbm-home-hero.is-visible,
.tbm-home-hero-clean.is-visible,
.tbm-benefits-grid.is-visible,
.tbm-section.is-visible,
.tbm-final-cta.is-visible {
  opacity: 1;
  transform: none;
}

/* ── Staggered category cards ───────────────────────────────────── */
.tbm-categories-grid .tbm-category-card {
  opacity: 0;
  transform: translateY(20px) scale(.97);
  transition: opacity .48s cubic-bezier(.22,1,.36,1), transform .48s cubic-bezier(.22,1,.36,1);
}

.tbm-section.is-visible .tbm-category-card:nth-child(1) { opacity:1; transform:none; transition-delay:  0ms; }
.tbm-section.is-visible .tbm-category-card:nth-child(2) { opacity:1; transform:none; transition-delay: 60ms; }
.tbm-section.is-visible .tbm-category-card:nth-child(3) { opacity:1; transform:none; transition-delay:120ms; }
.tbm-section.is-visible .tbm-category-card:nth-child(4) { opacity:1; transform:none; transition-delay:180ms; }
.tbm-section.is-visible .tbm-category-card:nth-child(5) { opacity:1; transform:none; transition-delay:240ms; }
.tbm-section.is-visible .tbm-category-card:nth-child(6) { opacity:1; transform:none; transition-delay:300ms; }

/* ── Staggered benefit cards ─────────────────────────────────────── */
.tbm-benefits-grid .tbm-benefit-card {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .44s cubic-bezier(.22,1,.36,1), transform .44s cubic-bezier(.22,1,.36,1);
}

.tbm-benefits-grid.is-visible .tbm-benefit-card:nth-child(1) { opacity:1; transform:none; transition-delay:  0ms; }
.tbm-benefits-grid.is-visible .tbm-benefit-card:nth-child(2) { opacity:1; transform:none; transition-delay: 70ms; }
.tbm-benefits-grid.is-visible .tbm-benefit-card:nth-child(3) { opacity:1; transform:none; transition-delay:140ms; }
.tbm-benefits-grid.is-visible .tbm-benefit-card:nth-child(4) { opacity:1; transform:none; transition-delay:210ms; }

/* ── Staggered steps ─────────────────────────────────────────────── */
.tbm-steps-grid .tbm-step {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .46s cubic-bezier(.22,1,.36,1), transform .46s cubic-bezier(.22,1,.36,1);
}

.tbm-section.is-visible .tbm-step:nth-child(1) { opacity:1; transform:none; transition-delay:  0ms; }
.tbm-section.is-visible .tbm-step:nth-child(2) { opacity:1; transform:none; transition-delay: 80ms; }
.tbm-section.is-visible .tbm-step:nth-child(3) { opacity:1; transform:none; transition-delay:160ms; }
.tbm-section.is-visible .tbm-step:nth-child(4) { opacity:1; transform:none; transition-delay:240ms; }

/* ── Stats counter glow on animate ──────────────────────────────── */
.tbm-stats-card article strong {
  display: inline-block;
  transition: transform .22s ease;
}

.tbm-stats-card article strong.tbm-counter-tick {
  transform: scale(1.18);
  color: #60a5fa;
}

/* ── hover lift on ad cards ─────────────────────────────────────── */
.tbm-ad-card {
  transition: transform .22s ease, box-shadow .22s ease;
}

.tbm-ad-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,.22);
}

@media (prefers-reduced-motion: reduce) {
  .tbm-categories-grid .tbm-category-card,
  .tbm-benefits-grid .tbm-benefit-card,
  .tbm-steps-grid .tbm-step { opacity:1; transform:none; transition:none; }
}

.tbm-home-hero {
  min-height: calc(100vh - 126px);
  width: calc(100vw - 24px);
  max-width: none;
  margin-left: calc(50% - 50vw + 12px);
  margin-right: calc(50% - 50vw + 12px);
  padding: 0;
  display: block;
  border-radius: 32px;
  background:
    url('/static/img/tb-market-hero-reference-v2.png') center 14px / calc(100% - 40px) auto no-repeat;
  background-color: #ffffff;
  box-shadow: none;
  position: relative;
  overflow: hidden;
}

.tbm-home-hero::before,
.tbm-home-hero::after {
  display: none;
}

.tbm-home-hero .tbm-home-copy,
.tbm-home-hero .tbm-hero-art,
.tbm-home-hero .tbm-search-form,
.tbm-home-hero .tbm-tag-row,
.tbm-home-hero .tbm-home-badge,
.tbm-home-hero .tbm-home-copy h1,
.tbm-home-hero .tbm-home-copy p,
.tbm-home-hero .tbm-hero-float,
.tbm-home-hero .tbm-hero-character,
.tbm-home-hero .tbm-hero-backdrop,
.tbm-home-hero .tbm-hero-city {
  display: none !important;
}

.tbm-home-copy {
  display: grid;
  align-content: center;
  gap: 20px;
  max-width: 580px;
}

.tbm-home-badge {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(226, 232, 240, 0.9);
  color: #2f6bff;
  font-weight: 800;
  letter-spacing: .12em;
  font-size: .76rem;
}

.tbm-home-copy h1 {
  margin: 0;
  font-size: clamp(3.4rem, 4.8vw, 4.9rem);
  line-height: 1.04;
  letter-spacing: -.06em;
  color: #102033;
}

.tbm-home-copy h1 span {
  background: linear-gradient(90deg, #2f6bff, #8b5cff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tbm-home-copy p {
  margin: 0;
  max-width: 560px;
  color: #5a6b84;
  font-size: 1.16rem;
  line-height: 1.7;
}

.tbm-search-form {
  width: min(100%, 540px);
  min-height: 64px;
  padding: 7px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px 64px;
  gap: 8px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 14px 28px rgba(47, 107, 255, 0.08);
}

.tbm-search-input input,
.tbm-search-select select {
  width: 100%;
  min-height: 48px;
  border: 0;
  outline: none;
  background: transparent;
  color: #102033;
  font-size: 1rem;
}

.tbm-search-input,
.tbm-search-select {
  border-radius: 16px;
  background: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 16px;
}

.tbm-search-select {
  border-left: 1px solid #edf2f7;
}

.tbm-search-submit {
  border: 0;
  border-radius: 16px;
  background: linear-gradient(135deg, #2f6bff 0%, #5f97ff 62%, #8b5cff 100%);
  color: #ffffff;
  font-size: 1.18rem;
  cursor: pointer;
  box-shadow: 0 16px 32px rgba(47, 107, 255, 0.22);
  transition: transform .25s ease, box-shadow .25s ease;
}

.tbm-search-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(47, 107, 255, 0.28);
}

.tbm-tag-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: #64748b;
  margin-top: 2px;
}

.tbm-tag-row a {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #48617f;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #e2e8f0;
  transition: transform .25s ease, box-shadow .25s ease;
}

.tbm-tag-row a:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(47, 107, 255, 0.12);
}

.tbm-hero-art {
  min-height: 560px;
  border-radius: 32px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: transparent;
  box-shadow: none;
}

.tbm-hero-backdrop {
  display: none;
}

.tbm-hero-city {
  display: none;
}

.tbm-hero-city span {
  flex: 1 1 0;
  max-width: 110px;
  border-radius: 28px 28px 14px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(212, 231, 255, .88));
  box-shadow: 0 14px 30px rgba(47, 107, 255, 0.12);
}

.tbm-hero-city span:nth-child(1) { height: 42%; }
.tbm-hero-city span:nth-child(2) { height: 70%; }
.tbm-hero-city span:nth-child(3) { height: 56%; }
.tbm-hero-city span:nth-child(4) { height: 78%; }
.tbm-hero-city span:nth-child(5) { height: 50%; }

.tbm-hero-float {
  position: absolute;
  width: 224px;
  padding: 16px 16px 14px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(226, 232, 240, 0.92);
  box-shadow: 0 16px 34px rgba(47, 107, 255, 0.1);
  animation: tbmFloat 6.5s ease-in-out infinite;
}

.tbm-hero-float strong {
  display: block;
  color: #102033;
  margin-bottom: 6px;
}

.tbm-hero-float span {
  color: #64748b;
  line-height: 1.45;
}

.tbm-hero-float--top-left { left: 4%; top: 7%; }
.tbm-hero-float--top-right { right: 3%; top: 14%; animation-delay: -.8s; }
.tbm-hero-float--mid-left { left: 6%; top: 42%; animation-delay: -1.6s; }
.tbm-hero-float--bottom-right { right: 4%; bottom: 11%; animation-delay: -2.4s; }

.tbm-hero-character {
  display: none;
}

.tbm-character-shadow {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 250px;
  height: 42px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(16, 32, 51, 0.12);
  filter: blur(14px);
}

.tbm-character-head {
  position: absolute;
  left: 50%;
  top: 28px;
  width: 156px;
  height: 176px;
  transform: translateX(-50%);
  border-radius: 44% 44% 42% 42%;
  background: linear-gradient(180deg, #ffd9b8 0%, #ffc89a 100%);
  box-shadow: 0 20px 34px rgba(47, 107, 255, 0.1);
  z-index: 4;
}

.tbm-character-hair {
  position: absolute;
  left: 12px;
  top: -4px;
  width: 132px;
  height: 88px;
  border-radius: 48px 48px 36px 36px;
  background: linear-gradient(180deg, #7a4d2a 0%, #5f351b 100%);
}

.tbm-character-eye,
.tbm-character-brow,
.tbm-character-nose,
.tbm-character-mouth {
  position: absolute;
}

.tbm-character-eye {
  top: 82px;
  width: 12px;
  height: 16px;
  border-radius: 999px;
  background: #102033;
}

.tbm-character-eye--left { left: 44px; }
.tbm-character-eye--right { right: 44px; }

.tbm-character-brow {
  top: 66px;
  width: 28px;
  height: 4px;
  border-radius: 999px;
  background: rgba(95, 53, 27, .86);
}

.tbm-character-brow--left { left: 34px; transform: rotate(-8deg); }
.tbm-character-brow--right { right: 34px; transform: rotate(8deg); }

.tbm-character-nose {
  top: 98px;
  left: 50%;
  width: 12px;
  height: 24px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: rgba(240, 164, 120, 0.45);
}

.tbm-character-mouth {
  left: 50%;
  bottom: 34px;
  width: 48px;
  height: 22px;
  transform: translateX(-50%);
  border-bottom: 5px solid #d9736b;
  border-radius: 0 0 28px 28px;
}

.tbm-character-body {
  position: absolute;
  left: 50%;
  bottom: 34px;
  width: 254px;
  height: 246px;
  transform: translateX(-50%);
  border-radius: 54px 54px 34px 34px;
  background: linear-gradient(180deg, #4f86ff 0%, #2f6bff 60%, #2458e2 100%);
  box-shadow: 0 28px 50px rgba(47, 107, 255, 0.24);
  z-index: 2;
}

.tbm-character-hood {
  position: absolute;
  inset: 14px 42px auto;
  height: 74px;
  border-radius: 40px 40px 26px 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.05));
}

.tbm-character-logo {
  position: absolute;
  right: 34px;
  top: 94px;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.92);
  color: #2f6bff;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(16, 32, 51, 0.12);
}

.tbm-character-arm {
  position: absolute;
  top: 208px;
  width: 100px;
  height: 150px;
  border-radius: 48px;
  background: linear-gradient(180deg, #4f86ff 0%, #2f6bff 100%);
  z-index: 3;
}

.tbm-character-arm--left {
  left: 22px;
  transform: rotate(-18deg);
}

.tbm-character-arm--right {
  right: 34px;
  transform: rotate(16deg);
}

.tbm-character-hand {
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 50px;
  height: 58px;
  transform: translateX(-50%);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffd9b8 0%, #ffc89a 100%);
}

.tbm-character-thumb {
  position: absolute;
  right: -8px;
  top: 32px;
  width: 28px;
  height: 48px;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffd9b8 0%, #ffc89a 100%);
  transform: rotate(-26deg);
}

.tbm-benefits-grid {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.tbm-benefit-card,
.tbm-category-card,
.tbm-ad-card,
.tbm-stats-card,
.tbm-step,
.tbm-final-cta {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 20px 60px rgba(47, 107, 255, 0.12);
}

.tbm-benefit-card {
  padding: 28px;
  border-radius: 24px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.tbm-benefit-card strong,
.tbm-category-card strong,
.tbm-step strong,
.tbm-ad-title {
  color: #102033;
}

.tbm-benefit-card p,
.tbm-category-card small,
.tbm-step p {
  margin: 8px 0 0;
  color: #64748b;
  line-height: 1.6;
}

.tbm-benefit-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  position: relative;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}

.tbm-benefit-icon--blue { background: linear-gradient(180deg, #dbe8ff, #c6dbff); }
.tbm-benefit-icon--green { background: linear-gradient(180deg, #dcfce7, #bbf7d0); }
.tbm-benefit-icon--purple { background: linear-gradient(180deg, #efe5ff, #ddd6fe); }
.tbm-benefit-icon--orange { background: linear-gradient(180deg, #ffedd5, #fed7aa); }

.tbm-benefit-icon::before,
.tbm-benefit-icon::after {
  content: "";
  position: absolute;
}

.tbm-benefit-icon--shield::before {
  inset: 14px 16px 12px;
  border-radius: 16px 16px 20px 20px;
  background: #2f6bff;
  clip-path: polygon(50% 0, 100% 18%, 84% 100%, 16% 100%, 0 18%);
}

.tbm-benefit-icon--check::before {
  left: 15px;
  top: 15px;
  width: 26px;
  height: 18px;
  border-left: 5px solid #22c55e;
  border-bottom: 5px solid #22c55e;
  transform: rotate(-45deg);
}

.tbm-benefit-icon--tag::before {
  left: 16px;
  top: 14px;
  width: 26px;
  height: 26px;
  background: #8b5cff;
  border-radius: 10px;
  transform: rotate(45deg);
}

.tbm-benefit-icon--heart::before,
.tbm-benefit-icon--heart::after {
  top: 16px;
  width: 16px;
  height: 24px;
  background: #ff9f43;
  border-radius: 16px 16px 0 0;
}

.tbm-benefit-icon--heart::before {
  left: 14px;
  transform: rotate(-45deg);
  transform-origin: bottom right;
}

.tbm-benefit-icon--heart::after {
  right: 14px;
  transform: rotate(45deg);
  transform-origin: bottom left;
}

.tbm-section {
  margin-top: 30px;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.tbm-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.tbm-section-head h2 {
  margin: 0;
  color: #102033;
  font-size: 2rem;
  letter-spacing: -.04em;
}

.tbm-section-head a {
  color: #2f6bff;
  text-decoration: none;
  font-weight: 700;
}

.tbm-section-head--center {
  justify-content: center;
  text-align: center;
}

.tbm-categories-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

.tbm-category-card {
  min-height: 230px;
  padding: 18px;
  border-radius: 22px;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
  display: grid;
  align-content: start;
  gap: 12px;
}

.tbm-category-card:hover,
.tbm-ad-card:hover,
.tbm-step:hover {
  transform: translateY(-8px);
  box-shadow: 0 26px 72px rgba(47, 107, 255, 0.16);
}

.tbm-category-card em {
  color: #2f6bff;
  font-style: normal;
  font-weight: 700;
}

.tbm-category-art {
  height: 120px;
  border-radius: 22px;
  background: linear-gradient(180deg, #eff5ff, #f7f9ff);
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.tbm-category-art.has-image {
  background: linear-gradient(180deg, #eef5ff, #ffffff);
}

.tbm-category-art.has-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}

.tbm-category-art--repair,
.tbm-category-art--ads,
.tbm-category-art--web,
.tbm-category-art--goods,
.tbm-category-art--home {
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tbm-category-art--repair {
  background-image: url('/static/img/tb-market-category-repair-v5.png');
}

.tbm-category-art--ads {
  background-image: url('/static/img/tb-market-category-ads.png');
}

.tbm-category-art--web {
  background-image: url('/static/img/tb-market-category-web-ai.png');
}

.tbm-category-art--goods {
  background-image: url('/static/img/tb-market-category-goods-ai.png');
}

.tbm-category-art--home {
  background-image: url('/static/img/tb-market-category-home-ai.png');
}

.tbm-category-art--repair i,
.tbm-category-art--ads i,
.tbm-category-art--web i,
.tbm-category-art--goods i,
.tbm-category-art--home i {
  display: none;
}

.tbm-category-art i {
  position: absolute;
  display: block;
}

.tbm-category-art--services i:nth-child(1) {
  left: 20px;
  bottom: 18px;
  width: 82px;
  height: 54px;
  border-radius: 14px;
  background: linear-gradient(180deg, #5f97ff, #2f6bff);
}

.tbm-category-art--services i:nth-child(2) {
  right: 20px;
  top: 18px;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: linear-gradient(180deg, #cfe2ff, #a7c8ff);
}

.tbm-category-art--services i:nth-child(3) {
  left: 40px;
  top: 18px;
  width: 62px;
  height: 6px;
  border-radius: 999px;
  background: #8b5cff;
}

.tbm-category-art--repair i:nth-child(1) {
  left: 34px;
  top: 16px;
  width: 64px;
  height: 88px;
  border-radius: 24px;
  background: linear-gradient(180deg, #5f97ff, #2f6bff);
}

.tbm-category-art--repair i:nth-child(2) {
  right: 24px;
  bottom: 18px;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: linear-gradient(180deg, #b2f0d3, #6ee7b7);
}

.tbm-category-art--repair i:nth-child(3) {
  left: 78px;
  top: 44px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffd8b3, #ff9f43);
}

.tbm-category-art--ads i:nth-child(1) {
  left: 30px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(180deg, #8b5cff, #6e3cff);
}

.tbm-category-art--ads i:nth-child(2) {
  left: 58px;
  top: 24px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffb564, #ff9f43);
}

.tbm-category-art--ads i:nth-child(3) {
  right: 26px;
  bottom: 24px;
  width: 24px;
  height: 54px;
  border-radius: 999px;
  background: linear-gradient(180deg, #cfe2ff, #9fc3ff);
}

.tbm-category-art--web i:nth-child(1) {
  left: 20px;
  top: 22px;
  width: 114px;
  height: 76px;
  border-radius: 22px;
  background: linear-gradient(180deg, #8b5cff, #6e3cff);
}

.tbm-category-art--web i:nth-child(2) {
  left: 34px;
  top: 38px;
  width: 82px;
  height: 8px;
  border-radius: 999px;
  background: #ffffff;
}

.tbm-category-art--web i:nth-child(3) {
  left: 34px;
  top: 58px;
  width: 56px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.7);
}

.tbm-category-art--goods i:nth-child(1) {
  left: 28px;
  bottom: 20px;
  width: 98px;
  height: 52px;
  border-radius: 18px;
  background: linear-gradient(180deg, #7bb0ff, #4f86ff);
}

.tbm-category-art--goods i:nth-child(2) {
  left: 44px;
  top: 24px;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffd8b3, #ff9f43);
}

.tbm-category-art--goods i:nth-child(3) {
  right: 24px;
  top: 20px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: linear-gradient(180deg, #e2d4ff, #c4b1ff);
}

.tbm-category-art--home i:nth-child(1) {
  left: 28px;
  bottom: 20px;
  width: 96px;
  height: 62px;
  border-radius: 22px;
  background: linear-gradient(180deg, #7bb0ff, #4f86ff);
}

.tbm-category-art--home i:nth-child(2) {
  left: 36px;
  top: 18px;
  width: 82px;
  height: 56px;
  background: linear-gradient(180deg, #8b5cff, #6e3cff);
  clip-path: polygon(50% 0, 100% 54%, 0 54%);
}

.tbm-category-art--home i:nth-child(3) {
  left: 62px;
  bottom: 20px;
  width: 20px;
  height: 34px;
  border-radius: 10px;
  background: #ffffff;
}

.tbm-listings-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 20px;
  align-items: start;
}

.tbm-listings-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.tbm-ad-card {
  border-radius: 24px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}

.tbm-ad-thumb {
  height: 180px;
  display: block;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #dbeafe, #bfdbfe);
}

.tbm-ad-thumb::before,
.tbm-ad-thumb::after {
  content: "";
  position: absolute;
  border-radius: 24px;
}

.tbm-ad-thumb--repair::before {
  inset: 24px 28px 36px;
  background: linear-gradient(180deg, #111827, #374151);
}

.tbm-ad-thumb--repair::after {
  right: 18px;
  bottom: 18px;
  width: 48px;
  height: 48px;
  background: linear-gradient(180deg, #ffffff, #dbeafe);
}

.tbm-ad-thumb--service::before,
.tbm-ad-thumb--crm::before,
.tbm-ad-thumb--development::before {
  left: 24px;
  right: 24px;
  top: 28px;
  bottom: 24px;
  background: linear-gradient(180deg, #7c3aed, #4f46e5);
}

.tbm-ad-thumb--service::after,
.tbm-ad-thumb--crm::after,
.tbm-ad-thumb--development::after {
  left: 40px;
  right: 40px;
  top: 50px;
  height: 10px;
  background: rgba(255,255,255,.85);
}

.tbm-ad-thumb--equipment::before,
.tbm-ad-thumb--product::before {
  left: 34px;
  top: 28px;
  width: 90px;
  height: 122px;
  border-radius: 26px;
  background: linear-gradient(180deg, #60a5fa, #2563eb);
}

.tbm-ad-thumb--equipment::after,
.tbm-ad-thumb--product::after {
  right: 26px;
  bottom: 24px;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: linear-gradient(180deg, #bbf7d0, #86efac);
}

.tbm-ad-thumb--ads::before {
  left: 26px;
  bottom: 26px;
  width: 110px;
  height: 80px;
  border-radius: 24px;
  background: linear-gradient(180deg, #f97316, #fb923c);
}

.tbm-ad-thumb--ads::after {
  right: 28px;
  top: 30px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff, #dbeafe);
}

.tbm-ad-thumb--order::before {
  left: 24px;
  right: 24px;
  top: 26px;
  bottom: 26px;
  background: linear-gradient(180deg, #60a5fa, #2563eb);
}

.tbm-ad-thumb--order::after {
  left: 42px;
  right: 42px;
  bottom: 44px;
  height: 12px;
  background: rgba(255,255,255,.92);
}

.tbm-ad-badge-row {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.tbm-ad-badge {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(255,255,255,.88);
  color: #102033;
  font-size: .74rem;
  font-weight: 800;
}

.tbm-ad-badge--green { color: #0f9f58; }
.tbm-ad-badge--violet { color: #7c3aed; }

.tbm-ad-body {
  padding: 18px 18px 16px;
}

.tbm-ad-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.tbm-ad-topline strong {
  color: #102033;
  font-size: 1.4rem;
}

.tbm-favorite-btn {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: #f8fafc;
  color: #f43f5e;
  cursor: pointer;
}

.tbm-ad-title {
  margin-top: 12px;
  display: block;
  text-decoration: none;
  font-size: 1.08rem;
  font-weight: 700;
}

.tbm-ad-body p {
  margin: 10px 0 0;
  color: #64748b;
}

.tbm-ad-footer {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #64748b;
}

.tbm-ad-footer a {
  color: #2f6bff;
  text-decoration: none;
  font-weight: 700;
}

.tbm-stats-card {
  padding: 22px;
  border-radius: 24px;
  display: grid;
  gap: 16px;
}

.tbm-stats-card article {
  padding: 10px 0;
  border-bottom: 1px solid #edf2f7;
}

.tbm-stats-card article:last-child {
  border-bottom: 0;
}

.tbm-stats-card strong {
  display: block;
  font-size: 2rem;
  color: #102033;
}

.tbm-stats-card span {
  color: #64748b;
}

.tbm-work-section {
  padding: 36px;
  border-radius: 32px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  border: 1px solid #e2e8f0;
  box-shadow: 0 20px 60px rgba(47, 107, 255, 0.12);
}

.tbm-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.tbm-step {
  min-height: 280px;
  padding: 24px;
  border-radius: 24px;
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
  overflow: hidden;
}

.tbm-step-count {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: linear-gradient(135deg, #2f6bff, #8b5cff);
  color: #ffffff;
  font-weight: 800;
}

.tbm-step strong {
  display: block;
  margin-top: 18px;
  font-size: 1.12rem;
}

.tbm-step-art {
  position: absolute;
  right: 18px;
  bottom: 16px;
  width: 120px;
  height: 92px;
}

.tbm-step-art i {
  position: absolute;
  display: block;
}

.tbm-step-art--search i:nth-child(1) {
  left: 0;
  bottom: 0;
  width: 70px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(180deg, #dbeafe, #bfdbfe);
}

.tbm-step-art--search i:nth-child(2) {
  right: 8px;
  top: 6px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 8px solid #2f6bff;
}

.tbm-step-art--chat i:nth-child(1),
.tbm-step-art--chat i:nth-child(2) {
  width: 54px;
  height: 38px;
  border-radius: 18px;
  background: linear-gradient(180deg, #60a5fa, #2563eb);
}

.tbm-step-art--chat i:nth-child(1) {
  left: 12px;
  bottom: 10px;
}

.tbm-step-art--chat i:nth-child(2) {
  right: 0;
  top: 10px;
  background: linear-gradient(180deg, #8b5cff, #6d28d9);
}

.tbm-step-art--deal i:nth-child(1),
.tbm-step-art--deal i:nth-child(2) {
  width: 62px;
  height: 34px;
  border-radius: 24px;
}

.tbm-step-art--deal i:nth-child(1) {
  left: 0;
  bottom: 24px;
  background: #f59e0b;
  transform: rotate(20deg);
}

.tbm-step-art--deal i:nth-child(2) {
  right: 0;
  bottom: 24px;
  background: #ef4444;
  transform: rotate(-20deg);
}

.tbm-step-art--box i:nth-child(1) {
  left: 20px;
  bottom: 0;
  width: 72px;
  height: 54px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fdba74, #fb923c);
}

.tbm-step-art--box i:nth-child(2) {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: linear-gradient(180deg, #5f97ff, #2f6bff);
}

.tbm-final-cta {
  margin-top: 28px;
  padding: 28px 34px;
  border-radius: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  background: linear-gradient(135deg, #2f6bff 0%, #5f97ff 58%, #8b5cff 100%);
  color: #ffffff;
}

.tbm-final-copy h2 {
  margin: 0;
  font-size: 2rem;
}

.tbm-final-copy p {
  margin: 10px 0 0;
  font-size: 1.08rem;
  color: rgba(255,255,255,.88);
}

.tbm-people {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.tbm-person {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 16px 32px rgba(16, 32, 51, 0.18);
}

.tbm-person::before,
.tbm-person::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.tbm-person::before {
  top: -12px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ffd9b8;
}

.tbm-person::after {
  bottom: -14px;
  width: 64px;
  height: 44px;
  border-radius: 28px 28px 18px 18px;
}

.tbm-person--violet { background: rgba(255,255,255,.16); }
.tbm-person--violet::after { background: #8b5cff; }
.tbm-person--blue { background: rgba(255,255,255,.16); }
.tbm-person--blue::after { background: #2f6bff; }
.tbm-person--green { background: rgba(255,255,255,.16); }
.tbm-person--green::after { background: #22c55e; }
.tbm-person--orange { background: rgba(255,255,255,.16); }
.tbm-person--orange::after { background: #ff9f43; }

.tbm-card-pointer {
  position: relative;
  overflow: hidden;
}

.tbm-card-pointer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(47, 107, 255, 0.14), transparent 42%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}

.tbm-card-pointer:hover::after {
  opacity: 1;
}

@keyframes tbmFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@media (max-width: 1260px) {
  .tbm-home-header,
  .market-body--home-bright .market-shell {
    width: min(100vw - 24px, 100%);
  }

  .tbm-home-header {
    grid-template-columns: 1fr;
  }

  .tbm-nav {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }

  .tbm-home-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .tbm-categories-grid,
  .tbm-listings-grid,
  .tbm-benefits-grid,
  .tbm-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tbm-listings-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .market-body--home-bright .market-shell {
    width: min(100vw - 16px, 100%);
    padding-bottom: 36px;
  }

  .tbm-home-header-shell {
    position: static;
    padding-top: 10px;
  }

  .tbm-home-header {
    width: min(100vw - 16px, 100%);
    padding: 16px;
    gap: 14px;
  }

  .tbm-brand-copy small {
    display: none;
  }

  .tbm-header-actions {
    justify-content: flex-start;
  }

  .tbm-home-hero {
    width: 100%;
    padding: 26px 18px;
    gap: 22px;
  }

  .tbm-home-copy h1 {
    font-size: clamp(2.6rem, 11vw, 4rem);
  }

  .tbm-home-copy p {
    font-size: 1.04rem;
  }

  .tbm-search-form {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .tbm-tag-row {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 6px;
  }

  .tbm-hero-art {
    min-height: 520px;
  }

  .tbm-hero-float {
    width: 176px;
    padding: 14px;
    font-size: .9rem;
  }

  .tbm-hero-float--top-left { top: 8px; left: 8px; }
  .tbm-hero-float--top-right { top: 18px; right: 8px; }
  .tbm-hero-float--mid-left { top: 46%; left: 8px; }
  .tbm-hero-float--bottom-right { right: 8px; bottom: 12px; }

  .tbm-hero-character {
    width: 250px;
    height: 360px;
  }

  .tbm-character-head {
    width: 128px;
    height: 148px;
  }

  .tbm-character-body {
    width: 210px;
    height: 210px;
  }

  .tbm-character-logo {
    width: 56px;
    height: 56px;
    top: 78px;
  }

  .tbm-character-arm {
    top: 180px;
    width: 84px;
    height: 124px;
  }

  .tbm-benefits-grid,
  .tbm-categories-grid,
  .tbm-listings-grid,
  .tbm-steps-grid,
  .tbm-final-cta {
    grid-template-columns: 1fr;
  }

  .tbm-category-card {
    min-width: 220px;
  }

  .tbm-categories-grid {
    display: flex;
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .tbm-work-section {
    padding: 24px 18px;
  }

  .tbm-final-cta {
    padding: 24px 20px;
  }
}

/* 2026-05-24 — TB Market full color image override */
.tbm-home-hero-clean {
  background: url('/static/img/tb-market-hero-reference-v3.png') center -72px / cover no-repeat !important;
  background-color: #ffffff !important;
}

.tbm-category-art.has-image img,
.tbm-category-art--services,
.tbm-category-art--repair,
.tbm-category-art--ads,
.tbm-category-art--web,
.tbm-category-art--goods,
.tbm-category-art--home,
.tbm-ad-thumb--service.is-fallback,
.tbm-ad-thumb--crm.is-fallback,
.tbm-ad-thumb--repair.is-fallback,
.tbm-ad-thumb--ads.is-fallback,
.tbm-ad-thumb--development.is-fallback,
.tbm-ad-thumb--product.is-fallback,
.tbm-ad-thumb--equipment.is-fallback,
.tbm-ad-thumb--order.is-fallback {
  filter: none !important;
  opacity: 1 !important;
}

.tbm-category-art--services {
  display: block !important;
  background-color: transparent !important;
  background-image: none !important;
}

.tbm-category-art--services i {
  display: none !important;
}

.tbm-category-art--ads {
  display: block !important;
  min-height: 130px !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.tbm-category-art--ads i {
  display: none !important;
}

.tbm-category-art--web {
  display: block !important;
  min-height: 130px !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.tbm-category-art--web i {
  display: none !important;
}

.tbm-category-art--web::before,
.tbm-category-art--web::after {
  display: none !important;
  content: none !important;
}

.tbm-category-art--goods {
  display: block !important;
  min-height: 130px !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.tbm-category-art--goods i {
  display: none !important;
}

.tbm-category-art--goods::before,
.tbm-category-art--goods::after {
  display: none !important;
  content: none !important;
}

.tbm-category-art--home {
  display: block !important;
  min-height: 130px !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.tbm-category-art--home i {
  display: none !important;
}

.tbm-category-art--home::before,
.tbm-category-art--home::after {
  display: none !important;
  content: none !important;
}

.tbm-category-art--repair {
  display: block !important;
  min-height: 130px !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.tbm-category-art--repair i {
  display: none !important;
}

.tbm-category-art--repair::before,
.tbm-category-art--repair::after {
  display: none !important;
  content: none !important;
}

.tbm-category-art.has-image {
  display: block !important;
  height: 130px !important;
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tbm-category-art--services.has-image,
.tbm-category-art--repair.has-image,
.tbm-category-art--ads.has-image,
.tbm-category-art--web.has-image,
.tbm-category-art--goods.has-image,
.tbm-category-art--home.has-image {
  display: block !important;
  min-height: 130px !important;
  background: transparent !important;
}

.tbm-category-art.has-image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
}

.tbm-category-art--web.has-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.tbm-category-art--web.has-image img {
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  transform: none !important;
}

.tbm-category-art--goods.has-image,
.tbm-category-art--home.has-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.tbm-category-art--goods.has-image img,
.tbm-category-art--home.has-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  transform: none !important;
  filter: none !important;
}

.tbm-category-art-web-direct {
  height: 130px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #ffffff;
}

.tbm-category-art-web-direct img {
  display: block;
  width: auto;
  height: 118%;
  max-width: none;
  object-fit: contain;
  object-position: center center;
  transform: scale(1.14);
}

/* 2026-05-25 — unified bright TB Market theme */
:root {
  color-scheme: light;
  --market-bg: #f7faff;
  --market-surface: #ffffff;
  --market-surface-2: #f8fbff;
  --market-line: #e2e8f0;
  --market-text: #102033;
  --market-muted: #64748b;
  --market-blue: #2f6bff;
  --market-cyan: #36d1ff;
  --market-violet: #8b5cff;
  --market-shadow: 0 20px 60px rgba(47, 107, 255, 0.12);
}

body.market-body {
  background: #f7faff !important;
  color: var(--market-text) !important;
}

body.market-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(47, 107, 255, 0.035) 0 1px, transparent 1px 100%),
    linear-gradient(rgba(47, 107, 255, 0.035) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 12% 14%, rgba(47, 107, 255, 0.05), transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(139, 92, 255, 0.04), transparent 18%),
    #f7faff;
  background-size: 160px 160px, 160px 160px, auto, auto, auto;
}

.market-bg,
.market-shell-market::before {
  display: none !important;
}

.market-header-shell {
  top: 12px;
  padding-top: 12px;
}

.market-header.market-header-nav-only,
.market-header,
.market-header-nav-only .market-header-row-main,
.market-home-hero,
.market-market-hero,
.market-catalog-hero,
.market-catalog-side-card,
.market-catalog-sidebar,
.market-featured-strip,
.market-promo-card,
.market-home-panel,
.market-cabinet-top,
.market-cabinet-nav,
.market-cabinet-content,
.market-cabinet-side,
.market-posting-form,
.market-posting-side,
.market-ad-gallery-card,
.market-ad-info-card,
.market-trust-box,
.market-contact-panel,
.market-chat-list,
.market-chat-window,
.market-section,
.market-auth-card,
.market-side-card,
.market-card-cover,
.market-market-card,
.market-market-card-v2,
.market-listing-card-premium,
.market-category-card,
.market-listing-card,
.market-empty,
.market-cabinet-card,
.market-related-card,
.market-thread-item,
.market-thread-item-premium,
.market-notification-card,
.market-seller-card,
.market-activity-item,
.market-live-stat-card,
.market-summary-card,
.market-stats-card,
.tbm-benefit-card,
.tbm-category-card,
.tbm-ad-card,
.tbm-step,
.tbm-final-cta {
  background: #ffffff !important;
  color: var(--market-text) !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 60px rgba(47, 107, 255, 0.12) !important;
}

.market-header.market-header-nav-only {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.market-header-nav-only .market-header-row-main,
.market-header-row,
.market-header-row-v2 {
  min-height: 76px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.market-brand-market,
.market-brand,
.market-header-compact .market-brand,
.market-nav-market a,
.market-nav-inline a,
.market-mobile-bar a,
.market-cabinet-nav a,
.market-listing-mini-market a,
.market-thread-item,
.market-thread-item-premium,
.market-related-card,
.market-category-card,
.market-listing-card,
.market-market-card,
.market-market-card-v2,
.market-listing-card-premium,
.market-ad-card,
.market-section h1,
.market-section h2,
.market-hero-copy h1,
.market-auth-card h1,
.market-cabinet-top h1,
.market-ad-info-card h1 {
  color: var(--market-text) !important;
}

.market-brand-copy small,
.market-nav-badge,
.market-card-description,
.market-card-meta,
.market-card-author small,
.market-category-card span,
.market-listing-card p,
.market-listing-meta,
.market-listing-mini p,
.market-stack-list li,
.market-side-contacts span,
.market-cabinet-content p,
.market-cabinet-side p,
.market-home-copy p,
.market-market-hero-copy p,
.market-cabinet-top p,
.market-posting-form p,
.market-ad-description,
.market-thread-item small,
.bubble-meta,
.market-sidebar-form label span,
.market-search-icon,
.market-flash,
.market-kicker + h1 + p {
  color: var(--market-muted) !important;
}

.market-nav-market a,
.market-nav-inline a,
.market-cabinet-nav a,
.market-listing-mini-market a,
.market-thread-item,
.market-thread-item-premium,
.market-related-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

.market-nav-market a:hover,
.market-nav-market a.is-active,
.market-nav-inline a:hover,
.market-nav-inline a.is-active,
.market-cabinet-nav a:hover,
.market-listing-mini-market a:hover,
.market-thread-item.is-active,
.market-thread-item:hover {
  background: #eef5ff !important;
  border-color: #cfe0ff !important;
  box-shadow: 0 12px 30px rgba(47, 107, 255, 0.12) !important;
}

.market-btn.ghost,
.market-btn.soft,
.market-sidebar-close,
.market-tool-btn,
.market-chat-chip {
  background: #ffffff !important;
  color: var(--market-text) !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 28px rgba(47, 107, 255, 0.08) !important;
}

.market-btn.primary {
  background: linear-gradient(135deg, #2f6bff 0%, #6ba8ff 48%, #8b5cff 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 18px 42px rgba(47, 107, 255, 0.22) !important;
}

.market-btn:hover {
  transform: translateY(-2px);
}

.market-search-input-wrap,
.market-header-search-box,
.market-header-search-box input,
.market-sidebar-form input,
.market-sidebar-form select,
.market-city-input,
.market-form textarea,
.market-inline-form textarea,
.market-community-chat__input {
  background: #ffffff !important;
  color: var(--market-text) !important;
  border-color: #e2e8f0 !important;
}

.market-search-input-wrap,
.market-header-search-box,
.market-sidebar-form input,
.market-sidebar-form select,
.market-city-input {
  box-shadow: 0 12px 30px rgba(47, 107, 255, 0.08);
}

.market-form textarea::placeholder,
.market-search-input-wrap input::placeholder,
.market-header-search-box input::placeholder,
.market-sidebar-form input::placeholder,
.market-city-input::placeholder,
.market-community-chat__input::placeholder {
  color: #94a3b8 !important;
}

.market-kicker,
.market-badge,
.market-tag,
.market-chip,
.market-ad-gallery-badge {
  background: #eef5ff !important;
  color: #2f6bff !important;
  border: 1px solid #d6e4ff !important;
}

.bubble.incoming {
  background: #f8fbff !important;
  border: 1px solid #e2e8f0;
  color: var(--market-text);
}

.bubble.outgoing {
  background: linear-gradient(135deg, rgba(47, 107, 255, 0.1), rgba(139, 92, 255, 0.08)) !important;
  border: 1px solid #d6e4ff;
  color: var(--market-text);
}

.market-mobile-bar {
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12) !important;
}

.market-mobile-bar a.is-active,
.market-mobile-bar a.is-primary {
  background: #eef5ff !important;
  border: 1px solid #d6e4ff !important;
  color: #2f6bff !important;
}

.market-community-chat__panel,
.market-community-chat__toggle {
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--market-text) !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12) !important;
}

.market-community-chat__head small,
.market-community-chat__empty,
.market-community-chat__login,
.market-community-chat__error {
  color: var(--market-muted) !important;
}

.market-card-cover-crm,
.market-card-cover-development,
.market-card-cover-ads,
.market-card-cover-repair,
.market-card-cover-order,
.market-card-cover-equipment,
.market-card-cover-parts,
.market-card-cover-service,
.market-card-cover-contractor {
  background:
    radial-gradient(circle at 18% 18%, rgba(47, 107, 255, 0.12), transparent 30%),
    linear-gradient(180deg, #f7faff, #eef5ff) !important;
  border: 1px solid #dce8ff !important;
}

.market-card-price,
.market-ad-price,
.market-stats-card strong,
.market-cabinet-summary strong {
  color: #102033 !important;
}

.market-flash {
  background: #ffffff !important;
  color: var(--market-text) !important;
  border-color: #e2e8f0 !important;
}

.market-shell,
.market-shell-market {
  width: min(1720px, calc(100vw - 24px));
}

@media (max-width: 760px) {
  body.market-body::before {
    background:
      linear-gradient(90deg, rgba(47, 107, 255, 0.03) 0 1px, transparent 1px 100%),
      linear-gradient(rgba(47, 107, 255, 0.03) 0 1px, transparent 1px 100%),
      #f7faff;
    background-size: 120px 120px, 120px 120px, auto;
  }
}

/* Final unified category image mode */
.tbm-category-art.has-image {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden;
}

.tbm-category-art.has-image::before,
.tbm-category-art.has-image::after,
.tbm-category-art.has-image i {
  display: none !important;
  content: none !important;
}

.tbm-category-art.has-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  transform: none !important;
}

.tbm-category-art--services.has-image img,
.tbm-category-art--repair.has-image img,
.tbm-category-art--ads.has-image img,
.tbm-category-art--web.has-image img,
.tbm-category-art--goods.has-image img,
.tbm-category-art--home.has-image img {
  padding: 0 !important;
}

/* Light catalog + create ad production layer */
.tbm-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #eef5ff;
  color: #2f6bff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tbm-catalog-hero,
.tbm-create-head,
.tbm-create-form-card,
.tbm-create-side-card,
.tbm-filters-card,
.tbm-results-stats,
.tbm-listing-row,
.tbm-empty-state {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
}

.tbm-catalog-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) 320px;
  gap: 24px;
  padding: 32px;
  margin-bottom: 24px;
}

.tbm-catalog-hero__copy h1,
.tbm-create-head h1 {
  margin: 14px 0 10px;
  color: #102033;
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height: 1.05;
}

.tbm-catalog-hero__copy p,
.tbm-create-head p,
.tbm-catalog-main__head p,
.tbm-create-side-card li,
.tbm-empty-state p {
  color: #64748b;
  line-height: 1.65;
}

.tbm-catalog-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px auto;
  gap: 14px;
  margin: 24px 0 18px;
}

.tbm-catalog-search__field input,
.tbm-filters-form input,
.tbm-filters-form select,
.tbm-create-form input,
.tbm-create-form select,
.tbm-create-form textarea {
  width: 100%;
  min-height: 58px;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #102033;
  padding: 0 18px;
  box-shadow: 0 12px 30px rgba(47, 107, 255, 0.08);
}

.tbm-create-form textarea {
  min-height: 160px;
  padding: 16px 18px;
  resize: vertical;
}

.tbm-catalog-chips,
.tbm-catalog-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tbm-catalog-stats {
  display: grid;
  gap: 12px;
}

.tbm-catalog-stats article {
  padding: 18px;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  border: 1px solid #e2e8f0;
}

.tbm-catalog-stats strong,
.tbm-results-stats strong,
.tbm-listing-row__price {
  display: block;
  color: #102033;
  font-size: 1.45rem;
  font-weight: 800;
}

.tbm-catalog-stats span,
.tbm-results-stats small,
.tbm-listing-row__meta {
  color: #64748b;
}

.tbm-mobile-filter-button {
  display: none;
  margin-bottom: 16px;
}

.tbm-catalog-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 24px;
}

.tbm-filters-card {
  padding: 24px;
  align-self: start;
  position: sticky;
  top: 112px;
}

.tbm-filters-card__head,
.tbm-catalog-main__head,
.tbm-create-head,
.tbm-create-ai,
.tbm-upload-head,
.tbm-listing-row__top,
.tbm-listing-row__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.tbm-filters-form,
.tbm-create-form {
  display: grid;
  gap: 16px;
}

.tbm-filters-form label,
.tbm-create-form label {
  display: grid;
  gap: 8px;
}

.tbm-filters-form label span,
.tbm-create-form label span {
  color: #102033;
  font-size: 0.92rem;
  font-weight: 600;
}

.tbm-filters-row,
.tbm-create-grid {
  display: grid;
  gap: 16px;
}

.tbm-filters-row,
.tbm-create-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tbm-create-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tbm-filters-actions,
.tbm-create-actions,
.tbm-create-ai-actions,
.tbm-listing-row__actions,
.tbm-empty-state__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tbm-catalog-results {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 24px;
  align-items: start;
}

.tbm-catalog-list {
  display: grid;
  gap: 18px;
}

.tbm-listing-row {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 20px;
  padding: 16px;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.tbm-listing-row:hover {
  transform: translateY(-2px);
  border-color: #bdd2ff;
  box-shadow: 0 20px 45px rgba(47, 107, 255, 0.14);
}

.tbm-listing-row__media {
  display: block;
  height: 180px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%);
  border: 1px solid #dce8ff;
}

.tbm-listing-row__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tbm-listing-row__fallback {
  height: 100%;
  display: grid;
  place-items: center;
  gap: 10px;
  text-align: center;
  color: #64748b;
  padding: 20px;
}

.tbm-listing-row__fallback-icon {
  font-size: 2rem;
}

.tbm-listing-row__title {
  color: #102033;
  font-size: 1.15rem;
  font-weight: 800;
}

.tbm-listing-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 8px;
  font-size: 0.93rem;
}

.tbm-listing-row__description {
  color: #475569;
  margin: 12px 0 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tbm-listing-row__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-favorite-btn {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #8b5cff;
  box-shadow: 0 10px 24px rgba(47, 107, 255, 0.08);
}

.tbm-results-stats {
  padding: 24px;
}

.tbm-results-stats__list {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.tbm-results-stats__list article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #eef2f7;
}

.tbm-results-stats__list article:last-child {
  border-bottom: none;
}

.tbm-results-stats__list span {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: #eef5ff;
}

.tbm-empty-state {
  padding: 36px;
  text-align: center;
}

.tbm-create-page {
  display: grid;
  gap: 24px;
}

.tbm-create-head {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.tbm-create-side-card,
.tbm-create-form-card {
  padding: 28px;
}

.tbm-create-side-card ul {
  margin: 16px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}

.tbm-create-ai {
  margin-bottom: 20px;
  padding: 18px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  background: linear-gradient(135deg, #f8fbff 0%, #f4f0ff 100%);
}

.tbm-upload-card {
  padding: 22px;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  background: #ffffff;
}

.tbm-upload-dropzone {
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 220px;
  padding: 24px;
  text-align: center;
  border: 2px dashed #bbd0ff;
  border-radius: 24px;
  background: #f8fbff;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.tbm-upload-dropzone.is-dragover {
  border-color: #2f6bff;
  background: #eef5ff;
  transform: translateY(-1px);
}

.tbm-upload-dropzone input {
  display: none !important;
}

.tbm-upload-icon {
  font-size: 2rem;
}

.tbm-upload-preview {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.tbm-upload-thumb {
  position: relative;
  display: grid;
  gap: 8px;
}

.tbm-upload-thumb img {
  width: 100%;
  height: 120px;
  border-radius: 16px;
  object-fit: cover;
  border: 1px solid #dbe6f5;
}

.tbm-upload-thumb__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(47, 107, 255, 0.92);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 700;
}

.tbm-upload-thumb small,
.tbm-upload-empty {
  color: #64748b;
  font-size: 0.82rem;
}

@media (max-width: 1180px) {
  .tbm-catalog-hero,
  .tbm-catalog-results,
  .tbm-create-head,
  .tbm-catalog-layout {
    grid-template-columns: 1fr;
  }

  .tbm-filters-card {
    position: static;
  }
}

@media (max-width: 860px) {
  .tbm-catalog-search,
  .tbm-filters-row,
  .tbm-create-grid--2,
  .tbm-create-grid--3,
  .tbm-listing-row {
    grid-template-columns: 1fr;
  }

  .tbm-listing-row__media {
    height: 220px;
  }

  .tbm-mobile-filter-button {
    display: inline-flex;
  }
}

/* Light listing detail page */
.tbm-ad-page {
  display: grid;
  gap: 20px;
}

.tbm-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: #64748b;
  font-size: 0.86rem;
}

.tbm-breadcrumbs a {
  color: #64748b;
}

.tbm-ad-page__head h1 {
  margin: 0;
  color: #102033;
  font-size: clamp(2.3rem, 4.5vw, 3.5rem);
  line-height: 1.06;
  font-weight: 800;
}

.tbm-ad-page__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 14px;
  color: #64748b;
}

.tbm-ad-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 356px;
  gap: 24px;
  align-items: start;
}

.tbm-ad-main,
.tbm-ad-sidebar {
  display: grid;
  gap: 20px;
}

.tbm-ad-gallery-card,
.tbm-ad-section,
.tbm-ad-price-card,
.tbm-ad-seller-card,
.tbm-ad-trust-card,
.tbm-related-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
}

.tbm-ad-gallery-card,
.tbm-ad-section,
.tbm-ad-price-card,
.tbm-ad-seller-card,
.tbm-ad-trust-card {
  padding: 22px;
}

.tbm-ad-gallery-stage {
  position: relative;
  height: clamp(520px, 55vw, 620px);
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%);
  border: 1px solid #dce8ff;
}

.tbm-ad-gallery-stage__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tbm-ad-gallery-stage__fallback {
  height: 100%;
  display: grid;
  place-items: center;
  gap: 12px;
  padding: 32px;
  text-align: center;
  color: #64748b;
}

.tbm-ad-gallery-stage__fallback-icon {
  font-size: 2.4rem;
}

.tbm-ad-gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.92);
  color: #102033;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14);
  z-index: 2;
}

.tbm-ad-gallery-arrow--left {
  left: 18px;
}

.tbm-ad-gallery-arrow--right {
  right: 18px;
}

.tbm-ad-gallery-thumbs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-top: 16px;
}

.tbm-ad-gallery-thumb {
  width: 120px;
  height: 84px;
  padding: 0;
  flex: 0 0 auto;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #dbe6f5;
  background: #ffffff;
}

.tbm-ad-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* TB Market mobile shell + create studio + profile system */
.tbm-mobile-header {
  display: none;
}

.tbm-create-studio,
.tbm-settings-layout,
.tbm-profile-grid {
  display: grid;
  gap: 24px;
}

.tbm-create-studio {
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: start;
}

.tbm-create-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
}

.tbm-create-steps-card,
.tbm-create-preview-card,
.tbm-profile-main-card,
.tbm-profile-side-card,
.tbm-settings-card,
.tbm-settings-summary article {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
}

.tbm-create-steps-card {
  position: sticky;
  top: 112px;
  padding: 24px;
}

.tbm-create-steps-card__eyebrow {
  display: inline-flex;
  margin-bottom: 16px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.tbm-create-steps {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tbm-create-steps li {
  padding: 16px 18px;
  border-radius: 20px;
  background: #f8fbff;
  border: 1px solid #e6eefb;
}

.tbm-create-steps li.is-active {
  background: linear-gradient(135deg, #eff5ff 0%, #f5efff 100%);
  border-color: #cfe0ff;
  box-shadow: 0 10px 24px rgba(59, 130, 246, 0.1);
}

.tbm-create-steps strong,
.tbm-create-preview-card strong,
.tbm-profile-side-card strong,
.tbm-settings-summary strong {
  display: block;
  color: #102033;
}

.tbm-create-steps span,
.tbm-settings-summary span {
  color: #64748b;
}

.tbm-create-preview-card {
  position: sticky;
  top: 112px;
  padding: 24px;
  display: grid;
  gap: 18px;
}

.tbm-create-preview-card__head {
  display: grid;
  gap: 6px;
}

.tbm-preview-listing {
  display: grid;
  gap: 16px;
}

.tbm-preview-listing__media {
  min-height: 220px;
  border-radius: 24px;
  border: 1px dashed #bbd0ff;
  background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
  display: grid;
  place-items: center;
  color: #64748b;
  overflow: hidden;
}

.tbm-preview-listing__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.tbm-preview-listing__body {
  display: grid;
  gap: 10px;
}

.tbm-preview-chip,
.tbm-preview-tags span,
.tbm-profile-badges span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eef4ff;
  color: #2f6bff;
  font-size: 0.82rem;
  font-weight: 700;
}

.tbm-preview-listing__body h3 {
  margin: 0;
  color: #102033;
  font-size: 1.5rem;
  line-height: 1.15;
}

.tbm-preview-price {
  color: #102033;
  font-size: 2rem;
  font-weight: 800;
}

.tbm-preview-listing__body p,
.tbm-preview-meta {
  color: #64748b;
}

.tbm-preview-meta,
.tbm-preview-tags,
.tbm-profile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-profile-page,
.tbm-settings-page {
  display: grid;
  gap: 24px;
}

.tbm-profile-cover {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  border-radius: 32px;
  background:
    radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.26), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(139, 92, 246, 0.24), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #eef4ff 52%, #f6f0ff 100%);
  border: 1px solid #dbe7fb;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
}

.tbm-profile-cover__overlay {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(77, 141, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77, 141, 255, 0.06) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, #000 25%, transparent 86%);
}

.tbm-profile-cover__content {
  position: relative;
  z-index: 1;
  max-width: 760px;
  padding: 40px;
  display: grid;
  gap: 14px;
}

.tbm-profile-cover__content h1,
.tbm-settings-hero h1 {
  margin: 0;
  color: #102033;
  font-size: clamp(2.4rem, 4vw, 3.6rem);
  line-height: 1.04;
}

.tbm-profile-cover__content p,
.tbm-settings-hero p {
  margin: 0;
  max-width: 620px;
  color: #64748b;
  font-size: 1.04rem;
  line-height: 1.7;
}

.tbm-profile-cover__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tbm-profile-grid {
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
}

.tbm-profile-main-card,
.tbm-settings-card {
  padding: 28px;
}

.tbm-profile-main-card__head {
  display: flex;
  gap: 18px;
  align-items: center;
}

.tbm-profile-avatar {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  flex: 0 0 auto;
  border-radius: 28px;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 800;
  box-shadow: 0 16px 32px rgba(59, 130, 246, 0.25);
}

.tbm-profile-main-card__head h2 {
  margin: 0;
  color: #102033;
  font-size: 2rem;
}

.tbm-profile-main-card__head p {
  margin: 6px 0 10px;
  color: #64748b;
}

.tbm-profile-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 26px;
}

.tbm-profile-stats article {
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, #fbfdff 0%, #f4f8ff 100%);
  border: 1px solid #e3ebfb;
}

.tbm-profile-stats strong {
  display: block;
  color: #102033;
  font-size: 1.35rem;
  font-weight: 800;
}

.tbm-profile-stats span {
  color: #64748b;
  font-size: 0.88rem;
}

.tbm-profile-sections,
.tbm-profile-side,
.tbm-settings-summary,
.tbm-settings-form {
  display: grid;
  gap: 18px;
}

.tbm-profile-panel {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid #edf2fa;
}

.tbm-profile-panel__head {
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
}

.tbm-profile-panel__head h3 {
  margin: 0;
  color: #102033;
  font-size: 1.2rem;
}

.tbm-profile-review-list {
  display: grid;
  gap: 14px;
}

.tbm-profile-review-card {
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.tbm-profile-review-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.tbm-profile-review-card p {
  margin: 0 0 8px;
  color: #102033;
}

.tbm-profile-review-card small {
  color: #64748b;
}

.tbm-profile-list {
  display: grid;
  gap: 10px;
}

.tbm-profile-list a {
  display: grid;
  gap: 4px;
  padding: 16px 18px;
  border-radius: 18px;
  background: #f9fbff;
  border: 1px solid #e7edf8;
}

.tbm-profile-list strong {
  color: #102033;
}

.tbm-profile-list small,
.tbm-profile-list p {
  color: #64748b;
}

.tbm-profile-side {
  align-content: start;
}

.tbm-profile-side-card {
  padding: 22px;
}

.tbm-profile-nav,
.tbm-profile-metrics {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.tbm-profile-nav a,
.tbm-profile-metrics div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  background: #f8fbff;
  border: 1px solid #e7edf8;
  color: #102033;
}

.tbm-profile-metrics span {
  color: #64748b;
}

.tbm-profile-metrics strong {
  color: #102033;
}

.tbm-settings-hero {
  display: grid;
  gap: 12px;
  max-width: 760px;
}

.tbm-settings-layout {
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: start;
}

.tbm-settings-summary article {
  padding: 22px;
}

.tbm-settings-summary span {
  display: block;
  margin-top: 6px;
  color: #102033;
  font-size: 1.4rem;
  font-weight: 800;
}

.tbm-settings-form {
  gap: 16px;
}

.tbm-settings-form label,
.tbm-create-form label {
  display: grid;
  gap: 8px;
}

.tbm-settings-form span,
.tbm-create-form span {
  color: #102033;
  font-size: 0.92rem;
  font-weight: 700;
}

.tbm-settings-form input,
.tbm-settings-form textarea,
.tbm-create-form input,
.tbm-create-form select,
.tbm-create-form textarea {
  width: 100%;
}

@media (max-width: 1240px) {
  .tbm-create-studio,
  .tbm-create-workspace,
  .tbm-profile-grid,
  .tbm-settings-layout {
    grid-template-columns: 1fr;
  }

  .tbm-create-steps-card,
  .tbm-create-preview-card {
    position: static;
  }
}

@media (max-width: 860px) {
  .tbm-mobile-header {
    position: sticky;
    top: 12px;
    z-index: 25;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 68px;
    margin: 12px 12px 0;
    padding: 0 16px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(18px);
  }

  .tbm-mobile-header__burger,
  .tbm-mobile-header__actions a,
  .tbm-mobile-header__actions button {
    width: 42px;
    height: 42px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
    display: inline-grid;
    place-items: center;
    color: #102033;
    padding: 0;
  }

  .tbm-mobile-header__burger {
    gap: 4px;
    padding: 0;
  }

  .tbm-mobile-header__burger span {
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: #102033;
  }

  .tbm-mobile-header__brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #102033;
    font-weight: 800;
  }

  .tbm-mobile-header__actions {
    display: inline-flex;
    gap: 8px;
  }

  .tbm-mobile-header__search {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    min-height: 46px;
    padding: 0 14px;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.26s ease, transform 0.26s ease;
  }

  .tbm-mobile-header__search input {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #102033;
    outline: none;
    font: inherit;
  }

  .tbm-mobile-header.is-search-open .tbm-mobile-header__search {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
  }

  .tbm-mobile-header.is-search-open .tbm-mobile-header__brand,
  .tbm-mobile-header.is-search-open .tbm-mobile-header__burger,
  .tbm-mobile-header.is-search-open .tbm-mobile-header__actions a {
    opacity: 0;
    pointer-events: none;
  }

  .tbm-mobile-header.is-search-open .tbm-mobile-header__actions {
    margin-left: auto;
  }

  .tbm-mobile-header.is-search-open .tbm-mobile-header__actions button {
    position: relative;
    z-index: 2;
  }

  .market-header-shell {
    display: none;
  }

  .market-shell-market {
    padding-top: 18px;
    padding-bottom: 96px;
  }

  .market-mobile-bar {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(226, 232, 240, 0.92);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.1);
    backdrop-filter: blur(18px);
  }

  .market-mobile-bar a {
    font-size: 0.72rem;
  }

  .tbm-profile-cover__content,
  .tbm-profile-main-card,
  .tbm-profile-side-card,
  .tbm-settings-card,
  .tbm-create-steps-card,
  .tbm-create-preview-card,
  .tbm-create-form-card {
    padding: 20px;
  }

  .tbm-profile-main-card__head {
    align-items: flex-start;
  }

  .tbm-profile-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tbm-ad-gallery-thumb.is-active {
  border: 3px solid #2f6bff;
}

.tbm-ad-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 18px;
}

.tbm-ad-section__head {
  margin-bottom: 16px;
}

.tbm-ad-section__head h2 {
  margin: 10px 0 0;
  color: #102033;
  font-size: 1.55rem;
}

.tbm-ad-description {
  margin: 0;
  color: #334155;
  line-height: 1.78;
}

.tbm-ad-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.tbm-ad-info-grid article {
  padding: 16px 18px;
  border-radius: 18px;
  background: #f8fbff;
  border: 1px solid #e2e8f0;
}

.tbm-ad-info-grid strong,
.tbm-ad-review-card strong,
.tbm-related-card strong,
.tbm-ad-trust-card__list strong {
  display: block;
  color: #102033;
}

.tbm-ad-info-grid span,
.tbm-ad-review-card small,
.tbm-ad-trust-card__list small,
.tbm-related-card span,
.tbm-related-card small {
  color: #64748b;
}

.tbm-ad-reviews {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tbm-ad-review-card {
  padding: 20px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
}

.tbm-ad-review-card__top {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 12px;
}

.tbm-ad-review-card__avatar,
.tbm-ad-seller-card__avatar {
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #2f6bff 0%, #8b5cff 100%);
  color: #ffffff;
  font-weight: 800;
}

.tbm-ad-review-card__avatar {
  width: 44px;
  height: 44px;
}

.tbm-ad-review-card__rating {
  color: #22c55e;
  font-weight: 700;
}

.tbm-related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tbm-related-card {
  padding: 18px;
  display: grid;
  gap: 8px;
}

.tbm-ad-price-card {
  position: sticky;
  top: 112px;
  display: grid;
  gap: 16px;
}

.tbm-ad-price-card__value {
  color: #102033;
  font-size: 3.1rem;
  line-height: 1;
  font-weight: 800;
}

.tbm-ad-price-card__facts {
  display: grid;
  gap: 10px;
  color: #475569;
}

.tbm-ad-contact-form {
  display: grid;
  gap: 12px;
}

.tbm-ad-contact-form textarea {
  width: 100%;
  min-height: 112px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #102033;
  resize: vertical;
}

.tbm-ad-seller-card__top {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.tbm-ad-seller-card__avatar {
  width: 72px;
  height: 72px;
  font-size: 1.1rem;
}

.tbm-ad-seller-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0;
  color: #64748b;
}

.tbm-ad-seller-card__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.tbm-ad-seller-card__stats article {
  padding: 14px;
  border-radius: 18px;
  background: #f8fbff;
  border: 1px solid #e2e8f0;
}

.tbm-ad-seller-card__stats strong {
  display: block;
  color: #102033;
  font-weight: 800;
}

.tbm-ad-seller-card__stats span {
  color: #64748b;
  font-size: 0.88rem;
}

.tbm-ad-trust-card__list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.tbm-ad-trust-card__list article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 18px;
  background: #f8fbff;
  border: 1px solid #e2e8f0;
}

.tbm-ad-trust-card__list article span {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.12);
  color: #16a34a;
  font-weight: 800;
}

.tbm-ad-trust-card__list article.is-active {
  background: #f5fff7;
  border-color: #cfeecf;
}

.tbm-ad-viewer-stage {
  min-height: 70vh;
  display: grid;
  place-items: center;
}

.tbm-ad-viewer-stage img {
  max-width: min(1100px, 100%);
  max-height: 80vh;
  border-radius: 24px;
  object-fit: contain;
}

.tbm-ad-viewer-empty {
  color: #64748b;
}

@media (max-width: 1180px) {
  .tbm-ad-layout,
  .tbm-ad-reviews,
  .tbm-related-grid {
    grid-template-columns: 1fr;
  }

  .tbm-ad-price-card {
    position: static;
  }
}

@media (max-width: 760px) {
  .tbm-ad-gallery-stage {
    height: 360px;
  }

  .tbm-ad-info-grid,
  .tbm-ad-seller-card__stats,
  .tbm-ad-review-card__top {
    grid-template-columns: 1fr;
  }

  .tbm-ad-review-card__top {
    gap: 8px;
  }
}

/* Premium catalog refinements */
.tbm-catalog-hero--premium {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  background:
    radial-gradient(circle at 14% 18%, rgba(59, 130, 246, 0.16), transparent 26%),
    radial-gradient(circle at 85% 30%, rgba(139, 92, 246, 0.12), transparent 24%),
    linear-gradient(135deg, #ffffff 0%, #eef4ff 100%);
}

.tbm-catalog-hero--premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(59, 130, 246, 0.05) 0 1px, transparent 1px 100%),
    linear-gradient(rgba(59, 130, 246, 0.05) 0 1px, transparent 1px 100%);
  background-size: 120px 120px;
  opacity: 0.45;
  pointer-events: none;
}

.tbm-catalog-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(36px);
  opacity: 0.55;
  pointer-events: none;
}

.tbm-catalog-hero__glow--a {
  width: 220px;
  height: 220px;
  top: -60px;
  right: 220px;
  background: rgba(59, 130, 246, 0.16);
}

.tbm-catalog-hero__glow--b {
  width: 200px;
  height: 200px;
  bottom: -80px;
  right: 20px;
  background: rgba(139, 92, 246, 0.14);
}

.tbm-catalog-hero--premium .tbm-catalog-hero__copy,
.tbm-catalog-hero--premium .tbm-catalog-stats {
  position: relative;
  z-index: 1;
}

.tbm-catalog-search--hero {
  grid-template-columns: minmax(0, 1.5fr) 220px 180px auto;
}

.tbm-catalog-search__field select {
  width: 100%;
  min-height: 58px;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #102033;
  padding: 0 18px;
  box-shadow: 0 12px 30px rgba(47, 107, 255, 0.08);
}

.tbm-catalog-stats--premium article {
  min-height: 86px;
  display: grid;
  align-content: center;
}

.tbm-catalog-mobile-actions {
  display: none;
}

.tbm-filters-card--premium {
  background: rgba(255, 255, 255, 0.95);
}

.tbm-filter-toggles {
  display: grid;
  gap: 12px;
}

.tbm-toggle {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.tbm-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tbm-toggle__switch {
  position: relative;
  width: 42px;
  height: 26px;
  border-radius: 999px;
  background: #d8e1ef;
  transition: background 0.2s ease;
}

.tbm-toggle__switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
  transition: transform 0.2s ease;
}

.tbm-toggle input:checked + .tbm-toggle__switch {
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
}

.tbm-toggle input:checked + .tbm-toggle__switch::after {
  transform: translateX(16px);
}

.tbm-toggle__label {
  color: #102033;
  font-weight: 600;
}

.tbm-listing-row--premium {
  grid-template-columns: 320px minmax(0, 1fr) 220px;
  min-height: 260px;
  padding: 18px;
}

.tbm-listing-row--premium .tbm-listing-row__media {
  width: 320px;
  height: 220px;
  position: relative;
  transition: transform 0.2s ease;
}

.tbm-listing-row--premium:hover .tbm-listing-row__media img {
  transform: scale(1.03);
}

.tbm-listing-row--premium .tbm-listing-row__media img {
  transition: transform 0.22s ease;
}

.tbm-listing-row__dots {
  position: absolute;
  left: 16px;
  bottom: 14px;
  display: flex;
  gap: 6px;
}

.tbm-listing-row__dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(255, 255, 255, 0.92);
}

.tbm-listing-row__dots span.is-active {
  background: #ffffff;
}

.tbm-listing-row__headline {
  display: grid;
  gap: 12px;
}

.market-tag--category {
  width: fit-content;
}

.tbm-listing-row--premium .tbm-listing-row__title {
  font-size: clamp(1.6rem, 2.1vw, 1.95rem);
  line-height: 1.12;
}

.tbm-listing-row__tagline,
.tbm-listing-row__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-listing-row__features {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  color: #64748b;
  font-size: 0.92rem;
}

.tbm-listing-row__side {
  display: grid;
  align-content: start;
  gap: 14px;
}

.tbm-listing-row__side-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.tbm-side-verified {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eef5ff;
  color: #2f6bff;
  font-size: 0.8rem;
  font-weight: 700;
}

.tbm-listing-row__price {
  font-size: 2.25rem;
}

.tbm-listing-row__price-note {
  color: #64748b;
  font-size: 0.92rem;
}

.tbm-results-stats--premium {
  background: rgba(255, 255, 255, 0.94);
}

@media (max-width: 1180px) {
  .tbm-catalog-search--hero,
  .tbm-listing-row--premium {
    grid-template-columns: 1fr;
  }

  .tbm-listing-row--premium .tbm-listing-row__media {
    width: 100%;
  }
}

@media (max-width: 860px) {
  .tbm-catalog-mobile-actions {
    position: sticky;
    bottom: 14px;
    z-index: 12;
    display: flex;
    gap: 12px;
    margin: 0 0 16px;
  }

  .tbm-catalog-mobile-actions .market-btn {
    flex: 1;
    justify-content: center;
  }

  .tbm-filters-card {
    position: fixed;
    inset: auto 12px 12px;
    z-index: 25;
    max-height: calc(100vh - 96px);
    overflow: auto;
    transform: translateY(110%);
    transition: transform 0.22s ease;
  }

body.market-filters-open .tbm-filters-card {
  transform: translateY(0);
}

.tbm-mobile-filter-button {
  display: inline-flex;
}
}

/* 2026-05-27 — living premium marketplace catalog */
.tbm-market-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
  gap: 30px;
  min-height: 460px;
  padding: 38px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 246, 255, 0.96) 48%, rgba(245, 240, 255, 0.98) 100%);
  border: 1px solid rgba(231, 236, 245, 0.95);
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.tbm-market-hero__bg,
.tbm-market-hero__grid {
  position: absolute;
  pointer-events: none;
}

.tbm-market-hero__bg {
  inset: auto;
  border-radius: 999px;
  filter: blur(18px);
  opacity: 0.75;
}

.tbm-market-hero__bg--a {
  width: 240px;
  height: 240px;
  left: -60px;
  top: 48px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0) 72%);
}

.tbm-market-hero__bg--b {
  width: 280px;
  height: 280px;
  right: -80px;
  bottom: -40px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.2) 0%, rgba(139, 92, 246, 0) 72%);
}

.tbm-market-hero__grid {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(59, 130, 246, 0.04) 0 1px, transparent 1px 100%),
    linear-gradient(rgba(59, 130, 246, 0.04) 0 1px, transparent 1px 100%);
  background-size: 124px 124px;
  mask-image: radial-gradient(circle at center, #000 45%, transparent 88%);
}

.tbm-market-hero__copy,
.tbm-market-hero__scene {
  position: relative;
  z-index: 1;
}

.tbm-market-hero__copy {
  display: grid;
  align-content: center;
  gap: 18px;
}

.tbm-market-hero__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.1);
  color: #346ff4;
  font-size: 0.88rem;
  font-weight: 800;
}

.tbm-market-hero__copy h1 {
  margin: 0;
  max-width: 760px;
  color: #102033;
  font-size: clamp(3rem, 4.7vw, 4.25rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  font-weight: 900;
}

.tbm-market-hero__copy h1 span {
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.tbm-market-hero__copy p {
  margin: 0;
  max-width: 640px;
  color: #64748b;
  font-size: 1.06rem;
  line-height: 1.8;
}

.tbm-market-search {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) 220px 180px 140px;
  gap: 12px;
  margin-top: 6px;
  padding: 10px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(231, 236, 245, 0.96);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.tbm-market-search__field {
  min-height: 74px;
  border-radius: 22px;
  border: 1px solid #e7ecf5;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
}

.tbm-market-search__field--wide span {
  color: #64748b;
  font-size: 1rem;
}

.tbm-market-search__field input,
.tbm-market-search__field select {
  width: 100%;
  border: 0;
  background: transparent;
  color: #102033;
  outline: none;
  font: inherit;
}

.tbm-market-search__submit {
  min-height: 74px;
  border-radius: 22px;
  box-shadow: 0 16px 34px rgba(59, 130, 246, 0.22);
}

.tbm-market-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tbm-market-hero__chips .market-chip {
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.tbm-market-hero__chips .market-chip:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(59, 130, 246, 0.12);
}

.tbm-market-hero__scene {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-content: center;
}

.tbm-market-orb {
  position: absolute;
  left: 50%;
  top: 52%;
  width: 180px;
  height: 180px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: grid;
  place-items: center;
  z-index: 0;
}

.tbm-market-orb__core {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  box-shadow: 0 24px 52px rgba(59, 130, 246, 0.28);
}

.tbm-market-orb span {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(59, 130, 246, 0.14);
  animation: tbmOrbitPulse 5s ease-in-out infinite;
}

.tbm-market-orb span:nth-child(2) {
  inset: -16px;
  animation-delay: -1.2s;
}

.tbm-market-orb span:nth-child(3) {
  inset: -32px;
  animation-delay: -2.4s;
}

.tbm-market-float,
.tbm-market-mini-card,
.tbm-market-activity,
.tbm-market-pulse__card,
.tbm-market-card,
.tbm-catalog-filters,
.tbm-catalog-toolbar {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #e7ecf5;
  border-radius: 28px;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
}

.tbm-market-float {
  position: relative;
  z-index: 1;
  padding: 16px 18px;
  min-height: 90px;
  display: grid;
  gap: 4px;
  align-content: center;
  animation: tbmFloatY 5.6s ease-in-out infinite;
}

.tbm-market-float strong,
.tbm-market-mini-card strong,
.tbm-market-activity strong,
.tbm-market-pulse__card h3 {
  color: #102033;
}

.tbm-market-float span,
.tbm-market-mini-card span,
.tbm-market-activity__feed span,
.tbm-market-pulse__card small {
  color: #64748b;
}

.tbm-market-float--deal { grid-column: 1; }
.tbm-market-float--verified { grid-column: 2; animation-delay: -1.2s; }
.tbm-market-float--ai { grid-column: 2; animation-delay: -2.4s; }

.tbm-market-hero-cards {
  position: relative;
  z-index: 1;
  grid-column: 1;
  display: grid;
  gap: 14px;
}

.tbm-market-mini-card {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 14px;
  align-items: center;
  padding: 12px;
  animation: tbmFloatY 6.4s ease-in-out infinite;
}

.tbm-market-mini-card.is-primary {
  animation-delay: -1.8s;
}

.tbm-market-mini-card img {
  width: 96px;
  height: 82px;
  object-fit: cover;
  border-radius: 18px;
}

.tbm-market-activity {
  grid-column: 2;
  padding: 18px;
  display: grid;
  gap: 14px;
}

.tbm-market-activity__feed {
  display: grid;
  gap: 10px;
}

.tbm-market-activity__feed article,
.tbm-market-pulse__feed article {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
}

.tbm-market-activity__feed i,
.tbm-market-pulse__feed i {
  color: #22c55e;
  font-style: normal;
  animation: tbmPulseDot 1.8s ease-in-out infinite;
}

.tbm-catalog-shell {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr) 300px;
  gap: 28px;
  align-items: start;
  margin-top: 28px;
}

.tbm-catalog-filters,
.tbm-market-pulse {
  position: sticky;
  top: 116px;
}

.tbm-catalog-filters {
  padding: 24px;
}

.tbm-catalog-content {
  display: grid;
  gap: 22px;
}

.tbm-catalog-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 22px 24px;
}

.tbm-catalog-toolbar__copy h2,
.tbm-catalog-filters__head h2 {
  margin: 0;
  color: #102033;
  font-size: 1.7rem;
  font-weight: 800;
}

.tbm-catalog-toolbar__copy p {
  margin: 8px 0 0;
  color: #64748b;
  line-height: 1.7;
}

.tbm-catalog-toolbar__controls {
  display: grid;
  gap: 12px;
  justify-items: end;
}

.tbm-catalog-trends {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.tbm-catalog-view-switch {
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  border-radius: 18px;
  background: #eef4ff;
}

.tbm-catalog-view-switch button {
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #64748b;
  font-weight: 700;
}

.tbm-catalog-view-switch button.is-active {
  background: #fff;
  color: #102033;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.tbm-market-card {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr) 230px;
  gap: 24px;
  min-height: 286px;
  padding: 20px;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.tbm-market-card:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 130, 246, 0.28);
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.09);
}

.tbm-market-card__media {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  min-height: 240px;
  background: linear-gradient(135deg, #eff5ff 0%, #f5f0ff 100%);
}

.tbm-market-card__media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 38%;
  background: linear-gradient(180deg, transparent 0%, rgba(16, 32, 51, 0.18) 100%);
}

.tbm-market-card__media img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  transition: transform 0.34s ease;
}

.tbm-market-card:hover .tbm-market-card__media img {
  transform: scale(1.03);
}

.tbm-market-card__media-badges {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  z-index: 1;
}

.tbm-market-card__media-badges span {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #102033;
  font-size: 0.72rem;
  font-weight: 800;
}

.tbm-market-card__media-badges .is-online {
  color: #159947;
}

.tbm-market-card__dots {
  position: absolute;
  left: 18px;
  bottom: 16px;
  display: flex;
  gap: 6px;
  z-index: 1;
}

.tbm-market-card__dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.46);
}

.tbm-market-card__dots span.is-active {
  width: 26px;
  border-radius: 999px;
  background: #fff;
}

.tbm-market-card__content {
  display: grid;
  gap: 14px;
  align-content: start;
}

.tbm-market-card__topline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.tbm-market-card__category {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(139, 92, 246, 0.14) 100%);
  color: #346ff4;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.tbm-market-card__meta {
  color: #64748b;
  font-size: 0.92rem;
  font-weight: 700;
}

.tbm-market-card__title {
  color: #102033;
  text-decoration: none;
  font-size: clamp(1.9rem, 2vw, 2.15rem);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.tbm-market-card__meta-grid,
.tbm-market-card__trust,
.tbm-market-card__seller-copy span {
  color: #64748b;
  font-size: 0.95rem;
}

.tbm-market-card__meta-grid,
.tbm-market-card__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
}

.tbm-market-card__description {
  margin: 0;
  color: #516175;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tbm-market-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-market-card__seller {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding-top: 8px;
}

.tbm-market-card__avatar,
.tbm-market-pulse__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  color: #fff;
  font-weight: 800;
}

.tbm-market-card__seller-copy strong {
  display: block;
  color: #102033;
}

.tbm-market-card__seller-badge {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #eef4ff;
  color: #346ff4;
  font-size: 0.78rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
}

.tbm-market-card__side {
  display: grid;
  align-content: start;
  gap: 14px;
}

.tbm-market-card__side-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.tbm-market-card__price {
  display: block;
  color: #102033;
  font-size: clamp(2.1rem, 2.3vw, 2.6rem);
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.tbm-market-card__price-note {
  color: #64748b;
  font-size: 0.92rem;
}

.tbm-market-card__actions {
  display: grid;
  gap: 10px;
  margin-top: auto;
}

.tbm-market-card__actions .market-btn {
  width: 100%;
  min-height: 52px;
}

.tbm-market-pulse {
  display: grid;
  gap: 18px;
}

.tbm-market-pulse__card {
  padding: 22px;
}

.tbm-market-pulse__card h3 {
  margin: 8px 0 0;
  font-size: 1.35rem;
  font-weight: 800;
}

.tbm-market-pulse__stats,
.tbm-market-pulse__feed {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.tbm-market-pulse__stats article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 20px;
  background: #f8fbff;
}

.tbm-market-pulse__stats strong {
  color: #102033;
  display: block;
}

.tbm-market-pulse__feed article {
  padding: 10px 0;
  border-bottom: 1px solid #edf2f9;
}

.tbm-market-pulse__feed article:last-child {
  border-bottom: 0;
}

@keyframes tbmOrbitPulse {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.035); opacity: 0.36; }
}

@keyframes tbmFloatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes tbmPulseDot {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

@media (max-width: 1320px) {
  .tbm-catalog-shell {
    grid-template-columns: 320px minmax(0, 1fr);
  }

  .tbm-market-pulse {
    grid-column: 1 / -1;
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .tbm-market-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .tbm-market-hero__scene {
    min-height: 420px;
  }

  .tbm-market-search {
    grid-template-columns: 1fr 1fr;
  }

  .tbm-market-search__submit {
    grid-column: 1 / -1;
  }

  .tbm-market-card {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .tbm-market-card__side {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
    align-items: end;
  }

  .tbm-market-card__actions {
    margin-top: 0;
  }
}

@media (max-width: 980px) {
  .tbm-catalog-shell {
    grid-template-columns: 1fr;
  }

  .tbm-catalog-filters,
  .tbm-market-pulse {
    position: static;
  }

  .tbm-catalog-toolbar {
    grid-template-columns: 1fr;
  }

  .tbm-catalog-toolbar__controls {
    justify-items: start;
  }

  .tbm-market-card {
    grid-template-columns: 1fr;
  }

  .tbm-market-card__media,
  .tbm-market-card__media img {
    height: 240px;
  }
}

@media (max-width: 860px) {
  .tbm-market-hero {
    padding: 24px;
    gap: 24px;
    border-radius: 28px;
  }

  .tbm-market-hero__copy h1 {
    font-size: clamp(2.4rem, 11vw, 3.5rem);
  }

  .tbm-market-search {
    grid-template-columns: 1fr;
    padding: 8px;
    border-radius: 24px;
  }

  .tbm-market-search__field,
  .tbm-market-search__submit {
    min-height: 62px;
  }

  .tbm-market-hero__chips {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
  }

  .tbm-market-hero__scene {
    min-height: 360px;
    grid-template-columns: 1fr;
  }

  .tbm-market-orb {
    width: 140px;
    height: 140px;
    top: 42%;
  }

  .tbm-market-orb__core {
    width: 92px;
    height: 92px;
    font-size: 1.6rem;
  }

  .tbm-market-float--verified,
  .tbm-market-float--ai,
  .tbm-market-activity {
    grid-column: 1;
  }

  .tbm-market-pulse {
    grid-template-columns: 1fr;
  }

  .tbm-market-card {
    padding: 16px;
    border-radius: 24px;
  }

  .tbm-market-card__title {
    font-size: 1.55rem;
  }

  .tbm-market-card__seller {
    grid-template-columns: auto 1fr;
  }

  .tbm-market-card__seller-badge {
    grid-column: 1 / -1;
    width: fit-content;
  }

  .tbm-market-card__side {
    grid-template-columns: 1fr;
  }
}

/* 2026-05-27 — premium listing detail page */
.tbm-listing-page {
  display: grid;
  gap: 26px;
}

.tbm-listing-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #64748b;
  font-size: 0.88rem;
}

.tbm-listing-breadcrumbs a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.tbm-listing-breadcrumbs a:hover {
  color: #346ff4;
}

.tbm-listing-hero,
.tbm-listing-gallery-card,
.tbm-listing-section,
.tbm-listing-price,
.tbm-listing-seller,
.tbm-listing-live {
  background: #fff;
  border: 1px solid #e7ecf5;
  border-radius: 28px;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
}

.tbm-listing-hero {
  position: relative;
  overflow: hidden;
  padding: 28px 32px;
  background:
    radial-gradient(circle at 88% 8%, rgba(59, 130, 246, 0.12) 0%, rgba(59, 130, 246, 0) 30%),
    radial-gradient(circle at 72% 100%, rgba(139, 92, 246, 0.12) 0%, rgba(139, 92, 246, 0) 28%),
    #ffffff;
}

.tbm-listing-hero__eyebrow {
  display: inline-flex;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  align-items: center;
  background: rgba(59, 130, 246, 0.1);
  color: #346ff4;
  font-size: 0.82rem;
  font-weight: 800;
}

.tbm-listing-hero h1 {
  margin: 16px 0 0;
  max-width: 980px;
  color: #102033;
  font-size: clamp(3rem, 4.2vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  font-weight: 900;
}

.tbm-listing-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.tbm-listing-hero__meta span {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: #f4f8ff;
  color: #64748b;
  font-size: 0.85rem;
  font-weight: 700;
}

.tbm-listing-hero__meta .is-online {
  color: #159947;
}

.tbm-listing-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 32px;
  align-items: start;
}

.tbm-listing-main,
.tbm-listing-sidebar {
  display: grid;
  gap: 24px;
}

.tbm-listing-sidebar {
  position: sticky;
  top: 116px;
}

.tbm-listing-gallery-card {
  padding: 20px;
}

.tbm-listing-gallery {
  display: grid;
  gap: 16px;
}

.tbm-listing-gallery__stage {
  position: relative;
  overflow: hidden;
  min-height: 620px;
  border-radius: 32px;
  background: linear-gradient(135deg, #eef4ff 0%, #f4efff 100%);
}

.tbm-listing-gallery__image {
  width: 100%;
  height: 620px;
  object-fit: cover;
  transition: transform 0.36s ease, opacity 0.26s ease;
}

.tbm-listing-gallery__stage:hover .tbm-listing-gallery__image {
  transform: scale(1.03);
}

.tbm-listing-gallery__fallback {
  height: 620px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 14px;
  padding: 32px;
  text-align: center;
}

.tbm-listing-gallery__fallback img {
  width: min(340px, 70%);
  max-height: 320px;
  object-fit: contain;
}

.tbm-listing-gallery__fallback strong {
  color: #102033;
  font-size: 1.45rem;
  font-weight: 800;
}

.tbm-listing-gallery__fallback small {
  max-width: 440px;
  color: #64748b;
  line-height: 1.75;
}

.tbm-listing-gallery__actions,
.tbm-listing-gallery__bottom {
  position: absolute;
  left: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  z-index: 2;
}

.tbm-listing-gallery__actions {
  top: 18px;
}

.tbm-listing-gallery__bottom {
  bottom: 18px;
}

.tbm-listing-glass-btn,
.tbm-listing-glass-badge,
.tbm-listing-gallery__counter,
.tbm-listing-gallery__status span {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.52);
  background: rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #102033;
  font-weight: 700;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
}

.tbm-listing-glass-btn {
  min-width: 42px;
  padding: 0 12px;
}

.tbm-listing-gallery__status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-listing-gallery__status .is-online {
  color: #159947;
}

.tbm-listing-gallery__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.84);
  color: #102033;
  font-size: 1.8rem;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  transform: translateY(-50%);
}

.tbm-listing-gallery__arrow--left { left: 18px; }
.tbm-listing-gallery__arrow--right { right: 18px; }

.tbm-listing-gallery__thumbs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.tbm-listing-gallery__thumb {
  flex: 0 0 auto;
  width: 110px;
  height: 90px;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  border: 2px solid transparent;
  background: #eef4ff;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.tbm-listing-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tbm-listing-gallery__thumb.is-active {
  border-color: #2f6bff;
  box-shadow: 0 0 0 4px rgba(47, 107, 255, 0.12);
}

.tbm-listing-gallery__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-listing-section {
  padding: 28px;
}

.tbm-listing-section__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.tbm-listing-section__head h2 {
  margin: 8px 0 0;
  color: #102033;
  font-size: 1.7rem;
  font-weight: 800;
}

.tbm-listing-section__live {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-listing-section__live span {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: #eef4ff;
  color: #64748b;
  font-size: 0.84rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

.tbm-listing-description p {
  margin: 18px 0 0;
  color: #425468;
  font-size: 1.04rem;
  line-height: 1.85;
}

.tbm-listing-features,
.tbm-listing-info-grid,
.tbm-listing-trust-grid,
.tbm-listing-reviews {
  display: grid;
  gap: 16px;
  margin-top: 22px;
}

.tbm-listing-features {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.tbm-listing-features article,
.tbm-listing-info-grid article,
.tbm-listing-trust-grid article,
.tbm-listing-review,
.tbm-listing-seller__stats article,
.tbm-listing-live__rows article {
  border-radius: 22px;
  border: 1px solid #edf2f9;
  background: #f9fbff;
}

.tbm-listing-features article,
.tbm-listing-info-grid article {
  padding: 18px;
}

.tbm-listing-features strong,
.tbm-listing-info-grid strong,
.tbm-listing-review strong,
.tbm-listing-trust-grid strong,
.tbm-listing-seller__stats strong,
.tbm-listing-live__rows strong {
  display: block;
  color: #102033;
  font-weight: 800;
}

.tbm-listing-features span,
.tbm-listing-info-grid span,
.tbm-listing-review small,
.tbm-listing-trust-grid small,
.tbm-listing-seller__stats span,
.tbm-listing-live__rows small {
  color: #64748b;
}

.tbm-listing-info-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tbm-listing-trust-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tbm-listing-trust-grid article {
  padding: 18px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
}

.tbm-listing-trust-grid article span {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(34, 197, 94, 0.12);
  color: #159947;
  font-weight: 900;
}

.tbm-listing-trust-grid article.is-active {
  border-color: rgba(34, 197, 94, 0.24);
  background: #f7fff9;
}

.tbm-listing-reviews {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tbm-listing-review {
  padding: 20px;
}

.tbm-listing-review__top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
}

.tbm-listing-review__avatar,
.tbm-listing-seller__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 900;
}

.tbm-listing-review__avatar {
  width: 48px;
  height: 48px;
  font-size: 0.95rem;
}

.tbm-listing-review__rating {
  color: #346ff4;
  font-weight: 800;
}

.tbm-listing-review p {
  margin: 14px 0 0;
  color: #425468;
  line-height: 1.8;
}

.tbm-listing-similar {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(280px, 1fr);
  gap: 16px;
  overflow-x: auto;
  margin-top: 18px;
  padding-bottom: 4px;
}

.tbm-listing-similar__card {
  min-height: 250px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #e7ecf5;
  background: #fff;
  color: #102033;
  text-decoration: none;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.tbm-listing-similar__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.1);
}

.tbm-listing-similar__card img {
  width: 100%;
  height: 168px;
  object-fit: cover;
}

.tbm-listing-similar__card div {
  padding: 16px 18px 18px;
  display: grid;
  gap: 6px;
}

.tbm-listing-similar__card strong,
.tbm-listing-similar__card small {
  color: #102033;
}

.tbm-listing-similar__card span {
  color: #64748b;
}

.tbm-listing-similar__card.is-empty {
  display: grid;
  align-items: center;
}

.tbm-listing-price,
.tbm-listing-seller,
.tbm-listing-live {
  padding: 24px;
}

.tbm-listing-price {
  display: grid;
  gap: 18px;
}

.tbm-listing-price__top strong {
  display: block;
  margin: 0;
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: clamp(2.6rem, 3vw, 3.5rem);
  line-height: 0.92;
  letter-spacing: -0.05em;
  font-weight: 900;
}

.tbm-listing-price__top small {
  display: block;
  margin-top: 10px;
  color: #64748b;
}

.tbm-listing-price__facts {
  display: grid;
  gap: 10px;
}

.tbm-listing-price__facts span {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  background: #f8fbff;
  color: #425468;
  font-weight: 700;
}

.tbm-listing-quick-message {
  display: grid;
  gap: 12px;
}

.tbm-listing-quick-message textarea {
  width: 100%;
  min-height: 120px;
  padding: 16px 18px;
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  background: #f8fbff;
  resize: vertical;
  font: inherit;
  color: #102033;
  outline: none;
}

.tbm-listing-price .market-btn {
  width: 100%;
  min-height: 56px;
}

.tbm-listing-seller {
  display: grid;
  gap: 18px;
}

.tbm-listing-seller__top {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
}

.tbm-listing-seller__top strong {
  display: block;
  color: #102033;
  font-size: 1.1rem;
}

.tbm-listing-seller__top small,
.tbm-listing-seller__meta span {
  color: #64748b;
}

.tbm-listing-seller__meta,
.tbm-listing-live__rows {
  display: grid;
  gap: 10px;
}

.tbm-listing-seller__meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tbm-listing-seller__meta span {
  min-height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef4ff;
  font-size: 0.82rem;
  font-weight: 800;
}

.tbm-listing-seller__stats {
  display: grid;
  gap: 12px;
}

.tbm-listing-seller__stats article {
  padding: 16px 18px;
}

.tbm-listing-live__rows article {
  padding: 14px 16px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
}

.tbm-listing-live__rows span {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #eef4ff;
  color: #346ff4;
}

.tbm-listing-mobile-cta {
  display: none;
}

@media (max-width: 1180px) {
  .tbm-listing-layout {
    grid-template-columns: 1fr;
  }

  .tbm-listing-sidebar {
    position: static;
  }

  .tbm-listing-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tbm-listing-info-grid,
  .tbm-listing-reviews {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .tbm-listing-hero {
    padding: 22px;
  }

  .tbm-listing-hero h1 {
    font-size: clamp(2.3rem, 10.5vw, 3.3rem);
  }

  .tbm-listing-gallery-card,
  .tbm-listing-section,
  .tbm-listing-price,
  .tbm-listing-seller,
  .tbm-listing-live {
    border-radius: 24px;
  }

  .tbm-listing-gallery-card {
    padding: 14px;
  }

  .tbm-listing-gallery__stage,
  .tbm-listing-gallery__image,
  .tbm-listing-gallery__fallback {
    min-height: 360px;
    height: 360px;
    border-radius: 24px;
  }

  .tbm-listing-gallery__arrow {
    width: 44px;
    height: 44px;
    font-size: 1.5rem;
  }

  .tbm-listing-section {
    padding: 22px;
  }

  .tbm-listing-section__head {
    grid-template-columns: 1fr;
  }

  .tbm-listing-features,
  .tbm-listing-info-grid,
  .tbm-listing-trust-grid,
  .tbm-listing-reviews {
    grid-template-columns: 1fr;
  }

  .tbm-listing-review__top {
    grid-template-columns: auto 1fr;
  }

  .tbm-listing-review__rating {
    grid-column: 1 / -1;
  }

  .tbm-listing-seller__meta {
    grid-template-columns: 1fr;
  }

  .tbm-listing-mobile-cta {
    position: sticky;
    bottom: 12px;
    z-index: 24;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
  }

  .tbm-listing-mobile-cta .market-btn {
    min-height: 56px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
  }
}

/* 2026-05-27 — simplified premium marketplace catalog */
.tbm-catalog-hero-clean {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  margin: 12px 0 24px;
  padding: 34px 38px 30px;
  border: 1px solid #e7ecf5;
  border-radius: 32px;
  background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
  display: grid;
  align-items: center;
}

.tbm-catalog-hero-clean__glow,
.tbm-catalog-hero-clean__grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.tbm-catalog-hero-clean__glow--a {
  background: radial-gradient(circle at 18% 24%, rgba(59, 130, 246, 0.12), transparent 34%);
}

.tbm-catalog-hero-clean__glow--b {
  background: radial-gradient(circle at 78% 18%, rgba(139, 92, 246, 0.12), transparent 28%);
}

.tbm-catalog-hero-clean__grid {
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(59, 130, 246, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(59, 130, 246, 0.06) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 100%);
}

.tbm-catalog-hero-clean__content {
  position: relative;
  z-index: 1;
  max-width: 980px;
  display: grid;
  gap: 14px;
  max-width: 620px;
}

.tbm-catalog-hero-clean__badge {
  width: fit-content;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #3b82f6;
  font-size: 0.9rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 10px 24px rgba(59, 130, 246, 0.1);
}

.tbm-catalog-hero-clean h1 {
  margin: 0;
  color: #102033;
  font-size: clamp(2.5rem, 5vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  font-weight: 900;
  max-width: 900px;
}

.tbm-catalog-hero-clean p {
  margin: 0;
  max-width: 780px;
  color: #5f7188;
  font-size: 1.05rem;
  line-height: 1.7;
}

.tbm-catalog-hero-search {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) 0.9fr 0.75fr auto;
  gap: 12px;
  margin-top: 6px;
}

.tbm-catalog-hero-search__field {
  min-height: 74px;
  padding: 0 18px;
  border-radius: 24px;
  border: 1px solid #e4ebf6;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  display: flex;
  align-items: center;
  gap: 12px;
}

.tbm-catalog-hero-search__field--wide span {
  color: #8da1bc;
  font-size: 1.15rem;
}

.tbm-catalog-hero-search__field input,
.tbm-catalog-hero-search__field select {
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #102033;
  font: inherit;
}

.tbm-catalog-hero-search__submit {
  min-width: 136px;
  min-height: 74px;
  border-radius: 24px;
}

.tbm-catalog-hero-clean__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tbm-catalog-hero-clean__visual {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48%;
  max-width: 760px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
  pointer-events: none;
}

.tbm-catalog-hero-clean__visual-glow {
  position: absolute;
  width: min(66%, 420px);
  aspect-ratio: 1;
  right: 12%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.14) 0%, rgba(79, 70, 229, 0.08) 40%, transparent 70%);
  filter: blur(60px);
}

.tbm-catalog-hero-clean__visual img {
  position: relative;
  width: 100%;
  max-width: 760px;
  height: auto;
  object-fit: contain;
  object-position: right center;
  display: block;
}

.tbm-catalog-hero-clean__chips .market-chip {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #e1e8f5;
  color: #4e6078;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.tbm-catalog-hero-clean__chips .market-chip:hover {
  transform: translateY(-2px);
  border-color: rgba(59, 130, 246, 0.22);
  box-shadow: 0 10px 22px rgba(59, 130, 246, 0.1);
}

.tbm-catalog-layout-clean {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.tbm-catalog-filters-clean {
  position: sticky;
  top: 110px;
  padding: 24px;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
  display: grid;
  gap: 20px;
}

.tbm-catalog-filters-clean__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.tbm-catalog-filters-clean__head h2 {
  margin: 6px 0 0;
  color: #102033;
  font-size: 1.35rem;
  font-weight: 800;
}

.tbm-catalog-filters-clean__form {
  display: grid;
  gap: 16px;
}

.tbm-catalog-filters-clean__form label {
  display: grid;
  gap: 8px;
}

.tbm-catalog-filters-clean__form label > span {
  color: #64748b;
  font-size: 0.9rem;
  font-weight: 700;
}

.tbm-catalog-filters-clean__form input,
.tbm-catalog-filters-clean__form select {
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #f9fbff;
  outline: none;
  color: #102033;
  font: inherit;
}

.tbm-catalog-filters-clean__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.tbm-catalog-filters-clean__toggles {
  display: grid;
  gap: 10px;
  padding-top: 2px;
}

.tbm-catalog-filters-clean__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 6px;
}

.tbm-catalog-main-clean {
  min-width: 0;
  display: grid;
  gap: 20px;
}

.tbm-catalog-topbar-clean {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.tbm-catalog-topbar-clean__copy h2 {
  margin: 0;
  color: #102033;
  font-size: 2rem;
  font-weight: 800;
}

.tbm-catalog-topbar-clean__copy p {
  margin: 8px 0 0;
  color: #64748b;
  line-height: 1.65;
}

.tbm-catalog-topbar-clean__side {
  display: grid;
  gap: 12px;
  justify-items: end;
}

.tbm-catalog-topbar-clean__sorts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.tbm-catalog-topbar-clean__sorts .market-chip.is-active {
  border-color: rgba(59, 130, 246, 0.2);
  color: #2f6bff;
  background: #eef4ff;
}

.tbm-catalog-topbar-clean__view {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  padding: 4px;
  border-radius: 18px;
  border: 1px solid #e3e8f1;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.tbm-catalog-topbar-clean__view button {
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #64748b;
  font: inherit;
  font-weight: 700;
}

.tbm-catalog-topbar-clean__view button.is-active {
  background: #eef4ff;
  color: #2f6bff;
}

.tbm-catalog-inline-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.tbm-catalog-inline-stats article {
  padding: 18px 20px;
  border: 1px solid #e7ecf5;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.tbm-catalog-inline-stats strong {
  display: block;
  color: #102033;
  font-size: 1.55rem;
  font-weight: 900;
}

.tbm-catalog-inline-stats span {
  color: #64748b;
  font-size: 0.92rem;
}

.tbm-catalog-list-clean {
  display: grid;
  gap: 18px;
}

/* Catalog card stagger entrance */
.tbm-catalog-card-clean {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 220px;
  gap: 22px;
  min-height: 230px;
  padding: 18px;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease,
              opacity 0.48s cubic-bezier(.22,1,.36,1), translate 0.48s cubic-bezier(.22,1,.36,1);
  opacity: 0;
  translate: 0 18px;
}

.tbm-catalog-card-clean.tbm-card-revealed {
  opacity: 1;
  translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
  .tbm-catalog-card-clean { opacity: 1; translate: 0 0; transition: transform 0.22s ease, box-shadow 0.22s ease; }
}

/* Mobile filter badge */
.tbm-filter-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #3b82f6;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin-left: 6px;
  line-height: 1;
}

.tbm-catalog-card-clean:hover {
  transform: translateY(-3px);
  border-color: rgba(59, 130, 246, 0.18);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.1);
}

.tbm-catalog-card-clean__media {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 18px;
  background: linear-gradient(135deg, #f6f9ff 0%, #eaf1ff 100%);
}

.tbm-catalog-card-clean__media img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.tbm-catalog-card-clean:hover .tbm-catalog-card-clean__media img {
  transform: scale(1.03);
}

.tbm-catalog-card-clean__badges {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-catalog-card-clean__badges span {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #102033;
  font-size: 0.74rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.tbm-catalog-card-clean__badges .is-online {
  color: #159947;
}

.tbm-catalog-card-clean__content {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
}

.tbm-catalog-card-clean__category {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #eef4ff 0%, #f4efff 100%);
  color: #3b82f6;
  font-size: 0.78rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
}

.tbm-catalog-card-clean__title {
  color: #102033;
  text-decoration: none;
  font-size: 1.62rem;
  line-height: 1.1;
  font-weight: 800;
}

.tbm-catalog-card-clean__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: #64748b;
  font-size: 0.92rem;
  font-weight: 600;
}

.tbm-catalog-card-clean__description {
  margin: 0;
  color: #5d6f85;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tbm-catalog-card-clean__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tbm-catalog-card-clean__side {
  display: grid;
  align-content: start;
  justify-items: stretch;
  gap: 12px;
}

.tbm-catalog-card-clean__favorite-wrap,
.tbm-catalog-card-clean__side > .tbm-favorite-btn {
  justify-self: end;
}

.tbm-catalog-card-clean__price {
  color: #102033;
  font-size: 2.15rem;
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 900;
}

.tbm-catalog-card-clean__seller {
  color: #64748b;
  font-size: 0.92rem;
  font-weight: 700;
}

.tbm-catalog-card-clean__actions {
  display: grid;
  gap: 10px;
  margin-top: auto;
}

.tbm-catalog-card-clean__actions .market-btn {
  min-height: 50px;
}

@media (max-width: 1320px) {
  .tbm-catalog-inline-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .tbm-catalog-layout-clean {
    grid-template-columns: 1fr;
  }

  .tbm-catalog-filters-clean {
    position: static;
  }
}

@media (max-width: 980px) {
  .tbm-catalog-hero-search {
    grid-template-columns: 1fr;
  }

  .tbm-catalog-hero-clean {
    min-height: 0;
    padding-bottom: 24px;
  }

  .tbm-catalog-hero-clean__content {
    max-width: none;
    padding-right: min(24vw, 120px);
  }

  .tbm-catalog-hero-clean__visual {
    width: 42%;
    max-width: 420px;
  }

  .tbm-catalog-topbar-clean {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .tbm-catalog-topbar-clean__side {
    justify-items: start;
  }

  .tbm-catalog-card-clean {
    grid-template-columns: 1fr;
  }

  .tbm-catalog-card-clean__media img {
    height: 240px;
  }

  .tbm-catalog-card-clean__side {
    grid-template-columns: 1fr 1fr;
    align-items: end;
  }

  .tbm-catalog-card-clean__price {
    grid-column: 1 / -1;
  }

  .tbm-catalog-card-clean__seller {
    grid-column: 1 / -1;
  }

  .tbm-catalog-card-clean__actions {
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 860px) {
  .tbm-catalog-hero-clean {
    min-height: 0;
    padding: 24px 20px 22px;
    border-radius: 28px;
  }

  .tbm-catalog-hero-clean h1 {
    font-size: clamp(2rem, 9vw, 2.9rem);
  }

  .tbm-catalog-hero-clean__content {
    padding-right: 0;
    max-width: none;
  }

  .tbm-catalog-hero-clean__visual {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: 8px;
    justify-content: center;
    opacity: 0.9;
  }

  .tbm-catalog-hero-clean__visual-glow {
    width: min(74%, 280px);
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(38px);
  }

  .tbm-catalog-hero-clean__visual img {
    width: min(100%, 520px);
  }

  .tbm-catalog-layout-clean {
    gap: 18px;
  }

  .tbm-catalog-filters-clean {
    padding: 20px;
  }

  .tbm-catalog-filters-clean__actions,
  .tbm-catalog-inline-stats,
  .tbm-catalog-card-clean__actions {
    grid-template-columns: 1fr;
  }

  .tbm-catalog-card-clean {
    padding: 14px;
    gap: 16px;
  }

  .tbm-catalog-card-clean__media img {
    height: 220px;
  }

  .tbm-catalog-card-clean__title {
    font-size: 1.36rem;
  }

  .tbm-catalog-card-clean__price {
    font-size: 1.9rem;
  }

  .tbm-catalog-topbar-clean__sorts {
    justify-content: flex-start;
  }
}

/* 2026-05-27 — widened TB Market shell + navbar + catalog hero */
.market-shell-market {
  width: min(1680px, calc(100% - 64px));
  margin: 0 auto;
}

.market-header-shell {
  top: 0;
  z-index: 1000;
  padding-top: 20px;
}

.market-header-shell .tb-global-header-wrap {
  width: min(1680px, calc(100% - 64px));
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 24px;
  overflow: visible;
}

.market-header,
.market-header.market-header-nav-only,
.market-header-row-main {
  overflow: visible !important;
}

.market-header-nav-only .market-header-row-main {
  grid-template-columns: 220px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 82px;
  padding: 0 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow:
    0 14px 45px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.market-header-compact .market-brand {
  width: 220px;
  min-width: 220px;
}

.market-header-nav-only .market-brand-copy strong {
  font-size: 1.12rem;
}

.market-header-nav-only .market-brand-copy small {
  font-size: 0.74rem;
  color: #8a97ab;
}

.market-header-nav-only .market-nav-market {
  min-width: 0;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 8px;
  overflow: visible;
}

.market-header-nav-only .market-nav-market a {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 16px;
  white-space: nowrap;
  font-weight: 700;
  background: transparent;
  color: #5d6f85 !important;
  border: none !important;
}

.market-header-nav-only .market-nav-market a:hover {
  background: #eef4ff !important;
  color: #2f6bff !important;
}

.market-header-nav-only .market-nav-market a.is-active {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(79, 127, 255, 0.24);
}

.market-header-nav-only .market-top-actions {
  flex-wrap: nowrap;
  gap: 10px;
  overflow: visible;
}

.market-header-nav-only .tb-global-city,
.market-header-nav-only .tb-global-icon,
.market-header-nav-only .tb-global-avatar,
.market-header-nav-only .tbm-header-search__toggle,
.market-header-nav-only .tbm-header-search__close {
  min-height: 42px;
  border-radius: 14px;
}

.market-header-nav-only .tb-global-city,
.market-header-nav-only .tb-global-icon,
.market-header-nav-only .tb-global-avatar {
  border: 1px solid #e2e8f0;
  background: #f8fbff;
  color: #44556b !important;
}

.market-header-nav-only .tb-global-city:hover,
.market-header-nav-only .tb-global-icon:hover,
.market-header-nav-only .tb-global-avatar:hover {
  background: #eef4ff;
  color: #2f6bff !important;
}

.tbm-header-search.is-open .tbm-header-search__field {
  width: clamp(240px, 18vw, 300px);
}

.tbm-city-menu,
.tbm-profile-menu {
  position: relative;
}

.tbm-city-menu summary,
.tbm-profile-menu summary {
  list-style: none;
  cursor: pointer;
}

.tbm-city-menu summary::-webkit-details-marker,
.tbm-profile-menu summary::-webkit-details-marker {
  display: none;
}

.tbm-city-menu__dropdown,
.tbm-profile-menu__dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 9999;
  width: 260px;
  padding: 10px;
  border-radius: 22px;
  border: 1px solid #e7ecf5;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
  display: grid;
  gap: 4px;
}

.tbm-city-menu__dropdown a,
.tbm-profile-menu__dropdown a,
.tbm-profile-menu__dropdown button {
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #102033;
  text-decoration: none;
  font: inherit;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.tbm-city-menu__dropdown a:hover,
.tbm-profile-menu__dropdown a:hover,
.tbm-profile-menu__dropdown button:hover {
  background: #eef4ff;
  color: #2f6bff;
}

.tb-global-cta {
  min-height: 46px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #4f7fff, #8b5cf6) !important;
}

.tbm-catalog-hero-clean {
  width: min(1680px, calc(100% - 64px));
  max-width: 1680px;
  min-height: 520px;
  margin: 32px auto 0;
  padding: 64px;
  border-radius: 36px;
  background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 55%, #f6f0ff 100%);
}

.tbm-catalog-hero-clean__content {
  max-width: 720px;
  z-index: 2;
}

.tbm-catalog-hero-clean h1 {
  font-size: clamp(3.2rem, 4.5vw, 4rem);
  line-height: 1.05;
  font-weight: 900;
}

.tbm-catalog-hero-clean p {
  font-size: 1.125rem;
  line-height: 1.65;
  max-width: 620px;
}

.tbm-catalog-hero-search {
  max-width: 820px;
  grid-template-columns: 1fr 190px 160px 120px;
}

.tbm-catalog-hero-search__field {
  min-height: 68px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e2e8f0;
}

.tbm-catalog-hero-search__submit {
  min-height: 68px;
  border-radius: 20px;
}

.tbm-catalog-hero-clean__visual {
  right: 70px;
  bottom: 20px;
  width: 42%;
  max-width: 620px;
  height: auto;
  opacity: 0.95;
  z-index: 1;
}

.tbm-catalog-hero-clean__visual-glow {
  width: min(72%, 420px);
  right: 8%;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.16) 0%, transparent 70%);
  filter: blur(70px);
}

.tbm-catalog-layout-clean {
  width: min(1680px, calc(100% - 64px));
  max-width: 1680px;
  margin: 24px auto 0;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 24px;
}

/* Catalog polish: cleaner Avito-style listing/grid modes. */
.tbm-catalog-hero-clean {
  min-height: 500px;
  padding: 56px 64px;
}

.tbm-catalog-hero-clean__content {
  max-width: 820px !important;
}

.tbm-catalog-hero-clean h1 {
  max-width: 820px;
  font-size: clamp(3.25rem, 4.1vw, 4.75rem);
}

.tbm-catalog-hero-clean p {
  max-width: 700px;
}

.tbm-catalog-hero-search {
  max-width: 920px;
  grid-template-columns: minmax(0, 1fr) 190px 170px 128px;
}

.tbm-catalog-hero-clean__chips,
.tbm-catalog-hero-tags {
  max-width: 900px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.tbm-catalog-hero-clean__chips::-webkit-scrollbar,
.tbm-catalog-hero-tags::-webkit-scrollbar {
  display: none;
}

.tbm-catalog-hero-clean__visual {
  right: 28px;
  bottom: 12px;
  width: 36%;
  max-width: 560px;
}

.tbm-catalog-topbar-clean__view button {
  white-space: nowrap;
}

.tbm-catalog-topbar-clean__view button.is-active {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  color: #fff;
  box-shadow: 0 10px 24px rgba(59, 130, 246, 0.18);
}

.tbm-catalog-inline-stats {
  gap: 12px;
}

.tbm-catalog-inline-stats article {
  position: relative;
  min-height: 78px;
  padding: 14px 50px 14px 18px;
  overflow: hidden;
}

.tbm-catalog-inline-stats article::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 30px;
  height: 30px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(139, 92, 246, 0.14));
  transform: translateY(-50%) rotate(8deg);
}

.tbm-catalog-list-clean {
  align-items: start;
}

.tbm-catalog-list-clean[data-catalog-view="grid"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tbm-catalog-card-clean {
  cursor: default;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.tbm-catalog-card-clean:hover {
  transform: translateY(-2px);
}

.tbm-catalog-card-clean__media {
  min-height: 190px;
  width: 260px;
  isolation: isolate;
}

.tbm-catalog-card-clean__media img {
  display: block;
  height: 190px;
  border-radius: 18px;
}

.tbm-catalog-card-clean__fallback {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: none;
  place-items: center;
  gap: 8px;
  border-radius: 18px;
  background: linear-gradient(135deg, #f8fbff 0%, #eaf2ff 55%, #f4efff 100%);
  color: #2f6bff;
  text-align: center;
}

.tbm-catalog-card-clean__fallback strong {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(47, 107, 255, 0.14);
  font-size: 1rem;
}

.tbm-catalog-card-clean__fallback small {
  display: block;
  width: 100%;
  color: #64748b;
  font-weight: 800;
}

.tbm-catalog-card-clean__media.is-fallback img {
  display: none;
}

.tbm-catalog-card-clean__media.is-fallback .tbm-catalog-card-clean__fallback {
  display: grid;
}

.tbm-catalog-card-clean__badges {
  z-index: 2;
}

.tbm-catalog-card-clean__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.tbm-catalog-card-clean__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.tbm-catalog-card-clean__actions {
  display: grid;
  grid-template-columns: 1fr;
}

.tbm-catalog-card-clean__actions .market-btn {
  width: 100%;
  justify-content: center;
}

.tbm-catalog-card-clean .tbm-favorite-btn.is-active {
  background: #fff1f2;
  color: #e11d48;
  box-shadow: 0 10px 24px rgba(225, 29, 72, 0.14);
}

.tbm-catalog-card-clean .tbm-favorite-btn.is-loading {
  opacity: 0.62;
  pointer-events: none;
}

.tbm-catalog-list-clean[data-catalog-view="grid"] .tbm-catalog-card-clean {
  min-height: 0;
  grid-template-columns: 1fr;
  gap: 16px;
  padding: 16px;
}

.tbm-catalog-list-clean[data-catalog-view="grid"] .tbm-catalog-card-clean__media {
  width: 100%;
  min-height: 220px;
}

.tbm-catalog-list-clean[data-catalog-view="grid"] .tbm-catalog-card-clean__media img {
  height: 220px;
}

.tbm-catalog-list-clean[data-catalog-view="grid"] .tbm-catalog-card-clean__side {
  grid-template-columns: 1fr;
  gap: 12px;
  align-content: start;
}

.tbm-catalog-list-clean[data-catalog-view="grid"] .tbm-catalog-card-clean__price {
  font-size: 1.75rem;
}

.tbm-catalog-filters-clean .tbm-toggle {
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #f8fbff;
}

.tbm-catalog-filters-clean .tbm-toggle input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  opacity: 0;
}

.tbm-catalog-filters-clean .tbm-toggle__switch {
  width: 44px;
  height: 24px;
  border-radius: 999px;
  background: #dbe5f4;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
  transition: background 0.2s ease;
}

.tbm-catalog-filters-clean .tbm-toggle__switch::after {
  width: 18px;
  height: 18px;
  top: 3px;
  left: 3px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.14);
}

.tbm-catalog-filters-clean .tbm-toggle input:checked + .tbm-toggle__switch {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}

.tbm-catalog-filters-clean .tbm-toggle input:checked + .tbm-toggle__switch::after {
  transform: translateX(20px);
}

@media (max-width: 1180px) {
  .tbm-catalog-hero-clean {
    min-height: auto;
  }

  .tbm-catalog-hero-clean__visual {
    opacity: 0.28;
    width: 48%;
  }

  .tbm-catalog-hero-search {
    grid-template-columns: 1fr 1fr;
  }

  .tbm-catalog-list-clean[data-catalog-view="grid"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .tbm-catalog-hero-clean {
    width: calc(100% - 24px);
    padding: 28px 18px;
  }

  .tbm-catalog-hero-clean__content {
    max-width: none !important;
  }

  .tbm-catalog-hero-search,
  .tbm-catalog-list-clean[data-catalog-view="grid"] {
    grid-template-columns: 1fr;
  }

  .tbm-catalog-card-clean__media,
  .tbm-catalog-list-clean[data-catalog-view="grid"] .tbm-catalog-card-clean__media {
    width: 100%;
    min-height: 230px;
  }

  .tbm-catalog-card-clean__media img,
  .tbm-catalog-list-clean[data-catalog-view="grid"] .tbm-catalog-card-clean__media img {
    height: 230px;
  }

  .tbm-catalog-inline-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1280px) {
  .market-header-nav-only .market-header-row-main {
    grid-template-columns: 200px minmax(0, 1fr) auto;
    padding: 0 18px;
  }

  .market-header-compact .market-brand {
    width: 200px;
    min-width: 200px;
  }

  .market-header-nav-only .market-nav-market a {
    padding: 0 14px;
  }

  .tbm-catalog-hero-clean {
    min-height: 460px;
    padding: 48px;
  }
}

@media (max-width: 1180px) {
  .market-header-shell .tb-global-header-wrap,
  .market-shell-market,
  .tbm-catalog-hero-clean,
  .tbm-catalog-layout-clean {
    width: min(1680px, calc(100% - 40px));
  }

  .market-header-nav-only .market-nav-market {
    display: none;
  }

  .market-header-nav-only .market-header-row-main {
    grid-template-columns: 220px 1fr;
  }

  .market-header-nav-only .market-top-actions {
    justify-content: flex-end;
  }

  .tbm-catalog-hero-clean {
    min-height: 420px;
    padding: 40px;
  }

  .tbm-catalog-hero-clean__visual {
    width: 38%;
    opacity: 0.35;
  }

  .tbm-catalog-hero-search {
    grid-template-columns: 1fr 1fr;
    max-width: 760px;
  }
}

@media (max-width: 767px) {
  .market-shell-market,
  .market-header-shell .tb-global-header-wrap,
  .tbm-catalog-hero-clean,
  .tbm-catalog-layout-clean {
    width: calc(100% - 24px);
  }

  .market-header-shell {
    padding-top: 10px;
  }

  .tbm-mobile-header {
    min-height: 68px;
  }

  .tbm-catalog-hero-clean {
    min-height: 0;
    height: auto;
    padding: 28px 20px 24px;
  }

  .tbm-catalog-hero-clean__visual {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: none;
    margin-top: 8px;
    opacity: 0.25;
  }

  .tbm-catalog-hero-search {
    grid-template-columns: 1fr;
    max-width: none;
  }
}

/* 2026-05-27 — TB Market premium unified top navbar */
.market-header-shell {
  top: 0;
  z-index: 60;
  padding: 20px 0 0;
}

.market-header-shell .tb-global-header-wrap {
  width: min(1440px, calc(100vw - 48px));
  margin: 0 auto;
  padding: 0 24px;
}

.market-header.market-header-nav-only {
  width: 100%;
  margin: 0;
}

.market-header-nav-only .market-header-row-main {
  min-height: 82px;
  padding: 12px 18px;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow:
    0 10px 40px rgba(59, 130, 246, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.market-header-compact .market-brand {
  width: 220px;
  min-width: 220px;
  gap: 12px;
}

.market-header-nav-only .market-brand-copy strong {
  color: #102033;
  font-size: 1.16rem;
  line-height: 1.05;
  font-weight: 800;
}

.market-header-nav-only .market-brand-copy small {
  margin-top: 3px;
  color: #8a97ab;
  font-size: 0.76rem;
  line-height: 1.35;
}

.market-header-nav-only .market-nav-market {
  gap: 8px;
}

.market-header-nav-only .market-nav-market a {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 14px;
  color: #5e7087 !important;
  font-size: 0.94rem;
  font-weight: 700;
  background: transparent;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.market-header-nav-only .market-nav-market a:hover {
  background: rgba(99, 102, 241, 0.08);
  color: #2d3f59 !important;
}

.market-header-nav-only .market-nav-market a.is-active {
  background: linear-gradient(135deg, #4f7fff, #8b5cf6);
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(79, 127, 255, 0.26);
}

.market-header-nav-only .market-top-actions {
  gap: 10px;
  justify-content: flex-end;
}

.market-header-nav-only .tb-global-city,
.market-header-nav-only .tb-global-icon,
.market-header-nav-only .tb-global-avatar,
.market-header-nav-only .tbm-header-search__toggle,
.market-header-nav-only .tbm-header-search__close {
  min-height: 42px;
  border-radius: 14px;
}

.market-header-nav-only .tb-global-city,
.market-header-nav-only .tb-global-icon,
.market-header-nav-only .tb-global-avatar {
  background: #f7faff;
  border: 1px solid #e3eaf6;
  color: #44556b !important;
  box-shadow: none;
}

.market-header-nav-only .tb-global-city:hover,
.market-header-nav-only .tb-global-icon:hover,
.market-header-nav-only .tb-global-avatar:hover {
  background: rgba(99, 102, 241, 0.08);
  border-color: rgba(99, 102, 241, 0.16);
}

.tbm-header-notify {
  position: relative;
}

.tbm-header-notify__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 0.66rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(239, 68, 68, 0.28);
}

.tb-global-cta {
  min-height: 46px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 30px rgba(79, 127, 255, 0.24);
}

.tbm-profile-menu {
  position: relative;
}

.tbm-profile-menu summary {
  list-style: none;
  cursor: pointer;
}

.tbm-profile-menu summary::-webkit-details-marker {
  display: none;
}

.tbm-profile-menu__dropdown {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  min-width: 210px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid #e8edf6;
  background: #fff;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
  display: grid;
  gap: 4px;
}

.tbm-profile-menu__dropdown a,
.tbm-profile-menu__dropdown button {
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #102033;
  text-align: left;
  text-decoration: none;
  font: inherit;
  font-weight: 700;
  display: flex;
  align-items: center;
  transition: background 0.2s ease, color 0.2s ease;
}

.tbm-profile-menu__dropdown a:hover,
.tbm-profile-menu__dropdown button:hover {
  background: rgba(99, 102, 241, 0.08);
  color: #2f6bff;
}

@media (max-width: 1180px) {
  .market-header-shell .tb-global-header-wrap {
    width: min(1440px, calc(100vw - 32px));
    padding: 0 16px;
  }

  .market-header-compact .market-brand {
    width: auto;
    min-width: 0;
  }

  .market-header-nav-only .market-nav-market {
    justify-content: center;
  }
}

@media (max-width: 980px) {
  .market-header-shell {
    padding-top: 16px;
  }

  .market-header-shell .tb-global-header-wrap {
    width: min(1440px, calc(100vw - 24px));
    padding: 0 12px;
  }

  .tbm-mobile-header {
    min-height: 68px;
    border-radius: 22px;
  }
}

/* 2026-05-27 — TB Market navbar + cities production layer */
.market-header-shell .tb-global-header-wrap,
.market-shell-market {
  width: min(1780px, calc(100% - 48px)) !important;
  max-width: 1780px !important;
}

.market-header-shell .tb-global-header-wrap {
  margin: 20px auto 0 !important;
  padding: 0 28px !important;
  overflow: visible !important;
}

.market-header.market-header-nav-only,
.market-header.market-header-nav-only * {
  box-sizing: border-box;
}

.market-header-nav-only .market-header-row-main {
  min-height: 84px !important;
  height: 84px;
  padding: 0 28px !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow:
    0 18px 60px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(226, 232, 240, 0.45);
  overflow: visible !important;
  grid-template-columns: 220px minmax(0, 1fr) auto !important;
  gap: 18px;
}

.market-header-shell,
.market-header-shell::before,
.market-header-shell::after,
.tb-global-header-wrap::before,
.tb-global-header-wrap::after,
.market-header::before,
.market-header::after {
  overflow: visible !important;
}

.market-header-nav-only .market-nav-market {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: nowrap;
  overflow: visible;
}

.market-header-nav-only .market-nav-market a {
  min-height: 42px;
  height: 42px;
  padding: 0 18px;
  border-radius: 16px;
  font-weight: 700;
  white-space: nowrap;
  flex: 0 0 auto;
}

.market-header-nav-only .market-nav-market a:hover {
  background: #eef4ff !important;
  color: #2f6bff !important;
}

.market-header-nav-only .market-nav-market a.is-active {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
  color: #fff !important;
  border: none !important;
}

.market-header-nav-only .market-top-actions {
  gap: 12px !important;
  flex-wrap: nowrap;
  min-width: 0;
}

.market-header-nav-only .tbm-header-search {
  flex: 0 0 auto;
}

.tbm-city-menu,
.tbm-profile-menu {
  position: relative;
}

.tbm-city-menu summary,
.tbm-profile-menu summary {
  list-style: none;
  cursor: pointer;
}

.tbm-city-menu summary::-webkit-details-marker,
.tbm-profile-menu summary::-webkit-details-marker {
  display: none;
}

.tbm-city-menu__dropdown,
.tbm-profile-menu__dropdown {
  opacity: 0;
  transform: translateY(-8px) scale(0.98);
  transform-origin: top right;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 9999;
}

.tbm-city-menu[open] .tbm-city-menu__dropdown,
.tbm-profile-menu[open] .tbm-profile-menu__dropdown {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.tbm-city-menu__dropdown {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 340px;
  max-height: 420px;
  overflow-y: auto;
  padding: 12px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e7ecf5;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
}

.tbm-city-menu__search {
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.96) 100%);
}

.tbm-city-menu__search input {
  width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  background: #f8fbff;
  color: #102033;
  outline: none;
}

.tbm-city-menu__section {
  display: grid;
  gap: 10px;
}

.tbm-city-menu__section + .tbm-city-menu__section {
  margin-top: 14px;
}

.tbm-city-menu__section-title {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #64748b;
  text-transform: uppercase;
}

.tbm-city-menu__list {
  display: grid;
  gap: 6px;
}

.tbm-city-menu__item {
  min-height: 46px;
  padding: 0 14px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #102033;
  font: inherit;
  font-weight: 700;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.tbm-city-menu__item:hover {
  background: #eef4ff;
}

.tbm-city-menu__item.is-active {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  color: #fff;
}

.tbm-city-menu__item-meta {
  font-size: 0.78rem;
  font-weight: 600;
  color: #7a8aa0;
}

.tbm-city-menu__item.is-active .tbm-city-menu__item-meta {
  color: rgba(255, 255, 255, 0.82);
}

.tbm-profile-menu__dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  width: 260px;
  padding: 10px;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
  border: 1px solid #e7ecf5;
}

.tbm-profile-menu__dropdown form {
  margin: 0;
}

.tbm-profile-menu__dropdown a,
.tbm-profile-menu__dropdown button {
  min-height: 46px;
  border-radius: 16px;
}

@media (max-width: 1180px) {
  .market-header-shell .tb-global-header-wrap,
  .market-shell-market {
    width: min(1780px, calc(100% - 32px)) !important;
  }

  .market-header-shell .tb-global-header-wrap {
    padding: 0 16px !important;
  }

  .market-header-nav-only .market-header-row-main {
    padding: 0 20px !important;
  }
}

@media (max-width: 767px) {
  .market-header-shell .tb-global-header-wrap,
  .market-shell-market {
    width: calc(100% - 24px) !important;
  }

  .tbm-city-menu__dropdown {
    position: fixed;
    inset: auto 12px 12px 12px;
    width: auto;
    max-height: min(72vh, 560px);
    border-radius: 28px;
  }
}

.tbm-review-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.tbm-review-summary__card {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid #edf2f9;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.tbm-review-summary--compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tbm-review-summary__card strong {
  display: block;
  color: #102033;
  font-size: 1.5rem;
  font-weight: 900;
}

.tbm-review-summary__card span {
  display: block;
  margin-top: 8px;
  color: #64748b;
  font-size: 0.9rem;
}

.tbm-review-form {
  margin-top: 22px;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid #e7ecf5;
  background: #fff;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05);
  display: grid;
  gap: 16px;
}

.tbm-review-form label {
  display: grid;
  gap: 8px;
}

.tbm-review-form label > span {
  color: #102033;
  font-size: 0.9rem;
  font-weight: 700;
}

.tbm-review-form input[type="file"],
.tbm-review-form select,
.tbm-review-form textarea {
  width: 100%;
  border: 1px solid #dbe4f0;
  border-radius: 18px;
  background: #f9fbff;
  color: #102033;
  padding: 12px 14px;
  font: inherit;
}

.tbm-review-form textarea {
  resize: vertical;
  min-height: 84px;
}

.tbm-review-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tbm-review-form__upload {
  padding: 16px;
  border: 2px dashed #c7d8ff;
  border-radius: 22px;
  background: #f8fbff;
}

.tbm-review-form__checks {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  color: #64748b;
  font-size: 0.92rem;
}

.tbm-review-form__checks label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.tbm-review-form__preview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 12px;
}

.tbm-review-distribution {
  display: grid;
  gap: 10px;
  margin-bottom: 20px;
}

.tbm-review-distribution__row {
  display: grid;
  grid-template-columns: 56px 1fr 42px;
  align-items: center;
  gap: 12px;
  color: #64748b;
}

.tbm-review-distribution__track {
  position: relative;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: #eaf1ff;
}

.tbm-review-distribution__bar {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}

.tbm-review-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}

.tbm-review-filters .market-btn.is-active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  box-shadow: 0 12px 26px rgba(59, 130, 246, 0.18);
}

.tbm-listing-review__details,
.tbm-listing-review__reply {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background: #f8fbff;
  border: 1px solid #ebf1f9;
  color: #425468;
  display: grid;
  gap: 8px;
}

.tbm-listing-review__photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.tbm-listing-review__photos img {
  width: 84px;
  height: 84px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid #e5edf8;
}

.tbm-listing-review__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.tbm-listing-review__actions form {
  margin: 0;
}

.tbm-listing-review__reply-form {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.tbm-listing-review__reply-form textarea {
  width: 100%;
  min-height: 84px;
  resize: vertical;
  border: 1px solid #dbe4f0;
  border-radius: 18px;
  background: #f8fbff;
  color: #102033;
  padding: 12px 14px;
  font: inherit;
}

.tbm-listing-review--empty {
  grid-column: 1 / -1;
}

@media (max-width: 1180px) {
  .tbm-review-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .tbm-review-summary,
  .tbm-review-form__grid {
    grid-template-columns: 1fr;
  }

  .tbm-review-form__checks {
    flex-direction: column;
    align-items: flex-start;
  }
}

.tbm-disputes-page,
.tbm-dispute-detail-page {
  width: min(1680px, calc(100% - 48px));
  margin: 28px auto 48px;
  display: grid;
  gap: 24px;
}

.tbm-disputes-hero,
.tbm-dispute-detail-hero,
.tbm-dispute-card,
.tbm-dispute-thread-card,
.tbm-dispute-side-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.tbm-disputes-hero,
.tbm-dispute-detail-hero {
  padding: 28px;
  display: grid;
  gap: 20px;
}

.tbm-disputes-hero {
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 420px);
  align-items: start;
}

.tbm-disputes-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(139, 92, 246, 0.12));
  color: #3b82f6;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tbm-disputes-hero h1,
.tbm-dispute-detail-hero h1 {
  margin: 12px 0 10px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.04;
  color: #102033;
}

.tbm-disputes-hero p,
.tbm-dispute-detail-hero p {
  margin: 0;
  max-width: 760px;
  color: #64748b;
  line-height: 1.7;
}

.tbm-disputes-hero__stats {
  display: grid;
  gap: 12px;
}

.tbm-disputes-hero__stats article {
  background: linear-gradient(180deg, #fbfdff 0%, #f6f9ff 100%);
  border: 1px solid #e8eef7;
  border-radius: 20px;
  padding: 18px 20px;
  display: grid;
  gap: 4px;
}

.tbm-disputes-hero__stats strong {
  font-size: 30px;
  color: #102033;
}

.tbm-disputes-hero__stats span,
.tbm-dispute-card__meta,
.tbm-dispute-detail-hero__meta,
.tbm-dispute-message header time {
  color: #64748b;
}

.tbm-disputes-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tbm-disputes-grid {
  display: grid;
  gap: 18px;
}

.tbm-dispute-card {
  padding: 22px;
  display: grid;
  gap: 16px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tbm-dispute-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 52px rgba(15, 23, 42, 0.08);
}

.tbm-dispute-card__head,
.tbm-dispute-card__meta,
.tbm-dispute-card__actions,
.tbm-dispute-detail-hero__meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.tbm-dispute-card__head h2 {
  margin: 10px 0 0;
  font-size: 24px;
  color: #102033;
}

.tbm-dispute-card__body {
  margin: 0;
  color: #334155;
  line-height: 1.7;
}

.tbm-dispute-status,
.tbm-dispute-priority {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.tbm-dispute-status.is-open { background: rgba(59, 130, 246, 0.14); color: #2563eb; }
.tbm-dispute-status.is-waiting_for_moderator,
.tbm-dispute-status.is-waiting_for_user,
.tbm-dispute-status.is-waiting_for_counterparty { background: rgba(245, 158, 11, 0.16); color: #b45309; }
.tbm-dispute-status.is-in_review { background: rgba(139, 92, 246, 0.16); color: #7c3aed; }
.tbm-dispute-status.is-resolved { background: rgba(34, 197, 94, 0.16); color: #15803d; }
.tbm-dispute-status.is-rejected,
.tbm-dispute-status.is-closed,
.tbm-dispute-status.is-cancelled { background: rgba(148, 163, 184, 0.18); color: #475569; }

.tbm-dispute-priority.is-urgent { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.tbm-dispute-priority.is-high { background: rgba(245, 158, 11, 0.14); color: #b45309; }
.tbm-dispute-priority.is-normal { background: rgba(59, 130, 246, 0.12); color: #1d4ed8; }
.tbm-dispute-priority.is-low { background: rgba(148, 163, 184, 0.16); color: #475569; }

.tbm-dispute-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
  align-items: start;
}

.tbm-dispute-thread-card,
.tbm-dispute-side-card {
  padding: 22px;
}

.tbm-dispute-thread-card__head {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.tbm-dispute-thread-card__head h2,
.tbm-dispute-side-card h3 {
  margin: 0;
  color: #102033;
}

.tbm-dispute-event-strip,
.tbm-dispute-attachments {
  display: grid;
  gap: 10px;
}

.tbm-dispute-event-strip article,
.tbm-dispute-message,
.tbm-dispute-side-card ul li {
  background: #f8fbff;
  border: 1px solid #e6edf7;
  border-radius: 18px;
  padding: 14px 16px;
}

.tbm-dispute-messages {
  display: grid;
  gap: 12px;
  margin: 18px 0;
}

.tbm-dispute-message header {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
}

.tbm-dispute-message header strong {
  color: #102033;
}

.tbm-dispute-message p,
.tbm-dispute-side-card p {
  margin: 0;
  color: #334155;
  line-height: 1.7;
}

.tbm-dispute-message.is-moderator {
  border-color: rgba(139, 92, 246, 0.24);
  background: linear-gradient(180deg, #fbf7ff 0%, #f7f1ff 100%);
}

.tbm-dispute-compose,
.tbm-dispute-upload {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.tbm-dispute-compose textarea,
.tbm-dispute-upload input[type="file"] {
  width: 100%;
  border: 1px solid #d9e3f2;
  border-radius: 18px;
  background: #fff;
  color: #102033;
  padding: 14px 16px;
}

.tbm-dispute-upload label {
  display: grid;
  gap: 8px;
  color: #334155;
  font-weight: 600;
}

.tbm-dispute-side-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.tbm-dispute-resolution {
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f7fff8 0%, #f2fff4 100%);
  border: 1px solid rgba(34, 197, 94, 0.18);
}

.tbm-disputes-empty {
  padding: 34px;
  text-align: center;
  border: 1px dashed #dbe5f2;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.86);
}

@media (max-width: 1100px) {
  .tbm-disputes-hero,
  .tbm-dispute-detail-layout {
    grid-template-columns: 1fr;
  }
}

/* 2026-05-29 — Compact catalog hero search */
.tbm-catalog-hero-clean {
  min-height: 360px !important;
  padding: 38px 56px 34px !important;
  display: flex !important;
  align-items: center !important;
}

.tbm-catalog-hero-clean__content {
  align-content: center;
  max-width: 760px !important;
  gap: 12px !important;
  transform: translateY(-8px);
}

.tbm-catalog-hero-clean h1 {
  max-width: 760px !important;
  font-size: clamp(44px, 4vw, 64px) !important;
  line-height: 1.02 !important;
}

.tbm-catalog-hero-clean p {
  max-width: 640px !important;
  margin-top: 0 !important;
  font-size: 17px !important;
}

.tbm-catalog-hero-search {
  width: min(100%, 780px) !important;
  max-width: 780px !important;
  min-height: 66px;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  gap: 12px !important;
}

.tbm-catalog-hero-search__field,
.tbm-catalog-hero-search__submit {
  min-height: 64px !important;
}

.tbm-catalog-hero-search__submit {
  min-width: 132px;
}

.tbm-catalog-hero-clean__chips {
  margin-top: 0 !important;
}

.tbm-catalog-hero-clean__visual {
  width: 34% !important;
  max-width: 520px !important;
  right: 34px !important;
  bottom: 4px !important;
}

@media (max-width: 1180px) {
  .tbm-catalog-hero-clean {
    min-height: 340px !important;
    padding: 34px 36px !important;
  }

  .tbm-catalog-hero-search {
    width: min(100%, 700px) !important;
    max-width: 700px !important;
    grid-template-columns: minmax(0, 1fr) 126px !important;
  }
}

@media (max-width: 767px) {
  .tbm-catalog-hero-clean {
    padding: 26px 18px 22px !important;
    align-items: flex-start !important;
  }

  .tbm-catalog-hero-clean__content {
    transform: none;
  }

  .tbm-catalog-hero-search {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .tbm-catalog-hero-search__submit {
    width: 100%;
  }
}

/* 2026-05-29 — compact premium listing detail UX */
.tbm-listing-page {
  gap: 20px;
}

.tbm-listing-layout {
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
}

.tbm-listing-main,
.tbm-listing-sidebar {
  gap: 18px;
}

.tbm-listing-sidebar {
  top: 100px;
}

.tbm-listing-section {
  padding: 22px;
}

.tbm-listing-section__head h2 {
  margin-top: 6px;
  font-size: 1.48rem;
  letter-spacing: -0.02em;
}

.tbm-listing-description p {
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1.68;
  color: #334155;
}

.tbm-listing-features,
.tbm-listing-info-grid,
.tbm-listing-trust-grid,
.tbm-listing-reviews {
  gap: 12px;
  margin-top: 16px;
}

.tbm-listing-features article {
  min-height: 94px;
  padding: 12px 14px;
  border-radius: 18px;
}

.tbm-listing-features strong,
.tbm-listing-info-grid strong,
.tbm-listing-trust-grid strong {
  font-size: 0.95rem;
  line-height: 1.2;
}

.tbm-listing-features span,
.tbm-listing-info-grid span,
.tbm-listing-trust-grid small {
  display: block;
  margin-top: 6px;
  font-size: 0.84rem;
  line-height: 1.45;
}

.tbm-listing-info-grid article {
  padding: 14px 16px;
  border-radius: 18px;
}

.tbm-listing-trust-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tbm-listing-trust-grid article {
  min-height: 112px;
  padding: 14px;
  grid-template-columns: 1fr;
  gap: 10px;
  border-radius: 20px;
  background: #f4fbf6;
  border-color: rgba(34, 197, 94, 0.18);
}

.tbm-listing-trust-grid article span {
  width: 34px;
  height: 34px;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), rgba(20, 184, 166, 0.14));
  box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.12);
}

.tbm-listing-trust-grid article.is-active {
  background: linear-gradient(135deg, #f0fff5 0%, #f8fffb 100%);
  box-shadow: 0 10px 26px rgba(34, 197, 94, 0.08);
}

.tbm-listing-sidebar-card,
.tbm-listing-price {
  padding: 18px;
  border-radius: 24px;
}

.tbm-listing-sidebar-card {
  display: grid;
  gap: 14px;
  background: #fff;
  border: 1px solid #e7ecf5;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
}

.tbm-listing-sidebar-card__head {
  display: grid;
  gap: 4px;
}

.tbm-listing-sidebar-card__head strong {
  color: #102033;
  font-size: 1rem;
  font-weight: 800;
}

.tbm-listing-sidebar-card__head span {
  color: #64748b;
  font-size: 0.86rem;
  font-weight: 600;
}

.tbm-listing-price__top strong {
  font-size: clamp(2.2rem, 2.5vw, 2.85rem);
}

.tbm-listing-price__top small {
  margin-top: 8px;
  font-size: 0.9rem;
}

.tbm-listing-price__facts {
  gap: 8px;
}

.tbm-listing-price__facts span {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 14px;
  font-size: 0.9rem;
}

.tbm-listing-quick-message textarea,
.tbm-listing-quick-message select,
.tbm-listing-quick-message input[type="file"] {
  width: 100%;
  border: 1px solid #e2e8f0;
  background: #f8fbff;
  color: #102033;
  font: inherit;
  outline: none;
}

.tbm-listing-quick-message textarea {
  min-height: 96px;
  padding: 14px 16px;
  border-radius: 18px;
}

.tbm-listing-quick-message select,
.tbm-listing-quick-message input[type="file"] {
  min-height: 46px;
  padding: 0 14px;
  border-radius: 16px;
}

.tbm-listing-contact-actions {
  display: grid;
  gap: 10px;
}

.tbm-listing-contact-empty {
  display: block;
  padding: 14px 16px;
  border-radius: 18px;
  background: #f8fbff;
  color: #64748b;
  font-weight: 700;
}

.tbm-listing-sidebar .market-btn,
.tbm-listing-sidebar-card .market-btn,
.tbm-listing-mobile-cta .market-btn {
  width: 100%;
  min-height: 50px;
  transition: all 0.25s ease;
}

.tbm-listing-sidebar .market-btn:hover,
.tbm-listing-sidebar-card .market-btn:hover,
.tbm-listing-mobile-cta .market-btn:hover {
  transform: translateY(-2px);
}

.tbm-listing-review--empty {
  grid-column: 1 / -1;
  padding: 24px;
  border-style: dashed;
  background:
    radial-gradient(circle at 92% 14%, rgba(59, 130, 246, 0.1), transparent 32%),
    linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}

.tbm-listing-review--empty strong {
  font-size: 1.2rem;
}

.tbm-listing-review--empty p {
  max-width: 520px;
  margin-top: 8px;
  color: #64748b;
}

@media (max-width: 1180px) {
  .tbm-listing-layout {
    grid-template-columns: 1fr;
  }

  .tbm-listing-sidebar {
    position: static;
  }

  .tbm-listing-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .tbm-listing-layout {
    gap: 18px;
  }

  .tbm-listing-section,
  .tbm-listing-sidebar-card,
  .tbm-listing-price {
    padding: 18px;
  }

  .tbm-listing-features,
  .tbm-listing-info-grid,
  .tbm-listing-trust-grid,
  .tbm-listing-reviews {
    grid-template-columns: 1fr;
  }

  .tbm-listing-features article,
  .tbm-listing-trust-grid article {
    min-height: auto;
  }
}