:root {
  --font-main: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif;
  --red-950: #641017;
  --red-900: #7f111a;
  --red-800: #991b1b;
  --red-700: #bd1f25;
  --red-600: #dc2626;
  --red-100: #fee2e2;
  --red-50: #fff1f2;
  --bg: #f6f7f9;
  --surface: #fff;
  --surface-2: #fbfbfc;
  --text: #111827;
  --muted: #6b7280;
  --line: #e5e7eb;
  --green: #047857;
  --green-bg: #ecfdf5;
  --shadow-sm: 0 6px 18px rgba(15, 23, 42, .06);
  --shadow: 0 22px 55px rgba(15, 23, 42, .12);
  --shadow-red: 0 18px 38px rgba(189, 31, 37, .20);
  --radius-xs: 12px;
  --radius-sm: 16px;
  --radius: 24px;
  --radius-lg: 34px;
  --container: 1180px;
  --header-h: 76px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-main);
  font-size: 19px;
  line-height: 1.8;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 0%, rgba(220, 38, 38, .09), transparent 32%),
    linear-gradient(180deg, #fff 0, var(--bg) 440px);
  overflow-x: hidden;
}

body.drawer-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

.container {
  width: min(var(--container), calc(100% - 32px));
  margin-inline: auto;
}

.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.skip-link:focus {
  z-index: 1000;
  width: auto;
  height: auto;
  clip: auto;
  top: 12px;
  right: 12px;
  border-radius: var(--radius-xs);
  background: var(--red-700);
  color: #fff;
  padding: 10px 14px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 70;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(229,231,235,.94);
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
}

.header-inner {
  min-height: var(--header-h);
  display: grid;
  grid-template-columns: auto auto minmax(220px, 1fr) auto;
  align-items: center;
  gap: 16px;
}

.header-start {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.brand-mark {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--red-700), var(--red-950));
  box-shadow: var(--shadow-red);
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}

.brand strong {
  display: block;
  font-size: 25px;
  line-height: 1.1;
}

.brand small {
  display: block;
  color: var(--muted);
  font-size: 14px;
  margin-top: 3px;
}

.desktop-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #374151;
  font-size: 17px;
}

.desktop-nav a {
  min-height: 42px;
  border-radius: 999px;
  padding: 8px 13px;
}

.desktop-nav a:hover,
.desktop-nav a.active {
  color: var(--red-800);
  background: var(--red-50);
}

.header-search {
  min-height: 48px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #f1f2f4;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  padding: 0 15px;
  transition: .18s ease;
}

.header-search:focus-within,
.hero-search:focus-within {
  background: #fff;
  border-color: rgba(189,31,37,.34);
  box-shadow: 0 0 0 4px rgba(189,31,37,.08);
}

.header-search input,
.hero-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: max-content;
}

.primary-btn,
.secondary-btn,
.ghost-btn,
.outline-btn {
  min-height: 46px;
  border-radius: 999px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  white-space: nowrap;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.primary-btn {
  color: #fff;
  background: var(--red-700);
  box-shadow: 0 14px 28px rgba(189,31,37,.22);
}

.primary-btn:hover {
  background: var(--red-800);
  transform: translateY(-1px);
}

.secondary-btn {
  color: var(--red-800);
  background: var(--red-50);
  border: 1px solid rgba(189,31,37,.14);
}

.outline-btn {
  background: #fff;
  color: var(--red-800);
  border: 1px solid rgba(189,31,37,.28);
}

.ghost-btn {
  background: #fff;
  color: #374151;
  border: 1px solid var(--line);
}

.icon-btn {
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  display: none;
  place-items: center;
  padding: 0;
}

.menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--text);
  border-radius: 999px;
  margin: 3px auto;
}

.drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 88;
  background: rgba(17,24,39,.44);
  backdrop-filter: blur(3px);
}

.drawer {
  position: fixed;
  z-index: 90;
  inset: 0 0 0 auto;
  width: min(390px, calc(100vw - 20px));
  background: #fff;
  box-shadow: var(--shadow);
  padding: 18px;
  overflow-y: auto;
  transform: translateX(105%);
  transition: transform .24s ease;
}

.drawer.is-open {
  transform: translateX(0);
}

.drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
}

.drawer-close {
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  font-size: 30px;
}

.drawer-links {
  display: grid;
  gap: 8px;
  padding-top: 18px;
}

.drawer-links a {
  border-radius: var(--radius-sm);
  padding: 12px 14px;
}

.drawer-links a:hover {
  background: var(--red-50);
  color: var(--red-800);
}

.hero {
  padding: 54px 0 22px;
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) 360px;
  gap: 26px;
  align-items: stretch;
}

.eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  border-radius: 999px;
  color: var(--red-800);
  background: var(--red-50);
  border: 1px solid rgba(189,31,37,.14);
  padding: 4px 12px;
  font-size: 16px;
  font-weight: 900;
}

.hero h1 {
  max-width: 820px;
  margin: 14px 0 0;
  color: #111827;
  font-size: clamp(42px, 7vw, 78px);
  line-height: 1.12;
  letter-spacing: -.045em;
}

.hero p {
  max-width: 820px;
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 23px;
}

.hero-search {
  margin-top: 28px;
  min-height: 70px;
  width: min(820px, 100%);
  border: 1px solid rgba(189,31,37,.18);
  border-radius: 999px;
  background: #fff;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  padding: 8px 8px 8px 16px;
  box-shadow: var(--shadow);
}

.hero-search input {
  font-size: 22px;
}

.hero-search button {
  min-height: 54px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: var(--red-700);
  padding: 0 30px;
  box-shadow: var(--shadow-red);
}

.hero-actions,
.popular-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hero-actions {
  margin-top: 20px;
}

.popular-row {
  margin-top: 14px;
}

.popular-row button {
  border: 1px solid var(--line);
  background: #fff;
  color: #374151;
  border-radius: 999px;
  padding: 8px 14px;
}

.popular-row button:hover {
  color: var(--red-800);
  background: var(--red-50);
  border-color: rgba(189,31,37,.22);
}

.hero-side {
  display: grid;
  gap: 14px;
}

.hero-card,
.stats-grid > div,
.path-card,
.category-card,
.product-card,
.job-card,
.resume-card,
.how-grid article,
.home-filter,
.safe-cards article {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.hero-card {
  padding: 22px;
  display: grid;
  gap: 10px;
}

.red-card {
  color: #fff;
  background: linear-gradient(135deg, var(--red-700), var(--red-950));
  border-color: transparent;
  box-shadow: var(--shadow-red);
}

.red-card span {
  font-size: 42px;
}

.red-card strong {
  font-size: 30px;
  line-height: 1.25;
}

.red-card small {
  color: rgba(255,255,255,.78);
}

.red-card a {
  width: fit-content;
  border-radius: 999px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.20);
  padding: 8px 14px;
  color: #fff;
}

.stats-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.stats-grid > div {
  padding: 16px;
}

.stats-grid strong {
  display: block;
  color: var(--red-800);
  font-size: 30px;
  line-height: 1.1;
}

.stats-grid span {
  color: var(--muted);
}

.publish-paths {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding: 18px 0 26px;
}

.path-card {
  min-height: 140px;
  padding: 18px;
  display: grid;
  gap: 4px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.path-card:hover,
.category-card:hover,
.product-card:hover,
.job-card:hover,
.resume-card:hover {
  transform: translateY(-3px);
  border-color: rgba(189,31,37,.24);
  box-shadow: var(--shadow);
}

.path-card span {
  font-size: 34px;
}

.path-card strong {
  color: #111827;
  font-size: 24px;
}

.path-card small {
  color: var(--muted);
}

.section {
  padding: 38px 0;
}

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

.section-head h2 {
  margin: 10px 0 0;
  color: #111827;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.25;
  letter-spacing: -.035em;
}

.text-link {
  color: var(--red-800);
  font-weight: 900;
}

.category-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
  padding: 2px 0 12px;
}

.category-chip {
  flex: 0 0 auto;
  border: 1px solid var(--line);
  background: #fff;
  color: #374151;
  border-radius: 999px;
  min-height: 44px;
  padding: 8px 14px;
}

.category-chip:hover,
.category-chip.is-active {
  color: var(--red-800);
  background: var(--red-50);
  border-color: rgba(189,31,37,.24);
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}

.category-card {
  min-height: 142px;
  padding: 18px;
  display: grid;
  align-content: start;
  gap: 4px;
}

.category-card span {
  font-size: 34px;
}

.category-card strong {
  color: #111827;
  font-size: 22px;
}

.category-card small {
  color: var(--muted);
}

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

.home-filter {
  position: sticky;
  top: calc(var(--header-h) + 18px);
  padding: 18px;
  display: grid;
  gap: 8px;
}

.home-filter h2 {
  margin: 0 0 6px;
  color: #111827;
  font-size: 24px;
}

.home-filter button {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: #374151;
  text-align: right;
  padding: 8px 14px;
}

.home-filter button:hover,
.home-filter button.is-active {
  color: var(--red-800);
  background: var(--red-50);
  border-color: rgba(189,31,37,.24);
}

.product-grid,
.job-grid,
.resume-grid {
  display: grid;
  gap: 14px;
}

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

.product-card {
  overflow: hidden;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  min-height: 186px;
}

.product-thumb {
  position: relative;
  border-left: 1px solid var(--line);
  background: linear-gradient(135deg, var(--red-50), #eef2f7);
  display: grid;
  place-items: center;
  font-size: 58px;
}

.badge {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: var(--red-800);
  border: 1px solid rgba(189,31,37,.15);
  padding: 3px 9px;
  font-size: 14px;
}

.product-body {
  padding: 16px;
  display: grid;
  gap: 7px;
  align-content: space-between;
}

.product-body h3 {
  margin: 0;
  color: #111827;
  font-size: 23px;
  line-height: 1.4;
}

.meta {
  display: grid;
  gap: 3px;
  color: var(--muted);
  font-size: 15px;
}

.price {
  color: #111827;
  font-size: 22px;
  font-weight: 900;
}

.card-action {
  color: var(--red-800);
  font-weight: 900;
}

.jobs-section {
  margin-top: 28px;
  padding: 58px 0;
  color: #fff;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.15), transparent 25%),
    linear-gradient(135deg, var(--red-950), var(--red-700));
}

.section-head.light h2 {
  color: #fff;
}

.light-badge {
  color: #fff;
  background: rgba(255,255,255,.13);
  border-color: rgba(255,255,255,.22);
}

.light-link {
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.55);
  font-weight: 900;
}

.tabs-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.tabs-row button {
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.10);
  color: #fff;
  border-radius: 999px;
  min-height: 42px;
  padding: 8px 15px;
}

.tabs-row button.is-active,
.tabs-row button:hover {
  background: #fff;
  color: var(--red-800);
}

.job-grid {
  grid-template-columns: repeat(3, 1fr);
}

.job-card {
  color: var(--text);
  padding: 18px;
  display: grid;
  gap: 9px;
}

.job-card h3,
.resume-card h3 {
  margin: 0;
  color: #111827;
  font-size: 24px;
  line-height: 1.35;
}

.job-tags,
.resume-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.job-tags span,
.resume-tags span {
  border-radius: 999px;
  background: #f3f4f6;
  color: #4b5563;
  padding: 3px 9px;
  font-size: 14px;
}

.job-salary {
  color: var(--red-800);
  font-weight: 900;
  font-size: 22px;
}

.resume-section {
  padding-top: 52px;
}

.resume-grid {
  grid-template-columns: repeat(3, 1fr);
}

.resume-card {
  padding: 18px;
  display: grid;
  gap: 10px;
}

.resume-top {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
}

.avatar {
  width: 58px;
  height: 58px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--red-700), var(--red-950));
  color: #fff;
  font-weight: 900;
  font-size: 24px;
}

.resume-card p,
.job-card p {
  margin: 0;
  color: #4b5563;
}

.how-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.how-grid article {
  padding: 18px;
}

.how-grid span {
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: var(--red-700);
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 900;
}

.how-grid strong {
  display: block;
  margin-top: 12px;
  color: #111827;
  font-size: 22px;
}

.how-grid p {
  margin: 6px 0 0;
  color: var(--muted);
}

.safe-section {
  padding: 58px 0;
  color: #fff;
  background: #111827;
}

.safe-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 24px;
  align-items: center;
}

.safe-section h2 {
  margin: 14px 0 0;
  color: #fff;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.25;
}

.safe-section p {
  color: rgba(255,255,255,.78);
}

.safe-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.safe-cards article {
  color: #fff;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.14);
  padding: 18px;
}

.safe-cards span {
  font-size: 32px;
}

.safe-cards strong,
.safe-cards small {
  display: block;
}

.safe-cards strong {
  margin-top: 10px;
  color: #fff;
  font-size: 22px;
}

.safe-cards small {
  margin-top: 4px;
  color: rgba(255,255,255,.70);
}

.site-footer {
  background: #0b1220;
  color: #e5e7eb;
  padding: 44px 0 18px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 24px;
}

.site-footer h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 22px;
}

.site-footer p,
.site-footer small {
  color: #aeb6c2;
}

.site-footer a {
  display: block;
  margin: 5px 0;
}

.footer-brand .brand-mark {
  box-shadow: none;
}

.owner-line {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.12);
  text-align: center;
}

.owner-line strong {
  display: inline-flex;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  padding: 8px 16px;
}

.mobile-bottom-nav {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: max(10px, env(safe-area-inset-bottom));
  z-index: 65;
  min-height: 66px;
  display: none;
  align-items: center;
  justify-content: space-around;
  gap: 4px;
  border: 1px solid rgba(229,231,235,.92);
  border-radius: 24px;
  background: rgba(255,255,255,.95);
  box-shadow: var(--shadow);
  backdrop-filter: blur(14px);
  padding: 6px;
}

.mobile-bottom-nav a {
  flex: 1;
  min-width: 0;
  border-radius: 18px;
  min-height: 52px;
  display: grid;
  place-items: center;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.2;
}

.mobile-bottom-nav span {
  display: block;
  font-size: 20px;
}

.mobile-bottom-nav .mobile-post {
  color: #fff;
  background: var(--red-700);
}

.location-modal {
  width: min(460px, calc(100% - 28px));
  border: 0;
  border-radius: var(--radius-lg);
  padding: 0;
  box-shadow: var(--shadow);
}

.location-modal::backdrop {
  background: rgba(17,24,39,.44);
  backdrop-filter: blur(3px);
}

.modal-card {
  padding: 22px;
  display: grid;
  gap: 16px;
}

.modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-head h2 {
  margin: 0;
}

.modal-head button {
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  font-size: 30px;
}

.city-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.city-grid button {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 16px;
  padding: 12px;
}

