/* =========================================================
   פיספסתי — כרטיסים ברגע האחרון
   Warm, trustworthy Israeli marketplace · premium honey-gold
   רקע חמים · צהוב בוגר · גבולות עדינים · הרבה אוויר
   ========================================================= */

:root {
  --bg:        #f4fbfc;
  --bg-2:      #e9f4f6;
  --surface:   #ffffff;
  --surface-2: #f5fbfc;
  --surface-3: #e8f3f5;
  --line:      #dfeaed;
  --line-strong: #c7dade;
  --text:      #16211f;
  --text-soft: #505d5c;
  --text-dim:  #7b8887;
  --primary:   #06bcd4;              /* honey-gold — the brand yellow (fills/accents) */
  --primary-dark: #039fb5;           /* deeper amber — hover/pressed on gold fills */
  --primary-tint: #e2f7fb;           /* soft warm cream — tint backgrounds */
  --primary-tint-2: #a8e6ef;         /* gold border */
  --ink:       #0a7a8c;              /* deep bronze-amber — gold used AS TEXT on light */
  --on-primary:#05323a;              /* near-black warm — TEXT on gold fills */
  --hot:       #e0542b;
  --hot-tint:  #fdece4;
  --heart:     #e0464b;
  --success:   #1f9d55; --success-bg:#e8f6ee; --success-bd:#bfe6cd;
  --warn:      #b07d12; --warn-bg:#fbf3e0; --warn-bd:#eddcaf;
  --closed-bg: #f1ede3; --closed-tx:#7f7a6d;
  --radius:    12px;
  --radius-sm: 9px;
  --shadow:    0 1px 2px rgba(8,42,48,.06), 0 1px 3px rgba(8,42,48,.05);
  --shadow-md: 0 4px 12px rgba(8,42,48,.09);
  --shadow-lg: 0 12px 30px rgba(8,42,48,.13);
  --ring:      0 0 0 3px rgba(6,188,212,.30);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: "Assistant", "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  color: var(--text);
  background: var(--bg);
  direction: rtl;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--primary); text-decoration: none; }
::selection { background: var(--primary-tint-2); }
[hidden] { display: none !important; }

:focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; border-radius: 6px; }
.skip-link { position: absolute; right: 14px; top: -60px; z-index: 300; background: #fff; color: var(--primary); padding: 10px 16px; border-radius: var(--radius-sm); border: 2px solid var(--primary); font-weight: 700; transition: top .15s; }
.skip-link:focus { top: 14px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.container { width: 1160px; max-width: 100%; margin: 0 auto; padding: 0 22px; }

/* ---------- Header ---------- */
.site-header {
  position: sticky; top: 0; z-index: 80;
  background: rgba(255,255,255,.86);
  backdrop-filter: saturate(140%) blur(12px);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  border-bottom: 1px solid var(--line);
}
.nav-row { display: flex; align-items: center; gap: 20px; padding: 12px 22px; }
.brand { display: flex; align-items: center; gap: 11px; }
.brand .badge90 {
  width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; color: #fff;
  background: linear-gradient(145deg, #16cde0 0%, var(--primary) 55%, var(--primary-dark) 100%);
  box-shadow: 0 4px 12px rgba(6,163,184,.32), inset 0 1px 0 rgba(255,255,255,.25);
}
.brand .badge90 svg { display: block; }
.brand .titles { display: flex; flex-direction: column; line-height: 1.05; }
.brand .titles .t { font-size: 21px; font-weight: 800; color: var(--primary); letter-spacing: -.3px; }
.brand .titles .t .accent { color: var(--primary); }
.brand .titles .s { font-size: 10.5px; font-weight: 700; color: var(--primary-dark); margin-top: 4px; letter-spacing: 2.4px; text-transform: none; }
.main-nav { display: flex; gap: 2px; margin-right: auto; }
.main-nav a { padding: 8px 14px; border-radius: 9px; color: var(--text-soft); font-weight: 600; font-size: 14.5px; }
.main-nav a:hover { color: var(--text); background: var(--surface-3); }
.main-nav a.active { color: var(--primary); background: var(--primary-tint); }
.header-cta { padding: 10px 17px; border-radius: 10px; background: var(--primary); color: #fff; font-weight: 700; font-size: 14.5px; white-space: nowrap; }
.header-cta:hover { background: var(--primary-dark); }
.fav-nav { display: inline-flex; align-items: center; gap: 7px; color: var(--text-soft); font-weight: 700; font-size: 14px; padding: 8px 12px; border-radius: 9px; border: 1px solid var(--line); background: #fff; cursor: pointer; font-family: inherit; }
.fav-nav:hover { color: var(--heart); border-color: var(--line-strong); }
.fav-nav .fav-badge { background: var(--heart); color: #fff; font-size: 11px; min-width: 18px; height: 18px; border-radius: 9px; display: inline-grid; place-items: center; padding: 0 5px; }

/* hamburger + mobile menu */
.menu-btn { display: none; width: 44px; height: 44px; border-radius: 11px; border: 1px solid var(--line); background: #fff; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 0; }
.menu-btn span { width: 20px; height: 2px; background: var(--text); border-radius: 2px; transition: transform .22s, opacity .22s; }
.menu-btn[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-btn[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-btn[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-menu { display: none; }

/* ---------- Hero ---------- */
.hero { position: relative; background: linear-gradient(180deg, #ffffff 0%, var(--bg) 100%); border-bottom: 1px solid var(--line); }
.hero:after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(700px 300px at 50% -30%, rgba(6,163,184,.07), transparent 70%); }
.hero-inner { position: relative; z-index: 1; padding: 50px 22px 38px; text-align: center; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--primary); background: var(--primary-tint); border: 1px solid var(--primary-tint-2); padding: 6px 14px; border-radius: 999px; margin-bottom: 20px; }
.hero-eyebrow .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); }
.hero-title { font-size: 46px; font-weight: 800; line-height: 1.1; letter-spacing: -1px; margin: 0 0 14px; color: var(--text); }
.hero-title .grad { color: var(--primary); }
.hero-sub { font-size: 17px; color: var(--text-soft); max-width: 560px; margin: 0 auto 28px; }

.hero-search { display: flex; align-items: center; gap: 8px; max-width: 620px; margin: 0 auto 22px; background: #fff; border: 1px solid var(--line-strong); border-radius: 14px; padding: 7px; box-shadow: var(--shadow-md); }
.hero-search:focus-within { border-color: var(--primary); box-shadow: var(--ring); }
.hero-search .hs-ic { padding: 0 8px 0 4px; font-size: 18px; color: var(--text-dim); }
.hero-search input { flex: 1; min-width: 0; background: none; border: none; color: var(--text); font-family: inherit; font-size: 16px; padding: 11px 4px; }
.hero-search input::placeholder { color: var(--text-dim); }
.hero-search input:focus { outline: none; }

.cat-pills { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; margin-bottom: 24px; }
.cat-pill { display: inline-flex; align-items: center; gap: 7px; padding: 9px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--line-strong); color: var(--text-soft); font-family: inherit; font-weight: 700; font-size: 14px; cursor: pointer; transition: .15s; }
.cat-pill:hover { color: var(--text); border-color: var(--primary); }
.cat-pill.active { background: var(--primary); color: #fff; border-color: var(--primary); }
.cat-pill .cnt { font-size: 12px; opacity: .85; background: rgba(0,0,0,.06); border-radius: 10px; padding: 0 7px; }
.cat-pill.active .cnt { background: rgba(255,255,255,.22); }

.trust { display: flex; flex-wrap: wrap; gap: 22px; justify-content: center; color: var(--text-dim); font-size: 13px; font-weight: 600; }
.trust span { display: inline-flex; align-items: center; gap: 7px; }

/* ---------- Toolbar ---------- */
main { padding: 0 0 80px; outline: none; }
.toolbar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 26px 0 0; padding: 14px 16px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.filter-toggle { display: none; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 10px; background: var(--surface-2); border: 1px solid var(--line); color: var(--text); font-weight: 700; font-family: inherit; font-size: 14.5px; cursor: pointer; width: 100%; justify-content: center; }
.filter-toggle .arrow { transition: transform .15s; }
.filter-toggle[aria-expanded="true"] .arrow { transform: rotate(180deg); }
.controls { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; flex: 1; }
.controls .ctrl { display: flex; flex-direction: column; gap: 6px; }
.controls label { font-size: 12px; font-weight: 700; color: var(--text-dim); }
.controls select, .controls input[type=date] { padding: 9px 11px; border-radius: 9px; background: #fff; border: 1px solid var(--line-strong); color: var(--text); font-family: inherit; font-size: 14px; min-width: 140px; }
.controls select:focus, .controls input:focus { outline: none; border-color: var(--primary); box-shadow: var(--ring); }
.price-ctrl { min-width: 190px; }
.price-ctrl .price-val { color: var(--primary); font-weight: 800; }
input[type=range] { accent-color: var(--primary); height: 24px; cursor: pointer; width: 100%; }
.time-chips { display: flex; gap: 7px; flex-wrap: wrap; }
.chip { padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--line-strong); color: var(--text-soft); font-family: inherit; font-weight: 700; font-size: 13px; cursor: pointer; }
.chip:hover { color: var(--text); border-color: var(--primary); }
.chip.active { background: var(--primary-tint); color: var(--primary); border-color: var(--primary); }
.fav-toggle { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; color: var(--text); cursor: pointer; white-space: nowrap; }
.fav-toggle input { width: 18px; height: 18px; accent-color: var(--heart); }

.sort-inline { display: inline-flex; align-items: center; gap: 7px; color: var(--text-soft); font-size: 13.5px; }
.sort-inline select { padding: 9px 11px; border-radius: 9px; background: #fff; border: 1px solid var(--line-strong); color: var(--text); font-family: inherit; font-size: 13.5px; }
.sort-inline select:focus { outline: none; border-color: var(--primary); }

.active-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 16px 0 0; }
.active-filters:empty { display: none; }
.afilter { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; background: var(--primary-tint); color: var(--primary); border: 1px solid var(--primary-tint-2); border-radius: 999px; padding: 5px 6px 5px 13px; }
.afilter button { border: none; background: rgba(6,163,184,.14); color: inherit; cursor: pointer; width: 20px; height: 20px; border-radius: 50%; font-size: 14px; font-weight: 800; display: grid; place-items: center; font-family: inherit; }
.afilter button:hover { background: var(--primary); color: #fff; }
.clear-all { background: none; border: none; color: var(--text-dim); text-decoration: underline; cursor: pointer; font-size: 13px; font-family: inherit; font-weight: 600; }
.clear-all:hover { color: var(--primary); }

.results-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 22px 0 16px; color: var(--text-soft); font-size: 14px; }
.results-bar b { color: var(--text); }

/* ===== מיון — כפתור קטן + dropdown ===== */
.sort-menu { position: relative; }
.sort-btn { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--line-strong); color: var(--text-soft); font-family: inherit; font-weight: 700; font-size: 13px; cursor: pointer; transition: .15s; }
.sort-btn:hover { color: var(--text); border-color: var(--primary); }
.sort-btn i.ico-sort { width: 16px; height: 16px; }
.sort-btn .arrow i.ico-chev { width: 15px; height: 15px; transition: transform .18s; }
.sort-btn[aria-expanded="true"] { color: var(--primary); border-color: var(--primary); background: var(--primary-tint); }
.sort-btn[aria-expanded="true"] .arrow i.ico-chev { transform: rotate(180deg); }
.sort-pop { position: absolute; top: calc(100% + 8px); inset-inline-end: 0; min-width: 172px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-sm); box-shadow: var(--shadow); padding: 6px; z-index: 40; }
.sort-pop[hidden] { display: none; }
.sort-pop button { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; text-align: start; padding: 10px 12px; border: 0; border-radius: 8px; background: none; color: var(--text); font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.sort-pop button:hover { background: var(--primary-tint); }
.sort-pop button[aria-checked="true"] { color: var(--primary); font-weight: 700; }
.sort-pop button[aria-checked="true"]::after { content: "✓"; font-size: 13px; }

/* ---------- Buttons ---------- */
.btn { display: inline-block; border: 1px solid var(--line-strong); background: #fff; color: var(--text); border-radius: 10px; padding: 10px 18px; font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: .15s; }
.btn:hover { border-color: var(--primary); color: var(--primary); background: var(--primary-tint); }
.btn-grad { background: var(--primary); border-color: var(--primary); color: #fff; }
.btn-grad:hover { background: var(--primary-dark); border-color: var(--primary-dark); color: #fff; }
.btn-lg { padding: 13px 28px; font-size: 15.5px; }
.btn-wa { background: #1f9d55; border-color: #1a8749; color: #fff; }
.btn-wa:hover { background: #1a8749; color: #fff; }

/* ---------- Cards ---------- */
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card { position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; transition: transform .16s, border-color .16s, box-shadow .16s; }
.card:hover { transform: translateY(-4px); border-color: var(--line-strong); box-shadow: var(--shadow-lg); }

.card-media { position: relative; height: 186px; background: var(--surface-2); overflow: hidden; }
.card-media img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; display: block; transition: transform .3s; }
.card:hover .card-media img { transform: scale(1.04); }
.card-media:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(15,22,33,.42) 0%, transparent 42%); }
.card-media.logo { background: var(--surface-2); display: grid; place-items: center; border-bottom: 1px solid var(--line); }
.card-media.logo img { width: auto; max-width: 62%; height: auto; max-height: 72%; object-fit: contain; }
.card-media.logo:after { display: none; }
.card-media.versus { display: flex; align-items: center; justify-content: center; gap: 0; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.card-media.versus:after { display: none; }
.card-media.versus img { width: auto; max-width: 32%; max-height: 66%; object-fit: contain; }
.card-media.versus .vs { margin: 0 14px; font-weight: 800; font-size: 14px; color: #fff; background: var(--primary); width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; }

.type-badge { position: absolute; top: 12px; right: 12px; z-index: 2; font-size: 11.5px; font-weight: 700; color: var(--text); background: rgba(255,255,255,.95); border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; box-shadow: var(--shadow); }
.hot-badge { position: absolute; top: 12px; right: 12px; z-index: 2; font-size: 11.5px; font-weight: 800; color: #fff; background: var(--hot); border-radius: 999px; padding: 4px 12px; box-shadow: 0 2px 8px rgba(226,106,58,.4); }
.card:has(.hot-badge) .type-badge { top: auto; bottom: 12px; right: 12px; }
.fav-btn { position: absolute; top: 10px; left: 10px; z-index: 3; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.95); border: 1px solid var(--line); cursor: pointer; display: grid; place-items: center; font-size: 18px; color: #9aa3b0; box-shadow: var(--shadow); transition: transform .12s; }
.fav-btn:hover { transform: scale(1.12); color: var(--heart); }
.fav-btn[aria-pressed="true"] { color: var(--heart); border-color: #f3c6c8; }
.fav-btn .heart-full { display: none; }
.fav-btn[aria-pressed="true"] .heart-full { display: inline; }
.fav-btn[aria-pressed="true"] .heart-empty { display: none; }
.countdown { position: absolute; left: 12px; bottom: 12px; z-index: 2; font-size: 12px; font-weight: 700; color: var(--text); background: rgba(255,255,255,.95); border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; display: inline-flex; align-items: center; gap: 6px; box-shadow: var(--shadow); }
.countdown.urgent { background: var(--hot); border-color: transparent; color: #fff; }
.card-media.logo .countdown, .card-media.versus .countdown { box-shadow: 0 1px 4px rgba(16,24,40,.12); }

.card-body { padding: 16px 18px 18px; display: flex; flex-direction: column; flex: 1; }
.card-title { font-size: 18px; font-weight: 800; line-height: 1.28; margin: 0 0 12px; letter-spacing: -.2px; color: var(--text); }
.card-meta { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.meta-row { display: flex; align-items: center; gap: 9px; font-size: 13.5px; color: var(--text-soft); }
.meta-row .ic { width: 16px; text-align: center; flex-shrink: 0; }
.meta-row .lbl { color: var(--text-dim); }
.card-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line); padding-top: 14px; margin-top: auto; }
.price { font-size: 22px; font-weight: 800; color: var(--primary); letter-spacing: -.5px; }
.price small { font-size: 12px; font-weight: 600; color: var(--text-dim); letter-spacing: 0; }

.empty { grid-column: 1 / -1; text-align: center; color: var(--text-soft); padding: 60px 20px; border: 1px dashed var(--line-strong); border-radius: var(--radius); background: #fff; }
.empty .btn { margin-top: 16px; }

/* ---------- Forms ---------- */
.form-card, .terms-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.form-card { padding: 26px 28px; max-width: 680px; }

/* two-column publish layout */
.publish-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.publish-layout .form-card { max-width: none; }
.publish-aside { position: sticky; top: 86px; display: flex; flex-direction: column; gap: 16px; }
.aside-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 20px 22px; }
.aside-card h3 { margin: 0 0 16px; font-size: 16px; color: var(--text); }
.how-steps { margin: 0; padding: 0; list-style: none; counter-reset: s; display: flex; flex-direction: column; gap: 16px; }
.how-steps li { position: relative; padding-right: 40px; font-size: 13.5px; color: var(--text-soft); line-height: 1.5; }
.how-steps li b { color: var(--text); display: block; }
.how-steps li:before { counter-increment: s; content: counter(s); position: absolute; right: 0; top: -1px; width: 27px; height: 27px; border-radius: 50%; background: var(--primary); color: #fff; font-weight: 800; font-size: 13px; display: grid; place-items: center; }
.trust-card { display: flex; flex-direction: column; gap: 13px; }
.trust-card h3 { margin-bottom: 4px; }
.trust-item { display: flex; align-items: center; gap: 11px; font-size: 13.5px; font-weight: 600; color: var(--text); }
.trust-item .ti-ic { font-size: 18px; width: 22px; text-align: center; flex-shrink: 0; }
@media (max-width: 900px) {
  .publish-layout { grid-template-columns: 1fr; }
  .publish-aside { position: static; }
}
.form-row { margin-bottom: 18px; }
.form-grid { display: flex; gap: 18px; }
.form-grid > .form-row { flex: 1; margin-bottom: 18px; }
.form-row label { display: block; font-weight: 700; font-size: 14px; margin-bottom: 7px; }
.form-row label .req { color: var(--heart); }
.form-row input, .form-row select, .form-row textarea { width: 100%; padding: 11px 12px; border-radius: 9px; background: #fff; border: 1px solid var(--line-strong); color: var(--text); font-family: inherit; font-size: 15px; }
.form-row input::placeholder, .form-row textarea::placeholder { color: var(--text-dim); }
.form-row input:focus, .form-row select:focus, .form-row textarea:focus { outline: none; border-color: var(--primary); box-shadow: var(--ring); }
.form-row .hint { font-size: 12.5px; color: var(--text-dim); margin-top: 6px; }
.form-actions { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 6px; display: flex; align-items: center; gap: 12px; }
.check-row { font-size: 13.5px; color: var(--text-soft); margin-bottom: 18px; display: flex; align-items: center; gap: 9px; }
.check-row input, .form-row input[type=checkbox] { width: auto; accent-color: var(--primary); }
.success { display: none; background: var(--success-bg); border: 1px solid var(--success-bd); color: #176c3a; padding: 15px 16px; border-radius: 10px; margin-bottom: 20px; font-weight: 600; }
.success .s-title { font-size: 16px; margin-bottom: 4px; }
.success .s-sub { font-weight: 500; font-size: 13px; color: #2e7d4f; }
.info-note { background: var(--primary-tint); border: 1px solid var(--primary-tint-2); color: #1a4d86; padding: 12px 15px; border-radius: 10px; font-size: 13.5px; margin-bottom: 22px; }

/* ---- form section labels + validation ---- */
.form-section { display: flex; align-items: center; gap: 10px; margin: 4px 0 18px; }
.form-section .step-num { width: 26px; height: 26px; border-radius: 50%; background: var(--primary); color: #fff; font-weight: 800; font-size: 13px; display: grid; place-items: center; flex-shrink: 0; }
.form-section h3 { margin: 0; font-size: 16px; color: var(--text); }
.form-sep { border: none; border-top: 1px solid var(--line); margin: 24px 0; }

.form-row input.invalid, .form-row select.invalid, .form-row textarea.invalid { border-color: var(--heart); box-shadow: 0 0 0 3px rgba(224,70,75,.14); }
.err { display: none; color: var(--heart); font-size: 12.5px; font-weight: 600; margin-top: 6px; }
.err.show { display: block; }
.input-ok { border-color: var(--success) !important; }

.price-input { position: relative; }
.price-input .cur { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--text-dim); font-weight: 700; pointer-events: none; }
.price-input input { padding-right: 30px; }

/* ---- phone verification ---- */
.phone-verify { display: flex; gap: 10px; align-items: stretch; }
.phone-verify input { flex: 1; }
.phone-verify .btn { flex-shrink: 0; white-space: nowrap; }
.verified-tag { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; color: #176c3a; background: var(--success-bg); border: 1px solid var(--success-bd); border-radius: 8px; padding: 7px 12px; font-weight: 700; font-size: 13.5px; }

.otp-box { margin-top: 14px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 12px; padding: 18px; }
.otp-box .otp-head { font-size: 14px; color: var(--text-soft); margin: 0 0 14px; }
.otp-box .otp-head b { color: var(--text); }
.otp-inputs { display: flex; gap: 10px; justify-content: center; direction: ltr; margin-bottom: 14px; }
.otp-inputs input { width: 52px; height: 60px; text-align: center; font-size: 26px; font-weight: 800; border: 1.5px solid var(--line-strong); border-radius: 11px; background: #fff; color: var(--text); }
.otp-inputs input:focus { outline: none; border-color: var(--primary); box-shadow: var(--ring); }
.otp-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center; }
.otp-actions .link-btn { background: none; border: none; color: var(--primary); font-weight: 700; font-family: inherit; font-size: 13.5px; cursor: pointer; padding: 4px; }
.otp-actions .link-btn:disabled { color: var(--text-dim); cursor: default; text-decoration: none; }
.otp-timer { color: var(--text-dim); font-size: 13px; }
.demo-hint { margin-top: 12px; text-align: center; font-size: 12.5px; color: var(--warn); background: var(--warn-bg); border: 1px dashed var(--warn-bd); border-radius: 8px; padding: 7px 10px; }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn:disabled:hover { background: var(--primary); border-color: var(--primary); }

/* ---- ticket proof upload ---- */
.upload-box { display: flex; align-items: center; gap: 12px; padding: 18px; border: 1.5px dashed var(--line-strong); border-radius: 12px; background: var(--surface-2); cursor: pointer; transition: border-color .15s, background .15s; }
.upload-box:hover, .upload-box.drag { border-color: var(--primary); background: var(--primary-tint); }
.upload-box .up-icon { font-size: 24px; }
.upload-box .up-text { color: var(--text-soft); font-weight: 600; font-size: 14px; }
.upload-preview { margin-top: 12px; display: flex; align-items: center; gap: 12px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; }
.upload-preview img { width: 54px; height: 54px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line); }
.upload-preview .up-file { width: 54px; height: 54px; border-radius: 8px; background: var(--primary-tint); color: var(--primary); display: grid; place-items: center; font-size: 22px; }
.upload-preview .up-name { font-weight: 700; font-size: 14px; color: var(--text); word-break: break-all; }
.upload-preview .up-meta { font-size: 12px; color: var(--success); font-weight: 700; }
.upload-preview .up-remove { margin-right: auto; background: none; border: none; color: var(--text-dim); cursor: pointer; font-size: 20px; padding: 4px 8px; border-radius: 6px; }
.upload-preview .up-remove:hover { background: var(--surface-3); color: var(--heart); }

/* ---------- Conversations ---------- */
.conv-table { width: 100%; border-collapse: collapse; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.conv-table th { background: var(--surface-2); text-align: right; padding: 13px 16px; font-size: 12.5px; color: var(--text-dim); font-weight: 700; border-bottom: 1px solid var(--line); }
.conv-table td { padding: 14px 16px; border-bottom: 1px solid var(--line); font-size: 14px; vertical-align: middle; color: var(--text-soft); }
.conv-table tr:last-child td { border-bottom: none; }
.conv-table tr:hover td { background: var(--surface-2); }
.conv-event { font-weight: 700; color: var(--text); }
.status { display: inline-block; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 999px; border: 1px solid transparent; }
.status.open { background: var(--warn-bg); color: var(--warn); border-color: var(--warn-bd); }
.status.sold { background: var(--success-bg); color: #176c3a; border-color: var(--success-bd); }
.status.closed { background: var(--closed-bg); color: var(--closed-tx); border-color: var(--line); }

/* ---------- Terms ---------- */
.terms-card { padding: 28px 32px; max-width: 820px; color: var(--text-soft); }
.terms-card h2 { font-size: 18px; color: var(--text); margin: 24px 0 8px; }
.terms-card h2:first-child { margin-top: 0; }
.terms-card strong { color: var(--text); }
.terms-card ol { padding-right: 22px; }
.terms-card li { margin-bottom: 8px; }
.terms-card .fine { font-size: 12px; color: var(--text-dim); border-top: 1px solid var(--line); padding-top: 14px; margin-top: 24px; }

/* ---------- Inner page heads ---------- */
.page-pad { padding-top: 38px; }
.page-head { padding: 34px 0 8px; }
.page-title { font-size: 30px; font-weight: 800; letter-spacing: -.5px; margin: 0 0 6px; color: var(--text); }
.page-sub { color: var(--text-soft); margin: 0 0 24px; font-size: 15px; }

/* ---------- Floating CTA ---------- */
.float-cta { position: fixed; bottom: 24px; right: 24px; z-index: 90; display: flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 999px; background: var(--primary); color: #fff; font-weight: 700; font-size: 15px; box-shadow: var(--shadow-lg); }
.float-cta:hover { background: var(--primary-dark); }
.float-cta .plus { width: 22px; height: 22px; border-radius: 50%; background: rgba(255,255,255,.22); display: grid; place-items: center; font-weight: 800; }

/* ---------- Footer ---------- */
.site-footer { border-top: 1px solid var(--line); background: #fff; padding: 28px 0; color: var(--text-dim); font-size: 13px; }
.site-footer .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.site-footer .links a { color: var(--text-soft); margin-left: 18px; }
.site-footer .links a:hover { color: var(--primary); }

/* ---------- Modal ---------- */
.modal-overlay { display: none; position: fixed; inset: 0; background: rgba(28,36,48,.5); backdrop-filter: blur(3px); z-index: 200; align-items: center; justify-content: center; padding: 20px; }
.modal-overlay.show { display: flex; }
.modal { position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); max-width: 420px; width: 100%; padding: 26px; box-shadow: var(--shadow-lg); }
.modal h3 { margin: 0 0 6px; font-size: 21px; color: var(--text); }
.modal .m-event { color: var(--text-soft); font-size: 14px; margin-bottom: 18px; }
.modal .m-contact { background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; padding: 13px 15px; margin-bottom: 9px; font-size: 15px; color: var(--text-soft); }
.modal .m-contact b { color: var(--text); }
.modal .m-actions { display: flex; gap: 10px; margin-top: 18px; }
.modal .modal-x { position: absolute; top: 14px; left: 16px; background: none; border: none; font-size: 26px; line-height: 1; cursor: pointer; color: var(--text-dim); width: 34px; height: 34px; border-radius: 50%; }
.modal .modal-x:hover { background: var(--surface-3); color: var(--text); }

/* ---------- Toast ---------- */
.toast { position: fixed; bottom: 26px; left: 26px; z-index: 250; background: var(--text); color: #fff; padding: 13px 20px; border-radius: 10px; font-weight: 700; font-size: 14px; box-shadow: var(--shadow-lg); opacity: 0; transform: translateY(12px); transition: opacity .2s, transform .2s; pointer-events: none; }
.toast.show { opacity: 1; transform: translateY(0); }

/* ---------- Responsive ---------- */
@media (min-width: 981px) { .controls { display: flex !important; } }
@media (max-width: 1080px) { .cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 980px) {
  .toolbar { flex-direction: column; align-items: stretch; }
  .filter-toggle { display: flex; }
  .controls { display: none; flex-direction: column; align-items: stretch; padding: 4px 0 0; }
  .controls.open { display: flex; }
  .controls select, .controls input[type=date] { min-width: 0; }
  .sort-inline { justify-content: space-between; }
}
@media (max-width: 960px) {
  /* compact header + hamburger */
  .nav-row { flex-wrap: nowrap; justify-content: space-between; gap: 12px; padding: 10px 18px; }
  .main-nav, .nav-row > .fav-nav, .nav-row > .header-cta { display: none; }
  .menu-btn { display: flex; }
  .brand .titles .s { display: none; }
  .brand .badge90 { width: 40px; height: 40px; }
  .brand .titles .t { font-size: 20px; }

  .mobile-menu { display: flex; flex-direction: column; gap: 3px; background: #fff; border-top: 1px solid var(--line);
    max-height: 0; overflow: hidden; opacity: 0; padding: 0 16px; transition: max-height .26s ease, opacity .2s, padding .26s; }
  .mobile-menu.open { max-height: 360px; opacity: 1; padding: 10px 16px 16px; }
  .mobile-menu a, .mobile-menu .mm-fav { padding: 13px 12px; border-radius: 10px; color: var(--text); font-weight: 700; font-size: 16px; text-align: right; background: none; border: none; font-family: inherit; cursor: pointer; width: 100%; }
  .mobile-menu a.active, .mobile-menu a:hover { background: var(--surface-3); color: var(--primary); }
  .mobile-menu .mm-fav { display: flex; align-items: center; gap: 8px; }
  .mobile-menu .mm-fav .js-fav-count { background: var(--heart); color: #fff; font-size: 12px; min-width: 20px; height: 20px; border-radius: 10px; display: inline-grid; place-items: center; padding: 0 6px; }
  .mobile-menu .header-cta { display: block; text-align: center; margin-top: 8px; padding: 14px; font-size: 15.5px; }

  .hero-inner { padding: 30px 22px 26px; }
  .hero-title { font-size: 31px; }
  .hero-sub { font-size: 15px; margin-bottom: 22px; }
  .toolbar { margin-top: 18px; }
}
@media (max-width: 620px) {
  .cards { grid-template-columns: 1fr; }
  .hero-title { font-size: 28px; }
  .hero-eyebrow { margin-bottom: 16px; }
  /* horizontally scrollable category pills */
  .cat-pills { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; margin: 0 -22px 4px; padding: 2px 22px 8px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .cat-pills::-webkit-scrollbar { display: none; }
  .cat-pill { flex: 0 0 auto; }
  .trust { display: none; }
  /* floating action button */
  .float-cta { left: auto; right: 16px; bottom: 18px; width: 58px; height: 58px; padding: 0; border-radius: 50%; justify-content: center; }
  .float-cta .fc-text { display: none; }
  .float-cta .plus { width: auto; height: auto; background: none; font-size: 30px; }
  .toast { left: 16px; right: 16px; bottom: 88px; text-align: center; }
  .site-footer .container { flex-direction: column; text-align: center; }
  .site-footer .links a { margin: 0 9px; }
  .form-grid { flex-direction: column; gap: 0; }
  .phone-verify { flex-wrap: wrap; }
  .phone-verify input { flex: 1 1 100%; }
  .phone-verify .btn { flex: 1 1 100%; }
  .otp-inputs input { width: 46px; height: 54px; font-size: 22px; }
  .conv-table, .conv-table tbody, .conv-table tr, .conv-table td { display: block; width: 100%; }
  .conv-table thead { display: none; }
  .conv-table tr { border-bottom: 1px solid var(--line); padding: 8px 0; }
  .conv-table td { border: none; padding: 5px 16px; }
  .conv-table td:before { content: attr(data-label); font-weight: 700; color: var(--text-dim); display: inline-block; width: 92px; }
  .conv-table td.conv-open:before { content: ""; width: 0; }
}
@media (prefers-reduced-motion: reduce) { * { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } }

/* ============================================================
   END-TO-END OVERHAUL — clarity, trust, mobile, a11y
   ============================================================ */
:root { --text-dim: #756f5f; }              /* better contrast on white (warm) */

/* hero: search helper + dual CTA */
.search-help { color: var(--text-soft); font-size: 13.5px; margin: -8px 0 20px; }
.search-help b { color: var(--text); font-weight: 700; }
.hero-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 24px; }
.hero-cta .btn { padding: 12px 26px; font-size: 15px; }

/* card trust pill + adjacency chip + transfer */
.card-verify { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: #176c3a; background: var(--success-bg); border: 1px solid var(--success-bd); border-radius: 999px; padding: 3px 10px; margin: 0 0 11px; }
.card-verify.check { color: var(--primary); background: var(--primary-tint); border-color: var(--primary-tint-2); }
.adj-chip { display: inline-block; font-size: 11px; font-weight: 700; color: var(--primary); background: var(--primary-tint); border: 1px solid var(--primary-tint-2); border-radius: 6px; padding: 1px 7px; margin-right: 6px; }

/* mobile filter footer (apply / clear) */
.controls-foot { display: none; gap: 10px; width: 100%; padding-top: 6px; }
.controls-foot .btn { flex: 1; }
@media (max-width: 980px) {
  .controls.open .controls-foot { display: flex; }
}

/* categories: two rows on mobile (no hidden scroll) */
@media (max-width: 620px) {
  .cat-pills { flex-wrap: wrap; overflow: visible; justify-content: center; margin: 0 0 6px; padding: 0; }
  .cat-pill { flex: 0 0 auto; }
  /* hide floating CTA while filter panel or a modal is open */
  body.filter-open .float-cta, body.modal-open .float-cta { display: none; }
}

/* contact modal: warning + secondary actions */
.m-warn { display: flex; gap: 8px; align-items: flex-start; background: var(--warn-bg); border: 1px solid var(--warn-bd); color: #7a5a12; border-radius: 10px; padding: 10px 12px; font-size: 13px; font-weight: 600; margin: 4px 0 14px; }
.m-phone-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.copy-btn { background: none; border: 1px solid var(--line-strong); color: var(--primary); border-radius: 8px; padding: 5px 11px; font-family: inherit; font-weight: 700; font-size: 12.5px; cursor: pointer; }
.copy-btn:hover { background: var(--primary-tint); }

/* favorites empty state */
.empty .empty-ico { font-size: 34px; display: block; margin-bottom: 10px; }

/* ---- inquiries (פניות) page ---- */
.legend { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 0 18px; font-size: 13px; color: var(--text-soft); }
.legend .status { margin-left: 4px; }
.demo-chip { display: inline-flex; align-items: center; gap: 7px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; font-size: 13px; font-weight: 700; color: var(--text-soft); margin-bottom: 16px; }
.inq-list { display: flex; flex-direction: column; gap: 14px; }
.inq-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 16px 18px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.inq-main { flex: 1; min-width: 200px; }
.inq-event { font-weight: 800; font-size: 16px; color: var(--text); margin-bottom: 4px; }
.inq-meta { font-size: 13px; color: var(--text-soft); }
.inq-side { display: flex; align-items: center; gap: 12px; }
.inq-status-wrap { text-align: left; }
.inq-status-note { font-size: 11.5px; color: var(--text-dim); margin-top: 3px; }
@media (max-width: 620px) { .inq-card { align-items: stretch; } .inq-side { justify-content: space-between; width: 100%; } }

/* ---- publish stepper / progress ---- */
.stepper { display: flex; align-items: center; gap: 0; margin: 0 0 8px; }
.stepper .st { display: flex; align-items: center; gap: 9px; flex: 1; }
.stepper .st .dot { width: 30px; height: 30px; border-radius: 50%; background: var(--surface-3); color: var(--text-dim); font-weight: 800; font-size: 14px; display: grid; place-items: center; flex-shrink: 0; border: 1.5px solid var(--line-strong); transition: .2s; }
.stepper .st .lbl { font-size: 13px; font-weight: 700; color: var(--text-dim); }
.stepper .st .bar { flex: 1; height: 2px; background: var(--line-strong); margin: 0 8px; }
.stepper .st.done .dot { background: var(--success); border-color: var(--success); color: #fff; }
.stepper .st.active .dot { background: var(--primary); border-color: var(--primary); color: #fff; box-shadow: 0 0 0 4px var(--primary-tint); }
.stepper .st.active .lbl, .stepper .st.done .lbl { color: var(--text); }
@media (max-width: 700px) { .stepper .st .lbl { display: none; } .stepper .st:last-child .lbl, .stepper .st.active .lbl { display: inline; } }

/* review + missing-items checklist */
.review-box { background: var(--surface-2); border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; margin-bottom: 4px; }
.review-box h4 { margin: 0 0 12px; font-size: 15px; }
.review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; font-size: 14px; }
.review-grid .rk { color: var(--text-dim); }
.review-grid .rv { color: var(--text); font-weight: 700; text-align: left; }
.missing-list { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.missing-list li { display: flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 600; }
.missing-list li .mk { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; flex-shrink: 0; }
.missing-list li.ok { color: var(--text-soft); }
.missing-list li.ok .mk { background: var(--success-bg); color: var(--success); }
.missing-list li.no { color: var(--text); }
.missing-list li.no .mk { background: var(--warn-bg); color: var(--warn); }

/* terms readability */
.terms-tldr { background: var(--primary-tint); border: 1px solid var(--primary-tint-2); border-radius: 12px; padding: 16px 20px; margin-bottom: 22px; }
.terms-tldr h3 { margin: 0 0 10px; font-size: 15px; color: #1a4d86; }
.terms-tldr ul { margin: 0; padding-right: 20px; color: #24557f; }
.terms-tldr li { margin-bottom: 6px; font-size: 13.5px; }
.terms-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }

/* marketplace-clarity microcopy */
.hero-note { max-width: 620px; margin: -8px auto 22px; font-size: 13.5px; color: var(--text-soft); background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; }
.hero-note b { color: var(--text); }
.card-verify.info { color: var(--text-soft); background: var(--surface-2); border-color: var(--line); font-weight: 600; }

/* auto link-preview (pull event image from purchase URL) */
.link-shortcut { background: linear-gradient(180deg, var(--primary-tint), #fff); border: 1px solid var(--primary-tint-2); border-radius: 12px; padding: 15px 16px; margin-bottom: 18px; }
.link-shortcut .ls-head { font-weight: 800; font-size: 14.5px; color: #1a4d86; margin-bottom: 4px; display: flex; align-items: center; gap: 7px; }
.link-shortcut .ls-sub { font-size: 12.5px; color: var(--text-soft); margin-bottom: 12px; }
.link-preview { margin-top: 12px; display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 12px; }
.link-preview img { width: 124px; height: 80px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line); background: var(--surface-2); flex-shrink: 0; }
.link-preview .lp-body { flex: 1; min-width: 0; }
.link-preview .lp-title { font-weight: 800; font-size: 15px; color: var(--text); margin-bottom: 4px; word-break: break-word; }
.link-preview .lp-meta { font-size: 12.5px; color: var(--success); font-weight: 700; }
.link-preview .lp-loading { color: var(--text-soft); font-weight: 700; }
.link-preview .up-remove { margin-right: auto; background: none; border: none; color: var(--text-dim); cursor: pointer; font-size: 20px; padding: 4px 8px; border-radius: 6px; align-self: flex-start; }
.link-preview .up-remove:hover { background: var(--surface-3); color: var(--heart); }

/* share button on cards + deep-link highlight */
.share-btn { position: absolute; top: 54px; left: 10px; z-index: 3; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.95); border: 1px solid var(--line); cursor: pointer; display: grid; place-items: center; font-size: 16px; color: var(--text-soft); box-shadow: var(--shadow); transition: transform .12s, color .12s; }
.share-btn:hover { color: var(--primary); transform: scale(1.1); }
.card.highlight { animation: cardPulse 1.8s ease; }
@keyframes cardPulse { 0%,100% { box-shadow: var(--shadow); } 25% { box-shadow: 0 0 0 4px var(--primary-tint), var(--shadow-lg); border-color: var(--primary); } }
.report-link { display: block; text-align: center; margin-top: 14px; font-size: 12.5px; color: var(--text-dim); background: none; border: none; cursor: pointer; font-family: inherit; width: 100%; }
.report-link:hover { color: var(--heart); text-decoration: underline; }

/* ============ single ticket page ============ */
.crumbs { font-size: 13px; color: var(--text-dim); margin: 0 0 18px; }
.crumbs a { color: var(--text-soft); font-weight: 600; }
.crumbs a:hover { color: var(--primary); }
.section-head { font-size: 22px; font-weight: 800; margin: 40px 0 18px; }

.ticket-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 30px; align-items: start; }
.ticket-media { position: relative; border-radius: var(--radius); overflow: hidden; background: var(--surface-2); border: 1px solid var(--line); height: 400px; display: flex; align-items: center; justify-content: center; }
.ticket-media img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; display: block; }
.ticket-media.logo { background: var(--surface-2); }
.ticket-media.logo img { width: auto; max-width: 62%; height: auto; max-height: 68%; object-fit: contain; }
.ticket-media.versus { display: flex; gap: 0; }
.ticket-media.versus img { width: auto; max-width: 34%; max-height: 62%; object-fit: contain; }
.ticket-media.versus .vs { margin: 0 18px; font-weight: 800; font-size: 20px; color: #fff; background: var(--primary); width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; }

.ticket-info { min-width: 0; }
.ticket-badges { display: flex; gap: 8px; margin-bottom: 12px; }
.ticket-badges .type-badge, .ticket-badges .hot-badge { position: static; }
.ticket-title { font-size: 30px; font-weight: 800; line-height: 1.2; letter-spacing: -.5px; margin: 0 0 12px; }
.ticket-details { display: flex; flex-direction: column; gap: 11px; margin: 18px 0; padding: 18px; background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius); }
.ticket-details .meta-row { font-size: 15px; color: var(--text); }
.ticket-details .meta-row .ic { font-size: 17px; }
.ticket-price-row .price { font-size: 30px; }
.ticket-contact { border-top: 1px solid var(--line); padding-top: 16px; }
.tc-phone { font-size: 15px; color: var(--text-soft); margin-bottom: 12px; }
.tc-phone b { color: var(--text); }
.ticket-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.ticket-actions .btn-wa { flex: 1; min-width: 200px; text-align: center; }

.card-link { text-decoration: none; color: inherit; display: flex; }
.card-link:hover { text-decoration: none; }
.card-link .card-title { color: var(--text); }

.sticky-cta { display: none; }

/* ============ seller dashboard ============ */
.dash-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.dash-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 24px; }
.stat { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px; text-align: center; }
.stat .n { font-size: 28px; font-weight: 800; color: var(--primary); }
.stat .l { font-size: 13px; color: var(--text-soft); font-weight: 600; }
.my-list { display: flex; flex-direction: column; gap: 14px; }
.my-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.my-thumb { width: 84px; height: 60px; border-radius: 8px; object-fit: cover; border: 1px solid var(--line); background: var(--surface-2); flex-shrink: 0; }
.my-thumb.contain { object-fit: contain; padding: 6px; }
.my-main { flex: 1; min-width: 180px; }
.my-title { font-weight: 800; font-size: 16px; color: var(--text); margin-bottom: 4px; }
.my-title a { color: inherit; }
.my-meta { font-size: 13px; color: var(--text-soft); }
.my-side { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.my-actions { display: flex; gap: 6px; }
.my-actions .btn { padding: 7px 12px; font-size: 13px; }
.st-badge { display: inline-block; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 999px; border: 1px solid transparent; }
.st-badge.active { background: var(--success-bg); color: #176c3a; border-color: var(--success-bd); }
.st-badge.pending { background: var(--warn-bg); color: var(--warn); border-color: var(--warn-bd); }
.st-badge.draft { background: var(--primary-tint); color: var(--primary); border-color: var(--primary-tint-2); }
.st-badge.removed { background: var(--closed-bg); color: var(--closed-tx); border-color: var(--line); }
.my-inq { font-size: 13px; color: var(--text-soft); font-weight: 700; }

/* ============ responsive: ticket + dashboard ============ */
@media (max-width: 860px) {
  .ticket-layout { grid-template-columns: 1fr; gap: 20px; }
  .ticket-media { height: 260px; }
  .ticket-title { font-size: 24px; }
  .dash-stats { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 620px) {
  .sticky-cta { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; align-items: center; gap: 12px; padding: 12px 16px; background: rgba(255,255,255,.96); backdrop-filter: blur(10px); border-top: 1px solid var(--line); box-shadow: 0 -4px 16px rgba(16,24,40,.08); }
  .sticky-cta .sc-price { font-weight: 800; font-size: 20px; color: var(--primary); white-space: nowrap; }
  .sticky-cta .btn-wa { flex: 1; text-align: center; }
  body.has-sticky { padding-bottom: 78px; }
  .ticket-actions .btn-wa { min-width: 0; }
  .my-card { align-items: stretch; }
  .my-side { justify-content: space-between; width: 100%; }
  .dash-stats { grid-template-columns: 1fr; }
}

/* card title links to single-ad page */
.card-title a { color: inherit; text-decoration: none; }
.card-title a:hover { color: var(--primary); text-decoration: underline; }

/* WhatsApp button: logo + Hebrew label (avoids Latin RTL break) */
.btn-wa { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn-wa .wa-ico { flex-shrink: 0; }

/* WhatsApp button = logo only */
.btn-wa .wa-ico { width: 24px; height: 24px; }
.sticky-cta .btn-wa .wa-ico, .ticket-actions .btn-wa .wa-ico { width: 26px; height: 26px; }

/* WhatsApp buttons: compact (logo only, not full-width) */
.btn-wa { padding: 10px 22px; }
.btn-wa .wa-ico { width: 22px; height: 22px; }
.ticket-actions .btn-wa { flex: 0 0 auto; min-width: 0; padding: 11px 26px; }
.ticket-actions .btn-wa .wa-ico { width: 24px; height: 24px; }
.sticky-cta .btn-wa { flex: 0 0 auto; padding: 12px 30px; }
.sticky-cta .btn-wa .wa-ico { width: 24px; height: 24px; }
.m-actions .m-wa { flex: 0 0 auto; }
.inq-card .btn-wa { padding: 9px 18px; }

/* ============ ticket alerts ============ */
.empty-title { font-size: 18px; font-weight: 800; color: var(--text); margin-bottom: 14px; }
.empty-alert { margin: 6px 0 18px; }
.empty-alert .hint { margin-top: 10px; font-size: 13px; color: var(--text-soft); }
.alert-cta { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; background: linear-gradient(180deg, var(--primary-tint), #fff); border: 1px solid var(--primary-tint-2); border-radius: var(--radius); padding: 16px 20px; margin: 34px 0 0; }
.alert-cta .ac-text { font-weight: 700; color: #1a4d86; font-size: 15px; }
.alert-cta .btn { white-space: nowrap; }

.al-sub { color: var(--text-soft); font-size: 14px; margin: 0 0 18px; line-height: 1.5; }
.al-contact-tabs { display: flex; gap: 8px; margin-bottom: 8px; }
.al-tab { flex: 1; padding: 10px; border: 1px solid var(--line-strong); border-radius: 9px; background: #fff; font-family: inherit; font-weight: 700; font-size: 14px; cursor: pointer; color: var(--text-soft); }
.al-tab.active { border-color: var(--primary); background: var(--primary-tint); color: var(--primary); }
.al-err { color: var(--heart); font-size: 13px; font-weight: 600; margin-top: 10px; display: none; }
.al-err.show { display: block; }
.al-success { text-align: center; padding: 10px 0; }
.al-success .al-ok-ico { font-size: 40px; display: block; margin-bottom: 10px; }
.al-success h4 { font-size: 19px; margin: 0 0 6px; }
.al-success p { color: var(--text-soft); font-size: 14px; margin: 0 0 18px; }

.alerts-list { display: flex; flex-direction: column; gap: 14px; }
.alert-item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 16px 18px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.alert-item .ai-ico { width: 46px; height: 46px; border-radius: 12px; background: var(--primary-tint); color: var(--primary); display: grid; place-items: center; font-size: 22px; flex-shrink: 0; }
.alert-item .ai-main { flex: 1; min-width: 180px; }
.alert-item .ai-query { font-weight: 800; font-size: 16px; color: var(--text); margin-bottom: 4px; }
.alert-item .ai-meta { font-size: 13px; color: var(--text-soft); }
.alert-item .ai-side { display: flex; align-items: center; gap: 12px; }

/* ============ wanted board (מחפשים כרטיס) ============ */
.wanted-list { display: flex; flex-direction: column; gap: 14px; }
.wanted-item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 16px 18px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.wanted-item .wi-ico { width: 46px; height: 46px; border-radius: 12px; background: var(--primary-tint); color: var(--primary); display: grid; place-items: center; font-size: 22px; flex-shrink: 0; }
.wanted-item .wi-main { flex: 1; min-width: 180px; }
.wanted-item .wi-q { font-weight: 800; font-size: 16px; color: var(--text); margin-bottom: 4px; }
.wanted-item .wi-meta { font-size: 13px; color: var(--text-soft); }
.wanted-item .wi-cta { flex-shrink: 0; }

/* home "people searching now" */
.home-wanted { margin-top: 54px; }
.hw-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.hw-head h2 { font-size: 22px; font-weight: 800; margin: 0; }
.hw-head .hw-sub { font-size: 13px; color: var(--text-soft); }
.hw-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.hw-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px 16px; display: flex; align-items: center; gap: 12px; transition: border-color .15s, box-shadow .15s; }
.hw-card:hover { border-color: var(--primary); box-shadow: var(--shadow-md); text-decoration: none; }
.hw-card .hw-ico { width: 40px; height: 40px; border-radius: 10px; background: var(--primary-tint); color: var(--primary); display: grid; place-items: center; font-size: 18px; flex-shrink: 0; }
.hw-card .hw-q { font-weight: 800; font-size: 15px; color: var(--text); }
.hw-card .hw-meta { font-size: 12.5px; color: var(--text-soft); }

/* alert board status + public checkbox */
.ai-board { font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.ai-board.on { background: var(--primary-tint); color: var(--primary); }
.ai-board.off { background: var(--surface-3); color: var(--text-dim); }
.al-public { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px; color: var(--text-soft); margin: 6px 0 4px; cursor: pointer; line-height: 1.45; }
.al-public input { width: 18px; height: 18px; accent-color: var(--primary); flex-shrink: 0; margin-top: 1px; }
.al-public b { color: var(--text); }

@media (max-width: 620px) {
  .wanted-item { align-items: stretch; }
  .wanted-item .wi-cta { width: 100%; }
  .wanted-item .wi-cta .btn { width: 100%; text-align: center; }
  .hw-grid { grid-template-columns: 1fr; }
}

/* ============ trust & safety ============ */
.wa-note { font-size: 12px; color: var(--text-dim); margin-top: 8px; display: flex; align-items: center; gap: 6px; }
.m-safety { font-size: 13px; margin: 2px 0 14px; }
.m-safety a { font-weight: 700; }

/* safety center do/don't */
.safe-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 8px 0 20px; }
.safe-card { border-radius: var(--radius); padding: 16px 18px; border: 1px solid var(--line); }
.safe-card h3 { margin: 0 0 10px; font-size: 15px; display: flex; align-items: center; gap: 8px; }
.safe-card.do { background: var(--success-bg); border-color: var(--success-bd); }
.safe-card.do h3 { color: #176c3a; }
.safe-card.dont { background: #fdeef0; border-color: #f3c6c8; }
.safe-card.dont h3 { color: #b23b41; }
.safe-card ul { margin: 0; padding-right: 20px; }
.safe-card li { margin-bottom: 7px; font-size: 13.5px; color: var(--text); }
.safe-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }

/* report modal */
.report-reasons { display: flex; flex-direction: column; gap: 8px; margin: 4px 0 14px; }
.report-reasons label { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid var(--line-strong); border-radius: 10px; cursor: pointer; font-weight: 600; font-size: 14px; transition: .12s; }
.report-reasons label:hover { border-color: var(--primary); }
.report-reasons label.sel { border-color: var(--primary); background: var(--primary-tint); color: var(--primary); }
.report-reasons input { width: 18px; height: 18px; accent-color: var(--primary); }

@media (max-width: 620px) { .safe-grid { grid-template-columns: 1fr; } }

/* ============ seller dashboard v2 ============ */
.dash-stats { grid-template-columns: repeat(4, 1fr) !important; }
.dash-toolbar { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.dash-search { position: relative; flex: 1; min-width: 200px; }
.dash-search input { width: 100%; padding: 10px 38px 10px 12px; border: 1px solid var(--line-strong); border-radius: 10px; font-family: inherit; font-size: 14px; background: #fff; color: var(--text); }
.dash-search input:focus { outline: none; border-color: var(--primary); box-shadow: var(--ring); }
.dash-search .ds-ic { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--text-dim); pointer-events: none; }
.status-tabs { display: flex; gap: 7px; flex-wrap: wrap; }
.status-tab { padding: 8px 13px; border-radius: 999px; background: #fff; border: 1px solid var(--line-strong); color: var(--text-soft); font-family: inherit; font-weight: 700; font-size: 13px; cursor: pointer; white-space: nowrap; }
.status-tab:hover { border-color: var(--primary); color: var(--primary); }
.status-tab .cnt { opacity: .7; font-size: 12px; margin-right: 3px; }
.status-tab.active { background: var(--primary); color: #fff; border-color: var(--primary); }
.status-tab.active .cnt { opacity: .85; }
.st-badge.irrelevant { background: var(--closed-bg); color: #7b8492; border-color: var(--line); }
.my-counts { display: flex; gap: 14px; font-size: 12.5px; color: var(--text-soft); font-weight: 700; flex-wrap: wrap; margin-top: 6px; }
.my-card .my-actions { flex-wrap: wrap; gap: 6px; }
.my-card .my-actions .btn { padding: 7px 11px; font-size: 12.5px; }
.my-card .my-side { flex-direction: column; align-items: flex-end; gap: 8px; }
@media (max-width: 620px) {
  .dash-stats { grid-template-columns: 1fr 1fr !important; }
  .my-card { align-items: stretch; }
  .my-card .my-side { align-items: stretch; width: 100%; }
  .my-card .my-actions .btn { flex: 1; text-align: center; min-width: 72px; }
}

/* dashboard demo-reset */
.dash-reset{margin:28px 0 4px;padding-top:18px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dash-reset .fine{margin:0}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text-soft);border-radius:9px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;transition:.15s}
.btn-ghost:hover{border-color:var(--heart);color:var(--heart);background:rgba(224,70,75,.05)}
.btn-ghost:focus-visible{outline:2px solid var(--heart);outline-offset:2px}

/* ---- auth widget (header chip + login modal) ---- */
.auth-slot{display:flex;align-items:center}
.btn-login{background:transparent;border:1.5px solid var(--primary);color:var(--primary);border-radius:10px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer;transition:.15s}
.btn-login:hover{background:var(--primary-tint)}
.btn-login:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.auth-chip{position:relative;cursor:pointer}
.ac-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:16px;user-select:none}
.auth-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:50%}
.auth-menu{position:absolute;top:46px;left:0;min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:60;display:flex;flex-direction:column;gap:2px}
.auth-menu .am-email{font-size:12px;color:var(--text-dim);padding:8px 10px 6px;border-bottom:1px solid var(--line);margin-bottom:4px;word-break:break-all}
.auth-menu a,.auth-menu .am-signout{text-align:right;background:transparent;border:0;font:inherit;color:var(--text);padding:9px 10px;border-radius:8px;cursor:pointer;text-decoration:none;display:block}
.auth-menu a:hover,.auth-menu .am-signout:hover{background:var(--surface-2)}
.auth-menu .am-signout{color:var(--heart);font-weight:600}
/* login modal fields */
#authModal .fld{display:block;margin:12px 0}
#authModal .fld>span{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:5px}
#authModal .fld input{width:100%;box-sizing:border-box;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:var(--surface)}
#authModal .fld input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}
#authModal .err{color:var(--heart);font-size:13px;font-weight:600;margin:4px 0}
@media (max-width:600px){ .ac-badge{width:34px;height:34px;font-size:15px} .auth-menu{left:auto;right:0} }

/* ---- admin panel ---- */
.admin-subtabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.admin-tab{margin-top:6px}
#adminReports .my-card,#adminDemands .my-card{grid-template-columns:1fr auto}

/* ---- terms: two-column layout (fills width, sticky sidebar) ---- */
.terms-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start;margin-bottom:12px}
.terms-body{max-width:none;padding:30px 34px;line-height:1.7}
.terms-body .terms-lead{font-size:16px;color:var(--text);margin:0 0 16px}
.terms-body h2{font-size:18px;color:var(--text);margin:26px 0 8px}
.terms-body h2:first-of-type{margin-top:8px}
.terms-highlight{background:var(--primary-tint);border:1px solid var(--primary-tint-2);border-radius:10px;padding:14px 18px;font-weight:700;color:#1a4d86;margin:0 0 8px}
.terms-aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}
.terms-aside .terms-tldr{margin:0}
.terms-cta-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px 20px}
.terms-cta-card>p{margin:0 0 12px;font-weight:800;color:var(--text);font-size:16px}
.terms-cta-card .terms-actions{flex-direction:column;gap:10px;margin:0}
.terms-cta-card .btn{width:100%;box-sizing:border-box;text-align:center;justify-content:center}
@media(max-width:860px){
  .terms-layout{grid-template-columns:1fr;gap:18px}
  .terms-aside{position:static;order:-1}
  .terms-body{padding:22px 20px}
}

/* ============================================================
   פיספסתי — BRAND REBRAND LAYER
   Gold cannot carry white text (contrast) and cannot be read as
   text on white. So: dark ink ON gold fills, deep-amber ink where
   gold was used AS text. Layered last so equal-specificity wins.
   ============================================================ */

/* ---- text ON gold fills → warm near-black (was #fff) ---- */
.header-cta,
.header-cta:hover,
.btn-grad,
.btn-grad:hover,
.cat-pill.active,
.how-steps li:before,
.form-section .step-num,
.float-cta,
.float-cta:hover,
.stepper .st.active .dot,
.ac-badge,
.status-tab.active,
.card-media.versus .vs,
.ticket-media.versus .vs,
.afilter button:hover { color: var(--on-primary); }

/* keep the strong CTAs feeling solid, not muddy, on hover */
.btn-grad:hover, .header-cta:hover, .float-cta:hover { background: var(--primary-dark); border-color: var(--primary-dark); }

/* ---- gold used AS TEXT on light → deep-amber ink (readable) ---- */
a,
.brand .titles .t .accent,
.main-nav a.active,
.hero-eyebrow,
.hero-title .grad,
.price,
.sticky-cta .sc-price,
.stat .n,
.price-ctrl .price-val,
.chip.active,
.afilter,
.clear-all:hover,
.btn:hover,
.btn-login,
.btn-login:hover,
.upload-preview .up-file,
.alert-item .ai-ico,
.wanted-item .wi-ico,
.hw-card .hw-ico,
.ai-board.on,
.status-tab:hover,
.report-reasons label.sel,
.al-tab.active,
.card-verify.check,
.adj-chip,
.copy-btn,
.otp-actions .link-btn,
.st-badge.draft,
.crumbs a:hover,
.card-title a:hover,
.skip-link,
.info-note,
.terms-highlight,
.terms-tldr h3,
.terms-tldr ul,
.alert-cta .ac-text,
.link-shortcut .ls-head { color: var(--ink); }

/* logo badge: teal gradient + white ticket (concept 1) — turquoise only */
.brand .badge90 {
  background: linear-gradient(145deg, #16cde0 0%, var(--primary) 52%, var(--primary-dark) 100%);
  box-shadow: 0 4px 12px rgba(6,163,184,.34), inset 0 1px 0 rgba(255,255,255,.45);
}

/* active-filter close button chip → warm gold wash (was blue rgba) */
.afilter button { background: rgba(6,163,184,.16); }
.afilter button:hover { background: var(--primary); }

/* hero ambient glow → warm gold (was blue radial) */
.hero:after { background: radial-gradient(700px 300px at 50% -30%, rgba(6,188,212,.10), transparent 70%); }

/* ============================================================
   פיספסתי — PRODUCTION POLISH
   Whiter canvas · calmer yellow · stronger hierarchy · premium
   cards · lighter FAB · real footer. Layout & flow unchanged.
   ============================================================ */

:root {
  --bg:        #fbfaf7;              /* near-white warm canvas so white cards pop */
  --line:      #ece7db;
  --line-strong: #ddd6c6;
  --shadow:    0 1px 2px rgba(38,30,10,.05), 0 1px 3px rgba(38,30,10,.04);
  --shadow-md: 0 6px 18px rgba(38,30,10,.07);
  --shadow-lg: 0 16px 40px rgba(38,30,10,.12);
  --radius:    14px;
  --radius-sm: 10px;
}

/* ---------- Header: a touch more air, crisper brand ---------- */
.site-header { background: rgba(255,255,255,.9); }
.nav-row { padding: 13px 22px; }
.brand .badge90 { width: 42px; height: 42px; border-radius: 12px; }
.brand .titles .t { font-size: 20.5px; letter-spacing: -.5px; }
.brand .titles .s { letter-spacing: 1.8px; margin-top: 3px; color: var(--text-dim); }
.header-cta { border-radius: var(--radius-sm); }

/* ---------- Hero: lighter, search-first ---------- */
.hero { background: #fff; border-bottom: 1px solid var(--line); }
.hero-inner { padding: 46px 22px 34px; }
.hero-eyebrow {
  background: #fff; border: 1px solid var(--line-strong); color: var(--text-soft);
  font-weight: 700; box-shadow: var(--shadow); margin-bottom: 18px;
}
.hero-eyebrow .dot { box-shadow: 0 0 0 3px rgba(31,157,85,.16); }
.hero-title { font-size: 44px; letter-spacing: -1.2px; margin-bottom: 22px; }
.hero-title .grad { color: var(--ink); }
@media (max-width: 960px){ .hero-title { font-size: 30px; } }

/* Search = the main event: bigger, elevated, clearly focal */
.hero-search {
  max-width: 640px; padding: 8px 8px 8px 8px; border-radius: 16px;
  border: 1.5px solid var(--line-strong);
  box-shadow: 0 12px 34px rgba(38,30,10,.10), 0 2px 6px rgba(38,30,10,.05);
  margin-bottom: 18px; transition: border-color .15s, box-shadow .15s;
}
.hero-search:focus-within { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(6,188,212,.22), 0 12px 34px rgba(38,30,10,.10); }
.hero-search .hs-ic { font-size: 19px; padding: 0 10px 0 4px; }
.hero-search input { font-size: 16.5px; padding: 14px 4px; }
.hero-search .btn-grad { padding: 13px 30px; font-size: 15.5px; border-radius: 12px; }
.search-help { margin: 0 0 22px; }

/* ---------- Category pills: cleaner, easy to scan ---------- */
.cat-pills { gap: 8px; margin-bottom: 22px; }
.cat-pill {
  padding: 10px 16px; border-radius: var(--radius-sm); border: 1px solid var(--line-strong);
  background: #fff; color: var(--text-soft); font-weight: 700; font-size: 14px; box-shadow: var(--shadow);
  transition: border-color .14s, color .14s, background .14s;
}
.cat-pill:hover { color: var(--text); border-color: var(--line-strong); background: var(--surface-2); }
.cat-pill.active { background: var(--primary); color: var(--on-primary); border-color: var(--primary); box-shadow: 0 4px 12px rgba(6,163,184,.28); }
.cat-pill .cnt { background: var(--surface-3); color: var(--text-dim); font-weight: 800; }
.cat-pill.active .cnt { background: rgba(42,32,8,.16); color: var(--on-primary); }

/* ---------- Trust strip (replaces heavy hero trust block) ---------- */
.trust-strip { display: flex; flex-wrap: wrap; gap: 10px 22px; justify-content: center; align-items: center; margin: 2px auto 0; max-width: 720px; }
.trust-strip span { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--text-soft); }
.trust-strip .ts-ic { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: var(--surface-3); color: var(--ink); font-size: 12px; }
.trust-strip .sep { width: 1px; height: 16px; background: var(--line-strong); }
@media (max-width: 620px){ .trust-strip .sep { display: none; } .trust-strip { gap: 8px 16px; } }

/* ---------- Ticket cards: premium hierarchy ---------- */
.cards { gap: 22px; }
.card { border-radius: var(--radius); box-shadow: var(--shadow); transition: transform .16s, box-shadow .16s, border-color .16s; }
.card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: var(--line-strong); }
.card-media { height: 192px; }
.card-media:after { background: linear-gradient(to top, rgba(20,16,6,.34) 0%, rgba(20,16,6,.02) 46%, transparent 70%); }

.card-body { padding: 16px 18px 18px; gap: 0; }
.card-title { font-size: 18px; line-height: 1.3; margin: 0 0 10px; letter-spacing: -.2px; }
.card-verify { margin-bottom: 12px; }
.card-meta { gap: 8px; margin-bottom: 14px; }
.meta-row { font-size: 13.5px; }
.meta-row .ic { opacity: .85; }
/* date = first row → make it pop (key info) */
.card-meta .meta-row:first-child { color: var(--text); font-weight: 700; }
.card-meta .meta-row:first-child .ic { opacity: 1; }

.card-foot { border-top: 1px solid var(--line); padding-top: 14px; gap: 12px; }
.price { font-size: 23px; letter-spacing: -.6px; line-height: 1; }
.price small { display: block; margin-top: 3px; }
.card-foot .btn { padding: 10px 16px; border-radius: var(--radius-sm); }
.card-foot .btn-grad { box-shadow: 0 3px 10px rgba(6,163,184,.24); }

/* badges / countdown on media: crisper, premium */
.type-badge { background: rgba(255,255,255,.96); backdrop-filter: blur(4px); font-weight: 800; box-shadow: 0 2px 8px rgba(20,16,6,.16); }
.countdown { background: rgba(255,255,255,.96); backdrop-filter: blur(4px); box-shadow: 0 2px 8px rgba(20,16,6,.16); }
.fav-btn, .share-btn { background: rgba(255,255,255,.96); backdrop-filter: blur(4px); box-shadow: 0 2px 8px rgba(20,16,6,.14); }

/* ---------- Calmer yellow: neutral icon chips (yellow = actions only) ---------- */
.alert-item .ai-ico, .wanted-item .wi-ico, .hw-card .hw-ico, .upload-preview .up-file {
  background: var(--surface-3); color: var(--ink);
}

/* ---------- Floating action button: lighter presence ---------- */
.float-cta {
  bottom: 22px; right: 22px; padding: 12px 18px; font-size: 14px; font-weight: 800;
  background: #fff; color: var(--ink); border: 1.5px solid var(--primary-tint-2);
  box-shadow: 0 6px 20px rgba(38,30,10,.14);
}
.float-cta:hover { background: var(--primary-tint); border-color: var(--primary); color: var(--ink); }
.float-cta .plus { background: var(--primary); color: var(--on-primary); font-weight: 900; }
@media (max-width: 620px){
  .float-cta { right: 16px; bottom: 16px; width: 54px; height: 54px; border-width: 1.5px; }
  .float-cta .plus { background: none; color: var(--ink); font-size: 28px; }
}

/* ---------- Professional footer ---------- */
.site-footer { background: #fff; padding: 0; color: var(--text-soft); }
.footer-grid {
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 30px 24px;
  padding: 40px 0 30px; align-items: start;
}
.footer-brand .footer-logo { margin-bottom: 14px; }
.footer-tag { margin: 0 0 16px; font-size: 13.5px; line-height: 1.6; color: var(--text-soft); max-width: 300px; }
.footer-trust { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.footer-trust span { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--text); }
.footer-col h4 { margin: 6px 0 14px; font-size: 13px; font-weight: 800; color: var(--text); letter-spacing: .2px; }
.footer-col a { display: block; padding: 6px 0; font-size: 14px; color: var(--text-soft); font-weight: 600; }
.footer-col a:hover { color: var(--ink); }
.footer-bottom {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  border-top: 1px solid var(--line); padding: 16px 0 22px;
}
.footer-bottom span { font-size: 12.5px; color: var(--text-dim); }
.footer-bottom .fb-note { max-width: 620px; }
@media (max-width: 860px){
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 26px 20px; padding: 32px 0 24px; }
  .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 520px){
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* ---------- Mobile polish: touch targets, spacing, readability ---------- */
@media (max-width: 620px){
  .hero-inner { padding: 26px 20px 22px; }
  .hero-title { font-size: 27px; letter-spacing: -.8px; }
  .hero-search { padding: 7px; }
  .hero-search input { font-size: 16px; padding: 13px 4px; }
  .hero-search .btn-grad { padding: 12px 20px; }
  .cat-pill { padding: 10px 15px; }
  .card-body { padding: 15px 16px 17px; }
  .card-title { font-size: 17.5px; }
  .price { font-size: 22px; }
  .card-foot .btn, .main-nav a, .header-cta, .btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .container { padding: 0 16px; }
}

/* ============================================================
   פיספסתי — mustard palette + icon system (kept)
   Reverted the later "classic" simplification. Kept from that pass:
   darker mustard/gold, no emojis, one consistent icon family.
   ============================================================ */

:root {
  --primary:   #06bcd4;
  --primary-dark: #039fb5;
  --primary-tint: #e2f7fb;
  --primary-tint-2: #a8e6ef;
  --ink:       #0a7a8c;
  --on-primary:#05323a;
  --ring:      0 0 0 3px rgba(6,188,212,.24);
}

/* ---------- one consistent icon family (monochrome, currentColor) ---------- */
i[class^="ico-"] {
  display: inline-block; width: 1.05em; height: 1.05em; vertical-align: -.15em;
  background-color: currentColor; flex-shrink: 0;
  -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat;
}
.meta-row .ic { color: var(--text-dim); }
.card-meta .meta-row:first-child .ic { color: var(--text-soft); }
.hero-search .hs-ic { color: var(--text-dim); display: inline-flex; align-items: center; }
.hero-search .hs-ic i[class^="ico-"] { width: 18px; height: 18px; }

i.ico-cal   { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='16' rx='2'/%3E%3Cpath d='M3.5 9h17M8 3v4M16 3v4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='16' rx='2'/%3E%3Cpath d='M3.5 9h17M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
i.ico-pin   { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s6-5.3 6-10a6 6 0 1 0-12 0c0 4.7 6 10 6 10z'/%3E%3Ccircle cx='12' cy='11' r='2.3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s6-5.3 6-10a6 6 0 1 0-12 0c0 4.7 6 10 6 10z'/%3E%3Ccircle cx='12' cy='11' r='2.3'/%3E%3C/svg%3E"); }
i.ico-ticket{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5A1.5 1.5 0 0 1 5.5 7h13A1.5 1.5 0 0 1 20 8.5V11a2 2 0 0 0 0 4v2.5A1.5 1.5 0 0 1 18.5 19h-13A1.5 1.5 0 0 1 4 17.5V15a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14.5 7.5v11'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5A1.5 1.5 0 0 1 5.5 7h13A1.5 1.5 0 0 1 20 8.5V11a2 2 0 0 0 0 4v2.5A1.5 1.5 0 0 1 18.5 19h-13A1.5 1.5 0 0 1 4 17.5V15a2 2 0 0 0 0-4z'/%3E%3Cpath d='M14.5 7.5v11'/%3E%3C/svg%3E"); }
i.ico-swap  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h13l-3.2-3.2M20 15H7l3.2 3.2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h13l-3.2-3.2M20 15H7l3.2 3.2'/%3E%3C/svg%3E"); }
i.ico-user  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.4'/%3E%3Cpath d='M5.5 20a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.4'/%3E%3Cpath d='M5.5 20a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E"); }
i.ico-phone { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M10.5 18h3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2'/%3E%3Cpath d='M10.5 18h3'/%3E%3C/svg%3E"); }
i.ico-search{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E"); }
i.ico-bell  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 1 1 12 0v5l1.5 2.5H4.5z'/%3E%3Cpath d='M10 20.5a2.2 2.2 0 0 0 4 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 1 1 12 0v5l1.5 2.5H4.5z'/%3E%3Cpath d='M10 20.5a2.2 2.2 0 0 0 4 0'/%3E%3C/svg%3E"); }
i.ico-lock  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E"); }
i.ico-shield{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z'/%3E%3C/svg%3E"); }
i.ico-check { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E"); }
i.ico-info  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11.5v5M12 8h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11.5v5M12 8h.01'/%3E%3C/svg%3E"); }
i.ico-warn  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l9 15.5H3z'/%3E%3Cpath d='M12 10v4.5M12 17.5h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l9 15.5H3z'/%3E%3Cpath d='M12 10v4.5M12 17.5h.01'/%3E%3C/svg%3E"); }
i.ico-flag  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 21V4M6 5h11l-2.2 3.2L17 11.5H6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 21V4M6 5h11l-2.2 3.2L17 11.5H6'/%3E%3C/svg%3E"); }
i.ico-chat  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5A1.5 1.5 0 0 0 18.5 5h-13A1.5 1.5 0 0 0 4 6.5v8A1.5 1.5 0 0 0 5.5 16H8v3.5L12 16h6.5A1.5 1.5 0 0 0 20 14.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5A1.5 1.5 0 0 0 18.5 5h-13A1.5 1.5 0 0 0 4 6.5v8A1.5 1.5 0 0 0 5.5 16H8v3.5L12 16h6.5A1.5 1.5 0 0 0 20 14.5z'/%3E%3C/svg%3E"); }
i.ico-eye   { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 6 12 6s9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 6 12 6s9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E"); }
i.ico-heart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-9.2-8.8C1.4 8 3.2 4.7 6.4 4.7c2 0 3.1 1.3 3.6 2.3.5-1 1.6-2.3 3.6-2.3 3.2 0 5 3.3 3.6 6.5C19 15.6 12 20 12 20z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-9.2-8.8C1.4 8 3.2 4.7 6.4 4.7c2 0 3.1 1.3 3.6 2.3.5-1 1.6-2.3 3.6-2.3 3.2 0 5 3.3 3.6 6.5C19 15.6 12 20 12 20z'/%3E%3C/svg%3E"); }
i.ico-heart-fill { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7-4.4-9.2-8.8C1.4 8 3.2 4.7 6.4 4.7c2 0 3.1 1.3 3.6 2.3.5-1 1.6-2.3 3.6-2.3 3.2 0 5 3.3 3.6 6.5C19 15.6 12 20 12 20z' fill='%23000'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7-4.4-9.2-8.8C1.4 8 3.2 4.7 6.4 4.7c2 0 3.1 1.3 3.6 2.3.5-1 1.6-2.3 3.6-2.3 3.2 0 5 3.3 3.6 6.5C19 15.6 12 20 12 20z' fill='%23000'/%3E%3C/svg%3E"); }
i.ico-clock { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5.2l3.2 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5.2l3.2 2'/%3E%3C/svg%3E"); }
i.ico-edit  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19.5 8.5l-4-4L4 16z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19.5 8.5l-4-4L4 16z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E"); }
i.ico-mail  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E"); }
i.ico-undo  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9a8 8 0 1 1-1.2 4.5'/%3E%3Cpath d='M3 4.5V9.5H8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9a8 8 0 1 1-1.2 4.5'/%3E%3Cpath d='M3 4.5V9.5H8'/%3E%3C/svg%3E"); }
i.ico-clip  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='17' rx='2'/%3E%3Crect x='9' y='2.5' width='6' height='3.5' rx='1'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='17' rx='2'/%3E%3Crect x='9' y='2.5' width='6' height='3.5' rx='1'/%3E%3C/svg%3E"); }
i.ico-doc   { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3C/svg%3E"); }
i.ico-attach{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8.5l-7.2 7.2a3 3 0 0 1-4.3-4.3l7.5-7.5a2 2 0 0 1 2.9 2.9l-7.4 7.4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8.5l-7.2 7.2a3 3 0 0 1-4.3-4.3l7.5-7.5a2 2 0 0 1 2.9 2.9l-7.4 7.4'/%3E%3C/svg%3E"); }
i.ico-mega  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v4l11 4.5V5.5z'/%3E%3Cpath d='M15 8a4 4 0 0 1 0 8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v4l11 4.5V5.5z'/%3E%3Cpath d='M15 8a4 4 0 0 1 0 8'/%3E%3C/svg%3E"); }
i.ico-no    { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8 8l8 8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8 8l8 8'/%3E%3C/svg%3E"); }
i.ico-chev  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
i.ico-sort  { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14M5 12h9M5 17h5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14M5 12h9M5 17h5'/%3E%3C/svg%3E"); }

/* favorites: heart color states */
.fav-btn i[class^="ico-"] { color: var(--text-dim); }
.fav-btn[aria-pressed="true"] i[class^="ico-"] { color: var(--heart); }
.fav-nav i[class^="ico-"], .mm-fav i[class^="ico-"] { color: var(--heart); }
.card-verify i.ico-check { color: var(--success); }
.card-verify.info i.ico-info { color: var(--text-dim); }

/* ============================================================
   Header "פרסם כרטיס" — persistent primary action (desktop + mobile),
   sized just under the login button. Placed between login & hamburger.
   ============================================================ */
.header-cta { padding: 7px 14px; font-size: 14px; }
@media (max-width: 960px){
  .nav-row > .header-cta { display: inline-flex; align-items: center; }
}
@media (max-width: 620px){
  .nav-row { gap: 8px; }
  .nav-row > .header-cta { padding: 7px 11px; font-size: 13px; }
  .auth-slot .btn-login { padding: 7px 12px; font-size: 13px; }
}

/* ============================================================
   Calmer hero spacing + simplified menu (2026-07-07)
   ============================================================ */
.hero-inner { padding-top: 64px; padding-bottom: 40px; }
@media (max-width: 620px){
  .hero-inner { padding-top: 40px; padding-bottom: 28px; }
}
/* mobile menu: thin divider between primary and secondary groups */
.mobile-menu .mm-sep { border: 0; height: 1px; background: var(--line); margin: 8px 12px; }

/* ============================================================
   UI/UX pass (2026-07-08) — hero CTAs, quick filters, WhatsApp-first
   card CTA, safety checklist, mobile card density, FAB scroll-reveal.
   ============================================================ */

/* hero: 3 primary actions */
.hero-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin: 4px 0 24px; }
.hero-cta .btn { padding: 12px 26px; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; }
.hero-cta .btn-find { background: var(--text); border-color: var(--text); color: #fff; }
.hero-cta .btn-find:hover { background: #000; border-color: #000; color: #fff; }
.hero .hero-sub { margin: 0 auto 22px; }

/* quick filters strip (above the advanced toolbar) */
.quick-filters { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; margin: 24px 0 2px; }
.quick-filters .qf-price { margin-inline-start: auto; }
.quick-filters .qf.qf-all.active { background: var(--primary); color: #fff; border-color: var(--primary); }
@media (max-width: 620px) {
  .quick-filters { flex-wrap: nowrap; overflow-x: auto; margin: 18px -22px 2px; padding: 2px 22px 8px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .quick-filters::-webkit-scrollbar { display: none; }
  .quick-filters .qf { flex: 0 0 auto; }
  .quick-filters .qf-price { margin-inline-start: 0; }
}

/* WhatsApp-first contact CTA on cards (green, icon + text) */
.card-foot .btn-wa, .contact-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.card-foot .btn-wa .wa-ico { flex-shrink: 0; }
.card-foot { flex-wrap: wrap; }
.card-foot .price { flex: 0 0 auto; }
.card-foot .contact-btn { flex: 1 1 auto; }

/* empty state: primary + secondary actions */
.empty-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 4px; }
.empty-actions .btn { margin-top: 0; }
.btn-sm { padding: 7px 14px; font-size: 13px; }

/* safety checklist near contact (listing pages) */
.safety-check { background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; margin: 14px 0 0; }
.safety-check h4 { margin: 0 0 10px; font-size: 14px; color: var(--text); display: flex; align-items: center; gap: 8px; }
.safety-check ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.safety-check li { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px; color: var(--text-soft); line-height: 1.45; }
.safety-check li i[class^="ico-"] { color: var(--success); flex-shrink: 0; margin-top: 2px; }
.safety-check li.warn i[class^="ico-"] { color: var(--warn); }

/* mobile: shorter, less repetitive cards — hide seller/transfer rows
   (still shown in full on the single-listing page) */
@media (max-width: 620px) {
  .cards .card .card-meta .meta-row:has(.lbl) { display: none; }
  .card-foot { flex-direction: column; align-items: stretch; gap: 12px; }
  .card-foot .price { text-align: center; }
  .card-foot .contact-btn { width: 100%; padding: 12px; }
}

/* floating publish CTA: reveal only after scrolling on mobile
   (keeps it off the top of the feed) */
@media (max-width: 620px) {
  .float-cta { opacity: 0; transform: translateY(18px); pointer-events: none;
    transition: opacity .22s ease, transform .22s ease; }
  body.scrolled .float-cta { opacity: 1; transform: none; pointer-events: auto; }
}

/* ===== קטגוריות כעיגולי-נושא (סטורי) — איורים שטוחים דו-ממדיים בצבעי המותג ===== */
.cat-circles { gap: 16px 14px; align-items: flex-start; }
.cat-circles .cat-circle {
  flex: 0 0 auto; flex-direction: column; align-items: center; gap: 9px;
  background: none; border: 0; padding: 4px 2px; border-radius: 14px;
}
.cat-circles .cat-circle:hover { background: none; color: var(--text-soft); }
.cat-circles .cc-media {
  position: relative; width: 78px; height: 78px; border-radius: 50%;
  display: grid; place-items: center; overflow: hidden;
  background: #ededed; border: 0;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.03); transition: transform .18s, box-shadow .18s;
}
.cat-circles .cc-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cat-circles .cc-ico { width: 34px; height: 34px; }
.cat-circles .cat-circle:hover .cc-media {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,.10);
}
.cat-circles .cat-circle.active .cc-media {
  box-shadow: 0 0 0 3px var(--primary), 0 6px 14px rgba(6,163,184,.28);
}
.cat-circles .cc-label { font-size: 13px; font-weight: 700; color: var(--text-soft); line-height: 1; }
.cat-circles .cat-circle.active .cc-label { color: var(--primary-dark); }
.cat-circles .cc-media .cnt {
  position: absolute; top: -3px; inset-inline-start: -3px;
  min-width: 21px; height: 21px; padding: 0 5px; box-sizing: border-box;
  display: grid; place-items: center; font-size: 11px; font-weight: 800;
  color: #fff; background: var(--primary); border: 2px solid #fff; border-radius: 999px;
  opacity: 1; box-shadow: 0 1px 3px rgba(0,0,0,.16);
}
@media (max-width: 620px) {
  .cat-circles { gap: 14px 12px; }
  .cat-circles .cc-media { width: 66px; height: 66px; }
  .cat-circles .cc-ico { width: 30px; height: 30px; }
  .cat-circles .cc-label { font-size: 12px; }
}