/* ===== SOURCE: assets/css/app.css ===== */
:root{--brand:#178b57;--brand-2:#0f7046;--brand-soft:#e9f7ef;--ink:#14231b;--muted:#6b7b73;--line:#e7ece9;--surface:#fff;--surface-2:#f6f8f7;--danger:#d84949;--warning:#c98718;--radius:22px;--shadow:0 14px 40px rgba(20,35,27,.08);--nav-h:76px;--top-h:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7f5;color:var(--ink);font-family:"Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 15% -5%,rgba(23,139,87,.14),transparent 28%),radial-gradient(circle at 90% 25%,rgba(79,193,133,.08),transparent 22%),linear-gradient(180deg,#f9fbfa,#f1f5f3)}.glass{background:rgba(255,255,255,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.7)}
.topbar{height:var(--top-h);position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px max(18px,calc((100vw - 1240px)/2));border-width:0 0 1px;box-shadow:0 5px 30px rgba(20,35,27,.05)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}.brand img{width:40px;height:40px}.location-chip{border:0;background:var(--brand-soft);color:var(--brand-2);display:flex;align-items:center;gap:7px;border-radius:999px;padding:9px 13px;font-weight:700}.location-chip svg{width:18px;height:18px;fill:currentColor}.top-actions{display:flex;justify-content:flex-start;gap:8px}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;color:var(--ink)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{background:var(--surface-2)}
.shell{width:min(1240px,calc(100% - 28px));margin:0 auto}.hero{padding:30px 0 18px}.hero-card{position:relative;overflow:hidden;border-radius:32px;padding:34px;min-height:260px;background:linear-gradient(125deg,#0e7146 0%,#178b57 52%,#2fa66e 100%);color:#fff;box-shadow:0 22px 54px rgba(15,112,70,.23)}.hero-card:before,.hero-card:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}.hero-card:before{width:240px;height:240px;left:-60px;top:-90px}.hero-card:after{width:160px;height:160px;right:42%;bottom:-90px}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13px;font-weight:700}.hero h1{font-size:clamp(30px,5vw,50px);line-height:1.1;margin:13px 0 10px}.hero p{margin:0 0 20px;opacity:.9;font-size:17px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:800;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn-primary{background:var(--brand);color:#fff}.hero .btn-primary{background:#fff;color:var(--brand-2)}.btn-soft{background:var(--brand-soft);color:var(--brand-2)}.btn-ghost{background:#fff;border:1px solid var(--line)}.btn-danger{background:#fff0f0;color:#b62d2d}.btn-sm{padding:9px 13px;border-radius:12px;font-size:13px}.btn-block{width:100%}.search-wrap{margin-top:-26px;position:relative;z-index:3;padding:0 26px}.search-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px;padding:8px}.search-bar svg{width:22px;height:22px;margin-right:6px;fill:none;stroke:var(--muted);stroke-width:2}.search-bar input{flex:1;border:0;outline:0;padding:11px 4px;background:transparent;min-width:0}.search-bar button{border:0;border-radius:13px;background:var(--surface-2);padding:11px 14px;color:var(--muted)}
.section{padding:18px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{margin:0;font-size:22px}.section-head a{color:var(--brand);font-weight:700;font-size:14px}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.category-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:15px 10px;text-align:center;transition:.2s ease;min-height:112px}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cat-icon{width:48px;height:48px;border-radius:16px;margin:0 auto 9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:24px}.category-card b{font-size:14px;display:block}.category-card small{color:var(--muted);font-size:11px}.mode-switch{display:inline-flex;border:1px solid var(--line);padding:4px;border-radius:14px;background:#fff;gap:3px}.mode-switch a{padding:8px 12px;border-radius:10px;font-weight:700;font-size:13px;color:var(--muted)}.mode-switch a.active{background:var(--brand-soft);color:var(--brand-2)}
.listings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.listing-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;box-shadow:0 8px 24px rgba(20,35,27,.045);transition:.2s ease}.listing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.listing-thumb{display:block;position:relative;aspect-ratio:1.25/1;overflow:hidden;background:#edf1ef}.listing-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.listing-card:hover .listing-thumb img{transform:scale(1.03)}.badge-featured{position:absolute;top:10px;right:10px;background:#fff2c7;color:#8c6715;font-weight:800;font-size:12px;border-radius:999px;padding:6px 9px}.badge-wanted{position:absolute;bottom:10px;right:10px;background:#173427;color:#fff;font-weight:800;font-size:11px;border-radius:999px;padding:6px 9px}.listing-body{padding:13px 14px 15px}.listing-price{font-size:19px;font-weight:900;color:var(--brand-2);margin-bottom:4px}.listing-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.listing-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-top:9px}.fav-btn{position:absolute;top:10px;left:10px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:0;display:grid;place-items:center;z-index:2}.fav-btn svg{width:20px;height:20px;fill:none;stroke:#253a2e;stroke-width:1.8}.fav-btn.active svg{fill:#e95050;stroke:#e95050}.empty{background:#fff;border:1px dashed #cad6cf;border-radius:22px;padding:48px 20px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);font-size:20px;margin-bottom:6px}
.bottom-nav{position:fixed;right:50%;transform:translateX(50%);bottom:max(10px,env(safe-area-inset-bottom));z-index:80;width:min(620px,calc(100% - 20px));height:66px;border-radius:22px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 9px;box-shadow:0 14px 36px rgba(20,35,27,.16)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#7b8881;font-size:10px;font-weight:700;border-radius:14px}.nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{color:var(--brand);background:var(--brand-soft)}.nav-add{position:relative;color:#fff!important;background:var(--brand)!important;transform:translateY(-14px);height:58px;width:58px;justify-self:center;border-radius:18px;box-shadow:0 10px 24px rgba(23,139,87,.3)}.nav-add span{display:none}.nav-add svg{width:27px;height:27px}.nav-add.active{background:var(--brand-2)!important}
.toast{position:fixed;z-index:120;top:86px;right:50%;transform:translateX(50%);min-width:min(420px,calc(100% - 30px));padding:13px 17px;border-radius:15px;background:#173427;color:#fff;box-shadow:var(--shadow);text-align:center}.toast-error{background:#9f2e2e}.toast-success{background:#176e48}.toast-warning{background:#8a6517}
.sheet[hidden]{display:none}.sheet{position:fixed;inset:0;z-index:110}.sheet-backdrop{position:absolute;inset:0;background:rgba(13,23,18,.38);backdrop-filter:blur(4px)}.sheet-card{position:absolute;right:50%;transform:translateX(50%);bottom:0;width:min(560px,100%);max-height:78vh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px rgba(0,0,0,.15)}.sheet-handle{width:48px;height:5px;border-radius:999px;background:#dce4df;margin:2px auto 12px}.sheet-title{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:8px}.city-option{width:100%;text-align:right;padding:14px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;font-weight:700}.city-option:hover{background:var(--surface-2)}
.pwa-install{position:fixed;z-index:95;right:50%;transform:translateX(50%);bottom:88px;width:min(520px,calc(100% - 24px));border-radius:20px;padding:12px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;box-shadow:0 16px 46px rgba(20,35,27,.2)}.pwa-install[hidden]{display:none}.pwa-install img{width:42px;height:42px}.pwa-install b,.pwa-install small{display:block}.pwa-install small{color:var(--muted);font-size:11px;margin-top:2px}
/* Forms */
.card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 28px rgba(20,35,27,.05)}.page-pad{padding:28px 0}.form-card{width:min(780px,100%);margin:0 auto;padding:24px}.form-card h1{margin:0 0 6px}.form-card>p{margin:0 0 22px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:13px}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:14px;background:#fbfcfb;padding:12px 13px;outline:none;color:var(--ink);width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:#75b99a;box-shadow:0 0 0 4px rgba(23,139,87,.08)}.field textarea{min-height:130px;resize:vertical}.help{font-size:11px;color:var(--muted)}.dropzone{border:2px dashed #c9d9d1;border-radius:18px;padding:26px;text-align:center;background:#f9fbfa}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.auth-wrap{min-height:calc(100vh - var(--top-h) - 120px);display:grid;place-items:center}.auth-card{width:min(460px,100%);padding:28px}.auth-logo{display:flex;align-items:center;gap:11px;margin-bottom:18px}.auth-logo img{width:52px}.auth-card h1{font-size:27px;margin:0}.auth-card p{color:var(--muted);margin:5px 0 20px}.stack{display:grid;gap:13px}.sep{text-align:center;color:var(--muted);font-size:12px;margin:14px 0}
/* Explore */

/* Listing detail */
.detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:18px;align-items:start}.gallery{overflow:hidden}.gallery-main{aspect-ratio:1.35/1;background:#eaf0ed;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:24px 24px 0 0}.gallery-main img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}.gallery-dots{display:flex;gap:5px;justify-content:center;padding:11px}.gallery-dots i{width:7px;height:7px;background:#ccd7d1;border-radius:50%}.detail-card{padding:22px}.detail-price{font-size:31px;font-weight:900;color:var(--brand-2)}.detail-card h1{font-size:24px;margin:6px 0}.detail-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.seller{display:flex;align-items:center;gap:12px;padding:14px 0;margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.avatar{width:50px;height:50px;border-radius:16px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-weight:900;font-size:18px;overflow:hidden}.seller small{display:block;color:var(--muted);margin-top:2px}.verified{display:inline-flex;align-items:center;gap:4px;color:var(--brand);font-size:11px;font-weight:800}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.description-card{padding:22px;margin-top:18px}.description-card h3{margin-top:0}.description-card p{line-height:1.9;color:#35473e}.map-box{height:280px;border-radius:20px;overflow:hidden;background:#e8efeb}
/* Tables/admin */
.admin-body{padding-bottom:30px}.admin-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.admin-side{position:sticky;top:0;height:100vh;padding:20px;background:#11261c;color:#e9f3ed}.admin-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;margin-bottom:22px}.admin-brand img{width:42px}.admin-menu{display:grid;gap:5px}.admin-menu a{padding:11px 12px;border-radius:12px;color:#afc5b8;font-weight:700}.admin-menu a.active,.admin-menu a:hover{background:rgba(255,255,255,.09);color:#fff}.admin-main{padding:24px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-head h1{margin:0;font-size:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat{padding:18px}.stat small{display:block;color:var(--muted);font-weight:700}.stat b{font-size:28px;display:block;margin-top:4px}.table-card{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:right;font-size:13px}.table th{color:var(--muted);font-weight:800;background:#fafcfb}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.status-active{background:#e8f7ee;color:#177247}.status-pending{background:#fff4d8;color:#956b0b}.status-rejected{background:#fff0f0;color:#aa3535}.status-sold{background:#edf0f6;color:#526079}.admin-form{padding:20px;margin-bottom:18px}
/* messages */
.messages-layout{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:70vh;overflow:hidden}.threads{border-left:1px solid var(--line)}.thread{display:flex;gap:10px;padding:13px;border-bottom:1px solid var(--line)}.thread.active{background:var(--brand-soft)}.thread .avatar{width:42px;height:42px;border-radius:14px}.thread b{font-size:13px}.thread p{font-size:11px;color:var(--muted);margin:3px 0 0}.chat{display:flex;flex-direction:column;min-height:65vh}.chat-head{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:800}.chat-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;overflow:auto;background:#f9fbfa}.bubble{max-width:76%;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid var(--line);line-height:1.55;font-size:13px}.bubble.mine{align-self:flex-start;background:var(--brand);color:#fff;border-color:var(--brand)}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:#fff}.chat-form input{flex:1;border:1px solid var(--line);border-radius:14px;padding:11px 13px;outline:0}
/* responsive */
@media (max-width:1000px){.categories{grid-template-columns:repeat(4,1fr)}.listings-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-side{height:auto;position:relative}.admin-menu{grid-template-columns:repeat(4,1fr)}.admin-menu a{text-align:center;font-size:12px}}
@media (max-width:700px){:root{--top-h:64px}.topbar{grid-template-columns:auto 1fr auto;padding:8px 12px}.brand span{display:none}.brand img{width:38px;height:38px}.location-chip{justify-self:center;max-width:170px}.top-actions .icon-btn:first-child{display:none}.shell{width:min(100% - 20px,1240px)}.hero{padding-top:12px}.hero-card{min-height:210px;border-radius:24px;padding:24px 20px}.hero h1{font-size:31px}.hero p{font-size:14px}.search-wrap{padding:0 10px;margin-top:-22px}.categories{grid-template-columns:repeat(4,1fr);gap:8px}.category-card{padding:11px 5px;min-height:94px;border-radius:16px}.cat-icon{width:42px;height:42px;border-radius:14px;font-size:20px}.category-card b{font-size:11px}.category-card small{display:none}.listings-grid{grid-template-columns:repeat(2,1fr);gap:10px}.listing-card{border-radius:17px}.listing-body{padding:10px}.listing-price{font-size:16px}.listing-title{font-size:12px}.listing-meta{font-size:10px;display:block}.listing-meta span+span:before{content:" · "}.fav-btn{width:34px;height:34px}.section-head h2{font-size:19px}.mode-switch a{font-size:11px;padding:7px 9px}.form-card{padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.detail-card{padding:18px}.detail-price{font-size:26px}.detail-card h1{font-size:20px}.description-card{padding:18px}.admin-main{padding:14px}.admin-side{padding:12px}.admin-menu{display:flex;overflow:auto}.admin-menu a{white-space:nowrap}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:14px}.stat b{font-size:23px}.messages-layout{grid-template-columns:1fr}.threads{border-left:0}.chat{display:none}.messages-layout.chat-open .threads{display:none}.messages-layout.chat-open .chat{display:flex}.pwa-install{grid-template-columns:auto 1fr auto}.pwa-install>.icon-btn{display:none}}
@media (min-width:701px){.bottom-nav{display:none}body{padding-bottom:0}.pwa-install{bottom:24px}}
@media (max-width:420px){.categories{grid-template-columns:repeat(4,1fr)}.category-card{min-height:88px}.cat-icon{width:38px;height:38px}.listings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-thumb{aspect-ratio:1/1}.hero-actions .btn{padding:10px 13px;font-size:12px}}
/* Dark mode */
html[data-theme="dark"]{--ink:#edf5f0;--muted:#9fb0a7;--line:#2b3b32;--surface:#14241b;--surface-2:#1b2d23;--brand-soft:#183b2a;--shadow:0 14px 40px rgba(0,0,0,.2)}
html[data-theme="dark"] body{background:#0c1510;color:var(--ink)}
html[data-theme="dark"] .app-bg{background:radial-gradient(circle at 15% -5%,rgba(23,139,87,.18),transparent 28%),linear-gradient(180deg,#0d1711,#101b14)}
html[data-theme="dark"] .glass{background:rgba(18,31,23,.88);border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .card,html[data-theme="dark"] .listing-card,html[data-theme="dark"] .category-card,html[data-theme="dark"] .search-bar,html[data-theme="dark"] .sheet-card,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .city-option,html[data-theme="dark"] .chat-form{background:#14241b;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select,html[data-theme="dark"] .chat-form input{background:#101d16;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .dropzone,html[data-theme="dark"] .chat-body,html[data-theme="dark"] .table th{background:#101d16}
html[data-theme="dark"] .bubble{background:#192a20;border-color:var(--line)}
html[data-theme="dark"] .listing-thumb{background:#1b2a22}
html[data-theme="dark"] .btn-ghost{background:#14241b;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .mode-switch{background:#14241b;border-color:var(--line)}
html[data-theme="dark"] .topbar{box-shadow:0 5px 30px rgba(0,0,0,.18)}
html[data-theme="dark"] .admin-main{background:#0d1711}
html[data-theme="dark"] .detail-card .seller{border-color:var(--line)}

/* ===== SOURCE: assets/css/v2.css ===== */
/* Qalamoun Market 2.1 — application design layer */
:root{
  --brand:#0f7658;--brand-rgb:15,118,88;--brand-deep:#0a4f3d;--brand-soft:#e9f7f1;
  --ink:#111916;--muted:#68756f;--surface:#fff;--surface-2:#f4f7f5;--surface-3:#edf2ef;
  --line:#e3e9e6;--danger:#d84a4a;--warning:#d28d1b;--info:#2e6ee8;
  --radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;
  --shadow-sm:0 5px 18px rgba(16,31,24,.055);--shadow-md:0 16px 42px rgba(16,31,24,.09);--shadow-lg:0 24px 70px rgba(11,28,20,.15);
  --top-h:76px;--nav-h:70px;--nav-bottom:max(10px,env(safe-area-inset-bottom));--nav-clear:calc(var(--nav-h) + var(--nav-bottom) + 20px);
  --ease:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.16,1,.3,1)
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:#f3f6f4;scroll-behavior:smooth}
body.app-v2{margin:0;min-height:100dvh;background:#f3f6f4;color:var(--ink);font-family:"Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:calc(var(--nav-clear) + 8px)}
body.app-v2::selection{background:rgba(var(--brand-rgb),.18)}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.app-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 520px at 88% -10%,rgba(var(--brand-rgb),.10),transparent 60%),radial-gradient(720px 460px at -10% 40%,rgba(71,115,255,.04),transparent 64%),linear-gradient(#f9fbfa,#f1f5f3)}
.glass{background:rgba(255,255,255,.82);backdrop-filter:saturate(150%) blur(20px);-webkit-backdrop-filter:saturate(150%) blur(20px);border:1px solid rgba(255,255,255,.7)}
.shell{width:min(1280px,calc(100% - 36px));margin-inline:auto}.page-pad{padding:30px 0 48px}.section{padding:18px 0 22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h2{margin:0;font-size:23px;letter-spacing:-.02em}.section-head>a{color:var(--brand);font-weight:800;font-size:13px}
.route-progress{position:fixed;z-index:999;top:0;right:0;height:2px;width:0;background:var(--brand);box-shadow:0 0 18px rgba(var(--brand-rgb),.7);transition:width .22s var(--ease),opacity .2s;opacity:0}.route-progress.active{opacity:1;width:72%}
main{animation:pageIn .42s var(--ease-spring) both}@keyframes pageIn{from{opacity:0;transform:translate3d(0,10px,0);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}body.route-leaving main{animation:pageOut .16s ease both}@keyframes pageOut{to{opacity:0;transform:translate3d(0,6px,0)}}
@supports(view-transition-name:root){::view-transition-old(root){animation:.16s ease both fadeOld}::view-transition-new(root){animation:.32s var(--ease-spring) both fadeNew}@keyframes fadeOld{to{opacity:0;transform:scale(.995)}}@keyframes fadeNew{from{opacity:0;transform:translateY(8px)}}}

/* Header */
.topbar.app-header{height:var(--top-h);position:sticky;top:0;z-index:70;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px max(18px,calc((100vw - 1280px)/2));border-width:0 0 1px;border-color:rgba(212,223,217,.74);box-shadow:0 4px 24px rgba(13,31,22,.035)}
.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#eaf4ef);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.08),var(--shadow-sm);overflow:hidden;flex:none}.brand-mark img{width:31px;height:31px}.brand-copy{display:grid;line-height:1.1}.brand-copy b{font-size:17px;font-weight:900}.brand-copy small{font-size:10px;color:var(--muted);margin-top:4px;font-weight:700}.location-chip{border:1px solid rgba(var(--brand-rgb),.12);background:var(--brand-soft);color:var(--brand-deep);display:flex;align-items:center;gap:7px;border-radius:999px;padding:9px 12px;font-weight:800;transition:.2s var(--ease)}.location-chip:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(var(--brand-rgb),.10)}.location-chip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.location-chip .chev{width:14px}.top-actions{display:flex;justify-content:flex-start;align-items:center;gap:8px}.icon-btn{position:relative;width:43px;height:43px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.88);display:inline-grid;place-items:center;color:var(--ink);transition:transform .18s var(--ease),background .18s,border-color .18s,box-shadow .18s}.icon-btn:hover{transform:translateY(-2px);border-color:#d1dcd6;box-shadow:var(--shadow-sm)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.profile-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;padding:5px 7px 5px 10px;border-radius:16px;min-width:115px}.mini-avatar{width:31px;height:31px;border-radius:11px;background:linear-gradient(145deg,var(--brand),#22a276);display:grid;place-items:center;color:#fff;font-weight:900}.profile-chip-copy{display:grid;line-height:1.05}.profile-chip-copy b{font-size:11px;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip-copy small{font-size:9px;color:var(--muted);margin-top:4px}.notify-badge{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e74c4c;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900;display:grid;place-items:center}.notify-badge.is-empty{display:none}

/* Buttons / fields */
.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s var(--ease),box-shadow .18s,filter .18s;position:relative;overflow:hidden}.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.24),transparent 70%);transform:translateX(-120%);transition:transform .55s var(--ease)}.btn:hover::after{transform:translateX(120%)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--brand),#149a70);color:#fff;box-shadow:0 9px 24px rgba(var(--brand-rgb),.20)}.btn-soft{background:var(--brand-soft);color:var(--brand-deep)}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-danger{background:#fff0f0;color:#b43232}.btn-sm{padding:9px 13px;border-radius:11px;font-size:12px}.btn-block{width:100%}.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:12px;color:#334139}.field input,.field textarea,.field select{appearance:none;border:1px solid var(--line);border-radius:14px;background:#fbfcfb;padding:12px 13px;outline:none;color:var(--ink);width:100%;transition:border-color .18s,box-shadow .18s,background .18s}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(var(--brand-rgb),.5);box-shadow:0 0 0 4px rgba(var(--brand-rgb),.08);background:#fff}.field textarea{min-height:130px;resize:vertical}.help{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-card{width:min(800px,100%);margin:0 auto;padding:24px}.form-card h1{margin:0 0 6px}.form-card>p{margin:0 0 22px;color:var(--muted)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.stack{display:grid;gap:13px}.dropzone{border:1.5px dashed #c5d3cc;border-radius:20px;padding:28px;text-align:center;background:linear-gradient(145deg,#fbfdfc,#f3f8f5);transition:.2s}.dropzone:hover{border-color:var(--brand);background:var(--brand-soft)}

/* Home — app dashboard */
.home-shell{padding-top:20px}.home-dashboard{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr);gap:18px;align-items:stretch}.home-welcome{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;min-height:260px;padding:30px;background:linear-gradient(135deg,#0b1914 0%,#102a20 48%,#0e6a50 100%);color:#fff;box-shadow:0 22px 58px rgba(10,52,39,.19)}.home-welcome::before{content:"";position:absolute;z-index:-1;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(56,229,169,.26),transparent 64%);left:-90px;top:-120px}.home-welcome::after{content:"";position:absolute;z-index:-1;inset:auto -90px -150px auto;width:360px;height:360px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 88px rgba(255,255,255,.025)}.home-kicker{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.home-kicker i{width:7px;height:7px;border-radius:50%;background:#47e0a9;box-shadow:0 0 0 5px rgba(71,224,169,.11)}.home-welcome h1{font-size:clamp(34px,4.5vw,56px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 10px;max-width:650px}.home-welcome p{font-size:15px;line-height:1.8;max-width:620px;color:rgba(255,255,255,.76);margin:0}.home-primary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.home-primary-actions .btn-primary{background:#fff;color:#0e5e48;box-shadow:none}.home-primary-actions .btn-ghost{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#fff}.home-side{display:grid;gap:12px}.home-side-card{position:relative;overflow:hidden;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:124px}.home-side-card b{font-size:18px}.home-side-card p{margin:5px 0 12px;color:var(--muted);font-size:12px;line-height:1.55}.home-side-card .soft-icon{position:absolute;left:14px;top:14px;width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.soft-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.home-search-panel{margin-top:-28px;position:relative;z-index:3;padding:0 24px}.smart-search{background:#fff;border:1px solid rgba(217,227,222,.9);border-radius:22px;box-shadow:0 20px 45px rgba(17,38,28,.11);display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:8px}.smart-search .search-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.smart-search .search-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}.smart-search input{border:0;outline:0;min-width:0;font-size:14px;background:transparent;padding:12px 4px}.filter-trigger{border:0;background:var(--surface-2);width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--muted)}.smart-search .btn{height:44px;padding-inline:20px}.quick-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.quick-category{min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px 8px 13px;text-align:center;transition:.22s var(--ease);box-shadow:0 7px 22px rgba(18,35,27,.035)}.quick-category:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(var(--brand-rgb),.18)}.quick-category .cat-icon{width:47px;height:47px;border-radius:16px;margin:0 auto 10px;background:linear-gradient(145deg,var(--brand-soft),#f6fbf8);color:var(--brand);display:grid;place-items:center}.quick-category .cat-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.quick-category b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-category small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.discovery-row{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.discovery-row::-webkit-scrollbar{display:none}.discovery-row .listing-card{flex:0 0 270px;scroll-snap-align:start}.mode-switch{display:inline-flex;border:1px solid var(--line);padding:4px;border-radius:14px;background:#fff;gap:3px}.mode-switch a{padding:8px 12px;border-radius:10px;font-weight:800;font-size:12px;color:var(--muted);transition:.18s}.mode-switch a.active{background:var(--brand-soft);color:var(--brand-deep)}

/* Listings */
.listings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.listing-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;box-shadow:0 8px 26px rgba(16,33,24,.045);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}.listing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#d9e3de}.listing-thumb{display:block;position:relative;aspect-ratio:1.18/1;overflow:hidden;background:#edf1ef}.listing-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.listing-card:hover .listing-thumb img{transform:scale(1.045)}.listing-thumb::after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(0,0,0,.12));pointer-events:none}.listing-photo-chip{position:absolute;bottom:9px;left:9px;width:29px;height:29px;border-radius:10px;background:rgba(15,22,18,.46);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;z-index:2}.listing-photo-chip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.badge-featured,.badge-wanted{position:absolute;right:10px;z-index:3;font-weight:900;font-size:10px;border-radius:999px;padding:6px 9px}.badge-featured{top:10px;background:#fff5c9;color:#8c6815}.badge-wanted{bottom:10px;background:#12241c;color:#fff}.listing-body{padding:13px 14px 15px}.listing-price{font-size:19px;font-weight:900;color:var(--brand-deep);margin-bottom:4px}.listing-title{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.listing-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;margin-top:9px}.listing-meta span{display:flex;align-items:center;gap:4px}.listing-meta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.fav-btn{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;z-index:4;transition:.2s}.fav-btn:active{transform:scale(.88)}.fav-btn svg{width:19px;height:19px;fill:none;stroke:#24372e;stroke-width:1.8}.fav-btn.active{background:#fff}.fav-btn.active svg{fill:#e95050;stroke:#e95050}.empty{background:#fff;border:1px dashed #cad6cf;border-radius:24px;padding:48px 20px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);font-size:20px;margin-bottom:6px}

/* Mobile bottom nav — always clears content */
.bottom-nav{position:fixed;right:50%;transform:translateX(50%);bottom:var(--nav-bottom);z-index:90;width:min(610px,calc(100% - 18px));height:var(--nav-h);border-radius:23px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px;box-shadow:0 18px 46px rgba(13,29,21,.17);border-color:rgba(216,225,220,.72)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#78847e;font-size:9.5px;font-weight:800;border-radius:15px;transition:.22s var(--ease);min-width:0}.nav-icon{width:31px;height:29px;display:grid;place-items:center;border-radius:10px;transition:.22s}.nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{color:var(--brand)}.nav-item.active .nav-icon{background:var(--brand-soft);transform:translateY(-1px)}.nav-item:active{transform:scale(.93)}.nav-add{position:relative;color:#fff!important;background:linear-gradient(145deg,var(--brand),#169e72)!important;transform:translateY(-15px);height:59px;width:59px;justify-self:center;border-radius:20px;box-shadow:0 12px 26px rgba(var(--brand-rgb),.31)}.nav-add .nav-icon{background:transparent!important;width:auto;height:auto}.nav-add span:last-child{display:none}.nav-add svg{width:27px;height:27px}.nav-add.active{color:#fff}.nav-add:active{transform:translateY(-15px) scale(.93)}

/* Sheets */
.sheet[hidden]{display:none}.sheet{position:fixed;inset:0;z-index:130}.sheet-backdrop{position:absolute;inset:0;background:rgba(7,14,10,.38);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}.sheet-card{position:absolute;right:50%;transform:translate(50%,110%);bottom:0;width:min(600px,100%);max-height:min(82dvh,760px);overflow:auto;background:#fff;border-radius:30px 30px 0 0;padding:10px 18px calc(26px + env(safe-area-inset-bottom));box-shadow:0 -24px 70px rgba(0,0,0,.17);transition:transform .42s var(--ease-spring)}.sheet.is-open .sheet-backdrop{opacity:1}.sheet.is-open .sheet-card{transform:translate(50%,0)}.sheet-handle{width:46px;height:5px;border-radius:999px;background:#d9e1dd;margin:3px auto 13px}.sheet-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sheet-title>div{display:grid}.sheet-title b{font-size:18px}.sheet-title small{font-size:11px;color:var(--muted);margin-top:3px}.city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:5px 0}.city-option{width:100%;text-align:right;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:#fff;display:grid;gap:2px;transition:.18s}.city-option:hover{border-color:rgba(var(--brand-rgb),.3);background:var(--brand-soft);transform:translateY(-1px)}.city-option span{font-weight:800}.city-option small{color:var(--muted);font-size:10px}
.notification-card{overflow:hidden}.notification-live-head{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;padding:8px 4px 12px}.notification-live-head a{margin-inline-start:auto;color:var(--brand);font-weight:800}.live-dot{width:8px;height:8px;border-radius:50%;background:#25b985;box-shadow:0 0 0 5px rgba(37,185,133,.11);animation:livePulse 1.8s infinite}@keyframes livePulse{50%{box-shadow:0 0 0 9px rgba(37,185,133,0)}}.notification-list{display:grid;gap:8px;max-height:60dvh;overflow:auto;padding:2px}.notification-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.notification-item.unread{background:linear-gradient(135deg,var(--brand-soft),#fff);border-color:rgba(var(--brand-rgb),.16)}.notification-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);margin-top:5px}.notification-item:not(.unread) .notification-dot{background:#ccd5d1}.notification-item b{font-size:13px}.notification-item p{margin:3px 0 0;font-size:11px;line-height:1.55;color:var(--muted)}.notification-item time{font-size:9px;color:#98a19c;white-space:nowrap}.notification-skeleton{height:68px;border-radius:15px;background:linear-gradient(90deg,#f2f5f3 25%,#fafcfa 50%,#f2f5f3 75%);background-size:200% 100%;animation:skeleton 1.2s infinite}@keyframes skeleton{to{background-position:-200% 0}}

/* PWA install */
.pwa-install{position:fixed;z-index:105;right:50%;transform:translateX(50%);bottom:calc(var(--nav-clear) + 4px);width:min(540px,calc(100% - 24px));border-radius:20px;padding:12px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;box-shadow:0 18px 52px rgba(15,31,23,.20);animation:installIn .45s var(--ease-spring)}.pwa-install[hidden]{display:none}.pwa-install img{width:42px;height:42px}.pwa-install b,.pwa-install small{display:block}.pwa-install small{color:var(--muted);font-size:10px;margin-top:2px}@keyframes installIn{from{opacity:0;transform:translate(50%,20px) scale(.97)}}

/* Explore: nested horizontal gallery + vertical feed, PWA-safe */


/* Auth, profile, messages, details */
.auth-wrap{min-height:calc(100dvh - var(--top-h) - 120px);display:grid;place-items:center}.auth-card{width:min(470px,100%);padding:28px}.auth-logo{display:flex;align-items:center;gap:11px;margin-bottom:18px}.auth-logo img{width:52px}.auth-card h1{font-size:28px;margin:0}.auth-card p{color:var(--muted);margin:5px 0 20px}.sep{text-align:center;color:var(--muted);font-size:11px;margin:14px 0}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:22px;margin-bottom:18px}.profile-avatar{width:72px;height:72px;border-radius:24px;background:linear-gradient(145deg,var(--brand),#1e9e75);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900;box-shadow:0 13px 28px rgba(var(--brand-rgb),.20)}.profile-main h1{margin:0;font-size:23px}.profile-main p{margin:4px 0 0;color:var(--muted);font-size:12px}.profile-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.profile-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;max-width:390px}.profile-mini-stats span{background:var(--surface-2);border-radius:12px;padding:8px 10px;font-size:10px;color:var(--muted)}.profile-mini-stats b{display:block;color:var(--ink);font-size:16px}.verified{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:900}.avatar{width:45px;height:45px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:900}.messages-layout{display:grid;grid-template-columns:330px 1fr;min-height:650px;overflow:hidden}.threads{border-left:1px solid var(--line);background:#fbfcfb}.thread{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid #eef1ef;transition:.18s}.thread:hover,.thread.active{background:var(--brand-soft)}.thread b{font-size:12px}.thread p{font-size:10px;color:var(--muted);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.chat{display:flex;flex-direction:column;min-width:0}.chat-head{padding:15px;border-bottom:1px solid var(--line);font-weight:900}.chat-body{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,#f8faf9,#f2f6f4)}.bubble{max-width:min(72%,520px);padding:10px 13px;border-radius:16px 16px 16px 5px;background:#fff;border:1px solid var(--line);font-size:12px;line-height:1.5}.bubble.mine{align-self:flex-end;background:var(--brand);color:#fff;border-color:transparent;border-radius:16px 16px 5px 16px}.chat-form{padding:10px;border-top:1px solid var(--line);display:flex;gap:8px;background:#fff}.chat-form input{flex:1;border:1px solid var(--line);border-radius:14px;padding:11px 13px;outline:none}.gallery{display:grid;gap:10px}.gallery-main{aspect-ratio:1.45/1;overflow:hidden;border-radius:24px;background:#edf1ef}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-dots{display:flex;gap:6px;overflow:auto}.detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.62fr);gap:18px}.detail-card,.description-card{padding:20px}.detail-price{font-size:30px;font-weight:900;color:var(--brand-deep)}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.seller{display:flex;align-items:center;gap:10px}.map-box{min-height:300px;border-radius:20px;overflow:hidden}.map-pin{position:absolute}

/* Toast */
.toast{position:fixed;z-index:160;top:calc(env(safe-area-inset-top) + 86px);right:50%;transform:translateX(50%);min-width:min(430px,calc(100% - 30px));padding:13px 17px;border-radius:15px;background:#173427;color:#fff;box-shadow:var(--shadow-lg);text-align:center;animation:toastIn .35s var(--ease-spring)}.toast-error{background:#9f2e2e}.toast-success{background:#176e48}.toast-warning{background:#8a6517}@keyframes toastIn{from{opacity:0;transform:translate(50%,-12px) scale(.97)}}

/* Admin v2 */
.admin-body{padding:0!important;background:#f1f5f3}.admin-body .app-bg{background:radial-gradient(800px 600px at 100% 0,rgba(var(--brand-rgb),.09),transparent 55%),#f2f5f3}.admin-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100dvh}.admin-side{position:sticky;top:0;height:100dvh;padding:16px 13px;background:linear-gradient(180deg,#0d1914,#11241b 58%,#0b1812);color:#edf6f1;overflow:auto}.admin-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:16px;padding:6px 7px 18px}.admin-brand img{width:38px;height:38px}.admin-brand small{display:block;color:#86a095;font-size:9px;margin-top:3px}.admin-menu{display:grid;gap:4px}.admin-menu .menu-label{padding:15px 10px 5px;color:#688176;font-size:9px;font-weight:900;letter-spacing:.04em}.admin-menu a{position:relative;padding:11px 12px;border-radius:13px;color:#a8bbb2;font-weight:800;font-size:12px;display:flex;align-items:center;gap:10px;transition:.2s var(--ease)}.admin-menu a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}.admin-menu a.active,.admin-menu a:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(-2px)}.admin-menu a.active::before{content:"";position:absolute;right:-2px;width:3px;height:22px;border-radius:99px;background:#30c992}.admin-main{min-width:0;padding:0 24px 40px}.admin-top{height:74px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:50;background:rgba(242,245,243,.84);backdrop-filter:blur(17px);border-bottom:1px solid rgba(216,225,220,.68);margin:0 -24px;padding:0 24px}.admin-top-search{position:relative;flex:1;max-width:460px}.admin-top-search input{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 38px 10px 12px;outline:none}.admin-top-search svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2}.admin-top-user{margin-inline-start:auto;display:flex;align-items:center;gap:9px}.admin-content{padding-top:24px}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.admin-head h1{margin:0;font-size:28px;letter-spacing:-.03em}.admin-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:18px}.stat{padding:16px;position:relative;overflow:hidden}.stat::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(var(--brand-rgb),.055);left:-30px;top:-35px}.stat small{display:block;color:var(--muted);font-weight:800;font-size:10px}.stat b{font-size:28px;display:block;margin-top:4px;letter-spacing:-.03em}.stat em{font-style:normal;font-size:9px;color:#829088}.admin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-bottom:14px}.admin-card{padding:18px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-card-head h3{margin:0;font-size:16px}.admin-card-head small{color:var(--muted)}.metric-list{display:grid;gap:10px}.metric-row{display:grid;grid-template-columns:92px 1fr 54px;align-items:center;gap:9px;font-size:11px}.metric-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-track{height:8px;background:#edf1ef;border-radius:999px;overflow:hidden}.metric-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#2fc28f);width:var(--w,0%);transition:width .8s var(--ease-spring)}.metric-value{text-align:left;font-weight:900}.activity-chart{height:190px;display:flex;align-items:flex-end;gap:9px;padding-top:16px}.activity-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;height:100%}.activity-bar{width:min(32px,70%);min-height:4px;height:var(--h,4%);border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#2dc48e,var(--brand));box-shadow:0 7px 16px rgba(var(--brand-rgb),.15);transition:height .7s var(--ease-spring)}.activity-col small{font-size:8px;color:var(--muted)}.table-card{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:right;font-size:11px;vertical-align:middle}.table th{color:var(--muted);font-weight:900;background:#fafcfb;position:sticky;top:0}.table tbody tr{transition:background .16s}.table tbody tr:hover{background:#fbfdfc}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.status-active{background:#e6f7ed;color:#127047}.status-pending{background:#fff3d6;color:#93690c}.status-rejected{background:#fff0f0;color:#aa3535}.status-sold{background:#edf0f6;color:#526079}.admin-form{padding:19px;margin-bottom:16px}.admin-filterbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.admin-filterbar input,.admin-filterbar select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;outline:none}.user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.user-admin-card{padding:15px;display:grid;gap:12px}.user-admin-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.user-admin-head .avatar{width:48px;height:48px;border-radius:16px}.user-admin-head b{font-size:13px}.user-admin-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.user-admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.user-admin-metrics div{background:var(--surface-2);border-radius:11px;padding:8px;text-align:center}.user-admin-metrics b{display:block;font-size:15px}.user-admin-metrics small{font-size:8px;color:var(--muted)}.user-admin-actions{display:flex;gap:5px;flex-wrap:wrap}.admin-mobile-toggle{display:none}
.notification-compose{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.channel-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.channel-card{position:relative}.channel-card input{position:absolute;opacity:0}.channel-card span{display:grid;place-items:center;min-height:76px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:11px;font-weight:800;transition:.18s}.channel-card input:checked+span{background:var(--brand-soft);border-color:rgba(var(--brand-rgb),.35);color:var(--brand-deep);box-shadow:inset 0 0 0 1px rgba(var(--brand-rgb),.12)}

/* Dark mode */
html[data-theme="dark"]{background:#0f1512}html[data-theme="dark"] body.app-v2{--ink:#eaf2ee;--muted:#9baba3;--surface:#151e1a;--surface-2:#1a2420;--surface-3:#202d27;--line:#28352f;background:#101713;color:var(--ink)}html[data-theme="dark"] .app-bg{background:radial-gradient(900px 520px at 88% -10%,rgba(var(--brand-rgb),.13),transparent 60%),#101713}html[data-theme="dark"] .glass,html[data-theme="dark"] .card,html[data-theme="dark"] .listing-card,html[data-theme="dark"] .quick-category,html[data-theme="dark"] .smart-search,html[data-theme="dark"] .profile-chip,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .sheet-card{background:rgba(20,29,25,.94);border-color:#29362f}html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select,html[data-theme="dark"] .admin-filterbar input,html[data-theme="dark"] .admin-filterbar select{background:#151e1a;border-color:#29362f;color:#eef4f1}html[data-theme="dark"] .bottom-nav{background:rgba(18,25,22,.88)}html[data-theme="dark"] .table th{background:#18221e}html[data-theme="dark"] .table tbody tr:hover{background:#18211d}html[data-theme="dark"] .chat-form{background:#151e1a}html[data-theme="dark"] .chat-body{background:#111814}html[data-theme="dark"] .bubble{background:#18231e;border-color:#29362f}

/* Responsive */
@media (min-width:701px){body.app-v2{padding-bottom:0}.bottom-nav{display:none}.pwa-install{bottom:24px}}
@media (max-width:1120px){.quick-categories{grid-template-columns:repeat(4,1fr)}.listings-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.user-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.notification-compose{grid-template-columns:1fr}.home-dashboard{grid-template-columns:1fr}.home-side{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-side{position:fixed;z-index:120;right:0;top:0;width:min(290px,86vw);transform:translateX(105%);transition:transform .36s var(--ease-spring);box-shadow:-20px 0 60px rgba(0,0,0,.22)}.admin-shell.side-open .admin-side{transform:none}.admin-main{padding:0 14px 30px}.admin-top{margin:0 -14px;padding:0 14px}.admin-mobile-toggle{display:grid}.admin-top-search{max-width:none}.detail-layout{grid-template-columns:1fr}.messages-layout{grid-template-columns:1fr}.threads{border-left:0}.chat{display:none}.messages-layout.chat-open .threads{display:none}.messages-layout.chat-open .chat{display:flex}}
@media (max-width:700px){:root{--top-h:64px;--nav-h:68px;--nav-bottom:max(8px,env(safe-area-inset-bottom));--nav-clear:calc(var(--nav-h) + var(--nav-bottom) + 16px)}body.app-v2{padding-bottom:calc(var(--nav-clear) + 6px)}.shell{width:min(100% - 20px,1280px)}.topbar.app-header{grid-template-columns:auto 1fr auto;padding:8px 10px}.brand-mark{width:39px;height:39px;border-radius:13px}.brand-mark img{width:28px}.brand-copy{display:none}.location-chip{justify-self:center;padding:8px 10px;font-size:11px;max-width:155px}.location-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip{min-width:auto;padding:4px;border-radius:13px}.profile-chip-copy{display:none}.mini-avatar{width:31px;height:31px}.top-actions{gap:5px}.top-actions>.icon-btn:nth-of-type(2){display:none}.home-shell{padding-top:10px}.home-dashboard{gap:10px}.home-welcome{border-radius:25px;min-height:226px;padding:23px 18px}.home-welcome h1{font-size:34px;margin-top:14px}.home-welcome p{font-size:12px;line-height:1.65}.home-primary-actions{margin-top:17px}.home-primary-actions .btn{padding:10px 13px;font-size:11px}.home-side{grid-template-columns:1fr 1fr;gap:8px}.home-side-card{min-height:110px;padding:14px;border-radius:19px}.home-side-card b{font-size:14px;padding-left:38px}.home-side-card p{font-size:10px}.home-side-card .soft-icon{width:37px;height:37px;border-radius:13px;left:10px;top:10px}.home-side-card .soft-icon svg{width:20px;height:20px}.home-search-panel{margin-top:-19px;padding:0 9px}.smart-search{grid-template-columns:auto 1fr auto;border-radius:17px;padding:6px}.smart-search .search-icon{width:36px;height:36px;border-radius:11px}.smart-search .btn{display:none}.filter-trigger{width:36px;height:36px;border-radius:11px}.smart-search input{font-size:12px;padding:9px 3px}.section{padding:14px 0 17px}.section-head h2{font-size:19px}.quick-categories{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;padding-bottom:7px;scrollbar-width:none}.quick-category{flex:0 0 86px;scroll-snap-align:start;padding:11px 6px;border-radius:17px}.quick-category .cat-icon{width:42px;height:42px;border-radius:14px}.quick-category b{font-size:10px}.quick-category small{font-size:8px}.listings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.listing-card{border-radius:18px}.listing-body{padding:10px}.listing-price{font-size:15px}.listing-title{font-size:11px}.listing-meta{font-size:8.5px;display:block}.listing-meta span+span{margin-top:2px}.listing-thumb{aspect-ratio:1.05/1}.fav-btn{width:32px;height:32px;border-radius:11px}.discovery-row{gap:9px}.discovery-row .listing-card{flex-basis:72vw;max-width:290px}.bottom-nav{width:calc(100% - 14px);border-radius:21px;padding:6px;height:var(--nav-h)}.nav-item{font-size:8.5px}.nav-add{width:56px;height:56px;border-radius:19px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-card{padding:17px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.profile-hero{grid-template-columns:auto 1fr;padding:16px;gap:11px}.profile-avatar{width:58px;height:58px;border-radius:19px;font-size:22px}.profile-main h1{font-size:18px}.profile-actions{grid-column:1/-1;justify-content:stretch}.profile-actions .btn{flex:1;font-size:10px;padding:10px}.profile-mini-stats{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat{padding:13px}.stat b{font-size:22px}.user-grid{grid-template-columns:1fr}.admin-head{align-items:center}.admin-head h1{font-size:23px}.admin-top-search{display:none}.admin-content{padding-top:16px}.notification-compose{display:block}.channel-cards{margin-bottom:12px}.table-card{border-radius:18px}.pwa-install{grid-template-columns:auto 1fr auto}.pwa-install>.icon-btn{display:none}.sheet-card{border-radius:27px 27px 0 0}.city-grid{grid-template-columns:1fr 1fr}}
@media (max-width:390px){.home-side{grid-template-columns:1fr}.quick-category{flex-basis:78px}.city-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.admin-overlay{display:none;position:fixed;inset:0;z-index:115;border:0;background:rgba(5,12,8,.45);backdrop-filter:blur(2px)}
@media(max-width:900px){.admin-shell.side-open .admin-overlay{display:block}.admin-side{z-index:120}}

/* ===== SOURCE: assets/css/v2.2.css ===== */
/* Qalamoun Market 2.2 — profile, chat, branding and control-center layer */
:root{--safe-bottom:max(8px,env(safe-area-inset-bottom));--explore-clear:calc(var(--nav-h) + var(--safe-bottom) + 26px)}

/* Image avatars and brand assets */
.mini-avatar,.avatar,.thread-avatar,.profile-avatar-xl,.avatar-preview,.public-avatar{overflow:hidden}.mini-avatar img,.avatar img,.thread-avatar img,.profile-avatar-xl img,.avatar-preview img,.public-avatar img{width:100%;height:100%;display:block;object-fit:cover}.brand-mark img,.admin-brand img{object-fit:contain}.nav-icon{position:relative}.nav-badge{position:absolute;top:-5px;left:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#e44b4b;color:#fff;border:2px solid var(--surface);font-style:normal;font-size:8px;font-weight:900;display:grid;place-items:center}

/* Category images */
.quick-category .cat-icon.has-image{padding:0;overflow:hidden;background:#dde8e2}.quick-category .cat-icon.has-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--ease-spring)}.quick-category:hover .cat-icon.has-image img{transform:scale(1.08)}

/* Stronger motion language */
.card,.listing-card,.profile-shortcut,.thread-modern,.category-admin-card{transition:transform .22s var(--ease-spring),box-shadow .22s,border-color .22s,background .22s}.profile-shortcut:hover,.category-admin-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.icon-btn svg,.btn svg,.profile-shortcut svg{transition:transform .22s var(--ease-spring)}.icon-btn:active svg,.btn:active svg{transform:scale(.88)}
@keyframes softPop{0%{opacity:0;transform:scale(.96) translateY(6px)}100%{opacity:1;transform:none}}

/* Explore installed-PWA safe zones */




/* Profile home */
.profile-page{max-width:1180px}.profile-cover{position:relative;overflow:hidden;padding:0;margin-bottom:16px}.profile-cover-glow{height:126px;background:radial-gradient(circle at 20% 20%,rgba(101,231,178,.24),transparent 36%),linear-gradient(125deg,#0b1a14,#143729 55%,var(--brand));position:relative}.profile-cover-glow::after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent)}.profile-identity{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end;padding:0 24px 22px;margin-top:-46px;position:relative}.profile-avatar-xl{width:104px;height:104px;border-radius:31px;background:linear-gradient(145deg,var(--brand),#1aa675);border:5px solid var(--surface);box-shadow:0 14px 35px rgba(5,28,20,.18);display:grid;place-items:center;color:#fff;font-size:38px;font-weight:900;position:relative}.presence-dot{position:absolute;left:4px;bottom:6px;width:17px;height:17px;border-radius:50%;background:#29c66f;border:4px solid var(--surface)}.profile-copy{padding-bottom:5px}.profile-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-name-line h1{margin:0;font-size:27px;letter-spacing:-.03em}.profile-copy>p{margin:5px 0 0;color:var(--muted);font-size:12px}.profile-bio{margin-top:10px;font-size:12px;line-height:1.8;color:#425149;max-width:620px}.verified-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:900}.verified-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}.profile-edit-actions{display:flex;gap:7px;padding-bottom:7px}.profile-edit-actions .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.profile-stats-modern{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(250,252,251,.6),rgba(247,250,248,.95))}.profile-stats-modern div{padding:16px 20px;text-align:center;position:relative}.profile-stats-modern div+div::before{content:"";position:absolute;right:0;top:19px;bottom:19px;width:1px;background:var(--line)}.profile-stats-modern b{display:block;font-size:23px;letter-spacing:-.02em}.profile-stats-modern span{font-size:10px;color:var(--muted);font-weight:700}.profile-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:26px}.profile-shortcut{padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-width:0}.shortcut-icon{width:46px;height:46px;border-radius:15px;background:var(--surface-2);color:var(--brand);display:grid;place-items:center;position:relative}.shortcut-icon.heart{color:#d2485e;background:#fff0f2}.shortcut-icon>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.shortcut-icon i{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;border-radius:99px;padding:0 4px;background:var(--brand);color:#fff;font-size:8px;font-style:normal;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.profile-shortcut>span:nth-child(2){min-width:0}.profile-shortcut b{display:block;font-size:12px}.profile-shortcut small{display:block;color:var(--muted);font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut-arrow{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.8}.profile-listings-head{display:flex;align-items:end;justify-content:space-between;margin:22px 0 14px}.profile-listings-head h2,.page-title-modern h1{margin:2px 0 0;font-size:26px}.eyebrow{display:block;color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.06em}.profile-signout{text-align:center;padding:26px 0 4px}.profile-signout a{color:#b23b3b;font-size:11px;font-weight:800}

/* Account editor */
.account-page{max-width:980px}.account-editor{overflow:hidden;padding:0}.account-editor-head{padding:24px 26px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line)}.account-editor-head h1{margin:4px 0 5px;font-size:29px}.account-editor-head p{margin:0;color:var(--muted);font-size:12px}.account-editor form{padding:0 26px 24px}.avatar-editor{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);margin-bottom:22px}.avatar-upload{position:relative;cursor:pointer}.avatar-preview{width:94px;height:94px;border-radius:29px;background:linear-gradient(145deg,var(--brand),#23a97d);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:900;box-shadow:var(--shadow-md)}.avatar-camera{position:absolute;left:-4px;bottom:-4px;width:34px;height:34px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--brand);box-shadow:var(--shadow-sm)}.avatar-camera svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.avatar-editor b{font-size:15px}.avatar-editor p{margin:4px 0 10px;color:var(--muted);font-size:11px}.avatar-file-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.check-row{display:flex!important;align-items:center;gap:7px!important;font-size:11px!important;font-weight:700!important;color:var(--muted)!important}.check-row input{width:auto!important}.inline-alert{padding:11px 14px;margin:16px 26px 0;border-radius:12px;font-size:11px}.inline-alert.error{background:#fff0f0;color:#9a3434}.sticky-form-actions{border-top:1px solid var(--line);padding-top:18px}

/* Favorites */
.page-title-modern{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-title-modern p{margin:4px 0 0;color:var(--muted);font-size:11px}.favorites-grid>div{min-width:0}.favorites-grid .listing-card{height:100%}.favorites-empty{padding:54px 20px}.empty-heart{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:#fff0f2;color:#cf4e62;font-size:36px;margin:0 auto 12px}

/* Public user / store profile */
.public-profile-card{overflow:hidden;margin-bottom:22px}.public-profile-banner{height:130px;background:linear-gradient(125deg,#101d17,#174433 65%,var(--brand));position:relative}.public-profile-banner::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% -10%,rgba(255,255,255,.18),transparent 30%)}.public-avatar{position:absolute;right:28px;bottom:-44px;width:96px;height:96px;border-radius:29px;border:5px solid var(--surface);background:var(--brand);display:grid;place-items:center;color:#fff;font-size:34px;font-weight:900;box-shadow:var(--shadow-md)}.public-profile-info{padding:56px 28px 20px;display:flex;justify-content:space-between;gap:20px}.public-profile-info h1{font-size:26px}.public-profile-info p{margin:5px 0;color:var(--muted);font-size:11px}.public-profile-actions{align-self:center}.public-profile-stats{display:flex;gap:0;border-top:1px solid var(--line)}.public-profile-stats span{flex:1;padding:14px 18px;text-align:center;color:var(--muted);font-size:9px}.public-profile-stats span+span{border-right:1px solid var(--line)}.public-profile-stats b{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}

/* WhatsApp-like messenger */
.messages-page-main{padding-top:16px;max-width:1280px}.messages-app{height:min(760px,calc(100dvh - var(--top-h) - 42px));min-height:600px;display:grid;grid-template-columns:350px minmax(0,1fr);overflow:hidden;border-radius:28px}.threads-panel{min-width:0;border-left:1px solid var(--line);background:rgba(250,252,251,.95);display:flex;flex-direction:column}.threads-head{padding:18px 16px 10px;display:flex;align-items:center;justify-content:space-between}.threads-head h1{font-size:22px;margin:2px 0 0}.thread-search{margin:0 12px 10px;background:var(--surface-2);border:1px solid transparent;border-radius:14px;height:42px;display:flex;align-items:center;padding:0 11px;gap:8px;transition:.18s}.thread-search:focus-within{background:#fff;border-color:rgba(var(--brand-rgb),.26);box-shadow:0 0 0 4px rgba(var(--brand-rgb),.06)}.thread-search svg{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.8}.thread-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:11px;color:var(--ink)}.thread-list{overflow:auto;flex:1;padding:3px 7px 10px;scrollbar-width:thin}.thread-modern{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px;border-radius:15px;margin-bottom:3px}.thread-modern:hover,.thread-modern.active{background:var(--brand-soft)}.thread-avatar{width:45px;height:45px;border-radius:15px;background:linear-gradient(145deg,var(--brand-soft),#dcece4);color:var(--brand);display:grid;place-items:center;font-weight:900;position:relative;flex:none}.thread-avatar>i{position:absolute;left:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#22c66e;border:3px solid #fff}.thread-copy{min-width:0;display:grid;gap:4px}.thread-line{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}.thread-line b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-line time{font-size:8px;color:var(--muted);white-space:nowrap}.thread-line p{margin:0;color:var(--muted);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-line em{min-width:18px;height:18px;border-radius:99px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:900}.messages-empty{text-align:center;padding:45px 22px;color:var(--muted)}.messages-empty span{font-size:36px}.messages-empty b{display:block;color:var(--ink);margin-top:9px}.messages-empty p{font-size:10px;line-height:1.6}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#eef4f0}.chat-modern-head{height:67px;display:flex;align-items:center;padding:9px 12px;gap:9px;background:rgba(255,255,255,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);z-index:4}.chat-back{display:none}.chat-person{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.chat-person .thread-avatar{width:42px;height:42px;border-radius:14px}.chat-person>span:last-child{display:grid;min-width:0}.chat-person b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-person small{font-size:9px;color:#2b9869;margin-top:2px}.chat-head-actions{display:flex}.chat-listing-context{margin:8px 10px 0;padding:7px;border:1px solid rgba(var(--brand-rgb),.12);background:rgba(255,255,255,.9);border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;z-index:3;box-shadow:var(--shadow-sm)}.chat-listing-context img{width:52px;height:45px;border-radius:10px;object-fit:cover}.chat-listing-context>span{min-width:0;display:grid}.chat-listing-context small{font-size:8px;color:var(--muted)}.chat-listing-context b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-listing-context em{font-size:9px;color:var(--brand);font-style:normal;font-weight:900}.chat-listing-context>svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.8}.chat-wallpaper{position:relative;flex:1;min-height:0;padding:18px 20px 14px;overflow:auto;display:flex;flex-direction:column;gap:7px;background-color:#e8f0eb;background-image:radial-gradient(circle at 20px 20px,rgba(27,79,57,.035) 1.2px,transparent 1.3px),radial-gradient(circle at 60px 60px,rgba(27,79,57,.028) 1px,transparent 1.1px);background-size:80px 80px;scrollbar-width:thin}.chat-date-chip{align-self:center;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 2px 9px rgba(20,40,30,.05);color:var(--muted);font-size:8px;margin:2px 0 8px}.bubble-modern{max-width:min(72%,540px);align-self:flex-start;background:#fff;border:1px solid rgba(209,220,214,.92);border-radius:17px 17px 17px 5px;padding:6px 7px 4px;box-shadow:0 4px 12px rgba(19,39,29,.045);animation:softPop .22s var(--ease-spring) both}.bubble-modern.mine{align-self:flex-end;background:#dff7ea;border-color:#caeadb;border-radius:17px 17px 5px 17px}.bubble-text{font-size:11.5px;line-height:1.6;padding:3px 5px 1px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0 4px;min-height:15px;color:#7a8881}.bubble-meta time{font-size:7.5px}.read-ticks{font-style:normal;font-size:9px;letter-spacing:-2px;color:#8b9690}.read-ticks.read{color:#1f8bd8}.chat-image{display:block;max-width:360px;border-radius:13px;overflow:hidden;background:#d8e2dc}.chat-image img{display:block;width:100%;max-height:340px;object-fit:cover}.chat-attachment-preview{padding:7px 12px 0;background:#fff}.chat-preview-card{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:6px}.chat-preview-card img{width:48px;height:48px;border-radius:9px;object-fit:cover}.chat-preview-card span{display:grid;min-width:0}.chat-preview-card b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview-card small{font-size:8px;color:var(--muted)}.chat-preview-card button{width:27px;height:27px;border-radius:9px;border:0;background:#fff;color:#a13c3c}.chat-compose{padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:end;background:rgba(255,255,255,.96);border-top:1px solid var(--line);z-index:4}.compose-icon,.send-button{width:41px;height:41px;border-radius:14px;border:0;display:grid;place-items:center;transition:.18s var(--ease);flex:none}.compose-icon{background:var(--surface-2);color:var(--muted);cursor:pointer}.compose-icon:hover{color:var(--brand);background:var(--brand-soft)}.send-button{background:linear-gradient(145deg,var(--brand),#1ba876);color:#fff;box-shadow:0 7px 18px rgba(var(--brand-rgb),.2)}.send-button:active{transform:scale(.92)}.compose-icon svg,.send-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-compose textarea{min-height:41px;max-height:120px;resize:none;border:1px solid var(--line);border-radius:15px;background:#f8faf9;color:var(--ink);outline:0;padding:10px 12px;line-height:1.55;font-size:11.5px;overflow-y:auto}.chat-compose textarea:focus{border-color:rgba(var(--brand-rgb),.35);background:#fff}.chat-compose.sending .send-button{opacity:.5;pointer-events:none}.chat-placeholder{margin:auto;text-align:center;padding:30px;max-width:480px;color:var(--muted)}.chat-placeholder-art{width:110px;height:110px;margin:auto;border-radius:34px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand)}.chat-placeholder-art svg{width:70px;height:70px;fill:none;stroke:currentColor;stroke-width:2}.chat-placeholder h2{color:var(--ink);margin:15px 0 6px}.chat-placeholder p{font-size:11px;line-height:1.8;margin:0 0 16px}

/* Admin branding / taxonomy */
.settings-sections{display:grid;gap:14px}.settings-pane{border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,#fff,#fbfcfb)}.settings-pane-head{display:flex;gap:12px;align-items:center;margin-bottom:17px}.settings-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900}.settings-pane-head h3{margin:0;font-size:15px}.settings-pane-head p{margin:3px 0 0;color:var(--muted);font-size:9.5px}.branding-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.brand-preview-logo,.brand-preview-app{display:flex;align-items:center;gap:11px;padding:11px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.brand-preview-logo img{width:60px;height:42px;object-fit:contain}.brand-preview-app img{width:52px;height:52px;border-radius:15px;object-fit:cover;box-shadow:var(--shadow-sm)}.brand-preview-logo span,.brand-preview-app span{display:grid}.brand-preview-logo b,.brand-preview-app b{font-size:11px}.brand-preview-logo small,.brand-preview-app small{font-size:8px;color:var(--muted);margin-top:3px}.settings-savebar{position:sticky;bottom:10px;margin-top:14px;padding:10px 12px;border:1px solid rgba(var(--brand-rgb),.14);border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;z-index:10}.settings-savebar span{font-size:9px;color:var(--muted)}.settings-test{display:grid;grid-template-columns:1fr minmax(240px,360px) auto;gap:10px;align-items:center}.settings-test>div{display:grid}.settings-test small{font-size:9px;color:var(--muted);margin-top:3px}.settings-test input{border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:0}
.taxonomy-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:16px;align-items:start}.admin-section-title{margin-bottom:10px}.admin-section-title h2{margin:0;font-size:18px}.admin-section-title p{margin:3px 0 0;color:var(--muted);font-size:9px}.category-create{margin-bottom:12px}.category-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-admin-card{overflow:hidden}.category-admin-cover{height:125px;position:relative;background:linear-gradient(145deg,var(--brand-soft),#f6faf8);overflow:hidden}.category-admin-cover>img{width:100%;height:100%;object-fit:cover;display:block}.category-admin-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,12,8,.45))}.category-admin-cover>span{position:absolute;z-index:2;left:9px;bottom:8px;background:rgba(255,255,255,.9);color:#1d2a24;padding:4px 7px;border-radius:99px;font-size:8px;font-weight:900}.category-fallback{height:100%;display:grid;place-items:center;color:var(--brand)}.category-fallback svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.5}.category-admin-fields{padding:12px;display:grid;grid-template-columns:1fr 95px;gap:9px}.category-admin-fields .field.full,.category-admin-fields .btn-block,.category-inline-options{grid-column:1/-1}.category-inline-options{display:flex;justify-content:space-between;gap:10px}.danger-check{color:#b24141!important}.city-admin-list{display:grid;gap:7px}.city-admin-row{display:grid;grid-template-columns:1fr 62px auto auto;gap:7px;align-items:center;padding:9px}.city-admin-name{display:grid;min-width:0}.city-admin-name input{border:0;background:transparent;font-weight:800;outline:0;min-width:0}.city-admin-name small{color:var(--muted);font-size:8px}.sort-mini{width:62px;border:1px solid var(--line);border-radius:9px;padding:7px;background:#fff}.toggle-switch input{display:none}.toggle-switch span{display:block;width:36px;height:21px;border-radius:99px;background:#cbd4cf;position:relative;transition:.2s}.toggle-switch span::after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:3px;right:3px;box-shadow:0 2px 4px #0002;transition:.2s}.toggle-switch input:checked+span{background:var(--brand)}.toggle-switch input:checked+span::after{right:18px}.user-admin-card .avatar img{width:100%;height:100%;object-fit:cover}.admin-top-user .mini-avatar img{width:100%;height:100%;object-fit:cover}

/* Listing user avatar */
.seller .avatar{overflow:hidden;flex:none}.seller .avatar img{width:100%;height:100%;object-fit:cover}.detail-card [data-favorite].active{background:#fff0f2;color:#cc4059;border-color:#f1c8cf}

/* Upload previews */
.upload-preview-item{display:inline-grid;gap:4px;margin:4px}.upload-preview-item img{width:86px;height:86px;object-fit:cover;border-radius:14px}.upload-preview-item small{text-align:center;font-size:9px;color:var(--muted)}

/* Dark mode additions */
html[data-theme="dark"] .profile-stats-modern,html[data-theme="dark"] .threads-panel,html[data-theme="dark"] .chat-modern-head,html[data-theme="dark"] .chat-compose,html[data-theme="dark"] .settings-pane,html[data-theme="dark"] .settings-savebar{background:#151e1a}html[data-theme="dark"] .chat-wallpaper{background-color:#101813;background-image:radial-gradient(circle at 20px 20px,rgba(126,190,160,.04) 1px,transparent 1.2px),radial-gradient(circle at 60px 60px,rgba(126,190,160,.03) 1px,transparent 1.2px)}html[data-theme="dark"] .bubble-modern{background:#18231e;border-color:#29362f}html[data-theme="dark"] .bubble-modern.mine{background:#174a38;border-color:#1d5b45}html[data-theme="dark"] .chat-compose textarea,html[data-theme="dark"] .thread-search,html[data-theme="dark"] .sort-mini{background:#111914;color:var(--ink);border-color:#29362f}html[data-theme="dark"] .profile-bio{color:#acb9b2}html[data-theme="dark"] .brand-preview-logo,html[data-theme="dark"] .brand-preview-app{background:#111914}html[data-theme="dark"] .settings-test input{background:#111914;color:var(--ink)}

/* Responsive */
@media(max-width:1050px){.profile-shortcuts{grid-template-columns:repeat(2,1fr)}.taxonomy-layout{grid-template-columns:1fr}.category-admin-grid{grid-template-columns:repeat(3,1fr)}.messages-app{grid-template-columns:310px 1fr}.settings-test{grid-template-columns:1fr 1fr}.settings-test>div{grid-column:1/-1}}
@media(max-width:900px){.category-admin-grid{grid-template-columns:repeat(2,1fr)}.messages-app{grid-template-columns:1fr;height:calc(100dvh - var(--top-h) - var(--nav-clear) - 18px);min-height:0}.chat-panel{display:none}.messages-app.chat-open .threads-panel{display:none}.messages-app.chat-open .chat-panel{display:flex}.chat-back{display:grid}.messages-page-main{padding-top:9px}.profile-identity{grid-template-columns:auto 1fr}.profile-edit-actions{grid-column:1/-1;padding-bottom:0}.public-profile-info{display:block}.public-profile-actions{margin-top:12px}}
@media(max-width:700px){.profile-page,.account-page,.public-profile-page,.favorites-main{padding-top:12px}.profile-cover{border-radius:22px}.profile-cover-glow{height:104px}.profile-identity{padding:0 14px 16px;margin-top:-39px;gap:11px}.profile-avatar-xl{width:82px;height:82px;border-radius:24px;border-width:4px;font-size:28px}.profile-name-line h1{font-size:19px}.profile-copy>p{font-size:9.5px}.profile-bio{font-size:10px;line-height:1.6}.profile-edit-actions .btn{flex:1}.profile-stats-modern div{padding:12px 5px}.profile-stats-modern b{font-size:18px}.profile-stats-modern span{font-size:8px}.profile-shortcuts{grid-template-columns:1fr 1fr;gap:7px}.profile-shortcut{padding:10px;gap:7px;border-radius:18px}.shortcut-icon{width:39px;height:39px;border-radius:13px}.profile-shortcut b{font-size:10.5px}.profile-shortcut small{font-size:8px}.profile-listings-head h2{font-size:21px}.account-editor{border-radius:22px}.account-editor-head{padding:18px 16px;display:block}.account-editor-head .btn{margin-top:12px}.account-editor-head h1{font-size:23px}.account-editor form{padding:0 16px 18px}.avatar-editor{grid-template-columns:auto 1fr;gap:12px;padding:18px 0}.avatar-preview{width:78px;height:78px;border-radius:23px}.avatar-editor p{font-size:9px}.page-title-modern{align-items:flex-start}.page-title-modern h1{font-size:23px}.public-profile-banner{height:102px}.public-avatar{right:16px;width:82px;height:82px;border-radius:24px;bottom:-38px}.public-profile-info{padding:49px 16px 16px}.public-profile-info h1{font-size:21px}.public-profile-stats span{padding:11px 4px;font-size:7.5px}.public-profile-stats b{font-size:11px}.messages-app{border-radius:21px}.threads-head{padding:14px 13px 8px}.thread-search{margin-inline:9px}.thread-modern{padding:9px}.chat-modern-head{height:58px;padding:7px}.chat-person .thread-avatar{width:37px;height:37px}.chat-listing-context{margin:6px 7px 0}.chat-wallpaper{padding:12px 10px 10px}.bubble-modern{max-width:84%;border-radius:15px 15px 15px 5px}.bubble-modern.mine{border-radius:15px 15px 5px 15px}.bubble-text{font-size:11px}.chat-compose{padding:7px 7px calc(7px + env(safe-area-inset-bottom))}.compose-icon,.send-button{width:39px;height:39px;border-radius:13px}.chat-compose textarea{min-height:39px}.branding-preview{grid-template-columns:1fr}.settings-pane{padding:13px}.settings-savebar{bottom:calc(var(--nav-clear) + 2px);display:block}.settings-savebar span{display:none}.settings-savebar .btn{width:100%}.settings-test{grid-template-columns:1fr}.category-admin-grid{grid-template-columns:1fr}.category-admin-cover{height:145px}.category-admin-fields{grid-template-columns:1fr 80px}.city-admin-row{grid-template-columns:1fr 54px auto auto}.taxonomy-layout{gap:24px}}
@media(max-width:390px){.profile-shortcuts{grid-template-columns:1fr}.profile-identity{grid-template-columns:auto 1fr}.profile-edit-actions{display:grid;grid-template-columns:1fr}.avatar-editor{grid-template-columns:1fr;text-align:center}.avatar-upload{margin:auto}.avatar-file-actions{justify-content:center}.profile-stats-modern{grid-template-columns:repeat(2,1fr)}.profile-stats-modern div:nth-child(3){border-top:1px solid var(--line)}.profile-stats-modern div:nth-child(4){border-top:1px solid var(--line)}.public-profile-stats{display:grid;grid-template-columns:1fr}.public-profile-stats span+span{border-right:0;border-top:1px solid var(--line)}}
.chat-menu{position:relative}.chat-menu summary{list-style:none}.chat-menu summary::-webkit-details-marker{display:none}.chat-menu-pop{position:absolute;z-index:20;top:48px;left:0;min-width:150px;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-md);transform-origin:top left;animation:softPop .18s var(--ease-spring) both}.chat-menu-pop a{display:block;padding:9px 10px;border-radius:9px;font-size:10px;font-weight:800}.chat-menu-pop a:hover{background:var(--surface-2);color:var(--brand)}
@media(max-width:700px){.admin-body .settings-savebar{bottom:10px}}

/* ===== SOURCE: assets/css/v2.3.css ===== */
/* Qalamoun Market 2.3 — premium application shell, full-screen chat, PWA UX and professional admin */
:root{
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --app-vh:100dvh;
  --surface-glass:rgba(255,255,255,.82);
  --surface-elevated:#fff;
  --shadow-premium:0 18px 60px rgba(17,34,26,.10);
  --shadow-float:0 24px 70px rgba(7,28,20,.18);
  --ease-premium:cubic-bezier(.16,1,.3,1);
}

/* ---------- application-wide refinement ---------- */
html{background:#f3f6f4}
html.sheet-open{overflow:hidden}
body.app-v2{background:#f5f8f6;letter-spacing:-.01em}
body.app-v2 .app-bg{
  background:
    radial-gradient(800px 420px at 92% -8%,rgba(var(--brand-rgb),.12),transparent 62%),
    radial-gradient(600px 420px at -8% 35%,rgba(62,113,255,.045),transparent 66%),
    linear-gradient(180deg,#fbfcfb 0%,#f3f7f5 52%,#f7f9f8 100%);
}
.card,.listing-card,.quick-category,.profile-shortcut,.messages-hub-card,.settings-pane{
  border-color:rgba(205,218,211,.72);
  box-shadow:0 8px 30px rgba(20,42,31,.055);
}
.card:hover,.listing-card:hover{border-color:rgba(var(--brand-rgb),.16)}
.topbar.app-header{
  top:0;
  min-height:calc(var(--top-h) + var(--safe-top));
  padding-top:calc(10px + var(--safe-top));
  background:rgba(250,252,251,.78);
  border-color:rgba(203,216,209,.65);
  box-shadow:0 6px 30px rgba(14,32,23,.045);
}
.brand-mark{border-radius:16px;background:linear-gradient(145deg,#fff,#edf6f1);box-shadow:0 8px 25px rgba(15,65,45,.07),inset 0 0 0 1px rgba(var(--brand-rgb),.07)}
.location-chip{background:rgba(var(--brand-rgb),.075);border-color:rgba(var(--brand-rgb),.12)}
.icon-btn,.profile-chip{box-shadow:0 5px 16px rgba(14,35,25,.035)}
.icon-btn:hover{transform:translateY(-2px) scale(1.015)}
.icon-btn:active{transform:scale(.93)}
.btn{min-height:42px;border-radius:14px;transition:transform .2s var(--ease-premium),box-shadow .22s ease,filter .2s ease}
.btn:hover{transform:translateY(-2px);filter:saturate(1.05)}
.btn:active{transform:translateY(0) scale(.965)}
.field input,.field textarea,.field select{border-radius:14px;background:rgba(252,253,252,.95)}
.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 4px rgba(var(--brand-rgb),.075),0 8px 24px rgba(var(--brand-rgb),.055)}

/* richer entrance / exit */
main{animation:appPageEnter .46s var(--ease-premium) both;transform-origin:50% 30%}
@keyframes appPageEnter{from{opacity:0;transform:translate3d(0,12px,0) scale(.995);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
body.route-leaving main{animation:appPageLeave .16s ease both}
@keyframes appPageLeave{to{opacity:0;transform:translate3d(0,5px,0) scale(.997);filter:blur(2px)}}
.route-progress{height:3px;background:linear-gradient(90deg,var(--brand),#40d7a2);border-radius:0 0 99px 99px}

/* ---------- bottom navigation / central action ---------- */
.bottom-nav{
  height:72px;
  bottom:max(8px,var(--safe-bottom));
  width:min(610px,calc(100% - 16px));
  padding:7px 8px;
  border-radius:24px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(213,223,218,.75);
  box-shadow:0 18px 54px rgba(13,34,24,.15);
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}
.nav-item{border-radius:16px;transition:background .2s,color .2s,transform .2s var(--ease-premium)}
.nav-item:active{transform:scale(.93)}
.nav-item.active{background:rgba(var(--brand-rgb),.08)}
.nav-item .nav-icon{display:grid!important;place-items:center;position:relative}
.nav-item .nav-label{display:block}
.nav-add{
  width:60px!important;height:60px!important;
  transform:translateY(-15px)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,var(--brand),#19a97a)!important;
  box-shadow:0 12px 30px rgba(var(--brand-rgb),.30),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.nav-add>.nav-label{display:none!important}
.nav-add .nav-icon{display:grid!important;width:100%;height:100%}
.nav-add .nav-icon svg{display:block!important;width:28px!important;height:28px!important;stroke-width:1.9}
.nav-badge.is-empty{display:none!important}

/* ---------- bottom sheets ---------- */
.sheet{display:block;opacity:0;pointer-events:none;transition:opacity .24s ease}
.sheet[hidden]{display:none}
.sheet.is-open{opacity:1;pointer-events:auto}
.sheet-backdrop{opacity:0;transition:opacity .28s ease;background:rgba(8,19,14,.46);backdrop-filter:blur(7px)}
.sheet.is-open .sheet-backdrop{opacity:1}
.sheet-card{
  transform:translate(50%,105%);
  transition:transform .38s var(--ease-premium);
  border-radius:30px 30px 0 0;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(220,229,224,.78);
  box-shadow:0 -28px 75px rgba(7,25,17,.19);
}
.sheet.is-open .sheet-card{transform:translate(50%,0)}
.sheet-title b{font-size:18px}.sheet-title small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.city-option{border-radius:14px;margin-bottom:5px;border:1px solid transparent;transition:.18s var(--ease-premium)}
.city-option:hover{border-color:rgba(var(--brand-rgb),.13);background:rgba(var(--brand-rgb),.055);transform:translateX(-2px)}

/* ---------- PWA install UX ---------- */
.pwa-install{
  bottom:calc(90px + var(--safe-bottom));
  border-radius:22px;
  border:1px solid rgba(var(--brand-rgb),.12);
  box-shadow:var(--shadow-float);
  animation:installRise .45s var(--ease-premium) both;
}
@keyframes installRise{from{opacity:0;transform:translate(50%,18px) scale(.97)}to{opacity:1;transform:translate(50%,0) scale(1)}}
.pwa-install-copy{min-width:0}.pwa-install-copy b{font-size:12px}.pwa-install-copy small{font-size:9px;line-height:1.45}
.install-help-card{max-width:520px;padding-bottom:calc(22px + var(--safe-bottom))}
.install-help-icon{width:78px;height:78px;border-radius:24px;margin:10px auto 16px;padding:8px;background:linear-gradient(145deg,#fff,var(--brand-soft));box-shadow:var(--shadow-md);display:grid;place-items:center}
.install-help-icon img{width:62px;height:62px;border-radius:18px;object-fit:cover}
.install-help-content{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin-bottom:12px;font-size:12px;line-height:1.9}
.install-help-content ol{margin:0;padding-right:20px}.install-help-content li+li{margin-top:5px}
html.standalone-app .pwa-install{display:none!important}

/* ---------- notification center ---------- */
.notification-card{max-width:610px}
.notification-live-head{display:flex;align-items:center;gap:8px;padding:9px 10px;margin:0 0 8px;border-radius:14px;background:rgba(var(--brand-rgb),.06);font-size:10px;color:var(--muted)}
.notification-live-head>a{margin-inline-start:auto;color:var(--brand);font-weight:900}
.device-notify-btn{border:0;background:rgba(var(--brand-rgb),.10);color:var(--brand);border-radius:999px;padding:6px 9px;font:inherit;font-weight:800}
.live-dot,.admin-live-dot,.admin-sync-pill i{width:8px;height:8px;border-radius:50%;background:#27c977;box-shadow:0 0 0 5px rgba(39,201,119,.12);animation:livePulse 2s infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 8px rgba(39,201,119,0)}}
.notification-item{border-radius:16px;padding:12px;transition:.2s var(--ease-premium)}
.notification-item:hover{background:var(--surface-2);transform:translateX(-2px)}
.notification-item.unread{background:rgba(var(--brand-rgb),.055)}
.notification-empty{text-align:center;padding:26px 14px}.notification-empty p{margin:4px 0;color:var(--muted)}

/* ---------- listing cards and profile polish ---------- */
.listing-card{overflow:hidden;border-radius:21px;background:rgba(255,255,255,.96)}
.listing-thumb img{transition:transform .55s var(--ease-premium),filter .3s ease}.listing-card:hover .listing-thumb img{transform:scale(1.035)}
.listing-body{position:relative}.listing-title{font-weight:800;line-height:1.55}.listing-price{letter-spacing:-.03em}
.fav-btn{backdrop-filter:blur(14px);transition:.2s var(--ease-premium)}.fav-btn.is-busy{opacity:.55;pointer-events:none}
.profile-cover,.public-profile-card,.account-editor{box-shadow:0 14px 46px rgba(13,35,24,.07)}
.profile-shortcut{border-radius:20px;background:rgba(255,255,255,.92)}

/* ---------- Explore: safe, polished and gesture-friendly ---------- */















@keyframes swipeHint{0%{opacity:0;transform:translate(-50%,10px)}12%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}



/* ---------- Messages list hub ---------- */
.messages-page-main{padding-top:22px}
.messages-hub{width:min(920px,100%);margin-inline:auto}
.messages-hub-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.messages-hub-head h1{margin:2px 0 3px;font-size:30px}.messages-hub-head p{margin:0;color:var(--muted);font-size:11px}.messages-hub-head .btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.messages-hub-card{padding:12px;border-radius:28px;overflow:hidden}
.thread-search-large{margin:0 0 10px!important;border-radius:17px!important;padding:4px 10px!important;min-height:48px}
.thread-list-modern{display:grid;gap:6px}.thread-modern-wide{border:1px solid transparent;border-radius:18px;padding:11px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}
.thread-modern-wide:hover{background:rgba(var(--brand-rgb),.045);border-color:rgba(var(--brand-rgb),.09);transform:translateX(-2px)}
.thread-avatar-lg{width:50px!important;height:50px!important;border-radius:17px!important;font-size:17px}.thread-avatar-lg i{width:12px!important;height:12px!important}
.thread-modern-wide .thread-copy{min-width:0}.thread-modern-wide .thread-line b{font-size:12px}.thread-modern-wide .thread-line p{font-size:10px}.thread-modern-wide time{font-size:8px}.thread-presence{font-size:8px;color:var(--muted);display:block;margin-top:4px}.thread-presence.online{color:#20a965;font-weight:800}.thread-chevron{width:32px;height:32px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}.thread-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.messages-empty-modern{padding:48px 18px;text-align:center}.empty-chat-icon{width:70px;height:70px;border-radius:23px;margin:0 auto 12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.empty-chat-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7}.messages-empty-modern p{color:var(--muted);font-size:11px;margin:5px auto 15px;max-width:360px}

/* ---------- Full-screen chat ---------- */
body.chat-fullscreen-mode{padding:0!important;overflow:hidden!important;background:#eef4f1}
body.chat-fullscreen-mode .app-bg{display:none}
body.chat-fullscreen-mode .route-progress{z-index:9999}
.chat-fullscreen-shell{position:fixed;inset:0;z-index:500;width:100%;height:var(--app-vh);padding:0!important;margin:0!important;background:linear-gradient(180deg,#f7faf8,#edf3f0);animation:chatScreenIn .36s var(--ease-premium) both}
@keyframes chatScreenIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.chat-fullscreen-card{height:100%;width:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;background:transparent}
.chat-full-head{min-height:calc(70px + var(--safe-top));padding:calc(9px + var(--safe-top)) 14px 9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:rgba(255,255,255,.90);border-bottom:1px solid rgba(207,220,213,.72);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 7px 28px rgba(16,38,27,.055);z-index:5}
.chat-close-button{height:42px;padding:0 11px;border-radius:14px;display:flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--line);font-size:10px;font-weight:900;transition:.2s var(--ease-premium)}.chat-close-button:hover{transform:translateX(2px);background:var(--brand-soft);color:var(--brand)}.chat-close-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
.chat-full-person{display:flex;align-items:center;gap:11px;min-width:0}.participant-stack{position:relative;width:58px;height:48px;flex:none}.participant-avatar{position:absolute;border-radius:16px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff;overflow:visible}.participant-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.peer-avatar{right:0;top:0;width:46px;height:46px;background:linear-gradient(145deg,var(--brand),#1aa878);box-shadow:0 7px 20px rgba(var(--brand-rgb),.18)}.me-avatar{left:0;bottom:-1px;width:25px;height:25px;background:#465950;border:2px solid #fff;border-radius:9px!important;font-size:8px;box-shadow:0 5px 12px rgba(0,0,0,.12)}.presence-dot{left:-2px!important;bottom:-2px!important;width:11px!important;height:11px!important;border:3px solid #fff!important;background:#9aa9a1!important}.presence-dot.online{background:#27c877!important}
.chat-person-copy{display:grid;min-width:0;line-height:1.1}.chat-person-copy>small{color:var(--muted);font-size:8px;font-weight:700}.chat-person-copy>b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.chat-person-copy>span{color:var(--muted);font-size:8px;margin-top:4px}.verified-dot{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--brand);color:#fff;font-size:9px;margin-inline-start:3px}.chat-head-actions{display:flex;gap:6px;align-items:center}.chat-head-actions .icon-btn{width:40px;height:40px;border-radius:13px}
.chat-listing-context-full{margin:8px 14px 0!important;min-height:57px;z-index:4;border:1px solid rgba(var(--brand-rgb),.10);border-radius:16px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 7px 24px rgba(16,38,27,.045)}
.chat-listing-context-full img{width:45px!important;height:45px!important;border-radius:12px!important}.chat-listing-context-full span{min-width:0}.chat-listing-context-full small{font-size:7px!important}.chat-listing-context-full b{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-listing-context-full em{font-size:9px!important}
.chat-body-full{min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior-y:contain;padding:16px max(12px,calc((100vw - 980px)/2)) 22px!important;display:flex!important;flex-direction:column!important;gap:9px!important;background-color:#e9f1ed!important;background-image:radial-gradient(circle at 24px 24px,rgba(38,91,65,.055) 1px,transparent 1.2px),radial-gradient(circle at 72px 72px,rgba(38,91,65,.035) 1px,transparent 1.2px)!important;background-size:96px 96px!important;scrollbar-width:thin;scrollbar-color:rgba(var(--brand-rgb),.24) transparent}
.chat-date-chip{align-self:center;margin:3px 0 8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(201,216,208,.72);backdrop-filter:blur(10px);font-size:8px;color:var(--muted);box-shadow:0 4px 12px rgba(20,40,31,.035)}.lock-mini{color:var(--brand);font-weight:900;margin-left:4px}
.bubble-modern{position:relative;max-width:min(74%,680px)!important;padding:18px 11px 7px!important;border-radius:18px 18px 18px 6px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(204,218,210,.75)!important;box-shadow:0 5px 18px rgba(17,39,28,.055);align-self:flex-start!important;animation:bubbleIn .24s var(--ease-premium) both}
.bubble-modern.mine{align-self:flex-end!important;background:linear-gradient(145deg,#dff6eb,#d8f1e5)!important;border-color:rgba(var(--brand-rgb),.11)!important;border-radius:18px 18px 6px 18px!important}
@keyframes bubbleIn{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
.bubble-modern::before{content:attr(data-author);position:absolute;top:6px;right:10px;color:var(--brand);font-size:7px;font-weight:900;opacity:.78;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-modern.mine::before{color:#2a7759}
.bubble-text{font-size:12px!important;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-meta{display:flex!important;justify-content:flex-end!important;align-items:center;gap:4px;margin-top:3px;color:var(--muted);font-size:7px}.read-ticks{font-style:normal;color:#84958c}.read-ticks.read{color:#2d84d7}.chat-image{display:block;margin:-8px -2px 6px}.chat-image img{display:block;max-width:min(330px,60vw);max-height:360px;border-radius:13px;object-fit:cover}
.chat-attachment-preview{position:absolute;bottom:72px;right:50%;transform:translateX(50%);z-index:9;width:min(650px,calc(100% - 24px))}.chat-preview-card{box-shadow:0 18px 45px rgba(0,0,0,.16)}
.chat-compose-full{position:relative!important;z-index:8;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important;padding:8px max(12px,calc((100vw - 980px)/2)) calc(8px + var(--safe-bottom))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(204,217,210,.74)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 -8px 28px rgba(14,37,25,.06)}
.chat-compose-full textarea{min-height:44px!important;max-height:126px!important;border-radius:16px!important;background:#f2f6f4!important;border:1px solid #dce6e1!important;padding:12px 13px!important;line-height:1.45!important;font-size:12px!important;resize:none!important;outline:none!important}.chat-compose-full textarea:focus{background:#fff!important;border-color:rgba(var(--brand-rgb),.35)!important;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.07)}
.compose-icon,.send-button{width:44px!important;height:44px!important;border-radius:15px!important;transition:.2s var(--ease-premium)}.compose-icon:hover,.send-button:hover{transform:translateY(-2px)}.send-button{background:linear-gradient(145deg,var(--brand),#18a978)!important;box-shadow:0 9px 20px rgba(var(--brand-rgb),.22)}.chat-compose.sending .send-button{opacity:.55;transform:scale(.92)}
.chat-menu-pop{z-index:30!important;border-radius:16px!important;padding:7px!important;box-shadow:0 18px 45px rgba(16,34,25,.15)!important}.chat-menu-pop a{border-radius:11px!important;padding:10px!important}

/* ---------- Admin Control Center ---------- */
body.admin-body{padding:0!important;background:#f4f7f5}
body.admin-body .app-bg{background:radial-gradient(900px 500px at 90% -10%,rgba(var(--brand-rgb),.09),transparent 60%),linear-gradient(180deg,#f7faf8,#f1f5f3)}
.admin-shell{display:grid!important;grid-template-columns:282px minmax(0,1fr)!important;min-height:100vh;background:transparent}
.admin-side{position:sticky!important;top:0!important;height:100vh!important;padding:12px!important;background:transparent!important;color:#d8e6de!important;z-index:120}
.admin-side-inner{height:100%;display:flex;flex-direction:column;padding:16px 12px 12px;border-radius:24px;background:linear-gradient(180deg,#10271d 0%,#0c2118 55%,#0a1b14 100%);box-shadow:14px 0 45px rgba(11,35,24,.13);overflow:hidden}
.admin-brand{display:flex!important;align-items:center!important;gap:11px!important;margin:0 4px 13px!important;padding:7px!important;color:#fff!important;font-size:14px!important}.admin-brand-mark{width:43px;height:43px;border-radius:14px;background:rgba(255,255,255,.09);display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.08)}.admin-brand-mark img{width:31px;height:31px;object-fit:contain}.admin-brand>span:last-child{display:grid;min-width:0}.admin-brand b{font-size:14px}.admin-brand small{display:block;color:#88a697;font-size:8px;margin-top:4px;font-weight:700}
.admin-workspace-pill{margin:0 4px 14px;padding:10px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.065);display:flex;align-items:center;gap:9px}.admin-workspace-pill div{display:grid}.admin-workspace-pill b{font-size:9px;color:#dcebe3}.admin-workspace-pill small{font-size:7px;color:#789688;margin-top:2px}.admin-live-dot{flex:none}
.admin-menu{display:block!important;min-height:0;overflow-y:auto;padding:0 3px 6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.admin-menu .menu-label{margin:13px 9px 6px!important;color:#6f8d7e!important;font-size:8px!important;font-weight:900!important;letter-spacing:.06em}.admin-menu a{min-height:42px;padding:8px 9px!important;border-radius:13px!important;color:#9fbaac!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:10px!important;font-weight:800!important;transition:.2s var(--ease-premium)!important}.admin-menu a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;transform:translateX(-2px)}.admin-menu a.active{background:linear-gradient(135deg,rgba(39,203,138,.17),rgba(255,255,255,.07))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(79,225,164,.11)}.admin-menu-icon{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.055);flex:none}.admin-menu a.active .admin-menu-icon{background:rgba(58,220,151,.13);color:#5ee2aa}.admin-menu svg{width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.admin-menu-badge{margin-inline-start:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:rgba(255,255,255,.10);display:grid;place-items:center;font-size:8px;color:#fff}
.admin-side-foot{margin-top:auto;padding:10px 3px 0;border-top:1px solid rgba(255,255,255,.065);display:grid;gap:4px}.admin-side-foot a{display:flex;align-items:center;gap:9px;padding:9px;border-radius:12px;color:#94b0a2;font-size:9px;font-weight:800;transition:.2s}.admin-side-foot a:hover{background:rgba(255,255,255,.055);color:#fff}.admin-side-foot a.danger:hover{color:#ffb7b7}.admin-side-foot svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.admin-main{padding:0 20px 32px!important;min-width:0;background:transparent!important}.admin-top{position:sticky!important;top:0!important;z-index:90!important;height:74px!important;margin:0 -20px 18px!important;padding:0 20px!important;display:grid!important;grid-template-columns:auto minmax(260px,560px) auto!important;gap:18px!important;align-items:center!important;background:rgba(247,250,248,.82)!important;border-bottom:1px solid rgba(205,218,211,.68)!important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.admin-top-start{display:flex;align-items:center;gap:9px}.admin-top-title{display:grid;line-height:1.05}.admin-top-title small{font-size:7px;color:var(--muted);font-weight:800}.admin-top-title b{font-size:12px;margin-top:4px;white-space:nowrap}.admin-top-search{height:43px!important;border:1px solid #dfe7e3!important;border-radius:14px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 5px 18px rgba(20,42,31,.035)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;padding:0 10px!important}.admin-top-search svg{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.8}.admin-top-search input{border:0!important;background:transparent!important;outline:0!important;min-width:0!important;font-size:10px!important}.admin-top-search kbd{font-family:inherit;font-size:8px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:3px 6px}.admin-top-user{display:flex!important;align-items:center!important;gap:7px!important}.admin-sync-pill{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:#ebf8f1;color:#17784d;font-size:8px;font-weight:900}.admin-sync-pill i{width:7px;height:7px}.admin-user-chip{display:flex;align-items:center;gap:8px;padding:4px 7px;border-radius:14px;border:1px solid var(--line);background:#fff}.admin-user-chip>span:last-child{display:grid}.admin-user-chip b{font-size:9px}.admin-user-chip small{font-size:7px;color:var(--muted);margin-top:2px}.admin-user-chip .mini-avatar{width:32px;height:32px;border-radius:10px}
.admin-content{max-width:1500px;width:100%;margin:0 auto}.admin-head{margin-bottom:15px!important;gap:16px}.admin-head h1{font-size:25px!important;letter-spacing:-.03em}.admin-head p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.stats{gap:10px!important}.stat{position:relative;overflow:hidden;padding:16px!important;border-radius:19px!important;background:rgba(255,255,255,.94)!important}.stat::after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;left:-45px;top:-50px;background:radial-gradient(circle,rgba(var(--brand-rgb),.09),transparent 68%)}.stat small{font-size:8px!important}.stat b{font-size:25px!important;letter-spacing:-.04em}.stat em{font-size:7.5px!important;color:var(--muted)!important;font-style:normal!important}.admin-card{border-radius:21px!important;padding:16px!important}.admin-card-head{margin-bottom:13px!important}.admin-card-head h3{font-size:13px!important}.admin-card-head small{font-size:8px!important}.table-card{border-radius:16px!important;border:1px solid rgba(211,221,216,.65)}.table th{background:#f8faf9!important}.table th,.table td{font-size:9.5px!important;padding:10px 11px!important}.metric-track{height:6px!important;border-radius:99px!important;background:#edf2ef!important;overflow:hidden}.metric-fill{border-radius:99px!important;background:linear-gradient(90deg,var(--brand),#42d49e)!important}.activity-chart{min-height:160px!important}.activity-bar{border-radius:8px 8px 3px 3px!important;background:linear-gradient(180deg,#43d6a0,var(--brand))!important;box-shadow:0 8px 18px rgba(var(--brand-rgb),.15)}
.admin-overlay{background:rgba(4,14,9,.52)!important;backdrop-filter:blur(4px)!important}

/* Admin dashboard 2.3 helpers */
.admin-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-kpi{padding:15px;border-radius:19px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;position:relative;overflow:hidden}.admin-kpi-icon{width:39px;height:39px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.admin-kpi-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-kpi-copy{min-width:0}.admin-kpi-copy small{display:block;color:var(--muted);font-size:7.5px;font-weight:800}.admin-kpi-copy b{display:block;font-size:23px;letter-spacing:-.04em;margin-top:2px}.admin-kpi-copy em{display:block;font-style:normal;color:var(--muted);font-size:7px;margin-top:3px}.admin-kpi.accent .admin-kpi-icon{background:linear-gradient(145deg,var(--brand),#1cb27f);color:#fff;box-shadow:0 8px 20px rgba(var(--brand-rgb),.18)}
.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:12px;margin-bottom:12px}.admin-dashboard-card{padding:17px;border-radius:21px}.admin-dashboard-card h3{margin:0;font-size:13px}.admin-dashboard-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-dashboard-card>header small{display:block;margin-top:3px;color:var(--muted);font-size:7.5px}.admin-area-chart{height:185px;display:flex;align-items:flex-end;gap:7px;padding:8px 4px 2px}.admin-area-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.admin-area-bar-wrap{width:100%;height:135px;display:flex;align-items:flex-end;justify-content:center}.admin-area-bar{width:min(26px,70%);height:var(--h);min-height:4px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#4bd8a5,var(--brand));box-shadow:0 8px 18px rgba(var(--brand-rgb),.14);transition:height .7s var(--ease-premium)}.admin-area-col b{font-size:8px}.admin-area-col small{font-size:7px;color:var(--muted)}
.admin-health-list{display:grid;gap:8px}.admin-health-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.admin-health-icon{width:30px;height:30px;border-radius:10px;background:#e9f8f0;color:#168052;display:grid;place-items:center;font-size:12px;font-weight:900}.admin-health-row b{font-size:9px}.admin-health-row small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.admin-health-status{font-size:7px;font-weight:900;padding:5px 7px;border-radius:99px;background:#e8f7ef;color:#177a4d}
.install-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.install-method-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.install-method-card small{display:block;color:var(--muted);font-size:7px}.install-method-card b{display:block;font-size:18px;margin-top:2px}

/* ---------- dark theme ---------- */
html[data-theme="dark"]{--surface-elevated:#151e1a;--surface-glass:rgba(20,29,25,.84)}
html[data-theme="dark"] body.app-v2{background:#0f1612}
html[data-theme="dark"] body.app-v2 .app-bg{background:radial-gradient(800px 420px at 92% -8%,rgba(var(--brand-rgb),.14),transparent 62%),linear-gradient(180deg,#101713,#0e1511)}
html[data-theme="dark"] .topbar.app-header{background:rgba(17,24,20,.82);border-color:#27342e}
html[data-theme="dark"] .bottom-nav{background:rgba(18,26,22,.88);border-color:#2b3832}
html[data-theme="dark"] .sheet-card{background:#151e1a;border-color:#29362f}
html[data-theme="dark"] .city-option:hover{background:#1a2921}
html[data-theme="dark"] .install-help-content{background:#111914}
html[data-theme="dark"] .listing-card,html[data-theme="dark"] .profile-shortcut,html[data-theme="dark"] .messages-hub-card{background:#151e1a;border-color:#29362f}
html[data-theme="dark"] .thread-modern-wide:hover{background:#18241e;border-color:#2d3a33}
html[data-theme="dark"] .thread-chevron{background:#101813}
html[data-theme="dark"] body.chat-fullscreen-mode{background:#0e1511}
html[data-theme="dark"] .chat-fullscreen-shell{background:#0f1713}
html[data-theme="dark"] .chat-full-head{background:rgba(20,29,25,.93);border-color:#29362f}
html[data-theme="dark"] .chat-close-button{background:#101813;border-color:#29362f}
html[data-theme="dark"] .me-avatar{border-color:#151e1a}
html[data-theme="dark"] .chat-listing-context-full{background:#151e1a!important;border-color:#29362f}
html[data-theme="dark"] .chat-body-full{background-color:#101713!important;background-image:radial-gradient(circle at 24px 24px,rgba(127,192,161,.035) 1px,transparent 1.2px),radial-gradient(circle at 72px 72px,rgba(127,192,161,.025) 1px,transparent 1.2px)!important}
html[data-theme="dark"] .chat-date-chip{background:rgba(25,36,30,.8);border-color:#29362f}
html[data-theme="dark"] .bubble-modern{background:#18231e!important;border-color:#29362f!important;color:#edf5f0}
html[data-theme="dark"] .bubble-modern.mine{background:#174a38!important;border-color:#1d5b45!important}
html[data-theme="dark"] .chat-compose-full{background:rgba(20,29,25,.95)!important;border-color:#29362f!important}
html[data-theme="dark"] .chat-compose-full textarea{background:#101813!important;border-color:#29362f!important;color:#edf5f0}
html[data-theme="dark"] body.admin-body{background:#0f1612}
html[data-theme="dark"] body.admin-body .app-bg{background:#0f1612}
html[data-theme="dark"] .admin-main{background:#0f1612!important}
html[data-theme="dark"] .admin-top{background:rgba(15,22,18,.86)!important;border-color:#27342e!important}
html[data-theme="dark"] .admin-top-search,html[data-theme="dark"] .admin-user-chip{background:#151e1a!important;border-color:#29362f!important;color:#edf5f0}
html[data-theme="dark"] .admin-top-search input{color:#edf5f0!important}
html[data-theme="dark"] .admin-sync-pill{background:#143424;color:#62d49d}
html[data-theme="dark"] .stat,html[data-theme="dark"] .admin-kpi,html[data-theme="dark"] .admin-dashboard-card{background:#151e1a!important;border-color:#29362f!important}
html[data-theme="dark"] .admin-health-row,html[data-theme="dark"] .install-method-card{background:#101813;border-color:#29362f}
html[data-theme="dark"] .table th{background:#18211d!important}
html[data-theme="dark"] .metric-track{background:#26332d!important}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  .admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .admin-shell{grid-template-columns:1fr!important}
  .admin-side{position:fixed!important;right:0!important;top:0!important;width:min(300px,88vw)!important;height:100dvh!important;padding:8px!important;transform:translateX(105%);transition:transform .35s var(--ease-premium);z-index:130!important}
  .admin-shell.side-open .admin-side{transform:none}
  .admin-side-inner{border-radius:22px}
  .admin-main{padding:0 13px 28px!important}
  .admin-top{margin:0 -13px 15px!important;padding:0 13px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important}
  .admin-mobile-toggle{display:grid!important}
  .admin-top-search{max-width:none!important}.admin-top-user .admin-user-chip>span:last-child{display:none}.admin-sync-pill{display:none}
  .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  :root{--nav-h:68px;--nav-clear:calc(var(--nav-h) + max(8px,var(--safe-bottom)) + 16px)}
  
  .topbar.app-header{min-height:calc(64px + var(--safe-top));padding-top:calc(8px + var(--safe-top))}
  .bottom-nav{height:68px;width:calc(100% - 12px);padding:6px;border-radius:22px}
  .nav-item{font-size:8px}.nav-item svg{width:21px;height:21px}.nav-add{width:56px!important;height:56px!important;border-radius:19px!important;transform:translateY(-13px)!important}.nav-add .nav-icon svg{width:26px!important;height:26px!important}
  .pwa-install{width:calc(100% - 18px);bottom:calc(82px + var(--safe-bottom));grid-template-columns:auto minmax(0,1fr) auto;padding:10px}.pwa-install>.icon-btn{display:none}.pwa-install img{width:38px;height:38px;border-radius:11px}.pwa-install .btn{padding:8px 10px;min-height:36px;font-size:9px}
  .notification-live-head{flex-wrap:wrap}.notification-live-head>a{margin-inline-start:0}.device-notify-btn{margin-inline-start:auto}
  
  .messages-page-main{padding-top:12px}.messages-hub-head{align-items:center}.messages-hub-head h1{font-size:23px}.messages-hub-head p{display:none}.messages-hub-head .btn{font-size:9px;padding:9px 10px}.messages-hub-card{padding:7px;border-radius:22px}.thread-modern-wide{padding:9px 7px;gap:8px}.thread-avatar-lg{width:45px!important;height:45px!important;border-radius:15px!important}.thread-chevron{width:29px;height:29px}.thread-modern-wide .thread-line p{max-width:58vw}.thread-presence{display:none}
  .chat-full-head{min-height:calc(62px + var(--safe-top));padding:calc(7px + var(--safe-top)) 8px 7px;gap:7px}.chat-close-button{width:39px;height:39px;padding:0;display:grid;place-items:center}.chat-close-button span{display:none}.chat-full-person{gap:7px}.participant-stack{width:48px;height:42px}.peer-avatar{width:41px;height:41px;border-radius:14px}.me-avatar{width:22px;height:22px;border-radius:8px!important}.chat-person-copy>small{display:none}.chat-person-copy>b{font-size:11px}.chat-person-copy>span{font-size:7px}.chat-head-actions .icon-btn{width:38px;height:38px}.chat-head-actions>a.icon-btn{display:none}.chat-listing-context-full{margin:6px 7px 0!important;min-height:52px}.chat-body-full{padding:12px 9px 18px!important}.bubble-modern{max-width:84%!important;padding:17px 10px 6px!important}.bubble-text{font-size:11px!important}.bubble-modern::before{font-size:6.5px}.chat-compose-full{padding:7px 7px calc(7px + var(--safe-bottom))!important;gap:6px!important}.chat-compose-full textarea{min-height:42px!important;font-size:11px!important}.compose-icon,.send-button{width:42px!important;height:42px!important;border-radius:14px!important}.chat-attachment-preview{bottom:65px}
  .admin-top{height:64px!important}.admin-top-title{display:none}.admin-top-search{height:40px!important}.admin-top-search kbd{display:none}.admin-top-user>a.icon-btn{display:none}.admin-user-chip{padding:3px!important;border:0!important;background:transparent!important}.admin-head{align-items:flex-start!important}.admin-head h1{font-size:22px!important}.admin-head .btn{font-size:9px;padding:9px 10px}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-kpi{padding:11px;gap:8px}.admin-kpi-icon{width:34px;height:34px;border-radius:11px}.admin-kpi-copy b{font-size:20px}.admin-dashboard-card{padding:13px}.admin-area-chart{height:155px}.install-method-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .chat-person-copy>b{max-width:120px}.chat-head-actions .icon-btn{width:35px;height:35px}.participant-stack{width:43px}.peer-avatar{width:38px;height:38px}.me-avatar{width:20px;height:20px}
  .admin-kpi-grid{grid-template-columns:1fr}.install-method-grid{grid-template-columns:1fr}.admin-top-search input{font-size:9px!important}
  
}


/* ===== SOURCE: assets/css/v2.4.css ===== */
/* Qalamoun Market 2.4 — complete visual rebuild inspired by premium mobile applications */
:root{
  --brand:#168765;--brand-deep:#0c5d48;--brand-rgb:22,135,101;--brand-soft:#eaf7f2;
  --mint:#dff5eb;--mint-2:#bfe7d7;--ink:#10251e;--muted:#73827c;--line:#e8efec;
  --surface:#ffffff;--surface-2:#f7faf8;--surface-3:#eff6f3;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;
  --shadow-soft:0 12px 36px rgba(20,55,42,.07);--shadow-card:0 16px 48px rgba(15,58,43,.09);--shadow-float:0 24px 70px rgba(6,38,27,.18);
  --ease-fluid:cubic-bezier(.16,1,.3,1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
}
html{background:#f5f9f7;color-scheme:light}
body.app-v2{background:#f5f9f7;color:var(--ink);font-family:"Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}
body.app-v2 .app-bg{background:radial-gradient(900px 520px at 100% -10%,rgba(81,194,151,.16),transparent 58%),radial-gradient(700px 440px at -8% 34%,rgba(118,178,153,.07),transparent 64%),linear-gradient(180deg,#fbfdfc 0,#f3f8f6 55%,#f7faf9 100%)}
::selection{background:rgba(var(--brand-rgb),.15)}
*{-webkit-tap-highlight-color:transparent}
button,a,input,textarea,select{transition:transform .22s var(--ease-fluid),background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,opacity .22s ease}
a:active,button:active{transform:scale(.965)}
.card,.listing-card,.form-card,.profile-shortcut,.settings-pane,.messages-hub-card{border:1px solid rgba(222,233,228,.9);background:rgba(255,255,255,.94);box-shadow:var(--shadow-soft)}
.route-progress{background:linear-gradient(90deg,#49c59a,var(--brand),#84ddbc);height:2px}
main{animation:qPageIn .52s var(--ease-fluid) both}
@keyframes qPageIn{from{opacity:0;transform:translateY(14px) scale(.994);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}

/* ===== APP HEADER ===== */
.topbar.app-header{height:auto;min-height:74px;padding:calc(9px + var(--safe-top)) max(18px,calc((100vw - 1180px)/2)) 9px;grid-template-columns:1fr auto 1fr;background:rgba(250,253,251,.76);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-color:rgba(215,228,222,.75);box-shadow:0 7px 30px rgba(15,54,40,.04)}
.brand{gap:9px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(16,67,49,.08)}.brand-mark img{width:31px;height:31px;object-fit:contain}.brand-copy b{font-size:16px}.brand-copy small{font-size:9px;color:var(--muted);margin-top:2px;display:block}
.location-chip{justify-self:center;background:rgba(var(--brand-rgb),.07);border:1px solid rgba(var(--brand-rgb),.08);color:var(--brand-deep);min-height:39px;padding:8px 12px}.location-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.location-chip .chev{stroke-width:2.3}
.top-actions{align-items:center}.icon-btn{border:1px solid rgba(219,230,225,.88);background:rgba(255,255,255,.82);box-shadow:0 5px 17px rgba(12,45,33,.04)}.profile-chip{background:rgba(255,255,255,.83);border:1px solid rgba(219,230,225,.88);box-shadow:0 5px 17px rgba(12,45,33,.04)}
.notify-badge{background:#ff594e!important;border-color:#fff!important}

/* ===== HOME / PREMIUM APP LANDING ===== */
.home-modern-shell{max-width:1120px;padding:18px 0 34px}
.home-app-hero{height:360px;border-radius:34px;overflow:hidden;position:relative;box-shadow:0 24px 64px rgba(12,74,53,.18);isolation:isolate}
.home-app-hero-media,.home-app-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-app-hero-media img{transform:scale(1.02);animation:heroFloat 14s ease-in-out infinite alternate}
@keyframes heroFloat{to{transform:scale(1.07) translateX(1.2%)}}
.home-app-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,55,42,.92) 0%,rgba(10,76,56,.69) 43%,rgba(11,78,58,.1) 76%),linear-gradient(180deg,transparent 50%,rgba(7,44,33,.2));z-index:1}
.home-app-hero-content{position:absolute;z-index:2;right:34px;top:50%;transform:translateY(-50%);max-width:500px;color:#fff;text-align:right}
.hero-mini-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.19);backdrop-filter:blur(12px)}.hero-mini-chip i{width:7px;height:7px;border-radius:50%;background:#7df0ba;box-shadow:0 0 0 5px rgba(125,240,186,.12)}
.home-app-hero h1{font-size:clamp(34px,5vw,52px);line-height:1.02;margin:16px 0 10px;letter-spacing:-.045em}.home-app-hero p{font-size:15px;line-height:1.7;margin:0;max-width:430px;color:rgba(255,255,255,.84)}
.hero-explore-btn{margin-top:22px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--brand-deep);border-radius:15px;padding:11px 16px;font-size:12px;font-weight:900;box-shadow:0 12px 30px rgba(4,39,28,.16)}.hero-explore-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1}
.home-search-app{position:relative;margin:-24px auto 20px;width:calc(100% - 54px);height:62px;background:rgba(255,255,255,.95);backdrop-filter:blur(22px);border:1px solid rgba(218,230,224,.84);border-radius:20px;box-shadow:0 18px 48px rgba(13,52,38,.12);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 8px;z-index:3}.home-search-app input{border:0;outline:0;background:transparent;font-size:14px;min-width:0;color:var(--ink);padding:10px}.home-search-app input::placeholder{color:#99a6a0}.search-leading{width:22px;height:22px;margin-inline-start:9px;fill:none;stroke:#72827b;stroke-width:1.8}.search-filter-btn{width:44px;height:44px;border:0;border-radius:14px;background:#f1f7f4;color:var(--brand-deep);display:grid;place-items:center}.search-filter-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
.home-section{padding:20px 0 10px}.compact-section{padding-top:28px}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.home-section-head h2{font-size:23px;margin:0;letter-spacing:-.025em}.home-section-head small{display:block;font-size:10px;color:#95a49d;margin-bottom:3px;font-weight:700}.home-section-head>a{font-size:11px;color:var(--brand);font-weight:900;white-space:nowrap}
.modern-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.modern-category-card{position:relative;border-radius:21px;overflow:hidden;background:#fff;border:1px solid rgba(225,234,230,.95);min-height:160px;box-shadow:0 8px 24px rgba(17,57,43,.045)}.modern-category-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(17,57,43,.09)}.modern-category-art{height:107px;background:#f4f8f6;overflow:hidden}.modern-category-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .45s var(--ease-fluid)}.modern-category-card:hover img{transform:scale(1.08)}.modern-category-copy{padding:10px 11px 11px;text-align:center}.modern-category-copy b{font-size:12px;display:block}.modern-category-copy small{font-size:8.5px;color:var(--muted);display:block;margin-top:2px}
.premium-listing-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 1px 12px;scrollbar-width:none}.premium-listing-row::-webkit-scrollbar{display:none}.premium-listing-card{position:relative;flex:0 0 255px;scroll-snap-align:start;border-radius:22px;background:#fff;border:1px solid rgba(223,233,228,.95);overflow:hidden;box-shadow:0 9px 28px rgba(13,48,35,.055)}.premium-listing-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(13,48,35,.1)}.premium-listing-image{display:block;height:178px;overflow:hidden;background:#eef3f1}.premium-listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-fluid)}.premium-listing-card:hover .premium-listing-image img{transform:scale(1.05)}.premium-badge{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.9);color:var(--brand-deep);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;backdrop-filter:blur(10px)}.premium-favorite{position:absolute;top:10px;left:10px;width:38px;height:38px;border:1px solid rgba(255,255,255,.6);border-radius:13px;background:rgba(255,255,255,.83);backdrop-filter:blur(12px);display:grid;place-items:center}.premium-favorite svg{width:19px;height:19px;fill:none;stroke:#283d35;stroke-width:1.9}.premium-favorite.active svg{fill:#ff5d67;stroke:#ff5d67}.premium-listing-body{padding:12px}.premium-listing-body>b,.premium-listing-body a b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-listing-location{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px;margin-top:5px}.premium-listing-location svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}.premium-listing-price{color:var(--brand-deep);font-size:17px;font-weight:900;margin-top:7px}

.request-strip,.store-strip{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.request-strip::-webkit-scrollbar,.store-strip::-webkit-scrollbar{display:none}.request-chip{flex:0 0 220px;border-radius:17px;padding:13px;background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:0 7px 20px rgba(16,51,39,.035)}.request-chip span,.request-chip small{font-size:8.5px;color:var(--muted);display:block}.request-chip b{font-size:11px;display:block;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-pill{flex:0 0 220px;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 7px 20px rgba(16,51,39,.035)}.store-avatar{width:43px;height:43px;border-radius:14px;background:var(--brand-soft);display:grid;place-items:center;font-weight:900;color:var(--brand);overflow:hidden}.store-avatar img{width:100%;height:100%;object-fit:cover}.store-pill b{font-size:11px}.store-pill b i{color:var(--brand);font-style:normal}.store-pill small{display:block;color:var(--muted);font-size:8px;margin-top:2px}

/* ===== BOTTOM NAV ===== */
.bottom-nav{height:70px;width:min(600px,calc(100% - 18px));padding:6px 8px;bottom:max(8px,var(--safe-bottom));border-radius:23px;background:rgba(255,255,255,.9);border:1px solid rgba(214,226,220,.78);box-shadow:0 18px 50px rgba(11,42,31,.16);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}
.nav-item{color:#87948e;border-radius:16px;gap:2px}.nav-item.active{background:rgba(var(--brand-rgb),.08);color:var(--brand-deep)}.nav-item svg{stroke-width:1.75}.nav-item .nav-label{font-size:9px}.nav-add{width:58px!important;height:58px!important;border-radius:20px!important;background:linear-gradient(145deg,#198b69,#0f6e53)!important;box-shadow:0 13px 30px rgba(var(--brand-rgb),.29),inset 0 1px 0 rgba(255,255,255,.28)!important;transform:translateY(-13px)!important}.nav-add .nav-icon svg{width:27px!important;height:27px!important}

/* ===== EXPLORE FULL SCREEN ===== */









/* ===== LISTING DETAIL ===== */
body.listing-modern-page{padding-bottom:calc(88px + var(--safe-bottom));background:#f8fbf9}.listing-modern-page .app-bg{background:linear-gradient(180deg,#e5f6ef 0,#f8fbf9 34%,#f8fbf9)}.listing-modern-shell{width:min(720px,100%);margin:0 auto;position:relative;padding-bottom:20px}.listing-modern-topbar{position:fixed;z-index:35;top:calc(var(--safe-top) + 10px);width:min(690px,calc(100% - 24px));right:50%;transform:translateX(50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none}.listing-modern-topbar>*{pointer-events:auto}.listing-top-actions{display:flex;gap:7px}.listing-round-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:15px;background:rgba(255,255,255,.84);backdrop-filter:blur(16px);display:grid;place-items:center;color:#17352b;box-shadow:0 9px 24px rgba(10,47,34,.1)}.listing-round-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}.listing-round-btn.active svg{fill:#ff5964;stroke:#ff5964}.listing-gallery-modern{height:min(63vh,560px);min-height:390px;position:relative;overflow:hidden;background:#dbe9e3;border-radius:0 0 32px 32px}.listing-gallery-track{height:100%;display:flex;direction:ltr;transition:transform .4s var(--ease-fluid);will-change:transform}.listing-gallery-slide{flex:0 0 100%;height:100%}.listing-gallery-slide img{width:100%;height:100%;object-fit:cover}.listing-gallery-count{position:absolute;left:17px;bottom:16px;padding:6px 9px;border-radius:11px;background:rgba(7,15,11,.52);color:#fff;font-size:10px;backdrop-filter:blur(12px)}
.listing-thumb-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 16px 0}.listing-thumb-strip::-webkit-scrollbar{display:none}.listing-thumb-modern{flex:0 0 68px;height:57px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;background:#eaf0ed}.listing-thumb-modern.active{border-color:var(--brand)}.listing-thumb-modern img{width:100%;height:100%;object-fit:cover}
.listing-modern-content{padding:8px 16px 12px}.listing-summary-modern{background:transparent}.listing-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:8px}.listing-summary-head h1{font-size:24px;line-height:1.2;margin:0 0 5px;letter-spacing:-.03em}.listing-price-modern{font-size:28px;font-weight:900;color:var(--brand);letter-spacing:-.035em}.wanted-chip{padding:7px 10px;border-radius:999px;background:#fff0dd;color:#9d6200;font-size:9px;font-weight:900}.listing-submeta{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px;color:var(--muted);font-size:9.5px}.listing-submeta span{display:flex;align-items:center;gap:4px}.listing-submeta svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.listing-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.listing-spec-card{min-height:78px;border-radius:17px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;box-shadow:0 7px 20px rgba(14,49,36,.035)}.listing-spec-card span{font-size:8px;color:var(--muted)}.listing-spec-card b{font-size:11px;margin-top:5px;line-height:1.3}
.listing-content-section{padding:19px 0;border-top:1px solid var(--line)}.listing-content-section h2{font-size:15px;margin:0 0 8px}.listing-content-section p{font-size:11px;line-height:1.9;color:#596a63;margin:0}.seller-modern-card{margin:4px 0 20px;padding:13px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;box-shadow:0 9px 26px rgba(14,49,36,.04)}.seller-modern-avatar{width:48px;height:48px;border-radius:16px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-weight:900;overflow:hidden}.seller-modern-avatar img{width:100%;height:100%;object-fit:cover}.seller-modern-copy small,.seller-modern-copy em{font-size:8px;color:var(--muted);font-style:normal;display:block}.seller-modern-copy b{font-size:12px;display:block;margin:2px 0}.seller-modern-copy b i{font-style:normal;color:var(--brand)}.seller-modern-link{font-size:9px;color:var(--brand);font-weight:900;display:flex;align-items:center;gap:3px}.seller-modern-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.listing-map-modern{height:210px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.privacy-note{font-size:8px;color:var(--muted);display:block;margin-top:7px}.listing-inline-actions{display:flex;gap:10px;padding:12px 0 2px}.listing-inline-actions a,.listing-inline-actions button{border:0;background:transparent;color:var(--muted);font-size:9px;text-decoration:underline;padding:4px}
.listing-sticky-cta{position:fixed;z-index:50;bottom:calc(9px + var(--safe-bottom));right:50%;transform:translateX(50%);width:min(690px,calc(100% - 18px));height:67px;padding:7px;background:rgba(255,255,255,.91);border:1px solid rgba(215,228,221,.8);border-radius:22px;box-shadow:0 18px 48px rgba(11,43,31,.18);backdrop-filter:blur(24px);display:flex;gap:7px}.listing-call-btn,.listing-message-btn{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:16px;font-size:12px;font-weight:900}.listing-call-btn{flex:.42;background:#f0f7f4;color:var(--brand-deep)}.listing-message-btn{flex:1;background:linear-gradient(135deg,#1a9a73,#127958);color:#fff}.listing-call-btn svg,.listing-message-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9}

/* ===== CHAT LIKE A NATIVE MESSENGER ===== */
body.chat-fullscreen-mode{padding:0!important;background:#f3f8f5;overflow:hidden}.chat-fullscreen-mode .app-bg{display:none}.chat-fullscreen-shell{height:100dvh!important;max-height:100dvh;width:100%;padding:0;background:#f3f8f5}.chat-fullscreen-card{width:min(760px,100%);height:100%;margin:0 auto;background:#f5faf7;border:0!important;border-radius:0!important;box-shadow:none!important;display:grid;grid-template-rows:auto auto 1fr auto auto;overflow:hidden}.chat-full-head{min-height:calc(68px + var(--safe-top));padding:calc(8px + var(--safe-top)) 12px 8px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;backdrop-filter:blur(22px);z-index:6}.chat-close-button{width:43px;height:43px;border-radius:14px;background:#f2f7f5;border:1px solid var(--line);display:grid;place-items:center}.chat-close-button span{display:none}.chat-close-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.chat-full-person{justify-self:start;display:flex;align-items:center;gap:9px;min-width:0}.participant-avatar.peer-avatar{width:43px!important;height:43px!important;border-radius:50%!important;position:relative;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:900;overflow:visible}.participant-avatar.peer-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.presence-dot{position:absolute!important;bottom:1px!important;left:0!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#aab8b2!important;border:2px solid #fff!important}.presence-dot.online{background:#29c67f!important}.chat-person-copy{min-width:0}.chat-person-copy b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-person-copy span{font-size:8px;color:var(--muted)}.verified-dot{color:var(--brand);font-style:normal}.chat-head-actions{display:flex;gap:5px}.chat-head-actions>.icon-btn{width:40px;height:40px;background:#f5f8f7}.chat-menu summary{list-style:none}.chat-menu summary::-webkit-details-marker{display:none}
.chat-listing-context-full{margin:8px 10px 4px!important;border-radius:16px!important;padding:8px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 5px 16px rgba(13,46,34,.035)!important}.chat-listing-context-full img{width:48px!important;height:42px!important;border-radius:11px!important}.chat-listing-context-full small{font-size:7.5px!important;color:var(--muted)!important}.chat-listing-context-full b{font-size:10px!important}.chat-listing-context-full em{font-size:10px!important;color:var(--brand)!important}
.chat-body-full{min-height:0!important;overflow-y:auto!important;padding:14px 14px 14px!important;background-color:#f1f7f4!important;background-image:radial-gradient(circle at 10% 20%,rgba(22,135,101,.035) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 65%,rgba(22,135,101,.035) 0 1px,transparent 1.5px)!important;background-size:38px 38px,45px 45px!important;display:flex!important;flex-direction:column!important;gap:7px!important}.chat-date-chip{align-self:center!important;background:rgba(255,255,255,.76)!important;border:1px solid var(--line)!important;border-radius:999px!important;color:#83938b!important;font-size:7.5px!important;padding:5px 8px!important;margin-bottom:3px!important}.bubble-modern{max-width:min(78%,520px)!important;border-radius:16px!important;padding:9px 10px 6px!important;border:1px solid rgba(219,230,225,.9)!important;box-shadow:0 5px 16px rgba(13,46,34,.035)!important;animation:bubbleIn .28s var(--ease-fluid) both}.bubble-modern.mine{align-self:flex-start!important;background:linear-gradient(135deg,#dff7ed,#d2f2e5)!important;border-bottom-left-radius:5px!important}.bubble-modern.peer{align-self:flex-end!important;background:#fff!important;border-bottom-right-radius:5px!important}.bubble-text{font-size:11px!important;line-height:1.75!important}.bubble-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;margin-top:3px!important;color:#8e9b95!important;font-size:7px!important}.read-ticks.read{color:#2c92e8!important}.chat-image img{border-radius:12px!important;max-width:min(290px,100%)!important}.chat-compose-full{margin:0!important;padding:8px 10px calc(8px + var(--safe-bottom))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid var(--line)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:7px!important;align-items:end!important}.chat-compose-full textarea{min-height:44px!important;max-height:120px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:#f5f8f7!important;padding:12px 13px!important;font-size:11px!important;outline:0!important;resize:none!important}.compose-icon,.send-button{width:44px!important;height:44px!important;border-radius:15px!important;display:grid!important;place-items:center!important}.compose-icon{background:#f3f7f5!important;border:1px solid var(--line)!important}.send-button{background:var(--brand)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(var(--brand-rgb),.22)!important}.compose-icon svg,.send-button svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}

/* ===== FORMS / PROFILE / LISTS ===== */
.form-card{border-radius:28px;padding:26px}.form-card h1{font-size:27px;letter-spacing:-.03em}.dropzone{border:1.5px dashed #cfded7!important;border-radius:20px!important;background:#f7fbf9!important;min-height:120px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;color:var(--brand)!important}.field input,.field textarea,.field select{background:#f8fbf9!important;border-color:#dfe9e4!important;border-radius:15px!important;min-height:46px}.field textarea{min-height:130px!important}.field input:focus,.field textarea:focus,.field select:focus{background:#fff!important;border-color:rgba(var(--brand-rgb),.38)!important;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.07)!important}
.profile-cover,.public-profile-card{border-radius:30px!important;overflow:hidden!important}.profile-hero{background:linear-gradient(145deg,#fff,#f2f9f6)!important}.profile-shortcut{border-radius:19px!important}.profile-shortcut:hover{transform:translateY(-3px)}
.listing-card{border-radius:20px!important;overflow:hidden!important}.listing-thumb{aspect-ratio:1.16/1!important}.listing-body{padding:11px!important}.listing-price{color:var(--brand)!important}.fav-btn{border-radius:13px!important}.empty{border-radius:25px!important;background:rgba(255,255,255,.86)!important}

/* ===== ADMIN — PROFESSIONAL CONTROL CENTER ===== */
.admin-body{background:#f3f7f5!important}.admin-body .app-bg{background:radial-gradient(1000px 600px at 85% -15%,rgba(65,184,140,.09),transparent 60%),#f3f7f5!important}.admin-shell{grid-template-columns:268px 1fr!important;min-height:100vh}.admin-side{background:#102b22!important;border-left:0!important;color:#dceae4!important}.admin-side-inner{padding:18px 14px!important}.admin-brand{min-height:58px!important;padding:9px 10px!important;border-radius:17px!important;color:#fff!important;background:rgba(255,255,255,.045)!important}.admin-brand-mark{background:#fff!important;width:40px!important;height:40px!important;border-radius:13px!important}.admin-brand-mark img{width:29px!important;height:29px!important}.admin-brand small{color:rgba(255,255,255,.48)!important}.admin-workspace-pill{border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.045)!important;border-radius:15px!important;color:#fff!important}.admin-workspace-pill small{color:rgba(255,255,255,.5)!important}.admin-menu{margin-top:12px!important}.menu-label{color:rgba(255,255,255,.34)!important;font-size:8px!important;padding:12px 10px 5px!important}.admin-menu a{color:rgba(255,255,255,.7)!important;border-radius:13px!important;min-height:43px!important;padding:8px 10px!important;gap:10px!important}.admin-menu a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;transform:translateX(-2px)}.admin-menu a.active{background:linear-gradient(135deg,rgba(63,206,151,.2),rgba(63,206,151,.1))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(102,228,180,.13)!important}.admin-menu-icon svg{stroke-width:1.7!important}.admin-menu-badge{background:#fb5c61!important;color:#fff!important}.admin-side-foot{border-top-color:rgba(255,255,255,.07)!important}.admin-side-foot a{color:rgba(255,255,255,.7)!important}
.admin-main{background:#f3f7f5!important}.admin-top{height:76px!important;background:rgba(248,251,249,.87)!important;border-bottom:1px solid #e4ece8!important;backdrop-filter:blur(22px)!important}.admin-top-title small{color:#94a49c!important}.admin-top-title b{font-size:15px!important}.admin-top-search{background:#fff!important;border:1px solid #e0e9e5!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(14,49,36,.035)!important}.admin-sync-pill{background:#e8f8f1!important;color:#157054!important}.admin-user-chip{background:#fff!important;border:1px solid #e0e9e5!important;border-radius:15px!important}.admin-content{padding:22px 24px 40px!important;max-width:1500px!important;margin:0 auto!important;width:100%!important}.admin-head{margin-bottom:17px!important}.admin-head h1{font-size:27px!important;letter-spacing:-.03em}.admin-head p{color:#7d8e86!important}.stat,.admin-card,.table-card,.admin-form,.user-admin-card{background:#fff!important;border:1px solid #e2ebe7!important;border-radius:20px!important;box-shadow:0 8px 28px rgba(14,49,36,.045)!important}.stat{padding:17px!important}.stat b{font-size:25px!important;letter-spacing:-.03em}.stat span{font-size:9px!important;color:#81918a!important}.admin-card{padding:18px!important}.table-card{overflow:hidden!important}.table th{background:#f6faf8!important;color:#7a8c84!important;font-size:8px!important}.table td{font-size:10px!important;border-color:#edf2ef!important}.table tbody tr:hover{background:#f7faf9!important}.user-admin-card:hover,.admin-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(14,49,36,.07)!important}.admin-filterbar input,.admin-filterbar select{border:1px solid #dfe8e4!important;background:#fff!important;border-radius:13px!important;min-height:42px!important}.channel-card span{border-radius:16px!important;background:#fafcfb!important}.channel-card input:checked+span{background:#eaf8f2!important;color:var(--brand-deep)!important;border-color:rgba(var(--brand-rgb),.25)!important}

/* ===== SHEETS / NOTIFICATIONS / INSTALL ===== */
.sheet-card{border-radius:30px 30px 0 0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -28px 80px rgba(9,38,28,.2)!important}.sheet-backdrop{background:rgba(6,18,13,.42)!important;backdrop-filter:blur(8px)!important}.notification-item{border-radius:16px!important}.notification-item.unread{background:#eef9f5!important}.pwa-install{background:rgba(255,255,255,.92)!important;border-color:rgba(var(--brand-rgb),.12)!important;border-radius:20px!important;box-shadow:var(--shadow-float)!important;backdrop-filter:blur(22px)!important}

/* ===== DARK ===== */
html[data-theme="dark"] body.app-v2{--ink:#edf6f2;--muted:#96aaa1;--line:#293a33;--surface:#14211c;--surface-2:#182720;--surface-3:#1d2e26;background:#0e1713}.home-app-hero{box-shadow:none}html[data-theme="dark"] .topbar.app-header,html[data-theme="dark"] .bottom-nav,html[data-theme="dark"] .home-search-app,html[data-theme="dark"] .card,html[data-theme="dark"] .premium-listing-card,html[data-theme="dark"] .modern-category-card,html[data-theme="dark"] .store-pill,html[data-theme="dark"] .request-chip{background:rgba(20,31,26,.92)!important;border-color:#293b33!important}.modern-category-art{background:#1a2822}html[data-theme="dark"] .premium-listing-body,html[data-theme="dark"] .modern-category-copy{color:#edf6f2}.listing-modern-page[data-theme="dark"]{background:#101914}.admin-body[data-theme="dark"]{background:#101914!important}

/* ===== RESPONSIVE ===== */
@media(min-width:701px){body.app-v2{padding-bottom:0}.bottom-nav{display:none}.home-modern-shell{padding-bottom:55px}.listing-sticky-cta{bottom:18px}.listing-modern-page{padding-bottom:105px}.chat-fullscreen-card{border-left:1px solid #e2ebe7!important;border-right:1px solid #e2ebe7!important}}
@media(max-width:1120px){.modern-category-grid{grid-template-columns:repeat(3,1fr)}.admin-shell{grid-template-columns:245px 1fr!important}}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr!important}.admin-side{position:fixed!important;z-index:120!important;right:0!important;top:0!important;width:min(290px,86vw)!important;transform:translateX(105%);transition:transform .36s var(--ease-fluid)!important}.admin-shell.side-open .admin-side{transform:none!important}.admin-content{padding:18px 14px 35px!important}.admin-top{margin:0!important;padding:0 12px!important}.admin-mobile-toggle{display:grid!important}}
@media(max-width:700px){
  :root{--top-h:63px;--nav-h:68px}
  body.app-v2{padding-bottom:calc(86px + var(--safe-bottom))}.shell{width:calc(100% - 20px)}
  .topbar.app-header{min-height:calc(62px + var(--safe-top));padding:calc(7px + var(--safe-top)) 10px 7px;grid-template-columns:auto 1fr auto}.brand-mark{width:38px;height:38px;border-radius:12px}.brand-mark img{width:28px}.brand-copy{display:none}.location-chip{max-width:160px;justify-self:center;min-height:37px;padding:7px 9px;font-size:10px}.location-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip{padding:3px;border-radius:13px}.profile-chip-copy{display:none}.mini-avatar{width:31px;height:31px}.top-actions>.icon-btn[data-theme-toggle]{display:none}.top-actions .icon-btn{width:37px;height:37px}.top-actions{gap:5px}
  .home-modern-shell{padding:10px 0 16px}.home-app-hero{height:230px;border-radius:25px}.home-app-hero-content{right:18px;left:18px;max-width:none}.hero-mini-chip{font-size:8px;padding:5px 7px}.home-app-hero h1{font-size:29px;margin:10px 0 6px}.home-app-hero p{font-size:10px;line-height:1.6;max-width:280px}.hero-explore-btn{margin-top:12px;padding:8px 11px;border-radius:12px;font-size:9px}.home-search-app{width:calc(100% - 18px);height:52px;margin:-16px auto 9px;border-radius:17px;padding:5px}.home-search-app input{font-size:11px}.search-leading{width:18px;height:18px;margin-inline-start:7px}.search-filter-btn{width:38px;height:38px;border-radius:12px}.search-filter-btn svg{width:18px;height:18px}
  .home-section{padding:15px 0 7px}.home-section-head{margin-bottom:9px}.home-section-head h2{font-size:18px}.home-section-head small{font-size:8px}.home-section-head>a{font-size:9px}
  .modern-category-grid{grid-template-columns:repeat(3,1fr);gap:7px}.modern-category-card{min-height:120px;border-radius:17px}.modern-category-art{height:77px}.modern-category-copy{padding:7px}.modern-category-copy b{font-size:10px}.modern-category-copy small{font-size:7px}
  .premium-listing-row{gap:9px;padding-bottom:8px}.premium-listing-card{flex-basis:64vw;max-width:245px;border-radius:19px}.premium-listing-image{height:145px}.premium-favorite{width:34px;height:34px;border-radius:12px}.premium-listing-body{padding:10px}.premium-listing-body a b{font-size:11px}.premium-listing-price{font-size:15px}.premium-listing-location{font-size:8px}
  
  .request-chip,.store-pill{flex-basis:190px}
  .bottom-nav{width:calc(100% - 14px);height:68px;border-radius:21px;padding:5px 7px}.nav-item .nav-label{font-size:8px}.nav-add{width:56px!important;height:56px!important;border-radius:19px!important}
  
  .listing-gallery-modern{height:49vh;min-height:340px;border-radius:0 0 27px 27px}.listing-modern-topbar{width:calc(100% - 20px);top:calc(var(--safe-top) + 8px)}.listing-round-btn{width:41px;height:41px;border-radius:14px}.listing-thumb-strip{padding:8px 11px 0}.listing-thumb-modern{flex-basis:61px;height:51px;border-radius:10px}.listing-modern-content{padding:8px 13px 10px}.listing-summary-head h1{font-size:20px}.listing-price-modern{font-size:25px}.listing-spec-grid{gap:6px;margin:16px 0}.listing-spec-card{min-height:70px;border-radius:15px;padding:6px}.listing-spec-card span{font-size:7px}.listing-spec-card b{font-size:9.5px}.listing-content-section{padding:16px 0}.seller-modern-card{border-radius:18px}.listing-sticky-cta{width:calc(100% - 14px);height:65px;border-radius:21px}.listing-call-btn,.listing-message-btn{border-radius:15px;font-size:11px}
  .form-card{padding:16px;border-radius:22px}.form-card h1{font-size:22px}.field label{font-size:11px}.field input,.field select{min-height:44px!important}.admin-content{padding-top:14px!important}.admin-top-search{display:none!important}.admin-head h1{font-size:22px!important}
}
@media(max-width:390px){.modern-category-card{min-height:112px}.modern-category-art{height:70px}.home-app-hero h1{font-size:26px}.premium-listing-card{flex-basis:70vw}.listing-spec-grid{grid-template-columns:repeat(2,1fr)}}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Browse */
.browse-modern-shell{max-width:1120px}.browse-toolbar-modern{background:#fff;border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow-soft)}.browse-toolbar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.browse-toolbar-head small{font-size:9px;color:var(--muted)}.browse-toolbar-head h1{font-size:28px;margin:2px 0 0}.browse-explore-link{display:flex;align-items:center;gap:6px;color:var(--brand);font-size:10px;font-weight:900;background:var(--brand-soft);padding:8px 11px;border-radius:12px}.browse-explore-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.browse-search-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:#f7faf8;border:1px solid var(--line);border-radius:17px;padding:6px}.browse-search-line>svg{width:20px;height:20px;margin-inline-start:7px;fill:none;stroke:var(--muted);stroke-width:1.8}.browse-search-line input{border:0;outline:0;background:transparent;padding:10px;font-size:12px;min-width:0}.browse-search-line button{border:0;background:var(--brand);color:#fff;border-radius:12px;padding:10px 16px;font-size:10px;font-weight:900}.browse-filter-grid{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:8px;margin-top:10px}.browse-filter-grid label{display:flex;flex-direction:column;gap:4px}.browse-filter-grid label span{font-size:8px;color:var(--muted);font-weight:800}.browse-filter-grid select,.browse-filter-grid input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 9px;font-size:10px;outline:0}.browse-filter-apply{align-self:end;height:40px;border:0;border-radius:12px;background:#102b22;color:#fff;padding:0 15px;font-size:10px;font-weight:900}.browse-results-head{display:flex;align-items:center;justify-content:space-between;padding:18px 3px 11px}.browse-results-head div{display:flex;align-items:baseline;gap:5px}.browse-results-head b{font-size:22px}.browse-results-head span{font-size:10px;color:var(--muted)}.browse-results-head a{display:flex;align-items:center;gap:5px;color:var(--brand);font-size:10px;font-weight:900}.browse-results-head svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:800px){.browse-filter-grid{grid-template-columns:repeat(3,1fr)}.browse-filter-apply{grid-column:auto}}
@media(max-width:700px){.browse-toolbar-modern{padding:14px;border-radius:22px}.browse-toolbar-head h1{font-size:22px}.browse-explore-link{font-size:8px;padding:7px 9px}.browse-filter-grid{display:flex;overflow-x:auto;gap:7px;scrollbar-width:none}.browse-filter-grid label{flex:0 0 120px}.browse-filter-apply{flex:0 0 74px;margin-top:12px}.browse-search-line button{padding:9px 12px}.browse-listings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Add listing */
.add-modern-shell{max-width:860px}.add-page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.add-page-head span{font-size:9px;color:var(--brand);font-weight:900}.add-page-head h1{font-size:30px;margin:3px 0}.add-page-head p{font-size:11px;color:var(--muted);margin:0}.add-close-btn{width:43px;height:43px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center}.add-close-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9}.add-error-box{padding:12px 14px;border-radius:15px;background:#fff0f0;color:#9d3636;margin-bottom:12px;font-size:11px;font-weight:800}.add-modern-form{display:grid;gap:12px}.add-step-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:19px;box-shadow:var(--shadow-soft)}.add-step-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.add-step-title>span{width:32px;height:32px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:900}.add-step-title b{display:block;font-size:14px}.add-step-title small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.add-upload-zone{border:1.5px dashed #c9dcd3;border-radius:20px;background:#f7fbf9;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:18px;cursor:pointer}.add-upload-zone>svg{width:33px;height:33px;fill:none;stroke:var(--brand);stroke-width:1.65;margin-bottom:8px}.add-upload-zone>b{font-size:12px}.add-upload-zone>small{font-size:8px;color:var(--muted);margin-top:3px}.add-image-previews{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;justify-content:center}.field-label-row{display:flex;align-items:center;justify-content:space-between}.ai-polish-btn{display:flex;align-items:center;gap:5px;border:0;background:var(--brand-soft);color:var(--brand-deep);border-radius:10px;padding:7px 9px;font-size:8px;font-weight:900}.ai-polish-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}.add-map-modern{height:280px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.privacy-tip{display:flex;align-items:center;gap:7px;margin-top:9px;color:var(--muted);font-size:8px}.privacy-tip svg{width:15px;height:15px;fill:none;stroke:var(--brand);stroke-width:1.8}.add-submit-bar{position:sticky;bottom:calc(84px + var(--safe-bottom));z-index:12;background:rgba(255,255,255,.91);border:1px solid var(--line);border-radius:20px;padding:7px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(20px);box-shadow:0 14px 38px rgba(10,45,33,.12)}.add-submit-bar>a{padding:10px 14px;color:var(--muted);font-size:10px;font-weight:800}.add-submit-bar .btn{margin-inline-start:auto;min-width:180px}.add-submit-bar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
@media(min-width:701px){.add-submit-bar{bottom:18px}}
@media(max-width:700px){.add-modern-shell{padding-top:17px}.add-page-head h1{font-size:24px}.add-step-card{padding:14px;border-radius:21px}.add-upload-zone{min-height:128px;border-radius:18px}.add-map-modern{height:235px}.add-submit-bar{bottom:calc(81px + var(--safe-bottom));border-radius:18px}.add-submit-bar .btn{min-width:0;flex:1}}

/* ===== SOURCE: assets/css/v2.5.css ===== */
/* Qalamoun Market 2.5 — dynamic home slider, image categories, cleaner navigation and map-ready UI */
:root{
  --glass-surface:rgba(255,255,255,.78);
  --glass-line:rgba(255,255,255,.64);
  --v25-shadow:0 18px 55px rgba(16,57,43,.10);
}

/* Header: keep the uploaded site logo visible, including compact mobile layouts */
.topbar.app-header{background:rgba(250,253,251,.80);border-bottom-color:rgba(214,229,222,.74)}
.brand-mark{overflow:hidden;background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}
.brand-mark img{width:100%!important;height:100%!important;max-width:38px;max-height:38px;object-fit:contain;padding:3px}

/* Dynamic home slider */
.home-slider{height:360px;border-radius:34px;overflow:hidden;position:relative;box-shadow:0 25px 70px rgba(12,70,51,.16);isolation:isolate;background:#dcece5}
.home-slider-track{position:absolute;inset:0}
.home-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:scale(1.025);transition:opacity .62s ease,transform 1.15s cubic-bezier(.16,1,.3,1);overflow:hidden}
.home-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1)}
.home-slide-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.025);animation:v25HeroDrift 15s ease-in-out infinite alternate}
@keyframes v25HeroDrift{to{transform:scale(1.075) translateX(1.2%)}}
.home-slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,47,35,.92) 0%,rgba(9,72,53,.68) 45%,rgba(8,59,44,.12) 80%),linear-gradient(180deg,rgba(8,45,34,.04),rgba(7,41,31,.22));z-index:1}
.home-slide-content{position:absolute;z-index:2;right:34px;top:50%;transform:translateY(-50%);max-width:520px;color:#fff;text-align:right}
.home-slide-content h1{font-size:clamp(34px,5vw,53px);line-height:1.04;margin:16px 0 10px;letter-spacing:-.045em;max-width:520px}
.home-slide-content p{font-size:15px;line-height:1.72;margin:0;max-width:445px;color:rgba(255,255,255,.86)}
.home-slider-dots{position:absolute;z-index:5;bottom:18px;right:50%;transform:translateX(50%);display:flex;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(9,47,36,.20);backdrop-filter:blur(14px)}
.home-slider-dots button{width:7px;height:7px;border:0;border-radius:999px;padding:0;background:rgba(255,255,255,.46);box-shadow:none;transition:width .28s ease,background .28s ease}
.home-slider-dots button.active{width:24px;background:#fff}
.home-slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:rgba(7,46,34,.24);color:#fff;backdrop-filter:blur(14px);display:grid;place-items:center;opacity:.76}
.home-slider:hover .home-slider-arrow{opacity:1}.home-slider-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2}.home-slider-arrow.prev{right:16px}.home-slider-arrow.next{left:16px}

/* Category cards: photo first, soft bottom gradient with concise information */
.category-image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.category-image-grid .modern-category-card{min-height:200px;border-radius:25px;background:#dfeae5;box-shadow:0 12px 34px rgba(16,57,43,.075);border:1px solid rgba(220,232,227,.82);isolation:isolate}
.modern-category-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease-fluid),filter .4s ease}
.modern-category-gradient{position:absolute;z-index:1;inset:36% 0 0;background:linear-gradient(180deg,transparent,rgba(7,27,21,.12) 25%,rgba(7,28,21,.82) 100%)}
.category-image-grid .modern-category-copy{position:absolute;z-index:2;right:0;left:0;bottom:0;padding:30px 15px 14px;text-align:right;color:#fff;background:transparent}
.category-image-grid .modern-category-copy b{font-size:16px;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.24)}
.category-image-grid .modern-category-copy small{font-size:10px;color:rgba(255,255,255,.78);font-weight:700;margin-top:3px}
.category-image-grid .modern-category-card:hover .modern-category-bg{transform:scale(1.065);filter:saturate(1.05)}
.category-image-grid .modern-category-card:after{content:"";position:absolute;z-index:3;top:12px;left:12px;width:27px;height:27px;border-radius:10px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px)}

/* Latest listings and compact home action duo */
.latest-listings-section{padding-top:24px}
.latest-time-badge{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(8,29,22,.64);color:#fff;font-size:8.5px;font-weight:800;backdrop-filter:blur(10px)}
.home-action-pair{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}

.map-promo-card{min-height:180px;border-radius:27px;padding:23px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(232,247,240,.95));border:1px solid rgba(211,231,222,.90);box-shadow:var(--v25-shadow);display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);position:relative;overflow:hidden}
.map-promo-card:before{content:"";position:absolute;left:-36px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:rgba(var(--brand-rgb),.10)}
.map-promo-icon{position:relative;width:50px;height:50px;border-radius:17px;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 13px 28px rgba(var(--brand-rgb),.22)}
.map-promo-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-promo-card>div{position:relative}.map-promo-card>div>span{font-size:9px;color:var(--brand);font-weight:900}.map-promo-card h3{font-size:18px;line-height:1.25;margin:5px 0 5px}.map-promo-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}

/* Bottom nav: Explore replaces Favorites. Favorites lives inside Account. */
.bottom-nav{background:rgba(255,255,255,.82);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(220,232,227,.78)}
.nav-item.active:not(.nav-add){background:rgba(var(--brand-rgb),.09);color:var(--brand-deep)}
.nav-icon{position:relative}

/* Favorites is a real section inside the user profile */
.profile-favorites-section{margin-top:22px}.profile-favorites-section .premium-listing-row{padding-bottom:5px}.profile-favorites-empty{padding:24px;border:1px dashed rgba(var(--brand-rgb),.20);border-radius:22px;background:rgba(var(--brand-rgb),.035);display:flex;align-items:center;justify-content:space-between;gap:15px}.profile-favorites-empty b{font-size:14px}.profile-favorites-empty small{display:block;color:var(--muted);margin-top:3px}

/* Admin: slide manager */
.slides-admin-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.45fr);gap:16px;align-items:start}.slide-create-card{position:sticky;top:92px}.slides-admin-list{display:grid;gap:14px}.slide-admin-card{display:grid;grid-template-columns:290px 1fr;overflow:hidden;padding:0}.slide-admin-preview{position:relative;min-height:260px;overflow:hidden;background:#dbe9e3}.slide-admin-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slide-admin-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,29,22,.06),rgba(5,30,22,.76))}.slide-admin-preview-copy{position:absolute;z-index:2;right:18px;left:18px;bottom:17px;color:#fff}.slide-admin-preview-copy small{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);font-size:9px}.slide-admin-preview-copy b{display:block;font-size:20px;line-height:1.15;margin-top:7px}.slide-admin-preview-copy span{display:block;font-size:10px;line-height:1.5;color:rgba(255,255,255,.78);margin-top:5px}.slide-admin-fields{padding:18px}.slide-admin-options,.slide-admin-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:12px}.slide-admin-actions{justify-content:flex-end}.btn-danger{background:#fff0f0!important;border-color:#f6c9c9!important;color:#ba3737!important}

/* Map-specific shared controls */
.map-floating-tools{position:absolute;z-index:500;top:14px;left:14px;display:grid;gap:8px}.map-float-btn{width:43px;height:43px;border-radius:14px;border:1px solid rgba(218,230,224,.90);background:rgba(255,255,255,.93);box-shadow:0 10px 26px rgba(12,45,33,.13);display:grid;place-items:center;color:var(--brand-deep)}.map-float-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.map-empty-note{position:absolute;z-index:450;right:50%;top:50%;transform:translate(50%,-50%);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);padding:16px 18px;border-radius:18px;box-shadow:0 15px 38px rgba(15,50,38,.12);text-align:center}.map-empty-note b{display:block}.map-empty-note small{display:block;color:var(--muted);margin-top:4px}

@media(max-width:900px){
  .category-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .slides-admin-layout{grid-template-columns:1fr}.slide-create-card{position:static}.slide-admin-card{grid-template-columns:220px 1fr}
  .home-action-pair{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .topbar.app-header{grid-template-columns:auto 1fr auto}.brand{min-width:44px}.brand-mark{width:42px!important;height:42px!important}.brand-mark img{max-width:36px;max-height:36px}.brand-copy{display:none!important}
  .home-modern-shell{padding-top:9px}.home-slider{height:264px;border-radius:25px}.home-slide-content{right:18px;left:18px;max-width:none;top:auto;bottom:31px;transform:none}.home-slide-content .hero-mini-chip{font-size:8px;padding:5px 8px}.home-slide-content h1{font-size:29px;max-width:86%;margin:10px 0 6px}.home-slide-content p{font-size:11px;line-height:1.55;max-width:88%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-slide-content .hero-explore-btn{margin-top:12px;padding:8px 11px;border-radius:12px;font-size:10px}.home-slide-shade{background:linear-gradient(180deg,rgba(5,35,26,.03) 20%,rgba(5,40,29,.25) 48%,rgba(5,35,26,.88) 100%)}.home-slider-arrow{display:none}.home-slider-dots{bottom:10px;padding:4px 7px}.home-slider-dots button{width:6px;height:6px}.home-slider-dots button.active{width:18px}
  .home-search-app{width:calc(100% - 22px);margin:-13px auto 10px;height:54px;border-radius:17px}.home-section{padding-top:17px}.home-section-head{margin-bottom:10px}.home-section-head h2{font-size:20px}
  .category-image-grid{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x proximity;padding:1px 1px 8px;scrollbar-width:none}.category-image-grid::-webkit-scrollbar{display:none}.category-image-grid .modern-category-card{flex:0 0 43%;min-height:158px;border-radius:20px;scroll-snap-align:start}.category-image-grid .modern-category-copy{padding:25px 12px 11px}.category-image-grid .modern-category-copy b{font-size:13px}.category-image-grid .modern-category-copy small{font-size:8.5px}.category-image-grid .modern-category-card:after{top:9px;left:9px;width:23px;height:23px;border-radius:8px}
  .premium-listing-card{flex-basis:72vw;max-width:285px}.premium-listing-image{height:166px}
  .home-action-pair{grid-template-columns:1fr}.map-promo-card{min-height:130px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.map-promo-card p{max-width:220px}
  .slides-admin-layout{display:block}.slide-create-card{margin-bottom:14px}.slide-admin-card{grid-template-columns:1fr}.slide-admin-preview{min-height:195px}.slide-admin-options,.slide-admin-actions{align-items:flex-start;flex-wrap:wrap}
  .profile-favorites-empty{flex-direction:column;align-items:flex-start}
}
@media(max-width:390px){.category-image-grid .modern-category-card{flex-basis:48%}.home-slide-content h1{font-size:26px}.home-slide-content p{max-width:95%}}

html[data-theme="dark"] .bottom-nav{background:rgba(18,25,22,.86);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .map-promo-card{background:linear-gradient(145deg,#17231e,#1d2b25);border-color:#2a3a33}
html[data-theme="dark"] .profile-favorites-empty{background:rgba(var(--brand-rgb),.08)}

/* ===== 2.5.1 critical header + notification visibility fixes ===== */
@media(max-width:700px){
  /* app.css used .brand span{display:none}; restore the actual logo container explicitly. */
  .topbar.app-header .brand{display:flex!important;min-width:44px;justify-self:start;position:relative;z-index:3}
  .topbar.app-header .brand-mark{display:grid!important;visibility:visible!important;opacity:1!important;width:42px!important;height:42px!important;flex:0 0 42px}
  .topbar.app-header .brand-mark img{display:block!important;visibility:visible!important;opacity:1!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain}
  .topbar.app-header .brand-copy{display:none!important}
  .topbar.app-header .top-actions{display:flex!important;justify-self:end;gap:7px;min-width:42px;position:relative;z-index:3}
  /* Never hide the bell on mobile. The legacy rule hid first .icon-btn. */
  .topbar.app-header .top-actions .notify-btn{display:inline-grid!important;visibility:visible!important;opacity:1!important;position:relative;flex:0 0 42px}
  .topbar.app-header .top-actions [data-theme-toggle]{display:none!important}
  .topbar.app-header .profile-chip{width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:14px}
  .topbar.app-header .profile-chip-copy{display:none!important}
  .topbar.app-header .mini-avatar{width:34px;height:34px;border-radius:11px}
  .topbar.app-header .location-chip{max-width:min(46vw,178px);min-width:0;overflow:hidden;white-space:nowrap}
  .topbar.app-header .location-chip span{overflow:hidden;text-overflow:ellipsis}
}
.notify-btn{position:relative!important}
.notify-btn svg{display:block!important;visibility:visible!important;opacity:1!important}
.notify-badge{position:absolute!important;top:-2px!important;right:-2px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border:2px solid #fff!important;border-radius:999px!important;font-size:8px!important;font-weight:900!important;color:#fff!important;line-height:1!important}
.notify-badge.is-empty{display:none!important}

/* 2.5.1 map picker / embedded map polish */
.pick-map-wrap{position:relative}.map-current-location{position:absolute;z-index:40;left:12px;top:12px;display:flex;align-items:center;gap:7px;border:1px solid rgba(210,225,218,.92);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);color:var(--brand-deep);border-radius:13px;padding:9px 11px;box-shadow:0 9px 28px rgba(9,45,32,.13);font:800 10px/1 Tajawal,sans-serif}.map-current-location svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.map-picker-pin{width:38px;height:38px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 10px 26px rgba(var(--brand-rgb),.32)}.map-picker-pin svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}.listing-map-modern.qmap,.add-map-modern.qmap{background:#e7efeb}.listing-map-modern .qmap-attribution,.add-map-modern .qmap-attribution{bottom:6px}.listing-map-modern{min-height:280px;border-radius:22px;overflow:hidden}.add-map-modern{min-height:280px}.map-page .bottom-nav{z-index:70}
@media(max-width:700px){.map-current-location{left:9px;top:9px;padding:8px 9px}.map-current-location span{display:none}.listing-map-modern{min-height:240px}.add-map-modern{min-height:235px}}

/* ===== SOURCE: assets/css/v2.5.2.css ===== */
/* Qalamoun Market 2.5.2 — profile cover, category expansion, visible theme switch, PWA install hardening */

/* ---------- Header / theme switch ---------- */
.theme-toggle-btn{display:inline-grid!important;position:relative;overflow:hidden}
.theme-toggle-btn .theme-icon{position:absolute;transition:opacity .22s ease,transform .28s cubic-bezier(.16,1,.3,1)}
.theme-toggle-btn .theme-icon-sun{opacity:0;transform:rotate(-35deg) scale(.68)}
.theme-toggle-btn .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .theme-toggle-btn .theme-icon-moon{opacity:0;transform:rotate(35deg) scale(.68)}
html[data-theme="dark"] .theme-toggle-btn .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .theme-toggle-btn{background:#18211d;border-color:#2a3831;color:#f6d66e}

/* v2.4/v2.5 contained legacy rules that hid this exact button on mobile. */
@media(max-width:700px){
  .topbar.app-header{padding-inline:9px!important;gap:5px;grid-template-columns:auto minmax(92px,1fr) auto!important}
  .topbar.app-header .top-actions{display:flex!important;gap:4px!important;min-width:0!important;align-items:center}
  .topbar.app-header .top-actions>.icon-btn,
  .topbar.app-header .top-actions [data-theme-toggle],
  .topbar.app-header .top-actions .notify-btn{display:inline-grid!important;visibility:visible!important;opacity:1!important;flex:0 0 37px!important;width:37px!important;height:37px!important;border-radius:13px!important}
  .topbar.app-header .profile-chip{width:37px!important;height:37px!important;flex:0 0 37px!important;border-radius:13px!important}
  .topbar.app-header .mini-avatar{width:31px!important;height:31px!important}
  .topbar.app-header .brand-mark{width:39px!important;height:39px!important;flex-basis:39px!important}
  .topbar.app-header .brand-mark img{width:31px!important;height:31px!important}
  .topbar.app-header .location-chip{max-width:min(37vw,150px)!important;padding-inline:8px!important}
}
@media(max-width:370px){
  .topbar.app-header .top-actions>.icon-btn,
  .topbar.app-header .top-actions [data-theme-toggle],
  .topbar.app-header .top-actions .notify-btn,
  .topbar.app-header .profile-chip{width:34px!important;height:34px!important;flex-basis:34px!important}
  .topbar.app-header .mini-avatar{width:28px!important;height:28px!important}
  .topbar.app-header .location-chip{max-width:118px!important;font-size:9px!important}
}

/* ---------- Categories: image cards + in-place "show all" ---------- */
.section-see-all{appearance:none;border:0;background:transparent;color:var(--brand);font:800 11px/1 Tajawal,sans-serif;display:inline-flex;align-items:center;gap:5px;padding:8px 0;cursor:pointer}
.section-see-all svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s ease}
.categories-section.is-expanded .section-see-all svg{transform:rotate(180deg)}
.category-image-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important}
.category-image-grid .modern-category-card{min-height:0!important;aspect-ratio:1.18/1;display:block!important;position:relative!important;overflow:hidden!important;border-radius:23px!important;box-shadow:0 12px 30px rgba(11,48,36,.09)!important}
.category-image-grid .modern-category-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.01);transition:transform .45s cubic-bezier(.16,1,.3,1),filter .3s ease}
.category-image-grid .modern-category-gradient{position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 40%,rgba(4,28,20,.22) 63%,rgba(3,22,16,.82) 100%)!important;z-index:2}
.category-image-grid .modern-category-copy{position:absolute!important;z-index:4!important;inset:auto 0 0!important;padding:26px 14px 13px!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.2)}
.category-image-grid .modern-category-copy b{display:block!important;color:#fff!important;font-size:15px!important;font-weight:900!important}
.category-image-grid .modern-category-copy small{display:block!important;color:rgba(255,255,255,.82)!important;font-size:9px!important;margin-top:3px!important}
.category-image-grid .modern-category-card:after{z-index:4!important;background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.34)!important}
.category-image-grid .modern-category-card:hover .modern-category-bg{transform:scale(1.07)}
.category-extra{display:none!important}
.categories-section.is-expanded .category-extra{display:block!important}
@media(max-width:900px){.category-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){
  .category-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .category-image-grid .modern-category-card{aspect-ratio:1.15/1!important;border-radius:21px!important}
  .category-image-grid .modern-category-copy{padding:24px 11px 10px!important}
  .category-image-grid .modern-category-copy b{font-size:13px!important}
  .category-image-grid .modern-category-copy small{font-size:8px!important}
}

/* ---------- User profile: real cover image + clearer name placement ---------- */
.profile-cover-v252{overflow:hidden!important}
.profile-cover-media{height:178px!important;position:relative!important;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(101,231,178,.20),transparent 34%),linear-gradient(125deg,#0b1a14,#143729 58%,var(--brand))!important}
.profile-cover-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.profile-cover-media.has-cover::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(4,19,14,.04),rgba(4,19,14,.28))}
.profile-cover-media::after{z-index:2!important}
.profile-identity-v252{align-items:start!important;margin-top:-48px!important;padding:0 28px 25px!important;gap:20px!important}
.profile-identity-v252 .profile-avatar-xl{z-index:4}
.profile-identity-v252 .profile-copy{padding-top:59px!important;padding-bottom:0!important;min-width:0}
.profile-identity-v252 .profile-name-line{margin-bottom:3px}
.profile-identity-v252 .profile-name-line h1{line-height:1.25!important}
.profile-identity-v252 .profile-edit-actions{padding-top:59px!important;padding-bottom:0!important}

.public-profile-banner{height:178px!important;overflow:visible!important;background:linear-gradient(125deg,#101d17,#174433 65%,var(--brand))}
.public-profile-banner.has-cover{background:#173c2e}
.public-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.public-profile-banner.has-cover::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(6,21,15,.03),rgba(6,21,15,.30))}
.public-profile-banner .public-avatar{z-index:3}

/* Account cover editor */
.cover-editor{padding:20px 0 18px;border-bottom:1px solid var(--line)}
.cover-upload{display:block;position:relative;cursor:pointer}
.cover-preview{height:220px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#eaf5f0,#d9ebe3);border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.cover-preview>img{width:100%;height:100%;object-fit:cover;display:block}
.cover-placeholder{display:grid;place-items:center;color:var(--brand);gap:7px}.cover-placeholder svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6}.cover-placeholder b{font-size:12px}
.cover-camera{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 8px 25px rgba(4,30,21,.12);color:var(--brand-deep);font-size:10px;font-weight:900}
.cover-camera svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.cover-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px 0}.cover-editor-actions>span b{display:block;font-size:12px}.cover-editor-actions>span small{display:block;color:var(--muted);font-size:9px;margin-top:3px}

@media(max-width:700px){
  .profile-cover-media{height:152px!important}
  .profile-identity-v252{grid-template-columns:auto 1fr!important;margin-top:-43px!important;padding:0 15px 18px!important;gap:13px!important}
  .profile-identity-v252 .profile-avatar-xl{width:90px!important;height:90px!important;border-radius:27px!important}
  .profile-identity-v252 .profile-copy{padding-top:54px!important;padding-right:2px!important}
  .profile-identity-v252 .profile-name-line h1{font-size:20px!important;line-height:1.3!important;margin-bottom:2px!important}
  .profile-identity-v252 .profile-copy>p{margin-top:5px!important}
  .profile-identity-v252 .profile-edit-actions{grid-column:1/-1!important;padding-top:4px!important;margin-top:2px!important}
  .profile-identity-v252 .profile-edit-actions .btn{min-height:44px;border-radius:15px!important}
  .public-profile-banner{height:150px!important}
  .public-profile-info{padding-top:55px!important}
  .cover-preview{height:165px;border-radius:20px}
  .cover-camera{left:10px;bottom:10px;padding:8px 10px}
  .cover-editor-actions{align-items:flex-start;flex-direction:column}
}

/* ---------- PWA install feedback ---------- */
.pwa-install [data-install-btn][disabled]{opacity:.65;pointer-events:none}
.install-warning{display:grid;gap:5px;border-radius:15px;padding:12px;background:#fff5df;color:#6a4a00;border:1px solid #f0d79a}.install-warning b{font-size:11px}.install-warning span{font-size:9px;line-height:1.6}

/* ---------- Dark theme polish for the newly added pieces ---------- */
html[data-theme="dark"] .section-see-all{color:#6cd3aa}
html[data-theme="dark"] .cover-preview{background:linear-gradient(135deg,#18231e,#111914);border-color:#2a3831}
html[data-theme="dark"] .cover-camera{background:rgba(19,28,24,.92);color:#dfe9e4;border:1px solid #2a3831}
html[data-theme="dark"] .install-warning{background:#2d2718;color:#f0d98e;border-color:#4c4127}
html[data-theme="dark"] .profile-cover-v252{background:#111914}

/* ---------- General micro-polish ---------- */
.home-section-head{align-items:center!important}
.home-section-head h2{letter-spacing:-.025em}
.profile-shortcut,.premium-listing-card,.modern-category-card{will-change:transform}
@media(prefers-reduced-motion:reduce){.theme-toggle-btn .theme-icon,.section-see-all svg,.category-image-grid .modern-category-bg{transition:none!important}}

/* ===== Qalamoun Market 2.5.3 — premium polish ===== */
:root{--ui-shadow-sm:0 8px 24px rgba(9,43,31,.055);--ui-shadow-md:0 16px 42px rgba(9,43,31,.085);--ui-shadow-lg:0 28px 74px rgba(9,43,31,.12);--ui-border:rgba(214,228,221,.82);--ui-glass:rgba(255,255,255,.80);--ui-ease:cubic-bezier(.16,1,.3,1)}
body.app-v2{background:linear-gradient(180deg,#f9fcfa 0%,#f3f8f5 52%,#f7faf8 100%)}
.app-bg{opacity:.58}
.shell{animation:uiPageIn .42s var(--ui-ease) both}
@keyframes uiPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.topbar.app-header{background:rgba(255,255,255,.82)!important;border-color:rgba(220,232,226,.78)!important;box-shadow:0 10px 34px rgba(7,38,27,.055)!important;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
.icon-btn,.location-chip,.profile-chip,.btn,.nav-item,.section-see-all,.map-float-btn{transition:transform .2s var(--ui-ease),box-shadow .24s ease,background .24s ease,border-color .24s ease,color .24s ease}
.icon-btn:active,.location-chip:active,.profile-chip:active,.btn:active,.nav-item:active,.section-see-all:active,.map-float-btn:active{transform:scale(.965)}
.home-slide{box-shadow:var(--ui-shadow-lg)!important;border:1px solid rgba(255,255,255,.54)!important}
.home-search-app{box-shadow:0 16px 42px rgba(8,47,33,.105)!important;border:1px solid rgba(220,232,226,.86)!important;background:rgba(255,255,255,.91)!important;backdrop-filter:blur(18px)}
.home-section{position:relative}
.home-section-head{margin-bottom:13px!important}.home-section-head h2{font-size:clamp(20px,2.2vw,27px);line-height:1.2}.home-section-head small{letter-spacing:.015em}
.category-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.category-image-grid .modern-category-card{aspect-ratio:1.28/1!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:var(--ui-shadow-md)!important;transform:translateZ(0)}
.category-image-grid .modern-category-card::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);pointer-events:none}
.category-image-grid .modern-category-gradient{background:linear-gradient(180deg,rgba(5,26,19,.01) 30%,rgba(5,26,19,.20) 58%,rgba(3,20,14,.90) 100%)!important}
.category-image-grid .modern-category-copy{padding:38px 16px 15px!important}.category-image-grid .modern-category-copy b{font-size:16px!important;letter-spacing:-.02em}.category-image-grid .modern-category-copy small{font-size:9.5px!important;color:rgba(255,255,255,.78)!important}
.category-image-grid .modern-category-card:hover{transform:translateY(-4px)}
.category-image-grid .modern-category-card:hover .modern-category-bg{transform:scale(1.075)!important;filter:saturate(1.04) contrast(1.02)}
.category-extra{animation:categoryReveal .38s var(--ui-ease) both}
@keyframes categoryReveal{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.section-see-all{padding:9px 11px!important;border-radius:12px!important;background:rgba(var(--brand-rgb),.07)!important}.section-see-all:hover{background:rgba(var(--brand-rgb),.12)!important}


.bottom-nav{box-shadow:0 18px 58px rgba(7,39,28,.15)!important;background:rgba(255,255,255,.86)!important;border-color:rgba(217,230,223,.82)!important;backdrop-filter:blur(26px) saturate(170%)!important;-webkit-backdrop-filter:blur(26px) saturate(170%)!important}
.bottom-nav .nav-add{box-shadow:0 14px 34px rgba(var(--brand-rgb),.25)!important}.bottom-nav .nav-add:active{transform:translateY(1px) scale(.97)!important}
.card{border-color:var(--ui-border);box-shadow:var(--ui-shadow-sm)}
.sheet-card{box-shadow:0 -18px 65px rgba(7,38,27,.16)!important}

html[data-theme="dark"] body.app-v2{background:linear-gradient(180deg,#0f1713,#111b16 55%,#0e1612)}
html[data-theme="dark"] .topbar.app-header,html[data-theme="dark"] .bottom-nav{background:rgba(17,27,22,.86)!important;border-color:rgba(255,255,255,.075)!important}
html[data-theme="dark"] .home-search-app{background:rgba(19,30,25,.92)!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .section-see-all{background:rgba(108,211,170,.08)!important}

@media(max-width:900px){.category-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}.category-image-grid .modern-category-card{aspect-ratio:1.12/1!important}}
@media(max-width:700px){
  .shell{animation-duration:.32s}
  .home-section{padding-top:20px!important}.home-section-head{margin-bottom:11px!important}.home-section-head h2{font-size:22px!important}
  .category-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .category-image-grid .modern-category-card{aspect-ratio:1.13/1!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(9,43,31,.085)!important}
  .category-image-grid .modern-category-copy{padding:30px 12px 11px!important}.category-image-grid .modern-category-copy b{font-size:14px!important}.category-image-grid .modern-category-copy small{font-size:8.5px!important}
  
}
@media(prefers-reduced-motion:reduce){.shell,.category-extra{animation:none!important}*{scroll-behavior:auto!important}}


/* =========================================================
   Qalamoun Market 2.6.0 — Clean Performance Layer
   Consolidated after removing patch stack v2.5.4–v2.5.9.
========================================================= */

:root{
  --qm260-ease:cubic-bezier(.16,1,.3,1);
}

/* The old patch stack raised the nav over sheets. Sheets must always win. */
.sheet{z-index:500!important}
.sheet-backdrop{z-index:0}
.sheet-card{z-index:1}
html.sheet-open .bottom-nav{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(50%,calc(100% + 28px))!important;
  transition:opacity .18s ease,transform .24s var(--qm260-ease)!important;
}

/* Keep navigation exactly five equal slots. */
.bottom-nav{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.bottom-nav .nav-item{
  min-width:0!important;
}
.bottom-nav .nav-label{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Theme icons: use the native two-icon CSS state, never JS DOM replacement. */
.theme-toggle-btn{
  display:inline-grid!important;
  place-items:center!important;
}
.theme-toggle-btn .theme-icon{
  width:20px!important;
  height:20px!important;
  inset:50% auto auto 50%!important;
  translate:-50% -50%;
}

/* Profile: keep the original server markup, only normalize spacing. */
.profile-cover-v252{
  isolation:isolate;
}
.profile-cover-media.has-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.verified-pill{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:0!important;
  border-radius:50%!important;
}
.verified-pill svg{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
.profile-name-line{
  min-width:0;
}
.profile-name-line h1{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Account editor: compact image controls, no giant placeholders. */
.cover-upload,.avatar-upload{overflow:hidden}
.cover-preview svg,.cover-camera svg,.avatar-camera svg{
  max-width:20px!important;
  max-height:20px!important;
}
.cover-placeholder svg{
  width:24px!important;
  height:24px!important;
}
.account-editor .account-editor-head p,
.cover-editor-actions>span small,
.avatar-editor p{
  display:none!important;
}
.cover-editor-actions{
  padding-top:8px!important;
}
.avatar-editor{
  margin-bottom:16px!important;
}

/* Home categories from v2.5.4 structure, without loading the old patch CSS. */
.v254-categories .home-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.category-toggle-clean{
  appearance:none;
  border:1px solid rgba(var(--brand-rgb),.14)!important;
  background:rgba(var(--brand-rgb),.07)!important;
  color:var(--brand-deep)!important;
  min-height:36px;
  padding:0 12px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font:900 10px/1 Tajawal,sans-serif!important;
  cursor:pointer;
  white-space:nowrap;
}
.category-toggle-clean svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
  transition:transform .24s var(--qm260-ease);
}
.v254-categories.is-expanded .category-toggle-clean svg{transform:rotate(180deg)}
.category-more-panel[hidden]{display:none!important}
.category-more-panel{margin-top:10px;animation:qm260Reveal .28s var(--qm260-ease) both}
@keyframes qm260Reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Map keeps bottom navigation visible and leaves actual space for it. */
body.map-clean-page{
  padding-bottom:calc(var(--nav-clear) + 4px)!important;
}
body.map-clean-page .map-clean-shell{
  height:calc(100dvh - var(--top-h,64px) - var(--nav-clear) - 6px)!important;
  min-height:0!important;
}

/* Mobile GPU/memory reduction: keep glass where useful, remove expensive blur from bulk cards. */
@media(max-width:700px){
  .card,
  .premium-listing-card,
  .modern-category-card,
  .profile-shortcut,
  .request-chip,
  .store-pill,
  .home-search-app{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .topbar.app-header,
  .bottom-nav,
  .sheet-card{
    -webkit-backdrop-filter:blur(10px) saturate(125%)!important;
    backdrop-filter:blur(10px) saturate(125%)!important;
  }
  .profile-shortcut,
  .premium-listing-card,
  .modern-category-card{
    will-change:auto!important;
  }
  .profile-cover-glow{height:118px!important}
  .profile-identity-v252{
    grid-template-columns:auto minmax(0,1fr)!important;
    margin-top:-43px!important;
    padding:0 15px 18px!important;
    gap:13px!important;
  }
  .profile-identity-v252 .profile-copy{
    padding-top:56px!important;
    min-width:0!important;
  }
  .profile-identity-v252 .profile-edit-actions{
    grid-column:1/-1!important;
    padding-top:6px!important;
    width:100%!important;
  }
  .profile-identity-v252 .profile-edit-actions .btn{
    min-height:44px!important;
  }
  .account-editor-head{
    padding:17px 16px 13px!important;
  }
  .account-editor-head h1{font-size:21px!important}
  .cover-editor{padding:14px 0!important}
  .avatar-editor{padding:15px 0!important}
}

/* Don't animate page entry if the device/user asks for less motion. */
@media(prefers-reduced-motion:reduce){
  .shell,.category-more-panel{animation:none!important}
}


/* ========================================================================
   QALAMOUN MARKET 2.7.0 — APP EXPERIENCE REDESIGN
   Visual-only modernization layer. Keeps v2.6 functional base intact.
   ======================================================================== */

:root{
  --brand-deep:#0c5f48;
  --brand-strong:#108362;
  --brand-mint:#eaf7f2;
  --brand-mint-2:#dff2eb;
  --ink:#10231c;
  --muted:#788881;
  --line:#e5ede9;
  --surface:#ffffff;
  --surface-2:#f7faf8;
  --surface-3:#eef5f1;
  --page:#f5f8f6;
  --radius-xs:12px;
  --radius-sm:16px;
  --radius-md:22px;
  --radius-lg:28px;
  --radius-xl:34px;
  --shadow-xs:0 5px 18px rgba(8,42,30,.045);
  --shadow-sm:0 10px 28px rgba(8,42,30,.065);
  --shadow-md:0 18px 46px rgba(8,42,30,.09);
  --shadow-lg:0 28px 74px rgba(8,42,30,.13);
  --ease-app:cubic-bezier(.16,1,.3,1);
  --speed-fast:180ms;
  --speed:240ms;
  --speed-slow:320ms;
}

html{background:var(--page)}
body.app-v2{background:var(--page);color:var(--ink)}
.app-bg{background:
  radial-gradient(circle at 8% -8%,rgba(42,166,123,.09),transparent 28%),
  radial-gradient(circle at 102% 22%,rgba(48,176,132,.055),transparent 24%),
  linear-gradient(180deg,#fbfdfc 0%,#f4f8f6 42%,#f7faf8 100%)}
.shell{width:min(1220px,calc(100% - 32px))}
.card{border-color:rgba(18,75,55,.075);box-shadow:var(--shadow-xs);background:rgba(255,255,255,.96)}
.btn{border-radius:15px;min-height:44px;transition:transform var(--speed-fast) var(--ease-app),box-shadow var(--speed-fast) ease,background var(--speed-fast) ease}
.btn:active{transform:scale(.98)}
.btn-primary{background:linear-gradient(135deg,var(--brand-strong),var(--brand));box-shadow:0 10px 24px rgba(18,139,103,.17)}
.btn-soft{background:var(--brand-mint);color:var(--brand-deep)}
.btn-ghost{background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:none}

/* --- Topbar: keep every action, refine the group instead of deleting buttons --- */
.topbar.app-header{
  height:74px;
  grid-template-columns:1fr auto 1fr;
  padding:10px max(18px,calc((100vw - 1220px)/2));
  background:rgba(250,253,251,.88)!important;
  border-color:rgba(12,76,55,.07)!important;
  box-shadow:0 8px 32px rgba(8,42,30,.055)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
}
.brand{gap:9px;min-width:0}
.brand-mark{width:46px!important;height:46px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(16,105,77,.08)!important;box-shadow:var(--shadow-xs)!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.brand-mark img{width:34px!important;height:34px!important;object-fit:contain!important}
.brand-copy b{font-size:15px;font-weight:900;letter-spacing:-.02em}
.brand-copy small{font-size:9px;color:var(--muted);margin-top:1px}
.location-chip{min-height:45px;padding:8px 14px!important;border:1px solid rgba(18,139,103,.10)!important;background:rgba(234,247,242,.88)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);transition:transform var(--speed-fast) var(--ease-app),background var(--speed-fast) ease}
.location-chip:hover{background:#e4f5ee!important}.location-chip:active{transform:scale(.98)}
.location-chip svg{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.top-actions{gap:7px!important;align-items:center!important}
.top-actions .icon-btn,.profile-chip{border:1px solid rgba(16,79,58,.085)!important;background:rgba(255,255,255,.90)!important;box-shadow:0 6px 18px rgba(8,42,30,.05)!important;backdrop-filter:blur(12px)!important;transition:transform var(--speed-fast) var(--ease-app),box-shadow var(--speed-fast) ease,background var(--speed-fast) ease!important}
.top-actions .icon-btn:hover,.profile-chip:hover{background:#fff!important;box-shadow:var(--shadow-sm)!important;transform:translateY(-1px)}
.top-actions .icon-btn:active,.profile-chip:active{transform:scale(.96)!important}
.theme-toggle-btn{overflow:hidden!important}.theme-toggle-btn .theme-icon{transition:opacity .2s ease,transform .28s var(--ease-app)!important}
.notify-badge,.nav-badge{box-shadow:0 0 0 2px #fff}
.profile-chip{padding:4px 6px 4px 11px!important;border-radius:16px!important;gap:8px!important}
.mini-avatar{width:35px!important;height:35px!important;border-radius:12px!important;box-shadow:none!important}
.profile-chip-copy b{font-size:10px}.profile-chip-copy small{font-size:8px}

/* --- Bottom navigation: quiet floating app dock --- */
.bottom-nav{
  height:72px!important;
  width:min(590px,calc(100% - 18px))!important;
  padding:6px 8px!important;
  border-radius:25px!important;
  background:rgba(255,255,255,.91)!important;
  border:1px solid rgba(211,225,218,.76)!important;
  box-shadow:0 20px 58px rgba(8,42,30,.14)!important;
  backdrop-filter:blur(28px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
}
.nav-item{border-radius:18px!important;transition:color var(--speed-fast) ease,background var(--speed-fast) ease,transform var(--speed-fast) var(--ease-app)!important}
.nav-item:active{transform:scale(.95)}
.nav-item.active:not(.nav-add){background:rgba(18,139,103,.075)!important;color:var(--brand-deep)!important}
.nav-add{width:58px!important;height:58px!important;border-radius:20px!important;transform:translateY(-13px)!important;background:linear-gradient(145deg,#19a278,#087d5d)!important;box-shadow:0 14px 34px rgba(12,132,96,.28)!important}
.nav-add:active{transform:translateY(-11px) scale(.96)!important}

/* --- Home --- */
.home-modern-shell{padding-top:14px;padding-bottom:54px}
.home-slider{height:330px;border-radius:31px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.7)}
.home-slide-media{filter:saturate(.94) contrast(1.02)}
.home-slide-shade{background:linear-gradient(180deg,rgba(2,25,18,.02) 14%,rgba(2,31,22,.17) 42%,rgba(2,29,21,.84) 100%)!important}
.home-slide-content{max-width:620px}
.home-slide-content h1{font-weight:900;letter-spacing:-.035em;text-wrap:balance}
.hero-mini-chip{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.19)!important;backdrop-filter:blur(12px)!important}
.hero-explore-btn{background:rgba(255,255,255,.95)!important;color:#0f624a!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important}
.home-slider-dots{background:rgba(6,34,25,.18)!important;border:1px solid rgba(255,255,255,.1)!important}
.home-search-app{margin:16px auto 6px!important;min-height:60px!important;padding:8px 10px!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(16,79,58,.075)!important;box-shadow:var(--shadow-md)!important;backdrop-filter:blur(20px)!important}
.home-search-app input{font-size:14px!important}.search-leading{color:#64766d}.search-filter-btn{width:43px!important;height:43px!important;border-radius:14px!important;background:var(--brand-mint)!important;color:var(--brand-deep)!important}
.home-section{padding:24px 0 6px!important}.home-section-head{margin-bottom:13px!important;align-items:end!important}.home-section-head h2{font-size:24px!important;letter-spacing:-.035em}.home-section-head small{font-size:9px!important;letter-spacing:.01em;color:#8a9992}.home-section-head>a,.category-toggle-v270{font-size:10px!important;font-weight:900!important;color:var(--brand-deep)!important;background:var(--brand-mint)!important;border:1px solid rgba(18,139,103,.08)!important;border-radius:999px!important;min-height:34px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;gap:5px!important}
.category-toggle-v270 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform var(--speed) var(--ease-app)}
.v270-categories.is-expanded .category-toggle-v270 svg{transform:rotate(180deg)}
.category-image-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px!important;overflow:visible!important;padding:0!important}
.category-image-grid .modern-category-card{aspect-ratio:1.18/1!important;border-radius:23px!important;border:1px solid rgba(255,255,255,.76)!important;box-shadow:var(--shadow-sm)!important;transition:transform var(--speed) var(--ease-app),box-shadow var(--speed) ease!important;isolation:isolate}
.category-image-grid .modern-category-card:after{display:none!important}
.category-image-grid .modern-category-card::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.category-image-grid .modern-category-bg{filter:saturate(.93) contrast(1.02);transition:transform .44s var(--ease-app),filter .3s ease!important}
.category-image-grid .modern-category-gradient{background:linear-gradient(180deg,rgba(4,25,18,.00) 34%,rgba(4,25,18,.16) 58%,rgba(3,20,14,.88) 100%)!important}
.category-image-grid .modern-category-copy{padding:34px 14px 13px!important}.category-image-grid .modern-category-copy b{font-size:14px!important}.category-image-grid .modern-category-copy small{font-size:8.5px!important}
.category-image-grid .modern-category-card:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-md)!important}.category-image-grid .modern-category-card:hover .modern-category-bg{transform:scale(1.045)!important}
.category-more-panel{margin-top:11px!important;animation:v270Reveal .28s var(--ease-app) both}
@keyframes v270Reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.premium-listing-row{gap:13px!important;padding:2px 2px 13px!important}
.premium-listing-card{border-radius:23px!important;border:1px solid rgba(16,79,58,.07)!important;box-shadow:var(--shadow-xs)!important;background:#fff!important;transition:transform var(--speed) var(--ease-app),box-shadow var(--speed) ease!important;overflow:hidden!important}
.premium-listing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)!important}
.premium-listing-image{border-radius:0!important;overflow:hidden!important}.premium-listing-image img{transition:transform .4s var(--ease-app)}.premium-listing-card:hover .premium-listing-image img{transform:scale(1.035)}
.premium-favorite{top:10px!important;left:10px!important;width:37px!important;height:37px!important;border-radius:13px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 5px 18px rgba(8,42,30,.08)!important}
.premium-listing-body{padding:12px 13px 14px!important}.premium-listing-body>b,.premium-listing-body a b{font-size:13px!important}.premium-listing-price{font-size:17px!important;color:var(--brand-deep)!important}

.request-chip,.store-pill{border-radius:20px!important;box-shadow:var(--shadow-xs)!important;border-color:rgba(16,79,58,.07)!important}

/* --- Browse --- */
.browse-toolbar-modern{border-radius:28px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(16,79,58,.07)!important;box-shadow:var(--shadow-sm)!important;padding:21px!important}
.browse-search-line{border-radius:17px!important;background:#f9fbfa!important;border-color:rgba(16,79,58,.09)!important}.browse-search-line button{border-radius:13px!important}.browse-filter-grid label{border-radius:16px!important}.browse-filter-apply{border-radius:16px!important}
.listing-card{border-radius:22px!important;border-color:rgba(16,79,58,.07)!important;box-shadow:var(--shadow-xs)!important}.listing-card:hover{box-shadow:var(--shadow-md)!important}.listing-thumb{aspect-ratio:1.15/1!important}.fav-btn{border-radius:13px!important;box-shadow:0 6px 18px rgba(8,42,30,.07)!important}

/* --- Explore: immersive, minimal, no extra clutter --- */







/* --- Listing detail --- */
body.listing-modern-page{background:var(--page)!important}.listing-modern-shell{max-width:880px!important;margin:0 auto!important;padding-bottom:116px!important}.listing-modern-topbar{top:max(10px,env(safe-area-inset-top))!important;padding:0 12px!important}.listing-round-btn{width:44px!important;height:44px!important;border-radius:15px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(16,79,58,.08)!important;box-shadow:var(--shadow-xs)!important;backdrop-filter:blur(14px)!important}.listing-gallery-modern{border-radius:0 0 30px 30px!important;box-shadow:var(--shadow-md)!important;background:#e9efec!important}.listing-gallery-slide{aspect-ratio:1.3/1!important}.listing-gallery-slide img{object-fit:cover!important}.listing-gallery-count{border-radius:10px!important;background:rgba(7,26,19,.56)!important;backdrop-filter:blur(12px)!important}.listing-thumb-strip{padding:10px 14px 2px!important;gap:8px!important}.listing-thumb-modern{border-radius:14px!important}.listing-modern-content{padding:0 14px!important}.listing-summary-modern{border-radius:27px!important;border:1px solid rgba(16,79,58,.075)!important;box-shadow:var(--shadow-sm)!important;padding:21px!important;margin-top:11px!important}.listing-summary-head h1{font-size:24px!important;letter-spacing:-.03em!important}.listing-price-modern{color:var(--brand-deep)!important;font-size:27px!important}.listing-submeta{gap:8px!important}.listing-submeta span{background:var(--surface-2)!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:7px 9px!important}.listing-spec-card{border-radius:17px!important;background:#f8fbf9!important;border-color:rgba(16,79,58,.07)!important;min-height:72px!important}.listing-content-section{border-top-color:rgba(16,79,58,.08)!important}.seller-modern-card{border-radius:20px!important;background:#f8fbf9!important;border:1px solid rgba(16,79,58,.07)!important;padding:12px!important}.seller-modern-avatar{border-radius:15px!important}.listing-map-modern{border-radius:20px!important;box-shadow:inset 0 0 0 1px rgba(16,79,58,.06)!important}.listing-sticky-cta{width:min(650px,calc(100% - 18px))!important;border-radius:23px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(16,79,58,.08)!important;box-shadow:0 20px 54px rgba(8,42,30,.16)!important;padding:7px!important;backdrop-filter:blur(22px)!important}.listing-sticky-cta>a{min-height:52px!important;border-radius:17px!important}

/* --- Profile --- */
.profile-page{max-width:920px!important}.profile-cover-v252{border-radius:30px!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important;border-color:rgba(16,79,58,.07)!important}.profile-cover-media{height:210px!important;background:linear-gradient(135deg,#0b4434,#0d7457)!important}.profile-cover-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12))}.profile-identity-v252{padding:76px 22px 20px!important;align-items:end!important;gap:16px!important}.profile-avatar-xl{width:124px!important;height:124px!important;border-radius:34px!important;top:-64px!important;right:22px!important;border:5px solid #fff!important;box-shadow:0 16px 40px rgba(7,38,27,.17)!important}.profile-copy{min-width:0}.profile-name-line{gap:7px!important}.profile-name-line h1{font-size:27px!important;letter-spacing:-.03em!important}.verified-pill{width:25px!important;height:25px!important;min-width:25px!important;border-radius:50%!important;padding:0!important;background:var(--brand-mint)!important;color:var(--brand-strong)!important}.verified-pill svg{width:15px!important;height:15px!important}.profile-copy>p{font-size:11px!important;color:var(--muted)!important}.profile-bio{font-size:12px!important;line-height:1.65!important;margin-top:7px!important}.profile-edit-actions{gap:8px!important}.profile-edit-actions .btn{min-height:42px!important;border-radius:14px!important}.profile-stats-modern{border-top:1px solid rgba(16,79,58,.07)!important;background:#fbfdfc!important}.profile-stats-modern>div{padding:15px!important}.profile-stats-modern b{font-size:22px!important}.profile-stats-modern span{font-size:9px!important}.profile-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important}.profile-shortcut{border-radius:20px!important;padding:13px!important;box-shadow:var(--shadow-xs)!important;min-height:86px!important}.shortcut-icon{width:43px!important;height:43px!important;border-radius:14px!important}.profile-favorites-section,.profile-listings-head{margin-top:24px!important}.profile-favorites-section{padding:18px!important;border:1px solid rgba(16,79,58,.07)!important;border-radius:25px!important;background:rgba(255,255,255,.74)!important;box-shadow:var(--shadow-xs)!important}.profile-signout a{border-radius:14px!important}

/* --- Account editor --- */
.account-editor{border-radius:29px!important;padding:22px!important;border-color:rgba(16,79,58,.07)!important;box-shadow:var(--shadow-md)!important}.account-editor-head{margin-bottom:17px!important}.account-editor-head h1{font-size:25px!important;letter-spacing:-.03em!important}.cover-editor{border-radius:24px!important;overflow:hidden!important;border:1px solid rgba(16,79,58,.07)!important;background:#f8fbf9!important}.cover-upload{min-height:190px!important}.cover-preview{height:190px!important}.cover-camera{border-radius:14px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--shadow-xs)!important}.cover-editor-actions{padding:11px 13px!important}.avatar-editor{border-radius:22px!important;background:#f8fbf9!important;border:1px solid rgba(16,79,58,.07)!important;padding:13px!important}.avatar-preview{width:84px!important;height:84px!important;border-radius:24px!important;box-shadow:var(--shadow-xs)!important}.avatar-camera{border-radius:11px!important}.account-grid{margin-top:14px!important}.account-grid .field input,.account-grid .field select,.account-grid .field textarea{background:#fbfdfc!important;border-radius:15px!important;border-color:rgba(16,79,58,.10)!important;min-height:50px!important}.sticky-form-actions{border-top-color:rgba(16,79,58,.07)!important;background:rgba(255,255,255,.90)!important;backdrop-filter:blur(18px)!important}

/* --- Messages --- */
.messages-hub{max-width:900px!important;margin:0 auto!important}.messages-hub-head h1{font-size:30px!important;letter-spacing:-.04em!important}.messages-hub-head p{font-size:11px!important;color:var(--muted)!important}.messages-hub-card{border-radius:27px!important;box-shadow:var(--shadow-md)!important;border-color:rgba(16,79,58,.07)!important;overflow:hidden!important}.thread-search-large{margin:12px!important;border-radius:16px!important;background:#f8fbf9!important;border-color:rgba(16,79,58,.08)!important}.thread-modern-wide{padding:13px 14px!important;border-bottom-color:rgba(16,79,58,.065)!important;transition:background var(--speed-fast) ease!important}.thread-modern-wide:hover{background:#f7fbf9!important}.thread-avatar-lg{border-radius:16px!important}.chat-fullscreen-card{background:#f7faf8!important}.chat-full-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(16,79,58,.07)!important;backdrop-filter:blur(18px)!important}.chat-peer-avatar{border-radius:15px!important}.chat-listing-context-full{background:#fff!important;border-bottom:1px solid rgba(16,79,58,.07)!important}.chat-wallpaper{background-color:#f3f8f5!important;background-image:radial-gradient(circle at 25% 20%,rgba(16,139,98,.035) 0 1px,transparent 1px),radial-gradient(circle at 75% 65%,rgba(16,139,98,.03) 0 1px,transparent 1px)!important;background-size:28px 28px,34px 34px!important}.bubble-modern{border-radius:18px!important;box-shadow:0 4px 14px rgba(8,42,30,.045)!important}.bubble-modern.mine{background:#dff4eb!important}.bubble-modern.peer{background:#fff!important}.chat-compose-full{background:rgba(255,255,255,.95)!important;border-top:1px solid rgba(16,79,58,.07)!important;backdrop-filter:blur(20px)!important}.chat-compose textarea{border-radius:18px!important;background:#f6faf8!important;border-color:rgba(16,79,58,.08)!important}.send-button{border-radius:16px!important;background:linear-gradient(145deg,var(--brand-strong),var(--brand))!important}

/* --- Add listing --- */
.add-modern-shell{max-width:930px!important}.add-page-head{margin-bottom:17px!important}.add-page-head h1{font-size:30px!important;letter-spacing:-.04em!important}.add-page-head p{font-size:11px!important}.add-modern-form{gap:13px!important}.add-step-card{border-radius:26px!important;border:1px solid rgba(16,79,58,.07)!important;box-shadow:var(--shadow-sm)!important;padding:20px!important;background:rgba(255,255,255,.97)!important}.add-step-title>span{width:34px!important;height:34px!important;border-radius:12px!important;background:var(--brand-mint)!important;color:var(--brand-deep)!important}.add-step-title b{font-size:16px!important}.add-step-title small{font-size:9px!important}.add-upload-zone{border-radius:21px!important;background:#f8fbf9!important;border-color:rgba(16,139,103,.15)!important;min-height:160px!important}.add-upload-zone>svg{width:36px!important;height:36px!important}.add-modern-form .field input,.add-modern-form .field select,.add-modern-form .field textarea{border-radius:15px!important;background:#fbfdfc!important;border-color:rgba(16,79,58,.10)!important;min-height:50px!important}.ai-polish-btn{border-radius:999px!important;background:var(--brand-mint)!important}.pick-map-wrap{border-radius:22px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(16,79,58,.06)!important}.add-map-modern{min-height:300px!important}.privacy-tip{border-radius:16px!important;background:var(--brand-mint)!important}.add-submit-bar{border-radius:22px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(16,79,58,.07)!important;box-shadow:var(--shadow-md)!important;backdrop-filter:blur(20px)!important}

/* --- Map --- */
body.map-clean-page .topbar.app-header{background:rgba(250,253,251,.92)!important}
.map-clean-stage{border-radius:27px!important;border-color:rgba(16,79,58,.08)!important;box-shadow:var(--shadow-md)!important}.map-clean-btn{border-radius:15px!important;background:rgba(255,255,255,.94)!important;border-color:rgba(16,79,58,.08)!important;box-shadow:var(--shadow-sm)!important}.map-pin{border-radius:13px!important;box-shadow:0 10px 28px rgba(6,37,26,.18)!important}

/* --- sheets / system feedback --- */
.sheet-backdrop{background:rgba(9,18,14,.34)!important;backdrop-filter:blur(5px)!important}.sheet-card{border-radius:30px 30px 0 0!important;background:rgba(255,255,255,.985)!important;box-shadow:0 -26px 70px rgba(7,35,25,.18)!important}.sheet-handle{width:42px!important;height:4px!important;background:#d7e2dc!important}.city-option{border-radius:14px!important;border-bottom:0!important;margin:4px 0!important;background:#f8fbf9!important}.notification-item{border-radius:16px!important}.toast{border-radius:16px!important;box-shadow:var(--shadow-md)!important}
.route-progress{height:2px!important;background:linear-gradient(90deg,var(--brand),#74d9b6)!important}

/* --- Dark --- */
html[data-theme="dark"] body.app-v2{--ink:#edf5f1;--muted:#94a69e;--line:#283a32;--surface:#14211c;--surface-2:#192720;--surface-3:#1e2d26;--page:#0d1712;background:#0d1712}
html[data-theme="dark"] .app-bg{background:radial-gradient(circle at 10% -10%,rgba(28,143,101,.14),transparent 28%),linear-gradient(180deg,#101914,#0d1712)}
html[data-theme="dark"] .topbar.app-header,html[data-theme="dark"] .bottom-nav,html[data-theme="dark"] .sheet-card,html[data-theme="dark"] .profile-favorites-section,html[data-theme="dark"] .account-editor,html[data-theme="dark"] .add-step-card,html[data-theme="dark"] .listing-summary-modern,html[data-theme="dark"] .messages-hub-card{background:rgba(20,31,26,.94)!important;border-color:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .top-actions .icon-btn,html[data-theme="dark"] .profile-chip,html[data-theme="dark"] .listing-round-btn{background:rgba(24,37,31,.94)!important;border-color:rgba(255,255,255,.07)!important;color:#edf5f1!important}
html[data-theme="dark"] .home-search-app,html[data-theme="dark"] .premium-listing-card,html[data-theme="dark"] .profile-shortcut,html[data-theme="dark"] .browse-toolbar-modern{background:#14211c!important;border-color:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .listing-spec-card,html[data-theme="dark"] .seller-modern-card,html[data-theme="dark"] .avatar-editor,html[data-theme="dark"] .cover-editor,html[data-theme="dark"] .add-upload-zone,html[data-theme="dark"] .thread-search-large,html[data-theme="dark"] .chat-compose textarea{background:#182720!important;border-color:#293a33!important}
html[data-theme="dark"] .profile-stats-modern{background:#17251f!important}
html[data-theme="dark"] .bubble-modern.peer{background:#1b2923!important}html[data-theme="dark"] .bubble-modern.mine{background:#153b2e!important}

/* --- Mobile tuning --- */
@media(max-width:700px){
  :root{--top-h:66px;--nav-h:70px}
  .shell{width:calc(100% - 20px)!important}
  .topbar.app-header{height:66px!important;grid-template-columns:auto 1fr auto!important;padding:7px 10px!important;gap:7px!important}
  .brand-mark{width:42px!important;height:42px!important;border-radius:14px!important}.brand-mark img{width:31px!important;height:31px!important}.brand-copy{display:none!important}
  .location-chip{min-height:42px!important;max-width:164px!important;padding:7px 10px!important;font-size:11px!important;justify-self:center!important}
  .top-actions{gap:5px!important}.top-actions .icon-btn{width:42px!important;height:42px!important;border-radius:14px!important}.profile-chip{padding:4px!important;border-radius:14px!important}.mini-avatar{width:33px!important;height:33px!important;border-radius:11px!important}.profile-chip-copy{display:none!important}
  .bottom-nav{height:70px!important;width:calc(100% - 14px)!important;border-radius:23px!important;padding:5px 7px!important}.nav-label{font-size:8px!important}.nav-add{width:56px!important;height:56px!important;border-radius:19px!important}

  .home-modern-shell{padding-top:10px!important}.home-slider{height:244px!important;border-radius:25px!important}.home-slide-content{right:17px!important;left:17px!important;bottom:28px!important}.home-slide-content h1{font-size:27px!important;max-width:92%!important}.home-slide-content p{font-size:10px!important;max-width:94%!important}.hero-explore-btn{padding:8px 11px!important;border-radius:12px!important;font-size:9px!important}.home-search-app{margin-top:11px!important;min-height:55px!important;border-radius:18px!important}.home-section{padding-top:21px!important}.home-section-head h2{font-size:22px!important}
  .category-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.category-image-grid .modern-category-card{aspect-ratio:1.17/1!important;border-radius:21px!important}.category-image-grid .modern-category-copy{padding:25px 11px 10px!important}.category-image-grid .modern-category-copy b{font-size:13px!important}.category-image-grid .modern-category-copy small{font-size:8px!important}
  .premium-listing-card{flex-basis:74vw!important;max-width:300px!important;border-radius:21px!important}.premium-listing-image{aspect-ratio:1.28/1!important}.premium-listing-body{padding:10px 11px 12px!important}
  .home-action-pair{grid-template-columns:1fr!important;gap:9px!important}

  .browse-modern-shell{padding-top:13px!important}.browse-toolbar-modern{padding:15px!important;border-radius:23px!important}.browse-toolbar-head h1{font-size:25px!important}.browse-filter-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.browse-filter-grid label{min-width:0!important}.browse-filter-apply{grid-column:1/-1!important}

  

  .listing-modern-shell{padding-bottom:104px!important}.listing-gallery-modern{border-radius:0 0 24px 24px!important}.listing-gallery-slide{aspect-ratio:1.05/1!important}.listing-thumb-strip{padding:8px 10px 0!important}.listing-thumb-modern{width:58px!important;height:50px!important}.listing-modern-content{padding:0 10px!important}.listing-summary-modern{padding:16px!important;border-radius:23px!important}.listing-summary-head h1{font-size:21px!important}.listing-price-modern{font-size:24px!important}.listing-submeta{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important;white-space:nowrap!important}.listing-spec-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.listing-sticky-cta{bottom:max(7px,env(safe-area-inset-bottom))!important;width:calc(100% - 14px)!important;border-radius:21px!important}

  .profile-page{padding-top:12px!important}.profile-cover-v252{border-radius:24px!important}.profile-cover-media{height:165px!important}.profile-identity-v252{display:block!important;padding:68px 16px 15px!important}.profile-avatar-xl{width:110px!important;height:110px!important;border-radius:30px!important;top:-56px!important;right:16px!important}.profile-name-line h1{font-size:24px!important}.profile-edit-actions{margin-top:13px!important;display:grid!important;grid-template-columns:1fr!important}.profile-edit-actions .btn{width:100%!important}.profile-stats-modern{grid-template-columns:repeat(4,1fr)!important}.profile-stats-modern>div{padding:12px 5px!important}.profile-stats-modern b{font-size:19px!important}.profile-shortcuts{grid-template-columns:1fr 1fr!important;gap:8px!important}.profile-shortcut{min-height:78px!important;padding:11px!important}.profile-shortcut>span:nth-child(2) small{display:none!important}.profile-favorites-section{padding:13px!important;border-radius:22px!important}

  .account-page{padding-top:12px!important}.account-editor{padding:14px!important;border-radius:23px!important}.account-editor-head h1{font-size:22px!important}.cover-upload,.cover-preview{min-height:150px!important;height:150px!important}.avatar-editor{display:grid!important;grid-template-columns:76px 1fr!important;gap:12px!important}.avatar-preview{width:76px!important;height:76px!important;border-radius:22px!important}.account-grid{grid-template-columns:1fr!important}.sticky-form-actions{position:sticky!important;bottom:calc(var(--nav-h) + 12px)!important;border-radius:18px!important;padding:7px!important;z-index:20!important}

  .messages-page-main{padding-top:12px!important}.messages-hub-head{align-items:end!important}.messages-hub-head h1{font-size:26px!important}.messages-hub-head p{display:none!important}.messages-hub-card{border-radius:23px!important}.thread-modern-wide{padding:12px!important}.thread-avatar-lg{width:50px!important;height:50px!important}.thread-copy p{font-size:10px!important}.chat-full-header{min-height:63px!important}.chat-peer-avatar{width:40px!important;height:40px!important}.chat-listing-context-full{padding:7px 10px!important}.chat-body-full{padding:11px 10px 100px!important}.bubble-modern{max-width:82%!important}.chat-compose-full{padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important}

  .add-modern-shell{padding-top:12px!important}.add-page-head h1{font-size:25px!important}.add-page-head p{display:none!important}.add-step-card{padding:15px!important;border-radius:23px!important}.add-upload-zone{min-height:145px!important}.add-map-modern{min-height:260px!important}.add-submit-bar{bottom:max(8px,calc(var(--nav-h) + 12px))!important;border-radius:20px!important;padding:7px!important}
}

@media(max-width:390px){
  .category-image-grid .modern-category-card{aspect-ratio:1.08/1!important}
  .premium-listing-card{flex-basis:79vw!important}
  .profile-shortcuts{grid-template-columns:1fr!important}
  .profile-shortcut>span:nth-child(2) small{display:block!important}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .nav-item,.btn,.premium-listing-card,.modern-category-card,.home-slider-track,.theme-toggle-btn .theme-icon{transition:none!important}
}

/* Explore compact category pills */



/* Profile segmented content tabs */
.profile-content-tabs{display:flex;gap:5px;width:max-content;max-width:100%;padding:5px;margin:20px 0 4px;border-radius:16px;background:#edf5f1;border:1px solid rgba(16,79,58,.06)}
.profile-content-tabs button{border:0;background:transparent;color:var(--muted);min-height:38px;padding:0 14px;border-radius:12px;font-size:10px;font-weight:900;display:flex;align-items:center;gap:6px}.profile-content-tabs button span{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.7);display:inline-grid;place-items:center;font-size:8px}.profile-content-tabs button.active{background:#fff;color:var(--brand-deep);box-shadow:0 5px 16px rgba(8,42,30,.06)}.profile-tab-panel[hidden]{display:none!important}.profile-tab-panel{animation:v270Reveal .26s var(--ease-app) both}
html[data-theme="dark"] .profile-content-tabs{background:#182720;border-color:#293a33}html[data-theme="dark"] .profile-content-tabs button.active{background:#203129;color:#edf5f1}
@media(max-width:700px){.profile-content-tabs{width:100%;margin-top:15px}.profile-content-tabs button{flex:1;justify-content:center}}

/* Map listing rail: visual bottom sheet without covering the navigation */
.map-listing-rail{position:absolute;z-index:95;right:12px;left:12px;bottom:12px;display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 4px;pointer-events:auto}.map-listing-rail::-webkit-scrollbar{display:none}.map-listing-card{flex:0 0 245px;scroll-snap-align:start;min-height:78px;display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:8px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(16,79,58,.08);box-shadow:0 14px 36px rgba(8,42,30,.16);backdrop-filter:blur(18px);color:var(--ink)}.map-listing-card>img,.map-listing-placeholder{width:72px;height:62px;border-radius:13px;object-fit:cover;background:#edf4f0;display:grid;place-items:center}.map-listing-placeholder svg{width:24px;height:24px;fill:none;stroke:var(--brand-deep);stroke-width:1.8}.map-listing-card>span:last-child{min-width:0}.map-listing-card b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-listing-card small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.map-listing-card em{display:block;font-size:11px;color:var(--brand-deep);font-weight:900;font-style:normal;margin-top:3px}
html[data-theme="dark"] .map-listing-card{background:rgba(20,31,26,.94);border-color:rgba(255,255,255,.07);color:#edf5f1}
@media(max-width:700px){.map-listing-rail{right:8px;left:8px;bottom:8px}.map-listing-card{flex-basis:72vw;max-width:280px;grid-template-columns:66px 1fr;min-height:72px;border-radius:17px}.map-listing-card>img,.map-listing-placeholder{width:66px;height:56px;border-radius:12px}}

.add-progress-v270{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 12px;padding:5px;border-radius:16px;background:#eef5f1;border:1px solid rgba(16,79,58,.06)}.add-progress-v270 span{min-height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:9px;font-weight:900}.add-progress-v270 i{width:20px;height:20px;border-radius:8px;background:rgba(255,255,255,.78);display:grid;place-items:center;font-size:8px;font-style:normal}.add-progress-v270 span.active{background:#fff;color:var(--brand-deep);box-shadow:0 5px 16px rgba(8,42,30,.06)}.add-progress-v270 span.active i{background:var(--brand-mint);color:var(--brand-deep)}
html[data-theme="dark"] .add-progress-v270{background:#182720;border-color:#293a33}html[data-theme="dark"] .add-progress-v270 span.active{background:#203129;color:#edf5f1}

/* =========================================================
   Qalamoun Market v2.7.1 — clean profile composition
   Replaces the legacy profile hero without loading extra CSS.
   ========================================================= */
.profile-v271-page{padding-top:14px!important;display:grid;gap:14px}.profile-v271-card{overflow:hidden;border-radius:28px;background:var(--surface);border:1px solid rgba(var(--brand-rgb),.08);box-shadow:0 18px 48px rgba(8,42,30,.08)}.profile-v271-cover{position:relative;height:168px;overflow:hidden;background:radial-gradient(circle at 22% 18%,rgba(108,236,184,.20),transparent 32%),linear-gradient(135deg,#0b4937,#0b7457 68%,var(--brand));isolation:isolate}.profile-v271-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;opacity:.65}.profile-v271-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.profile-v271-cover-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(3,26,18,.02),rgba(3,26,18,.18))}.profile-v271-identity{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 18px 16px;background:var(--surface);min-height:118px}.profile-v271-avatar{position:relative;align-self:start;width:112px;height:112px;margin-top:-52px;border-radius:32px;border:5px solid var(--surface);background:linear-gradient(145deg,var(--brand),#23a47a);box-shadow:0 14px 34px rgba(6,40,28,.18);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:900;overflow:visible;z-index:4}.profile-v271-avatar img{width:100%;height:100%;object-fit:cover;border-radius:27px;display:block}.profile-v271-avatar>span{display:grid;place-items:center;width:100%;height:100%;border-radius:27px}.profile-v271-presence{position:absolute;left:4px;bottom:5px;width:15px;height:15px;border-radius:50%;background:#28c685;border:3px solid var(--surface);box-sizing:border-box}.profile-v271-copy{min-width:0;align-self:center}.profile-v271-name-row{display:flex;align-items:center;gap:7px;min-width:0;margin:0 0 4px}.profile-v271-name-row h1{font-size:25px;line-height:1.15;font-weight:900;margin:0;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-v271-verified{width:25px;height:25px;min-width:25px;border-radius:50%;display:inline-grid;place-items:center;color:var(--brand);background:var(--brand-soft)}.profile-v271-verified svg{width:17px;height:17px;fill:currentColor;stroke:none}.profile-v271-verified .tick{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.profile-v271-meta{margin:0;color:var(--muted);font-size:11px;font-weight:600}.profile-v271-meta span{opacity:.55;padding:0 2px}.profile-v271-bio{margin-top:7px;color:var(--ink);font-size:11px;line-height:1.65;max-width:620px}.profile-v271-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.profile-v271-actions .btn{min-height:42px;border-radius:14px;padding:0 13px}.profile-v271-actions .btn svg{width:17px;height:17px}.profile-v271-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2))}.profile-v271-stats>div{position:relative;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:11px 5px;text-align:center}.profile-v271-stats>div+div:after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:var(--line)}.profile-v271-stats b{font-size:19px;line-height:1;font-weight:900}.profile-v271-stats span{margin-top:7px;color:var(--muted);font-size:9px;font-weight:700}.profile-v271-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-v271-shortcut{position:relative;min-height:98px;padding:13px;border-radius:22px;background:var(--surface);border:1px solid rgba(var(--brand-rgb),.08);box-shadow:0 10px 28px rgba(8,42,30,.055);display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;color:var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s}.profile-v271-shortcut:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(8,42,30,.09);border-color:rgba(var(--brand-rgb),.16)}.profile-v271-shortcut-icon{position:relative;width:42px;height:42px;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.profile-v271-shortcut-icon.is-heart{background:#fff1f3;color:#d9586c}.profile-v271-shortcut-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-v271-shortcut-icon i{position:absolute;top:-5px;left:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e75a5a;color:#fff;border:2px solid var(--surface);display:grid;place-items:center;font-size:7px;font-style:normal;font-weight:900}.profile-v271-shortcut-copy{min-width:0}.profile-v271-shortcut-copy b{display:block;font-size:11px;font-weight:900}.profile-v271-shortcut-copy small{display:block;margin-top:4px;color:var(--muted);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-v271-shortcut-arrow{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.8}.profile-v271-tabs{display:flex;gap:5px;width:max-content;max-width:100%;padding:5px;margin:2px 0 0;border-radius:16px;background:#edf5f1;border:1px solid rgba(16,79,58,.06)}.profile-v271-tabs button{border:0;background:transparent;color:var(--muted);min-height:38px;padding:0 14px;border-radius:12px;font-size:10px;font-weight:900;display:flex;align-items:center;gap:6px}.profile-v271-tabs button span{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.72);display:inline-grid;place-items:center;font-size:8px}.profile-v271-tabs button.active{background:#fff;color:var(--brand-deep);box-shadow:0 5px 16px rgba(8,42,30,.06)}.profile-v271-section{border-radius:24px!important}.profile-v271-listings-head{margin-top:2px}.profile-v271-page .profile-signout{margin-top:3px}
html[data-theme="dark"] .profile-v271-card,html[data-theme="dark"] .profile-v271-shortcut{background:#151f1a;border-color:rgba(255,255,255,.07)}html[data-theme="dark"] .profile-v271-identity{background:#151f1a}html[data-theme="dark"] .profile-v271-avatar{border-color:#151f1a}html[data-theme="dark"] .profile-v271-presence{border-color:#151f1a}html[data-theme="dark"] .profile-v271-stats{background:linear-gradient(180deg,#151f1a,#18241e)}html[data-theme="dark"] .profile-v271-tabs{background:#182720;border-color:#293a33}html[data-theme="dark"] .profile-v271-tabs button.active{background:#203129;color:#edf5f1}
@media(max-width:900px){.profile-v271-identity{grid-template-columns:104px minmax(0,1fr)}.profile-v271-avatar{width:104px;height:104px;border-radius:30px}.profile-v271-avatar img,.profile-v271-avatar>span{border-radius:25px}.profile-v271-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2px}.profile-v271-actions .btn{width:100%;justify-content:center}.profile-v271-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.profile-v271-page{width:calc(100% - 20px)!important;padding-top:10px!important;gap:11px}.profile-v271-card{border-radius:24px}.profile-v271-cover{height:148px}.profile-v271-identity{grid-template-columns:88px minmax(0,1fr);gap:13px;padding:12px 14px 14px;min-height:94px}.profile-v271-avatar{width:88px;height:88px;margin-top:-43px;border-width:4px;border-radius:26px;font-size:24px}.profile-v271-avatar img,.profile-v271-avatar>span{border-radius:22px}.profile-v271-presence{width:13px;height:13px;left:3px;bottom:4px}.profile-v271-name-row h1{font-size:21px}.profile-v271-verified{width:23px;height:23px;min-width:23px}.profile-v271-verified svg{width:15px;height:15px}.profile-v271-meta{font-size:10px}.profile-v271-bio{font-size:10px;line-height:1.55;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-v271-actions{grid-template-columns:1fr;margin-top:3px;gap:7px}.profile-v271-actions .btn{min-height:43px;border-radius:14px}.profile-v271-stats>div{min-height:68px;padding:9px 3px}.profile-v271-stats b{font-size:18px}.profile-v271-stats span{font-size:8px;margin-top:6px}.profile-v271-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-v271-shortcut{min-height:80px;padding:10px;border-radius:19px;grid-template-columns:38px minmax(0,1fr) 14px;gap:8px}.profile-v271-shortcut-icon{width:38px;height:38px;border-radius:13px}.profile-v271-shortcut-icon svg{width:19px;height:19px}.profile-v271-shortcut-copy b{font-size:10px}.profile-v271-shortcut-copy small{font-size:7.8px;margin-top:3px}.profile-v271-tabs{width:100%;margin-top:1px}.profile-v271-tabs button{flex:1;justify-content:center}.profile-v271-section{border-radius:22px!important}}
@media(max-width:390px){.profile-v271-cover{height:138px}.profile-v271-identity{grid-template-columns:80px minmax(0,1fr);gap:11px;padding-inline:12px}.profile-v271-avatar{width:80px;height:80px;margin-top:-39px;border-radius:24px}.profile-v271-avatar img,.profile-v271-avatar>span{border-radius:20px}.profile-v271-name-row h1{font-size:19px}.profile-v271-shortcuts{grid-template-columns:1fr}.profile-v271-shortcut-copy small{display:block}}

/* =========================================================
   Qalamoun Market v2.7.2 — Clean Visual Polish
   One bundle only. No runtime DOM observers or extra theme files.
   ========================================================= */

:root{
  --v272-ease:cubic-bezier(.22,.8,.2,1);
  --v272-fast:160ms;
  --v272-normal:240ms;
  --v272-slow:360ms;
  --v272-glass:rgba(255,255,255,.82);
  --v272-glass-strong:rgba(255,255,255,.94);
  --v272-border:rgba(15,82,59,.08);
  --v272-shadow-xs:0 5px 18px rgba(8,42,30,.045);
  --v272-shadow-sm:0 10px 30px rgba(8,42,30,.065);
  --v272-shadow-md:0 18px 46px rgba(8,42,30,.09);
  --v272-shadow-lg:0 26px 70px rgba(8,42,30,.13);
}

/* ---------- Header: keep every control, refine shape ---------- */
.topbar.app-header{
  margin:0 auto!important;
  width:100%!important;
  min-height:var(--top-h)!important;
  background:var(--v272-glass)!important;
  border:1px solid rgba(216,230,223,.72)!important;
  border-top:0!important;
  border-radius:0 0 28px 28px!important;
  box-shadow:0 12px 34px rgba(7,39,28,.07)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  transition:box-shadow var(--v272-normal) ease,background var(--v272-normal) ease!important;
}
.topbar.app-header .brand-mark,
.topbar.app-header .icon-btn,
.topbar.app-header .profile-chip,
.topbar.app-header .location-chip{
  transition:transform var(--v272-fast) var(--v272-ease),box-shadow var(--v272-fast) ease,background var(--v272-fast) ease!important;
}
.topbar.app-header .brand-mark:hover,
.topbar.app-header .icon-btn:hover,
.topbar.app-header .profile-chip:hover,
.topbar.app-header .location-chip:hover{
  transform:translateY(-1px)!important;
  box-shadow:var(--v272-shadow-xs)!important;
}
.topbar.app-header .brand-mark:active,
.topbar.app-header .icon-btn:active,
.topbar.app-header .profile-chip:active,
.topbar.app-header .location-chip:active{transform:scale(.97)!important}

/* ---------- Home cards: remove unexplained side space ---------- */
.home-section{overflow:visible!important}
.premium-listing-row,
.latest-listing-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:14px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  padding:2px 0 10px!important;
}
.premium-listing-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
  display:flex!important;
  flex-direction:column!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--v272-border)!important;
  border-radius:24px!important;
  box-shadow:var(--v272-shadow-sm)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform:translateZ(0);
}
.premium-listing-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.28/1!important;
  display:block!important;
  overflow:hidden!important;
  background:#edf4f0!important;
}
.premium-listing-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.premium-listing-body{width:100%!important;flex:1!important;padding:12px 13px 14px!important}
.premium-favorite{z-index:4!important;box-shadow:var(--v272-shadow-xs)!important}
.premium-listing-card:hover{transform:translateY(-3px)!important;box-shadow:var(--v272-shadow-md)!important}

/* ---------- Consistent cards across the app ---------- */

.card,
.listing-card,
.profile-v271-shortcut,
.add-step-card,
.messages-hub-card,
.request-chip,
.store-pill{
  transition:transform var(--v272-normal) var(--v272-ease),box-shadow var(--v272-normal) ease,border-color var(--v272-normal) ease!important;
}
@media(hover:hover){
  .card:hover,
  .listing-card:hover,
  .profile-v271-shortcut:hover,
  .add-step-card:hover,
  .messages-hub-card:hover,
  .request-chip:hover,
  .store-pill:hover{
    transform:translateY(-2px)!important;
    box-shadow:var(--v272-shadow-md)!important;
  }
}

/* ---------- Glass surfaces, selectively (performance-safe) ---------- */
.bottom-nav,
.sheet-card,
.pwa-install,
.listing-sticky-cta,
.chat-compose-full{
  background:var(--v272-glass-strong)!important;
  border:1px solid rgba(214,228,221,.72)!important;
  box-shadow:var(--v272-shadow-md)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
}
.bottom-nav{border-radius:26px!important}
.sheet-card{border-radius:30px 30px 0 0!important}

/* ---------- Section rhythm ---------- */
.home-section-head{align-items:center!important}
.home-section-head h2{line-height:1.15!important}
.home-section-head>a,
.category-toggle-v270{
  box-shadow:0 3px 12px rgba(8,42,30,.035)!important;
  transition:transform var(--v272-fast) var(--v272-ease),background var(--v272-fast) ease!important;
}
.home-section-head>a:active,
.category-toggle-v270:active{transform:scale(.97)!important}

/* ---------- Category cards ---------- */
.category-image-grid .modern-category-card{
  box-shadow:var(--v272-shadow-sm)!important;
  border-color:rgba(255,255,255,.76)!important;
}
.category-image-grid .modern-category-card:hover{box-shadow:var(--v272-shadow-md)!important}

/* ---------- Page motion: subtle, one-time only ---------- */
.app-v274 main{
  animation:v272PageIn .32s var(--v272-ease) both;
}
@keyframes v272PageIn{
  from{opacity:.01;transform:translateY(7px)}
  to{opacity:1;transform:none}
}
.reveal-card{animation:v272CardIn .34s var(--v272-ease) both}
@keyframes v272CardIn{
  from{opacity:.01;transform:translateY(8px) scale(.995)}
  to{opacity:1;transform:none}
}

/* ---------- Buttons / touch ---------- */
.btn,
.icon-btn,
.nav-item,
.hero-explore-btn,
.search-filter-btn{
  transition:transform var(--v272-fast) var(--v272-ease),box-shadow var(--v272-fast) ease,background var(--v272-fast) ease,color var(--v272-fast) ease!important;
}
.btn:active,.icon-btn:active,.hero-explore-btn:active,.search-filter-btn:active{transform:scale(.97)!important}

/* ---------- Forms ---------- */
input,select,textarea{transition:border-color var(--v272-fast) ease,box-shadow var(--v272-fast) ease,background var(--v272-fast) ease!important}
input:focus,select:focus,textarea:focus{
  border-color:rgba(var(--brand-rgb),.34)!important;
  box-shadow:0 0 0 4px rgba(var(--brand-rgb),.07)!important;
}

/* ---------- Dark mode ---------- */
html[data-theme="dark"]{
  --v272-glass:rgba(18,30,24,.84);
  --v272-glass-strong:rgba(19,31,25,.94);
  --v272-border:rgba(255,255,255,.065);
  --v272-shadow-xs:0 6px 18px rgba(0,0,0,.11);
  --v272-shadow-sm:0 12px 30px rgba(0,0,0,.15);
  --v272-shadow-md:0 20px 48px rgba(0,0,0,.21);
}
html[data-theme="dark"] .topbar.app-header{background:var(--v272-glass)!important;border-color:rgba(255,255,255,.055)!important}
html[data-theme="dark"] .premium-listing-card{background:#14211c!important;border-color:var(--v272-border)!important}
html[data-theme="dark"] .premium-listing-image{background:#1b2b23!important}

/* ---------- Mobile ---------- */
@media(max-width:700px){
  .topbar.app-header{
    width:calc(100% - 10px)!important;
    margin:0 5px!important;
    border-radius:0 0 24px 24px!important;
    padding:7px 9px 9px!important;
    box-shadow:0 11px 28px rgba(7,39,28,.065)!important;
  }
  .home-modern-shell{padding-top:12px!important}
  .premium-listing-row,
  .latest-listing-row{
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
    gap:10px!important;
    padding-inline:0!important;
  }
  .premium-listing-card{border-radius:20px!important}
  .premium-listing-image{aspect-ratio:1.12/1!important}
  .premium-listing-body{padding:10px 10px 12px!important}
  .premium-listing-body a b{font-size:11.5px!important}
  .premium-listing-price{font-size:15px!important}
  .premium-listing-location{font-size:8.5px!important}
  .premium-favorite{width:34px!important;height:34px!important;border-radius:12px!important}
  .home-section{padding-top:20px!important}
  .home-section-head{margin-bottom:11px!important}
  .bottom-nav{width:calc(100% - 16px)!important;box-shadow:0 18px 46px rgba(8,42,30,.14)!important}
}

@media(max-width:380px){
  .premium-listing-row,
  .latest-listing-row{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .premium-listing-body{padding:9px!important}
}

@media(prefers-reduced-motion:reduce){
  .app-v274 main,.reveal-card{animation:none!important}
  *{scroll-behavior:auto!important}
}


/* =========================================================
   Qalamoun Market v2.7.3 — Explore information repair
   Clean Explore layer: old Explore selectors removed above.
   ========================================================= */

body.explore-page{
  --explore-safe-top:max(10px,env(safe-area-inset-top));
  --explore-safe-bottom:max(12px,env(safe-area-inset-bottom));
  --explore-panel-left:70px;
  padding:0!important;
  height:var(--app-vh,100dvh)!important;
  min-height:var(--app-vh,100dvh)!important;
  overflow:hidden!important;
  background:#030705!important;
  overscroll-behavior:none!important;
}
body.explore-page .app-bg{display:none!important}

.explore-feed{
  width:100%;
  height:var(--app-vh,100dvh)!important;
  max-height:var(--app-vh,100dvh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scroll-snap-type:y mandatory!important;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y!important;
  background:#030705;
}
.explore-feed::-webkit-scrollbar{display:none}

.explore-item{
  position:relative;
  width:100%;
  height:var(--app-vh,100dvh)!important;
  min-height:var(--app-vh,100dvh)!important;
  overflow:hidden;
  isolation:isolate;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  background:#07100c;
}

.media-strip{
  position:absolute;
  inset:0;
  overflow:hidden;
  direction:ltr;
  touch-action:pan-y!important;
  background:#07100c;
}
.media-track{
  height:100%;
  display:flex;
  transition:transform .34s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
.media-frame{
  position:relative;
  flex:0 0 100%;
  height:100%;
  background:#07100c;
}
.media-frame img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
.media-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.04) 22%,transparent 48%,rgba(0,0,0,.10) 60%,rgba(1,8,5,.70) 86%,rgba(1,7,4,.90) 100%);
}

/* top controls */
.explore-top-modern{
  position:fixed;
  z-index:160;
  top:var(--explore-safe-top);
  left:12px;
  right:12px;
  height:48px;
  display:grid;
  grid-template-columns:46px 1fr 46px;
  align-items:center;
  gap:10px;
  pointer-events:none;
}
.explore-top-modern>*{pointer-events:auto}
.explore-circle-btn{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(8,18,13,.38);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
}
.explore-circle-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.explore-tab-modern{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:18px;
  padding:9px 15px;
  border-radius:999px;
  color:rgba(255,255,255,.64);
  background:rgba(7,17,12,.36);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  font-size:11px;
}
.explore-tab-modern b{position:relative;color:#fff;font-size:13px}
.explore-tab-modern b::after{content:"";position:absolute;left:2px;right:2px;bottom:-6px;height:2px;border-radius:999px;background:#fff}

.explore-filter-pills{
  position:fixed;
  z-index:155;
  top:calc(var(--explore-safe-top) + 55px);
  right:50%;
  transform:translateX(50%);
  display:flex;
  gap:5px;
  max-width:calc(100% - 26px);
  overflow-x:auto;
  scrollbar-width:none;
  padding:4px;
  border-radius:999px;
  background:rgba(7,18,12,.30);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
}
.explore-filter-pills::-webkit-scrollbar{display:none}
.explore-filter-pills a{
  flex:none;
  padding:7px 10px;
  border-radius:999px;
  color:rgba(255,255,255,.76);
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.explore-filter-pills a.active{background:rgba(255,255,255,.96);color:#0b5c44}

.explore-photo-count{
  position:absolute;
  z-index:12;
  top:calc(var(--explore-safe-top) + 63px);
  right:13px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:6px 8px;
  border-radius:11px;
  color:#fff;
  background:rgba(6,17,12,.43);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:9px;
  font-weight:800;
}
.explore-photo-count svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}

.image-dots{
  position:absolute;
  z-index:13;
  top:calc(var(--explore-safe-top) + 111px);
  right:50%;
  transform:translateX(50%);
  display:flex;
  gap:4px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(5,13,9,.15);
}
.image-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.45);transition:.22s ease}
.image-dots i.active{width:18px;border-radius:999px;background:#fff}

/* information: all content remains inside the viewport */
.explore-info{
  position:absolute!important;
  z-index:20!important;
  right:12px!important;
  left:var(--explore-panel-left)!important;
  bottom:var(--explore-safe-bottom)!important;
  max-width:none!important;
  max-height:min(44vh,360px)!important;
  overflow:hidden!important;
  padding:13px 14px 12px!important;
  border-radius:22px!important;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(6,15,11,.64),rgba(7,18,13,.48))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
  text-shadow:none!important;
  pointer-events:auto!important;
}
.explore-price{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(24px,7vw,30px)!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.explore-info h2{
  margin:5px 0 5px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:900!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.explore-info p{
  margin:0 0 7px!important;
  color:rgba(255,255,255,.80)!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.explore-location{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:9.5px!important;
  line-height:1.3!important;
}
.explore-location svg{width:13px!important;height:13px!important;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.explore-seller{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:fit-content!important;
  max-width:100%!important;
  margin-top:9px!important;
  color:#fff!important;
  text-decoration:none!important;
}
.explore-seller-avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#e7f5ef!important;
  color:#0b654b!important;
  border:2px solid rgba(255,255,255,.76)!important;
  font-weight:900!important;
}
.explore-seller-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.explore-seller>span:last-child{min-width:0!important}
.explore-seller b{display:block!important;max-width:44vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:1.25!important}
.explore-seller b i{color:#77efb4!important;font-style:normal!important}
.explore-seller small{display:block!important;margin-top:1px!important;color:rgba(255,255,255,.62)!important;font-size:8px!important}

/* left action rail aligns to the info panel and never covers it */
.explore-actions{
  position:absolute!important;
  z-index:21!important;
  left:10px!important;
  bottom:var(--explore-safe-bottom)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:0!important;
}
.explore-action{width:48px!important;color:#fff!important;text-align:center!important;font-size:8px!important;font-weight:800!important}
.explore-action button,.explore-action a{
  width:43px!important;
  height:43px!important;
  margin:auto!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  color:#fff!important;
  background:rgba(8,18,13,.46)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(13px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(120%)!important;
  transition:transform .16s ease,background .16s ease!important;
}
.explore-action button:active,.explore-action a:active{transform:scale(.92)!important;background:rgba(255,255,255,.16)!important}
.explore-action button.active{background:rgba(217,59,84,.92)!important}
.explore-action svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.9}
.explore-action small{display:block!important;margin-top:2px!important;color:rgba(255,255,255,.84)!important;font-size:7.5px!important;text-shadow:0 2px 8px rgba(0,0,0,.4)!important}

.explore-swipe-guide{
  display:none!important;
}

.explore-empty{
  height:var(--app-vh,100dvh);
  display:grid;
  place-items:center;
  padding:30px;
  color:#fff;
  text-align:center;
}

@media(min-width:701px){
  .explore-item{width:min(720px,100%);margin:auto}
  .explore-feed{background:#020503}
  body.explore-page{--explore-panel-left:max(80px,calc((100vw - 720px)/2 + 76px))}
  .explore-info{right:max(14px,calc((100vw - 720px)/2 + 12px))!important}
  .explore-actions{left:max(10px,calc((100vw - 720px)/2 + 10px))!important}
}

@media(max-width:700px){
  body.explore-page{--explore-panel-left:68px;--explore-safe-bottom:max(12px,env(safe-area-inset-bottom))}
  .explore-top-modern{left:9px;right:9px;grid-template-columns:42px 1fr 42px}
  .explore-circle-btn{width:41px;height:41px;border-radius:14px}
  .explore-tab-modern{padding:8px 13px}
  .explore-info{right:10px!important;padding:12px 12px 11px!important;border-radius:20px!important;max-height:min(46vh,330px)!important}
  .explore-price{font-size:25px!important}
  .explore-info h2{font-size:16px!important}
  .explore-info p{font-size:9.8px!important}
  .explore-actions{left:8px!important;gap:6px!important}
  .explore-action{width:46px!important}
  .explore-action button,.explore-action a{width:41px!important;height:41px!important;border-radius:14px!important}
}

@media(max-width:390px){
  body.explore-page{--explore-panel-left:63px}
  .explore-info{right:8px!important;padding:11px!important}
  .explore-price{font-size:23px!important}
  .explore-info h2{font-size:15px!important}
  .explore-info p{-webkit-line-clamp:1!important}
  .explore-seller-avatar{width:31px!important;height:31px!important;min-width:31px!important}
  .explore-action button,.explore-action a{width:39px!important;height:39px!important}
  .explore-action small{display:none!important}
}

@media(max-height:700px) and (max-width:700px){
  .explore-info{max-height:39vh!important;padding:10px 11px!important}
  .explore-info p{-webkit-line-clamp:1!important;margin-bottom:5px!important}
  .explore-seller{margin-top:6px!important}
  .explore-actions{gap:4px!important}
  .explore-action small{display:none!important}
  .explore-action button,.explore-action a{width:38px!important;height:38px!important;border-radius:13px!important}
}

@media(max-height:610px) and (max-width:700px){
  .explore-info p{display:none!important}
  .explore-seller small{display:none!important}
  .explore-info{max-height:34vh!important}
}

@media(prefers-reduced-motion:reduce){
  .media-track{transition:none!important}
  .explore-action button,.explore-action a{transition:none!important}
}

/* =========================================================
   Qalamoun Market v2.7.4 — Stability & Chat/UI Repair
   Final scoped overrides only; restores home promo styles removed by 2.7.3.
   ========================================================= */

:root{
  --v274-ease:cubic-bezier(.16,1,.3,1);
  --v274-shadow-sm:0 10px 28px rgba(8,42,30,.065);
  --v274-shadow-md:0 18px 46px rgba(8,42,30,.10);
  --v274-glass:rgba(255,255,255,.90);
}

/* Restore the home Explore promo that was accidentally removed by the v2.7.3 cleanup. */
.home-action-pair{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)!important;
  align-items:stretch!important;
  gap:14px!important;
}
.home-action-pair>a{min-width:0!important;height:200px!important;min-height:200px!important;max-height:220px!important}
.explore-promo-card{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding:25px 27px!important;
  border-radius:27px!important;
  color:#fff!important;
  background:linear-gradient(125deg,#0b5e48 0%,#168765 62%,#49bd92 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 46px rgba(var(--brand-rgb),.17)!important;
  isolation:isolate!important;
}
.explore-promo-card::before{
  content:"";position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;left:-100px;top:-120px;background:rgba(255,255,255,.075)
}
.explore-promo-card>div{min-width:0;position:relative;z-index:1}
.explore-promo-card>div>span{font-size:10px!important;font-weight:900!important;opacity:.76!important}
.explore-promo-card h2{font-size:clamp(23px,2.1vw,31px)!important;line-height:1.08!important;margin:7px 0 8px!important;color:#fff!important}
.explore-promo-card p{margin:0!important;max-width:470px!important;font-size:11px!important;line-height:1.7!important;color:rgba(255,255,255,.78)!important}
.explore-promo-icon{
  flex:0 0 70px!important;width:70px!important;height:70px!important;border-radius:23px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important
}
.explore-promo-icon svg{width:31px!important;height:31px!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important}
.map-promo-card{
  height:200px!important;min-height:200px!important;max-height:220px!important;
  padding:22px!important;border-radius:27px!important;box-shadow:var(--v274-shadow-sm)!important
}

/* Restore the visual consistency selectors removed by the broad Explore cleanup. */
.card,.listing-card,.profile-v271-card,.profile-v271-shortcut,.browse-toolbar-modern,.add-step-card,
.messages-hub-card,.seller-modern-card,.form-card,.description-card,.request-chip,.store-pill,
.explore-promo-card,.map-promo-card{
  border-color:rgba(15,82,59,.08)!important;
  box-shadow:var(--v274-shadow-sm)!important;
}

/* Chat: one final layout contract, no overlap and no bottom navigation in an open conversation. */
body.chat-fullscreen-mode{padding:0!important;overflow:hidden!important;background:#f2f7f4!important}
body.chat-fullscreen-mode .bottom-nav{display:none!important}
.chat-fullscreen-shell{
  position:fixed!important;inset:0!important;z-index:600!important;width:100%!important;
  height:var(--app-vh,100dvh)!important;max-height:var(--app-vh,100dvh)!important;
  padding:0!important;margin:0!important;background:#f2f7f4!important
}
.chat-fullscreen-card{
  width:min(780px,100%)!important;height:100%!important;margin:0 auto!important;
  display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  overflow:hidden!important;background:#f6faf8!important;border:0!important;border-radius:0!important;box-shadow:none!important
}
.chat-full-head{position:relative!important;z-index:8!important}
.chat-body-full{
  min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;
  padding:14px 14px 18px!important;scrollbar-width:thin!important
}
.chat-compose-full{
  position:relative!important;z-index:9!important;margin:0!important;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:end!important;gap:7px!important;
  background:rgba(255,255,255,.95)!important;border-top:1px solid rgba(16,79,58,.08)!important;
  box-shadow:0 -8px 26px rgba(8,42,30,.05)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important
}
.chat-compose-full textarea{width:100%!important;min-width:0!important}
.chat-compose-full.sending .send-button{opacity:.58!important;pointer-events:none!important}
.chat-api-status{font-size:9px;color:var(--muted);text-align:center;padding:4px 8px}

/* Messages list stays compact and touch friendly. */
.thread-modern-wide{min-height:76px!important}
.thread-copy{min-width:0!important}
.thread-copy p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Desktop/mobile rhythm for home promo. */
@media(max-width:900px){
  .home-action-pair{grid-template-columns:1fr 1fr!important}
  .home-action-pair>a{height:180px!important;min-height:180px!important;max-height:190px!important}
  .map-promo-card{height:180px!important;min-height:180px!important;max-height:190px!important}
}
@media(max-width:700px){
  .home-action-pair{grid-template-columns:1fr!important;gap:10px!important}
  .home-action-pair>a{height:auto!important;min-height:138px!important;max-height:none!important}
  .explore-promo-card{padding:18px!important;border-radius:22px!important;gap:14px!important}
  .explore-promo-card h2{font-size:23px!important}.explore-promo-card p{font-size:9.5px!important;max-width:260px!important}
  .explore-promo-icon{width:54px!important;height:54px!important;flex-basis:54px!important;border-radius:18px!important}
  .explore-promo-icon svg{width:24px!important;height:24px!important}
  .map-promo-card{height:auto!important;min-height:132px!important;max-height:none!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:14px!important}
  .chat-fullscreen-card{width:100%!important}
  .chat-body-full{padding:11px 9px 14px!important}
}

/* Avoid old route/reveal animations creating giant intermediate layout frames. */
.home-action-pair .reveal-card{animation-duration:.26s!important}

html[data-theme="dark"] .chat-fullscreen-shell,html[data-theme="dark"] .chat-fullscreen-card{background:#101914!important}
html[data-theme="dark"] .chat-compose-full{background:rgba(19,30,24,.96)!important;border-color:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .map-promo-card{box-shadow:0 14px 34px rgba(0,0,0,.18)!important}

/* ========================================================================== 
   Qalamoun Market 2.8.0 — Production Design System
   One active visual layer; no DOM observers or heavy animation loops.
   ========================================================================== */
:root{
  --v280-bg:#f5f8f6;
  --v280-surface:rgba(255,255,255,.94);
  --v280-surface-solid:#fff;
  --v280-ink:#10251c;
  --v280-muted:#7d8c85;
  --v280-line:rgba(26,70,53,.09);
  --v280-r-sm:14px;
  --v280-r-md:20px;
  --v280-r-lg:26px;
  --v280-r-xl:32px;
  --v280-shadow-xs:0 5px 16px rgba(11,48,35,.045);
  --v280-shadow-sm:0 10px 30px rgba(11,48,35,.07);
  --v280-shadow-md:0 18px 46px rgba(11,48,35,.105);
  --v280-shadow-float:0 24px 70px rgba(8,40,28,.15);
  --v280-glass:rgba(255,255,255,.82);
  --v280-glass-strong:rgba(255,255,255,.93);
  --v280-ease:cubic-bezier(.2,.8,.2,1);
  --v280-fast:160ms;
  --v280-normal:240ms;
}

html[data-theme="dark"]{
  --v280-bg:#0e1713;
  --v280-surface:rgba(20,31,26,.94);
  --v280-surface-solid:#14201a;
  --v280-ink:#eef7f2;
  --v280-muted:#8fa39a;
  --v280-line:rgba(255,255,255,.07);
  --v280-shadow-xs:0 5px 16px rgba(0,0,0,.18);
  --v280-shadow-sm:0 10px 30px rgba(0,0,0,.24);
  --v280-shadow-md:0 18px 46px rgba(0,0,0,.30);
  --v280-shadow-float:0 24px 70px rgba(0,0,0,.38);
  --v280-glass:rgba(17,27,22,.82);
  --v280-glass-strong:rgba(17,27,22,.94);
}

body.app-v280{background:var(--v280-bg);color:var(--v280-ink)}
body.app-v280 .app-bg{opacity:.72}
body.app-v280 .shell{width:min(1240px,calc(100% - 32px))}

/* Header — same controls, cleaner and more app-like. */
.app-v280 .topbar.app-header{
  height:72px;
  position:sticky;
  top:0;
  z-index:120;
  padding:9px max(18px,calc((100vw - 1240px)/2));
  background:var(--v280-glass-strong)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  border-top:0!important;
  border-radius:0 0 28px 28px!important;
  box-shadow:0 9px 28px rgba(10,45,32,.055)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  transition:box-shadow var(--v280-normal) ease,background var(--v280-normal) ease,transform var(--v280-normal) var(--v280-ease)!important;
}
.app-v280 .topbar.app-header.is-scrolled{box-shadow:0 14px 42px rgba(8,40,28,.11)!important}
.app-v280 .brand-mark{border-radius:14px!important;box-shadow:var(--v280-shadow-xs)!important}
.app-v280 .location-chip,.app-v280 .profile-chip,.app-v280 .top-actions .icon-btn{
  background:var(--v280-surface)!important;
  border-color:var(--v280-line)!important;
  box-shadow:var(--v280-shadow-xs)!important;
}
.app-v280 .location-chip{min-height:42px;padding-inline:14px!important}
.app-v280 .top-actions .icon-btn{border-radius:14px!important}
.app-v280 .profile-chip{border-radius:16px!important}
.app-v280 .top-actions .icon-btn:hover,.app-v280 .profile-chip:hover,.app-v280 .location-chip:hover{box-shadow:var(--v280-shadow-sm)!important;transform:translateY(-1px)}

/* Shared surfaces and rhythm. */
.app-v280 .card,.app-v280 .listing-card,.app-v280 .add-step-card,.app-v280 .messages-hub-card,.app-v280 .profile-v271-shortcut,
.app-v280 .settings-pane,.app-v280 .admin-dashboard-card,.app-v280 .admin-kpi{
  background:var(--v280-surface-solid)!important;
  border-color:var(--v280-line)!important;
  box-shadow:var(--v280-shadow-xs)!important;
  border-radius:var(--v280-r-lg)!important;
}
.app-v280 .home-section{margin-top:32px!important}
.app-v280 .home-section-head{margin-bottom:14px!important}
.app-v280 .home-section-head h2{font-size:clamp(21px,2.1vw,29px)!important;letter-spacing:-.035em}
.app-v280 .home-section-head small{color:var(--v280-muted)!important;font-weight:700}
.app-v280 .home-section-head>a,.app-v280 .category-toggle-v270{background:rgba(var(--brand-rgb),.07)!important;border:1px solid rgba(var(--brand-rgb),.10)!important;color:var(--brand-deep)!important;border-radius:999px!important;padding:8px 12px!important;box-shadow:none!important}

/* Home — clean marketplace dashboard. */
.app-v280 .home-modern-shell{padding-top:18px;padding-bottom:118px}
.app-v280 .home-slider{border-radius:var(--v280-r-xl)!important;box-shadow:var(--v280-shadow-md)!important;overflow:hidden!important}
.app-v280 .home-slide{min-height:330px!important}
.app-v280 .home-slide-media{object-position:center!important}
.app-v280 .home-slide-shade{background:linear-gradient(90deg,rgba(7,27,19,.10),rgba(6,26,18,.62))!important}
.app-v280 .home-slide-content{max-width:630px!important;padding:34px!important}
.app-v280 .home-slide-content h1{font-size:clamp(32px,4vw,54px)!important;letter-spacing:-.05em!important;line-height:1.05!important}
.app-v280 .home-search-app{max-width:900px!important;margin:-28px auto 0!important;z-index:7!important;border-radius:22px!important;background:var(--v280-glass-strong)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:var(--v280-shadow-md)!important;backdrop-filter:blur(18px)!important}
.app-v280 .home-search-app input{font-size:14px!important}

/* Categories — six strong cards, extra items remain behind Show All. */
.app-v280 .category-image-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.app-v280 .category-image-grid .modern-category-card{aspect-ratio:1/1!important;border-radius:22px!important;box-shadow:var(--v280-shadow-xs)!important;border:1px solid rgba(255,255,255,.7)!important}
.app-v280 .category-image-grid .modern-category-card:hover{transform:translateY(-3px)!important;box-shadow:var(--v280-shadow-md)!important}
.app-v280 .modern-category-copy{padding:44px 12px 12px!important}
.app-v280 .modern-category-copy b{font-size:14px!important}
.app-v280 .modern-category-copy small{font-size:9px!important;opacity:.82}
.app-v280 .modern-category-gradient{background:linear-gradient(180deg,transparent 30%,rgba(6,25,18,.12) 55%,rgba(5,24,17,.82) 100%)!important}

/* Home listings — no unexplained side gaps. */
.app-v280 .premium-listing-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
.app-v280 .premium-listing-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:22px!important;
  background:var(--v280-surface-solid)!important;
  border:1px solid var(--v280-line)!important;
  box-shadow:var(--v280-shadow-xs)!important;
  overflow:hidden!important;
}
.app-v280 .premium-listing-image{width:100%!important;aspect-ratio:1.2/1!important;height:auto!important;background:#eaf1ed!important}
.app-v280 .premium-listing-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.app-v280 .premium-listing-body{display:grid!important;gap:5px!important;padding:12px 13px 14px!important;width:100%!important}
.app-v280 .premium-listing-body b{font-size:13px!important;line-height:1.45!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.app-v280 .premium-listing-price{font-size:16px!important;font-weight:900!important;color:var(--brand-deep)!important;margin-top:2px!important}
.app-v280 .premium-listing-location{font-size:10px!important;color:var(--v280-muted)!important}
.app-v280 .premium-favorite{top:9px!important;left:9px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--v280-shadow-xs)!important}

/* Home action cards. */
.app-v280 .home-action-pair{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:14px!important;align-items:stretch!important}
.app-v280 .explore-promo-card,.app-v280 .map-promo-card{min-height:190px!important;border-radius:26px!important;box-shadow:var(--v280-shadow-sm)!important;overflow:hidden!important}
.app-v280 .map-promo-card{background:linear-gradient(145deg,#fff,#f0f8f4)!important;border:1px solid var(--v280-line)!important}

/* Browse — compact on desktop, collapsible on mobile. */
.app-v280 .browse-toolbar-modern{border-radius:28px!important;background:var(--v280-surface-solid)!important;border:1px solid var(--v280-line)!important;box-shadow:var(--v280-shadow-sm)!important}
.app-v280 .browse-mobile-filter-toggle{display:none}
.app-v280 .browse-listings-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.app-v280 .listing-card{overflow:hidden!important}
.app-v280 .listing-card:hover{transform:translateY(-3px)!important;box-shadow:var(--v280-shadow-md)!important}

/* Explore — immersive but readable. */
.app-v280.explore-page{background:#020503!important}
.app-v280 .explore-top-modern,.app-v280 .explore-filter-pills{backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important}
.app-v280 .explore-item{background:#07110c!important}
.app-v280 .explore-info{border-radius:24px!important;background:linear-gradient(145deg,rgba(5,15,10,.68),rgba(7,20,14,.48))!important;box-shadow:0 20px 50px rgba(0,0,0,.30)!important}
.app-v280 .explore-price{font-size:clamp(23px,7vw,32px)!important}
.app-v280 .explore-action button,.app-v280 .explore-action a{border-radius:16px!important}

/* Listing details. */
.app-v280.listing-modern-page{background:var(--v280-bg)!important}
.app-v280 .listing-modern-shell{max-width:980px!important;padding-bottom:112px!important}
.app-v280 .listing-gallery-modern{border-radius:0 0 30px 30px!important;box-shadow:var(--v280-shadow-md)!important;background:#e9f0ec!important}
.app-v280 .listing-gallery-slide img{object-fit:cover!important}
.app-v280 .listing-modern-content{max-width:900px!important;margin-inline:auto!important}
.app-v280 .listing-summary-modern{background:var(--v280-surface-solid)!important;border:1px solid var(--v280-line)!important;border-radius:28px!important;box-shadow:var(--v280-shadow-sm)!important;padding:22px!important}
.app-v280 .listing-spec-card{border-radius:16px!important;background:rgba(var(--brand-rgb),.045)!important;border-color:rgba(var(--brand-rgb),.08)!important}
.app-v280 .seller-modern-card{border-radius:20px!important;background:rgba(var(--brand-rgb),.04)!important}
.app-v280 .listing-sticky-cta{border-radius:22px!important;background:var(--v280-glass-strong)!important;box-shadow:var(--v280-shadow-float)!important}

/* Map — true full area + useful bottom card rail. */
.app-v280.map-clean-page .map-clean-stage{border-radius:28px!important;box-shadow:var(--v280-shadow-md)!important;border-color:var(--v280-line)!important}
.app-v280 .map-clean-btn{background:var(--v280-glass-strong)!important;border-color:var(--v280-line)!important;box-shadow:var(--v280-shadow-sm)!important}
.app-v280 .map-listing-rail{gap:10px!important;padding:8px!important}
.app-v280 .map-listing-card{border-radius:18px!important;background:var(--v280-glass-strong)!important;box-shadow:var(--v280-shadow-sm)!important;border:1px solid var(--v280-line)!important}

/* Add listing. */
.app-v280 .add-modern-shell{max-width:940px!important}
.app-v280 .add-step-card{padding:22px!important;box-shadow:var(--v280-shadow-xs)!important}
.app-v280 .add-upload-zone{border-radius:22px!important;background:linear-gradient(145deg,#fbfdfc,#eff7f3)!important}
.app-v280 .add-progress-v270 span{border-radius:999px!important}
.app-v280 .add-submit-bar{background:var(--v280-glass-strong)!important;backdrop-filter:blur(18px)!important;border:1px solid var(--v280-line)!important;box-shadow:var(--v280-shadow-sm)!important;border-radius:20px!important}

/* Profile, messages, notification sheet. */
.app-v280 .profile-v271-card{border-radius:30px!important;box-shadow:var(--v280-shadow-sm)!important;border:1px solid var(--v280-line)!important}
.app-v280 .profile-v271-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.app-v280 .profile-v271-shortcut{min-height:92px!important}
.app-v280 .messages-hub-card{overflow:hidden!important}
.app-v280 .thread-modern{border-radius:18px!important;transition:background var(--v280-fast),transform var(--v280-fast) var(--v280-ease)!important}
.app-v280 .thread-modern:hover{background:rgba(var(--brand-rgb),.05)!important;transform:translateX(-2px)}
.app-v280 .sheet-card{background:var(--v280-glass-strong)!important;border-color:var(--v280-line)!important;box-shadow:var(--v280-shadow-float)!important}

/* Admin — calmer professional density. */
.app-v280.admin-body .admin-side{background:linear-gradient(180deg,#0b1d15,#102a1e)!important}
.app-v280.admin-body .admin-top{border-radius:0 0 24px 24px!important;background:var(--v280-glass-strong)!important;backdrop-filter:blur(16px)!important;box-shadow:var(--v280-shadow-xs)!important}
.app-v280.admin-body .admin-content{max-width:1480px!important;margin-inline:auto!important}
.app-v280 .admin-kpi-grid{gap:12px!important}
.app-v280 .admin-kpi{min-height:132px!important}
.app-v280 .system-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.app-v280 .system-health-card{padding:18px;border:1px solid var(--v280-line);border-radius:20px;background:var(--v280-surface-solid);box-shadow:var(--v280-shadow-xs)}
.app-v280 .system-health-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.app-v280 .system-health-card header b{font-size:14px}.app-v280 .health-dot{width:11px;height:11px;border-radius:50%;background:#8ea29a;box-shadow:0 0 0 5px rgba(142,162,154,.10)}.app-v280 .health-dot.ok{background:#19a36e;box-shadow:0 0 0 5px rgba(25,163,110,.12)}.app-v280 .health-dot.warn{background:#e3a72e;box-shadow:0 0 0 5px rgba(227,167,46,.12)}.app-v280 .health-dot.bad{background:#d95656;box-shadow:0 0 0 5px rgba(217,86,86,.12)}.app-v280 .system-health-card p{margin:0;color:var(--v280-muted);font-size:11px;line-height:1.65}

/* Animation policy — short, GPU-friendly, and respectful of reduced motion. */
.app-v280 main{animation:v280PageIn .28s var(--v280-ease) both!important}
@keyframes v280PageIn{from{opacity:.01;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}
.app-v280 .reveal-card{animation:v280CardIn .30s var(--v280-ease) both!important}
@keyframes v280CardIn{from{opacity:.01;transform:translate3d(0,7px,0) scale(.996)}to{opacity:1;transform:none}}
.app-v280 .btn,.app-v280 .icon-btn,.app-v280 .nav-item,.app-v280 .listing-card,.app-v280 .premium-listing-card,.app-v280 .modern-category-card{transition:transform var(--v280-fast) var(--v280-ease),box-shadow var(--v280-normal) ease,border-color var(--v280-fast) ease,background var(--v280-fast) ease!important}
.app-v280 .btn:active,.app-v280 .icon-btn:active,.app-v280 .nav-item:active{transform:scale(.97)!important}

@media(max-width:1000px){
  .app-v280 .category-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .app-v280 .premium-listing-row,.app-v280 .browse-listings-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .app-v280 .system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  :root{--top-h:68px}
  body.app-v280{padding-bottom:94px!important}
  body.app-v280 .shell{width:min(100% - 20px,1240px)}
  .app-v280 .topbar.app-header{height:68px!important;padding:8px 10px!important;border-radius:0 0 24px 24px!important;grid-template-columns:auto minmax(0,1fr) auto!important}
  .app-v280 .brand-copy,.app-v280 .profile-chip-copy{display:none!important}
  .app-v280 .brand-mark{width:42px!important;height:42px!important}
  .app-v280 .location-chip{justify-self:center!important;min-height:40px!important;max-width:160px!important;padding:8px 11px!important;font-size:12px!important}
  .app-v280 .top-actions{gap:6px!important}
  .app-v280 .top-actions .icon-btn{width:40px!important;height:40px!important}
  .app-v280 .profile-chip{min-width:0!important;padding:4px!important;border-radius:14px!important}
  .app-v280 .mini-avatar{width:32px!important;height:32px!important;border-radius:10px!important}

  .app-v280 .home-modern-shell{padding-top:12px!important}
  .app-v280 .home-slider{border-radius:26px!important}
  .app-v280 .home-slide{min-height:270px!important}
  .app-v280 .home-slide-content{padding:24px 20px!important}
  .app-v280 .home-slide-content h1{font-size:34px!important}
  .app-v280 .home-slide-content p{font-size:12px!important;max-width:90%!important}
  .app-v280 .home-search-app{margin:-22px 10px 0!important;border-radius:20px!important}
  .app-v280 .home-section{margin-top:27px!important}
  .app-v280 .category-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  .app-v280 .category-image-grid .modern-category-card{border-radius:19px!important}
  .app-v280 .modern-category-copy{padding:34px 9px 10px!important}.app-v280 .modern-category-copy b{font-size:12px!important}.app-v280 .modern-category-copy small{font-size:8px!important}
  .app-v280 .premium-listing-row,.app-v280 .browse-listings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .app-v280 .premium-listing-card,.app-v280 .listing-card{border-radius:18px!important}
  .app-v280 .premium-listing-body{padding:10px!important}.app-v280 .premium-listing-price{font-size:14px!important}
  .app-v280 .home-action-pair{grid-template-columns:1fr!important}.app-v280 .explore-promo-card,.app-v280 .map-promo-card{min-height:145px!important}

  .app-v280 .browse-toolbar-modern{border-radius:22px!important;padding:14px!important}
  .app-v280 .browse-mobile-filter-toggle{display:inline-flex!important;align-items:center;gap:7px;border:1px solid var(--v280-line);background:var(--v280-surface-solid);border-radius:14px;padding:9px 12px;font-weight:800;color:var(--v280-ink)}
  .app-v280 .browse-mobile-filter-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
  .app-v280 [data-browse-filters][hidden]{display:none!important}
  .app-v280 [data-browse-filters].is-open{display:grid!important;animation:v280FilterIn .2s var(--v280-ease) both}
  @keyframes v280FilterIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

  .app-v280 .profile-v271-shortcuts{grid-template-columns:1fr!important}
  .app-v280 .system-health-grid{grid-template-columns:1fr}
  .app-v280 .listing-summary-modern{margin-inline:10px!important;padding:18px!important;border-radius:24px!important}
  .app-v280 .listing-gallery-modern{border-radius:0 0 26px 26px!important}
  .app-v280 .map-clean-stage{border-radius:22px!important}
}

@media(max-width:390px){
  .app-v280 .category-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .app-v280 .premium-listing-row,.app-v280 .browse-listings-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .app-v280 .premium-listing-body b{font-size:11px!important}
  .app-v280 .premium-listing-price{font-size:13px!important}
}

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

/* ========================================================================
   Qalamoun Market v2.8.1 — Offline & App Feel
   ======================================================================== */
.offline-pending{opacity:.78!important;outline:1px dashed rgba(22,135,101,.24)!important}.offline-pending .pending-label{font-style:normal;color:#a26d11;font-size:9px;font-weight:800}.offline-pending .pending-image{filter:saturate(.75)}
.offline-status-card{margin-top:18px;padding:18px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(240,249,245,.88));border:1px solid rgba(18,139,103,.09);box-shadow:0 12px 38px rgba(8,48,33,.055)}.offline-status-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.offline-status-head h2{margin:0;font-size:18px}.offline-status-head small{display:block;color:var(--muted);margin-top:4px}.offline-status-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(22,135,101,.08);color:var(--brand)}.offline-status-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.offline-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.offline-status-stat{padding:12px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(18,139,103,.07)}.offline-status-stat b{display:block;font-size:16px}.offline-status-stat small{color:var(--muted);font-size:9px}.offline-status-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.offline-status-actions .btn{min-height:42px}.offline-status-note{margin-top:10px;color:var(--muted);font-size:10px;line-height:1.6}
html[data-theme=dark] .offline-status-card{background:linear-gradient(145deg,rgba(25,35,30,.95),rgba(19,29,24,.95));border-color:rgba(255,255,255,.06)}html[data-theme=dark] .offline-status-stat{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.05)}
@media(max-width:700px){.offline-status-card{padding:15px;border-radius:21px}.offline-status-grid{grid-template-columns:1fr 1fr}.offline-status-stat:last-child{grid-column:1/-1}.offline-status-actions{display:grid;grid-template-columns:1fr 1fr}.offline-status-actions .btn{width:100%}}

/* ========================================================================
   Qalamoun Market v2.8.2 — Network Stability
   Same-origin health checking. No floating black/yellow indicator.
   ======================================================================== */
body{--qm-system-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
.network-status-toast{position:fixed;z-index:9850;left:50%;bottom:calc(var(--nav-h,82px) + env(safe-area-inset-bottom,0px) + 14px);transform:translate(-50%,12px);display:flex;align-items:center;gap:9px;max-width:min(520px,calc(100% - 28px));min-height:42px;padding:9px 13px;border-radius:15px;background:rgba(28,36,32,.94);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(2,20,13,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:10px;font-weight:800;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .24s cubic-bezier(.16,1,.3,1),visibility .2s}
.network-status-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.network-status-toast .network-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:10px;background:rgba(255,255,255,.1)}
.network-status-toast .network-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.network-status-toast .network-copy{display:grid;gap:1px;min-width:0}.network-status-toast .network-copy b{font-size:10px}.network-status-toast .network-copy small{font-size:8px;color:rgba(255,255,255,.72);font-weight:600;white-space:normal}
.network-status-toast.is-online{background:rgba(10,116,79,.95)}.network-status-toast.is-degraded{background:rgba(94,69,19,.95)}
.network-status-toast .network-close{pointer-events:auto;width:27px;height:27px;border:0;border-radius:9px;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;font-size:17px;margin-inline-start:auto}
@media(max-width:700px){.network-status-toast{bottom:calc(var(--nav-h,82px) + env(safe-area-inset-bottom,0px) + 9px);min-height:40px;padding:8px 10px;border-radius:14px}.network-status-toast .network-icon{width:26px;height:26px}.network-status-toast .network-copy b{font-size:9.5px}.network-status-toast .network-copy small{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.network-status-toast{transition:none!important}}

/* ========================================================================== 
   Qalamoun Market 2.8.3 — Conversation Context + RTL Chat Repair
   One final contract for message direction and listing-scoped conversations.
   ========================================================================== */

.messages-v283 .messages-hub{max-width:940px!important}
.messages-v283 .messages-hub-head{align-items:end!important}
.messages-v283 .messages-hub-head p{max-width:520px!important}
.messages-v283 .thread-modern-wide.thread-v283{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:11px!important;
  min-height:82px!important;
  padding:11px 12px!important;
  border-radius:18px!important;
  border-bottom:0!important;
  margin:4px 7px!important;
  background:rgba(255,255,255,.7)!important;
  border:1px solid rgba(16,79,58,.06)!important;
  box-shadow:0 4px 14px rgba(8,42,30,.025)!important;
}
.messages-v283 .thread-modern-wide.thread-v283:hover{background:#f7fbf9!important;transform:translateY(-1px)!important}
.messages-v283 .thread-context-label{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;color:var(--brand)!important;font-size:8.5px!important;font-weight:800!important}
.messages-v283 .thread-context-label svg{width:13px!important;height:13px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;flex:none!important}
.messages-v283 .thread-context-label span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.messages-v283 .thread-listing-mini{width:46px!important;height:46px!important;border-radius:14px!important;overflow:hidden!important;background:var(--brand-soft)!important;color:var(--brand)!important;display:grid!important;place-items:center!important;border:1px solid rgba(var(--brand-rgb),.1)!important;flex:none!important}
.messages-v283 .thread-listing-mini img{width:100%!important;height:100%!important;object-fit:cover!important}
.messages-v283 .thread-listing-mini svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}

/* The open chat is visually RTL, while bubble positioning uses a stable LTR cross-axis:
   mine = right, peer = left, regardless of document direction. */
.chat-v283 .chat-fullscreen-card{direction:rtl!important}
.chat-v283 .chat-full-head,.chat-v283 .chat-listing-context-full,.chat-v283 .chat-generic-context,.chat-v283 .chat-compose-full{direction:rtl!important}
.chat-v283 .chat-body-full{
  direction:ltr!important;
  padding:14px 14px 18px!important;
  gap:7px!important;
  background-color:#f2f7f4!important;
  background-image:radial-gradient(circle at 18px 18px,rgba(22,135,101,.027) 0 1px,transparent 1.2px),radial-gradient(circle at 62px 58px,rgba(22,135,101,.022) 0 1px,transparent 1.2px)!important;
  background-size:74px 74px!important;
}
.chat-v283 .bubble-modern{
  position:relative!important;
  width:auto!important;
  max-width:min(78%,520px)!important;
  padding:8px 10px 6px!important;
  border-radius:17px!important;
  direction:rtl!important;
  text-align:right!important;
  box-shadow:0 5px 16px rgba(13,46,34,.04)!important;
}
.chat-v283 .bubble-modern::before{display:none!important;content:none!important}
.chat-v283 .bubble-modern.mine{
  align-self:flex-end!important;
  margin-left:0!important;
  margin-right:auto!important;
  background:linear-gradient(135deg,#dff6eb,#d6f1e5)!important;
  border:1px solid #cbe8da!important;
  border-radius:17px 17px 5px 17px!important;
}
.chat-v283 .bubble-modern.peer{
  align-self:flex-start!important;
  margin-right:0!important;
  margin-left:auto!important;
  background:#fff!important;
  border:1px solid rgba(214,225,219,.95)!important;
  border-radius:17px 17px 17px 5px!important;
}
.chat-v283 .bubble-text{direction:rtl!important;text-align:right!important;padding:1px 2px!important;font-size:11.5px!important;line-height:1.72!important}
.chat-v283 .bubble-meta{direction:ltr!important;justify-content:flex-start!important;gap:5px!important;padding:2px 1px 0!important}
.chat-v283 .bubble-modern.mine .bubble-meta{justify-content:flex-end!important}
.chat-v283 .chat-image{direction:ltr!important}
.chat-v283 .chat-image img{display:block!important;max-width:min(330px,100%)!important;max-height:360px!important;object-fit:cover!important;border-radius:13px!important}

.chat-v283 .chat-listing-v283{
  margin:7px 9px 0!important;
  padding:8px 9px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(var(--brand-rgb),.11)!important;
  box-shadow:0 6px 18px rgba(8,42,30,.045)!important;
}
.chat-v283 .chat-listing-v283 img{width:58px!important;height:50px!important;border-radius:12px!important;object-fit:cover!important}
.chat-v283 .chat-listing-v283 small{display:flex!important;align-items:center!important;gap:5px!important;white-space:normal!important;line-height:1.4!important}
.chat-v283 .chat-listing-v283 small i{font-style:normal!important;background:var(--brand-soft)!important;color:var(--brand)!important;border-radius:999px!important;padding:3px 6px!important;font-size:7px!important;font-weight:900!important;white-space:nowrap!important}
.chat-v283 .chat-listing-v283 b{font-size:10.5px!important;margin-top:2px!important}
.chat-v283 .chat-listing-v283 em{font-size:9px!important}
.chat-v283 .chat-generic-context{margin:7px 9px 0!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(var(--brand-rgb),.055)!important;color:var(--muted)!important;font-size:8.5px!important;text-align:center!important}

.chat-v283 .chat-compose-full{grid-template-columns:auto minmax(0,1fr) auto!important;direction:rtl!important}
.chat-v283 .chat-compose-full textarea{direction:rtl!important;text-align:right!important}

@media(max-width:700px){
  .messages-v283 .messages-hub-head p{display:block!important;font-size:9px!important;line-height:1.6!important}
  .messages-v283 .thread-modern-wide.thread-v283{margin:4px 3px!important;padding:10px!important;gap:9px!important;min-height:78px!important}
  .messages-v283 .thread-listing-mini{width:42px!important;height:42px!important;border-radius:13px!important}
  .messages-v283 .thread-context-label{font-size:8px!important}
  .chat-v283 .chat-body-full{padding:11px 9px 15px!important}
  .chat-v283 .bubble-modern{max-width:84%!important;padding:8px 9px 5px!important}
  .chat-v283 .chat-listing-v283{margin:6px 7px 0!important;padding:7px 8px!important}
  .chat-v283 .chat-listing-v283 img{width:52px!important;height:45px!important}
  .chat-v283 .chat-listing-v283 small{font-size:7.5px!important}
}

html[data-theme="dark"] .messages-v283 .thread-modern-wide.thread-v283{background:#17231e!important;border-color:rgba(255,255,255,.055)!important}
html[data-theme="dark"] .chat-v283 .bubble-modern.peer{background:#1b2923!important;border-color:#293a33!important}
html[data-theme="dark"] .chat-v283 .bubble-modern.mine{background:#153b2e!important;border-color:#1d5b45!important}
html[data-theme="dark"] .chat-v283 .chat-listing-v283{background:#17241e!important;border-color:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .chat-v283 .chat-generic-context{background:rgba(255,255,255,.045)!important}


/* ========================================================================== 
   Qalamoun Market 2.8.4 — Messenger-inspired Conversations
   Visual redesign only. Conversation/listing scope logic remains 2.8.3-safe.
   ========================================================================== */
:root{--chat284-accent:var(--brand,#168765);--chat284-accent-2:#2cb184;--chat284-soft:#eef8f4;--chat284-ink:#10261e;--chat284-muted:#82928b;--chat284-line:rgba(18,85,61,.085);--chat284-shadow:0 18px 55px rgba(8,44,31,.10);--chat284-ease:cubic-bezier(.16,1,.3,1)}

/* Conversations hub */
.messages-v284 .messages-hub{max-width:920px!important;margin:0 auto!important}
.messages-v284 .messages-hub-head{position:relative;overflow:hidden;align-items:center!important;padding:24px 24px 22px!important;margin-bottom:0!important;border-radius:30px 30px 0 0!important;background:linear-gradient(135deg,var(--chat284-accent),#2baf83)!important;color:#fff!important;box-shadow:0 18px 48px rgba(var(--brand-rgb),.18)!important}
.messages-v284 .messages-hub-head::after{content:"";position:absolute;inset:auto -50px -95px auto;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.09);pointer-events:none}
.messages-v284 .messages-hub-head .eyebrow{color:rgba(255,255,255,.72)!important}.messages-v284 .messages-hub-head h1{margin:3px 0 4px!important;color:#fff!important;font-size:31px!important;letter-spacing:-.04em!important}.messages-v284 .messages-hub-head p{margin:0!important;color:rgba(255,255,255,.78)!important;font-size:10px!important}.messages-v284 .messages-hub-head .btn{position:relative;z-index:2;background:rgba(255,255,255,.15)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)!important}
.messages-v284 .messages-hub-card{margin-top:0!important;border-radius:0 0 30px 30px!important;border-top:0!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--chat284-shadow)!important;overflow:hidden!important}
.messages-v284 .thread-search-large{margin:16px 18px 10px!important;height:48px!important;border-radius:16px!important;background:#f5f8f7!important;border:1px solid var(--chat284-line)!important;box-shadow:none!important}.messages-v284 .thread-search-large:focus-within{background:#fff!important;border-color:rgba(var(--brand-rgb),.25)!important;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.055)!important}
.messages-v284 .chat-quick-peers{display:flex!important;gap:12px!important;overflow-x:auto!important;padding:4px 18px 14px!important;scrollbar-width:none!important;overscroll-behavior-inline:contain}.messages-v284 .chat-quick-peers::-webkit-scrollbar{display:none}.messages-v284 .chat-quick-peer{display:grid!important;justify-items:center!important;gap:6px!important;min-width:58px!important;color:var(--ink)!important;text-decoration:none!important}.messages-v284 .chat-quick-avatar{position:relative!important;width:50px!important;height:50px!important;border-radius:17px!important;display:grid!important;place-items:center!important;overflow:visible!important;background:linear-gradient(145deg,var(--brand-soft),#dceee6)!important;color:var(--brand)!important;font-weight:900!important;border:2px solid rgba(255,255,255,.95)!important;box-shadow:0 7px 20px rgba(8,44,31,.10)!important}.messages-v284 .chat-quick-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:15px!important}.messages-v284 .chat-quick-avatar i{position:absolute!important;left:-1px!important;bottom:-1px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#29c978!important;border:3px solid #fff!important}.messages-v284 .chat-quick-peer small{max-width:64px!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--muted)!important;text-align:center!important}
.messages-v284 .thread-list-modern{padding:4px 10px 15px!important}.messages-v284 .thread-modern-wide.thread-v284{grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;min-height:84px!important;padding:11px 12px!important;margin:4px 0!important;border-radius:20px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;transition:background .18s ease,transform .18s var(--chat284-ease),border-color .18s ease!important}.messages-v284 .thread-modern-wide.thread-v284:hover{background:#f5faf7!important;border-color:rgba(var(--brand-rgb),.06)!important;transform:translateY(-1px)!important}.messages-v284 .thread-avatar-lg{width:52px!important;height:52px!important;border-radius:17px!important;box-shadow:0 7px 18px rgba(9,42,30,.08)!important}.messages-v284 .thread-line b{font-size:12px!important}.messages-v284 .thread-line p{font-size:9px!important}.messages-v284 .thread-line time{font-size:7.5px!important}.messages-v284 .thread-context-label{display:flex!important;align-items:center!important;gap:5px!important;color:var(--brand)!important;font-size:8px!important;font-weight:800!important;min-width:0!important}.messages-v284 .thread-context-label svg{width:12px!important;height:12px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;flex:none!important}.messages-v284 .thread-context-label span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.messages-v284 .thread-listing-mini{width:48px!important;height:48px!important;border-radius:16px!important;overflow:hidden!important;background:var(--brand-soft)!important;color:var(--brand)!important;border:1px solid rgba(var(--brand-rgb),.10)!important;box-shadow:0 5px 16px rgba(8,42,30,.06)!important;display:grid!important;place-items:center!important}.messages-v284 .thread-listing-mini img{width:100%!important;height:100%!important;object-fit:cover!important}.messages-v284 .thread-listing-mini svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}

/* Open conversation */
body.chat-v284{background:#eef4f1!important}.chat-v284 .chat-fullscreen-shell{background:linear-gradient(180deg,#edf5f1 0%,#f8fbf9 40%,#f3f8f5 100%)!important}.chat-v284 .chat-fullscreen-card{width:min(100%,920px)!important;margin:0 auto!important;background:#f8fbf9!important;border-inline:1px solid rgba(16,79,58,.055)!important;box-shadow:0 0 54px rgba(8,42,30,.07)!important;direction:rtl!important}
.chat-v284 .chat-full-head{min-height:74px!important;padding:10px 13px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;background:linear-gradient(135deg,var(--chat284-accent),#2eb487)!important;border:0!important;color:#fff!important;box-shadow:0 10px 30px rgba(var(--brand-rgb),.16)!important;backdrop-filter:none!important}.chat-v284 .chat-close-button{height:42px!important;padding:0 10px!important;border-radius:14px!important;background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important}.chat-v284 .chat-close-button svg{stroke:currentColor!important}.chat-v284 .chat-close-button span{font-size:8px!important}.chat-v284 .chat-full-person{color:#fff!important}.chat-v284 .participant-avatar.peer-avatar{width:46px!important;height:46px!important;border-radius:16px!important;border:2px solid rgba(255,255,255,.65)!important;background:rgba(255,255,255,.15)!important;color:#fff!important}.chat-v284 .participant-avatar.peer-avatar img{border-radius:14px!important}.chat-v284 .presence-dot{border-color:var(--chat284-accent)!important}.chat-v284 .chat-person-copy b{font-size:12.5px!important;color:#fff!important}.chat-v284 .chat-person-copy span{font-size:8px!important;color:rgba(255,255,255,.78)!important}.chat-v284 .verified-dot{color:#fff!important}.chat-v284 .chat-head-actions{gap:6px!important}.chat-v284 .chat-head-actions>.icon-btn,.chat-v284 .chat-menu>summary.icon-btn{width:40px!important;height:40px!important;border-radius:14px!important;background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important}.chat-v284 .chat-head-actions svg{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.chat-v284 .chat-menu-pop{top:48px!important}
.chat-v284 .chat-listing-v284{margin:10px 12px 0!important;padding:8px!important;min-height:64px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(var(--brand-rgb),.10)!important;box-shadow:0 8px 26px rgba(8,42,30,.055)!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}.chat-v284 .chat-listing-v284 img{width:60px!important;height:50px!important;border-radius:13px!important;object-fit:cover!important}.chat-v284 .chat-listing-v284 small{display:flex!important;align-items:center!important;gap:5px!important;line-height:1.35!important;color:var(--muted)!important;font-size:7.5px!important}.chat-v284 .chat-listing-v284 small i{font-style:normal!important;background:var(--brand-soft)!important;color:var(--brand)!important;border-radius:999px!important;padding:3px 6px!important;font-size:6.5px!important;font-weight:900!important}.chat-v284 .chat-listing-v284 b{font-size:10.5px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.chat-v284 .chat-listing-v284 em{font-size:9px!important;color:var(--brand)!important;font-style:normal!important;font-weight:900!important}.chat-v284 .chat-generic-context{margin:9px 12px 0!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(var(--brand-rgb),.055)!important;color:var(--muted)!important;font-size:8px!important;text-align:center!important}
.chat-v284 .chat-body-full{direction:ltr!important;padding:17px 16px 20px!important;gap:8px!important;background-color:#f4f8f6!important;background-image:radial-gradient(circle at 18px 18px,rgba(22,135,101,.022) 0 1px,transparent 1.2px),radial-gradient(circle at 55px 59px,rgba(22,135,101,.018) 0 1px,transparent 1.2px)!important;background-size:74px 74px!important;scroll-behavior:smooth!important}.chat-v284 .chat-date-chip{align-self:center!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.8)!important;border:1px solid rgba(var(--brand-rgb),.07)!important;color:#83928c!important;font-size:7px!important;box-shadow:0 3px 12px rgba(8,42,30,.035)!important}
.chat-v284 .bubble-modern{width:auto!important;max-width:min(72%,540px)!important;padding:9px 11px 6px!important;border-radius:18px!important;direction:rtl!important;text-align:right!important;box-shadow:0 6px 20px rgba(7,35,25,.045)!important;animation:chat284In .22s var(--chat284-ease) both!important}.chat-v284 .bubble-modern::before{display:none!important;content:none!important}.chat-v284 .bubble-modern.mine{align-self:flex-end!important;margin:0 0 0 auto!important;background:linear-gradient(145deg,var(--chat284-accent),#249f77)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px 18px 6px 18px!important}.chat-v284 .bubble-modern.peer{align-self:flex-start!important;margin:0 auto 0 0!important;background:#fff!important;color:var(--chat284-ink)!important;border:1px solid rgba(16,79,58,.07)!important;border-radius:18px 18px 18px 6px!important}.chat-v284 .bubble-text{font-size:11.5px!important;line-height:1.7!important;padding:1px 1px!important}.chat-v284 .bubble-meta{direction:ltr!important;display:flex!important;align-items:center!important;gap:5px!important;margin-top:3px!important;padding:0!important;font-size:7px!important}.chat-v284 .bubble-modern.mine .bubble-meta{justify-content:flex-end!important;color:rgba(255,255,255,.70)!important}.chat-v284 .bubble-modern.peer .bubble-meta{justify-content:flex-start!important;color:#87958f!important}.chat-v284 .read-ticks{color:rgba(255,255,255,.65)!important}.chat-v284 .read-ticks.read{color:#d6f8ff!important}.chat-v284 .chat-image{display:block!important;border-radius:13px!important;overflow:hidden!important}.chat-v284 .chat-image img{display:block!important;max-width:min(320px,100%)!important;max-height:360px!important;object-fit:cover!important;border-radius:13px!important}.chat-v284 .bubble-modern.mine .chat-image{box-shadow:0 0 0 1px rgba(255,255,255,.14)!important}
.chat-v284 .chat-attachment-preview{padding:7px 12px 0!important;background:rgba(255,255,255,.96)!important}.chat-v284 .chat-compose-full{position:relative!important;direction:rtl!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.96)!important;border-top:1px solid rgba(16,79,58,.065)!important;box-shadow:0 -10px 30px rgba(8,42,30,.055)!important;backdrop-filter:blur(18px)!important}.chat-v284 .chat-compose-full textarea{direction:rtl!important;text-align:right!important;min-height:44px!important;max-height:116px!important;border:1px solid rgba(16,79,58,.075)!important;border-radius:18px!important;background:#f5f8f7!important;padding:12px 13px!important;font-size:11px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}.chat-v284 .chat-compose-full textarea:focus{background:#fff!important;border-color:rgba(var(--brand-rgb),.25)!important;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.05)!important}.chat-v284 .compose-icon,.chat-v284 .send-button{width:44px!important;height:44px!important;border-radius:15px!important}.chat-v284 .compose-icon{background:#f4f7f6!important;color:#72827b!important;border:1px solid rgba(16,79,58,.075)!important}.chat-v284 .send-button{background:linear-gradient(145deg,var(--chat284-accent),#2daf83)!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px rgba(var(--brand-rgb),.23)!important}.chat-v284 .send-button:active{transform:scale(.93)!important}
@keyframes chat284In{from{opacity:.01;transform:translate3d(0,5px,0) scale(.99)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .messages-v284 .messages-page-main{padding-top:8px!important}.messages-v284 .messages-hub{width:100%!important}.messages-v284 .messages-hub-head{border-radius:24px 24px 0 0!important;padding:19px 16px 17px!important}.messages-v284 .messages-hub-head h1{font-size:25px!important}.messages-v284 .messages-hub-head p{display:block!important;font-size:8px!important;max-width:72%!important}.messages-v284 .messages-hub-card{border-radius:0 0 24px 24px!important}.messages-v284 .thread-search-large{margin:12px 12px 8px!important;height:44px!important}.messages-v284 .chat-quick-peers{padding:2px 12px 10px!important;gap:10px!important}.messages-v284 .chat-quick-avatar{width:46px!important;height:46px!important;border-radius:15px!important}.messages-v284 .chat-quick-avatar img{border-radius:13px!important}.messages-v284 .thread-list-modern{padding:2px 6px 12px!important}.messages-v284 .thread-modern-wide.thread-v284{padding:9px 8px!important;gap:9px!important;min-height:76px!important;border-radius:17px!important}.messages-v284 .thread-avatar-lg{width:46px!important;height:46px!important;border-radius:15px!important}.messages-v284 .thread-listing-mini{width:42px!important;height:42px!important;border-radius:13px!important}
  .chat-v284 .chat-fullscreen-card{width:100%!important;border:0!important;box-shadow:none!important}.chat-v284 .chat-full-head{min-height:64px!important;padding:8px 8px!important;gap:7px!important}.chat-v284 .chat-close-button{width:40px!important;height:40px!important;padding:0!important}.chat-v284 .chat-close-button span{display:none!important}.chat-v284 .participant-avatar.peer-avatar{width:41px!important;height:41px!important;border-radius:14px!important}.chat-v284 .participant-avatar.peer-avatar img{border-radius:12px!important}.chat-v284 .chat-person-copy b{font-size:11px!important}.chat-v284 .chat-person-copy span{font-size:7.5px!important}.chat-v284 .chat-head-actions{gap:4px!important}.chat-v284 .chat-head-actions>.icon-btn,.chat-v284 .chat-menu>summary.icon-btn{width:37px!important;height:37px!important;border-radius:12px!important}.chat-v284 .chat-listing-v284{margin:7px 7px 0!important;padding:7px!important;border-radius:15px!important;min-height:57px!important}.chat-v284 .chat-listing-v284 img{width:50px!important;height:44px!important;border-radius:11px!important}.chat-v284 .chat-listing-v284 b{font-size:9.5px!important}.chat-v284 .chat-listing-v284 small{font-size:7px!important}.chat-v284 .chat-listing-v284 em{font-size:8px!important}.chat-v284 .chat-generic-context{margin:7px 7px 0!important}.chat-v284 .chat-body-full{padding:12px 9px 15px!important;gap:7px!important}.chat-v284 .bubble-modern{max-width:83%!important;padding:8px 9px 5px!important;border-radius:16px!important}.chat-v284 .bubble-text{font-size:10.5px!important;line-height:1.68!important}.chat-v284 .chat-compose-full{padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important}.chat-v284 .chat-compose-full textarea{min-height:42px!important;border-radius:16px!important;padding:11px 12px!important}.chat-v284 .compose-icon,.chat-v284 .send-button{width:42px!important;height:42px!important;border-radius:14px!important}
}
html[data-theme="dark"] .messages-v284 .messages-hub-card{background:#142019!important}html[data-theme="dark"] .messages-v284 .thread-modern-wide.thread-v284:hover{background:#192820!important}html[data-theme="dark"] .chat-v284 .chat-fullscreen-shell,html[data-theme="dark"] body.chat-v284{background:#101914!important}html[data-theme="dark"] .chat-v284 .chat-fullscreen-card{background:#121d18!important;border-color:rgba(255,255,255,.05)!important}html[data-theme="dark"] .chat-v284 .chat-body-full{background-color:#111c17!important}html[data-theme="dark"] .chat-v284 .bubble-modern.peer{background:#1b2923!important;color:#eef6f2!important;border-color:rgba(255,255,255,.055)!important}html[data-theme="dark"] .chat-v284 .chat-listing-v284{background:#17231e!important;border-color:rgba(255,255,255,.06)!important}html[data-theme="dark"] .chat-v284 .chat-compose-full{background:rgba(18,28,23,.97)!important;border-color:rgba(255,255,255,.06)!important}html[data-theme="dark"] .chat-v284 .chat-compose-full textarea{background:#18241f!important;border-color:rgba(255,255,255,.06)!important;color:#f2f7f5!important}html[data-theme="dark"] .chat-v284 .compose-icon{background:#192720!important;border-color:rgba(255,255,255,.06)!important;color:#aab8b2!important}

/* =========================================================
   v2.8.5 — Native PWA install + app launch welcome screen
   ========================================================= */
.qm-app-splash{
  --qm-splash-deep:color-mix(in srgb,var(--brand,#168765) 76%,#05251b 24%);
  --qm-splash-soft:color-mix(in srgb,var(--brand,#168765) 58%,#dff6ed 42%);
  position:fixed;inset:0;z-index:2147483000;overflow:hidden;
  align-items:center;justify-content:center;padding:max(28px,env(safe-area-inset-top)) 26px max(28px,env(safe-area-inset-bottom));
  background:linear-gradient(145deg,var(--qm-splash-deep) 0%,var(--brand,#168765) 56%,var(--qm-splash-soft) 135%);
  color:#fff;opacity:1;transform:translateZ(0);transition:opacity .42s ease,visibility .42s ease;
}
html.qm-pwa-boot .qm-app-splash{display:flex}
.qm-app-splash.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.qm-splash-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.qm-splash-ambient i{position:absolute;border-radius:999px;background:rgba(255,255,255,.09);filter:blur(1px);animation:qmSplashFloat 7s ease-in-out infinite alternate}
.qm-splash-ambient i:nth-child(1){width:46vw;height:46vw;min-width:260px;min-height:260px;right:-14vw;top:-9vw}
.qm-splash-ambient i:nth-child(2){width:34vw;height:34vw;min-width:210px;min-height:210px;left:-12vw;bottom:7vh;animation-delay:-2.2s}
.qm-splash-ambient i:nth-child(3){width:160px;height:160px;right:18%;bottom:24%;background:rgba(255,255,255,.055);animation-delay:-4.1s}
@keyframes qmSplashFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-18px,0) scale(1.08)}}
.qm-splash-content{position:relative;z-index:3;width:min(92vw,620px);text-align:center;display:grid;justify-items:center;gap:13px;animation:qmSplashEnter .72s cubic-bezier(.16,1,.3,1) both}
.qm-splash-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);font-weight:800;font-size:12px;letter-spacing:.01em}
.qm-splash-content h1{margin:0;max-width:780px;color:#fff;font-size:clamp(34px,7vw,76px);line-height:1.05;font-weight:950;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 10px 38px rgba(0,0,0,.14)}
.qm-splash-content p{margin:0;max-width:660px;color:rgba(255,255,255,.84);font-size:clamp(15px,2.2vw,21px);line-height:1.8;font-weight:600;text-wrap:balance}
.qm-splash-photo{position:absolute;inset:0;z-index:1;background-image:var(--qm-splash-image);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.02);animation:qmSplashPhoto 8s ease-out both}
.qm-app-splash-image::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(4,18,13,.08),rgba(4,18,13,.12) 46%,rgba(4,18,13,.34));pointer-events:none}
.qm-splash-content-over-image{z-index:4;align-self:end;margin-bottom:13vh;text-shadow:0 4px 24px rgba(0,0,0,.22)}
.qm-splash-progress{position:absolute;z-index:5;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));translate:-50% 0;width:min(230px,56vw);height:4px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.qm-splash-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#fff;box-shadow:0 0 16px rgba(255,255,255,.55);animation:qmSplashProgress var(--qm-splash-duration,8s) linear forwards}
@keyframes qmSplashEnter{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
@keyframes qmSplashPhoto{from{transform:scale(1.075)}to{transform:scale(1)}}
@keyframes qmSplashProgress{to{width:100%}}
html:not(.qm-pwa-boot) .qm-app-splash{display:none!important}

.pwa-install[data-mode="install"]{border-color:color-mix(in srgb,var(--brand,#168765) 22%,transparent);box-shadow:0 22px 60px rgba(7,47,33,.16)}
.install-help-card [data-shortcut-download][hidden]{display:none!important}
.install-capability{display:grid;gap:9px;padding:13px 14px;border-radius:17px;background:rgba(var(--brand-rgb,22,135,101),.07);border:1px solid rgba(var(--brand-rgb,22,135,101),.09);margin-top:10px}
.install-capability b{font-size:13px}.install-capability span{font-size:11px;color:var(--muted,#78827d);line-height:1.7}

@media(max-width:700px){
  .qm-app-splash{padding-inline:22px}
  .qm-splash-content h1{font-size:clamp(36px,11vw,58px)}
  .qm-splash-content p{font-size:15px}
  .qm-splash-content-over-image{margin-bottom:17vh}
}
@media(prefers-reduced-motion:reduce){
  .qm-splash-ambient i,.qm-splash-content,.qm-splash-photo{animation:none!important}
}

/* v2.8.6 targeted broadcast */
.qm-broadcast{position:fixed;z-index:9300;inset:auto 18px calc(102px + env(safe-area-inset-bottom,0px)) 18px;margin:auto;max-width:620px;display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(18,130,96,.13);border-radius:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px) saturate(135%);box-shadow:0 18px 55px rgba(6,42,29,.16);transform:translateY(18px);opacity:0;transition:.28s cubic-bezier(.16,1,.3,1)}.qm-broadcast.is-visible{transform:none;opacity:1}.qm-broadcast-copy{min-width:0;flex:1}.qm-broadcast-copy b{display:block;font-size:14px}.qm-broadcast-copy p{margin:4px 0 0;color:var(--muted,#7d8a85);font-size:11px;line-height:1.65}.qm-broadcast-actions{display:flex;align-items:center;gap:7px}.qm-broadcast-open,.qm-broadcast-close{border:0;border-radius:13px;min-height:38px;display:grid;place-items:center;text-decoration:none;font:800 11px Tajawal,Arial,sans-serif}.qm-broadcast-open{padding:0 14px;background:var(--brand,#168765);color:#fff}.qm-broadcast-close{width:38px;background:rgba(18,120,89,.06);color:#26493d;font-size:20px}.qm-broadcast-warning{border-color:rgba(218,155,49,.25)}html[data-theme=dark] .qm-broadcast{background:rgba(20,30,26,.95);border-color:rgba(255,255,255,.07)}html[data-theme=dark] .qm-broadcast-close{color:#fff;background:rgba(255,255,255,.06)}@media(max-width:700px){.qm-broadcast{left:10px;right:10px;bottom:calc(96px + env(safe-area-inset-bottom,0px));border-radius:19px}}


/* ========================================================================
   Qalamoun Market v2.9.0 — CLEAN BASELINE
   Final cleanup after removing legacy patch stack. Scoped, no DOM observers.
   ======================================================================== */
:root{
  --v290-surface:rgba(255,255,255,.92);
  --v290-border:rgba(16,79,58,.09);
  --v290-shadow:0 12px 34px rgba(7,46,32,.075);
  --v290-shadow-lg:0 24px 68px rgba(7,46,32,.11);
  --v290-ease:cubic-bezier(.16,1,.3,1);
}
.app-v290 .topbar.app-header{border-radius:0 0 26px 26px!important;box-shadow:0 12px 34px rgba(7,46,32,.075)!important;border-color:rgba(16,79,58,.07)!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(22px) saturate(135%)!important;-webkit-backdrop-filter:blur(22px) saturate(135%)!important}
.app-v290 .card,.app-v290 .browse-toolbar-modern,.app-v290 .listing-card,.app-v290 .profile-v271-card,.app-v290 .profile-v271-shortcut,.app-v290 .account-editor{border-color:var(--v290-border)!important;box-shadow:var(--v290-shadow)!important}
.app-v290 .btn,.app-v290 .icon-btn,.app-v290 input,.app-v290 select,.app-v290 textarea{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .16s var(--v290-ease)}
.app-v290 .btn:active,.app-v290 .icon-btn:active{transform:scale(.97)}

/* Auth pages: stable app-like composition */
.auth-modern-page .page-pad{padding-top:clamp(18px,4vw,42px)!important}
.auth-modern-page .auth-wrap{min-height:auto!important;display:block!important}
.auth-modern-page .auth-shell{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);overflow:hidden;border-radius:30px;background:rgba(255,255,255,.94);border:1px solid var(--v290-border);box-shadow:var(--v290-shadow-lg)}
.auth-modern-page .auth-visual{min-height:100%;padding:32px;background:linear-gradient(145deg,#0b4b38,#168765);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-modern-page .auth-visual::before,.auth-modern-page .auth-visual::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.auth-modern-page .auth-visual::before{width:260px;height:260px;right:-90px;top:-80px}.auth-modern-page .auth-visual::after{width:190px;height:190px;left:-70px;bottom:-60px}
.auth-modern-page .auth-visual>*{position:relative;z-index:1}.auth-modern-page .auth-visual-mark{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.13);display:grid;place-items:center;border:1px solid rgba(255,255,255,.16)}.auth-modern-page .auth-visual-mark img{width:38px;height:38px;object-fit:contain}.auth-modern-page .auth-visual h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:18px 0 9px}.auth-modern-page .auth-visual p{margin:0;opacity:.82;line-height:1.8;max-width:360px}.auth-modern-page .auth-points{display:grid;gap:9px;margin-top:24px}.auth-modern-page .auth-points span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.auth-modern-page .auth-points i{width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-style:normal}
.auth-modern-page .auth-panel{padding:30px}.auth-modern-page .auth-panel-head{margin-bottom:20px}.auth-modern-page .auth-panel-head h1{margin:0;font-size:30px}.auth-modern-page .auth-panel-head p{margin:6px 0 0;color:var(--muted);line-height:1.7}.auth-modern-page .auth-panel .stack{gap:12px}.auth-modern-page .auth-panel .field input,.auth-modern-page .auth-panel .field select{min-height:50px;border-radius:15px;background:#fbfdfc}.auth-modern-page .auth-switch{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--muted)}.auth-modern-page .auth-switch a{color:var(--brand);font-weight:900}

/* Account editor: cover + avatar stay compact and mobile-first */
.app-v290 .account-page{max-width:920px!important}.app-v290 .account-editor{padding:0!important;overflow:hidden;border-radius:28px!important}.app-v290 .account-editor-head{padding:20px 22px 14px!important}.app-v290 .account-editor form{padding:0 22px 22px!important}.app-v290 .cover-editor{margin:0 -22px 18px!important;border-radius:0!important;border-inline:0!important}.app-v290 .cover-upload{display:block!important;position:relative!important}.app-v290 .cover-preview{display:block!important;width:100%!important;height:190px!important;overflow:hidden!important;background:linear-gradient(135deg,#0b4b38,#168765)!important}.app-v290 .cover-preview img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.app-v290 .cover-placeholder{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;color:rgba(255,255,255,.9)!important}.app-v290 .cover-placeholder svg{width:30px!important;height:30px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.app-v290 .cover-camera{position:absolute!important;left:15px!important;bottom:15px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;background:rgba(255,255,255,.93)!important;color:#17382d!important;padding:9px 12px!important;border-radius:13px!important;box-shadow:0 10px 28px rgba(0,0,0,.13)!important;font-size:11px!important;font-weight:900!important}.app-v290 .cover-camera svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.app-v290 .cover-editor-actions{padding:11px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;background:#fff!important;border-bottom:1px solid var(--line)!important}.app-v290 .avatar-editor{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;padding:14px!important;margin:0 0 18px!important;border:1px solid var(--v290-border)!important;border-radius:20px!important;background:#f9fbfa!important}.app-v290 .avatar-upload{position:relative!important;width:88px!important;height:88px!important}.app-v290 .avatar-preview{width:88px!important;height:88px!important;border-radius:26px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:var(--brand-soft)!important;color:var(--brand)!important;font-size:24px!important;font-weight:900!important;border:4px solid #fff!important;box-shadow:0 10px 26px rgba(8,42,30,.12)!important}.app-v290 .avatar-preview img{width:100%!important;height:100%!important;object-fit:cover!important}.app-v290 .avatar-camera{position:absolute!important;left:-2px!important;bottom:-2px!important;width:32px!important;height:32px!important;border-radius:11px!important;background:var(--brand)!important;color:#fff!important;display:grid!important;place-items:center!important;border:3px solid #fff!important}.app-v290 .avatar-camera svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.app-v290 .avatar-file-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:8px!important}.app-v290 .sticky-form-actions{position:sticky!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;z-index:8!important;padding:10px!important;border-radius:18px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;box-shadow:0 14px 34px rgba(7,46,32,.1)!important}

/* Profile: protect clean 2.7.1 composition from all retired patch selectors */
.app-v290 .profile-v271-card{overflow:hidden!important}.app-v290 .profile-v271-cover{height:160px!important}.app-v290 .profile-v271-identity{position:relative!important;display:grid!important;grid-template-columns:100px minmax(0,1fr) auto!important;gap:15px!important;align-items:center!important;padding:14px 18px 17px!important}.app-v290 .profile-v271-avatar{width:100px!important;height:100px!important;margin-top:-54px!important;border:5px solid var(--surface)!important;border-radius:30px!important}.app-v290 .profile-v271-copy{min-width:0!important}.app-v290 .profile-v271-name-row{display:flex!important;align-items:center!important;gap:7px!important}.app-v290 .profile-v271-name-row h1{margin:0!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.app-v290 .profile-v271-actions{display:flex!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}

/* Filter controls exist ONLY on browse page */
body:not(.browse-modern-page) .browse-mobile-filter-toggle,body:not(.browse-modern-page) [data-browse-filters]{display:none!important}.browse-modern-page .browse-mobile-filter-toggle{position:static!important;inset:auto!important;transform:none!important;float:none!important}.browse-modern-page .browse-filter-grid{position:static!important;inset:auto!important;transform:none!important}

/* Registration/login error stays in normal flow */
.auth-modern-page .inline-auth-error{position:static!important;transform:none!important;margin:0 0 14px!important;min-width:0!important;width:100%!important}

@media(max-width:760px){
  .auth-modern-page .auth-shell{grid-template-columns:1fr;border-radius:24px}.auth-modern-page .auth-visual{min-height:180px;padding:24px}.auth-modern-page .auth-visual .auth-points{display:none}.auth-modern-page .auth-visual h2{font-size:30px;margin-top:12px}.auth-modern-page .auth-panel{padding:20px 16px 24px}.auth-modern-page .auth-panel-head h1{font-size:25px}
  .app-v290 .account-editor{border-radius:24px!important}.app-v290 .account-editor-head{padding:16px 15px 12px!important}.app-v290 .account-editor form{padding:0 15px 18px!important}.app-v290 .cover-editor{margin:0 -15px 15px!important}.app-v290 .cover-preview{height:150px!important}.app-v290 .cover-editor-actions{padding:10px 14px!important}.app-v290 .avatar-editor{grid-template-columns:76px minmax(0,1fr)!important;padding:12px!important}.app-v290 .avatar-upload,.app-v290 .avatar-preview{width:76px!important;height:76px!important}.app-v290 .avatar-preview{border-radius:22px!important}.app-v290 .account-grid{grid-template-columns:1fr!important}.app-v290 .account-grid .field.full{grid-column:auto!important}.app-v290 .sticky-form-actions{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}.app-v290 .sticky-form-actions .btn{flex:1!important}
  .app-v290 .profile-v271-cover{height:145px!important}.app-v290 .profile-v271-identity{grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important;padding:12px 14px 14px!important}.app-v290 .profile-v271-avatar{width:84px!important;height:84px!important;margin-top:-42px!important;border-radius:25px!important}.app-v290 .profile-v271-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr!important;margin-top:4px!important}.app-v290 .profile-v271-actions .btn{width:100%!important}.app-v290 .profile-v271-name-row h1{font-size:20px!important}.app-v290 .profile-v271-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}.app-v290 .profile-v271-stats>div{min-width:0!important}
}

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

/* =========================================================
   v2.9.3 — Stable Mobile Filters + Fixed App Auth
   Replaces v2.9.1 filter sheet and v2.9.2 auth layer.
========================================================= */

/* ---------- Browse filters: scoped only to browse.php ---------- */
body:not(.browse-modern-page) [data-browse-filter-toggle],
body:not(.browse-modern-page) [data-browse-filters],
body:not(.browse-modern-page) [data-browse-filter-backdrop]{display:none!important}

.browse-modern-page .browse-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
.browse-modern-page .browse-filter-trigger{display:none;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 14px;border:1px solid rgba(15,91,66,.10);border-radius:15px;background:#fff;color:var(--brand);font-weight:900;font-size:11px;box-shadow:0 7px 20px rgba(7,46,32,.05);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.browse-modern-page .browse-filter-trigger:active{transform:translateY(1px)}
.browse-modern-page .browse-filter-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.browse-modern-page .browse-filter-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:9px;line-height:1}

/* Desktop: filters remain an inline card. */
.browse-modern-page .browse-filter-panel{position:static;display:block;margin-top:11px;padding:12px;border:1px solid rgba(15,91,66,.08);border-radius:18px;background:linear-gradient(180deg,#fbfdfc,#f7faf8);box-shadow:none;transform:none;opacity:1}
.browse-modern-page .browse-filter-panel[hidden]{display:block}
.browse-modern-page .browse-filter-sheet-head{display:none}
.browse-modern-page .browse-filter-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.browse-modern-page .browse-filter-fields label{display:flex;flex-direction:column;gap:5px;min-width:0}
.browse-modern-page .browse-filter-fields label>span{font-size:9px;color:var(--muted);font-weight:900;padding-inline:2px}
.browse-modern-page .browse-filter-fields select,
.browse-modern-page .browse-filter-fields input{width:100%;min-width:0;min-height:44px;border:1px solid rgba(15,91,66,.10);border-radius:13px;background:#fff;color:var(--ink);padding:0 11px;font:inherit;font-size:12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.browse-modern-page .browse-filter-fields select:focus,
.browse-modern-page .browse-filter-fields input:focus{border-color:rgba(22,135,101,.34);box-shadow:0 0 0 4px rgba(22,135,101,.07)}
.browse-modern-page .browse-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}
.browse-modern-page .browse-filter-reset,.browse-modern-page .browse-filter-apply{min-height:42px;padding:0 14px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;text-decoration:none}
.browse-modern-page .browse-filter-reset{background:transparent;color:var(--muted);border:1px solid rgba(15,91,66,.08)}
.browse-modern-page .browse-filter-apply{border:0;background:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(22,135,101,.17)}
.browse-modern-page .browse-filter-backdrop{display:none}

html[data-theme="dark"] .browse-modern-page .browse-filter-panel{background:#15231d;border-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .browse-modern-page .browse-filter-fields select,
html[data-theme="dark"] .browse-modern-page .browse-filter-fields input,
html[data-theme="dark"] .browse-modern-page .browse-filter-trigger{background:#1a2922;border-color:rgba(255,255,255,.08);color:#f4f8f6}

@media(max-width:700px){
  body.qm293-filter-open{overflow:hidden!important}
  .browse-modern-page .browse-toolbar-modern{overflow:visible!important}
  .browse-modern-page .browse-search-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .browse-modern-page .browse-search-line{min-width:0}
  .browse-modern-page .browse-filter-trigger{display:inline-flex!important;width:auto!important;min-width:82px!important;height:46px!important;padding:0 11px!important;border-radius:15px!important}
  .browse-modern-page .browse-filter-trigger span{display:inline!important}

  /* These two nodes are portalled to <body> by app-v2.9.3.js.
     This prevents transformed/animated ancestors from clipping position:fixed. */
  .browse-modern-page .browse-filter-backdrop{display:none;position:fixed!important;inset:0!important;z-index:29990!important;background:rgba(5,20,14,.46)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
  .browse-modern-page .browse-filter-backdrop:not([hidden]){display:block!important;animation:qm293BackdropIn .18s ease both}

  .browse-modern-page .browse-filter-panel{display:none;position:fixed!important;z-index:30000!important;inset:auto 0 0 0!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px 14px calc(16px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-radius:28px 28px 0 0!important;background:#fff!important;box-shadow:0 -26px 76px rgba(5,34,24,.22)!important;max-height:min(76dvh,680px)!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;transform:translateY(18px);opacity:0}
  .browse-modern-page .browse-filter-panel[hidden]{display:none!important}
  .browse-modern-page .browse-filter-panel.is-open{display:block!important;animation:qm293FilterIn .24s cubic-bezier(.16,1,.3,1) both}
  html[data-theme="dark"] .browse-modern-page .browse-filter-panel{background:#15211c!important;color:#f4f8f6!important}

  .browse-modern-page .browse-filter-sheet-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:4px 1px 13px;border-bottom:1px solid rgba(15,91,66,.08);margin-bottom:13px}
  .browse-modern-page .browse-filter-sheet-head b{display:block;font-size:18px;line-height:1.3}
  .browse-modern-page .browse-filter-sheet-head small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
  .browse-modern-page .browse-filter-close{width:42px;height:42px;border:0;border-radius:14px;background:#edf5f1;color:#173a2f;font-size:25px;line-height:1;display:grid;place-items:center;flex:0 0 auto}
  html[data-theme="dark"] .browse-modern-page .browse-filter-close{background:#203128;color:#f4f8f6}

  .browse-modern-page .browse-filter-fields{grid-template-columns:1fr 1fr!important;gap:10px!important}
  /* City is the primary filter and gets a full row. */
  .browse-modern-page .browse-filter-fields label:nth-child(3){grid-column:1/-1;order:-3}
  /* Price range directly below city. */
  .browse-modern-page .browse-filter-fields label:nth-child(4){order:-2}
  .browse-modern-page .browse-filter-fields label:nth-child(5){order:-2}
  .browse-modern-page .browse-filter-fields label:nth-child(1),
  .browse-modern-page .browse-filter-fields label:nth-child(2){order:0}
  .browse-modern-page .browse-filter-fields select,
  .browse-modern-page .browse-filter-fields input{min-height:52px!important;border-radius:16px!important;font-size:16px!important;padding:0 13px!important;background:#f9fbfa!important}
  html[data-theme="dark"] .browse-modern-page .browse-filter-fields select,
  html[data-theme="dark"] .browse-modern-page .browse-filter-fields input{background:#1b2a23!important}
  .browse-modern-page .browse-filter-fields label>span{font-size:10px!important;margin-inline:2px}
  .browse-modern-page .browse-filter-actions{position:sticky;bottom:-1px;margin:14px -3px -4px;padding:10px 3px 3px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%);display:grid!important;grid-template-columns:.82fr 1.18fr;gap:8px;z-index:2}
  html[data-theme="dark"] .browse-modern-page .browse-filter-actions{background:linear-gradient(180deg,rgba(21,33,28,0),#15211c 28%)}
  .browse-modern-page .browse-filter-reset,.browse-modern-page .browse-filter-apply{min-height:50px!important;border-radius:16px!important;font-size:12px!important}
}

@keyframes qm293BackdropIn{from{opacity:0}to{opacity:1}}
@keyframes qm293FilterIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---------- Authentication: stable viewport, no page scaling ---------- */
body.auth-app-page{background:#eef5f1;color:var(--ink);padding-bottom:0!important}
.auth-app-main{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:30px 18px}
.auth-app-shell{position:relative;width:min(1040px,100%);min-height:650px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;border-radius:32px;background:#fff;border:1px solid rgba(15,91,66,.07);box-shadow:0 28px 86px rgba(7,42,30,.14)}
.auth-mobile-top{display:none}
.auth-ambient{display:none!important}
.auth-app-hero{position:relative;overflow:hidden;padding:56px 46px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(145deg,#084a37 0%,#0d7658 55%,#17a179 100%)}
.auth-app-hero::before,.auth-app-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.auth-app-hero::before{width:360px;height:360px;inset:-150px auto auto -120px;background:rgba(255,255,255,.08)}
.auth-app-hero::after{width:280px;height:280px;inset:auto -100px -120px auto;background:rgba(184,255,225,.12)}
.auth-app-hero>*{position:relative;z-index:1}
.auth-kicker{display:inline-flex;align-self:flex-start;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900}
.auth-app-hero h1{margin:16px 0 10px;font-size:46px;line-height:1.06;letter-spacing:-.04em}.auth-app-hero h1 em{font-style:normal;color:#baf7dd}.auth-app-hero p{margin:0;max-width:470px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.8}
.auth-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.auth-hero-badges span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.10);font-size:10px;font-weight:800}.auth-hero-badges svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.auth-app-panel{padding:44px 46px;background:#fff;overflow:auto}.auth-panel-head-modern{margin-bottom:22px}.auth-panel-head-modern h2{font-size:30px;margin:0}.auth-panel-head-modern p{margin:6px 0 0;color:var(--muted);font-size:12px}.auth-step-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:9px;font-weight:900;margin-bottom:8px}
.auth-modern-form{display:grid;gap:14px}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-control{display:grid;gap:6px;min-width:0}.auth-control-label{font-size:10px;font-weight:900;color:#30443c}.auth-input-wrap{display:flex;align-items:center;min-height:56px;border:1px solid rgba(15,91,66,.12);border-radius:17px;background:#fafcfb;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-input-wrap:focus-within{border-color:rgba(22,135,101,.42);box-shadow:0 0 0 4px rgba(22,135,101,.08);background:#fff}.auth-input-wrap input,.auth-input-wrap select{min-width:0;flex:1;height:54px;border:0!important;outline:0!important;background:transparent!important;color:var(--ink);font-family:inherit;font-size:16px!important;padding:0 6px!important;box-shadow:none!important}.auth-input-icon{width:19px;height:19px;margin-inline:14px 8px;fill:none;stroke:#789087;stroke-width:1.7;flex:0 0 auto}.auth-password-toggle{width:44px;height:44px;margin-inline:2px 5px;border:0;border-radius:13px;background:transparent;color:#758780;display:grid;place-items:center}.auth-password-toggle svg{grid-area:1/1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.auth-password-toggle .auth-eye-off{display:none}.auth-password-toggle.is-visible .auth-eye-open{display:none}.auth-password-toggle.is-visible .auth-eye-off{display:block}
.auth-primary-btn{min-height:56px;border:0;border-radius:17px;background:linear-gradient(135deg,#0f8865,#087a59);color:#fff;font:inherit;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 13px 30px rgba(12,126,91,.22);cursor:pointer}.auth-primary-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.auth-inline-error{display:flex;align-items:center;gap:8px;padding:12px 13px;border-radius:14px;background:#fff0ef;color:#9a3030;border:1px solid #ffd9d6;margin-bottom:13px;font-size:11px}.auth-inline-error svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;flex:0 0 auto}.auth-switch-modern{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid rgba(15,91,66,.07);font-size:11px;color:var(--muted)}.auth-switch-modern a{color:var(--brand);font-weight:900}.auth-privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:13px 0 0;color:var(--muted);font-size:9px;text-align:center}.auth-privacy-note svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.auth-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.auth-type-option{position:relative;min-height:76px;padding:11px;border:1px solid rgba(15,91,66,.11);border-radius:17px;background:#fafcfb;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.auth-type-option input{position:absolute;opacity:0;pointer-events:none}.auth-type-option.is-active{border-color:rgba(18,137,101,.45);background:#eef9f4;box-shadow:0 0 0 3px rgba(18,137,101,.06)}.auth-type-icon{width:40px;height:40px;border-radius:13px;background:#eaf5f0;color:var(--brand);display:grid;place-items:center}.auth-type-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.auth-type-option b{display:block;font-size:11px}.auth-type-option small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.auth-business-field{grid-column:1/-1}.auth-primary-btn.is-loading{pointer-events:none;opacity:.88}.auth-primary-btn.is-loading::after{content:"";width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;animation:authSpin .7s linear infinite}.auth-primary-btn.is-loading svg{display:none}@keyframes authSpin{to{transform:rotate(360deg)}}
.auth-field-reveal{animation:authFieldReveal .22s ease both}@keyframes authFieldReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

html[data-theme="dark"] body.auth-app-page{background:#111a16}.auth-app-page[data-theme="dark"] .auth-app-shell{background:#16211c}html[data-theme="dark"] .auth-app-panel{background:#16211c}html[data-theme="dark"] .auth-input-wrap{background:#1b2922;border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .auth-input-wrap:focus-within{background:#1e3027}html[data-theme="dark"] .auth-control-label{color:#e7f0ec}html[data-theme="dark"] .auth-type-option{background:#1b2922;border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .auth-type-option.is-active{background:#173328}

@media(max-width:760px){
  html,body.auth-app-page{height:100%;min-height:100%;overflow:hidden!important;background:#f4f8f6!important}
  body.auth-app-page{height:100dvh!important;min-height:100dvh!important;padding:0!important;margin:0!important}
  .auth-app-page .topbar.app-header,.auth-app-page .bottom-nav,.auth-app-page .install-banner,.auth-app-page [data-install-banner]{display:none!important}
  .auth-app-main{display:block!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;padding:0!important;margin:0!important;overflow:hidden!important}
  .auth-app-shell{width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:64px 198px minmax(0,1fr)!important;background:#f4f8f6!important;overflow:hidden!important}
  .auth-register-page .auth-app-shell{grid-template-rows:64px 168px minmax(0,1fr)!important}
  .auth-mobile-top{grid-row:1;display:flex!important;align-items:center;justify-content:space-between;gap:10px;height:64px!important;padding:calc(7px + env(safe-area-inset-top,0px)) 15px 7px!important;background:#0a6048!important;color:#fff;z-index:5}.auth-home-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center}.auth-home-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.auth-mobile-brand{display:flex;align-items:center;gap:8px}.auth-mobile-logo{width:37px;height:37px;border-radius:12px;overflow:hidden;background:#fff;display:grid;place-items:center}.auth-mobile-logo img{width:100%;height:100%;object-fit:cover}.auth-mobile-brand b{display:block;font-size:11px}.auth-mobile-brand small{display:block;font-size:7px;color:rgba(255,255,255,.68);margin-top:1px}.auth-top-space{width:42px}
  .auth-app-hero{grid-row:2;min-height:0!important;padding:20px 20px 33px!important;justify-content:center!important;background:linear-gradient(145deg,#09523e 0%,#0d7559 58%,#159272 100%)!important}.auth-register-hero{padding-bottom:30px!important}.auth-app-hero::before{width:190px;height:190px;left:-80px;top:-90px}.auth-app-hero::after{width:150px;height:150px;right:-55px;bottom:-70px}.auth-kicker{padding:6px 9px;font-size:8px}.auth-app-hero h1{font-size:34px!important;line-height:1.05!important;margin:9px 0 7px!important;letter-spacing:-.035em!important}.auth-register-hero h1{font-size:30px!important}.auth-app-hero p{font-size:10px!important;line-height:1.6!important;max-width:92%}.auth-hero-badges{display:none!important}
  .auth-app-panel{grid-row:3;min-height:0!important;height:auto!important;margin-top:-20px!important;padding:20px 16px calc(24px + env(safe-area-inset-bottom,0px))!important;border-radius:28px 28px 0 0!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;box-shadow:0 -14px 36px rgba(6,41,28,.10)!important;z-index:6;animation:auth293PanelIn .30s cubic-bezier(.16,1,.3,1) both}.auth-register-panel{margin-top:-18px!important}
  .auth-panel-head-modern{margin:0 0 16px!important}.auth-panel-head-modern h2{font-size:24px!important}.auth-panel-head-modern p{font-size:10px!important;margin-top:4px!important}.auth-step-pill{font-size:8px!important;min-height:24px!important;margin-bottom:7px!important}
  .auth-modern-form{gap:12px!important}.auth-form-grid{grid-template-columns:1fr!important;gap:11px!important}.auth-business-field{grid-column:auto!important}.auth-control-label{font-size:10px!important}.auth-input-wrap{min-height:56px!important;border-radius:16px!important}.auth-input-wrap input,.auth-input-wrap select{height:54px!important;font-size:16px!important;line-height:1.2!important}.auth-input-icon{margin-inline:13px 8px!important;width:18px!important;height:18px!important}.auth-primary-btn{min-height:56px!important;border-radius:17px!important;font-size:13px!important;margin-top:1px!important}.auth-switch-modern{font-size:11px!important;margin-top:15px!important;padding-top:14px!important}.auth-privacy-note{font-size:8.5px!important;margin-top:12px!important}.auth-type-picker{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:13px!important}.auth-type-option{min-height:70px!important;padding:9px!important;border-radius:15px!important;grid-template-columns:36px 1fr!important;gap:8px!important}.auth-type-icon{width:36px!important;height:36px!important;border-radius:12px!important}.auth-type-option b{font-size:10.5px!important}.auth-type-option small{font-size:7.5px!important;line-height:1.3!important}
  html[data-theme="dark"] body.auth-app-page{background:#111a16!important}html[data-theme="dark"] .auth-app-shell{background:#111a16!important}html[data-theme="dark"] .auth-app-panel{background:#16211c!important}
}

@media(max-width:760px) and (max-height:620px){
  .auth-app-shell{grid-template-rows:56px 145px minmax(0,1fr)!important}.auth-register-page .auth-app-shell{grid-template-rows:56px 126px minmax(0,1fr)!important}.auth-mobile-top{height:56px!important;padding:5px 13px!important}.auth-mobile-logo{width:33px;height:33px}.auth-home-btn{width:38px;height:38px}.auth-app-hero{padding:12px 18px 26px!important}.auth-app-hero h1{font-size:28px!important;margin:6px 0 4px!important}.auth-register-hero h1{font-size:25px!important}.auth-app-hero p{font-size:9px!important}.auth-kicker{display:none!important}.auth-app-panel{padding-top:17px!important}.auth-panel-head-modern{margin-bottom:12px!important}.auth-privacy-note{display:none!important}
}

@media(max-width:380px){.auth-type-option{grid-template-columns:32px 1fr!important}.auth-type-icon{width:32px!important;height:32px!important}.auth-app-hero h1{font-size:30px!important}.auth-register-hero h1{font-size:27px!important}}
@media(prefers-reduced-motion:reduce){.auth-app-panel,.auth-field-reveal,.browse-filter-panel,.browse-filter-backdrop{animation:none!important}.auth-primary-btn,.auth-input-wrap,.auth-type-option,.browse-filter-trigger{transition:none!important}}
@keyframes auth293PanelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* =========================================================
   Qalamoun Market v2.9.4 — Mobile Scroll & Gesture Stability
   Restores native vertical scrolling without disturbing
   intentional full-screen gestures in Explore / Map.
   ========================================================= */

@media (max-width: 760px) {
  /* Normal application pages must keep native vertical scrolling. */
  html:not(.sheet-open),
  body:not(.auth-app-page):not(.explore-page):not(.chat-fullscreen-mode):not(.map-clean-page) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100% !important;
    touch-action: pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: auto;
  }

  body:not(.auth-app-page):not(.explore-page):not(.chat-fullscreen-mode):not(.map-clean-page) main,
  body:not(.auth-app-page):not(.explore-page):not(.chat-fullscreen-mode):not(.map-clean-page) .shell,
  body:not(.auth-app-page):not(.explore-page):not(.chat-fullscreen-mode):not(.map-clean-page) .page-content,
  body:not(.auth-app-page):not(.explore-page):not(.chat-fullscreen-mode):not(.map-clean-page) .app-main,
  body.browse-modern-page,
  body.add-modern-page,
  body.profile-page,
  body.account-page,
  body.messages-list-mode {
    touch-action: pan-y pinch-zoom;
  }

  /* Scrollable sheets and filter panels must scroll with one finger. */
  .sheet-card,
  .notification-list,
  .browse-filter-panel,
  .auth-app-panel,
  .thread-list,
  .thread-list-modern,
  .chat-body,
  .chat-body-full {
    touch-action: pan-y pinch-zoom !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
  }

  .sheet-card,
  .browse-filter-panel,
  .auth-app-panel,
  .thread-list,
  .thread-list-modern,
  .chat-body,
  .chat-body-full {
    overflow-y: auto !important;
  }

  /* Horizontal media rails should not block vertical page scrolling. */
  .gallery-main,
  .gallery-dots,
  .premium-listing-row,
  .store-strip,
  .request-strip,
  .map-listing-rail,
  .home-categories,
  .category-strip,
  .chat-quick-peers {
    touch-action: pan-x pan-y pinch-zoom !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Auth remains app-like/full-screen, but its form is the scroll owner. */
  body.auth-app-page .auth-app-panel {
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    touch-action: pan-y pinch-zoom !important;
    overscroll-behavior-y: auto !important;
    scrollbar-gutter: stable;
  }

  /* Filters lock the page only while the sheet is actually open. */
  body.qm293-filter-open .browse-filter-panel.is-open {
    touch-action: pan-y pinch-zoom !important;
  }

  /* Interactive controls keep click/tap behavior without stealing swipes. */
  input,
  textarea,
  select,
  button,
  a {
    -webkit-tap-highlight-color: transparent;
  }
}

/* Scrollbar-free look on mobile while preserving native scroll. */
@media (max-width: 760px) {
  .auth-app-panel,
  .sheet-card,
  .browse-filter-panel,
  .thread-list,
  .thread-list-modern,
  .chat-body,
  .chat-body-full {
    scrollbar-width: none;
  }
  .auth-app-panel::-webkit-scrollbar,
  .sheet-card::-webkit-scrollbar,
  .browse-filter-panel::-webkit-scrollbar,
  .thread-list::-webkit-scrollbar,
  .thread-list-modern::-webkit-scrollbar,
  .chat-body::-webkit-scrollbar,
  .chat-body-full::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}


/* =========================================================
   v2.9.5 — Approval notifications + emerald gradient system
   ========================================================= */
:root{
  --brand-gradient:linear-gradient(135deg,color-mix(in srgb,var(--brand) 82%,#5ff1b8 18%) 0%,var(--brand) 48%,color-mix(in srgb,var(--brand) 72%,#031d14 28%) 100%);
  --brand-gradient-soft:linear-gradient(135deg,rgba(var(--brand-rgb),.055),rgba(var(--brand-rgb),.145));
  --brand-glow:0 12px 28px rgba(var(--brand-rgb),.22),0 2px 7px rgba(var(--brand-rgb),.12);
}

/* Primary green surfaces use one consistent richer gradient. */
.btn-primary,
.auth-primary-btn,
.nav-add,
.browse-filter-apply,
.profile-v271-admin,
.settings-savebar .btn-primary,
.pwa-install [data-install-btn],
.qm-broadcast-open,
.avatar-camera,
.badge-featured,
.status-active{
  background:var(--brand-gradient)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:var(--brand-glow)!important;
}

/* Soft green surfaces keep readability while gaining depth. */
.location-chip,
.nav-item.active:not(.nav-add),
.cat-icon,
.mode-switch a.active,
.auth-step-pill,
.auth-type-icon,
.auth-type-option.is-active,
.notification-live-head,
.device-notify-btn{
  background:var(--brand-gradient-soft)!important;
}

/* Gloss effect for actual buttons/links only. */
.btn-primary,
.auth-primary-btn,
.nav-add,
.browse-filter-apply,
.profile-v271-admin,
.pwa-install [data-install-btn],
.qm-broadcast-open{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}
.btn-primary::after,
.auth-primary-btn::after,
.nav-add::after,
.browse-filter-apply::after,
.profile-v271-admin::after,
.pwa-install [data-install-btn]::after,
.qm-broadcast-open::after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  left:8%;right:8%;top:2px;height:42%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.08),transparent);
  opacity:.78;
}
.btn-primary > *, .auth-primary-btn > *, .profile-v271-admin > *{position:relative;z-index:3}
.btn-primary:hover,.auth-primary-btn:hover,.browse-filter-apply:hover,.profile-v271-admin:hover{filter:saturate(1.08) brightness(1.035);transform:translateY(-1px)}
.btn-primary:active,.auth-primary-btn:active,.browse-filter-apply:active,.profile-v271-admin:active{transform:translateY(0) scale(.985);filter:saturate(1.02)}

/* Login/register switch actions are buttons, not plain text links. */
.auth-switch-modern{align-items:center!important;gap:10px!important}
.auth-switch-modern a{
  min-height:40px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  border:1px solid rgba(var(--brand-rgb),.14)!important;
  background:var(--brand-gradient-soft)!important;
  color:var(--brand-deep)!important;
  box-shadow:0 7px 18px rgba(var(--brand-rgb),.08)!important;
  transition:.18s ease!important;
}
.auth-switch-modern a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(var(--brand-rgb),.12)!important}

/* Logout becomes a deliberate full button, not a text-only action. */
.profile-signout{display:flex!important;justify-content:center!important;margin:18px 0 8px!important}
.profile-signout a{
  min-width:min(320px,100%)!important;
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(var(--brand-rgb),.15)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(var(--brand-rgb),.07))!important;
  color:var(--brand-deep)!important;
  font-weight:900!important;
  box-shadow:0 10px 26px rgba(8,42,30,.07)!important;
  transition:.18s ease!important;
}
.profile-signout a:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(var(--brand-rgb),.11)!important}

html[data-theme="dark"] .profile-signout a{
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(var(--brand-rgb),.10))!important;
  color:#d9fff0!important;
  border-color:rgba(255,255,255,.08)!important;
}

/* Notification audio preview in admin. */
.admin-form audio{accent-color:var(--brand);border-radius:14px;display:block}

@media(max-width:700px){
  .auth-switch-modern{flex-direction:column!important}
  .auth-switch-modern a{width:100%!important;min-height:46px!important}
  .profile-signout{padding-inline:10px!important}
  .profile-signout a{width:100%!important}
}

/* v2.9.6 — PWA install/update surfaces */
.app-update-bar{position:fixed;left:50%;bottom:calc(104px + env(safe-area-inset-bottom,0px));z-index:6200;width:min(560px,calc(100% - 24px));transform:translate(-50%,24px);opacity:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 12px 12px 16px;border:1px solid rgba(14,111,81,.12);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 20px 54px rgba(7,47,34,.18);backdrop-filter:blur(20px) saturate(135%);transition:opacity .22s ease,transform .22s ease}.app-update-bar.show{opacity:1;transform:translate(-50%,0)}.app-update-bar>div{display:grid;gap:2px}.app-update-bar b{font-size:13px}.app-update-bar small{font-size:10px;color:#75837d}.app-update-bar.busy{pointer-events:none;opacity:.68}.install-capability{display:grid;gap:5px;padding:13px;border-radius:16px;background:rgba(var(--brand-rgb,22,135,101),.07);border:1px solid rgba(var(--brand-rgb,22,135,101),.10)}.install-capability b{font-size:13px}.install-capability span{font-size:11px;line-height:1.8;color:var(--muted,#74837c)}
@media(max-width:700px){.app-update-bar{bottom:calc(96px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto;padding:11px 11px 11px 14px}.app-update-bar>.icon-btn{display:none}.app-update-bar .btn{min-height:40px;padding-inline:13px}.app-update-bar small{max-width:220px}}

/* Qalamoun Market 3.0 visual system */
:root{--qm-radius:22px;--qm-radius-sm:15px;--qm-shadow:0 16px 42px rgba(17,55,43,.08);--qm-soft:#f4f8f6}.listing-card,.premium-listing-card,.card{border-radius:var(--qm-radius)}
.bottom-nav{max-width:680px;left:50%;right:auto;transform:translateX(-50%);border-radius:24px 24px 0 0}.nav-add .nav-icon{box-shadow:0 10px 24px rgba(22,135,101,.25)}
.seller-trust-mini{display:block;font-size:11px;color:var(--primary);margin-top:4px}.listing-sticky-cta{gap:8px}.listing-offer-btn{min-width:96px;border:1px solid rgba(22,135,101,.22);background:rgba(22,135,101,.08);color:var(--primary);font-weight:800;border-radius:16px;padding:0 14px}
.offer-modal[hidden]{display:none}.offer-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:end center}.offer-backdrop{position:absolute;inset:0;background:rgba(6,20,15,.58);border:0}.offer-card{position:relative;width:min(100%,520px);background:var(--card,#fff);padding:24px;border-radius:28px 28px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.18)}.offer-card h2{margin:6px 0}.offer-close{position:absolute;left:16px;top:16px;border:0;background:var(--qm-soft);width:38px;height:38px;border-radius:50%;font-size:24px}
.profile-trust-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.profile-trust-row span{font-size:12px;background:rgba(22,135,101,.08);color:var(--primary);padding:7px 10px;border-radius:999px;font-weight:750}.store-hours{font-size:13px;color:var(--muted);margin-top:9px}.profile-safety-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 0}.profile-tools-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.saved-search-page{max-width:980px}.saved-search-list{display:grid;gap:12px}.saved-search-card{display:flex;align-items:center;justify-content:space-between;padding:18px;gap:15px}.saved-search-card>a{display:grid;gap:5px;min-width:0}.saved-search-card small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.saved-search-card form{display:flex;gap:7px}
.browse-result-actions{display:flex;align-items:center;gap:8px}.chat-quick-replies{display:flex;gap:7px;overflow:auto;padding:8px 14px;background:var(--card)}.chat-quick-replies button{white-space:nowrap;border:1px solid var(--line);background:var(--qm-soft);border-radius:999px;padding:8px 12px;font:inherit;font-size:12px}.chat-offers-strip{display:flex;gap:10px;overflow:auto;padding:10px 14px;background:var(--card)}.chat-offer-card{min-width:210px;border:1px solid rgba(22,135,101,.2);background:rgba(22,135,101,.06);border-radius:16px;padding:12px;display:grid;gap:4px}.chat-offer-card>b{font-size:18px;color:var(--primary)}.chat-offer-card>div{display:flex;gap:5px;margin-top:5px}.chat-offer-card button{border:0;border-radius:10px;padding:7px 9px;font:inherit;font-size:11px;font-weight:800}.explore-map-mini{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;font-size:20px}
.update-center-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.update-upload-card,.update-rules,.update-history{padding:22px}.update-shield{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(22,135,101,.1);color:var(--primary);font-size:30px;font-weight:900}.update-drop{display:grid;place-items:center;text-align:center;border:1.5px dashed rgba(22,135,101,.32);border-radius:20px;padding:28px;background:rgba(22,135,101,.04);cursor:pointer}.update-drop input{max-width:100%;margin-bottom:10px}.update-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.update-result pre{direction:ltr;text-align:left;white-space:pre-wrap;background:#0e1713;color:#d9f6eb;padding:13px;border-radius:14px}.update-rules ul{line-height:2}.version-chip{background:rgba(22,135,101,.1);color:var(--primary);padding:10px 14px;border-radius:999px;font-weight:800}.status-pill{padding:5px 9px;border-radius:999px;background:#eef3f1;font-size:12px}.status-completed{background:#e6f7ef;color:#147852}.status-failed{background:#fdebea;color:#b33b35}
@media(max-width:760px){.update-center-grid{grid-template-columns:1fr}.saved-search-card{align-items:flex-start;flex-direction:column}.saved-search-card form{width:100%;flex-wrap:wrap}.browse-result-actions{gap:5px}.listing-sticky-cta{padding:8px}.listing-offer-btn{min-width:82px}}