@media (max-width: 1180px) {
  .header-inner {
    grid-template-columns: auto minmax(200px, 1fr) auto;
  }

  .desktop-nav {
    display: none;
  }

  .icon-btn {
    display: grid;
  }

  .category-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .product-grid,
  .job-grid,
  .resume-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .safe-grid,
  .content-layout {
    grid-template-columns: 1fr;
  }

  .home-filter {
    position: static;
    display: flex;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .home-filter h2 {
    display: none;
  }

  .home-filter button {
    flex: 0 0 auto;
  }
}

@media (max-width: 920px) {
  body {
    padding-bottom: 88px;
  }

  .header-inner {
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    min-height: 66px;
  }

  .brand small {
    display: none;
  }

  .brand strong {
    font-size: 22px;
  }

  .header-search {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-bottom: 10px;
  }

  .header-actions .ghost-btn {
    display: none;
  }

  .hero {
    padding-top: 32px;
  }

  .hero-grid {
    grid-template-columns: 1fr;
  }

  .stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .publish-paths {
    grid-template-columns: 1fr;
  }

  .how-grid,
  .safe-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .mobile-bottom-nav {
    display: flex;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 18px;
  }

  .container {
    width: min(100% - 22px, var(--container));
  }

  .brand-mark {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  .hero h1 {
    font-size: 38px;
  }

  .hero p {
    font-size: 19px;
  }

  .hero-search {
    grid-template-columns: auto 1fr;
    min-height: auto;
    border-radius: 24px;
    padding: 12px;
  }

  .hero-search input {
    font-size: 18px;
  }

  .hero-search button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .hero-actions {
    display: grid;
  }

  .hero-actions a {
    width: 100%;
  }

  .stats-grid,
  .category-grid,
  .product-grid,
  .job-grid,
  .resume-grid,
  .how-grid,
  .safe-cards,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .product-card {
    grid-template-columns: 126px 1fr;
    min-height: 170px;
  }

  .product-thumb {
    font-size: 44px;
  }

  .section-head {
    align-items: start;
    flex-direction: column;
  }

  .section-head h2 {
    font-size: 31px;
  }

  .jobs-section,
  .safe-section {
    padding: 42px 0;
  }

  .site-footer {
    padding-bottom: 104px;
  }
}

@media (max-width: 390px) {
  .product-card {
    grid-template-columns: 108px 1fr;
  }

  .header-actions .primary-btn {
    width: 42px;
    padding: 0;
    font-size: 0;
  }

  .header-actions .primary-btn::after {
    content: "+";
    font-size: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}


/* V5: hamburger menu for categories */
.section-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.category-menu-btn {
  min-height: 44px;
  border: 1px solid rgba(189,31,37,.18);
  background: var(--red-50);
  color: var(--red-800);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-weight: 900;
}

.category-menu-btn:hover {
  background: var(--red-100);
}

.hamburger-mini {
  display: inline-grid;
  gap: 3px;
}

.hamburger-mini i {
  display: block;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.drawer-title {
  display: block;
  color: #111827;
  font-size: 24px;
  line-height: 1.2;
}

.drawer-subtitle {
  display: block;
  color: var(--muted);
  font-size: 14px;
  margin-top: 3px;
}

.drawer-search-box {
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  background: #f9fafb;
  padding: 0 14px;
  margin: 18px 0;
}

.drawer-search-box:focus-within {
  background: #fff;
  border-color: rgba(189,31,37,.34);
  box-shadow: 0 0 0 4px rgba(189,31,37,.08);
}

.drawer-search-box input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
}

.category-drawer-list {
  display: grid;
  gap: 9px;
}

.category-drawer-item {
  width: 100%;
  min-height: 68px;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 18px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  text-align: right;
  transition: .16s ease;
}

.category-drawer-item:hover {
  background: var(--red-50);
  border-color: rgba(189,31,37,.28);
  transform: translateY(-1px);
}

.category-drawer-item .drawer-cat-icon {
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: var(--red-50);
  border: 1px solid rgba(189,31,37,.12);
  font-size: 24px;
}

.category-drawer-item strong {
  display: block;
  color: #111827;
  font-size: 18px;
  line-height: 1.25;
}

.category-drawer-item small {
  display: block;
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

.category-drawer-item .drawer-arrow {
  color: var(--red-800);
  font-size: 22px;
}

.drawer-publish-box {
  margin-top: 18px;
  border: 1px solid rgba(189,31,37,.14);
  background: linear-gradient(135deg, #fff, var(--red-50));
  border-radius: 20px;
  padding: 14px;
  display: grid;
  gap: 8px;
}

.drawer-publish-box strong {
  color: #111827;
  font-size: 20px;
}

.drawer-publish-box a {
  border: 1px solid rgba(189,31,37,.12);
  background: #fff;
  color: var(--red-800);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 900;
}

.mobile-bottom-nav button {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  border-radius: 18px;
  min-height: 52px;
  display: grid;
  place-items: center;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.2;
}

.mobile-bottom-nav button span {
  display: block;
  font-size: 20px;
}

@media (max-width: 640px) {
  .section-actions {
    width: 100%;
  }

  .category-menu-btn,
  .section-actions .text-link {
    width: 100%;
    justify-content: center;
  }
}


/* V6: category menu moved into header only */
.nav-category-btn {
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  padding: 8px 13px;
  background: transparent;
  color: #374151;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nav-category-btn:hover {
  color: var(--red-800);
  background: var(--red-50);
}

.header-category-btn {
  min-height: 46px;
  border: 1px solid rgba(189,31,37,.18);
  background: var(--red-50);
  color: var(--red-800);
  border-radius: 999px;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 14px;
  font-weight: 900;
  white-space: nowrap;
}

.header-category-btn:hover {
  background: var(--red-100);
}

@media (max-width: 1180px) {
  .header-category-btn {
    display: inline-flex;
  }
}

@media (min-width: 1181px) {
  .header-category-btn {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .header-category-btn {
    min-width: 42px;
    width: 42px;
    padding: 0;
  }

  .header-category-btn span:last-child {
    display: none;
  }

  .header-category-btn .hamburger-mini i {
    width: 15px;
  }
}

/* Section category menu button is removed in V6; keep compatibility if old markup remains */
.category-menu-btn {
  display: none !important;
}


/* V7 clean homepage:
   The large in-page category section is removed.
   Category access remains only through the header hamburger category drawer. */
#categories,
.category-strip,
.category-grid {
  display: none !important;
}

.quick-publish {
  margin-top: 8px;
  margin-bottom: 10px;
  min-height: 58px;
  border: 1px solid rgba(229,231,235,.88);
  background: rgba(255,255,255,.76);
  backdrop-filter: blur(12px);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 8px 12px;
  flex-wrap: wrap;
}

.quick-publish span {
  color: var(--muted);
  font-size: 15px;
}

.quick-publish a {
  min-height: 38px;
  border: 1px solid rgba(189,31,37,.16);
  background: var(--red-50);
  color: var(--red-800);
  border-radius: 999px;
  padding: 6px 13px;
  font-weight: 900;
  font-size: 15px;
}

.quick-publish a:first-of-type {
  color: #fff;
  background: var(--red-700);
  border-color: var(--red-700);
}

.hero {
  padding-bottom: 10px;
}

.content-layout.section {
  padding-top: 26px;
}

@media (max-width: 640px) {
  .quick-publish {
    border-radius: 22px;
    justify-content: flex-start;
    padding: 10px;
  }

  .quick-publish span {
    width: 100%;
    padding-inline: 4px;
  }

  .quick-publish a {
    flex: 1 1 auto;
    text-align: center;
    justify-content: center;
    display: inline-flex;
  }

  .content-layout.section {
    padding-top: 18px;
  }
}


/* V8 content-focused homepage:
   Hero removed, published content is the main visual focus. */
.top-content-bar {
  margin-top: 24px;
  margin-bottom: 8px;
  border: 1px solid rgba(229,231,235,.9);
  background: rgba(255,255,255,.86);
  border-radius: 24px;
  box-shadow: var(--shadow-sm);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.top-content-bar strong,
.top-content-bar span {
  display: block;
}

.top-content-bar strong {
  color: #111827;
  font-size: 25px;
  line-height: 1.3;
}

.top-content-bar span {
  color: var(--muted);
  font-size: 15px;
}

.top-content-bar nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.top-content-bar a {
  min-height: 40px;
  border: 1px solid rgba(189,31,37,.16);
  background: var(--red-50);
  color: var(--red-800);
  border-radius: 999px;
  padding: 7px 13px;
  font-weight: 900;
  font-size: 15px;
}

.top-content-bar a:first-child {
  color: #fff;
  background: var(--red-700);
  border-color: var(--red-700);
}

.content-layout.section {
  padding-top: 20px;
}

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

.product-card {
  grid-template-columns: 132px minmax(0, 1fr);
  min-height: 174px;
}

.product-thumb {
  font-size: 48px;
}

.product-body h3 {
  font-size: 21px;
}

.price {
  font-size: 20px;
}

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

.jobs-section {
  margin-top: 14px;
  padding: 46px 0;
}

.resume-section {
  padding-top: 40px;
}

.about-section {
  padding-top: 28px;
}

.about-card {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: clamp(20px, 4vw, 32px);
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 22px;
  align-items: center;
}

.about-card h2 {
  margin: 10px 0 0;
  color: #111827;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.25;
  letter-spacing: -.03em;
}

.about-card p {
  color: #4b5563;
  margin: 14px 0 0;
}

.about-points {
  display: grid;
  gap: 10px;
}

.about-points article {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 20px;
  padding: 14px;
}

.about-points strong,
.about-points small {
  display: block;
}

.about-points strong {
  color: #111827;
  font-size: 20px;
}

.about-points small {
  color: var(--muted);
  margin-top: 3px;
}

@media (max-width: 1180px) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .job-grid,
  .resume-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .top-content-bar {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 14px;
  }

  .top-content-bar nav {
    width: 100%;
  }

  .top-content-bar a {
    flex: 1 1 auto;
    text-align: center;
    justify-content: center;
    display: inline-flex;
  }
}

@media (max-width: 640px) {
  .product-grid,
  .job-grid,
  .resume-grid {
    grid-template-columns: 1fr;
  }

  .product-card {
    grid-template-columns: 118px 1fr;
  }

  .top-content-bar strong {
    font-size: 22px;
  }

  .about-card {
    border-radius: 24px;
  }
}


/* V9 fixes:
   - Content renders immediately after hero removal.
   - Header has one clean row on responsive.
   - Category hamburger is restored in header.
   - Header search is hidden on mobile to avoid the "two headers" look. */
.header-category-btn {
  min-height: 46px;
  border: 1px solid rgba(189,31,37,.18);
  background: var(--red-50);
  color: var(--red-800);
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 14px;
  font-weight: 900;
  white-space: nowrap;
}

.header-category-btn:hover {
  background: var(--red-100);
}

.desktop-nav .nav-category-btn {
  border: 1px solid rgba(189,31,37,.14);
  background: var(--red-50);
  color: var(--red-800);
  font-weight: 900;
}

@media (min-width: 1181px) {
  .header-actions .header-category-btn {
    display: none !important;
  }
}

@media (max-width: 920px) {
  .site-header {
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
  }

  .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    min-height: 68px;
    gap: 8px;
  }

  .header-start {
    min-width: 0;
  }

  .header-search {
    display: none !important;
  }

  .header-actions {
    gap: 6px;
  }

  .header-actions .primary-btn {
    min-width: 42px;
  }

  .header-actions .ghost-btn {
    display: none !important;
  }

  .icon-btn {
    display: grid;
    flex: 0 0 auto;
  }

  .brand {
    min-width: 0;
  }

  .brand strong {
    max-width: 126px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(100% - 18px, var(--container));
  }

  .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }

  .brand-mark {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    font-size: 22px;
  }

  .brand strong {
    font-size: 19px;
    max-width: 108px;
  }

  .header-category-btn {
    width: 42px;
    min-width: 42px;
    padding: 0;
  }

  .header-category-btn span:last-child {
    display: none;
  }

  .header-actions .primary-btn {
    width: 42px;
    min-width: 42px;
    padding: 0;
    font-size: 0;
  }

  .header-actions .primary-btn::after {
    content: "+";
    font-size: 26px;
    line-height: 1;
  }

  .menu-toggle {
    width: 42px;
    height: 42px;
  }
}

@media (max-width: 360px) {
  .brand strong {
    max-width: 92px;
  }

  .header-inner {
    gap: 5px;
  }
}


/* V10 responsive cleanup:
   The simple main hamburger in mobile is removed; only category hamburger remains.
   Search is added back to the responsive top header.
   The dark trust/security section is removed. */
.safe-section {
  display: none !important;
}

@media (max-width: 920px) {
  .menu-toggle {
    display: none !important;
  }

  .header-inner {
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas:
      "brand category post"
      "search search search";
    align-items: center;
    gap: 8px;
    padding-block: 8px;
  }

  .header-start {
    grid-area: brand;
  }

  .header-actions {
    display: contents;
  }

  .header-category-btn {
    grid-area: category;
    display: inline-flex !important;
  }

  .header-actions .primary-btn {
    grid-area: post;
  }

  .header-search {
    grid-area: search;
    display: flex !important;
    min-height: 44px;
    margin: 2px 0 0;
    border-radius: 999px;
    background: #f4f5f7;
    box-shadow: none;
  }

  .header-search input {
    font-size: 16px;
  }

  .brand strong {
    max-width: 160px;
  }
}

@media (max-width: 640px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) 42px 42px;
  }

  .header-search {
    min-height: 42px;
    padding-inline: 12px;
  }

  .brand strong {
    max-width: 136px;
  }

  .header-category-btn {
    width: 42px;
    min-width: 42px;
    padding: 0;
  }

  .header-category-btn span:last-child {
    display: none;
  }

  .header-actions .primary-btn {
    width: 42px;
    min-width: 42px;
    padding: 0;
    font-size: 0;
  }

  .header-actions .primary-btn::after {
    content: "+";
    font-size: 26px;
    line-height: 1;
  }
}

/* richer quick filter */
.home-filter {
  gap: 7px;
}

.home-filter button {
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .home-filter {
    padding: 10px;
    border-radius: 20px;
  }
}


/* V11: Dark mode + auth actions */
.theme-toggle,
.login-btn,
.signup-btn {
  min-height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 13px;
  white-space: nowrap;
  font-weight: 900;
  transition: .16s ease;
}

.theme-toggle {
  border: 1px solid var(--line);
  background: #fff;
  color: #374151;
}

.auth-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.login-btn {
  border: 1px solid rgba(189,31,37,.20);
  background: #fff;
  color: var(--red-800);
}

.signup-btn {
  border: 1px solid var(--red-700);
  background: var(--red-700);
  color: #fff;
  box-shadow: 0 12px 24px rgba(189,31,37,.18);
}

.theme-toggle:hover,
.login-btn:hover,
.signup-btn:hover {
  transform: translateY(-1px);
}

/* general dark palette */
html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] body {
  --bg: #0b1220;
  --surface: #121a2a;
  --surface-2: #172033;
  --text: #f8fafc;
  --muted: #aab4c5;
  --line: rgba(148,163,184,.22);
  background:
    radial-gradient(circle at 12% 0%, rgba(220, 38, 38, .16), transparent 34%),
    linear-gradient(180deg, #0b1220 0, #101827 440px);
  color: var(--text);
}

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .drawer,
html[data-theme="dark"] .location-modal,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .top-content-bar,
html[data-theme="dark"] .home-filter,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .resume-card,
html[data-theme="dark"] .about-card,
html[data-theme="dark"] .path-card,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .stats-grid > div,
html[data-theme="dark"] .mobile-bottom-nav,
html[data-theme="dark"] .drawer-publish-box,
html[data-theme="dark"] .category-drawer-item,
html[data-theme="dark"] .drawer-search-box,
html[data-theme="dark"] .city-grid button,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .login-btn {
  background: rgba(18, 26, 42, .94);
  border-color: var(--line);
  color: var(--text);
}

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .mobile-bottom-nav {
  box-shadow: 0 14px 36px rgba(0,0,0,.34);
}

html[data-theme="dark"] .header-search,
html[data-theme="dark"] .hero-search,
html[data-theme="dark"] .drawer-search-box {
  background: rgba(15, 23, 42, .88);
  border-color: var(--line);
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  color: var(--text);
}

html[data-theme="dark"] .brand strong,
html[data-theme="dark"] .desktop-nav a,
html[data-theme="dark"] .nav-category-btn,
html[data-theme="dark"] .drawer-title,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .product-body h3,
html[data-theme="dark"] .job-card h3,
html[data-theme="dark"] .resume-card h3,
html[data-theme="dark"] .about-card h2,
html[data-theme="dark"] .about-points strong,
html[data-theme="dark"] .top-content-bar strong,
html[data-theme="dark"] .price,
html[data-theme="dark"] .drawer-cat-icon,
html[data-theme="dark"] .mobile-bottom-nav a,
html[data-theme="dark"] .mobile-bottom-nav button {
  color: var(--text);
}

html[data-theme="dark"] .brand small,
html[data-theme="dark"] .top-content-bar span,
html[data-theme="dark"] .product-body .meta,
html[data-theme="dark"] .job-card p,
html[data-theme="dark"] .resume-card p,
html[data-theme="dark"] .about-card p,
html[data-theme="dark"] .about-points small,
html[data-theme="dark"] .category-drawer-item small,
html[data-theme="dark"] .drawer-subtitle {
  color: var(--muted);
}

html[data-theme="dark"] .product-thumb,
html[data-theme="dark"] .avatar,
html[data-theme="dark"] .drawer-cat-icon,
html[data-theme="dark"] .about-points article {
  background: linear-gradient(135deg, rgba(189,31,37,.22), rgba(30,41,59,.84));
  border-color: var(--line);
}

html[data-theme="dark"] .badge,
html[data-theme="dark"] .job-tags span,
html[data-theme="dark"] .resume-tags span,
html[data-theme="dark"] .category-chip,
html[data-theme="dark"] .home-filter button,
html[data-theme="dark"] .top-content-bar a {
  background: rgba(15,23,42,.86);
  border-color: var(--line);
  color: var(--muted);
}

html[data-theme="dark"] .home-filter button.is-active,
html[data-theme="dark"] .home-filter button:hover,
html[data-theme="dark"] .category-chip:hover,
html[data-theme="dark"] .category-chip.is-active,
html[data-theme="dark"] .desktop-nav a:hover,
html[data-theme="dark"] .desktop-nav a.active,
html[data-theme="dark"] .desktop-nav .nav-category-btn,
html[data-theme="dark"] .header-category-btn,
html[data-theme="dark"] .eyebrow {
  background: rgba(189,31,37,.18);
  border-color: rgba(248,113,113,.30);
  color: #fecaca;
}

html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] .signup-btn,
html[data-theme="dark"] .mobile-bottom-nav .mobile-post {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}

html[data-theme="dark"] .secondary-btn,
html[data-theme="dark"] .outline-btn,
html[data-theme="dark"] .text-link,
html[data-theme="dark"] .card-action,
html[data-theme="dark"] .job-salary {
  color: #fecaca;
}

html[data-theme="dark"] .site-footer {
  background: #050914;
}

html[data-theme="dark"] .drawer-backdrop {
  background: rgba(0,0,0,.62);
}

html[data-theme="dark"] .theme-icon {
  content: "☀️";
}

/* responsive auth in header */
@media (max-width: 1180px) {
  .auth-actions {
    display: inline-flex;
  }
}

@media (max-width: 920px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) 42px 42px 42px;
    grid-template-areas:
      "brand theme category post"
      "search search search search";
  }

  .theme-toggle {
    grid-area: theme;
    width: 42px;
    min-width: 42px;
    padding: 0;
  }

  .theme-toggle .theme-text {
    display: none;
  }

  .auth-actions {
    display: none;
  }

  .header-actions {
    display: contents;
  }
}

@media (max-width: 640px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) 40px 40px 40px;
  }

  .theme-toggle,
  .header-category-btn,
  .header-actions .primary-btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .theme-toggle .theme-icon {
    font-size: 18px;
  }
}


/* V12: unified login only */
.auth-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.login-btn {
  min-height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(189,31,37,.22);
  background: #fff;
  color: var(--red-800);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 15px;
  white-space: nowrap;
  font-weight: 900;
}

.login-btn::before {
  content: "👤";
  font-size: 15px;
}

.signup-btn {
  display: none !important;
}

html[data-theme="dark"] .login-btn {
  background: rgba(18, 26, 42, .94);
  border-color: var(--line);
  color: #fecaca;
}

@media (max-width: 920px) {
  .auth-actions {
    display: inline-flex !important;
    grid-area: login;
  }

  .login-btn {
    width: auto;
    min-width: 58px;
    height: 40px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 15px;
  }

  .login-btn::before {
    display: none;
  }
}

@media (max-width: 640px) {
  .login-btn {
    min-width: 54px;
    padding: 0 10px;
    font-size: 14px;
  }
}



@media (max-width: 920px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) auto 42px 42px 42px;
    grid-template-areas:
      "brand login theme category post"
      "search search search search search";
  }

  .auth-actions {
    grid-area: login;
  }
}

@media (max-width: 640px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) auto 40px 40px 40px;
  }

  .brand strong {
    max-width: 94px;
  }
}


/* V13 clickable product ads */
.product-card.clickable-ad {
  color: inherit;
  cursor: pointer;
}

.product-card.clickable-ad .card-action {
  display: inline-flex;
  color: var(--red-800);
  font-weight: 900;
}

.product-card.clickable-ad:focus-visible {
  outline: 3px solid rgba(189,31,37,.34);
  outline-offset: 3px;
}


/* V14: header keeps only the primary "آگهی جدید" action, no publish nav link */
.desktop-nav a[href="create.html"] {
  display: none !important;
}

.header-actions .primary-btn {
  display: inline-flex;
}


/* V16 homepage cleanup */
.top-content-bar,
.how-section,
.about-section,
button[data-open-location],
.ghost-btn[data-open-location] {
  display: none !important;
}

.content-layout.section {
  padding-top: 28px;
}

@media (max-width: 920px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) auto 42px 42px 42px;
    grid-template-areas:
      "brand login theme category post"
      "search search search search search";
  }
}


/* V17: every published card is clickable */
.product-card.clickable-ad,
.job-card.clickable-ad,
.resume-card.clickable-ad {
  color: inherit;
  cursor: pointer;
}

.job-card.clickable-ad,
.resume-card.clickable-ad {
  text-decoration: none;
}

.product-card.clickable-ad:focus-visible,
.job-card.clickable-ad:focus-visible,
.resume-card.clickable-ad:focus-visible {
  outline: 3px solid rgba(189,31,37,.34);
  outline-offset: 3px;
}

.product-card.clickable-ad .card-action,
.job-card.clickable-ad .card-action,
.resume-card.clickable-ad .card-action {
  display: inline-flex;
  color: var(--red-800);
  font-weight: 900;
}

html[data-theme="dark"] .product-card.clickable-ad .card-action,
html[data-theme="dark"] .job-card.clickable-ad .card-action,
html[data-theme="dark"] .resume-card.clickable-ad .card-action {
  color: #fecaca;
}


/* V18: category hamburger now filters visible ads instead of opening create flow */
.category-drawer-item[data-category-filter]::after,
.category-drawer-item[data-category-section]::after {
  content: "نمایش";
  border: 1px solid rgba(189,31,37,.14);
  background: var(--red-50);
  color: var(--red-800);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 900;
}

.category-drawer-item[data-category-filter] .drawer-arrow,
.category-drawer-item[data-category-section] .drawer-arrow {
  display: none;
}

html[data-theme="dark"] .category-drawer-item[data-category-filter]::after,
html[data-theme="dark"] .category-drawer-item[data-category-section]::after {
  background: rgba(189,31,37,.18);
  border-color: rgba(248,113,113,.22);
  color: #fecaca;
}


/* V20: main page category/menu links open separate category.html pages */
.home-filter .filter-link,
.category-chip.category-direct-link {
  border: 1px solid var(--line);
  background: #fff;
  color: #374151;
  border-radius: 999px;
  min-height: 42px;
  padding: 8px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.home-filter .filter-link:hover,
.category-chip.category-direct-link:hover {
  color: var(--red-800);
  background: var(--red-50);
  border-color: rgba(189,31,37,.24);
}

html[data-theme="dark"] .home-filter .filter-link,
html[data-theme="dark"] .category-chip.category-direct-link {
  background: rgba(15,23,42,.86);
  border-color: var(--line);
  color: var(--muted);
}

html[data-theme="dark"] .home-filter .filter-link:hover,
html[data-theme="dark"] .category-chip.category-direct-link:hover {
  background: rgba(189,31,37,.18);
  border-color: rgba(248,113,113,.30);
  color: #fecaca;
}


/* V38 public account state + responsive drawer scrolling */
.category-drawer,
#mobileDrawer {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
@media (max-width: 980px) {
  .drawer,
  .category-drawer {
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    padding-bottom: calc(26px + env(safe-area-inset-bottom));
  }
  .category-drawer-list { min-height: max-content; }
}

/* V49 — clean responsive header and mobile navigation
   Mobile top row: logo + theme + categories only.
   Publish and account actions move to the bottom navigation. */
@media (max-width: 920px) {
  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) 42px 42px !important;
    grid-template-areas:
      "brand theme category"
      "search search search" !important;
  }

  .site-header .header-start {
    grid-area: brand;
  }

  .site-header .header-actions {
    display: contents !important;
  }

  .site-header .theme-toggle {
    grid-area: theme;
    display: inline-flex !important;
  }

  .site-header .header-category-btn {
    grid-area: category;
    display: inline-flex !important;
  }

  .site-header .auth-actions,
  .site-header .header-actions > .primary-btn,
  .site-header .menu-toggle {
    display: none !important;
  }

  .site-header .header-search {
    grid-area: search;
  }

  .mobile-bottom-nav a.is-active:not(.mobile-post) {
    color: var(--red-800);
    background: var(--red-50);
  }

  .mobile-bottom-nav .mobile-nav-icon {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 21px;
    line-height: 1;
  }

  .mobile-bottom-nav .mobile-account-icon {
    font-size: 20px;
  }

  .mobile-bottom-nav .mobile-post .mobile-nav-icon {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
  }
}

