/* IsraMarket website v2 design (2026-11-11): premium, calm, mobile-first. RTL/LTR via logical properties.
   Palette: warm orange brand from the logo + neutral greys. Font: Rubik (self-hosted, Hebrew/Latin/Cyrillic). */
@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/rubik-hebrew.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/rubik-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#fafaf9;--card:#fff;--soft:#f3f2f0;--text:#1d1b19;--muted:#6b6660;--line:#e9e6e2;--brand:#f76707;--brand2:#e8590c;--brandtx:#c2410c;
 --tint:#fff3e8;--tg:#2a9fd8;--vip:#7c5cdb;--r:18px;--r2:12px;
 --sh1:0 1px 2px rgba(28,25,23,.05),0 1px 1px rgba(28,25,23,.03);--sh2:0 2px 6px rgba(28,25,23,.05),0 10px 28px rgba(28,25,23,.07);color-scheme:light;
 --hdr:rgba(255,255,255,.86);--hero1:#fff4e8;--heroline:#f6e7da;--hov:#f3c9a6;--prbg:rgba(255,255,255,.95);--warnbg:#fff6e0;--warntx:#7a4f00;--hlline:#fbc89a;--ft:#1d1b19;--ok:#2f9e44;--wa:#25d366}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Rubik,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}
.i{width:20px;height:20px;flex:none;vertical-align:middle}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.narrow{max-width:800px}
.pv{background:#fff4d6;color:#7a4f00;font-size:13px;font-weight:500;text-align:center;padding:5px 10px}
/* header */
.hd{position:sticky;top:0;z-index:10;background:var(--hdr);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;gap:12px;min-height:62px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:20px;white-space:nowrap;letter-spacing:-.02em}
.brand img{border-radius:11px;flex:none;width:34px;height:34px}
.langs{display:flex;gap:2px;margin-inline-start:auto;background:var(--soft);border-radius:999px;padding:3px}
.langs a{white-space:nowrap;font-size:13px;font-weight:500;padding:5px 10px;border-radius:999px;color:var(--muted)}
.langs a.on{background:var(--card);color:var(--text);box-shadow:var(--sh1);font-weight:600}
.nav-admin{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 10px;border-radius:10px;font-weight:700;font-size:13px;color:var(--brandtx);border:1px solid var(--line);background:var(--card);white-space:nowrap;flex:none}
.nav-admin:hover{border-color:var(--hov);background:var(--tint)}
@media (max-width:420px){.nav-admin{padding:0 7px;font-size:12px;height:32px}.hdr{gap:6px}.hdr:has(.nav-admin) .ib[data-act=simple]{display:none}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r2);padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;line-height:1.2;text-align:center;transition:transform .15s,box-shadow .15s,background .15s}
.btn svg{width:19px;height:19px;flex:none}
.btn:active{transform:scale(.98)}
.btn.post{background:var(--brand);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 16px rgba(247,103,7,.28)}
.btn.post svg{fill:currentColor}
.btn.post:hover{background:var(--brand2)}
.btn.tg{background:var(--tg);color:#fff;width:100%;box-shadow:0 6px 16px rgba(42,159,216,.25)}
.btn.tg svg{fill:currentColor}
.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--line)}
.btn.go{background:var(--text);color:var(--bg)}
.btn.sm{padding:9px 14px;font-size:14px;border-radius:10px;white-space:nowrap;box-shadow:none}
.btn.big{padding:15px 24px;font-size:17px}
@media (max-width:420px){.hdr .btn.sm{display:none}}
/* hero */
.hero{padding:22px 0 8px}
.hero .wrap>h1,.hero .wrap>p{max-width:760px}
.hero:not(.sm) .wrap{background:linear-gradient(160deg,var(--hero1) 0%,var(--card) 60%);border:1px solid var(--heroline);border-radius:28px;padding:28px 20px 24px;box-shadow:var(--sh1);position:relative;overflow:hidden}
.hero:not(.sm) .wrap::after{content:"";position:absolute;inset-inline-end:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,176,32,.22),rgba(255,176,32,0));pointer-events:none}
@media (min-width:760px){.hero{padding:32px 0 8px}.hero:not(.sm) .wrap{padding:48px 44px 40px}}
.hero h1{font-size:clamp(30px,7.4vw,52px);line-height:1.1;margin:0 0 10px;font-weight:800;letter-spacing:-.025em}
.hero p{margin:0 0 20px;color:var(--muted);font-size:clamp(16px,2.2vw,19px)}
.hero.sm{padding:18px 0 4px}.hero.sm h1{font-size:clamp(24px,5.5vw,36px);margin-bottom:14px}
.bc{font-size:14px;color:var(--muted);margin-bottom:6px}.bc a{color:var(--brandtx);font-weight:500}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:16px 0 0;font-size:14px;color:var(--muted)}
.trust li{display:flex;align-items:center;gap:6px}.trust .i{width:17px;height:17px;color:#2f9e44;stroke-width:2.4}
.cta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px}
.cta small{color:var(--muted);font-size:13px}
/* search */
.sf{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--card);padding:8px;border-radius:20px;box-shadow:var(--sh2);border:1px solid var(--line)}
.sf .q{grid-column:1/-1;display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:14px;padding:0 14px}
.sf .q svg{width:20px;height:20px;fill:var(--muted);flex:none}
.sf input,.sf select{font:inherit;color:var(--text);background:var(--soft);border:0;border-radius:14px;min-height:50px;padding:0 12px;min-width:0;width:100%;outline:0}
.sf select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%236b6660' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px 8px;background-repeat:no-repeat;background-position:left 14px center;padding-inline-end:34px}
[dir=ltr] .sf select{background-position:right 14px center}
.sf input{background:transparent;padding:0}
.sf input::placeholder{color:var(--muted)}
.sf .go{grid-column:1/-1;min-height:50px;border-radius:14px}
@media (min-width:760px){.sf{grid-template-columns:2.4fr 1fr 1fr auto;border-radius:22px}.sf .q,.sf .go{grid-column:auto}.sf .go{padding:0 30px}}
/* tiles + chips */
.tiles-w{padding-top:22px}
.lh{font-size:22px;margin:22px 0 12px;font-weight:700}.lh.sm{font-size:17px;margin-top:20px;color:var(--muted);font-weight:600}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (min-width:760px){.tiles{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}}
.tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);font-size:13.5px;font-weight:500;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}
.tile:hover{border-color:var(--hov);box-shadow:var(--sh2);transform:translateY(-2px)}
.ti{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--tint);color:var(--brandtx)}
.ti .i{width:23px;height:23px}
.chips{display:flex;gap:8px;overflow-x:auto;padding:14px 16px 4px;scrollbar-width:none;margin:0 -16px}
.chips.cities{padding-top:0}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:500;white-space:nowrap;color:var(--text)}
.chip .i{width:16px;height:16px;color:var(--muted)}
.chip:hover{border-color:var(--hov)}
.chip.on{background:var(--text);border-color:var(--text);color:var(--bg)}.chip.on .i{color:var(--bg)}
/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
.card{display:flex;flex-direction:column;min-width:0;background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh1);border:1px solid var(--line);transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.card .ph{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--soft)}
.card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.card:hover .ph img{transform:scale(1.04)}
.card .pr{position:absolute;inset-inline-start:8px;bottom:8px;background:var(--prbg);color:var(--text);font-weight:700;font-size:15px;padding:4px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.12);white-space:nowrap}
.card .cb{padding:10px 12px 12px}
.card .tt{font-size:14.5px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.card .mt{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12.5px;margin-top:6px;white-space:nowrap;overflow:hidden}
.card .mt .i{width:14px;height:14px}
.card .mt span{overflow:hidden;text-overflow:ellipsis}
.card .mt .dt{margin-inline-start:auto;flex:none}
.card.hl{border-color:var(--hlline);box-shadow:0 0 0 1.5px var(--hlline),var(--sh1)}
.card.sample .ph img{filter:saturate(.85)}
.noimg,.empty-ph{display:grid;place-items:center;width:100%;height:100%;color:var(--muted)}
.noimg .i,.empty-ph .i{width:54px;height:54px;stroke-width:1.2}
.bdg{position:absolute;inset-inline-start:8px;top:8px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;color:#fff;background:var(--brand);letter-spacing:.02em}
.info .bdg{position:static;display:inline-block;margin-bottom:8px}
.bdg.demo{background:rgba(29,27,25,.72)}.bdg.sold{background:rgba(29,27,25,.85)}.bdg.vip{background:var(--vip)}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 12px;background:var(--card);border:1px dashed var(--line);border-radius:var(--r)}.empty .btn{margin-top:14px}
.pager{display:flex;gap:10px;justify-content:center;margin:26px 0}
/* sections */
.sec{padding:36px 0}.sec h2{font-size:24px;margin:0 0 14px}
.sub{color:var(--muted);margin:-6px 0 18px}
.how{margin-top:24px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}
@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr);gap:16px}}
.steps li{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;font-weight:500}
.steps span{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--tint);color:var(--brandtx)}
.promo .wrap{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px 18px;box-shadow:var(--sh1)}
@media (min-width:760px){.promo .wrap{padding:40px 40px}}
.pgrid{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:760px){.pgrid{grid-template-columns:repeat(3,1fr);gap:14px}}
.pgrid li{border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:3px;background:var(--bg)}
.pgrid .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--brandtx);margin-bottom:6px}
.pgrid b{font-weight:600}.pgrid em{white-space:nowrap;font-style:normal;font-weight:700;color:var(--text);font-size:19px}.pgrid small{color:var(--muted);font-size:13px;line-height:1.4}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 16px;margin-bottom:8px}
.faq summary{cursor:pointer;font-weight:600;padding:15px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;margin-top:-4px}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.faq p{margin:0 0 16px;color:var(--muted)}.faq p a{color:var(--brandtx);font-weight:500}
.adm{margin-top:18px}
/* item */
.item{padding-top:16px}
.itg{display:grid;gap:20px}
@media (min-width:900px){.itg{grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}.info{position:sticky;top:80px}}
.gal{position:relative;border-radius:22px;overflow:hidden;background:var(--soft);box-shadow:var(--sh1)}
.gal.empty-ph{aspect-ratio:1/1}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.slides::-webkit-scrollbar{display:none}
.slides img{flex:none;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;scroll-snap-align:center;display:block}
.cnt{position:absolute;inset-inline-end:12px;bottom:12px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.info h1{font-size:clamp(23px,5vw,32px);line-height:1.2;margin:0 0 6px}
.price{font-size:30px;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}
.adno{margin:0 0 14px;color:var(--muted);font-size:15px;font-weight:600}
.adno b,.adno bdi{color:var(--text);font-weight:800}
.facts{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.facts li{display:flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;font-weight:500;font-size:14px;min-width:0}
.facts li .i{color:var(--brandtx);width:18px;height:18px}
.facts div{min-width:0}.facts span{display:block;color:var(--muted);font-weight:400;font-size:12px}
@media (max-width:420px){.facts li .i{display:none}}
.status{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px}
.status li{display:inline-flex;align-items:center;gap:6px;background:var(--tint);color:var(--brandtx);border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:500}
.status .i{width:16px;height:16px}
.note{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:13.5px;margin:10px 0}
.note .i{width:17px;height:17px;margin-top:1px}
.note.warn{background:var(--warnbg);color:var(--warntx);border-radius:14px;padding:12px 14px;font-weight:500}
.note.safe{background:var(--soft);border-radius:14px;padding:12px 14px}
.lnk{display:inline-flex;align-items:center;gap:6px;color:var(--brandtx);font-weight:500;margin:2px 0 8px}.lnk .i{width:18px;height:18px}
.desc{margin:14px 0;font-size:16px;line-height:1.65;padding-top:14px;border-top:1px solid var(--line)}
.own{margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}.own h2{font-size:18px;margin:0 0 2px}
.pbtns{display:grid;gap:8px;margin-top:12px}
.pbtn{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--bg);transition:border-color .15s,background .15s}
.pbtn:hover{border-color:var(--hov);background:var(--tint)}
.pbtn .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--brandtx);flex:none}
.pbtn .nm{flex:1;font-weight:600;font-size:14.5px;min-width:0}
.pbtn small{display:block;color:var(--muted);font-weight:400;font-size:12.5px}
.pbtn b{font-size:16px;white-space:nowrap;font-weight:700}
/* footer */
.ft{background:var(--ft);color:#d9d4ce;margin-top:40px;padding:36px 0 calc(22px + env(safe-area-inset-bottom));font-size:14px}
.ftgrid{display:grid;gap:24px}
@media (min-width:760px){.ftgrid{grid-template-columns:1.3fr 1fr 1.6fr}}
.ft b{color:#fff;font-weight:600}
.ft-brand{color:#fff;margin-bottom:6px}
.ft ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px 16px}
.ft ul a{color:#a9a29a}.ft ul a:hover{color:#fff}
.ft p{color:#a9a29a;margin:6px 0}
.ft .links{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.ft .links a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:500}.ft .links .i{width:18px;height:18px;color:#ffa94d}
.small{font-size:12.5px;border-top:1px solid #34302c;padding-top:16px;margin-top:24px!important}
bdi{unicode-bidi:isolate}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* ===================== v3 (2026-11-11): dark theme, simple mode, hero art, features, chat, near, voice post ===================== */
[data-theme=dark]{--bg:#141210;--card:#1d1a17;--soft:#27231f;--text:#f2eee9;--muted:#a69f97;--line:#332e29;--brand:#ff7a1a;--brand2:#ff8c33;--brandtx:#ffa45c;
 --tint:#2e2218;--tg:#2a9fd8;--vip:#9a7ff0;--hdr:rgba(20,18,16,.84);--hero1:#2a1d12;--heroline:#3a2c20;--hov:#6b4423;--prbg:rgba(20,18,16,.88);
 --warnbg:#33290f;--warntx:#f5d58a;--hlline:#7a4a1f;--ft:#0c0b0a;--sh1:0 1px 2px rgba(0,0,0,.4);--sh2:0 4px 18px rgba(0,0,0,.45);color-scheme:dark}
[data-theme=dark] .card.sample .ph img,[data-theme=dark] .gal img{filter:brightness(.92)}
[data-theme=dark] .bdg.demo{background:rgba(255,255,255,.18)}
body,.hd,.card,.tile,.chip,.sf,.steps li,.faq details,.own,.pbtn,.facts li{transition:background-color .25s,border-color .25s,color .25s}
/* header icon buttons */
.ib{flex:none;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0}
.ib .i{width:19px;height:19px}
.ib:hover{border-color:var(--hov)}
.ib .moon{display:none}[data-theme=dark] .ib .sun{display:none}[data-theme=dark] .ib .moon{display:grid}
.ib .sun,.ib .moon{display:grid}
[data-theme=dark] .ib .sun{display:none}
.ib .moon{display:none}
.simple .ib[data-act=simple]{background:var(--text);color:var(--bg);border-color:var(--text)}
.hdr{gap:8px}
@media (max-width:380px){.brand span{font-size:18px}.ib{width:34px;height:34px}.langs a{padding:5px 8px}}
/* hero art (real listing photos) */
.hero-in{display:grid;gap:22px;align-items:center;position:relative;z-index:1}
@media (min-width:900px){.hero-in{grid-template-columns:1.25fr 1fr;gap:40px}}
.hero-art{position:relative;height:200px;max-width:440px;width:100%;margin:4px auto 0}
@media (min-width:900px){.hero-art{height:340px}}
@media (max-width:899px){.hero-art{display:none}}
.hc{position:absolute;width:46%;aspect-ratio:1/1;border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(28,25,23,.18);background:var(--soft);border:4px solid var(--card);animation:float 7s ease-in-out infinite}
.hc img{width:100%;height:100%;object-fit:cover;display:block}
.hc .pr{position:absolute;inset-inline-start:8px;bottom:8px;background:var(--prbg);font-weight:700;font-size:14px;padding:3px 10px;border-radius:999px}
.hc0{inset-inline-start:4%;top:6%;transform:rotate(-5deg);z-index:2}
.hc1{inset-inline-end:2%;top:0;width:40%;transform:rotate(6deg);animation-delay:-2.3s}
.hc2{inset-inline-end:16%;bottom:0;width:42%;transform:rotate(-2deg);animation-delay:-4.6s;z-index:3}
.ill{display:grid;place-items:center;color:var(--brandtx);background:linear-gradient(140deg,var(--tint),var(--card))}
.ill .i{width:42%;height:42%;stroke-width:1.3}
.ill1{background:linear-gradient(140deg,#e7f0ff,var(--card));color:#3b6fd8}.ill2{background:linear-gradient(140deg,#e9f8ef,var(--card));color:#2f9e44}
[data-theme=dark] .ill1{background:linear-gradient(140deg,#17243b,var(--card));color:#7ea6ff}[data-theme=dark] .ill2{background:linear-gradient(140deg,#14291d,var(--card));color:#69db7c}
.blob{position:absolute;border-radius:50%;filter:blur(30px);opacity:.55;z-index:0}
.b1{width:180px;height:180px;background:#ffd8a8;inset-inline-end:20%;top:20%}.b2{width:120px;height:120px;background:#ffc9c9;inset-inline-start:10%;bottom:4%}
[data-theme=dark] .blob{opacity:.18}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.cta{flex-direction:row;flex-wrap:wrap;align-items:center}
.cta small{flex-basis:100%}
.btn.ghost.big{padding:14px 20px}
/* reveal */
.rv{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.rv.in{opacity:1;transform:none}
/* features */
.feats{padding-top:30px;padding-bottom:6px}
.fgrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:640px){.fgrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.fgrid{grid-template-columns:repeat(5,1fr);gap:14px}}
.fgrid li>*{display:flex;gap:12px;align-items:center;height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-weight:500;font-size:14.5px;transition:border-color .15s,transform .15s,box-shadow .15s}
.fgrid li>a:hover{border-color:var(--hov);transform:translateY(-2px);box-shadow:var(--sh2)}
.fgrid .ic{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--tint);color:var(--brandtx)}
@media (min-width:980px){.fgrid li>*{flex-direction:column;align-items:flex-start;padding:18px}}
/* tiles: nicer */
.tile{background:linear-gradient(180deg,var(--card),var(--card))}
.tile:hover .ti{transform:scale(1.06) rotate(-3deg)}
.ti{transition:transform .2s;background:linear-gradient(140deg,var(--tint),transparent 120%)}
/* item extras */
.trustb{display:inline-flex;align-items:center;gap:6px;margin:0 6px 8px;padding:3px 10px;border-radius:999px;background:rgba(47,158,68,.12);color:var(--ok);font-size:12.5px;font-weight:600}
[data-theme=dark] .trustb{color:#69db7c}
.trustb .i{width:15px;height:15px}
.phint{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:14px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.phint b{display:block;font-weight:600}.phint span{color:var(--muted)}.phint .i{color:var(--brandtx);margin-top:2px}
.btn.wa{background:var(--wa);color:#073b1c;width:100%;margin-top:8px;box-shadow:0 6px 16px rgba(37,211,102,.25)}
.btn.wa .i{width:20px;height:20px}
.trbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}
.trbar .chip{cursor:pointer;font:inherit;font-size:13.5px;padding:6px 12px}
.trbar .busy{opacity:.6}
.trn{color:var(--muted);font-size:12.5px;flex-basis:100%}
.rep{font-size:13.5px;color:var(--muted)}
.note.safe a{color:var(--brandtx);font-weight:500}
/* chat */
.chat{margin:26px 0 6px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--sh1);max-width:760px}
.chat-h{display:flex;gap:12px;align-items:flex-start}.chat-h>.i{width:42px;height:42px;padding:10px;border-radius:13px;background:var(--tint);color:var(--brandtx);box-sizing:border-box}
.chat-h h2{margin:0;font-size:19px}.chat-h p{margin:2px 0 0;color:var(--muted);font-size:14px}
.scam{display:flex;gap:8px;align-items:flex-start;background:var(--warnbg);color:var(--warntx);border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:500;margin:14px 0 10px}
.scam .i{width:17px;height:17px;margin-top:1px}
.msgs{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding:4px 2px;margin-bottom:10px}
.m{max-width:85%;padding:8px 12px;border-radius:16px;font-size:15px;line-height:1.45;white-space:pre-wrap}
.m b{display:block;font-size:11.5px;font-weight:600;opacity:.75;margin-bottom:1px}
.m.buyer{align-self:flex-end;background:var(--brand);color:#fff;border-end-end-radius:5px}
.m.seller{align-self:flex-start;background:var(--soft);border-end-start-radius:5px}
.m.system{align-self:center;background:transparent;color:var(--muted);font-size:13px}
.qrs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.qrs .chip{cursor:pointer;font:inherit;font-size:13.5px;padding:7px 12px}
.chat-f input,.chat-f textarea,.vpost input,.vpost textarea,.vpost select{font:inherit;color:var(--text);background:var(--soft);border:1px solid transparent;border-radius:14px;padding:11px 14px;width:100%;outline:0}
.chat-f input:focus,.chat-f textarea:focus,.vpost input:focus,.vpost textarea:focus,.vpost select:focus{border-color:var(--hov);background:var(--card)}
.chat-f input[name=name]{margin-bottom:8px;max-width:320px}
.chat-f .row{display:flex;gap:8px;align-items:stretch}.chat-f textarea{resize:vertical;min-height:52px}
.chat-f .btn{flex:none}
@media (max-width:420px){.chat-f .btn span{display:none}}
.chat-st{min-height:1.2em;color:var(--muted);font-size:13.5px;margin:8px 0 4px}
.hpf{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;opacity:0}
/* near me */
.near-act{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.btn.busy{opacity:.65;pointer-events:none}
.map{height:360px;border-radius:20px;overflow:hidden;border:1px solid var(--line);margin:16px 0 6px;z-index:0}
.small-note{color:var(--muted);font-size:12.5px}.small-note a{color:var(--brandtx)}
.dist{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--brandtx);margin-bottom:2px}.dist .i{width:13px;height:13px}
/* pages */
.page{padding-bottom:20px}.page h2{font-size:21px;margin:26px 0 10px;display:flex;gap:8px;align-items:center}
.tips{list-style:none;padding:0;margin:8px 0;display:grid;gap:10px}
.tips li{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-weight:500}
.tips .n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--brandtx);font-weight:700}
ul.how{list-style:none;padding:0;margin:0;display:grid;gap:8px}ul.how li{display:flex;gap:8px;align-items:flex-start}ul.how .i{color:var(--ok);flex:none;margin-top:3px}
/* voice post */
.vpost{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--sh1)}
.vpost label{display:grid;gap:6px;font-weight:600;font-size:14.5px}
.vin{position:relative;display:block}.vin input,.vin textarea{padding-inline-end:54px}
.mic{position:absolute;inset-inline-end:6px;top:6px;width:40px;height:40px;border-radius:12px;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer}
.mic.rec{background:#e03131;animation:pulse 1.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,49,49,.5)}100%{box-shadow:0 0 0 12px rgba(224,49,49,0)}}
.vpost .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vpost select{appearance:none;-webkit-appearance:none;min-height:46px}
.mic-st{min-height:1.2em;color:var(--brandtx);font-weight:600;margin:0}
/* ===== simple mode: large text, high contrast, big buttons ===== */
.simple body{font-size:19px;line-height:1.6}
.simple{--muted:#3d3833;--line:#bdb6ae;--brandtx:#9a3412}
.simple[data-theme=dark]{--muted:#d7d1ca;--line:#5c544c;--brandtx:#ffb380;--text:#fff;--bg:#000;--card:#111}
.simple .btn{min-height:54px;font-size:18px;padding:14px 22px}
.simple .btn.sm{min-height:44px;font-size:16px}
.simple .chip{font-size:17px;padding:11px 18px}
.simple .card .tt{font-size:17.5px;font-weight:600;-webkit-line-clamp:3}
.simple .card .mt{font-size:15px}
.simple .card .pr{font-size:18px}
.simple .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:520px){.simple .grid{grid-template-columns:1fr}}
.simple .desc{font-size:19px}
.simple .note,.simple .scam,.simple .phint{font-size:16.5px}
.simple .facts li{font-size:16px}.simple .facts span{font-size:14px}
.simple .hero h1{font-size:clamp(30px,8vw,48px)}
.simple .sf input,.simple .sf select{min-height:58px;font-size:18px}
.simple .m{font-size:17.5px}
.simple .hc,.simple .blob,.simple .rv{animation:none}
.simple .rv{opacity:1;transform:none}
.simple .tile{font-size:16px}
.simple .ib{width:44px;height:44px}
.simple a:not(.btn):not(.chip):not(.card):not(.tile):not(.brand):not(.pbtn):not(.hc){text-decoration:underline}
@media (prefers-reduced-motion:reduce){.hc,.mic.rec{animation:none}.rv{opacity:1;transform:none}}
/* manual payment (card / other) via admin WhatsApp — 2026-11-11 */
.mpay{margin-top:22px;border:1px solid var(--line);border-radius:var(--r);padding:18px;background:var(--bg)}
.mpay h2{display:flex;gap:10px;align-items:center;font-size:19px;margin:0 0 4px}.mpay h2 .i{color:var(--brandtx);flex:none}
.mplist{list-style:none;padding:0;margin:12px 0 14px;display:grid;grid-template-columns:1fr;gap:6px}
@media (min-width:640px){.mplist{grid-template-columns:repeat(2,1fr);column-gap:18px}}
@media (min-width:980px){.mpay:not(.cmp) .mplist{grid-template-columns:repeat(4,1fr)}}
.mplist li{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:14.5px}
.mplist b{font-weight:700;white-space:nowrap}
.mpay .btn.wa{max-width:420px}
.mpay.cmp{margin-top:16px;padding:14px}.mpay.cmp h2{font-size:16.5px}.mpay.cmp .mplist{grid-template-columns:1fr}
.simple .mplist li{font-size:17px}
@media (min-width:900px){.hero-in .sf{grid-template-columns:1fr 1fr auto}.hero-in .sf .q{grid-column:1/-1}.hero-in .sf .go{grid-column:auto}}
html,body{overflow-x:clip}
.lnk svg{width:18px;height:18px;flex:none;fill:currentColor}.lnk .i{fill:none}
.item>.own{max-width:760px}
.btn .i[stroke]{fill:none!important}
.bitnote{display:flex;gap:8px;align-items:flex-start;background:var(--tint);color:var(--text);border-radius:12px;padding:12px 14px;font-size:14.5px;font-weight:500;margin:0 0 14px}
.bitnote span{white-space:pre-line}
.bitnote .i{color:var(--brandtx);flex:none;margin-top:2px}.bitnote b{font-size:15.5px;white-space:nowrap}
.simple .bitnote{font-size:17px}

/* 23:13 manual pay: Telegram primary + WhatsApp */
.mpbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.mpbtns .btn{flex:1 1 240px;max-width:420px;margin-top:0;width:auto}

/* =====================================================================================================
   v4 "Mediterranean" redesign (PREVIEW 2026-11-11): Israeli blue + sea turquoise + warm sand, orange CTA
   from the logo. Same markup/classes as v3 (+ a few new hooks). No new libraries, no web fonts added. */
:root{--bg:#f7f5f0;--card:#fff;--soft:#eef1f6;--text:#0f1b2d;--muted:#566175;--line:#e2e6ee;--sea:#0b4fc4;--sea2:#0891b2;--seatx:#0a46ad;
 --seatint:#e9f0ff;--tint:#fff1e6;--hov:#b9cdf5;--hdr:rgba(255,255,255,.82);--ft:#0a1830;--gold:#c99a2e;--goldtx:#8a6410;--goldtint:#fff6dc;
 --hlline:#ffb27a;--r:20px;--sh1:0 1px 2px rgba(15,27,45,.05),0 1px 3px rgba(15,27,45,.04);--sh2:0 4px 10px rgba(15,27,45,.05),0 16px 34px rgba(15,27,45,.09);
 --hero-a:#0a3a8c;--hero-b:#0b56cf;--hero-c:#0a8fb0}
[data-theme=dark]{--bg:#0a1120;--card:#111b2e;--soft:#18243a;--text:#edf2fa;--muted:#9fabbf;--line:#23314b;--sea:#6aa3ff;--sea2:#22c3e6;--seatx:#8db8ff;
 --seatint:#14233f;--tint:#2a1c12;--hov:#33507f;--hdr:rgba(10,17,32,.82);--ft:#060c18;--gold:#e0b84f;--goldtx:#f0cf78;--goldtint:#2a2310;--hlline:#a3561f;
 --prbg:rgba(10,17,32,.9);--sh1:0 1px 2px rgba(0,0,0,.45);--sh2:0 6px 22px rgba(0,0,0,.5);--hero-a:#071a3d;--hero-b:#0a3a8c;--hero-c:#0b5d72}
body{background:var(--bg)}
h1,h2,h3{letter-spacing:-.02em}
/* header */
.hd{transition:box-shadow .2s,background-color .25s}
.hd.sc{box-shadow:0 6px 24px rgba(15,27,45,.08)}
.brand span{background:linear-gradient(90deg,var(--sea),var(--sea2));-webkit-background-clip:text;background-clip:text;color:transparent}
.langs a.on{color:var(--seatx)}
/* hero */
.hero.v4{padding:14px 0 0}
.hero.v4 .wrap{position:relative;overflow:hidden;isolation:isolate;border:0;border-radius:30px;color:#fff;
 background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.14),transparent 55%),linear-gradient(150deg,var(--hero-a) 0%,var(--hero-b) 55%,var(--hero-c) 100%);
 box-shadow:0 20px 50px -18px rgba(11,79,196,.45);padding:26px 18px 78px}
.hero.v4 .wrap::after{display:none}
@media (min-width:760px){.hero.v4{padding-top:24px}.hero.v4 .wrap{padding:52px 46px 92px}}
.hero.v4 h1{color:#fff;text-wrap:balance}
.hero.v4 .hero-tx>p:not(.kick){color:rgba(255,255,255,.88)}
.kick{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px!important;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);
 border:1px solid rgba(255,255,255,.22);color:#fff!important;font-size:13px!important;font-weight:600;backdrop-filter:blur(6px)}
.kick .dot{width:8px;height:8px;border-radius:50%;background:#7ee8fa;box-shadow:0 0 0 0 rgba(126,232,250,.7);animation:ping 2.4s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(126,232,250,.6)}70%,100%{box-shadow:0 0 0 9px rgba(126,232,250,0)}}
.waves{position:absolute;inset:auto 0 0 0;width:100%;height:110px;fill:#fff;z-index:-1;pointer-events:none}
.hsun{position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;inset-inline-start:-60px;top:-70px;
 background:radial-gradient(closest-side,rgba(255,190,92,.55),rgba(255,190,92,0));pointer-events:none}
.hero.v4 .sf{border:0;box-shadow:0 14px 40px -10px rgba(4,20,60,.45)}
.hero.v4 .trust{color:rgba(255,255,255,.9)}.hero.v4 .trust .i{color:#7ee8a3}
.hero.v4 .cta small{color:rgba(255,255,255,.78)}
.hero.v4 .btn.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(6px)}
.hero.v4 .btn.ghost:hover{background:rgba(255,255,255,.2)}
.hero.v4 .btn.post{box-shadow:0 10px 24px -6px rgba(247,103,7,.65)}
.hero.v4 .hc{border-color:rgba(255,255,255,.9);box-shadow:0 22px 44px -12px rgba(2,12,40,.55)}
.hero.v4 .blob{opacity:.35}.hero.v4 .b1{background:#7ee8fa}.hero.v4 .b2{background:#ffb27a}
.btn.go{background:var(--sea);color:#fff}.btn.go:hover{background:var(--seatx)}
[data-theme=dark] .btn.go{background:#2f6fe0}
.sf .q:focus-within,.sf select:focus{box-shadow:0 0 0 2px var(--sea) inset}
/* small hero (city/category/search pages) */
.hero.sm .wrap{position:relative}
.hero.sm h1{background:linear-gradient(90deg,var(--text),var(--seatx));-webkit-background-clip:text;background-clip:text;color:transparent}
.bc a{color:var(--seatx)}
/* category tiles: one colour per category, real counts */
.tiles-w{position:relative;z-index:2;margin-top:-40px}
@media (min-width:760px){.tiles-w{margin-top:-58px}}
.tiles-w>.lh:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tiles{gap:10px}
.tile{--c:#0b4fc4;--ct:#e9f0ff;padding:14px 6px 12px;gap:6px;border:1px solid var(--line);box-shadow:var(--sh2);background:var(--card)}
.tile .ti{background:var(--ct);color:var(--c);border-radius:15px;width:48px;height:48px}
.tile .tn{font-weight:600;font-size:13.5px;line-height:1.2}
.tile .tc{color:var(--muted);font-size:11.5px;font-weight:500}
.tile:hover{border-color:var(--c);transform:translateY(-3px)}
.tile:hover .ti{transform:scale(1.08) rotate(-4deg)}
.t-job{--c:#0b4fc4;--ct:#e6efff}.t-housing{--c:#0e8a6a;--ct:#e2f6ef}.t-sell{--c:#e8590c;--ct:#ffefe3}.t-buy{--c:#7048e8;--ct:#efeaff}
.t-services{--c:#0a8fb0;--ct:#e0f5fa}.t-auto{--c:#d6336c;--ct:#ffe8ef}.t-misc{--c:#a07400;--ct:#fff3d1}
[data-theme=dark] .t-job{--c:#8db8ff;--ct:#15264a}[data-theme=dark] .t-housing{--c:#5fd3ae;--ct:#0f2c25}[data-theme=dark] .t-sell{--c:#ff9a57;--ct:#33200f}
[data-theme=dark] .t-buy{--c:#b39dff;--ct:#221a42}[data-theme=dark] .t-services{--c:#5fd6f0;--ct:#0d2a33}[data-theme=dark] .t-auto{--c:#ff8db3;--ct:#3a1525}
[data-theme=dark] .t-misc{--c:#f0c95a;--ct:#2e2610}
@media (max-width:759px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tile:nth-child(n+5){}}
/* city chips */
.chip{transition:border-color .15s,background .15s,transform .15s}
.chip:hover{border-color:var(--sea);transform:translateY(-1px)}
.chip .i{color:var(--sea)}
.chip.on{background:var(--sea);border-color:var(--sea);color:#fff}.chip.on .i{color:#fff}
/* section headings with an accent */
.lh,.sec h2{position:relative}
.wrap>.lh:not(.sm)::after,.sec h2::after{content:"";display:block;width:44px;height:4px;border-radius:4px;margin-top:8px;background:linear-gradient(90deg,var(--sea),var(--sea2))}
.lh.sm{color:var(--muted)}
/* listing cards */
.grid{gap:12px}
@media (min-width:640px){.grid{gap:18px}}
.card{border-radius:20px;border-color:var(--line);box-shadow:var(--sh1)}
.card:hover{box-shadow:var(--sh2);transform:translateY(-3px);border-color:var(--hov)}
.card .ph{aspect-ratio:1/1;background:linear-gradient(140deg,var(--soft),var(--seatint))}
.card .ph::after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(0deg,rgba(5,15,35,.35),transparent);pointer-events:none}
.card .pr{z-index:1;background:var(--card);color:var(--text);font-size:15.5px;font-weight:800;padding:5px 11px;border-radius:12px;box-shadow:0 6px 16px -4px rgba(5,15,35,.35)}
.card .cb{padding:11px 12px 13px}
.card .tt{font-weight:600}
.card .mt .i{color:var(--sea)}
.bdg{display:inline-flex;align-items:center;gap:4px;z-index:1;font-weight:700;border-radius:9px;padding:4px 9px;box-shadow:0 4px 12px -2px rgba(0,0,0,.25)}
.bdg .i{width:13px;height:13px;stroke-width:2.2}
.bdg.top{background:linear-gradient(135deg,#ff922b,#f76707)}
.bdg.vip{background:linear-gradient(135deg,#f5d27a,#c99a2e);color:#3d2a00}
.card.hl{border-color:var(--hlline);box-shadow:0 0 0 1.5px var(--hlline),0 12px 28px -12px rgba(247,103,7,.45)}
.card.vip{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 14px 30px -12px rgba(201,154,46,.55);background:linear-gradient(180deg,var(--card) 60%,var(--goldtint))}
.card.sold .ph img{filter:grayscale(.7) brightness(.95)}
/* empty state */
.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 16px;border:1.5px dashed var(--hov);background:linear-gradient(180deg,var(--card),var(--seatint))}
.empty p{margin:0;font-weight:500;color:var(--text);max-width:420px}
.eart{width:150px;height:112px;margin-bottom:4px}
.eart .e0{fill:rgba(11,79,196,.10)}.eart .e1{fill:var(--card);stroke:var(--sea);stroke-width:2.5;stroke-linejoin:round}
.eart .e2{fill:none;stroke:var(--sea);stroke-width:2.5;stroke-linejoin:round}.eart .e3{fill:var(--tint);stroke:var(--brand);stroke-width:2.5;stroke-linejoin:round}
.eart .e4{fill:var(--sea2)}.eart .e5{stroke:#f59f00;stroke-width:2.5;stroke-linecap:round}
@media (prefers-reduced-motion:no-preference){.eart{animation:float 5s ease-in-out infinite}}
/* features ("easier and safer") + how it works */
.feats h2{margin-bottom:18px}
.fgrid li>*{border-radius:20px;background:var(--card);box-shadow:var(--sh1)}
.fgrid li:nth-child(1) .ic{background:#e6efff;color:#0b4fc4}.fgrid li:nth-child(2) .ic{background:#e2f6ef;color:#0e8a6a}
.fgrid li:nth-child(3) .ic{background:#ffefe3;color:#e8590c}.fgrid li:nth-child(4) .ic{background:#efeaff;color:#7048e8}
.fgrid li:nth-child(5) .ic{background:#e0f5fa;color:#0a7f9c}
[data-theme=dark] .fgrid .ic{background:var(--soft)!important;color:var(--seatx)!important}
.steps{counter-reset:st}
.steps li{position:relative;counter-increment:st;border-radius:20px;padding:18px 16px;box-shadow:var(--sh1)}
.steps li span{background:linear-gradient(140deg,var(--sea),var(--sea2));color:#fff;border-radius:16px}
.steps li::before{content:counter(st);position:absolute;inset-inline-end:14px;top:10px;font-size:34px;font-weight:800;color:var(--seatint);line-height:1}
[data-theme=dark] .steps li::before{color:#1c2c4a}
/* promo + pay */
.promo .wrap{border-radius:30px;background:linear-gradient(180deg,var(--card),var(--card) 70%,var(--seatint));box-shadow:var(--sh2)}
.pgrid li{background:var(--card);transition:transform .15s,border-color .15s}
.pgrid li:hover{transform:translateY(-2px);border-color:var(--hov)}
.pgrid li:nth-child(4) .ic,.pgrid li:nth-child(5) .ic{background:var(--goldtint);color:var(--goldtx)}
.mpay{background:var(--card);border-radius:22px}
.mpay h2::after{display:none}
.mplist li{transition:border-color .15s}.mplist li:hover{border-color:var(--hov)}
.mplist b{color:var(--seatx)}
/* faq */
.faq details{border-radius:16px;transition:border-color .15s,box-shadow .15s}
.faq details[open]{border-color:var(--hov);box-shadow:var(--sh1)}
/* item page accents */
.price{color:var(--seatx)}
.facts li .i{color:var(--sea)}
.status li{background:var(--seatint);color:var(--seatx)}
/* footer */
.ft{position:relative;margin-top:56px;background:linear-gradient(180deg,var(--ft),#071022);padding-top:30px}
.ftw{position:absolute;top:-39px;inset-inline:0;width:100%;height:40px;fill:var(--ft)}
.ft .links .i{color:#7ee8fa}
.ft-brand span{background:none;color:#fff}
.small{border-top-color:rgba(255,255,255,.1)}
/* simple mode keeps high contrast on the blue hero */
.simple .hero.v4 .hero-tx>p:not(.kick),.simple .hero.v4 .trust,.simple .hero.v4 .cta small{color:#fff}
.simple .kick .dot,.simple .eart{animation:none}
@media (prefers-reduced-motion:reduce){.kick .dot{animation:none}}
.steps li{padding-inline-end:48px}.steps li::before{font-size:28px;top:auto;bottom:10px}
.hero.v4 .hc .pr{color:var(--text);font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.2)}
/* ---- v4b: home must hook on a phone: headline + search + colourful category chips + CTA, latest listings right below ---- */
.hchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px -18px 0;padding:2px 18px 4px;scroll-snap-type:x proximity}
.hchips::-webkit-scrollbar{display:none}
.hchip{--c:#0b4fc4;--ct:#e6efff;flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:7px;padding:9px 14px 9px 12px;border-radius:999px;
 background:#fff;color:#0f1b2d;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 6px 16px -6px rgba(2,12,40,.45);transition:transform .15s}
.hchip .i{width:18px;height:18px;color:var(--c);background:var(--ct);border-radius:8px;padding:3px;box-sizing:content-box}
.hchip:hover,.hchip:focus-visible{transform:translateY(-2px)}
.hchip:active{transform:scale(.96)}
[data-theme=dark] .hchip{background:#13213d;color:#edf2fa}
@media (prefers-reduced-motion:no-preference){.hchips .hchip{animation:chipin .5s both}.hchips .hchip:nth-child(2){animation-delay:.05s}.hchips .hchip:nth-child(3){animation-delay:.1s}
 .hchips .hchip:nth-child(4){animation-delay:.15s}.hchips .hchip:nth-child(5){animation-delay:.2s}.hchips .hchip:nth-child(6){animation-delay:.25s}.hchips .hchip:nth-child(7){animation-delay:.3s}}
@keyframes chipin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lh.live{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lh.live::after{flex-basis:100%;margin-top:2px}
.lh.live small{font-size:13px;font-weight:600;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.ldot{width:10px;height:10px;border-radius:50%;background:#2fb344;box-shadow:0 0 0 0 rgba(47,179,68,.55);animation:ping2 2.2s infinite}
@keyframes ping2{0%{box-shadow:0 0 0 0 rgba(47,179,68,.5)}70%,100%{box-shadow:0 0 0 8px rgba(47,179,68,0)}}
.chips.cities{margin-top:0}
@media (max-width:759px){
 .hero.v4{padding-top:10px}
 .hero.v4 .wrap{padding:18px 18px 34px;border-radius:26px}
 .hero.v4 .kick{font-size:12px!important;padding:4px 10px;margin-bottom:10px!important}
 .hero.v4 h1{font-size:clamp(27px,7.6vw,34px);margin-bottom:6px}
 .hero.v4 .hero-tx>p:not(.kick){font-size:15.5px;margin-bottom:14px}
 .hero.v4 .sf{grid-template-columns:1fr auto;padding:6px;border-radius:18px;gap:6px}
 .hero.v4 .sf .q{grid-column:auto;min-width:0}
 .hero.v4 .sf select{display:none}
 .hero.v4 .sf .go{grid-column:auto;padding:0 18px;min-height:48px}
 .hero.v4 .sf input{min-height:48px}
 .hero.v4 .trust{display:none}
 .hero.v4 .cta{margin-top:14px;gap:8px}
 .hero.v4 .cta .btn.post{flex:1 1 auto;padding:14px 18px}
 .hero.v4 .cta .btn.ghost{padding:14px;flex:none}
 .hero.v4 .cta .btn.ghost span,.hero.v4 .cta small{display:none}
 .waves{height:60px}
 .tiles-w{display:none}
 .wrap>.lh.live:first-child,.hero.v4+.tiles-w+.wrap>.lh{margin-top:18px}
}
@media (min-width:760px){.hchips{display:none}}
.simple .hchip{font-size:17px;padding:12px 16px}.simple .hchips .hchip,.simple .ldot{animation:none}
.hero-in{grid-template-columns:minmax(0,1fr)}.hero-tx{min-width:0}
@media (min-width:900px){.hero-in{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.lh.live::after{display:none}
.lh.live{margin-bottom:14px}
.wrap>.lh.live::after{display:none}
@media (max-width:759px){
 .hero.v4 .kick{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex}
 .hero.v4 .cta{flex-wrap:nowrap}
 [lang=ru] .hero.v4 h1,[lang=en] .hero.v4 h1{font-size:clamp(25px,7vw,31px)}
}

/* =========================== v5 (PREVIEW): ideas from COMPETITOR_RESEARCH.md =========================== */
/* hero: one short line, big search + city, colourful category row, big free-post button */
.hero.v4 .kick{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%}
.hero.v4 h1{font-size:clamp(28px,7.6vw,50px)}
@media (min-width:760px){.hero.v4 .wrap{padding:30px 40px 70px}.hero.v4 h1{margin-bottom:6px}.hero.v4 .hero-tx>p:not(.kick){margin-bottom:14px}
 .hero.v4 .cta{margin-top:12px}.hero.v4 .trust{margin-top:10px}.hero-art{height:270px!important}}
@media (min-width:760px){.tiles-w{margin-top:-46px}.tile{flex-direction:row;justify-content:center;gap:10px;padding:10px 8px}.tile .ti{width:40px;height:40px;border-radius:12px}
 .tile .ti .i{width:21px;height:21px}.tile .tc{display:none}.tiles{gap:10px}}
@media (min-width:760px){.wrap>.lh.live:first-child{margin-top:16px}}
@media (max-width:759px){
 .hero.v4 .sf{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
 .hero.v4 .sf .q{grid-column:1/-1}
 .hero.v4 .sf select[name=city]{display:block;min-height:46px}
 .hero.v4 .sf select[name=cat]{display:none}
 .hero.v4 .sf .go{min-height:46px}
 .hero.v4 .kick{font-size:11.5px!important}
 [lang=ru] .hero.v4 h1,[lang=en] .hero.v4 h1{font-size:clamp(24px,6.8vw,30px)}
}
/* listing cards: same 1:1 photo, large price under it, city + relative time, save heart */
.card{position:relative}
.card .ca{display:flex;flex-direction:column;flex:1;color:inherit;min-width:0}
.card .ph::after{height:30%}
.card .cb .pr{position:static;background:none;box-shadow:none;padding:0;border-radius:0;font-size:19px;font-weight:800;color:var(--text);margin:0 0 2px;letter-spacing:-.01em}
.card .cb .pr bdi{display:inline-block}
.card .tt{min-height:2.7em;font-weight:500;color:var(--text)}
.card .mt{margin-top:8px}
.card .mt .dt{font-weight:500}
.fav{position:absolute;z-index:2;inset-inline-end:8px;top:8px;width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;
 background:rgba(255,255,255,.92);color:#0f1b2d;box-shadow:0 4px 12px -2px rgba(5,15,35,.35);transition:transform .15s,color .15s}
.fav .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.fav:hover{transform:scale(1.08)}.fav.on{color:#e03131}.fav.on .i{fill:currentColor}
.fav.pop{animation:favpop .4s ease}
@keyframes favpop{0%{transform:scale(1)}40%{transform:scale(1.3)}100%{transform:scale(1)}}
[data-theme=dark] .fav{background:rgba(10,17,32,.85);color:#edf2fa}[data-theme=dark] .fav.on{color:#ff6b6b}
.bdg{inset-inline-start:8px}
.bdg.new{background:linear-gradient(135deg,#2fb344,#0e8a6a)}
/* header favourites */
.favl{position:relative}.favl .i{fill:none;stroke:currentColor;stroke-width:2}
.favl .fc{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;border-radius:9px;background:#e03131;color:#fff;font-size:11px;line-height:18px;text-align:center;padding:0 4px}
@media (max-width:759px){.hdr .favl{display:none}}
/* trust / safety strip (Yad2 scams via WhatsApp, ISOC-IL; OfferUp meetup tips) */
.safestrip{display:flex;align-items:center;gap:10px;margin:-4px 0 14px;padding:10px 14px;border-radius:14px;background:var(--seatint);color:var(--text);font-size:13.5px;line-height:1.35}
.safestrip>.i{flex:none;color:#0e8a6a;width:22px;height:22px}
.safestrip span{flex:1;min-width:0}.safestrip b{font-weight:700}
.safestrip em{flex:none;font-style:normal;font-weight:600;color:var(--seatx);white-space:nowrap}
@media (max-width:520px){.safestrip em{display:none}}
/* mobile bottom bar: Home · Saved · + Post (centre) · Near me · Safety (OLX / Wallapop / OfferUp) */
.bbar{display:none}
@media (max-width:759px){
 .bbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;z-index:20;inset:auto 0 0 0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));
  background:var(--hdr);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-top:1px solid var(--line)}
 .bbar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:600;color:var(--muted);padding:4px 0;min-height:44px;justify-content:center}
 .bbar a .i{width:22px;height:22px;fill:none;stroke:currentColor}
 .bbar .bpost b{display:grid;place-items:center;width:50px;height:50px;margin-top:-26px;border-radius:18px;background:var(--brand);color:#fff;font-size:30px;font-weight:500;line-height:1;
  box-shadow:0 10px 22px -6px rgba(247,103,7,.6);border:3px solid var(--bg)}
 .bbar .bpost{color:var(--brandtx)}
 body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
 .ft{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
}
.simple .bbar a{font-size:13px}.simple .fav{width:46px;height:46px}
@media (max-width:759px){
 .hero.v4 .kick,.hero.v4 .hero-tx>p:not(.kick){display:none!important}
 .hero.v4 .wrap{padding-top:20px;padding-bottom:30px}
 .hero.v4 h1{margin-bottom:14px}
 .hero.v4 .cta .btn.ghost{display:none}
 .hero.v4 .cta .btn.post{width:100%}
 .safestrip{padding:8px 12px;font-size:13px}
 .safestrip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .safestrip span .rest{display:none}
}
/* Maxim 00:03: eye-catching hero pill — gradient border + soft glow + gentle shimmer (off with reduced motion) */
.hero.v4 .kick{position:relative;overflow:hidden!important;isolation:isolate;gap:8px;padding:7px 14px!important;border:1.5px solid transparent;
 background:linear-gradient(rgba(8,30,80,.55),rgba(8,30,80,.55)) padding-box,linear-gradient(90deg,#ffd43b,#7ee8fa,#ff922b,#ffd43b) border-box;
 box-shadow:0 0 0 1px rgba(255,255,255,.06),0 6px 22px -4px rgba(126,232,250,.55);font-size:13.5px!important;font-weight:700;letter-spacing:.005em;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.hero.v4 .kick bdi{white-space:nowrap}
.hero.v4 .kick::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%)}
@media (prefers-reduced-motion:no-preference){.hero.v4 .kick::after{animation:shimmer 3.8s ease-in-out 1s infinite}}
@keyframes shimmer{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
[data-theme=dark] .hero.v4 .kick{background:linear-gradient(rgba(4,12,32,.7),rgba(4,12,32,.7)) padding-box,linear-gradient(90deg,#ffd43b,#7ee8fa,#ff922b,#ffd43b) border-box}
.simple .hero.v4 .kick::after{display:none}
@media (max-width:759px){.hero.v4 .kick{display:inline-flex!important;flex-wrap:wrap;justify-content:center;font-size:12px!important;padding:5px 12px!important;margin-bottom:10px!important;white-space:normal!important;max-width:100%}}
.hero.v4 .kick{background:linear-gradient(135deg,#0c3a93,#0a4fbf) padding-box,linear-gradient(90deg,#ffd43b,#7ee8fa,#ff922b,#ffd43b) border-box}
[data-theme=dark] .hero.v4 .kick{background:linear-gradient(135deg,#081a40,#0a2f72) padding-box,linear-gradient(90deg,#ffd43b,#7ee8fa,#ff922b,#ffd43b) border-box}
/* ===== PHASE 1 (2026-11-12, SITE_P1=1): compact hero, search filters + suggest, CTA card, share, recently viewed, mobile taps ===== */
[data-p1] .p1h.hero.v4{padding-top:12px}
[data-p1] .p1h.hero.v4 .wrap{padding:24px 36px 40px}
[data-p1] .p1h.hero.v4 h1{font-size:clamp(26px,4.2vw,44px);margin-bottom:6px}
[data-p1] .p1h .hsub{margin-bottom:14px!important}
[data-p1] .p1h .hero-art{height:230px!important}
[data-p1] .p1h .cta{margin-top:12px}
[data-p1] .p1h .waves{height:44px}
.p1vh{display:flex;align-items:center;gap:6px;margin:8px 0 0!important;font-size:13.5px!important;color:rgba(255,255,255,.82)!important}
.p1vh .i{width:16px;height:16px;flex:none}
/* search form: q | city cat price go */
.p1sf{grid-template-columns:1fr 1fr!important;grid-template-areas:"q q" "city cat" "pf pf" "go go" "rs rs"}
.p1sf .p1q{grid-area:q;position:relative;min-width:0}
.p1sf .p1q .q{height:100%}
.p1sf select[name=city]{grid-area:city;display:block!important}
.p1sf select[name=cat]{grid-area:cat;display:block!important}
.p1sf .p1pf{grid-area:pf;display:flex;align-items:center;gap:8px;background:var(--soft);border-radius:14px;padding:0 12px;min-height:50px;min-width:0}
.p1pl{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;white-space:nowrap}.p1pl .i{width:17px;height:17px}
.p1pr{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.p1pr input{background:var(--card)!important;border-radius:10px!important;min-height:38px!important;padding:0 10px!important;text-align:center;font-size:15px}
.p1pr span{color:var(--muted)}
.p1sf .go{grid-area:go;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.p1sf .go svg{width:20px;height:20px;fill:currentColor}
.p1ft{display:none;position:relative;border:0;background:var(--soft);color:var(--text);border-radius:14px;width:50px;min-height:50px;cursor:pointer;place-items:center}
.p1ft .i{width:22px;height:22px}
.p1ft .fdot{position:absolute;top:9px;inset-inline-end:9px;width:9px;height:9px;border-radius:50%;background:#f76707}
.p1reset{grid-area:rs;justify-self:start;font-size:14px;font-weight:600;color:var(--seatx);padding:6px 4px;text-decoration:underline}
.hero.v4 .p1reset{color:#fff}
@media (min-width:760px){
 .p1sf{grid-template-columns:1fr 1fr 1.25fr auto!important;grid-template-areas:"q q q q" "city cat pf go" "rs rs rs rs"}
 .p1sf .go{padding:0 26px}
}
@media (max-width:759px){
 [data-p1] .p1h.hero.v4{padding-top:8px}
 [data-p1] .p1h.hero.v4 .wrap{padding:14px 14px 20px;border-radius:22px}
 [data-p1] .p1h .kick{margin-bottom:8px!important}
 [data-p1] .p1h.hero.v4 h1{font-size:clamp(23px,6.6vw,28px)!important;line-height:1.15;margin-bottom:10px}
 [data-p1] .p1h .hsub,[data-p1] .p1h .hchips{display:none}
 [data-p1] .p1h .waves{height:28px}
 .p1sf{grid-template-columns:1fr auto auto!important;grid-template-areas:"q ft go" "city city cat" "pf pf pf" "rs rs rs"!important;padding:6px!important;gap:6px!important}
 .p1ft{display:grid}
 .p1sf .go{padding:0 16px!important;min-height:50px}
 .p1sf .go span{display:none}
 .js .p1sf:not(.open) select,.js .p1sf:not(.open) .p1pf{display:none!important}
 .p1sf select,.p1sf input{min-height:46px}
 .p1sf .p1pf{min-height:46px}
 [data-p1] .p1h .cta{margin-top:10px}
 .p1vh{font-size:12.5px!important;margin-top:6px!important}
 .hero.sm .p1sf{margin-bottom:6px}
}
/* autosuggest */
.p1sg{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline:0;margin:0;padding:6px;list-style:none;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2);max-height:340px;overflow:auto}
.p1sg li a{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:10px;font-size:15px;min-height:44px}
.p1sg li a:hover,.p1sg li a[aria-selected=true]{background:var(--soft)}
.p1sg li small{margin-inline-start:auto;color:var(--muted);font-size:12.5px;white-space:nowrap}
.p1sg li b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* trust row under the hero */
.p1trust .trust{justify-content:center;margin:12px 0 0;font-size:13.5px}
@media (max-width:759px){.p1trust .trust{gap:4px 12px;font-size:12.5px}}
/* honest «post yours» card inside the grid */
.card.p1cta{align-items:center;justify-content:center;text-align:center;gap:8px;padding:18px 12px;border:2px dashed var(--hov);background:var(--soft);box-shadow:none;min-height:220px}
.card.p1cta b{font-size:16px;line-height:1.3}
.card.p1cta small{color:var(--muted);font-size:13px;line-height:1.4}
.card.p1cta .btn{margin-top:4px;padding:10px 14px;font-size:14px}
.p1plus{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f76707;color:#fff;font-size:28px;font-weight:700}
/* share */
.p1share{margin:14px 0 4px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.p1share>b{display:block;font-size:14px;margin-bottom:8px}
.p1sh{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.shb{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.shb .i,.shb svg{width:20px;height:20px;flex:none}
.shb.s-wa svg{fill:#25d366}.shb.s-tg svg{fill:#229ed9}.shb.s-fb svg{fill:#1877f2}
.shb:hover{border-color:var(--hov)}
.p1ok{display:block;min-height:1em;margin-top:6px;color:var(--ok);font-size:13px}
/* recently viewed */
.p1recent{margin-top:8px}.p1recent .lh .i{width:20px;height:20px;vertical-align:-3px;margin-inline-end:6px}
/* mobile: bigger taps, no sideways scroll */
html,body{overflow-x:clip}
@media (max-width:759px){
 [data-p1] .ib{width:42px;height:42px}
 [data-p1] .langs a{padding:9px 10px;min-height:36px;display:inline-flex;align-items:center}
 [data-p1] .card .mt{font-size:13px}
 [data-p1] .chip{min-height:40px}
}
@media (max-width:380px){[data-p1] .ib{width:38px;height:38px}[data-p1] .langs a{padding:8px 7px}}

/* p1 fixes v2 */
[data-p1] .p1h .hsub{display:none}
[data-p1] .p1h.hero.v4 .wrap{padding-top:22px;padding-bottom:32px}
[data-p1] .p1h.hero.v4 h1{font-size:clamp(23px,3.6vw,40px)}
@media (min-width:900px){[data-p1] .p1h .hero-in{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px}[data-p1] .p1h .hero-art{height:210px!important}}
@media (min-width:760px){.p1sf{grid-template-columns:1fr 1fr 1fr 1fr auto!important;grid-template-areas:"q q q q go" "city cat pf pf pf" "rs rs rs rs rs"!important}.p1sf .go{min-width:120px}}
[data-p1] .p1h .cta .vbtn{display:inline-flex!important}
@media (max-width:759px){
 .js .p1sf:not(.open){grid-template-areas:"q ft go"!important}
 [data-p1] .p1h .cta{display:flex;flex-wrap:nowrap!important;gap:8px}
 [data-p1] .p1h .cta .btn.post{flex:1 1 auto;min-width:0;padding:13px 12px;font-size:15.5px}
 [data-p1] .p1h .cta .vbtn{flex:none;padding:13px 12px!important;gap:6px}
 [data-p1] .p1h .cta .vbtn span{display:inline!important;font-size:14.5px}
 .p1vh{display:none!important}
 [data-p1] .ib{width:40px;height:40px}
 [data-p1] .langs a{padding:8px 8px}
}
@media (max-width:400px){[data-p1] .p1h .cta .vbtn span{display:none!important}[data-p1] .p1h .cta .vbtn{width:50px;justify-content:center}}
/* ===== P1 home design pass (Maxim 00:34): marketplace look — cards, buttons, type, soft shadows, spacing, premium VIP ===== */
[data-p1]{--r:18px;--sh1:0 1px 2px rgba(15,27,45,.05),0 4px 14px -6px rgba(15,27,45,.10);--sh2:0 2px 4px rgba(15,27,45,.06),0 18px 36px -14px rgba(15,27,45,.22);
 --gold1:#f7d774;--gold2:#d4a017;--gold3:#a87500;--ease:cubic-bezier(.2,.7,.2,1)}
[data-p1][data-theme=dark]{--sh1:0 1px 0 rgba(255,255,255,.03) inset,0 6px 18px -8px rgba(0,0,0,.55);--sh2:0 1px 0 rgba(255,255,255,.04) inset,0 22px 44px -16px rgba(0,0,0,.7)}
/* header */
[data-p1] .hd{background:color-mix(in srgb,var(--bg) 82%,transparent)}
[data-p1] .hdr{min-height:64px}
[data-p1] .brand span{letter-spacing:-.02em}
[data-p1] .hdr .btn.post.sm{border-radius:12px;padding:10px 16px;font-weight:700}
[data-p1] .wp-nav{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-weight:600;font-size:14px}
[data-p1] .wp-nav.txt::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9zm0 2c-4.4 0-8 2.2-8 5v2h16v-2c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9zm0 2c-4.4 0-8 2.2-8 5v2h16v-2c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E") center/contain no-repeat}
[data-p1] .wp-nav:hover{border-color:var(--hov)}
@media (max-width:759px){[data-p1] .hdr .wp-navs{display:none}}
/* buttons */
[data-p1] .btn{transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s}
[data-p1] .btn:active{transform:scale(.97)}
[data-p1] .btn.post{background:linear-gradient(180deg,#ff8a2a,#f76707);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 8px 20px -6px rgba(247,103,7,.55)}
[data-p1] .btn.post:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 12px 26px -8px rgba(247,103,7,.65)}
[data-p1] .p1sf .go{background:linear-gradient(180deg,#3b82f6,#1d5fd6);color:#fff;box-shadow:0 6px 16px -6px rgba(29,95,214,.6)}
/* section headings */
[data-p1] main .lh{display:flex;align-items:center;gap:10px;font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.015em;margin:34px 0 16px}
[data-p1] main .lh.sm{font-size:17px;font-weight:700;margin-top:26px;color:var(--text)}
[data-p1] main .lh>.i{width:24px;height:24px;color:var(--seatx)}
[data-p1] main .lh small{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted)}
/* listing cards */
[data-p1] .grid{gap:14px}
@media (min-width:980px){[data-p1] .grid{gap:22px}}
[data-p1] .card{border-radius:18px;box-shadow:var(--sh1);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
[data-p1] .card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
[data-p1] .card .ph{aspect-ratio:4/3.4}
[data-p1] .card .ph::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,rgba(5,12,28,.28));pointer-events:none}
[data-p1] .card .ph img{transition:transform .5s var(--ease)}
[data-p1] .card:hover .ph img{transform:scale(1.05)}
[data-p1] .card .cb{padding:12px 14px 14px}
[data-p1] .card .cb .pr{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--text)}
[data-p1] .card .tt{font-size:14.5px;font-weight:500;color:var(--text);opacity:.92;margin-top:2px}
[data-p1] .card .mt{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
[data-p1] .fav{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s var(--ease)}
[data-p1] .fav:hover{transform:scale(1.08)}
/* badges: VIP gold, TOP orange flame, NEW green */
[data-p1] .bdg{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:4px 10px;box-shadow:0 4px 10px -4px rgba(0,0,0,.35)}
[data-p1] .bdg .i{width:13px;height:13px}
[data-p1] .bdg.vip{background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#3a2600}
[data-p1] .bdg.top{background:linear-gradient(135deg,#ff922b,#f03e3e)}
[data-p1] .bdg.new{background:linear-gradient(135deg,#40c057,#2b8a3e)}
[data-p1] .card.vip{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--gold1),var(--gold2),var(--gold1)) border-box;border:1.5px solid transparent}
[data-p1] .card.hl:not(.vip){box-shadow:0 0 0 1.5px #ff922b,var(--sh1)}
/* honest CTA card */
[data-p1] .card.p1cta{background:linear-gradient(160deg,color-mix(in srgb,var(--sea) 10%,var(--card)),var(--card));border:1.5px dashed color-mix(in srgb,var(--sea) 45%,transparent)}
[data-p1] .card.p1cta:hover{border-style:solid}
[data-p1] .p1plus{background:linear-gradient(180deg,#ff8a2a,#f76707);box-shadow:0 8px 18px -6px rgba(247,103,7,.6)}
/* popular categories */
[data-p1] .tiles{gap:12px}
[data-p1] .tile{border-radius:18px;padding:16px 8px 14px;box-shadow:var(--sh1);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
[data-p1] .tile:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
[data-p1] .tile .tn{font-weight:600}
/* VIP / promotion section — premium */
[data-p1] .promo .wrap{position:relative;overflow:hidden;border:1.5px solid transparent;border-radius:30px;
 background:linear-gradient(160deg,#0b1d42,#0a1530 55%,#1a1405) padding-box,linear-gradient(135deg,var(--gold1),rgba(212,160,23,.25) 40%,rgba(59,130,246,.35) 70%,var(--gold2)) border-box;color:#f4f1e8;box-shadow:0 30px 60px -30px rgba(10,21,48,.6)}
[data-p1] .promo .wrap::before{content:"";position:absolute;inset-inline-end:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(247,215,116,.22),transparent);pointer-events:none}
[data-p1] .promo h2{color:#fff;font-size:clamp(22px,3vw,30px);font-weight:800}
[data-p1] .promo .sub{color:rgba(244,241,232,.75)}
.p1vipk{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.06em;color:#3a2600;background:linear-gradient(135deg,var(--gold1),var(--gold2));box-shadow:0 6px 16px -6px rgba(212,160,23,.7)}
.p1vipk .i{width:16px;height:16px}
[data-p1] .promo .pgrid li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:18px;color:#f4f1e8;transition:transform .25s var(--ease),border-color .25s,background .25s}
[data-p1] .promo .pgrid li:hover{transform:translateY(-3px);border-color:rgba(247,215,116,.5);background:rgba(255,255,255,.08)}
[data-p1] .promo .pgrid .ic{background:rgba(255,255,255,.08);color:#ffb366}
[data-p1] .promo .pgrid em{color:#fff}
[data-p1] .promo .pgrid small{color:rgba(244,241,232,.68)}
[data-p1] .promo .pgrid li.pk-crown,[data-p1] .promo .pgrid li.pk-gem{background:linear-gradient(160deg,rgba(247,215,116,.18),rgba(212,160,23,.06));border-color:rgba(247,215,116,.55);box-shadow:0 0 0 1px rgba(247,215,116,.15) inset,0 14px 30px -18px rgba(247,215,116,.6)}
[data-p1] .promo .pgrid li.pk-crown .ic,[data-p1] .promo .pgrid li.pk-gem .ic{background:linear-gradient(135deg,var(--gold1),var(--gold2));color:#3a2600}
[data-p1] .promo .pgrid li.pk-crown em,[data-p1] .promo .pgrid li.pk-gem em{color:var(--gold1)}
[data-p1] .promo .mpay{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);border-radius:22px;color:#f4f1e8}
[data-p1] .promo .mpay h2{color:#fff}[data-p1] .promo .mpay h2 .i{color:var(--gold1)}
[data-p1] .promo .mpay .note,[data-p1] .promo .bitnote{color:rgba(244,241,232,.75)}
[data-p1] .promo .mplist li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);color:#f4f1e8}
[data-p1] .promo .mplist li b{color:var(--gold1)}
.p1vip .lh .i{color:var(--gold2)!important}
/* features / how / faq — calmer, consistent */
[data-p1] .fgrid li>*,[data-p1] .steps li,[data-p1] .faq details{border-radius:18px;box-shadow:var(--sh1)}
[data-p1] .faq details[open]{box-shadow:var(--sh2)}
[data-p1] .sec h2{letter-spacing:-.015em}
/* subtle entrance for cards (respects reduced motion) */
@media (prefers-reduced-motion:no-preference){
 [data-p1] .grid>.card{animation:p1in .5s var(--ease) both}
 [data-p1] .grid>.card:nth-child(2){animation-delay:.04s}[data-p1] .grid>.card:nth-child(3){animation-delay:.08s}[data-p1] .grid>.card:nth-child(4){animation-delay:.12s}
 [data-p1] .grid>.card:nth-child(5){animation-delay:.16s}[data-p1] .grid>.card:nth-child(6){animation-delay:.2s}[data-p1] .grid>.card:nth-child(n+7){animation-delay:.24s}
}
@keyframes p1in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:759px){
 [data-p1] main .lh{margin:26px 0 12px}
 [data-p1] .grid{gap:10px}
 [data-p1] .card .cb{padding:10px 11px 12px}
 [data-p1] .card .cb .pr{font-size:17px}
 [data-p1] .card .tt{font-size:13.5px}
 [data-p1] .promo .wrap{border-radius:24px;padding:24px 14px}
}
[data-p1] .promo .bitnote{background:rgba(255,255,255,.06)!important;border:1px solid rgba(247,215,116,.28)!important;color:#f4f1e8!important;border-radius:16px}
[data-p1] .promo .bitnote span{color:#f4f1e8!important}[data-p1] .promo .bitnote .i{color:var(--gold1)!important}
@media (min-width:900px){[data-p1] .p1h .hero-in{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}}
@media (min-width:760px){.p1sf{grid-template-columns:1.5fr 1.5fr .8fr .8fr auto!important}.p1sf .p1pl span,.p1sf .p1pl{font-size:0;gap:0}.p1sf .p1pl .i{width:18px;height:18px}
 .p1sf select{padding-inline-end:30px!important;text-overflow:ellipsis}}
.p1sf .p1pf[hidden]{display:none!important}
@media (min-width:760px){.p1sf:has(.p1pf[hidden]){grid-template-areas:"q q q q go" "city city cat cat cat" "rs rs rs rs rs"!important}}
@media (max-width:759px){.p1sf.open:has(.p1pf[hidden]){grid-template-areas:"q ft go" "city city cat" "rs rs rs"!important}}

/* t3491u: one selectable service menu (name + ₪ on the same row) */
.svc-menu{display:grid;gap:8px;margin:12px 0 16px;max-width:640px}
.svc-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line,#e9e6e2);border-radius:14px;cursor:pointer;background:var(--card,#fff);min-height:48px;width:100%;box-sizing:border-box}
.svc-row .svc-name{flex:1;min-width:0}
.svc-row .svc-price{font-weight:700;white-space:nowrap;margin-inline-start:auto}
.svc-row:has(input:checked){border-color:var(--brand,#f76707);background:color-mix(in srgb,var(--brand,#f76707) 8%,transparent)}
.svc-row.is-pending{opacity:.65}
.svc-row input{accent-color:var(--brand,#f76707)}
.promo .btn.post.wide,.own .btn.post.wide{max-width:640px}
[data-p1] .promo .svc-row{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#f4f1e8}
[data-p1] .promo .svc-row:has(input:checked){border-color:rgba(247,215,116,.7);background:rgba(247,215,116,.08)}

/* ---- 25live: FAQ page, services, owner upsells, site-wide Support ---- */
.nav-sup{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 10px;border-radius:10px;font-weight:700;font-size:13px;color:var(--brandtx);border:1px solid var(--line);background:var(--card);white-space:nowrap;flex:none;text-decoration:none}
.nav-sup .i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.nav-sup:hover{border-color:var(--hov);background:var(--tint)}
@media (max-width:759px){.nav-sup{padding:0 8px;width:36px;height:36px}.nav-sup .nav-sup-tx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.sup-float{display:none}
@media (max-width:759px){
  .sup-float{display:inline-flex;align-items:center;gap:8px;position:fixed;z-index:21;inset:auto 12px calc(72px + env(safe-area-inset-bottom,0px)) auto;height:44px;padding:0 14px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;font-size:14px;box-shadow:var(--sh2);text-decoration:none}
  .sup-float .i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
}
.faq-page details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 16px;margin-bottom:8px}
.faq-page summary{cursor:pointer;font-weight:600;padding:15px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-page summary::-webkit-details-marker{display:none}
.faq-page summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;margin-top:-4px}
.faq-page details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.faq-page details[open]{border-color:var(--hov);box-shadow:var(--sh1)}
.faq-page .lead,.svc-page .lead{color:var(--muted);max-width:640px;margin:0 0 18px}
.faq-cta,.svc-cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.svc-sec{margin:8px 0 28px;max-width:640px}
.svc-sec h2{font-size:18px;margin:0 0 4px}
.own-vip{margin:14px 0;padding:14px 14px 4px;border-radius:14px;border:1px solid var(--hlline,var(--line));background:var(--goldtint,var(--tint))}
.own-vip h3,.own-more h3{font-size:16px;margin:0 0 4px;display:flex;align-items:center;gap:6px}
.own-more{margin:14px 0}
.own .svc-cta{margin-top:4px}