/* Ofrojmë.com — stil kryesor (ngjyrat e Kosovës) */
:root{
  --blue:#244AA5; --blue-dark:#1a3878; --blue-soft:#eaf0fb;
  --gold:#D0A650; --gold-dark:#b18c3c;
  --ink:#12172a; --muted:#5f6880; --line:#e3e7ef; --bg:#f6f8fc; --card:#fff;
  --ok:#1e7a4b; --warn:#a86b12; --err:#b3261e;
  --r:12px; --shadow:0 2px 10px rgba(18,23,42,.07);
  --font:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55}
img{max-width:100%;display:block}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1200px,100% - 32px);margin-inline:auto}
.muted{color:var(--muted)}
.hidden-form{display:none}
h1,h2,h3,h4{line-height:1.25;margin:0 0 .5em}
.h-sm{font-size:1.15rem;margin-top:1.2rem}
.page-title{margin:1.5rem 0}
.section{margin:2.5rem 0}
.section-title{font-size:1.35rem}
.section-head{display:flex;justify-content:space-between;align-items:baseline}
.empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--r);padding:2rem;text-align:center;color:var(--muted)}
.empty-state{text-align:center;padding:4rem 1rem}

/* Header */
.site-header{background:var(--blue);color:#fff;box-shadow:var(--shadow)}
.header-inner{display:flex;gap:16px;align-items:center;padding:14px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:1.25rem}
.logo:hover{text-decoration:none}
.logo-mark{width:34px;height:34px;border-radius:9px;background:var(--gold);color:#1a1a1a;display:grid;place-items:center;font-weight:800}
.header-search{display:flex;flex:1;min-width:280px;gap:0;background:#fff;border-radius:10px;overflow:hidden}
.header-search input,.header-search select{border:0;padding:11px 12px;font:inherit;min-width:0;flex:1}
.header-search select{flex:0 0 auto;border-left:1px solid var(--line);background:#fff}
.header-search button{border:0;background:var(--gold);color:#1a1a1a;font-weight:700;padding:0 20px;cursor:pointer}
.header-search button:hover{background:var(--gold-dark)}
.header-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nav-link{color:#fff;font-weight:600;font-size:.95rem}
.badge{background:var(--gold);color:#1a1a1a;border-radius:999px;padding:1px 7px;font-size:.75rem;font-weight:700}
.subnav{background:var(--blue-dark)}
.subnav-inner{display:flex;gap:18px;overflow-x:auto;padding:9px 0}
.subnav-inner a{color:#dce4f7;font-size:.9rem;white-space:nowrap}
.site-banner{margin-top:12px;background:#fff8e6;border:1px solid var(--gold);border-radius:var(--r);padding:10px 14px}

/* Buttons */
.btn{display:inline-block;border:1px solid transparent;border-radius:10px;padding:9px 16px;font-weight:600;font-size:.95rem;cursor:pointer;background:#fff;color:var(--ink);font-family:inherit}
.btn:hover{text-decoration:none;filter:brightness(.97)}
.btn-accent{background:var(--gold);color:#1a1a1a}
.btn-primary{background:var(--blue);color:#fff}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--blue)}
.btn-danger{background:#fdecea;color:var(--err);border-color:#f5c6c2}
.btn-lg{padding:12px 22px;font-size:1.02rem}
.btn-xs{padding:4px 9px;font-size:.8rem;border:1px solid var(--line)}
.btn-block{display:block;width:100%;text-align:center;margin-top:8px}
.link.block{display:block;text-align:center;margin-top:8px;font-size:.9rem}

/* Alerts */
.alert{border-radius:var(--r);padding:11px 14px;margin:14px 0;border:1px solid}
.alert-success{background:#e8f6ee;border-color:#b7e0c8;color:var(--ok)}
.alert-error{background:#fdecea;border-color:#f5c6c2;color:var(--err)}
.alert-warning{background:#fff6e5;border-color:#f0d9a8;color:var(--warn)}
.alert-info{background:var(--blue-soft);border-color:#c5d6f5;color:var(--blue-dark)}

/* Hero */
.hero{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;border-radius:0 0 24px 24px;padding:52px 0 46px;margin-bottom:8px}
.hero-text{width:min(1200px,100% - 32px);margin-inline:auto;max-width:760px}
.hero h1{font-size:clamp(1.8rem,4vw,2.7rem);margin-bottom:.3em}
.hero p{color:#dbe4f8;font-size:1.05rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 10px}
.hero-stat{color:#f0e2bf;font-size:.95rem}
.hero-stat strong{color:var(--gold)}

/* Categories */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.cat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);color:var(--ink)}
.cat-card:hover{border-color:var(--blue);text-decoration:none;transform:translateY(-2px);transition:.15s}
.cat-name{font-weight:700}
.cat-count{color:var(--muted);font-size:.85rem}

/* Listings */
.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.listing-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.listing-card:hover{border-color:var(--blue)}
.listing-thumb{display:block;position:relative;aspect-ratio:4/3;background:var(--blue-soft)}
.listing-thumb img{width:100%;height:100%;object-fit:cover}
.no-photo{display:grid;place-items:center;height:100%;color:var(--muted);font-size:.85rem}
.no-photo.sm{width:64px;height:64px;background:var(--blue-soft);border-radius:8px}
.tag-featured{position:absolute;top:8px;left:8px;background:var(--gold);color:#1a1a1a;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}
.listing-body{padding:12px;display:flex;flex-direction:column;gap:4px}
.listing-title{font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.listing-price{color:var(--blue);font-weight:800}
.listing-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}

/* Search layout */
.search-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;margin:22px 0}
body.page-search .header-nav{display:none}
.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;height:fit-content;box-shadow:var(--shadow);position:relative}
.filter-toggle{display:none}
.filter-toggle-label{display:none}
.filters-body{display:block}
.filters-body h3{margin-top:0}
.results-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.results-tools{display:flex;gap:12px;align-items:center}
.pagination{display:flex;gap:6px;justify-content:center;margin:26px 0}
.pagination a{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px}
.pagination a.active{background:var(--blue);color:#fff;border-color:var(--blue)}

/* Forms */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);margin-bottom:18px}
.form label{display:block;margin-bottom:14px;font-weight:600;font-size:.9rem}
.form input,.form select,.form textarea,.filters input,.filters select,.sort-form select,.admin-filter input,.admin-filter select{
  width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;margin-top:5px;background:#fff;color:var(--ink)}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--blue);border-color:var(--blue)}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.check{display:flex;align-items:center;gap:8px;font-weight:500}
.check input{width:auto;margin:0}
.auth-wrap{display:grid;place-items:center;padding:36px 0}
.auth-card{width:min(460px,100%)}
.auth-links{display:flex;justify-content:space-between;margin-top:14px;font-size:.9rem}
.img-manage{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:16px}
.img-item{font-size:.8rem;font-weight:500}
.img-item img{border-radius:8px;aspect-ratio:1;object-fit:cover}
.save-search{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}

/* Listing detail */
.breadcrumb{margin:16px 0;font-size:.88rem;color:var(--muted)}
.detail-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;margin-bottom:30px}
.detail-main,.detail-side>*{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.detail-main{padding:20px}
.gallery-stage{position:relative}
.gallery-fav{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:999px;border:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(0,0,0,.18);color:#20304d;cursor:pointer;transition:transform .15s ease,background .15s ease}
.gallery-fav:hover{transform:scale(1.06);background:rgba(255,255,255,.92)}
.gallery-fav .heart{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
.gallery-fav.is-fav{color:#e0203c}
.gallery-fav.is-fav .heart{fill:#e0203c;stroke:#e0203c}
@media(max-width:640px){.gallery-fav{top:8px;right:8px;width:36px;height:36px}}
.gallery-main{width:100%;max-height:460px;object-fit:contain;background:#0d1424;border-radius:10px}
.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;margin-top:10px}
.gallery-thumbs img{width:84px;height:64px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent}
.gallery-thumbs img:hover{border-color:var(--gold)}
.gallery-empty{background:var(--blue-soft);border-radius:10px;padding:60px;text-align:center;color:var(--muted)}
.detail-title{margin-top:16px}
.detail-price{font-size:1.6rem;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:10px}
.detail-facts{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.detail-facts li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:6px 0;font-size:.9rem}
.detail-facts span{color:var(--muted)}
.detail-desc{white-space:normal}
.report-box{margin-top:20px;font-size:.9rem}
.report-box summary{cursor:pointer;color:var(--muted)}
.report-box select,.report-box textarea{width:100%;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:9px;font:inherit}
.detail-side>*{padding:18px;margin-bottom:16px}
.seller-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;text-transform:uppercase}
.avatar-lg{width:70px;height:70px;font-size:1.6rem}
.seller-name{font-weight:700}
.contact-form textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;font:inherit}
.safety-box ul{padding-left:18px;color:var(--muted);font-size:.88rem;margin:0}
.pill{display:inline-block;background:var(--blue-soft);color:var(--blue-dark);border-radius:999px;padding:2px 10px;font-size:.76rem;font-weight:700}
.pill-active{background:#e8f6ee;color:var(--ok)}
.pill-pending{background:#fff6e5;color:var(--warn)}
.pill-rejected,.pill-deleted,.pill-suspended{background:#fdecea;color:var(--err)}
.pill-featured{background:#fdf3dd;color:var(--gold-dark)}
.profile-head{display:flex;gap:18px;align-items:center;margin-top:20px}
.prose h1{margin-top:0}

/* Account */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:20px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;color:var(--muted);font-size:.86rem;box-shadow:var(--shadow)}
.stat span{display:block;font-size:1.7rem;font-weight:800;color:var(--blue)}
a.stat:hover{border-color:var(--blue);text-decoration:none}
.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tabs a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.88rem;color:var(--ink)}
.tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.table{width:100%;border-collapse:collapse;font-size:.9rem}
.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.table th{background:var(--blue-soft);color:var(--blue-dark);font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}
.cell-listing{display:flex;align-items:center;gap:10px}
.cell-listing img{border-radius:8px;object-fit:cover}
.cell-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cell-actions form{margin:0}
.cell-actions select{padding:4px 6px;border:1px solid var(--line);border-radius:7px;font-size:.8rem}
.list-cards{list-style:none;padding:0;margin:0}
.list-cards li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}

/* Messages */
.thread-list{list-style:none;padding:0;margin:0}
.thread-list li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px}
.thread-list li.unread{border-color:var(--gold);background:#fffdf6}
.thread-list a{display:flex;gap:14px;align-items:center;padding:12px 16px;color:var(--ink)}
.thread-list a:hover{text-decoration:none}
.thread-list img{border-radius:8px;object-fit:cover}
.thread-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.thread-last{color:var(--muted);font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:.8rem}
.thread-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.chat{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.msg{max-width:70%;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.msg.mine{align-self:flex-end;background:var(--blue);color:#fff;border-color:var(--blue)}
.msg.mine .msg-meta{color:#cfdcfa}
.msg-meta{font-size:.75rem;color:var(--muted);margin-top:4px}
.chat-form{display:flex;gap:10px;align-items:flex-start}
.chat-form textarea{flex:1;padding:10px;border:1px solid var(--line);border-radius:9px;font:inherit}

/* Footer */
.site-footer{background:var(--blue-dark);color:#dbe4f8;margin-top:50px;padding:34px 0 18px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.footer-grid h4{color:#fff;margin-bottom:8px}
.footer-grid a{display:block;color:#dbe4f8;font-size:.92rem;margin-bottom:5px}
.site-footer .muted{color:#a9b8dc}
.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:22px;padding-top:14px;font-size:.85rem;color:#a9b8dc}

/* Admin */
.admin-body{background:#eef1f7}
.admin-body{background:#f4f6fb}
.admin-shell{display:grid;grid-template-columns:262px 1fr;min-height:100vh}
.admin-sidebar{background:linear-gradient(180deg,#1b3576 0%,var(--blue-dark) 55%,#132a5e 100%);color:#fff;padding:20px 14px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh;overflow-y:auto}
.admin-sidebar .logo{color:#fff}
.admin-sidebar nav{display:flex;flex-direction:column;gap:2px}
.admin-nav-group{margin:14px 12px 4px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.admin-sidebar nav a{color:#dbe4f8;padding:9px 12px;border-radius:10px;font-size:.92rem;display:flex;align-items:center;gap:10px;transition:background .15s,transform .15s}
.admin-sidebar nav a .ico{width:20px;text-align:center;opacity:.9}
.admin-sidebar nav a:hover{background:rgba(255,255,255,.12);text-decoration:none;transform:translateX(2px)}
.admin-sidebar nav a.is-active{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 3px 0 0 var(--gold);font-weight:600}
.admin-sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:.85rem;border-top:1px solid rgba(255,255,255,.15);padding-top:12px}
.admin-sidebar-footer a{color:var(--gold)}
.admin-main{min-width:0;display:flex;flex-direction:column}
.admin-content{padding:22px 26px;min-width:0}
.admin-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:14px 26px;gap:12px;flex-wrap:wrap}
.admin-header h1{margin:0;font-size:1.32rem}
.admin-crumb{margin:2px 0 0;font-size:.78rem}
.admin-user{display:flex;align-items:center;gap:10px;font-size:.85rem}
.admin-user em{display:block;font-style:normal;font-size:.75rem;text-transform:capitalize}
.admin-avatar{width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800}
.adm-burger{display:none;font-size:1.4rem;cursor:pointer;padding:4px 10px;border:1px solid var(--line);border-radius:10px}
.admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:20px}
.admin-cards .stat{display:flex;flex-direction:column;gap:4px;border-radius:16px;padding:18px}
.stat-n{font-size:1.8rem;font-weight:800;color:var(--blue);line-height:1.1}
.stat-l{font-size:.83rem;color:var(--muted)}
.admin-filter{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.admin-filter input,.admin-filter select{width:auto;min-width:180px;margin:0}
.bulk-bar{display:flex;gap:10px;margin-bottom:12px;align-items:center}
.bulk-bar select{padding:8px;border:1px solid var(--line);border-radius:9px}
.two-col{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}
.cat-admin-list,.cat-admin-list ul{list-style:none;padding-left:0}
.cat-admin-list ul{padding-left:18px;margin-top:6px}
.cat-admin-list li{padding:5px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.cat-admin-list form{margin:0 0 0 auto}
.bars{display:flex;gap:8px;align-items:flex-end;height:170px}
.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}
.bar div{width:100%;background:linear-gradient(180deg,var(--blue) 0%,var(--gold) 160%);border-radius:6px 6px 0 0}
.bar span{font-size:.68rem;color:var(--muted)}

@media (max-width:980px){
  .search-layout,.detail-layout,.two-col{grid-template-columns:1fr}
  .filters{padding:0}
  .filter-toggle-label{display:block;cursor:pointer;font-weight:700;padding:14px 16px;margin:0;position:relative;user-select:none;background:var(--card);border-radius:var(--r);border:1px solid var(--line)}
  .filter-toggle-label::after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
  .filter-toggle:checked ~ .filter-toggle-label::after{transform:translateY(-30%) rotate(225deg)}
  .filter-toggle:not(:checked) ~ .filters-body{display:none}
  .filters-body{padding:0 16px 16px;border-top:1px solid var(--line)}
  .filters-body .save-search{padding-top:12px;border-top:1px solid var(--line);margin-top:12px}
  .admin-shell{grid-template-columns:1fr}
  .admin-sidebar{position:fixed;inset:0 auto 0 0;width:262px;transform:translateX(-100%);transition:transform .2s;z-index:60;height:100vh}
  .adm-nav-toggle:checked ~ .admin-sidebar{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.4)}
  .adm-burger{display:block}
  .admin-content{padding:16px}
  .admin-header{padding:12px 16px}
}
@media (max-width:640px){
  .header-inner{gap:10px}
  .header-nav{display:none}
  .listing-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .msg{max-width:88%}
}


/* ---------- Mobile nav + haptik/polish (si te eBay Kleinanzeigen) ---------- */
:root{ --radius-lg:14px; --shadow-soft:0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.07); }
*{ -webkit-tap-highlight-color: rgba(36,74,165,.12); }
body{ overscroll-behavior-y:contain; }
img{ background:transparent; }
.logo-img{ background:transparent !important; }

.card, .listing-card{ border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); transition:transform .16s ease, box-shadow .16s ease; }
.listing-card:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(16,24,40,.12); }
.listing-card:active{ transform:scale(.985); }
.btn{ transition:transform .12s ease, filter .16s ease, background .16s ease; }
.btn:active{ transform:scale(.96); }
a, button, select, input{ touch-action:manipulation; }

.code-block{ background:#0f172a; color:#e2e8f0; padding:.75rem 1rem; border-radius:10px; overflow-x:auto; font-size:.85rem; }
.table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

.mobile-nav{ display:none; }
@media (max-width:820px){
  .mobile-nav{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:60;
    background:#fff; border-top:1px solid #e6e9f0;
    padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));
    box-shadow:0 -2px 16px rgba(16,24,40,.08);
  }
  .mn-item{ flex:1; display:flex; flex-direction:column; align-items:center; gap:.15rem;
    font-size:.68rem; color:#5b6478; text-decoration:none; padding:.35rem .1rem; border-radius:10px; }
  .mn-item:active{ background:#f1f4fa; transform:scale(.95); }
  .mn-ic{ font-size:1.15rem; line-height:1; }
  .mn-cta{ justify-content:flex-end; }
  .mn-cta .mn-ic{ position:relative; background:var(--gold,#D0A650); color:#fff; width:38px; height:38px; border-radius:50%;
    display:block; font-size:0; line-height:0; margin:-16px 0 4px; box-shadow:0 4px 10px rgba(208,166,80,.45); }
  .mn-cta .mn-ic::before, .mn-cta .mn-ic::after{ content:""; position:absolute; top:50%; left:50%;
    background:#fff; border-radius:2px; transform:translate(-50%,-50%); }
  .mn-cta .mn-ic::before{ width:16px; height:2.5px; }
  .mn-cta .mn-ic::after{ width:2.5px; height:16px; }
  body{ padding-bottom:70px; }
  .site-footer{ padding-bottom:80px; }
  .header-search{ flex-wrap:wrap; }
  .header-search select{ display:none; }
  .listing-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }
  .listing-card h3, .listing-card .title{ font-size:.9rem; line-height:1.25; }
}
@media (max-width:400px){ .listing-grid{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; animation:none !important; } }

/* ---------- Shitesit, qytetet, reklamat ---------- */
.seller-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.seller-card{display:flex;gap:12px;align-items:center;background:var(--surface,#fff);border:1px solid var(--line,#e6e8ef);border-radius:14px;padding:12px 14px;text-decoration:none;color:inherit;transition:.15s}
.seller-card:hover{border-color:var(--brand,#244AA5);box-shadow:0 6px 20px rgba(36,74,165,.10);transform:translateY(-2px)}
.seller-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#eef1f8}
.stars{color:#D0A650;letter-spacing:1px}
.pill-biz{background:#244AA5;color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;margin-left:6px}
.ad-slot{margin:18px 0;text-align:center}
.ad-slot img{max-width:100%;height:auto;border-radius:14px}
.error-page{text-align:center;padding:70px 16px}
.error-page .error-code{font-size:72px;font-weight:800;color:var(--brand,#244AA5);line-height:1}
.error-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}

/* ---------- Admin UI ---------- */
.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:16px}
.admin-grid-2 .card{background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:16px}
.bars{display:flex;align-items:flex-end;gap:3px;height:140px;padding-top:10px}
.bars .bar{flex:1;background:#244AA5;border-radius:4px 4px 0 0;min-height:4px}
.bars .bar-gold{background:#D0A650}
.table-compact td{padding:6px 8px;font-size:14px}
.table-compact .num,.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.form-grid .full{grid-column:1/-1}
.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.form-grid input,.form-grid select,.form-grid textarea{padding:9px 11px;border:1px solid #d7dbe6;border-radius:10px;font:inherit;font-weight:400}
.form-grid label.check{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.admin-thread{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto}
.admin-msg{border:1px solid #e6e8ef;border-radius:12px;padding:10px 12px;background:#fbfcff}
.admin-msg header{display:flex;gap:8px;font-size:13px;margin-bottom:4px}
.admin-images{display:flex;flex-wrap:wrap;gap:10px}
.admin-image{display:flex;flex-direction:column;gap:4px;font-size:12px}
.admin-image img{width:120px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #e6e8ef}
.tool-actions{display:flex;flex-direction:column;gap:10px}
.tool-actions form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inline-form{display:contents}
@media (max-width:720px){
  .admin-grid-2{grid-template-columns:1fr}
  .seller-grid{grid-template-columns:1fr}
}

/* ==================================================================
   Zemra, sugjerime, toast, rreshta horizontale — ndjesi si eBay-K
================================================================== */
.listing-card { position: relative; }

.fav-btn {
  position: absolute; top: 8px; right: 8px; z-index: 3;
  width: 38px; height: 38px; border-radius: 50%;
  border: none; cursor: pointer;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 2px 8px rgba(16, 24, 40, .18);
  display: flex; align-items: center; justify-content: center;
  transition: transform .15s ease, background .15s ease;
  -webkit-tap-highlight-color: transparent;
}
.fav-btn svg { width: 20px; height: 20px; fill: none; stroke: #55617a; stroke-width: 1.9; }
.fav-btn:hover { transform: scale(1.08); }
.fav-btn:active { transform: scale(.92); }
.fav-btn.is-fav svg { fill: #e0203c; stroke: #e0203c; }
.fav-btn.pop, .fav-toggle.pop { animation: favPop .32s ease; }
@keyframes favPop { 0% { transform: scale(1); } 45% { transform: scale(1.25); } 100% { transform: scale(1); } }

.fav-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; }
.fav-toggle .heart { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; }
.fav-toggle.is-fav { color: #e0203c; border-color: #e0203c; }
.fav-toggle.is-fav .heart { fill: #e0203c; stroke: #e0203c; }

.tag-photos {
  position: absolute; left: 8px; bottom: 8px;
  background: rgba(17, 24, 39, .72); color: #fff;
  font-size: .74rem; padding: 2px 7px; border-radius: 999px;
}
.price-note { font-size: .74rem; font-weight: 500; color: #6b7280; margin-left: 6px; }

/* Rresht horizontal me rrëshqitje (të parat së fundmi) */
.listing-row {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, 1fr);
  gap: 14px; overflow-x: auto; padding-bottom: 6px;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
}
.listing-row > .listing-card { scroll-snap-align: start; }
.listing-row::-webkit-scrollbar { height: 6px; }
.listing-row::-webkit-scrollbar-thumb { background: #d5dae6; border-radius: 99px; }

/* Sugjerimet e kërkimit */
.header-search { position: relative; }
.suggest-box {
  display: none; position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 60;
  background: #fff; border: 1px solid #e3e7ef; border-radius: 12px; overflow: hidden;
  box-shadow: 0 14px 34px rgba(16, 24, 40, .16); max-height: 380px; overflow-y: auto;
}
.suggest-box.open { display: block; }
.suggest-box .sg {
  display: flex; justify-content: space-between; gap: 10px; align-items: center;
  padding: 10px 14px; color: #1f2937; text-decoration: none; font-size: .92rem;
  border-bottom: 1px solid #f1f3f8;
}
.suggest-box .sg:hover { background: #f5f7fc; }
.suggest-box .sg em { color: #8a93a5; font-style: normal; font-size: .78rem; white-space: nowrap; }
.suggest-box .sg-cat { font-weight: 600; color: #244AA5; }

/* Toast */
.toast {
  position: fixed; left: 50%; bottom: 84px; transform: translate(-50%, 20px);
  background: #111827; color: #fff; padding: 11px 18px; border-radius: 999px;
  font-size: .9rem; opacity: 0; pointer-events: none; z-index: 200;
  transition: opacity .2s ease, transform .2s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.toast-warn { background: #b42318; }
.toast-ok { background: #14532d; }

.small { font-size: .82rem; }

@media (max-width: 640px) {
  .fav-btn { width: 34px; height: 34px; }
  .listing-row { grid-auto-columns: 64%; }
  .toast { bottom: 96px; width: max-content; max-width: 88vw; }
}

.badge { display:inline-block; padding:2px 9px; border-radius:999px; font-size:.76rem; font-weight:600; }
.badge-ok { background:#e6f6ec; color:#14532d; }
.badge-bad { background:#fdecea; color:#b42318; }

/* ---- Admin bar në faqen e shpalljes ---- */
.admin-bar { background: #0f172a; color: #fff; border-radius: 14px; padding: 12px 14px; margin: 0 0 16px; }
.admin-bar-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.admin-bar-tag { background: #D0A650; color: #1b1b1b; font-weight: 800; font-size: .72rem; padding: 3px 9px; border-radius: 999px; letter-spacing: .04em; }
.admin-bar-head .muted { color: #cbd5e1 !important; }
.admin-bar-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.admin-bar-actions form { display: flex; gap: 6px; align-items: center; margin: 0; }
.admin-bar-actions .btn-ghost { background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.2); }
.admin-bar-actions .btn-ghost:hover { background: rgba(255,255,255,.18); }
.admin-bar-input { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); color: #fff; border-radius: 8px; padding: 6px 9px; font: inherit; font-size: .84rem; width: 120px; }
.admin-bar-input::placeholder { color: #94a3b8; }
.btn-sm { padding: 6px 11px; font-size: .84rem; }

/* ---- Chips + veprime të shpejta ---- */
.quick-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 12px; }
.chip { display: inline-flex; align-items: center; gap: 6px; background: #f2f5fa; border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; font-size: .85rem; font-weight: 600; color: #26324a; }
a.chip-link { text-decoration: none; transition: background .15s ease, transform .15s ease; }
a.chip-link:hover { background: #e4ecfb; transform: translateY(-1px); }
.quick-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.quick-actions .fav-toggle.is-fav { background: #fdecef; border-color: #f6c9d2; color: #b42318; }

/* ---- Paneli i detajeve sipas kategorisë ---- */
.spec-panel { border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; margin: 4px 0 20px; background: #fff; }
.spec-panel-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.spec-panel-head h2 { margin: 0; }
.spec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.spec-item { display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; background: #f8fafc; border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; transition: box-shadow .15s ease, transform .15s ease; }
.spec-item:hover { box-shadow: 0 6px 18px rgba(36,74,165,.10); transform: translateY(-1px); }
.spec-ico { grid-row: 1 / span 2; font-size: 1.25rem; }
.spec-label { color: var(--muted); font-size: .76rem; text-transform: uppercase; letter-spacing: .03em; }
.spec-value { font-size: .98rem; }
.fact-more { margin: 0 0 20px; }
.fact-more > summary { cursor: pointer; font-weight: 600; color: var(--blue); font-size: .9rem; }
.fact-more .detail-facts { margin-top: 10px; }

@media (max-width: 640px) {
  .spec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quick-actions .btn { flex: 1 1 45%; }
  .admin-bar-actions .btn { flex: 1 1 auto; }
}

/* ---------- Onboarding / regjistrimi ---------- */
.onb-split{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start;padding:28px 0;max-width:1000px;margin:0 auto}
.onb-side{background:linear-gradient(160deg,var(--blue),#16306e);color:#fff;border-radius:16px;padding:26px}
.onb-side h2{margin:10px 0 8px;font-size:1.45rem;line-height:1.25}
.onb-side .muted{color:rgba(255,255,255,.78)}
.onb-badge{display:inline-block;background:var(--gold,#D0A650);color:#1b1b1b;font-weight:700;font-size:.75rem;padding:4px 10px;border-radius:999px}
.onb-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.onb-list li{background:rgba(255,255,255,.10);border-radius:10px;padding:10px 12px;font-size:.92rem}
.onb-list b{color:var(--gold,#D0A650);margin-right:6px}
.onb-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:.8rem;opacity:.9}
.onb-trust span{background:rgba(255,255,255,.12);padding:5px 9px;border-radius:8px}
.onb-form{width:100%;max-width:none}
.onb-steps{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.onb-step{flex:1;min-width:90px;text-align:center;font-size:.75rem;font-weight:700;color:#7b8496;padding:7px 6px;border-radius:8px;background:#f1f3f8}
.onb-step.is-on{background:var(--blue);color:#fff}
.onb-choice{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.onb-choice legend{font-weight:700;font-size:.9rem;margin-bottom:8px}
.choice{display:block;border:1.5px solid #d7dbe6;border-radius:12px;padding:10px 12px;cursor:pointer;transition:.15s}
.choice:has(input:checked){border-color:var(--blue);background:#eef3ff}
.choice input{margin-right:8px}
.choice span{display:inline-block}
.choice small{display:block;color:#7b8496;font-weight:400;font-size:.78rem}
.captcha-box{background:#fffaf0;border:1.5px dashed var(--gold,#D0A650);border-radius:12px;padding:12px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.pw-hint.is-ok{color:#177245}
.pw-hint.is-weak{color:#b3261e}

/* ---------- Faqja "Mirë se erdhe" ---------- */
.welcome-hero{text-align:center;padding:28px 20px}
.welcome-hero h1{margin:10px 0 6px}
.progress{height:9px;border-radius:999px;background:#e9ecf3;overflow:hidden;margin:16px auto 6px;max-width:460px}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--gold,#D0A650));transition:width .5s}
.welcome-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}
.welcome-step{display:block;padding:18px;text-decoration:none;color:inherit;transition:.15s;border:1.5px solid transparent}
.welcome-step:hover{transform:translateY(-2px);border-color:var(--blue)}
.welcome-step.is-done{background:#f2fbf5;border-color:#bfe6cd}
.ws-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;margin-bottom:10px}
.welcome-step.is-done .ws-num{background:#177245}
.welcome-step small{display:block;color:#7b8496;margin-top:6px}
.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.tip{padding:14px}.tip small{display:block;color:#7b8496;margin-top:5px}
.welcome-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:22px 0}

/* ---------- Publikimi i shpalljes ---------- */
.post-wrap{max-width:820px;margin:0 auto}
.post-lead{margin:-6px 0 14px}
.post-progress{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.pp-step{flex:1;min-width:110px;text-align:center;font-size:.76rem;font-weight:700;color:#7b8496;background:#f1f3f8;padding:8px;border-radius:8px}
.pp-step.is-on{background:var(--blue);color:#fff}
.post-sec{border-top:1px solid #eceef4;padding-top:16px;margin-top:16px}
.post-sec:first-of-type{border-top:0;margin-top:0;padding-top:0}
.post-sec-title{display:flex;align-items:center;gap:9px;font-size:1.05rem;margin:0 0 12px}
.post-sec-title span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;font-size:.85rem}
.drop-label input[type=file]{margin-top:6px}
.img-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:10px 0}
.img-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid #e3e6ee}
.post-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}

/* ---------- Profili ---------- */
.acc-type{border:0;padding:0;margin:0 0 14px}
.prose h2{margin-top:22px;font-size:1.12rem}
.prose ul{padding-left:20px}
.prose li{margin:4px 0}

@media (max-width:860px){
  .onb-split{grid-template-columns:1fr;padding:14px 0}
  .onb-side{order:2}
  .onb-choice{grid-template-columns:1fr}
}

/* ---- Register wizard ---- */
.wiz-wrap{max-width:560px;margin:0 auto;padding:26px 0 40px}
.wiz-head{text-align:center;margin-bottom:16px}
.wiz-head h1{margin:10px 0 6px;font-size:1.6rem}
.wiz{padding:22px 22px 18px;text-align:left}
.wiz-progress{margin-bottom:18px}
.wiz-bar{height:8px;border-radius:999px;background:#eef1f6;overflow:hidden}
.wiz-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--gold,#D0A650));transition:width .35s cubic-bezier(.4,0,.2,1)}
.wiz-count{margin-top:7px;font-size:.78rem;color:#7b8496;text-align:right}
.wiz-step{display:none;animation:wizIn .28s ease}
.wiz-step.is-on{display:block}
@keyframes wizIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wiz-step h2{margin:0 0 4px;font-size:1.18rem}
.wiz-step .muted{margin:0 0 14px;font-size:.88rem}
.wiz-step label{display:block;margin-bottom:12px;font-weight:600;font-size:.9rem}
.wiz-step input[type=text],.wiz-step input[type=email],.wiz-step input[type=tel],.wiz-step input[type=password],.wiz-step select{width:100%;margin-top:6px;padding:12px 13px;border:1px solid #d8dde7;border-radius:10px;font-size:1rem;background:#fff;transition:border-color .15s,box-shadow .15s}
.wiz-step input:focus,.wiz-step select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,74,165,.14)}
.wiz-step label.check,.wiz-step .choice{font-weight:500}
.wiz-nav{display:flex;gap:10px;align-items:center;margin-top:8px}
.wiz-nav .btn-accent{flex:1}
.wiz-nav .btn-ghost{background:#f1f3f8;color:#43506a;border:0}
.wiz-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:.78rem;color:#6b7488}
.wiz-trust span{background:#f1f3f8;padding:5px 10px;border-radius:8px}
.wiz .auth-links{text-align:center;margin-top:12px}
@media(max-width:640px){.wiz-wrap{padding:14px 0 30px}.wiz{padding:18px 15px}}

/* --- fix hidden buttons --- */
[hidden]{display:none !important}

/* --- post wizard --- */
.post-wrap{max-width:840px;margin:0 auto}
.post-lead{margin-bottom:14px}
.post-form{padding:22px}
.post-sec{display:none;animation:wizIn .28s ease;border-top:0;margin:0;padding:0}
.post-sec.is-on{display:block}
.post-progress{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.pp-step{flex:1;min-width:120px;font-size:.8rem;font-weight:600;color:#8a93a6;background:#f1f3f8;border-radius:999px;padding:8px 12px;text-align:center;transition:.2s}
.pp-step.is-on{background:var(--blue);color:#fff}
.pp-step.is-done{background:#e6ecfb;color:var(--blue)}
.post-form label{display:block;margin-bottom:14px;font-weight:600;font-size:.9rem}
.post-form input[type=text],.post-form input[type=number],.post-form select,.post-form textarea{width:100%;margin-top:6px;padding:12px 13px;border:1px solid #d8dde7;border-radius:10px;font-size:1rem;background:#fff;font-family:inherit;transition:border-color .15s,box-shadow .15s}
.post-form input:focus,.post-form select:focus,.post-form textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,74,165,.14)}
.post-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.drop-label{border:2px dashed #cfd6e6;border-radius:14px;padding:18px;background:#fafbfe;text-align:center;transition:.18s}
.drop-label:hover{border-color:var(--blue);background:#f5f8ff}
.img-preview .ip-item{position:relative}
.img-preview .ip-item b{position:absolute;left:6px;top:6px;background:var(--gold);color:#1a1a1a;font-size:.65rem;padding:2px 6px;border-radius:6px}
.post-summary{background:#f7f9fd;border:1px solid #e6eaf3;border-radius:14px;padding:14px;margin-top:6px}
.post-summary h3{margin:0 0 8px;font-size:.95rem}
.post-summary dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:.88rem}
.post-summary dt{color:#7b8496}
.post-summary dd{margin:0;font-weight:600;word-break:break-word}
.post-actions{position:sticky;bottom:0;background:#fff;padding:14px 0 2px;margin-top:18px;border-top:1px solid #eceef4;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.post-actions .btn-accent{flex:1}
@media(max-width:640px){.post-form{padding:16px}.post-form .row{grid-template-columns:1fr}.pp-step{min-width:0;font-size:.72rem;padding:7px 8px}}

/* --- Homepage hero: dezenter Farbverlauf --- */
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1100px 420px at 82% -12%, rgba(208,166,80,.22), transparent 62%),
    radial-gradient(760px 380px at 8% 108%, rgba(96,140,235,.28), transparent 64%),
    linear-gradient(160deg,#2b56b8 0%,#244AA5 42%,#1c3c86 72%,#16306c 100%);
  border-radius:0 0 28px 28px;
  box-shadow:0 18px 40px -26px rgba(20,40,100,.65);
}
.hero::after{
  content:"";position:absolute;inset:auto 0 -1px 0;height:110px;pointer-events:none;
  background:linear-gradient(to top, rgba(246,248,252,.16), transparent);
}
.hero-text{position:relative;z-index:1}
.hero h1{text-shadow:0 1px 18px rgba(8,20,55,.25)}
.hero p{color:#e2e9fb}
.hero-stat{color:#f4e8cd}

/* --- User / business dashboard --- */
.dash{display:grid;gap:18px;padding-bottom:14px}
.dash-hero{
  position:relative;color:#fff;border-radius:18px;padding:20px;
  background:
    radial-gradient(620px 260px at 88% -30%, rgba(208,166,80,.28), transparent 60%),
    linear-gradient(150deg,#2b56b8 0%,#244AA5 50%,#1a3878 100%);
  box-shadow:0 14px 32px -22px rgba(20,40,100,.75);
  display:grid;gap:14px;
}
.dash-id{display:flex;align-items:center;gap:14px;min-width:0}
.dash-avatar{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);flex:0 0 auto}
.dash-avatar-ph{display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:1.6rem;font-weight:800}
.dash-hero h1{margin:0;font-size:1.4rem;line-height:1.2;word-break:break-word}
.dash-meta{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 0}
.tagx{background:rgba(255,255,255,.16);border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:600}
.tagx-biz{background:var(--gold);color:#241c06}
.dash-cta{display:flex;gap:10px;flex-wrap:wrap}
.dash-cta .btn-ghost{background:rgba(255,255,255,.14);border:0;color:#fff}
.dash-prog{font-size:.8rem;color:#e5ecfd}
.dash-prog-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden;margin-bottom:6px}
.dash-prog-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),#f0d79a);transition:width .5s ease}

.dash-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.dcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:2px;box-shadow:var(--shadow-soft);color:var(--muted);font-size:.82rem;transition:.16s}
.dcard i{font-style:normal;font-size:1.15rem}
.dcard b{font-size:1.7rem;font-weight:800;color:var(--blue);line-height:1.1}
a.dcard:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--blue)}
.dcard.is-alert{border-color:#f3c9a8;background:#fff8f0}
.dcard.is-alert b{color:#b45309}

.dash-sec{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-soft)}
.dash-sec-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.dash-sec-head h2{margin:0;font-size:1.05rem}
.dash-list{display:grid;gap:8px}
.dash-item{display:flex;align-items:center;gap:12px;padding:9px;border:1px solid var(--line);border-radius:12px;color:var(--ink);transition:.15s}
.dash-item:hover{text-decoration:none;border-color:var(--blue);background:#f8faff}
.dash-item img,.dash-item-ph{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.dash-item-ph{display:grid;place-items:center;background:#eef1f6}
.dash-item-body{display:grid;min-width:0;flex:1}
.dash-item-body b{font-size:.93rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-item-body small{color:var(--muted);font-size:.8rem}

.dash-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}
.dtile{display:grid;gap:2px;padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:linear-gradient(180deg,#fff,#fafbff);transition:.16s}
.dtile i{font-style:normal;font-size:1.2rem}
.dtile b{font-size:.93rem}
.dtile small{color:var(--muted);font-size:.78rem}
.dtile:hover{text-decoration:none;border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-soft)}

@media(max-width:640px){
  .hero{border-radius:0 0 20px 20px;padding:34px 0 30px}
  .dash-hero{padding:16px;border-radius:16px}
  .dash-avatar{width:52px;height:52px}
  .dash-cta .btn{flex:1 1 100%;text-align:center}
  .dash-stats{grid-template-columns:repeat(2,1fr);gap:10px}
  .dcard b{font-size:1.45rem}
  .dash-tiles{grid-template-columns:repeat(2,1fr)}
  .dash-sec{padding:13px;border-radius:14px}
}


/* ===== Logo ===== */
.logo-img{height:38px;width:auto;display:block;background:transparent}
.site-footer .logo-img{height:34px;opacity:.95;background:transparent}
@media (max-width:640px){.logo-img{height:32px;background:transparent}}

/* ===== Kategorite me ikona ===== */
.cat-card{align-items:flex-start;position:relative;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.cat-card:hover{box-shadow:0 10px 24px rgba(20,40,90,.12)}
.cat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:8px;
  background:linear-gradient(140deg,rgba(36,74,165,.12),rgba(208,166,80,.18));color:var(--blue)}
.cat-ic{width:24px;height:24px}
.cat-card:hover .cat-icon{background:linear-gradient(140deg,var(--blue),#375fc4);color:#fff}
.cat-name{font-weight:700}
.cat-count{color:var(--muted);font-size:.85rem}

/* ===== Mobile nav: njoftim i ri ===== */
.mn-item .mn-ic{position:relative;display:inline-block}
.mn-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;
  background:#e0362f;color:#fff;font-size:.65rem;line-height:16px;text-align:center;font-weight:700;box-shadow:0 0 0 2px #fff}
.mn-item.has-new{color:var(--blue)}
.mn-item.has-new .mn-ic{animation:mnPulse 1.6s ease-in-out infinite}
@keyframes mnPulse{0%,100%{transform:scale(1);filter:none}50%{transform:scale(1.16);filter:drop-shadow(0 0 6px rgba(224,54,47,.75))}}

/* ===== Mesazhet – stil WhatsApp ===== */
.thread-list.wa li{border-radius:14px;overflow:hidden}
.thread-list.wa a{gap:12px;padding:12px 14px;align-items:center;position:relative}
.thread-ava{flex:0 0 52px;width:52px;height:52px;border-radius:50%;overflow:hidden;display:block}
.thread-ava img{width:52px;height:52px;object-fit:cover;border-radius:50%}
.ava-fallback{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--blue),#4a74d6)}
.ava-fallback.sm{width:38px;height:38px;font-size:.9rem}
.thread-list.wa .thread-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.thread-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.thread-time{font-size:.75rem;color:var(--muted);white-space:nowrap}
.thread-sub{font-size:.78rem;color:var(--blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-last{color:var(--muted);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-list.wa li.unread{background:#f4f9ff;border-color:#cfe0ff}
.thread-list.wa li.unread .thread-last{color:var(--ink);font-weight:600}
.wa-badge{background:#25a35a;color:#fff;border-radius:99px;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;
  font-weight:700;display:grid;place-items:center}
.chat-empty{text-align:center;padding:36px 20px;display:grid;gap:8px;justify-items:center}
.chat-empty-ic{font-size:2.2rem}

.wa-window{display:flex;flex-direction:column;height:min(72vh,680px);border:1px solid var(--line);border-radius:16px;
  overflow:hidden;background:#efe7dd;box-shadow:var(--shadow);margin-top:12px}
.wa-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#244AA5,#1d3d8c);color:#fff}
.wa-head-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.wa-head-info a{color:#dbe6ff}
.wa-head .muted{color:#c9d7f7}
.wa-back{color:#fff;font-size:1.2rem;text-decoration:none;padding:2px 6px}
.wa-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:6px;
  background-image:radial-gradient(rgba(0,0,0,.045) 1px,transparent 1px);background-size:18px 18px}
.wa-day{text-align:center;margin:10px 0}
.wa-day span{background:rgba(255,255,255,.85);border-radius:99px;padding:3px 12px;font-size:.72rem;color:#5a5a5a}
.wa-msg{display:flex}
.wa-msg.mine{justify-content:flex-end}
.wa-bubble{position:relative;max-width:76%;background:#fff;border-radius:12px;padding:7px 10px 18px;
  box-shadow:0 1px 1px rgba(0,0,0,.12);font-size:.94rem;word-break:break-word}
.wa-msg.mine .wa-bubble{background:#d6f2c9}
.wa-msg.theirs .wa-bubble{border-top-left-radius:2px}
.wa-msg.mine .wa-bubble{border-top-right-radius:2px}
.wa-meta{position:absolute;right:8px;bottom:4px;font-size:.68rem;color:#7b8794;display:flex;align-items:center;gap:3px}
.wa-tick{color:#9aa5b1}
.wa-tick.read{color:#34b7f1}
.wa-compose{display:flex;gap:8px;align-items:flex-end;padding:10px;background:#f4f4f4;border-top:1px solid var(--line)}
.wa-compose textarea{flex:1;resize:none;max-height:120px;padding:10px 14px;border:1px solid var(--line);
  border-radius:22px;font:inherit;background:#fff}
.wa-send{width:44px;height:44px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:1.05rem;cursor:pointer;
  display:grid;place-items:center;transition:transform .12s ease}
.wa-send:hover{transform:scale(1.06)}
@media (max-width:640px){.wa-window{height:calc(100vh - 210px);border-radius:12px}.wa-bubble{max-width:86%}}

/* ===== Profili publik ===== */
.profile-hero{position:relative;overflow:hidden;padding:22px;border-radius:18px;flex-wrap:wrap;
  background:linear-gradient(135deg,#f7f9ff 0%,#fff 55%),radial-gradient(600px 200px at 90% -20%,rgba(208,166,80,.25),transparent)}
.profile-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:76px;
  background:linear-gradient(120deg,#244AA5,#3a63c9 60%,#d0a650);opacity:.95}
.profile-hero>*{position:relative;z-index:1}
.profile-hero .avatar-ring{margin-top:22px;box-shadow:0 0 0 4px #fff,0 6px 18px rgba(20,40,90,.25)}
.profile-hero h1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:.2rem 0 .35rem}
.profile-hero .profile-meta{flex:1;min-width:240px;padding-top:34px}
.profile-counts strong{color:var(--blue)}
.profile-bio{margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.biz-facts{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.biz-facts li{background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:.85rem}
.profile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:34px}
.user-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.user-chip{display:flex;align-items:center;gap:10px;padding:10px 12px}
@media (max-width:640px){
  .profile-hero{padding:16px}
  .profile-hero .profile-meta,.profile-actions{padding-top:10px}
  .profile-hero .avatar-ring{margin-top:14px}
  .profile-actions{width:100%}
  .profile-actions .btn{flex:1}
}


/* ===== Logo & ikona kategorish (v2) ===== */
.logo-img{height:42px}
.site-footer .logo-img{height:36px;opacity:1}
@media (max-width:640px){.logo-img{height:34px}}

.cat-icon{width:52px;height:52px;border-radius:16px;
  background:linear-gradient(150deg,#eef3ff 0%,#ffffff 55%,#fdf3dd 100%);
  border:1px solid #e2e9f7;box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(20,40,90,.06);
  color:var(--blue);transition:all .18s ease}
.cat-ic{width:28px;height:28px}
.cat-card:hover .cat-icon{background:linear-gradient(150deg,var(--blue),#3a63c9 70%,#d0a650);
  border-color:transparent;color:#fff;transform:translateY(-2px) rotate(-2deg);
  box-shadow:0 8px 18px rgba(36,74,165,.28)}
.cat-card:hover .cat-ic [fill^="rgba"]{fill:rgba(255,255,255,.22)}