/* ============================================================
   Ankandi — dizajn tregu real (stil OLX/merrjep/eBay).
   Trup i çelët, header teal i errët, karta të bardha, hije të buta.
   ============================================================ */
:root{
  --ink:#0b2a2f;           /* header / tituj të errët */
  --brand:#13a594;         /* teal brand (override nga cfg) */
  --brand-600:#0e8577;
  --brand-050:#e7f6f3;
  --accent:#ff6a2b;        /* portokalli CTA (override nga cfg) */
  --accent-600:#e85516;
  --accent-050:#fff1e9;
  --bg:#eef1f5; --card:#ffffff; --line:#e4e9ef; --line2:#eef2f6;
  --text:#15232b; --muted:#687a85; --faint:#8a99a3;
  --ok:#1a9d6b; --red:#e5484d; --star:#f5a623; --blue:#2f6df6;
  --r:12px; --r-sm:9px;
  --sh:0 1px 2px rgba(11,42,47,.06),0 1px 3px rgba(11,42,47,.05);
  --sh-md:0 4px 14px rgba(11,42,47,.08);
  --sh-lg:0 12px 34px rgba(11,42,47,.14);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.5;font-size:15px;min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0 0 .4em;line-height:1.25;font-family:'Sora','Inter',sans-serif;letter-spacing:-.01em;color:var(--ink)}
