body{margin:0}[hidden]{display:none!important}img{max-width:100%}/* Layout: header i ngjitur + përmbajtje në kolonë 1280px; në telefon shirit poshtë si app-i. E bardhë, një theks i kuq, karta katrore. */
/* n’Zbritje — tokens.css (brandbook) */
/* n’Zbritje — generated from tokens.json */
:root, [data-theme="light"] {
  --brand: #e0300f;
  --on-brand: #ffffff;
  --brand-ink: #c42a0c;
  --brand-soft: #ffe6de;
  --sticker: #ffc529;
  --on-sticker: #16120e;
  --ink: #16120e;
  --ink-muted: #6b625a;
  --surface: #faf7f2;
  --surface-raised: #ffffff;
  --line: #e8e1d7;
  --line-strong: #8c8379;
  --success: #0b6e3c;
  --focus: #16120e;
  --shadow-card: 0 1px 2px rgba(22,18,14,0.06), 0 8px 24px rgba(22,18,14,0.06);
}
[data-theme="dark"] {
  --brand: #ff5b38;
  --on-brand: #170c08;
  --brand-ink: #ff7a5c;
  --brand-soft: #3a1a10;
  --sticker: #ffc529;
  --on-sticker: #16120e;
  --ink: #f6f1ea;
  --ink-muted: #a8a097;
  --surface: #14110e;
  --surface-raised: #1f1b17;
  --line: #332d27;
  --line-strong: #7a7168;
  --success: #4cc98a;
  --focus: #ffc529;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --font-display: "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Noto Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
:root {
  /* pseudonimet e vjetra → tokenët e markës (asnjë ngjyrë jashtë tyre) */
  --bg: var(--surface); --raised: var(--surface-raised);
  --soft: color-mix(in srgb, var(--line) 45%, var(--surface)); --soft-2: var(--line);
  --fg: var(--ink); --muted: var(--ink-muted); --faint: var(--line-strong);
  --good: var(--success); --good-soft: color-mix(in srgb, var(--success) 12%, var(--surface-raised));
  --warn: var(--ink); --warn-soft: color-mix(in srgb, var(--sticker) 30%, var(--surface-raised));
  --bad: var(--brand-ink); --bad-soft: var(--brand-soft); --info: var(--ink); --info-soft: color-mix(in srgb, var(--line) 45%, var(--surface));
  --verified: var(--ink);
  --map-land: color-mix(in srgb, var(--line) 70%, var(--surface)); --map-line: var(--surface-raised); --map-hot: var(--brand-soft);
  --shadow: var(--shadow-card);
  --font: var(--font-sans);
  --wrap: 1200px; --g: max(16px, env(safe-area-inset-left, 0px)); --gr: max(16px, env(safe-area-inset-right, 0px));
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --brand: #ff5b38;
  --on-brand: #170c08;
  --brand-ink: #ff7a5c;
  --brand-soft: #3a1a10;
  --sticker: #ffc529;
  --on-sticker: #16120e;
  --ink: #f6f1ea;
  --ink-muted: #a8a097;
  --surface: #14110e;
  --surface-raised: #1f1b17;
  --line: #332d27;
  --line-strong: #7a7168;
  --success: #4cc98a;
  --focus: #ffc529;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
  color-scheme: dark; } }
[data-theme="dark"] { color-scheme: dark; }

* { box-sizing: border-box; }
body { background: var(--bg); color: var(--fg); font-family: var(--font); font-size: 15px; line-height: 1.45; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.num { font-variant-numeric: tabular-nums; }
.ico { flex: none; }
.wrap { max-width: var(--wrap); margin: 0 auto; padding-left: var(--g); padding-right: var(--gr); }
h1, h2, h3 { text-wrap: balance; letter-spacing: -.02em; }
.muted { color: var(--muted); }
.vb { width: 15px; height: 15px; flex: none; vertical-align: -2px; }

/* ---- header ---- */
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 30; background: var(--bg); }
.hdr { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: var(--bg); border-bottom: 1px solid var(--line); }
.hdr-in { display: flex; align-items: center; gap: 16px; height: 72px; }
.logo { display: flex; align-items: center; gap: 9px; font-weight: 800; font-size: 21px; letter-spacing: -.03em; white-space: nowrap; }
.logo-m { width: 34px; height: 34px; border-radius: var(--radius-sm); background: var(--brand); color: var(--on-brand); display: grid; place-items: center; }
.logo-m svg { width: 20px; height: 20px; }
.loc-btn { display: flex; align-items: center; gap: 7px; height: 44px; padding: 0 14px; border-radius: var(--radius-pill); box-shadow: inset 0 0 0 1px var(--line); font-weight: 700; font-size: 14px; white-space: nowrap; max-width: 220px; }
.loc-btn span { overflow: hidden; text-overflow: ellipsis; }
.loc-btn:hover { box-shadow: inset 0 0 0 1px var(--faint); }
.loc-btn .ico { color: var(--brand); }
.hsearch { flex: 1; min-width: 0; max-width: 520px; display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 6px 0 16px; border-radius: var(--radius-pill); box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 3px 12px rgba(0,0,0,.06), inset 0 0 0 1px var(--line); background: var(--raised); }
.hsearch input { flex: 1; min-width: 0; border: 0; outline: none; background: none; font-size: 15px; }
.hsearch .go { width: 36px; height: 36px; border-radius: 50%; background: var(--brand); color: var(--on-brand); display: grid; place-items: center; flex: none; }
.hnav { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.hnav a, .hnav button { height: 42px; padding: 0 12px; border-radius: var(--radius-pill); display: flex; align-items: center; gap: 7px; font-weight: 600; font-size: 14.5px; color: var(--muted); white-space: nowrap; }
.hnav a:hover, .hnav button:hover { background: var(--soft); color: var(--fg); }
.hnav a.on { color: var(--fg); }
.hnav .cnt { min-width: 19px; height: 19px; padding: 0 5px; border-radius: var(--radius-pill); background: var(--brand); color: var(--on-brand); font-size: 11px; font-weight: 800; display: grid; place-items: center; }
.hnav .biz { color: var(--fg); box-shadow: inset 0 0 0 1px var(--line); margin-left: 6px; }
.icon-btn { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; flex: none; }
.icon-btn:hover { background: var(--soft); }
.icon-btn.soft { background: var(--soft); }
.cats-bar { border-top: 1px solid var(--line); }
.cats { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 10px 0; scroll-padding-inline: var(--g); }
.cats::-webkit-scrollbar { display: none; }
.cat { flex: none; display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border-radius: var(--radius-pill); font-weight: 600; font-size: 14px; color: var(--muted); white-space: nowrap; }
.cat:hover { background: var(--soft); color: var(--fg); }
.cat[aria-pressed="true"] { background: var(--fg); color: var(--bg); }

/* ---- tab bar (telefon) ---- */
.tabbar { display: none; }

/* ---- seksionet ---- */
main { min-height: 60vh; }
.page { padding-top: 26px; padding-bottom: 64px; display: flex; flex-direction: column; gap: 40px; }
.blk { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.sec-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.sec-h h2 { margin: 0; font-size: 22px; font-weight: 800; }
.sec-h p { margin: 2px 0 0; color: var(--muted); font-size: 14px; }
.sec-h .right { display: flex; gap: 8px; align-items: center; flex: none; }
.link { font-weight: 700; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.intro h1 { margin: 0; font-size: 34px; font-weight: 800; line-height: 1.1; }
.intro h1 em { font-style: normal; color: var(--brand); }
.intro p { margin: 8px 0 0; color: var(--muted); font-size: 16px; max-width: 60ch; }
.stores-line { display: flex; gap: 6px; flex-wrap: wrap; }

/* ---- karta e ofertës ---- */
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: 28px 18px; }
.rail-wrap { position: relative; }
.rail { display: grid; grid-auto-flow: column; grid-auto-columns: 210px; gap: 18px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-padding-inline: 0; }
.rail::-webkit-scrollbar { display: none; }
.rail > * { scroll-snap-align: start; }
.rail-arrows { display: flex; gap: 6px; }
.rail-arrows button { width: 34px; height: 34px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; background: var(--raised); }
.rail-arrows button:hover { box-shadow: inset 0 0 0 1px var(--faint); }
.card { display: flex; flex-direction: column; min-width: 0; cursor: pointer; }
.card .pic { position: relative; aspect-ratio: 1; background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; overflow: hidden; }
.card .pic .em { font-size: clamp(64px, 7vw, 92px); line-height: 1; transition: transform .25s; }
.card .pic img { width: 100%; height: 100%; object-fit: contain; }
.card:hover .pic .em { transform: scale(1.06); }
.badge { position: absolute; top: 10px; left: 10px; background: var(--brand); color: var(--on-brand); font-weight: 800; font-size: 13.5px; padding: 4px 9px; border-radius: var(--radius-sm); letter-spacing: -.01em; }
.saved-mark { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border-radius: 50%; background: var(--surface-raised); color: var(--brand); display: grid; place-items: center; box-shadow: 0 1px 4px rgba(0,0,0,.12); }
.card .body { padding: 10px 1px 0; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.card .store { display: flex; align-items: center; gap: 6px; color: var(--muted); font-weight: 600; font-size: 13.5px; min-width: 0; }
.card .store .n { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card .where { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 13px; }
.card .title { font-weight: 700; font-size: 15.5px; line-height: 1.3; margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card .prices { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; }
.newp { font-weight: 800; font-size: 19px; letter-spacing: -.02em; }
.oldp { color: var(--muted); text-decoration: line-through; font-size: 13.5px; }
.card .foot { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--muted); margin-top: 2px; }
.card .foot .soon { color: var(--brand); font-weight: 700; }
.card .foot .dist { font-weight: 700; color: var(--fg); white-space: nowrap; }
.card .foot { flex-wrap: wrap; row-gap: 0; }
.av { flex: none; border-radius: 50%; display: grid; place-items: center; color: var(--on-brand); font-weight: 800; overflow: hidden; }
.av img { width: 100%; height: 100%; object-fit: cover; }
.av-logo { background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); }

/* super zbritjet */
.supers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.super { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 240px; background: var(--soft); overflow: hidden; cursor: pointer; }
.super .txt { padding: 24px; display: flex; flex-direction: column; gap: 8px; justify-content: center; min-width: 0; }
.super .eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--brand); }
.super h3 { margin: 0; font-size: 24px; font-weight: 800; line-height: 1.15; }
.super .st { display: flex; gap: 6px; align-items: center; color: var(--muted); font-weight: 600; font-size: 14px; }
.super .pr { display: flex; gap: 10px; align-items: baseline; margin-top: 4px; }
.super .pr b { font-size: 28px; font-weight: 800; letter-spacing: -.03em; }
.super .img { position: relative; background: var(--surface-raised); display: grid; place-items: center; font-size: 120px; }
.super .img .badge { font-size: 18px; padding: 6px 12px; }

/* profilet e dyqaneve */
.prof { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 20px 12px 16px; box-shadow: inset 0 0 0 1px var(--line); border-radius: var(--radius-md); min-width: 0; cursor: pointer; background: var(--raised); }
.prof:hover { box-shadow: inset 0 0 0 1px var(--faint); }
.prof b { font-size: 15px; display: flex; gap: 5px; align-items: center; max-width: 100%; }
.prof b span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prof small { color: var(--muted); font-size: 13px; }
.prof .meta { color: var(--muted); font-size: 12.5px; }
.rail.profs { grid-auto-columns: 176px; }
.grid.profs { grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 14px; }

/* ---- butonat ---- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: var(--radius-md); font-weight: 700; font-size: 15px; white-space: nowrap; }
.btn.pri { background: var(--brand); color: var(--on-brand); }
.btn.pri:hover { filter: brightness(.95); }
.btn.dark { background: var(--fg); color: var(--bg); }
.btn.sec { box-shadow: inset 0 0 0 1px var(--line); background: var(--raised); }
.btn.sec:hover { box-shadow: inset 0 0 0 1px var(--faint); }
.btn.soft { background: var(--soft); }
.btn.sm { height: 36px; padding: 0 14px; font-size: 13.5px; border-radius: var(--radius-sm); }
.btn.full { width: 100%; }
.btn[disabled] { opacity: .45; cursor: not-allowed; }
.btn.on { box-shadow: inset 0 0 0 1px var(--fg); }
.btn .ico.red { color: var(--brand); }
.chip { height: 36px; padding: 0 14px; border-radius: var(--radius-pill); box-shadow: inset 0 0 0 1px var(--line); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; background: var(--raised); }
.chip:hover { box-shadow: inset 0 0 0 1px var(--faint); }
.chip[aria-pressed="true"] { background: var(--fg); color: var(--bg); box-shadow: none; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; }
select.sel { height: 36px; padding: 0 30px 0 12px; border-radius: var(--radius-pill); border: 0; box-shadow: inset 0 0 0 1px var(--line); background: var(--raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center; appearance: none; font-weight: 600; font-size: 14px; }
.pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: var(--radius-pill); font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.pill.good { background: var(--good-soft); color: var(--good); } .pill.warn { background: var(--warn-soft); color: var(--warn); } .pill.bad { background: var(--bad-soft); color: var(--bad); } .pill.info { background: var(--info-soft); color: var(--info); } .pill.mut { background: var(--soft); color: var(--muted); }
.open { color: var(--good); font-weight: 700; } .closed { color: var(--brand); font-weight: 700; }
.empty { padding: 56px 20px; text-align: center; color: var(--muted); display: flex; flex-direction: column; align-items: center; gap: 6px; }
.empty b { color: var(--fg); font-size: 17px; }
.empty .ei { width: 56px; height: 56px; border-radius: 50%; background: var(--soft); display: grid; place-items: center; color: var(--muted); margin-bottom: 6px; }

/* ---- lista e zbritjeve me filtra ---- */
.browse { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 36px; align-items: start; }
.filters { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 140px); display: flex; flex-direction: column; gap: 22px; }
.filters h3 { margin: 0 0 10px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); }
.fopt { display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: 14.5px; cursor: pointer; }
.fopt input { width: 18px; height: 18px; accent-color: var(--fg); }
.fopt .n { margin-left: auto; color: var(--faint); font-size: 13px; }
.res-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.res-h h1 { margin: 0; font-size: 26px; font-weight: 800; }
.res-h p { margin: 2px 0 0; color: var(--muted); }
.more { display: flex; justify-content: center; margin-top: 32px; }
.mfilter { display: none; }

/* ---- faqja e ofertës ---- */
.crumbs { display: flex; gap: 6px; align-items: center; color: var(--muted); font-size: 13.5px; flex-wrap: wrap; }
.crumbs a:hover { color: var(--fg); text-decoration: underline; }
.offer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.o-img { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 96px); aspect-ratio: 1; background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; font-size: clamp(140px, 18vw, 230px); }
.o-img img { width: 100%; height: 100%; object-fit: contain; }
.o-img .badge { font-size: 20px; padding: 7px 13px; top: 18px; left: 18px; border-radius: var(--radius-sm); }
.o-info { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.o-store { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.o-store small { display: block; color: var(--muted); font-weight: 500; font-size: 13px; }
.o-info h1 { margin: 0; font-size: 34px; font-weight: 800; line-height: 1.12; }
.o-price { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.o-price .newp { font-size: 40px; }
.o-price .oldp { font-size: 18px; }
.o-price .save { color: var(--good); font-weight: 700; font-size: 15px; }
.o-exp { display: flex; gap: 8px; align-items: center; font-weight: 700; }
.o-exp.soon { color: var(--brand); }
.o-acts { display: flex; gap: 10px; flex-wrap: wrap; }
.o-acts .btn { flex: 1 1 140px; }
.nb { border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.nb-top { display: flex; gap: 12px; align-items: flex-start; }
.nb-top .t { flex: 1; min-width: 0; }
.nb-top .t small { display: block; font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.nb-top .t b { font-size: 16.5px; display: block; margin-top: 2px; }
.nb-top .t span { color: var(--muted); font-size: 14px; }
.nb-top .d { text-align: right; font-weight: 800; font-size: 17px; white-space: nowrap; }
.nb-top .d small { display: block; font-weight: 500; color: var(--muted); font-size: 12.5px; }
.nb-row { display: flex; gap: 8px; flex-wrap: wrap; }
.nb-row .btn { flex: 1 1 160px; }
.cond { margin: 0; display: flex; flex-direction: column; }
.cond-r { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 14.5px; }
.cond-r:last-child { border-bottom: 0; }
.cond-r dt { display: flex; gap: 9px; align-items: flex-start; color: var(--muted); font-weight: 600; }
.cond-r dd { margin: 0; min-width: 0; }
.report { color: var(--muted); font-size: 14px; display: inline-flex; gap: 7px; align-items: center; text-decoration: underline; text-underline-offset: 3px; align-self: flex-start; }

/* ---- faqja e dyqanit ---- */
.s-cover { height: 200px; background: var(--soft); position: relative; overflow: hidden; }
.s-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.s-card { margin-top: -64px; position: relative; background: var(--raised); border: 1px solid var(--line); padding: 0 24px 20px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0 36px; }
.s-main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.s-top { display: flex; align-items: flex-end; gap: 16px; margin-top: -40px; }
.s-top .av { box-shadow: 0 0 0 5px var(--raised); }
.s-id { min-width: 0; padding-bottom: 4px; }
.s-id h1 { margin: 0; font-size: 30px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; display: flex; align-items: center; gap: 8px; }
.s-id h1 .vb { width: 24px; height: 24px; flex: none; }
.s-id p { margin: 4px 0 0; color: var(--muted); display: flex; align-items: center; gap: 6px; font-size: 14.5px; }
.s-about { margin: 0; max-width: 70ch; }
.s-card .vpill { align-self: flex-start; }
.s-acts { display: flex; gap: 10px; flex-wrap: wrap; }
.s-acts .btn { flex: 1 1 auto; } .s-acts .sh { flex: none; width: 46px; padding: 0; }
.s-facts { display: flex; flex-direction: column; padding-top: 18px; min-width: 0; align-self: start; }
.s-fact { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--fg); text-align: left; font-size: 14.5px; width: 100%; text-decoration: none; }
.s-fact:first-child { border-top: 1px solid var(--line); }
.s-fact > svg { color: var(--muted); flex: none; }
.s-fact .grow { flex: 1; min-width: 0; }
.s-fact .chev { color: var(--muted); display: grid; transition: transform .2s; } .s-fact .chev.up { transform: rotate(180deg); }
.s-facts .week { padding: 12px 0; border-bottom: 1px solid var(--line); }
.s-addr .grow { display: flex; flex-direction: column; gap: 1px; }
.s-addr-l { font-size: 11.5px; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
.s-addr-l.near { color: var(--brand); }
.s-addr-a { color: var(--muted); font-size: 13.5px; }
.s-addr-note { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0 12px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.45; }
.s-addr-note > svg { flex: none; margin-top: 1px; }
.s-addr-note .grow { flex: 1; min-width: 0; }
.s-addr-note .link { white-space: nowrap; font-weight: 700; color: var(--brand); }
.vpill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px 5px 7px; border-radius: var(--radius-pill); background: var(--soft); font-weight: 700; font-size: 13px; color: var(--fg); }
.week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.wk { padding: 10px; border-radius: var(--radius-md); background: var(--soft); display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.wk span { color: var(--muted); } .wk.today { background: var(--fg); color: var(--bg); } .wk.today span { color: inherit; opacity: .7; }

/* ---- modalet ---- */
.scrim { position: fixed; inset: 0; z-index: 50; background: rgba(0,0,0,.42); display: grid; place-items: center; padding: 24px; animation: fade .15s; }
@keyframes fade { from { opacity: 0; } }
@keyframes up { from { transform: translateY(16px); opacity: 0; } }
.modal { width: min(560px, 100%); max-height: min(780px, calc(100% - 20px)); display: flex; flex-direction: column; background: var(--raised); border-radius: var(--radius-lg); box-shadow: var(--shadow); overflow: hidden; animation: up .2s; }
.modal.wide { width: min(860px, 100%); }
.m-h { display: flex; align-items: center; gap: 12px; padding: 16px 18px 12px 22px; border-bottom: 1px solid var(--line); }
.m-h h3 { margin: 0; flex: 1; font-size: 18px; font-weight: 800; }
.m-b { padding: 18px 22px 22px; overflow: auto; display: flex; flex-direction: column; gap: 14px; }
.m-f { padding: 14px 22px calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.search { display: flex; align-items: center; gap: 9px; height: 46px; padding: 0 14px; border-radius: var(--radius-md); background: var(--soft); }
.search input { flex: 1; min-width: 0; border: 0; outline: none; background: none; }
.li { display: flex; align-items: center; gap: 12px; padding: 11px 6px; border-bottom: 1px solid var(--line); text-align: left; width: 100%; }
.li:hover { background: var(--soft); }
.li .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.li small { color: var(--muted); font-size: 13px; }
.li.on b { color: var(--brand); }
.li-ic { width: 38px; height: 38px; border-radius: var(--radius-md); background: var(--soft); display: grid; place-items: center; flex: none; }
.pk-r { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.pk-r:last-child { border-bottom: 0; }
.pk-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; text-align: left; }
.pk-main b { font-size: 15px; } .pk-main small { color: var(--muted); font-size: 13px; }
.pk-r.cur .pk-main b { color: var(--brand); }
.tag-near { font-style: normal; font-size: 11.5px; font-weight: 800; color: var(--brand); margin-left: 6px; }
.dir { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 13px; border-radius: var(--radius-sm); background: var(--soft); font-weight: 700; font-size: 13.5px; }
.dir .ico { color: var(--brand); }
.dir:hover { background: var(--soft-2); }
.share-box { display: flex; gap: 8px; }
.share-box input { flex: 1; min-width: 0; height: 46px; border-radius: var(--radius-md); border: 0; background: var(--soft); padding: 0 14px; }
.toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 60; background: var(--fg); color: var(--bg); padding: 12px 18px; border-radius: var(--radius-md); font-weight: 600; box-shadow: var(--shadow); max-width: calc(100% - 32px); animation: up .2s; }

/* ---- harta ---- */
.mapw { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 0; height: calc(100vh - 73px - env(safe-area-inset-top, 0px)); border-top: 0; }
.map-list { overflow: auto; border-right: 1px solid var(--line); padding: 18px var(--g) 30px; display: flex; flex-direction: column; gap: 12px; }
.map-list h1 { margin: 0; font-size: 22px; font-weight: 800; }
.map-box { position: relative; background: var(--bg); min-width: 0; min-height: 0; overflow: hidden; }
.map-box > svg { width: 100%; height: 100%; display: block; }
.map-list > * { flex-shrink: 0; }
.muni { fill: var(--map-land); stroke: var(--map-line); stroke-width: 2; cursor: pointer; transition: fill .15s; }
.muni:hover { fill: var(--soft-2); }
.muni.hot { fill: var(--map-hot); }
.muni.sel { fill: var(--brand-soft); stroke: var(--brand); stroke-width: 2.5; }
.mlab { font-size: 13px; font-weight: 700; fill: var(--muted); pointer-events: none; text-anchor: middle; }
.mpin circle { fill: var(--brand); stroke: var(--surface-raised); stroke-width: 2; }
.mpin text { fill: #fff; font-size: 12px; font-weight: 800; text-anchor: middle; pointer-events: none; }
.mpin { cursor: pointer; }
.mdot { fill: var(--fg); stroke: var(--bg); stroke-width: 2; cursor: pointer; }
.mdot.on { fill: var(--brand); }
.map-tools { position: absolute; top: 14px; right: max(14px, env(safe-area-inset-right, 0px)); display: flex; gap: 8px; }
.map-tools button { background: var(--raised); box-shadow: var(--shadow); }
.mstore { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: var(--radius-md); text-align: left; width: 100%; box-shadow: inset 0 0 0 1px var(--line); }
.mstore:hover, .mstore.on { box-shadow: inset 0 0 0 1px var(--fg); }
.mstore .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mstore b { display: flex; gap: 5px; align-items: center; font-size: 14.5px; }
.mstore small { color: var(--muted); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---- footer ---- */
.ftr { border-top: 1px solid var(--line); background: var(--soft); margin-top: 40px; }
.ftr-in { padding-top: 40px; padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px)); display: grid; grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr)); gap: 30px; }
.ftr h4 { margin: 0 0 12px; font-size: 14px; font-weight: 800; }
.ftr ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px; font-size: 14px; color: var(--muted); }
.ftr ul a:hover, .ftr ul button:hover { color: var(--fg); text-decoration: underline; }
.ftr p { color: var(--muted); font-size: 14px; margin: 10px 0 14px; max-width: 34ch; }
.stores-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.appbtn { display: inline-flex; align-items: center; gap: 9px; height: 46px; padding: 0 16px 0 13px; border-radius: var(--radius-md); background: var(--fg); color: var(--bg); font-weight: 700; font-size: 14px; }
.appbtn small { display: block; font-size: 10.5px; font-weight: 600; opacity: .7; line-height: 1; }
.appbtn span { line-height: 1.15; }
.fine { font-size: 13px; color: var(--muted); }
.ftr-bot { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 18px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }

/* ---- kushtet ---- */
.terms { max-width: 760px; }
.terms h1 { font-size: 34px; margin: 0; }
.terms h2 { font-size: 20px; margin: 30px 0 8px; display: flex; gap: 8px; }
.terms h2 .n { color: var(--brand); }
.terms p, .terms li { color: var(--fg); font-size: 15.5px; line-height: 1.6; }
.terms ul { padding-left: 20px; display: flex; flex-direction: column; gap: 6px; }
.t-key { display: flex; gap: 12px; padding: 14px 16px; border-radius: var(--radius-md); background: var(--brand-soft); align-items: flex-start; }
.t-key .ico { color: var(--brand); margin-top: 2px; }
.toc { display: flex; flex-direction: column; gap: 2px; margin-top: 20px; padding: 14px; border-radius: var(--radius-md); background: var(--soft); columns: 2; }
.toc a { font-size: 14px; color: var(--muted); padding: 4px 0; } .toc a:hover { color: var(--fg); }
.t-draft { display: inline-flex; gap: 6px; align-items: center; color: var(--warn); background: var(--warn-soft); padding: 5px 10px; border-radius: var(--radius-sm); font-size: 13px; font-weight: 600; margin-top: 10px; }

/* ================= BIZNESI ================= */
.b-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: center; padding-top: 18px; }
.b-hero h1 { margin: 0; font-size: 46px; font-weight: 800; line-height: 1.05; letter-spacing: -.035em; }
.b-hero h1 em { font-style: normal; color: var(--brand); }
.b-hero p { font-size: 18px; color: var(--muted); margin: 16px 0 24px; max-width: 48ch; }
.b-hero .acts { display: flex; gap: 10px; flex-wrap: wrap; }
.b-mock { position: relative; padding: 26px; background: var(--soft); border-radius: var(--radius-lg); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.b-mock .card { pointer-events: none; }
.b-mock .stat { position: absolute; right: -10px; bottom: -18px; background: var(--raised); box-shadow: var(--shadow); border-radius: var(--radius-md); padding: 12px 16px; display: flex; flex-direction: column; }
.b-mock .stat b { font-size: 24px; font-weight: 800; letter-spacing: -.03em; } .b-mock .stat small { color: var(--muted); font-size: 12.5px; }
.steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.step { padding: 22px; border-radius: var(--radius-lg); box-shadow: inset 0 0 0 1px var(--line); display: flex; flex-direction: column; gap: 8px; }
.step .k { width: 32px; height: 32px; border-radius: 50%; background: var(--fg); color: var(--bg); display: grid; place-items: center; font-weight: 800; font-size: 14px; }
.step h3 { margin: 6px 0 0; font-size: 18px; font-weight: 800; }
.step p { margin: 0; color: var(--muted); font-size: 14.5px; }
.plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.plan { padding: 24px; border-radius: var(--radius-lg); box-shadow: inset 0 0 0 1px var(--line); display: flex; flex-direction: column; gap: 12px; }
.plan.hl { box-shadow: inset 0 0 0 2px var(--fg); }
.plan h3 { margin: 0; font-size: 20px; font-weight: 800; }
.plan .pr { font-size: 15px; color: var(--muted); }
.plan .pr b { font-size: 26px; color: var(--fg); letter-spacing: -.02em; }
.plan ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; }
.plan li { display: flex; gap: 8px; } .plan li .ico { color: var(--good); margin-top: 2px; }
.rule { display: flex; gap: 16px; align-items: flex-start; padding: 22px; border-radius: var(--radius-lg); background: var(--fg); color: var(--bg); }
.rule .ico { margin-top: 3px; }
.rule h3 { margin: 0 0 4px; font-size: 19px; }
.rule p { margin: 0; opacity: .78; }

/* forma */
.form { display: flex; flex-direction: column; gap: 16px; }
.field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.field label, .lbl { font-size: 13px; font-weight: 700; color: var(--muted); }
.field input, .field select, .field textarea { height: 48px; border-radius: var(--radius-md); border: 0; background: var(--soft); padding: 0 14px; outline: none; width: 100%; }
.field textarea { height: auto; min-height: 96px; padding: 12px 14px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { box-shadow: inset 0 0 0 2px var(--fg); }
.field .hint { font-size: 12.5px; color: var(--muted); }
.field .err { font-size: 12.5px; color: var(--bad); font-weight: 600; }
.field.bad input { box-shadow: inset 0 0 0 2px var(--bad); }
.row2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; cursor: pointer; }
.check input { width: 20px; height: 20px; accent-color: var(--brand); margin-top: 1px; flex: none; }
.reg { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; align-items: start; }
.reg-side { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 96px); padding: 22px; border-radius: var(--radius-lg); background: var(--soft); display: flex; flex-direction: column; gap: 14px; font-size: 14.5px; }
.reg-side h3 { margin: 0; font-size: 17px; }
.reg-side ol { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; color: var(--muted); }
.timeline { display: flex; flex-direction: column; gap: 0; }
.tl { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; padding-bottom: 18px; position: relative; }
.tl::before { content: ""; position: absolute; left: 16px; top: 34px; bottom: 0; width: 2px; background: var(--line); }
.tl:last-child::before { display: none; }
.tl .d { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--soft); color: var(--muted); }
.tl.done .d { background: var(--good); color: var(--on-brand); } .tl.now .d { background: var(--fg); color: var(--bg); }
.tl b { display: block; margin-top: 6px; } .tl small { color: var(--muted); font-size: 13.5px; }

/* paneli */
.panel { display: grid; grid-template-columns: 240px minmax(0, 1fr); min-height: calc(100vh - 73px); }
.p-side { border-right: 1px solid var(--line); padding: 20px 14px; display: flex; flex-direction: column; gap: 4px; background: var(--soft); }
.p-biz { display: flex; gap: 10px; align-items: center; padding: 6px 8px 16px; }
.p-biz b { display: flex; gap: 5px; align-items: center; font-size: 15px; } .p-biz small { color: var(--muted); font-size: 12.5px; }
.p-side a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--radius-sm); font-weight: 600; color: var(--muted); font-size: 14.5px; }
.p-side a:hover { background: var(--raised); color: var(--fg); }
.p-side a.on { background: var(--raised); color: var(--fg); box-shadow: inset 0 0 0 1px var(--line); }
.p-side a.on .ico { color: var(--brand); }
.p-side .cnt { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--muted); }
.p-main { min-width: 0; padding: 26px 32px 60px; display: flex; flex-direction: column; gap: 22px; }
.p-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.p-h h1 { margin: 0; font-size: 26px; font-weight: 800; }
.p-h p { margin: 3px 0 0; color: var(--muted); }
.banner { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: var(--radius-md); }
.banner.warn { background: var(--warn-soft); } .banner.warn .ico { color: var(--warn); }
.banner.info { background: var(--info-soft); } .banner.info .ico { color: var(--info); }
.banner b { display: block; } .banner span { font-size: 14px; color: var(--muted); }
.kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.kpi { padding: 16px; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); display: flex; flex-direction: column; gap: 2px; }
.kpi small { color: var(--muted); font-weight: 600; font-size: 13px; }
.kpi b { font-size: 28px; font-weight: 800; letter-spacing: -.03em; }
.kpi .d { font-size: 12.5px; font-weight: 700; } .kpi .d.up { color: var(--good); }
.box { border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); padding: 18px; min-width: 0; }
.box h2 { margin: 0 0 12px; font-size: 16px; font-weight: 800; display: flex; gap: 8px; align-items: baseline; }
.box h2 small { font-weight: 600; color: var(--muted); font-size: 13px; }
.chart svg { width: 100%; height: auto; display: block; }
.tbl-wrap { overflow-x: auto; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th { text-align: left; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); padding: 11px 14px; background: var(--soft); white-space: nowrap; }
td { padding: 11px 14px; border-top: 1px solid var(--line); vertical-align: middle; }
td.r, th.r { text-align: right; }
.tp { display: flex; align-items: center; gap: 12px; min-width: 200px; }
.tp .em { width: 44px; height: 44px; flex: none; background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; font-size: 26px; }
.tp b { display: block; font-size: 14.5px; } .tp small { color: var(--muted); font-size: 12.5px; }
.t-acts { display: flex; gap: 6px; justify-content: flex-end; }
.tbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.tbar .search { height: 40px; flex: 1; min-width: 200px; max-width: 340px; }
.wiz-steps { display: flex; gap: 6px; }
.wiz-steps span { flex: 1; height: 4px; border-radius: var(--radius-pill); background: var(--soft-2); }
.wiz-steps span.on { background: var(--fg); }
.seg { display: inline-flex; padding: 3px; border-radius: var(--radius-md); background: var(--soft); gap: 2px; }
.seg button { height: 38px; padding: 0 14px; border-radius: var(--radius-sm); font-weight: 700; font-size: 14px; color: var(--muted); }
.seg button[aria-pressed="true"] { background: var(--raised); color: var(--fg); box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.prev-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
.big-pct { display: flex; align-items: center; gap: 12px; }
.big-pct input[type=range] { flex: 1; accent-color: var(--brand); }
.big-pct b { font-size: 26px; font-weight: 800; min-width: 74px; text-align: right; }
.br-g { padding: 8px 14px; background: var(--soft); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); display: flex; justify-content: space-between; }
.br-r { display: flex; align-items: center; gap: 12px; padding: 11px 8px 11px 14px; border-top: 1px solid var(--line); }
.br-r .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; } .br-r small { color: var(--muted); font-size: 13px; }
.drop { display: grid; place-items: center; gap: 6px; padding: 22px; border-radius: var(--radius-md); border: 2px dashed var(--line); color: var(--muted); text-align: center; cursor: pointer; font-size: 14px; }
.drop:hover { border-color: var(--faint); }
.drop img { max-height: 140px; }
.logo-edit { display: flex; gap: 16px; align-items: center; }
.cover-edit { height: 140px; border-radius: var(--radius-md); background: var(--soft); display: grid; place-items: center; overflow: hidden; color: var(--muted); cursor: pointer; }
.cover-edit img { width: 100%; height: 100%; object-fit: cover; }
.hours { display: flex; flex-direction: column; gap: 6px; }
.hrow { display: grid; grid-template-columns: 110px 1fr 1fr 90px; gap: 8px; align-items: center; font-size: 14px; }
.hrow input[type=time] { height: 40px; border-radius: var(--radius-sm); border: 0; background: var(--soft); padding: 0 10px; }

/* ================= TELEFONI ================= */
@media (max-width: 1100px) {
  .hnav .lbl { display: none; }
  .browse { grid-template-columns: minmax(0, 1fr); }
  .filters { display: none; }
  .mfilter { display: inline-flex; }
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .b-hero { grid-template-columns: minmax(0, 1fr); }
  .reg { grid-template-columns: minmax(0, 1fr); } .reg-side { position: static; }
}
@media (max-width: 860px) {
  .supers { grid-template-columns: minmax(0, 1fr); }
  .offer { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .o-img { position: relative; top: 0; max-width: 520px; width: 100%; justify-self: center; }
  .steps, .plans { grid-template-columns: minmax(0, 1fr); }
  .ftr-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ftr-in > :first-child { grid-column: 1 / -1; }
  .panel { grid-template-columns: minmax(0, 1fr); }
  .p-side { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); padding: 10px var(--gr) 10px var(--g); scrollbar-width: none; position: sticky; top: calc(env(safe-area-inset-top, 0px) + 60px); z-index: 5; }
  .p-side::-webkit-scrollbar { display: none; }
  .p-biz { display: none; }
  .p-side a { white-space: nowrap; padding: 8px 12px; }
  .p-side .cnt { margin-left: 4px; }
  .p-main { padding: 18px var(--gr) 100px var(--g); }
  .mapw { grid-template-columns: minmax(0, 1fr); grid-template-rows: 52vh minmax(0, 1fr); height: auto; }
  .map-box { order: -1; height: 52vh; }
  .map-list { border-right: 0; overflow: visible; padding-bottom: 110px; }
  .week { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cond-r { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .hrow { grid-template-columns: 90px 1fr 1fr; } .hrow .check { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  .hdr-in { height: 60px; gap: 10px; }
  .logo { font-size: 18px; } .logo-m { width: 30px; height: 30px; }
  .hsearch, .hnav { display: none; }
  .loc-btn { margin-left: auto; height: 38px; padding: 0 12px; font-size: 13.5px; max-width: 170px; }
  .cats { padding: 8px 0; }
  .cat { height: 34px; padding: 0 12px; font-size: 13.5px; }
  .tabbar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 25; background: var(--bg); border-top: 1px solid var(--line); padding: 6px var(--gr) calc(6px + env(safe-area-inset-bottom, 0px)) var(--g); }
  .tabbar a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; font-size: 11px; font-weight: 700; color: var(--muted); position: relative; }
  .tabbar a.on { color: var(--brand); }
  .tabbar .cnt { position: absolute; top: 2px; left: calc(50% + 6px); min-width: 16px; height: 16px; padding: 0 4px; border-radius: var(--radius-pill); background: var(--brand); color: var(--on-brand); font-size: 10px; display: grid; place-items: center; }
  .page { padding-top: 18px; gap: 32px; }
  .intro h1 { font-size: 26px; } .intro p { font-size: 15px; }
  .intro .stores-btns { display: none; }
  .sec-h h2 { font-size: 20px; }
  .rail-arrows { display: none; }
  .rail { grid-auto-columns: 46%; gap: 12px; margin: 0 calc(-1 * var(--gr)) 0 calc(-1 * var(--g)); padding: 0 var(--gr) 0 var(--g); scroll-padding-inline: var(--g); }
  .rail.profs { grid-auto-columns: 40%; }
  .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
  .grid.profs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card .title { font-size: 14.5px; } .newp { font-size: 17px; }
  .badge { top: 8px; left: 8px; font-size: 12.5px; padding: 3px 7px; }
  .super { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); min-height: 190px; }
  .super .txt { padding: 16px; } .super h3 { font-size: 18px; } .super .pr b { font-size: 22px; } .super .img { font-size: 80px; }
  .o-info h1 { font-size: 26px; } .o-price .newp { font-size: 32px; }
  .s-cover { height: 150px; }
  .s-card { grid-template-columns: minmax(0, 1fr); margin: -38px calc(-1 * var(--gr)) 0 calc(-1 * var(--g)); padding: 0 16px 16px; border-left: 0; border-right: 0; }
  .s-top { margin-top: -26px; gap: 12px; } .s-top .av { width: 84px !important; height: 84px !important; }
  .s-id h1 { font-size: 22px; } .s-id h1 .vb { width: 20px; height: 20px; } .s-id p { font-size: 13.5px; }
  .s-acts { display: grid; grid-template-columns: 1fr 1fr; } .s-acts .sh { display: none; }
  .s-facts { padding-top: 14px; }
  .scrim { padding: 0; place-items: end stretch; }
  .modal, .modal.wide { width: 100%; max-height: 92%; border-radius: 20px 20px 0 0; }
  .ftr-in { grid-template-columns: minmax(0, 1fr); }
  .b-hero h1 { font-size: 34px; } .b-hero p { font-size: 16px; }
  .b-mock { padding: 16px; } .b-mock .stat { right: 8px; bottom: -14px; }
  .row2 { grid-template-columns: minmax(0, 1fr); }
  .toc { columns: 1; }
  .toast { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
  .p-side { top: calc(env(safe-area-inset-top, 0px) + 60px); }
  .kpi b { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before { animation: none !important; transition: none !important; } }

/* ---- përputhja me app-in ---- */
.loc-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14.5px; color: var(--brand); white-space: nowrap; }
.loc-link .ico { color: var(--verified); }
.radius { margin-top: -4px; }
.hnav .bell { position: relative; }
.hnav .bell .cnt { position: absolute; top: 4px; right: 2px; }
.m-bell { display: none; position: relative; width: 40px; height: 40px; border-radius: 50%; background: var(--soft); place-items: center; margin-left: auto; }
.m-bell .cnt { position: absolute; top: -2px; right: -2px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: var(--radius-pill); background: var(--brand); color: var(--on-brand); font-size: 10.5px; font-weight: 800; display: grid; place-items: center; }
.o-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.o-icons { display: flex; gap: 8px; flex: none; }
.o-icons .on { color: var(--brand); }
.o-acts { display: flex; gap: 8px; flex-wrap: nowrap; }
.o-acts .ab-b { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 46px; padding: 0 15px; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1.5px var(--line); font-weight: 700; font-size: 14.5px; background: var(--raised); }
.o-acts .ab-b.on { box-shadow: inset 0 0 0 1.5px var(--fg); }
.o-acts .ab-main { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: var(--radius-md); background: var(--fg); color: var(--bg); font-weight: 800; font-size: 15.5px; }
.biz-list { display: flex; flex-direction: column; gap: 8px; }
.bpill { flex: none; display: flex; flex-direction: column; align-items: flex-end; font-size: 12px; color: var(--muted); font-weight: 600; white-space: nowrap; }
.bpill b { color: var(--fg); font-size: 15px; } .bpill i { font-style: normal; color: var(--brand); font-weight: 800; font-size: 11.5px; }
.sq-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.sq-cat { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); text-align: left; background: var(--raised); }
.sq-cat:hover { box-shadow: inset 0 0 0 1px var(--faint); }
.sq-cat .ci-b { width: 42px; height: 42px; flex: none; border-radius: var(--radius-md); background: var(--soft); display: grid; place-items: center; }
.sq-cat .t { display: flex; flex-direction: column; } .sq-cat b { font-size: 14.5px; } .sq-cat small { color: var(--muted); font-size: 12.5px; }
.sq-seg { display: flex; width: 100%; max-width: 520px; }
.sq-seg button { flex: 1; }
.n-page { max-width: 820px; gap: 18px; }
.n-grp h4 { margin: 4px 0 8px; font-size: 13px; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: .07em; }
.n-list { display: flex; flex-direction: column; border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; background: var(--raised); }
.nrow { display: flex; align-items: flex-start; position: relative; border-top: 1px solid var(--line); }
.nrow:first-child { border-top: 0; }
.nrow.unread { background: color-mix(in srgb, var(--brand) 5%, var(--raised)); }
.nrow.unread::after { content: ""; position: absolute; right: 18px; bottom: 18px; width: 9px; height: 9px; border-radius: 50%; background: var(--brand); }
.nmain { flex: 1; min-width: 0; display: flex; gap: 14px; padding: 14px 6px 14px 16px; }
.nmain:hover b { text-decoration: underline; }
.nlead { position: relative; flex: none; width: 52px; height: 52px; }
.nlead > .em { width: 52px; height: 52px; border-radius: var(--radius-md); background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; font-size: 30px; }
.nbadge { position: absolute; right: -4px; bottom: -4px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: var(--on-brand); box-shadow: 0 0 0 2.5px var(--raised); }
.ntx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; padding-right: 20px; }
.nmeta { font-size: 12px; color: var(--muted); font-weight: 600; }
.ntx b { font-size: 15px; font-weight: 600; } .nrow.unread .ntx b { font-weight: 800; }
.nm { color: var(--muted); font-size: 13.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nx { flex: none; width: 36px; height: 36px; margin: 10px 8px 0 0; border-radius: 50%; display: grid; place-items: center; color: var(--muted); }
.nx:hover { background: var(--soft); }
.toast { display: flex; align-items: center; gap: 11px; left: 50%; width: min(440px, calc(100% - 32px)); background: var(--raised) !important; color: var(--fg) !important; padding: 10px 14px 10px 10px !important; border-radius: 16px !important; box-shadow: 0 0 0 1px var(--line), 0 10px 30px rgba(0,0,0,.14) !important; font-size: 14px; font-weight: 600 !important; }
.t-ic { width: 32px; height: 32px; flex: none; border-radius: var(--radius-sm); display: grid; place-items: center; background: var(--soft); }
.t-ok .t-ic { background: var(--good-soft); color: var(--good); } .t-bell .t-ic { background: var(--info-soft); color: var(--info); } .t-off .t-ic { color: var(--muted); }
@media (max-width: 760px) {
  .m-bell { display: grid; }
  .o-acts .ab-b { padding: 0 12px; font-size: 13.5px; height: 44px; } .o-acts .ab-main { height: 44px; }
  .sq-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nmain { padding-left: 12px; gap: 12px; }
}

.prices .per, .pr .per { font-size: 12.5px; font-weight: 700; color: var(--muted); align-self: center; }
.per-l { font-size: 15px; font-weight: 700; color: var(--muted); }
/* ---- web3: profili, paneli, magjistari ---- */
.hnav .pf-link .lbl { display: none; }
.hnav .pf-link { width: 42px; padding: 0; justify-content: center; }
.pf-page { max-width: 1040px; gap: 22px; }
.pf-hero { display: flex; align-items: center; gap: 18px; }
.pf-hero h1 { margin: 0; font-size: 30px; font-weight: 800; letter-spacing: -.02em; }
.pf-hero p { margin: 4px 0 0; color: var(--muted); max-width: 60ch; }
.pf-av { width: 72px; height: 72px; border-radius: 50%; background: var(--soft); display: grid; place-items: center; color: var(--muted); flex: none; }
.pf-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); }
.pf-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 16px 18px; color: var(--fg); }
.pf-stat + .pf-stat { border-left: 1px solid var(--line); }
.pf-stat:hover { background: var(--soft); }
.pf-stat .ico { color: var(--brand); margin-bottom: 4px; }
.pf-stat b { font-size: 26px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; } .pf-stat small { color: var(--muted); font-size: 13px; font-weight: 600; }
.pf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.pf-sec { border: 1px solid var(--line); padding: 6px 18px 14px; display: flex; flex-direction: column; min-width: 0; }
.pf-sec.pf-wide { grid-column: 1 / -1; gap: 10px; padding-bottom: 18px; }
.pf-sec h2 { margin: 12px 0 6px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); display: flex; gap: 8px; align-items: baseline; }
.pf-sec h2 small { text-transform: none; letter-spacing: 0; font-weight: 600; color: var(--faint); }
.pf-row, .pf-sw { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); width: 100%; text-align: left; color: var(--fg); cursor: pointer; }
.pf-sec > :last-child { border-bottom: 0; }
.pf-row > .ico:first-child { color: var(--muted); }
.pf-row .grow, .pf-sw .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pf-row small, .pf-sw small { color: var(--muted); font-size: 13px; }
.pf-row.danger, .pf-row.danger .ico { color: var(--bad); }
.pf-in { display: flex; flex-direction: column; gap: 4px; padding: 12px 0 4px; } .pf-in small { color: var(--muted); font-size: 13px; margin-bottom: 6px; }
.sw { appearance: none; -webkit-appearance: none; width: 42px; height: 24px; border-radius: var(--radius-pill); background: var(--soft-2); position: relative; flex: none; cursor: pointer; transition: background .15s; margin: 0; }
.sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--surface-raised); box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .15s; }
.sw:checked { background: var(--brand); } .sw:checked::after { transform: translateX(18px); }
.sw:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

/* paneli */
.p-new { margin: 2px 0 12px; width: 100%; }
.p-grp { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--faint); padding: 12px 12px 4px; }
.p-out { margin-top: auto; }
.p-tools { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.p-tools .search { flex: 1; min-width: 200px; max-width: 340px; height: 44px; }
.p-tools .seg button .num { opacity: .55; font-size: 12.5px; margin-left: 2px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.otbl td { vertical-align: middle; }
.kebab { position: relative; }
.kebab > summary { list-style: none; width: 36px; height: 36px; border-radius: var(--radius-sm); display: grid; place-items: center; cursor: pointer; box-shadow: inset 0 0 0 1px var(--line); color: var(--muted); }
.kebab > summary::-webkit-details-marker { display: none; }
.kebab[open] > summary, .kebab > summary:hover { background: var(--soft); color: var(--fg); }
.kebab .menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; min-width: 230px; background: var(--raised); border-radius: var(--radius-md); box-shadow: var(--shadow), 0 0 0 1px var(--line); padding: 6px; display: flex; flex-direction: column; }
.kebab .menu button { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: var(--radius-sm); font-size: 14px; font-weight: 600; text-align: left; white-space: nowrap; }
.kebab .menu button:hover { background: var(--soft); } .kebab .menu button.danger { color: var(--bad); }
.tbl-wrap:has(.kebab[open]) { overflow: visible; }

/* akordeoni */
.acc-list { display: flex; flex-direction: column; gap: 10px; }
.p-main .acc-list { max-width: 860px; }
.acc { border: 1px solid var(--line); background: var(--raised); }
.acc > summary { list-style: none; display: flex; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer; }
.acc > summary::-webkit-details-marker { display: none; }
.acc > summary .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.acc > summary small { color: var(--muted); font-size: 13px; font-weight: 500; }
.acc > summary > .ico:last-child { color: var(--muted); transition: transform .2s; flex: none; }
.acc[open] > summary > .ico:last-child { transform: rotate(180deg); }
.acc[open] > summary { border-bottom: 1px solid var(--line); }
.acc > summary:hover { background: var(--soft); }
.acc-b { padding: 16px; display: flex; flex-direction: column; gap: 14px; }
.acc-save { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 4px; }

/* magjistari */
.modal.wz { width: min(1080px, 100%); max-height: min(860px, calc(100% - 24px)); }
.wz-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0 22px; list-style: none; border-bottom: 1px solid var(--line); counter-reset: s; }
.wz-steps li button { display: flex; align-items: center; gap: 10px; padding: 14px 4px; width: 100%; text-align: left; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.wz-steps li button[disabled] { cursor: default; opacity: .5; }
.wz-steps .n { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; background: var(--soft); color: var(--muted); flex: none; }
.wz-steps .t { display: flex; flex-direction: column; min-width: 0; } .wz-steps .t b { font-size: 14px; } .wz-steps .t small { font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-steps li.on button { border-bottom-color: var(--fg); } .wz-steps li.on .n { background: var(--fg); color: var(--bg); }
.wz-steps li.done .n { background: var(--good-soft); color: var(--good); }
.wz-body { display: grid; grid-template-columns: minmax(0, 1fr) 290px; min-height: 0; flex: 1; }
.wz-main { overflow: auto; padding: 20px 22px 26px; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.wz-h h3 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.01em; } .wz-h p { margin: 3px 0 0; color: var(--muted); font-size: 14.5px; }
.wz-sum { border-left: 1px solid var(--line); background: var(--soft); padding: 18px 16px; overflow: auto; display: flex; flex-direction: column; gap: 2px; }
.wz-sum h4 { margin: 0 0 8px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); }
.wz-sr { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border-radius: var(--radius-sm); text-align: left; width: 100%; }
.wz-sr .ico { color: var(--muted); margin-top: 2px; flex: none; } .wz-sr .grow { display: flex; flex-direction: column; min-width: 0; }
.wz-sr small { font-size: 12px; color: var(--muted); font-weight: 600; } .wz-sr b { font-size: 14px; overflow-wrap: anywhere; }
.wz-sr:not([disabled]):hover { background: var(--raised); } .wz-sr.on { background: var(--raised); box-shadow: inset 0 0 0 1px var(--line); } .wz-sr.on .ico { color: var(--brand); }
.wz-sr[disabled] { cursor: default; opacity: .55; }
.wz-mini { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; padding: 0 10px; }
.wz-mini span { width: 38px; height: 38px; background: var(--raised); box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; font-size: 20px; overflow: hidden; }
.wz-mini img { width: 100%; height: 100%; object-fit: contain; } .wz-mini .more { font-size: 12.5px; font-weight: 800; color: var(--muted); }
.wz-tray { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 14px; }
.wz-tray .chip { height: 30px; font-size: 13px; padding: 0 10px; background: var(--fg); color: var(--bg); box-shadow: none; }
.wz-g > summary .ico:first-child { color: var(--muted); flex: none; }
.wz-all { font-size: 13px; font-weight: 700; white-space: nowrap; }
.wz-items { display: flex; flex-direction: column; }
.wz-it { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--line); cursor: pointer; }
.wz-items .wz-it:last-child, .wz-munis .wz-it:last-child { border-bottom: 0; }
.wz-it:hover { background: var(--soft); } .wz-it.on { background: color-mix(in srgb, var(--brand) 5%, transparent); }
.wz-it input { width: 19px; height: 19px; accent-color: var(--brand); flex: none; margin: 0; }
.wz-it .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; } .wz-it small { color: var(--muted); font-size: 13px; }
.wz-pic { width: 42px; height: 42px; background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); display: grid; place-items: center; font-size: 22px; flex: none; overflow: hidden; }
.wz-pic img { width: 100%; height: 100%; object-fit: contain; }
.wz-munis { margin: -16px; }
.wz-modes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.wz-modes.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wz-mode { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 14px; text-align: left; border: 1px solid var(--line); background: var(--raised); }
.wz-mode:hover:not([disabled]) { border-color: var(--faint); }
.wz-mode[aria-checked="true"] { border-color: var(--fg); box-shadow: inset 0 0 0 1px var(--fg); }
.wz-mode[disabled] { opacity: .45; cursor: not-allowed; }
.wz-mode b { font-size: 14.5px; } .wz-mode small { font-size: 12.5px; color: var(--muted); }
.wz-mi { width: 34px; height: 34px; border-radius: var(--radius-sm); background: var(--soft); display: grid; place-items: center; margin-bottom: 6px; color: var(--muted); }
.wz-mode[aria-checked="true"] .wz-mi { background: var(--brand); color: var(--on-brand); }
.wz-box { border: 1px solid var(--line); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.wz-row { display: flex; align-items: baseline; justify-content: space-between; }
.wz-big { font-size: 30px; font-weight: 800; color: var(--brand); letter-spacing: -.02em; }
.wz-box input[type=range] { width: 100%; accent-color: var(--brand); }
.wz-eur { display: flex; align-items: center; gap: 8px; max-width: 220px; } .wz-eur input { font-size: 20px; font-weight: 800; } .wz-eur span { font-size: 18px; font-weight: 800; color: var(--muted); }
.wz-ptbl { width: 100%; border-collapse: collapse; font-size: 14px; }
.wz-ptbl th { text-align: left; font-size: 12px; color: var(--muted); font-weight: 700; padding: 0 0 8px; } .wz-ptbl td { padding: 8px 0; border-top: 1px solid var(--line); } .wz-ptbl .r { text-align: right; padding-left: 12px; }
.wz-two { display: grid; grid-template-columns: auto auto; gap: 16px 24px; justify-content: start; }
.wz-two .seg { flex-wrap: wrap; }
.wz-note { margin: 0; display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 14px; } .wz-note .ico { flex: none; }
.wz-confirm { padding: 14px; border: 1px solid var(--line); }
.wz-f { align-items: center; justify-content: space-between; }
.wz-fs { color: var(--muted); font-size: 13.5px; font-weight: 600; margin: 0 auto; }
.wz-f .btn .ico:last-child { margin-right: -4px; }
@media (max-width: 900px) {
  .wz-body { grid-template-columns: minmax(0, 1fr); }
  .wz-sum { display: none; }
  .wz-modes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .pf-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-stat:nth-child(3) { border-left: 0; } .pf-stat:nth-child(n+3) { border-top: 1px solid var(--line); }
  .pf-grid { grid-template-columns: minmax(0, 1fr); }
  .pf-hero h1 { font-size: 24px; } .pf-av { width: 56px; height: 56px; }
  .modal.wz { max-height: 96%; }
  .wz-steps { padding: 0 8px; } .wz-steps .t { display: none; } .wz-steps li.on .t { display: flex; } .wz-steps li button { justify-content: center; } .wz-steps li.on { grid-column: span 1; }
  .wz-steps { grid-template-columns: auto auto auto auto; justify-content: space-between; }
  .wz-main { padding: 16px; }
  .wz-two { grid-template-columns: minmax(0, 1fr); }
  .wz-fs { display: none; }
  .p-tools .search { max-width: none; min-width: 0; flex: 1 1 100%; order: 2; } .p-tools .sel { order: 3; }
  .p-tools .seg { overflow-x: auto; max-width: 100%; }
  .p-h .btn[data-wiz] { display: none; }
  .p-tools .seg button { white-space: nowrap; }
  .otbl thead { display: none; } .otbl, .otbl tbody { display: block; }
  .otbl tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 14px; border-bottom: 1px solid var(--line); align-items: center; }
  .otbl tr:last-child { border-bottom: 0; }
  .otbl td { padding: 0 !important; border: 0 !important; display: block; }
  .otbl td:nth-child(1) { grid-column: 1 / -1; } .otbl td:nth-child(3) { text-align: right; } .otbl td:nth-child(4) { grid-column: 1; font-size: 13px; color: var(--muted); } .otbl td:nth-child(5) { display: none; } .otbl td:nth-child(6) { grid-column: 2; grid-row: 3; }
  .wz-f { flex-wrap: nowrap; } .wz-nx { display: none; }
  .p-new { position: fixed; right: var(--gr); bottom: calc(84px + env(safe-area-inset-bottom, 0px)); width: auto; margin: 0; z-index: 24; border-radius: 6px; box-shadow: 0 6px 20px rgba(239,43,58,.35); padding: 0 18px; }
  .p-main { padding-bottom: 88px; }
  .p-grp { display: none; } .p-out { margin-top: 0; }
}

/* profili v2 */
.pf2 { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; align-items: start; max-width: 1120px; }
.pf-side { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 18px; }
.pf-me { display: flex; align-items: center; gap: 14px; }
.pf-me h1 { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.02em; } .pf-me p { margin: 2px 0 0; color: var(--muted); font-size: 14px; }
.pf-me .pf-av { width: 60px; height: 60px; }
.pf-stats2 { border: 1px solid var(--line); display: flex; flex-direction: column; }
.pf-stats2 a { display: flex; align-items: center; gap: 10px; padding: 12px 14px; font-size: 14px; color: var(--fg); }
.pf-stats2 a + a { border-top: 1px solid var(--line); } .pf-stats2 a:hover { background: var(--soft); }
.pf-stats2 .ico { color: var(--brand); } .pf-stats2 .grow { flex: 1; } .pf-stats2 b { font-size: 15px; }
.pf-nav { display: flex; flex-direction: column; gap: 2px; }
.pf-nav button { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: var(--radius-sm); font-weight: 600; font-size: 14.5px; color: var(--muted); text-align: left; }
.pf-nav button:hover { background: var(--soft); color: var(--fg); }
.pf-note { display: flex; gap: 8px; margin: 0; font-size: 12.5px; color: var(--muted); line-height: 1.45; } .pf-note .ico { flex: none; margin-top: 1px; }
.pf-main { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.pf-card { border: 1px solid var(--line); background: var(--raised); scroll-margin-top: 90px; }
.pf-card > header { display: flex; align-items: center; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.pf-card > header .grow { flex: 1; min-width: 0; }
.pf-card h2 { margin: 0; font-size: 17px; font-weight: 800; letter-spacing: -.01em; } .pf-card header p { margin: 2px 0 0; color: var(--muted); font-size: 13.5px; }
.pf-ic { width: 38px; height: 38px; border-radius: var(--radius-sm); background: var(--brand-soft); color: var(--brand); display: grid; place-items: center; flex: none; }
.pf-count { font-size: 13.5px; color: var(--muted); white-space: nowrap; } .pf-count b { color: var(--fg); }
.pf-body { padding: 6px 22px 18px; display: flex; flex-direction: column; }
.pf-line { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); width: 100%; text-align: left; color: var(--fg); }
.pf-line:last-child { border-bottom: 0; }
.pf-line.col { flex-direction: column; align-items: stretch; gap: 10px; }
.pf-line .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pf-line small { color: var(--muted); font-size: 13px; } .pf-line > .ico { color: var(--muted); flex: none; }
.pf-line.danger b, .pf-line.danger .ico { color: var(--bad); }
a.pf-line:hover b, button.pf-line:hover b { text-decoration: underline; text-underline-offset: 3px; }
.pf-body .pf-sw:last-child { border-bottom: 0; }
.int-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-top: 12px; }
.int-t { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); text-align: left; background: var(--raised); transition: border-color .12s, background .12s; }
.int-t:hover { border-color: var(--faint); }
.int-t .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; } .int-t b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .int-t small { font-size: 12px; color: var(--muted); }
.int-i { width: 34px; height: 34px; border-radius: var(--radius-sm); background: var(--soft); display: grid; place-items: center; color: var(--muted); flex: none; }
.int-c { width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--line); display: grid; place-items: center; flex: none; color: var(--on-brand); }
.int-t.on { border-color: var(--brand); background: color-mix(in srgb, var(--brand) 4%, var(--raised)); }
.int-t.on .int-i { background: var(--brand); color: var(--on-brand); } .int-t.on .int-c { background: var(--brand); box-shadow: none; }
.pf-themes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-top: 12px; }
.pf-th { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px; border: 1px solid var(--line); text-align: left; }
.pf-th.on { border-color: var(--fg); box-shadow: inset 0 0 0 1px var(--fg); }
.pf-th b { font-size: 14px; margin-top: 8px; } .pf-th small { font-size: 12px; color: var(--muted); }
.pf-sw-prev { width: 100%; height: 46px; border-radius: var(--radius-sm); box-shadow: inset 0 0 0 1px var(--line); padding: 9px 10px; display: flex; flex-direction: column; gap: 6px; }
.pf-sw-prev i { display: block; height: 7px; border-radius: var(--radius-pill); } .pf-sw-prev i:first-child { width: 70%; } .pf-sw-prev i:last-child { width: 45%; }
.pf-sw-prev.light { background: #ffffff; } .pf-sw-prev.light i { background: #e4e4e8; }
.pf-sw-prev.dark { background: #1f1b17; box-shadow: none; } .pf-sw-prev.dark i { background: #332d27; }
.pf-sw-prev.system { background: linear-gradient(90deg, #fff 50%, #1f1b17 50%); } .pf-sw-prev.system i { background: linear-gradient(90deg, #e4e4e8 50%, #332d27 50%); background-size: 200% 100%; background-position: left; } .pf-sw-prev.system i:first-child { width: 100%; } .pf-sw-prev.system i:last-child { width: 100%; opacity: .7; }
@media (max-width: 1100px) { .int-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 860px) {
  .pf2 { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .pf-side { position: static; } .pf-nav, .pf-note { display: none; }
  .pf-stats2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf-stats2 a { flex-direction: column; align-items: flex-start; gap: 4px; } .pf-stats2 a + a { border-top: 0; }
  .pf-stats2 a:nth-child(even) { border-left: 1px solid var(--line); } .pf-stats2 a:nth-child(n+3) { border-top: 1px solid var(--line); }
  .pf-stats2 b { font-size: 22px; order: -1; } .pf-stats2 .ico { display: none; } .pf-stats2 .grow { font-size: 13px; color: var(--muted); }
}
@media (max-width: 760px) {
  .pf2 { margin: 0; }
  .pf-card { margin: 0 calc(-1 * var(--gr)) 0 calc(-1 * var(--g)); border-left: 0; border-right: 0; }
  .pf-card > header { padding: 16px; } .pf-body { padding: 4px 16px 16px; }
  .pf-card > header .pf-count { display: none; }
  .int-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } .int-t { padding: 8px; gap: 8px; } .int-i { width: 30px; height: 30px; } .int-c { display: none; }
  .pf-themes { gap: 6px; } .pf-th { padding: 8px; } .pf-th small { display: none; }
}

.pf-acc > summary { list-style: none; display: flex; align-items: center; gap: 14px; padding: 18px 22px; cursor: pointer; }
.pf-acc > summary::-webkit-details-marker { display: none; }
.pf-acc > summary .grow { flex: 1; min-width: 0; } .pf-acc > summary p { margin: 3px 0 0; color: var(--muted); font-size: 13.5px; }
.pf-acc > summary:hover { background: var(--soft); }
.pf-acc[open] > summary { border-bottom: 1px solid var(--line); }
.pf-chev { color: var(--muted); display: grid; transition: transform .2s; flex: none; } .pf-acc[open] .pf-chev { transform: rotate(180deg); }
.pf-picked { display: flex; flex-wrap: wrap; gap: 5px; }
.pf-picked span { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: var(--radius-pill); background: var(--brand-soft); color: var(--brand); font-size: 12.5px; font-weight: 700; }
.pf-hint { margin: 12px 0 0; color: var(--muted); font-size: 13.5px; }
@media (max-width: 760px) { .pf-acc > summary { padding: 16px; } .pf-acc .pf-count { display: none; } }

/* kategoritë me "Më shumë" */
.cats-wrap { display: flex; align-items: center; gap: 6px; position: relative; }
.cats-wrap .cats { flex: 1; min-width: 0; }
.cat-more { position: relative; flex: none; }
.cat-more > summary { list-style: none; cursor: pointer; box-shadow: inset 0 0 0 1px var(--line); }
.cat-more > summary::-webkit-details-marker { display: none; }
.cat-more > summary .ico { transition: transform .2s; } .cat-more[open] > summary .ico { transform: rotate(180deg); }
.cat-more > summary[aria-pressed="true"] { background: var(--fg); color: var(--bg); box-shadow: none; }
.cm-pop { position: absolute; right: 0; top: calc(100% + 8px); z-index: 40; width: 560px; background: var(--raised); box-shadow: var(--shadow), 0 0 0 1px var(--line); padding: 14px; }
.cm-h { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); padding: 0 6px 10px; }
.cm-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
.cm-it { display: flex; align-items: center; gap: 9px; padding: 9px 8px; text-align: left; font-weight: 600; font-size: 14px; border-radius: var(--radius-sm); }
.cm-it .grow { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cm-it small { color: var(--muted); font-size: 12px; }
.cm-it .ico { color: var(--muted); } .cm-it:hover { background: var(--soft); }
.cm-it[aria-pressed="true"] { background: var(--brand-soft); color: var(--brand); } .cm-it[aria-pressed="true"] .ico { color: var(--brand); }
.cm-it.dim { opacity: .55; } .cm-it.dim:hover { opacity: 1; }
@media (max-width: 760px) { .cat-more { display: none; } .cats { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); } }
/* filtrat anash: ngjiten dhe lëvizin vetë kur janë më të gjata se ekrani */
.filters { top: calc(env(safe-area-inset-top, 0px) + 148px); max-height: calc(100vh - 168px - env(safe-area-inset-top, 0px)); overflow-y: auto; overscroll-behavior: contain; padding-right: 8px; margin-right: -8px; padding-bottom: 12px; scrollbar-width: thin; scrollbar-color: var(--soft-2) transparent; }
.filters::-webkit-scrollbar { width: 6px; } .filters::-webkit-scrollbar-thumb { background: var(--soft-2); border-radius: var(--radius-pill); }
/* lidhja me adminin */
.banner.bad { background: var(--bad-soft); } .banner.bad .ico { color: var(--bad); }
.p-side .cnt.hot { background: var(--brand); color: var(--on-brand); border-radius: var(--radius-pill); min-width: 20px; height: 20px; display: grid; place-items: center; padding: 0 6px; }
.mbox { display: grid; grid-template-columns: 320px minmax(0, 1fr); border: 1px solid var(--line); min-height: 420px; }
.mlist { border-right: 1px solid var(--line); display: flex; flex-direction: column; overflow: auto; max-height: 640px; }
.mrow { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; position: relative; }
.mrow b { font-size: 14px; font-weight: 600; } .mrow small { color: var(--muted); font-size: 12.5px; }
.mrow.unread b { font-weight: 800; } .mrow.unread::before { content: ""; position: absolute; left: 6px; top: 20px; width: 6px; height: 6px; border-radius: 50%; background: var(--brand); }
.mrow:hover { background: var(--soft); } .mrow.on { background: var(--soft); box-shadow: inset 3px 0 0 var(--fg); }
.mread { padding: 22px 26px; min-width: 0; }
.mread header { display: flex; gap: 10px; align-items: center; } .mread header b { display: block; font-size: 14px; } .mread header small { color: var(--muted); font-size: 12.5px; }
.mread h2 { margin: 18px 0 12px; font-size: 20px; font-weight: 800; letter-spacing: -.01em; }
.mtext { font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.links-x { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; }
.links-x a { color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) { .mbox { grid-template-columns: minmax(0, 1fr); } .mlist { border-right: 0; border-bottom: 1px solid var(--line); max-height: 260px; } .mread { padding: 18px 16px; } }

/* pa hapësira bosh */
.sq-cats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1180px) { .sq-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .sq-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.b-mock { margin-top: 22px; } .b-mock .stat { bottom: auto; top: -22px; right: 18px; }

/* kontrolli i hapësirave: kushtet në dy kolona, paneli në mobil */
@media (min-width: 1000px) {
  .terms { max-width: 1120px; display: grid; grid-template-columns: 270px minmax(0, 1fr); column-gap: 56px; align-items: start; }
  .terms > h1, .terms > p, .terms > .t-draft { grid-column: 1 / -1; }
  .terms > .t-draft { justify-self: start; }
  .terms > .toc { grid-column: 1; grid-row: 4 / span 14; position: sticky; top: 96px; columns: 1; margin-top: 24px; }
  .terms > section { grid-column: 2; max-width: 760px; }
}
@media (max-width: 760px) {
  .panel { grid-template-rows: auto 1fr; align-content: start; }
  .br-r { flex-wrap: wrap; row-gap: 4px; } .br-r .grow { flex: 1 1 calc(100% - 64px); } .br-r > span:not(.grow) { order: 3; flex-basis: 100%; font-size: 13px !important; }
  .br-r .icon-btn { order: 2; }
  .ctbl thead { display: none; } .ctbl, .ctbl tbody { display: block; }
  .ctbl tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 12px 14px; border-bottom: 1px solid var(--line); align-items: center; }
  .ctbl td { padding: 0 !important; border: 0 !important; display: block; }
  .ctbl td:nth-child(1) { grid-column: 1; } .ctbl td:nth-child(2) { display: none; } .ctbl td:nth-child(3) { grid-column: 2; grid-row: 1; text-align: right; }
  .ctbl td:nth-child(4) { grid-column: 1; } .ctbl td:nth-child(5) { grid-column: 2; grid-row: 2; }
  .super .pr { flex-wrap: wrap; gap: 0 8px; } .super .pr b { font-size: 20px; } .super h3 { font-size: 16px; } .super .txt { padding: 14px; gap: 6px; } .super .st { font-size: 12.5px; flex-wrap: wrap; }
}

/* ---- Karburantet ---- */
.fz { display: flex; flex-direction: column; gap: 14px; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 18px; margin: 4px 0 22px; min-width: 0; }
.fz-h h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 21px; font-weight: 800; letter-spacing: -.01em; color: var(--ink); }
.fz-h h2 svg { color: var(--brand); flex: none; }
.fz-h p { margin: 4px 0 0; font-size: 13px; color: var(--ink-muted); }
.fz-types { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -2px; padding: 2px; }
.fz-types::-webkit-scrollbar { display: none; }
.fz-types button { flex: none; height: 38px; padding: 0 15px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.fz-types button[aria-selected="true"] { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.fz-sums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.fz-sum { display: flex; flex-direction: column; gap: 3px; padding: 13px 14px; border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--line); color: var(--ink); text-decoration: none; min-width: 0; cursor: default; }
a.fz-sum, div.fz-sum[data-store] { cursor: pointer; }
.fz-sum small { font-size: 12px; font-weight: 600; color: var(--ink-muted); }
.fz-sum b { font-size: 26px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.fz-sum b i, .fzs-r b i { font-style: normal; font-size: 13px; font-weight: 600; color: var(--ink-muted); margin-left: 2px; }
.fz-sum span { font-size: 12.5px; color: var(--ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fz-sum.hot { background: var(--brand-soft); border-color: color-mix(in srgb, var(--brand) 35%, transparent); }
.fz-sum.hot small { color: var(--brand-ink); }
.fz-ctl { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.fz-seg { display: inline-flex; padding: 3px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); }
.fz-seg button { height: 32px; padding: 0 13px; border: 0; border-radius: 999px; background: none; color: var(--ink-muted); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.fz-seg button[aria-pressed="true"] { background: var(--surface-raised); color: var(--ink); box-shadow: 0 1px 3px rgba(22, 18, 14, .14); }
.fz-sel { height: 38px; padding: 0 30px 0 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C8379' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center / 14px; color: var(--ink); font: inherit; font-size: 13.5px; font-weight: 600; -webkit-appearance: none; appearance: none; max-width: 100%; }
.fz-list { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.fz-row { display: flex; align-items: center; gap: 12px; padding: 12px 2px; border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; cursor: pointer; min-width: 0; }
.fz-row:last-child { border-bottom: 0; }
@media (hover: hover) { .fz-row:hover { background: color-mix(in srgb, var(--line) 30%, transparent); } }
.fz-row > :first-child { flex: none; }
.fz-n { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fz-n b { font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fz-n small { font-size: 13px; color: var(--ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fz-n em { font-style: normal; font-size: 12px; color: var(--ink-muted); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.fz-best { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; background: var(--success); color: var(--surface-raised); font-size: 11.5px; font-weight: 700; }
.fz-p { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.fz-p b { font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.fz-row.best .fz-p b { color: var(--success); }
.fz-p small, .fzs-r small { font-size: 12px; font-weight: 600; color: var(--ink-muted); }
.fz .lo, .fzs .lo { color: var(--success) !important; }
.fz .hi, .fzs .hi { color: var(--brand-ink) !important; }
.fz-more { height: 44px; border-radius: var(--radius-md); border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; }
.fz-fine { margin: 0; font-size: 12px; color: var(--ink-muted); }
@media (max-width: 700px) {
  .fz { padding: 14px; border-radius: var(--radius-lg); }
  .fz-sums { grid-template-columns: 1fr 1fr; }
  .fz-sums .fz-sum.hot { grid-column: 1 / -1; }
  .fz-sum b { font-size: 22px; }
  .fz-ctl { gap: 6px; }
  .fz-ctl .fz-sel { flex: 1; min-width: 0; }
}

/* shiriti në ballinë */
.fzm { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--radius-lg); background: var(--surface-raised); border: 1px solid var(--line); cursor: pointer; margin: 4px 0 18px; min-width: 0; }
.fzm-ic { flex: none; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand-ink); }
.fzm-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.fzm-t b { font-size: 16px; font-weight: 800; color: var(--ink); }
.fzm-t small { font-size: 13px; color: var(--ink-muted); }
.fzm-l { display: flex; gap: 18px; }
.fzm-i { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.fzm-i small { font-size: 11.5px; font-weight: 600; color: var(--ink-muted); }
.fzm-i b { font-size: 19px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; }
.fzm-i em { font-style: normal; font-size: 11.5px; color: var(--ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; }
.fzm-go { flex: none; display: inline-flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 700; color: var(--brand-ink); }
@media (hover: hover) { .fzm:hover { border-color: var(--line-strong); } }
@media (max-width: 760px) {
  .fzm { flex-wrap: wrap; gap: 12px; padding: 14px; }
  .fzm-t { flex: 1 1 calc(100% - 60px); }
  .fzm-l { flex: 1 1 100%; gap: 0; }
  .fzm-l .fzm-i { flex: 1; padding: 10px 12px; background: var(--surface); border-radius: var(--radius-md); }
  .fzm-l .fzm-i + .fzm-i { margin-left: 8px; }
  .fzm-go { display: none; }
}

/* te faqja e pikës */
.fzs { background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 16px; display: flex; flex-direction: column; gap: 12px; margin-bottom: 18px; }
.fzs-h { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.fzs-h h3 { margin: 0; display: flex; align-items: center; gap: 7px; font-size: 18px; font-weight: 800; color: var(--ink); }
.fzs-h h3 svg { color: var(--brand); }
.fzs-h small { font-size: 12.5px; color: var(--ink-muted); }
.fzs-g { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; }
.fzs-r { display: flex; flex-direction: column; gap: 2px; padding: 12px; border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--line); }
.fzs-r span { font-size: 12.5px; font-weight: 600; color: var(--ink-muted); }
.fzs-r b { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
.fzs-sv { display: flex; gap: 6px; flex-wrap: wrap; }
.fzs-sv span { height: 26px; display: inline-flex; align-items: center; padding: 0 10px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); font-size: 12.5px; color: var(--ink-muted); }
@media (max-width: 700px) {
  .fz-sum span { white-space: normal; }
  .fz-ctl { display: grid; grid-template-columns: 1fr 1fr; }
  .fz-ctl .fz-seg { display: flex; }
  .fz-ctl .fz-seg button { flex: 1; padding: 0 8px; }
  .fz-ctl .fz-seg:first-child { grid-column: 1 / -1; }
  .fz-ctl .fz-sel { width: 100%; }
  .fz-row { gap: 10px; }
  .fz-p b { font-size: 18px; }
}
/* ===== n’Zbritje — identiteti zyrtar (BRAND.md) ===== */
body { background: var(--surface); color: var(--ink); font-family: var(--font-sans); }
h1, h2, h3, .newp, .badge, .price, .kpi b, .pf-stat b { font-family: var(--font-display); font-weight: 800; }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
/* logo: lockup horizontal, versioni sipas temës */
.logo { gap: 0; }
.logo .lk { height: 32px; width: auto; display: block; }
.logo .lk-w { display: none; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .logo .lk-c { display: none; } :root:not([data-theme="light"]) .logo .lk-w { display: block; } }
:root[data-theme="dark"] .logo .lk-c { display: none; } :root[data-theme="dark"] .logo .lk-w { display: block; }
.ftr .logo .lk { height: 36px; }
.logo-m { background: none !important; border-radius: 0 !important; overflow: visible; }
.logo-m img { border-radius: 25%; }
@media (max-width: 760px) { .logo .lk { height: 28px; } }
/* avatarët me inicialet: brand-soft + brand-ink */
.av { background: var(--brand-soft); color: var(--brand-ink); }
/* etiketa e përqindjes: kapsulë brand, 800, lart majtas mbi foto */
.badge { top: 10px; left: 10px; background: var(--brand); color: var(--on-brand); font-family: var(--font-display); font-weight: 800; font-size: 18px; line-height: 18px; padding: 7px 12px; border-radius: var(--radius-pill); letter-spacing: 0; font-variant-numeric: tabular-nums; }
.o-img .badge { font-size: 28px; line-height: 28px; padding: 10px 18px; border-radius: var(--radius-pill); top: 18px; left: 18px; }
.super .img .badge { font-size: 22px; line-height: 22px; padding: 8px 14px; border-radius: var(--radius-pill); }
/* karta e ofertës (DealCard) */
.grid { gap: var(--space-4); }
.card { background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); overflow: hidden; transition: transform .15s; }
.card:hover { transform: translateY(-2px); }
.card .pic { margin: 8px; border-radius: var(--radius-md); background: var(--surface); box-shadow: none; }
.card .body { padding: 4px var(--space-4) var(--space-4); gap: 0; }
.card .store { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--ink-muted); gap: 4px; }
.card .title { font-family: var(--font-display); font-size: 17px; line-height: 22px; font-weight: 800; letter-spacing: -.01em; margin: 2px 0 8px; color: var(--ink); }
.card .prices { margin-top: 0; gap: 8px; }
.card .newp { font-size: 24px; line-height: 26px; letter-spacing: -.02em; color: var(--ink); }
.oldp { font-size: 13px; color: var(--ink-muted); text-decoration: line-through; }
.card .foot { margin-top: 6px; font-size: 13px; font-weight: 600; }
.card .foot .ok { color: var(--success); } .card .foot .soon { color: var(--brand-ink); font-weight: 700; } .card .foot .dist { color: var(--ink-muted); font-weight: 600; }
.saved-mark { color: var(--brand); }
.rail .card { width: 230px; }
@media (max-width: 760px) {
  .grid { gap: var(--space-3); }
  .card .pic { margin: 6px; } .card .body { padding: 2px var(--space-3) var(--space-3); }
  .card .title { font-size: 15px; line-height: 20px; } .card .newp { font-size: 19px; line-height: 22px; }
  .badge { font-size: 15px; line-height: 15px; padding: 6px 10px; top: 8px; left: 8px; }
  .rail .card { width: 172px; }
}
/* butonat: radius-md, body-strong */
.btn { border-radius: var(--radius-md); font-weight: 600; }
.btn.pri { background: var(--brand); color: var(--on-brand); }
.btn.dark { background: var(--ink); color: var(--surface); }
.btn.sec { background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line-strong); color: var(--ink); }
/* fushat */
.field input, .field select, .field textarea, .search { border-radius: var(--radius-sm); }
.field input, .field select, .field textarea { box-shadow: inset 0 0 0 1px var(--line-strong); background: var(--surface-raised); }
/* kartat dhe kutitë: radius-lg */
.box, .pf-card, .s-card, .acc, .wz-box, .mbox, .tbl-wrap, .prof, .kpi, .pf-stats, .pf-stats2, .pf-sec, .mail-box, .nb, .cm-pop, .int-t, .pf-th, .wz-mode, .wz-confirm { border-radius: var(--radius-lg); }
.pf-card, .s-card, .acc, .mbox, .pf-stats, .pf-stats2 { overflow: hidden; }
.int-t, .pf-th, .wz-mode, .wz-confirm, .wz-pic, .wz-mini span { border-radius: var(--radius-md); }
.s-card { border-color: var(--line); }
.chip[aria-pressed="true"], .cat[aria-pressed="true"] { background: var(--ink); color: var(--surface); }
.label, .p-grp, .pf-sec h2, .cm-h, .wz-sum h4, .s-addr-l { letter-spacing: .06em; font-weight: 700; }
.card .prices { flex-wrap: wrap; row-gap: 2px; } .card .newp, .card .per, .card .oldp { white-space: nowrap; }
.card .foot { flex-wrap: nowrap; } .card .foot > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.o-img { border-radius: var(--radius-lg); background: var(--surface-raised); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.super, .super .img { border-radius: 0; } .super { border-radius: var(--radius-lg); background: var(--surface-raised); border: 1px solid var(--line); }
.super .img { background: var(--surface); }
@media (max-width: 760px) { .card .foot { flex-wrap: wrap; row-gap: 0; } .card .foot > span:first-child { white-space: normal; overflow: visible; } }

.nzn { color: var(--brand-ink); font-weight: 700; white-space: nowrap; }

.nz-cover { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.nz-cover .nzc-pat path { fill: none; stroke: var(--line); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.nz-cover .nzc-brand { fill: var(--brand); } .nz-cover .nzc-sticker { fill: var(--sticker); } .nz-cover .nzc-ink { fill: var(--ink); }
.nz-cover .nzc-chev path { fill: none; stroke: var(--on-brand); stroke-width: 15; stroke-linecap: round; stroke-linejoin: round; }
.nz-cover .nzc-chev path:nth-child(1) { opacity: .35; } .nz-cover .nzc-chev path:nth-child(2) { opacity: .55; } .nz-cover .nzc-chev path:nth-child(3) { opacity: .8; }
.s-cover, .be-cover, .cover-edit { background: var(--surface) !important; position: relative; overflow: hidden; }
.cover-edit > span, .be-cover > .be-tag { position: relative; z-index: 1; }

/* kopertina: e kuqja e logos (#E0300F) */
.s-cover, .be-cover, .cover-edit { background: #E0300F !important; }
.nz-cover .nzc-pat path { stroke: #FFFFFF; stroke-opacity: .2; }
.nz-cover .nzc-brand { fill: #C42A0C; } .nz-cover circle.nzc-brand { fill: #E0300F; }
.nz-cover .nzc-chev path { stroke: #FFFFFF; }
.nz-cover .nzc-sticker { fill: #FFC529; }
.nz-cover .nzc-ink { fill: #FFFFFF; fill-opacity: .14; }
.cover-edit > span { color: #FFFFFF !important; }

/* kopertina njëtrajtshme + avatari me kufi */
.nz-cover .nzc-pat path { fill: none; stroke: #FFFFFF; stroke-opacity: .22; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.s-top .av, .s-head .av { box-shadow: 0 0 0 4px var(--surface-raised), 0 0 0 5px var(--line) !important; }
.s-card { overflow: visible !important; }
@media (min-width: 761px) { .s-top { margin-top: -30px; align-items: flex-end; } .s-id { padding-bottom: 8px; } .s-id h1 { line-height: 1.2; } }

/* Butonat zyrtarë të dyqaneve (App Store / Google Play): gjithmonë të zinj, si badge-at origjinalë */
.stores-btns { gap: 10px !important; }
.appbtn.sb-apple, .appbtn.sb-play { height: 48px !important; min-width: 156px; padding: 0 16px 0 12px !important; gap: 9px !important; background: #000 !important; color: #fff !important; border: 1px solid #A6A6A6 !important; border-radius: 10px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; box-shadow: none !important; transition: transform .12s, border-color .12s; }
.appbtn.sb-apple:hover, .appbtn.sb-play:hover { border-color: #fff !important; transform: translateY(-1px); }
.appbtn .sb-ic { width: 26px; height: 26px; flex: none; }
.appbtn.sb-play .sb-ic { width: 24px; height: 24px; }
.appbtn.sb-apple span, .appbtn.sb-play span { display: flex; flex-direction: column; align-items: flex-start; line-height: 1; text-align: left; }
.appbtn.sb-apple small, .appbtn.sb-play small { font-size: 10px !important; font-weight: 500 !important; opacity: 1 !important; letter-spacing: .01em; margin-bottom: 3px; }
.appbtn.sb-play small { font-size: 9px !important; letter-spacing: .06em; }
.appbtn.sb-apple b { font-size: 20px; font-weight: 600; letter-spacing: -.02em; }
.appbtn.sb-play b { font-size: 19px; font-weight: 500; letter-spacing: -.01em; }

/* Harta në temën e errët: toka e dukshme, kufijtë e qartë, komunat me zbritje me nuancë të kuqe */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .map-box { background: var(--surface); } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .muni { fill: color-mix(in srgb, var(--line) 80%, var(--surface-raised)); stroke: var(--surface); stroke-width: 1.8; } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .muni.hot { fill: color-mix(in srgb, var(--brand) 13%, var(--line)); fill-opacity: 1 !important; } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .muni:hover { fill: color-mix(in srgb, var(--brand) 28%, var(--line)); } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .muni.sel { fill: color-mix(in srgb, var(--brand) 32%, var(--line)); stroke: var(--brand); stroke-width: 2.5; } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mpin circle { stroke: var(--surface); stroke-width: 2.5; } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mpin text { fill: var(--on-brand); } }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mlab { fill: var(--ink-muted); } }
:root[data-theme="dark"] .map-box { background: var(--surface); }
:root[data-theme="dark"] .muni { fill: color-mix(in srgb, var(--line) 80%, var(--surface-raised)); stroke: var(--surface); stroke-width: 1.8; }
:root[data-theme="dark"] .muni.hot { fill: color-mix(in srgb, var(--brand) 13%, var(--line)); fill-opacity: 1 !important; }
:root[data-theme="dark"] .muni:hover { fill: color-mix(in srgb, var(--brand) 28%, var(--line)); }
:root[data-theme="dark"] .muni.sel { fill: color-mix(in srgb, var(--brand) 32%, var(--line)); stroke: var(--brand); stroke-width: 2.5; }
:root[data-theme="dark"] .mpin circle { stroke: var(--surface); stroke-width: 2.5; }
:root[data-theme="dark"] .mpin text { fill: var(--on-brand); }

.cats .cat[hidden], .cat-more[hidden] { display: none !important; }

/* ---- Kartat e zbritjeve: njësoj si në app ---- */
.card { display: flex !important; flex-direction: column; border-radius: var(--radius-lg) !important; border: 1px solid var(--line) !important; background: var(--surface-raised) !important; box-shadow: 0 1px 2px rgba(22,18,14,.06), 0 8px 24px rgba(22,18,14,.06) !important; overflow: hidden; color: var(--ink); }
.card .pic { margin: 6px !important; border-radius: var(--radius-md) !important; background: var(--surface) !important; aspect-ratio: 145 / 112 !important; height: auto !important; }
.card .body { display: flex !important; flex-direction: column; gap: 5px !important; padding: 2px 12px 12px !important; flex: 1; }
.card .store { display: flex !important; align-items: center; gap: 5px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 18px !important; color: var(--ink-muted) !important; min-width: 0; }
.card .store .n { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.card .store .vb, .card .store .vbadge { flex: none; }
.card .where { display: flex; align-items: center; gap: 3px; margin-top: -2px; font-size: 12px; font-weight: 500; color: var(--ink-muted); min-width: 0; }
.card .where svg { flex: none; width: 12px; height: 12px; }
.card .where span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card .title { font-size: 14px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -.01em; color: var(--ink) !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; margin: 0 !important; }
.card .prices { display: flex !important; align-items: baseline; gap: 6px !important; flex-wrap: nowrap !important; white-space: nowrap; margin-top: auto; min-width: 0; }
.card .newp { font-size: 17px !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--ink) !important; }
.card .per { font-size: 12px !important; font-weight: 700 !important; color: var(--ink-muted) !important; margin-left: -2px; }
.card .oldp { font-size: 12px !important; font-weight: 400 !important; color: var(--ink-muted) !important; text-decoration: line-through; overflow: hidden; text-overflow: ellipsis; }
.card .foot { display: flex !important; align-items: center; justify-content: space-between; gap: 4px; font-size: 11.5px !important; }
.card .foot .ok { color: var(--success) !important; font-weight: 600 !important; font-size: 11.5px !important; }
.card .foot .soon { color: var(--brand-ink) !important; font-weight: 600 !important; font-size: 11.5px !important; }
.card .foot .dist { color: var(--ink-muted) !important; font-weight: 600 !important; font-size: 11.5px !important; white-space: nowrap; }
@media (min-width: 761px) {
  .card .body { padding: 4px 14px 14px !important; gap: 6px !important; }
  .card .title { font-size: 15px !important; }
  .card .newp { font-size: 19px !important; }
  .card .store { font-size: 13.5px !important; }
  .card .foot .ok, .card .foot .soon, .card .foot .dist { font-size: 12.5px !important; }
}
.rail:not(.profs) { grid-auto-columns: 210px; gap: 14px; padding-bottom: 6px; }
.rail .card { width: auto !important; }
@media (max-width: 760px) { .rail:not(.profs) { grid-auto-columns: 159px; gap: 12px; } }
.card .foot { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; } .card .foot > * { white-space: nowrap; }

/* ---- Orari i javës: listë e thjeshtë, dita e sotme e theksuar ---- */
.s-facts .week { padding: 6px 0 10px; }
.week { display: flex !important; flex-direction: column; gap: 2px !important; grid-template-columns: none !important; }
.wk { display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px 8px 30px !important; border-radius: var(--radius-sm) !important; background: none !important; color: var(--ink-muted) !important; font-size: 14px !important; }
.wk span { color: inherit !important; opacity: 1 !important; }
.wk b { color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wk.today { background: var(--surface) !important; color: var(--ink) !important; font-weight: 700; }
.wk.today b { font-weight: 800; }
.wk.today span::after { content: "Sot"; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: var(--ink); color: var(--surface-raised); font-size: 11px; font-weight: 700; vertical-align: 1px; }
.wk b.off { color: var(--brand-ink) !important; }

/* ---- Superzbritjet: njësoj si në app (karusel), 3 në rresht në desktop ---- */
.sup-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 0 6px; }
.sup-track::-webkit-scrollbar { display: none; }
.sup-c { scroll-snap-align: start; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); min-height: 190px; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; color: var(--ink); text-decoration: none; transition: transform .15s, border-color .15s; }
@media (hover: hover) { .sup-c:hover { border-color: var(--line-strong); } }
.sup-c:active { transform: scale(.985); }
.sup-t { display: flex; flex-direction: column; justify-content: center; gap: 6px; min-width: 0; padding: 16px 10px 16px 18px; }
.sup-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--brand-ink); }
.sup-title { font-size: 20px; font-weight: 800; line-height: 1.15; letter-spacing: -.025em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sup-st { display: flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--ink-muted); min-width: 0; white-space: nowrap; }
.sup-st .n { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sup-st em { font-style: normal; flex: none; }
.sup-st .vb, .sup-st .vbadge { flex: none; width: 13px; height: 13px; }
.sup-pr { display: flex; align-items: baseline; gap: 6px; white-space: nowrap; margin-top: 2px; }
.sup-pr b { font-size: 22px; font-weight: 800; letter-spacing: -.03em; }
.sup-pr small { font-size: 11px; font-weight: 700; color: var(--ink-muted); margin-left: -2px; }
.sup-pr s { font-size: 12.5px; color: var(--ink-muted); }
.sup-exp { font-size: 12px; font-weight: 600; color: var(--success); }
.sup-exp.soon { color: var(--brand-ink); }
.sup-art { position: relative; background: var(--surface); display: grid; place-items: center; overflow: hidden; }
.sup-art .em { font-size: 92px; line-height: 1; filter: drop-shadow(0 8px 10px rgba(0,0,0,.16)); }
.sup-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 8%; }
.sup-pct { position: absolute; top: 10px; left: 10px; background: var(--brand); color: var(--on-brand); font-weight: 800; font-size: 15px; padding: 4px 11px; border-radius: var(--radius-pill); }
.sup-bars { display: none; justify-content: center; gap: 5px; margin-top: 10px; }
.sup-bars i { width: 18px; height: 4px; border-radius: 999px; background: var(--line); transition: width .25s, background .25s; }
.sup-bars i.on { width: 30px; background: var(--brand); }
@media (max-width: 1100px) { .sup-track { grid-auto-columns: calc((100% - 16px) / 2); } }
@media (max-width: 760px) {
  .sup-track { grid-auto-columns: calc(100% - 44px); gap: 12px; margin-inline: calc(-1 * var(--g)); padding-inline: var(--g); scroll-padding-inline: var(--g); }
  .sup-c { min-height: 170px; }
  .sup-t { padding: 14px 8px 14px 16px; }
  .sup-title { font-size: 19px; }
  .sup-pr b { font-size: 19px; }
  .sup-art .em { font-size: 80px; }
  .sup-pct { font-size: 14px; padding: 3px 9px; top: 8px; left: 8px; }
  .sup-bars { display: flex; }
  .sup .rail-arrows { display: none; }
}

/* ---- Kartat më kompakte: foto pak më e ulët, pa hapësirë bosh, gjithçka në rreshtat e vet ---- */
.card .pic { aspect-ratio: 4 / 3 !important; }
.card .body { gap: 4px !important; padding: 2px 12px 12px !important; }
.card .title { min-height: 0 !important; }
.card .prices { margin-top: 4px !important; }
.card .foot > *:first-child { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.card .foot > .dist { flex: none; }
@media (min-width: 761px) {
  .card .body { padding: 2px 14px 14px !important; gap: 4px !important; }
  .card .pic .em { font-size: 84px; }
}
.card .foot { gap: 8px !important; }
@media (max-width: 760px), (pointer: coarse) { .chip.mfilter { min-height: 44px; } }

/* ---- Shenja e verifikimit në harmoni me emrin: madhësia sipas tekstit, e qendërzuar, hapësirë e njëjtë kudo ---- */
:is(svg.vb, svg.vbadge):not(.story *) { width: .84em !important; height: .84em !important; flex: none !important; vertical-align: -.08em !important; margin: 0 !important; align-self: center; }
.prof-n :is(svg.vb, svg.vbadge), p :is(svg.vb, svg.vbadge) { margin-left: .28em !important; }

/* ---- App Store dhe Google Play: të njëjtat përmasa dhe tekste ---- */
.appbtn.sb-apple, .appbtn.sb-play { width: 168px; min-width: 0 !important; height: 50px !important; padding: 0 14px 0 13px !important; gap: 10px !important; justify-content: flex-start; }
.appbtn.sb-apple .sb-ic, .appbtn.sb-play .sb-ic { width: 26px !important; height: 26px !important; }
.appbtn.sb-apple small, .appbtn.sb-play small { font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: .01em !important; text-transform: none !important; margin-bottom: 2px; }
.appbtn.sb-apple b, .appbtn.sb-play b { font-size: 19px !important; font-weight: 600 !important; letter-spacing: -.02em !important; line-height: 1.05; }
@media (max-width: 400px) { .appbtn.sb-apple, .appbtn.sb-play { width: 156px; } .appbtn.sb-apple b, .appbtn.sb-play b { font-size: 18px !important; } }
.appbtn.sb-apple, .appbtn.sb-play { width: 178px; }
.appbtn.sb-apple b, .appbtn.sb-play b, .appbtn.sb-apple small, .appbtn.sb-play small { white-space: nowrap; display: block; }
@media (max-width: 400px) { .appbtn.sb-apple, .appbtn.sb-play { width: 168px; } }

/* ---- Kartat katrore (pa kënde të rrumbullakëta), si më parë ---- */
.card, .card .pic, .card .ph, .rail .card, .grid .card { border-radius: 0 !important; }

/* ---- Superzbritjet katrore; foto e plotë deri në skaj brenda çdo karte ---- */
.sup-c, .sup-art, .bn, .bn-art { border-radius: 0 !important; }
.card .pic { margin: 0 !important; border-radius: 0 !important; width: 100% !important; }
.card .pic img, .card .pic .ph { border-radius: 0 !important; }
.card .badge { top: 10px !important; left: 10px !important; }
.grid > [hidden] { display: none !important; }
.prof, a.prof, .profs > * { border-radius: 0 !important; }

/* ---- Zona e prekjes: të paktën 44 × 44 px në telefon (Apple HIG / WCAG 2.5.5), pa e ndryshuar pamjen ---- */
@media (max-width: 760px), (pointer: coarse) {
  .chip, .cat, .seg button, .loc-link, a.link, button.link, .report, .nx, a.logo, .links-x a, .rail-arrows button, .t-key a {
    position: relative; -webkit-tap-highlight-color: transparent; }
  .chip::after, .cat::after, .seg button::after, .loc-link::after, a.link::after, button.link::after, .report::after, .nx::after, a.logo::after, .links-x a::after, .rail-arrows button::after {
    content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%); }
  /* kontejnerët që lëvizin anash e presin zonën: u japim hapësirë sipër e poshtë pa e ndryshuar vendin */
  .cats { padding-block: 13px !important; margin-block: -5px; }
  .chips.radius, .browse .chips, .res-h .chips { padding-block: 4px; margin-block: -4px; }
  /* lidhjet e fundit të faqes: listë vertikale, secila 44 px */
  .ftr ul { gap: 0 !important; }
  .ftr li > a, .ftr li > button { display: inline-flex; align-items: center; min-height: 44px; }
  .m-bell { width: 44px !important; height: 44px !important; }
  .sel, select.sel { min-height: 44px; }
  details > summary { padding-block: 11px; }
  .toc a { display: block; min-height: 44px; padding-block: 12px !important; line-height: 20px; }
}
@media (max-width: 760px), (pointer: coarse) {
  .ftr li > a, .ftr li > button { min-width: 44px; }
  .crumbs a, .go, .icon-btn { position: relative; }
  .crumbs a::after, .go::after, .icon-btn::after { content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%); }
  .btn.sm { min-height: 44px; }
}
@media (max-width: 760px), (pointer: coarse) {
  .links-x { display: flex; flex-wrap: wrap; column-gap: 16px; }
  .links-x a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* ---- 404 ---- */
.nf { max-width: 620px; margin: 40px auto 20px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.nf-code { font-size: 64px; font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--brand); }
.nf h1 { margin: 6px 0 0; font-size: 28px; font-weight: 800; letter-spacing: -.02em; color: var(--ink); }
.nf p { margin: 0; color: var(--ink-muted); font-size: 16px; }
.nf-q { display: flex; gap: 8px; width: 100%; max-width: 520px; margin-top: 12px; }
.nf-q .nf-s { flex: 1; display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 14px; border-radius: var(--radius-pill); background: var(--surface-raised); border: 1px solid var(--line); color: var(--ink-muted); }
.nf-q .nf-s input { flex: 1; border: 0; background: none; font: inherit; font-size: 15px; color: var(--ink); outline: none; min-width: 0; }
.nf-q .nf-s:focus-within { border-color: var(--ink); }
.nf-q .btn { height: 48px; }
.nf-go { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 8px; }
.nf-go .btn { min-height: 44px; }
@media (max-width: 760px) { .nf { margin-top: 20px; } .nf h1 { font-size: 24px; } .nf-q { flex-direction: column; } .nf-go .btn { flex: 1 1 calc(50% - 8px); justify-content: center; } }
.priv section { scroll-margin-top: 90px; }

/* ---- Për biznese ---- */
.bz { gap: 72px !important; }
.bz-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 56px; align-items: center; padding-top: 24px; }
.bz-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--brand-ink); background: var(--brand-soft); padding: 6px 12px; border-radius: 999px; }
.bz-hero h1 { margin: 16px 0 0; font-size: 52px; font-weight: 800; line-height: 1.04; letter-spacing: -.035em; color: var(--ink); }
.bz-hero h1 em { font-style: normal; color: var(--brand); }
.bz-hero p { font-size: 18px; line-height: 1.55; color: var(--ink-muted); margin: 18px 0 26px; max-width: 46ch; }
.bz-hero .acts { display: flex; gap: 10px; flex-wrap: wrap; }
.bz-cta { height: 52px; padding: 0 22px; font-size: 16px; }
.bz-ticks { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-wrap: wrap; gap: 8px 20px; }
.bz-ticks li { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ink); }
.bz-ticks svg { color: var(--success); }
.bz-hero-v { position: relative; padding: 28px 40px; background: var(--surface-raised); border: 1px solid var(--line); min-height: 420px; display: grid; place-items: center; overflow: hidden; }
.bz-hero-v::before { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 50% at 70% 20%, var(--brand-soft), transparent 70%); opacity: .8; }
.bz-phone { position: relative; width: 300px; padding: 14px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 24px 60px rgba(22,18,14,.14); display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bz-phone-h { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; padding: 2px 2px 4px; }
.bz-phone-h b { font-size: 16px; font-weight: 800; } .bz-phone-h span { font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--ink); color: var(--surface-raised); }
.bz-card { pointer-events: none; font-size: 13px; }
.bz-card .title { font-size: 13px !important; } .bz-card .newp { font-size: 15px !important; } .bz-card .body { padding: 2px 9px 9px !important; }
.bz-card .em { font-size: 54px; }
.bz-float { position: absolute; display: flex; align-items: center; gap: 10px; padding: 11px 14px; background: var(--surface-raised); border: 1px solid var(--line); box-shadow: 0 10px 30px rgba(22,18,14,.12); max-width: 240px; }
.bz-float b { display: block; font-size: 13.5px; font-weight: 800; color: var(--ink); } .bz-float small { display: block; font-size: 12px; color: var(--ink-muted); }
.bz-float svg { color: var(--brand); flex: none; }
.bz-f1 { left: 18px; bottom: 34px; } .bz-f2 { right: 18px; top: 30px; }
.bz-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--success) 20%, transparent); flex: none; }
.bz-sec { display: flex; flex-direction: column; gap: 22px; }
.bz-h h2 { margin: 0; font-size: 32px; font-weight: 800; letter-spacing: -.025em; color: var(--ink); }
.bz-h p { margin: 8px 0 0; font-size: 16px; color: var(--ink-muted); max-width: 60ch; }
.bz-why { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.bz-w { background: var(--surface-raised); padding: 26px; display: flex; flex-direction: column; gap: 8px; }
.bz-ic { width: 44px; height: 44px; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand-ink); margin-bottom: 6px; }
.bz-w h3 { margin: 0; font-size: 18px; font-weight: 800; color: var(--ink); } .bz-w p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--ink-muted); }
.bz-types { display: flex; gap: 8px; flex-wrap: wrap; }
.bz-ex { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px; align-items: center; padding: 34px; background: var(--surface-raised); border: 1px solid var(--line); }
.bz-ex-em { font-size: 40px; line-height: 1; } .bz-ex h3 { margin: 12px 0 6px; font-size: 26px; font-weight: 800; letter-spacing: -.02em; } .bz-ex p { margin: 0; font-size: 16px; color: var(--ink-muted); line-height: 1.55; }
.bz-ex-steps { margin: 18px 0 22px; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: var(--ink); }
.bz-ex-v { display: grid; place-items: center; padding: 26px; background: var(--surface); }
.bz-ex-v .bz-card { width: 220px; }
.bz-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.bz-step { padding: 26px; background: var(--surface-raised); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; }
.bz-step .k { width: 36px; height: 36px; display: grid; place-items: center; background: var(--brand); color: var(--on-brand); font-weight: 800; font-size: 16px; }
.bz-step h3 { margin: 8px 0 0; font-size: 18px; font-weight: 800; } .bz-step p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--ink-muted); }
.bz-tbl table { width: 100%; border-collapse: collapse; background: var(--surface-raised); }
.bz-tbl th, .bz-tbl td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: center; font-size: 14.5px; }
.bz-tbl th { font-size: 13px; font-weight: 700; color: var(--ink-muted); } .bz-tbl th:first-child, .bz-tbl td:first-child { text-align: left; color: var(--ink); font-weight: 600; }
.bz-tbl .hl { background: color-mix(in srgb, var(--brand-soft) 55%, var(--surface-raised)); } .bz-tbl th.hl { color: var(--brand-ink); font-weight: 800; }
.bz-tbl .y { color: var(--success); display: inline-flex; } .bz-tbl .n { color: var(--line-strong); }
.bz-chain { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.bz-chain h2 { margin: 0; font-size: 32px; font-weight: 800; letter-spacing: -.025em; } .bz-chain-t > p { margin: 8px 0 18px; color: var(--ink-muted); font-size: 16px; }
.bz-chain ul { list-style: none; padding: 0; margin: 0 0 22px; display: flex; flex-direction: column; gap: 16px; }
.bz-chain li { display: flex; gap: 12px; align-items: flex-start; } .bz-chain li svg { color: var(--brand); flex: none; margin-top: 2px; }
.bz-chain li b { display: block; font-size: 15.5px; color: var(--ink); } .bz-chain li span { font-size: 14.5px; color: var(--ink-muted); line-height: 1.5; }
.bz-stats { padding: 24px; background: var(--surface-raised); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 18px; }
.bz-stats-h b { display: block; font-size: 15px; } .bz-stats-h small { color: var(--ink-muted); font-size: 12.5px; }
.bz-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.bz-kpis div { padding: 12px; background: var(--surface); } .bz-kpis small { display: block; font-size: 12px; color: var(--ink-muted); font-weight: 600; } .bz-kpis b { font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.bz-bars { display: flex; align-items: flex-end; gap: 10px; height: 120px; padding-bottom: 18px; }
.bz-bars i { flex: 1; background: var(--brand); position: relative; min-height: 6px; } .bz-bars i:last-child { opacity: .55; }
.bz-bars em { position: absolute; bottom: -18px; left: 0; right: 0; text-align: center; font-style: normal; font-size: 11px; color: var(--ink-muted); }
.bz-note { color: var(--ink-muted); font-size: 12.5px; }
.bz .plan { position: relative; background: var(--surface-raised); border-radius: 0 !important; }
.bz .plan.hl { box-shadow: inset 0 0 0 2px var(--brand) !important; }
.bz-pop { position: absolute; top: -12px; left: 24px; background: var(--brand); color: var(--on-brand); font-size: 12px; font-weight: 800; padding: 4px 10px; border-radius: 999px; }
.bz-pd { margin: -4px 0 0; color: var(--ink-muted); font-size: 14px; }
.bz-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
.bz-q { background: var(--surface-raised); border: 1px solid var(--line); }
.bz-q summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 18px !important; font-weight: 700; font-size: 15px; min-height: 44px; }
.bz-q summary::-webkit-details-marker { display: none; }
.bz-qi { flex: none; color: var(--ink-muted); transition: transform .2s; display: inline-flex; } .bz-q[open] .bz-qi { transform: rotate(45deg); }
.bz-q p { margin: 0; padding: 0 18px 18px; color: var(--ink-muted); font-size: 14.5px; line-height: 1.55; }
.bz-final { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 40px 44px; background: var(--brand); color: var(--on-brand); flex-wrap: wrap; }
.bz-final h2 { margin: 0; font-size: 32px; font-weight: 800; letter-spacing: -.025em; color: var(--on-brand); } .bz-final p { margin: 8px 0 0; font-size: 16px; opacity: .92; }
.bz-cta-w { height: 52px; padding: 0 24px; background: var(--surface-raised) !important; color: var(--ink) !important; font-size: 16px; font-weight: 800; }
@media (max-width: 1000px) { .bz-hero, .bz-ex, .bz-chain { grid-template-columns: 1fr; } .bz-why { grid-template-columns: 1fr 1fr; } .bz-steps { grid-template-columns: 1fr; } .bz-faq { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .bz { gap: 52px !important; }
  .bz-hero { gap: 28px; padding-top: 8px; } .bz-hero h1 { font-size: 34px; } .bz-hero p { font-size: 16px; margin: 14px 0 20px; }
  .bz-hero .acts .btn { flex: 1 1 100%; justify-content: center; }
  .bz-hero-v { padding: 22px 12px; min-height: 0; margin-inline: calc(-1 * var(--g)); } .bz-phone { width: min(300px, 100%); }
  .bz-f1 { left: 10px; bottom: 12px; } .bz-f2 { right: 10px; top: 12px; } .bz-float { max-width: 200px; padding: 9px 11px; }
  .bz-h h2, .bz-chain h2, .bz-final h2 { font-size: 26px; }
  .bz-why { grid-template-columns: 1fr; } .bz-w { padding: 20px; }
  .bz-types { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--g)); padding: 4px var(--g); scrollbar-width: none; } .bz-types .chip { flex: none; }
  .bz-ex { padding: 20px; gap: 20px; } .bz-ex h3 { font-size: 22px; }
  .bz-tbl th, .bz-tbl td { padding: 11px 8px; font-size: 13px; }
  .bz-final { padding: 28px 22px; } .bz-cta-w { width: 100%; justify-content: center; }
}
.bz-hero-v { display: flex !important; flex-direction: column; align-items: center; justify-content: center; place-items: initial; }
.bz-phone { width: 340px; z-index: 1; }
.bz-float { position: relative !important; z-index: 2; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; }
.bz-f2 { align-self: flex-end; margin-bottom: -10px; }
.bz-f1 { align-self: flex-start; margin-top: -10px; }
@media (max-width: 760px) { .bz-phone { width: min(340px, 100%); } .bz-f2 { margin-right: 4px; } .bz-f1 { margin-left: 4px; } }
.bz-q summary > span:first-child { flex: 1; }
.bz-tbl th { white-space: normal !important; text-transform: none !important; letter-spacing: 0 !important; }
.bz-tbl table { table-layout: fixed; }
.bz-tbl th:first-child, .bz-tbl td:first-child { width: 46%; }
@media (max-width: 760px) {
  .bz-lg { display: none; }
  .bz-tbl table { min-width: 0 !important; }
  .bz-tbl th:first-child, .bz-tbl td:first-child { width: 52%; }
  .bz-tbl th, .bz-tbl td { padding: 12px 6px; font-size: 13px; line-height: 1.35; }
  .bz-tbl th { font-size: 12px; }
}
@media (max-width: 760px) {
  .bz-tbl th:first-child, .bz-tbl td:first-child { width: 44%; }
  .bz-tbl th { font-size: 11.5px; padding: 10px 2px !important; text-align: center; overflow-wrap: anywhere; }
  .bz-tbl th.hl { font-size: 12px; }
}

.bz-promo { display: flex; align-items: center; gap: 18px; padding: 22px 24px; background: var(--surface-raised); border: 1px solid var(--line); }
.bz-promo h3 { margin: 0 0 4px; font-size: 18px; font-weight: 800; } .bz-promo p { margin: 0; color: var(--ink-muted); font-size: 14.5px; line-height: 1.5; } .bz-promo > div { flex: 1; } .bz-promo .bz-ic { margin: 0; flex: none; }
@media (max-width: 760px) { .bz-promo { flex-wrap: wrap; } .bz-promo .btn { width: 100%; justify-content: center; } }
/* paneli: promovimet */
.pp-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.pp-form { display: flex; flex-direction: column; gap: 14px; }
.pp-seg { display: grid !important; grid-template-columns: 1fr 1fr; }
.pp-seg button { height: auto !important; min-height: 52px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.pp-seg small { font-size: 11.5px; font-weight: 600; color: var(--ink-muted); }
.pp-days { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pp-days button { min-height: 56px; border: 1px solid var(--line); background: var(--surface-raised); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font: inherit; cursor: pointer; }
.pp-days button[aria-pressed="true"] { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.pp-days b { font-size: 15px; } .pp-days small { color: var(--ink-muted); font-size: 12.5px; font-weight: 600; }
.pp-sum { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 0; border-top: 1px solid var(--line); }
.pp-sum b { font-size: 24px; font-weight: 800; }
.pp-how ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; font-size: 14.5px; }
.pp-how li { display: flex; gap: 8px; align-items: flex-start; } .pp-how svg { color: var(--success); flex: none; margin-top: 2px; }
@media (max-width: 900px) { .pp-grid { grid-template-columns: 1fr; } }
.pp-form .fl { display: flex; flex-direction: column; gap: 6px; font-weight: 700; font-size: 13px; color: var(--ink); }
.pp-form .fl .sel { width: 100%; }
.p-main .pill { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.p-main .pill.ok { background: color-mix(in srgb, var(--success) 14%, var(--surface-raised)); color: var(--success); }
.p-main .pill.mut { background: var(--surface); color: var(--ink-muted); }

/* ---- Reklamo ---- */
.rk-hero { max-width: 760px; padding-top: 24px; } .rk-hero h1 { margin: 16px 0 0; font-size: 48px; font-weight: 800; line-height: 1.05; letter-spacing: -.035em; } .rk-hero h1 em { font-style: normal; color: var(--brand); }
.rk-hero p { margin: 16px 0 0; font-size: 18px; color: var(--ink-muted); line-height: 1.55; }
.rk-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.rk-o { padding: 28px; background: var(--surface-raised); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.rk-o h2 { margin: 6px 0 0; font-size: 24px; font-weight: 800; } .rk-o p { margin: 0; color: var(--ink-muted); font-size: 15px; line-height: 1.55; }
.rk-o ul { list-style: none; padding: 0; margin: 6px 0 10px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; } .rk-o li { display: flex; gap: 8px; align-items: center; } .rk-o li svg { color: var(--success); flex: none; }
.rk-rules h2, .rk-ft h2 { margin: 0 0 14px; font-size: 28px; font-weight: 800; letter-spacing: -.02em; }
.rk-r { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.rk-r > div { background: var(--surface-raised); padding: 20px; display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink-muted); line-height: 1.5; } .rk-r svg { color: var(--success); flex: none; } .rk-r b { display: block; color: var(--ink); font-size: 15px; margin-bottom: 2px; }
.rk-form { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 36px; padding: 32px; background: var(--surface-raised); border: 1px solid var(--line); scroll-margin-top: 90px; }
.rk-ft p { margin: 0; color: var(--ink-muted); font-size: 15px; } .rk-mail { display: flex; align-items: center; gap: 8px; margin-top: 16px !important; color: var(--ink) !important; }
.rk-f { display: flex; flex-direction: column; gap: 14px; } .rk-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.rk-f label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; color: var(--ink); }
.rk-f input, .rk-f select, .rk-f textarea { font: inherit; font-size: 15px; font-weight: 500; padding: 11px 13px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); min-height: 44px; }
.rk-f input:focus, .rk-f select:focus, .rk-f textarea:focus { outline: none; border-color: var(--ink); }
.rk-f .btn { align-self: flex-start; } .rk-err { margin: 0; color: var(--brand-ink); font-weight: 600; font-size: 14px; }
.rk-ok { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .rk-ok svg { color: var(--success); } .rk-ok b { font-size: 20px; } .rk-ok span { color: var(--ink-muted); }
@media (max-width: 900px) { .rk-opts, .rk-form { grid-template-columns: 1fr; } .rk-r { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .rk-hero h1 { font-size: 32px; } .rk-r, .rk-row { grid-template-columns: 1fr; } .rk-form { padding: 20px; } .rk-f .btn { width: 100%; justify-content: center; } .rk-o .btn { width: 100%; justify-content: center; } }
.bz-types .chip { display: inline-flex; align-items: center; gap: 6px; }
.bz-ex-em { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 9px; background: color-mix(in srgb, var(--brand) 10%, transparent); color: var(--brand); font-size: 0; }
.pp-form { align-items: stretch !important; } .pp-form > * { align-self: stretch; min-width: 0; }

/* ---- Reklamat ---- */
.adb { position: relative; display: flex; align-items: center; gap: 14px; padding: 12px 44px 12px 12px; background: var(--adb); color: #fff; min-height: 68px; margin: 4px 0 18px; overflow: hidden; }
.adb::after { content: ""; position: absolute; right: -40px; top: -40px; width: 160px; height: 160px; border-radius: 50%; background: var(--adb2); opacity: .12; pointer-events: none; }
.adb-logo { width: 44px; height: 44px; flex: none; border-radius: 10px; display: block; box-shadow: 0 0 0 1px rgba(255,255,255,.18); }
.adb-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.adb-t b { font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: #fff; }
.adb-t span { font-size: 13px; line-height: 1.4; color: rgba(255,255,255,.82); }
.adb-t strong { color: var(--adb2); font-weight: 800; letter-spacing: .02em; }
.adb-a { display: flex; align-items: center; gap: 8px; flex: none; position: relative; z-index: 1; }
.adb-code { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 44px; padding: 4px 12px; border: 1.5px dashed var(--adb2); background: rgba(255,255,255,.06); color: #fff; font: inherit; cursor: pointer; line-height: 1.1; }
.adb-code span { font-size: 14px; font-weight: 800; letter-spacing: .06em; color: var(--adb2); }
.adb-code small { font-size: 10.5px; font-weight: 600; color: rgba(255,255,255,.75); }
.adb-cta { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; background: var(--adb2); color: #062619 !important; font-weight: 800; font-size: 14px; text-decoration: none; white-space: nowrap; }
.adb-cta:hover { filter: brightness(1.06); }
.adb-lbl { position: absolute; top: 6px; right: 40px; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.55); z-index: 1; }
.adb-x { position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; display: grid; place-items: center; border: 0; background: none; color: rgba(255,255,255,.7); cursor: pointer; z-index: 1; }
.adb-x::after { content: ""; position: absolute; inset: -6px; }
.adb-x:hover { color: #fff; }
@media (max-width: 760px) {
  .adb { flex-wrap: wrap; gap: 10px 12px; padding: 12px 40px 12px 12px; }
  .adb-logo { width: 40px; height: 40px; }
  .adb-t { flex: 1 1 calc(100% - 56px); }
  .adb-t b { font-size: 14px; } .adb-t span { font-size: 12.5px; }
  .adb-a { flex: 1 1 100%; } .adb-code { flex: 1; } .adb-cta { flex: 1; justify-content: center; }
  .adb-lbl { top: auto; bottom: 4px; right: 8px; }
}
.ad-tag { position: absolute; left: 8px; bottom: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; background: var(--ink); color: var(--surface-raised); font-size: 10.5px; font-weight: 700; letter-spacing: .02em; }
.card .pic { position: relative; }
.adb-short { display: none; }
@media (max-width: 760px) { .adb-long { display: none; } .adb-short { display: block; } .adb-t b { font-size: 14px; line-height: 1.25; } .adb-code, .adb-cta { min-height: 40px; } .adb { padding-bottom: 10px; } }

/* etiketa “Reklamë”: e tejdukshme, nuk pengon; me klikim tregon çka është */
.adb-lbl { background: none !important; border: 0; padding: 4px 6px; cursor: pointer; font: inherit; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.4) !important; top: 4px !important; right: 38px !important; }
.adb-lbl:hover, .adb-lbl[aria-expanded="true"] { color: rgba(255,255,255,.85) !important; }
.adb-pop { position: absolute; z-index: 5; top: 30px; right: 10px; width: min(300px, calc(100% - 20px)); padding: 14px 16px; background: var(--surface-raised); color: var(--ink); border: 1px solid var(--line); box-shadow: 0 12px 32px rgba(22,18,14,.22); display: flex; flex-direction: column; gap: 6px; }
.adb-pop[hidden] { display: none; }
.adb-pop b { font-size: 13px; font-weight: 800; } .adb-pop p { margin: 0; font-size: 13px; line-height: 1.45; color: var(--ink-muted); }
.adb-pop-a { margin-top: 4px; font-size: 13px; font-weight: 700; color: var(--brand-ink) !important; text-decoration: underline; text-underline-offset: 3px; }
.adb { overflow: visible !important; } .adb::after { display: none; }
@media (max-width: 760px) { .adb-lbl { top: auto !important; bottom: 2px !important; right: 4px !important; } .adb-pop { top: auto; bottom: 28px; right: 6px; } }
/* telefon: format standard “Medium Rectangle” 300 × 250 (si te AdSense) */
@media (max-width: 760px) {
  .adb { width: 300px; height: 250px; box-sizing: border-box; margin: 6px auto 20px !important; padding: 16px !important; flex-direction: column; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: space-between; gap: 0 !important; }
  .adb-logo { width: 44px !important; height: 44px !important; }
  .adb-t { flex: none !important; gap: 4px; margin-top: 10px; }
  .adb-t b { font-size: 17px !important; line-height: 1.2; }
  .adb-short { font-size: 13.5px !important; }
  .adb-a { flex: none !important; flex-direction: column; gap: 8px; align-items: stretch; margin-top: 12px; }
  .adb-code { flex: none !important; flex-direction: row; gap: 8px; min-height: 40px !important; justify-content: center; }
  .adb-cta { flex: none !important; min-height: 44px !important; justify-content: center; }
  .adb-lbl { top: 10px !important; bottom: auto !important; right: 40px !important; }
  .adb-x { top: 8px !important; right: 8px !important; }
  .adb-pop { top: 40px; bottom: auto; right: 10px; }
}
/* desktop: format standard “Leaderboard” 728 × 90 */
@media (min-width: 761px) {
  .adb { width: 728px; height: 90px; box-sizing: border-box; margin: 6px auto 22px !important; padding: 0 44px 0 16px !important; gap: 14px !important; min-height: 0; }
  .adb-logo { width: 56px !important; height: 56px !important; border-radius: 12px; }
  .adb-long { display: none; } .adb-short { display: block; font-size: 13.5px !important; }
  .adb-t b { font-size: 16px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .adb-code { min-height: 48px; padding: 4px 12px; } .adb-cta { min-height: 48px; padding: 0 18px; }
  .adb-lbl { top: 4px !important; right: 34px !important; }
  .adb-pop { top: 30px; right: 8px; }
}
/* vetëm një “i” e pjerrët, e tejdukshme */
.adb-lbl { width: 28px; height: 28px; padding: 0 !important; display: grid; place-items: center; letter-spacing: 0 !important; text-transform: none !important; }
.adb-lbl i { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 700; font-size: 15px; line-height: 1; color: inherit; }
.adb-lbl::after { content: ""; position: absolute; inset: -8px; }
@media (min-width: 761px) { .adb-lbl { top: 2px !important; right: 34px !important; } }
@media (max-width: 760px) { .adb-lbl { top: 8px !important; right: 40px !important; } }
/* pa ×: “i” në qoshen e sipërme djathtas */
.adb-x { display: none !important; }
.adb-lbl { top: 0 !important; right: 0 !important; bottom: auto !important; width: 26px; height: 26px; }
.adb-pop { top: 30px !important; bottom: auto !important; right: 6px !important; }
.grid > .ad-row { grid-column: 1 / -1; min-width: 0; }
.grid > .ad-row .adb { margin: 4px auto !important; }
/* ===== kartat reklamuese: e njëjta formë, ngjyra e reklamës ===== */
.card.ad-card { background: linear-gradient(165deg, #2F3591 0%, #1D2163 100%) !important; color: #fff !important; text-decoration: none; box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 8px 24px rgba(29,33,99,.25) !important; }
.card.ad-card.ad-house { background: linear-gradient(165deg, #2F3591 0%, #262A78 60%, #1D2163 100%) !important; }
.card.ad-card .pic { background: radial-gradient(120% 90% at 50% 30%, rgba(255,255,255,.14), rgba(255,255,255,.03)) !important; display: grid; place-items: center; }
.card.ad-card .ad-logo { width: 46%; aspect-ratio: 1; border-radius: 22%; background: #fff; display: grid; place-items: center; overflow: hidden; box-shadow: 0 10px 24px -10px rgba(0,0,0,.45); }
.card.ad-card .ad-logo img { width: 100%; height: 100%; object-fit: cover; position: static !important; }
.card.ad-card .ad-ico { color: #2F3591; display: grid; place-items: center; }
.card.ad-card .ad-ico { width: 100%; height: 100%; }
.card.ad-card .ad-ico svg { width: 52%; height: 52%; }
.card.ad-card .ad-lbl { position: absolute; left: 8px; top: 8px; padding: 2px 8px; border-radius: 6px; background: rgba(255,255,255,.16); color: #fff !important; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; backdrop-filter: blur(4px); }
.card.ad-card .store, .card.ad-card .store * { color: rgba(255,255,255,.72) !important; font-weight: 700; }
.card.ad-card .body { background: transparent !important; }
.card.ad-card .title { color: #fff !important; }
.card.ad-card .ad-txt { color: rgba(255,255,255,.72); font-size: 12.5px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 2px; }
.card.ad-card .foot { margin-top: auto; }
.card.ad-card .ad-cta { display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 6px; background: #fff; color: #1D2163; font-weight: 800; font-size: 12.5px; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.card.ad-card:hover .ad-cta { background: #FFC529; }
.card.ad-card .nzn, .card.ad-card .nzn * { color: inherit !important; -webkit-text-fill-color: currentColor !important; background: none !important; }

/* shenja “Reklamë” e dukshme dhe butoni për ta mbyllur */
.adb .adb-lbl { color: rgba(255,255,255,.78) !important; font-size: 10.5px !important; font-weight: 800 !important; background: rgba(255,255,255,.12) !important; border-radius: 4px; padding: 2px 6px !important; top: 8px !important; right: 40px !important; }
.adb .adb-x { top: 4px; right: 4px; }
/* ---- Stories të dyqanit ---- */
[data-story] > .av { cursor: pointer; position: relative; box-shadow: 0 0 0 3px var(--surface-raised, #fff), 0 0 0 6px var(--brand) !important; transition: transform .15s; }
[data-story][data-seen] > .av { box-shadow: 0 0 0 3px var(--surface-raised, #fff), 0 0 0 5px color-mix(in srgb, currentColor 22%, transparent) !important; }
[data-story] > .av:active { transform: scale(.95); }
[data-story] > .av:focus-visible { outline: 3px solid var(--brand); outline-offset: 8px; }
html.sty-lock, html.sty-lock body { overflow: hidden !important; }
.sty { --fade: 1; position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; animation: sty-in .2s ease-out; touch-action: none; -webkit-user-select: none; user-select: none; font-family: inherit; }
.sty.out { opacity: 0; transition: opacity .18s; }
@keyframes sty-in { from { opacity: 0; } }
.sty-bg { position: absolute; inset: 0; background: rgba(8,6,5,calc(.94 * var(--fade))); }
.sty-f { position: relative; width: min(100vw, 440px); height: min(100dvh, 860px); background: #17120f; color: #fff; display: flex; flex-direction: column; overflow: hidden; transition: transform .2s; animation: sty-up .24s cubic-bezier(.2,.8,.2,1); }
@keyframes sty-up { from { transform: scale(.94); opacity: .4; } }
@media (min-width: 600px) { .sty-f { border-radius: 14px; height: min(92vh, 820px); } }
.sty-bars { position: absolute; top: max(10px, env(safe-area-inset-top)); left: 10px; right: 10px; display: flex; gap: 3px; z-index: 3; }
.sty-bars i { flex: 1; height: 3px; border-radius: 3px; background: rgba(255,255,255,.3); overflow: hidden; }
.sty-bars b { display: block; height: 100%; width: 0; background: #fff; }
.sty-bars i.done b { width: 100% !important; }
.sty-h { position: absolute; top: calc(max(10px, env(safe-area-inset-top)) + 12px); left: 12px; right: 6px; display: flex; align-items: center; gap: 10px; z-index: 4; pointer-events: none; }
.sty-h .av { box-shadow: 0 0 0 2px rgba(255,255,255,.9) !important; }
.sty-n { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; text-shadow: 0 1px 4px rgba(0,0,0,.4); }
.sty-n b { font-size: 15px; display: flex; align-items: center; gap: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sty-n b svg { width: 15px; height: 15px; flex: none; }
.sty-n small { font-size: 12.5px; opacity: .8; }
.sty-btn { pointer-events: auto; width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: none; color: #fff; cursor: pointer; border-radius: 50%; filter: drop-shadow(0 1px 3px rgba(0,0,0,.4)); }
.sty-btn:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.sty.paused [data-sty-p] svg { opacity: .55; }
.sty-body { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.sty-pic { position: relative; flex: 1; min-height: 0; display: grid; place-items: center; background: radial-gradient(120% 80% at 50% 40%, #3a2a22, #17120f 70%); overflow: hidden; }
.sty-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sty-pic::after { content: ""; position: absolute; inset: 0 0 auto; height: 130px; background: linear-gradient(rgba(0,0,0,.55), transparent); pointer-events: none; }
.sty-em { font-size: clamp(120px, 38vw, 190px); line-height: 1; filter: drop-shadow(0 18px 30px rgba(0,0,0,.45)); animation: sty-pop .35s cubic-bezier(.2,.9,.3,1.2); }
@keyframes sty-pop { from { transform: scale(.7); opacity: 0; } }
.sty-badge { position: absolute; left: 16px; bottom: 16px; background: var(--brand); color: #fff; font-weight: 800; font-size: 26px; padding: 6px 14px; border-radius: 999px; box-shadow: 0 6px 18px rgba(0,0,0,.35); z-index: 1; }
.sty-info { padding: 18px 18px calc(18px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 8px; background: #17120f; position: relative; z-index: 3; }
.sty-info h3 { margin: 0; font-size: 21px; line-height: 1.25; font-weight: 800; }
.sty-pr { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.sty-pr b { font-size: 28px; font-weight: 800; color: #fff; }
.sty-pr small { font-size: 13px; opacity: .7; }
.sty-pr s { font-size: 16px; opacity: .55; }
.sty-exp { margin: 0; display: flex; align-items: center; gap: 6px; font-size: 13.5px; opacity: .8; }
.sty-exp.soon { color: #ff8a6b; opacity: 1; }
.sty-cta { pointer-events: auto; margin-top: 6px; height: 50px; border: 0; border-radius: 12px; background: #fff; color: #17120f; font: inherit; font-weight: 800; font-size: 16px; cursor: pointer; }
.sty-cta:active { transform: scale(.98); }
.sty-cta:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
.sty-nav { position: absolute; top: 90px; bottom: 210px; width: 35%; border: 0; background: none; z-index: 2; cursor: pointer; padding: 0; }
.sty-nav.l { left: 0; width: 30%; } .sty-nav.r { right: 0; width: 70%; }
.sty-nav:focus-visible { outline: 2px solid rgba(255,255,255,.7); outline-offset: -6px; }
@media (min-width: 600px) { .sty-nav::after { content: ""; position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; background: rgba(255,255,255,.18) center/18px no-repeat; opacity: 0; transition: opacity .15s; }
  .sty-nav.l::after { left: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E"); }
  .sty-nav.r::after { right: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E"); }
  .sty-f:hover .sty-nav::after { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .sty, .sty-f, .sty-em { animation: none !important; } }
/* butoni Ndiq brenda stories */
.sty-fol { pointer-events: auto; height: 32px; padding: 0 14px; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.85); background: rgba(0,0,0,.15); color: #fff; font: inherit; font-weight: 700; font-size: 13.5px; cursor: pointer; flex: none; position: relative; }
.sty-fol::after { content: ""; position: absolute; inset: -6px -2px; }
.sty-fol.on { border-color: transparent; background: rgba(255,255,255,.2); }
.sty-fol:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* rreshti i stories në faqen kryesore */
.sty-rail { display: flex; gap: 14px; overflow-x: auto; scrollbar-width: none; padding: 8px 2px 4px; margin: 0 calc(-1 * var(--gutter, 16px)); padding-left: var(--gutter, 16px); padding-right: var(--gutter, 16px); scroll-snap-type: x proximity; }
.sty-rail::-webkit-scrollbar { display: none; }
.sty-it { flex: none; width: 76px; display: flex; flex-direction: column; align-items: center; gap: 6px; scroll-snap-align: start; }
.sty-av { padding: 6px; display: grid; place-items: center; }
.sty-av > .av { box-shadow: 0 0 0 3px var(--bg, #faf7f2), 0 0 0 5.5px var(--brand) !important; }
.sty-av[data-seen] > .av { box-shadow: 0 0 0 3px var(--bg, #faf7f2), 0 0 0 4.5px color-mix(in srgb, var(--fg, #000) 18%, transparent) !important; }
.sty-it small { font-size: 12px; font-weight: 600; line-height: 1.2; text-align: center; max-width: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sty-add { height: 26px; min-width: 60px; padding: 0 10px; border-radius: 999px; border: 0; background: var(--brand); color: var(--on-brand, #fff); font: inherit; font-weight: 700; font-size: 12px; cursor: pointer; position: relative; }
.sty-add::after { content: ""; position: absolute; inset: -9px -8px; }
.sty-div { flex: none; width: 1px; align-self: stretch; margin: 10px 0 34px; background: var(--line, #e5ded4); }
.sty-rail { margin-inline: calc(-1 * max(22px, env(safe-area-inset-left, 0px))) !important; padding-inline: max(22px, env(safe-area-inset-left, 0px)) !important; }
.sty-rail { scroll-padding-inline: max(22px, env(safe-area-inset-left, 0px)); }
.sty-rail .sty-it:first-child { margin-left: -6px; }
/* ---- fletushkat: si letër zbritjesh që shpërndahet ---- */
.fl-rail { gap: 12px; padding-top: 10px !important; padding-bottom: 8px !important; }
.fl-rail .sty-it:first-child { margin-left: 0; }
.fl-it { flex: none; width: 92px; display: flex; flex-direction: column; align-items: center; gap: 7px; scroll-snap-align: start; }
.fl-it small { font-size: 12px; font-weight: 600; line-height: 1.2; text-align: center; max-width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fly { position: relative; width: 88px; height: 118px; padding: 0; border: 0; cursor: pointer; font: inherit; color: #1b1410;
  background: #fffdf6; transform: rotate(var(--r, 0deg)); transition: transform .18s, filter .18s;
  box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 6px 14px -6px rgba(40,20,10,.35);
  display: flex; flex-direction: column; align-items: center; overflow: hidden;
  /* qoshja e palosur */
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); }
.fly::before { content: ""; position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: linear-gradient(225deg, transparent 50%, #e7dccb 50%, #f6efe2 100%); z-index: 3; box-shadow: -1px 1px 2px rgba(0,0,0,.12); }
/* skaji i grisur poshtë */
.fly::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: linear-gradient(-45deg, var(--bg, #faf7f2) 3px, transparent 0) 0 100% / 8px 6px repeat-x, linear-gradient(45deg, var(--bg, #faf7f2) 3px, transparent 0) 0 100% / 8px 6px repeat-x; z-index: 2; }
.fly:active { transform: rotate(0deg) scale(.96); }
.fly:hover { transform: rotate(0deg) translateY(-2px); }
.fly:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.fl-top { width: 100%; height: 30px; background: var(--brand); display: grid; place-items: center; flex: none; }
.fl-k { color: #fff; font-weight: 900; font-size: 10.5px; letter-spacing: .14em; margin-top: -8px; }
.fl-logo { margin-top: -14px; z-index: 1; }
.fl-logo .av { box-shadow: 0 0 0 2px #fffdf6 !important; }
.fl-burst { margin-top: 4px; min-width: 52px; height: 30px; padding: 0 6px; display: grid; place-items: center; background: #ffd21f; color: #c4170c; font-weight: 900; font-size: 15px; letter-spacing: -.02em; transform: rotate(-6deg);
  clip-path: polygon(0 10%, 8% 0, 92% 4%, 100% 0, 97% 50%, 100% 100%, 90% 92%, 10% 100%, 0 90%, 4% 50%); }
.fl-ems { font-size: 17px; line-height: 1; margin-top: 6px; letter-spacing: 1px; height: 18px; }
.fl-n { position: absolute; bottom: 9px; left: 0; right: 0; text-align: center; font-size: 10.5px; font-weight: 700; color: #6b5d52; }
.fly.seen { filter: grayscale(.85); opacity: .72; }
.fly.seen .fl-top { background: #9b928a; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .fly { box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 6px 14px -6px rgba(0,0,0,.8); } }
@media (prefers-reduced-motion: reduce) { .fly { transition: none; } }
.fly { height: 134px; }
.fl-top { height: 34px; place-items: start center; }
.fl-k { margin-top: 5px; font-size: 10px; }
.fl-logo { margin-top: -12px; }
.fl-burst { height: 26px; font-size: 14.5px; margin-top: 5px; }
.fl-ems { font-size: 16px; height: 16px; margin-top: 6px; }
.fl-n { bottom: 10px; }
/* fletushkat rrinë të qeta kur preken */
.fly, .fly:hover, .fly:active { transform: rotate(var(--r, 0deg)) !important; transition: none !important; -webkit-tap-highlight-color: transparent; }
/* fletushka e parë komplet: bardh e zi, e zbehtë */
.fly.seen { filter: grayscale(1) contrast(.9) !important; opacity: .5 !important; }
.fly.seen .fl-top { background: #6f6a66 !important; }
.fly.seen .fl-burst { background: #d9d6d2 !important; color: #444 !important; }
.fl-it:has(.fly.seen) small { opacity: .55; }
/* ---- ndjesia e shfletimit: hapet si fletushkë që shpaloset, faqet kthehen si letër ---- */
.sty-f { perspective: 1600px; animation: sty-unfold .42s cubic-bezier(.2,.75,.25,1) !important; transform-origin: 50% 0; }
@keyframes sty-unfold { from { transform: rotateX(-14deg) translateY(24px) scale(.94); opacity: 0; } 60% { opacity: 1; } }
.sty-body { position: relative; transform-origin: 0 50%; backface-visibility: hidden; }
.sty-turn { position: absolute !important; inset: 0; z-index: 2; pointer-events: none; transform-origin: 0 50%; backface-visibility: hidden;
  animation: sty-turn .5s cubic-bezier(.45,.05,.3,1) forwards; box-shadow: 12px 0 30px rgba(0,0,0,.45); }
.sty-turn::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.18) 75%, rgba(255,255,255,.08) 92%, rgba(0,0,0,.4)); opacity: 0; animation: sty-shade .5s forwards; }
@keyframes sty-turn { 0% { transform: rotateY(0); } 100% { transform: rotateY(-102deg); } }
@keyframes sty-shade { 50% { opacity: 1; } 100% { opacity: 1; } }
.sty-body.lift { animation: sty-lift .5s ease-out; }
@keyframes sty-lift { from { filter: brightness(.55); } }
.sty-body.back { animation: sty-back .5s cubic-bezier(.3,.2,.25,1); box-shadow: 12px 0 30px rgba(0,0,0,.4); }
@keyframes sty-back { from { transform: rotateY(-102deg); } to { transform: rotateY(0); } }
.sty-body.back .sty-em, .sty-turn .sty-em { animation: none; }
@media (prefers-reduced-motion: reduce) { .sty-f, .sty-turn, .sty-body.lift, .sty-body.back { animation: none !important; } }
/* ---- menaxhimi i fletushkës (paneli i biznesit) ---- */
.fm { display: flex; flex-direction: column; gap: 14px; margin-top: 14px; }
.fm-head { display: flex; gap: 18px; align-items: center; padding: 16px; background: var(--surface-raised, #fff); border: 1px solid var(--line, #e5ded4); }
.fm-fl { flex: none; }
.fm-empty { cursor: default; } .fm-e { margin-top: 34px; font-weight: 700; color: #9b928a; font-size: 13px; }
.fm-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.fm-txt h3 { margin: 0; font-size: 18px; }
.fm-txt p { margin: 0; font-size: 14px; color: var(--muted, #6b5d52); line-height: 1.4; }
.fm-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.fm-b { height: 38px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--line, #e5ded4); background: var(--surface, #faf7f2); color: inherit; font: inherit; font-weight: 700; font-size: 13.5px; cursor: pointer; }
.fm-b.pri { background: var(--brand); border-color: var(--brand); color: #fff; }
.fm-list { display: flex; flex-direction: column; border: 1px solid var(--line, #e5ded4); background: var(--surface-raised, #fff); }
.fm-row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; min-height: 60px; cursor: pointer; border-top: 1px solid var(--line, #e5ded4); position: relative; }
.fm-row:first-child { border-top: 0; }
.fm-row input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.fm-tick { flex: none; width: 24px; height: 24px; border-radius: 7px; border: 2px solid color-mix(in srgb, currentColor 30%, transparent); display: grid; place-items: center; transition: background .12s, border-color .12s; }
.fm-row.on .fm-tick, .fm-row input:checked + .fm-tick { background: var(--brand); border-color: var(--brand); }
.fm-row input:checked + .fm-tick::after { content: ""; width: 6px; height: 11px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: translateY(-1px) rotate(45deg); }
.fm-row input:focus-visible + .fm-tick { outline: 3px solid var(--brand); outline-offset: 2px; }
.fm-row:not(.on) .fm-pic, .fm-row:not(.on) .fm-t { opacity: .45; }
.fm-pic { flex: none; width: 44px; height: 44px; display: grid; place-items: center; background: var(--surface, #faf7f2); font-size: 26px; overflow: hidden; }
.fm-pic img { width: 100%; height: 100%; object-fit: cover; }
.fm-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fm-t b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fm-t small { font-size: 12.5px; color: var(--muted, #6b5d52); }
.fm-t small i { font-style: normal; font-weight: 800; color: var(--brand); }
.fm-note, .fm-none { margin: 0; font-size: 13px; color: var(--muted, #6b5d52); }
@media (max-width: 420px) { .fm-head { gap: 14px; padding: 14px; } .fm-fl { transform: rotate(-2deg) scale(.9) !important; } }
.fm-head { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 18px; row-gap: 12px; align-items: start; }
.fm-head .fm-fl { grid-row: 1 / 3; }
.fm-acts { grid-column: 2; }
@media (max-width: 560px) { .fm-head .fm-fl { grid-row: 1; } .fm-acts { grid-column: 1 / -1; } .fm-acts .fm-b { flex: 1 1 auto; } }
.bd-tabs { display: flex !important; }
.bd-tabs button { flex: 1 1 auto; min-width: 0; padding-left: 8px !important; padding-right: 8px !important; white-space: nowrap; }
/* kartat e zbritjeve: lakore shumë e vogël, sa të dallohet */
.card, .rail .card, .grid .card { border-radius: 9px !important; overflow: hidden !important; }
.card .pic { border-radius: 9px 9px 0 0 !important; }
/* edhe kartat tjera: e njëjta lakore e vogël */
.sup-c, .bn, .feat, .prof, a.prof, .profs > *, .bz .plan, .fm-head, .fm-list, .adb { border-radius: 9px !important; overflow: hidden; }
.sup-art, .bn-art { border-radius: 0 !important; }
.prof-f { border-radius: 6px !important; }
/* të gjithë butonat e veprimit: e njëjta formë si “Ndiq” */
.btn:not(.icon-btn), a.btn, .ab-b, .ab-main, .more, .abtn, .adb-cta, .adb-code, .sty-cta, .sty-fol, .sty-add, .fm-b, .prof-f, .nf-go, .fzm-go, .fz-more, .appbtn, .bd-add, .pp-days button, .pp-seg button, .rk-form button[type="submit"] { border-radius: 6px !important; }
/* kategoritë dhe filtrat lart: e njëjta formë si butonat */
.chip, .cats .cat, .cat-more, .radius button, .chips.radius button { border-radius: 6px !important; }
.cat-more > summary, .cat-more .cat, .cm-grid .cat, .cm-grid > * { border-radius: 6px !important; }
/* forma e njëjtë kudo: etiketat, numëruesit, kërkimi, menyja, zgjedhjet */
.pill, .bpill, .vpill, .badge, .bn-pct, .bn-tag, .tag, .sup-pct, .sty-badge, .ad-tag, .bz-eyebrow, .bz-pop, .prof-o, .fl-n,
select, .sel, .hsearch, .search, label.search, .hnav a, .hnav a.on, .hnav a.biz, .seg, .seg button, .seg > *, .sq-seg button, .pp-seg, .radius, .chips.radius,
.hsearch .go, .search .go { border-radius: 6px !important; }
.pill.num, .badge.num { border-radius: 6px !important; }
/* listat dhe kutitë: e njëjta lakore si kartat */
.list, .biz-list, .card-box, .box, .s-card, .bd-stats, .mlist, .muni-list { border-radius: 9px !important; overflow: hidden; }
.auth-perks > *, .auth-biz, .kpis, .nb, .bz-q, .bz-float, .bz-hero-v, .bz-stats, .bz-step, .rk-o, .bz-phone { border-radius: 9px !important; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea { border-radius: 6px !important; }
.hsearch input, .search input { border-radius: 0 !important; }
.bizrow, .prow, .role, .map-wrap, .kmap, .feat, .hero, .np-off, .np-ok, .np-watch, .auth-perks > div, .auth-biz,
.cut-box, .photo-drop, .pthumb, .drow, .opt, .s-card, .cond, .sh-prev, .sh-link, .nores, .biz-prof, .stat, .me, .plan, .group, .summary { border-radius: 9px !important; }
.list > .li, .list > .bizrow, .list > .prow, .list > * { border-radius: 0 !important; }
.hero .ph { border-radius: 0 !important; }
.instore, .o-instore, .instore-note, .ilocal, .o-note { border-radius: 9px !important; }
.pf-sub.radius { flex-wrap: wrap; row-gap: 8px; padding-right: 16px; }
/* Profili: interesat dhe perimetri të shpërndara njësoj, në rrjetë */
.pf-sub { padding: 2px 16px 16px 16px !important; }
.pf-sub .chips { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; width: 100%; }
@media (min-width: 520px) { .pf-sub .chips { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pf-sub .chips .chip { width: 100%; min-width: 0; justify-content: flex-start; height: 44px; padding: 0 12px !important; overflow: hidden; }
.pf-sub .chips .chip svg { flex: none; }
.pf-sub.radius { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px !important; overflow: visible !important; padding-right: 16px !important; }
.pf-sub.radius button { width: 100%; min-width: 0; height: 40px; padding: 0 !important; justify-content: center; }
/* ---- prezantimi në fillim ---- */
.onb.ob-first .inner { padding-top: 0 !important; gap: 14px !important; }
.onb.ob-first .topbar { display: none !important; }
.ob-intro { display: flex; flex-direction: column; flex: 1; min-height: 0; margin: 0 calc(-1 * max(22px, env(safe-area-inset-left, 0px))); }
.ob-hero { position: relative; height: min(40vh, 330px); min-height: 250px; background: var(--brand); overflow: hidden; flex: none; }
.ob-hero .nz-cover { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .9; }
.ob-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 46px; background: linear-gradient(transparent, var(--bg)); }
.ob-cards { position: absolute; inset: 0; z-index: 1; }
.obc { position: absolute; width: 150px; padding: 12px 12px 10px; background: var(--surface-raised, #fff); color: var(--fg, #17120f); border-radius: 9px; box-shadow: 0 14px 30px -10px rgba(40,10,0,.45);
  display: flex; flex-direction: column; gap: 3px; animation: obc-in .7s cubic-bezier(.2,.8,.2,1) both, obc-bob 5s ease-in-out infinite alternate; }
.obc0 { left: calc(50% - 175px); top: 46px; --r: -9deg; animation-delay: .1s, .8s; }
.obc1 { left: calc(50% - 72px); top: 22px; --r: 3deg; z-index: 2; animation-delay: .25s, 1.1s; width: 156px; }
.obc2 { left: calc(50% + 32px); top: 64px; --r: 10deg; animation-delay: .4s, 1.4s; }
.obc { transform: rotate(var(--r)); }
@keyframes obc-in { from { opacity: 0; transform: translateY(-60px) rotate(calc(var(--r) * 2.2)); } }
@keyframes obc-bob { to { transform: translateY(6px) rotate(calc(var(--r) * .8)); } }
.obc-b { align-self: flex-start; background: var(--brand); color: #fff; font-weight: 800; font-size: 13px; padding: 2px 8px; border-radius: 6px; }
.obc-e { font-size: 46px; line-height: 1.1; text-align: center; margin: 2px 0; }
.obc-t { font-size: 13px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.obc-p { display: flex; gap: 6px; align-items: baseline; } .obc-p b { font-size: 16px; } .obc-p s { font-size: 11.5px; opacity: .55; }
.obc-s { font-size: 11px; opacity: .65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ob-copy { padding: 0 max(22px, env(safe-area-inset-left, 0px)); display: flex; flex-direction: column; gap: 10px; margin-top: -6px; position: relative; z-index: 2; }
.ob-lk-s { display: block; height: 0; overflow: hidden; } /* lockup-u i fshehur: titulli e mban emrin */
.ob-h { margin: 0 !important; font-family: var(--font-display); font-weight: 800; font-size: 32px !important; line-height: 1.05; letter-spacing: -.02em; text-align: left !important; color: var(--fg); }
.ob-sub { margin: 0; font-size: 16px; color: var(--muted); line-height: 1.4; }
.ob-why { list-style: none; margin: 6px 0 0 !important; padding: 0 !important; background: none !important; display: flex; flex-direction: column; gap: 12px !important; }
.ob-why li { display: flex; gap: 12px; align-items: flex-start; }
.ob-why li > span { flex: none; width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); }
.ob-why b { display: block; font-size: 15.5px; color: var(--fg); } .ob-why small { display: block; font-size: 13.5px; color: var(--muted); line-height: 1.35; margin-top: 1px; }
.ob-skip { background: none; border: 0; color: var(--muted); font: inherit; font-weight: 700; font-size: 14.5px; padding: 6px; margin-top: -6px; cursor: pointer; min-height: 40px; }
@media (prefers-reduced-motion: reduce) { .obc { animation: none !important; } }
@media (max-height: 700px) { .ob-hero { height: 210px; min-height: 0; } .obc { transform: rotate(var(--r)) scale(.85); } .ob-why small { display: none; } }
/* ilustrimi i prezantimit */
.ob-cards, .obc { display: none !important; }
.ob-art { position: absolute; left: 50%; top: 8px; width: min(390px, 100%); height: calc(100% - 20px); transform: translateX(-50%); z-index: 1; overflow: visible; }
.ob-art text { font-family: var(--font-display, inherit); }
.oa-flyer { animation: oa-float 4.5s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: center; }
.oa-tag > g { animation: oa-swing 3.2s ease-in-out infinite alternate; transform-origin: 176px 40px; }
.oa-pin-b { animation: oa-hop 2.4s cubic-bezier(.3,.7,.4,1) infinite; }
.oa-path path { animation: oa-dash 2.6s linear infinite; }
.oa-shop { animation: oa-in .7s .15s cubic-bezier(.2,.8,.2,1) both; }
.oa-spark path:first-child { animation: oa-tw 2s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: center; }
@keyframes oa-float { from { transform: translateY(0) rotate(0deg); } to { transform: translateY(-8px) rotate(2deg); } }
@keyframes oa-swing { from { transform: rotate(-6deg); } to { transform: rotate(7deg); } }
@keyframes oa-hop { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-10px); } }
@keyframes oa-dash { to { stroke-dashoffset: -28; } }
@keyframes oa-in { from { opacity: 0; transform: translate(222px, 112px); } to { opacity: 1; transform: translate(222px, 92px); } }
@keyframes oa-tw { from { transform: scale(.7); opacity: .6; } to { transform: scale(1.15); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ob-art * { animation: none !important; } }
.ob-why { border: 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }
.onb ul.ob-why, .onb .ob-why { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.oa-tag > g { animation: none; }
.oa-tag { animation: oa-swing 3.2s ease-in-out infinite alternate; transform-origin: 0 0; transform-box: view-box; }
/* ---- Dark mode klasik: e zezë dhe gri neutrale, pa tone të ngrohta ---- */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --surface: #0F0F10 !important; --surface-raised: #1C1C1E !important; --line: #2C2C2E !important; --line-strong: #636366 !important;
  --ink: #F5F5F7 !important; --ink-muted: #A1A1A6 !important;
  --brand: #FF453A !important; --on-brand: #FFFFFF !important; --brand-ink: #FF6961 !important; --brand-soft: #2E1614 !important;
  --shadow-card: none !important; --focus: #FFD60A !important;
  --map-dim: #1C1C1E !important; --map-line: #0F0F10 !important; --map-border: #3A3A3C !important; --map-bg: #0F0F10 !important; --map-land: #2C2C2E !important;
  color-scheme: dark; } }
:root[data-theme="dark"] {
  --surface: #0F0F10 !important; --surface-raised: #1C1C1E !important; --line: #2C2C2E !important; --line-strong: #636366 !important;
  --ink: #F5F5F7 !important; --ink-muted: #A1A1A6 !important;
  --brand: #FF453A !important; --on-brand: #FFFFFF !important; --brand-ink: #FF6961 !important; --brand-soft: #2E1614 !important;
  --shadow-card: none !important; --focus: #FFD60A !important;
  --map-dim: #1C1C1E !important; --map-line: #0F0F10 !important; --map-border: #3A3A3C !important; --map-bg: #0F0F10 !important; --map-land: #2C2C2E !important;
  color-scheme: dark; }
/* ---- hyrja: hapat “Ku je?” dhe “Çka të intereson?” ---- */
.onb:not(.ob-first) .inner { justify-content: flex-start !important; gap: 0 !important; padding-top: max(10px, env(safe-area-inset-top)) !important; padding-bottom: 0 !important; }
.onb .topbar { display: none !important; }
.ob-bar { position: sticky; top: 0; z-index: 3; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 14px; padding: 8px 0 12px; background: var(--bg); }
.ob-back { width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: color-mix(in srgb, var(--line) 60%, var(--bg)); border-radius: 50%; color: var(--fg); cursor: pointer; }
.ob-back svg { width: 20px; height: 20px; }
.ob-prog { display: flex; gap: 6px; } .ob-prog i { flex: 1; height: 5px; border-radius: 3px; background: var(--line); } .ob-prog i.on { background: var(--brand); }
.ob-skipt { border: 0; background: none; color: var(--muted); font: inherit; font-weight: 700; font-size: 15px; padding: 10px 4px; cursor: pointer; }
.onb .pages { gap: 12px !important; padding-bottom: 8px; }
.ob-h2 h2 { font-size: 32px !important; margin: 6px 0 4px !important; color: var(--fg); }
.ob-h2 p { margin: 0; color: var(--muted); font-size: 15.5px; line-height: 1.4; }
.ob-gps { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border: 0; border-radius: 9px; background: var(--brand); color: #fff; font: inherit; text-align: left; cursor: pointer; margin-top: 6px; }
.ob-gps .t { flex: 1; } .ob-gps b { display: block; font-size: 16.5px; } .ob-gps small { display: block; font-size: 13px; opacity: .9; margin-top: 1px; }
.ob-gi { width: 40px; height: 40px; border-radius: 9px; background: rgba(255,255,255,.18); display: grid; place-items: center; flex: none; }
.ob-arr { font-size: 26px; line-height: 1; opacity: .85; }
.ob-or { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 13px; font-weight: 700; }
.ob-or::before, .ob-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.onb .find { height: 48px; }
.onb .onb-vh { margin: 6px 2px 0 !important; font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; }
.ob-top { display: flex; flex-wrap: wrap; gap: 8px; }
.ob-chip { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--raised); color: var(--fg); font: inherit; font-weight: 700; font-size: 14.5px; cursor: pointer; }
.ob-chip small { color: var(--muted); font-weight: 700; font-size: 12.5px; }
.ob-chip[aria-pressed="true"] { border-color: var(--brand); color: var(--brand); background: color-mix(in srgb, var(--brand) 8%, var(--raised)); }
.ob-list { border: 1px solid var(--line); border-radius: 9px; background: var(--raised); overflow: hidden; }
.ob-li { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 9px 16px; border: 0; border-top: 1px solid var(--line); background: none; color: var(--fg); font: inherit; text-align: left; cursor: pointer; }
.ob-li:first-child { border-top: 0; }
.ob-li .t { flex: 1; min-width: 0; } .ob-li b { display: block; font-size: 16px; } .ob-li small { display: block; font-size: 13px; color: var(--muted); margin-top: 1px; }
.ob-li[aria-pressed="true"] { background: color-mix(in srgb, var(--brand) 7%, var(--raised)); } .ob-li[aria-pressed="true"] b { color: var(--brand); }
.ob-ck { width: 24px; height: 24px; border-radius: 50%; flex: none; display: grid; place-items: center; color: #fff; }
[aria-pressed="true"] > .ob-ck { background: var(--brand); }
.ob-none { margin: 4px 2px; color: var(--muted); }
.ob-irow { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 700; color: var(--muted); margin-top: 4px; }
.ob-ints .pick { min-height: 54px; }
.ob-foot { position: sticky; bottom: 0; z-index: 3; display: flex; flex-direction: column; gap: 6px; padding: 14px 0 max(14px, env(safe-area-inset-bottom)); background: linear-gradient(transparent, var(--bg) 22px); margin-top: auto; }
.onb.ob-first .ob-foot { background: none; }
.ob-foot .go { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ob-foot .go:disabled { opacity: .45; }
.onb:not(.ob-first) .ob-foot { margin-top: 0; }
.onb .pick:not([aria-pressed="true"]) > .ob-ck, .ob-li:not([aria-pressed="true"]) > .ob-ck { display: none; }
.ob-ints .pick { gap: 10px !important; padding: 10px 10px !important; }
.ob-ints .pick .t { white-space: normal !important; overflow: visible !important; line-height: 1.15; }
.auth-logo.auth-app { width: 76px !important; height: 76px !important; background: none !important; border-radius: 19px !important; overflow: hidden; }
.auth-logo.auth-app svg { display: block; }
/* ---- fletushka në desktop: faqe e gjerë, foto majtas, detajet djathtas, të gjitha zbritjet poshtë ---- */
.sty-thumbs, .sty-kb, .sty-dnav, .sty-more, .sty-save { display: none; }
.sty-acts { display: flex; gap: 10px; } .sty-acts .sty-cta { flex: 1; }
@media (min-width: 960px) and (min-height: 600px) {
  .sty-f { width: min(1180px, calc(100vw - 200px)); height: min(88vh, 760px); border-radius: 12px; box-shadow: 0 30px 80px rgba(0,0,0,.5); }
  .sty-body { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(380px, 1fr); }
  .sty-pic { height: 100%; }
  .sty-em { font-size: clamp(180px, 22vw, 280px); }
  .sty-badge { left: 28px; bottom: 28px; font-size: 36px; padding: 8px 18px; border-radius: 9px; }
  .sty-info { justify-content: center; gap: 14px; padding: 96px 40px 28px; border-left: 1px solid rgba(255,255,255,.07); background: linear-gradient(#1b1512, #17120f); }
  .sty-info h3 { font-size: 34px; letter-spacing: -.01em; }
  .sty-pr b { font-size: 46px; } .sty-pr small { font-size: 15px; } .sty-pr s { font-size: 20px; }
  .sty-exp { font-size: 15px; }
  .sty-more { display: flex; flex-direction: column; gap: 8px; padding: 14px 0; margin: 4px 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
  .sty-more p { margin: 0; display: flex; gap: 8px; align-items: flex-start; font-size: 14.5px; line-height: 1.45; opacity: .85; }
  .sty-more p svg { flex: none; margin-top: 3px; }
  .sty-cond { opacity: .65 !important; font-size: 13.5px !important; }
  .sty-cta { height: 54px; border-radius: 6px; font-size: 16.5px; }
  .sty-save { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 54px; padding: 0 20px; border-radius: 6px; border: 1.5px solid rgba(255,255,255,.35); background: transparent; color: #fff; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; pointer-events: auto; }
  .sty-save:hover { border-color: #fff; } .sty-save.on { background: rgba(255,255,255,.14); border-color: transparent; } .sty-save.on svg { fill: currentColor; color: #ff6b5a; }
  .sty-thumbs { display: flex; gap: 8px; padding: 12px 16px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.25) transparent; background: #110d0b; border-top: 1px solid rgba(255,255,255,.07); flex: none; position: relative; z-index: 4; }
  .sty-th { flex: none; position: relative; width: 76px; height: 76px; border-radius: 9px; border: 2px solid transparent; background: #261d18; display: grid; place-items: center; font-size: 38px; cursor: pointer; padding: 0; overflow: hidden; opacity: .5; transition: opacity .15s, border-color .15s, transform .15s; pointer-events: auto; }
  .sty-th img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .sty-th em { position: absolute; left: 4px; top: 4px; padding: 1px 5px; border-radius: 5px; background: var(--brand); color: #fff; font-style: normal; font-weight: 800; font-size: 11px; line-height: 16px; }
  .sty-th:hover { opacity: .85; } .sty-th.on { opacity: 1; border-color: #fff; transform: translateY(-2px); }
  .sty-th:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  .sty-kb { display: block; position: absolute; right: 18px; bottom: 112px; z-index: 4; font-size: 12px; color: rgba(255,255,255,.5); pointer-events: none; }
  .sty-nav { display: none; }
  .sty-dnav { display: grid; place-items: center; position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); color: #fff; cursor: pointer; z-index: 2; transition: background .15s, transform .15s; }
  .sty-dnav:hover { background: rgba(255,255,255,.24); transform: scale(1.05); }
  .sty-dnav:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
  .sty-dnav.l { left: max(16px, calc(50vw - min(590px, 50vw - 100px) - 84px)); }
  .sty-dnav.r { right: max(16px, calc(50vw - min(590px, 50vw - 100px) - 84px)); }
  .sty-bars { left: 16px; right: 16px; top: 14px; }
  .sty-h { left: 18px; right: 12px; top: 28px; }
  .sty-n b { font-size: 16px; }
}
@media (min-width: 960px) and (min-height: 600px) { .sty-bars { z-index: 6; } .sty-h { z-index: 6; } .sty-thumbs { padding-top: 14px; } }
/* fletushka pa emoji: logo, zbritja dhe numri i ofertave */
.fly .fl-burst { margin-top: 12px; height: 30px; font-size: 16px; }
.fly .fl-n { bottom: 14px; font-size: 11px; }

/* fletushka me ngjyrën e markës (nga logoja); pa logo mbetet e kuqja e n’Zbritje */
.fly:not(.seen) .fl-top { background: var(--flc, var(--brand)) !important; }
.fly:not(.seen) .fl-k { color: var(--flk, #fff) !important; }

/* hyrja: fundi i njëjtë në çdo faqe, butoni kryesor nuk lëviz */
.ob-foot, .onb:not(.ob-first) .ob-foot { margin-top: auto !important; min-height: 132px; box-sizing: border-box; justify-content: flex-end; }
.onb .ob-foot .dots { height: 8px; margin-bottom: 8px; }
.onb .ob-foot .go { position: static !important; height: 54px; flex: none; }
.onb .ob-foot .ob-skip { height: 40px; margin-top: 0; }
.onb .ob-prog, .onb .ob-skipt { display: none !important; }
.onb.ob-first .inner { padding-bottom: 0 !important; }
.onb:not(.ob-first) .ob-foot { padding-top: 26px; background: linear-gradient(rgba(0,0,0,0), var(--bg) 20px); }
/* ===== fletushka e dyqanit: identiteti i zbritjes (ngjyra e markës, letër fletushke, etiketa e verdhë) ===== */
.sty.sty-id .sty-f { background: var(--flc, #E0300F); color: var(--flk, #fff); }
.sty.sty-id .sty-n, .sty.sty-id .sty-btn { color: var(--flk, #fff); text-shadow: none; filter: none; }
.sty.sty-id .sty-fol { border-color: var(--flk, #fff); color: var(--flk, #fff); background: transparent; }
.sty.sty-id .sty-fol.on { background: color-mix(in srgb, var(--flk, #fff) 18%, transparent); border-color: transparent; }
.sty.sty-id .sty-bars i { background: color-mix(in srgb, var(--flk, #fff) 30%, transparent); }
.sty.sty-id .sty-bars b { background: var(--flk, #fff); }
.sty.sty-id .sty-body { margin: calc(max(10px, env(safe-area-inset-top)) + 70px) 10px 0; background: #FFFBF0; color: #1B1410; border-radius: 14px 14px 0 0; box-shadow: 0 -2px 0 rgba(0,0,0,.04), 0 14px 40px rgba(0,0,0,.28); overflow: hidden; }
.sty.sty-id .sty-pic { background: radial-gradient(120% 90% at 50% 35%, #FFFFFF 0%, #FFF6E2 70%); padding: 40px 18px 10px; place-items: center; }
.sty.sty-id .sty-pic::after { content: none; }
.sty-k { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 5px 16px 6px; border-radius: 0 0 9px 9px; background: var(--flc, #E0300F); color: var(--flk, #fff); font-weight: 900; font-size: 11px; letter-spacing: .2em; z-index: 2; }
.sty-sq { position: relative; width: min(82%, 44vh); aspect-ratio: 1 / 1; display: grid; place-items: center; border-radius: 16px; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 18px 40px -18px rgba(60,30,10,.35), inset 0 0 0 1px rgba(27,20,16,.06); }
.sty.sty-id .sty-sq img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover !important; border-radius: inherit; }
.sty.sty-id .sty-em { font-size: clamp(96px, 30vw, 170px); filter: drop-shadow(0 14px 18px rgba(60,30,10,.25)); }
.sty.sty-id .sty-badge { left: -10px; top: -12px; bottom: auto; padding: 6px 14px; border-radius: 6px; background: #FFD21F; color: #C4170C; font-weight: 900; font-size: 30px; letter-spacing: -.02em; transform: rotate(-6deg); box-shadow: 0 8px 18px -6px rgba(120,60,0,.45); }
.sty.sty-id .sty-info { background: #FFFBF0; color: #1B1410; border-top: 1px dashed rgba(27,20,16,.16); }
.sty.sty-id .sty-info h3 { color: #1B1410; }
.sty.sty-id .sty-pr b { color: #C4170C; font-weight: 900; }
.sty.sty-id .sty-pr small { color: #6B5D52; opacity: 1; } .sty.sty-id .sty-pr s { color: #8C7F74; opacity: 1; }
.sty.sty-id .sty-exp { color: #6B5D52; opacity: 1; } .sty.sty-id .sty-exp.soon { color: #C4170C; }
.sty.sty-id .sty-more { border-color: rgba(27,20,16,.1); } .sty.sty-id .sty-more p { color: #4A3F37; opacity: 1; }
.sty.sty-id .sty-cta { background: var(--flc, #E0300F); color: var(--flk, #fff); border-radius: 9px; }
.sty.sty-id .sty-cta:focus-visible { outline-color: #1B1410; }
.sty.sty-id .sty-save { border-color: rgba(27,20,16,.2); color: #1B1410; } .sty.sty-id .sty-save.on { background: #FFE9E3; } .sty.sty-id .sty-save:hover { border-color: #1B1410; }
.sty.sty-id .sty-turn { background: #FFFBF0; }
@media (min-width: 960px) and (min-height: 600px) {
  .sty.sty-id .sty-body { margin: 78px 16px 0; border-radius: 12px 12px 0 0; }
  .sty.sty-id .sty-pic { padding: 48px 28px 24px; }
  .sty.sty-id .sty-sq { width: min(88%, 52vh); }
  .sty.sty-id .sty-info { background: #FFFBF0; border-top: 0; border-left: 1px dashed rgba(27,20,16,.16); padding-top: 40px; }
  .sty.sty-id .sty-badge { font-size: 38px; left: -14px; top: -16px; }
  .sty.sty-id .sty-thumbs { background: color-mix(in srgb, var(--flc, #E0300F) 88%, #000); border-top: 0; }
  .sty.sty-id .sty-kb { color: color-mix(in srgb, var(--flk, #fff) 60%, transparent); }
}
.sty.sty-id .sty-sq { width: min(88%, 50vh); }
.sty.sty-id .sty-th { background: #FFFBF0; opacity: .7; }
.sty.sty-id .sty-th em { background: #FFD21F; color: #C4170C; font-weight: 900; }
.sty.sty-id .sty-th.on { opacity: 1; border-color: var(--flk, #fff); }
@media (min-width: 960px) and (min-height: 600px) {
  .sty.sty-id .sty-body { margin-bottom: 0; border-radius: 12px; }
  .sty.sty-id .sty-thumbs { background: transparent; padding-top: 12px; }
}
.sty.sty-id .sty-h .av { width: 46px !important; height: 46px !important; flex: none; box-shadow: 0 0 0 2.5px var(--flk, #fff) !important; }
.sty.sty-id .sty-n b { font-size: 15px; } .sty.sty-id .sty-h { gap: 8px; } .sty.sty-id .sty-fol { padding: 0 12px; }
.sty.sty-id .sty-turn::after { background: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(60,30,10,.10) 80%, rgba(255,255,255,.06) 94%, rgba(60,30,10,.12)) !important; }
/* ---- Profili në web, si në app ---- */
.wp { max-width: 720px !important; margin: 0 auto; display: flex; flex-direction: column; gap: 22px; }
.wp-title h1 { margin: 0; font-size: 34px; letter-spacing: -.02em; } .wp-title p { margin: 4px 0 0; color: var(--ink-muted); }
.wp-hero, .wp-group, .wp-auth { background: var(--surface-raised); border: 1px solid var(--line); border-radius: 9px; }
.wp-hero { padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.wp-me { display: flex; align-items: center; gap: 16px; }
.wp-av { width: 68px; height: 68px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 25px; flex: none; }
.wp-me h2 { margin: 0; font-size: 22px; } .wp-me p { margin: 2px 0 6px; color: var(--ink-muted); font-size: 14px; }
.wp-role { display: inline-block; font-size: 12.5px; font-weight: 700; padding: 3px 10px; border-radius: 6px; background: color-mix(in srgb, var(--line) 70%, var(--surface)); }
.wp-ren { display: flex; gap: 8px; } .wp-ren input { flex: 1; min-width: 0; height: 40px; padding: 0 12px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink); font: inherit; font-weight: 700; }
.wp-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wp-stats a { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 14px 6px; border-radius: 9px; background: color-mix(in srgb, var(--line) 55%, var(--surface)); color: inherit; text-decoration: none; text-align: center; }
.wp-stats b { font-size: 24px; font-weight: 800; } .wp-stats small { font-size: 13px; font-weight: 600; color: var(--ink-muted); }
.wp-sec { display: flex; flex-direction: column; gap: 10px; }
.wp-sec h4 { margin: 0 4px; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-muted); }
.wp-group { overflow: hidden; } .wp-group + .wp-group { margin-top: 10px; }
.wp-row { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; min-height: 64px; border: 0; border-top: 1px solid var(--line); background: none; color: inherit; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.wp-group > :first-child { border-top: 0; }
.wp-row:hover { background: color-mix(in srgb, var(--line) 30%, transparent); }
.wp-row b { display: block; font-size: 16px; } .wp-row small { display: block; font-size: 13.5px; color: var(--ink-muted); margin-top: 2px; line-height: 1.35; }
.wp-ic { flex: none; width: 40px; height: 40px; border-radius: 9px; display: grid; place-items: center; color: var(--c); background: color-mix(in srgb, var(--c) 13%, transparent); }
.wp-r { flex: none; color: var(--ink-muted); display: flex; align-items: center; }
.wp-chev svg { transition: transform .15s; } .wp-chev.up svg { transform: rotate(180deg); }
.wp-badge { min-width: 24px; height: 24px; padding: 0 7px; border-radius: 6px; background: var(--brand); color: #fff; font-size: 12.5px; font-weight: 800; display: grid; place-items: center; }
.wp-swr { cursor: pointer; } .wp-swr:hover { background: none; }
.wp-sub { padding: 0 16px 16px; border-top: 0; }
.wp-rad { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.wp-rad button { height: 40px; border: 0; border-radius: 6px; background: color-mix(in srgb, var(--line) 70%, var(--surface)); color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.wp-rad button[aria-pressed="true"] { background: var(--ink); color: var(--surface); }
.wp-ints { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wp-ints .chip { width: 100%; height: 44px; justify-content: flex-start; gap: 8px; padding: 0 12px; min-width: 0; }
.wp-ints .chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wp-clear { margin-top: 10px; }
.wp-seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 4px; border-radius: 9px; background: color-mix(in srgb, var(--line) 70%, var(--surface)); }
.wp-seg button { height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 6px; background: none; color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.wp-seg button[aria-pressed="true"] { background: var(--surface-raised); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
/* hyrja */
.wp-auth { padding: 28px 24px; display: flex; flex-direction: column; gap: 16px; }
.wp-ahero { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.wp-alogo { width: 72px; height: 72px; border-radius: 18px; background: var(--brand); color: #fff; display: grid; place-items: center; }
.wp-ahero h2 { margin: 6px 0 0; font-size: 28px; } .wp-ahero p { margin: 0; color: var(--ink-muted); }
.wp-abtns { display: flex; flex-direction: column; gap: 10px; max-width: 420px; width: 100%; margin: 0 auto; }
.wp-abtn { height: 52px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 6px; font: inherit; font-weight: 700; font-size: 16.5px; cursor: pointer; background: color-mix(in srgb, var(--line) 70%, var(--surface)); color: var(--ink); }
.wp-abtn.apple { background: var(--ink); color: var(--surface); }
.wp-authf { display: flex; flex-direction: column; gap: 10px; max-width: 420px; width: 100%; margin: 0 auto; }
.wp-authf label { font-weight: 700; font-size: 14px; }
.wp-authf input { height: 50px; padding: 0 14px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink); font: inherit; font-size: 16px; }
.wp-code { letter-spacing: .5em; text-align: center; font-weight: 800; font-size: 22px !important; }
.wp-err { color: var(--brand); font-size: 13.5px; font-weight: 600; }
.wp-fine { margin: 0; text-align: center; font-size: 13px; color: var(--ink-muted); } .wp-fine a { color: var(--ink); font-weight: 700; }
.wp-perks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wp-perks > div { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 14px 8px; border: 1px solid var(--line); border-radius: 9px; }
.wp-perks span { width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, var(--line) 60%, var(--surface)); color: var(--brand); margin-bottom: 4px; }
.wp-perks b { font-size: 14px; } .wp-perks small { font-size: 12.5px; color: var(--ink-muted); }
.wp-biz { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1.5px dashed var(--line-strong); border-radius: 9px; color: inherit; text-decoration: none; }
.wp-biz b { display: block; } .wp-biz small { display: block; color: var(--ink-muted); font-size: 13.5px; }
.wp-go { color: var(--brand); font-weight: 800; white-space: nowrap; }
.wp-hav { width: 28px; height: 28px; border-radius: 50%; background: var(--brand); color: #fff; font-size: 11.5px; font-weight: 800; display: inline-grid; place-items: center; }
@media (max-width: 640px) {
  .wp { gap: 18px; } .wp-title h1 { font-size: 30px; }
  .wp-ints { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wp-perks small { display: none; } .wp-auth { padding: 22px 16px; }
  .wp-rad { gap: 6px; } .wp-rad button { font-size: 14px; }
  .wp-biz .wp-go { display: none; }
}
.wp-row > .grow, .wp-biz > .grow { flex: 1 1 auto; min-width: 0; }
.wp-row > .sw { flex: none; }
#ftr li a { column-gap: .28em; }
/* paneli i biznesit në telefon: hapësirë që butoni “Zbritje e re” dhe skedat mos e mbulojnë përmbajtjen */
@media (max-width: 760px) { .p-main { padding-bottom: 150px !important; } }
.wp-alogo { width: 76px; height: 76px; background: none; border-radius: 19px; overflow: hidden; } .wp-alogo svg { display: block; }
.acc, .wz-box, .banner { flex-shrink: 0; }

/* profili: fotoja dhe @username */
.wp-avw { position: relative; flex: none; cursor: pointer; border-radius: 50%; }
.wp-avw .wp-av { overflow: hidden; }
.wp-av img, .wp-hav img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.wp-hav.has-img { padding: 0; overflow: hidden; background: none; }
.wp-avcam { position: absolute; right: -2px; bottom: -2px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--fg, #17181C); color: #fff; border: 2px solid var(--raised, #fff); }
.wp-avcam svg { width: 14px; height: 14px; }
.wp-avw:hover .wp-avcam, .wp-avw:focus-within .wp-avcam { background: var(--brand, #E0300F); }
.wp-avw:focus-within { outline: 2px solid var(--brand, #E0300F); outline-offset: 3px; }
.wp-avw.busy { opacity: .55; pointer-events: none; }
.wp-un { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 2px 0 2px; font-size: 14px; }
.wp-un b { color: var(--fg); font-weight: 650; }
.wp-un .lnk { background: none; border: 0; padding: 0; font: inherit; font-size: 13px; color: var(--brand, #E0300F); font-weight: 650; cursor: pointer; }
.wp-un-sep { color: var(--faint, #999); }
.wp-un-f { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 6px 0; }
.wp-un-in { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 6px; background: var(--raised, #fff); padding: 0 0 0 10px; height: 36px; flex: 1 1 180px; max-width: 260px; }
.wp-un-in span { color: var(--muted); font-weight: 650; }
.wp-un-in input { border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; padding: 0 10px 0 2px; height: 100%; width: 100%; min-width: 0; color: var(--fg); }
.wp-un-in:focus-within { border-color: var(--fg); }
.wp-un-m { flex-basis: 100%; font-size: 12.5px; color: var(--muted); }
.wp-un-m.bad { color: var(--bad, #C62828); } .wp-un-m.good { color: var(--good, #2E7D5B); }

/* ---- profili: kartela e rregullt ---- */
.wp-hero{padding:20px;gap:18px}
.wp-me{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}
.wp-me .wp-av{width:80px;height:80px;font-size:28px}
.wp-id{min-width:0;display:flex;flex-direction:column;gap:3px}
.wp-id h2{margin:0;font-size:22px;line-height:1.2;overflow-wrap:anywhere}
.wp-handle{font-size:15px;font-weight:650;color:var(--fg)}
.wp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px}
.wp-mail{font-size:14px;color:var(--ink-muted,var(--muted));text-decoration:none!important;overflow-wrap:anywhere}
.wp-mail a{color:inherit!important;text-decoration:none!important}
.wp-meta .wp-role{font-size:12px;padding:2px 8px;line-height:1.5}
.wp-editb{align-self:start;gap:6px}
@media (max-width:560px){
  .wp-me{grid-template-columns:auto minmax(0,1fr);row-gap:14px}
  .wp-me .wp-av{width:72px;height:72px}
  .wp-editb{grid-column:1 / -1;width:100%;justify-content:center;height:40px}
}
.wp-stats{gap:10px}
.wp-stats a{flex-direction:column;align-items:flex-start!important;text-align:left;padding:14px 16px!important;border:1px solid transparent;transition:border-color .15s}
.wp-stats a:hover{border-color:var(--line)}
.wp-stats a b{font-size:24px;line-height:1.1}
.wp-stats a small{font-size:13px}
/* redaktimi */
.wp-pedit{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:9px;background:color-mix(in srgb,var(--line) 35%,var(--surface-raised))}
.wp-pedit .field{display:flex;flex-direction:column;gap:6px}
.wp-pedit .field > label:first-child,.wp-pfoto .lbl{font-size:13px;font-weight:700;color:var(--fg)}
.wp-pedit #wp-name{height:44px;border:1px solid var(--line);border-radius:6px;padding:0 12px;font:inherit;font-size:16px;background:var(--surface-raised);color:var(--fg)}
.wp-pedit .wp-un-in{max-width:none;height:44px}
.wp-pfoto{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wp-pfoto .lbl{flex-basis:100%}
.wp-pfoto .btn{gap:6px;cursor:pointer}
.wp-pacts{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media (max-width:560px){.wp-pacts .btn{flex:1}}
.wp-pedit .wp-un-in{display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;height:44px!important;min-height:0!important;padding:0 0 0 12px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:var(--surface-raised)!important;font-size:16px!important;font-weight:400!important}
.wp-pedit .wp-un-in > span{font-weight:650;color:var(--muted)}
.wp-pedit .wp-un-in input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;height:100%!important;min-height:0!important;padding:0 12px 0 2px!important;margin:0!important;font-size:16px!important;border-radius:0!important}
.wp-pedit .wp-un-in:focus-within,.wp-pedit #wp-name:focus{border-color:var(--fg)!important;outline:0}
.wp-pedit .field .wp-un-in{flex:none!important;width:100%;max-width:none!important}
.wp-nnote{margin:0;padding:10px 16px 12px;font-size:13px;color:var(--muted);line-height:1.5}
/* ===== plus.css: historia e çmimit, kuponi në arkë, shporta, stoku, ndjekësit ===== */
.px-hist { border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); padding: 14px 16px 12px; display: flex; flex-direction: column; gap: 8px; }
.px-h { display: flex; gap: 12px; align-items: flex-start; } .px-h .grow { flex: 1; min-width: 0; }
.px-h b { display: block; font-size: 15.5px; } .px-h small { display: block; font-size: 13.5px; color: var(--ink-muted); margin-top: 2px; line-height: 1.35; }
.px-vi { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-weight: 900; font-size: 15px; color: #fff; background: #1f9d5b; }
.px-warn .px-vi { background: #d9822b; } .px-ok .px-vi { background: #5b6b7a; }
.px-svg { width: 100%; height: 84px; display: block; }
.px-svg .ph-l { stroke: var(--ink); stroke-width: 2; vector-effect: non-scaling-stroke; } .px-svg .ph-a { fill: color-mix(in srgb, var(--ink) 7%, transparent); }
.px-svg .ph-d { fill: var(--brand); stroke: var(--surface-raised); stroke-width: 2; vector-effect: non-scaling-stroke; }
.px-good .px-svg .ph-l { stroke: #1f9d5b; } .px-good .px-svg .ph-a { fill: color-mix(in srgb, #1f9d5b 10%, transparent); }
.px-ax { display: flex; justify-content: space-between; font-size: 12px; color: var(--ink-muted); margin-top: -4px; }
.px-fine { margin: 0; font-size: 12.5px; color: var(--ink-muted); }
.px-stock { display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; color: var(--ink-muted); }
.px-stock b { color: #c25e00; }
.px-sb { height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; } .px-sb i { display: block; height: 100%; background: linear-gradient(90deg, #f0a43a, #d9541e); border-radius: 3px; }
.px-gate { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 9px; background: color-mix(in srgb, var(--brand) 8%, var(--surface-raised)); border: 1px dashed color-mix(in srgb, var(--brand) 45%, transparent); }
.px-gate .grow { flex: 1; min-width: 0; } .px-gate b { display: block; } .px-gate small { display: block; font-size: 13.5px; color: var(--ink-muted); margin-top: 2px; }
.px-lock { font-size: 22px; } .px-fbtn { flex: none; }
.px-lockp { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--brand); font-size: 14px; }
.px-tag { position: absolute; left: 8px; bottom: 8px; z-index: 2; font-size: 11px; font-weight: 800; padding: 3px 7px; border-radius: 6px; background: #16120E; color: #fff; }
.px-tag.st { background: #c25e00; }
/* butoni te zbritja */
.px-use { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border: 1.5px solid var(--ink); border-radius: 9px; background: var(--surface-raised); color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.px-use .grow { flex: 1; } .px-use b { display: block; font-size: 16px; } .px-use small { display: block; font-size: 13px; color: var(--ink-muted); margin-top: 2px; }
.px-use .px-qi { flex: none; width: 42px; height: 42px; border-radius: 9px; background: var(--ink); color: var(--surface); display: grid; place-items: center; }
.px-use .px-qi svg { width: 26px; height: 26px; }
/* dritarja */
.pxm { position: fixed; inset: 0; z-index: 9998; display: grid; place-items: center; padding: 16px; }
.pxm-bg { position: absolute; inset: 0; background: rgba(10,8,6,.55); }
.pxm-c { position: relative; width: min(460px, 100%); max-height: calc(100dvh - 32px); overflow: auto; background: var(--surface); color: var(--ink); border-radius: 14px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.5); animation: pxm-in .2s ease-out; }
.pxm.full .pxm-c { width: min(720px, 100%); }
@media (max-width: 600px) { .pxm { padding: 0; place-items: end center; } .pxm-c { width: 100%; max-height: 94dvh; border-radius: 16px 16px 0 0; } .pxm.full .pxm-c { height: 94dvh; } }
@keyframes pxm-in { from { transform: translateY(16px); opacity: 0; } }
.pxm-x { position: sticky; top: 8px; float: right; margin: 8px 8px 0 0; z-index: 2; width: 40px; height: 40px; border-radius: 50%; border: 0; background: color-mix(in srgb, var(--line) 80%, var(--surface)); color: var(--ink); font-size: 24px; line-height: 1; cursor: pointer; }
.pxm-in { padding: 20px 20px 24px; }
.px-mt { margin: 4px 0 14px; font-size: 24px; }
/* kuponi */
.px-cp { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding-top: 8px; }
.px-cp-s { font-weight: 700; color: var(--ink-muted); } .px-cp h3 { margin: 0; font-size: 22px; }
.px-cp-b { font-weight: 800; color: var(--brand); font-size: 17px; }
.px-qr { position: relative; width: min(240px, 70vw); margin: 10px 0 4px; padding: 10px; background: #fff; border-radius: 12px; border: 1px solid var(--line); }
.px-qr .qr { display: block; width: 100%; height: auto; } .px-qr.used .qr { opacity: .18; }
.px-used { position: absolute; inset: 0; display: grid; place-items: center; font-weight: 800; color: #1f9d5b; font-size: 18px; }
.px-code { font-size: 34px; font-weight: 900; letter-spacing: .12em; }
.px-cp-p { margin: 0; color: var(--ink-muted); font-size: 14.5px; max-width: 340px; }
/* biznesi: arka */
.px-rd { display: flex; flex-direction: column; gap: 16px; }
.px-rf { display: flex; flex-direction: column; gap: 8px; } .px-rf label { font-weight: 800; } .px-rf small { color: var(--ink-muted); font-size: 13px; line-height: 1.4; }
.px-rin { display: flex; align-items: stretch; gap: 8px; }
.px-pre { display: grid; place-items: center; padding: 0 12px; font-weight: 900; font-size: 22px; background: color-mix(in srgb, var(--line) 70%, var(--surface)); border-radius: 6px; }
.px-rin input { flex: 1; min-width: 0; height: 56px; font: inherit; font-size: 28px; font-weight: 900; letter-spacing: .25em; padding: 0 14px; border: 1.5px solid var(--line-strong, var(--line)); background: var(--surface-raised); color: var(--ink); border-radius: 6px; }
.px-rin .btn { height: 56px; padding: 0 18px; }
.px-rr { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 9px; background: color-mix(in srgb, #1f9d5b 12%, var(--surface-raised)); border: 1px solid color-mix(in srgb, #1f9d5b 40%, transparent); }
.px-rr.px-bad, .px-rr.px-used { background: color-mix(in srgb, #d9822b 12%, var(--surface-raised)); border-color: color-mix(in srgb, #d9822b 40%, transparent); }
.px-rr.px-bad .px-vi, .px-rr.px-used .px-vi { background: #d9822b; }
.px-rr b { display: block; } .px-rr small { display: block; color: var(--ink-muted); font-size: 13.5px; margin-top: 2px; }
.px-rk { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.px-rk > div { padding: 12px; border-radius: 9px; background: var(--surface-raised); border: 1px solid var(--line); display: flex; flex-direction: column; }
.px-rk b { font-size: 22px; } .px-rk small { font-size: 12.5px; color: var(--ink-muted); }
.px-top, .px-rl { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); overflow: hidden; }
.px-top > b, .px-rl > b { padding: 10px 14px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--ink-muted); }
.px-top > div, .px-rl > div { display: flex; gap: 10px; align-items: center; padding: 10px 14px; border-top: 1px solid var(--line); font-size: 14px; }
.px-top > div span { flex: 1; } .px-rl .grow { flex: 1; min-width: 0; } .px-rl small { color: var(--ink-muted); } .px-rl .muted { color: var(--ink-muted); font-size: 12.5px; }
/* shporta */
/* hyrja te shporta */
/* ngjitësja e derës */
.px-stk { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
@media (max-width: 760px) { .px-stk { grid-template-columns: 1fr; } }
.px-door { aspect-ratio: 1 / 1.25; max-width: 380px; width: 100%; background: #E0300F; color: #fff; border-radius: 18px; padding: 26px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; box-shadow: 0 20px 50px -20px rgba(120,20,0,.5); }
.px-door h3 { margin: 0; font-size: 28px; line-height: 1.1; } .px-door p { margin: 0; font-weight: 700; opacity: .92; }
.px-door .px-dq { width: 62%; background: #fff; border-radius: 14px; padding: 10px; } .px-door .px-dq .qr { display: block; width: 100%; height: auto; }
.px-door .px-dl { display: flex; align-items: center; gap: 8px; font-weight: 900; font-size: 20px; }
.px-door .px-dl svg { width: 30px; height: 30px; }
@media print { body * { visibility: hidden !important; } .px-door, .px-door * { visibility: visible !important; } .px-door { position: fixed; left: 50%; top: 40px; transform: translateX(-50%); box-shadow: none; } }
.px-locked .d-price, .px-locked .d-each, .px-locked .save-line { filter: blur(7px); user-select: none; pointer-events: none; }
.card .px-tag { left: auto; right: 8px; }
.px-rk b { font-size: 20px; white-space: nowrap; }
.px-door .nzn { color: inherit !important; }
.px-rin .btn { white-space: nowrap; }
.px-locked .o-price, .px-locked .o-price + p, .px-locked .cond-r:nth-child(2) dd, .px-locked.cond .cond-r:nth-child(2) dd { filter: blur(7px); user-select: none; pointer-events: none; }
.px-cp-one { font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 6px; background: color-mix(in srgb, #1f9d5b 14%, transparent); color: #1f9d5b; }
.px-vl { margin-top: 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); overflow: hidden; }
.px-vh { display: flex; justify-content: space-between; padding: 10px 14px; font-size: 14px; } .px-vh span { color: var(--ink-muted); font-weight: 700; }
.px-vi2 { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--line); font-size: 14.5px; cursor: pointer; }
.px-vi2 input { width: 20px; height: 20px; accent-color: var(--brand); flex: none; } .px-vi2 .grow { flex: 1; min-width: 0; } .px-vi2 small { color: var(--brand); font-weight: 700; font-size: 12.5px; }
.px-vi2:not(.on) .grow, .px-vi2:not(.on) b { opacity: .45; text-decoration: line-through; }
.px-vt { display: flex; justify-content: space-between; padding: 12px 14px; border-top: 1px solid var(--line); font-weight: 700; } .px-vt b { color: #1f9d5b; font-size: 17px; }
.px-vn { display: block; padding: 0 14px 12px; color: var(--ink-muted); font-size: 12.5px; margin: 0; }
.px-ri { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; }
.px-ri li { display: flex; justify-content: space-between; gap: 10px; } .px-ri small { color: var(--brand); font-weight: 700; }
.px-rr > div { flex: 1; min-width: 0; }
.px-rr.px-ok .px-vi { background: #1f9d5b; } .px-ri li span { min-width: 0; }
.px-lock { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 9px; background: var(--surface-raised); color: var(--brand); font-size: 20px; flex: none; }
.px-lockp svg { width: 15px; height: 15px; vertical-align: -2px; }
.px-vi svg { width: 16px; height: 16px; }
.px-used svg { width: 20px; height: 20px; vertical-align: -3px; }
/* ---- lista e pazarit (pa krahasime) ---- */
/* ---- vizita te dyqani ---- */
.px-ci { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding-top: 6px; }
.px-ci h3 { margin: 0; font-size: 24px; } .px-ci p { margin: 0; color: var(--ink-muted); line-height: 1.45; }
.px-ci-sm { font-size: 13px; color: var(--ink-muted); }
.px-ci-ill { width: 72px; height: 72px; border-radius: 18px; background: var(--brand); color: #fff; display: grid; place-items: center; font-size: 38px; }
.px-ci-ok { width: 76px; height: 76px; border-radius: 50%; background: #1f9d5b; color: #fff; display: grid; place-items: center; font-size: 40px; animation: px-pop .4s cubic-bezier(.2,.9,.3,1.3); }
@keyframes px-pop { from { transform: scale(.4); opacity: 0; } }
.px-ci-s { font-weight: 700; color: var(--ink-muted); font-size: 14px; }
.px-live { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: color-mix(in srgb, #1f9d5b 12%, var(--surface-raised)); }
.px-live b { font-size: 18px; } .px-live small { color: var(--ink-muted); font-size: 13px; }
.px-pulse { width: 10px; height: 10px; border-radius: 50%; background: #1f9d5b; box-shadow: 0 0 0 0 rgba(31,157,91,.6); animation: px-pl 1.6s infinite; }
@keyframes px-pl { 70% { box-shadow: 0 0 0 10px rgba(31,157,91,0); } 100% { box-shadow: 0 0 0 0 rgba(31,157,91,0); } }
.px-card { width: 100%; text-align: left; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.px-ch { display: flex; justify-content: space-between; } .px-ch span { font-weight: 800; color: var(--brand); }
.px-card > small { color: var(--ink-muted); font-size: 13.5px; }
.px-stamps { display: flex; gap: 8px; flex-wrap: wrap; }
.px-stamps i { width: 34px; height: 34px; border-radius: 50%; border: 2px dashed var(--line-strong, var(--line)); display: grid; place-items: center; color: #fff; font-size: 18px; }
.px-stamps i.on { border: 0; background: var(--brand); }
.px-rw { width: 100%; display: flex; flex-direction: column; gap: 6px; align-items: center; padding: 16px; border-radius: 9px; background: #FFF4CC; color: #4a3b00; } .px-rw b { font-size: 18px; } .px-rw .btn { margin-top: 6px; }
.px-ci .px-vl { width: 100%; text-align: left; margin-top: 0; }
/* ---- biznesi ---- */
.px-rk small .up { color: #1f9d5b; font-weight: 800; } .px-rk small .dn { color: #c0392b; font-weight: 800; }
.px-tn { display: block; padding: 0 14px 10px; color: var(--ink-muted); font-size: 12.5px; }
.px-loy { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); }
.px-loy > small { color: var(--ink-muted); font-size: 13px; line-height: 1.4; } .px-loy .px-tn { padding: 0; }
.px-loyr { display: flex; gap: 10px; } .px-loyr label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 700; } .px-loyr .grow { flex: 1; }
.px-loyr select, .px-loyr input { height: 44px; padding: 0 10px; border: 1px solid var(--line-strong, var(--line)); border-radius: 6px; background: var(--surface); color: var(--ink); font: inherit; font-size: 15px; }
.px-loy .btn { align-self: flex-start; }
.px-vdot { width: 10px; height: 10px; border-radius: 50%; background: var(--line-strong, #aaa); flex: none; } .px-vdot.new { background: #1f9d5b; }
.pxm .px-door { margin: 0 auto; }
.pf-switch { display: grid !important; grid-template-columns: 1fr 1fr; margin: 4px 0 14px; }
.pf-switch button { display: flex; align-items: center; justify-content: center; gap: 6px; }
.bd-add { white-space: nowrap; } .bd-add + .bd-add { margin-top: 8px; }
.tab-head { align-items: center !important; }
.acc-sw { display: flex; gap: 2px; padding: 3px; border-radius: 9px; background: color-mix(in srgb, var(--line) 70%, var(--bg)); flex: none; align-self: center; }
.acc-sw button { display: flex; align-items: center; gap: 5px; height: 34px; padding: 0 11px; border: 0; border-radius: 7px; background: none; color: var(--muted); font: inherit; font-weight: 700; font-size: 13.5px; cursor: pointer; }
.acc-sw button[aria-pressed="true"] { background: var(--raised); color: var(--fg); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.pf-switch { display: none !important; }
/* zgjedhja e kategorive të biznesit */
.cp-acc { border: 1px solid var(--line); border-radius: 9px; background: var(--raised); overflow: hidden; }
.cp-acc > summary { list-style: none; display: flex; gap: 12px; align-items: center; padding: 12px 14px; cursor: pointer; }
.cp-acc > summary::-webkit-details-marker { display: none; }
.cp-acc .grow { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cp-l { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.cp-acc summary b { display: flex; align-items: center; gap: 6px; font-size: 16px; } .cp-acc summary b svg { color: var(--brand); }
.cp-acc summary small { font-size: 12.5px; color: var(--muted); }
.cp-ch { color: var(--muted); transition: transform .15s; } .cp-acc[open] .cp-ch { transform: rotate(180deg); }
.cp-acc[open] > summary { border-bottom: 1px solid var(--line); }
.cp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px 14px; }
.cp-t { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg); color: var(--fg); font: inherit; font-weight: 700; font-size: 14.5px; text-align: left; cursor: pointer; }
.cp-i { width: 30px; height: 30px; border-radius: 7px; display: grid; place-items: center; flex: none; background: color-mix(in srgb, var(--brand) 9%, var(--raised)); color: var(--brand); }
.cp-n { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-t.on { border-color: var(--brand); background: color-mix(in srgb, var(--brand) 7%, var(--raised)); color: var(--brand); }
.cp-ck { width: 20px; height: 20px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; flex: none; }
.cp-t.dim { opacity: .4; }
.cp-acc + .cp-acc { margin-top: 12px; }
.cp-n { white-space: normal !important; overflow: visible !important; line-height: 1.15; overflow-wrap: anywhere; }
.cp-t { gap: 8px; padding: 8px; font-size: 14px; }
.cp-i { width: 28px; height: 28px; }
.cp-ck { width: 18px; height: 18px; }
.cp-t { position: relative; font-size: 13.5px; padding: 8px 6px 8px 8px; gap: 7px; }
.cp-n { overflow-wrap: normal !important; word-break: keep-all; hyphens: none; }
.cp-ck { position: absolute; top: -6px; right: -6px; box-shadow: 0 0 0 2px var(--raised); }
.cp-grid { gap: 8px 8px; padding: 12px 12px 14px; }
.cp-ph { color: var(--muted); font-weight: 700; }
.cp-acc.cp-none > summary b .cp-ph { color: var(--brand); }
.cp-acc.bad { border-color: var(--brand); box-shadow: 0 0 0 1px var(--brand); }
.cp-acc .err { color: var(--brand); font-size: 13px; font-weight: 700; margin-top: 2px; }
.cp-acc > summary { text-align: left !important; } .cp-acc .grow { align-items: flex-start; }
.nm-box { display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: color-mix(in srgb, var(--line) 22%, transparent); }
.nm-h b { display: block; font-size: 15px; } .nm-h small { display: block; color: var(--muted, var(--ink-muted)); font-size: 13px; line-height: 1.4; margin-top: 2px; }
.nm-same { display: flex; gap: 10px; align-items: center; font-size: 14px; font-weight: 600; cursor: pointer; }
.nm-same input { width: 20px; height: 20px; accent-color: var(--brand); flex: none; }
.nm-box .field { margin: 0; }
/* foto e ngarkuar nga biznesi: mbush gjithë kutinë e fotos */
.pic { position: relative; overflow: hidden; }
.pic > img, .pic > img.ph, .hero > img.ph, .o-img > img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; z-index: 0; }
.pic > .badge, .pic > .saved-mark, .pic > .px-tag, .pic > .ad-tag, .hero > .badge, .o-img > .badge { z-index: 2; }
/* ---- shpallja e re ---- */
.cz { display: flex; flex-direction: column; gap: 16px; }
.cz-box { display: flex; flex-direction: column; gap: 20px; padding: 18px 16px 20px; border: 1px solid var(--line); border-radius: 9px; background: var(--raised); }
.cz-h { display: flex; gap: 12px; align-items: flex-start; padding-bottom: 14px; border-bottom: 1px solid var(--line); margin-bottom: 2px; }
.cz-n { width: 30px; height: 30px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 15px; flex: none; }
.cz-h b { display: block; font-size: 17px; line-height: 1.25; } .cz-h small { display: block; color: var(--muted); font-size: 13.5px; line-height: 1.45; margin-top: 3px; }
.cz-box .field { gap: 8px !important; margin: 0 !important; }
.cz-box .field > label, .cz-box .field > .lbl { font-size: 13px !important; letter-spacing: .04em; line-height: 1.3; margin: 0 0 2px !important; }
.cz-box .two { gap: 12px !important; row-gap: 20px !important; }
.cz-box input, .cz-box select, .cz-box textarea { min-height: 50px; font-size: 16px !important; }
.cz-box .kgrid { gap: 10px !important; } .cz-box .kbtn { min-height: 48px; padding: 8px 10px !important; line-height: 1.25; }
.cz-box .pct { gap: 10px !important; } .cz-box .pct button { min-height: 44px; }
.cz-box .ok-line, .cz-box .warn { margin-top: 2px; line-height: 1.4; padding: 10px 12px; border-radius: 6px; }
.cz-box .ok-line { background: color-mix(in srgb, var(--good, #1f9d5b) 12%, transparent); }
.cz-box .hint, .cz-box small.hint { line-height: 1.45; margin-top: 2px; }
.cz-box .photo-drop { min-height: 72px; padding: 14px !important; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#biz .navbtns { margin-top: 22px; gap: 12px; }
.cz-sum dl { margin: 0; display: flex; flex-direction: column; }
.cz-sum dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-top: 1px solid var(--line); font-size: 15px; line-height: 1.4; }
.cz-sum dl > div:first-child { border-top: 0; padding-top: 0; }
.cz-sum dt { color: var(--muted); flex: none; } .cz-sum dd { margin: 0; text-align: right; }
.cz-sum s { color: var(--muted); font-size: 13px; } .cz-ok { color: var(--good, #1f9d5b); } .cz-pc { color: var(--brand); font-weight: 800; }
.cz-sum .cz-n { background: var(--good, #1f9d5b); }
#biz .preview { margin: 6px 0 4px; }
#biz > .sec, #biz > section { margin-bottom: 16px; }
#biz .card-box { gap: 12px; line-height: 1.45; }
/* ---- hyrja për biznes + ekipi ---- */
.bi { display: flex; flex-direction: column; gap: 18px; }
.bi-h { display: flex; flex-direction: column; gap: 8px; } .bi-h h2 { margin: 4px 0 0; font-size: 24px; } .bi-h p { margin: 0; color: var(--muted, var(--ink-muted)); line-height: 1.5; }
.bi-ic { width: 52px; height: 52px; border-radius: 12px; background: var(--brand); color: #fff; display: grid; place-items: center; }
.bi-steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 9px; background: var(--raised, var(--surface-raised)); overflow: hidden; }
.bi-steps li { display: flex; gap: 14px; padding: 14px 16px; border-top: 1px solid var(--line); } .bi-steps li:first-child { border-top: 0; }
.bi-steps li > span { width: 28px; height: 28px; border-radius: 50%; background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); display: grid; place-items: center; font-weight: 800; flex: none; }
.bi-steps b { display: block; font-size: 15.5px; } .bi-steps small { display: block; color: var(--muted, var(--ink-muted)); font-size: 13.5px; line-height: 1.45; margin-top: 2px; }
.bi-fine { margin: 0; text-align: center; color: var(--muted, var(--ink-muted)); font-size: 13px; }
.bi-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; margin-bottom: 14px; border-radius: 9px; background: color-mix(in srgb, var(--brand) 8%, var(--raised, var(--surface-raised))); border: 1px solid color-mix(in srgb, var(--brand) 25%, transparent); }
.bi-note svg { color: var(--brand); flex: none; margin-top: 2px; } .bi-note b { display: block; font-size: 14.5px; } .bi-note small { display: block; color: var(--muted, var(--ink-muted)); font-size: 13px; margin-top: 3px; line-height: 1.45; }
.tm { display: flex; flex-direction: column; gap: 16px; margin-top: 14px; }
.tm-intro b { display: block; font-size: 17px; } .tm-intro small { display: block; color: var(--muted, var(--ink-muted)); font-size: 13.5px; line-height: 1.45; margin-top: 4px; }
.tm-list { border: 1px solid var(--line); border-radius: 9px; background: var(--raised, var(--surface-raised)); overflow: hidden; }
.tm-row { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-top: 1px solid var(--line); } .tm-row:first-child { border-top: 0; }
.tm-row .grow { flex: 1; min-width: 0; } .tm-row b { display: flex; gap: 6px; align-items: center; font-size: 15px; } .tm-row small { display: block; color: var(--muted, var(--ink-muted)); font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
.tm-av { width: 38px; height: 38px; border-radius: 50%; background: var(--ink, var(--fg)); color: var(--bg, #fff); display: grid; place-items: center; font-weight: 800; font-size: 14px; flex: none; }
.tm-you { font-size: 11px !important; font-weight: 800; color: var(--brand) !important; background: color-mix(in srgb, var(--brand) 10%, transparent); padding: 1px 6px; border-radius: 5px; display: inline !important; }
.tm-role { font-size: 12.5px; font-weight: 800; padding: 4px 9px; border-radius: 6px; background: color-mix(in srgb, var(--line) 70%, transparent); flex: none; } .tm-role.owner { background: var(--brand); color: #fff; }
.tm-sel { height: 36px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); color: inherit; font: inherit; font-size: 13.5px; font-weight: 700; padding: 0 6px; }
.tm-x { width: 36px; height: 36px; border: 0; background: none; color: var(--muted, var(--ink-muted)); font-size: 22px; cursor: pointer; border-radius: 6px; }
.tm-add { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--raised, var(--surface-raised)); }
.tm-add > b { font-size: 16px; margin-bottom: 4px; } .tm-add label[for], .tm-l { font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--muted, var(--ink-muted)); margin-top: 4px; }
.tm-add input[type=email] { height: 50px; padding: 0 14px; border: 1px solid var(--line-strong, var(--line)); border-radius: 6px; background: var(--bg); color: inherit; font: inherit; font-size: 16px; }
.tm-roles { display: flex; flex-direction: column; gap: 8px; }
.tm-r { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; } .tm-r.on { border-color: var(--brand); background: color-mix(in srgb, var(--brand) 6%, transparent); }
.tm-r input { width: 20px; height: 20px; accent-color: var(--brand); margin: 1px 0 0; flex: none; } .tm-r b { display: block; } .tm-r small { display: block; color: var(--muted, var(--ink-muted)); font-size: 13px; line-height: 1.4; margin-top: 2px; }
.tm-add .btn { margin-top: 6px; } .tm-fine { color: var(--muted, var(--ink-muted)); font-size: 12.5px; line-height: 1.45; margin: 0; }
.tm-legend { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: 9px; background: color-mix(in srgb, var(--line) 35%, transparent); }
.tm-legend b { display: block; font-size: 14px; } .tm-legend small { display: block; color: var(--muted, var(--ink-muted)); font-size: 13px; line-height: 1.4; }
.bd-tabs { overflow-x: auto; scrollbar-width: none; }
.tm-row { flex-wrap: wrap; } .tm-act { display: flex; gap: 6px; align-items: center; flex: none; }
@media (max-width: 560px) { .tm-row:has(.tm-act) .grow { flex-basis: calc(100% - 52px); } .tm-act { width: 100%; padding-left: 50px; } .tm-act .tm-sel { flex: 1; } }
.bd-tabs button { flex: none !important; padding-left: 12px !important; padding-right: 12px !important; }
.bi-web { padding-bottom: 6px; border-bottom: 1px solid var(--line); margin-bottom: 4px; } .bi-web .bi-ic { display: none; }
.pf-expl { margin: 8px 4px 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.pf-biz0 { display: flex; flex-direction: column; gap: 14px; padding: 16px; border: 1.5px dashed var(--line-strong, var(--line)); border-radius: 9px; background: var(--raised); }
.pf-biz0 b { display: block; font-size: 16px; } .pf-biz0 small { display: block; color: var(--muted); font-size: 13.5px; line-height: 1.5; margin-top: 4px; }
.pf-biz0 .btn { align-self: flex-start; gap: 8px; }

.px-ci h1 { margin: 0; font-size: 24px; }
/* ---- regjistrimi: një pikë / disa pika ---- */
.rg-pts { display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); }
.rg-pts.bad { border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent); }
.rg-pts .nm-h b { display: block; } .rg-pts .nm-h small { display: block; color: var(--ink-muted); font-size: 13px; margin-top: 2px; }
.rg-opts { display: grid; grid-template-columns: 1fr; gap: 10px; }
.rg-opt { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-raised); color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.rg-opt[aria-checked="true"] { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.rg-opt b { font-size: 15.5px; margin-top: 6px; } .rg-opt small { font-size: 13px; color: var(--ink-muted); line-height: 1.4; }
.rg-ic { width: 40px; height: 40px; border-radius: 6px; display: grid; place-items: center; background: color-mix(in srgb, var(--line) 60%, var(--surface-raised)); color: var(--ink); }
.rg-ic svg { width: 22px; height: 22px; }
.rg-opt[aria-checked="true"] .rg-ic { background: var(--brand); color: #fff; }
.pf-mode { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px dashed var(--line-strong, var(--line)); border-radius: 9px; flex-wrap: wrap; }
.pf-mode .grow { flex: 1; min-width: 200px; } .pf-mode b { display: block; font-size: 14.5px; } .pf-mode small { display: block; color: var(--ink-muted); font-size: 13px; margin-top: 2px; }

/* ---- Pamja e çelët: gri neutrale e pastër (në vend të bezhës së ngrohtë) ---- */
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) {
  --surface: #F5F5F7 !important; --surface-raised: #FFFFFF !important; --line: #E4E4E8 !important; --line-strong: #8E8E96 !important;
  --ink: #111114 !important; --ink-muted: #696972 !important; --brand-soft: #FFE9E4 !important; --focus: #111114 !important;
  --shadow-card: 0 1px 2px rgba(17,17,20,.05), 0 8px 24px rgba(17,17,20,.05) !important; } }
:root[data-theme="light"] {
  --surface: #F5F5F7 !important; --surface-raised: #FFFFFF !important; --line: #E4E4E8 !important; --line-strong: #8E8E96 !important;
  --ink: #111114 !important; --ink-muted: #696972 !important; --brand-soft: #FFE9E4 !important; --focus: #111114 !important;
  --shadow-card: 0 1px 2px rgba(17,17,20,.05), 0 8px 24px rgba(17,17,20,.05) !important; }

/* ===== Fletushka ime e javës ===== */
.mf-card { margin: 4px 0 6px; }
.mf-cb { position: relative; display: flex; align-items: stretch; gap: 10px; width: 100%; padding: 0; border: 0; border-radius: 12px; overflow: hidden; cursor: pointer; text-align: left; font: inherit; color: #1B1410;
  background: #FFFDF6; box-shadow: 0 1px 0 rgba(0,0,0,.05), 0 10px 26px -14px rgba(120,40,10,.45), inset 0 0 0 1px rgba(27,20,16,.07); }
.mf-cb::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--brand, #E0300F); }
.mf-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 16px 4px 16px 20px; }
.mf-k { align-self: flex-start; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--brand, #E0300F); }
.mf-t { font-family: var(--font-display, inherit); font-size: 19px; font-weight: 800; line-height: 1.2; letter-spacing: -.02em; }
.mf-s { color: #6B5D52; font-size: 13px; line-height: 1.4; }
.mf-go { margin-top: 6px; align-self: flex-start; display: inline-flex; align-items: center; gap: 4px; height: 34px; padding: 0 12px; border-radius: 6px; background: #1B1410; color: #fff; font-size: 13.5px; font-weight: 700; }
.mf-card.live .mf-go { background: var(--brand, #E0300F); }
.mf-ths { position: relative; flex: none; width: 118px; }
.mf-th { position: absolute; width: 62px; height: 74px; border-radius: 6px; background: #fff; box-shadow: 0 4px 12px -4px rgba(0,0,0,.25); transform: rotate(var(--r)); display: grid; place-items: center; overflow: hidden; }
.mf-th:nth-child(1) { top: 14px; right: 46px; } .mf-th:nth-child(2) { top: 30px; right: 10px; } .mf-th:nth-child(3) { top: 62px; right: 40px; }
.mf-th img { width: 100%; height: 100%; object-fit: cover; } .mf-th i { font-style: normal; font-size: 30px; }
.mf-th em { position: absolute; left: 3px; bottom: 3px; padding: 1px 5px; border-radius: 4px; background: var(--brand, #E0300F); color: #fff; font-style: normal; font-size: 10.5px; font-weight: 800; }
.mf-hint { margin: 6px 4px 0; color: var(--muted, var(--ink-muted)); font-size: 12.5px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mf-cb { box-shadow: 0 0 0 1px rgba(255,255,255,.08); } }

.mf { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; }
.mf-bg { position: absolute; inset: 0; background: rgba(12,10,8,.72); }
.mf-f { position: relative; width: min(760px, 100%); height: min(860px, 100%); display: flex; flex-direction: column; background: #FFFDF6; color: #1B1410; border-radius: 12px; overflow: hidden; box-shadow: 0 30px 80px -20px rgba(0,0,0,.6); }
@media (max-width: 760px) { .mf-f { border-radius: 0; height: 100%; } }
.mf-top { flex: none; display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 8px 0 18px; padding-top: env(safe-area-inset-top, 0px); background: var(--brand, #E0300F); color: #fff; }
.mf-logo { font-weight: 900; font-size: 16px; letter-spacing: -.02em; } .mf-lb { flex: 1; font-size: 11px; font-weight: 800; letter-spacing: .16em; opacity: .9; }
.mf-x { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; cursor: pointer; }
.mf-page { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 18px 8px; -webkit-overflow-scrolling: touch; }
.mf-page.in-r { animation: mfR .32s cubic-bezier(.2,.8,.2,1); } .mf-page.in-l { animation: mfL .32s cubic-bezier(.2,.8,.2,1); }
@keyframes mfR { from { opacity: 0; transform: translateX(28px) rotate(.6deg); } to { opacity: 1; transform: none; } }
@keyframes mfL { from { opacity: 0; transform: translateX(-28px) rotate(-.6deg); } to { opacity: 1; transform: none; } }
.mf-ck { display: inline-block; padding: 3px 8px; border-radius: 6px; background: #FFE3DB; color: var(--brand, #E0300F); font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.mf-cover, .mf-end { display: flex; flex-direction: column; gap: 14px; padding: 8px 4px 16px; }
.mf-cover h2, .mf-end h2 { margin: 2px 0 0; font-family: var(--font-display, inherit); font-size: 34px; line-height: 1.05; letter-spacing: -.03em; font-weight: 900; }
.mf-dt { margin: -6px 0 0; color: #6B5D52; font-weight: 700; }
.mf-cs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .mf-cs div { padding: 12px; border-radius: 9px; background: #fff; box-shadow: inset 0 0 0 1px rgba(27,20,16,.08); }
.mf-cs b { display: block; font-size: 22px; font-weight: 900; letter-spacing: -.02em; } .mf-cs small { color: #6B5D52; font-size: 12px; font-weight: 600; }
.mf-toc { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.mf-toc button { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 0; border-radius: 9px; background: #fff; box-shadow: inset 0 0 0 1px rgba(27,20,16,.08); color: inherit; font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.mf-toc .num:first-child { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #1B1410; color: #fff; font-size: 13px; flex: none; } .mf-toc small { margin-left: auto; color: #6B5D52; }
.mf-start { align-self: flex-start; height: 46px; padding: 0 20px; border: 0; border-radius: 6px; background: var(--brand, #E0300F); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.mf-sec { height: 46px; padding: 0 18px; border: 1px solid rgba(27,20,16,.18); border-radius: 6px; background: #fff; color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.mf-ea { display: flex; gap: 10px; flex-wrap: wrap; } .mf-end p { margin: 0; color: #4A3F37; line-height: 1.5; } .mf-tip { padding: 10px 12px; border-radius: 9px; background: #FFF3C4; }
.mf-ph { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.mf-pn { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--brand, #E0300F); color: #fff; font-weight: 900; flex: none; }
.mf-ph h3 { margin: 0; font-size: 20px; font-weight: 900; letter-spacing: -.02em; } .mf-ph small { color: #6B5D52; font-size: 13px; }
.mf-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } @media (min-width: 640px) { .mf-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mf-it { display: flex; flex-direction: column; border-radius: 9px; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.04), inset 0 0 0 1px rgba(27,20,16,.08); overflow: hidden; }
.mf-it.gone { opacity: .55; }
.mf-pic { position: relative; aspect-ratio: 1.15; display: grid; place-items: center; border: 0; padding: 0; background: #F6F1E8; cursor: pointer; }
.mf-pic img { width: 100%; height: 100%; object-fit: cover; } .mf-pic span { font-size: 46px; }
.mf-pic em { position: absolute; top: 7px; left: 7px; padding: 3px 7px; border-radius: 6px; background: var(--brand, #E0300F); color: #fff; font-style: normal; font-weight: 900; font-size: 13px; transform: rotate(-3deg); }
.mf-gone { position: absolute; inset: auto 0 0 0; padding: 4px; background: rgba(27,20,16,.75); color: #fff; font-size: 12px; text-align: center; }
.mf-b { display: flex; flex-direction: column; gap: 3px; padding: 9px 10px 8px; }
.mf-st { display: flex; align-items: center; gap: 5px; color: #6B5D52; font-size: 11.5px; font-weight: 600; min-width: 0; } .mf-st > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mf-st .av { width: 18px !important; height: 18px !important; border-radius: 5px !important; font-size: 8px !important; flex: none; }
.mf-ti { font-size: 14px; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; }
.mf-pr { display: flex; align-items: baseline; gap: 5px; flex-wrap: wrap; } .mf-pr b { font-size: 18px; font-weight: 900; color: var(--brand, #E0300F); } .mf-pr small { font-size: 11.5px; color: #6B5D52; } .mf-pr s { font-size: 12px; color: #8C7F74; }
.mf-ft { display: flex; align-items: center; justify-content: space-between; } .mf-ft small { color: #8C7F74; font-size: 12px; }
.mf-sv { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: #8C7F74; cursor: pointer; } .mf-sv.on { color: var(--brand, #E0300F); }
.mf-nav { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(27,20,16,.08); background: #FFFDF6; }
.mf-a { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(27,20,16,.15); border-radius: 50%; background: #fff; color: #1B1410; cursor: pointer; } .mf-a:disabled { opacity: .3; cursor: default; }
.mf-dots { display: flex; gap: 6px; } .mf-dots i { width: 7px; height: 7px; border-radius: 4px; background: rgba(27,20,16,.2); transition: width .2s; } .mf-dots i.on { width: 20px; background: var(--brand, #E0300F); }
.mf-top, .mf-top * { color: #fff !important; }
.mf-cs b { font-size: 19px; white-space: nowrap; }
@media (max-width: 380px) { .mf-cs b { font-size: 17px; } }
/* fletushka me email */
.mfm-ctl { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 9px; background: #fff; box-shadow: inset 0 0 0 1px rgba(27,20,16,.1); }
.mfm-ctl .grow { flex: 1; min-width: 0; } .mfm-ctl b { display: block; font-size: 15px; } .mfm-ctl small { display: block; color: #6B5D52; font-size: 12.5px; margin-top: 2px; line-height: 1.4; }
.mfm-pv { border: 0; padding: 0; background: none; color: inherit; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.mfm-sw { flex: none; position: relative; width: 46px; height: 28px; border: 0; border-radius: 14px; background: #C9C1B8; cursor: pointer; padding: 0; }
.mfm-sw i { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: left .15s; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
.mfm-sw.on { background: #11935A; } .mfm-sw.on i { left: 21px; }
.mf-mail .mf-f { background: #F2EEE7; }
.mfm-h { flex: none; display: grid; gap: 4px; padding: 12px 18px; background: #fff; border-bottom: 1px solid #EDE6DA; color: #1B1410; }
.mfm-h div { display: flex; gap: 10px; font-size: 13.5px; } .mfm-h small { width: 44px; flex: none; color: #8C7F74; } .mfm-h b { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mfm-fr { flex: 1; width: 100%; border: 0; background: #F2EEE7; }
.pf-group .mfm-ctl, .wp-group .mfm-ctl { border-radius: 0; box-shadow: none; background: transparent; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .pf-group .mfm-ctl small, :root:not([data-theme="light"]) .wp-group .mfm-ctl small { color: var(--muted, #9C9CA8); } }
:root[data-theme="dark"] .pf-group .mfm-ctl small, :root[data-theme="dark"] .wp-group .mfm-ctl small { color: var(--muted, #9C9CA8); }

/* fletushka: një faqe e vetme që lëviz poshtë */
.mf-one .mf-page { padding: 0 0 calc(18px + env(safe-area-inset-bottom, 0px)); scroll-behavior: auto; }
.mf-hero { display: flex; flex-direction: column; gap: 12px; padding: 22px 18px 18px; background: linear-gradient(180deg, #FFE9E1, #FFFDF6); }
.mf-hero h2 { margin: 2px 0 0; font-family: var(--font-display, inherit); font-size: 34px; line-height: 1.05; letter-spacing: -.03em; font-weight: 900; }
.mf-hero .mf-dt { margin: -4px 0 0; }
.mf-hero .mf-ck { align-self: flex-start; background: #fff; }
.mf-chips { position: sticky; top: 0; z-index: 3; display: flex; gap: 6px; padding: 10px 18px; overflow-x: auto; scrollbar-width: none; background: rgba(255,253,246,.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(27,20,16,.07); }
.mf-chips::-webkit-scrollbar { display: none; }
.mf-chips button { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border: 0; border-radius: 6px; background: #fff; box-shadow: inset 0 0 0 1px rgba(27,20,16,.12); color: #1B1410; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: background .15s, color .15s; }
.mf-chips button small { font-size: 11.5px; color: #8C7F74; font-weight: 800; }
.mf-chips button.on { background: #1B1410; color: #fff; box-shadow: none; } .mf-chips button.on small { color: rgba(255,255,255,.7); }
.mf-sx { padding: 22px 18px 4px; }
.mf-sx + .mf-sx { margin-top: 8px; border-top: 1px dashed rgba(27,20,16,.14); }
.mf-sx .mf-ph { margin-bottom: 12px; }
.mf-it.hero { grid-column: 1 / -1; flex-direction: row; }
.mf-it.hero .mf-pic { flex: none; width: 46%; aspect-ratio: auto; min-height: 150px; }
.mf-it.hero .mf-pic span { font-size: 64px; }
.mf-it.hero .mf-b { flex: 1; min-width: 0; justify-content: center; padding: 12px 14px; gap: 5px; }
.mf-it.hero .mf-ti { font-size: 17px; min-height: 0; }
.mf-it.hero .mf-pr b { font-size: 24px; }
.mf-one .mf-end { margin: 26px 18px 0; padding: 20px 18px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px rgba(27,20,16,.08); }
.mf-one .mf-end h2 { font-size: 26px; }
@media (min-width: 640px) { .mf-hero, .mf-sx { padding-left: 26px; padding-right: 26px; } .mf-chips { padding: 10px 26px; } .mf-it.hero .mf-pic { width: 38%; } }
.mf-one .mf-end .mf-ck { align-self: flex-start; }
.mf-it.hero { background: #fff !important; align-items: stretch; }
.mf-it.hero .mf-pic { align-self: stretch; height: auto !important; aspect-ratio: auto !important; background: #F6F1E8 !important; border-radius: 0; }
/* ===== fletushka e festave: pamja e secilës festë ===== */
.mf.fest .mf-f { background: var(--ft-page); }
.mf.fest .mf-top { background: var(--ft-top); }
.mf.fest .mf-hero { position: relative; overflow: hidden; background: var(--ft-hero); color: var(--ft-ink); padding-top: 26px; padding-bottom: 22px; }
.mf.fest .mf-hero > :not(.mf-art) { position: relative; z-index: 1; }
.mf.fest .mf-hero h2 { color: var(--ft-ink); font-size: 38px; max-width: 70%; }
.mf.fest .mf-hero .mf-dt { color: var(--ft-sub); }
.mf.fest .mf-hero .mf-ck { background: var(--ft-tag); color: var(--ft-tagi); }
.mf-cd { align-self: flex-start; margin: 0; padding: 6px 10px; border-radius: 6px; background: rgba(255,255,255,.14); color: var(--ft-ink); font-weight: 800; font-size: 14px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.mf.th-val .mf-cd, .mf.th-mars8 .mf-cd, .mf.th-pashke .mf-cd, .mf.th-femije .mf-cd, .mf.th-shkolla .mf-cd { background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.mf-lead { margin: -2px 0 2px; max-width: 34ch; color: var(--ft-sub); font-size: 14.5px; line-height: 1.45; }
.mf.fest .mf-cs div { background: rgba(255,255,255,.96); color: #1B1410; }
.mf-art { position: absolute; pointer-events: none; }
.mf-art-h { top: 6px; right: -4px; width: 54%; max-width: 300px; height: auto; }
.mf.fest .mf-chips { background: color-mix(in srgb, var(--ft-page) 94%, transparent); }
.mf.fest .mf-chips button.on { background: var(--ft-chip); }
.mf.fest .mf-pn { background: var(--ft-chip); }
.mf.fest .mf-pic em { background: var(--ft-tag); color: var(--ft-tagi); }
.mf.fest .mf-start { background: var(--ft-chip); }
.mf.fest .mf-end .mf-ck { background: var(--ft-tag); color: var(--ft-tagi); }
@media (min-width: 640px) { .mf.fest .mf-hero h2 { font-size: 46px; } .mf-art-h { width: 46%; top: 0; } }
/* karta në ballinë */
.mf-card.fest .mf-cb { position: relative; background: var(--ft-hero) !important; color: var(--ft-ink) !important; overflow: hidden; }
.mf-card.fest .mf-cb::before { background: var(--ft-tag); }
.mf-card.fest .mf-k { color: var(--ft-tag); }
.mf-card.fest .mf-s { color: var(--ft-sub); }
.mf-card.fest .mf-t { color: var(--ft-ink); }
.mf-card.fest .mf-go { background: var(--ft-tag) !important; color: var(--ft-tagi) !important; }
.mf-card.fest .mf-tx, .mf-card.fest .mf-ths { position: relative; z-index: 1; }
.mf-art-c { top: -8px; right: 96px; width: 150px; height: auto; opacity: .55; }
.mf-card.fest .mf-th em { background: var(--ft-tag); color: var(--ft-tagi); }
.mf-art-c text { display: none; }
.mf-card.fest .mf-k { color: var(--ft-ink) !important; opacity: .82; }
/* fletushka: vendet e paguara */
.mf-sx.spon { margin: 14px 12px 0; padding: 16px 12px 12px; border-radius: 12px; background: linear-gradient(180deg, #FFF4D6, rgba(255,244,214,.35)); box-shadow: inset 0 0 0 1px rgba(184,122,0,.18); }
.mf-sx.spon + .mf-sx { border-top: 0; }
.mf-sx.spon .mf-pn { background: #B87A00; }
.mf-spt { align-self: flex-start; padding: 1px 6px; border-radius: 4px; background: #FFF4D6; color: #8A5B00; font-size: 10.5px; font-weight: 800; letter-spacing: .03em; }
@media (min-width: 640px) { .mf-sx.spon { margin: 16px 20px 0; padding: 18px 16px 14px; } }
/* foto e zbritjes: katror 1:1 edhe te fletushka */
.mf-pic { aspect-ratio: 1 / 1 !important; }
.mf-it.hero .mf-pic { aspect-ratio: 1 / 1 !important; align-self: center; height: auto !important; min-height: 0 !important; }
.mf-it.hero { align-items: center; }
/* butoni X i fletushkës: rreth i butë, pa kornizë fokusi kur hapet */
.mf .mf-top { padding-right: 10px !important; }
.mf .mf-x { width: 34px !important; height: 34px !important; min-width: 34px; min-height: 34px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255,255,255,.2) !important; box-shadow: none !important; outline: none !important; transition: background .15s; }
.mf .mf-x svg { width: 18px; height: 18px; }
.mf .mf-x:hover, .mf .mf-x:active { background: rgba(255,255,255,.32) !important; }
.mf .mf-x:focus { outline: none !important; box-shadow: none !important; }
.mf .mf-x:focus-visible { box-shadow: 0 0 0 2px #fff !important; }

/* logoja te fletushka: fjala zyrtare n’Zbritje (SVG), jo tekst me font */
.mf-logo { display: inline-flex; align-items: center; } .mf-logo img { height: 19px; width: auto; display: block; }

/* ===== Fletushka jote: si fletushkë zbritjesh e marketit — pjesa e kuqe me titullin, produktet mbi letër të bardhë ===== */
.mf-card:not(.fest) .mf-cb { background: #FFFDF8; }
.mf-card:not(.fest) .mf-cb::before { display: none; }
.mf-card:not(.fest) .mf-tx { position: relative; background: var(--brand, #E0300F); color: #fff; padding: 16px 18px 16px 18px; overflow: hidden; }
.mf-card:not(.fest) .mf-tx::after { content: ""; position: absolute; right: -40px; bottom: -60px; width: 150px; height: 150px; border-radius: 50%; background: rgba(255,255,255,.08); pointer-events: none; }
.mf-card:not(.fest) .mf-k { color: #FFD233; }
.mf-card:not(.fest) .mf-t { color: #fff; text-transform: none; }
.mf-card:not(.fest) .mf-s { color: rgba(255,255,255,.86); }
.mf-card:not(.fest) .mf-go { background: #FFD233; color: #1B1410; }
.mf-card:not(.fest).live .mf-go { background: #fff; color: var(--brand, #E0300F); }
.mf-card:not(.fest) .mf-ths { margin: 0 6px; }
.mf-card:not(.fest) .mf-th em { background: #FFD233; color: #1B1410; }
.mf-card:not(.fest) .mf-go { white-space: nowrap; padding: 0 10px; font-size: 13px; }
.mf-card:not(.fest) .mf-k { font-size: 10.5px; letter-spacing: .06em; }

/* kontrolli i kuponit në arkë */
.cp-chk { display: flex; flex-direction: column; gap: 6px; padding: 14px; border-radius: 9px; background: var(--raised, var(--surface-raised, #fff)); box-shadow: 0 0 0 1px var(--line); }
.cp-chk small { color: var(--muted); font-size: 13px; }
.cp-row { display: flex; gap: 8px; } .cp-row input { flex: 1; min-width: 0; height: 44px; border-radius: 6px; border: 1px solid var(--line); background: var(--surface-2, var(--soft, #f3f3f5)); color: inherit; font: inherit; font-size: 16px; padding: 0 12px; font-variant-numeric: tabular-nums; letter-spacing: .03em; text-transform: uppercase; }
.cp-row .btn { flex: none; min-height: 44px; }
.cp-res { margin: 0; font-size: 13.5px; font-weight: 700; } .cp-res.ok { color: var(--good, #0b6e3c); } .cp-res.bad { color: var(--brand, #E0300F); }

/* zbritja që nuk vlen tani; orari i panjohur */
.off-note { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 9px; background: color-mix(in srgb, var(--brand, #E0300F) 9%, transparent); color: var(--fg, var(--ink)); margin: 0 0 12px; }
.off-note > svg { color: var(--brand, #E0300F); flex: none; margin-top: 1px; } .off-note b { display: block; } .off-note small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.off-note.wk { background: color-mix(in srgb, #2F80ED 10%, transparent); } .off-note.wk > svg { color: #2F80ED; }
.unk { color: var(--muted) !important; font-weight: 700; }
/* paketa te paneli i web-it */
.wplan-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wplan-b { display: flex; flex-direction: column; gap: 2px; align-items: flex-start; padding: 12px; border-radius: 9px; border: 1px solid var(--line); background: var(--raised, var(--surface-raised, #fff)); color: inherit; font: inherit; cursor: pointer; text-align: left; }
.wplan-b small { color: var(--muted); font-size: 12.5px; } .wplan-b.on { border-color: var(--fg, var(--ink)); box-shadow: inset 0 0 0 1px var(--fg, var(--ink)); }
/* lista e të gjitha dyqaneve */
.dir-entry { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px; margin: 12px 0 4px; border-radius: 9px; border: 0; background: var(--raised, var(--surface-raised, #fff)); box-shadow: 0 0 0 1px var(--line); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.dir-entry > svg:first-child { color: var(--brand); flex: none; } .dir-entry b { display: block; font-size: 15.5px; } .dir-entry small { display: block; color: var(--muted); font-size: 13px; margin-top: 1px; }
.dir-v { display: flex; flex-direction: column; gap: 12px; }
.dir-n { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.dir-r { display: flex; align-items: center; gap: 10px; }
.dir-r .row { display: flex; gap: 12px; align-items: center; background: none; border: 0; color: inherit; font: inherit; padding: 0; cursor: pointer; min-width: 0; }
.dir-r .row b { display: flex; align-items: center; gap: 4px; font-size: 15px; } .dir-r .row small { display: block; color: var(--muted); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dir-r .dir-on { color: var(--good, #0b6e3c) !important; font-weight: 700; } .dir-r .dir-off { color: var(--muted); font-style: normal; }
.dir-f { flex: none; min-width: 96px; height: 36px; padding: 0 12px; font-size: 13.5px; }
.dir-rows { display: flex; flex-direction: column; gap: 8px; }
.wdir-r { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 9px; background: var(--raised, var(--surface-raised, #fff)); box-shadow: 0 0 0 1px var(--line); }
.wdir-r > a { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; color: inherit; text-decoration: none; }
.wdir-r b { display: flex; align-items: center; gap: 4px; } .wdir-r small { display: block; color: var(--muted); font-size: 13px; }
.wdir-r .dir-on { color: var(--good, #0b6e3c); font-weight: 700; }
/* ===== Menaxhimi i zbritjeve në panel ===== */
:root { --radius-sm: 6px; --radius-md: 9px; --radius-lg: 12px; }

/* kërkon vëmendje */
.mg-att { display: flex; flex-direction: column; border-radius: 9px; border: 1px solid color-mix(in srgb, var(--sticker, #f5c400) 55%, var(--line)); background: color-mix(in srgb, var(--sticker, #f5c400) 10%, var(--raised)); overflow: hidden; }
.mg-att-h { padding: 10px 16px 0; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.mg-at { display: flex; align-items: center; gap: 12px; padding: 12px 16px; }
.mg-at + .mg-at { border-top: 1px solid color-mix(in srgb, var(--sticker, #f5c400) 35%, var(--line)); }
.mg-at > .ico { flex: none; color: var(--fg); }
.mg-at .grow { flex: 1; min-width: 0; } .mg-at b { display: block; font-size: 14.5px; } .mg-at small { display: block; color: var(--muted); font-size: 13px; margin-top: 1px; }
.mg-at .btn { flex: none; white-space: nowrap; }

/* skedat dhe kërkimi */
.mg-tools { display: flex; flex-direction: column; gap: 10px; }
.mg-tabs { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 3px; border-radius: 6px; background: var(--soft); align-self: flex-start; max-width: 100%; }
.mg-tabs::-webkit-scrollbar { display: none; }
.mg-tabs button { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 0; border-radius: 5px; background: none; color: var(--muted); font: inherit; font-weight: 700; font-size: 13.5px; cursor: pointer; white-space: nowrap; }
.mg-tabs button .num { font-size: 12px; font-weight: 700; opacity: .7; }
.mg-tabs button.zero { opacity: .55; }
.mg-tabs button.warn .num { opacity: 1; color: var(--brand); }
.mg-tabs button[aria-selected="true"] { background: var(--raised); color: var(--fg); box-shadow: 0 1px 3px rgba(0,0,0,.1); opacity: 1; }
.mg-tr { display: flex; gap: 10px; align-items: center; }
.mg-tr .search { flex: 1; max-width: 420px; height: 44px; } .mg-tr .sel { height: 44px; }

/* lista */
.mg-list { border-radius: 9px; box-shadow: inset 0 0 0 1px var(--line); background: var(--raised); }
.mg-r { display: grid; grid-template-columns: 34px minmax(0, 2.4fr) 132px 104px 112px 96px 176px; gap: 12px; align-items: center; padding: 10px 14px; border-top: 1px solid var(--line); position: relative; }
.mg-r:first-child { border-top: 0; }
.mg-hd { padding-block: 10px; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); background: var(--soft); border-radius: 9px 9px 0 0; }
.mg-r .r { text-align: right; }
.mg-r.on { background: color-mix(in srgb, var(--brand) 6%, var(--raised)); }
.mg-r.fresh { animation: mgfresh 2.4s ease-out 1; }
@keyframes mgfresh { 0%, 40% { background: color-mix(in srgb, var(--success) 16%, var(--raised)); } 100% { background: var(--raised); } }
.mg-r.dim .mg-p b, .mg-r.dim .mg-pr b { color: var(--muted); }
.mg-ck { display: grid; place-items: center; width: 34px; height: 34px; cursor: pointer; }
.mg-ck input, .mg-ckc input { width: 18px; height: 18px; accent-color: var(--brand); cursor: pointer; margin: 0; }
.mg-p { display: flex; gap: 12px; align-items: center; min-width: 0; }
.mg-p .em { flex: none; width: 44px; height: 44px; border-radius: 6px; display: grid; place-items: center; font-size: 24px; background: var(--raised); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.mg-p .em img { width: 100%; height: 100%; object-fit: contain; }
.mg-p .grow { min-width: 0; }
.mg-p b { display: block; font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mg-p small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 1px; }
.mg-new { font-style: normal; font-weight: 800; color: var(--success); }
.mg-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.mg-tags span { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 7px; border-radius: 5px; background: var(--soft); color: var(--fg); font-size: 11.5px; font-weight: 700; }
.mg-pr b { display: block; font-size: 15px; } .mg-pr small { font-size: 11.5px; } .mg-pr s { display: block; font-size: 12px; color: var(--muted); }
.mg-end b { display: block; font-size: 14px; } .mg-end small { display: block; font-size: 12px; color: var(--muted); }
.mg-end .mg-hot { color: var(--brand); }
.mg-pf b { display: block; font-size: 14px; } .mg-pf small { display: block; font-size: 12px; color: var(--muted); }
.mg-a { display: flex; gap: 6px; justify-content: flex-end; align-items: center; }
.mg-a .btn { white-space: nowrap; }
.mg-a .kebab .menu { min-width: 240px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* shiriti i veprimeve në grup */
.mg-bulk { position: sticky; bottom: 16px; z-index: 20; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px 10px 16px; border-radius: 9px; background: var(--fg); color: var(--bg); box-shadow: 0 10px 30px rgba(0,0,0,.25); margin-top: 6px; }
.mg-bulk > b { font-size: 18px; } .mg-bl { font-weight: 600; opacity: .8; margin-right: 6px; }
.mg-bb { display: flex; gap: 6px; flex-wrap: wrap; flex: 1; }
.mg-bulk .btn.sec { background: transparent; color: var(--bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bg) 40%, transparent); }
.mg-bulk .btn.dark { background: var(--bg); color: var(--fg); }
.mg-bulk .link { color: var(--bg); opacity: .8; }

/* katalogu me zgjedhje */
.ctbl .mg-ckc { width: 38px; text-align: center; }
.ctbl tr.on td { background: color-mix(in srgb, var(--brand) 6%, var(--raised)); }

/* dritarja "Ndrysho zbritjen" */
.modal.oe { width: min(620px, 100%); }
.oe-hd { display: flex; gap: 12px; align-items: center; }
.oe-hd .em { flex: none; width: 52px; height: 52px; border-radius: 9px; display: grid; place-items: center; font-size: 28px; box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.oe-hd .em img { width: 100%; height: 100%; object-fit: contain; }
.oe-hd b { display: block; font-size: 17px; } .oe-hd small { display: flex; gap: 6px; align-items: center; color: var(--muted); margin-top: 3px; }
.oe-s { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 9px; }
.oe-s .lbl, .lbl2 { font-size: 12px; font-weight: 800; letter-spacing: .05em; color: var(--muted); }
.lbl2 { text-transform: uppercase; display: block; margin-bottom: 6px; }
.oe-price { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; }
.oe-ro { height: 46px; display: flex; align-items: center; padding: 0 12px; border-radius: 6px; background: var(--soft); font-weight: 700; }
.oe-pct { height: 46px; min-width: 76px; display: grid; place-items: center; padding: 0 12px; border-radius: 6px; background: var(--brand); color: var(--on-brand); font-weight: 800; font-size: 18px; }
.oe-pct.bad { background: var(--soft); color: var(--muted); }
.oe-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.oe-row input[type="date"], .wz-date { height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--raised); color: var(--fg); font: inherit; }
.wz-date { margin-top: 8px; max-width: 220px; }
.oe-end { font-weight: 700; font-size: 14px; }
.oe-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.err { color: var(--brand); font-size: 13px; font-weight: 600; }

/* magjistari: orët dhe zbritja reale pas rrumbullakimit */
.wz-hseg { align-self: flex-start; }
.wz-hrs { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 8px; }
.wz-hrs label { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13.5px; }
.wz-hrs input { height: 42px; padding: 0 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--raised); color: var(--fg); font: inherit; }
.wz-hrs .hint { flex-basis: 100%; }
.wz-ptbl .wz-off { color: var(--brand); font-weight: 800; }
.wz-dup .check { margin-top: 6px; font-weight: 600; }
.modal.wz .wz-f .btn > span { display: inline; }

@media (max-width: 1100px) {
  .mg-r { grid-template-columns: 34px minmax(0, 2fr) 120px 96px 104px 168px; }
  .mg-r > .mg-pf { display: none; }
}
@media (max-width: 760px) {
  .mg-at { flex-wrap: wrap; } .mg-at .grow { flex-basis: calc(100% - 34px); } .mg-at .btn { flex: 1; justify-content: center; }
  .mg-tr .search { max-width: none; }
  .mg-hd { display: none !important; }
  .mg-list { background: var(--raised); }
  .mg-r { grid-template-columns: 30px minmax(0, 1fr) auto; grid-template-areas: "ck p pr" "ck st end" ". a a"; gap: 6px 10px; padding: 12px; }
  .mg-r:nth-child(2) { border-top: 0; }
  .mg-ck { grid-area: ck; align-self: start; width: 30px; height: 44px; }
  .mg-p { grid-area: p; } .mg-pr { grid-area: pr; align-self: start; } .mg-st { grid-area: st; } .mg-end { grid-area: end; text-align: right; }
  .mg-end b, .mg-end small { display: inline; } .mg-end small::before { content: " · "; }
  .mg-r > .mg-pf { display: none; }
  .mg-a { grid-area: a; justify-content: flex-start; } .mg-a .btn { flex: 1; justify-content: center; }
  .mg-p .em { width: 40px; height: 40px; }
  .mg-bulk { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); padding: 10px 12px; }
  .mg-bb { order: 3; flex-basis: 100%; } .mg-bb .btn { flex: 1; justify-content: center; }
  .mg-bulk .link { margin-left: auto; }
  body:has(.mg-bulk) .p-new { display: none; }
  .oe-price { grid-template-columns: 1fr 1fr; } .oe-pct { grid-column: 1 / -1; }
  .oe-two { grid-template-columns: 1fr; }
  .ctbl tr { grid-template-columns: 26px minmax(0, 1fr) auto !important; }
  .ctbl td.mg-ckc { grid-column: 1; grid-row: 1 / span 2; width: auto; align-self: start; padding-top: 10px !important; }
  .ctbl td:nth-child(2) { grid-column: 2 !important; grid-row: 1; display: block !important; }
  .ctbl td:nth-child(3) { display: none !important; }
  .ctbl td:nth-child(4) { grid-column: 3 !important; grid-row: 1; text-align: right; }
  .ctbl td:nth-child(5) { grid-column: 2 !important; grid-row: 2; }
  .ctbl td:nth-child(6) { grid-column: 3 !important; grid-row: 2; }
}
.modal.wz .wz-two { grid-template-columns: minmax(0, 1fr) !important; gap: 14px; }
.mg-tags span { white-space: nowrap; }
@media (max-width: 760px) {
  .mg-p b { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25; }
  .mg-p small .mg-kx { display: none; }
  .mg-pr { min-width: 64px; }
  .ctbl td:nth-child(5) { grid-column: 2 !important; grid-row: 2; }
  .ctbl td:nth-child(6) { grid-column: 2 / -1 !important; grid-row: 3; }
  .ctbl td:nth-child(6) .t-acts { justify-content: flex-start; } .ctbl td:nth-child(6) .t-acts .btn:first-child { flex: 1; justify-content: center; }
}
@media (max-width: 760px) {
  .mg-r { grid-template-columns: 30px auto minmax(0, 1fr) auto; grid-template-areas: "ck p p pr" "ck st end end" ". a a a"; }
  .mg-end { min-width: 0; }
}
.mg-tr .search { min-width: 0; } @media (max-width: 760px) { .mg-tr .sel { flex: none; width: 42%; min-width: 0; } }

/* ===== Një pikë / zinxhir ===== */
.rg-pts { display: flex; flex-direction: column; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--raised); }
.rg-pts.bad { border-color: var(--brand); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent); }
.rg-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rg-opt { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--raised); color: var(--fg); font: inherit; text-align: left; cursor: pointer; }
.rg-opt:hover { border-color: var(--faint); }
.rg-opt[aria-checked="true"] { border-color: var(--fg); box-shadow: inset 0 0 0 1px var(--fg); }
.rg-opt b { font-size: 15.5px; margin-top: 6px; } .rg-opt small { font-size: 13px; color: var(--muted); line-height: 1.4; }
.rg-ic { width: 40px; height: 40px; border-radius: 6px; display: grid; place-items: center; background: var(--soft); color: var(--fg); }
.rg-opt[aria-checked="true"] .rg-ic { background: var(--brand); color: var(--on-brand); }
.pf-mode { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px dashed var(--faint, var(--line)); border-radius: 9px; }
.pf-mode .grow { flex: 1; min-width: 0; } .pf-mode b { display: block; font-size: 14.5px; } .pf-mode small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.md-shop { border-radius: 9px; box-shadow: inset 0 0 0 1px var(--line); background: var(--raised); overflow: hidden; }
.md-sh { display: flex; align-items: center; gap: 14px; padding: 16px; flex-wrap: wrap; }
.md-sh .grow { flex: 1; min-width: 200px; } .md-sh b { display: block; font-size: 16.5px; } .md-sh small { display: block; color: var(--muted); font-size: 13.5px; margin-top: 2px; }
.md-os { display: block; margin-top: 4px; font-size: 13.5px; }
.md-ic { width: 48px; height: 48px; border-radius: 9px; display: grid; place-items: center; background: var(--soft); }
.md-acts { display: flex; gap: 6px; flex-wrap: wrap; }
.md-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.md-stats > div { padding: 12px 16px; } .md-stats > div + div { border-left: 1px solid var(--line); }
.md-stats small { display: block; font-size: 12.5px; color: var(--muted); } .md-stats b { display: block; font-size: 20px; margin-top: 2px; } .md-stats .md-last b { font-size: 15px; margin-top: 6px; }
.md-br { border-top: 1px solid var(--line); padding: 12px 16px 14px; display: flex; flex-direction: column; gap: 8px; }
.md-brh { font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.md-brr { display: flex; align-items: center; gap: 12px; font-size: 14px; } .md-brr .grow { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.md-bar { flex: 0 0 34%; height: 8px; border-radius: 4px; background: var(--soft); overflow: hidden; } .md-bar i { display: block; height: 100%; background: var(--brand); border-radius: 4px; }
.md-brr b { width: 32px; text-align: right; }
.tm-store { height: 44px; width: 100%; }
@media (max-width: 760px) {
  .rg-opts { grid-template-columns: 1fr; }
  .md-stats { grid-template-columns: 1fr 1fr; } .md-stats > div:nth-child(3) { border-left: 0; } .md-stats > div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .pf-mode { flex-wrap: wrap; } .pf-mode .btn { width: 100%; justify-content: center; }
  .md-acts { width: 100%; } .md-acts .btn { flex: 1; justify-content: center; }
}

/* ---- fundi i faqes ---- */
.ftr-bot { align-items: center; }
.ftr-bot .links-x { display: inline-flex; align-items: center; gap: 18px; }
.ftr-bot .links-x a { color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }
.ftr-bot .links-x a:hover { color: var(--fg); }
.ftr-bot .seg button { height: 32px !important; }
@media (max-width: 760px) {
  .ftr { margin-bottom: calc(-76px - env(safe-area-inset-bottom, 0px)); }
  .ftr-in { padding-bottom: calc(28px + 76px + env(safe-area-inset-bottom, 0px)); }
  .ftr-bot { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 14px; padding-top: 20px; }
  .ftr-bot .links-x { gap: 20px; flex-wrap: wrap; }
  .ftr-bot .links-x a { display: inline-flex; align-items: center; min-height: 40px; font-size: 14px; }
  .ftr-bot .seg { width: 100%; display: grid !important; grid-template-columns: repeat(3, 1fr); }
  .ftr-bot .seg button { height: 40px !important; font-size: 14px !important; }
}
.ftr-bot .seg { background: color-mix(in srgb, var(--line) 70%, var(--soft)); border-radius: 6px; padding: 3px; }
@media (max-width: 760px) {
  .ftr-in { grid-template-columns: 1fr 1fr !important; column-gap: 16px; row-gap: 22px; }
  .ftr-in > :first-child, .ftr-in > .ftr-bot { grid-column: 1 / -1; }
  .ftr-in > :nth-child(4) { grid-column: 1 / -1; }
  .ftr li > a, .ftr li > button { min-height: 40px !important; }
}
.ftr-bot .seg button[aria-pressed="true"] { background: var(--fg) !important; color: var(--bg) !important; box-shadow: none !important; }
@media (max-width: 760px) { .cats { -webkit-mask-image: none !important; mask-image: none !important; } }
html, body { margin: 0; }
.wp-stats { grid-template-columns: repeat(2, 1fr) !important; }
/* fletushkat në kryefaqe */
.web-fly .sty-rail { margin: 0 calc(-1 * var(--g, 16px)); padding: 10px var(--g, 16px) 8px; gap: 18px; }
.web-fly .sec-h { margin-bottom: 4px; }
@media (min-width: 761px) { .web-fly .sty-rail { margin: 0; padding: 12px 4px 8px; } }
@media (max-width: 760px) { .web-fly .sty-rail { margin-left: -16px !important; margin-right: -16px !important; padding-left: 16px !important; padding-right: 16px !important; } }
/* orari i zbritjes dhe i sotëm */
.card .foot .hw { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-weight: 700; } .card .foot .hw.on { color: var(--good, #0b6e3c); }
.o-hw { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 9px; background: var(--soft); }
.o-hw.on { background: color-mix(in srgb, var(--success) 12%, var(--raised)); color: var(--fg); } .o-hw.on .ico { color: var(--success); }
.o-hw b { display: block; } .o-hw small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.td { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-top: 1px solid var(--line); }
.td-l { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .td-l small { color: var(--muted); font-size: 13px; }
.td-seg { align-self: flex-start; flex-wrap: wrap; max-width: 100%; }
.td-t { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14px; }
.td-t input { height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--raised); color: var(--fg); font: inherit; }
.td-n { color: var(--muted); font-size: 12.5px; }
@media (max-width: 760px) { .td-seg { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; } .td-seg button { white-space: nowrap; } }

/* ---- profili i biznesit në telefon: si në app (kartë me hapësirë anash, butonat në fund) ---- */
@media (max-width: 760px) {
  .s-cover { height: 168px; }
  .s-card { margin: -72px 0 0 !important; border: 1px solid var(--line) !important; border-radius: 9px !important; padding: 0 16px 16px !important; display: flex !important; flex-direction: column; gap: 14px; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
  .s-main { display: contents; }
  .s-top { order: 1; margin-top: -30px !important; align-items: flex-end; }
  .s-top .av { width: 88px !important; height: 88px !important; box-shadow: 0 0 0 4px var(--raised), 0 0 0 6.5px var(--brand) !important; }
  .s-id { padding-bottom: 6px; }
  .s-about { order: 2; margin: 0; }
  .s-card > .s-main > .vpill { order: 3; }
  .s-facts { order: 4; padding-top: 0 !important; }
  .s-acts { order: 5; margin-top: 2px; }
  .s-acts .btn { height: 50px; font-size: 16px; }
  .s-acts .btn.sec { background: var(--soft) !important; border-color: transparent !important; box-shadow: none !important; color: var(--fg); }
  .s-fact .open { color: var(--fg); font-weight: 800; }
  .s-fact { padding: 14px 0; }
}
@media (max-width: 760px) { .s-acts { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px; } .s-acts .sh { display: none !important; } .s-acts .btn { min-width: 0; padding: 0 10px; } }
@media (max-width: 760px) { .s-acts .btn.sec { background: color-mix(in srgb, var(--fg) 8%, var(--raised)) !important; } }
@media (max-width: 760px) { .s-facts { align-self: stretch !important; width: 100%; } .s-card .vpill { background: color-mix(in srgb, var(--fg) 7%, var(--raised)); } }
/* profili: Blerës / Biznes */
.wp-tsw { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wp-sw { background: color-mix(in srgb, var(--fg) 7%, var(--bg)) !important; }
.wp-sw button { color: var(--muted); } .wp-sw button[aria-pressed="true"] { background: var(--raised); color: var(--fg); }
.wp-sw svg { flex: none; }
.wp-bhero .wp-me .av { flex: none; }
.wp-bnew { width: 100%; justify-content: center; height: 48px; margin-top: 4px; }
.wp-bintro { padding: 4px 0; }
.wp-bcta { display: flex; flex-direction: column; gap: 10px; } .wp-bcta .btn { justify-content: center; height: 48px; }
@media (min-width: 761px) { .wp-bcta { flex-direction: row; } }

/* ===== Zbritje e re: një zgjedhje për faqe ===== */
.modal.wz3 { width: min(1220px, 100%); height: min(820px, calc(100% - 24px)); max-height: none; }
.wz3-bar { height: 3px; background: var(--line); flex: none; } .wz3-bar i { display: block; height: 100%; background: var(--brand); transition: width .25s; }
.wz3-mt { display: none; }
.wz3-b { flex: 1; min-height: 0; display: grid; grid-template-columns: 250px minmax(0, 1fr) 330px; }
.wz3-nav { border-right: 1px solid var(--line); padding: 14px 10px; overflow: auto; display: flex; flex-direction: column; gap: 2px; background: var(--soft); }
.wz3-st { display: flex; gap: 10px; align-items: flex-start; width: 100%; padding: 9px 10px; border: 0; border-radius: 6px; background: none; color: var(--muted); font: inherit; text-align: left; cursor: pointer; }
.wz3-st:hover:not([disabled]) { background: color-mix(in srgb, var(--fg) 5%, transparent); }
.wz3-st[disabled] { opacity: .45; cursor: default; }
.wz3-st .n { flex: none; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; background: var(--raised); box-shadow: inset 0 0 0 1px var(--line); color: var(--muted); margin-top: 1px; }
.wz3-st .grow { min-width: 0; } .wz3-st b { display: block; font-size: 14px; color: var(--fg); font-weight: 700; } .wz3-st small { display: block; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }
.wz3-st.done .n { background: var(--success); color: #fff; box-shadow: none; }
.wz3-st.on { background: var(--raised); box-shadow: inset 0 0 0 1px var(--line), 0 1px 2px rgba(0,0,0,.05); }
.wz3-st.on .n { background: var(--fg); color: var(--bg); box-shadow: none; }
.wz3-main { padding: 26px 32px 30px !important; gap: 18px !important; }
.wz3-step { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--brand); margin-bottom: -10px; }
.wz3-q h3 { margin: 0; font-size: 26px; letter-spacing: -.015em; } .wz3-q p { margin: 6px 0 0; color: var(--muted); font-size: 15px; line-height: 1.45; }
.wz3-modes { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.wz3-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.wz3-opts .wz-mode, .wz3-modes .wz-mode, .wz3-main .wz-modes.two .wz-mode { padding: 16px; min-height: 76px; }
.wz3-opts .wz-mode b { font-size: 16px; }
.wz3-cond { gap: 16px; } .wz3-cond .field { max-width: 360px; }
.wz3-prev { border-left: 1px solid var(--line); padding: 20px; overflow: auto; background: var(--soft); display: flex; flex-direction: column; gap: 12px; }
.wz3-prev h4 { margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.wz3-card { max-width: 260px; } .wz3-card .card { pointer-events: none; }
.wz3-more { margin: 0; font-size: 13px; color: var(--muted); }
.wz3-pn { margin: 0; display: flex; gap: 6px; align-items: flex-start; font-size: 12.5px; color: var(--muted); line-height: 1.45; } .wz3-pn .ico { flex: none; margin-top: 2px; }
.wz3-ph { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 30px 16px; border: 1px dashed var(--line); border-radius: 9px; color: var(--muted); } .wz3-ph b { color: var(--fg); }
.wz3-mprev { display: none; }
.wz3-rev { margin: 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.wz3-rev > div { display: grid; grid-template-columns: 170px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 14px; font-size: 14px; }
.wz3-rev > div + div { border-top: 1px solid var(--line); }
.wz3-rev dt { color: var(--muted); font-weight: 600; } .wz3-rev dd { margin: 0; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wz3 .wz-f .btn.dark > span, .wz3 .wz-f .btn.pri { white-space: nowrap; }
@media (max-width: 1100px) { .wz3-b { grid-template-columns: 220px minmax(0, 1fr); } .wz3-prev { display: none; } .wz3-mprev { display: block; border: 1px solid var(--line); border-radius: 9px; padding: 0 14px; }
  .wz3-mprev summary { cursor: pointer; padding: 12px 0; font-weight: 700; display: flex; gap: 8px; align-items: center; list-style: none; } .wz3-mprev summary::-webkit-details-marker { display: none; } .wz3-mprev[open] { padding-bottom: 14px; } }
@media (max-width: 760px) {
  .modal.wz3 { height: 100%; }
  .wz3-b { grid-template-columns: minmax(0, 1fr); } .wz3-nav { display: none; }
  .wz3-mt { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px 0; font-size: 13px; color: var(--muted); } .wz3-mt b { color: var(--fg); }
  .wz3-main { padding: 14px 16px 24px !important; } .wz3-step { display: none; }
  .wz3-q h3 { font-size: 22px; }
  .wz3-modes { grid-template-columns: minmax(0, 1fr) !important; }
  .wz3-opts { grid-template-columns: 1fr 1fr; }
  .wz3-rev > div { grid-template-columns: minmax(0, 1fr) auto; } .wz3-rev dt { grid-column: 1 / -1; font-size: 12.5px; } 
}
.wz3-main > * { flex-shrink: 0; }
/* hapi i produkteve: katalogu ose produkt i ri */
.wz3-src { margin-bottom: 2px; }
.wz3-addrow { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 16px; border: 1.5px dashed var(--faint, var(--line)); border-radius: 9px; background: none; color: var(--fg); font: inherit; font-size: 14.5px; text-align: left; cursor: pointer; }
.wz3-addrow:hover { border-color: var(--fg); } .wz3-addrow .ico { color: var(--brand); flex: none; }
.wz3-new { gap: 14px; } .wz3-nh b { display: block; font-size: 16px; } .wz3-nh small { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.wz3-drop { min-height: 120px; padding: 14px; } .wz3-drop img { max-height: 140px; object-fit: contain; }
.wz3-nf { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
/* Superzbritjet: brez i veçantë */
.blk.sup { position: relative; padding: 22px 22px 20px; border-radius: 12px; background:
    radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--brand) 20%, transparent), transparent 55%),
    linear-gradient(135deg, color-mix(in srgb, var(--brand) 11%, var(--bg)), color-mix(in srgb, #F5B700 12%, var(--bg)));
  border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line)); }
.blk.sup .sec-h h2 { display: flex; align-items: center; gap: 8px; }
.blk.sup .sec-h h2::before { content: ""; width: 28px; height: 28px; border-radius: 6px; flex: none; background: var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center/16px no-repeat; }
.blk.sup .sec-h { align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.sup-why { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--line)); border-radius: 6px; background: color-mix(in srgb, var(--raised) 75%, transparent); color: var(--fg); font: inherit; font-weight: 700; font-size: 13px; cursor: pointer; margin-left: auto; }
.sup-why[aria-expanded="true"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.sup-info { margin: 4px 0 14px; padding: 14px 16px; border-radius: 9px; background: var(--raised); border: 1px solid var(--line); font-size: 14px; }
.sup-info ul { margin: 8px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; color: var(--muted); } .sup-info li b { color: var(--fg); }
.blk.sup .sup-c { box-shadow: 0 6px 18px -10px color-mix(in srgb, var(--brand) 60%, transparent); }
@media (max-width: 760px) {
  .blk.sup { margin-inline: -16px; border-radius: 0; border-left: 0; border-right: 0; padding: 20px 16px 18px; }
  .blk.sup .sup-track { margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
}
/* Superzbritjet: ngjyrë e verdhë e markës (ngjitësja), që dallon nga e kuqja dhe gria */
.blk.sup { background: linear-gradient(135deg, #FFF3C4 0%, #FFE38A 100%) !important; border-color: #F2CF5B !important; }
.blk.sup .sec-h h2, .blk.sup .sec-h p { color: #1B1607; } .blk.sup .sec-h p { opacity: .75; }
.blk.sup .sup-why { background: rgba(255,255,255,.7); border-color: rgba(27,22,7,.18); color: #1B1607; }
.blk.sup .sup-why[aria-expanded="true"] { background: #1B1607; color: #FFE38A; border-color: #1B1607; }
.blk.sup .rail-arrows button { background: rgba(255,255,255,.8); border-color: rgba(27,22,7,.15); color: #1B1607; }
.blk.sup .sup-c { box-shadow: 0 8px 22px -12px rgba(120,90,0,.55) !important; border-color: rgba(27,22,7,.08); }
.blk.sup .sup-bars i { background: rgba(27,22,7,.18); } .blk.sup .sup-bars i.on { background: #1B1607; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .blk.sup { background: linear-gradient(135deg, #2B240E 0%, #3A2F0C 100%) !important; border-color: #5A4A14 !important; }
  :root:not([data-theme="light"]) .blk.sup .sec-h h2, :root:not([data-theme="light"]) .blk.sup .sec-h p { color: #FFE9A8; }
  :root:not([data-theme="light"]) .blk.sup .sup-why, :root:not([data-theme="light"]) .blk.sup .rail-arrows button { background: rgba(0,0,0,.25); color: #FFE9A8; border-color: rgba(255,233,168,.25); }
  :root:not([data-theme="light"]) .blk.sup .sup-why[aria-expanded="true"] { background: #FFE38A; color: #1B1607; } }
:root[data-theme="dark"] .blk.sup { background: linear-gradient(135deg, #2B240E 0%, #3A2F0C 100%) !important; border-color: #5A4A14 !important; }
:root[data-theme="dark"] .blk.sup .sec-h h2, :root[data-theme="dark"] .blk.sup .sec-h p { color: #FFE9A8; }
.blk.sup { background: linear-gradient(135deg, #FFFBEB 0%, #FFF3C9 100%) !important; border-color: #F6E2A0 !important; }
.blk.sup .sup-c { box-shadow: 0 6px 18px -12px rgba(120,90,0,.35) !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .blk.sup { background: linear-gradient(135deg, #211D10 0%, #29230F 100%) !important; border-color: #3F3516 !important; } }
:root[data-theme="dark"] .blk.sup { background: linear-gradient(135deg, #211D10 0%, #29230F 100%) !important; border-color: #3F3516 !important; }
.blk.sup { background: #FFF7DB !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .blk.sup { background: #24200F !important; } }
:root[data-theme="dark"] .blk.sup { background: #24200F !important; }
/* kategoria e produktit të ri: tekst, e mbyllshme */
.wz3-cat { border: 1px solid var(--line); border-radius: 9px; background: var(--raised); }
.wz3-cat > summary { display: flex; align-items: center; gap: 10px; padding: 12px 14px; cursor: pointer; list-style: none; }
.wz3-cat > summary::-webkit-details-marker { display: none; }
.wz3-cat > summary small { display: block; font-size: 12px; font-weight: 700; color: var(--muted); } .wz3-cat > summary b { display: block; font-size: 15px; }
.wz3-cat > summary .grow { flex: 1; } .wz3-cat[open] > summary .ico { transform: rotate(180deg); }
.wz3-cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 0 12px 12px; }
.wz3-cats button { display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--raised); color: var(--fg); font: inherit; font-size: 14px; font-weight: 600; text-align: left; cursor: pointer; }
.wz3-cats button[aria-checked="true"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
@media (min-width: 761px) { .wz3-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* hapat me seksione të numëruara */
.wz3-sec { display: flex; flex-direction: column; gap: 10px; padding-top: 4px; }
.wz3-sec + .wz3-sec { border-top: 1px solid var(--line); padding-top: 18px; }
.wz3-sh { display: flex; gap: 10px; align-items: flex-start; }
.wz3-sn { flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--fg); color: var(--bg); font-size: 12px; font-weight: 800; margin-top: 1px; }
.wz3-sh b { display: block; font-size: 15.5px; } .wz3-sh small { display: block; color: var(--muted); font-size: 13px; margin-top: 1px; }
.wz3-seg { align-self: flex-start; flex-wrap: wrap; max-width: 100%; }
.wz3-seg button { height: 40px !important; padding: 0 14px !important; font-weight: 700; }
.wz3-sum { display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; border-radius: 9px; background: color-mix(in srgb, var(--success) 9%, var(--raised)); border: 1px solid color-mix(in srgb, var(--success) 22%, var(--line)); font-size: 14.5px; line-height: 1.45; }
.wz3-sum .ico { flex: none; color: var(--success); margin-top: 1px; }
.wz3-tip { margin: 0; display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; color: var(--muted); line-height: 1.45; } .wz3-tip .ico { flex: none; margin-top: 2px; } .wz3-tip.warn { color: var(--brand-ink, var(--brand)); }
.wz3-inl { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .wz3-inl input { width: 110px; height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--raised); color: var(--fg); font: inherit; font-size: 16px; } .wz3-inl span { color: var(--muted); font-size: 13.5px; flex: 1; min-width: 160px; }
.wz3-err { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 9px; background: color-mix(in srgb, var(--brand) 9%, var(--raised)); border: 1px solid color-mix(in srgb, var(--brand) 35%, var(--line)); color: var(--fg); font-weight: 600; font-size: 14px; }
.wz3-err .ico { flex: none; color: var(--brand); }
.wz3-h4 { margin: 4px 0 -6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.wz3 .wz-f .wz-nx { font-weight: 600; opacity: .8; }
.wz3-modes { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .wz3-modes .wz-mode { min-height: 0 !important; padding: 12px !important; }
@media (max-width: 1100px) { .wz3-modes { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) { .wz3 .wz-f .wz-nx { display: none; } .wz3-seg { display: grid !important; grid-template-columns: 1fr 1fr; width: 100%; } .wz3-seg button { white-space: nowrap; } }

.wz3-cats button .ico, .wz3-cats button svg { flex: none; color: var(--muted); }
.wz3-cats button[aria-checked="true"] .ico, .wz3-cats button[aria-checked="true"] svg { color: inherit; }
.wz3-cats button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wz3-cic { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 6px; background: var(--surface, #F5F5F7); flex: none; }
.wz3-cat > summary b.ph { color: var(--muted); font-weight: 600; }
/* Superzbritjet: e njëjta prapavijë si faqja (gri neutrale), pa ngjyrë të veçantë */
.blk.sup, :root .blk.sup { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .blk.sup { background: transparent !important; border-color: transparent !important; } }
:root[data-theme="dark"] .blk.sup { background: transparent !important; border-color: transparent !important; }
.blk.sup .sec-h h2, .blk.sup .sec-h p, :root .blk.sup .sec-h h2, :root .blk.sup .sec-h p { color: var(--fg) !important; }
.blk.sup .sec-h p { color: var(--muted) !important; opacity: 1; }
.blk.sup .sup-why, :root .blk.sup .sup-why, :root .blk.sup .rail-arrows button, .blk.sup .rail-arrows button { background: var(--raised) !important; border-color: var(--line) !important; color: var(--fg) !important; }
.blk.sup .sup-why[aria-expanded="true"], :root .blk.sup .sup-why[aria-expanded="true"] { background: var(--fg) !important; color: var(--bg) !important; border-color: var(--fg) !important; }
.blk.sup .sup-c { box-shadow: var(--shadow-card, 0 1px 2px rgba(0,0,0,.06)) !important; border-color: var(--line) !important; }
.blk.sup .sup-bars i { background: var(--line) !important; } .blk.sup .sup-bars i.on { background: var(--fg) !important; }

/* logoja e biznesit te kartela: katror i vogël me qoshe të buta */
.card .store .av { display: grid !important; width: 22px !important; height: 22px !important; border-radius: 6px !important; font-size: 9px !important; letter-spacing: -.02em; flex: none; box-shadow: 0 0 0 1px var(--line) !important; overflow: hidden; margin-right: 2px; }
.card .store .av-logo img { transform: none !important; width: 100%; height: 100%; object-fit: cover; }
.card .store .n { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card .store { min-width: 0; }

.p-trust { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; padding: 2px 7px; border-radius: 6px; background: color-mix(in srgb, var(--success, #11935A) 12%, transparent); color: var(--success, #11935A); font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.p-biz > span { display: flex; flex-direction: column; align-items: flex-start; }
.banner.ok.wz-trust { background: color-mix(in srgb, var(--success, #11935A) 10%, var(--raised)); border-color: color-mix(in srgb, var(--success, #11935A) 30%, transparent); }
.banner.ok.wz-trust > .ico { color: var(--success, #11935A); }
/* ===== Analizat ===== */
.st-p, .st-sort { flex-wrap: wrap; }
.st-wins { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.st-h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 18px; } .st-h2 .ico { color: var(--brand); }
.st-wl { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
.st-w { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 9px; background: var(--raised); border: 1px solid var(--line); }
.st-wi { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; background: color-mix(in srgb, var(--success, #11935A) 12%, transparent); color: var(--success, #11935A); }
.st-w b { display: block; font-size: 14.5px; line-height: 1.3; } .st-w small { display: block; color: var(--muted); font-size: 13px; margin-top: 3px; line-height: 1.4; }
.st-mini { margin-bottom: 16px; } .st-more { align-self: flex-start; display: inline-flex; align-items: center; gap: 4px; font-weight: 700; font-size: 14px; color: var(--fg); text-decoration: none; }
.st-k .st-h { display: block; color: var(--muted); font-size: 12px; margin-top: 4px; line-height: 1.35; }
.st-d { font-size: 12.5px; font-weight: 700; margin-left: 6px; } .st-d.up { color: var(--success, #11935A); } .st-d.dn { color: var(--brand); }
.st-sec { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; } .st-sec h2 { margin: 0; font-size: 17px; } .st-sec > .muted { margin: -6px 0 0; font-size: 13.5px; }
.st-sh { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; } .st-sh p { margin: 4px 0 0; font-size: 13.5px; max-width: 520px; }
.st-t td { vertical-align: middle; } .st-vc { min-width: 160px; } .st-vc { white-space: nowrap; } .st-vc .st-bt { display: inline-block; width: 90px; vertical-align: middle; margin-right: 8px; }
.st-bt { position: relative; height: 8px; border-radius: 4px; background: var(--soft, var(--surface-2)); overflow: hidden; } .st-bt i { position: absolute; inset: 0 auto 0 0; border-radius: 4px; background: var(--fg); opacity: .8; }
.st-bars { display: flex; flex-direction: column; gap: 8px; } .st-b { display: grid; grid-template-columns: 150px 1fr 48px; align-items: center; gap: 10px; font-size: 13.5px; }
.st-b .st-bt { height: 10px; } .st-b b { text-align: right; } .st-b.on .st-bt i { background: var(--brand); opacity: 1; } .st-b.on .st-bl { font-weight: 700; }
.st-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px; } .st-two .st-sec { margin-top: 16px; }
.st-line { width: 100%; height: auto; }
.st-h3 { margin: 4px 0 0; font-size: 14px; } .st-after { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.st-after div { padding: 10px; border-radius: 9px; background: var(--soft, var(--surface-2)); } .st-after b { display: block; font-size: 20px; } .st-after small { color: var(--muted); font-size: 12.5px; }
.st-tip { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 10px 12px; border-radius: 9px; background: var(--soft, var(--surface-2)); font-size: 13.5px; } .st-tip .ico { flex: none; color: var(--muted); margin-top: 1px; }
.st-fine { font-size: 12.5px; margin-top: 16px; }
@media (max-width: 760px) { .st-b { grid-template-columns: 110px 1fr 40px; } .st-two { grid-template-columns: minmax(0, 1fr); } .st-vc .st-bt { width: 50px; } }

.mg-sx { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.3; }
.mg-help { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0 0; padding: 10px 12px; border-radius: 9px; background: var(--soft, #F4F4F5); font-size: 13.5px; line-height: 1.45; color: var(--muted); }
.mg-help b { color: var(--fg); } .mg-help .ico { flex: none; margin-top: 2px; color: var(--fg); }
.mg-tools2 { margin-top: 10px; }
.mg-a .mg-ext { white-space: nowrap; }
/* veprimet: "Ndrysho" + "+7 ditë" + ⋯ zënë vend të plotë */
@media (min-width: 1101px) { .mg-r { grid-template-columns: 34px minmax(0, 2.2fr) 140px 100px 108px 96px 262px; } }
@media (min-width: 761px) and (max-width: 1100px) { .mg-r { grid-template-columns: 34px minmax(0, 2fr) 128px 96px 104px 250px; } }
.mg-a { display: flex; gap: 6px; justify-content: flex-end; align-items: center; flex-wrap: nowrap; }
.mg-pf small { display: block; white-space: nowrap; }

.wz3-catl { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--raised); }
.wz3-catl .grow { flex: 1; min-width: 0; } .wz3-catl small { display: block; font-size: 12px; font-weight: 700; color: var(--muted); } .wz3-catl b { font-size: 15px; } .wz3-catl em { font-style: normal; color: var(--muted); font-size: 13px; margin-left: 6px; }
.wz3-catq { display: flex; flex-direction: column; gap: 8px; } .wz3-catq small { font-size: 12px; font-weight: 700; color: var(--muted); } .wz3-catq em { font-style: normal; font-weight: 500; }
.wz3-catq .wz3-cats { padding: 0; } .wz3-catq .link { align-self: flex-start; }
/* filtrat anash: kompakte, pa shirit lëvizjeje */
@media (min-width: 761px) {
  .filters { gap: 14px !important; scrollbar-width: none; }
  .filters::-webkit-scrollbar { display: none; width: 0; }
  .filters h3 { margin: 0 0 6px !important; font-size: 11.5px !important; }
  .filters .chips, .filters .radius { gap: 5px !important; flex-wrap: wrap; }
  .filters .chip, .filters .radius button { height: 30px !important; min-height: 30px !important; padding: 0 9px !important; font-size: 13px !important; }
  .filters .fopt { min-height: 28px !important; padding: 2px 0 !important; font-size: 13.5px !important; gap: 8px; }
  .filters .fopt input { width: 16px; height: 16px; }
  .filters .loc-link { font-size: 14px; }
}

/* promovimet: zgjedhja e zbritjes me kërkim */
.pp-q { margin-bottom: 8px; }
.pp-list { display: flex; flex-direction: column; max-height: 288px; overflow-y: auto; border: 1px solid var(--line); border-radius: 9px; background: var(--raised); scrollbar-width: thin; }
.pp-it { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 0; border-top: 1px solid var(--line); background: none; color: var(--fg); font: inherit; text-align: left; cursor: pointer; }
.pp-it:first-child { border-top: 0; } .pp-it:hover { background: var(--soft, #F4F4F5); }
.pp-it .em { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 6px; background: var(--soft, #F4F4F5); overflow: hidden; font-size: 20px; } .pp-it .em img { width: 100%; height: 100%; object-fit: cover; }
.pp-it .grow { flex: 1; min-width: 0; } .pp-it b { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pp-it small { display: block; color: var(--muted); font-size: 12.5px; }
.pp-r { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--line-strong, #8E8E96); }
.pp-it.on { background: color-mix(in srgb, var(--fg) 5%, var(--raised)); } .pp-it.on .pp-r { border: 5px solid var(--fg); }
.pp-sel { display: block; margin-top: 6px; color: var(--muted); font-size: 12.5px; } .pp-sel b { color: var(--fg); }
@media (min-width: 761px) {
  .web-fly .fl-fit .fl-it { width: calc(92px * var(--flz, 1)); flex: none; }
  .web-fly .fl-fit .fl-it .fly { zoom: var(--flz, 1); }
  .web-fly .fl-fit .fl-it small { max-width: 100%; font-size: 13.5px; }
}
.web-fly .fl-it small { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; text-wrap: balance; line-height: 1.25; text-align: center; }
@media (min-width: 761px) { html, body { overflow-x: clip; } }

/* logot e markave e mbushin rrethin plotësisht */
.av-logo { background: transparent !important; overflow: hidden; }
.av-logo img { transform: none !important; width: 100% !important; height: 100% !important; object-fit: cover; display: block; border-radius: inherit; }
.mf-wrap { margin: 8px 0 28px; } .mf-wrap .mf-cb { min-height: 150px; } .mf-wrap .mf-t { font-size: 24px; } .mf-wrap .mf-ths { width: 190px; }
.mf-wrap .mf-th { width: 78px; height: 94px; } .mf-wrap .mf-th:nth-child(1) { top: 16px; right: 92px; } .mf-wrap .mf-th:nth-child(2) { top: 22px; right: 18px; } .mf-wrap .mf-th:nth-child(3) { top: 60px; right: 60px; }
/* ===== paneli i ri i biznesit (web) ===== */
.wd-sec { display: flex; flex-direction: column; gap: 12px; margin: 0 0 22px; }
.wd-hr { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wd-h { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 18px; letter-spacing: -.015em; }
.wd-cnt { padding: 1px 8px; border-radius: 6px; background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); font-size: 12.5px; font-weight: 800; }
.wd-sec .kpis, .wd-sec .st-wins, .wd-sec .md-shop { margin: 0 !important; }
.wd-todo { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 9px; background: var(--surface, var(--raised, #fff)); overflow: hidden; }
.wd-td { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--line); }
.wd-td:first-child { border-top: 0; }
.wd-td .grow { flex: 1; min-width: 0; } .wd-td b { display: block; font-size: 14.5px; } .wd-td small { display: block; color: var(--muted, var(--ink-muted)); font-size: 13px; margin-top: 1px; }
.wd-td .btn { flex: none; white-space: nowrap; }
.wd-ti { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 8px; background: color-mix(in srgb, currentColor 6%, transparent); color: var(--muted, var(--ink-muted)); }
.wd-td.p0 .wd-ti { background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); }
.wd-td.p1 .wd-ti { background: color-mix(in srgb, #E8A317 16%, transparent); color: #B87A00; }
.wd-more { padding: 12px; border: 0; border-top: 1px solid var(--line); background: none; color: var(--brand); font: inherit; font-weight: 700; cursor: pointer; }
.wd-ok { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 9px; color: var(--good, #1E8E3E); }
.wd-ok b { display: block; color: var(--ink, var(--fg)); } .wd-ok small { display: block; color: var(--muted, var(--ink-muted)); }
.wd-two { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 16px; margin: 0 0 22px; align-items: start; }
.wd-two > .box { margin: 0 !important; }
@media (max-width: 900px) { .wd-two { grid-template-columns: 1fr; } .wd-td { flex-wrap: wrap; } .wd-td .btn { margin-left: 48px; } }
.wd-two { grid-template-columns: 1fr !important; }
@media (max-width: 640px) { .wd-td { flex-wrap: wrap; row-gap: 8px; } .wd-td .grow { flex: 1 1 calc(100% - 52px); } .wd-td .btn { margin-left: 48px; } .wd-td { padding: 12px 14px; } }
/* foto e zbritjes: një format i vetëm kudo, katror 1:1 */
.card .pic { aspect-ratio: 1 / 1 !important; height: auto !important; }
.o-img { aspect-ratio: 1 / 1 !important; }
/* Fletushka jote në desktop: rresht me zbritje brenda kartës */
.mfd { display: none; }
@media (min-width: 900px) {
  .mf-wrap .mf-tx { flex: 0 0 340px; }
  .mf-wrap .mfd { display: flex; flex: 1; min-width: 0; gap: 10px; padding: 16px 4px 16px 0; align-self: stretch; }
  .mf-wrap .mfd-it { flex: 1 1 0; } .mf-wrap .mfd-it:nth-child(n+4) { display: none; }
  .mfd-it { display: flex; flex-direction: column; gap: 2px; min-width: 0; background: #fff; border-radius: 9px; padding: 8px; box-shadow: 0 0 0 1px rgba(27,20,16,.07), 0 6px 14px -10px rgba(120,40,10,.45); }
  .mfd-pic { position: relative; height: 64px; border-radius: 6px; background: #F6F1E6; display: grid; place-items: center; overflow: hidden; margin-bottom: 4px; }
  .mfd-pic img { width: 100%; height: 100%; object-fit: cover; } .mfd-pic i { font-style: normal; font-size: 34px; line-height: 1; }
  .mfd-pic em { position: absolute; left: 4px; top: 4px; padding: 1px 5px; border-radius: 4px; background: var(--brand, #E0300F); color: #fff; font-style: normal; font-size: 10.5px; font-weight: 800; }
  .mfd-t { font-size: 12.5px; font-weight: 700; line-height: 1.25; color: #1B1410; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mfd-s { font-size: 11px; color: #6B5D52; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mfd-p { display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap; margin-top: auto; padding-top: 2px; color: #1B1410; }
  .mfd-p b { font-size: 14px; font-weight: 800; } .mfd-p small { font-size: 10.5px; color: #6B5D52; } .mfd-p s { font-size: 11px; color: #8C7E73; }
  .mf-card.fest .mfd { position: relative; z-index: 1; }
}
@media (min-width: 1200px) { .mf-wrap .mfd-it:nth-child(4) { display: flex; } }
@media (min-width: 1500px) { .mf-wrap .mfd-it:nth-child(5) { display: flex; } }
/* fletushka në desktop: produktet si në fletushkën e marketit, çmimi i madh në etiketë të verdhë */
@media (min-width: 900px) {
  .mf-wrap .mf-card:not(.fest) .mf-ths { display: none; }
  .mf-wrap .mf-card:not(.fest) .mfd { padding: 14px 16px 14px 6px; gap: 0; }
  .mf-wrap .mf-card:not(.fest) .mfd-it { background: none; box-shadow: none; border-radius: 0; padding: 0 12px; border-left: 1px solid rgba(27,20,16,.1); }
  .mf-wrap .mf-card:not(.fest) .mfd-it:first-child { border-left: 0; }
  .mf-wrap .mf-card:not(.fest) .mfd-pic { background: none; height: 66px; }
  .mf-wrap .mf-card:not(.fest) .mfd-pic i { font-size: 42px; }
  .mf-wrap .mf-card:not(.fest) .mfd-pic em { left: auto; right: 0; top: 0; background: var(--brand, #E0300F); border-radius: 4px; font-size: 11px; padding: 2px 6px; }
  .mf-wrap .mf-card:not(.fest) .mfd-p { gap: 5px; }
  .mf-wrap .mf-card:not(.fest) .mfd-p b { background: #FFD233; color: #1B1410; font-size: 17px; padding: 2px 7px; border-radius: 4px; letter-spacing: -.01em; }
  .mf-wrap .mf-card:not(.fest) .mfd-it:nth-child(n+5) { display: none; }
  @media (min-width: 1200px) { .mf-wrap .mf-card:not(.fest) .mfd-it:nth-child(5) { display: flex; } }
}
/* ===== blogu ===== */
.bl-page { padding-bottom: 40px; }
.bl-h { max-width: 720px; margin: 8px 0 18px; }
.bl-h h1 { margin: 0 0 8px; font-size: clamp(30px, 4vw, 42px); letter-spacing: -.03em; line-height: 1.08; }
.bl-h p { margin: 0; color: var(--muted, var(--ink-muted)); font-size: 16.5px; line-height: 1.5; }
.bl-chips { margin: 0 0 20px; }
.bl-cv { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 9px; }
.bl-cv svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.bl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; color: var(--muted, var(--ink-muted)); font-size: 12.5px; font-weight: 600; }
.bl-cat { padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--c) 12%, transparent); color: var(--c); font-weight: 800; }
.bl-top { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 24px; align-items: center; margin-bottom: 28px; color: inherit; text-decoration: none; }
.bl-top .bl-cb b { font-size: clamp(22px, 2.6vw, 30px); line-height: 1.15; letter-spacing: -.02em; }
.bl-top .bl-cb small { font-size: 15.5px; }
.bl-cb { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.bl-cb b { font-size: 17px; line-height: 1.3; letter-spacing: -.01em; }
.bl-cb small { color: var(--muted, var(--ink-muted)); font-size: 14px; line-height: 1.5; }
.bl-go { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; color: var(--brand); font-weight: 800; font-size: 14.5px; }
.bl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 22px 20px; }
.bl-card { display: flex; flex-direction: column; gap: 12px; color: inherit; text-decoration: none; }
.bl-card:hover b, .bl-top:hover b { color: var(--brand); }
.bl-card:hover .bl-cv, .bl-top:hover .bl-cv { filter: brightness(1.06); }
@media (max-width: 760px) { .bl-top { grid-template-columns: 1fr; gap: 14px; } }
/* artikulli */
.bl-art { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.bl-back { align-self: flex-start; display: inline-flex; align-items: center; gap: 2px; margin-left: -4px; padding: 4px 6px; border-radius: 6px; color: var(--brand); font-weight: 700; text-decoration: none; }
.bl-art h1 { margin: 0; font-size: clamp(28px, 4.2vw, 42px); line-height: 1.1; letter-spacing: -.03em; }
.bl-lead { margin: 0; font-size: 18px; line-height: 1.55; color: var(--muted, var(--ink-muted)); }
.bl-by { display: flex; align-items: center; gap: 10px; padding: 6px 0 4px; }
.bl-by > span:nth-child(2) { flex: 1; display: flex; flex-direction: column; } .bl-by b { font-size: 14px; } .bl-by small { color: var(--muted, var(--ink-muted)); font-size: 12.5px; }
.bl-av { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 900; font-size: 12.5px; }
.bl-cv.hero { margin: 6px 0 8px; }
.bl-body { font-size: 17px; line-height: 1.7; }
.bl-body h2 { margin: 30px 0 8px; font-size: 22px; line-height: 1.25; letter-spacing: -.015em; }
.bl-body p { margin: 0 0 14px; }
.bl-body ul, .bl-body ol { margin: 0 0 16px; padding-left: 22px; } .bl-body li { margin: 6px 0; }
.bl-tip { display: flex; flex-direction: column; gap: 4px; margin: 20px 0; padding: 14px 16px; border-radius: 9px; background: color-mix(in srgb, var(--brand) 7%, var(--raised, #fff)); box-shadow: inset 3px 0 0 var(--brand); font-size: 15.5px; line-height: 1.55; }
.bl-tip b { color: var(--brand); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }
.bl-cta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 26px 0 8px; padding: 18px; border-radius: 9px; background: var(--raised, #fff); box-shadow: 0 0 0 1px var(--line); }
.bl-cta > span { flex: 1 1 260px; display: flex; flex-direction: column; gap: 3px; } .bl-cta small { color: var(--muted, var(--ink-muted)); }
.bl-rel { max-width: 1100px; margin: 44px auto 0; } .bl-rel h2 { font-size: 22px; margin: 0 0 16px; }
@media (min-width: 900px) { .bl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; } }

/* ===== Profili i biznesit (app + web) ===== */
.bp { --bp-fg: var(--fg, var(--ink, #111)); --bp-card: var(--raised, var(--surface-raised, #fff)); --bp-in: var(--surface-2, color-mix(in srgb, var(--line) 55%, var(--raised, #fff))); --bp-ok: var(--good, #0b6e3c); --bp-warn: #B25E00;
  display: flex; flex-direction: column; gap: 12px; color: var(--bp-fg); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .bp { --bp-warn: #F2A541; } }
:root[data-theme="dark"] .bp { --bp-warn: #F2A541; }
.bp .grow { flex: 1; min-width: 0; }
.bp-ico { flex: none; }
.bp small { line-height: 1.35; }

/* plotësia */
.bp-prog { background: var(--bp-card); border-radius: 9px; box-shadow: 0 0 0 1px var(--line); padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.bp-pt b { display: block; font-size: 15px; } .bp-pt small { color: var(--muted); font-size: 13px; }
.bp-bar { height: 6px; border-radius: 6px; background: var(--bp-in); overflow: hidden; } .bp-bar i { display: block; height: 100%; background: var(--brand); border-radius: 6px; }
.bp-miss { display: flex; flex-wrap: wrap; gap: 6px; }
.bp-mi { display: inline-flex; align-items: center; gap: 5px; height: 32px; padding: 0 10px; border-radius: 6px; border: 1px dashed color-mix(in srgb, var(--brand) 55%, transparent); background: color-mix(in srgb, var(--brand) 7%, transparent); color: var(--brand); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }

/* kutitë që hapen */
.bp-acc { background: var(--bp-card); border-radius: 9px; box-shadow: 0 0 0 1px var(--line); overflow: hidden; }
.bp-ah { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px; background: none; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.bp-ah b { display: block; font-size: 15px; } .bp-ah small { display: block; color: var(--muted); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bp-ai { width: 38px; height: 38px; border-radius: 8px; display: grid; place-items: center; background: var(--bp-in); color: var(--bp-fg); flex: none; }
.bp-chev { color: var(--muted); display: grid; place-items: center; transition: transform .2s; flex: none; }
.bp-acc.is-open > .bp-ah .bp-chev { transform: rotate(180deg); }
.bp-ab { padding: 4px 14px 16px; display: flex; flex-direction: column; gap: 14px; border-top: 1px solid var(--line); padding-top: 14px; }
.bp-st { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: 6px; font-size: 12px; font-weight: 700; white-space: nowrap; flex: none; }
.bp-st.ok { color: var(--bp-ok); background: color-mix(in srgb, var(--bp-ok) 11%, transparent); }
.bp-st.todo { color: var(--muted); background: var(--bp-in); }
.bp-st.warn { color: var(--bp-warn); background: color-mix(in srgb, var(--bp-warn) 13%, transparent); }

/* fushat */
.bp .bp-f { display: flex; flex-direction: column; gap: 6px; margin: 0; position: relative; }
.bp .bp-f > label { font-size: 13px; font-weight: 700; color: var(--bp-fg); text-transform: none; letter-spacing: 0; }
.bp-req { color: var(--brand); } .bp-opt { color: var(--muted); font-weight: 500; }
.bp .bp-f input, .bp .bp-f textarea, .bp-lnk input, .bp-search input { width: 100%; background: var(--bp-in); border: 1px solid transparent; color: var(--bp-fg); font: inherit; font-size: 16px; padding: 11px 12px; border-radius: 6px; box-shadow: none; height: auto; min-height: 46px; outline: none; }
.bp .bp-f textarea { resize: vertical; min-height: 110px; line-height: 1.45; }
.bp .bp-f input:focus, .bp .bp-f textarea:focus, .bp-lnk input:focus, .bp-search:focus-within { border-color: var(--bp-fg); }
.bp .bp-f.bad input, .bp .bp-f.bad textarea { border-color: var(--brand); background: color-mix(in srgb, var(--brand) 6%, var(--bp-in)); }
.bp-err { display: flex; gap: 5px; align-items: flex-start; color: var(--brand); font-size: 12.5px; font-weight: 600; }
.bp-err .bp-ico { margin-top: 1px; }
.bp-hn { color: var(--muted); font-size: 12.5px; display: block; }
.bp-cnt { position: absolute; right: 0; top: 0; font-size: 12px; color: var(--muted); }
.bp-pre { display: flex; align-items: stretch; background: var(--bp-in); border-radius: 6px; overflow: hidden; }
.bp-pre > span { display: grid; place-items: center; padding: 0 0 0 12px; color: var(--muted); font-size: 15px; }
.bp-pre input { background: transparent !important; padding-left: 4px !important; }
.bp-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 560px) { .bp-two { grid-template-columns: 1fr; } }
.bp-lead { display: flex; gap: 8px; margin: 0; font-size: 13px; color: var(--muted); align-items: flex-start; } .bp-lead .bp-ico { margin-top: 1px; }
.bp-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.bp-chip { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 6px; border: 1px solid var(--line); background: var(--bp-card); color: var(--bp-fg); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.bp-chip[aria-pressed="true"] { background: var(--bp-fg); color: var(--bp-card); border-color: var(--bp-fg); }
.bp-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.bp-acts .btn { min-height: 44px; display: inline-flex; align-items: center; gap: 6px; }
.bp-link { background: none; border: 0; padding: 4px 0; color: var(--brand); font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; }
.bp-del { color: var(--brand) !important; margin-left: auto; }

/* seksionet e adresave */
.bp-sec { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; }
.bp-sh { display: flex; align-items: flex-end; gap: 10px; } .bp-sh h3 { margin: 0; font-size: 17px; } .bp-sh small { color: var(--muted); font-size: 13px; }
.bp-sh .btn { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; flex: none; min-height: 38px; height: auto; padding: 0 12px; width: auto; }
.bp-list { display: flex; flex-direction: column; gap: 8px; }
.bp-br { background: var(--bp-card); border-radius: 9px; box-shadow: 0 0 0 1px var(--line); overflow: hidden; }
.bp-br.is-open { box-shadow: 0 0 0 2px var(--bp-fg); }
.bp-brb { display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 13px 14px; background: none; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.bp-brb.static { cursor: default; }
.bp-brb b { display: block; font-size: 15px; } .bp-brb small { display: block; color: var(--muted); font-size: 13px; margin-top: 1px; }
.bp-hsum { display: flex !important; align-items: flex-start; gap: 5px; margin-top: 5px !important; } .bp-hsum .bp-ico { margin-top: 1px; }
.bp-bri { width: 36px; height: 36px; border-radius: 8px; display: grid; place-items: center; background: var(--bp-in); flex: none; }
.bp-bri.main { background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); }
.bp-main { font-style: normal; font-size: 11px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--brand); margin-left: 4px; }
.bp-brb .bp-chev { margin-top: 8px; }
.bp-brb .bp-st { margin-top: 8px; }

/* redaktori i pikës */
.bp-ed { border-top: 1px solid var(--line); padding: 16px 14px; display: flex; flex-direction: column; gap: 18px; }
.bp-step { display: flex; gap: 12px; align-items: flex-start; }
.bp-step > .grow { display: flex; flex-direction: column; gap: 10px; }
.bp-step > .grow > b { font-size: 15px; line-height: 26px; } .bp-sub { color: var(--muted); font-size: 13px; margin-top: -8px; }
.bp-sn { width: 26px; height: 26px; border-radius: 50%; background: var(--bp-fg); color: var(--bp-card); display: grid; place-items: center; font-size: 13px; font-weight: 800; flex: none; }
@media (max-width: 420px) { .bp-step { gap: 8px; } .bp-sn { width: 22px; height: 22px; font-size: 12px; } }
.bp-search { display: flex; align-items: center; gap: 8px; background: var(--bp-in); border-radius: 6px; padding: 0 12px; border: 1px solid transparent; }
.bp-search input { background: transparent !important; border: 0 !important; padding-left: 0 !important; }
.bp-res { display: flex; flex-direction: column; border-radius: 6px; overflow: hidden; }
.bp-ri { display: flex; gap: 10px; align-items: center; padding: 10px 6px; background: none; border: 0; border-bottom: 1px solid var(--line); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.bp-ri b { display: block; font-size: 14.5px; } .bp-ri small { color: var(--muted); font-size: 12.5px; } .bp-ri .bp-ico { color: var(--muted); }
.bp-pl { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 6px; background: var(--bp-in); }
.bp-pl b { display: block; } .bp-pl small { color: var(--muted); font-size: 12.5px; }
.bp-map { border-radius: 9px; padding: 12px; display: flex; flex-direction: column; gap: 12px; }
.bp-map.ok { background: color-mix(in srgb, var(--bp-ok) 8%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bp-ok) 30%, transparent); }
.bp-map.warn { background: color-mix(in srgb, var(--bp-warn) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bp-warn) 35%, transparent); }
.bp-mh { display: flex; gap: 10px; align-items: flex-start; } .bp-mh b { display: block; font-size: 14.5px; } .bp-mh small { color: var(--muted); font-size: 12.5px; display: block; margin-top: 2px; }
.bp-map.ok .bp-mh > .bp-ico { color: var(--bp-ok); } .bp-map.warn .bp-mh > .bp-ico { color: var(--bp-warn); }
.bp-warn { display: flex; gap: 8px; font-size: 13px; align-items: flex-start; color: var(--bp-fg); } .bp-warn > .bp-ico { color: var(--bp-warn); margin-top: 1px; }
.bp-ways { display: flex; flex-direction: column; gap: 8px; }
.bp-gps { width: 100%; justify-content: center; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.bp-or { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; } .bp-or::before, .bp-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.bp-lnk { display: flex; gap: 8px; } .bp-lnk input { flex: 1; min-width: 0; background: var(--bp-card) !important; border-color: var(--line) !important; font-size: 15px !important; }
.bp-lnk .btn { flex: none; min-height: 46px; }
.bp-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 6px; background: var(--bp-in); }
.bp-seg button { min-height: 38px; border-radius: 6px; border: 0; background: none; color: var(--muted); font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.bp-seg button[aria-checked="true"] { background: var(--bp-card); color: var(--bp-fg); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.bp-hrs { display: flex; flex-direction: column; border-radius: 6px; overflow: hidden; box-shadow: 0 0 0 1px var(--line); }
.bp-hr { display: grid; grid-template-columns: 82px 44px 1fr auto 1fr 44px; align-items: center; gap: 6px; padding: 7px 10px; border-bottom: 1px solid var(--line); position: relative; }
.bp-hr:last-child { border-bottom: 0; }
.bp-hr > b { font-size: 13.5px; }
.bp-hr select { -webkit-appearance: none; appearance: none; text-align: center; text-align-last: center; width: 100%; min-width: 0; height: 38px; background: var(--bp-in); border: 1px solid transparent; border-radius: 6px; color: var(--bp-fg); font: inherit; font-size: 15px; padding: 0 6px; font-variant-numeric: tabular-nums; }
.bp-hr .bp-closed { grid-column: 3 / 6; color: var(--muted); font-size: 13.5px; } .bp-hr .bp-closed.on { color: var(--bp-ok); font-weight: 700; }
.bp-hr.off > b { color: var(--muted); }
.bp-dash { color: var(--muted); text-align: center; }
.bp-24 { height: 30px; border-radius: 6px; border: 1px solid var(--line); background: none; color: var(--muted); font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; padding: 0; }
.bp-24.on { background: var(--bp-fg); color: var(--bp-card); border-color: var(--bp-fg); }
.bp-night { grid-column: 3 / 6; color: var(--bp-warn); font-size: 11.5px; font-weight: 700; margin-top: -2px; }
.bp-sw { position: relative; width: 40px; height: 24px; display: inline-block; cursor: pointer; }
.bp-sw input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.bp-sw span { position: absolute; inset: 0; border-radius: 12px; background: var(--line); transition: background .15s; pointer-events: none; }
.bp-sw span::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: transform .15s; }
.bp-sw input:checked + span { background: var(--bp-ok); } .bp-sw input:checked + span::after { transform: translateX(16px); }
.bp-sw input:focus-visible + span { outline: 2px solid var(--brand); outline-offset: 2px; }
@media (max-width: 460px) { .bp-hr { grid-template-columns: 1fr 44px 40px; row-gap: 6px; } .bp-hr > b { grid-column: 1; } .bp-hr .bp-sw { grid-column: 2; grid-row: 1; } .bp-hr .bp-24 { grid-column: 3; grid-row: 1; }
  .bp-hr select, .bp-hr .bp-dash { grid-row: 2; } .bp-hr select[data-bpht$=":0"] { grid-column: 1; } .bp-hr .bp-dash { display: none; } .bp-hr select[data-bpht$=":1"] { grid-column: 2 / 4; }
  .bp-hr .bp-closed { grid-column: 1 / 4; grid-row: 2; } .bp-hr.off .bp-closed { display: none; } .bp-night { grid-column: 1 / 4; } }
.bp-hq { display: flex; flex-wrap: wrap; gap: 4px 16px; }

.bp-legal .bp-dl { margin: 0; background: var(--bp-card); border-radius: 9px; box-shadow: 0 0 0 1px var(--line); }
.bp-dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 11px 14px; border-bottom: 1px solid var(--line); font-size: 14px; } .bp-dl > div:last-child { border-bottom: 0; }
.bp-dl dt { color: var(--muted); } .bp-dl dd { margin: 0; font-weight: 700; text-align: right; }

/* te faqja e dyqanit */
.bp-sref { display: block; color: var(--muted); font-size: 12.5px; font-weight: 500; margin-top: 1px; }
.s-fact.bp-sl small { display: block; color: var(--muted); font-size: 11.5px; font-weight: 600; line-height: 1.2; }
.s-fact.bp-sl span > span { word-break: break-all; }
.bp-sinfo { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 0 2px; }
.bp-sinfo span { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 9px; border-radius: 6px; background: var(--surface-2, var(--soft)); font-size: 12.5px; font-weight: 600; }

.bp-more { display: flex; align-items: center; gap: 12px; width: 100%; padding: 13px 14px; border-radius: 9px; border: 1px dashed var(--line); background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; margin: 4px 0 8px; }
.bp-more b { display: block; font-size: 14.5px; } .bp-more small { display: block; color: var(--muted); font-size: 12.5px; } .bp-more > .bp-ico:first-child { color: var(--brand); }
.bp-wrap { margin: 4px 0 18px; }

.bp-mapbox { position: relative; height: 260px; border-radius: 9px; overflow: hidden; box-shadow: 0 0 0 1px var(--line); }
.bp-mapbox .maplibregl-canvas { cursor: crosshair; }

/* ---- Të dhënat e faqes, si te menaxhimi i faqeve në Facebook ---- */
.bp-info { display: flex; flex-direction: column; gap: 14px; }
.bp-is { background: var(--bp-card); border-radius: 9px; box-shadow: 0 0 0 1px var(--line); overflow: hidden; }
.bp-ish { padding: 14px 14px 6px; display: flex; flex-direction: column; gap: 2px; }
.bp-ish h3 { margin: 0; font-size: 16px; font-weight: 750; color: var(--bp-fg); letter-spacing: -.01em; }
.bp-ish small { color: var(--muted); font-size: 12.5px; line-height: 1.35; }
.bp-il { display: flex; flex-direction: column; padding: 0 6px 6px; }
.bp-fr { border-radius: 6px; }
.bp-fr + .bp-fr { border-top: 1px solid var(--line); }
.bp-fr.is-open { background: color-mix(in srgb, var(--line) 30%, transparent); }
.bp-fr.is-open + .bp-fr, .bp-fr + .bp-fr.is-open { border-top-color: transparent; }
.bp-frb { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 9px 8px; background: none; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; border-radius: 6px; }
.bp-frb:hover { background: color-mix(in srgb, var(--line) 35%, transparent); }
.bp-frb:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
.bp-fi { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--bp-in); color: var(--bp-fg); }
.bp-fr.is-empty .bp-fi { background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); }
.bp-frb .grow { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.bp-frb .grow b { font-size: 14.5px; font-weight: 600; color: var(--bp-fg); overflow-wrap: anywhere; line-height: 1.35; }
.bp-frb .grow b.bp-fab { font-weight: 500; }
.bp-frb .grow small { color: var(--muted); font-size: 12.5px; }
.bp-frb .grow b.bp-fadd { color: var(--brand); font-weight: 650; }
.bp-fpen { width: 34px; height: 34px; border-radius: 6px; display: grid; place-items: center; flex: none; color: var(--muted); background: var(--bp-in); }
.bp-fe { padding: 2px 8px 14px 56px; display: flex; flex-direction: column; gap: 10px; }
.bp-fe textarea, .bp-fe input:not([type=date]), .bp-fe .bp-pre { width: 100%; box-sizing: border-box; }
.bp-fe textarea { min-height: 110px; resize: vertical; }
.bp-fe .bp-acts { margin-top: 2px; }
.bp-fe .bp-cnt2 { align-self: flex-end; color: var(--muted); font-size: 12px; margin-top: -4px; }
.bp-fdel { color: var(--muted) !important; margin-left: auto; }
.bp-ops { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.bp-ops.two { grid-template-columns: repeat(2, 1fr); }
.bp-op { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 11px 12px; border-radius: 6px; border: 1px solid var(--line); background: var(--bp-card); color: var(--bp-fg); font: inherit; text-align: left; cursor: pointer; }
.bp-op b { font-size: 14px; font-weight: 700; } .bp-op small { color: var(--muted); font-size: 12px; line-height: 1.3; }
.bp-op svg { color: var(--muted); margin-bottom: 2px; }
.bp-op[aria-pressed="true"] { border-color: var(--bp-fg); box-shadow: inset 0 0 0 1px var(--bp-fg); }
.bp-op[aria-pressed="true"] svg { color: var(--brand); }
@media (max-width: 560px) { .bp-fe { padding-left: 8px; } .bp-ops { grid-template-columns: 1fr; } .bp-ops.two { grid-template-columns: 1fr 1fr; } }

/* faqja e dyqanit për blerësin */
.bp-cta { display: flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: 6px; background: var(--brand); color: #fff !important; font-weight: 700; font-size: 15px; text-decoration: none; margin: 0 0 12px; }
.bp-temp { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 9px; margin: 0 0 12px; background: color-mix(in srgb, #B25E00 12%, transparent); color: var(--fg, inherit); }
.bp-temp svg { color: #B25E00; flex: none; margin-top: 1px; } .bp-temp span { display: flex; flex-direction: column; gap: 2px; } .bp-temp small { color: var(--muted); font-size: 13px; line-height: 1.4; }

/* fotot e produkteve me sfond të thjeshtë: produkti i plotë, në qendër */
img.ph-fit { object-fit: contain !important; object-position: center !important; padding: 3% !important; box-sizing: border-box; background: transparent !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; aspect-ratio: auto !important; }
.hero, .o-img { position: relative; }
.ph-tag { display: none; position: absolute; top: 0; bottom: 0; left: 50%; right: 4%; align-items: center; justify-content: center; z-index: 2; font-size: clamp(12px, 3.9vw, 16px); pointer-events: none; }
.o-img .ph-tag { font-size: clamp(15px, 2vw, 27px); }
.pt-in { display: flex; flex-direction: column; transform: rotate(-2.5deg); filter: drop-shadow(0 6px 16px rgba(0, 0, 0, .16)); }
.hero:has(> img.ph-fit) .ph-tag, .o-img:has(> img.ph-fit) .ph-tag { display: flex; }
.hero:has(> img.ph-fit) > .badge, .o-img:has(> img.ph-fit) > .badge { display: none; }
.pt-l { background: #fff; color: #111; font-weight: 800; font-size: 1em; padding: .4em .8em; border-radius: 6px 6px 0 0; text-align: center; white-space: nowrap; }
.pt-p { background: #FFD21F; color: #111; padding: .25em .7em .35em; border-radius: 0 0 6px 6px; display: flex; justify-content: center; }
.pt-p b { display: flex; align-items: flex-start; font-weight: 900; letter-spacing: -.03em; line-height: 1; }
.pt-p b > i { font-style: normal; font-size: 1.9em; margin: .18em .06em 0 0; }
.pt-p b > span:not(.pt-c) { font-size: 4em; line-height: .9; }
.pt-c { display: flex; flex-direction: column; align-items: flex-start; margin-left: .08em; }
.pt-c sup { font-size: 1.9em; line-height: 1; margin-top: .15em; vertical-align: baseline; }
.pt-c s { font-size: .95em; font-weight: 700; opacity: .75; letter-spacing: 0; margin-top: .15em; }
.hero > img.ph-fit, .o-img > img.ph-fit { position: absolute !important; inset: 0 !important; left: 0 !important; top: 0 !important; transform: none !important; }
.hero:has(.ph-tag) > img.ph-fit, .o-img:has(.ph-tag) > img.ph-fit { right: 50% !important; width: 50% !important; padding: 4% 0 4% 6% !important; }
.o-img .ph-tag { left: 56%; right: 3%; font-size: clamp(14px, 1.75vw, 24px); }
.o-img:has(.ph-tag) > img.ph-fit { padding: 5% 0 5% 4% !important; width: 54% !important; right: 46% !important; }
/* çmimi del te etiketa mbi foto: rreshti i çmimit poshtë titullit fshihet */
.layer:has(.hero > img.ph-fit) .d-price { display: none; }
.offer:has(.o-img > img.ph-fit) .o-price .newp, .offer:has(.o-img > img.ph-fit) .o-price .oldp, .offer:has(.o-img > img.ph-fit) .o-price .per-l { display: none; }
/* fletushka (story): produkti i plotë, jo i prerë */
.sty-sq > img.ph-fit { position: absolute; inset: 0; padding: 6% !important; }
.sty.sty-id .sty-sq > img.ph-fit { object-fit: contain !important; }
/* ===== Harta reale (MapLibre) ===== */
.nzm-wrap { position: relative; height: min(64vh, 560px); background: var(--raised, #fff); }
.nzm-slot { position: absolute; inset: 0; }
.map-box .nzm-slot { position: absolute; inset: 0; }
.nzm-host .maplibregl-canvas { outline: none; }
.nzm-tg { position: absolute; left: 10px; top: 10px; z-index: 3; height: 32px; padding: 0 10px; border-radius: 6px; border: 0; background: var(--raised, #fff); color: var(--fg, var(--ink, #111)); font: inherit; font-size: 12.5px; font-weight: 700; box-shadow: 0 0 0 1px var(--line), 0 2px 6px rgba(0,0,0,.08); cursor: pointer; }
.map-tools .nzm-tg, .map-wrap.kmap .nzm-tg { position: static; }
.map-wrap.kmap .nzm-tg { position: absolute; }
.nzm-bar { position: absolute; right: 10px; bottom: 34px; z-index: 3; display: flex; flex-direction: column; gap: 6px; }
.nzm-b { width: 38px; height: 38px; border-radius: 6px; border: 0; display: grid; place-items: center; background: var(--raised, #fff); color: var(--fg, var(--ink, #111)); box-shadow: 0 0 0 1px var(--line), 0 2px 6px rgba(0,0,0,.08); cursor: pointer; }
.nzm-wrap.placing .nzm-slot { outline: 2px dashed var(--verified, #2F80ED); outline-offset: -2px; }
.nzm-wrap.placing .maplibregl-canvas { cursor: crosshair; }
.maplibregl-ctrl-group { border-radius: 6px !important; box-shadow: 0 0 0 1px var(--line), 0 2px 6px rgba(0,0,0,.08) !important; }
.maplibregl-ctrl-attrib { font-size: 11px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .maplibregl-ctrl-group, :root:not([data-theme="light"]) .maplibregl-ctrl-attrib { filter: invert(.88) hue-rotate(180deg); } }
:root[data-theme="dark"] .maplibregl-ctrl-group, :root[data-theme="dark"] .maplibregl-ctrl-attrib { filter: invert(.88) hue-rotate(180deg); }
/* harta e vizatuar: pa kornizë të zezë kur preket një komunë ose kunjë (fokusi duket vetëm me tastierë, si vijë rreth komunës) */
#map-svg :focus, .map-box svg :focus { outline: none; }
#map-svg .muni:focus-visible { stroke: var(--fg); stroke-width: 3px; }
#map-svg .pin:focus-visible path, #map-svg .bub:focus-visible rect { stroke: var(--fg); stroke-width: 3px; }

.lh { gap: 26px; }
.lh-hero h1 { margin: 0; font-size: clamp(28px, 4vw, 40px); letter-spacing: -.02em; line-height: 1.1; }
.lh-hero h1 em { font-style: normal; color: var(--brand); }
.lh-hero p { margin: 10px 0 0; max-width: 680px; color: var(--muted); font-size: 16px; line-height: 1.55; }
.lh-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.lh-c { background: var(--raised, var(--surface-raised, #fff)); border-radius: 9px; box-shadow: 0 0 0 1px var(--line); padding: 20px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.lh-c h3 { margin: 4px 0 0; font-size: 18px; } .lh-c p { margin: 0; color: var(--muted); font-size: 14.5px; line-height: 1.5; flex: 1; }
.lh-c .btn { margin-top: 8px; }
.lh-i { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--brand) 12%, transparent); color: var(--brand); }
.lh-ol { margin: 0; padding-left: 20px; color: var(--muted); font-size: 14.5px; line-height: 1.6; }
.lh-h2 { margin: 0 0 12px; font-size: 20px; }
.p-biz > span.av { display: grid; place-items: center; flex: none; }
/* fusha e fjalëkalimit me butonin “shfaq” brenda */
.wp-pw{position:relative;display:block;width:100%}
.wp-pw>input{width:100%;box-sizing:border-box;padding-right:46px!important}
.wp-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;background:none;color:var(--ink-muted,#6b6b73);border-radius:6px;cursor:pointer}
.wp-eye:hover{color:var(--fg,#141416);background:rgba(0,0,0,.05)}
.wp-note{margin:0;padding:10px 12px;border-radius:6px;background:var(--brand-soft,rgba(224,48,15,.08));font-size:14px;line-height:1.45}
.wp-or{text-align:center}
.wp-group form.wp-authf.wp-sub{max-width:none;margin:0;padding:4px 16px 16px 70px;box-sizing:border-box}@media(max-width:600px){.wp-group form.wp-authf.wp-sub{padding:4px 14px 14px}}
/* ---- hyrja dhe krijimi i llogarisë: një kartë e pastër ---- */
.wp-authf{display:flex;flex-direction:column;gap:8px;text-align:left}
.wp-authf>label{font-size:14px;font-weight:700;margin-top:6px}
.wp-authf>label:first-child,.wp-authf>.wp-note+label{margin-top:0}
.wp-authf input:not([type=checkbox]){width:100%;box-sizing:border-box;height:48px;padding:0 14px;font:inherit;font-size:16px;border:1px solid var(--line-strong,#cfcfd4);border-radius:6px;background:var(--surface,#fff);color:var(--fg,#141416);transition:border-color .15s,box-shadow .15s}
.wp-authf input:not([type=checkbox]):focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
.wp-authf .wp-code{letter-spacing:.45em;text-align:center;font-size:22px;font-weight:700}
.wp-authf .btn.pri{height:48px;margin-top:10px;font-size:16px}
.wp-authf>.link{align-self:center;margin-top:4px;font-size:14.5px}
.wp-authf .wp-err{color:var(--bad,#b3261e);font-size:13.5px;line-height:1.4}
.wp-authf .wp-fine{font-size:14px;color:var(--ink-muted,#6b6b73)}
.wp-or{border-top:1px solid var(--line,#e6e6ea);padding-top:14px;margin-top:8px!important}
.wp-auth .wp-authf{width:100%;max-width:400px;margin:0 auto}
/* regjistrimi i biznesit: hapi 1, llogaria */
.reg-acc{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.ra-main{display:flex;flex-direction:column;gap:22px;max-width:640px}
.ra-card{background:var(--raised,#fff);border:1px solid var(--line,#e6e6ea);border-radius:9px;padding:24px;display:flex;flex-direction:column;gap:18px}
.ra-h{display:flex;gap:14px;align-items:flex-start}.ra-h h2{margin:0;font-size:21px}.ra-h p{margin:4px 0 0;color:var(--ink-muted,#6b6b73);font-size:14.5px;line-height:1.45}
.ra-n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}
.ra-card .wp-authf{max-width:420px}
.ra-side h3{margin:0 0 10px;font-size:16px}.ra-side ol{margin:0 0 10px;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px}.ra-side p{margin:0;font-size:13.5px}
.bi-steps li.bi-on>span{background:var(--brand);color:#fff}
.bi-steps li.bi-done>span{background:var(--good,#1f8a4c);color:#fff}
@media(max-width:860px){.reg-acc{grid-template-columns:1fr}.ra-side{display:none}.ra-card{padding:18px}}
.ra-card .wp-authf{margin:0 0 0 46px;max-width:420px;width:auto}@media(max-width:600px){.ra-card .wp-authf{margin:0}}
.box>.wp-authf{margin:0}
/* ---- menyja e llogarisë (lart djathtas) ---- */
.acm{position:relative;display:inline-flex}
.acm-btn{border:0;background:none;padding:4px;cursor:pointer;display:grid;place-items:center;border-radius:50%}
.acm-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.acm-pop{position:absolute;right:0;top:calc(100% + 10px);width:320px;max-height:calc(100vh - 90px);overflow:auto;background:var(--raised,#fff);border:1px solid var(--line,#e6e6ea);border-radius:9px;box-shadow:0 18px 50px rgba(0,0,0,.16);z-index:200;padding:6px;text-align:left}
.acm-me{display:flex;gap:12px;align-items:center;padding:12px 10px}.acm-me .wp-hav{width:40px;height:40px;font-size:15px}
.acm-me b,.acm-it b{display:block;font-size:14.5px;color:var(--fg,#141416);font-weight:700}
.acm-me small,.acm-it small{display:block;font-size:12.5px;color:var(--ink-muted,#6b6b73);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acm-me .grow,.acm-it .grow{min-width:0}
.acm-g{border-top:1px solid var(--line,#e6e6ea);padding:6px 0}
.acm-h{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted,#6b6b73);padding:6px 10px 4px}
.acm-it{display:flex;gap:12px;align-items:center;width:100%;padding:9px 10px;border:0;background:none;border-radius:6px;cursor:pointer;text-decoration:none;font:inherit;text-align:left;color:inherit}
.acm-it:hover{background:var(--soft,rgba(0,0,0,.05))}
.acm-ic{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft,rgba(0,0,0,.05));color:var(--fg,#141416)}
.acm-bav{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink,#141416);color:#fff;font-size:12.5px;font-weight:800}
.wp-ic .acm-bav{width:100%;height:100%}
/* paneli: hyrja dhe zgjedhja e biznesit */
.ra-login{max-width:460px;padding:24px}.ra-login .wp-authf{max-width:none}
.bz-pick{display:flex;flex-direction:column;gap:10px}
.bz-pick .mstore{padding:16px;text-decoration:none;color:inherit}
.bz-pick .av{width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;font-size:19px;display:grid;place-items:center;font-weight:800;flex:none}
.bz-pick .bz-new .av{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
.bz-me{margin:10px 0 0;font-size:14px;color:var(--ink-muted,#6b6b73)}
@media(max-width:700px){.acm-pop{position:fixed;left:12px;right:12px;width:auto;top:64px}}
.ap-pick{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.ap-opt{display:flex;gap:14px;align-items:center;width:100%;padding:16px;border:1px solid var(--line,#e6e6ea);border-radius:9px;background:var(--raised,#fff);cursor:pointer;text-decoration:none;color:inherit;font:inherit;text-align:left}
.ap-opt:hover{border-color:var(--brand)}
.ap-opt b{display:block;font-size:16px}.ap-opt small{display:block;color:var(--ink-muted,#6b6b73);font-size:13.5px;margin-top:2px}
.ap-ic{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff}.ap-ic.ap-v{background:var(--soft,rgba(0,0,0,.06));color:var(--fg,#141416)}
.ap-opt .grow,.acm-it .grow,.acm-me .grow{flex:1;min-width:0}
/* pjesa për biznese: kthimi te zbritjet */
.hn-sep{width:1px;height:22px;background:var(--line,#e6e6ea);margin:0 4px;align-self:center}
@media(max-width:860px){.hnav .hn-back .lbl{display:inline}.hn-sep{display:none}}
/* paneli: emri i biznesit majtas, edhe kur është i gjatë */
@media(min-width:861px){.panel{grid-template-columns:280px minmax(0,1fr)}}
.p-biz{align-items:flex-start;padding:6px 8px 16px}
.p-biz>span:not(.av){min-width:0;flex:1}
.p-biz>.av,.p-biz>span.av,.p-biz>img{flex:none}
.p-biz b{display:block!important;font-size:15px;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.p-biz b svg{display:inline-block;vertical-align:-2px;margin-left:3px}
.p-biz small{display:block;margin-top:2px}
.rg-geo-r{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.rg-geo-r .hint{flex:1 1 260px}
.rg-ok{display:inline-flex;gap:6px;align-items:center;color:var(--good,#1f8a4c);font-weight:600;font-size:14px}
/* telefoni: faqja nuk zmadhohet kur prek fushat ose kur prek dy herë */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}@media (max-width:1024px){input,select,textarea{font-size:16px!important}}
/* faqja e biznesit: logoja mbi kopertinë, emri poshtë saj (edhe kur emri është i gjatë) */
.s-top{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
.s-id{padding-bottom:0!important;width:100%}
.s-id h1{display:block!important;overflow-wrap:anywhere}
.s-id h1 .vb{display:inline-block;vertical-align:-3px;margin-left:6px}
.s-crumbs{margin:0 0 4px}
.s-crumbw{padding-top:14px;padding-bottom:10px}
/* “Zbritje e re”: vetëm një buton i dukshëm */
.p-h [data-wiz]{display:none!important}
.p-fab{display:none}
@media(max-width:860px){
  .p-side .p-new{display:none!important}
  .p-fab{display:inline-flex;position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);z-index:60;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border:0;border-radius:26px;background:var(--brand);color:#fff;font:inherit;font-weight:700;font-size:15.5px;box-shadow:0 8px 24px rgba(224,48,15,.35);cursor:pointer}
}
@media(max-width:860px){.panel{padding-bottom:84px}}
/* hyrja lart djathtas */
.hdr-login{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:6px;background:var(--fg,#141416);color:var(--bg,#fff)!important;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.hdr-login:hover{opacity:.9}
/* profili: dalja e veçantë, fshirja në zonën e rrezikshme */
.wp-out{height:50px;font-size:15.5px;gap:8px;justify-content:center;width:100%}
.wp-danger h4{color:var(--bad,#b3261e)!important}
.wp-dz{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid color-mix(in srgb,var(--bad,#b3261e) 35%,transparent);border-radius:9px;background:color-mix(in srgb,var(--bad,#b3261e) 5%,var(--raised,#fff))}
.wp-dz b{display:block;font-size:15px}.wp-dz small{display:block;margin-top:3px;color:var(--ink-muted,#6b6b73);font-size:13px;line-height:1.45}
.wp-dzb{flex:none;background:none!important;border:1px solid var(--bad,#b3261e)!important;color:var(--bad,#b3261e)!important;gap:6px}
.wp-dzb:hover{background:var(--bad,#b3261e)!important;color:#fff!important}
@media(max-width:520px){.wp-dz{flex-direction:column;align-items:stretch}}
/* koka djathtas: zilja, hyrja/llogaria në një rresht të rregullt */
.hnav .bell{width:40px;height:40px;padding:0!important;justify-content:center;border-radius:50%}
.hnav .bell .cnt{top:2px;right:0}
.hdr-login{height:40px;margin-left:4px}
.hnav .acm{margin-left:4px}.hnav .acm-btn{width:40px;height:40px}.hnav .acm-btn .wp-hav{width:34px;height:34px}
/* “Hyr”: ngjyra mbetet e njëjtë edhe kur kalon miun sipër */
.hnav a.hdr-login,.hnav a.hdr-login:hover,.hnav a.hdr-login:focus-visible,.hnav a.hdr-login.on{background:var(--fg,#141416)!important;color:var(--bg,#fff)!important;opacity:1}
.hnav a.hdr-login svg{color:inherit!important;stroke:currentColor}
.hnav a.hdr-login:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--fg,#141416) 18%,transparent)}
/* Bizneset: koka me butonin “Shto biznesin tënd”, kategoritë në listë që hapet */
.dir-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.dir-head h1{margin:0}.dir-head p{margin:6px 0 0;color:var(--muted,var(--ink-muted));font-size:15px}
.dir-add{flex:none;gap:8px}
.dir-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dir-q{height:44px;flex:1 1 280px;max-width:420px}
.dir-sort{height:44px}
.dir-dd{position:relative;flex:0 1 280px;min-width:220px}
.dir-dd>summary{list-style:none;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid var(--line-strong,var(--line));border-radius:6px;background:var(--raised,#fff);cursor:pointer;font-weight:700;font-size:14.5px}
.dir-dd>summary::-webkit-details-marker{display:none}
.dir-dd[open]>summary{border-color:var(--fg)}
.dir-dd[open]>summary>svg:last-child{transform:rotate(180deg)}
.dir-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:50;width:max(100%,300px);max-height:min(420px,60vh);overflow:auto;padding:6px;background:var(--raised,#fff);border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.dir-pop button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:none;border-radius:6px;font:inherit;font-size:14.5px;font-weight:600;color:inherit;cursor:pointer;text-align:left}
.dir-pop button:hover{background:var(--soft,rgba(0,0,0,.05))}
.dir-pop button[aria-pressed="true"]{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}
.dir-pop small{color:var(--muted,var(--ink-muted));font-weight:600}
.dir-act{display:flex;gap:12px;align-items:center;font-size:14px}
@media(max-width:700px){.dir-add{width:100%;justify-content:center}.dir-q{max-width:none;flex-basis:100%}.dir-dd{flex:1 1 auto}}
.dir-pop .grow,.dir-dd summary .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.dir-dd{min-width:0;flex:1 1 0}.dir-sort{flex:none;width:auto}.dir-pop{width:calc(100vw - 32px)}}
/* faqja e biznesit: shenja e verifikimit pak më larg emrit; numri i ndjekësve */
.s-id h1 .vb{margin-left:10px!important}
.s-id p{flex-wrap:wrap}
.s-fol{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding-left:10px;border-left:1px solid var(--line-strong,var(--line))}
.s-fol b{color:var(--fg)}
/* profili pa llogari: çka bën llogaria, në katër pjesë (e katërta: biznesi) */
.wp-why{text-align:center;margin-top:6px}.wp-why h3{margin:0;font-size:18px}.wp-why p{margin:4px 0 0;color:var(--ink-muted,#6b6b73);font-size:14px}
.wp-perks4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wp-pk{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 12px;border:1px solid var(--line,#e6e6ea);border-radius:9px;background:var(--raised,#fff);text-decoration:none;color:inherit}
.wp-pk>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}
.wp-pk b{font-size:14.5px}.wp-pk small{color:var(--ink-muted,#6b6b73);font-size:12.5px;line-height:1.4}
.wp-pk-biz{border-style:dashed;border-color:color-mix(in srgb,var(--brand) 45%,transparent)}.wp-pk-biz>span{background:var(--brand);color:#fff}
.wp-pk-biz em{font-style:normal;color:var(--brand);font-weight:800;font-size:13.5px;margin-top:auto}
.wp-pk-biz:hover{background:color-mix(in srgb,var(--brand) 5%,var(--raised,#fff))}
@media(max-width:760px){.wp-perks4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wp-perks4 small{display:block!important}.wp-perks4 .wp-pk>span{border-radius:50%!important;margin-bottom:2px}
.p-hqban{display:flex;gap:12px;align-items:center;margin-bottom:16px}.p-hqban .grow>span{display:block;margin-top:2px}@media(max-width:700px){.p-hqban{flex-wrap:wrap}}
/* biznesi në verifikim: shirit i vogël, jo kuti e madhe */
.p-pend{display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:9px;background:var(--warn-soft,#fff3cd);border:1px solid color-mix(in srgb,var(--warn,#996800) 25%,transparent);font-size:14px;line-height:1.45;margin-bottom:6px}
.p-pend>svg{flex:none;color:var(--warn,#996800)}.p-pend .grow{min-width:0}
.p-pend-n{flex:none;font-size:12.5px;font-weight:700;color:var(--muted,var(--ink-muted));white-space:nowrap}
@media(max-width:700px){.p-pend{align-items:flex-start}.p-pend-n{display:none}}
/* rrethi i llogarisë: gjithmonë rreth, edhe te pjesa për biznese */
.acm-btn{width:40px!important;height:40px!important;padding:0!important;flex:none}
.acm-btn .wp-hav,.acm-me .wp-hav{width:34px!important;height:34px!important;min-width:34px;border-radius:50%!important;display:grid!important;place-items:center;font-size:12.5px!important;font-weight:800;line-height:1;background:var(--brand);color:#fff;flex:none}
.acm-me .wp-hav{width:40px!important;height:40px!important;font-size:14px!important}
/* faqja e biznesit: kontakti në një rresht që hapet; butoni i biznesit te veprimet */
.s-more{display:block}
.s-more>summary{list-style:none;cursor:pointer;width:100%}
.s-more>summary::-webkit-details-marker{display:none}
.s-more>summary b{display:block;font-weight:700}.s-more>summary small{display:block;color:var(--muted,var(--ink-muted));font-size:13px;margin-top:1px}
.s-more[open]>summary .chev{transform:rotate(180deg)}
.s-more-b{display:flex;flex-direction:column;padding-left:6px;border-left:2px solid var(--line);margin:2px 0 6px 8px}
.s-more-b .s-fact{border-top:0!important}
.s-acts{flex-wrap:wrap}
.s-acts .bp-cta{order:9;flex:1 1 100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:0!important;border-radius:6px;border:1px solid var(--line-strong,var(--line));background:var(--raised,#fff)!important;color:var(--fg)!important;font-weight:700;text-decoration:none;position:static!important;width:auto!important}
.s-acts .bp-cta svg{color:var(--brand)}
.s-acts .bp-cta{grid-column:1/-1;width:100%!important;box-sizing:border-box}
/* selia e zinxhirit, e ndarë nga pikat */
.hq-box{border:1px solid var(--line);border-radius:9px;background:var(--raised,#fff);padding:16px;display:flex;flex-direction:column;gap:10px;margin-bottom:18px;max-width:820px}
.hq-h{display:flex;gap:12px;align-items:center}.hq-h b{display:block;font-size:15.5px}.hq-h small{display:block;color:var(--muted,var(--ink-muted));font-size:13px;margin-top:2px}
.hq-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--soft,rgba(0,0,0,.05));color:var(--fg)}
.hq-a{display:flex;gap:8px;align-items:flex-start;margin:0;font-weight:600}.hq-a svg{flex:none;margin-top:2px;color:var(--muted)}
.hq-n{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:13px;color:var(--muted,var(--ink-muted))}.hq-n svg{flex:none;margin-top:2px}
.hq-f{display:flex;flex-direction:column;gap:6px}.hq-f label{font-size:13.5px;font-weight:700}.hq-f input,.hq-f select{height:44px;padding:0 12px;border:1px solid var(--line-strong,var(--line));border-radius:6px;font:inherit;background:var(--surface);color:var(--fg)}
.hq-acts{display:flex;gap:8px;margin-top:6px}
.hq-pt{font-size:18px;margin:4px 0 10px}
.hq-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:32px 20px;border:1px dashed var(--line-strong,var(--line));border-radius:9px;max-width:820px}
.hq-empty>svg{color:var(--brand)}.hq-empty b{font-size:16px}.hq-empty span{color:var(--muted,var(--ink-muted));font-size:14px;max-width:460px}.hq-empty .btn{margin-top:6px}
/* ---- Pse n’Zbritje ---- */
.why{gap:56px!important;max-width:1100px}
.why-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:12px}
.why-eb{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:99px;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);font-weight:800;font-size:13px}
.why-hero h1{margin:0;font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.025em;max-width:880px}.why-hero h1 em{font-style:normal;color:var(--brand)}
.why-hero>p{margin:0;max-width:720px;font-size:17px;line-height:1.6;color:var(--muted,var(--ink-muted))}
.why-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.why-cta .btn{height:48px;padding:0 20px;font-size:15.5px;gap:8px}
.why-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:720px;margin-top:8px}
.why-stats>div{padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--raised,#fff)}.why-stats b{display:block;font-size:28px;font-weight:800}.why-stats small{color:var(--muted,var(--ink-muted));font-size:13px}
.why-sec h2,.why-col h2,.why-end h2{margin:0;font-size:clamp(22px,3vw,30px);letter-spacing:-.015em}
.why-sec{display:flex;flex-direction:column;gap:8px}.why-sub{margin:0 0 12px;color:var(--muted,var(--ink-muted))}
.why-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.why-p{padding:22px;border:1px solid var(--line);border-radius:9px;background:var(--raised,#fff)}.why-p>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;margin-bottom:12px}
.why-p h3{margin:0 0 6px;font-size:17px}.why-p p{margin:0;color:var(--muted,var(--ink-muted));line-height:1.55;font-size:14.5px}
.why-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why-col{padding:26px;border-radius:9px;border:1px solid var(--line);background:var(--raised,#fff);display:flex;flex-direction:column;gap:14px}
.why-biz{background:color-mix(in srgb,var(--brand) 5%,var(--raised,#fff));border-color:color-mix(in srgb,var(--brand) 30%,transparent)}
.why-tag{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand)}
.why-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;flex:1}
.why-col li{display:flex;gap:12px;align-items:flex-start}.why-col li>span{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft,rgba(0,0,0,.05));color:var(--brand)}
.why-col li b{display:block;font-size:15px}.why-col li small{display:block;color:var(--muted,var(--ink-muted));font-size:13.5px;line-height:1.5;margin-top:2px}
.why-col>.btn{align-self:flex-start;height:46px;gap:8px}
.why-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
.why-st{padding:20px;border-radius:9px;background:var(--soft,rgba(0,0,0,.04))}.why-st>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg,#fff);font-weight:800;margin-bottom:10px}
.why-st h3{margin:0 0 4px;font-size:16px}.why-st p{margin:0;color:var(--muted,var(--ink-muted));font-size:14px;line-height:1.5}
.why-end{text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;padding:36px 20px;border-radius:9px;background:var(--fg);color:var(--bg,#fff)}
.why-end h2{max-width:680px;color:inherit}.why-end .btn.sec{background:transparent!important;color:inherit!important;border-color:currentColor!important}
.why-band{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:9px;border:1px solid var(--line);background:var(--raised,#fff);text-decoration:none;color:inherit;margin-bottom:6px}
.why-band b{display:block;font-size:15px}.why-band .grow>span{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin-top:3px;font-size:13.5px;color:var(--muted,var(--ink-muted))}
.why-band .grow>span svg{color:var(--brand);margin-right:-8px}.why-band em{font-style:normal;font-weight:800;color:var(--brand);white-space:nowrap}
@media(max-width:860px){.why-pills,.why-steps,.why-two{grid-template-columns:1fr}.why-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.why-stats b{font-size:22px}.why-band{flex-wrap:wrap}.why-hero>p{font-size:15.5px}}
.why-band .grow{flex:1;min-width:0}
.why-band{margin-bottom:18px}
.act-b{display:flex;flex-direction:column;gap:6px}.act-b .lbl{font-weight:700;font-size:14px;margin-top:6px}.act-b .hint{color:var(--muted,var(--ink-muted));font-size:13px}.act-b .chips{margin:4px 0 6px}
/* faqja Kërko: fusha e kërkimit */
.hsearch.sq-big{display:flex!important;align-items:center;gap:10px;max-width:none!important;height:56px;padding:0 6px 0 16px;border:1px solid var(--line-strong,var(--line));border-radius:9px;background:var(--raised,#fff);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.hsearch.sq-big:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}
.hsearch.sq-big>svg{flex:none;color:var(--muted,var(--ink-muted))}
.hsearch.sq-big input{flex:1;min-width:0;height:100%;border:0!important;background:none!important;font:inherit;font-size:16.5px!important;outline:none;box-shadow:none!important;padding:0!important;color:var(--fg)}
.hsearch.sq-big .sq-go{position:relative!important;flex:none;width:auto!important;height:44px!important;padding:0 20px;border-radius:6px;border:0;background:var(--brand);color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.hsearch.sq-big .icon-btn{flex:none}
.hsearch-sp{flex:1}
.hsearch.sq-big{height:58px!important;padding:6px 6px 6px 16px!important;box-sizing:border-box}.hsearch.sq-big .sq-go{align-self:stretch;height:auto!important}
.has-logo{overflow:hidden;background:#fff!important;padding:0!important}.has-logo>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
/* “Pse n’Zbritje?” te ballina: secila pikë me ikonën e vet, në telefon njëra nën tjetrën */
.why-band .wb-l{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:4px}
.why-band .wb-l i{font-style:normal;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13.5px;color:var(--muted,var(--ink-muted))}
.why-band .wb-l svg{flex:none;color:var(--brand);margin:0!important}
@media(max-width:700px){.why-band{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.why-band .wb-l{flex-direction:column;gap:8px;margin-top:8px}.why-band .wb-l i{font-size:14.5px;color:var(--fg)}
  .why-band em{align-self:stretch;text-align:center;padding:11px;border-radius:6px;background:var(--brand);color:#fff!important}}
@media(max-width:700px){.why-band .wb-l{align-items:flex-start}.why-band .grow{text-align:left}}
@media(max-width:700px){.why-band .grow>span.wb-l{align-items:flex-start!important;justify-content:flex-start!important;flex-direction:column!important}.why-band,.why-band .grow{text-align:left!important}}
.hnav a.hn-back{color:var(--fg)!important;font-weight:700}.hnav a.hn-back svg{color:var(--brand)}
.bz-free-in{display:flex;gap:18px;align-items:center;padding:24px;border-radius:9px;background:color-mix(in srgb,var(--good,#1f8a4c) 8%,var(--raised,#fff));border:1px solid color-mix(in srgb,var(--good,#1f8a4c) 30%,transparent)}
.bz-free-in>svg{flex:none;width:48px;height:48px;padding:10px;border-radius:50%;background:var(--good,#1f8a4c);color:#fff;box-sizing:border-box}
.bz-free-in h2{margin:0 0 6px;font-size:22px}.bz-free-in p{margin:0;color:var(--muted,var(--ink-muted));line-height:1.55}.bz-free-in .btn{flex:none;gap:8px}
@media(max-width:760px){.bz-free-in{flex-direction:column;align-items:flex-start}}
.wfree h3{color:var(--good,#1f8a4c)}
.wp-verify{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:9px;margin:0 0 16px;background:color-mix(in srgb,#d9a400 12%,var(--raised,#fff));border:1px solid color-mix(in srgb,#d9a400 35%,transparent)}
.wp-verify .grow{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.wp-verify span{color:var(--muted,var(--ink-muted));font-size:14px;line-height:1.45}.wp-verify .btn{flex:none}
@media(max-width:600px){.wp-verify{flex-wrap:wrap}.wp-verify .btn{width:100%}}
/* rreshtat që rrëshqasin anash: skajet zbehen kur ka opsione jashtë ekranit */
:is(.bz-types,.p-side,.p-tools .seg,.mg-tabs,.bd-tabs,.mf-chips,.fz-types,.wz-chips,.hs-row){scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
:is(.bz-types,.p-side,.p-tools .seg,.mg-tabs,.bd-tabs,.mf-chips,.fz-types,.wz-chips,.hs-row)::-webkit-scrollbar{display:none}
.hs-fr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
.hs-fl{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px);mask-image:linear-gradient(90deg,transparent,#000 44px)}
.hs-fl.hs-fr{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent)}
.res-h .cat-desc{margin:2px 0 4px;color:var(--ink,inherit);font-size:15px;line-height:1.45;max-width:560px;opacity:.82}
/* ngarkimi me Excel */
.xl-steps{display:flex;flex-direction:column;gap:10px}
.xl-step{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:9px}
.xl-step .grow{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.xl-step small{color:var(--muted,var(--ink-muted));line-height:1.4}
.xl-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand,#E0300F);color:#fff;font-weight:700;font-size:14px}
.xl-up{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.xl-drop{display:flex;gap:12px;align-items:center;padding:16px;border:1.5px dashed var(--line);border-radius:9px;cursor:pointer;min-width:0}
.xl-drop:hover{border-color:var(--brand,#E0300F)}.xl-drop.is-set{border-style:solid;border-color:var(--good,#1f8a4c);background:color-mix(in srgb,var(--good,#1f8a4c) 7%,transparent)}
.xl-drop span{display:flex;flex-direction:column;min-width:0}.xl-drop b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xl-drop small{color:var(--muted,var(--ink-muted))}
.xl-err{color:var(--bad,#C62828);display:flex;gap:8px;align-items:center;margin:12px 0 0}.xl-busy{display:flex;gap:8px;align-items:center;margin:12px 0 0}
.xl-sum{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.xl-tab{border:1px solid var(--line);background:transparent;color:inherit;font:inherit;padding:8px 12px;border-radius:6px;cursor:pointer}.xl-tab.on{border-color:var(--fg,#141416);font-weight:600}.xl-tab em{color:var(--bad,#C62828);font-style:normal}
.xl-tbl{max-height:52vh;overflow:auto}.xl-tbl td{vertical-align:top}.xl-bad td{background:color-mix(in srgb,var(--bad,#C62828) 5%,transparent)}
.xl-why{display:block;margin-top:4px;color:var(--muted,var(--ink-muted));font-size:12.5px;line-height:1.35;max-width:260px}
.xl-note{display:flex;gap:8px;align-items:flex-start;color:var(--muted,var(--ink-muted));font-size:14px;margin:12px 0 0;line-height:1.45}
@media(max-width:600px){.xl-up{grid-template-columns:1fr}.xl-step{flex-wrap:wrap}}
/* butoni lundrues nuk mbulon dritaret */
body:has(.scrim) :is(.p-fab,.p-new){visibility:hidden}
@media(max-width:600px){
  .xl-tbl{max-height:none;overflow:visible;border:0}
  .xl-tbl table,.xl-tbl tbody{display:block}.xl-tbl thead{display:none}
  .xl-tbl tr{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;padding:12px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px}
  .xl-tbl td{display:block;padding:0!important;border:0!important;background:none!important}
  .xl-tbl td:first-child{grid-row:1/span 3;font-size:12px;padding-top:2px!important}
  .xl-tbl td:nth-child(2){grid-column:2/4}.xl-tbl td:nth-child(3){grid-column:2}.xl-tbl td:nth-child(4){grid-column:3;text-align:right}.xl-tbl td:nth-child(5){grid-column:2/4}
  .xl-tbl tr.xl-bad{border-color:color-mix(in srgb,var(--bad,#C62828) 40%,transparent);background:color-mix(in srgb,var(--bad,#C62828) 5%,transparent)}
  .xl-why{max-width:none}
}
/* zona e prekjes së butonave të vegjël mos të dalë kurrë jashtë butonit të vet */
.sq-go::after{display:none!important}
.na-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 4px}
.na-box>svg{width:52px;height:52px;padding:12px;border-radius:50%;background:color-mix(in srgb,var(--brand,#E0300F) 12%,transparent);color:var(--brand,#E0300F);box-sizing:border-box}
.na-box p{margin:0;line-height:1.5;max-width:380px}
/* fusha e fshehur kundër robotëve */
.wa-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
/* komunat */
.mu-pg .crumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted,var(--ink-muted));flex-wrap:wrap}
.mu-pg .crumbs a{color:inherit}.mu-cats{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.mu-cats .chip{flex:none;gap:6px}.mu-cats .num{opacity:.6}
.mu-all{display:flex;flex-wrap:wrap;gap:8px}.mu-all .chip{text-decoration:none}
.mu-biz{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:9px;border:1px solid var(--line);background:var(--raised,#fff)}
.mu-biz .grow{flex:1;display:flex;flex-direction:column;gap:2px}.mu-biz span{color:var(--muted,var(--ink-muted))}
.mu-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.mu-it{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:9px;color:inherit;text-decoration:none;background:var(--raised,#fff)}
.mu-it:hover{border-color:var(--brand,#E0300F)}.mu-it .grow{flex:1;display:flex;flex-direction:column}.mu-it small{color:var(--muted,var(--ink-muted))}
@media(max-width:600px){.mu-biz{flex-direction:column;align-items:flex-start}}
/* ndihma */
.hp-pg{max-width:860px}.hp-q{max-width:none;margin:4px 0 12px}.hp-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.hp-toc .chip{text-decoration:none}
.hp-sec{scroll-margin-top:90px;display:flex;flex-direction:column;gap:8px}.hp-sec h2{margin:12px 0 4px;font-size:20px}
.hp-contact{margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:9px;background:var(--raised,#fff);scroll-margin-top:90px}.hp-contact h2{margin:0 0 4px}
.hp-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.hp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hp-form .btn{align-self:flex-start}
.hp-sent{display:flex;gap:12px;align-items:center;margin-top:12px;padding:14px;border-radius:9px;background:color-mix(in srgb,var(--good,#1f8a4c) 9%,transparent)}.hp-sent div{display:flex;flex-direction:column}
@media(max-width:600px){.hp-row{grid-template-columns:1fr}.hp-form .btn{align-self:stretch}}
/* kushtet për bizneset */
.tb-pg{max-width:820px}.tb-list{padding-left:22px;display:flex;flex-direction:column;gap:6px}.tb-list h2{font-size:19px;margin:14px 0 6px}.tb-list p{margin:0 0 8px;line-height:1.6}
.tb-pg .crumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted,var(--ink-muted))}.tb-pg .crumbs a{color:inherit}
/* posteri */
.pq-seg{margin-bottom:14px}.pq-prev{display:flex;justify-content:center;padding:18px;background:var(--soft,#EEECE8);border-radius:9px;overflow:auto}
.pq-a4{width:420px;aspect-ratio:210/297;background:#fff;color:#141416;border-radius:6px;box-shadow:0 10px 30px -18px rgba(0,0,0,.4);padding:34px 30px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:inherit}
.pq-a4 .pq-lk{height:30px}.pq-a4 h1{font-size:34px;line-height:1.02;margin:16px 0 8px;letter-spacing:-1px}.pq-a4 h1 span{color:#E0300F}.pq-a4 p{font-size:13px;line-height:1.5;color:#55565C;margin:0}
.pq-a4 .pq-qr{width:44%;margin:16px 0 10px;padding:10px;border:3px solid #E0300F;border-radius:9px}.pq-a4 .pq-qr svg{display:block;width:100%;height:auto}
.pq-a4 .pq-name{font-weight:800;font-size:18px}.pq-a4 .pq-foot{margin-top:auto;font-size:10.5px;color:#6A6B71}
.pq-st{width:220px;aspect-ratio:1;background:#fff;color:#141416;border-radius:9px;border:2px solid #E0300F;padding:14px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.pq-st .pq-lk{height:18px}.pq-st .pq-qr{width:58%}.pq-st .pq-qr svg{display:block;width:100%;height:auto}.pq-st b{font-size:14px;line-height:1.15}.pq-st small{font-size:10px;color:#6A6B71}
#pq-print{display:none}
@media print{
  body.pq-printing>*:not(#pq-print){display:none!important}
  body.pq-printing #pq-print{display:block!important}
  body.pq-printing{background:#fff!important;padding:0!important;margin:0!important}
  #pq-print.a4 .pq-a4{width:190mm;height:277mm;aspect-ratio:auto;box-shadow:none;padding:16mm 14mm;margin:0 auto}
  #pq-print.a4 .pq-a4 .pq-lk{height:14mm}#pq-print.a4 .pq-a4 h1{font-size:30mm}#pq-print.a4 .pq-a4 p{font-size:5.2mm}#pq-print.a4 .pq-a4 .pq-name{font-size:8mm}#pq-print.a4 .pq-a4 .pq-foot{font-size:4mm}
  #pq-print.sticker{display:grid!important;grid-template-columns:repeat(2,80mm);gap:8mm;justify-content:center;padding-top:8mm}
  #pq-print.sticker .pq-st{width:80mm;height:80mm;aspect-ratio:auto;break-inside:avoid}#pq-print.sticker .pq-st .pq-lk{height:7mm}#pq-print.sticker .pq-st b{font-size:5.5mm}#pq-print.sticker .pq-st small{font-size:3.5mm}
  @page{size:A4;margin:10mm}
}
@media print{#pq-print.a4 .pq-a4 .pq-qr{width:62%;margin:10mm 0 6mm}#pq-print.a4 .pq-a4 h1{margin:10mm 0 6mm}}
@media print{body.pq-printing #pq-print,body.pq-printing #pq-print *{visibility:visible!important}}
@media print{body.pq-printing #pq-print.sticker{display:grid!important}}
/* butoni lundrues nuk mbulon fushat e formularëve (Shto pikë, profili, ekipi) */
body:has(#ba-a, #bp-label, .tm-form, input:focus, textarea:focus, select:focus) .p-fab{visibility:hidden}
/* parapamja e fletushkës me email: tema e gjatë thyhet në rresht të ri */
.mfm-h b{white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important;overflow:visible!important}
.mfm-h > div{align-items:flex-start;min-width:0}

/* ---- identiteti i zonës: paneli i biznesit (jeshile e errët) dallohet nga faqja publike (e bardhë/kuqe) dhe admini (vjollcë) ---- */
:root{--zone-biz:#0F3D33;--zone-biz-2:#E6F0EC;--zone-biz-ac:#12775F}
body.zone-biz .hdr{background:var(--zone-biz)!important;border-bottom-color:var(--zone-biz)!important;color:#fff}
body.zone-biz .hdr .lk-c{display:none!important}
body.zone-biz .hdr .lk-w{display:block!important}
/* vetëm elementet e shiritit (jo menyja që hapet): tekst i çelët, sfond i tejdukshëm edhe kur kalon miu ose janë aktive */
body.zone-biz .hdr .hnav > :is(a,button),body.zone-biz .hdr .hnav > .acm > .acm-btn{color:#E3EFEA!important;background:transparent!important}
body.zone-biz .hdr .hnav > :is(a,button) :is(span,svg),body.zone-biz .hdr .hnav > a svg{color:inherit!important}
body.zone-biz .hdr .hnav > :is(a,button):is(:hover,:focus-visible,.on),body.zone-biz .hdr .hnav > .acm > .acm-btn:is(:hover,:focus-visible),body.zone-biz .hdr .hnav > .acm.open > .acm-btn{background:rgba(255,255,255,.14)!important;color:#fff!important}
body.zone-biz .hdr .hn-sep{background:rgba(255,255,255,.25)!important}
body.zone-biz .hdr :is(a,button):focus-visible{outline:2px solid #9FD3C2;outline-offset:2px}
.zone-pill{background:#9FD3C2;color:var(--zone-biz);font-weight:700}
body.zone-biz .p-side{background:var(--zone-biz-2)!important}
body.zone-biz .p-side a.on,body.zone-biz .p-side button.on{box-shadow:inset 3px 0 0 var(--zone-biz-ac)!important}
body.zone-biz .p-side a.on svg,body.zone-biz .p-side button.on svg{color:var(--zone-biz-ac)!important}
@media (max-width:760px){body.zone-biz .p-side a.on,body.zone-biz .p-side button.on{box-shadow:inset 0 -3px 0 var(--zone-biz-ac)!important}}
/* avatari i biznesit/personit mbush kutinë: e njëjta formë (rreth), pa sfond tjetër prapa */
.wp-ic:has(> .acm-bav),.wp-ic:has(> .wp-hav),.acm-ic:has(> .acm-bav){background:none!important;border-radius:50%!important;overflow:hidden;padding:0}
.acm-bav.has-logo,.acm-bav.has-logo img{border-radius:50%;overflow:hidden}.acm-bav.has-logo img{width:100%;height:100%;object-fit:cover;display:block}
/* shenja e shkrimit (kursori që pulson) del vetëm në fushat ku shkruhet, jo nëpër tekst */
body{caret-color:transparent}
input,textarea,select,[contenteditable="true"],[contenteditable=""]{caret-color:auto}
/* ballina: emri i plotë i biznesit (deri 2 rreshta) dhe shenja e verifikimit ngjitur me fjalën e fundit */
.prof b{display:block!important;text-align:center;line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.prof b > span:not(.nm-last){display:inline!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.prof b .nm-last{display:inline!important;white-space:nowrap!important}
.prof b svg{display:inline-block!important;vertical-align:-2px;margin-left:4px!important;flex:none}
.profs .prof{justify-content:flex-start}
.prof small{margin-top:auto}
.profs .prof b .nm-last svg.vb,.profs .prof b .nm-last svg.vbadge{margin-left:.3em!important}

/* ---- footer: të gjitha kolonat në një rresht në kompjuter; në telefon 2 kolona të rregullta ---- */
.ftr-in{grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr))!important;column-gap:28px;row-gap:28px}
.ftr-in > :first-child{grid-column:auto}
.ftr-in > .ftr-bot{grid-column:1 / -1!important}
.ftr h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg)}
.ftr ul.ftr-2c{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.ftr ul.ftr-2c > li:last-child{grid-column:1 / -1}
.ftr ul.ftr-2c > li:last-child a{font-weight:650;color:var(--fg)}
.ftr-c-muni{grid-column:span 1}
@media (max-width:1100px){.ftr-in{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ftr-in > :first-child{grid-column:1 / -1!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px}.ftr-in > :first-child p{margin:0}}
@media (max-width:760px){
  .ftr-in{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px;row-gap:24px}
  .ftr-in > :first-child{display:block}.ftr-in > :first-child p{margin:10px 0 14px}
  .ftr-in > .ftr-c-muni,.ftr-in > .ftr-c-nz{grid-column:1 / -1!important}
  .ftr-c-nz ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
  .ftr li > a,.ftr li > button{min-height:40px!important}
}

/* =====================================================================
   HARMONIA (auditimi i pamjes): madhësi të njëjta, hapësira të rregullta
   kontrollet: 44 (kërkimi/fushat në rresht), 36 (chips), 38 (segmentet), radius 6; kutitë radius 9
   ===================================================================== */
/* 1. paneli i biznesit në pamjen e errët: ana me ngjyrë të errët, jo e çelët */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--zone-biz-2:#13231E;--zone-biz-ac:#5FC4A6}}
:root[data-theme="dark"]{--zone-biz-2:#13231E;--zone-biz-ac:#5FC4A6}
/* 2. butonat e kuq në pamjen e errët: e kuqja e markës me tekst të bardhë (kontrast 4.6:1) */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :is(.btn.pri,.p-fab,.p-new,.mf-go,.fl-k,.badge,.sup-pct,.bz-cta,.wz-go){background-color:#E0300F!important;color:#fff!important}}
:root[data-theme="dark"] :is(.btn.pri,.p-fab,.p-new,.mf-go,.fl-k,.badge,.sup-pct,.bz-cta,.wz-go){background-color:#E0300F!important;color:#fff!important}
/* 3. kërkimi: një madhësi kudo (44px, radius 6, ikona 18px, teksti 15/16) */
label.search{min-height:44px!important;height:44px;border-radius:6px!important;align-items:center}
label.search input{font-size:15px!important;height:100%}
label.search > svg{width:18px!important;height:18px!important;flex:none}
.p-main .tbar label.search{flex:1 1 320px;max-width:none}
form.hsearch:not(.sq-big){height:44px!important;min-height:44px!important;border-radius:6px!important}
form.hsearch:not(.sq-big) input{font-size:15px!important}
/* faqja Kërko: fusha kryesore 48px, butoni 38px brenda */
form.hsearch.sq-big{box-sizing:border-box!important;height:48px!important;min-height:48px!important;padding:5px 5px 5px 14px!important;border-radius:6px!important;align-items:center}
form.hsearch.sq-big input{height:100%!important;font-size:16px!important}
form.hsearch.sq-big .sq-go{height:38px!important;min-height:38px!important;padding:0 16px!important;border-radius:6px!important;font-size:14.5px!important;font-weight:700}
@media (max-width:760px){label.search input,form.hsearch input{font-size:16px!important}}
/* 4. rreshtat me kontrolle: e njëjta lartësi */
.dir-tools > *{min-height:44px}
.dir-tools select.sel,.dir-tools .dir-sort{height:44px!important;border:1px solid var(--line)!important;border-radius:6px!important;padding:0 34px 0 12px;font-size:14.5px;font-weight:600}
.dir-tools details > summary{height:44px;box-sizing:border-box;border:1px solid var(--line)!important;border-radius:6px!important}
@media (min-width:761px){.hdr .hnav > a,.hdr .hnav > button,.hdr .hnav .acm-btn{height:40px!important;min-height:40px}.hdr :is(.bell,.m-bell,.nb-btn){width:40px;height:40px}}
.chip.mfilter,select#sort{font-size:14px!important;font-weight:600!important}
.o-acts :is(.ab-b,.ab-main){font-size:15px!important;font-weight:650!important}
/* 5. chips: 36px, 14/600 */
.chip{min-height:36px}
.fz .chips .chip,aside .chips .chip,.side-f .chips .chip{height:36px!important;font-size:14px!important;padding:0 14px!important}
.cats .cat{height:36px!important;min-height:36px!important}
/* 6. segmentet dhe skedat: 38px, radius 6 */
.mg-tabs button{height:36px;border-radius:6px!important;color:color-mix(in srgb,var(--fg) 72%,transparent)}
.mg-tabs button[aria-selected="true"]{color:var(--fg)}
.ftr-bot .seg button{height:34px!important;font-size:13px!important;color:color-mix(in srgb,var(--fg) 72%,transparent)}
.ftr-bot .seg button[aria-pressed="true"]{color:var(--bg)}
/* 7. kutitë: radius 9 (jo 12) */
.blk.sup,.modal.wz,.o-img{border-radius:9px!important}
.appbtn{border-radius:6px!important}
/* 8. faqja e zbritjes: fotoja qëndron ngjitur gjatë lëvizjes (pa vrimë bosh poshtë saj) */
@media (min-width:861px){.offer{align-items:start}.o-img{position:sticky!important;top:96px!important;align-self:start}}
/* 9. paneli: shiriti lart mbulon gjithë gjerësinë, si paneli poshtë tij */
@media (min-width:1101px){body.zone-biz .hdr .wrap{max-width:none;padding-left:24px;padding-right:24px}}
/* paneli në tablet: pa etiketat e grupeve në shiritin anësor */
@media (max-width:1100px){.p-grp{display:none!important}}
/* paneli në telefon: shiriti i skedave me sfond të plotë; butoni lundrues vetëm ikonë, nuk mbulon përmbajtjen */
@media (max-width:760px){
  .p-side{background:var(--bg)!important}
  body.zone-biz .p-side{background:var(--zone-biz-2)!important}
  .p-fab{width:56px!important;height:56px!important;padding:0!important;border-radius:50%!important;justify-content:center;right:16px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 80px)!important}
  .p-fab > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .p-main{padding-bottom:96px!important}
  body:has([data-ptab="zbritjet"].on) .p-fab,body:has([data-ptab="katalogu"].on) .p-fab{display:none!important}
}
/* 10. paneli: shigjetat e fizarmonikës në një vijë, djathtas */
section.bp-acc > button.bp-ah > svg:last-child,section.bp-acc > button.bp-ah .bp-chev{margin-left:auto}
section.bp-acc > button.bp-ah{width:100%}
/* 11. tastiera: unaza e fokusit edhe në panel */
body.zone-biz :is(a,button,input,select,textarea,[tabindex]):focus-visible,.tabbar a:focus-visible,.hnav a:focus-visible{outline:2px solid var(--brand)!important;outline-offset:2px}
/* 12. titujt e faqeve: e njëjta shkallë (26 kompjuter, 24 telefon) */
#main h1:not(:is(.bz-hero,.why-hero,.bl-h,.intro,article,[class*="bl-"],.bf-hero) h1){font-size:26px!important;line-height:1.2!important}
@media (max-width:760px){#main h1:not(:is(.bz-hero,.why-hero,.bl-h,.intro,article,[class*="bl-"],.bf-hero) h1){font-size:24px!important}}
#main :is(h1,h2,h3){line-height:1.2}
/* 13. ballina në telefon: fletushka dhe banderola e biznesit njëra mbi tjetrën */
@media (max-width:480px){.mf-card{grid-template-columns:minmax(0,1fr)!important;display:grid}.mf-card > *{max-width:none!important}
  .biz-cta,.bz-ban,.home-biz{flex-direction:column!important;align-items:flex-start!important;gap:12px}}
/* 14. Bizneset: "Ndiq" në çdo rresht me kontur (e kuqja vetëm për veprimin kryesor) */
.dir-f.btn.pri[aria-pressed="false"]{background:transparent!important;color:var(--fg)!important;box-shadow:inset 0 0 0 1px var(--line)!important}
.dir-f.btn.pri[aria-pressed="false"]:hover{box-shadow:inset 0 0 0 1px var(--fg)!important}
/* 15. tekst i vogël me kontrast të mjaftueshëm */
.p-grp,label.fopt .n{color:var(--muted)!important}
.tabbar a.on span{color:#C42A0C}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tabbar a.on span{color:#FF6A5C}}
:root[data-theme="dark"] .tabbar a.on span{color:#FF6A5C}
/* 16. pamja e errët: kartat e fletushkës nuk mbeten blloqe të çelëta */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mf-card{background:var(--raised)!important;color:var(--fg)}}
:root[data-theme="dark"] .mf-card{background:var(--raised)!important;color:var(--fg)}
/* 17. prekje e lehtë në telefon: lidhjet e vogla kanë zonë prekjeje 44px */
@media (max-width:760px){nav.crumbs a,.loc-link,.report,.st-more,button.link{position:relative}
  nav.crumbs a::after,.loc-link::after,.report::after,.st-more::after,button.link::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
  .cats .cat{height:40px!important;min-height:40px!important}}
/* 18. footer në telefon: kolona e dytë në të njëjtën vijë */
@media (max-width:760px){.ftr-in{column-gap:16px!important}.ftr-c-muni ul.ftr-2c,.ftr-c-nz ul{column-gap:16px!important}}
/* 19. magjistari në telefon: etiketa "ka zbritje aktive" nën emër */
@media (max-width:480px){.wz3-row,.wz-prod{flex-wrap:wrap}.wz3-row .pill,.wz-prod .pill{order:3;margin-left:0}}

/* ---- Black Friday ---- */
.bf-pg{gap:28px}
.bf-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:9px;background:#111214;color:#fff;position:relative;overflow:hidden}
.bf-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(224,48,15,.55),rgba(224,48,15,0) 70%);pointer-events:none}
.bf-ht{position:relative;z-index:1;max-width:620px}
.bf-k{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FF8A73}
.bf-hero h1{margin:8px 0 8px!important;font-size:40px!important;line-height:1.1!important;color:#fff;letter-spacing:-.02em}
.bf-hero p{margin:0;color:rgba(255,255,255,.8);font-size:16px;line-height:1.5}
.bf-stats{display:flex;gap:18px;margin-top:16px;font-size:14px;color:rgba(255,255,255,.75)}.bf-stats b{color:#fff;font-size:18px;margin-right:4px}
.bf-cd{position:relative;z-index:1;flex:none;min-width:150px;text-align:center;padding:18px 20px;border-radius:9px;background:#E0300F;color:#fff}
.bf-cd b{display:block;font-size:48px;line-height:1;font-weight:900}.bf-cd small{display:block;margin-top:6px;font-size:13px;font-weight:700;opacity:.95}
.bf-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bf-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0;min-width:0;flex:1}.bf-chips::-webkit-scrollbar{display:none}.bf-chips .chip{flex:none}
.bf-city{height:44px;min-width:180px;border:1px solid var(--line);border-radius:6px;padding:0 12px;font:inherit;font-size:14.5px;font-weight:600;background:var(--raised);color:var(--fg)}
.bf-empty{padding:28px;border-radius:9px;border:1px dashed var(--line);text-align:center}.bf-empty h2{margin:0 0 6px;font-size:20px}.bf-empty p{margin:0 auto;max-width:520px;color:var(--muted)}
.bf-trust{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:9px;background:var(--soft);border:1px solid var(--line)}
.bf-tr{display:flex;gap:12px;align-items:flex-start;max-width:720px}.bf-tr > svg{flex:none;color:var(--good,#1F7A4D);margin-top:2px}.bf-tr b{display:block;margin-bottom:2px}.bf-tr span{color:var(--muted);font-size:14px;line-height:1.5}
.bf-lnk{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--brand);white-space:nowrap}
.bf-biz{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;border-radius:9px;background:var(--raised);border:1px solid var(--line)}
.bf-biz h2{margin:0 0 4px;font-size:20px}.bf-biz p{margin:0;color:var(--muted);max-width:620px}
.bf-strip{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;border-radius:9px;background:#111214;color:#fff!important;text-decoration:none;font-weight:650}
.bf-strip .bf-sk{flex:none;padding:3px 8px;border-radius:6px;background:#E0300F;color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em}
.bf-strip svg{flex:none;color:#fff}
@media (max-width:760px){.bf-hero{flex-direction:column;align-items:stretch;padding:24px 20px}.bf-hero h1{font-size:32px!important}.bf-cd{display:flex;align-items:baseline;gap:10px;justify-content:center;padding:12px}.bf-cd b{font-size:34px}.bf-cd small{margin:0}
  .bf-bar{flex-direction:column;align-items:stretch}.bf-chips{margin:0 -16px!important;padding:0 16px}.bf-city{width:100%}.bf-biz .btn{width:100%;justify-content:center}}
@media (max-width:760px){.bf-bar > .bf-chips{flex:none!important;width:calc(100% + 32px)!important;max-width:none;box-sizing:border-box}}
.bf-bar{min-width:0}.bf-bar > .bf-chips{max-width:100%}

/* ---- rreshtat që rrëshqasin anash (si menyja kryesore): vetëm anash, kurrë lart-poshtë; pa shirit; rrëshqitja nuk kalon te faqja ---- */
:is(.cats,.chips,.bf-chips,.mu-cats,.hs-row,.bz-types,.mg-tabs,.p-side,.rail,.sup-track,.sty-rail,.wz-chips,.fz-types,.mf-chips,.bd-tabs,.p-tools .seg){overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
:is(.cats,.chips,.bf-chips,.mu-cats,.hs-row,.bz-types,.mg-tabs,.p-side,.rail,.sup-track,.sty-rail,.wz-chips,.fz-types,.mf-chips,.bd-tabs)::-webkit-scrollbar{display:none}
.bf-chips,.mu-cats{padding-top:2px!important;padding-bottom:2px!important}

/* ---- footer: kolonat (kompjuter) / seksione që hapen (telefon) ---- */
details.ftr-col > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}
details.ftr-col > summary::-webkit-details-marker{display:none}
details.ftr-col > summary h4{margin:0 0 12px}
details.ftr-col > summary > svg{display:none}
@media (min-width:761px){details.ftr-col > summary{cursor:default;pointer-events:none}}
@media (max-width:760px){
  .ftr-in{display:block!important;padding-top:28px!important}
  .ftr-in > :first-child{margin-bottom:18px}
  .ftr-in > :first-child p{max-width:none}
  .ftr-in .stores-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ftr-in .stores-btns .appbtn{width:100%;justify-content:center}
  details.ftr-col{border-top:1px solid var(--line)}
  details.ftr-col:last-of-type{border-bottom:1px solid var(--line)}
  details.ftr-col > summary{min-height:54px;padding:0 2px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  details.ftr-col > summary h4{margin:0!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important;font-weight:700}
  details.ftr-col > summary h4 .nzn{color:inherit}
  details.ftr-col > summary > svg{display:block;flex:none;color:var(--muted);transition:transform .2s}
  details.ftr-col[open] > summary > svg{transform:rotate(180deg)}
  details.ftr-col > ul{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;padding:0 2px 14px!important;margin:0!important}
  details.ftr-col > ul > li > a,details.ftr-col > ul > li > button{min-height:44px!important;display:flex!important;align-items:center;font-size:14.5px;color:var(--fg);opacity:.82}
  details.ftr-col > ul.ftr-2c > li:last-child{grid-column:1 / -1}
  .ftr-bot{margin-top:22px;border-top:0!important;padding-top:0!important;display:flex!important;flex-direction:column-reverse;align-items:stretch!important;gap:16px!important;text-align:center}
  .ftr-bot > span:first-child{font-size:12.5px;line-height:1.6}
  .ftr-bot .links-x:empty{display:none}
}
.hp-priv{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.ftr-op{display:block;font-size:12px;color:var(--muted);margin-top:4px}
/* shiriti i poshtëm e ka lartësinë e vet që në fillim: faqja nuk kërcen kur ngarkohet */
@media (max-width:760px){.tabbar{min-height:calc(56px + env(safe-area-inset-bottom,0px))}}

/* =====================================================================
   n’Zbritje · HARMONIA: të njëjtat rregulla në app, web dhe admin
   Kartat dhe kutitë 9px · butonat, çipat, fushat dhe etiketat 6px
   Kufiri 1px me ngjyrën e vijës · hije e lehtë vetëm në temën e çelët
   ===================================================================== */
:root { --radius-card: 9px; --radius-ctl: 6px; --radius-md: 9px; --good: var(--ok, #0b6e3c); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --good: var(--ok, #4cc98a); } }
:root[data-theme="dark"] { --good: var(--ok, #4cc98a); }

/* kontrollet: 6px */
.btn, a.btn, .btn.sm, .btn.big, .pill, .chip, .search, .seg, .seg button, .note, .fz-in, .gres a, .me,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea,
.appbtn, .sty-cta, .mf-go, .mf-start, .mf-sec, .bd-tdmore, .wd-more, .fl input, .fl textarea, .mm-in, .cat-in, .fz-key code { border-radius: 6px !important; }

/* kartat, kutitë dhe dritaret e vogla: 9px */
.box, .tile, .tbl-wrap, .bkpi, .mail-list, .mailc, .mail-box, .arbk, .decided, .doc, .reason, .quote, .match > div,
.fz-mod, .fz-qp, .fz-err, .fz-demo, .fz-api pre, .gres, .mf-cb, .sup-band, .blk.sup, .rule, .cm-pop, .bd-pop, .bd-mmenu,
.mf-form, .mf-num, .mf-ord, .fe-mr, .wd-todo, .wd-ok, .bd-todo, .bd-week, .card-box, .kpi { border-radius: 9px !important; }

/* ikonat në katror të vegjël: 8px, njësoj kudo */
.att-r .ic, .fz-mod-ic, .bd-ti, .wd-ti, .pf-sic { border-radius: 8px !important; }

/* etiketat e gjendjes (Aktive, Në shqyrtim…) */
.pill { line-height: 1.2; }

/* kutitë: kufi 1px, hije e lehtë vetëm në temën e çelët */
.box, .tile, .tbl-wrap, .bkpi, .mail-list, .mailc, .fz-mod, .kpi, .wd-todo, .bd-todo, .bd-week, .mf-form, .mf-num, .mf-ord, .fe-mr { box-shadow: 0 0 0 1px var(--line), 0 1px 2px rgba(17,17,20,.04) !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) :is(.box, .tile, .tbl-wrap, .bkpi, .mail-list, .mailc, .fz-mod, .kpi, .wd-todo, .bd-todo, .bd-week, .mf-form, .mf-num, .mf-ord, .fe-mr, .card) { box-shadow: 0 0 0 1px var(--line) !important; } }
:root[data-theme="dark"] :is(.box, .tile, .tbl-wrap, .bkpi, .mail-list, .mailc, .fz-mod, .kpi, .wd-todo, .bd-todo, .bd-week, .mf-form, .mf-num, .mf-ord, .fe-mr, .card) { box-shadow: 0 0 0 1px var(--line) !important; }

/* zgjedhja e tekstit dhe fokusi me tastierë: me ngjyrën e markës */
::selection { background: color-mix(in srgb, var(--brand, #E0300F) 24%, transparent); }
:where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--brand, #E0300F); outline-offset: 2px; }
/* kartat e zbritjeve: e njëjta hije në app dhe web (tema e çelët) */
.card { box-shadow: 0 1px 2px rgba(17,17,20,.05), 0 8px 24px rgba(17,17,20,.05) !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .card { box-shadow: 0 0 0 1px var(--line) !important; } }
:root[data-theme="dark"] .card { box-shadow: 0 0 0 1px var(--line) !important; }
/* ===== Bizneset që i mirëmban n’Zbritje ===== */
.vpill.mg { background: color-mix(in srgb, var(--brand) 9%, var(--soft)); }
.mg-box { display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px; border-radius: 9px; border: 1px solid var(--line); background: var(--raised, #fff); }
.mg-ic { flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--brand) 11%, transparent); color: var(--brand); }
.mg-box .grow { min-width: 0; }
.mg-box h2 { margin: 2px 0 6px; font-size: 17px; letter-spacing: -.01em; }
.mg-box p { margin: 0 0 8px; color: var(--muted, var(--ink-muted)); font-size: 14.5px; line-height: 1.5; }
.mg-box p.mg-own { color: var(--ink); margin: 0; }
.mg-box .mg-go { flex: none; align-self: center; border-radius: 6px; min-height: 44px; }
.mg-st { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 6px 10px; border-radius: 6px; background: color-mix(in srgb, #1A73E8 10%, transparent); color: var(--ink); font-size: 13.5px; font-weight: 600; }
.mg-st.bad { background: color-mix(in srgb, var(--bad, #b3261e) 10%, transparent); }
@media (max-width: 640px) { .mg-box { flex-wrap: wrap; padding: 16px; } .mg-box .grow { flex: 1 1 calc(100% - 64px); } .mg-box .mg-go { width: 100%; justify-content: center; } }
.mg-modal .mg-lead { margin: 0 0 14px; font-size: 14px; }
.mg-form { display: flex; flex-direction: column; gap: 12px; }
.mg-form .field { display: flex; flex-direction: column; gap: 6px; }
.mg-form label, .mg-form .lbl { font-weight: 700; font-size: 13.5px; color: var(--ink); }
.mg-form label small, .mg-form .lbl small { font-weight: 500; color: var(--muted, var(--ink-muted)); margin-left: 4px; }
.mg-form input:not([type=checkbox]):not([type=file]), .mg-form select, .mg-form textarea { width: 100%; box-sizing: border-box; min-height: 44px; padding: 10px 12px; border-radius: 6px; border: 1px solid var(--line-strong, var(--line)); background: var(--raised, #fff); color: var(--ink); font: inherit; font-size: 15px; }
.mg-form textarea { min-height: 64px; resize: vertical; }
.mg-two { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 12px; }
@media (max-width: 520px) { .mg-two { grid-template-columns: minmax(0, 1fr); } }
.mg-hint { color: var(--muted, var(--ink-muted)); font-size: 12.5px; }
.mg-file { display: flex !important; align-items: center; gap: 10px; min-height: 44px; padding: 10px 12px; border-radius: 6px; border: 1px dashed var(--line-strong, var(--line)); cursor: pointer; font-weight: 600 !important; color: var(--ink); }
.mg-file span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mg-file:hover { border-color: var(--brand); }
.mg-file:focus-within { outline: 2px solid var(--brand); outline-offset: 1px; }
.mg-chk { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 500 !important; font-size: 14px !important; line-height: 1.45; cursor: pointer; }
.mg-chk input { width: 20px; height: 20px; margin: 1px 0 0; flex: none; accent-color: var(--brand); }
.mg-done { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.mg-ok { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, #1E8E5A 14%, transparent); color: #1E8E5A; }
.mg-done p { margin: 0; }
.mg-steps { text-align: left; margin: 6px 0 0; padding: 0; list-style: none; counter-reset: s; display: flex; flex-direction: column; gap: 10px; width: 100%; }
.mg-steps li { counter-increment: s; display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 10px; }
.mg-steps li::before { content: counter(s); grid-row: span 2; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--soft); font-weight: 800; font-size: 13px; }
.mg-steps b { font-size: 14.5px; } .mg-steps small { color: var(--muted, var(--ink-muted)); font-size: 13px; }
/* paneli: admini menaxhon një biznes të n’Zbritje (ngjyra e adminit: vjollcë) */
.mg-ban { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; padding: 12px 14px; border-radius: 9px; background: #231C3D; color: #E9E5F7; }
.mg-ban-ic { width: 36px; height: 36px; flex: none; border-radius: 50%; display: grid; place-items: center; background: #2F2652; color: #B4A6FF; }
.mg-ban b { display: block; color: #fff; font-size: 14.5px; } .mg-ban small { color: #CFC9E6; font-size: 13px; line-height: 1.4; }
.mg-ban .btn { flex: none; background: #2F2652 !important; color: #fff !important; border: 1px solid rgba(255,255,255,.2) !important; border-radius: 6px; }
.mg-ban .btn:hover { background: #3A2F66 !important; }
@media (max-width: 640px) { .mg-ban { flex-wrap: wrap; } .mg-ban .btn { width: 100%; justify-content: center; } }
.mg-ban .nzn, .mg-ban .nz-n, .mg-ban b span, .mg-ban small span { color: inherit !important; }
:root:not([data-theme="dark"]) .vpill.mg .nzn, :root:not([data-theme="dark"]) .vpill.mg .nzn * { color: #B8260A !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .vpill.mg .nzn, :root:not([data-theme="light"]) .vpill.mg .nzn * { color: var(--brand) !important; } }
/* ===== Qasja (WCAG 2.2 AA) ===== */
html { scroll-padding-top: 76px; scroll-padding-bottom: 88px; }
@media (min-width: 900px) { html { scroll-padding-bottom: 16px; } }
#main:focus, #main h1[tabindex="-1"]:focus { outline: none; }
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--brand) !important; outline-offset: 1px; }
::placeholder { color: #6B6B70; opacity: 1; }
[data-theme="dark"] ::placeholder { color: #9A9AA0; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) ::placeholder { color: #9A9AA0; } }
[data-theme="dark"] { --line-strong: #78787E !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --line-strong: #78787E !important; } }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* e kuqja si tekst mbi sfond gri: pak më e errët që të lexohet (4.5:1) */
:root:not([data-theme="dark"]) :is(button.loc-link, .why-tag, .why-eb, a.bf-lnk, .bpill i, #main p > b, .wd-cnt, .warn .num) { color: #C42A0C !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) :is(button.loc-link, .why-tag, .why-eb, a.bf-lnk, .bpill i, #main p > b, .wd-cnt, .warn .num) { color: var(--brand) !important; } }
/* tema e errët: tekst i bardhë mbi të kuqe, sfond më i errët (4.5:1) */
[data-theme="dark"] :is(a.skip, .sq-go, .bell .cnt, .m-bell .cnt, .wp-badge, .bz-step .k, li.bi-on span, .ra-n, .tm-role.owner, .mf-tx, .bz-cta-band, .bz-cta, .bz-final) { background-color: #D32F2F !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) :is(a.skip, .sq-go, .bell .cnt, .m-bell .cnt, .wp-badge, .bz-step .k, li.bi-on span, .ra-n, .tm-role.owner, .mf-tx, .bz-cta-band, .bz-cta, .bz-final) { background-color: #D32F2F !important; } }
.mf-cb .mf-k, .mf-cb .mf-s, .mf-card.fest .mf-k, .mf-card.fest .mf-s { color: #FFFFFF !important; opacity: 1 !important; }
.fly:not(.seen) .fl-top { background: var(--flt, var(--flc, var(--brand))) !important; }
@media (max-width: 700px) { [data-theme="dark"] a.why-band em { background-color: #D32F2F !important; } }
@media (max-width: 700px) and (prefers-color-scheme: dark) { :root:not([data-theme="light"]) a.why-band em { background-color: #D32F2F !important; } }
.fly .fl-burst { color: #A3120A !important; }
.bf-k .nzn { color: #FF7A5C !important; }
td > span.n { color: var(--ink-muted) !important; }
[data-theme="dark"] .wp-dzb:hover { background: #C62828 !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .wp-dzb:hover { background: #C62828 !important; } }
.sec-h .right:has(.sup-pp) { display: flex; align-items: center; gap: 6px; }
.sup-pp { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--raised) !important; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); border: 0; cursor: pointer; flex: none; }
.sup-pp:hover { box-shadow: inset 0 0 0 1px var(--faint, var(--line-strong)); }
label.search.dir-q, .dir-q { min-width: 0; max-width: 100%; }
.bz-chain-t { overflow-wrap: anywhere; min-width: 0; }
@media (max-width: 360px) { #main .btn { white-space: normal; max-width: 100%; text-align: center; height: auto; min-height: 44px; } }
[data-theme="dark"] .mf-card:not(.fest).live .mf-go { background: #fff !important; color: #C62828 !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mf-card:not(.fest).live .mf-go { background: #fff !important; color: #C62828 !important; } }
@media (max-width: 480px) { .mf-card:not(.fest) .mf-tx { flex: 0 0 54%; } .mf-card .mf-go { max-width: 100%; } }
@media (min-width: 861px) { .p-side { overflow: visible !important; } }
.skip{position:absolute;left:-9999px;top:8px;z-index:9999;background:var(--brand);color:#fff;padding:10px 14px;border-radius:6px;font-weight:700}.skip:focus{left:12px}