@media (max-width: 640px) {
  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) 40px 40px !important;
  }

  .site-header .theme-toggle,
  .site-header .header-category-btn {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  .mobile-bottom-nav {
    right: 7px;
    left: 7px;
    gap: 2px;
    padding: 5px;
  }

  .mobile-bottom-nav a {
    min-height: 54px;
    padding-inline: 2px;
    font-size: 12px;
  }
}
.product-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.auth-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.signup-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border-radius: 999px;
  color: var(--muted, #6b7280);
  border: 1px solid var(--line, #e5e7eb);
  background: var(--surface, #fff);
  font-weight: 800;
}
.public-account-menu { position: relative; }
.public-account-trigger {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 11px 4px 8px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 999px;
  background: var(--surface, #fff);
  color: var(--text, #111827);
  font: inherit;
}
.public-account-trigger:hover { border-color: rgba(189,31,37,.28); background: var(--red-50, #fff1f2); }
.public-account-avatar {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #bd1f25, #641017);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(189,31,37,.18);
}
.public-account-avatar.large { width: 46px; height: 46px; flex-basis: 46px; font-size: 21px; }
.public-account-label { font-weight: 900; }
.public-account-arrow { color: var(--muted, #6b7280); }
.public-account-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 140;
  width: 270px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 20px;
  background: var(--surface, #fff);
  box-shadow: 0 24px 60px rgba(15,23,42,.16);
  padding: 10px;
}
.public-account-dropdown[hidden] { display: none; }
.public-account-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  margin-bottom: 6px;
  border-radius: 15px;
  background: var(--surface-2, #f8fafc);
}
.public-account-summary strong,
.public-account-summary small { display: block; }
.public-account-summary small { color: var(--muted, #6b7280); }
.public-account-dropdown > a,
.public-account-dropdown > button {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: var(--text, #111827);
  text-align: right;
  font: inherit;
}
.public-account-dropdown > a:hover,
.public-account-dropdown > button:hover { background: var(--surface-2, #f8fafc); }
.public-account-dropdown > button { color: #bd1f25; cursor: pointer; }
.drawer-auth-zone {
  display: grid;
  gap: 8px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 17px;
  background: var(--surface-2, #f8fafc);
}
.mobile-auth-guest { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mobile-auth-guest a,
.mobile-account-link,
.mobile-logout-btn {
  min-height: 44px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line, #e5e7eb);
  background: var(--surface, #fff);
  color: var(--text, #111827);
  font: inherit;
  font-weight: 900;
}
.mobile-account-card { display: flex; align-items: center; gap: 10px; padding-bottom: 8px; }
.mobile-account-card strong,
.mobile-account-card small { display: block; }
.mobile-account-card small { color: var(--muted, #6b7280); }
.mobile-logout-btn { color: #bd1f25; cursor: pointer; }
html[data-theme="dark"] .public-account-trigger,
html[data-theme="dark"] .public-account-dropdown,
html[data-theme="dark"] .signup-link,
html[data-theme="dark"] .mobile-auth-guest a,
html[data-theme="dark"] .mobile-account-link,
html[data-theme="dark"] .mobile-logout-btn {
  background: #111827;
  border-color: #263244;
  color: #f8fafc;
}
html[data-theme="dark"] .public-account-summary,
html[data-theme="dark"] .drawer-auth-zone { background: #172031; border-color: #263244; }
@media (max-width: 760px) {
  .public-account-label { display: none; }
  .public-account-trigger { padding-inline: 6px; }
  .public-account-dropdown { left: -16px; width: min(280px, calc(100vw - 28px)); }
}
.search-autocomplete-root{position:relative}.search-suggestions{position:absolute;z-index:180;top:calc(100% + 8px);right:0;left:0;max-height:min(480px,70vh);overflow-y:auto;padding:8px;border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--surface,#fff);box-shadow:0 22px 60px rgba(15,23,42,.18)}.search-suggestions[hidden]{display:none!important}.suggestion-caption{padding:7px 10px;color:var(--muted,#6b7280);font-size:13px;font-weight:900}.suggestion-item{width:100%;min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:13px;background:transparent;color:var(--text,#111827);text-align:right}.suggestion-item:hover,.suggestion-item.is-active{background:var(--red-50,#fff1f2)}.suggestion-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--surface-3,#f3f4f6);font-size:20px}.suggestion-copy{min-width:0}.suggestion-copy strong,.suggestion-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-copy small{color:var(--muted,#6b7280);margin-top:2px}.suggestion-arrow{color:var(--muted,#6b7280)}.suggestion-all{min-height:42px;margin-top:5px;border-radius:12px;display:grid;place-items:center;background:var(--red-50,#fff1f2);color:var(--red-800,#991b1b);font-weight:900}.suggestion-empty{padding:18px 12px;text-align:center}.suggestion-empty strong,.suggestion-empty span{display:block}.suggestion-empty span{margin-top:4px;color:var(--muted,#6b7280)}
.search-page-header-form button{border:0;background:transparent;color:var(--red-800,#991b1b);font-weight:900}.search-hero{padding:44px 0 34px;background:radial-gradient(circle at 85% 25%,rgba(189,31,37,.1),transparent 28%),linear-gradient(180deg,var(--surface-2,#f9fafb),transparent)}.search-hero h1{margin:7px 0;font-size:clamp(34px,5vw,58px);line-height:1.16}.search-hero p{margin:0;color:var(--muted,#6b7280)}.hero-global-search{position:relative;width:min(100%,820px);min-height:64px;margin-top:20px;padding:7px 8px 7px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line,#e5e7eb);border-radius:20px;background:var(--surface,#fff);box-shadow:0 14px 45px rgba(15,23,42,.08)}.hero-global-search>span{font-size:24px;color:var(--muted,#6b7280)}.hero-global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text,#111827);font:inherit;font-size:17px}.search-tabs-shell{position:sticky;top:78px;z-index:35;padding-top:14px}.search-type-tabs{display:flex;gap:8px;overflow-x:auto;padding:9px;border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--surface,#fff);box-shadow:0 10px 35px rgba(15,23,42,.06)}.search-type-tabs button{flex:0 0 auto;min-height:42px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text,#111827);font-weight:900}.search-type-tabs button b{display:inline-grid;place-items:center;min-width:25px;min-height:25px;margin-right:5px;border-radius:999px;background:var(--surface-3,#f3f4f6);font-size:12px}.search-type-tabs button.is-active{background:var(--red-50,#fff1f2);color:var(--red-800,#991b1b);border-color:rgba(189,31,37,.18)}
.search-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start;padding-top:22px;padding-bottom:48px}.search-filter-panel{position:sticky;top:154px;padding:18px;border:1px solid var(--line,#e5e7eb);border-radius:22px;background:var(--surface,#fff);box-shadow:0 10px 35px rgba(15,23,42,.05)}.filter-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line,#e5e7eb)}.filter-panel-head strong,.filter-panel-head small{display:block}.filter-panel-head small{margin-top:3px;color:var(--muted,#6b7280)}.filter-panel-head button{border:0;background:transparent;color:var(--red-800,#991b1b)}.search-filter-field,.search-filter-group{display:grid;gap:7px;margin-top:15px}.search-filter-field>span,.search-filter-group>span{font-weight:900}.search-filter-field select,.price-filter-grid input,.search-toolbar select{width:100%;min-height:46px;padding:0 11px;border:1px solid var(--line,#e5e7eb);border-radius:13px;background:var(--surface-2,#f9fafb);color:var(--text,#111827);font:inherit}.price-filter-grid{display:grid;gap:7px}.search-check-row{margin-top:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start}.search-check-row input{margin-top:5px}.search-check-row strong,.search-check-row small{display:block}.search-check-row small{color:var(--muted,#6b7280)}.search-filter-panel>.full{margin-top:18px}
.search-toolbar{min-height:70px;padding:13px 15px;border:1px solid var(--line,#e5e7eb);border-radius:18px;background:var(--surface,#fff);display:flex;align-items:center;justify-content:space-between;gap:14px}.search-toolbar strong,.search-toolbar span{display:block}.search-toolbar span{margin-top:3px;color:var(--muted,#6b7280)}.search-toolbar-actions{display:flex;align-items:end;gap:10px}.search-toolbar-actions label{display:grid;gap:4px}.filter-mobile-btn{display:none;min-height:46px;border:1px solid var(--line,#e5e7eb);border-radius:13px;background:var(--surface-2,#f9fafb);color:var(--text,#111827);padding:0 14px}.active-filter-chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.active-filter-chips button{min-height:34px;border:1px solid rgba(189,31,37,.15);border-radius:999px;background:var(--red-50,#fff1f2);color:var(--red-800,#991b1b);padding:0 10px}.search-results-grid{display:grid;gap:13px;margin-top:14px}.search-result-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;min-height:170px;padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:22px;background:var(--surface,#fff);transition:.18s}.search-result-card:hover{transform:translateY(-2px);border-color:rgba(189,31,37,.2);box-shadow:0 18px 45px rgba(15,23,42,.09)}.result-visual{border-radius:18px;min-height:140px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(189,31,37,.1),rgba(37,99,235,.1));font-size:47px}.result-type-label{position:absolute;top:9px;right:9px;min-height:28px;padding:0 9px;display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.9);color:#111827;font-size:12px;font-weight:900}.result-copy{min-width:0;padding-block:3px}.result-title-row{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.result-copy h2{margin:0;font-size:24px;line-height:1.35}.result-badge{min-height:27px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:var(--red-50,#fff1f2);color:var(--red-800,#991b1b);font-size:12px;font-weight:900}.result-copy p{margin:8px 0;color:var(--muted,#6b7280);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted,#6b7280);font-size:14px}.result-tags{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.result-tags span{padding:4px 8px;border-radius:999px;background:var(--surface-3,#f3f4f6);color:var(--muted,#6b7280);font-size:12px}.result-side{min-width:155px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px}.result-price{color:var(--red-800,#991b1b);font-size:20px;font-weight:950;text-align:left}.result-view-link{min-height:42px;padding:0 13px;border-radius:13px;display:inline-flex;align-items:center;background:var(--red-700,#bd1f25);color:#fff;font-weight:900}
.search-empty-state{margin-top:14px;padding:52px 18px;border:1px solid var(--line,#e5e7eb);border-radius:22px;background:var(--surface,#fff);text-align:center}.search-empty-state>div{font-size:62px;color:var(--red-700,#bd1f25)}.search-empty-state h2{margin:8px 0 4px}.search-empty-state p{margin:0 0 16px;color:var(--muted,#6b7280)}.search-loading{display:grid;gap:12px;margin-top:14px}.search-skeleton{height:170px;border-radius:22px;background:linear-gradient(90deg,var(--surface-2,#f9fafb),var(--surface-3,#f3f4f6),var(--surface-2,#f9fafb));background-size:200% 100%;animation:search-shimmer 1.1s linear infinite}@keyframes search-shimmer{to{background-position:-200% 0}}.search-pagination{margin-top:18px;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.search-pagination button{min-width:42px;min-height:42px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--surface,#fff);color:var(--text,#111827)}.search-pagination button.is-active{background:var(--red-700,#bd1f25);color:#fff}.recent-search-section{padding-bottom:50px}.recent-search-grid{display:flex;flex-wrap:wrap;gap:9px}.recent-search-grid a{min-height:42px;padding:0 14px;border:1px solid var(--line,#e5e7eb);border-radius:999px;background:var(--surface,#fff);color:var(--text,#111827);display:inline-flex;align-items:center}.filter-mobile-backdrop{position:fixed;inset:0;z-index:215;background:rgba(15,23,42,.45)}body.search-filter-open{overflow:hidden}
@media(max-width:1060px){.search-layout{grid-template-columns:1fr}.search-filter-panel{position:fixed;z-index:220;top:0;bottom:0;right:0;width:min(88vw,340px);max-height:100dvh;overflow-y:auto;border-radius:0;transform:translateX(105%);transition:transform .22s ease}body.search-filter-open .search-filter-panel{transform:translateX(0)}.filter-mobile-btn{display:inline-flex;align-items:center}}
@media(max-width:760px){.search-tabs-shell{top:68px}.search-result-card{grid-template-columns:105px minmax(0,1fr);min-height:0}.result-visual{min-height:120px}.result-side{grid-column:1/-1;min-width:0;flex-direction:row;align-items:center}.result-copy h2{font-size:20px}.search-toolbar{align-items:flex-start;flex-direction:column}.search-toolbar-actions{width:100%;justify-content:space-between}.hero-global-search{grid-template-columns:auto minmax(0,1fr);padding:10px 14px}.hero-global-search .primary-btn{grid-column:1/-1;width:100%}}
@media(max-width:520px){.search-result-card{grid-template-columns:1fr}.result-visual{min-height:150px}.result-side{grid-column:auto}.search-type-tabs{border-radius:14px}}


/* V42 — reliable search controls and full responsive results */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.header-search-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: transparent;
  color: var(--muted, #6b7280);
  font-size: 21px;
  cursor: pointer;
}

.header-search-icon:hover,
.header-search-icon:focus-visible {
  background: var(--red-50, #fff1f2);
  color: var(--red-800, #991b1b);
}

.public-header-search,
.search-page-header-form,
.category-public-search {
  min-width: 0;
}

.public-header-search input,
.search-page-header-form input,
.category-public-search input {
  min-width: 0;
}

.search-page-header-form > span {
  display: none;
}

.search-page-header-form button[type="submit"] {
  min-width: 54px;
  min-height: 36px;
  border-radius: 11px;
  background: var(--red-50, #fff1f2);
  padding-inline: 11px;
}

.filter-head-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}

.filter-panel-close {
  display: none;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line, #e5e7eb) !important;
  border-radius: 11px;
  background: var(--surface-2, #f9fafb) !important;
  color: var(--text, #111827) !important;
  font-size: 22px;
}

.search-results-column,
.search-result-card,
.result-copy,
.result-title-row {
  min-width: 0;
}

.result-copy h2,
.result-copy h2 a,
.result-price {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.search-type-tabs {
  scrollbar-width: thin;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.search-filter-panel {
  scrollbar-width: thin;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1180px) {
  .search-site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand actions"
      "search search";
    gap: 9px 12px;
  }

  .search-site-header .header-start {
    grid-area: brand;
    min-width: 0;
  }

  .search-site-header .header-actions {
    grid-area: actions;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
  }

  .search-site-header .header-search {
    grid-area: search;
    width: 100%;
    max-width: none;
  }

  .search-site-header .menu-toggle {
    display: inline-flex !important;
  }

  .search-layout {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  .search-result-card {
    grid-template-columns: 130px minmax(0, 1fr) 145px;
  }
}

@media (max-width: 1060px) {
  .search-tabs-shell {
    position: static;
  }

  .search-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .search-filter-panel {
    position: fixed !important;
    z-index: 240;
    top: 0 !important;
    right: 0;
    bottom: 0;
    width: min(90vw, 360px);
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    padding: 18px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
    border-radius: 0;
    overflow-y: auto;
    transform: translateX(105%);
    transition: transform .22s ease;
    box-shadow: -20px 0 55px rgba(15, 23, 42, .22);
  }

  body.search-filter-open .search-filter-panel {
    transform: translateX(0);
  }

  .filter-panel-close {
    display: grid;
    place-items: center;
  }

  .filter-mobile-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .filter-mobile-backdrop {
    z-index: 230;
  }
}

@media (max-width: 920px) {
  .search-site-header {
    position: sticky;
    top: 0;
    z-index: 160;
  }

  .search-site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas:
      "brand theme post"
      "search search search";
    padding-block: 8px;
  }

  .search-site-header .header-start {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .search-site-header .menu-toggle {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .search-site-header .brand small {
    display: none;
  }

  .search-site-header .theme-toggle {
    grid-area: theme;
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
  }

  .search-site-header .theme-toggle .theme-text {
    display: none;
  }

  .search-site-header .auth-actions {
    display: none !important;
  }

  .search-site-header .header-actions .primary-btn {
    grid-area: post;
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    font-size: 0;
  }

  .search-site-header .header-actions .primary-btn::after {
    content: "+";
    font-size: 25px;
    line-height: 1;
  }

  .search-site-header .header-search {
    min-height: 46px;
    margin: 0;
    border-radius: 15px;
  }

  .search-page-header-form button[type="submit"] {
    min-width: 46px;
    font-size: 0;
  }

  .search-page-header-form button[type="submit"]::after {
    content: "⌕";
    font-size: 21px;
  }

  .search-hero {
    padding: 28px 0 22px;
  }

  .search-hero h1 {
    font-size: clamp(29px, 8vw, 43px);
  }

  .hero-global-search {
    width: 100%;
  }

  .search-type-tabs {
    border-radius: 15px;
    padding: 7px;
  }

  .search-type-tabs button {
    min-height: 40px;
    padding-inline: 12px;
  }
}

@media (max-width: 760px) {
  .search-layout {
    padding-top: 14px;
    padding-bottom: 34px;
  }

  .search-toolbar {
    padding: 12px;
    gap: 12px;
    flex-direction: column;
    align-items: stretch;
  }

  .search-toolbar-actions {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: end;
  }

  .search-toolbar-actions label {
    min-width: 0;
  }

  .search-result-card {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
    padding: 11px;
    min-height: 0;
    border-radius: 18px;
  }

  .result-visual {
    min-height: 118px;
    border-radius: 15px;
  }

  .result-copy h2 {
    font-size: 19px;
  }

  .result-copy p {
    -webkit-line-clamp: 2;
    font-size: 14px;
    margin-block: 6px;
  }

  .result-meta {
    gap: 6px 10px;
    font-size: 13px;
  }

  .result-tags {
    display: none;
  }

  .result-side {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    padding-top: 10px;
    border-top: 1px solid var(--line, #e5e7eb);
    flex-direction: row;
    align-items: center;
  }

  .result-price {
    font-size: 18px;
    text-align: right;
  }

  .result-view-link {
    min-height: 39px;
  }

  .search-skeleton {
    height: 190px;
  }

  .search-pagination {
    gap: 5px;
  }

  .search-pagination button {
    min-width: 38px;
    min-height: 38px;
  }
}

@media (max-width: 560px) {
  .search-site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) 38px 38px;
  }

  .search-site-header .brand strong {
    max-width: 124px;
    font-size: 17px;
  }

  .search-site-header .brand-mark {
    width: 38px;
    height: 38px;
  }

  .search-site-header .menu-toggle {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }

  .search-site-header .theme-toggle,
  .search-site-header .header-actions .primary-btn {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }

  .search-hero {
    padding-top: 20px;
  }

  .breadcrumb {
    flex-wrap: wrap;
  }

  .hero-global-search {
    min-height: 0;
    padding: 9px;
    grid-template-columns: auto minmax(0, 1fr);
    border-radius: 17px;
  }

  .hero-global-search .primary-btn {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 44px;
  }

  .search-tabs-shell {
    padding-inline: 10px;
  }

  .search-layout,
  .recent-search-section {
    padding-inline: 10px;
  }

  .search-result-card {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .result-visual {
    min-height: 105px;
    font-size: 38px;
  }

  .result-type-label {
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
    min-height: 24px;
    padding-inline: 7px;
    font-size: 10px;
  }

  .result-copy h2 {
    font-size: 17px;
  }

  .result-meta span:nth-child(2),
  .result-meta span:nth-child(3) {
    display: none;
  }

  .result-side {
    align-items: stretch;
    flex-direction: column;
  }

  .result-view-link {
    justify-content: center;
    width: 100%;
  }

  .search-toolbar-actions {
    grid-template-columns: 1fr;
  }

  .filter-mobile-btn {
    width: 100%;
  }

  .search-suggestions {
    position: fixed;
    z-index: 300;
    top: auto;
    right: 10px;
    left: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    max-height: min(68dvh, 520px);
    border-radius: 20px;
  }
}

@media (max-width: 380px) {
  .search-result-card {
    grid-template-columns: 1fr;
  }

  .result-visual {
    aspect-ratio: 16 / 8;
    min-height: 125px;
  }

  .result-side {
    grid-column: auto;
  }

  .search-type-tabs button {
    padding-inline: 10px;
    font-size: 13px;
  }
}

/* V52 — search page mobile order, dark results visibility, and collision-free responsive panels */
.search-site-header .header-inner {
  grid-template-columns: auto minmax(280px, 1fr) auto;
}

.search-site-header .search-category-btn {
  display: inline-flex !important;
}

.search-results-column,
.search-results-grid,
.search-result-card,
.search-toolbar,
.search-type-tabs,
.search-filter-panel {
  min-width: 0;
  max-width: 100%;
}

.search-results-grid:not([hidden]) {
  display: grid !important;
  visibility: visible;
  opacity: 1;
}

html[data-theme="dark"] .search-hero {
  background:
    radial-gradient(circle at 85% 25%, rgba(220, 38, 38, .18), transparent 30%),
    linear-gradient(180deg, rgba(15, 23, 42, .96), transparent);
}

html[data-theme="dark"] .search-type-tabs,
html[data-theme="dark"] .search-filter-panel,
html[data-theme="dark"] .search-toolbar,
html[data-theme="dark"] .search-result-card,
html[data-theme="dark"] .search-empty-state,
html[data-theme="dark"] .recent-search-grid a,
html[data-theme="dark"] .search-pagination button,
html[data-theme="dark"] .search-suggestions,
html[data-theme="dark"] .hero-global-search {
  background: rgba(18, 26, 42, .97);
  border-color: rgba(148, 163, 184, .24);
  color: #f8fafc;
}

html[data-theme="dark"] .search-result-card {
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .search-result-card:hover {
  border-color: rgba(248, 113, 113, .38);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .34);
}

html[data-theme="dark"] .result-copy h2,
html[data-theme="dark"] .result-copy h2 a,
html[data-theme="dark"] .search-toolbar strong,
html[data-theme="dark"] .search-empty-state h2,
html[data-theme="dark"] .search-type-tabs button,
html[data-theme="dark"] .recent-search-grid a {
  color: #f8fafc;
}

html[data-theme="dark"] .result-visual {
  background: linear-gradient(135deg, rgba(220, 38, 38, .22), rgba(37, 99, 235, .20));
  border: 1px solid rgba(148, 163, 184, .18);
}

html[data-theme="dark"] .result-type-label {
  background: rgba(15, 23, 42, .92);
  color: #f8fafc;
  border: 1px solid rgba(148, 163, 184, .22);
}

html[data-theme="dark"] .result-tags span,
html[data-theme="dark"] .search-type-tabs button b,
html[data-theme="dark"] .search-filter-field select,
html[data-theme="dark"] .price-filter-grid input,
html[data-theme="dark"] .search-toolbar select,
html[data-theme="dark"] .filter-mobile-btn {
  background: rgba(15, 23, 42, .92);
  border-color: rgba(148, 163, 184, .22);
  color: #dbe4f0;
}

html[data-theme="dark"] .search-type-tabs button.is-active,
html[data-theme="dark"] .active-filter-chips button {
  background: rgba(220, 38, 38, .20);
  border-color: rgba(248, 113, 113, .35);
  color: #fecaca;
}

html[data-theme="dark"] .result-price {
  color: #fecaca;
}

@media (max-width: 920px) {
  .search-site-header .header-inner {
    direction: ltr;
    grid-template-columns: minmax(0, 1fr) 42px 42px !important;
    grid-template-areas:
      "brand theme category"
      "search search search" !important;
    gap: 9px;
    padding-block: 8px;
  }

  .search-site-header .header-start {
    grid-area: brand;
    direction: rtl;
    justify-self: start;
    min-width: 0;
  }

  .search-site-header .header-start .brand {
    direction: rtl;
  }

  .search-site-header .theme-toggle {
    grid-area: theme;
    justify-self: center;
  }

  .search-site-header .search-category-btn {
    grid-area: category;
    justify-self: end;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
  }

  .search-site-header .search-category-btn > span:last-child {
    display: none;
  }

  .search-site-header .header-search {
    grid-area: search;
    direction: rtl;
    width: 100%;
    margin: 0 0 2px;
  }

  .search-site-header .auth-actions,
  .search-site-header .header-actions > .primary-btn,
  .search-site-header .menu-toggle {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .search-type-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
  }

  .search-type-tabs button {
    width: 100%;
    min-width: 0;
    padding-inline: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .search-type-tabs button b {
    flex: 0 0 auto;
  }

  .search-result-card {
    overflow: hidden;
  }
}

@media (max-width: 520px) {
  .search-site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) 40px 40px !important;
  }

  .search-type-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .search-tabs-shell,
  .search-layout,
  .recent-search-section {
    width: min(100% - 16px, var(--container));
    padding-inline: 0;
  }

  .search-result-card,
  .search-toolbar,
  .search-empty-state {
    border-radius: 17px;
  }
}

/* V52 — keep the responsive category drawer above the sticky search header */
.search-mobile-drawer {
  z-index: 280;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

.search-site-header ~ .drawer-backdrop {
  z-index: 270;
}

.search-mobile-drawer .drawer-head {
  position: sticky;
  top: -18px;
  z-index: 2;
  margin: -18px -18px 0;
  padding: 18px 18px 14px;
  background: var(--surface, #fff);
}

html[data-theme="dark"] .search-mobile-drawer .drawer-head {
  background: #121a2a;
}
.search-result-card .result-visual img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}

/* V63 — keep autocomplete results fully inside the mobile viewport */
.search-autocomplete-root {
  min-width: 0;
  max-width: 100%;
}

.search-suggestions {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior: contain;
  direction: rtl;
}

.search-suggestions *,
.search-suggestions *::before,
.search-suggestions *::after {
  box-sizing: border-box;
}

.suggestion-item,
.suggestion-all,
.suggestion-empty,
.suggestion-caption {
  min-width: 0;
  max-width: 100%;
}

.suggestion-item {
  overflow: hidden;
}

.suggestion-copy,
.suggestion-copy strong,
.suggestion-copy small {
  min-width: 0;
  max-width: 100%;
}

.suggestion-all {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid rgba(189, 31, 37, .16);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: center;
  line-height: 1.65;
}

@media (max-width: 760px) {
  .search-suggestions {
    position: fixed !important;
    inset-inline: max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));
    top: auto !important;
    bottom: max(8px, env(safe-area-inset-bottom));
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: min(68dvh, 520px);
    margin: 0 !important;
    transform: none !important;
    border-radius: 18px;
  }

  .suggestion-item {
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    gap: 8px;
    padding-inline: 8px;
  }

  .suggestion-icon {
    width: 38px;
    height: 38px;
  }

  .suggestion-all {
    min-height: 46px;
    font-size: 14px;
  }
}

@media (max-width: 380px) {
  .search-suggestions {
    inset-inline: 6px;
    padding: 6px;
    border-radius: 16px;
  }

  .suggestion-item {
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    min-height: 52px;
    gap: 7px;
    padding: 7px 6px;
  }

  .suggestion-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 17px;
  }

  .suggestion-all {
    padding-inline: 8px;
    font-size: 13px;
  }
}


/* V65 — recent-search history controls */
.suggestion-caption-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.suggestion-caption-row > span {
  min-width: 0;
}

.suggestion-history-clear {
  flex: 0 0 auto;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 10px;
  border: 1px solid rgba(189, 31, 37, .16);
  border-radius: 999px;
  background: var(--red-50, #fff1f2);
  color: var(--red-800, #991b1b);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.suggestion-history-clear:hover {
  border-color: rgba(189, 31, 37, .3);
  background: rgba(189, 31, 37, .12);
}

.suggestion-history-clear:active {
  transform: scale(.97);
}

.suggestion-history-clear:focus-visible {
  outline: 3px solid rgba(189, 31, 37, .18);
  outline-offset: 2px;
}

html[data-theme="dark"] .suggestion-history-clear {
  border-color: rgba(248, 113, 113, .24);
  background: rgba(127, 29, 29, .28);
  color: #fecaca;
}

@media (max-width: 380px) {
  .suggestion-caption-row {
    gap: 6px;
    padding-inline: 6px;
  }

  .suggestion-history-clear {
    min-height: 30px;
    padding-inline: 8px;
    font-size: 11px;
  }
}
/* V51 — Persian-friendly mobile header order
   Physical order on small screens:
   left: site logo | center: theme | right: categories */
@media (max-width: 920px) {
  .site-header .header-inner {
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) 42px 42px !important;
    grid-template-areas:
      "brand theme category"
      "search search search" !important;
  }

  .site-header .header-start {
    grid-area: brand !important;
    direction: rtl;
    justify-self: start;
    justify-content: flex-start;
    min-width: 0;
  }

  .site-header .header-start .brand {
    direction: rtl;
  }

  .site-header .theme-toggle {
    grid-area: theme !important;
    direction: rtl;
    justify-self: center;
  }

  .site-header .header-category-btn {
    grid-area: category !important;
    direction: rtl;
    justify-self: end;
  }

  .site-header .header-search {
    grid-area: search !important;
    direction: rtl;
  }
}

@media (max-width: 640px) {
  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) 40px 40px !important;
  }
}

/* V52 — keep category control compact and physically on the right on every responsive public header */
@media (max-width: 920px) {
  .site-header .header-category-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
  }

  .site-header .header-category-btn > span:last-child {
    display: none !important;
  }
}
/*
  StockDivar Modern UI Layer — v63
  Typeface: Vazirmatn (open web font) with resilient system fallbacks.
  The font is loaded from Google Fonts; no font binaries are bundled in this package.
*/
:root {
  --font-main: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif;
  --brand-950: #4d0b11;
  --brand-900: #6f1018;
  --brand-800: #8f1821;
  --brand-700: #ad2029;
  --brand-600: #c52b34;
  --brand-100: #fde8ea;
  --brand-50: #fff5f6;
  --pro-bg: #f6f7f9;
  --pro-surface: rgba(255, 255, 255, .94);
  --pro-surface-solid: #fff;
  --pro-text: #17202d;
  --pro-muted: #687384;
  --pro-line: #e4e8ee;
  --pro-line-strong: #d7dde6;
  --pro-radius-xs: 10px;
  --pro-radius-sm: 14px;
  --pro-radius: 18px;
  --pro-radius-lg: 24px;
  --pro-shadow-xs: 0 2px 8px rgba(15, 23, 42, .045);
  --pro-shadow-sm: 0 8px 24px rgba(15, 23, 42, .065);
  --pro-shadow: 0 18px 48px rgba(15, 23, 42, .09);
  --pro-shadow-brand: 0 14px 30px rgba(173, 32, 41, .23);
  --red-950: var(--brand-950);
  --red-900: var(--brand-900);
  --red-800: var(--brand-800);
  --red-700: var(--brand-700);
  --red-600: var(--brand-600);
  --red-100: var(--brand-100);
  --red-50: var(--brand-50);
  --bg: var(--pro-bg);
  --surface: var(--pro-surface-solid);
  --text: var(--pro-text);
  --muted: var(--pro-muted);
  --line: var(--pro-line);
  --line-strong: var(--pro-line-strong);
  --radius-xs: var(--pro-radius-xs);
  --radius-sm: var(--pro-radius-sm);
  --radius: var(--pro-radius);
  --radius-lg: var(--pro-radius-lg);
  --shadow-sm: var(--pro-shadow-sm);
  --shadow: var(--pro-shadow);
  --shadow-red: var(--pro-shadow-brand);
}

html {
  font-family: var(--font-main) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
textarea,
select,
option,
optgroup,
table,
dialog {
  font-family: var(--font-main) !important;
}

input, textarea, select, button {
  font-size: 1rem;
}

input::placeholder, textarea::placeholder {
  color: #8a94a3;
  opacity: 1;
  font-weight: 400;
}

:where(.brand strong, h1, h2, h3, h4) {
  font-feature-settings: "ss01" 1, "kern" 1;
}

:where(.price, [data-price], .stat-value, .metric-value, td, th) {
  font-variant-numeric: tabular-nums;
}

body {
  color: var(--pro-text);
  background-color: var(--pro-bg);
  letter-spacing: -.006em;
  font-size: 16px;
  line-height: 1.75;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 90% -5%, rgba(197, 43, 52, .10), transparent 26rem),
    radial-gradient(circle at 0% 35%, rgba(31, 111, 235, .055), transparent 25rem),
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(246, 247, 249, .98) 30rem);
}

::selection {
  color: #fff;
  background: var(--brand-700);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(107, 114, 128, .45) transparent;
}

*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: rgba(107, 114, 128, .38);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid rgba(197, 43, 52, .22) !important;
  outline-offset: 2px;
}

:where(h1, h2, h3, h4, strong, b, th) {
  letter-spacing: -.018em;
}

:where(p, li, small, .meta, .muted) {
  letter-spacing: 0;
}

/* Header and navigation */
.site-header,
.category-header,
.panel-header {
  background: rgba(255, 255, 255, .84) !important;
  border-color: rgba(218, 223, 231, .88) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .025), 0 10px 30px rgba(15, 23, 42, .035);
  backdrop-filter: saturate(155%) blur(18px);
  -webkit-backdrop-filter: saturate(155%) blur(18px);
}

.brand-mark,
.profile-avatar,
.seller-avatar {
  background: linear-gradient(145deg, var(--brand-600), var(--brand-900)) !important;
  box-shadow: 0 10px 22px rgba(143, 24, 33, .22) !important;
}

.brand strong {
  font-weight: 900;
  letter-spacing: -.04em;
}

.brand small,
.header-search,
.desktop-nav,
.breadcrumb,
.eyebrow {
  letter-spacing: -.018em;
}

.header-search,
.hero-global-search,
.hero-search,
.drawer-search-box,
.search-page-header-form {
  border: 1px solid var(--pro-line) !important;
  background: rgba(247, 248, 250, .92) !important;
  box-shadow: inset 0 1px 1px rgba(15, 23, 42, .025);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

.header-search:focus-within,
.hero-global-search:focus-within,
.hero-search:focus-within,
.drawer-search-box:focus-within,
.search-page-header-form:focus-within {
  border-color: rgba(173, 32, 41, .46) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(173, 32, 41, .08), var(--pro-shadow-xs) !important;
}

.desktop-nav a,
.desktop-nav button,
.drawer-links a,
.mobile-bottom-nav a,
.mobile-bottom-nav button {
  font-weight: 600;
}

/* Unified buttons */
.primary-btn,
.secondary-btn,
.outline-btn,
.ghost-btn,
.login-btn,
.signup-btn,
.card-action,
.filter-mobile-btn,
.header-category-btn,
.nav-category-btn,
.theme-toggle,
[data-apply-filters],
[type="submit"] {
  border-radius: 12px !important;
  font-weight: 700;
  letter-spacing: -.018em;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

.primary-btn,
.signup-btn,
.drawer-post,
.mobile-post {
  background: linear-gradient(145deg, var(--brand-600), var(--brand-800)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: var(--pro-shadow-brand) !important;
}

.primary-btn:hover,
.signup-btn:hover,
.drawer-post:hover,
.mobile-post:hover {
  transform: translateY(-1px);
  background: linear-gradient(145deg, var(--brand-700), var(--brand-900)) !important;
  box-shadow: 0 17px 34px rgba(143, 24, 33, .28) !important;
}

.secondary-btn,
.outline-btn,
.ghost-btn,
.login-btn,
.theme-toggle,
.header-category-btn,
.nav-category-btn,
.filter-mobile-btn {
  border-color: var(--pro-line) !important;
  box-shadow: var(--pro-shadow-xs);
}

.secondary-btn:hover,
.outline-btn:hover,
.ghost-btn:hover,
.login-btn:hover,
.theme-toggle:hover,
.header-category-btn:hover,
.nav-category-btn:hover,
.filter-mobile-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(173, 32, 41, .25) !important;
  box-shadow: var(--pro-shadow-sm);
}

button:active,
.primary-btn:active,
.secondary-btn:active,
.outline-btn:active,
.ghost-btn:active {
  transform: translateY(0) scale(.985) !important;
}

/* Cards, panels, lists */
.card-surface,
.notice-card,
.stat-card,
.action-card,
.product-card,
.job-card,
.resume-card,
.category-card,
.path-card,
.about-card,
.gallery-card,
.product-info-card,
.content-card,
.product-card-mini,
.search-type-tabs,
.search-filter-panel,
.search-toolbar,
.search-result-card,
.form-card,
.store-card,
.order-card,
.ticket-card,
.wallet-card,
.report-card,
.panel-card,
.dashboard-sidebar,
.mobile-bottom-nav,
.drawer,
.app-modal,
.location-modal,
.public-account-dropdown,
.sd-modal {
  border-color: var(--pro-line) !important;
  box-shadow: var(--pro-shadow-sm) !important;
}

.card-surface,
.notice-card,
.stat-card,
.action-card,
.product-card,
.job-card,
.resume-card,
.category-card,
.path-card,
.about-card,
.gallery-card,
.product-info-card,
.content-card,
.product-card-mini,
.search-filter-panel,
.search-toolbar,
.search-result-card,
.form-card,
.store-card,
.order-card,
.ticket-card,
.wallet-card,
.report-card,
.panel-card {
  border-radius: var(--pro-radius) !important;
  background: var(--pro-surface) !important;
}

:where(.product-card, .job-card, .resume-card, .category-card, .path-card, .action-card, .stat-card, .search-result-card, .product-card-mini, .store-card) {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

:where(.product-card, .job-card, .resume-card, .category-card, .path-card, .action-card, .search-result-card, .product-card-mini, .store-card):hover {
  transform: translateY(-3px);
  border-color: rgba(173, 32, 41, .20) !important;
  box-shadow: var(--pro-shadow) !important;
}

.eyebrow,
.badge,
.status-pill,
.stat-trend,
.job-tags span,
.resume-tags span,
.category-chip,
.active-filter-chips button,
.search-result-badge {
  border-radius: 999px !important;
  font-weight: 700;
}

/* Inputs and forms */
input,
textarea,
select {
  border-radius: 11px !important;
}

:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  border-color: var(--pro-line) !important;
  background-color: rgba(250, 251, 252, .96) !important;
  color: var(--pro-text) !important;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus {
  border-color: rgba(173, 32, 41, .48) !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 4px rgba(173, 32, 41, .075) !important;
  outline: 0 !important;
}

input::placeholder,
textarea::placeholder {
  color: #9aa3b2 !important;
  opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--brand-700);
}

/* Dashboard refinement */
.layout-shell {
  gap: 22px !important;
}

.dashboard-sidebar {
  background: rgba(255, 255, 255, .88) !important;
  backdrop-filter: blur(16px);
}

.sidebar-nav a,
.panel-nav a {
  border-radius: 11px !important;
  font-weight: 600;
}

.sidebar-nav a:hover,
.sidebar-nav a.active,
.panel-nav a:hover,
.panel-nav a.active {
  background: linear-gradient(135deg, var(--brand-50), rgba(255, 255, 255, .9)) !important;
  color: var(--brand-800) !important;
}

.page-intro h1 {
  max-width: 820px;
  line-height: 1.42;
}

.stats-grid,
.quick-actions-grid,
.products-grid,
.search-results-grid {
  gap: 16px !important;
}

.stat-card strong,
.price,
.price-box strong,
.wallet-balance,
.order-total {
  font-variant-numeric: tabular-nums;
}

/* Search and filter polish */
.search-hero {
  border-bottom: 1px solid rgba(228, 232, 238, .8);
}

.search-type-tabs {
  background: rgba(255, 255, 255, .86) !important;
  backdrop-filter: blur(16px);
  padding: 7px !important;
}

.search-type-tabs button {
  border-radius: 11px !important;
  min-height: 44px;
  font-weight: 700;
}

.search-type-tabs button.is-active {
  color: #fff !important;
  background: linear-gradient(145deg, var(--brand-600), var(--brand-800)) !important;
  box-shadow: 0 10px 22px rgba(143, 24, 33, .20) !important;
}

.search-filter-panel {
  position: sticky;
  top: 92px;
  overflow: hidden;
}

.search-filter-panel::before {
  content: "";
  display: block;
  height: 4px;
  margin: -1px -1px 14px;
  background: linear-gradient(90deg, var(--brand-900), var(--brand-600), #ee7b82);
}

.search-result-card {
  overflow: hidden;
}

.search-result-card img,
.product-thumb img,
.main-image img,
.thumb img,
.media-preview img,
.media-preview video {
  object-fit: cover;
}

/* Professional modal/drawer surfaces */
.drawer,
.app-modal,
.location-modal,
.sd-modal {
  background: rgba(255, 255, 255, .97) !important;
  backdrop-filter: blur(22px);
}

.drawer-head,
.modal-head,
.filter-panel-head {
  border-color: var(--pro-line) !important;
}

/* Dark theme — public pages and panel pages */
html[data-theme="dark"],
body.dark-mode {
  --pro-bg: #0c111a;
  --pro-surface: rgba(20, 28, 41, .94);
  --pro-surface-solid: #141c29;
  --pro-text: #eef3f8;
  --pro-muted: #9ca8b8;
  --pro-line: #2a3545;
  --pro-line-strong: #364355;
  --brand-50: rgba(197, 43, 52, .12);
  --brand-100: rgba(197, 43, 52, .18);
  --bg: var(--pro-bg);
  --surface: var(--pro-surface-solid);
  --text: var(--pro-text);
  --muted: var(--pro-muted);
  --line: var(--pro-line);
  --line-strong: var(--pro-line-strong);
  color-scheme: dark;
}

html[data-theme="dark"] body,
body.dark-mode {
  color: var(--pro-text) !important;
  background: var(--pro-bg) !important;
}

html[data-theme="dark"] body::before,
body.dark-mode::before {
  background:
    radial-gradient(circle at 92% -8%, rgba(197, 43, 52, .17), transparent 28rem),
    radial-gradient(circle at -8% 38%, rgba(37, 99, 235, .10), transparent 24rem),
    linear-gradient(180deg, #0b1018, #0c111a 30rem);
}

html[data-theme="dark"] :where(.site-header, .category-header, .panel-header),
body.dark-mode :where(.site-header, .category-header, .panel-header) {
  background: rgba(12, 17, 26, .82) !important;
  border-color: rgba(42, 53, 69, .9) !important;
}

html[data-theme="dark"] :where(.card-surface, .notice-card, .stat-card, .action-card, .product-card, .job-card, .resume-card, .category-card, .path-card, .about-card, .gallery-card, .product-info-card, .content-card, .product-card-mini, .search-type-tabs, .search-filter-panel, .search-toolbar, .search-result-card, .form-card, .store-card, .order-card, .ticket-card, .wallet-card, .report-card, .panel-card, .dashboard-sidebar, .mobile-bottom-nav, .drawer, .app-modal, .location-modal, .public-account-dropdown, .sd-modal),
body.dark-mode :where(.card-surface, .notice-card, .stat-card, .action-card, .product-card, .job-card, .resume-card, .category-card, .path-card, .about-card, .gallery-card, .product-info-card, .content-card, .product-card-mini, .search-type-tabs, .search-filter-panel, .search-toolbar, .search-result-card, .form-card, .store-card, .order-card, .ticket-card, .wallet-card, .report-card, .panel-card, .dashboard-sidebar, .mobile-bottom-nav, .drawer, .app-modal, .location-modal, .public-account-dropdown, .sd-modal) {
  background: var(--pro-surface) !important;
  border-color: var(--pro-line) !important;
  color: var(--pro-text) !important;
}

html[data-theme="dark"] :where(h1, h2, h3, h4, strong, b, label, dt, dd, .brand strong, .price, .price-box strong),
body.dark-mode :where(h1, h2, h3, h4, strong, b, label, dt, dd, .brand strong, .price, .price-box strong) {
  color: var(--pro-text) !important;
}

html[data-theme="dark"] :where(p, small, .meta, .muted, .brand small, .breadcrumb, .search-toolbar span),
body.dark-mode :where(p, small, .meta, .muted, .brand small, .breadcrumb, .search-toolbar span) {
  color: var(--pro-muted) !important;
}

html[data-theme="dark"] :where(.header-search, .hero-global-search, .hero-search, .drawer-search-box, .search-page-header-form),
body.dark-mode :where(.header-search, .hero-global-search, .hero-search, .drawer-search-box, .search-page-header-form) {
  background: rgba(19, 27, 40, .92) !important;
  border-color: var(--pro-line) !important;
}

html[data-theme="dark"] :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select),
body.dark-mode :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  color: var(--pro-text) !important;
  background: #111927 !important;
  border-color: var(--pro-line) !important;
}

html[data-theme="dark"] :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus,
body.dark-mode :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus {
  background: #151f2f !important;
  border-color: rgba(232, 95, 103, .55) !important;
  box-shadow: 0 0 0 4px rgba(197, 43, 52, .13) !important;
}

html[data-theme="dark"] .sidebar-nav a:hover,
html[data-theme="dark"] .sidebar-nav a.active,
body.dark-mode .sidebar-nav a:hover,
body.dark-mode .sidebar-nav a.active {
  background: rgba(197, 43, 52, .14) !important;
  color: #ffb3b8 !important;
}

html[data-theme="dark"] .search-type-tabs button.is-active,
body.dark-mode .search-type-tabs button.is-active {
  color: #fff !important;
}

/* Responsive refinement */
@media (max-width: 940px) {
  body::before { background-attachment: scroll; }

  .site-header,
  .panel-header {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .search-filter-panel {
    position: fixed;
    top: auto;
  }

  .card-surface,
  .notice-card,
  .stat-card,
  .action-card,
  .product-card,
  .job-card,
  .resume-card,
  .search-result-card,
  .form-card,
  .content-card {
    border-radius: 16px !important;
  }
}

@media (max-width: 640px) {
  :root {
    --pro-radius: 15px;
    --pro-radius-lg: 19px;
  }

  body {
    letter-spacing: 0;
  }

  .primary-btn,
  .secondary-btn,
  .outline-btn,
  .ghost-btn,
  .login-btn,
  .signup-btn,
  .card-action,
  .filter-mobile-btn,
  .header-category-btn,
  .theme-toggle {
    border-radius: 10px !important;
  }

  .search-type-tabs {
    padding: 5px !important;
  }

  .search-type-tabs button {
    min-height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* v63 modern typography and density refinements */
.desktop-nav { gap: 8px !important; }
.desktop-nav .nav-category-btn { padding-inline: 16px !important; }

:where(.card, .panel-card, .content-card, .product-card, .search-result-card, .store-card, .listing-card) {
  text-wrap: pretty;
}

:where(.primary-btn, .secondary-btn, .outline-btn, .ghost-btn, .header-category-btn, .nav-category-btn) {
  min-height: 44px;
}

@media (max-width: 640px) {
  body { font-size: 15.5px; line-height: 1.72; }
  input, textarea, select { font-size: 16px; }
  .brand strong { letter-spacing: -.025em; }
}
/* V64 — supplied StockDivar brand identity */
.brand-logo-wrap {
  position: relative;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: inline-grid;
  place-items: center;
  border-radius: 17px;
  isolation: isolate;
  filter: drop-shadow(0 8px 14px rgba(185, 28, 28, .22));
  transform: translateZ(0);
}

.brand-logo-wrap::before {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,68,68,.20), rgba(239,68,68,0) 70%);
  animation: stockdivar-logo-halo 4.6s ease-in-out infinite;
}

.brand-logo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
  transform-origin: 50% 52%;
  animation: stockdivar-logo-float 5.2s ease-in-out infinite;
  transition: transform .28s cubic-bezier(.2,.8,.2,1), filter .28s ease;
}

.brand:hover .brand-logo,
.panel-brand:hover .brand-logo,
.auth-brand:hover .brand-logo {
  transform: translateY(-1px) rotate(-3deg) scale(1.055);
  filter: saturate(1.08) contrast(1.03);
}

.footer-brand .brand-logo-wrap {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
}

@keyframes stockdivar-logo-float {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-1.5px) rotate(1deg); }
}

@keyframes stockdivar-logo-halo {
  0%, 100% { opacity: .36; transform: scale(.92); }
  50% { opacity: .72; transform: scale(1.08); }
}

@media (max-width: 640px) {
  .brand-logo-wrap {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 14px;
    filter: drop-shadow(0 6px 10px rgba(185,28,28,.18));
  }

  .footer-brand .brand-logo-wrap {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-logo,
  .brand-logo-wrap::before {
    animation: none !important;
  }
}
/* V64 — definitive viewport-safe search and mobile overflow fixes */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body,
.site-header,
.site-header .container,
.header-inner,
.header-start,
.header-search,
.search-autocomplete-root,
.search-layout,
.search-results-column,
.search-results-grid,
.search-result-card,
.content-layout,
.content-main,
.home-filter {
  min-width: 0;
  max-width: 100%;
}

img,
video,
svg,
canvas {
  max-width: 100%;
}

.search-autocomplete-root {
  position: relative;
  isolation: isolate;
}

/* The dropdown is portalled to body by public-search.js and positioned with viewport-clamped CSS variables. */
.search-suggestions.search-suggestions-portal {
  position: fixed !important;
  z-index: 10000 !important;
  left: var(--sd-suggest-left, 8px) !important;
  right: auto !important;
  top: var(--sd-suggest-top, 72px) !important;
  bottom: auto !important;
  width: var(--sd-suggest-width, calc(100vw - 16px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 16px) !important;
  max-height: var(--sd-suggest-max-height, min(480px, 65dvh)) !important;
  margin: 0 !important;
  transform: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  box-sizing: border-box;
  contain: layout paint;
}

.search-suggestions.search-suggestions-portal *,
.search-suggestions.search-suggestions-portal *::before,
.search-suggestions.search-suggestions-portal *::after {
  box-sizing: border-box;
  min-width: 0;
}

.search-suggestions.search-suggestions-portal .suggestion-item,
.search-suggestions.search-suggestions-portal .suggestion-all,
.search-suggestions.search-suggestions-portal .suggestion-empty,
.search-suggestions.search-suggestions-portal .suggestion-caption {
  width: 100%;
  max-width: 100%;
}

.search-suggestions.search-suggestions-portal .suggestion-all {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}

@media (max-width: 920px) {
  .site-header .header-inner {
    width: min(calc(100% - 16px), var(--container, 1240px));
    margin-inline: auto;
  }

  .site-header .header-search {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .site-header .header-search input,
  .hero-global-search input,
  .search-page-header-form input {
    min-width: 0;
    max-width: 100%;
  }

  .search-suggestions.search-suggestions-portal {
    border-radius: 17px;
    padding: 7px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .22);
  }

  /* Horizontal category controls scroll inside themselves instead of widening the document. */
  .home-filter,
  .search-type-tabs,
  .tabs-row {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: 8px;
  }

  .home-filter > *,
  .search-type-tabs > *,
  .tabs-row > * {
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  .search-suggestions.search-suggestions-portal {
    max-width: calc(100vw - 12px) !important;
    border-radius: 15px;
    padding: 6px;
  }

  .search-suggestions.search-suggestions-portal .suggestion-item {
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    gap: 7px;
    min-height: 52px;
    padding: 7px 6px;
  }

  .search-suggestions.search-suggestions-portal .suggestion-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 17px;
  }

  .search-suggestions.search-suggestions-portal .suggestion-all {
    min-height: 44px;
    font-size: 13px;
    line-height: 1.55;
  }
}
/* StockDivar V66 — P0 design system, mobile search, cards and accessibility */
:root {
  --color-primary: #b4232d;
  --color-primary-hover: #941b24;
  --color-primary-strong: #75151d;
  --color-primary-soft: #fff1f2;
  --color-primary-border: #fecdd3;
  --color-bg: #f7f8fa;
  --color-surface: #ffffff;
  --color-surface-muted: #f4f5f7;
  --color-text: #171a23;
  --color-text-muted: #667085;
  --color-border: #e4e7ec;
  --color-success: #067647;
  --color-warning: #b54708;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-full: 999px;
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);
  --shadow-sm: 0 4px 14px rgba(16, 24, 40, .07);
  --shadow-md: 0 14px 38px rgba(16, 24, 40, .10);
  --shadow-dialog: 0 24px 80px rgba(16, 24, 40, .22);
  --focus-ring: 0 0 0 4px rgba(180, 35, 45, .14);
  --type-xs: 12px;
  --type-sm: 14px;
  --type-md: 16px;
  --type-lg: 18px;
  --type-xl: 24px;
  --type-2xl: 32px;

  /* Backward-compatible aliases used by existing pages. */
  --red-950: var(--color-primary-strong);
  --red-900: #851a22;
  --red-800: var(--color-primary-hover);
  --red-700: var(--color-primary);
  --red-600: #d92d3a;
  --red-100: #ffe4e8;
  --red-50: var(--color-primary-soft);
  --bg: var(--color-bg);
  --surface: var(--color-surface);
  --surface-2: #fbfcfd;
  --surface-3: var(--color-surface-muted);
  --text: var(--color-text);
  --muted: var(--color-text-muted);
  --muted-2: #98a2b3;
  --line: var(--color-border);
  --radius-xs: var(--radius-sm);
  --radius: var(--radius-lg);
  --shadow: var(--shadow-md);
  --shadow-red: 0 12px 28px rgba(180, 35, 45, .18);
}

html[data-theme="dark"],
body.dark-mode {
  --color-bg: #0d111a;
  --color-surface: #151b26;
  --color-surface-muted: #1d2532;
  --color-text: #f2f4f7;
  --color-text-muted: #b7c0ce;
  --color-border: #2b3545;
  --color-primary-soft: rgba(180, 35, 45, .16);
  --color-primary-border: rgba(251, 113, 133, .22);
  --bg: var(--color-bg);
  --surface: var(--color-surface);
  --surface-2: #18202c;
  --surface-3: var(--color-surface-muted);
  --text: var(--color-text);
  --muted: var(--color-text-muted);
  --muted-2: #98a2b3;
  --line: var(--color-border);
  --red-50: var(--color-primary-soft);
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .22);
  --shadow-sm: 0 6px 18px rgba(0, 0, 0, .25);
  --shadow-md: 0 18px 46px rgba(0, 0, 0, .34);
  --shadow-dialog: 0 28px 90px rgba(0, 0, 0, .55);
}

html { background: var(--color-bg); }
body {
  font-size: var(--type-md);
  line-height: 1.75;
  color: var(--color-text);
  background-color: var(--color-bg);
}

h1, h2, h3, h4, p { overflow-wrap: anywhere; }
h1 { font-size: clamp(26px, 4vw, 38px); line-height: 1.3; letter-spacing: -.025em; }
h2 { font-size: clamp(22px, 3vw, 30px); line-height: 1.35; letter-spacing: -.018em; }
h3 { font-size: var(--type-lg); line-height: 1.5; }
.section-head h1, .section-head h2 { margin: 8px 0 0; color: var(--color-text); font-size: clamp(25px, 3.2vw, 36px); line-height: 1.35; letter-spacing: -.02em; }
small { font-size: var(--type-sm); }

button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, input, select, textarea { font-family: inherit; }
button, [role="button"], a { touch-action: manipulation; }

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--color-primary) !important;
  outline-offset: 2px;
  box-shadow: var(--focus-ring) !important;
}

:where(input, select, textarea) {
  color: var(--color-text);
  accent-color: var(--color-primary);
}

:where(.primary-btn, .secondary-btn, .ghost-btn, .outline-btn, .theme-toggle, .icon-btn, .drawer-close, .filter-mobile-btn) {
  min-height: 44px;
  border-radius: var(--radius-md);
  font-weight: 700;
}
.primary-btn {
  background: var(--color-primary) !important;
  box-shadow: 0 8px 18px rgba(180, 35, 45, .18) !important;
}
.primary-btn:hover { background: var(--color-primary-hover) !important; }
.secondary-btn { background: var(--color-primary-soft) !important; color: var(--color-primary-hover) !important; border-color: var(--color-primary-border) !important; }
.ghost-btn, .outline-btn { background: var(--color-surface) !important; color: var(--color-text) !important; border-color: var(--color-border) !important; }

:where(.card-surface, .product-card, .job-card, .resume-card, .search-result-card, .public-detail-card, .category-card, .path-card, .home-filter) {
  border-color: var(--color-border) !important;
  border-radius: var(--radius-lg) !important;
  background: var(--color-surface) !important;
  box-shadow: var(--shadow-xs) !important;
}
:where(.card-surface, .product-card, .job-card, .resume-card, .search-result-card, .public-detail-card):hover {
  box-shadow: var(--shadow-sm) !important;
}

.eyebrow, .badge, .result-badge, .result-type-label, .status-pill {
  font-size: var(--type-xs) !important;
  font-weight: 800 !important;
}

/* Public header: simpler, denser and consistent. */
.site-header { border-color: var(--color-border) !important; box-shadow: var(--shadow-xs) !important; }
.header-search {
  min-height: 48px !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--color-surface-muted) !important;
}
.header-search:focus-within { border-color: var(--color-primary) !important; box-shadow: var(--focus-ring) !important; background: var(--color-surface) !important; }
.brand strong { font-size: 20px !important; letter-spacing: -.02em; }
.brand small { font-size: 12px !important; }
.brand-logo-wrap { animation: none !important; }
.brand-logo { animation: p0-logo-enter .55s cubic-bezier(.2,.8,.2,1) both !important; }
@keyframes p0-logo-enter { from { opacity: 0; transform: scale(.86) rotate(-7deg); } to { opacity: 1; transform: scale(1) rotate(0); } }

/* Standard marketplace cards. */
.product-grid, #listingGrid { gap: 14px !important; }
.product-card.market-card,
.product-card.p0-product-card {
  position: relative;
  display: grid !important;
  grid-template-columns: 142px minmax(0, 1fr) !important;
  min-height: 178px !important;
  overflow: hidden;
  isolation: isolate;
}
.product-card .product-link {
  color: inherit;
  text-decoration: none;
  display: contents;
}
.product-card .product-thumb {
  position: relative;
  min-height: 178px;
  border-left: 1px solid var(--color-border) !important;
  background: linear-gradient(145deg, var(--color-primary-soft), var(--color-surface-muted)) !important;
  overflow: hidden;
  display: grid;
  place-items: center;
}
.product-card .product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.product-placeholder-icon { width: 58px; height: 58px; color: var(--color-primary); opacity: .88; }
.product-placeholder-icon svg { width: 100%; height: 100%; }
.product-card .badge { top: 10px !important; right: 10px !important; background: color-mix(in srgb, var(--color-surface) 92%, transparent) !important; color: var(--color-primary-hover) !important; border: 1px solid var(--color-primary-border) !important; }
.product-card .media-indicator {
  position: absolute; left: 10px; bottom: 10px; min-height: 28px; display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 8px; border-radius: var(--radius-full); background: rgba(17,24,39,.78); color: #fff; font-size: 11px; font-weight: 800;
}
.product-card .product-body { padding: 15px !important; gap: 8px !important; align-content: stretch !important; }
.product-card .product-body h3 {
  margin: 0 !important;
  color: var(--color-text) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.product-card .product-meta-line { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 9px; color: var(--color-text-muted); font-size: 13px; margin-top: auto; }
.product-card .product-meta-line span { display: inline-flex; align-items: center; gap: 4px; }
.product-card .product-price-row { display: flex; align-items: end; justify-content: space-between; gap: 8px; }
.product-card .price { color: var(--color-text) !important; font-size: 18px !important; line-height: 1.45; }
.product-card .condition-chip { flex: 0 0 auto; color: var(--color-primary-hover); background: var(--color-primary-soft); border: 1px solid var(--color-primary-border); border-radius: var(--radius-full); padding: 2px 8px; font-size: 11px; font-weight: 800; }
.product-card .card-action { display: none !important; }
.product-save-btn {
  position: absolute; z-index: 3; left: 10px; top: 10px; width: 38px; height: 38px; padding: 0; display: grid; place-items: center;
  border-radius: 50%; border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent); background: color-mix(in srgb, var(--color-surface) 90%, transparent); color: var(--color-text-muted); box-shadow: var(--shadow-xs);
}
.product-save-btn svg { width: 19px; height: 19px; }
.product-save-btn[aria-pressed="true"] { color: var(--color-primary); background: var(--color-primary-soft); border-color: var(--color-primary-border); }

/* Search result cards use the same visual language. */
.search-result-card {
  grid-template-columns: 148px minmax(0, 1fr) auto !important;
  gap: 16px !important;
  padding: 12px !important;
  min-height: 172px !important;
}
.result-visual { border-radius: var(--radius-md) !important; min-height: 146px !important; background: linear-gradient(145deg, var(--color-primary-soft), var(--color-surface-muted)) !important; overflow: hidden; }
.result-visual img { width: 100%; height: 100%; object-fit: cover; }
.result-visual .product-placeholder-icon { width: 54px; height: 54px; }
.result-copy h2 { font-size: 18px !important; line-height: 1.5 !important; margin: 0 !important; }
.result-copy > p { color: var(--color-text-muted) !important; font-size: 14px !important; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.result-meta { font-size: 13px !important; color: var(--color-text-muted) !important; }
.result-price { font-size: 17px !important; color: var(--color-text) !important; }
.result-view-link { min-height: 42px !important; border-radius: var(--radius-md) !important; }

/* Dashboard first viewport: task-focused instead of promotional. */
body[data-page="dashboard"] .dashboard-main { gap: 14px !important; }
body[data-page="dashboard"] .page-intro {
  min-height: auto !important;
  padding: 18px 20px !important;
  border-radius: var(--radius-lg) !important;
}
body[data-page="dashboard"] .page-intro h1 { font-size: clamp(24px, 3vw, 32px) !important; }
body[data-page="dashboard"] .page-intro p { margin-top: 5px !important; font-size: 14px; max-width: 650px; }
body[data-page="dashboard"] .notice-card.compact-notice { padding: 12px 16px !important; display: flex !important; align-items: center; gap: 12px; }
body[data-page="dashboard"] .compact-notice .notice-icon { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 12px; background: var(--color-primary-soft); color: var(--color-primary); }
body[data-page="dashboard"] .compact-notice .notice-copy { flex: 1; }
body[data-page="dashboard"] .compact-notice h2 { font-size: 15px !important; margin: 0 !important; }
body[data-page="dashboard"] .compact-notice p { margin: 2px 0 0 !important; font-size: 13px; }
body[data-page="dashboard"] .compact-notice .notice-actions { display: flex; gap: 8px; }
body[data-page="dashboard"] .stats-grid { order: 2; gap: 12px !important; }
body[data-page="dashboard"] .stat-card { padding: 16px !important; }
body[data-page="dashboard"] .stat-card strong { font-size: 30px !important; }
body[data-page="dashboard"] .stat-card p { font-size: 13px; line-height: 1.6; }

/* Forms and accessible hit targets. */
:where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { min-height: 46px; }
:where(button, .nav-item, .quick-row, .category-chip, .filter-link) { min-height: 44px; }
[aria-disabled="true"] { cursor: not-allowed !important; opacity: .62; }
.sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
  overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}

/* Mobile full-screen search. */
body.mobile-search-open { overflow: hidden !important; }
body.mobile-search-open .mobile-bottom-nav { visibility: hidden !important; pointer-events: none !important; }
.mobile-search-overlay {
  position: fixed; inset: 0; z-index: 30000; width: 100%; height: 100vh; height: 100dvh;
  display: grid; grid-template-rows: auto minmax(0, 1fr) auto; background: var(--color-bg); color: var(--color-text); overscroll-behavior: none;
}
.mobile-search-overlay[hidden] { display: none !important; }
.mobile-search-topbar {
  display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 8px;
  padding: max(10px, env(safe-area-inset-top)) 10px 10px; border-bottom: 1px solid var(--color-border); background: color-mix(in srgb, var(--color-surface) 94%, transparent); backdrop-filter: blur(16px);
}
.mobile-search-back { width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--color-text); display: grid; place-items: center; }
.mobile-search-back svg { width: 23px; height: 23px; }
.mobile-search-form {
  min-width: 0; min-height: 48px; display: grid; grid-template-columns: 28px minmax(0,1fr) 36px auto; align-items: center; gap: 4px;
  border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-muted); padding: 0 8px;
}
.mobile-search-form:focus-within { border-color: var(--color-primary); box-shadow: var(--focus-ring); background: var(--color-surface); }
.mobile-search-leading { color: var(--color-text-muted); display: grid; place-items: center; }
.mobile-search-leading svg { width: 20px; height: 20px; }
.mobile-search-form input { min-width: 0; width: 100%; min-height: 46px; border: 0; outline: 0; background: transparent; color: var(--color-text); font-size: 16px; }
.mobile-search-clear { width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--color-border); color: var(--color-text-muted); font-size: 20px; line-height: 1; }
.mobile-search-submit { min-height: 36px; border: 0; border-radius: 11px; padding: 0 10px; background: var(--color-primary); color: #fff; font-size: 13px; font-weight: 800; }
.mobile-search-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 14px 12px 24px; }
.mobile-search-results { width: min(100%, 680px); margin-inline: auto; }
.mobile-search-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; margin-bottom: 6px; }
.mobile-search-section-head strong, .mobile-search-group h2 { margin: 0; font-size: 14px; color: var(--color-text-muted); }
.mobile-search-section-head button { min-height: 36px; padding: 0 8px; border: 0; background: transparent; color: var(--color-primary); font-weight: 800; }
.mobile-search-list { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); overflow: hidden; box-shadow: var(--shadow-xs); }
.mobile-search-group + .mobile-search-group { margin-top: 18px; }
.mobile-search-group h2 { margin: 0 6px 7px; }
.mobile-search-row { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; border-bottom: 1px solid var(--color-border); }
.mobile-search-row:last-child { border-bottom: 0; }
.mobile-search-item { width: 100%; min-width: 0; min-height: 66px; border: 0; background: transparent; color: var(--color-text); display: grid; grid-template-columns: 40px minmax(0,1fr) 18px; align-items: center; gap: 10px; padding: 9px 12px; text-align: right; }
.mobile-search-item:active { background: var(--color-surface-muted); }
.mobile-search-item-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; background: var(--color-primary-soft); color: var(--color-primary); }
.mobile-search-item-icon svg { width: 21px; height: 21px; }
.mobile-search-item .suggestion-copy { min-width: 0; display: grid; gap: 1px; }
.mobile-search-item .suggestion-copy strong { min-width: 0; font-size: 15px; line-height: 1.55; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mobile-search-item .suggestion-copy small { color: var(--color-text-muted); font-size: 12px; }
.mobile-search-item .suggestion-arrow { color: var(--color-text-muted); font-size: 22px; }
.mobile-history-remove { width: 40px; height: 40px; margin-left: 6px; border: 0; border-radius: 50%; background: transparent; color: var(--color-text-muted); font-size: 21px; }
.mobile-search-all { width: 100%; min-height: 48px; margin-top: 14px; padding: 9px 14px; border: 1px solid var(--color-primary-border); border-radius: var(--radius-md); background: var(--color-primary-soft); color: var(--color-primary-hover); font-weight: 800; line-height: 1.6; }
.mobile-search-empty { min-height: 260px; display: grid; align-content: center; justify-items: center; text-align: center; color: var(--color-text-muted); padding: 30px; }
.mobile-search-empty.compact { min-height: 190px; }
.mobile-search-empty > span { width: 58px; height: 58px; border-radius: 20px; background: var(--color-surface-muted); display: grid; place-items: center; color: var(--color-primary); }
.mobile-search-empty svg { width: 28px; height: 28px; }
.mobile-search-empty h2 { margin: 14px 0 4px; color: var(--color-text); font-size: 20px; }
.mobile-search-empty p { margin: 0; font-size: 14px; }
.mobile-search-popular { margin-top: -24px; }
.mobile-search-popular > strong { display: block; margin-bottom: 8px; font-size: 14px; }
.mobile-search-popular > div { display: flex; flex-wrap: wrap; gap: 8px; }
.mobile-search-popular button { min-height: 40px; border: 1px solid var(--color-border); border-radius: var(--radius-full); background: var(--color-surface); color: var(--color-text); padding: 0 13px; }
.mobile-search-hint { padding: 24px 14px; border: 1px dashed var(--color-border); border-radius: var(--radius-lg); color: var(--color-text-muted); text-align: center; background: var(--color-surface); }
.mobile-search-safe-area { height: env(safe-area-inset-bottom); background: var(--color-bg); }
.mobile-search-toast { position: fixed; z-index: 2; right: 12px; left: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px; border-radius: var(--radius-md); background: #202733; color: #fff; box-shadow: var(--shadow-dialog); }
.mobile-search-toast button { min-height: 36px; border: 0; background: transparent; color: #fda4af; font-weight: 800; }

/* Desktop search dropdown remains compact. */
.search-suggestions.search-suggestions-portal { border: 1px solid var(--color-border) !important; border-radius: var(--radius-lg) !important; background: var(--color-surface) !important; box-shadow: var(--shadow-dialog) !important; padding: 7px !important; }
.suggestion-row { display: block; }
.search-suggestions .suggestion-item { border-radius: var(--radius-md) !important; }
.search-suggestions .suggestion-icon { color: var(--color-primary) !important; background: var(--color-primary-soft) !important; }
.search-suggestions .suggestion-icon svg { width: 20px; height: 20px; }
.search-suggestions .suggestion-all { border-radius: var(--radius-md) !important; border-color: var(--color-primary-border) !important; background: var(--color-primary-soft) !important; color: var(--color-primary-hover) !important; }

@media (max-width: 920px) {
  .site-header .header-inner {
    width: min(calc(100% - 20px), var(--container, 1240px)) !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas: "brand actions" "search search" !important;
    gap: 8px 10px !important;
    padding-block: 8px !important;
  }
  .site-header .header-start, .site-header .header-right { grid-area: brand !important; min-width: 0; }
  .site-header .desktop-nav { display: none !important; }
  .site-header .header-search { grid-area: search !important; width: 100% !important; margin: 0 !important; }
  .site-header .header-actions { grid-area: actions !important; min-width: 0 !important; gap: 6px !important; }
  .site-header .auth-actions { display: none !important; }
  .site-header .header-category-btn span:last-child, .site-header .theme-text { display: none !important; }
  .site-header .header-category-btn, .site-header .theme-toggle { width: 42px !important; min-width: 42px !important; height: 42px !important; padding: 0 !important; }
  .site-header .header-actions .primary-btn { min-width: 42px !important; width: 42px !important; height: 42px !important; padding: 0 !important; font-size: 0 !important; border-radius: var(--radius-md) !important; }
  .site-header .header-actions .primary-btn::after { content: "+"; font-size: 24px; line-height: 1; }
  .site-header .ghost-btn { display: none !important; }

  .search-site-header .header-inner { grid-template-areas: "brand actions" "search search" !important; }
  .search-site-header .theme-toggle { grid-area: auto !important; }
  .search-site-header .header-actions .primary-btn { grid-area: auto !important; }
  .search-site-header .header-search { grid-area: search !important; }

  .product-grid, #listingGrid { grid-template-columns: 1fr !important; }
  .product-card.market-card, .product-card.p0-product-card { grid-template-columns: 132px minmax(0,1fr) !important; }
}

@media (max-width: 760px) {
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .section-head { align-items: flex-start !important; }
  .section-head h1, .section-head h2 { font-size: 26px !important; }
  .content-layout.section { padding-top: 18px !important; }

  .search-result-card {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 11px !important;
    min-height: 146px !important;
    padding: 10px !important;
  }
  .result-visual { min-height: 124px !important; }
  .result-copy h2 { font-size: 16px !important; }
  .result-copy > p, .result-tags { display: none !important; }
  .result-meta { display: flex !important; flex-wrap: wrap; gap: 3px 8px !important; }
  .result-side { grid-column: 2 !important; border-top: 0 !important; padding-top: 0 !important; align-self: end; flex-direction: row !important; }
  .result-view-link { display: none !important; }
  .result-price { font-size: 16px !important; }

  body[data-page="dashboard"] .page-intro { display: grid !important; grid-template-columns: 1fr !important; padding: 16px !important; }
  body[data-page="dashboard"] .page-intro p { display: none; }
  body[data-page="dashboard"] .intro-actions { display: grid !important; grid-template-columns: 1fr 1fr; }
  body[data-page="dashboard"] .compact-notice { display: grid !important; grid-template-columns: 36px minmax(0,1fr) !important; }
  body[data-page="dashboard"] .compact-notice .notice-actions { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .site-header .brand-logo-wrap { width: 38px !important; height: 38px !important; flex-basis: 38px !important; }
  .site-header .brand strong { font-size: 17px !important; white-space: nowrap; }
  .site-header .brand small { display: none !important; }
  .site-header .brand > span:last-child { min-width: 0; }
  .site-header .header-start .menu-toggle, .site-header .header-right .menu-toggle { width: 40px !important; min-width: 40px !important; height: 40px !important; }
  .site-header .header-category-btn { display: none !important; }

  .product-card.market-card, .product-card.p0-product-card {
    grid-template-columns: 112px minmax(0,1fr) !important;
    min-height: 156px !important;
    border-radius: var(--radius-md) !important;
  }
  .product-card .product-thumb { min-height: 156px; }
  .product-placeholder-icon { width: 48px; height: 48px; }
  .product-card .product-body { padding: 12px !important; gap: 5px !important; }
  .product-card .product-body h3 { font-size: 15px !important; line-height: 1.55 !important; }
  .product-card .product-meta-line { font-size: 11.5px; gap: 2px 7px; }
  .product-card .product-price-row { display: grid; gap: 3px; }
  .product-card .price { font-size: 15px !important; }
  .product-card .condition-chip { width: fit-content; }
  .product-save-btn { width: 34px; height: 34px; left: 7px; top: 7px; }
  .product-card .badge { top: 7px !important; right: 7px !important; font-size: 10px !important; padding: 2px 6px !important; }
}

@media (max-width: 360px) {
  .site-header .brand > span:last-child { display: none !important; }
  .site-header .header-inner { grid-template-columns: auto 1fr !important; }
  .product-card.market-card, .product-card.p0-product-card { grid-template-columns: 98px minmax(0,1fr) !important; }
  .product-card .product-thumb { min-height: 150px; }
  .mobile-search-submit { font-size: 0; width: 36px; padding: 0; }
  .mobile-search-submit::after { content: "⌕"; font-size: 20px; }
}

@media (min-width: 761px) {
  .mobile-search-overlay { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-logo { animation: none !important; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* V66 P0 final polish — neutral canvas, compact responsive header and clean cards */
body {
  background: var(--color-bg) !important;
  background-image: none !important;
}
body::before,
body::after { background-image: none !important; }

:where(.card-surface, .product-card, .job-card, .resume-card, .search-result-card, .public-detail-card, .category-card, .path-card, .home-filter) {
  border: 1px solid var(--color-border) !important;
}
.product-card.market-card,
.product-card.p0-product-card {
  border: 1px solid var(--color-border) !important;
  background: var(--color-surface) !important;
}
.product-card.market-card:hover,
.product-card.p0-product-card:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border)) !important;
}

@media (max-width: 1180px) {
  .home-filter {
    direction: rtl;
    width: 100%;
    max-width: 100%;
    gap: 8px !important;
    padding: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 10px;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    border-radius: var(--radius-lg) !important;
  }
  .home-filter > :is(button, a) {
    flex: 0 0 auto !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 7px 14px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-full) !important;
    background: var(--color-surface) !important;
    color: var(--color-text) !important;
    white-space: nowrap;
  }
  .home-filter > :is(button, a):is(:hover, :focus-visible, .is-active) {
    border-color: var(--color-primary-border) !important;
    background: var(--color-primary-soft) !important;
    color: var(--color-primary-hover) !important;
  }
}

@media (max-width: 920px) {
  .site-header .header-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    direction: rtl !important;
    min-height: auto !important;
    gap: 8px 10px !important;
    padding-block: 9px !important;
  }
  .site-header .header-start {
    order: 1 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    direction: rtl !important;
  }
  .site-header .header-start .menu-toggle {
    display: inline-grid !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border: 1px solid var(--color-border) !important;
    background: var(--color-surface) !important;
  }
  .site-header .header-start .brand {
    min-width: 0 !important;
    max-width: 100% !important;
    direction: rtl !important;
  }
  .site-header .header-actions {
    order: 2 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    direction: rtl !important;
  }
  .site-header .header-actions > :not(.theme-toggle) {
    display: none !important;
  }
  .site-header .theme-toggle {
    display: inline-grid !important;
    place-items: center !important;
    grid-area: auto !important;
    order: initial !important;
    justify-self: auto !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 13px !important;
    background: var(--color-surface) !important;
  }
  .site-header .theme-toggle .theme-text { display: none !important; }
  .site-header .theme-toggle .theme-icon { font-size: 19px !important; line-height: 1 !important; }
  .site-header .header-search {
    order: 3 !important;
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    grid-area: auto !important;
  }
  .site-header .header-search input { min-width: 0 !important; font-size: 15px !important; }
  .site-header .desktop-nav { display: none !important; }
}

@media (max-width: 520px) {
  .site-header .container { width: min(100% - 20px, var(--container)) !important; }
  .site-header .brand-logo-wrap { width: 36px !important; height: 36px !important; flex-basis: 36px !important; }
  .site-header .brand strong { font-size: 16px !important; }
  .site-header .brand small { display: none !important; }
  .section-head h1,
  .section-head h2 { font-size: 24px !important; line-height: 1.45 !important; }
  .content-layout.section { padding-top: 14px !important; }
  .home-filter { margin-inline: 0 !important; }
}

@media (max-width: 360px) {
  .site-header .brand > span:last-child { display: inline-block !important; }
  .site-header .brand strong { font-size: 15px !important; }
  .site-header .brand-logo-wrap { width: 34px !important; height: 34px !important; flex-basis: 34px !important; }
}

/* Search controls: avoid duplicate browser clear buttons and keep the submit action compact. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
@media (max-width: 760px) {
  .mobile-search-form { grid-template-columns: 28px minmax(0,1fr) 36px 40px !important; }
  .mobile-search-submit {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    font-size: 0 !important;
    display: grid !important;
    place-items: center !important;
  }
  .mobile-search-submit::after { content: "←"; font-size: 20px; line-height: 1; }
}

/* Keep the older professional layer mapped to the V66 semantic tokens. */
:root {
  --pro-bg: var(--color-bg);
  --pro-surface: var(--color-surface);
  --pro-surface-solid: var(--color-surface);
  --pro-text: var(--color-text);
  --pro-muted: var(--color-text-muted);
  --pro-line: var(--color-border);
  --pro-line-strong: color-mix(in srgb, var(--color-border) 80%, var(--color-text-muted));
  --pro-radius-xs: var(--radius-sm);
  --pro-radius-sm: var(--radius-md);
  --pro-radius: var(--radius-lg);
  --pro-radius-lg: var(--radius-xl);
  --pro-shadow-xs: var(--shadow-xs);
  --pro-shadow-sm: var(--shadow-sm);
  --pro-shadow: var(--shadow-md);
}
.card-surface,
.notice-card,
.stat-card,
.action-card,
.product-card,
.job-card,
.resume-card,
.search-result-card,
.form-card,
.store-card,
.order-card,
.ticket-card,
.wallet-card,
.report-card,
.panel-card {
  border-color: var(--color-border) !important;
  background: var(--color-surface) !important;
}

/* Brand aliases consumed by older component styles. */
:root {
  --brand-950: var(--color-primary-strong);
  --brand-900: #851a22;
  --brand-800: var(--color-primary-hover);
  --brand-700: var(--color-primary);
  --brand-600: #c92a36;
  --brand-100: #ffe4e8;
  --brand-50: var(--color-primary-soft);
}
.search-type-tabs button.is-active,
.panel-search-tabs button.is-active {
  color: #fff !important;
  background: linear-gradient(145deg, var(--color-primary), var(--color-primary-hover)) !important;
  border-color: transparent !important;
}
.search-type-tabs button.is-active b { background: rgba(255,255,255,.18) !important; color: #fff !important; }

/* Home listing density: two comfortable columns beside the desktop filter. */
@media (min-width: 1181px) {
  .content-layout .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .content-layout .product-card.market-card,
  .content-layout .product-card.p0-product-card { grid-template-columns: 132px minmax(0, 1fr) !important; }
}

/* Dashboard information hierarchy: overview → KPIs → notice → detailed tools. */
body[data-page="dashboard"] .dashboard-overview-intro { order: 1 !important; }
body[data-page="dashboard"] .stats-grid { order: 2 !important; }
body[data-page="dashboard"] .compact-notice { order: 3 !important; }
body[data-page="dashboard"] .content-grid { order: 4 !important; }

/* Brighter semantic accents on dark surfaces without changing primary button contrast. */
html[data-theme="dark"] :is(.text-link, .product-placeholder-icon, .mobile-search-section-head button, .mobile-search-all, .result-view-link),
body.dark-mode :is(.text-link, .product-placeholder-icon, .mobile-search-section-head button, .mobile-search-all, .result-view-link) {
  color: #fb7185 !important;
}
html[data-theme="dark"] :is(.eyebrow, .badge, .condition-chip, .result-type-label),
body.dark-mode :is(.eyebrow, .badge, .condition-chip, .result-type-label) {
  color: #fda4af !important;
  border-color: rgba(251,113,133,.28) !important;
}

@media (max-width: 760px) {
  body[data-page="dashboard"] .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body[data-page="dashboard"] .stat-card {
    min-height: 128px !important;
    padding: 13px !important;
  }
  body[data-page="dashboard"] .stat-top { margin-bottom: 5px !important; }
  body[data-page="dashboard"] .stat-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
  }
  body[data-page="dashboard"] .stat-card h3 { font-size: 12.5px !important; }
  body[data-page="dashboard"] .stat-card strong { font-size: 27px !important; margin-top: 2px !important; }
  body[data-page="dashboard"] .stat-card p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 5px !important;
    font-size: 11.5px !important;
  }
}
/* StockDivar V67 — P1 UX layer */
:root{
  --state-info:#2563eb;--state-success:#15803d;--state-warning:#b45309;--state-danger:#b4232f;
  --sheet-shadow:0 -24px 70px rgba(15,23,42,.22);
}
html[data-theme="dark"]{--sheet-shadow:0 -24px 70px rgba(0,0,0,.55)}
body.ui-scroll-locked{overflow:hidden;touch-action:none}

/* Shared application feedback */
.ui-toast-region{position:fixed;z-index:12000;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px));transform:translateX(-50%);display:grid;gap:10px;width:min(92vw,560px);pointer-events:none}
.ui-toast{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--color-border,#d9dee8),transparent 15%);border-radius:16px;background:var(--color-surface,#fff);color:var(--color-text,#172033);box-shadow:0 18px 55px rgba(15,23,42,.22);font-weight:800;animation:uiToastIn .22s ease both;pointer-events:auto}
.ui-toast::before{content:"i";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--state-info);color:#fff;font-family:ui-sans-serif,sans-serif;font-size:14px}
.ui-toast[data-tone="success"]::before{content:"✓";background:var(--state-success)}.ui-toast[data-tone="error"]::before{content:"!";background:var(--state-danger)}.ui-toast[data-tone="warning"]::before{content:"!";background:var(--state-warning)}
@keyframes uiToastIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.ui-state{display:grid;place-items:center;text-align:center;gap:10px;min-height:240px;padding:32px;border:1px dashed var(--color-border,#d9dee8);border-radius:24px;background:var(--color-surface,#fff)}
.ui-state-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--color-soft,#f4f6f9);font-size:28px}.ui-state h2,.ui-state h3{margin:0}.ui-state p{max-width:540px;margin:0;color:var(--color-text-muted,#697386)}
.ui-inline-status{display:flex;align-items:center;gap:8px;color:var(--color-text-muted,#697386);font-size:13px;font-weight:700}.ui-inline-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--state-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--state-success),transparent 85%)}

/* P1 mobile filter bottom sheet */
.filter-sheet-handle{display:none;width:46px;height:5px;border:0;border-radius:999px;background:#c5cad4;margin:8px auto 12px;padding:0}
.filter-sheet-summary{display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--color-border,#e1e5ec);background:var(--color-surface,#fff);position:sticky;bottom:0;z-index:4}
.filter-sheet-summary small{color:var(--color-text-muted,#697386)}
.filter-sheet-summary .primary-btn{min-width:150px}
@media(max-width:1060px){
  .search-filter-panel{position:fixed!important;z-index:10020!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;max-height:min(86dvh,760px)!important;overflow:auto!important;border-radius:26px 26px 0 0!important;box-shadow:var(--sheet-shadow)!important;transform:translateY(105%)!important;transition:transform .28s cubic-bezier(.22,.8,.25,1)!important;padding:0 18px calc(18px + env(safe-area-inset-bottom))!important;background:var(--color-surface,#fff)!important;overscroll-behavior:contain}
  body.search-filter-open .search-filter-panel{transform:translateY(0)!important}
  .filter-sheet-handle{display:block;position:sticky;top:0;z-index:6}
  .search-filter-panel .filter-panel-head{position:sticky;top:13px;z-index:5;background:var(--color-surface,#fff);padding:8px 0 13px;margin-bottom:8px}
  .search-filter-panel>[data-apply-filters]{display:none!important}
  .filter-sheet-summary{display:flex;margin:14px -18px calc(-18px - env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .filter-mobile-backdrop{position:fixed!important;inset:0!important;z-index:10010!important;background:rgba(15,23,42,.48)!important;backdrop-filter:blur(3px)}
}

/* Search scope separation */
.career-escape-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px auto 0;padding:18px 20px;border:1px solid var(--color-border,#dfe3eb);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary,#a71928),transparent 92%),var(--color-surface,#fff));box-shadow:var(--shadow-sm,0 6px 18px rgba(15,23,42,.06))}
.career-escape-card h2{font-size:17px;margin:0 0 5px}.career-escape-card p{margin:0;color:var(--color-text-muted,#697386)}
@media(max-width:640px){.career-escape-card{align-items:flex-start;flex-direction:column}.career-escape-card .secondary-btn{width:100%;text-align:center}}

/* Careers hub */
.careers-hero{padding:46px 0 24px;background:linear-gradient(145deg,#111827,#29131a);color:#fff}.careers-hero .breadcrumb a{color:#f8cbd0}.careers-hero p{max-width:680px;color:#d8dee9}.careers-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.careers-shell{padding-block:28px 64px}.careers-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.careers-tabs{display:flex;gap:8px;padding:6px;border:1px solid var(--color-border,#dde2ea);border-radius:16px;background:var(--color-surface,#fff)}.careers-tabs button{border:0;border-radius:12px;background:transparent;padding:10px 18px;font:inherit;font-weight:800;color:var(--color-text-muted,#697386);cursor:pointer}.careers-tabs button.is-active{background:var(--color-primary,#a71928);color:#fff}.careers-search{display:flex;align-items:center;gap:8px;min-width:min(100%,340px);padding:5px 12px;border:1px solid var(--color-border,#dde2ea);border-radius:16px;background:var(--color-surface,#fff)}.careers-search input{width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit;padding:9px}.careers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.career-card{display:flex;flex-direction:column;gap:12px;min-height:220px;padding:20px;border:1px solid var(--color-border,#dde2ea);border-radius:22px;background:var(--color-surface,#fff);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm,0 6px 18px rgba(15,23,42,.06));transition:.2s}.career-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md,0 16px 35px rgba(15,23,42,.11))}.career-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.career-type{padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--color-primary,#a71928),transparent 90%);color:var(--color-primary,#a71928);font-size:12px;font-weight:900}.career-card h2{font-size:18px;margin:0}.career-card p{margin:0;color:var(--color-text-muted,#697386)}.career-card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--color-text-muted,#697386);font-size:13px}.career-card-tags{display:flex;gap:6px;flex-wrap:wrap}.career-card-tags span{padding:5px 9px;border-radius:999px;background:var(--color-soft,#f4f6f9);font-size:12px}.career-card strong{margin-top:auto;color:var(--color-primary,#a71928)}
.career-hub-strip{margin-block:18px 54px;padding:24px;border:1px solid var(--color-border,#dde2ea);border-radius:26px;background:linear-gradient(135deg,#161d2d,#3b1620);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px}.career-hub-strip p{color:#d8dee9;margin:7px 0 0}.career-hub-actions{display:flex;gap:10px;flex-wrap:wrap}.career-hub-strip .secondary-btn{background:#fff}
@media(max-width:900px){.careers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.careers-toolbar{align-items:stretch;flex-direction:column}.careers-search{min-width:0}.career-hub-strip{grid-template-columns:1fr}}
@media(max-width:560px){.careers-grid{grid-template-columns:1fr}.careers-tabs{display:grid;grid-template-columns:1fr 1fr}.career-hub-actions>*{flex:1;text-align:center}}

/* Upload media manager */
.wizard-upload-main.is-dragover,.wizard-video-pick.is-dragover{border-color:var(--color-primary,#a71928)!important;background:color-mix(in srgb,var(--color-primary,#a71928),transparent 94%)!important;transform:translateY(-2px)}
.media-upload-progress{display:grid;gap:8px;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--color-soft,#f4f6f9)}.media-upload-progress[hidden]{display:none}.media-upload-progress>div{height:7px;border-radius:999px;background:#dfe3ea;overflow:hidden}.media-upload-progress span{display:block;width:var(--progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary,#a71928),#e24c59);transition:width .2s}.media-upload-progress small{color:var(--color-text-muted,#697386)}
.media-slot{cursor:grab}.media-slot:active{cursor:grabbing}.media-slot.is-dragging{opacity:.42;transform:scale(.96)}.media-slot[data-cover="true"]{outline:3px solid color-mix(in srgb,var(--color-primary,#a71928),transparent 35%)}.media-slot[data-cover="true"]::before{content:"تصویر اصلی";position:absolute;right:6px;bottom:6px;z-index:2;padding:4px 7px;border-radius:999px;background:var(--color-primary,#a71928);color:#fff;font-size:10px;font-weight:900}.media-slot-actions{position:absolute;inset:6px 6px auto;display:flex;justify-content:space-between;gap:5px;z-index:3}.media-slot-actions button{position:static!important;width:28px!important;height:28px!important;padding:0!important}.media-cover-button{background:#fff!important;color:#172033!important}.media-drag-handle{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(17,24,39,.72);color:#fff;font-size:15px}.video-file-actions{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap}.video-replace-btn{background:var(--color-text,#172033)!important}.draft-save-indicator{margin-inline-start:auto}.wizard-card-preview{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:12px;border:1px solid var(--color-border,#dde2ea);border-radius:18px;background:var(--color-surface,#fff)}.wizard-card-preview-media{aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--color-soft,#f4f6f9);display:grid;place-items:center}.wizard-card-preview-media img{width:100%;height:100%;object-fit:cover}.wizard-card-preview-copy h3{font-size:15px;margin:0 0 8px}.wizard-card-preview-copy p{font-size:12px;color:var(--color-text-muted,#697386);margin:0 0 9px}.wizard-card-preview-copy strong{color:var(--color-primary,#a71928)}

/* Product seller trust and reviews */
.seller-card{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:12px!important}.seller-verified{display:inline-flex;align-items:center;gap:5px;color:var(--state-success);font-size:12px;font-weight:900}.seller-trust-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid var(--color-border,#e1e5ec)}.seller-trust-grid div{padding:9px;border-radius:12px;background:var(--color-soft,#f4f6f9);text-align:center}.seller-trust-grid strong{display:block;font-size:14px}.seller-trust-grid span{font-size:11px;color:var(--color-text-muted,#697386)}
.reviews-summary{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center}.rating-overview{text-align:center;padding:20px;border-radius:20px;background:var(--color-soft,#f4f6f9)}.rating-overview strong{display:block;font-size:42px}.rating-stars{color:#e59b14;letter-spacing:2px}.rating-bars{display:grid;gap:8px}.rating-bar{display:grid;grid-template-columns:52px 1fr 36px;gap:8px;align-items:center;font-size:12px;color:var(--color-text-muted,#697386)}.rating-bar i{height:7px;border-radius:999px;background:#e3e7ed;overflow:hidden}.rating-bar i::after{content:"";display:block;width:var(--value);height:100%;background:#e59b14}.review-list{display:grid;gap:12px;margin-top:18px}.review-item{padding:16px;border:1px solid var(--color-border,#dde2ea);border-radius:18px}.review-item-head{display:flex;justify-content:space-between;gap:12px}.review-item p{margin:10px 0 0;color:var(--color-text-muted,#697386)}
@media(max-width:600px){.seller-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-summary{grid-template-columns:1fr}.seller-card{grid-template-columns:auto 1fr!important}.seller-card>a{grid-column:1/-1;text-align:center}}

/* Storefront redesign */
.storefront-hero{padding:32px 0;background:linear-gradient(150deg,#111827,#32151d);color:#fff}.storefront-banner{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.storefront-logo{width:92px;height:92px;border-radius:26px;background:#fff;display:grid;place-items:center;color:#a71928;font-size:36px;font-weight:950;overflow:hidden}.storefront-logo img{width:100%;height:100%;object-fit:cover}.storefront-title h1{margin:0 0 6px}.storefront-title p{margin:0;color:#d8dee9}.storefront-actions{display:flex;gap:9px;flex-wrap:wrap}.storefront-actions .secondary-btn{background:#fff}.storefront-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.storefront-stats div{padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.storefront-stats strong{display:block;font-size:18px}.storefront-stats span{font-size:12px;color:#d7dce5}.storefront-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;padding-block:28px 60px}.storefront-panel{padding:20px;border:1px solid var(--color-border,#dde2ea);border-radius:22px;background:var(--color-surface,#fff)}.storefront-panel+.storefront-panel{margin-top:16px}.storefront-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.store-product-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--color-border,#dde2ea);border-radius:18px;color:inherit;text-decoration:none}.store-product-media{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--color-soft,#f4f6f9);display:grid;place-items:center;font-size:34px}.store-product-media img{width:100%;height:100%;object-fit:cover}.store-product-card h3{font-size:15px;margin:0}.store-product-card p{margin:0;color:var(--color-text-muted,#697386);font-size:12px}.store-product-card strong{color:var(--color-primary,#a71928);margin-top:auto}.store-policy-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.store-policy-list li{display:flex;gap:9px;align-items:flex-start}.store-policy-list li::before{content:"✓";display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:color-mix(in srgb,var(--state-success),transparent 86%);color:var(--state-success);font-weight:900}.storefront-contact{display:grid;gap:9px}.storefront-contact>*{width:100%;text-align:center}.store-rating-card{text-align:center}.store-rating-card strong{font-size:38px;display:block}.store-open-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--state-success),transparent 86%);color:var(--state-success);font-weight:900;font-size:12px}
@media(max-width:960px){.storefront-main{grid-template-columns:1fr}.storefront-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.storefront-panel+.storefront-panel{margin-top:0}.storefront-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.storefront-banner{grid-template-columns:auto 1fr}.storefront-actions{grid-column:1/-1}.storefront-actions>*{flex:1;text-align:center}.storefront-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-products{grid-template-columns:1fr}.storefront-side{grid-template-columns:1fr}}
/* Category filters as mobile bottom sheet */
.category-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.category-filter-head small{color:var(--color-text-muted,#697386)}.category-filter-head button{display:none;border:0;background:var(--color-soft,#f4f6f9);width:38px;height:38px;border-radius:12px;font-size:22px}.category-extra-filters{display:grid;gap:13px;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-border,#dde2ea)}.category-toolbar-actions{display:flex;gap:9px;align-items:center}.category-toolbar-actions .filter-mobile-btn{display:none}.category-filter-backdrop{position:fixed;inset:0;z-index:10010;background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}
@media(max-width:900px){.category-toolbar-actions .filter-mobile-btn{display:inline-flex}.category-sidebar{position:fixed!important;z-index:10020!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;max-height:min(88dvh,760px)!important;overflow:auto!important;border-radius:26px 26px 0 0!important;box-shadow:var(--sheet-shadow)!important;transform:translateY(105%);transition:transform .28s cubic-bezier(.22,.8,.25,1);padding:0 18px calc(18px + env(safe-area-inset-bottom))!important;background:var(--color-surface,#fff)!important}.category-filter-open .category-sidebar{transform:translateY(0)}.category-filter-head{position:sticky;top:13px;z-index:5;background:var(--color-surface,#fff);padding:8px 0 12px}.category-filter-head button{display:grid;place-items:center}.category-sidebar .filter-sheet-summary{display:flex;margin:14px -18px calc(-18px - env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.category-list{max-height:none!important}}
/* StockDivar V68 — P2 polish, motion, loading, resilience and performance */
:root{
  --motion-fast:140ms;
  --motion-base:220ms;
  --motion-slow:360ms;
  --ease-standard:cubic-bezier(.2,.75,.25,1);
  --ease-emphasized:cubic-bezier(.16,1,.3,1);
  --skeleton-base:color-mix(in srgb,var(--color-border,#dfe4ec),transparent 30%);
  --skeleton-shine:color-mix(in srgb,var(--color-surface,#fff),transparent 8%);
}
html{scroll-behavior:smooth}
body{view-transition-name:stockdivar-page}
::view-transition-old(stockdivar-page){animation:p2PageOut .16s ease both}
::view-transition-new(stockdivar-page){animation:p2PageIn .24s var(--ease-standard) both}
@keyframes p2PageOut{to{opacity:.15;transform:translateY(-4px)}}
@keyframes p2PageIn{from{opacity:0;transform:translateY(7px)}}

/* Lightweight first-paint skeleton. It disappears as soon as the page is interactive. */
html.p2-booting body{overflow:hidden}
html.p2-booting body::before{
  content:"";position:fixed;z-index:20000;inset:0;background:
  linear-gradient(90deg,transparent 0 38%,rgba(255,255,255,.55) 50%,transparent 62%) -160% 0/220% 100% no-repeat,
  linear-gradient(var(--color-background,#f5f7fb),var(--color-background,#f5f7fb));
  animation:p2BootSweep 1.05s linear infinite;
}
html.p2-booting body::after{
  content:"";position:fixed;z-index:20001;inset:clamp(78px,11vh,118px) max(18px,calc((100vw - 1120px)/2)) auto;
  height:min(58vh,520px);border-radius:26px;opacity:.88;
  background:
    linear-gradient(var(--skeleton-base) 0 0) 100% 0/38% 36px,
    linear-gradient(var(--skeleton-base) 0 0) 0 0/118px 36px,
    linear-gradient(var(--skeleton-base) 0 0) 100% 72px/72% 22px,
    linear-gradient(var(--skeleton-base) 0 0) 100% 116px/100% 146px,
    linear-gradient(var(--skeleton-base) 0 0) 100% 280px/100% 146px;
  background-repeat:no-repeat;pointer-events:none;
}
@keyframes p2BootSweep{to{background-position:260% 0,0 0}}
html.p2-ready body::before,html.p2-ready body::after{display:none}

/* Global route progress and connectivity */
.p2-route-progress{position:fixed;z-index:16000;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,#e64755,var(--color-primary,#a71928));box-shadow:0 0 16px color-mix(in srgb,var(--color-primary,#a71928),transparent 35%);opacity:0;transition:width .32s var(--ease-standard),opacity .18s}
.p2-route-progress.is-active{opacity:1;width:72%}.p2-route-progress.is-done{width:100%;opacity:0}
.p2-network-pill{position:fixed;z-index:12500;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%,-150%);display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#172033;color:#fff;box-shadow:0 12px 36px rgba(15,23,42,.24);font-size:12px;font-weight:850;transition:transform .28s var(--ease-emphasized);pointer-events:none}
.p2-network-pill.is-visible{transform:translate(-50%,0)}.p2-network-pill.is-online{background:#16723a}.p2-network-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.18)}

/* Consistent micro-interactions */
:where(button,.primary-btn,.secondary-btn,.outline-btn,.ghost-btn,.danger-btn,.icon-btn,.category-chip,.filter-chip,.quick-row,.conversation-item){transition:transform var(--motion-fast) ease,box-shadow var(--motion-base) ease,border-color var(--motion-base) ease,background-color var(--motion-base) ease,color var(--motion-base) ease,opacity var(--motion-base) ease}
:where(button,.primary-btn,.secondary-btn,.outline-btn,.ghost-btn,.danger-btn,.icon-btn):not(:disabled):active{transform:translateY(1px) scale(.985)}
:where(.product-card,.search-result-card,.saved-ad-card,.store-product-card,.category-card,.job-card,.resume-card,.card-surface,.public-detail-card){transition:transform var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) ease,border-color var(--motion-base) ease}
@media(hover:hover){
  :where(.product-card,.search-result-card,.saved-ad-card,.store-product-card,.category-card,.job-card,.resume-card):hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(15,23,42,.11);border-color:color-mix(in srgb,var(--color-primary,#a71928),var(--color-border,#dde2ea) 68%)}
}
.p2-tap-wave{position:absolute;border-radius:999px;background:currentColor;opacity:.12;transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:p2TapWave .52s ease-out forwards}
@keyframes p2TapWave{to{opacity:0;transform:translate(-50%,-50%) scale(7)}}
.p2-saved-pop{animation:p2SavedPop .42s var(--ease-emphasized)}
@keyframes p2SavedPop{45%{transform:scale(1.22) rotate(-7deg)}100%{transform:none}}
.p2-success-pulse{animation:p2SuccessPulse .5s var(--ease-emphasized)}
@keyframes p2SuccessPulse{35%{box-shadow:0 0 0 8px color-mix(in srgb,#15803d,transparent 82%)}100%{box-shadow:none}}

/* Reusable skeletons */
.p2-skeleton{position:relative;overflow:hidden;background:var(--skeleton-base)!important;color:transparent!important;border-color:transparent!important;user-select:none;pointer-events:none}
.p2-skeleton::after,.p2-skeleton-card::after{content:"";position:absolute;inset:0;transform:translateX(110%);background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:p2Skeleton 1.15s infinite}
@keyframes p2Skeleton{to{transform:translateX(-110%)}}
.p2-skeleton-stack{display:grid;gap:14px}.p2-skeleton-card{position:relative;overflow:hidden;min-height:154px;border:1px solid var(--color-border,#dde2ea);border-radius:20px;background:
  linear-gradient(var(--skeleton-base) 0 0) calc(100% - 16px) 20px/44% 20px,
  linear-gradient(var(--skeleton-base) 0 0) calc(100% - 16px) 58px/63% 13px,
  linear-gradient(var(--skeleton-base) 0 0) calc(100% - 16px) 90px/36% 18px,
  linear-gradient(var(--skeleton-base) 0 0) 16px 16px/116px 116px,
  var(--color-surface,#fff);background-repeat:no-repeat}
.p2-loading-region{position:relative;min-height:150px}.p2-loading-region>.p2-skeleton-stack{position:absolute;z-index:5;inset:0;background:var(--color-background,#f5f7fb)}
.p2-loaded-enter>*{animation:p2ContentIn .28s var(--ease-standard) both}
.p2-loaded-enter>*:nth-child(2){animation-delay:35ms}.p2-loaded-enter>*:nth-child(3){animation-delay:70ms}.p2-loaded-enter>*:nth-child(4){animation-delay:105ms}
@keyframes p2ContentIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Better images and offscreen rendering */
img[data-p2-lazy]{opacity:0;transition:opacity .28s ease}img[data-p2-lazy].is-loaded{opacity:1}
:where(.home-section,.recent-search-section,.site-footer,.updates-card,.support-card,.storefront-panel,.reviews-section,.similar-section){content-visibility:auto;contain-intrinsic-size:1px 520px}

/* Actionable toasts / undo */
.ui-toast-region{bottom:max(86px,calc(env(safe-area-inset-bottom) + 18px))!important}
.ui-toast{justify-content:flex-start;min-height:54px}.ui-toast-copy{display:grid;gap:2px;flex:1}.ui-toast-copy small{font-size:11px;color:var(--color-text-muted,#697386);font-weight:650}.ui-toast-action{border:0;border-radius:11px;padding:8px 11px;background:color-mix(in srgb,var(--color-primary,#a71928),transparent 88%);color:var(--color-primary,#a71928);font:inherit;font-size:12px;font-weight:900;white-space:nowrap}.ui-toast-timer{position:absolute;inset:auto 12px 5px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--color-primary,#a71928),transparent 78%);transform-origin:right;animation:p2ToastTimer var(--toast-duration,5000ms) linear forwards}
@keyframes p2ToastTimer{to{transform:scaleX(0)}}

/* Dialog and bottom-sheet polish */
dialog{opacity:0;transform:translateY(12px) scale(.98);transition:opacity .2s ease,transform .28s var(--ease-emphasized),overlay .25s allow-discrete,display .25s allow-discrete}
dialog[open]{opacity:1;transform:none}dialog::backdrop{background:rgba(15,23,42,0);backdrop-filter:blur(0);transition:background .24s ease,backdrop-filter .24s ease,overlay .25s allow-discrete,display .25s allow-discrete}dialog[open]::backdrop{background:rgba(15,23,42,.5);backdrop-filter:blur(4px)}
@starting-style{dialog[open]{opacity:0;transform:translateY(18px) scale(.97)}dialog[open]::backdrop{background:rgba(15,23,42,0);backdrop-filter:blur(0)}}
.search-filter-panel,.category-sidebar{will-change:transform}.filter-mobile-backdrop,.category-filter-backdrop{animation:p2BackdropIn .22s ease both}@keyframes p2BackdropIn{from{opacity:0}to{opacity:1}}
@media(max-width:900px){
  .search-filter-panel,.category-sidebar{transition:transform .36s var(--ease-emphasized)!important}
  .filter-sheet-handle{position:sticky!important;top:7px!important;z-index:9!important;cursor:grab}
}

/* Message presence and delivery states */
.message-status{display:inline-flex;align-items:center;gap:2px;min-width:20px;font-size:11px;font-family:ui-sans-serif,sans-serif;color:var(--color-text-muted,#697386)}
.message-status[data-status="read"]{color:#2489d8}.message-status[data-status="sending"]{animation:p2StatusPulse 1s infinite}.message-status-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes p2StatusPulse{50%{opacity:.35}}
.active-status-dot:not(.is-offline),#activeChatStatusDot:not(.is-offline){box-shadow:0 0 0 4px rgba(22,128,63,.14),0 0 12px rgba(22,128,63,.3)}
.p2-presence-text{font-size:11px;color:var(--color-text-muted,#697386)}

/* Empty/error actions should feel tappable */
.ui-state .primary-btn,.ui-state .secondary-btn{min-width:150px}

/* Mobile ergonomics */
@media(max-width:640px){
  .ui-toast-region{width:calc(100vw - 24px);bottom:max(84px,calc(env(safe-area-inset-bottom) + 76px))!important}
  .ui-toast{padding:12px 13px;border-radius:15px}.ui-toast-action{padding:8px 10px}
  html.p2-booting body::after{inset:92px 14px auto;height:58vh}
}

/* Motion/accessibility */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .p2-route-progress,.p2-tap-wave{display:none!important}
}
.p2-skeleton-host{position:relative!important}.p2-transient-skeleton{position:absolute;z-index:40;inset:0;padding:2px;background:var(--color-background,#f5f7fb);border-radius:inherit;pointer-events:none;animation:p2OverlayIn .12s ease both}.p2-transient-skeleton .p2-skeleton-card{min-height:142px}@keyframes p2OverlayIn{from{opacity:0}to{opacity:1}}
.panel-notification-link{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--surface,#fff);text-decoration:none;color:var(--text,#1f2937)}.panel-notification-link b{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#a71928;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid var(--surface,#fff)}
@media(max-width:680px){.panel-notification-link{width:38px;height:38px}.header-actions .ghost-btn{display:none}}
/* StockDivar V73 — research-driven marketplace upgrades */
:root{
  --v73-primary:#a71928;
  --v73-primary-2:#c42a39;
  --v73-ink:#172033;
  --v73-muted:#667085;
  --v73-surface:#fff;
  --v73-soft:#f7f8fb;
  --v73-border:#e7e9ef;
  --v73-success:#16835b;
  --v73-warning:#b7791f;
  --v73-shadow:0 14px 40px rgba(16,24,40,.09);
}
html[data-theme="dark"],body.dark-mode{
  --v73-ink:#f4f6fb;
  --v73-muted:#aeb7c8;
  --v73-surface:#111827;
  --v73-soft:#182235;
  --v73-border:#2e3b50;
  --v73-shadow:0 18px 46px rgba(0,0,0,.28);
}
.v73-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--v73-border);border-radius:13px;background:var(--v73-surface);color:var(--v73-ink);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 5px 16px rgba(16,24,40,.05)}
.v73-theme-toggle:hover{border-color:color-mix(in srgb,var(--v73-primary) 42%,var(--v73-border));transform:translateY(-1px)}
.v73-theme-toggle__icon{font-size:18px;line-height:1}.v73-theme-toggle__text{font-size:13px}

/* Home positioning */
.v73-market-hero{margin:24px auto 10px}.v73-market-hero__card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;padding:34px;border:1px solid var(--v73-border);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--v73-primary) 10%,var(--v73-surface)),var(--v73-surface) 56%,color-mix(in srgb,#1570ef 7%,var(--v73-surface)));box-shadow:var(--v73-shadow)}
.v73-market-hero__card:before{content:"";position:absolute;inset:auto -80px -130px auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--v73-primary) 18%,transparent),transparent 68%);pointer-events:none}
.v73-market-hero h1{margin:10px 0 12px;font-size:clamp(30px,4vw,52px);line-height:1.25;letter-spacing:-1.6px;color:var(--v73-ink)}
.v73-market-hero p{margin:0;max-width:760px;color:var(--v73-muted);font-size:16px;line-height:2}
.v73-market-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--v73-primary);font-weight:900;font-size:13px}.v73-market-hero__eyebrow:before{content:"";width:28px;height:3px;border-radius:99px;background:var(--v73-primary)}
.v73-market-hero__search{display:flex;gap:10px;margin-top:22px;padding:8px;border:1px solid var(--v73-border);border-radius:18px;background:var(--v73-surface);box-shadow:0 8px 26px rgba(16,24,40,.08)}
.v73-market-hero__search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--v73-ink);font:inherit;padding:0 10px}.v73-market-hero__search button{border:0;border-radius:13px;background:linear-gradient(135deg,var(--v73-primary),var(--v73-primary-2));color:#fff;padding:12px 20px;font:inherit;font-weight:900;cursor:pointer}
.v73-trust-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.v73-trust-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--v73-border);border-radius:999px;background:color-mix(in srgb,var(--v73-surface) 88%,transparent);color:var(--v73-ink);font-size:12px;font-weight:800}.v73-trust-pill b{color:var(--v73-success)}
.v73-market-hero__side{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.v73-vertical-card{display:flex;flex-direction:column;gap:8px;min-height:126px;padding:18px;border:1px solid var(--v73-border);border-radius:20px;background:color-mix(in srgb,var(--v73-surface) 91%,transparent);text-decoration:none;color:var(--v73-ink);transition:.2s ease}.v73-vertical-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--v73-primary) 42%,var(--v73-border));box-shadow:0 10px 26px rgba(16,24,40,.08)}.v73-vertical-card span{font-size:25px}.v73-vertical-card strong{font-size:15px}.v73-vertical-card small{color:var(--v73-muted);line-height:1.7}
.v73-value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px auto 34px}.v73-value-card{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid var(--v73-border);border-radius:18px;background:var(--v73-surface);box-shadow:0 8px 24px rgba(16,24,40,.05)}.v73-value-card span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:color-mix(in srgb,var(--v73-primary) 9%,var(--v73-surface));font-size:20px}.v73-value-card strong{display:block;color:var(--v73-ink);margin-bottom:4px}.v73-value-card small{color:var(--v73-muted);line-height:1.7}

/* Search intelligence */
.v73-search-intelligence{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 17px;margin:0 0 16px;border:1px solid var(--v73-border);border-radius:18px;background:var(--v73-surface);box-shadow:0 8px 25px rgba(16,24,40,.05)}
.v73-filter-presets{display:flex;gap:8px;flex-wrap:wrap}.v73-preset-chip,.v73-save-search-btn,.v73-compare-btn{border:1px solid var(--v73-border);border-radius:999px;background:var(--v73-soft);color:var(--v73-ink);padding:9px 13px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.v73-preset-chip:hover,.v73-preset-chip.is-active{background:color-mix(in srgb,var(--v73-primary) 10%,var(--v73-surface));border-color:color-mix(in srgb,var(--v73-primary) 45%,var(--v73-border));color:var(--v73-primary)}.v73-save-search-btn{border-radius:12px;background:var(--v73-primary);border-color:var(--v73-primary);color:#fff}.v73-save-search-btn b{background:#fff;color:var(--v73-primary);border-radius:999px;padding:1px 6px;margin-inline-start:4px}
.v73-specialized-filters{margin-top:14px;padding-top:14px;border-top:1px dashed var(--v73-border)}.v73-specialized-filters__title{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.v73-specialized-filters__title strong{color:var(--v73-ink)}.v73-specialized-filters__title small{color:var(--v73-muted)}.v73-specialized-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v73-specialized-grid label{display:grid;gap:6px;color:var(--v73-muted);font-size:12px;font-weight:800}.v73-specialized-grid select{min-height:43px;padding:0 10px;border:1px solid var(--v73-border);border-radius:12px;background:var(--v73-surface);color:var(--v73-ink);font:inherit}
.search-result-card{position:relative}.v73-card-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.v73-card-trust span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--v73-success) 10%,var(--v73-surface));color:var(--v73-success);font-size:11px;font-weight:850}.v73-card-actions{display:flex;gap:7px;margin-top:10px}.v73-card-actions button{border:1px solid var(--v73-border);border-radius:10px;background:var(--v73-surface);color:var(--v73-ink);padding:7px 9px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.v73-card-actions button.is-active{border-color:var(--v73-primary);color:var(--v73-primary);background:color-mix(in srgb,var(--v73-primary) 8%,var(--v73-surface))}
.v73-compare-tray{position:fixed;z-index:1200;inset:auto 18px 86px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:620px;margin:auto;padding:12px 14px;border:1px solid var(--v73-border);border-radius:18px;background:color-mix(in srgb,var(--v73-surface) 94%,transparent);box-shadow:0 18px 50px rgba(16,24,40,.22);backdrop-filter:blur(14px)}.v73-compare-tray[hidden]{display:none}.v73-compare-tray strong{color:var(--v73-ink)}.v73-compare-tray small{color:var(--v73-muted)}.v73-compare-tray button{border:0;border-radius:11px;background:var(--v73-primary);color:#fff;padding:9px 13px;font:inherit;font-weight:900;cursor:pointer}
.v73-dialog{border:0;padding:0;border-radius:22px;background:transparent;max-width:min(92vw,520px);width:100%}.v73-dialog::backdrop{background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}.v73-dialog__card{padding:22px;border:1px solid var(--v73-border);border-radius:22px;background:var(--v73-surface);color:var(--v73-ink);box-shadow:var(--v73-shadow)}.v73-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.v73-dialog__head h2{margin:0;font-size:20px}.v73-dialog__head button{border:0;background:transparent;color:var(--v73-muted);font-size:26px;cursor:pointer}.v73-dialog__grid{display:grid;gap:12px}.v73-dialog__grid label{display:grid;gap:7px;color:var(--v73-muted);font-size:13px;font-weight:800}.v73-dialog__grid input,.v73-dialog__grid select{min-height:46px;padding:0 12px;border:1px solid var(--v73-border);border-radius:13px;background:var(--v73-soft);color:var(--v73-ink);font:inherit}.v73-dialog__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.v73-dialog__actions button{min-height:43px;padding:0 16px;border-radius:12px;font:inherit;font-weight:900;cursor:pointer}.v73-dialog__cancel{border:1px solid var(--v73-border);background:var(--v73-surface);color:var(--v73-ink)}.v73-dialog__submit{border:1px solid var(--v73-primary);background:var(--v73-primary);color:#fff}

/* Product trust and transaction workflow */
.v73-product-theme{margin-inline-start:2px}.v73-product-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0;padding:13px;border:1px solid var(--v73-border);border-radius:17px;background:var(--v73-soft)}.v73-product-workflow button,.v73-product-workflow a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--v73-border);border-radius:12px;background:var(--v73-surface);color:var(--v73-ink);font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.v73-product-workflow .is-primary{background:var(--v73-primary);border-color:var(--v73-primary);color:#fff}.v73-seller-trust{margin-top:13px;padding:16px;border:1px solid var(--v73-border);border-radius:18px;background:var(--v73-surface)}.v73-seller-trust__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.v73-seller-trust__head strong{color:var(--v73-ink)}.v73-verified-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--v73-success) 12%,var(--v73-surface));color:var(--v73-success);font-size:11px;font-weight:900}.v73-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.v73-trust-metric{padding:10px;border-radius:12px;background:var(--v73-soft);text-align:center}.v73-trust-metric strong{display:block;color:var(--v73-ink);font-size:15px}.v73-trust-metric small{color:var(--v73-muted);font-size:10px}.v73-trust-proof{margin-top:12px}.v73-trust-proof summary{cursor:pointer;color:var(--v73-primary);font-weight:850;font-size:12px}.v73-trust-proof ul{margin:10px 0 0;padding-right:18px;color:var(--v73-muted);font-size:12px;line-height:1.9}

/* Product management */
.v73-quality-board{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;margin-bottom:18px}.v73-quality-card{padding:18px;border:1px solid var(--v73-border);border-radius:18px;background:var(--v73-surface);box-shadow:0 8px 24px rgba(16,24,40,.05)}.v73-quality-card strong{display:block;color:var(--v73-ink);font-size:24px;margin:7px 0}.v73-quality-card small,.v73-quality-card p{color:var(--v73-muted);line-height:1.7}.v73-quality-card--lead{background:linear-gradient(135deg,color-mix(in srgb,var(--v73-primary) 10%,var(--v73-surface)),var(--v73-surface))}.v73-score-bar{height:8px;border-radius:999px;background:var(--v73-border);overflow:hidden}.v73-score-bar i{display:block;height:100%;width:var(--score,0%);background:linear-gradient(90deg,var(--v73-primary),#f06471);border-radius:inherit}

/* Saved searches */
.v73-saved-searches-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v73-saved-search-card{padding:18px;border:1px solid var(--v73-border);border-radius:18px;background:var(--v73-surface);box-shadow:0 8px 24px rgba(16,24,40,.05)}.v73-saved-search-card__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.v73-saved-search-card h2{font-size:17px;margin:0;color:var(--v73-ink)}.v73-saved-search-card p{margin:8px 0;color:var(--v73-muted);line-height:1.8}.v73-saved-search-meta{display:flex;flex-wrap:wrap;gap:7px}.v73-saved-search-meta span{padding:6px 8px;border-radius:999px;background:var(--v73-soft);color:var(--v73-muted);font-size:11px;font-weight:800}.v73-saved-search-actions{display:flex;gap:8px;margin-top:14px}.v73-saved-search-actions a,.v73-saved-search-actions button{min-height:38px;padding:0 12px;border:1px solid var(--v73-border);border-radius:10px;background:var(--v73-surface);color:var(--v73-ink);font:inherit;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer}.v73-saved-search-actions a{background:var(--v73-primary);border-color:var(--v73-primary);color:#fff}.v73-saved-search-empty{padding:42px 20px;text-align:center;border:1px dashed var(--v73-border);border-radius:20px;background:var(--v73-surface);color:var(--v73-muted)}

/* Chat-as-workflow shortcuts */
.v73-chat-workflow{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--v73-border);background:var(--v73-soft)}.v73-chat-workflow button,.v73-chat-workflow a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--v73-border);border-radius:999px;background:var(--v73-surface);color:var(--v73-ink);font:inherit;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}.v73-chat-workflow .primary{border-color:var(--v73-primary);color:var(--v73-primary)}

.v73-toast{position:fixed;z-index:2000;inset:auto 50% 26px auto;transform:translateX(50%) translateY(18px);opacity:0;pointer-events:none;max-width:min(90vw,480px);padding:12px 16px;border-radius:13px;background:#101828;color:#fff;box-shadow:0 18px 42px rgba(16,24,40,.25);font-weight:800;transition:.22s ease}.v73-toast.is-visible{opacity:1;transform:translateX(50%) translateY(0)}

@media(max-width:980px){.v73-market-hero__card{grid-template-columns:1fr}.v73-value-strip{grid-template-columns:1fr 1fr}.v73-quality-board{grid-template-columns:1fr 1fr}.v73-quality-card--lead{grid-column:1/-1}.v73-saved-searches-grid{grid-template-columns:1fr}}
@media(max-width:640px){.v73-market-hero{margin-top:12px}.v73-market-hero__card{padding:20px;border-radius:22px}.v73-market-hero h1{font-size:30px}.v73-market-hero__side{grid-template-columns:1fr 1fr}.v73-vertical-card{min-height:112px;padding:14px}.v73-market-hero__search{flex-direction:column}.v73-market-hero__search button{width:100%}.v73-value-strip{grid-template-columns:1fr}.v73-search-intelligence{align-items:stretch}.v73-filter-presets{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.v73-preset-chip{white-space:nowrap}.v73-save-search-btn{width:100%}.v73-specialized-grid{grid-template-columns:1fr}.v73-product-workflow{grid-template-columns:1fr}.v73-trust-grid{grid-template-columns:1fr 1fr}.v73-quality-board{grid-template-columns:1fr}.v73-quality-card--lead{grid-column:auto}.v73-theme-toggle__text{display:none}.v73-theme-toggle{width:42px;min-width:42px;padding:0}.v73-compare-tray{bottom:78px}}

/* Explicit dark coverage for listing/product surfaces */
html[data-theme="dark"] body:not(.dark-mode){background:#0b1220;color:#f4f6fb}
html[data-theme="dark"] .product-info-card,
html[data-theme="dark"] .gallery-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .seller-card,
html[data-theme="dark"] .price-box,
html[data-theme="dark"] .search-result-card,
html[data-theme="dark"] .search-filter-panel,
html[data-theme="dark"] .search-toolbar,
html[data-theme="dark"] .search-tabs-shell,
html[data-theme="dark"] .category-content,
html[data-theme="dark"] .category-sidebar,
html[data-theme="dark"] .listing-card,
body.dark-mode .product-info-card,
body.dark-mode .gallery-card,
body.dark-mode .content-card,
body.dark-mode .seller-card,
body.dark-mode .price-box{background:#111827!important;border-color:#2e3b50!important;color:#f4f6fb!important}
html[data-theme="dark"] :is(.product-info-card,.content-card,.search-result-card,.listing-card) :is(h1,h2,h3,strong,a),
body.dark-mode :is(.product-info-card,.content-card,.search-result-card,.listing-card) :is(h1,h2,h3,strong,a){color:#f4f6fb}
html[data-theme="dark"] :is(.product-info-card,.content-card,.search-result-card,.listing-card) :is(p,small,span,dt),
body.dark-mode :is(.product-info-card,.content-card,.search-result-card,.listing-card) :is(p,small,span,dt){color:#aeb7c8}
html[data-theme="dark"] :is(input,select,textarea){background:#182235;color:#f4f6fb;border-color:#334155}
/* StockDivar V74 — Front-end Architecture Cleanup & UX Foundation */
html[data-ui-version="74"] {
  --v74-brand: #a71928;
  --v74-brand-strong: #7f101c;
  --v74-brand-soft: #fff2f3;
  --v74-ink: #161b26;
  --v74-muted: #667085;
  --v74-line: #e4e7ec;
  --v74-surface: #ffffff;
  --v74-soft: #f7f8fa;
  --v74-success: #087a55;
  --v74-warning: #a15c00;
  --v74-radius: 18px;
  --v74-shadow: 0 10px 30px rgba(16, 24, 40, .07);
}
html[data-ui-version="74"][data-theme="dark"] {
  --v74-ink: #f4f6fb;
  --v74-muted: #aeb7c8;
  --v74-line: #2c384b;
  --v74-surface: #111827;
  --v74-soft: #182235;
  --v74-brand-soft: #2a1820;
  --v74-shadow: 0 14px 38px rgba(0,0,0,.25);
}
html[data-ui-version="74"] body { min-width: 0; }
html[data-ui-version="74"] :where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--v74-brand) 48%, transparent);
  outline-offset: 3px;
}
html[data-ui-version="74"] :where(button, a, input, select, textarea) { touch-action: manipulation; }
html[data-ui-version="74"] :where(input, select, textarea) { min-height: 44px; }
html[data-ui-version="74"] .site-header { border-bottom-color: var(--v74-line); }
html[data-ui-version="74"] .site-header .header-inner { min-height: 70px; gap: 14px; }
html[data-ui-version="74"] .site-header .header-search { flex: 1 1 360px; max-width: 680px; }
html[data-ui-version="74"] .site-header .header-actions { gap: 8px; }
html[data-ui-version="74"] .site-header .theme-toggle { flex: 0 0 auto; }
html[data-ui-version="74"] .site-footer { border-top: 1px solid var(--v74-line); }
html[data-ui-version="74"] .site-footer .owner-line { color: var(--v74-ink); padding-block: 16px; }
html[data-ui-version="74"] .site-footer .owner-line strong { font-size: 13px; font-weight: 850; }

/* Shared system states */
.v74-network-banner {
  position: fixed; z-index: 3000; inset: auto 50% 20px auto; transform: translateX(50%) translateY(18px);
  display: flex; align-items: center; gap: 9px; max-width: min(92vw, 540px); padding: 11px 15px;
  border: 1px solid #f0c36b; border-radius: 13px; background: #fff7df; color: #704a00;
  box-shadow: 0 14px 35px rgba(16,24,40,.18); opacity: 0; pointer-events: none; transition: .22s ease;
  font-size: 13px; font-weight: 800;
}
.v74-network-banner.is-visible { opacity: 1; transform: translateX(50%) translateY(0); }
.v74-system-state { grid-column: 1/-1; min-height: 260px; display: grid; place-items: center; padding: 30px; border: 1px dashed var(--v74-line); border-radius: 20px; background: var(--v74-surface); text-align: center; color: var(--v74-muted); }
.v74-system-state__inner { max-width: 390px; }
.v74-system-state__icon { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 14px; border-radius: 20px; background: var(--v74-brand-soft); color: var(--v74-brand); font-size: 28px; }
.v74-system-state h2 { margin: 0 0 7px; color: var(--v74-ink); font-size: 19px; }
.v74-system-state p { margin: 0 0 16px; line-height: 1.8; }
.v74-system-state button, .v74-system-state a { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 0 16px; border: 0; border-radius: 12px; background: var(--v74-brand); color: #fff; font: inherit; font-weight: 900; text-decoration: none; cursor: pointer; }
.v74-skeleton-card { overflow: hidden; min-height: 330px; border: 1px solid var(--v74-line); border-radius: var(--v74-radius); background: var(--v74-surface); }
.v74-skeleton-card::before { content: ""; display: block; aspect-ratio: 4/3; background: linear-gradient(100deg, var(--v74-soft) 25%, color-mix(in srgb,var(--v74-line) 64%,var(--v74-soft)) 42%, var(--v74-soft) 60%); background-size: 240% 100%; animation: v74Shimmer 1.25s infinite linear; }
.v74-skeleton-card::after { content: ""; display: block; height: 88px; margin: 16px; border-radius: 12px; background: linear-gradient(100deg, var(--v74-soft) 25%, color-mix(in srgb,var(--v74-line) 64%,var(--v74-soft)) 42%, var(--v74-soft) 60%); background-size: 240% 100%; animation: v74Shimmer 1.25s infinite linear; }
@keyframes v74Shimmer { to { background-position: -140% 0; } }
@media (prefers-reduced-motion: reduce) { .v74-skeleton-card::before, .v74-skeleton-card::after { animation: none; } }

/* Stable, server-renderable home hero (no JS layout injection) */
html[data-ui-version="74"] .v74-home-hero { margin-top: 22px; }
html[data-ui-version="74"] .v74-home-hero .v73-market-hero__card {
  grid-template-columns: minmax(0,1.32fr) minmax(330px,.68fr); padding: clamp(22px,3.4vw,42px);
  border-radius: 28px; box-shadow: var(--v74-shadow);
}
html[data-ui-version="74"] .v74-home-hero h1 { max-width: 780px; margin-bottom: 12px; font-size: clamp(30px,4vw,52px); line-height: 1.23; letter-spacing: -.5px; }
html[data-ui-version="74"] .v74-home-hero p { max-width: 690px; margin: 0 0 18px; font-size: 15px; line-height: 1.9; }
html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search { max-width: 710px; }
html[data-ui-version="74"] .v74-home-hero .v73-market-hero__side { align-self: stretch; }
html[data-ui-version="74"] .v74-home-hero .v73-vertical-card { min-height: 136px; }
html[data-ui-version="74"] .v74-value-strip { margin-top: 12px; margin-bottom: 4px; }
html[data-ui-version="74"] .v74-value-strip .v73-value-card { min-height: 90px; }

/* Home listings: image-first, clearer hierarchy, two-column mobile */
html[data-ui-version="74"] #latestProducts.content-layout { grid-template-columns: 224px minmax(0,1fr); gap: 18px; }
html[data-ui-version="74"] #latestProducts .home-filter { top: 88px; border: 1px solid var(--v74-line); border-radius: 18px; background: var(--v74-surface); box-shadow: none; }
html[data-ui-version="74"] #latestProducts .home-filter h2 { color: var(--v74-ink); font-size: 17px; }
html[data-ui-version="74"] #latestProducts .home-filter :is(button,.filter-link) { min-height: 42px; font-size: 13px; }
html[data-ui-version="74"] #latestProducts .section-head { margin-bottom: 14px; }
html[data-ui-version="74"] #latestProducts .section-head h1 { color: var(--v74-ink); font-size: clamp(22px,2.3vw,31px); }
html[data-ui-version="74"] #productGrid.product-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px; }
html[data-ui-version="74"] #productGrid .product-card {
  position: relative; display: block; min-width: 0; min-height: 0; overflow: hidden;
  border: 1px solid var(--v74-line); border-radius: var(--v74-radius); background: var(--v74-surface); box-shadow: 0 3px 16px rgba(16,24,40,.045);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
html[data-ui-version="74"] #productGrid .product-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb,var(--v74-brand) 28%,var(--v74-line)); box-shadow: var(--v74-shadow); }
html[data-ui-version="74"] #productGrid .product-link { display: block; height: 100%; color: inherit; text-decoration: none; }
html[data-ui-version="74"] #productGrid .product-thumb { position: relative; width: 100%; aspect-ratio: 4/3; overflow: hidden; border: 0; background: var(--v74-soft); }
html[data-ui-version="74"] #productGrid .product-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
html[data-ui-version="74"] #productGrid .product-card:hover .product-thumb img { transform: scale(1.035); }
html[data-ui-version="74"] #productGrid .listing-badges { position: absolute; z-index: 2; inset: 10px 10px auto 10px; display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none; }
html[data-ui-version="74"] #productGrid .listing-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 3px 8px; border: 1px solid rgba(255,255,255,.65); border-radius: 999px; background: rgba(255,255,255,.9); color: #6f1019; backdrop-filter: blur(8px); font-size: 10px; font-weight: 900; }
html[data-ui-version="74"] #productGrid .listing-badge--urgent { background: rgba(167,25,40,.92); color: #fff; border-color: transparent; }
html[data-ui-version="74"] #productGrid .media-indicator { inset: auto auto 9px 9px; }
html[data-ui-version="74"] #productGrid .product-save-btn { z-index: 5; top: 10px; left: 10px; width: 38px; height: 38px; border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.92); color: #374151; backdrop-filter: blur(8px); }
html[data-ui-version="74"] #productGrid .product-body { min-height: 170px; padding: 13px 14px 14px; gap: 8px; align-content: start; }
html[data-ui-version="74"] #productGrid .listing-trust-line { display: flex; align-items: center; min-height: 20px; gap: 7px; overflow: hidden; color: var(--v74-success); font-size: 10.5px; font-weight: 850; }
html[data-ui-version="74"] #productGrid .listing-trust-line span { white-space: nowrap; }
html[data-ui-version="74"] #productGrid .listing-trust-line span + span::before { content: "•"; margin-left: 7px; color: var(--v74-line); }
html[data-ui-version="74"] #productGrid .product-body h3 { min-height: 46px; margin: 0; overflow: hidden; color: var(--v74-ink); font-size: 15px; line-height: 1.55; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html[data-ui-version="74"] #productGrid .product-meta-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--v74-muted); font-size: 11.5px; }
html[data-ui-version="74"] #productGrid .product-meta-line span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-ui-version="74"] #productGrid .product-meta-line span:last-child { flex: 0 0 auto; }
html[data-ui-version="74"] #productGrid .product-price-row { margin-top: auto; padding-top: 8px; border-top: 1px solid var(--v74-line); }
html[data-ui-version="74"] #productGrid .price { color: var(--v74-ink); font-size: 14px; }
html[data-ui-version="74"] #productGrid .condition-chip { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; background: var(--v74-soft); color: var(--v74-muted); font-size: 10px; font-weight: 800; }

/* Filter chips and accessibility normalization */
html[data-ui-version="74"] .filter-count-badge { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-inline-start: 5px; padding: 0 6px; border-radius: 999px; background: var(--v74-brand); color: #fff; font-size: 10px; font-weight: 900; }
html[data-ui-version="74"] [aria-invalid="true"] { border-color: #d92d20; box-shadow: 0 0 0 3px rgba(217,45,32,.11); }
html[data-ui-version="74"] .sr-only-v74 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 1100px) {
  html[data-ui-version="74"] #productGrid.product-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__card { grid-template-columns: 1fr; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__side { grid-template-columns: repeat(4,minmax(170px,1fr)); overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 4px; }
  html[data-ui-version="74"] .v74-home-hero .v73-vertical-card { scroll-snap-align: start; }
}
@media (max-width: 760px) {
  html[data-ui-version="74"] .site-header .header-inner { min-height: 62px; gap: 7px; }
  html[data-ui-version="74"] .site-header .header-actions .theme-toggle { display: none; }
  html[data-ui-version="74"] .v74-home-hero { margin-top: 10px; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__card { padding: 17px; border-radius: 22px; gap: 14px; }
  html[data-ui-version="74"] .v74-home-hero h1 { font-size: 26px; line-height: 1.35; }
  html[data-ui-version="74"] .v74-home-hero p { margin-bottom: 12px; font-size: 13px; line-height: 1.75; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search input { min-width: 0; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search button { width: auto; min-width: 88px; padding-inline: 12px; }
  html[data-ui-version="74"] .v74-home-hero .v73-trust-pills { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 7px; margin-top: 12px; padding-bottom: 3px; scrollbar-width: none; }
  html[data-ui-version="74"] .v74-home-hero .v73-trust-pill { flex: 0 0 auto; white-space: nowrap; font-size: 10px; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__side { grid-template-columns: repeat(4,145px); gap: 8px; margin-inline: -17px; padding-inline: 17px; }
  html[data-ui-version="74"] .v74-home-hero .v73-vertical-card { min-height: 92px; padding: 11px; border-radius: 14px; }
  html[data-ui-version="74"] .v74-home-hero .v73-vertical-card > span { font-size: 24px; }
  html[data-ui-version="74"] .v74-home-hero .v73-vertical-card strong { font-size: 12px; }
  html[data-ui-version="74"] .v74-home-hero .v73-vertical-card small { display: none; }
  html[data-ui-version="74"] .v74-value-strip { display: flex; overflow-x: auto; scroll-snap-type: x proximity; gap: 8px; padding-bottom: 5px; scrollbar-width: none; }
  html[data-ui-version="74"] .v74-value-strip .v73-value-card { flex: 0 0 78%; min-height: 72px; padding: 12px; scroll-snap-align: start; }
  html[data-ui-version="74"] #latestProducts.content-layout { display: block; padding-top: 17px; }
  html[data-ui-version="74"] #latestProducts .home-filter { position: static; display: flex; gap: 7px; overflow-x: auto; margin-bottom: 13px; padding: 8px; border-radius: 15px; scrollbar-width: none; }
  html[data-ui-version="74"] #latestProducts .home-filter h2 { display: none; }
  html[data-ui-version="74"] #latestProducts .home-filter :is(button,.filter-link) { flex: 0 0 auto; min-height: 38px; padding: 7px 11px; border-radius: 999px; white-space: nowrap; font-size: 11.5px; }
  html[data-ui-version="74"] #latestProducts .section-head { align-items: end; }
  html[data-ui-version="74"] #latestProducts .section-head h1 { font-size: 20px; }
  html[data-ui-version="74"] #latestProducts .section-head .eyebrow { font-size: 10px; }
  html[data-ui-version="74"] #latestProducts .section-head .text-link { font-size: 11px; }
  html[data-ui-version="74"] #productGrid.product-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px; }
  html[data-ui-version="74"] #productGrid .product-card { border-radius: 14px; }
  html[data-ui-version="74"] #productGrid .listing-badges { inset: 7px 7px auto 7px; }
  html[data-ui-version="74"] #productGrid .listing-badge { min-height: 22px; padding: 2px 6px; font-size: 8px; }
  html[data-ui-version="74"] #productGrid .product-save-btn { top: 7px; left: 7px; width: 32px; height: 32px; }
  html[data-ui-version="74"] #productGrid .product-body { min-height: 145px; padding: 10px; gap: 6px; }
  html[data-ui-version="74"] #productGrid .listing-trust-line { font-size: 8.5px; }
  html[data-ui-version="74"] #productGrid .listing-trust-line span:nth-child(2) { display: none; }
  html[data-ui-version="74"] #productGrid .product-body h3 { min-height: 40px; font-size: 12.5px; line-height: 1.55; }
  html[data-ui-version="74"] #productGrid .product-meta-line { display: grid; gap: 2px; font-size: 9.5px; }
  html[data-ui-version="74"] #productGrid .product-meta-line span:last-child { display: none; }
  html[data-ui-version="74"] #productGrid .product-price-row { padding-top: 6px; }
  html[data-ui-version="74"] #productGrid .price { font-size: 11.5px; }
  html[data-ui-version="74"] #productGrid .condition-chip { display: none; }
  .v74-network-banner { bottom: 78px; }
}

@media (max-width: 760px) {
  html[data-ui-version="74"] body[data-page="home"] .site-header .header-search { display: none !important; }
  html[data-ui-version="74"] body[data-page="home"] .site-header .header-inner { min-height: 58px; height: 58px; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__card { padding: 13px 14px 14px; gap: 10px; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__eyebrow { margin-bottom: 5px; font-size: 10px; }
  html[data-ui-version="74"] .v74-home-hero h1 { margin: 0 0 9px; font-size: 21px; line-height: 1.42; letter-spacing: 0; }
  html[data-ui-version="74"] .v74-home-hero p { display: none; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search { display: flex; flex-direction: row; gap: 6px; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search input { flex: 1 1 auto; width: 1%; min-width: 0; min-height: 42px; padding-inline: 11px; font-size: 11px; box-sizing: border-box; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search button { flex: 0 0 82px; width: 82px; min-width: 82px; min-height: 42px; padding-inline: 7px; font-size: 10.5px; }
  html[data-ui-version="74"] .v74-home-hero .v73-trust-pills { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; margin-top: 9px; overflow: visible; }
  html[data-ui-version="74"] .v74-home-hero .v73-trust-pill { min-width: 0; min-height: 27px; justify-content: center; padding: 4px 6px; overflow: hidden; font-size: 8.5px; text-overflow: ellipsis; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__side { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; margin: 0; padding: 0; overflow: visible; }
  html[data-ui-version="74"] .v74-home-hero .v73-vertical-card { min-width: 0; min-height: 58px; padding: 6px 3px; border-radius: 12px; gap: 2px; text-align: center; }
  html[data-ui-version="74"] .v74-home-hero .v73-vertical-card > span { font-size: 19px; }
  html[data-ui-version="74"] .v74-home-hero .v73-vertical-card strong { max-width: 100%; overflow: hidden; font-size: 8.5px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
  html[data-ui-version="74"] .v74-value-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; margin-top: 7px; margin-bottom: 0; overflow: visible; padding-bottom: 0; }
  html[data-ui-version="74"] .v74-value-strip .v73-value-card { display: grid; place-items: center; align-content: center; min-width: 0; min-height: 56px; padding: 6px 2px; text-align: center; gap: 2px; }
  html[data-ui-version="74"] .v74-value-strip .v73-value-card > span { font-size: 17px; }
  html[data-ui-version="74"] .v74-value-strip .v73-value-card strong { display: block; max-width: 100%; overflow: hidden; font-size: 8px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
  html[data-ui-version="74"] .v74-value-strip .v73-value-card small { display: none; }
  html[data-ui-version="74"] #latestProducts.content-layout { padding-top: 11px; }
  html[data-ui-version="74"] #latestProducts .home-filter { margin-bottom: 8px; }
  html[data-ui-version="74"] #latestProducts .section-head { margin-bottom: 8px; }
}

@media (max-width: 370px) {
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search { grid-template-columns: 1fr; }
  html[data-ui-version="74"] .v74-home-hero .v73-market-hero__search button { width: 100%; }
  html[data-ui-version="74"] #productGrid .product-body h3 { font-size: 12px; }
}

/* V74 — seller review and trust completion */
.seller-reviews-title{align-items:flex-start;gap:12px}.seller-reviews-title>div{flex:1}.seller-reviews-title p{margin:5px 0 0;color:var(--color-text-muted,#697386);font-size:13px;line-height:1.8}.review-add-btn{white-space:nowrap}.seller-service-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.seller-service-metrics>div{padding:14px 10px;border:1px solid var(--color-border,#dde2ea);border-radius:16px;background:var(--color-soft,#f6f7f9);text-align:center}.seller-service-metrics strong{display:block;color:var(--color-text,#1b2430);font-size:18px}.seller-service-metrics span{display:block;margin-top:4px;color:var(--color-text-muted,#697386);font-size:11px}.rating-overview small{display:block;margin-top:6px;color:var(--color-text-muted,#697386)}#reviewModal select,#reviewModal textarea{width:100%;margin:7px 0 14px}.seller-reviews-card .rating-bar{grid-template-columns:58px 1fr 32px}
@media (max-width:700px){.seller-reviews-title{display:grid;grid-template-columns:auto 1fr}.seller-reviews-title .review-add-btn{grid-column:1/-1;width:100%}.seller-service-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-summary{grid-template-columns:1fr}.rating-overview{padding:15px}.rating-overview strong{font-size:34px}}