.muted{color:var(--muted)}
.tiny{font-size:12px}
.pos{color:var(--ok)}
.neg{color:var(--red)}
.num{text-align:right;font-variant-numeric:tabular-nums}
img{max-width:100%;display:block}
.hide-sm{display:inline}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--r-sm);padding:10px 17px;font-weight:600;font-size:14.5px;font-family:inherit;cursor:pointer;background:#f1f4f8;color:var(--text);transition:.14s;white-space:nowrap;line-height:1.1}
.btn:hover{background:#e7ecf2}
.btn:active{transform:translateY(1px)}
.btn-gold{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-gold:hover{background:var(--accent-600);border-color:var(--accent-600)}
.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600)}
.btn-danger{background:#fff;color:var(--red);border-color:#f3c9cb}
.btn-danger:hover{background:#fdeceD}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--text)}
.btn-ghost:hover{background:#f7f9fb}
.btn-lg{padding:13px 26px;font-size:16px;border-radius:11px}
.btn-sm{padding:6px 12px;font-size:13px}
.btn-block{display:flex;width:100%}

.flash{padding:12px 16px;border-radius:10px;margin-bottom:14px;font-weight:500;background:var(--brand-050);border:1px solid #bfe6df;color:#0a6a5d}
.flash-err{background:#fdecec;border-color:#f4c7c9;color:#b4262b}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:18px;box-shadow:var(--sh)}
.empty{text-align:center;padding:64px 20px;color:var(--muted);font-size:16px;background:var(--card);border:1px dashed var(--line);border-radius:var(--r)}
.empty a{color:var(--brand);font-weight:600}

/* ---------- Nav (header i errët) ---------- */
.nav{position:sticky;top:0;z-index:50;background:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.12)}
.nav-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:11px 20px}
.brand{display:flex;align-items:center;gap:9px;font-family:'Sora',sans-serif;font-weight:800;font-size:21px;color:#fff;white-space:nowrap}
.brand-ic{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:var(--accent);border-radius:9px;font-size:18px}
.brand small{color:var(--accent);font-weight:700;margin-left:3px;font-size:12px;letter-spacing:.02em}
.cat-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:9px;padding:9px 13px;font-weight:600;cursor:pointer;white-space:nowrap;font-size:14px}
.cat-btn:hover{background:rgba(255,255,255,.18)}
.nav-search{flex:1;display:flex;max-width:560px;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.nav-search input{flex:1;border:0;background:none;color:var(--text);padding:11px 15px;font-size:15px;outline:none}
.nav-search button{border:0;background:var(--accent);color:#fff;padding:0 18px;font-size:16px;cursor:pointer}
.nav-search button:hover{background:var(--accent-600)}
.nav-links{display:flex;align-items:center;gap:7px;white-space:nowrap}
.nav-link{color:#d8e4e3;font-weight:600;padding:8px 10px;border-radius:8px;font-size:14px}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav-link.on{color:#fff}
.nav-ico{position:relative;font-size:18px;padding:8px;border-radius:8px;color:#fff}
.nav-ico:hover,.nav-ico.on{background:rgba(255,255,255,.1)}
.ico-badge{position:absolute;top:0;right:0;background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;padding:0 4px;border:2px solid var(--ink)}
.announce{background:var(--accent-050);border-bottom:1px solid #f6d8c6;color:#a84f22;text-align:center;padding:9px 16px;font-weight:500;font-size:14px}

.cat-drawer{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh-lg);z-index:60}
.cat-drawer.open{display:block}
.cat-drawer-in{max-width:1240px;margin:0 auto;padding:22px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}
.cat-col{display:flex;flex-direction:column;gap:5px}
.cat-h{font-family:'Sora',sans-serif;font-weight:700;margin-bottom:4px;color:var(--ink)}
.cat-s{color:var(--muted);font-size:13.5px}
.cat-s:hover{color:var(--brand)}

.wrap{max-width:1240px;margin:0 auto;padding:22px 20px 70px}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(120deg,var(--ink),#124b50);border-radius:16px;padding:46px 38px;margin-bottom:24px;color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(255,106,43,.35),transparent 70%)}
.hero-txt{position:relative;z-index:1}
.hero h1{color:#fff;font-size:clamp(27px,4vw,40px);font-weight:800;max-width:680px}
.hero p{color:#c9dcda;font-size:17px;max-width:540px;margin:0 0 22px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-stats{display:flex;gap:28px;margin-top:24px;color:#aecbc8;font-size:14px}
.hero-stats b{color:#fff;font-size:20px;font-family:'Sora',sans-serif}

/* ---------- Category chips ---------- */
.cat-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 16px;scrollbar-width:none}
.cat-strip::-webkit-scrollbar{display:none}
.cat-chip{flex:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:600;font-size:13.5px;color:var(--text);box-shadow:var(--sh);transition:.14s}
.cat-chip:hover{border-color:var(--brand);color:var(--brand)}
.cat-chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.subcat-strip{display:flex;gap:8px;overflow-x:auto;padding:0 0 16px;scrollbar-width:none}
.subcat-strip::-webkit-scrollbar{display:none}
.subchip{flex:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}
.subchip:hover{color:var(--brand)}
.subchip.on{background:var(--brand-050);color:var(--brand-600);border-color:#b7e3dc;font-weight:600}

/* ---------- List head + filters ---------- */
.list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:6px 0 18px}
.list-head h2{font-size:22px;margin:0}
.list-filters{display:flex;gap:8px;flex-wrap:wrap}
.list-filters select{background:#fff;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:9px 12px;font-family:inherit;font-size:13.5px;cursor:pointer;box-shadow:var(--sh)}

/* ---------- Grid of cards ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.16s;display:flex;flex-direction:column;box-shadow:var(--sh)}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:#d4dbe3}
.card-img{position:relative;aspect-ratio:4/3;background:#f3f5f8;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover}
.thumb-ic{font-size:58px;opacity:.35}
.card-type{position:absolute;bottom:8px;left:8px;background:rgba(11,42,47,.82);backdrop-filter:blur(4px);color:#fff;padding:4px 9px;border-radius:7px;font-size:11px;font-weight:600}
.card-type.auc{background:rgba(255,106,43,.95)}
.promo-badge{position:absolute;top:8px;left:8px;padding:4px 9px;border-radius:7px;font-size:10.5px;font-weight:700;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.promo-badge.vip{background:#7a3dff}
.promo-badge.feat{background:var(--accent)}
.promo-badge.urg{background:var(--red)}
.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.card-title{font-weight:600;font-size:14.5px;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.card-price b{font-size:19px;color:var(--ink);font-family:'Sora',sans-serif;font-weight:700}
.card-meta{font-size:12.5px;color:var(--faint)}
.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:9px;font-size:12px;border-top:1px solid var(--line2)}
.card-time{font-weight:600;color:var(--brand-600)}
.card-time.soon{color:var(--accent-600)}
.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:28px}

/* ---------- Item detail ---------- */
.crumbs{color:var(--muted);font-size:13px;margin-bottom:16px}
.crumbs a:hover{color:var(--brand)}
.item-layout{display:grid;grid-template-columns:1fr 390px;gap:24px;align-items:start}
.gal-main{aspect-ratio:4/3;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh)}
.gal-main img{width:100%;height:100%;object-fit:contain}
.gal-empty span{font-size:96px;opacity:.3}
.gal-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.gal-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:9px;border:2px solid transparent;cursor:pointer;opacity:.65;background:#fff}
.gal-thumbs img.on,.gal-thumbs img:hover{opacity:1;border-color:var(--brand)}
.item-desc{margin-top:16px}
.item-desc p{color:#3a4b54;white-space:pre-wrap}
.desc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tag{background:#f1f4f8;border-radius:8px;padding:5px 11px;font-size:13px;color:var(--muted)}
.item-side{position:sticky;top:84px}
.item-title{font-size:21px;line-height:1.3}
.item-cat{color:var(--muted);font-size:13.5px;margin-bottom:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.price-box{background:linear-gradient(135deg,var(--brand-050),#f3faf8);border:1px solid #cdeae4;border-radius:var(--r);padding:16px 18px;margin-bottom:14px;text-align:center}
.pb-label{display:block;color:var(--muted);font-size:13px}
.pb-amt{display:block;font-size:34px;font-weight:800;color:var(--ink);font-family:'Sora',sans-serif;margin:3px 0}
.pb-sub{color:var(--muted);font-size:13px}
.countdown{text-align:center;background:var(--accent-050);border:1px solid #f6d3c0;border-radius:10px;padding:10px;margin-bottom:14px;font-weight:500;color:#a84f22}
.countdown b{color:var(--accent-600);font-variant-numeric:tabular-nums}
.bid-form label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.bid-row{display:flex;gap:8px;margin-bottom:8px}
.bid-row input{flex:1;background:#fff;border:1.5px solid var(--line);border-radius:10px;color:var(--text);padding:13px 14px;font-size:18px;font-weight:700;outline:none;font-family:'Sora',sans-serif}
.bid-row input:focus{border-color:var(--brand)}
.quick-bids{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.qb{flex:1;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:8px;font-size:13px;font-weight:600;cursor:pointer}
.qb:hover{border-color:var(--brand);color:var(--brand)}
.watch-btn.on{color:var(--accent-600);border-color:#f6d3c0;background:var(--accent-050)}
.sold-banner{background:var(--brand-050);border:1px solid #bfe6df;border-radius:10px;padding:12px;text-align:center;font-weight:600;margin-bottom:14px;color:#0a6a5d}
.sold-banner.ended{background:#f1f4f8;border-color:var(--line);color:var(--muted)}
.owner-note{background:#f1f4f8;border-radius:10px;padding:12px;text-align:center;color:var(--muted);font-size:14px;margin-bottom:14px}
.owner-note a{color:var(--brand);font-weight:600}
.seller-box{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line2)}
.seller-av{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:none;font-family:'Sora',sans-serif}
.seller-name{font-weight:600;color:var(--text)}
.verified{color:var(--brand);font-weight:800}
.stars{color:var(--star);letter-spacing:1px}
.contact-reveal{margin-top:14px;padding:12px;background:var(--brand-050);border:1px solid #bfe6df;border-radius:10px;text-align:center;font-weight:500;color:#0a6a5d}
.report-link{background:none;border:0;color:var(--faint);cursor:pointer;font-size:13px;margin-top:12px;text-decoration:underline}
.report-link:hover{color:var(--red)}
.ask-form{display:flex;flex-direction:column;gap:8px}
.ask-form textarea,.review-box textarea{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:11px 13px;font-family:inherit;font-size:14px;resize:vertical;outline:none}
.ask-form textarea:focus,.review-box textarea:focus{border-color:var(--brand)}
.promote-box{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:14px}
.promote-box h4{margin:0 0 10px}
.promo-tiers{display:flex;flex-direction:column;gap:8px}
.promo-pick{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 14px;cursor:pointer;color:var(--text);font-family:inherit;text-align:left}
.promo-pick b{font-size:14px}
.promo-pick span{color:var(--muted);font-size:13px}
.promo-pick:hover{border-color:var(--accent)}
.promo-pick.on{border-color:var(--accent);background:var(--accent-050)}
.bid-history ul{list-style:none;margin:0;padding:0}
.bid-history li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:14px}
.bid-history li b{color:var(--ink);margin-left:auto;font-family:'Sora',sans-serif}
.bid-history li small{min-width:72px;text-align:right}
.review-box{margin-top:16px;padding-top:16px;border-top:1px solid var(--line2);display:flex;flex-direction:column;gap:8px}
.star-pick{display:flex;gap:4px}
.star-pick button{background:none;border:0;font-size:30px;color:var(--star);cursor:pointer;line-height:1}

/* ---------- Auth ---------- */
body.auth{background:linear-gradient(160deg,var(--ink),#0f3e42)}
body.auth .nav,body.auth .site-foot{display:none}
body.auth .wrap{max-width:430px;padding-top:50px}
.auth-card{background:#fff;border-radius:16px;padding:34px 30px;text-align:center;box-shadow:var(--sh-lg)}
.auth-logo{width:60px;height:60px;margin:0 auto 6px;background:var(--accent);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:30px}
.form{display:flex;flex-direction:column;gap:13px;text-align:left;margin-top:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--text)}
.form input,.form select,.form textarea{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font-size:15px;font-family:inherit;outline:none}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.auth-card a{color:var(--brand);font-weight:600}

/* ---------- Post form ---------- */
.form-head{margin-bottom:18px}
.form-head h1{font-size:26px}
.post-form{display:flex;flex-direction:column;gap:16px;max-width:760px}
.fld{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13.5px}
.fld input,.fld select,.fld textarea{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font-size:15px;font-family:inherit;outline:none;font-weight:400}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-050)}
.fld-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tt-opt{cursor:pointer}
.tt-opt input{position:absolute;opacity:0}
.tt-opt span{display:flex;flex-direction:column;gap:3px;background:#fff;border:2px solid var(--line);border-radius:12px;padding:15px}
.tt-opt b{font-size:15px}
.tt-opt small{color:var(--muted);font-size:12px}
.tt-opt input:checked+span{border-color:var(--brand);background:var(--brand-050)}
.img-preview{display:flex;gap:10px;flex-wrap:wrap}
.img-preview img{width:86px;height:86px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}

/* ---------- Account / profile ---------- */
.acc-head{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}
.acc-av{width:62px;height:62px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;font-family:'Sora',sans-serif}
.acc-head h1{font-size:24px;margin:0 0 3px}
.acc-head .btn{margin-left:auto}
.stats-row,.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}
.stat,.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:17px;box-shadow:var(--sh)}
.stat-v,.kpi-v{display:block;font-size:22px;font-weight:700;font-family:'Sora',sans-serif;color:var(--ink)}
.stat-l,.kpi-l{color:var(--muted);font-size:13px}
.acc-sec{margin-bottom:26px}
.acc-sec h2{font-size:19px;margin-bottom:14px}
.bid-status-wrap{position:relative;display:flex;flex-direction:column}
.bid-status{text-align:center;font-size:12px;font-weight:600;padding:7px;border-radius:0 0 var(--r) var(--r);margin-top:-14px;position:relative;z-index:1}
.bid-status.leading{background:var(--brand-050);color:var(--brand-600)}
.bid-status.outbid{background:var(--accent-050);color:var(--accent-600)}

/* ---------- Tables ---------- */
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th,.table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line2)}
.table th{color:var(--muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}
.table.compact th,.table.compact td{padding:8px 10px}
.table a{color:var(--brand);font-weight:500}
.table tr:hover{background:#fafbfc}
.st{padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;display:inline-block}
.st-live{background:var(--brand-050);color:var(--brand-600)}
.st-sold{background:var(--accent-050);color:var(--accent-600)}
.st-ended,.st-removed{background:#eef2f6;color:var(--muted)}
.st-pending{background:#fff6e0;color:#a9790b}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}

/* ---------- Messages ---------- */
.msg-layout{display:grid;grid-template-columns:310px 1fr;gap:18px;align-items:start}
.msg-threads{padding:8px;max-height:72vh;overflow-y:auto}
.thread{display:flex;gap:10px;padding:11px;border-radius:10px;align-items:center}
.thread:hover{background:#f6f8fa}
.thread.on{background:var(--brand-050)}
.thread.unseen b::after{content:' ●';color:var(--accent)}
.th-av{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.th-main{display:flex;flex-direction:column;min-width:0}
.th-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-thread{display:flex;flex-direction:column;min-height:420px}
.mt-head{padding-bottom:12px;border-bottom:1px solid var(--line2);margin-bottom:12px}
.mt-head a{color:var(--brand)}
.mt-body{flex:1;display:flex;flex-direction:column;gap:8px;max-height:56vh;overflow-y:auto;padding-right:4px}
.bubble{max-width:74%;padding:10px 14px;border-radius:14px;font-size:14px}
.bubble small{display:block;font-size:10px;opacity:.6;margin-top:4px}
.bubble.me{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:4px}
.bubble.them{align-self:flex-start;background:#f1f4f8;border-bottom-left-radius:4px}
.mt-form{display:flex;gap:8px;margin-top:12px}
.mt-form input{flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;outline:none}
.mt-form input:focus{border-color:var(--brand)}

/* ---------- Notifications / reviews / cms ---------- */
.notif-list{display:flex;flex-direction:column}
.notif{display:flex;align-items:center;gap:13px;padding:14px 8px;border-bottom:1px solid var(--line2)}
.notif:last-child{border:0}
.notif:hover{background:#fafbfc}
.notif.unseen{background:var(--brand-050)}
.notif-ic{font-size:20px}
.notif-txt{flex:1}
.notif small{white-space:nowrap}
.review-list{display:flex;flex-direction:column;gap:14px}
.review{border-bottom:1px solid var(--line2);padding-bottom:12px}
.rv-top{display:flex;align-items:center;gap:10px}
.rv-top small{margin-left:auto}
.review p{margin:6px 0 0;color:#3a4b54}
.cms{line-height:1.75}
.cms h2{margin-top:0}

/* ---------- Footer ---------- */
.site-foot{border-top:1px solid var(--line);background:var(--ink);color:#c9dcda;margin-top:50px}
.foot-in{max-width:1240px;margin:0 auto;padding:30px 20px;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
.foot-in b{color:#fff;font-family:'Sora',sans-serif}
.foot-in>div p{color:#9db8b5}
.foot-cats{display:flex;flex-direction:column;gap:7px}
.foot-cats b{display:block;margin-bottom:4px}
.foot-cats a{color:#aecbc8;font-size:14px}
.foot-cats a:hover{color:#fff}
.foot-bottom{text-align:center;padding:14px;border-top:1px solid rgba(255,255,255,.08);color:#88a5a2;font-size:12px}

/* ---------- Toasts ---------- */
#toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:300;align-items:center}
.toast{background:var(--ink);color:#fff;border-radius:10px;padding:12px 20px;font-weight:500;font-size:14px;box-shadow:var(--sh-lg);animation:tin .28s}
.toast.err{background:var(--red)}
.toast.ok{background:var(--brand-600)}
@keyframes tin{from{opacity:0;transform:translateY(12px)}}

/* ============================================================
   PANELI I ADMINIT (i çelët, sidebar i errët)
   ============================================================ */
.admin-shell{display:flex;min-height:100vh;background:var(--bg)}
.admin-side{width:238px;background:var(--ink);color:#c9dcda;display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;flex:none}
.admin-brand{font-family:'Sora',sans-serif;font-weight:800;font-size:18px;color:#fff;padding:8px 10px 18px}
.admin-side nav{display:flex;flex-direction:column;gap:3px;flex:1}
.aside-link{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:9px;color:#bcd2cf;font-weight:500;font-size:14px}
.aside-link .ic{font-size:16px;width:20px;text-align:center}
.aside-link:hover{background:rgba(255,255,255,.08);color:#fff}
.aside-link.on{background:var(--accent);color:#fff;font-weight:600}
.aside-foot{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}
.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}
.admin-top{display:flex;align-items:center;gap:14px;padding:15px 26px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20;box-shadow:var(--sh)}
.admin-top h1{margin:0;font-size:20px}
.admin-who{margin-left:auto;color:var(--muted);font-size:13px}
.menu-toggle{display:none;background:#f1f4f8;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 11px;font-size:18px;cursor:pointer}
.admin-body{padding:26px;max-width:1200px;width:100%}
.kpi.gold{background:linear-gradient(135deg,var(--ink),#124b50);border-color:var(--ink)}
.kpi.gold .kpi-v,.kpi.gold .kpi-l{color:#fff}
.kpi.gold .kpi-l{color:#aecbc8}
.kpi.warn{border-color:#f3dca0;background:#fffaef}
.kpi.danger{border-color:#f3c9cb;background:#fdf1f1}
a.kpi{transition:.14s}
a.kpi:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}
.chart{display:flex;align-items:flex-end;gap:7px;height:180px;padding-top:10px}
.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--brand),var(--brand-600));border-radius:6px 6px 0 0;min-height:3px;transition:.3s}
.chart-col:hover .chart-bar{background:var(--accent)}
.chart-x{font-size:10px;color:var(--muted)}
.admin-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.admin-filters input,.admin-filters select{background:#fff;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:9px 12px;font-family:inherit}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.row-actions form{margin:0}
.grant-form{display:flex;gap:4px;align-items:center}
.grant-form input{background:#fff;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:5px 8px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.chk{flex-direction:row!important;align-items:flex-start;gap:10px;font-weight:500!important}
.chk input{width:auto;margin-top:3px}
.cat-admin{border-bottom:1px solid var(--line2);padding:14px 0}
.cat-row{display:flex;gap:8px;align-items:center}
.cat-row input{background:#fff;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:9px 11px}
.cat-row-actions{display:flex;gap:6px;margin:8px 0}
.subcats{display:flex;flex-direction:column;gap:6px;padding-left:20px;margin-top:6px}
.subcat-row{display:flex;gap:8px;align-items:center}
.subcat-row input{flex:1;background:#fff;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 10px}
code{background:#f1f4f8;padding:2px 6px;border-radius:5px;font-size:12.5px}

@media(max-width:900px){
  .hide-sm{display:none}
  .item-layout{grid-template-columns:1fr}
  .item-side{position:static}
  .two-col,.settings-grid{grid-template-columns:1fr}
  .msg-layout{grid-template-columns:1fr}
  .msg-threads{max-height:none}
  .nav-search{order:4;flex-basis:100%;max-width:none}
  .admin-side{position:fixed;left:0;top:0;z-index:100;transform:translateX(-100%);transition:.2s;box-shadow:var(--sh-lg)}
  .admin-side.open{transform:none}
  .menu-toggle{display:block}
}

/* ---------- Ikona SVG: rreshtim ---------- */
svg.ic{display:inline-block;vertical-align:-.18em;flex:none}
.brand-ic svg{stroke:#fff}
.admin-brand .brand-ic{width:28px;height:28px;background:var(--accent);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:2px}
.admin-brand .brand-ic svg{stroke:#fff;vertical-align:0}
.nav-ico{display:inline-flex;align-items:center;justify-content:center}
.nav-link{display:inline-flex;align-items:center;gap:6px}
.cat-btn{display:inline-flex;align-items:center;gap:7px}
.nav-search button{display:flex;align-items:center;justify-content:center}
.btn svg.ic{vertical-align:-.2em}
.card-type{display:inline-flex;align-items:center;gap:5px}
.promo-badge{display:inline-flex;align-items:center;gap:4px}
.card-meta{display:flex;align-items:center;gap:6px;color:var(--faint)}
.card-meta svg.ic{color:var(--muted)}
.card-time{display:inline-flex;align-items:center;gap:5px}
.cat-chip,.subchip{display:inline-flex;align-items:center;gap:7px}
.cat-h{display:inline-flex;align-items:center;gap:8px}
.foot-cats a{display:inline-flex;align-items:center;gap:8px}
.foot-brand{display:inline-flex;align-items:center;gap:7px}
.cat-emoji{font-size:1.05em;line-height:1}
.thumb-ic svg.ic{opacity:.3;color:var(--muted)}
.stars{display:inline-flex;align-items:center;gap:1px;color:var(--star);vertical-align:-.15em;line-height:0}
.stars svg{display:block}
.verified{display:inline-flex;align-items:center;color:var(--brand);vertical-align:-.2em}
.aside-link .ic{display:inline-flex;align-items:center;justify-content:center}
.item-cat{display:flex;align-items:center;gap:7px}
.tag{display:inline-flex;align-items:center;gap:6px}
.desc-tags .tag svg.ic{color:var(--muted)}
.crumbs svg.ic{vertical-align:-.2em;color:var(--faint)}

/* ============================================================
   v4 — Porositë/fatura, Q&A, kërkime të ruajtura, të ngjashme
   ============================================================ */
/* Layout porosie */
.order-wrap{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}
.order-side{display:flex;flex-direction:column;gap:18px}
.invoice .inv-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}
.inv-brand{font-family:'Sora',sans-serif;font-weight:800;font-size:19px;color:var(--ink);display:flex;align-items:center;gap:7px}
.inv-brand svg{color:var(--accent)}
.inv-no{text-align:right}
.order-no{font-weight:800;font-size:16px;letter-spacing:.02em;color:var(--ink)}
/* Timeline statusi */
.order-track{display:flex;gap:6px;margin:6px 0 20px;counter-reset:step}
.otrack-step{flex:1;text-align:center;position:relative;color:var(--faint)}
.otrack-step .ot-dot{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;margin:0 auto 6px;background:#eef2f6;color:var(--muted);font-weight:700;font-size:13px;border:2px solid var(--line);position:relative;z-index:1}
.otrack-step::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}
.otrack-step:first-child::before{display:none}
.otrack-step .ot-lbl{font-size:11.5px;line-height:1.3;display:block;font-weight:600}
.otrack-step.done .ot-dot{background:var(--brand);border-color:var(--brand);color:#fff}
.otrack-step.done{color:var(--brand-600)}
.otrack-step.done::before{background:var(--brand)}
.otrack-step.now .ot-dot{box-shadow:0 0 0 4px var(--brand-050)}
/* Rreshti i sendit në faturë */
.inv-item{display:flex;gap:14px;align-items:center;padding:14px;background:var(--line2);border-radius:var(--r-sm);margin-bottom:16px}
.inv-thumb{width:62px;height:62px;border-radius:9px;overflow:hidden;flex:0 0 auto;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.inv-thumb img{width:100%;height:100%;object-fit:cover}
.inv-title{font-weight:700;color:var(--ink)}
.inv-title:hover{color:var(--brand-600)}
.inv-table{width:100%;border-collapse:collapse;font-size:14.5px}
.inv-table td{padding:9px 2px;border-bottom:1px solid var(--line2)}
.inv-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.inv-table .inv-total td{font-weight:800;font-size:16px;color:var(--ink);border-bottom:2px solid var(--line)}
.inv-table .inv-fee td{color:var(--red)}
.inv-table .inv-net td{font-weight:800;color:var(--ok)}
.radio-row{display:flex;align-items:center;gap:9px;padding:9px 0;font-weight:500;cursor:pointer}
.radio-row input{width:auto}
.order-actions .btn{margin-top:8px}
.btn-cancel{color:var(--red)!important}
/* Statuset e porosive */
.st-ord-pending{background:#fff6e0;color:#a9790b}
.st-ord-paid{background:#e7f0ff;color:#2155c6}
.st-ord-shipped{background:#ece6ff;color:#6a40c8}
.st-ord-completed{background:var(--brand-050);color:var(--brand-600)}
.st-ord-cancelled{background:#fdeaea;color:var(--red)}
.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:700}
.badge.b-buy{background:#e7f0ff;color:#2155c6}
.badge.b-sell{background:var(--accent-050);color:var(--accent-600)}
/* Q&A */
.qa-box .ask-form{margin-bottom:8px}
.qa-actions{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}
.qa-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.qa-item{border-top:1px solid var(--line2);padding-top:14px}
.qa-q,.qa-a{display:flex;gap:10px;align-items:flex-start}
.qa-a{margin:10px 0 0 14px;padding:10px 12px;background:var(--brand-050);border-radius:10px}
.qa-q p,.qa-a p{margin:4px 0 0}
.qa-badge{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.qa-badge.ans{background:var(--brand)}
.qa-answer{display:flex;gap:8px;margin:8px 0 0 14px}
.qa-answer input{flex:1}
.qa-pending{margin:6px 0 0 34px}
/* Kërkime të ruajtura */
.ss-wrap{display:flex;flex-direction:column;gap:8px}
.ss-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm)}
.ss-link{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.ss-link:hover{color:var(--brand-600)}
.ss-del{background:none;border:none;cursor:pointer;color:var(--faint);padding:4px;border-radius:6px}
.ss-del:hover{color:var(--red);background:#fdeaea}
#save-search svg{color:var(--accent)}
/* Sende të ngjashme */
.similar{margin-top:26px}
@media(max-width:860px){.order-wrap{grid-template-columns:1fr}}

/* v5 — Paneli i shitësit (analitika) */
.acc-head-btns{display:flex;gap:10px;flex-wrap:wrap}
.hbar-list{display:flex;flex-direction:column;gap:11px;margin-top:6px}
.hbar{display:grid;grid-template-columns:140px 1fr 44px;align-items:center;gap:10px}
.hbar-lbl{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbar-lbl:hover{color:var(--brand-600)}
.hbar-track{background:var(--line2);border-radius:20px;height:10px;overflow:hidden}
.hbar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--brand),var(--brand-600))}
.hbar-val{font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mini{background:var(--line2);border-radius:var(--r-sm);padding:14px}
.mini b{display:block;font-family:'Sora',sans-serif;font-size:24px;color:var(--ink);line-height:1}
.mini span{font-size:12.5px;color:var(--muted)}
@media(max-width:560px){.hbar{grid-template-columns:110px 1fr 38px}}

/* v6 — Faqja e dyqanit publik */
.store-head{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:16px;box-shadow:var(--sh)}
.store-cover{height:120px;background:linear-gradient(120deg,var(--ink),var(--brand-600) 85%);position:relative}
.store-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -20%,rgba(255,255,255,.18),transparent 60%)}
.store-main{display:flex;gap:18px;align-items:flex-end;padding:14px 24px 18px;position:relative;flex-wrap:wrap}
.store-av{width:92px;height:92px;border-radius:20px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:40px;font-weight:800;border:4px solid var(--card);box-shadow:var(--sh-md);flex:0 0 auto;margin-top:-58px}
.store-id{flex:1;min-width:200px;padding-bottom:2px}
.store-id h1{margin:0;display:flex;align-items:center;gap:8px}
.store-id .verified{color:var(--brand)}
.store-meta{margin-top:5px;font-size:14px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.store-bio{margin:8px 0 0;color:var(--muted);max-width:640px;font-size:14px}
.store-actions{display:flex;gap:10px;align-items:center;padding-bottom:4px;flex-wrap:wrap}
.follow-btn.on{color:var(--brand-600)}
.store-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.sstat{text-align:center;padding:14px 8px;border-right:1px solid var(--line)}
.sstat:last-child{border-right:none}
.sstat b{display:block;font-family:'Sora',sans-serif;font-size:22px;color:var(--ink);line-height:1.1}
.sstat span{font-size:12.5px;color:var(--muted)}
/* Tabs */
.store-tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:18px;overflow-x:auto}
.stab{padding:11px 16px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap}
.stab:hover{color:var(--ink)}
.stab.on{color:var(--brand-600);border-bottom-color:var(--brand)}
/* Përmbledhje vlerësimesh */
.rev-layout{align-items:start}
.rev-summary{display:flex;gap:20px;align-items:center}
.rev-big{text-align:center;flex:0 0 auto}
.rev-big b{display:block;font-family:'Sora',sans-serif;font-size:44px;color:var(--ink);line-height:1}
.rev-big .stars{display:block;margin:4px 0 2px}
.rev-bars{flex:1;display:flex;flex-direction:column;gap:6px}
.rev-bar{display:grid;grid-template-columns:28px 1fr 24px;align-items:center;gap:8px;font-size:13px}
.rb-l{color:var(--muted);font-weight:600}
.rb-track{background:var(--line2);border-radius:20px;height:8px;overflow:hidden}
.rb-fill{height:100%;background:var(--star);border-radius:20px}
.rb-n{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:560px){.store-stats{grid-template-columns:repeat(2,1fr)}.sstat:nth-child(2){border-right:none}}

/* ============================================================
   v8 — Reklamat (banderola, karta të sponsorizuara, faqja Reklamo)
   ============================================================ */
.ad-banner{position:relative;display:block;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--card);box-shadow:var(--sh)}
.ad-banner img{display:block;width:100%;height:auto}
.ad-leader{margin-bottom:18px;max-height:160px}
.ad-leader img{object-fit:cover;max-height:160px}
.ad-box{margin-bottom:18px}
.ad-flag{position:absolute;top:8px;left:8px;background:rgba(11,42,47,.82);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:6px;z-index:2;text-transform:uppercase}
.ad-fallback{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:110px;padding:20px;background:linear-gradient(120deg,var(--ink),var(--brand-600));color:#fff;text-align:center}
.ad-fallback b{font-family:'Sora',sans-serif;font-size:19px}
.ad-fallback small{opacity:.85}
.ad-card{position:relative;outline:1px solid var(--accent-050)}
.ad-card .ad-flag{background:var(--accent)}
/* Admin: reklamat */
.form-row{display:flex;gap:12px;flex-wrap:wrap}
.form-row>label{flex:1;min-width:140px}
.ad-preview{margin:4px 0}
.ad-preview img{max-width:100%;max-height:120px;border-radius:8px;border:1px solid var(--line)}
.ad-row{display:flex;gap:10px;align-items:center}
.ad-thumb{width:52px;height:34px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:0 0 auto}
.ads-layout{align-items:start}
/* Faqja publike Reklamo */
.promo-hero{text-align:center;background:linear-gradient(135deg,var(--ink),var(--brand-600));color:#fff;border:none}
.promo-hero h1{color:#fff;font-size:30px}
.promo-hero .lead{max-width:620px;margin:6px auto 18px;opacity:.92;font-size:16px}
.promo-hero-stats{display:flex;gap:30px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}
.promo-hero-stats b{display:block;font-family:'Sora',sans-serif;font-size:26px}
.promo-hero-stats span{opacity:.8;font-size:13px}
.sec-title{margin:24px 0 12px}
.adpkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}
.adpkg{text-align:center}
.adpkg-ic{width:52px;height:52px;border-radius:14px;background:var(--brand-050);color:var(--brand-600);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.adpkg-size{margin-top:10px;display:inline-flex;align-items:center;gap:6px;background:var(--line2);border-radius:20px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.check-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.check-list li{display:flex;gap:10px;align-items:flex-start}
.check-list svg{color:var(--ok);flex:0 0 auto;margin-top:2px}
.contact-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap}
.cta-links{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.adpkg-grid{grid-template-columns:1fr}}

/* v8 — PWA ftesa e instalimit + logo white-label */
.pwa-install{position:fixed;left:12px;right:12px;bottom:12px;z-index:200;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--sh-lg);max-width:460px;margin:0 auto}
.pwa-install span{flex:1;font-size:14px;font-weight:500}
.pwa-install .pwa-yes{background:var(--accent);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-weight:700;cursor:pointer}
.pwa-install .pwa-no{background:transparent;color:#fff;border:none;font-size:16px;cursor:pointer;opacity:.7;padding:4px 8px}
.brand-logo{height:30px;width:auto;display:block;border-radius:6px}