/* ---- Enhancements layer (search, comboboxes, popovers, badges) ---- */
.search{position:relative}
.search input{cursor:text}
.search-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;background:#0b151d;border:1px solid var(--line2);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5);padding:6px;display:none;max-height:60vh;overflow:auto}
.search-sug.open{display:block}
.search-sug .sg{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#7d8a92;padding:8px 10px 4px}
.search-sug button{display:flex;gap:10px;align-items:center;width:100%;min-height:42px;border:0;background:transparent;color:var(--text);text-align:left;padding:8px 10px;border-radius:8px}
.search-sug button:hover,.search-sug button.hi{background:#15232d}
.search-sug .muted{color:#8b959b;font-size:12px;margin-left:auto}

/* clickable locale + avatar + badges */
.icon-btn{position:relative}
.badge{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--orange);color:#111;font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1}
.avatar-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:linear-gradient(180deg,#16323f,#0d1d29);color:#ffd9a1;font-weight:800;display:grid;place-items:center;cursor:pointer}
.locale{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:6px 8px}
.locale:hover{border-color:var(--line2);background:#0c1821}
.locale .seg{cursor:pointer;padding:2px 4px;border-radius:6px}
.locale .seg:hover{color:var(--orange)}

/* generic popover */
.pop{position:fixed;z-index:120;min-width:260px;max-width:min(360px,calc(100vw - 20px));background:#0b151d;border:1px solid var(--line2);border-radius:14px;box-shadow:0 28px 70px rgba(0,0,0,.55);padding:8px;display:none}
.pop.open{display:block}
.pop h4{margin:6px 10px 8px;font-size:13px;color:#c6ced3;display:flex;justify-content:space-between;align-items:center}
.pop h4 a{color:var(--orange);font-size:12px;text-decoration:none}
.pop .row{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:9px;cursor:pointer}
.pop .row:hover{background:#15232d}
.pop .row .av{width:34px;height:34px;border-radius:50%;background:#16323f;color:#ffd9a1;font-weight:700;display:grid;place-items:center;flex:0 0 auto;font-size:13px}
.pop .row .tx{min-width:0}
.pop .row .tx b{display:block;font-size:14px}
.pop .row .tx small{color:#93a0a7;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop .row .un{width:9px;height:9px;border-radius:50%;background:var(--orange);margin-left:auto;flex:0 0 auto;margin-top:6px}
.pop .mi{display:flex;gap:10px;align-items:center;width:100%;min-height:42px;border:0;background:transparent;color:var(--text);text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}
.pop .mi:hover{background:#15232d}
.pop .mi.active{color:var(--orange)}
.pop .sep{height:1px;background:var(--line);margin:6px 4px}
.pop-search{width:100%;height:38px;border:1px solid var(--line2);background:#0c1821;border-radius:9px;color:var(--text);padding:0 10px;margin:2px 0 6px}
.pop-list{max-height:46vh;overflow:auto}

/* combobox search inside filter dropdowns */
.dropdown{max-height:52vh;overflow:auto}
.dd-search{position:sticky;top:0;background:#0b151d;padding:4px 4px 6px}
.dd-search input{width:100%;height:38px;border:1px solid var(--line2);background:#0c1821;border-radius:9px;color:var(--text);padding:0 10px}
.dropdown button.hidden{display:none}
.dd-empty{padding:10px;color:#8b959b;font-size:13px;display:none}
.dd-empty.show{display:block}

/* post-ad modal reuse */
.sheet .ad-note{color:#aab4ba;font-size:13px;margin:4px 0 0}

/* seller line (fixes MMia glitch: single initial chip + name) */
.seller .who{display:flex;align-items:center;gap:8px}
.seller .ini{width:24px;height:24px;border-radius:50%;background:#16323f;color:#ffd9a1;font-weight:700;font-size:12px;display:grid;place-items:center;flex:0 0 auto}

/* level-3 "type" row (agency-style property/body type selector) */
.type-shell{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.type-shell .type-label{font-size:12px;color:#9aa4ab;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}
.type-row{display:flex;gap:8px;flex-wrap:wrap}
.type-btn{min-height:40px;padding:0 14px;border:1px solid var(--line2);background:#0c1821;border-radius:9px;color:#d6dde1}
.type-btn.active{background:rgba(255,151,9,.12);border-color:var(--orange);color:var(--orange);font-weight:700}
.search-sug button span:first-of-type{flex:0 0 auto}

/* ===== Preferences modal ===== */
.prefs-modal{position:fixed;z-index:95;left:50%;top:8vh;transform:translateX(-50%);width:min(540px,calc(100vw - 24px));display:none}
.prefs-modal.open{display:block}
.pf-card{background:#0b141c;border:1px solid var(--line2);border-radius:16px;box-shadow:0 40px 100px rgba(0,0,0,.6);overflow:hidden}
.pf-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.pf-head b{font-size:18px}
.pf-x{width:34px;height:34px;border:0;background:transparent;color:#aab4ba;font-size:22px;cursor:pointer;border-radius:8px}
.pf-x:hover{background:#15232d}
.pf-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);overflow-x:auto}
.pf-tab{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#aab4ba;padding:8px 12px;border-radius:9px;white-space:nowrap;cursor:pointer;font-weight:600}
.pf-tab .icon{width:17px;height:17px}
.pf-tab:hover{background:#15232d}
.pf-tab.sel{color:var(--orange);border-bottom:2px solid var(--orange);border-radius:9px 9px 0 0}
.pf-body{padding:14px 16px;max-height:56vh;overflow:auto}
.pf-note{color:#9aa4ab;font-size:13px;margin:0 0 12px}
.pf-search{width:100%;height:42px;border:1px solid var(--line2);background:#0c1821;border-radius:10px;color:var(--text);padding:0 12px;margin-bottom:10px}
.pf-list{display:flex;flex-direction:column;gap:6px}
.pf-item{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;border:1px solid transparent;background:#0c1821;border-radius:10px;color:var(--text);text-align:left;padding:8px 12px;cursor:pointer}
.pf-item:hover{border-color:var(--line2)}
.pf-item.sel{border-color:var(--green);background:rgba(24,198,120,.08)}
.pf-flag{font-size:20px;flex:0 0 auto}
.pf-name{font-weight:600}
.pf-sub{color:#8b959b;font-size:12px;margin-left:auto}
.pf-item.sel .pf-sub{margin-left:0}
.pf-check{margin-left:auto;color:var(--orange);font-weight:800}
.pf-swatch{width:26px;height:26px;border-radius:7px;border:1px solid var(--line2);flex:0 0 auto}
.pf-seg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pf-segbtn{display:flex;flex-direction:column;gap:3px;align-items:flex-start;border:1px solid var(--line2);background:#0c1821;border-radius:12px;padding:14px;color:var(--text);cursor:pointer;font-weight:700}
.pf-segbtn small{color:#8b959b;font-weight:400}
.pf-segbtn.sel{border-color:var(--orange);background:rgba(255,151,9,.08);color:var(--orange)}
.pf-foot{padding:11px 16px;border-top:1px solid var(--line);color:#8b959b;font-size:12px;text-align:center}

/* nav count hidden on desktop */
.nav-count{display:none}
.sub-explain{display:none}
.seg{cursor:pointer;padding:1px 3px;border-radius:5px}
.seg:hover{color:var(--orange)}

/* ===== MOBILE (screen-3 layout): squares grid, tiles, top currency/units ===== */
@media(max-width:700px){
  .locale{display:flex!important;gap:5px;font-size:12px;align-items:center}
  .locale .icon{width:16px;height:16px}
  .top-actions .icon-btn{display:none}
  /* TOP category nav = app-like horizontal slider (≈3.5 visible, swipe) */
  .category-shell{height:auto!important;padding:6px 0!important;overflow:visible!important}
  .overflow-row{flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;flex:1 1 100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:4px 10px 8px!important;scrollbar-width:none}
  .overflow-row::-webkit-scrollbar{display:none}
  #categoryMore{display:none!important}
  .nav-btn{flex:0 0 auto!important;flex-direction:column!important;gap:6px!important;width:90px!important;height:auto!important;min-height:86px!important;margin:0!important;padding:12px 6px!important;border:1px solid var(--line)!important;border-radius:16px!important;justify-content:center!important;position:relative;scroll-snap-align:start}
  .nav-btn .icon{width:24px;height:24px}
  .nav-btn>span:not(.nav-count){font-size:11px;white-space:normal;line-height:1.15;text-align:center}
  .nav-btn.active{background:rgba(255,151,9,.12)!important;border-color:var(--orange)!important}
  .nav-count{display:block!important;font-size:11px;color:#8b959b;font-weight:700}
  /* Section 1 subcategory selector: slide for many, 3-col grid (≤6, e.g. real estate) */
  .sub-shell{flex-wrap:nowrap}
  .sub-row{flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none}
  .sub-row::-webkit-scrollbar{display:none}
  #subMore{display:none!important}
  .sub-btn{flex:0 0 auto!important;flex-direction:column!important;gap:7px!important;width:30%!important;min-width:104px!important;justify-content:center!important;min-height:84px!important;text-align:center;font-size:12px!important;padding:14px 8px!important;scroll-snap-align:start}
  .sub-row.subs-grid{flex-wrap:wrap!important;overflow-x:visible!important}
  .sub-row.subs-grid .sub-btn{width:calc(33.333% - 7px)!important;min-width:0!important}
  /* explain line above tiles */
  .sub-explain{display:block;background:#0c1821;border:1px solid var(--line2);border-radius:12px;padding:12px 14px;margin-bottom:12px}
  .sub-explain b{display:block;font-size:15px}
  .sub-explain small{color:#9aa4ab}
  /* level-3 type row scrolls horizontally, 3+ visible */
  .type-row{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px}
  .type-btn{flex:0 0 auto}
  /* prefs modal fits phone */
  .prefs-modal{top:0;width:100vw;height:100%;transform:none;left:0}
  .pf-card{border-radius:0;height:100%}
}

/* mobile: let search shrink so EN·AUD·Metric fits on the top bar */
@media(max-width:700px){
  .top{grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important}
  .search{min-width:0!important}
  .search input{min-width:0}
  .top-actions{gap:8px!important}
  .locale{flex:0 0 auto!important;white-space:nowrap;font-size:11px}
  .post,.avatar-btn{flex:0 0 auto}
}

/* mobile: un-hide the EN·AUD·Metric text segments (base css hides .locale span) */
@media(max-width:700px){
  .locale span{display:inline!important}
  .locale .seg{display:inline!important;font-weight:600}
  .locale [data-icon]{display:inline-flex!important}
}

/* ===== dropdown layering fix (was behind the toolbar) ===== */
.filter.open{z-index:120!important;position:relative}
.filter .dropdown{z-index:300!important}
.search-sug{z-index:320!important}
.pop{z-index:340!important}

/* ===== spinning recycle icon in the ribbon (replaces star) ===== */
.recycle-spin{display:inline-flex;color:var(--green);filter:drop-shadow(0 0 6px rgba(24,198,120,.45))}
.recycle-spin svg{width:19px;height:19px;transform-origin:50% 50%;animation:jr-recycle 3.4s cubic-bezier(.6,.1,.4,.9) infinite}
@keyframes jr-recycle{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}100%{transform:rotate(360deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.recycle-spin svg{animation:jr-recycle 6s linear infinite}}

/* ===== ribbon text flip/rotate through taglines ===== */
.ribbon{overflow:hidden}
#ribbonText{display:inline-block;transition:opacity .36s ease,transform .36s ease;will-change:transform,opacity}
#ribbonText.rib-out{opacity:0;transform:translateY(-10px) rotateX(50deg)}
#ribbonText.rib-in{animation:rib-flip-in .42s ease}
@keyframes rib-flip-in{from{opacity:0;transform:translateY(12px) rotateX(-50deg)}to{opacity:1;transform:none}}

/* ===== drag-to-reorder cues (desktop) ===== */
.nav-btn[draggable="true"],.sub-btn[draggable="true"]{cursor:grab}
.nav-btn.dragging,.sub-btn.dragging{opacity:.45;outline:2px dashed var(--orange);outline-offset:2px}

/* ===== Preferences: tabs fit (no scrollbar) + flags + polish ===== */
.prefs-modal{width:min(560px,calc(100vw - 24px))}
.pf-tabs{overflow:visible!important;flex-wrap:nowrap;gap:2px;padding:8px 10px}
.pf-tab{flex:1 1 0;min-width:0;justify-content:center;gap:5px;padding:9px 6px;font-size:12.5px;border-radius:9px 9px 0 0}
.pf-tab .icon{width:15px;height:15px;flex:0 0 auto}
.pf-tab span,.pf-tab{white-space:nowrap}
.pf-flag{font-size:19px;flex:0 0 auto;line-height:1;width:24px;text-align:center}
.pf-item{gap:11px}
.loc-flag{font-size:15px;line-height:1}
/* the header locale as a tidy pill */
.locale{gap:6px;border:1px solid var(--line2);background:#0c1821;border-radius:11px;padding:6px 10px}
.locale:hover{border-color:var(--orange)}

/* ===== stacking: whole filter panel sits above the sticky toolbar so
   dropdowns (esp. lower-row ones) never render behind Buy/Swap/currency ===== */
.panel{position:relative;z-index:60}
.filter.open{z-index:130!important}
.filter .dropdown{z-index:400!important}

/* ===== real image flags (render on Windows too, unlike emoji) ===== */
.flagimg{width:26px;height:20px;border-radius:3px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.pf-item .flagimg{margin-right:2px}
.loc-flag .flagimg{width:20px;height:15px;border-radius:2px}
.loc-flag{display:inline-flex;align-items:center}

/* ===== clickable filter icon (opens currency/region/units converter) ===== */
.filter-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;cursor:default}
.filter-ico[data-pref]:not([data-pref=""]){cursor:pointer}
.filter-ico[data-pref]:not([data-pref=""]):hover{background:rgba(255,151,9,.14);outline:1px solid var(--orange)}
.filter-ico .icon{width:20px;height:20px}

/* flag fallback chip (shown if flag image can't load, e.g. offline) */
.flagwrap{display:inline-flex;flex:0 0 auto}
.flagcode{width:26px;height:20px;border-radius:3px;background:#1c2733;color:#c7d0d5;font-size:10px;font-weight:800;align-items:center;justify-content:center;letter-spacing:.5px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.loc-flag .flagcode{width:22px;height:15px;font-size:9px}

/* stacked flag: code chip behind, real image on top (online) */
.flagwrap{position:relative;display:inline-flex;flex:0 0 auto;width:26px;height:20px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.flagcode{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1c2733;color:#c7d0d5;font-size:10px;font-weight:800;letter-spacing:.4px}
.flagimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.loc-flag .flagwrap{width:22px;height:15px}
.loc-flag .flagcode{font-size:9px}

/* ===== bigger, more representative top nav icons ===== */
.nav-btn .icon{width:25px!important;height:25px!important;stroke-width:1.7}
.nav-btn{gap:10px}
.more-btn{height:46px;font-size:14px}

/* ===== More menu: bigger, 2-col, with icons ===== */
.overflow-menu.open{grid-template-columns:1fr 1fr;gap:8px;padding:10px;width:min(460px,calc(100vw - 24px))}
.overflow-menu button{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600}
.overflow-menu button .icon{width:22px;height:22px;flex:0 0 auto;color:#cdd6db}
.overflow-menu button:hover .icon{color:var(--orange)}
.overflow-menu button[draggable="true"]{cursor:grab}
.overflow-menu button.dragging{opacity:.45;outline:2px dashed var(--orange)}

/* ===== Type shown as a dropdown tile (no more wrapping chip block) ===== */
.filter--type .filter-ico .icon{color:var(--orange)}
.filter--type{border-color:var(--line2)}
#typeShell{display:none!important}

/* ===== image carousel on cards ===== */
.photo{position:relative;overflow:hidden}
.photo .track{display:flex;height:100%;transition:transform .32s ease;will-change:transform}
.photo .track img{width:100%;height:100%;object-fit:cover;flex:0 0 100%;user-select:none}
.cnav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:rgba(4,10,14,.62);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .18s;z-index:4}
.card:hover .cnav{opacity:1}
.cnav.prev{left:8px}.cnav.next{right:8px}
.cnav:hover{background:rgba(4,10,14,.9)}
.cdots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:4}
.cdot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:.2s}
.cdot.on{background:#fff;width:16px;border-radius:3px}

/* ===== clickable seller ===== */
.whobtn{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#b5bfc5;cursor:pointer;padding:4px 6px;border-radius:8px;font:inherit;font-size:13px}
.whobtn:hover{background:#15232d;color:var(--text)}
.whobtn .ini{width:24px;height:24px;border-radius:50%;background:#16323f;color:#ffd9a1;font-weight:700;font-size:12px;display:grid;place-items:center;flex:0 0 auto}

/* ===== view layouts (List / Split / Map) ===== */
.cards.cards--list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cards.cards--split{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}
.cards--split .split-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cards--split .mappane{position:sticky;top:120px}
.cards.cards--map{display:block}
.mappane{position:relative;min-height:560px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 30% 20%,#123047,#0a1a25 60%);overflow:hidden}
.cards--map .mappane{min-height:440px;margin-bottom:16px}
.mapgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px}
.pin{position:absolute;transform:translate(-50%,-50%);background:var(--orange);color:#111;font-weight:800;font-size:12px;padding:5px 9px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.45);white-space:nowrap;z-index:2}
.pin::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--orange)}
.maptag{position:absolute;left:14px;bottom:14px;background:rgba(4,10,14,.82);border:1px solid var(--line2);border-radius:10px;padding:9px 13px;color:#c7d0d5;font-size:13px;display:flex;align-items:center;gap:7px;z-index:3}
.map-strip{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}
.map-strip .card{flex:0 0 300px}
/* responsive cards ladder: 3 across (desktop) -> 2 (tablet) -> 1 (phone) */
@media(max-width:980px){.cards.cards--list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.cards.cards--split{grid-template-columns:1fr}.cards--split .split-cards{grid-template-columns:1fr}.cards--split .mappane{position:relative;top:0;min-height:320px}}
@media(max-width:700px){.cards.cards--list{grid-template-columns:1fr}}

/* ===== Font Awesome icon sizing (clear, traditional icons) ===== */
.jrico{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:20px}
.nav-btn .jrico{font-size:23px}
.filter-ico .jrico{font-size:19px;color:#cdd6db}
.filter--type .filter-ico .jrico{color:#cdd6db}
.overflow-menu button .jrico{font-size:20px;color:#cdd6db}
.overflow-menu button:hover .jrico{color:var(--orange)}
.pf-tab .jrico{font-size:15px}
.sub-explain .jrico,.meta .jrico,.trust-item .jrico{font-size:15px}
.camera .jrico{font-size:12px}
.post .jrico,.small-action .jrico,.primary .jrico,.secondary .jrico{font-size:16px}
.tbtn .jrico{font-size:15px;margin-right:4px}
@media(max-width:700px){.nav-btn .jrico{font-size:22px}}

/* ===== filter icons: bigger, spaced, no orange box ===== */
.filter{grid-template-columns:44px 1fr 20px!important;gap:13px!important;min-height:66px!important;padding:8px 14px!important}
.filter-ico{width:44px!important;height:44px!important;border-radius:12px;cursor:default}
.filter-ico .jrico{font-size:22px!important;color:#d4dce0!important}
.filter--type .filter-ico .jrico{color:#d4dce0!important}
.filter-ico[data-pref]:not([data-pref=""]){cursor:pointer}
.filter-ico[data-pref]:not([data-pref=""]):hover{background:rgba(255,255,255,.05);outline:none}
.filter small{margin-bottom:1px}

/* ===== seller popover anchored over its own card ===== */
.pop.pop--card{box-shadow:0 20px 60px rgba(0,0,0,.6);border-color:var(--orange)}
.trust-item{text-decoration:none;cursor:pointer;transition:.15s}
.trust-item:hover{border-color:var(--orange);background:#0d1b25}

/* ===== results footer: count + load more + pages ===== */
.results-foot{display:flex;flex-direction:column;align-items:center;gap:14px;margin:26px 0 8px;padding:20px 0}
.rf-count{color:#aab4ba;font-size:14px}
.rf-count b{color:var(--text)}
.rf-more{min-height:46px;padding:0 26px;border:1px solid var(--line2);background:#0c1821;color:var(--text);border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:9px;cursor:pointer;transition:.15s}
.rf-more:hover{border-color:var(--orange);color:var(--orange)}
.rf-more.rf-done{opacity:.5;cursor:default}
.rf-more.rf-done:hover{border-color:var(--line2);color:var(--text)}
.rf-pages{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.rf-page{min-width:40px;height:40px;border:1px solid var(--line2);background:#0b1720;color:#c7d0d5;border-radius:10px;font-weight:700;cursor:pointer}
.rf-page:hover{border-color:var(--orange)}
.rf-page.on{background:var(--orange);color:#111;border-color:var(--orange)}

/* ===== footer ===== */
.site-footer{margin-top:36px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(9,20,28,.5),rgba(4,10,15,.9));padding:40px 4% 22px}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:28px;max-width:1400px;margin:0 auto}
.foot-brand p{color:#93a0a7;font-size:13.5px;line-height:1.6;margin:10px 0 16px;max-width:320px}
.foot-logo{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:800;color:#fff}
.foot-recycle{display:inline-flex;color:var(--green)}
.foot-recycle svg{width:22px;height:22px;animation:jr-recycle 3.4s cubic-bezier(.6,.1,.4,.9) infinite}
.foot-col h5{font-size:14px;color:#fff;margin:0 0 12px}
.foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.foot-col a{color:#9aa4ab;text-decoration:none;font-size:13.5px}
.foot-col a:hover{color:var(--orange)}
.appbadges{display:flex;flex-wrap:wrap;gap:10px}
.appbadge{display:inline-flex;align-items:center;gap:10px;background:#000;border:1px solid #2a3742;border-radius:12px;padding:8px 14px;text-decoration:none;color:#fff;min-width:150px}
.appbadge:hover{border-color:#4a5a66}
.appbadge i{font-size:26px}
.appbadge span{display:flex;flex-direction:column;line-height:1.15}
.appbadge small{font-size:10px;color:#c7d0d5;text-transform:uppercase;letter-spacing:.3px}
.appbadge b{font-size:16px}
.foot-bottom{max-width:1400px;margin:26px auto 0;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.foot-copy{color:#8b959b;font-size:13px}
.foot-social{display:flex;gap:10px}
.foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:#c7d0d5;text-decoration:none;transition:.15s}
.foot-social a:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:900px){.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1 / -1}.foot-bottom{flex-direction:column;text-align:center}}

/* trust links must not be browser-blue */
.trust-item,.trust-item strong,.trust-item .jrico{color:#c7d0d5!important}
.trust-item:hover,.trust-item:hover strong,.trust-item:hover .jrico{color:var(--orange)!important}

/* icons on subcategory chips ("1. Choose what you're looking for") */
.sub-btn{gap:9px!important}
.sub-btn .jrico{font-size:16px;color:#cdd6db;flex:0 0 auto}
.sub-btn.active .jrico{color:#111}
.overflow-menu button .jrico{color:#cdd6db}
@media(max-width:700px){.sub-btn .jrico{font-size:18px}}

/* footer: real logo image (not the recycle icon) */
.foot-logo-img{width:34px;height:34px;border-radius:8px;object-fit:contain}
.foot-logo{display:flex;align-items:center;gap:10px}

/* ===== thin Lucide SVG icons: bigger, elegant, per-context sizing ===== */
svg.jrico{display:inline-block;vertical-align:middle;width:22px;height:22px;flex:0 0 auto}
.nav-btn svg.jrico{width:27px;height:27px}
.sub-btn svg.jrico{width:20px;height:20px}
.filter-ico svg.jrico{width:24px;height:24px}
.overflow-menu button svg.jrico{width:22px;height:22px}
.pf-tab svg.jrico{width:17px;height:17px}
.camera svg.jrico{width:14px;height:14px}
.trust-item svg.jrico,.meta svg.jrico,.sub-explain svg.jrico,.seller svg.jrico,.swap-badge svg.jrico{width:16px;height:16px}
.tbtn svg.jrico{width:16px;height:16px;margin-right:6px}
.small-action svg.jrico,.post svg.jrico,.primary svg.jrico,.secondary svg.jrico,.rf-more svg.jrico{width:17px;height:17px}
.heart svg.jrico{width:18px;height:18px}
.search svg.jrico{width:18px;height:18px}
.pop .mi svg.jrico{width:17px;height:17px}
@media(max-width:700px){.nav-btn svg.jrico{width:24px;height:24px}.sub-btn svg.jrico{width:21px;height:21px}}

/* ===== image lightbox (click a photo to enlarge) ===== */
.card .photo{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center}
.lightbox.open{display:flex}
.lb-img{width:94vw;height:90vh;max-width:94vw;max-height:90vh;border-radius:12px;object-fit:contain;image-rendering:auto;box-shadow:0 24px 90px rgba(0,0,0,.7)}
.lb-close{position:absolute;top:20px;right:24px;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;cursor:pointer;display:grid;place-items:center}
.lb-prev{left:24px}.lb-next{right:24px}
.lb-nav:hover,.lb-close:hover{background:rgba(255,255,255,.28)}
.lb-count{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.55);padding:7px 15px;border-radius:20px;font-size:14px}

/* ===== RTL mirroring (Arabic/Hebrew/Persian/Urdu) ===== */
[dir=rtl] .hero-copy{border-left:0;border-right:4px solid var(--orange);padding-left:0;padding-right:18px}
[dir=rtl] .cnav.prev{left:auto;right:8px}
[dir=rtl] .cnav.next{right:auto;left:8px}
[dir=rtl] .heart{right:auto;left:12px}
[dir=rtl] .camera{right:auto;left:12px}
[dir=rtl] .overflow-menu{right:auto;left:22px}
[dir=rtl] .pf-sub,[dir=rtl] .search-sug .muted,[dir=rtl] .pf-check{margin-left:0;margin-right:auto}
[dir=rtl] .lb-prev{left:auto;right:24px}
[dir=rtl] .lb-next{right:auto;left:24px}
[dir=rtl] .lb-close{right:auto;left:24px}
[dir=rtl] .filter{grid-template-columns:20px 1fr 44px}
[dir=rtl] .foot-top,[dir=rtl] .foot-col ul{text-align:right}
[dir=rtl] .tbtn .jrico{margin-right:0;margin-left:6px}
[dir=rtl] body{text-align:right}


/* ===== Listing detail page (live-faithful) ===== */
body.lp-open{overflow:hidden}
.listing-page{position:fixed;inset:0;z-index:150;background:var(--bg,#0a0f14);display:none;overflow-y:auto}
.listing-page.open{display:block}
.lp-bar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:14px;padding:11px 22px;background:rgba(8,14,20,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.lp-back{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;border-radius:10px;padding:8px 13px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap}
.lp-back svg{transform:rotate(90deg);width:16px;height:16px}
.lp-back:hover{background:rgba(255,255,255,.08)}
.lp-crumb{flex:1;min-width:0;display:flex;align-items:center;gap:7px;color:#9fb0bf;font-size:13.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lp-crumb a{color:#9fb0bf;text-decoration:none}.lp-crumb a:hover{color:#fff}
.lp-crumb i{color:#5c6b78;font-style:normal}.lp-crumb span{color:var(--orange,#ff9709);overflow:hidden;text-overflow:ellipsis;font-weight:600}
.lp-crumb svg{width:16px;height:16px;flex:none}
.lp-bc-badges{display:flex;gap:8px;flex:none}
.lp-badge2{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#c6d2dc;font-size:12px;font-weight:600;border-radius:9px;padding:6px 10px;white-space:nowrap}
.lp-badge2 svg{width:14px;height:14px}
.lp-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:17px;cursor:pointer;flex:none}
.lp-close:hover{background:rgba(255,255,255,.1)}
.lp-pills{max-width:1240px;margin:16px auto 0;padding:0 22px;display:flex;gap:8px}
.lp-pill{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#c6d2dc;border-radius:22px;padding:9px 18px;font-weight:700;font-size:14px;cursor:pointer}
.lp-pill.on{background:var(--orange,#ff9709);color:#1a1200;border-color:transparent}
.lp-pill:not(.on):hover{background:rgba(255,255,255,.1)}
.lp-body{max-width:1240px;margin:14px auto 0;padding:0 22px 8px;display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}
.lp-main{min-width:0}
.lg-stage{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.lg-img{width:100%;height:100%;object-fit:cover}
.lg-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:26px;cursor:pointer;display:grid;place-items:center}
.lg-nav:hover{background:rgba(0,0,0,.72)}.lg-prev{left:14px}.lg-next{right:14px}
.lg-zoom{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.6);color:#fff;padding:7px 12px;border-radius:20px;font-size:13px}
.lg-zoom svg{width:16px;height:16px}
.lg-count{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.6);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px}
.lg-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.lg-thumb{width:84px;height:64px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#111;cursor:pointer;padding:0}
.lg-thumb.on{border-color:var(--orange,#ff9709)}
.lg-thumb img{width:100%;height:100%;object-fit:cover}
/* content tabs */
.lp-panel{margin-top:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden}
.lp-tabbar{display:flex;gap:2px;border-bottom:1px solid rgba(255,255,255,.09);padding:0 8px;overflow-x:auto}
.lp-tab{border:0;background:transparent;color:#9fb0bf;font-weight:700;font-size:14.5px;padding:15px 16px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.lp-tab.on{color:#fff;border-bottom-color:var(--orange,#ff9709)}
.lp-tab:not(.on):hover{color:#dbe4ec}
.lp-pane{padding:20px 22px}
.ov-summary{color:#fff;font-weight:700;font-size:15px;margin:0 0 12px}
.ov-desc{color:#cdd8e2;line-height:1.75;font-size:15px;margin:0}
.ov-copy{display:inline-flex;align-items:center;gap:7px;color:#8ea0af;font-size:12.5px;margin-top:12px;cursor:pointer}
.ov-copy svg{width:15px;height:15px}.ov-copy:hover{color:#c6d2dc}
.ov-swapchip{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:rgba(245,166,35,.14);color:#f5c877;border:0;padding:9px 14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}
.ov-swapchip svg{width:17px;height:17px}
.mini-table{margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.mini-row{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;font-size:14px;color:#cdd8e2}
.mini-row+.mini-row{border-top:1px solid rgba(255,255,255,.07)}
.mini-row span:first-child{display:inline-flex;align-items:center;gap:8px;color:#9fb0bf}
.mini-row b{color:#fff}.mini-row svg{width:16px;height:16px;color:var(--orange,#ff9709)}
.mini-row span:last-child{color:#fff;font-weight:600;text-align:right}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.sp-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.sp-k{color:#9fb0bf;font-size:14px}.sp-v{color:#fff;font-weight:600;font-size:14px;text-align:right}
.safe-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.safe-list li{display:flex;align-items:center;gap:10px;color:#cdd8e2;font-size:14.5px}
.safe-list svg{width:18px;height:18px;color:var(--orange,#ff9709);flex:none}
/* right column */
.lp-side{display:flex;flex-direction:column;gap:16px}
.lp-card,.lp-seller,.loc-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px}
.lp-id{color:#8ea0af;font-size:12.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.lp-id .hash{color:var(--orange,#ff9709);font-weight:700}
.lp-id svg{width:14px;height:14px}
.lp-title{font-size:22px;line-height:1.3;margin:0 0 12px;color:#fff}
.lp-price{font-size:30px;font-weight:800;color:var(--orange,#ff9709);line-height:1}
.lp-approx{display:block;color:#8ea0af;font-size:12.5px;margin:5px 0 12px}
.lp-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.lp-badge{font-size:12.5px;font-weight:600;color:#cdd8e2;background:rgba(255,255,255,.08);border-radius:20px;padding:5px 11px}
.lp-badge.cond,.lp-badge.free{background:rgba(80,200,120,.16);color:#7fe0a0}
.lp-loc-line{display:flex;align-items:center;gap:7px;color:#9fb0bf;font-size:13.5px;margin-bottom:14px}
.lp-loc-line svg{width:16px;height:16px;color:var(--orange,#ff9709)}
.info-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.info-tile{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}
.info-tile svg{width:20px;height:20px;color:var(--orange,#ff9709)}
.info-tile .it-k{color:#8ea0af;font-size:11px;letter-spacing:.06em;font-weight:700;margin-top:4px}
.info-tile b{color:#fff;font-size:13px}
.newseller{display:flex;align-items:center;gap:8px;background:rgba(80,200,120,.1);border:1px solid rgba(80,200,120,.25);color:#9fe6b8;border-radius:11px;padding:11px 13px;font-size:13.5px;font-weight:600;margin-bottom:14px}
.newseller svg{width:16px;height:16px;color:#7fe0a0}
.lp-actions{display:flex;flex-direction:column;gap:10px}
.lp-row2{display:flex;gap:10px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:12px 14px;font-size:14.5px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;flex:1}
.lp-btn svg{width:18px;height:18px}
.lp-btn.primary{background:var(--orange,#ff9709);color:#1a1200;border-color:transparent}
.lp-btn.primary:hover{filter:brightness(1.06)}
.lp-btn.ghost{font-weight:600;font-size:13.5px}
.lp-btn.ghost.on{background:rgba(245,166,35,.16);color:#f5c877;border-color:rgba(245,166,35,.4)}
.lp-btn.full{width:100%;flex:none}
.lp-btn:hover{background:rgba(255,255,255,.12)}
.lp-btn.primary:hover{background:var(--orange,#ff9709)}
/* seller */
.ls-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ls-head b{color:#fff;font-size:16px}.ls-head a{color:var(--orange,#ff9709);font-size:13px;text-decoration:none;font-weight:600}
.ls-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ls-av{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);color:#cfe0ff;display:grid;place-items:center;font-weight:800;font-size:16px;flex:none;border:1px solid rgba(255,255,255,.14)}
.ls-top b{color:#fff;font-size:15px;display:flex;align-items:center;gap:6px}
.ls-top b svg{width:16px;height:16px;color:#4ea1ff}
.ls-top small{color:#8ea0af;font-size:12.5px;line-height:1.5;display:block;margin-top:3px}
.ls-m3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.ls-m3 b{color:#fff;font-size:16px;display:block}.ls-m3 small{color:#8ea0af;font-size:11px}
.ls-verify{display:inline-flex;align-items:center;gap:7px;color:#7fe0a0;background:rgba(80,200,120,.12);border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600;margin:14px 0}
.ls-verify svg{width:16px;height:16px}
.lp-seller .lp-btn.full{margin-top:10px}
/* location */
.loc-head{display:flex;align-items:center;gap:8px;color:#fff;font-size:16px}
.loc-head b{font-size:16px}.loc-head svg{width:18px;height:18px;color:var(--orange,#ff9709)}
.loc-sub{color:#8ea0af;font-size:12.5px;margin:4px 0 12px}
.loc-field{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:11px 13px;color:#dbe4ec;font-size:14px;margin-bottom:12px}
.loc-field svg{width:16px;height:16px;color:var(--orange,#ff9709)}
.map2{position:relative;height:190px;border-radius:12px;overflow:hidden;background:#12222e;border:1px solid rgba(255,255,255,.08)}
.map2 .mapgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px}
.map-chip{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;background:#fff;color:#1a2530;font-size:11.5px;font-weight:700;padding:5px 9px;border-radius:16px}
.map-chip svg{width:13px;height:13px}
.map-zoom{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.2)}
.map-zoom button{width:30px;height:30px;border:0;background:#fff;color:#1a2530;font-size:17px;cursor:pointer}
.map-zoom button+button{border-top:1px solid #ddd}
.map-enlarge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;background:rgba(0,0,0,.62);color:#fff;border:0;padding:9px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}
.map-enlarge svg{width:15px;height:15px}
.loc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.loc-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#c6d2dc;font-size:12px;font-weight:600;padding:6px 10px;border-radius:16px}
.loc-chip svg{width:13px;height:13px;color:#7fe0a0}
.loc-btns{display:flex;gap:10px}
.loc-btns .lp-btn{padding:11px 12px;font-size:13.5px}
/* people also saved */
.saved-card{background:#eef2f5;border-radius:16px;padding:16px 18px}
.sc-top{display:flex;justify-content:space-between;align-items:center}
.sc-top b{color:#1a2530;font-size:15px}
.sc-n{color:var(--orange,#c67f00);font-weight:800;font-size:16px}
.sc-sub{display:flex;align-items:center;gap:7px;color:#5a6a76;font-size:12.5px;margin-top:8px}
.sc-sub svg{width:15px;height:15px}
/* trust bar + footer */
.trustbar{max-width:1240px;margin:26px auto 0;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trust-cell{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px}
.trust-ic{width:38px;height:38px;border-radius:50%;border:1px solid rgba(80,200,120,.4);color:#7fe0a0;display:grid;place-items:center;flex:none}
.trust-ic svg{width:18px;height:18px}
.trust-cell b{color:#fff;font-size:14px;display:block;margin-bottom:3px}
.trust-cell small{color:#9fb0bf;font-size:12.5px;line-height:1.5}
.lp-foot{text-align:center;color:#7d8a95;font-size:12.5px;padding:26px 22px 34px}
@media(max-width:900px){.lp-body{grid-template-columns:1fr;padding:0 14px 8px}.lp-side{position:static}.sp-grid{grid-template-columns:1fr}.lp-crumb{display:none}.lg-stage{aspect-ratio:1/1}.trustbar{grid-template-columns:1fr;padding:0 14px}.lp-bc-badges{margin-left:auto}}

/* ambient colour glow (Spotify-style) pulled from the listing photo */
.lp-ambient{position:absolute;left:0;right:0;top:0;height:720px;pointer-events:none;z-index:0;transition:background .55s ease}
.lp-pills,.lp-body,.trustbar,.lp-foot{position:relative;z-index:1}

/* similar items + established-seller bar */
.newseller.two{flex-direction:column;align-items:flex-start;gap:8px}
.newseller.two div{display:flex;align-items:center;gap:8px}
.lp-similar{margin-top:22px}
.sim-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sim-head h2{margin:0;font-size:18px;color:#fff}
.sim-head a{color:var(--orange,#ff9709);font-size:13.5px;text-decoration:none;font-weight:600}
.sim-row{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.sim-card{text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:13px;padding:0;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}
.sim-card:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}
.sim-thumb{display:block;width:100%;height:104px;background:#111;overflow:hidden}
.sim-thumb img{width:100%;height:100%;object-fit:cover}
.sim-t{color:#e7edf2;font-size:13px;font-weight:600;line-height:1.35;padding:9px 10px 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.sim-p{color:var(--orange,#ff9709);font-weight:800;font-size:14px;padding:0 10px 11px}
@media(max-width:900px){.sim-row{grid-auto-columns:140px}}

/* ===== App chrome panels (messages / notifications / profile / post-ad) ===== */
.app-panel{position:fixed;inset:0;z-index:160;background:var(--bg,#0a0f14);display:none;overflow-y:auto}
.app-panel.open{display:block}
.ap-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:12px 22px;background:rgba(8,14,20,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.ap-back{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;border-radius:10px;padding:8px 13px;cursor:pointer;font-size:14px;font-weight:600}
.ap-back svg{transform:rotate(90deg);width:16px;height:16px}
.ap-back:hover{background:rgba(255,255,255,.08)}
.ap-title{flex:1;font-size:18px;font-weight:800;color:#fff}
.ap-title span{color:#8ea0af;font-weight:500;font-size:14px;margin-left:6px}
.ap-x{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:17px;cursor:pointer}
.ap-x:hover{background:rgba(255,255,255,.1)}
.ap-body{max-width:1180px;margin:0 auto;padding:20px 22px 40px}
.ap-body.ap-narrow{max-width:720px}
.ap-empty{color:#8ea0af;text-align:center;padding:50px 0}
/* messages */
.msg-wrap{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;height:calc(100vh - 130px);max-width:1000px}
.cv-list{border-right:1px solid rgba(255,255,255,.09);overflow-y:auto;background:rgba(255,255,255,.02)}
.cv-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;text-align:left;padding:14px 15px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05)}
.cv-item:hover{background:rgba(255,255,255,.04)}
.cv-item.on{background:rgba(255,151,9,.1)}
.cv-av{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);color:#cfe0ff;display:grid;place-items:center;font-weight:800;font-size:16px;flex:none;border:1px solid rgba(255,255,255,.12)}
.cv-main{min-width:0;flex:1}
.cv-main b{color:#fff;font-size:14.5px;display:block}
.cv-main small{color:#9fb0bf;font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-meta{color:#7d8a95;font-size:11.5px;text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.cv-un{background:var(--orange,#ff9709);color:#1a1200;font-weight:800;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.th{display:flex;flex-direction:column;min-width:0}
.th-head{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.09)}
.th-who{flex:1;min-width:0}
.th-who b{color:#fff;font-size:15px;display:flex;align-items:center;gap:6px}
.th-who b svg{width:15px;height:15px;color:#4ea1ff}
.th-who small{color:#8ea0af;font-size:12px;display:flex;align-items:center;gap:5px}
.th-who small svg{width:13px;height:13px}
.th-prof{border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}
.th-prof:hover{background:rgba(255,255,255,.08)}
.th-body{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px}
.bubble{max-width:74%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;position:relative}
.bubble.them{align-self:flex-start;background:rgba(255,255,255,.08);color:#e7edf2;border-bottom-left-radius:5px}
.bubble.me{align-self:flex-end;background:var(--orange,#ff9709);color:#1a1200;border-bottom-right-radius:5px}
.bubble .bt{display:block;font-size:10.5px;opacity:.6;margin-top:4px;text-align:right}
.composer{display:flex;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02)}
.cm-att{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#9fb0bf;cursor:pointer;flex:none;display:grid;place-items:center}
.cm-att svg{width:19px;height:19px}
.composer input{flex:1;height:44px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:11px;color:#fff;padding:0 14px;font-size:14.5px}
.cm-send{flex:none!important;min-width:110px}
/* notifications */
.nt-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.nt-tabs{display:flex;gap:6px;flex-wrap:wrap}
.nt-tab{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#c6d2dc;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}
.nt-tab.on{background:var(--orange,#ff9709);color:#1a1200;border-color:transparent}
.nt-read{border:0;background:transparent;color:var(--orange,#ff9709);font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nt-read svg{width:15px;height:15px}
.nt-list{display:flex;flex-direction:column;gap:8px}
.nt-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:13px;padding:14px 15px;cursor:pointer}
.nt-item:hover{background:rgba(255,255,255,.06)}
.nt-item.un{border-color:rgba(255,151,9,.35);background:rgba(255,151,9,.06)}
.nt-ic{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--orange,#ff9709);display:grid;place-items:center;flex:none}
.nt-ic svg{width:19px;height:19px}
.nt-main{flex:1;min-width:0}
.nt-main b{color:#fff;font-size:14.5px;display:block}
.nt-main small{color:#9fb0bf;font-size:13px;display:block}
.nt-ago{color:#7d8a95;font-size:12px;flex:none}
/* profile */
.pf2-head{display:flex;align-items:center;gap:18px;padding:8px 4px 22px;flex-wrap:wrap}
.pf2-av{width:76px;height:76px;border-radius:50%;background:linear-gradient(180deg,var(--orange,#ff9709),#c9760a);color:#1a1200;display:grid;place-items:center;font-weight:800;font-size:30px;flex:none}
.pf2-info{flex:1;min-width:0}
.pf2-info h1{margin:0;font-size:24px;color:#fff;display:flex;align-items:center;gap:8px}
.pf2-info h1 svg{width:20px;height:20px;color:#4ea1ff}
.pf2-sub{color:#9fb0bf;font-size:13.5px;display:flex;align-items:center;gap:6px;margin:6px 0 10px;flex-wrap:wrap}
.pf2-sub svg{width:15px;height:15px;color:var(--orange,#ff9709)}
.pf2-stats{display:flex;gap:20px;flex-wrap:wrap}
.pf2-stats span{color:#8ea0af;font-size:13px}
.pf2-stats b{color:#fff;font-size:15px}
.pf2-actions{display:flex;gap:10px;flex:none}
.pf2-edit{flex:none!important;min-width:130px}
.pf2-tabs{display:flex;gap:2px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:18px;overflow-x:auto}
.pf2-tab{border:0;background:transparent;color:#9fb0bf;font-weight:700;font-size:14.5px;padding:13px 16px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.pf2-tab.on{color:#fff;border-bottom-color:var(--orange,#ff9709)}
.pf2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.pf2-card{text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;padding:0}
.pf2-card:hover{border-color:rgba(255,255,255,.2)}
.pf2-thumb{display:block;width:100%;height:140px;background:#111;overflow:hidden}
.pf2-thumb img{width:100%;height:100%;object-fit:cover}
.pf2-card b{color:#e7edf2;font-size:13.5px;padding:10px 12px 2px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pf2-price{color:var(--orange,#ff9709);font-weight:800;font-size:15px;padding:0 12px 12px}
.rv-list{display:flex;flex-direction:column;gap:14px}
.rv{display:flex;gap:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;padding:15px}
.rv-tx b{color:#fff;font-size:14.5px;display:flex;align-items:center;gap:8px}
.rv-stars{color:var(--orange,#ff9709);font-size:13px;letter-spacing:1px}
.rv-off{color:rgba(255,255,255,.2)}
.rv-tx small{color:#cdd8e2;font-size:13.5px;display:block;margin:5px 0 4px;line-height:1.5}
.rv-tx em{color:#7d8a95;font-size:12px;font-style:normal}
.set-list{display:flex;flex-direction:column;gap:10px;max-width:620px}
.set-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:13px;padding:15px 16px;cursor:pointer;color:#fff}
.set-item:hover{background:rgba(255,255,255,.06)}
.set-ic{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07);color:var(--orange,#ff9709);display:grid;place-items:center;flex:none}
.set-ic svg{width:18px;height:18px}
.set-tx{flex:1}
.set-tx b{display:block;font-size:14.5px}
.set-tx small{color:#9fb0bf;font-size:12.5px}
.set-item>svg:last-child{width:16px;height:16px;color:#7d8a95}
/* post ad */
.pa-steps{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.pa-step{color:#8ea0af;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 13px}
.pa-step.on{background:var(--orange,#ff9709);color:#1a1200;border-color:transparent}
.pa-step.done{color:#7fe0a0;border-color:rgba(80,200,120,.4)}
.pa-h{color:#fff;font-size:18px;margin:0 0 16px}
.pa-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pa-cat{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#e7edf2;border-radius:12px;padding:14px;cursor:pointer;font-weight:600;font-size:14px;text-align:left}
.pa-cat svg{width:20px;height:20px;color:var(--orange,#ff9709);flex:none}
.pa-cat:hover{border-color:rgba(255,255,255,.25)}
.pa-cat.on{border-color:var(--orange,#ff9709);background:rgba(255,151,9,.1)}
.pa-f{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.pa-f>span{color:#c6d2dc;font-size:13px;font-weight:600}
.pa-f input,.pa-f select,.pa-f textarea{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:10px;color:#fff;padding:11px 13px;font-size:14.5px;font-family:inherit;width:100%}
.pa-f textarea{resize:vertical}
.pa-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pa-check{display:flex;align-items:center;gap:9px;color:#cdd8e2;font-size:14px;margin-bottom:8px}
.pa-drop{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.02);border-radius:14px;padding:40px 20px;cursor:pointer;color:#c6d2dc}
.pa-drop svg{width:34px;height:34px;color:var(--orange,#ff9709)}
.pa-drop b{color:#fff;font-size:15px}.pa-drop small{color:#8ea0af;font-size:13px}
.pa-drop:hover{border-color:var(--orange,#ff9709)}
.pa-note{display:flex;align-items:center;gap:8px;color:#9fe6b8;background:rgba(80,200,120,.08);border-radius:10px;padding:11px 13px;font-size:13.5px;margin-top:14px}
.pa-note svg{width:17px;height:17px;color:#7fe0a0;flex:none}
.pa-review{border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden}
.pa-review>div{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;font-size:14px}
.pa-review>div+div{border-top:1px solid rgba(255,255,255,.07)}
.pa-review span{color:#9fb0bf}.pa-review b{color:#fff;text-align:right}
.pa-foot{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.pa-foot .lp-btn{flex:0 0 auto;min-width:130px}
@media(max-width:760px){.msg-wrap{grid-template-columns:1fr;height:auto}.cv-list{max-height:200px}.th{min-height:60vh}.pa-2{grid-template-columns:1fr}.pf2-actions{width:100%}}

/* more-filters modal */
.mf-modal{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;padding:20px}
.mf-modal.open{display:flex}
.mf-card{background:#0b141c;border:1px solid var(--line2);border-radius:16px;box-shadow:0 40px 100px rgba(0,0,0,.6);width:min(560px,100%);overflow:hidden}
.mf-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.mf-head b{font-size:18px;color:#fff}
.mf-x{width:34px;height:34px;border:0;background:transparent;color:#aab4ba;font-size:20px;cursor:pointer;border-radius:8px}
.mf-x:hover{background:#15232d}
.mf-body{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:56vh;overflow:auto}
.mf-opt{display:flex;align-items:center;gap:9px;border:1px solid var(--line2);background:#0c1821;color:#d6dde1;border-radius:11px;padding:12px 13px;cursor:pointer;font-size:14px;font-weight:600;text-align:left}
.mf-opt svg{width:17px;height:17px;color:transparent;flex:none;border:1.5px solid rgba(255,255,255,.25);border-radius:5px;padding:1px}
.mf-opt.on{border-color:var(--orange,#ff9709);background:rgba(255,151,9,.1);color:#fff}
.mf-opt.on svg{color:#1a1200;background:var(--orange,#ff9709);border-color:var(--orange,#ff9709)}
.mf-foot{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--line)}
.mf-foot .lp-btn{flex:0 0 auto;min-width:130px}
@media(max-width:560px){.mf-body{grid-template-columns:1fr}}

/* profile sub-screens */
.sub-back{flex:0 0 auto!important;min-width:0!important;margin-bottom:16px;padding:8px 13px!important}
.sub-back svg{transform:rotate(90deg);width:15px;height:15px}
.sub-h{color:#fff;font-size:20px;margin:0 0 6px}
.sub-note{color:#9fb0bf;font-size:13.5px;margin:0 0 16px}
.ep-form .pa-foot{margin-top:20px}
.tg-list{display:flex;flex-direction:column;gap:2px;max-width:560px}
.tg-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.06);color:#e7edf2;font-size:14.5px;cursor:pointer}
.tg-sw{position:relative;width:46px;height:26px;border-radius:14px;background:rgba(255,255,255,.16);flex:none;transition:background .2s}
.tg-sw.on{background:var(--orange,#ff9709)}
.tg-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.tg-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}
.tg-sw.on i{left:23px}
.pm-card{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:13px;padding:15px;margin-bottom:12px}
.pm-ic{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.08);color:var(--orange,#ff9709);display:grid;place-items:center;flex:none}
.pm-ic svg{width:19px;height:19px}
.pm-tx{flex:1}.pm-tx b{color:#fff;display:block;font-size:14.5px}.pm-tx small{color:#9fb0bf;font-size:12.5px}
.pm-def{color:#7fe0a0;font-size:12px;font-weight:600;background:rgba(80,200,120,.12);padding:4px 10px;border-radius:12px}
.pm-add{width:100%;margin-top:6px}
/* post-ad dynamic fields */
.pa-fields-h{color:#9fb0bf;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:8px 0 10px}
.pa-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media(max-width:560px){.pa-fields{grid-template-columns:1fr}}

/* ===== Account menu drawer ===== */
.acct-menu{position:fixed;inset:0;z-index:170;background:rgba(0,0,0,.5);display:none;justify-content:flex-end}
.acct-menu.open{display:flex}
.am-panel{width:min(400px,100%);height:100%;background:#0c141c;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;animation:amIn .22s ease}
@keyframes amIn{from{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}
.am-head{display:flex;align-items:flex-start;gap:13px;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.am-av{width:54px;height:54px;border-radius:50%;background:linear-gradient(180deg,var(--orange,#ff9709),#c9760a);color:#1a1200;display:grid;place-items:center;font-weight:800;font-size:22px;flex:none}
.am-id{flex:1;min-width:0}.am-id b{color:#fff;font-size:17px;display:block}.am-id small{color:#9fb0bf;font-size:12.5px;display:block;margin-bottom:8px;word-break:break-all}
.am-prof{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;border-radius:9px;padding:6px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.am-prof svg{width:14px;height:14px}.am-prof:hover{background:rgba(255,255,255,.1)}
.am-x{width:34px;height:34px;border:0;background:transparent;color:#aab4ba;font-size:18px;cursor:pointer;border-radius:8px;flex:none}
.am-x:hover{background:rgba(255,255,255,.08)}
.am-scroll{flex:1;overflow-y:auto;padding:8px 12px 16px}
.am-sec{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.am-sec-h{color:#7d8a95;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 8px}
.am-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#e7edf2;text-align:left;padding:11px 8px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600}
.am-item:hover{background:rgba(255,255,255,.05)}
.am-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.08);color:#fff}
.am-ic svg{width:20px;height:20px}
.am-ic.o{background:rgba(255,151,9,.16);color:#ffb04d}.am-ic.b{background:rgba(78,161,255,.16);color:#7bb8ff}.am-ic.g{background:rgba(34,197,120,.16);color:#5fe0a0}.am-ic.y{background:rgba(245,190,35,.16);color:#f5cf6a}.am-ic.r{background:rgba(240,80,80,.16);color:#ff8a8a}.am-ic.p{background:rgba(236,90,160,.16);color:#ff9dcb}.am-ic.v{background:rgba(150,110,255,.16);color:#b79bff}.am-ic.t{background:rgba(40,200,190,.16);color:#5fe6dd}.am-ic.s{background:rgba(150,165,180,.16);color:#c3cfd9}
.am-tx{flex:1}
.am-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px}
.am-item .am-badge:not(:empty){}
.am-badge:empty{display:none}
.am-sec:has(.am-badge:empty) .am-badge{display:none}
.am-logout{display:flex;align-items:center;justify-content:center;gap:9px;width:calc(100% - 0px);margin:14px 0 4px;border:1px solid rgba(240,80,80,.4);background:rgba(240,80,80,.08);color:#ff8a8a;border-radius:12px;padding:13px;font-weight:700;cursor:pointer}
.am-logout svg{width:18px;height:18px}.am-logout:hover{background:rgba(240,80,80,.16)}
/* PRO badge in menu */
.am-item .am-badge{background:var(--orange,#ff9709);color:#1a1200}
.am-item[data-go="notif"] .am-badge{background:#ef4444;color:#fff}
/* ===== account pages shared ===== */
.ac-tools{display:flex;justify-content:flex-end;margin-bottom:14px}
.ac-stats5,.ac-stats6{display:grid;gap:12px;margin-bottom:18px}
.ac-stats5{grid-template-columns:repeat(5,1fr)}.ac-stats6{grid-template-columns:repeat(6,1fr)}
.ac-stat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:4px}
.ac-stat-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;margin-bottom:4px}
.ac-stat-ic svg{width:18px;height:18px}
.ac-stat-ic.o{background:rgba(255,151,9,.16);color:#ffb04d}.ac-stat-ic.b{background:rgba(78,161,255,.16);color:#7bb8ff}.ac-stat-ic.g{background:rgba(34,197,120,.16);color:#5fe0a0}.ac-stat-ic.r{background:rgba(240,80,80,.16);color:#ff8a8a}.ac-stat-ic.p{background:rgba(236,90,160,.16);color:#ff9dcb}.ac-stat-ic.v{background:rgba(150,110,255,.16);color:#b79bff}
.ac-stat b{color:#fff;font-size:24px;font-weight:800}.ac-stat small{color:#9fb0bf;font-size:12px}
.ac-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.ac-tab{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#c6d2dc;border-radius:20px;padding:8px 15px;font-size:13.5px;font-weight:600;cursor:pointer}
.ac-tab.on{background:var(--orange,#ff9709);color:#1a1200;border-color:transparent}
.ac-adgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.ac-adcard{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;overflow:hidden}
.ac-adimg{height:150px;background-size:cover;background-position:center;position:relative;background-color:#111}
.ac-status{position:absolute;top:10px;left:10px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:12px;background:rgba(0,0,0,.6);color:#fff}
.ac-status.live{background:rgba(34,197,120,.9);color:#04240f}.ac-status.sold{background:rgba(78,161,255,.9);color:#04121f}.ac-status.rented{background:rgba(150,110,255,.9);color:#0f0424}.ac-status.expired{background:rgba(240,80,80,.9);color:#1f0404}
.ac-adbody{padding:14px}
.ac-adbody h3{margin:0;font-size:15px;color:#fff}
.ac-adid{color:#5fe0a0;font-size:12px;font-weight:600;margin:3px 0}
.ac-adprice{color:var(--orange,#ff9709);font-weight:800;font-size:17px;margin-bottom:6px}
.ac-admeta{color:#8ea0af;font-size:12.5px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.ac-admeta svg{width:14px;height:14px;vertical-align:-2px}
.ac-adacts{display:flex;gap:8px;flex-wrap:wrap}
.ac-adacts .lp-btn{flex:1;min-width:0;padding:9px 8px;font-size:13px}
.ac-adacts .ac-del{flex:0 0 auto;color:#ff8a8a;border-color:rgba(240,80,80,.35)}
.ac-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:18px}
.ac-panel h3{margin:0 0 14px;font-size:16px;color:#fff;display:flex;align-items:center;gap:8px}
.ac-panel h3 svg{width:18px;height:18px;color:var(--orange,#ff9709)}
.ac-chart{position:relative}
.chart-svg{width:100%;height:180px;display:block}
.ch-area{fill:rgba(255,151,9,.14)}
.ch-line{fill:none;stroke:var(--orange,#ff9709);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.ch-x{display:flex;justify-content:space-between;color:#7d8a95;font-size:11px;margin-top:6px}
.ac-table{display:flex;flex-direction:column}
.ac-tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.06);color:#cdd8e2;font-size:14px}
.ac-th{color:#8ea0af;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ac-lname{color:#fff;font-weight:600}
.ac-ins{padding:7px 12px!important;font-size:12.5px!important;flex:0 0 auto!important;background:rgba(34,197,120,.14)!important;color:#5fe0a0!important;border-color:rgba(34,197,120,.3)!important}
.ac-2col{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.ac-2col .pa-f{margin-bottom:0;min-width:200px}
.ac-2col .lp-btn{flex:0 0 auto}
/* followers */
.fl-list{display:flex;flex-direction:column;gap:10px}
.fl-row{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:13px;padding:12px 14px}
.fl-tx{flex:1;min-width:0}.fl-tx b{color:#fff;font-size:14.5px;display:flex;align-items:center;gap:6px}.fl-tx b svg{width:14px;height:14px;color:#4ea1ff}.fl-tx small{color:#8ea0af;font-size:12.5px}
.fl-btn{flex:0 0 auto!important;padding:8px 12px!important;font-size:13px!important}
/* alerts matrix */
.al-list{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.al-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
.al-name{color:#e7edf2;font-size:14.5px;font-weight:600}
.al-chans{display:flex;gap:8px;flex:none}
.al-chk{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:7px 11px;color:#9fb0bf;font-size:12.5px;cursor:pointer}
.al-chk.on{border-color:var(--orange,#ff9709);background:rgba(255,151,9,.1);color:#fff}
.al-chk input{accent-color:var(--orange,#ff9709)}
/* business packs */
.bp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bp-card{position:relative;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:16px;padding:22px}
.bp-card.hot{border-color:var(--orange,#ff9709);box-shadow:0 0 0 1px var(--orange,#ff9709)}
.bp-hot{position:absolute;top:-11px;left:22px;background:var(--orange,#ff9709);color:#1a1200;font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:12px}
.bp-card h3{margin:0;color:#fff;font-size:19px}
.bp-price{color:var(--orange,#ff9709);font-size:28px;font-weight:800;margin:6px 0 14px}
.bp-card ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px}
.bp-card li{display:flex;align-items:flex-start;gap:8px;color:#cdd8e2;font-size:13.5px}
.bp-card li svg{width:16px;height:16px;color:#5fe0a0;flex:none;margin-top:1px}
.bp-card .lp-btn{width:100%}
/* profile settings */
.ps-wrap{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start}
.ps-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:78px}
.ps-navi{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#c6d2dc;text-align:left;padding:12px 13px;border-radius:11px;cursor:pointer;font-size:14px;font-weight:600}
.ps-navi svg{width:17px;height:17px;color:var(--orange,#ff9709)}
.ps-navi.on{background:rgba(255,151,9,.12);color:#fff}
.ps-navi:not(.on):hover{background:rgba(255,255,255,.05)}
.ps-comp{margin-top:14px;padding:14px 13px;border:1px solid rgba(255,255,255,.08);border-radius:12px}
.ps-comp-t{color:#9fb0bf;font-size:12.5px;display:flex;justify-content:space-between}.ps-comp-t b{color:var(--orange,#ff9709)}
.ps-bar{height:6px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:8px;overflow:hidden}.ps-bar i{display:block;height:100%;background:var(--orange,#ff9709)}
.ps-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:16px}
.ps-card h3{margin:0 0 16px;font-size:16px;color:#fff;display:flex;align-items:center;gap:8px}
.ps-card h3 svg{width:18px;height:18px;color:var(--orange,#ff9709)}
.ps-photo{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}
.pf2-av.sm{width:56px;height:56px;font-size:22px}
.ps-photo b{color:#fff;font-size:14px;display:block}.ps-photo small{color:#8ea0af;font-size:12px;display:block;margin-bottom:8px}
.ps-photo-btns{display:flex;gap:8px}.ps-photo-btns .lp-btn{flex:0 0 auto;padding:8px 12px;font-size:13px}
.ps-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.ps-foot .lp-btn{flex:0 0 auto}
.set-item.danger{color:#ff8a8a}.set-item.danger .set-ic{color:#ff8a8a}
.ac-del{color:#ff8a8a!important;border-color:rgba(240,80,80,.35)!important}
/* admin */
.ad-wrap{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:start}
.ad-nav{display:flex;flex-direction:column;gap:3px;position:sticky;top:78px;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px;background:rgba(255,255,255,.02)}
.ad-navi{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#c6d2dc;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600}
.ad-navi svg{width:17px;height:17px}
.ad-navi.on{background:rgba(34,197,120,.16);color:#5fe0a0}
.ad-navi.on svg{color:#5fe0a0}
.ad-navi:not(.on):hover{background:rgba(255,255,255,.05)}
.ad-h{color:#fff;font-size:22px;margin:0 0 18px}
.ad-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
@media(max-width:1000px){.ac-stats5,.ac-stats6,.ad-stats{grid-template-columns:repeat(2,1fr)}.bp-grid{grid-template-columns:1fr}.ps-wrap,.ad-wrap{grid-template-columns:1fr}.ps-nav,.ad-nav{position:static;flex-direction:row;overflow-x:auto}}
@media(max-width:640px){.ac-tr{grid-template-columns:2fr 1fr 1fr;font-size:12.5px}.ac-tr span:nth-child(4),.ac-tr span:nth-child(5){display:none}.al-chans{flex-wrap:wrap}}

/* ===== Expansion: compare, filters bar, recently viewed, offer/checkout ===== */
.lp-btn.buy{background:#22c578;color:#04240f;border-color:transparent;font-weight:800}
.lp-btn.buy:hover{filter:brightness(1.06)}
.cmp-btn{position:absolute;top:12px;right:56px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:grid;place-items:center}
.cmp-btn svg{width:17px;height:17px}
.cmp-btn:hover{background:rgba(0,0,0,.72)}
.cmp-btn.on{background:var(--orange,#ff9709);color:#1a1200}
.no-results{grid-column:1/-1;text-align:center;color:#9fb0bf;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}
.no-results svg{width:38px;height:38px;color:#5c6b78}
.no-results b{color:#fff;font-size:17px}.no-results small{font-size:13.5px}
.no-results .lp-btn{flex:0 0 auto;margin-top:8px;min-width:160px}
/* filter bar */
.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;background:rgba(255,151,9,.06);border:1px solid rgba(255,151,9,.2);border-radius:12px}
.fb-count{color:#fff;font-size:14px}.fb-count b{color:var(--orange,#ff9709)}
.fb-chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.fb-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e7edf2;border-radius:16px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.fb-chip span{color:#9fb0bf}.fb-chip:hover span{color:#ff8a8a}
.fb-clear{border:0;background:transparent;color:var(--orange,#ff9709);font-weight:700;font-size:13px;cursor:pointer}
/* recently viewed */
.recent-row{margin:0 0 18px}
.recent-h{display:flex;align-items:center;gap:8px;color:#c6d2dc;font-size:14px;font-weight:700;margin-bottom:10px}
.recent-h svg{width:16px;height:16px;color:var(--orange,#ff9709)}
.recent-clr{margin-left:auto;border:0;background:transparent;color:#8ea0af;font-size:12.5px;cursor:pointer;font-weight:600}
.recent-strip{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:12px;overflow-x:auto;padding-bottom:6px}
.recent-card{text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:12px;overflow:hidden;cursor:pointer;padding:0;display:flex;flex-direction:column}
.recent-card:hover{border-color:rgba(255,255,255,.2)}
.recent-img{display:block;height:92px;background-size:cover;background-position:center;background-color:#111}
.recent-card b{color:#e7edf2;font-size:12.5px;padding:8px 9px 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recent-p{color:var(--orange,#ff9709);font-weight:800;font-size:13px;padding:0 9px 9px}
/* compare bar + table */
.cmp-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:140;display:flex;align-items:center;gap:14px;background:#0d1720;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cmp-thumbs{display:flex;gap:8px}
.cmp-th{width:46px;height:46px;border-radius:9px;background-size:cover;background-position:center;background-color:#111;position:relative}
.cmp-th button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:0;background:#ef4444;color:#fff;font-size:11px;cursor:pointer;line-height:1}
.cmp-bar .lp-btn{flex:0 0 auto}
.cmp-clear{border:0;background:transparent;color:#9fb0bf;font-size:13px;cursor:pointer;font-weight:600}
.cmp-table{display:grid;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden}
.cmp-row{display:contents}
.cmp-cell{padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.06);color:#cdd8e2;font-size:14px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.cmp-lab{color:#8ea0af;font-weight:600;background:rgba(255,255,255,.02)}
.cmp-head .cmp-cell{align-items:flex-start}
.cmp-img{width:100%;height:96px;border-radius:10px;background-size:cover;background-position:center;background-color:#111}
.cmp-head b{color:#fff;font-size:14px}
.cmp-price{color:var(--orange,#ff9709);font-weight:800}
.cmp-open{padding:6px 12px!important;font-size:12.5px!important;flex:0 0 auto}
/* offer + checkout modal */
.exp-modal{position:fixed;inset:0;z-index:180;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;padding:20px}
.exp-modal.open{display:flex}
.exp-card{background:#0b141c;border:1px solid var(--line2,rgba(255,255,255,.12));border-radius:16px;width:min(480px,100%);max-height:92vh;overflow-y:auto;padding:18px}
.exp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.exp-head b{font-size:18px;color:#fff}
.exp-item{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:11px;margin-bottom:14px}
.exp-img{width:52px;height:52px;border-radius:9px;background-size:cover;background-position:center;background-color:#111;flex:none}
.exp-item b{color:#fff;font-size:14px;display:block}.exp-item small{color:#9fb0bf;font-size:12px}
.exp-item-p{margin-left:auto;color:var(--orange,#ff9709);font-weight:800}
.off-quick{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}
.off-q{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#e7edf2;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}
.off-q:hover{border-color:var(--orange,#ff9709)}
.exp-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.exp-foot .lp-btn{flex:0 0 auto;min-width:120px}
.ck-sec{margin:8px 0 14px}
.ck-h{color:#9fb0bf;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.ck-opt{display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:12px;cursor:pointer;margin-bottom:8px;color:#e7edf2}
.ck-opt.on{border-color:var(--orange,#ff9709);background:rgba(255,151,9,.08)}
.ck-opt span{flex:1}.ck-opt b{font-size:14px}.ck-opt small{color:#8ea0af;font-size:12px;display:block}
.ck-pay{display:flex;align-items:flex-start;gap:9px;color:#9fe6b8;background:rgba(80,200,120,.08);border-radius:10px;padding:11px 13px;font-size:13px}
.ck-pay svg{width:17px;height:17px;color:#7fe0a0;flex:none;margin-top:1px}
.ck-tot{display:flex;justify-content:space-between;padding:7px 2px;color:#cdd8e2;font-size:14px}
.ck-tot b{color:#fff}
.ck-grand{border-top:1px solid rgba(255,255,255,.1);margin-top:6px;padding-top:12px;font-size:17px}
.ck-grand b{color:var(--orange,#ff9709);font-weight:800}
.ck-done{text-align:center;padding:8px}
.ck-tick{width:64px;height:64px;border-radius:50%;background:rgba(34,197,120,.16);color:#5fe0a0;display:grid;place-items:center;margin:6px auto 14px}
.ck-tick svg{width:32px;height:32px}
.ck-done h3{color:#fff;font-size:20px;margin:0 0 8px}
.ck-done p{color:#cdd8e2;font-size:14px;line-height:1.6;margin:0 0 12px}
.ck-ref{color:#9fb0bf;font-size:13px;background:rgba(255,255,255,.05);border-radius:9px;padding:9px;margin-bottom:6px}
@media(max-width:640px){.cmp-bar{width:calc(100% - 24px);justify-content:space-between}}

/* ===== Chat: replies, attachments, pin ===== */
.bubble{position:relative}
.bub-t{display:block}
.bub-reply{display:block;border-left:3px solid rgba(255,255,255,.4);padding:3px 8px;margin-bottom:5px;font-size:12px;opacity:.85;border-radius:4px;background:rgba(0,0,0,.12)}
.bubble.me .bub-reply{border-left-color:rgba(0,0,0,.35)}
.bub-img{display:block;width:190px;max-width:60vw;height:130px;border-radius:10px;background-size:cover;background-position:center;background-color:#111;margin:2px 0 4px}
.bub-acts{position:absolute;top:-12px;display:none;gap:2px;background:#16232d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:2px}
.bubble.them .bub-acts{right:6px}.bubble.me .bub-acts{left:6px}
.bubble:hover .bub-acts{display:flex}
.bub-acts button{width:26px;height:26px;border:0;background:transparent;color:#c6d2dc;border-radius:50%;cursor:pointer;display:grid;place-items:center}
.bub-acts button:hover{background:rgba(255,255,255,.1);color:#fff}
.bub-acts svg{width:14px;height:14px}
.th-pin{display:flex;align-items:center;gap:8px;padding:9px 14px;background:rgba(255,151,9,.1);border-bottom:1px solid rgba(255,151,9,.2);color:#f5c877;font-size:13px}
.th-pin svg{width:15px;height:15px}.th-pin b{color:#fff;margin-right:2px}
.th-pin button{margin-left:auto;border:0;background:transparent;color:#9fb0bf;cursor:pointer;font-size:15px}
.cm-replybar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);color:#c6d2dc;font-size:13px}
.cm-replybar svg{width:15px;height:15px;color:var(--orange,#ff9709);flex:none}
.cm-replybar span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-replybar button{border:0;background:transparent;color:#9fb0bf;cursor:pointer;font-size:15px}
.bt svg{width:12px;height:12px;vertical-align:-1px;opacity:.7}
/* report modal */
.rp-reasons{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.rp-r{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:11px 13px;cursor:pointer;color:#e7edf2;font-size:14px}
.rp-r input{accent-color:var(--orange,#ff9709)}
.rp-r:has(input:checked){border-color:var(--orange,#ff9709);background:rgba(255,151,9,.08)}

/* ===== Integration acceptance: badges, mobile scroll hint, scroll polish ===== */
.appbadges{display:flex;gap:10px;flex-wrap:wrap}
.appbadge2{display:inline-block;line-height:0;text-decoration:none}
.appbadge2 svg{height:40px;width:auto;display:block;border-radius:7px}
.appbadge2:hover{opacity:.85}
/* mobile: subtle right-edge fade to hint the category/subcategory rows scroll (no floating arrows) */
@media(max-width:700px){
  .category-shell{position:relative}
  .category-shell::after{content:"";position:absolute;top:0;right:0;bottom:0;width:26px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(5,14,21,.92));z-index:2}
  .sub-shell{position:relative}
  .sub-shell::after{content:"";position:absolute;top:0;right:0;bottom:8px;width:22px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg,#0a0f14));z-index:2}
  .sub-row.subs-grid+.sub-shell::after,.sub-shell:has(.subs-grid)::after{display:none}
}

/* ===== Deferred results: ONLY on the "All categories" home, until "Show offers" ===== */
#jrLanding{display:none}
body.jr-home #jrLanding{display:block}
body.jr-home .toolbar-wrap,
body.jr-home #cards,
body.jr-home #resultsFoot,
body.jr-home #filterBar,
body.jr-home #recentRow{display:none!important}
/* value props */
#jrLanding{margin-top:6px}
.lp-values{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);border-radius:18px;padding:28px;margin:16px 0 26px}
.lpv-eyebrow{color:var(--orange,#ff9709);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}
.lp-values h2{color:#fff;font-size:28px;line-height:1.2;margin:0 0 10px;font-weight:800}
.lpv-lead{color:#aab4bd;font-size:15px;line-height:1.65;max-width:840px;margin:0 0 22px}
.lpv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lpv-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);border-radius:14px;padding:20px}
.lpv-ic{width:44px;height:44px;border-radius:12px;background:rgba(255,151,9,.14);color:var(--orange,#ff9709);display:grid;place-items:center;margin-bottom:14px}
.lpv-ic svg{width:22px;height:22px}
.lpv-card h3{color:#fff;font-size:17px;margin:0 0 8px}
.lpv-card p{color:#9fb0bf;font-size:14px;line-height:1.6;margin:0}
/* FAQ */
.lp-faq{margin:10px 0 24px}
.lp-faq h2{color:#fff;font-size:26px;margin:0 0 8px;font-weight:800}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.faq-item{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);border-radius:12px;overflow:hidden;height:fit-content}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#e7edf2;text-align:left;padding:16px 18px;font-size:15px;font-weight:600;cursor:pointer}
.faq-q i{font-style:normal;color:var(--orange,#ff9709);font-size:22px;font-weight:700;flex:none;line-height:1}
.faq-item.open .faq-q{color:#fff}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq-item.open .faq-a{max-height:420px}
.faq-a p{color:#9fb0bf;font-size:14px;line-height:1.65;margin:0;padding:0 18px 16px}
.faq-cta{display:flex;justify-content:center;margin-top:22px}
.faq-cta .lp-btn{flex:0 0 auto;min-width:210px;height:46px}
@media(max-width:800px){.lpv-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.lp-values{padding:20px}.lp-values h2,.lp-faq h2{font-size:22px}}