/* ================= Prokupito - oglasi =================
   Telefon je osnova; racunar samo u @media (min-width: 600px) i vece. Boje iz MudBlazor teme (tamna grafit / svetla), akcent narandzasta. */
:root {
    --pk-accent: #F45801;
    --pk-accent-soft: rgba(244, 88, 1, .12);
    --pk-card: var(--mud-palette-surface);
    --pk-line: var(--mud-palette-lines-default);
    --pk-muted: var(--mud-palette-text-secondary);
    --pk-hover: rgba(0, 0, 0, .04);
}
.pk-dark { --pk-hover: #272B30; --pk-line: #33383E; }

/* ---------- Pretraga (polje) ---------- */
.pk-sbox { position: relative; display: flex; align-items: center; gap: 4px; height: 50px; padding: 0 6px 0 14px; border-radius: 14px;
    background: var(--pk-card); border: 1.5px solid var(--pk-line); transition: border-color .15s; }
.pk-sbox:focus-within { border-color: var(--pk-accent); }
.pk-sbox-ico { color: var(--pk-muted); flex: none; }
.pk-sbox input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: var(--mud-palette-text-primary); font: inherit; font-size: 15.5px; padding: 0 6px; }
.pk-sbox input::-webkit-search-cancel-button { display: none; }
.pk-sbox-clear, .pk-sbox-filter, .pk-sbox-go { flex: none; display: inline-flex; align-items: center; justify-content: center; border: 0; cursor: pointer; border-radius: 10px; }
.pk-sbox-clear { width: 30px; height: 30px; background: transparent; color: var(--pk-muted); }
.pk-sbox-filter { width: 38px; height: 38px; background: transparent; color: var(--mud-palette-text-primary); }
.pk-sbox-filter.is-on { color: var(--pk-accent); background: var(--pk-accent-soft); }
.pk-sbox-go { width: 42px; height: 38px; background: var(--pk-accent); color: #fff; }
.pk-sbox-pop { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 1400; background: var(--pk-card); border: 1px solid var(--pk-line); border-radius: 14px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .28); padding: 6px; max-height: 60vh; overflow: auto; }
.pk-sbox-row { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px; border: 0; background: transparent; color: inherit; text-align: left; border-radius: 10px; cursor: pointer; font: inherit; }
.pk-sbox-row:hover { background: var(--pk-hover); }
.pk-sbox-row span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pk-sbox-row small { color: var(--pk-muted); font-size: 12px; }
.pk-sbox-row em { font-style: normal; color: var(--pk-muted); font-size: 12px; }
.pk-sbox-row.is-cat .mud-icon-root { color: var(--pk-accent); }

/* ---------- Naslovna ---------- */
.pk-hm-wrap { padding-top: 12px; }
.pk-hm { display: flex; flex-direction: column; gap: 14px; padding-bottom: 24px; }
.pk-hm-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pk-htile { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; min-height: 118px; padding: 10px; border-radius: 16px; overflow: hidden;
    text-decoration: none; color: #fff; background: linear-gradient(160deg, #2A2E34, #1E2125); border: 1px solid var(--pk-line); }
.pk-htile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pk-htile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.72)); }
.pk-htile b, .pk-htile small { position: relative; z-index: 1; }
.pk-htile b { font-size: 14px; line-height: 1.2; }
.pk-htile small { font-size: 11.5px; opacity: .85; }
.pk-htile.is-all { background: linear-gradient(150deg, #FF7A2E, #F45801 55%, #C94300); border: 0; }
.pk-htile.is-all::after { display: none; }
.pk-htile.is-icon::after { background: none; }
.pk-htile-ico { position: relative; z-index: 1; width: 38px; height: 38px; margin-bottom: auto; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.16); }
.pk-htile.is-icon .pk-htile-ico { color: var(--pk-accent); background: var(--pk-accent-soft); }
.pk-htile.is-skel, .pk-lcard.is-skel { background: linear-gradient(90deg, var(--pk-hover), var(--pk-card), var(--pk-hover)); background-size: 200% 100%; animation: pk-skel 1.2s linear infinite; border: 0; }
@keyframes pk-skel { to { background-position: -200% 0; } }

.pk-hm-head { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }
.pk-hm-head b { font-size: 17px; }
.pk-hm-head a { display: inline-flex; align-items: center; color: var(--pk-accent); text-decoration: none; font-size: 13.5px; font-weight: 600; }

.pk-pop-row { display: flex; gap: 14px; overflow-x: auto; padding: 2px 2px 6px; scroll-snap-type: x proximity; scrollbar-width: none; }
.pk-pop-row::-webkit-scrollbar { display: none; }
.pk-pop { flex: none; width: 72px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; color: inherit; scroll-snap-align: start; }
.pk-pop-ico { width: 62px; height: 62px; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden;
    background: var(--pk-card); border: 1.5px solid var(--pk-line); color: var(--pk-accent); }
.pk-pop-ico img { width: 100%; height: 100%; object-fit: cover; }
.pk-pop small { font-size: 11.5px; line-height: 1.2; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------- Kartica oglasa: telefon = red ---------- */
.pk-feed { display: flex; flex-direction: column; gap: 10px; }
.pk-feed.is-loading { opacity: .55; pointer-events: none; }
.pk-lcard { position: relative; display: flex; gap: 12px; padding: 8px; border-radius: 14px; background: var(--pk-card); border: 1px solid var(--pk-line);
    text-decoration: none; color: inherit; min-height: 112px; }
.pk-lcard:hover { border-color: rgba(244, 88, 1, .5); }
.pk-lcard.is-skel { min-height: 112px; }
.pk-lcard-img { position: relative; flex: none; width: 112px; height: 112px; border-radius: 10px; overflow: hidden; background: var(--pk-hover);
    display: flex; align-items: center; justify-content: center; color: var(--pk-muted); }
.pk-lcard-img img { width: 100%; height: 100%; object-fit: cover; }
.pk-lcard-count { position: absolute; left: 6px; bottom: 6px; display: inline-flex; align-items: center; gap: 3px; padding: 2px 6px; border-radius: 8px;
    background: rgba(0,0,0,.6); color: #fff; font-style: normal; font-size: 11px; }
.pk-lcard-count .mud-icon-root { font-size: 13px; }
.pk-lcard-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; padding-right: 30px; }
.pk-lcard-title { font-size: 14.5px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pk-lcard-place { font-size: 12.5px; color: var(--pk-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-lcard-buy { font-style: normal; font-weight: 700; color: #2D7FF9; margin-right: 4px; }
.pk-lcard-meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--pk-muted); }
.pk-lcard-meta span { display: inline-flex; align-items: center; gap: 3px; }
.pk-lcard-meta .mud-icon-root { font-size: 14px; }
.pk-lcard-ago { margin-left: auto; }
.pk-lcard-price { margin-top: auto; font-size: 16px; font-weight: 800; color: var(--pk-accent); }
.pk-lcard-price.is-soft { color: var(--mud-palette-text-primary); font-weight: 700; }
.pk-lcard-heart { position: absolute; top: 6px; right: 6px; width: 34px; height: 34px; border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center;
    background: transparent; color: var(--pk-muted); cursor: pointer; }
.pk-lcard-heart.is-on { color: #E5484D; }
.pk-loadmore { display: flex; justify-content: center; padding: 16px 0 4px; }

/* ---------- Pretraga (strana) ---------- */
.pk-search { padding-top: 12px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 12px; }
.pk-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 2px; font-size: 13px; color: var(--pk-muted); }
.pk-crumbs a { color: inherit; text-decoration: none; }
.pk-crumbs a:hover { color: var(--pk-accent); }
.pk-crumbs b { color: var(--mud-palette-text-primary); }
.pk-search .pk-chips, .pk-oglas .pk-chips { margin-bottom: 0; }
.pk-chip em { font-style: normal; color: var(--pk-muted); font-size: 12px; }
.pk-chip { text-decoration: none; color: inherit; background: var(--pk-card); cursor: pointer; font: inherit; font-size: 13px; }
.pk-search-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pk-search-total { font-size: 14px; color: var(--pk-muted); }
.pk-search-total b { color: var(--mud-palette-text-primary); }
.pk-sort { max-width: 200px; flex: none; }
.pk-sort .mud-input { font-size: 14px; }
.pk-pager.is-center { justify-content: center; display: flex; padding: 14px 0; }

/* Pretrazi detaljno: telefon - preko celog ekrana (dugmad dole), racunar - panel ispod polja. */
.pk-advf { position: fixed; inset: 0; z-index: 1350; background: var(--mud-palette-background); overflow-y: auto; padding: 14px 16px 96px; }
.pk-advf-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.pk-advf-head b { font-size: 18px; }
.pk-advf-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.pk-fcol { display: flex; flex-direction: column; gap: 10px; }
.pk-flabel { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--pk-muted); margin-top: 4px; }
.pk-frow { display: flex; gap: 8px; }
.pk-frow > * { flex: 1; min-width: 0; }
.pk-fradius { max-width: 140px; }
.pk-fchecks { display: flex; flex-wrap: wrap; gap: 0 10px; }
.pk-fchecks.is-col { flex-direction: column; }
.pk-advf-fields { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 8px; }
.pk-advf-act { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; justify-content: flex-end; padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    background: var(--mud-palette-background); border-top: 1px solid var(--pk-line); }
.pk-advf-act .mud-button-root { flex: 1; }

/* ---------- Oglas ---------- */
.pk-oglas { padding-top: 0; padding-bottom: 32px; }
@media (min-width: 600px) { .pk-oglas { padding-top: 22px; } }
.pk-oglas-status { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; margin: 10px 0; background: var(--pk-accent-soft); font-size: 14px; }
.pk-oglas-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 10px; }
/* Glavna slika: strogo 4:5 (kao Instagram) - slika cela unutra (bez secenja), ostatak crn; dodir ne otvara nista, prst levo-desno menja sliku. */
.pk-oglas-main { position: relative; width: 100%; aspect-ratio: 4 / 5; border: 0; padding: 0; border-radius: 16px; overflow: hidden; background: #0F1113;
    display: flex; align-items: center; justify-content: center; color: var(--pk-muted); touch-action: pan-y; -webkit-user-select: none; user-select: none; }
.pk-oglas-main img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pk-oglas-track { display: flex; width: 100%; height: 100%; transition: transform .38s cubic-bezier(.25,.8,.25,1); will-change: transform; }
.pk-oglas-slide { flex: none; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
/* Uspravna slika uza od 4:5 (telefon 3:4): popunjava sirinu, malo se isece gore-dole - bez crnih traka sa strane. */
.pk-oglas-slide img.is-tall { object-fit: cover; }
.pk-oglas-main.is-empty { cursor: default; background: var(--pk-hover); }
.pk-oglas-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,.5); color: #fff;
    display: flex; align-items: center; justify-content: center; cursor: pointer; }
.pk-oglas-nav.is-prev { left: 8px; }
.pk-oglas-nav.is-next { right: 8px; }
.pk-oglas-count { position: absolute; right: 10px; bottom: 10px; padding: 3px 8px; border-radius: 8px; background: rgba(0,0,0,.6); color: #fff; font-style: normal; font-size: 12px; }
.pk-oglas-thumbs { display: flex; gap: 8px; overflow-x: auto; margin-top: 8px; scrollbar-width: none; }
.pk-oglas-thumbs button { flex: none; width: 64px; height: 64px; padding: 0; border-radius: 10px; overflow: hidden; border: 2px solid transparent; background: none; cursor: pointer; opacity: .7; }
.pk-oglas-thumbs button.is-on { border-color: var(--pk-accent); opacity: 1; }
.pk-oglas-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.pk-oglas-title { font-size: 21px; line-height: 1.25; margin: 0 0 6px; font-weight: 700; }
.pk-oglas-price { font-size: 26px; font-weight: 800; color: var(--pk-accent); margin-bottom: 10px; }
.pk-oglas-price.is-soft { color: var(--mud-palette-text-primary); }
/* Cena u evrima: ispod velike cene mali preracun u dinare (po kursu platforme). */
.pk-oglas-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.pk-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 12.5px; background: var(--pk-hover); border: 1px solid var(--pk-line); }
.pk-tag .mud-icon-root { font-size: 15px; }
.pk-tag.is-buy { color: #2D7FF9; border-color: rgba(45,127,249,.4); }
.pk-oglas-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--pk-muted); margin-bottom: 14px; }
.pk-oglas-meta span { display: inline-flex; align-items: center; gap: 4px; }
.pk-oglas-meta .is-ok { color: #16A34A; }
.pk-oglas-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.pk-oglas-actions .mud-button-root { flex: 1 1 auto; }
.pk-safe { display: flex; gap: 12px; padding: 12px; border-radius: 14px; border: 1px solid rgba(22, 163, 74, .35); background: rgba(22, 163, 74, .08); }
.pk-safe > .mud-icon-root { color: #16A34A; flex: none; }
.pk-safe b { display: block; font-size: 14px; margin-bottom: 2px; }
.pk-safe small { font-size: 12.5px; color: var(--pk-muted); line-height: 1.4; }
.pk-oglas-h { display: flex; align-items: center; gap: 8px; font-size: 18px; margin: 16px 0 8px; }
.pk-oglas-h .mud-icon-root { width: 22px; height: 22px; font-size: 22px; color: var(--pk-accent); flex: none; }
.pk-oglas-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; }
.pk-oglas-fields div { padding: 8px 10px; border-radius: 10px; background: var(--pk-hover); }
.pk-oglas-fields dt { font-size: 12px; color: var(--pk-muted); }
.pk-oglas-fields dd { margin: 0; font-weight: 600; font-size: 14px; }
.pk-oglas-desc { white-space: pre-line; line-height: 1.55; margin: 0; overflow-wrap: anywhere; }
.pk-oglas-num { font-size: 12px; }
.pk-seller { padding: 14px; border-radius: 16px; background: var(--pk-card); border: 1px solid var(--pk-line); align-self: start; }
.pk-seller-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.pk-seller-head b { display: block; }
.pk-seller-head small { color: var(--pk-muted); font-size: 12.5px; }
.pk-seller-av { width: 64px; height: 64px; border-radius: 14px; object-fit: cover; flex: none; }
.pk-seller-av.is-init { display: flex; align-items: center; justify-content: center; background: var(--pk-accent-soft); color: var(--pk-accent); font-weight: 800; font-size: 24px; }
.pk-seller-facts { list-style: none; padding: 0; margin: 0 0 10px; display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; }
.pk-seller-facts li { display: flex; align-items: center; gap: 6px; }
.pk-seller-facts .is-ok { color: #16A34A; }
.pk-seller-links { display: flex; flex-direction: column; gap: 2px; border-top: 1px solid var(--pk-line); padding-top: 8px; }
.pk-seller-links button { display: flex; align-items: center; gap: 8px; padding: 8px 4px; border: 0; background: none; color: var(--pk-muted); font: inherit; font-size: 13.5px; cursor: pointer; text-align: left; border-radius: 8px; }
.pk-seller-links button:hover { color: var(--mud-palette-text-primary); background: var(--pk-hover); }

/* ---------- Sve kategorije ---------- */
.pk-cats { padding-top: 12px; padding-bottom: 32px; display: flex; flex-direction: column; gap: 12px; }
.pk-cats-title { font-size: 22px; margin: 6px 0 0; }
.pk-cats-grid { display: grid; grid-template-columns: 1fr; gap: 8px; }
.pk-cat { border-radius: 14px; background: var(--pk-card); border: 1px solid var(--pk-line); overflow: hidden; }
.pk-cat-head { width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pk-cat-head b { flex: 1; font-size: 14.5px; }
.pk-cat-head em { font-style: normal; color: var(--pk-muted); font-size: 12.5px; }
.pk-cat-ico { flex: none; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-cat-chev { color: var(--pk-muted); }
.pk-cat-groups { display: flex; flex-direction: column; padding: 0 12px 10px; border-top: 1px solid var(--pk-line); }
.pk-cat-groups a { padding: 10px 2px 10px 6px; text-decoration: none; color: inherit; font-size: 14px; border-bottom: 1px solid var(--pk-line); display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pk-cat-groups a > span { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.pk-cat-groups a > .mud-icon-root { color: var(--pk-muted); flex: none; }
.pk-cat-groups a:last-child { border-bottom: 0; }
.pk-cat-groups a.is-all { color: var(--pk-accent); font-weight: 600; }
.pk-cat-groups a.is-all > .mud-icon-root { color: var(--pk-accent); }
.pk-cat-groups em { font-style: normal; color: var(--mud-palette-text-primary); font-size: 12px; font-weight: 700; padding: 1px 8px; border-radius: 999px; background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-cat-find { display: flex; align-items: center; gap: 8px; margin: 10px 0 6px; padding: 0 10px; height: 40px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--mud-palette-background); color: var(--pk-muted); }
.pk-cat-find input { flex: 1; min-width: 0; border: 0; background: none; color: var(--mud-palette-text-primary); font: inherit; font-size: 14px; outline: none; }
.pk-cat-find input::placeholder { color: var(--pk-muted); }
.pk-cat-find button { border: 0; background: none; color: var(--pk-muted); display: flex; padding: 2px; cursor: pointer; }
.pk-cat-none { padding: 12px 6px; color: var(--pk-muted); font-size: 13.5px; }

/* ---------- Postavi oglas ---------- */
.pk-wsteps { display: flex; gap: 6px; margin-bottom: 16px; }
.pk-wstep { flex: 1; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--pk-card); color: var(--pk-muted);
    font: inherit; font-size: 13px; cursor: pointer; min-width: 0; }
.pk-wstep:disabled { opacity: .5; cursor: default; }
.pk-wstep span { flex: none; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--pk-hover); font-weight: 700; font-size: 12px; }
.pk-wstep b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.pk-wstep.is-on { border-color: var(--pk-accent); color: var(--mud-palette-text-primary); }
.pk-wstep.is-on span, .pk-wstep.is-done span { background: var(--pk-accent); color: #fff; }
.pk-nwiz { max-width: 760px; }
.pk-nwiz-h { font-size: 15px; margin: 18px 0 8px; }
.pk-nwiz-h small { color: var(--pk-muted); font-weight: 400; }
.pk-nwiz-cats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.pk-nwiz-cat { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--pk-card); color: inherit;
    font: inherit; font-size: 13.5px; text-align: left; cursor: pointer; }
.pk-nwiz-cat .mud-icon-root { color: var(--pk-accent); flex: none; }
.pk-nwiz-cat:hover, .pk-nwiz-row:hover { border-color: var(--pk-accent); }
.pk-nwiz-list { display: flex; flex-direction: column; gap: 6px; }
.pk-nwiz-row { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--pk-card); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pk-nwiz-row span { flex: 1; display: flex; flex-direction: column; }
.pk-nwiz-row small { color: var(--pk-muted); font-size: 12px; }
.pk-nwiz-row.is-on { border-color: var(--pk-accent); background: var(--pk-accent-soft); }
.pk-nwiz-back { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; color: var(--pk-accent); font: inherit; cursor: pointer; padding: 4px 0; }
.pk-nwiz-picked { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--pk-accent-soft); margin-bottom: 14px; font-size: 14px; }
.pk-nwiz-picked span { flex: 1; }
.pk-nwiz-picked button { border: 0; background: none; color: var(--pk-accent); font: inherit; font-weight: 600; cursor: pointer; }
.pk-nwiz-fields { display: grid; grid-template-columns: 1fr; gap: 10px; }
.pk-nwiz-photos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 6px; }
.pk-nwiz-photo { position: relative; aspect-ratio: 1; border-radius: 12px; overflow: hidden; background: var(--pk-hover); border: 1px solid var(--pk-line); }
.pk-nwiz-photo img { width: 100%; height: 100%; object-fit: cover; }
.pk-nwiz-photo.is-main { border: 2px solid var(--pk-accent); }
.pk-nwiz-photo em { position: absolute; right: 6px; bottom: 6px; padding: 2px 6px; border-radius: 6px; background: var(--pk-accent); color: #fff; font-style: normal; font-size: 11px; font-weight: 700; }
.pk-nwiz-photo-del, .pk-nwiz-photo-rot { position: absolute; top: 6px; width: 30px; height: 30px; padding: 0; border-radius: 50%; border: 0; background: rgba(20,22,25,.62); color: #fff;
    display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pk-nwiz-photo-del { right: 6px; }
.pk-nwiz-photo-rot { left: 6px; }
.pk-nwiz-photo-rot:disabled { opacity: .5; }
/* Premestanje prevlacenjem: slika koja se vuce bledi, kopija ide za prstom, mesto gde ce sleteti dobija okvir. */
.pk-nwiz-photo { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.pk-nwiz-photo.is-drag { opacity: .35; }
.pk-nwiz-photo.is-over { outline: 3px solid var(--pk-accent); outline-offset: 1px; }
.pk-sort-ghost { position: fixed; z-index: 3000; margin: 0; pointer-events: none; box-shadow: 0 14px 36px rgba(0,0,0,.45); transform: scale(1.06); opacity: .95; }
.pk-sort-ghost .pk-nwiz-photo-del, .pk-sort-ghost .pk-nwiz-photo-rot, .pk-sort-ghost em { display: none; }
.pk-nwiz-photo.is-add { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; cursor: pointer; border-style: dashed; color: var(--pk-accent); }
.pk-nwiz-photo.is-add input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.pk-nwiz-photo.is-busy { display: flex; align-items: center; justify-content: center; }
.pk-nwiz-act { display: flex; justify-content: space-between; gap: 10px; margin-top: 22px; padding-bottom: 24px; }
.pk-lseg { display: inline-flex; flex-wrap: nowrap; gap: 4px; padding: 4px; border-radius: 12px; background: var(--pk-hover); border: 1px solid var(--pk-line); max-width: 100%; }
.pk-lseg.is-wrap { flex-wrap: wrap; }
.pk-lseg button { border: 0; background: transparent; color: var(--pk-muted); padding: 8px 14px; border-radius: 9px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.pk-lseg button.is-on { background: var(--pk-accent); color: #fff; }
.pk-consent .mud-typography { font-size: 13px; }
.pk-nwiz-review { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 14px; border: 1px solid var(--pk-line); background: var(--pk-card); }
.pk-nwiz-review img { width: 72px; height: 72px; border-radius: 10px; object-fit: cover; flex: none; }
.pk-nwiz-review div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pk-nwiz-review small { color: var(--pk-muted); font-size: 12.5px; }

/* ---------- Moji oglasi ---------- */
.pk-ltabs { display: grid; grid-template-columns: repeat(5, 1fr); margin: 0 -16px 14px; border-bottom: 1px solid var(--pk-line); }
.pk-ltab { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 2px 9px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--pk-muted); font: inherit; cursor: pointer; min-width: 0; }
.pk-ltab small { font-size: 11.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pk-ltab-ico { position: relative; display: inline-flex; }
.pk-ltab-ico .mud-icon-root { font-size: 24px; }
.pk-ltab-ico em { position: absolute; top: -6px; right: -12px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--pk-accent); color: #fff; font: 700 10.5px/17px Inter, sans-serif; font-style: normal; text-align: center; }
.pk-ltab.is-on { color: var(--pk-accent); border-bottom-color: var(--pk-accent); }
@media (min-width: 600px) { .pk-ltabs { margin: 0 0 14px; max-width: 640px; } }
.pk-ltab.is-on em { background: rgba(255,255,255,.25); }
.pk-mine { display: flex; flex-direction: column; gap: 10px; }
.pk-mine-row { display: grid; grid-template-columns: 84px 1fr; gap: 10px 12px; padding: 10px; border-radius: 14px; background: var(--pk-card); border: 1px solid var(--pk-line); }
.pk-mine-img { width: 84px; height: 84px; border-radius: 10px; overflow: hidden; background: var(--pk-hover); display: flex; align-items: center; justify-content: center; color: var(--pk-muted); }
.pk-mine-img img { width: 100%; height: 100%; object-fit: cover; }
.pk-mine-body { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pk-mine-title { font-weight: 600; text-decoration: none; color: inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pk-mine-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13px; }
.pk-mine-sub small { color: var(--pk-muted); }
.pk-mine-sub .pk-lcard-price { font-size: 14px; margin: 0; }
.pk-mine-stats { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: 12.5px; color: var(--pk-muted); }
.pk-mine-stats span { display: inline-flex; align-items: center; gap: 3px; }
.pk-mine-stats .mud-icon-root { font-size: 15px; }
.pk-mine-reason { display: flex; align-items: flex-start; gap: 6px; font-size: 13px; color: #E5484D; }
.pk-mine-reason.is-info { color: var(--pk-muted); }
.pk-mine-act { grid-column: 1 / -1; display: flex; gap: 8px; align-items: center; }
.pk-mine-act > .mud-button-root { flex: 1; min-width: 0; height: 40px; border-radius: 12px; font-weight: 700; padding: 0 10px; white-space: nowrap; }
.pk-mine-act > .mud-button-root .mud-button-label { overflow: hidden; text-overflow: ellipsis; }
.pk-mine-more { flex: none; width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--pk-hover); color: var(--mud-palette-text-primary); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.pk-lstatus { display: inline-flex; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--pk-hover); color: var(--pk-muted); }
.pk-lstatus.is-active { background: rgba(22, 163, 74, .14); color: #16A34A; }
.pk-lstatus.is-pending, .pk-lstatus.is-draft { background: rgba(234, 179, 8, .16); color: #CA8A04; }
.pk-lstatus.is-expiring { background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-lstatus.is-rejected, .pk-lstatus.is-removed { background: rgba(229, 72, 77, .14); color: #E5484D; }
.pk-lstatus.is-sold { background: rgba(45, 127, 249, .14); color: #2D7FF9; }

/* ---------- Provera oglasa ---------- */
.pk-modr-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.pk-modr-row { padding: 12px; margin-bottom: 10px; border-left: 4px solid transparent; }
.pk-modr-row.is-clean { border-left-color: #16A34A; }
.pk-modr-row.is-flagged { border-left-color: #EAB308; }
.pk-modr-top { display: flex; gap: 10px; align-items: flex-start; }
.pk-modr-photos { display: flex; gap: 4px; flex-wrap: wrap; width: 132px; flex: none; }
.pk-modr-photos img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; }
.pk-modr-nophoto { font-size: 12px; color: var(--pk-muted); }
.pk-modr-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.pk-modr-title { font-weight: 700; color: inherit; }
.pk-modr-sub { font-size: 13px; color: var(--pk-muted); }
.pk-modr-sub .pk-lcard-price { font-size: 14px; }
.pk-flag { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 8px; font-size: 12.5px; background: rgba(234, 179, 8, .14); color: #CA8A04; }
.pk-flag.is-clean { background: rgba(22, 163, 74, .14); color: #16A34A; }
.pk-flag.is-report { background: rgba(229, 72, 77, .12); color: #E5484D; }
.pk-modr-more { border: 0; background: none; color: var(--pk-accent); font: inherit; font-size: 13px; cursor: pointer; padding: 0; }
.pk-modr-desc { font-size: 13.5px; white-space: pre-line; padding: 8px 10px; border-radius: 10px; background: var(--pk-hover); width: 100%; }
.pk-modr-act { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; margin-top: 8px; }

/* ---------- Kategorije (administracija) ---------- */
.pk-acat { display: flex; flex-direction: column; gap: 8px; }
.pk-acat-row { padding: 6px 8px; }
.pk-acat-row.is-off { opacity: .6; }
.pk-acat-head { display: flex; align-items: center; gap: 6px; }
.pk-acat-toggle { flex: 1; min-width: 0; display: grid; grid-template-columns: 40px 1fr auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center;
    border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; padding: 4px; }
.pk-acat-toggle > :first-child { grid-row: 1 / span 2; }
.pk-acat-toggle small { color: var(--pk-muted); font-size: 12px; grid-column: 2; }
.pk-acat-toggle > .mud-icon-root:last-child { grid-row: 1 / span 2; grid-column: 3; }
.pk-acat-img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.pk-acat-act { display: flex; }
.pk-acat-body { padding: 8px 4px 6px 54px; }
.pk-acat-sub { display: flex; align-items: center; justify-content: space-between; margin: 6px 0; }
.pk-acat-field, .pk-acat-group { display: flex; align-items: center; gap: 4px; padding: 2px 0; border-bottom: 1px solid var(--pk-line); }
.pk-acat-field span, .pk-acat-group span { flex: 1; min-width: 0; font-size: 13.5px; }
.pk-acat-field small, .pk-acat-group small { color: var(--pk-muted); font-size: 12px; }
.pk-acat-group.is-off { opacity: .55; }
.pk-acat-groups { max-height: 420px; overflow: auto; }
.pk-cat-img { display: flex; gap: 12px; align-items: center; }
.pk-cat-img img, .pk-cat-img-empty { width: 96px; height: 64px; border-radius: 10px; object-fit: cover; flex: none; }
.pk-cat-img-empty { display: flex; align-items: center; justify-content: center; background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-upload-btn { cursor: pointer; }

/* ---------- Donja traka: srednje dugme "+" ---------- */
.tabbar .tab.tab-new { background: transparent !important; box-shadow: none !important; }
.tab-new-dot { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--pk-accent); color: #fff;
    box-shadow: 0 6px 18px rgba(244, 88, 1, .45); margin-top: -2px; }
.tabbar .tab.tab-new span:not(.tab-new-dot) { display: none; }

/* ---------- Racunar ---------- */
@media (min-width: 600px) {
    .pk-hm-tiles { grid-template-columns: repeat(3, minmax(0, 220px)); }
    .pk-htile { min-height: 140px; padding: 14px; }
    .pk-htile b { font-size: 16px; }
    .pk-feed { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; }
    .pk-lcard { flex-direction: column; gap: 8px; min-height: 0; }
    .pk-lcard-img { width: 100%; height: auto; aspect-ratio: 1; }
    .pk-lcard-body { padding-right: 0; }
    .pk-lcard-heart { top: 14px; right: 14px; background: rgba(0,0,0,.45); color: #fff; }
    .pk-lcard-heart.is-on { color: #FF6B6F; }
    .pk-lcard.is-skel { min-height: 300px; }
    .pk-nwiz-cats { grid-template-columns: repeat(3, 1fr); }
    .pk-nwiz-fields { grid-template-columns: 1fr 1fr; }
    .pk-nwiz-photos { grid-template-columns: repeat(5, 1fr); }
    .pk-mine-row { grid-template-columns: 96px 1fr auto; }
    .pk-mine-img { width: 96px; height: 96px; }
    .pk-mine-act { grid-column: auto; flex-direction: column; align-items: stretch; justify-content: center; }
    .pk-mine-act > .mud-button-root { flex: none; }
    .pk-mine-more { width: 100%; }
    .pk-cats-grid { grid-template-columns: 1fr 1fr; align-items: start; }
    .pk-advf { position: static; inset: auto; z-index: auto; padding: 16px; border-radius: 16px; border: 1px solid var(--pk-line); background: var(--pk-card); overflow: visible; }
    .pk-advf-grid { grid-template-columns: repeat(2, 1fr); }
    .pk-advf-fields { grid-template-columns: repeat(3, 1fr); }
    .pk-advf-act { position: static; padding: 12px 0 0; border-top: 0; background: none; }
    .pk-advf-act .mud-button-root { flex: none; }
    .pk-oglas-fields { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 960px) {
    .pk-feed { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
/* Racunar: vreme objave se ne prikazuje na kartici (uske kartice - ne staje uz cenu). Telefon ga zadrzava. */
@media (min-width: 600px) { .pk-lcard .pk-lcard-foot .pk-lcard-ago { display: none !important; } }
/* Siri racunar: 6 kartica u redu (manje kartice). */
@media (min-width: 1180px) {
    .pk-feed { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
}
@media (min-width: 960px) {
    .pk-advf-grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; }
    .pk-oglas-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "media side" "body side"; column-gap: 28px; }
    .pk-oglas-media { grid-area: media; }
    .pk-oglas-grid > .pk-oglas-info { grid-area: side; }
    .pk-oglas-body { grid-area: body; }
    .pk-oglas-side { grid-area: side; align-self: start; position: sticky; top: 84px; display: flex; flex-direction: column; gap: 16px; }
    .pk-oglas-side .pk-oglas-info > .pk-divider:last-child { display: none; }
    .pk-oglas-title { font-size: 26px; }
    .pk-cats-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Strane oglasa: bez velikog razmaka iznad (pub-sec ima razmak za sekcije naslovne). */
.pub-sec.pk-hm-wrap, .pub-sec.pk-search, .pub-sec.pk-cats, .pub-sec.pk-oglas { margin-top: 0; }

/* Vodoravni red kategorija: jasno da se vuce levo-desno - poslednja kartica je presecena, desna ivica bledi, strelica "jos". */
.pk-pop-wrap { position: relative; margin-right: -16px; }
.pk-pop-wrap .pk-pop-row { padding-right: 56px; scroll-padding-right: 56px; }
.pk-pop-wrap::after { content: ""; position: absolute; top: 0; right: 0; bottom: 6px; width: 64px; pointer-events: none;
    background: linear-gradient(90deg, rgba(20,22,25,0), var(--pk-bg, #141619) 85%); transition: opacity .2s; }
.pk-pop-next { position: absolute; right: 14px; top: 16px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--pk-line); background: var(--pk-card);
    color: var(--pk-accent); display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); transition: opacity .2s; }
.pk-pop-next .mud-icon-root { font-size: 22px; }
.pk-pop-wrap.is-end::after, .pk-pop-wrap.is-end .pk-pop-next { opacity: 0; pointer-events: none; }
html:not(.pk-dark) .pk-pop-wrap::after { background: linear-gradient(90deg, rgba(245,246,248,0), #F5F6F8 85%); }
@media (min-width: 600px) { .pk-pop-wrap { margin-right: 0; } .pk-pop-next { right: 6px; } }

/* Pretrazi detaljno: polja linijska (Text), Mesto pa Okolina jedno ispod drugog, da/ne filteri kao pilule sa ikonicom. */
.pk-frow.is-stack { flex-direction: column; gap: 4px; }
.pk-frow.is-stack .pk-fradius { max-width: none; }
.pk-fchecks { gap: 8px; margin: 4px 0 2px; }
.pk-fchecks.is-col .pk-fchip { width: 100%; }
.pk-fchip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px 8px 10px; border-radius: 999px; border: 1px solid var(--pk-line); background: var(--pk-card);
    color: var(--mud-palette-text-primary); font: 500 14px Inter, sans-serif; cursor: pointer; transition: border-color .15s, background-color .15s, color .15s; }
.pk-fchip .mud-icon-root { font-size: 19px; margin: 0; }
.pk-fchip-ico { color: var(--pk-muted); }
.pk-fchip-chk { color: var(--pk-line); margin-left: 2px; }
.pk-fchip.is-on { border-color: #F45801; background: rgba(244,88,1,.12); color: var(--mud-palette-text-primary); }
.pk-fchip.is-on .pk-fchip-ico, .pk-fchip.is-on .pk-fchip-chk { color: #F45801; }
html.pk-dark .pk-fchip.is-on .pk-fchip-ico, html.pk-dark .pk-fchip.is-on .pk-fchip-chk { color: #FF9A55; }
.pk-fchip:active { transform: scale(.98); }
.pk-advf-act .mud-button-root:first-child { flex: none; }
.pk-advf-act .mud-button-root { white-space: nowrap; }

/* Kartica: datum stoji u istom redu sa cenom (desno), ne "lebdi" iznad. */
.pk-lcard-foot { margin-top: auto; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.pk-lcard-foot .pk-lcard-price { margin-top: 0; }
.pk-lcard-foot .pk-lcard-ago { font-size: 12px; color: var(--pk-muted); white-space: nowrap; }
.pk-search-total > span { margin-left: 5px; }

/* Dugacke reci / naslovi bez razmaka ne smeju da razvuku karticu: lome se i seku. */
.pk-lcard-title, .pk-lcard-place, .pk-mine-title, .pk-oglas-title, .pk-oglas-desc, .pk-oglas-seller b, .pk-oglas-seller span, .pk-lcard, .pk-htile b, .pk-pop small { overflow-wrap: anywhere; word-break: break-word; min-width: 0; }
.pk-oglas-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pk-lcard-place { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Pretraga: istorija (red sa X), poruka ispod polja, "Sortiraj" meni desno od broja oglasa. */
.pk-sbox-pophead { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px 4px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--pk-muted); }
.pk-sbox-pophead button { border: 0; background: none; color: var(--pk-accent); font: 600 12.5px Inter, sans-serif; text-transform: none; letter-spacing: 0; cursor: pointer; padding: 4px 0; }
.pk-sbox-row.is-hist { display: flex; align-items: stretch; padding: 0; }
.pk-sbox-rowmain { flex: 1; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; min-width: 0; }
.pk-sbox-rowmain span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-sbox-rowdel { border: 0; background: none; color: var(--pk-muted); padding: 0 12px; cursor: pointer; display: flex; align-items: center; }
.pk-sbox-rowdel:hover { color: var(--pk-accent); }
.pk-sbox-hint { display: flex; align-items: center; gap: 6px; margin: 8px 4px 0; font-size: 13px; color: var(--pk-accent); }
.pk-sbox-hint .mud-icon-root { font-size: 16px; }
.pk-sort-btn { display: inline-flex; align-items: center; gap: 4px; padding: 6px 8px 6px 10px; border-radius: 999px; border: 1px solid var(--pk-line); background: var(--pk-card); color: var(--mud-palette-text-primary); font: 600 13px Inter, sans-serif; cursor: pointer; }
.pk-sort-btn .mud-icon-root { font-size: 18px; color: var(--pk-accent); }
.pk-sort-on { color: var(--pk-accent) !important; font-weight: 700; }

/* Naslovna: "Sve kategorije" ista tamna kartica kao ostale (narandzasta samo ikonica); Popularno bez strelice i senke,
   ikonice popunjene, krupnije, na zaobljenim kvadratima. */
.pk-htile.is-all { background: var(--pk-card); border: 1px solid var(--pk-line); }
.pk-htile.is-all .pk-htile-ico { color: var(--pk-accent); background: rgba(244,88,1,.14); }
.pk-pop-wrap::after, .pk-pop-next { display: none !important; }
.pk-pop-wrap .pk-pop-row { padding-right: 16px; }
.pk-pop-ico { border-radius: 18px; border: 0; background: var(--pk-hover, #272B30); color: #fff; }
.pk-pop-ico .mud-icon-root { font-size: 30px; }
html:not(.pk-dark) .pk-pop-ico { background: #EDEFF2; color: #0B1B3A; }

/* "Sve kategorije": blago istaknuta - narandzasti rub i prelaz, ne puna boja. */
.pk-htile.is-all { border: 1px solid rgba(244,88,1,.55); background: linear-gradient(160deg, rgba(244,88,1,.22), var(--pk-card) 70%); }
.pk-htile.is-all .pk-htile-ico { background: #F45801; color: #fff; }

/* Dugmad na oglasu: poruka siroka, telefon srednje, srce kvadrat 44px. */
.pk-oglas-actions { flex-wrap: nowrap; }
.pk-oglas-actions .pk-act-msg { flex: 1 1 auto; }
.pk-oglas-actions .pk-act-tel { flex: 0 1 auto; white-space: nowrap; }
.pk-oglas-actions .pk-act-save { flex: 0 1 auto; }
.pk-oglas-actions .pk-act-heart { flex: 0 0 44px; width: 44px; height: 40px; border-radius: 10px; border: 1px solid var(--pk-line); }
.pk-oglas-actions .pk-act-heart .mud-icon-root { font-size: 22px; }

/* Uski telefoni (do 360px): poruka u jednom redu, telefon samo ikonica, srce ostaje 44px. */
.pk-oglas-actions .pk-act-msg { min-width: 0; white-space: nowrap; }
.pk-oglas-actions .pk-act-msg .mud-button-label { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 360px) {
    .pk-oglas-actions { gap: 6px; }
    .pk-oglas-actions .pk-act-msg { font-size: 13px; padding-left: 10px; padding-right: 10px; }
}
.pk-oglas-actions { min-width: 0; }
.pk-oglas-actions .pk-act-msg { flex: 1 1 0 !important; }
.pk-oglas-actions .pk-act-tel { flex: 0 0 auto !important; }
.pk-oglas-actions .pk-act-heart { flex: 0 0 44px !important; }
.pk-oglas-actions .pk-act-save { flex: 0 0 auto !important; }
/* Oglas: kolona ne sme da se siri preko ekrana zbog galerije/sličica (minmax(0,1fr) + min-width:0).
   Samo do 959px - na racunaru vazi raspored u dve kolone (slika levo, podaci desno). */
@media (max-width: 959px) { .pk-oglas-grid { grid-template-columns: minmax(0, 1fr); } }
.pk-oglas-grid > * { min-width: 0; max-width: 100%; }
/* Dugmad na oglasu: tekst uvek u jednom redu; ako ne stane, dugmad prelaze u novi red (ne deblja se dugme). */
.pk-oglas-actions { flex-wrap: wrap !important; }
.pk-oglas-actions .mud-button-root { white-space: nowrap; }
.pk-oglas-actions .pk-act-msg { flex: 1 1 150px !important; }
.pk-oglas-actions .pk-act-tel { flex: 1 0 auto !important; }
.pk-oglas-actions .pk-act-save { flex: 1 0 auto !important; }
.pk-oglas-actions .pk-act-msg .mud-button-label { overflow: visible; }
/* Dugme "Telefon" zelenkasto (kao na PB), ne narandzasto. */
.pk-oglas-actions .pk-act-tel { color: #1E9E6A !important; border-color: rgba(30,158,106,.55) !important; background: rgba(30,158,106,.08); }
.pk-oglas-actions .pk-act-tel .mud-icon-root { color: #1E9E6A !important; }
html.pk-dark .pk-oglas-actions .pk-act-tel { color: #5EE0A8 !important; border-color: rgba(94,224,168,.5) !important; background: rgba(94,224,168,.08); }
html.pk-dark .pk-oglas-actions .pk-act-tel .mud-icon-root { color: #5EE0A8 !important; }
/* Uski ekrani: srce ostaje uz "Posalji poruku", a "Telefon" ide u drugi red preko cele sirine. */
/* Redosled uvek: Posalji poruku, Telefon, srce - i kad predju u novi red. */
.pk-oglas-actions .pk-act-msg { order: 1; }
.pk-oglas-actions .pk-act-tel { order: 2; }
.pk-oglas-actions .pk-act-heart, .pk-oglas-actions .pk-act-save { order: 3; }

/* Grupe u kategoriji: "Sve grupe" + red koji se vuce (poslednji chip presecen - vidi se da ima jos); lista svih grupa u dijalogu. */
/* "Sve grupe": jedan uredan red (ikonica, naslov + broj grupa, strelica) umesto nabacanih cipova. */
.pk-grow-btn { display: flex; align-items: center; gap: 12px; width: 100%; margin: 0 0 12px; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--pk-line); background: var(--pk-card);
    color: var(--mud-palette-text-primary); font: inherit; text-align: left; cursor: pointer; }
.pk-grow-ico { flex: none; width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-grow-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pk-grow-txt b { font-size: 14.5px; font-weight: 700; }
.pk-grow-txt small { font-size: 12.5px; color: var(--pk-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-grow-chev { color: var(--pk-muted); flex: none; }
.pk-grow-btn.is-picked { border-color: rgba(244,88,1,.5); }
.pk-grow-btn.is-picked .pk-grow-ico { background: var(--pk-accent); color: #fff; }
.pk-gpick-q { margin-bottom: 8px; }
.pk-gpick-list { max-height: min(60vh, 440px); overflow-y: auto; margin: 0 -8px; }
.pk-gpick-row { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 10px; border: 0; border-bottom: 1px solid var(--pk-line);
    background: none; color: inherit; font: inherit; font-size: 14.5px; text-align: left; cursor: pointer; }
.pk-gpick-row:last-child { border-bottom: 0; }
.pk-gpick-row em { font-style: normal; font-size: 12.5px; color: var(--pk-muted); }
.pk-gpick-row.is-all { color: var(--pk-accent); font-weight: 600; }
.pk-gpick-row.is-empty { color: var(--pk-muted); }
/* Izabrana grupa: narandzasta podloga i kvacica, uvek na vrhu liste. */
.pk-gpick-row.is-on { background: var(--pk-accent-soft); color: var(--pk-accent); font-weight: 700; border-radius: 10px; }
.pk-gpick-row.is-on em { color: var(--pk-accent); }
.pk-gpick-chk { margin-left: auto; color: var(--pk-accent); }
.pk-gpick-row.is-on em { margin-left: 0; }
.pk-gpick-row:active { background: var(--pk-hover); }
.pk-gpick-none { padding: 16px 10px; color: var(--pk-muted); font-size: 14px; }

/* "Kupujte sigurno" kao PB "Vazno": leva zelena ivica, bedz gore desno; broj oglasa sitno na dnu bocne kolone. */
.pk-safe { position: relative; display: block; padding: 14px 14px 12px; margin-top: 14px; border: 1px solid var(--pk-line); border-left: 4px solid #16A34A; border-radius: 14px; background: var(--pk-card); overflow: visible; }
.pk-safe > .mud-icon-root { display: none; }
.pk-safe-badge { position: absolute; top: -12px; right: 12px; display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700;
    color: #16A34A; background: rgba(22,163,74,.14); border: 1px solid rgba(22,163,74,.35); }
html.pk-dark .pk-safe-badge { color: #5EE0A8; background: #16281F; border-color: rgba(94,224,168,.35); }
.pk-safe-badge .mud-icon-root { font-size: 15px; }
.pk-safe b { font-size: 15px; margin-bottom: 4px; }
.pk-oglas-num { margin-top: 14px; font-size: 12px; color: var(--pk-muted); text-align: right; }
.pk-safe { margin-top: 24px !important; }

/* Oglas: red pregledi / sacuvali / Podeli; linkovi uz prodavca kao male pilule u jednom redu. */
.pk-oglas-meta .pk-oglas-stats { margin-left: auto; display: inline-flex; gap: 12px; }
.pk-oglas-stats span { display: inline-flex; align-items: center; gap: 4px; }
.pk-oglas-share { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--pk-line); background: var(--pk-card);
    color: var(--mud-palette-text-primary); font: 600 13px Inter, sans-serif; cursor: pointer; }
.pk-oglas-share .mud-icon-root { color: var(--pk-accent); }
/* "Svi oglasi (n)" je obican link u redu sa ostalim podacima; akcije (Ne vazi / Prijavi / Sakrij) kao uredni redovi sa tankom linijom izmedju. */
.pk-seller-all { color: var(--pk-accent); font-weight: 600; text-decoration: none; }
.pk-seller-all:hover { text-decoration: underline; }
.pk-seller-links { gap: 0 !important; padding-top: 4px !important; margin-top: 6px; }
.pk-seller-links button { width: 100%; justify-content: flex-start; text-align: left; padding: 10px 2px !important; border-radius: 0 !important; border-bottom: 1px solid var(--pk-line); font-size: 13.5px !important; }
.pk-seller-links button:last-child { border-bottom: 0; }
.pk-seller-links button:hover, .pk-seller-links button:focus, .pk-seller-links button:active { background: none; color: var(--pk-muted); outline: none; }
.pk-score { gap: 12px !important; font-size: 14px; font-weight: 700; padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid var(--pk-line); }
.pk-score > span, .pk-score-link > span { display: inline-flex; align-items: center; gap: 4px; }
.pk-score .mud-icon-root { font-size: 17px; width: 17px; height: 17px; }
.pk-score .is-pos { color: #22C55E; }
.pk-score .is-neg { color: #EF4444; }
.pk-seller-links button .mud-icon-root { font-size: 18px; opacity: .8; }
.pk-oglas-num { margin-top: 10px; }

/* Prodavac: grad (+ adresa za firmu), "Pogledaj sve oglase"; na pretrazi traka "Svi oglasi ovog prodavca" sa X. */
.pk-seller-sub { display: flex !important; align-items: center; flex-wrap: wrap; gap: 0 8px; color: var(--pk-muted); line-height: 1.4; }
.pk-seller-where { display: inline-flex; align-items: center; gap: 2px; }
.pk-seller-where .mud-icon-root { font-size: 15px; width: 15px; height: 15px; }
.pk-seller-filter { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 8px 10px 8px 12px; border-radius: 12px; border: 1px solid rgba(244,88,1,.45); background: rgba(244,88,1,.08); font-size: 14px; font-weight: 600; }
.pk-seller-filter .mud-icon-root { color: var(--pk-accent); }
.pk-seller-filter button { margin-left: auto; border: 0; background: none; color: var(--pk-muted); cursor: pointer; display: flex; padding: 4px; }

/* Isto kao na PB (.pub-car-avwrap / .pub-car-check): kockasta slika, prsten 2px podloga + 3.5px boja, pecat na tamnom krugu dole desno. */
.pk-seller-avwrap { position: relative; flex: none; display: inline-flex; width: 64px; height: 64px; border-radius: 14px; }
.pk-seller-avwrap.is-verified > .pk-seller-av { box-shadow: 0 0 0 2px var(--pk-card), 0 0 0 3.5px rgba(22, 163, 74, .38), 0 4px 12px -4px rgba(0, 0, 0, .35); }
.pk-seller-avwrap.is-premium > .pk-seller-av { box-shadow: 0 0 0 2px var(--pk-card), 0 0 0 3.5px rgba(233, 162, 31, .75), 0 4px 12px -4px rgba(0, 0, 0, .35); }
/* Znacka (verifikovan / premium): isto svuda - kvacica na donjem desnom uglu slike, tanak rub u boji kartice, bez tamnog kruga. */
.pk-av-check { position: absolute; right: -5px; bottom: -5px; width: 22px; height: 22px; border-radius: 50%; background: var(--pk-card); display: inline-flex; align-items: center; justify-content: center; color: #16A34A; box-shadow: 0 0 0 2px var(--pk-card); }
.pk-av-check .mud-icon-root { font-size: 22px; width: 22px; height: 22px; }
/* Na oglasu (kartica prodavca) i na traci "Oglasi prodavca" znacka malo manja; na profilu / prodavnici ostaje. */
aside.pk-seller .pk-av-check, .pk-seller-top .pk-av-check { width: 18px; height: 18px; right: -4px; bottom: -4px; }
aside.pk-seller .pk-av-check .mud-icon-root, .pk-seller-top .pk-av-check .mud-icon-root { font-size: 18px; width: 18px; height: 18px; }
.pk-seller-avwrap.is-premium .pk-av-check { color: #E9A21F; }

/* Javni profil oglasivaca: ista kartica kao na oglasu, ispod ocene. Ime, slika i palcevi na oglasu su linkovi ka profilu. */
.pk-seller-name { color: inherit; text-decoration: none; }
.pk-score-link { display: inline-flex; gap: 12px; color: inherit; text-decoration: none; }
.pk-profile { margin-top: 12px !important; }
.pk-profile-card { margin-bottom: 18px; }
.pk-profile .pk-h2 { font-size: 17px; font-weight: 800; margin: 0 0 10px; }
.pk-ratings { display: flex; flex-direction: column; gap: 10px; }
.pk-rating { padding: 12px 14px; border-radius: 14px; background: var(--pk-card); border: 1px solid var(--pk-line); border-left: 3px solid #22C55E; }
.pk-rating.is-neg { border-left-color: #EF4444; }
.pk-rating-head { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.pk-rating.is-pos .pk-rating-head .mud-icon-root { color: #22C55E; }
.pk-rating.is-neg .pk-rating-head .mud-icon-root { color: #EF4444; }
.pk-rating-head small { margin-left: auto; color: var(--pk-muted); font-size: 12px; }
.pk-rating p { margin: 6px 0 4px; font-size: 14px; line-height: 1.45; }
.pk-rating-ad { display: block; color: var(--pk-muted); font-size: 12.5px; }
@media (min-width: 900px) { .pk-profile { max-width: 720px; } }
/* Prodavnica na racunaru: cela sirina sadrzaja, baner i kartica zaobljeni (ne od ivice do ivice), kartica nije lepljiva. */
@media (min-width: 600px) {
    .pk-profile.is-shop { max-width: none; margin-top: 0 !important; }
    .pk-profile.is-shop .pk-shop-hero { margin: 0; border-radius: 18px 18px 0 0; height: 240px; }
    .pk-profile.is-shop .pk-profile-card.is-shop { position: static; margin: 0 0 22px; border: 1px solid var(--pk-line); border-top: 0; border-radius: 0 0 18px 18px; padding: 18px 24px; }
}
@media (min-width: 1000px) {
    /* Podaci firme u dve kolone: levo naziv, ocene i cinjenice; desno o firmi, radno vreme, kontakt i mapa. */
    .pk-profile-card.is-shop { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 32px; align-items: start; }
    .pk-profile-card.is-shop > .pk-shop-name, .pk-profile-card.is-shop > .pk-seller-head, .pk-profile-card.is-shop > .pk-seller-facts, .pk-profile-card.is-shop > .pk-seller-links { grid-column: 1; }
    .pk-profile-card.is-shop > .pk-seller-about, .pk-profile-card.is-shop > .pk-shop-info, .pk-profile-card.is-shop > .pk-shop-map-wrap { grid-column: 2; }
    .pk-profile-card.is-shop > .pk-seller-about { grid-row: 1 / span 2; border-top: 0; padding-top: 0; }
    .pk-shop-sbox, .pk-shop-catwrap { max-width: 640px; }
}

/* Filter ocena: Sve / Pozitivne / Negativne (segment), odgovor ocenjenog ispod ocene. */
.pk-rfilter { display: flex; gap: 6px; margin: 0 0 12px; }
.pk-rfilter button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 8px 6px; border-radius: 999px; border: 1px solid var(--pk-line); background: var(--pk-card);
    color: var(--pk-muted); font: 600 13px Inter, sans-serif; cursor: pointer; white-space: nowrap; }
.pk-rfilter button em { font-style: normal; font-weight: 700; }
/* Mali telefoni: dugmad se ne preklapaju - manji font i razmak, tekst nikad u dva reda; na 320 px bez reci ("Sve 1", palac 1, palac 0). */
.pk-rfilter button { min-width: 0; white-space: nowrap; }
@media (max-width: 389px) { .pk-rfilter { gap: 4px; } .pk-rfilter button { font-size: 12.5px; padding: 8px 4px; gap: 4px; } }
@media (max-width: 339px) { .pk-rfilter button.is-pos span, .pk-rfilter button.is-neg span { display: none; } }
.pk-rfilter button .mud-icon-root { font-size: 16px; width: 16px; height: 16px; }
.pk-rfilter button.is-pos .mud-icon-root { color: #22C55E; }
.pk-rfilter button.is-neg .mud-icon-root { color: #EF4444; }
.pk-rfilter button.is-on { color: var(--mud-palette-text-primary); border-color: var(--pk-accent); background: var(--pk-accent-soft); }
.pk-rating-reply { margin-top: 8px; padding: 8px 10px; border-radius: 10px; background: var(--pk-hover); font-size: 13.5px; line-height: 1.45; }
.pk-rating-reply b { font-weight: 700; margin-right: 4px; }
@media (max-width: 359px) { .pk-rfilter button { font-size: 12px; padding: 8px 4px; gap: 3px; } }

/* Ispod "Kupujte sigurno": Podeli + Kopiraj link (dva jednaka dugmeta), pa tanka linija. */
.pk-share-row { display: flex; gap: 8px; margin: 14px 0 0; }
.pk-share-row button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--pk-card);
    color: var(--mud-palette-text-primary); font: 600 14px Inter, sans-serif; cursor: pointer; white-space: nowrap; }
.pk-share-row button .mud-icon-root { color: var(--pk-accent); }
.pk-divider { border: 0; border-top: 1px solid var(--pk-line); margin: 16px 0 4px; }

/* Naslov polja kategorije u detaljnoj pretrazi: razmak od cekova iznad. */
.pk-flabel-fields { margin-top: 20px; margin-bottom: 4px; }

/* Naslovna bez velikih kartica kategorija: "Najtrazenije" odmah ispod pretrage. */
.pk-hm-sbox + .pk-hm-head { margin-top: 18px; }
/* Ispod "Najnovije": dva velika izbora (novo danas / pretraga). */
.pk-fresh-title { display: flex; align-items: center; gap: 6px; margin: 8px 0 4px !important; }
.pk-fresh-title .mud-icon-root { color: var(--pk-accent); }
.pk-hm-cta { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 16px 0 6px; }
.pk-hm-cta-it { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--pk-accent) 35%, var(--pk-line)); background: var(--pk-card); color: inherit; text-decoration: none; }
.pk-hm-cta-it > span:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pk-hm-cta-it b { font-size: 15px; }
.pk-hm-cta-it small { font-size: 12.5px; color: var(--pk-muted); }
.pk-hm-cta-ico { flex: none; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--pk-accent) 15%, transparent); color: var(--pk-accent); }
.pk-hm-cta-ico.is-all { background: color-mix(in srgb, #2D7FF9 15%, transparent); color: #2D7FF9; }
.pk-hm-cta-chev { flex: none; color: var(--pk-muted); }
/* Sekcije kategorija: naslov sa ikonicom, red kartica. */
.pk-hm-sec { margin-top: 22px; }
.pk-hm-sec-title { display: inline-flex; align-items: center; gap: 8px; }
/* Ikonica naslova: obicna, u boji teksta, bez okvira. */
.pk-hm-sec-ico { display: inline-flex; align-items: center; color: inherit; }
.pk-hm-sec-ico .mud-icon-root { font-size: 20px; }
/* Linija ispod naslova (Najnovije, kategorije): od pocetka do kraja, ka desno se gubi. */
.pk-hm-head.is-line { position: relative; padding-bottom: 8px; }
.pk-hm-head.is-line::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--pk-accent) 70%, transparent), var(--pk-line) 45%, transparent); }
.pk-hm-head.is-line + .pk-feed, .pk-hm-head.is-line + .pk-hm-row { margin-top: 12px; }
.pk-hm-row { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 10px -14px 0; padding: 0 14px 4px; scrollbar-width: none; }
.pk-hm-row::-webkit-scrollbar { display: none; }
/* Telefon: nikad kocke - grupe su lista istih kartica kao "Najnovije" (slika levo, tekst desno). */
@media (max-width: 599px) {
    .pk-hm-row { flex-direction: column; overflow: visible; scroll-snap-type: none; margin: 10px 0 0; padding: 0; }
}
@media (min-width: 600px) {
    .pk-hm-cta { grid-template-columns: 1fr 1fr; }
    .pk-hm-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); overflow: visible; margin: 10px 0 0; padding: 0; gap: 12px; }
}
@media (min-width: 1180px) { .pk-hm-row { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* iPhone zumira stranu kad se dodirne polje sa fontom ispod 16px - na telefonu sva polja za unos 16px. */
@media (max-width: 599px) {
    .pk-sbox input, .pk-cat-find input, .pk-gpick-find input, .pk-sort .mud-input, .mud-input input, .mud-input textarea, .mud-select .mud-input { font-size: 16px; }
}

/* Kartica: vise mesta izmedju naslova i srca (telefon); "danas" sa ikonicom sata. */
.pk-lcard-body { padding-right: 0; }
.pk-lcard-title { padding-right: 40px; }
.pk-lcard-foot .pk-lcard-price { white-space: nowrap; }
.pk-lcard-foot .pk-lcard-ago { display: inline-flex; align-items: center; gap: 4px; }
.pk-lcard-foot .pk-lcard-ago .mud-icon-root { font-size: 15px; }
/* Cena i vreme u istoj ravni (centar po visini); vreme se skrati (…) umesto da izadje iz kartice, cena se ne skracuje. */
.pk-lcard-foot { align-items: center; min-width: 0; }
.pk-lcard-foot .pk-lcard-price { flex: none; }
.pk-lcard-foot .pk-lcard-ago { flex: 0 1 auto; min-width: 0; overflow: hidden; line-height: 1; }
.pk-lcard-foot .pk-lcard-ago .mud-icon-root { flex: none; }
.pk-lcard-foot .pk-lcard-ago > span:last-child, .pk-lcard-foot .pk-lcard-ago { text-overflow: ellipsis; }
@media (min-width: 600px) { .pk-lcard-title { padding-right: 0; } }

/* Postavi oglas, korak 1: pitanje iznad polja, podnaslovi i dugme "Prikazi sve" / "Sve grupe". */
.pk-nwiz-ask { display: block; font-size: 15px; font-weight: 700; margin: 2px 0 8px; }
.pk-nwiz-sub { font-size: 12.5px; font-weight: 600; color: var(--pk-muted); text-transform: uppercase; letter-spacing: .04em; margin: 4px 0 6px; }
.pk-nwiz-none { padding: 10px 12px; border-radius: 12px; background: var(--pk-hover); color: var(--pk-muted); font-size: 13.5px; margin-bottom: 4px; }
.pk-nwiz-more { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-top: 10px; padding: 12px; border-radius: 12px; border: 1px dashed var(--pk-line);
    background: transparent; color: var(--pk-accent); font: inherit; font-weight: 600; cursor: pointer; }
.pk-nwiz-more:hover { border-color: var(--pk-accent); background: var(--pk-accent-soft); }

/* Pretraga: predlog grupa za upisani tekst ("Tražite u grupi: ..."). Telefon: cipovi u jednom redu sa skrolom. */
.pk-search .pk-cat-hints { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 0 10px; padding-bottom: 2px; }
.pk-cat-hints::-webkit-scrollbar { display: none; }
.pk-cat-hints-l { flex: 0 0 auto; font-size: 12.5px; font-weight: 600; color: var(--pk-muted); white-space: nowrap; }
.pk-cat-hint { flex: 0 0 auto; padding: 6px 11px; font-size: 13px; white-space: nowrap; max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
.pk-cat-hint em { font-size: 12px; }
@media (min-width: 600px) {
    .pk-search .pk-cat-hints { flex-wrap: wrap; overflow: visible; margin-bottom: 12px; }
    .pk-cat-hint { max-width: none; }
}

/* ---------- Urednik opisa (RichEditor) i bogat opis na oglasu ---------- */
.pk-rich { border: 1px solid var(--pk-line); border-radius: 12px; background: var(--pk-card); margin-bottom: 16px; overflow: hidden; }
.pk-rich:focus-within { border-color: var(--pk-accent); box-shadow: 0 0 0 1px var(--pk-accent); }
.pk-rich.is-over { border-color: var(--mud-palette-error); }
.pk-rich-bar { display: flex; align-items: center; gap: 2px; padding: 4px 6px; border-bottom: 1px solid var(--pk-line); overflow-x: auto; scrollbar-width: none; }
.pk-rich-bar::-webkit-scrollbar { display: none; }
.pk-rich-bar .mud-button-root { flex: none; }
.pk-rich-sep { width: 1px; height: 20px; background: var(--pk-line); margin: 0 4px; flex: none; }
/* 16px u polju - iOS zumira stranu kad je font manji. */
.pk-rich-body { min-height: 160px; padding: 10px 12px; font-size: 16px; line-height: 1.5; outline: none; overflow-wrap: anywhere; word-break: break-word; }
.pk-rich-body.is-empty::before { content: attr(data-placeholder); color: var(--pk-muted); pointer-events: none; }
.pk-rich-count { font-size: 12px; color: var(--pk-muted); text-align: right; padding: 2px 12px 6px; }
.pk-rich.is-over .pk-rich-count { color: var(--mud-palette-error); }
.pk-rich-body h2, .pk-oglas-desc h2, .pk-modr-desc h2 { font-size: 17px; font-weight: 700; margin: 10px 0 6px; line-height: 1.3; }
.pk-rich-body h3, .pk-oglas-desc h3, .pk-modr-desc h3 { font-size: 15px; font-weight: 700; margin: 8px 0 4px; line-height: 1.3; }
.pk-rich-body p, .pk-oglas-desc p, .pk-modr-desc p { margin: 0 0 8px; }
.pk-rich-body ul, .pk-rich-body ol, .pk-oglas-desc ul, .pk-oglas-desc ol, .pk-modr-desc ul, .pk-modr-desc ol { padding-left: 20px; margin: 0 0 8px; }
.pk-rich-body h2:first-child, .pk-rich-body h3:first-child, .pk-oglas-desc h2:first-child, .pk-oglas-desc h3:first-child { margin-top: 0; }
.pk-rich-body > :last-child, .pk-oglas-desc > :last-child { margin-bottom: 0; }
/* Opis je sada HTML (novi redovi su <br> / <p>), pa pre-line vise ne treba. */
.pk-oglas-desc, .pk-modr-desc { white-space: normal; }

/* O firmi: u kartici prodavca (oglas) i na javnom profilu - skupljeno na 4 reda sa "Prikazi vise". */
/* ---- Prodavnica ---- */
/* Baner preko cele sirine ekrana i uz sam vrh (bez okvira): negativne margine ponistavaju razmake strane; kartica ispod ostaje. */
.pk-profile.is-shop { margin-top: -16px !important; }
.pk-profile.is-shop .pk-shop-hero { margin: 0 -14px; border-radius: 0; height: 170px; }
@media (min-width: 600px) { .pk-profile.is-shop { margin-top: -24px !important; } .pk-profile.is-shop .pk-shop-hero { margin: 0 -20px; height: 220px; } }
/* I kartica ispod banera preko cele sirine, bez okvira - sve do odeljka "Oglasi". */
.pk-profile.is-shop .pk-profile-card.is-shop { margin: 0 -14px 18px; border: 0; border-radius: 0; border-bottom: 1px solid var(--pk-line); padding-left: 14px; padding-right: 14px; box-shadow: none; }
@media (min-width: 600px) { .pk-profile.is-shop .pk-profile-card.is-shop { margin: 0 -20px 18px; padding-left: 20px; padding-right: 20px; } }
.pk-shop-hero { height: 150px; border-radius: 16px 16px 0 0; background: linear-gradient(135deg, #1C1E22, #2a2d33 60%, #F45801); background-size: cover; background-position: center; position: relative; }
.pk-shop-hero.no-banner { background: linear-gradient(135deg, #1b1d21, #2b2e34 55%, rgba(244,88,1,.75)); }
.pk-profile.is-shop .pk-profile-card.is-shop { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; }
/* Logo malo "izlazi" iz banera (trecina), neprovidna pozadina, okvir u boji kartice; tekst ostaje ispod banera. */
/* Naziv firme iznad logoa (veci font), pa logo sa sloganom i podacima desno. */
.pk-shop-name { margin: 10px 0 6px; font-family: 'Manrope', 'Inter', sans-serif; font-size: 22px; font-weight: 800; line-height: 1.2; }
.pk-profile-card.is-shop .pk-seller-head { align-items: center; }
.pk-profile-card.is-shop .pk-seller-head .pk-seller-avwrap { margin-top: 0; }
.pk-profile-card.is-shop .pk-seller-head .pk-seller-avwrap { width: 76px; height: 76px; }
/* Isti izgled kao svuda (prozirna pozadina, zeleni okvir verifikovanog) - samo veca slika. */
.pk-profile-card.is-shop .pk-seller-av { width: 76px; height: 76px; }
.pk-profile-card.is-shop .pk-seller-av.is-init { font-size: 30px; }
.pk-profile-card.is-shop .pk-seller-head > div { padding-top: 0; padding-bottom: 2px; }
.pk-shop-tagline { display: block; margin: 2px 0 4px; font-size: 14px; font-weight: 600; color: var(--pk-accent); line-height: 1.3; }
.pk-shop-info { display: flex; flex-direction: column; gap: 8px; margin: 0 0 12px; padding-top: 10px; border-top: 1px solid var(--pk-line); font-size: 14px; }
.pk-shop-info > div { display: flex; align-items: flex-start; gap: 8px; }
.pk-shop-info .mud-icon-root { color: var(--pk-accent); margin-top: 2px; flex: none; }
.pk-shop-info a { color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.pk-shop-hours { white-space: pre-line; }
.pk-shop-map-wrap { position: relative; margin: 0 0 12px; }
.pk-shop-map { height: 200px; border-radius: 14px; overflow: hidden; }
/* Dole levo - desno je dugme "i" (izvor mape). */
.pk-shop-nav { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; background: var(--pk-accent); color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,.3); }
.pk-seller-links a { display: inline-flex; align-items: center; gap: 6px; color: var(--pk-accent); font-weight: 600; text-decoration: none; }
/* Kategorija u prodavnici: uredna pilula "Kategorija: Sve" sa strelicom, bez linije ispod. */
.pk-shop-sbox { margin: 0 0 10px !important; }
/* Kategorija ispod pretrage: pilula preko cele sirine, ikonica + tekst, strelica desno; izabrana = narandzast rub i tekst. */
.pk-shop-catsel { margin: 0 0 16px; }
.pk-shop-catsel .mud-input { border: 1.5px solid color-mix(in srgb, var(--pk-accent) 45%, transparent); border-radius: 14px; background: var(--pk-card, var(--mud-palette-surface)); padding: 2px 8px 2px 12px; min-height: 44px; }
.pk-shop-catsel .mud-input-adornment-start { color: var(--pk-accent); margin-right: 4px; }
.pk-shop-catsel .mud-input-slot { font-size: 14.5px; font-weight: 700; padding: 8px 0; }
.pk-shop-catsel .mud-input { position: relative; padding-right: 34px; }
/* Strelica desno (znak padajuce liste) - posebna ikonica preko pilule; ::after zauzima MudBlazor za liniju. */
.pk-shop-catwrap { position: relative; }
.pk-shop-catarrow { position: absolute; right: 12px; top: 22px; transform: translateY(-50%); color: var(--pk-accent); pointer-events: none; font-size: 24px !important; }
.pk-shop-catsel.is-on .mud-input { border-color: var(--pk-accent); }
.pk-shop-catsel.is-on .mud-input-slot { color: var(--pk-accent); }
.pk-shop-catsel .mud-input.mud-input-underline:before, .pk-shop-catsel .mud-input.mud-input-underline:after { display: none; }
.pk-h2-ocene { margin-top: 22px !important; }
.pk-shop-cats { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 8px; margin-bottom: 8px; scrollbar-width: none; }
.pk-shop-cats::-webkit-scrollbar { display: none; }
.pk-shop-cats button { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 99px; border: 1px solid var(--pk-line); background: var(--pk-card, var(--mud-palette-surface)); color: inherit; font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pk-shop-cats button em { font-style: normal; font-size: 11.5px; color: var(--pk-muted); }
.pk-shop-cats button.is-on { background: var(--pk-accent); border-color: var(--pk-accent); color: #fff; }
.pk-shop-cats button.is-on em { color: rgba(255,255,255,.85); }
.pk-shop-more { display: flex; justify-content: center; margin: 12px 0 18px; }
.pk-h2 small { font-size: .6em; font-weight: 600; color: var(--pk-muted); margin-left: 6px; }
/* Uredjivanje prodavnice */
.pk-shop-edit { display: flex; flex-direction: column; gap: 14px; max-width: 640px; }
.pk-shop-hero.is-edit { border-radius: 16px; }
.pk-shop-hero-btn { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; background: rgba(20,22,25,.72); color: #fff; font-size: 13px; font-weight: 700; cursor: pointer; }
.pk-shop-hero-btn input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.pk-shop-hero-x { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; border-radius: 50%; border: 0; background: rgba(20,22,25,.72); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.pk-shop-hero-busy { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.4); border-radius: inherit; }
.pk-shop-logo-row { display: flex; align-items: center; gap: 12px; margin-top: -2px; }
.pk-shop-logo-row > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pk-shop-logo-row small { font-size: 12.5px; color: var(--pk-muted); }
.pk-shop-logo { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; flex: none; }
.pk-shop-logo.is-init { display: flex; align-items: center; justify-content: center; background: var(--pk-accent); color: #fff; font-size: 24px; font-weight: 800; }
.pk-shop-hint { font-size: 12.5px; color: var(--pk-muted); }
.pk-shop-actions { display: flex; justify-content: flex-end; margin-top: 4px; }
.pk-seller-about { border-top: 1px solid var(--pk-line); padding-top: 10px; margin: 0 0 10px; }
.pk-seller-about b { display: block; font-size: 13px; margin-bottom: 4px; }
.pk-seller-about p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--mud-palette-text-primary); white-space: pre-line; overflow-wrap: anywhere; }
.pk-seller-about p.is-clamped { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.pk-seller-about button { border: 0; background: none; padding: 4px 0 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--pk-accent); cursor: pointer; }
.pk-seller-about button:hover { text-decoration: underline; }

/* Prisustvo: zelena tacka na avataru ("na mrezi" = poslednjih 5 min) i tekst u podnaslovu kartice prodavca. */
.pk-seller-avwrap { position: relative; }
/* Bez tackice na slici - prisustvo je samo tekst ("Na mrezi" / "Poslednji put ...") u podnaslovu. */
.pk-seller-seen { color: var(--pk-muted); }
.pk-seller-seen.is-on { color: #22C55E; font-weight: 600; }
.pk-seller-seen.is-on::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #22C55E; margin-right: 5px; vertical-align: 1px; }

/* Svi oglasi prodavca: kartica prodavca iznad pretrage (pretraga i filteri vaze samo za njegove oglase). */
.pk-seller-top { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--pk-line); background: var(--pk-card); }
/* Omot slike iste velicine kao slika - znacka (kvacica) sedi na uglu slike, ne van nje. */
.pk-seller-top .pk-seller-avwrap { width: 52px; height: 52px; }
.pk-seller-top .pk-seller-av { width: 52px; height: 52px; font-size: 20px; }
.pk-seller-top-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pk-seller-top-txt b { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-seller-top-txt .pk-seller-sub { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12.5px; }
.pk-seller-top > button { flex: none; border: 0; background: var(--pk-hover); color: var(--pk-muted); width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }

/* ================= Poruke: razgovori kupca i prodavca (lista, razgovor, slanje, pozadine, podesavanja) ================= */
/* Lista razgovora: red + meni "..." desno; podebljano ime i tamniji pregled = neprocitano. */
.pk-chat-item-wrap { position: relative; }
.pk-chat-item-wrap .pk-chat-item { padding-right: 44px; }
.pk-chat-item-wrap.is-on .pk-chat-item { background: var(--pk-blue-soft); }
.pk-chat-item-menu { position: absolute; top: 8px; right: 6px; }
.pk-chat-item-menu .mud-icon-button { color: var(--mud-palette-text-secondary); }
.pk-chat-item b { font-weight: 600; }
.pk-chat-item.is-unread b { font-weight: 800; }
.pk-chat-item.is-unread .pk-chat-preview { color: var(--mud-palette-text-primary); font-weight: 600; }
.pk-chat-ad { display: flex; align-items: center; gap: 6px; max-width: 100%; overflow: hidden; }
.pk-chat-ad img { width: 18px; height: 18px; border-radius: 4px; object-fit: cover; flex: none; }
.pk-chat-ad span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-chat-online { color: #16A34A; font-weight: 700; }
.pk-chat-typing { color: var(--mud-palette-primary); font-weight: 600; }
.pk-chat-badge { flex: none; align-self: center; }

/* Zaglavlje razgovora: slika i ime vode na profil; ispod prisustvo. */
.pk-chat-who { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.pk-chat-who b, .pk-chat-who small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-chat-who small { font-size: 12px; color: var(--mud-palette-text-secondary); }
.pk-chat-head a.pk-chat-name { max-width: 100%; }

/* Kartica oglasa ispod zaglavlja. */
.pk-chat-listing { display: flex; align-items: center; gap: 10px; padding: 8px 12px; text-decoration: none; color: inherit;
    background: var(--mud-palette-surface); border-bottom: 1px solid var(--mud-palette-lines-default); }
.pk-chat-listing img, .pk-chat-listing-ph { width: 40px; height: 40px; border-radius: 9px; object-fit: cover; flex: none; }
.pk-chat-listing-ph { display: flex; align-items: center; justify-content: center; background: var(--mud-palette-background-gray); color: var(--mud-palette-text-disabled); }
.pk-chat-listing-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pk-chat-listing-txt b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-chat-listing-txt small { font-size: 11.5px; color: var(--mud-palette-text-secondary); }
.pk-chat-sold { flex: none; font-style: normal; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: rgba(22, 163, 74, .14); color: #16A34A; }
html.pk-dark .pk-chat-sold:not(.is-deleted) { background: rgba(74, 222, 128, .14); color: #4ADE80; }
.pk-chat-listing-chev { color: var(--mud-palette-text-disabled); flex: none; }

/* Dogovor: traka stanja. */
.pk-chat-deal { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 12px; font-size: 13px; font-weight: 600;
    background: rgba(233, 162, 31, .12); color: #8A5300; border-bottom: 1px solid var(--mud-palette-lines-default); }
.pk-chat-deal.is-done { background: rgba(30, 158, 106, .12); color: #0E6E48; }
.pk-chat-deal .mud-icon-root { flex: none; }
.pk-chat-deal span { flex: 1; min-width: 0; }
.pk-chat-deal-btn { flex: none; }
.pk-dark .pk-chat-deal { color: #F5C45E; }
.pk-dark .pk-chat-deal.is-done { color: #5EE0A8; }

/* Poruke: dan, sistemska, starije, sigurnost. */
.pk-chat-day { align-self: center; margin: 6px 0 2px; }
.pk-chat-day span, .pk-chat-sys { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 600; color: var(--mud-palette-text-secondary);
    background: var(--pk-chat-in); box-shadow: 0 1px 1.5px rgba(20, 22, 25, .1); }
.pk-chat-sys { align-self: center; max-width: 88%; text-align: center; line-height: 1.4; margin: 2px 0; }
.pk-chat-older { align-self: center; margin-bottom: 6px; padding: 6px 14px; border: 0; border-radius: 999px; background: var(--pk-chat-in); color: var(--mud-palette-primary);
    font: 600 12.5px Inter, sans-serif; cursor: pointer; box-shadow: 0 1px 1.5px rgba(20, 22, 25, .1); }
.pk-chat-older:disabled { opacity: .7; }
.pk-chat-safety { align-self: stretch; margin-bottom: 8px; padding: 12px 14px; border-radius: 14px; background: var(--pk-chat-in); border-left: 3px solid #1E9E6A; box-shadow: 0 1px 1.5px rgba(20, 22, 25, .1); }
.pk-chat-safety b { display: flex; align-items: center; gap: 6px; font-size: 14px; color: #0E6E48; }
.pk-chat-safety ul { margin: 6px 0 10px; padding-left: 18px; font-size: 13.5px; line-height: 1.5; }
.pk-dark .pk-chat-safety b { color: #5EE0A8; }

/* Balon: linkovi; adresa; sumnjiv link; "kuca". */
.pk-msg div a { color: var(--mud-palette-primary); text-decoration: underline; overflow-wrap: anywhere; }
.pk-msg.is-mine div a { color: #fff; }
.pk-msg-addr { min-width: 180px; }
.pk-msg-addr-body { display: flex; align-items: flex-start; gap: 6px; }
.pk-msg-addr-body .mud-icon-root { flex: none; font-size: 20px; color: var(--mud-palette-primary); }
.pk-msg.is-mine .pk-msg-addr-body .mud-icon-root { color: #fff; }
.pk-msg-addr-body span { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14.5px; }
.pk-msg-copy { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--mud-palette-lines-default);
    background: transparent; color: var(--mud-palette-primary); font: 600 12px Inter, sans-serif; cursor: pointer; }
.pk-msg.is-mine .pk-msg-copy { border-color: rgba(255, 255, 255, .5); color: #fff; }
.pk-msg.is-suspicious { border: 1.5px solid #D93025 !important; background: rgba(217, 48, 37, .06) !important; }
.pk-msg-warn { display: flex; align-items: flex-start; gap: 5px; margin-top: 6px; padding-top: 6px; border-top: 1px dashed rgba(217, 48, 37, .4); color: #D93025; font-size: 12px !important; font-weight: 700; line-height: 1.35; }
.pk-msg-warn .mud-icon-root { flex: none; }
.pk-msg-typing { display: flex; gap: 4px; padding: 10px 13px !important; }
.pk-msg-typing span { width: 7px; height: 7px; border-radius: 50%; background: var(--mud-palette-text-secondary); animation: pk-typing 1.1s infinite ease-in-out; }
.pk-msg-typing span:nth-child(2) { animation-delay: .18s; }
.pk-msg-typing span:nth-child(3) { animation-delay: .36s; }
@keyframes pk-typing { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }

/* Polje za slanje: textarea raste do 5 reda (pk.autoGrow), 16px da iOS ne zumira; levo adresa, desno posalji. */
.pk-chat-send { align-items: flex-end !important; }
.pk-chat-ta { flex: 1; min-width: 0; min-height: 46px; max-height: 120px; padding: 12px 16px; border: 1px solid var(--mud-palette-lines-default); border-radius: 23px; resize: none; overflow-y: auto;
    background: var(--pk-chat-in); color: var(--mud-palette-text-primary); font: 16px/1.4 Inter, sans-serif; box-shadow: 0 1px 2px rgba(20, 22, 25, .14); outline: none; box-sizing: border-box; }
.pk-chat-ta:focus { border-color: var(--mud-palette-primary); }
.pk-chat-ta::placeholder { color: var(--mud-palette-text-disabled); }
.pk-chat-addr-btn { width: 46px; height: 46px; flex: none; box-shadow: none !important; }
.pk-chat-closed-box { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; }

/* Pozadine razgovora (ChatBackgrounds.All): na celom razgovoru (i ispod polja za poruku) i na minijaturi u podesavanjima. */
.pk-chat .pk-chat-thread.pk-chat-bg-dots, .pk-bg-thumb.pk-chat-bg-dots { background-color: #EEF1F6; background-image: radial-gradient(rgba(26, 95, 214, .18) 1.3px, transparent 1.4px); background-size: 16px 16px; }
.pk-chat .pk-chat-thread.pk-chat-bg-grid, .pk-bg-thumb.pk-chat-bg-grid { background-color: #F2F4F8; background-image: linear-gradient(rgba(26, 95, 214, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(26, 95, 214, .1) 1px, transparent 1px); background-size: 22px 22px; }
.pk-chat .pk-chat-thread.pk-chat-bg-waves, .pk-bg-thumb.pk-chat-bg-waves { background-color: #EDF2F9; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='24' viewBox='0 0 64 24'%3E%3Cpath d='M0 12 C 8 4, 24 4, 32 12 S 56 20, 64 12' fill='none' stroke='rgba(26,95,214,.16)' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); background-size: 64px 24px; }
.pk-chat .pk-chat-thread.pk-chat-bg-orange, .pk-bg-thumb.pk-chat-bg-orange { background-color: #FFEBDD; background-image: linear-gradient(160deg, #FFF2E8, #FFDCC4); background-size: auto; }
.pk-chat .pk-chat-thread.pk-chat-bg-mint, .pk-bg-thumb.pk-chat-bg-mint { background-color: #E3F7EC; background-image: linear-gradient(160deg, #ECFBF3, #CFF0DF); background-size: auto; }
.pk-dark .pk-chat .pk-chat-thread.pk-chat-bg-dots, .pk-dark .pk-bg-thumb.pk-chat-bg-dots { background-color: #141619; background-image: radial-gradient(rgba(255, 255, 255, .16) 1.3px, transparent 1.4px); }
.pk-dark .pk-chat .pk-chat-thread.pk-chat-bg-grid, .pk-dark .pk-bg-thumb.pk-chat-bg-grid { background-color: #141619; background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px); }
.pk-dark .pk-chat .pk-chat-thread.pk-chat-bg-waves, .pk-dark .pk-bg-thumb.pk-chat-bg-waves { background-color: #141619; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='24' viewBox='0 0 64 24'%3E%3Cpath d='M0 12 C 8 4, 24 4, 32 12 S 56 20, 64 12' fill='none' stroke='rgba(255,255,255,.13)' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.pk-dark .pk-chat .pk-chat-thread.pk-chat-bg-orange, .pk-dark .pk-bg-thumb.pk-chat-bg-orange { background-color: #261710; background-image: linear-gradient(160deg, #2E1C12, #1C120C); }
.pk-dark .pk-chat .pk-chat-thread.pk-chat-bg-mint, .pk-dark .pk-bg-thumb.pk-chat-bg-mint { background-color: #0F241C; background-image: linear-gradient(160deg, #132C22, #0B1A14); }
/* Izabrana pozadina je na celom razgovoru - deo sa porukama i deo za slanje providni (vide je). */
.pk-chat-thread[class*="pk-chat-bg-"]:not(.pk-chat-bg-default) .pk-chat-messages,
.pk-chat-thread[class*="pk-chat-bg-"]:not(.pk-chat-bg-default) .pk-chat-send { background: transparent !important; }
/* Noc: tudji baloni i oznake tamni i u svetloj temi. */
.pk-chat-bg-night .pk-msg:not(.is-mine):not(.is-suspicious) { background: #2A3350; color: #fff; border-color: #2A3350; }
.pk-chat-bg-night .pk-msg:not(.is-mine) small { color: rgba(255, 255, 255, .7); }
.pk-chat-bg-night .pk-msg-typing span { background: rgba(255, 255, 255, .7); }
.pk-chat-bg-night .pk-chat-day span, .pk-chat-bg-night .pk-chat-sys, .pk-chat-bg-night .pk-chat-older, .pk-chat-bg-night .pk-chat-safety { background: #2A3350; color: rgba(255, 255, 255, .85); }
.pk-chat-bg-night .pk-chat-older { color: #8DB8FF; }
.pk-chat-bg-night .pk-chat-safety b { color: #5EE0A8; }
.pk-chat-bg-night .pk-msg:not(.is-mine) div a { color: #8DB8FF; }

/* Podesavanja -> Poruke i adrese. */
.pk-set-sec { margin-bottom: 22px; }
.pk-set-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pk-set-h { margin: 0 0 8px; font-family: 'Manrope', 'Inter', sans-serif; font-size: 16px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
.pk-set-cnt { font-size: 12px; font-weight: 700; color: var(--mud-palette-text-secondary); padding: 1px 8px; border-radius: 999px; background: var(--mud-palette-background-gray); }
.pk-set-hint { margin: 0 0 10px; font-size: 13px; color: var(--mud-palette-text-secondary); }
.pk-bg-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.pk-bg-card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 6px; border: 2px solid var(--mud-palette-lines-default); border-radius: 14px; background: var(--mud-palette-surface); font: inherit; color: inherit; cursor: pointer; }
.pk-bg-card.is-on { border-color: var(--mud-palette-primary); }
.pk-bg-card small { font-size: 12px; font-weight: 600; text-align: center; }
.pk-bg-thumb { position: relative; display: block; height: 58px; border-radius: 9px; overflow: hidden; background: var(--pk-chat-wall); }
.pk-bg-mini { position: absolute; display: block; height: 10px; border-radius: 6px; }
.pk-bg-mini.is-in { left: 8px; top: 12px; width: 44%; background: var(--pk-chat-in); border-radius: 6px 6px 6px 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, .12); }
.pk-bg-mini.is-mine { right: 8px; bottom: 12px; width: 50%; background: linear-gradient(135deg, #FF7A2E, #F45801); border-radius: 6px 6px 2px 6px; }
.pk-chat-bg-night .pk-bg-mini.is-in { background: #2A3350; }
.pk-bg-chk { position: absolute; top: 6px; right: 6px; color: var(--mud-palette-primary); background: var(--mud-palette-surface); border-radius: 50%; }
.pk-addr-list { display: flex; flex-direction: column; gap: 8px; }
.pk-addr-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 1.5px solid var(--mud-palette-lines-default); border-radius: 14px; background: var(--mud-palette-surface);
    font: inherit; color: inherit; text-align: left; cursor: pointer; }
.pk-addr-row.is-static { cursor: default; }
.pk-addr-row:not(.is-static):hover, .pk-addr-row:not(.is-static):active { border-color: var(--mud-palette-primary); }
.pk-addr-ico { width: 36px; height: 36px; flex: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-addr-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pk-addr-txt b { font-size: 14px; }
.pk-addr-txt small { font-size: 12.5px; color: var(--mud-palette-text-secondary); white-space: pre-wrap; overflow-wrap: anywhere; }
.pk-addr-send { color: var(--mud-palette-primary); flex: none; }
.pk-addr-pick .pk-empty-state { padding-top: 10px; }

/* Ocena: dva velika dugmeta palac gore / dole. */
.pk-rate-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pk-rate-btn { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 8px; border: 2px solid var(--mud-palette-lines-default); border-radius: 16px; background: var(--mud-palette-surface);
    font: 700 14px Inter, sans-serif; color: var(--mud-palette-text-secondary); cursor: pointer; }
.pk-rate-btn .mud-icon-root { font-size: 34px; }
.pk-rate-btn.is-pos.is-on { border-color: #22C55E; background: rgba(34, 197, 94, .1); color: #15803D; }
.pk-rate-btn.is-neg.is-on { border-color: #EF4444; background: rgba(239, 68, 68, .1); color: #B91C1C; }
.pk-dark .pk-rate-btn.is-pos.is-on { color: #5EE0A8; }
.pk-dark .pk-rate-btn.is-neg.is-on { color: #FF8A8A; }

/* Polja u dijalozima poruka: 16px da iOS ne zumira. */
.pk-f16 input, .pk-f16 textarea { font-size: 16px !important; }
.pk-msg-chips { margin-bottom: 10px; }
.pk-msg-chips .pk-chip { font: 600 13px Inter, sans-serif; color: inherit; background: var(--mud-palette-surface); cursor: pointer; }
.pk-msg-chips .pk-chip.is-on { color: var(--mud-palette-primary); }

/* Racunar: lista i razgovor jedno pored drugog - meni u listi se vidi na prelaz misem. */
@media (min-width: 960px) {
    .pk-chat-item-menu { opacity: 0; transition: opacity .15s; }
    .pk-chat-item-wrap:hover .pk-chat-item-menu, .pk-chat-item-wrap.is-on .pk-chat-item-menu, .pk-chat-item-menu:focus-within { opacity: 1; }
    .pk-bg-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 720px; }
    .pk-chat-send { padding: 10px 12px; }
}

/* Zaglavlje: upitnik je obicna ikonica kao zvono (bez kruga u pozadini); ikonice i avatar blize jedno drugom. */
.pub-help { color: var(--pk-accent) !important; }
.pub-help .mud-icon-root { font-size: 26px; }
@media (max-width: 899px) {
    .pub-actions { gap: 0; }
    .pub-actions > .mud-icon-button { padding: 6px; }
    .pub-actions .mud-button-root[aria-label="Obaveštenja"] { width: 40px !important; height: 40px !important; }
    .pub-actions .pub-user { margin-left: 4px; }
}

/* Strane prijavljenog korisnika u okviru sajta: isto zaglavlje i futer kao sajt; mesto dole za donju traku. */
/* Telefon: futer ide odmah posle sadrzaja (ne gura se na dno ekrana) - nema praznog prostora ispod dugmadi; mesto za donju traku drzi futer. */
@media (max-width: 599px) {
    .pub-body { flex: 0 0 auto; }
    .pub-main { flex: 0 0 auto; padding-bottom: 0; }
    .pk-nwiz-act { padding-bottom: 4px; }
    /* Futer (samo "© Prokupito") odmah ispod sadrzaja; ispod njega tacno toliko mesta koliko zauzima donja traka. */
    .pub-foot { margin-top: 12px !important; }
    .pub:not(.is-home) .pub-foot { padding-top: 6px !important; }
    body:has(.pub-tabbar) .pub-foot { padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important; }
    .pub-foot-copy { padding-bottom: 8px; }
}

/* Oglas na proveri u listi "Aktivni": zuta oznaka sa pescanim satom i ceo red malo prigusen. */
.pk-lstatus.is-pending { display: inline-flex; align-items: center; gap: 4px; }
.pk-lstatus.is-pending .mud-icon-root { font-size: 14px; }
.pk-mine-row:has(.pk-lstatus.is-pending) { border-color: rgba(234, 179, 8, .35); }
.pk-mine-row:has(.pk-lstatus.is-pending) .pk-mine-img { opacity: .75; }

/* Postavi oglas - koraci: na telefonu kratki nazivi (Kategorija / Opis / Cena), na racunaru puni. */
.pk-wstep b em { font-style: normal; }
.pk-wstep-l { display: none; }
@media (min-width: 600px) { .pk-wstep-l { display: inline; } .pk-wstep-s { display: none; } }
/* Vrsta oglasa u prvom koraku: dva jednaka dugmeta preko cele sirine. */
.pk-kind-seg { display: flex; width: 100%; box-sizing: border-box; }
.pk-kind-seg button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.pk-lseg.is-full { display: flex; width: 100%; box-sizing: border-box; }
.pk-lseg.is-full button { flex: 1; }
/* Korak 3: kartice po celinama. */
.pk-wsec { padding: 14px; border-radius: 16px; border: 1px solid var(--pk-line); background: var(--pk-card); margin-bottom: 12px; }
.pk-wsec h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 15px; font-weight: 700; }
.pk-wsec h3 .mud-icon-root { color: var(--pk-accent); font-size: 20px; }
.pk-wsec h3 small { color: var(--pk-accent); font-weight: 700; }
.pk-wsec-note { display: block; margin-top: 8px; color: var(--pk-muted); font-size: 12.5px; }
.pk-wopt { display: inline-flex; align-items: center; gap: 2px; font-size: 14px; cursor: pointer; }
.pk-wopt .mud-checkbox { margin-left: -8px; }
.pk-wchips { display: flex; gap: 8px; }
.pk-wchip { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--pk-hover);
    color: var(--pk-muted); font: 600 13.5px Inter, sans-serif; cursor: pointer; white-space: nowrap; }
.pk-wchip.is-on { border-color: var(--pk-accent); background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-wswitch { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.pk-wswitch > span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pk-wswitch b { font-size: 14px; font-weight: 600; }
.pk-wswitch small { color: var(--pk-muted); font-size: 12.5px; }
.pk-wswitch .mud-switch { margin: 0; }
.pk-wnote { position: relative; margin-top: 12px; padding: 12px 12px 12px 14px; border-radius: 12px; border: 1px solid rgba(244,88,1,.45); background: rgba(244,88,1,.08); font-size: 13px; line-height: 1.45; }
.pk-wnote em { position: absolute; top: -9px; left: 12px; padding: 1px 8px; border-radius: 999px; background: var(--pk-accent); color: #fff; font: 700 10.5px/16px Inter, sans-serif; font-style: normal; text-transform: uppercase; letter-spacing: .04em; }
.pk-wsec.is-review .pk-nwiz-review { border: 0; padding: 0; background: none; }

/* Cena + izbor valute (din / €) u jednom redu. */
/* Cena + valuta: izbor din/€ iste visine i u istoj liniji kao okvir polja (polje ima 8px gore za natpis). */
.pk-price-row { display: flex; align-items: flex-start; gap: 8px; }
.pk-price-row > .mud-input-control { flex: 1; min-width: 0; }
/* din / €: mali prekidac poravnat sa linijom polja (ne veci od samog polja). */
.pk-price-row { align-items: flex-end; }
.pk-cur-seg { flex: none; margin-bottom: 4px; height: 36px; box-sizing: border-box; display: inline-flex; align-items: stretch; padding: 3px; gap: 2px; border-radius: 10px; }
.pk-cur-seg button { display: flex; align-items: center; justify-content: center; min-width: 38px; padding: 0 10px; font-size: 14px; border-radius: 7px; }

/* Polje sa listom predloga (FieldCombo): lista ispod polja, zatvara se dodirom van nje. */
.pk-combo { position: relative; }
.pk-combo-back { position: fixed; inset: 0; z-index: 1200; }
.pk-combo-list { position: absolute; left: 0; right: 0; top: calc(100% - 2px); z-index: 1201; max-height: 240px; overflow-y: auto; padding: 6px; border-radius: 12px; border: 1px solid var(--pk-line);
    background: var(--mud-palette-surface); box-shadow: 0 14px 40px rgba(0,0,0,.28); display: flex; flex-direction: column; }
.pk-combo-list button { text-align: left; padding: 10px 12px; border: 0; border-radius: 8px; background: none; color: var(--mud-palette-text-primary); font: inherit; font-size: 15px; cursor: pointer; }
.pk-combo-list button:hover, .pk-combo-list button.is-on { background: var(--pk-accent-soft); color: var(--pk-accent); }

/* Brzina odgovora na poruke (kartica prodavca, profil, vrh pretrage po prodavcu). */
.pk-seller-reply { color: var(--pk-muted); }
.pk-seller-reply .mud-icon-root { flex: none; }
small.pk-seller-reply { display: flex; align-items: center; gap: 4px; font-size: 12.5px; min-width: 0; }
small.pk-seller-reply .mud-icon-root { font-size: 15px; }

/* Ocena na sopstvenom profilu: Odgovori / Ospori; oznaka osporene ocene (vidi je svako). */
.pk-rating-disp { flex: none; padding: 1px 8px; border-radius: 999px; background: rgba(245,158,11,.14); color: #B45309; font-size: 11.5px; font-weight: 600; white-space: nowrap; }
.pk-rating-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.pk-rating-acts button { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--pk-line); background: none;
    color: var(--mud-palette-text-primary); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.pk-rating-acts button:hover { background: var(--pk-hover); }
.pk-rating-acts button.is-warn { color: #B45309; }
.pk-rating-acts button:disabled { opacity: .5; cursor: default; }
html.pk-dark .pk-rating-disp, html.pk-dark .pk-rating-acts button.is-warn { color: #FBBF24; }

/* ================= Promocije =================
   Istaknut oglas: narandzast okvir + mala etiketa "Istaknuto" na slici; "Na vrhu" je diskretna siva oznaka (bez agresivnih boja). */
/* Istaknut oglas: topla narandzasta pozadina, okvir i senka + etiketa sa zvezdicom - vidi se odmah, ali bez vristanja. */
.pk-lcard.is-highlight { border: 1.5px solid rgba(244, 88, 1, .7); background: linear-gradient(160deg, rgba(244, 88, 1, .14) 0%, rgba(244, 88, 1, .04) 45%, var(--pk-card) 100%);
    box-shadow: 0 8px 22px -12px rgba(244, 88, 1, .55); }
.pk-lcard.is-highlight:hover { border-color: #F45801; }
.pk-lcard.is-highlight .pk-lcard-title { color: var(--mud-palette-text-primary); }
.pk-lcard-promo-tag { position: absolute; left: 6px; top: 6px; display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px 2px 5px; border-radius: 999px;
    background: linear-gradient(135deg, #FF8A3D, #F45801); color: #fff; font-style: normal; font-size: 11px; font-weight: 800; line-height: 1.5; letter-spacing: .02em;
    box-shadow: 0 3px 10px rgba(244, 88, 1, .45); pointer-events: none; }
.pk-lcard-promo-tag .mud-icon-root { font-size: 14px; color: #FFE08A; }
.pk-lcard-promo-top { margin-left: auto; padding: 0 7px; border: 1px solid var(--pk-line); border-radius: 999px; font-style: normal; font-size: 11px; font-weight: 600;
    line-height: 1.6; color: var(--pk-muted); white-space: nowrap; }

/* Naslovna - "Istaknuti oglasi": mreza od dve kolone (na racunaru cetiri), uspravne kartice; cena i vreme jedno ispod drugog (ne izlaze iz kartice). */
.pk-hm-head.is-feat b { display: inline-flex; align-items: center; gap: 6px; }
.pk-hm-head.is-feat .mud-icon-root { color: #F45801; font-size: 20px; }
.pk-feat { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pk-feat .pk-lcard { flex-direction: column; gap: 8px; padding: 8px; min-height: 0; }
.pk-feat .pk-lcard-img { width: 100%; height: auto; aspect-ratio: 1; }
.pk-feat .pk-lcard-body, .pk-feat .pk-lcard-title { padding-right: 0; }
.pk-feat .pk-lcard-title { font-size: 14px; }
.pk-feat .pk-lcard-meta, .pk-feat .pk-lcard-promo-top { display: none; }
.pk-feat .pk-lcard-foot { flex-direction: column; align-items: flex-start; gap: 2px; }
.pk-feat .pk-lcard-foot .pk-lcard-price { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pk-feat .pk-lcard-foot .pk-lcard-ago { margin-left: 0; }
.pk-feat .pk-lcard-heart { top: 14px; right: 14px; width: 32px; height: 32px; background: rgba(0,0,0,.45); color: #fff; }
.pk-feat .pk-lcard-heart.is-on { color: #FF6B6F; }
@media (min-width: 600px) { .pk-feat { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } }

/* Moji oglasi: oznaka "Istaknuto do 12.11." */
.pk-mine-promo { display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; padding: 2px 9px; border-radius: 999px; background: var(--pk-accent-soft);
    color: var(--pk-accent); font-size: 12px; font-weight: 600; }
.pk-mine-promo .mud-icon-root { font-size: 15px; }

/* Strana oglasa (vlasnik): mali link "Istakni oglas" ispod dugmadi. */
.pk-oglas-promote { display: inline-flex; align-items: center; gap: 5px; margin: -6px 0 14px; padding: 4px 0; border: 0; background: none; color: var(--pk-accent);
    font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.pk-oglas-promote:hover { text-decoration: underline; }

/* Dijalog "Istakni oglas": tri opcije kao kartice, trajanje, cena. */
.pk-promo-name { display: block; font-size: 16px !important; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.pk-promo-kinds { display: flex; flex-direction: column; gap: 8px; }
.pk-promo-kind { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px; border-radius: 14px; border: 1.5px solid var(--pk-line); background: var(--pk-card);
    color: var(--mud-palette-text-primary); font: inherit; text-align: left; cursor: pointer; }
.pk-promo-kind.is-on { border-color: var(--pk-accent); background: var(--pk-accent-soft); }
.pk-promo-kind-ico { flex: none; width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-promo-kind-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pk-promo-kind-txt b { font-size: 14.5px; }
.pk-promo-kind-txt small { font-size: 12.5px; line-height: 1.4; color: var(--pk-muted); }
.pk-promo-kind-check { flex: none; color: var(--pk-muted); }
.pk-promo-kind.is-on .pk-promo-kind-check { color: var(--pk-accent); }
.pk-promo-label { display: block; margin: 16px 0 6px; font-size: 12.5px; font-weight: 600; color: var(--pk-muted); }
.pk-promo-days { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.pk-promo-days button { min-height: 40px; padding: 6px 4px; border-radius: 10px; border: 1.5px solid var(--pk-line); background: none; color: var(--mud-palette-text-primary);
    font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pk-promo-days button.is-on { border-color: var(--pk-accent); color: var(--pk-accent); background: var(--pk-accent-soft); }
.pk-promo-price { display: flex; flex-direction: column; gap: 4px; margin-top: 16px; padding: 12px; border-radius: 12px; background: var(--pk-hover); min-height: 48px; }
.pk-promo-price > span { font-size: 15px; }
.pk-promo-price > span b { font-size: 18px; color: var(--pk-accent); }
.pk-promo-price > span s { color: var(--pk-muted); margin-right: 4px; }
.pk-promo-price > small { font-size: 12.5px; line-height: 1.45; color: var(--pk-muted); }

/* Administracija: cenovnik isticanja i dodela promocije. */
.pk-promo-admin-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 14px; }
.pk-promo-admin-head small { color: var(--pk-muted); }
.pk-promo-admin-title { display: block; margin-bottom: 10px; }
.pk-promo-grant { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 8px; }
@media (min-width: 600px) {
    .pk-promo-grant { grid-template-columns: 160px 1fr 140px auto; align-items: center; }
}

/* Licitacija: oznaka na kartici, kartica na strani oglasa (najvisa ponuda, odbrojavanje, dugmad, ponude), unos u koraku 3. */
.pk-lcard-auc { font-style: normal; font-weight: 700; color: var(--pk-accent); margin-right: 6px; }
.pk-lcard-auc .mud-icon-root { font-size: 14px; width: 14px; height: 14px; vertical-align: -2px; margin-right: 2px; }
.pk-mine-auc { display: inline-flex; align-items: center; gap: 3px; }
.pk-mine-auc .mud-icon-root { font-size: 14px; width: 14px; height: 14px; }
.pk-price-seg button { padding: 8px 4px; font-size: 13px; white-space: nowrap; }
.pk-auc-form { display: flex; flex-direction: column; }
.pk-auc-label { display: block; margin: 14px 0 6px; font-size: 12.5px; font-weight: 600; color: var(--pk-muted); }
.pk-auc-days { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; width: 100%; box-sizing: border-box; }
.pk-auc-days button { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 6px 2px; line-height: 1.15; }
.pk-auc-days button b { font-size: 17px; font-weight: 800; }
.pk-auc-days button small { font-size: 11.5px; font-weight: 600; opacity: .85; }
.pk-auc { margin: 4px 0 14px; padding: 14px; border-radius: 14px; border: 1.5px solid var(--pk-accent); background: var(--pk-accent-soft); display: flex; flex-direction: column; gap: 10px; }
.pk-auc-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.pk-auc-tag { display: inline-flex; align-items: center; gap: 4px; font-weight: 800; font-size: 14px; color: var(--pk-accent); }
.pk-auc-me { font-size: 12.5px; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.pk-auc-me.is-lead { background: rgba(46, 160, 67, .15); color: #2EA043; }
.pk-auc-me.is-out { background: rgba(229, 72, 77, .14); color: #E5484D; }
.pk-auc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pk-auc-grid > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pk-auc-grid small { font-size: 12.5px; color: var(--pk-muted); }
.pk-auc-amount { font-size: 24px; font-weight: 800; color: var(--pk-accent); line-height: 1.2; overflow-wrap: anywhere; }
.pk-auc-time { font-size: 18px; font-weight: 800; line-height: 1.3; font-variant-numeric: tabular-nums; }
.pk-auc-time.is-soon { color: #E5484D; }
.pk-auc-actions { display: flex; flex-direction: column; gap: 8px; }
.pk-auc-actions .mud-button-root { width: 100%; }
.pk-auc-note { font-size: 12.5px; line-height: 1.45; color: var(--pk-muted); }
.pk-auc-done { font-weight: 700; font-size: 15px; line-height: 1.4; }
.pk-auc-bids { border-top: 1px solid var(--pk-line); padding-top: 10px; }
.pk-auc-bids > b { display: block; font-size: 13.5px; margin-bottom: 6px; }
.pk-auc-bids ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.pk-auc-bids li { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: baseline; font-size: 13.5px; }
.pk-auc-bids li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-auc-bids li small { color: var(--pk-muted); font-size: 12px; }
.pk-auc-bids li.is-mine { font-weight: 700; }
.pk-auc-bids button { margin-top: 6px; border: 0; background: none; padding: 4px 0; color: var(--pk-accent); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
@media (min-width: 600px) {
    .pk-price-seg button { padding: 8px 14px; font-size: 14px; }
    .pk-auc-actions { flex-direction: row; flex-wrap: wrap; }
    .pk-auc-actions .mud-button-root { width: auto; }
}

/* Koraci na telefonu: manji razmaci da i "Kategorija" stane cela (bez tri tacke). */
@media (max-width: 599px) {
    .pk-wstep { padding: 8px 6px; gap: 6px; justify-content: center; }
    .pk-wstep span { width: 22px; height: 22px; font-size: 11.5px; }
    .pk-wstep b { font-size: 13px; }
}

/* Postavi oglas - Stanje: kartice sa ikonicom, dve kolone; neparan broj - poslednja preko cele sirine. */
.pk-wcond { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.pk-wcond-tile { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px; border-radius: 14px; border: 1.5px solid var(--pk-line);
    background: var(--pk-hover); color: var(--mud-palette-text-primary); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s, background .15s; }
.pk-wcond-tile:last-child:nth-child(odd) { grid-column: 1 / -1; }
.pk-wcond-ico { width: 36px; height: 36px; margin-bottom: 6px; border-radius: 11px; display: flex; align-items: center; justify-content: center;
    background: rgba(244, 88, 1, .12); color: var(--pk-accent); }
.pk-wcond-ico .mud-icon-root { font-size: 20px; }
.pk-wcond-tile em { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--pk-muted); }
.pk-wcond-tile b { font-size: 15px; font-weight: 700; line-height: 1.2; }
.pk-wcond-tile small { font-size: 12px; line-height: 1.35; color: var(--pk-muted); }
.pk-wcond-tile.is-on { border-color: var(--pk-accent); background: linear-gradient(160deg, rgba(244, 88, 1, .16), rgba(244, 88, 1, .05)); }
.pk-wcond-tile.is-on .pk-wcond-ico { background: var(--pk-accent); color: #fff; }
.pk-wcond-chk { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; border-radius: 50%; background: var(--pk-accent); color: #fff; display: flex; align-items: center; justify-content: center; }
.pk-wcond-chk .mud-icon-root { font-size: 15px; }

/* Pauziran oglas u "Aktivni": siva oznaka sa ikonicom pauze, slika prigusena. */
.pk-lstatus.is-paused { display: inline-flex; align-items: center; gap: 4px; background: rgba(148, 163, 184, .18); color: #94A3B8; }
.pk-lstatus.is-paused .mud-icon-root { font-size: 14px; }
.pk-mine-row:has(.pk-lstatus.is-paused) .pk-mine-img { opacity: .55; filter: grayscale(.6); }

/* ---------- Licitacija - rezervacija ---------- */
/* Rok za potvrdu kupovine (novi oglas): cetiri jednake kockice umesto pet. */
.pk-auc-days.pk-auc-hold { grid-template-columns: repeat(4, minmax(0, 1fr)); }
/* Zuta traka "Rezervisano · ceka potvrdu do HH:mm" i oznaka na karticama. */
.pk-auc-held { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 10px; background: rgba(245, 158, 11, .16); color: #B45309; font-weight: 700; font-size: 14px; line-height: 1.35; }
.pk-auc-held .mud-icon-root { flex: none; }
.pk-auc-held-tag { color: #B45309; font-weight: 800; }
html.pk-dark .pk-auc-held, html.pk-dark .pk-auc-held-tag { color: #FBBF24; }
/* Kartica rezervacije (kupac / prodavac / ponuda prodavca). */
.pk-auc-hold-card { display: flex; flex-direction: column; gap: 8px; font-size: 14px; line-height: 1.45; }
.pk-auc-hold-card > .mud-button-root { align-self: stretch; }
.pk-auc-hold-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pk-auc-hold-btns .mud-button-root { min-width: 0; white-space: nowrap; }
/* Opomena posetioca na ovoj licitaciji + "Ospori". */
.pk-auc-strike { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; line-height: 1.4; color: #B45309; }
html.pk-dark .pk-auc-strike { color: #FBBF24; }
.pk-auc-strike span { display: inline-flex; align-items: center; gap: 4px; min-width: 0; }
.pk-auc-strike .mud-icon-root { flex: none; }
.pk-auc-strike button { flex: none; border: 0; background: none; padding: 4px 0; color: var(--pk-accent); font: inherit; font-weight: 700; cursor: pointer; }
/* Lista ponuda: ocene i opomene licitanta (vlasnik), "Povuci" i meni "⋯". */
.pk-auc-bids li.has-tools { grid-template-columns: 1fr auto auto auto; align-items: center; }
.pk-auc-rep { display: block; font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--pk-muted); }
.pk-auc-rep.is-warn { color: #B45309; }
html.pk-dark .pk-auc-rep.is-warn { color: #FBBF24; }
.pk-auc-bids li button.pk-auc-wd { margin: 0; padding: 2px 8px; border: 1px solid var(--pk-line); border-radius: 999px; font-size: 12px; font-weight: 700; }
.pk-auc-bids li button.pk-auc-dots { margin: 0; padding: 0 6px; min-width: 28px; font-size: 18px; line-height: 1; color: var(--pk-muted); }
.pk-auc-more { display: inline-flex; }

/* Pretraga: naslov "Cena" i mali izbor din | € u istom redu. */
.pk-fprice-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; }
.pk-fprice-head .pk-flabel { margin-top: 0; }
.pk-lseg.pk-fcur-seg { padding: 2px; gap: 2px; border-radius: 9px; flex: none; }
.pk-lseg.pk-fcur-seg button { padding: 3px 10px; font-size: 13px; line-height: 18px; border-radius: 7px; min-width: 34px; }

/* Vise: kurs evra iznad verzije. */
.pk-more-rate { margin: 18px 0 0; text-align: center; font-size: 12px; color: var(--pk-muted); }
.pk-more-rate + .pk-more-version { margin-top: 4px; }

/* Filteri da/ne: obicna lista - bez okvira, svaki filter u svom redu sa tankom linijom ispod; ikonica levo, kruzic desno.
   Izabran: kruzic postaje narandzasta kvacica, naziv narandzast. Na racunaru isto, u dve kolone. */
.pk-fchecks { display: grid !important; grid-template-columns: 1fr; gap: 0; margin: 0; }
.pk-fchecks .pk-fchip { width: 100%; min-width: 0; box-sizing: border-box; gap: 12px; padding: 12px 2px; border: 0 !important; border-bottom: 1px solid var(--pk-line) !important;
    border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.pk-fchecks .pk-fchip > span { flex: 1; min-width: 0; text-align: left; font-weight: 500; }
.pk-fchecks .pk-fchip .pk-fchip-chk { font-size: 22px; }
.pk-fchecks .pk-fchip.is-on > span { color: var(--pk-accent); font-weight: 600; }
.pk-fchecks .pk-fchip.is-on .pk-fchip-chk, .pk-fchecks .pk-fchip.is-on .pk-fchip-ico { color: var(--pk-accent); }
@media (min-width: 600px) { .pk-fchecks { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; } }

/* Pretraga: "Puno rezultata - suzite pretragu" (iznad liste) i "Prikazano prvih N" (na poslednjoj dozvoljenoj strani). */
.pk-narrow { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(244,88,1,.35); background: rgba(244,88,1,.07); }
.pk-narrow.is-end { margin: 14px 0 4px; }
.pk-narrow > .mud-icon-root { color: var(--pk-accent); flex: none; }
.pk-narrow > span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pk-narrow b { font-size: 14px; }
.pk-narrow small { font-size: 12.5px; color: var(--pk-muted); }
.pk-narrow button { flex: none; border: 1px solid var(--pk-accent); background: none; color: var(--pk-accent); border-radius: 10px; padding: 7px 12px; font: 600 13.5px Inter, sans-serif; cursor: pointer; }

/* Pretraga: predlog grupe - tanak red u jednoj liniji (bez naslova i velike kartice). */
.pk-ghints { margin: -4px 0 10px; display: flex; flex-direction: column; gap: 6px; }
.pk-ghint { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 10px; background: var(--pk-accent-soft); color: inherit; text-decoration: none; font-size: 13.5px; }
.pk-ghint-ico { color: var(--pk-accent); flex: none; font-size: 18px !important; }
.pk-ghint-txt { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--pk-muted); }
.pk-ghint-txt b { color: var(--mud-palette-text-primary); font-weight: 600; }
.pk-ghint-txt small { font-size: 13px; }
.pk-ghint-chev { color: var(--pk-accent); flex: none; }

/* ---------- Kontakt cena / statistika ---------- */
/* Cena (Prodajem): pet izbora u jednom redu; samo na najuzim telefonima (do 379px) mreza 3 + 2, da "Poklanjam" ne bude secen. */
.pk-lseg.is-full.pk-price-seg5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; }
.pk-price-seg5 button { min-width: 0; padding: 8px 2px; font-size: 12.5px; }
@media (max-width: 379px) {
    .pk-lseg.is-full.pk-price-seg5 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .pk-price-seg5 button { grid-column: span 2; font-size: 13px; }
    .pk-price-seg5 button:nth-child(n+4) { grid-column: span 3; }
}
/* Strana oglasa: "Pitajte prodavca za cenu" ispod dugmeta za poruku. */
.pk-oglas-ask { display: flex; align-items: center; gap: 5px; margin: -6px 0 14px; font-size: 12.5px; color: var(--pk-muted); }
.pk-oglas-ask .mud-icon-root { font-size: 15px; }
/* Moji oglasi: diskretan predlog naloga firme (ikonica + tekst, dugmad u svom redu na telefonu). */
.pk-company-suggest { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 14px; margin-bottom: 12px; border-radius: 14px; border: 1px solid var(--pk-line); background: var(--pk-card); }
.pk-company-suggest-ico { flex: none; width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: var(--pk-accent-soft); color: var(--pk-accent); }
.pk-company-suggest-text { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pk-company-suggest-text b { font-size: 14.5px; font-weight: 700; }
.pk-company-suggest-text small { font-size: 12.5px; color: var(--pk-muted); line-height: 1.35; }
.pk-company-suggest-act { flex: 1 0 100%; display: flex; justify-content: flex-end; gap: 6px; }
.pk-company-suggest-act .mud-button-root { white-space: nowrap; }
/* Dijalog "Nalog firme": prednosti u tri kratka reda. */
.pk-company-perks { list-style: none; margin: 0 0 6px; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.pk-company-perks li { display: flex; align-items: center; gap: 6px; }
.pk-company-perks .mud-icon-root { color: var(--pk-accent); font-size: 18px; }
@media (min-width: 600px) {
    .pk-lseg.is-full.pk-price-seg5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .pk-price-seg5 button, .pk-price-seg5 button:nth-child(n+4) { grid-column: auto; }
    .pk-company-suggest { flex-wrap: nowrap; }
    .pk-company-suggest-act { flex: none; }
}

/* ---------- Sacuvane pretrage ---------- */
/* Zvono "Sacuvaj pretragu" u traci sa brojem rezultata - desno, uz sortiranje. */
.pk-ssave-btn { margin-left: auto; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 999px; border: 1px solid var(--pk-line); background: var(--pk-card); color: var(--pk-accent); cursor: pointer; padding: 0; }
.pk-ssave-btn .mud-icon-root { font-size: 19px; }
.pk-ssave-btn.is-on { background: var(--pk-accent); border-color: var(--pk-accent); color: #fff; }
.pk-ssave-btn:disabled { opacity: .6; cursor: default; }
/* Dijalog: prekidac obavestenja */
.pk-ssave-notify { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; }
.pk-ssave-notify > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pk-ssave-notify b { font-size: 14.5px; }
.pk-ssave-notify small { font-size: 12.5px; color: var(--pk-muted); }
.pk-ssave-notify .mud-switch { margin: 0; flex: none; }
/* Strana "Sacuvane pretrage" */
.pk-ssl { display: flex; flex-direction: column; gap: 10px; }
.pk-ssl-item { border: 1px solid var(--pk-line); border-radius: 14px; background: var(--pk-card); padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
.pk-ssl-main { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; min-width: 0; }
.pk-ssl-ico { flex: none; width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(244,88,1,.1); color: var(--pk-accent); }
.pk-ssl-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pk-ssl-txt b { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-ssl-txt small { font-size: 12.5px; color: var(--pk-muted); overflow-wrap: anywhere; }
.pk-ssl-act { display: flex; align-items: center; gap: 2px; border-top: 1px solid var(--pk-line); padding-top: 4px; }
.pk-ssl-notify { flex: 1; min-width: 0; display: flex; align-items: center; gap: 4px; font-size: 13px; color: var(--pk-muted); }
.pk-ssl-notify > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-ssl-notify .mud-switch { margin: 0; flex: none; }
.pk-ssl-limit { display: block; margin: 12px 2px 0; font-size: 12.5px; color: var(--pk-muted); }
@media (min-width: 600px) {
    .pk-ssl-item { flex-direction: row; align-items: center; gap: 12px; padding: 10px 14px; }
    .pk-ssl-main { flex: 1; }
    .pk-ssl-act { border-top: none; padding-top: 0; flex: none; }
    .pk-ssl-notify { flex: none; }
}

/* Najuzi telefoni: duga cena + "juce" - datum prelazi u red ispod umesto da dodiruje ivicu kartice. */
@media (max-width: 360px) { .pk-lcard-foot { flex-wrap: wrap; row-gap: 2px; } .pk-lcard-foot .pk-lcard-ago { margin-left: 0; } }


/* ===== Poruke - lista (04.11.): bez okvira, cisti redovi, vreme gore desno, broj neprocitanih dole desno; oznacavanje vise razgovora ===== */
.pk-chat-item-top { display: flex; align-items: baseline; gap: 8px; }
.pk-chat-item-top b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-chat-time { flex: none; color: var(--mud-palette-text-secondary); font-size: 12px; }
.pk-chat-item.is-unread .pk-chat-time { color: var(--mud-palette-primary); font-weight: 700; }
.pk-chat-bottom { display: flex; align-items: center; gap: 8px; margin-top: 2px; }
.pk-chat-bottom .pk-chat-preview { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; }
.pk-chat-bottom .pk-chat-badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--mud-palette-primary); color: #fff; font-size: 11px; font-weight: 800; }
/* Izbor: kruzic ISPRED slike (ne preko nje); izabran = narandzast sa kvacicom, red sa blagim narandzastim okvirom. */
.pk-chat-check { flex: none; align-self: center; width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box;
                 border: 2px solid var(--mud-palette-text-secondary); display: inline-flex; align-items: center; justify-content: center; color: #fff; transition: background .12s, border-color .12s; }
.pk-chat-check .mud-icon-root { font-size: 16px; }
.is-picked .pk-chat-check { border-color: var(--mud-palette-primary); background: var(--mud-palette-primary); }
.pk-chat-item-wrap.is-select .pk-chat-item { padding-right: 2px; cursor: pointer; border-radius: 14px; }
.pk-chat-item-wrap.is-picked .pk-chat-item { background: rgba(244, 88, 1, .10) !important; box-shadow: inset 0 0 0 1.5px rgba(244, 88, 1, .55); }
.pk-chat-title.is-select { font-size: 17px; }
.pk-chat-title-act { display: inline-flex; align-items: center; gap: 2px; }
.pk-chat-selbtn { color: var(--mud-palette-text-secondary) !important; font-weight: 600; }
.pk-chat-selbar { position: sticky; bottom: 0; z-index: 5; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px 0;
                  background: var(--mud-palette-background); border-top: 1px solid var(--mud-palette-lines-default); }

@media (max-width: 599px) {
    /* Bez kartice oko liste: redovi preko cele sirine, tanka linija ispod (od teksta, ne od slike). */
    .pk-chat-items { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .pk-chat-items .pk-chat-item { padding: 12px 0; border-bottom: 0; position: relative; }
    .pk-chat-items .pk-chat-item-wrap .pk-chat-item, .pk-chat-items > .pk-chat-item { padding-right: 0; }
    .pk-chat-items .pk-chat-item-wrap + .pk-chat-item-wrap .pk-chat-item::before,
    .pk-chat-items > .pk-chat-item + .pk-chat-item-wrap .pk-chat-item::before { content: ""; position: absolute; top: 0; left: 62px; right: 0; height: 1px; background: var(--mud-palette-lines-default); }
    .pk-chat-items .pk-chat-av { width: 50px; height: 50px; font-size: 19px; }
    /* Meni "..." na telefonu ne treba - sve ide kroz "Oznaci" (manje gužve, tekst dobija mesto). */
    .pk-chat-item-menu { display: none; }
    .pk-chat-items .pk-chat-item-wrap.is-select .pk-chat-item { padding: 12px 10px; }
    .pk-chat-item-wrap.is-picked .pk-chat-item::before, .pk-chat-item-wrap.is-picked + .pk-chat-item-wrap .pk-chat-item::before { display: none; }
    .pk-chat-selbar { position: fixed; left: 12px; right: 12px; bottom: calc(78px + env(safe-area-inset-bottom)); padding: 10px; border: 1px solid var(--mud-palette-lines-default);
                      border-radius: 18px; background: var(--mud-palette-surface); box-shadow: 0 8px 24px rgba(0,0,0,.28); z-index: 1250; }
    .pk-chat-list:has(.pk-chat-selbar) .pk-chat-items { padding-bottom: 76px; }
}

/* Telefon: traka razgovora (ime, na mrezi) tanja - manja slika, manje razmaka. */
@media (max-width: 599px) {
    .pk-chat-head { padding: 3px 4px 3px 0; gap: 6px; min-height: 0; }
    .pk-chat-head .pk-chat-back { padding: 8px; }
    .pk-chat-head .pk-chat-av.is-head { width: 30px; height: 30px; font-size: 13px; border-radius: 8px !important; }
    .pk-chat-head b { font-size: 15px; line-height: 1.2; }
    .pk-chat-who small { font-size: 11.5px; line-height: 1.2; }
    .pk-chat-head .pk-chat-head-menu .mud-icon-button { padding: 8px; }
}

/* Poruke: bedz uz sliku (isti kao na oglasu i profilu) - prsten oko slike + znak dole desno. */
.pk-chat-avb { position: relative; flex: none; display: inline-flex; align-self: center; }
.pk-chat-avb.is-verified > .pk-chat-av { box-shadow: 0 0 0 2px var(--mud-palette-background), 0 0 0 3.5px rgba(22, 163, 74, .45); }
.pk-chat-avb.is-premium > .pk-chat-av { box-shadow: 0 0 0 2px var(--mud-palette-background), 0 0 0 3.5px rgba(233, 162, 31, .8); }
.pk-chat-avb .pk-av-check { right: -5px; bottom: -5px; width: 19px; height: 19px; background: var(--mud-palette-background); }
.pk-chat-avb .pk-av-check .mud-icon-root { font-size: 16px; width: 16px; height: 16px; }
.pk-chat-avb.is-premium .pk-av-check { color: #E9A21F; }
.pk-chat-avb.is-head .pk-av-check { right: -4px; bottom: -4px; width: 15px; height: 15px; }
.pk-chat-avb.is-head .pk-av-check .mud-icon-root { font-size: 13px; width: 13px; height: 13px; }
.pk-chat-head .pk-chat-avb.is-head > .pk-chat-av { box-shadow: none; }
.pk-chat-head .pk-chat-avb.is-head.is-verified > .pk-chat-av { box-shadow: 0 0 0 1.5px var(--pk-chat-head, var(--mud-palette-background)), 0 0 0 3px rgba(22, 163, 74, .45); }
.pk-chat-head .pk-chat-avb.is-head.is-premium > .pk-chat-av { box-shadow: 0 0 0 1.5px var(--pk-chat-head, var(--mud-palette-background)), 0 0 0 3px rgba(233, 162, 31, .8); }

/* Pozadine razgovora: sličica preko cele širine kartice (bila je širine 0 pa se nije videla) + jasniji uzorak u tamnoj temi. */
.pk-bg-card { align-items: stretch; }
.pk-bg-thumb { width: 100%; align-self: stretch; box-sizing: border-box; border: 1px solid var(--mud-palette-lines-default); }
.pk-bg-mini.is-in { background: var(--pk-chat-in, #2A2D33); }
html:not(.pk-dark) .pk-bg-mini.is-in { background: var(--pk-chat-in, #FFFFFF); }
.pk-dark .pk-bg-thumb.pk-chat-bg-dots { background-image: radial-gradient(rgba(255, 255, 255, .22) 1.3px, transparent 1.4px); }
.pk-dark .pk-bg-thumb.pk-chat-bg-grid { background-image: linear-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px); }

/* Naslovi strana manji (bili preveliki), podnaslov sitniji i tiši; naslovi odeljaka manje upadljivi. */
.pk-ph-title.mud-typography { font-size: 22px !important; line-height: 1.25 !important; font-weight: 800; letter-spacing: -.2px; }
.pk-ph-sub.mud-typography { font-size: 13px !important; line-height: 1.4 !important; margin-top: 2px; }
.pk-set-h { font-size: 14.5px; font-weight: 700; }
@media (min-width: 600px) {
    .pk-ph-title.mud-typography { font-size: 26px !important; }
    .pk-ph-sub.mud-typography { font-size: 14px !important; }
}
/* Isti manji naslov i na Porukama i Kategorijama (telefon). */
@media (max-width: 959px) { .pk-chat-title:not(.is-select) { font-size: 22px; } }
@media (max-width: 599px) { .pk-cats-title { font-size: 22px !important; } }

/* Adresa po delovima: brzi izbor naziva (Kuca / Posao / Radnja) i dva polja u redu (broj + stan, postanski broj + telefon). */
.pk-addr-labels { display: flex; gap: 8px; flex-wrap: wrap; }
.pk-addr-chip { padding: 6px 14px; border-radius: 99px; border: 1px solid var(--mud-palette-lines-default); background: transparent; color: var(--mud-palette-text-primary); font: 600 13px/1.2 Inter, sans-serif; cursor: pointer; }
.pk-addr-chip.is-on { border-color: var(--mud-palette-primary); background: rgba(244, 88, 1, .12); color: var(--mud-palette-primary); }
.pk-addr-pair > * { flex: 1 1 0; min-width: 0; }

/* Poruke: pretraga iznad liste; tekst adrese u poruci u vise redova. */
.pk-chat-search { padding: 0 0 8px; }
.pk-chat-search .mud-input-outlined { border-radius: 12px; }
@media (min-width: 960px) { .pk-chat-search { padding: 10px 12px; } }
.pk-msg-addr div { white-space: pre-line; }
.pk-loadmore { display: flex; justify-content: center; padding: 14px 0; }

/* Telefon: kartica oglasa u razgovoru tanja (manja slika, jedan red naslova). */
@media (max-width: 599px) {
    .pk-chat-listing { padding: 6px 10px !important; gap: 10px !important; min-height: 0 !important; }
    .pk-chat-listing img, .pk-chat-listing .pk-chat-listing-ph { width: 36px !important; height: 36px !important; border-radius: 8px !important; flex: none; }
    .pk-chat-listing-txt b { font-size: 14px !important; line-height: 1.25 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
    .pk-chat-listing-txt small { font-size: 11.5px !important; line-height: 1.2 !important; }
    .pk-chat-listing-txt { min-width: 0; }
}

/* Slanje poruke: jedno polje (ikonica za adresu unutra levo) + narandzasti krug za slanje; manje zaobljeno, uredno. */
.pk-chat-send { gap: 8px !important; align-items: flex-end !important; }
.pk-chat-box { flex: 1; min-width: 0; display: flex; align-items: flex-end; gap: 2px; padding: 3px 10px 3px 3px; border-radius: 20px;
               background: var(--pk-chat-in, var(--mud-palette-surface)); border: 1px solid var(--mud-palette-lines-default); box-shadow: 0 1px 2px rgba(0, 0, 0, .12); }
.pk-chat-box:focus-within { border-color: rgba(244, 88, 1, .6); }
.pk-chat-boxbtn { flex: none; width: 38px; height: 38px; border: 0; border-radius: 50%; background: transparent; color: var(--mud-palette-primary);
                  display: inline-flex; align-items: center; justify-content: center; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pk-chat-boxbtn:active { background: rgba(244, 88, 1, .12); }
.pk-chat-box .pk-chat-ta { flex: 1; min-height: 38px !important; max-height: 120px; padding: 9px 2px !important; border: 0 !important; border-radius: 0 !important;
                           background: transparent !important; box-shadow: none !important; font-size: 16px; line-height: 20px; outline: none; }
.pk-chat-send > .mud-icon-button { width: 44px !important; height: 44px !important; flex: none; border-radius: 50% !important; }
.pk-chat-send > .mud-icon-button.mud-button-filled:disabled, .pk-chat-send > .mud-icon-button.mud-disabled {
    background: rgba(244, 88, 1, .28) !important; color: rgba(255, 255, 255, .85) !important; box-shadow: none !important; }

/* Moji oglasi (telefon): samo jedno dugme u kartici - normalne sirine levo, "⋯" desno (ne razvuceno preko cele kartice). */
@media (max-width: 599px) {
    .pk-mine-act:not(:has(> .mud-button-root ~ .mud-button-root)) > .mud-button-root { flex: none; padding: 0 18px; min-width: 132px; }
    .pk-mine-act:not(:has(> .mud-button-root ~ .mud-button-root)) > :not(.mud-button-root):last-child { margin-left: auto; }
}

/* Moji oglasi - fioka: "⋯" izvlaci traku sa okruglim radnjama iz dna kartice (glatko, bez iskacuceg menija). */
.pk-drawer { grid-column: 1 / -1; display: grid; grid-template-rows: 0fr; transition: grid-template-rows .26s cubic-bezier(.2, .8, .2, 1), margin .26s; margin-top: -10px; }
.pk-drawer.is-open { grid-template-rows: 1fr; margin-top: 0; }
.pk-drawer-in { overflow: hidden; display: flex; justify-content: space-around; gap: 4px; padding: 0 2px; opacity: 0; transform: translateY(-6px); transition: opacity .2s, transform .26s, padding .26s; }
.pk-drawer.is-open .pk-drawer-in { opacity: 1; transform: none; padding: 12px 2px 4px; border-top: 1px dashed var(--mud-palette-lines-default); }
.pk-dr-it { flex: 1 1 0; min-width: 0; max-width: 84px; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0; border: 0; background: none;
            color: var(--mud-palette-text-primary); font: 600 11.5px/1.2 Inter, sans-serif; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; white-space: nowrap; }
.pk-dr-it > span { width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--c-soft); color: var(--c); transition: transform .12s; }
.pk-dr-it:active > span { transform: scale(.9); }
.pk-dr-it .mud-icon-root { font-size: 21px; }
.pk-drawer.is-open .pk-dr-it { animation: pk-dr-pop .32s cubic-bezier(.2, .9, .3, 1.3) both; }
.pk-drawer.is-open .pk-dr-it:nth-child(2) { animation-delay: .03s; } .pk-drawer.is-open .pk-dr-it:nth-child(3) { animation-delay: .06s; }
.pk-drawer.is-open .pk-dr-it:nth-child(4) { animation-delay: .09s; } .pk-drawer.is-open .pk-dr-it:nth-child(5) { animation-delay: .12s; } .pk-drawer.is-open .pk-dr-it:nth-child(6) { animation-delay: .15s; }
@keyframes pk-dr-pop { from { opacity: 0; transform: translateY(8px) scale(.85); } to { opacity: 1; transform: none; } }
.pk-dr-it.is-orange { --c: #F45801; --c-soft: rgba(244, 88, 1, .14); }
.pk-dr-it.is-blue { --c: #3B82F6; --c-soft: rgba(59, 130, 246, .15); }
.pk-dr-it.is-gold { --c: #E9A21F; --c-soft: rgba(233, 162, 31, .16); }
.pk-dr-it.is-violet { --c: #8B5CF6; --c-soft: rgba(139, 92, 246, .16); }
.pk-dr-it.is-green { --c: #16A34A; --c-soft: rgba(22, 163, 74, .15); }
.pk-dr-it.is-teal { --c: #0EA5A4; --c-soft: rgba(14, 165, 164, .15); }
.pk-dr-it.is-red { --c: #E5484D; --c-soft: rgba(229, 72, 77, .14); }
.pk-mine-more.is-open { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); }
.pk-mine-more .mud-icon-root { transition: transform .2s; }
.pk-mine-more.is-open .mud-icon-root { transform: rotate(90deg); }
@media (min-width: 600px) { .pk-drawer-in { justify-content: flex-start; gap: 18px; } }

/* Lepeza radnji (Moji oglasi): zamucena pozadina, ✕ na mestu "⋯", radnje iskacu u polukrugu. */
.pk-fan { position: fixed; inset: 0; z-index: 1400; background: transparent; touch-action: none; overscroll-behavior: contain; }
/* Zamuceno samo u polukrugu iza ikonica (leva polovina kruga oko dugmeta), meka ivica. */
.pk-fan-halo { position: absolute; left: var(--x); top: var(--y); width: calc(var(--r) * 2); height: calc(var(--r) * 2); margin: calc(var(--r) * -1) 0 0 calc(var(--r) * -1);
               border-radius: 50%; pointer-events: none; animation: pk-fan-halo .3s cubic-bezier(.2, .8, .2, 1) both;
               /* Svetla tema: mlecno staklo + blag narandzast sjaj oko ✕ (ne siva mrlja). */
               background: radial-gradient(circle closest-side, rgba(255, 236, 222, .9) 0%, rgba(255, 255, 255, .82) 34%, rgba(255, 255, 255, .7) 100%);
               -webkit-backdrop-filter: blur(10px) saturate(1.3); backdrop-filter: blur(10px) saturate(1.3);
               -webkit-mask-image: radial-gradient(circle closest-side, #000 50%, rgba(0, 0, 0, .8) 68%, transparent 100%);
               mask-image: radial-gradient(circle closest-side, #000 50%, rgba(0, 0, 0, .8) 68%, transparent 100%); }
.pk-dark .pk-fan-halo { background: radial-gradient(circle closest-side, rgba(60, 30, 14, .75) 0%, rgba(16, 17, 20, .72) 36%, rgba(16, 17, 20, .62) 100%);
                        -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
/* Nazivi i krugovi po temi. */
.pk-fan-it { color: #141619 !important; text-shadow: 0 1px 2px rgba(255, 255, 255, .9) !important; font-weight: 700 !important; }
.pk-dark .pk-fan-it { color: #fff !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .7) !important; }
.pk-fan-it > span { background: #fff !important; box-shadow: 0 6px 16px -6px rgba(20, 22, 25, .28), inset 0 0 0 1.5px var(--c-soft) !important; }
.pk-dark .pk-fan-it > span { background: var(--mud-palette-surface) !important; box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .6), inset 0 0 0 1.5px var(--c-soft) !important; }
@keyframes pk-fan-halo { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: none; } }
@keyframes pk-fan-bg { from { opacity: 0; } to { opacity: 1; } }
.pk-fan-title { position: absolute; left: 16px; right: 16px; top: calc(16px + env(safe-area-inset-top)); text-align: center; color: #fff; font: 700 15px/1.3 Inter, sans-serif;
                white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: .9; }
.pk-fan-x { position: absolute; left: var(--x); top: var(--y); width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; border: 0; background: var(--mud-palette-primary); color: #fff;
            display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 22px -6px rgba(244, 88, 1, .7); cursor: pointer; animation: pk-fan-x .3s cubic-bezier(.2, .9, .3, 1.3) both; }
@keyframes pk-fan-x { from { transform: rotate(-90deg) scale(.6); } to { transform: none; } }
.pk-fan-it { position: absolute; left: var(--x); top: var(--y); width: 64px; max-width: none; margin: -22px 0 0 -32px; gap: 3px; font-size: 11px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
             transform: translate(var(--dx), var(--dy)); animation: pk-fan-it .38s cubic-bezier(.2, .9, .3, 1.25) both; animation-delay: var(--d); }
.pk-fan-it > span { width: 44px; height: 44px; background: var(--mud-palette-surface); box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .6), inset 0 0 0 1.5px var(--c-soft); }
.pk-fan-it > span::before { content: ""; position: absolute; }
.pk-fan-it .mud-icon-root { color: var(--c); font-size: 22px; }
@keyframes pk-fan-it { from { opacity: 0; transform: translate(0, 0) scale(.3); } to { opacity: 1; transform: translate(var(--dx), var(--dy)) scale(1); } }

/* Moji oglasi (telefon): dugmad u kartici tanja i mirnija - meka podloga u boji umesto punog / okvira. */
@media (max-width: 599px) {
    .pk-mine-act > .mud-button-root { height: 34px !important; border-radius: 10px !important; font-size: 12.5px !important; font-weight: 700; letter-spacing: .2px; border: 0 !important; }
    .pk-mine-act > .mud-button-root .mud-button-icon-start { margin-right: 5px; }
    .pk-mine-act > .mud-button-root .mud-icon-root { font-size: 17px !important; }
    .pk-mine-act > .mud-button-root.mud-button-filled-primary, .pk-mine-act > .mud-button-root.mud-button-outlined-primary { background: transparent !important; color: #F45801 !important; box-shadow: inset 0 0 0 1px rgba(244, 88, 1, .38) !important; }
    .pk-mine-act > .mud-button-root.mud-button-filled-success, .pk-mine-act > .mud-button-root.mud-button-outlined-success { background: transparent !important; color: #16A34A !important; box-shadow: inset 0 0 0 1px rgba(22, 163, 74, .38) !important; }
    .pk-dark .pk-mine-act > .mud-button-root.mud-button-outlined-success, .pk-dark .pk-mine-act > .mud-button-root.mud-button-filled-success { color: #4ADE80 !important; }
    .pk-mine-act > .mud-button-root.mud-button-outlined-warning { background: transparent !important; color: #D08A0E !important; box-shadow: inset 0 0 0 1px rgba(233, 162, 31, .4) !important; }
    .pk-mine-act > .pk-mine-more { width: 34px; height: 34px; border-radius: 10px; }
}

/* Oglas - vlasnik: "Vas oglas" + na kojoj je strani u grupi. */
.pk-own { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.pk-own-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 99px; background: rgba(244, 88, 1, .13); color: var(--mud-palette-primary); font: 700 12.5px/1.2 Inter, sans-serif; }
.pk-own-rank { display: inline-flex; align-items: center; gap: 5px; min-width: 0; max-width: 100%; padding: 4px 6px 4px 10px; border-radius: 99px; background: var(--pk-hover, rgba(127, 127, 127, .12));
               color: var(--mud-palette-text-primary); text-decoration: none; font: 500 12.5px/1.2 Inter, sans-serif; }
.pk-own-rank b { font-weight: 700; flex: none; }
.pk-own-rank span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mud-palette-text-secondary); }
.pk-own-rank .mud-icon-root { flex: none; color: var(--mud-palette-text-secondary); }

/* Pocetna: dolazak sa obrisanog oglasa. */
.pk-gone { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 10px 8px 10px 14px; border-radius: 14px;
           background: rgba(244, 88, 1, .1); border: 1px solid rgba(244, 88, 1, .35); color: var(--mud-palette-text-primary); }
.pk-gone > .mud-icon-root { color: var(--mud-palette-primary); flex: none; }
.pk-gone span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pk-gone b { font-size: 14px; }
.pk-gone small { font-size: 12.5px; color: var(--mud-palette-text-secondary); }
.pk-gone button { flex: none; width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: var(--mud-palette-text-secondary); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
/* Moji oglasi: kada se brise (prodat / istekao / odbijen). */
.pk-mine-del { display: inline-flex; align-items: center; gap: 3px; color: #E5484D !important; }
.pk-mine-del .mud-icon-root { font-size: 14px; }
/* Poruke: oglas obrisan. */
.pk-chat-sold.is-deleted { background: rgba(229, 72, 77, .14); color: #E5484D; }
/* Kartica prodavca: puno ime u jednom redu (dugo - "…"). */
.pk-seller-name { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 599px) { .pk-dark .pk-mine-act > .mud-button-root.mud-button-outlined-success, .pk-dark .pk-mine-act > .mud-button-root.mud-button-filled-success { box-shadow: inset 0 0 0 1px rgba(74, 222, 128, .32) !important; } }

/* Kategorije - treci nivo: grupa sa vrstama (dugme kao red), nazad na grupe. */
.pk-cat-groups .pk-cat-grp { width: 100%; padding: 10px 2px 10px 6px; border: 0; border-bottom: 1px solid var(--pk-line); background: transparent; color: inherit; font: inherit; font-size: 14px;
                             display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; cursor: pointer; }
.pk-cat-groups .pk-cat-grp > span { display: inline-flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }
.pk-cat-groups .pk-cat-grp small { color: var(--pk-muted); font-size: 12px; }
.pk-cat-groups .pk-cat-grp > .mud-icon-root { color: var(--pk-muted); flex: none; }
.pk-cat-groups .pk-cat-back { width: 100%; display: flex; align-items: center; gap: 6px; padding: 10px 2px 10px 4px; border: 0; border-bottom: 1px solid var(--pk-line); background: transparent;
                              color: var(--mud-palette-primary); font: 600 13.5px/1.2 Inter, sans-serif; cursor: pointer; text-align: left; }

/* Pretraga - vrste izabrane grupe (treci nivo): red dugmica. */
.pk-types { display: flex; gap: 6px; overflow-x: auto; padding: 2px 0 10px; margin: -2px 0 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.pk-types::-webkit-scrollbar { display: none; }
.pk-type { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; border: 1px solid var(--mud-palette-lines-default);
           color: var(--mud-palette-text-primary); text-decoration: none; font: 600 13px/1.2 Inter, sans-serif; white-space: nowrap; }
.pk-type em { font-style: normal; font-size: 11.5px; color: var(--mud-palette-text-secondary); font-weight: 600; }
.pk-type.is-on { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); background: rgba(244, 88, 1, .1); }
.pk-type.is-on em { color: var(--mud-palette-primary); }
/* Izbor grupe: nazad na grupe, broj vrsta, strelica za grupu sa vrstama. */
.pk-gpick-back { display: flex; align-items: center; gap: 6px; width: 100%; padding: 6px 2px 10px; border: 0; background: transparent; color: var(--mud-palette-primary); font: 600 13.5px/1.2 Inter, sans-serif; cursor: pointer; text-align: left; }
.pk-gpick-sub { display: block; font-size: 11.5px; color: var(--mud-palette-text-secondary); font-weight: 400; }
.pk-gpick-chev { color: var(--mud-palette-text-secondary); flex: none; }
/* Admin - vrste u grupi. */
.pk-acat-types { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 0 8px 14px; }
.pk-acat-type { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 10px; border-radius: 99px; border: 1px solid var(--mud-palette-lines-default); font-size: 12.5px; }
.pk-acat-type.is-off { opacity: .55; }
.pk-acat-type small { color: var(--mud-palette-text-secondary); }
.pk-acat-type button { border: 0; background: transparent; color: var(--mud-palette-text-secondary); padding: 2px; cursor: pointer; display: inline-flex; }
/* Kategorije: grupa sa vrstama se razvija na licu mesta; oznaka "N vrsta" blago istaknuta. */
.pk-cat-vrs { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 99px; background: rgba(244, 88, 1, .1); color: var(--mud-palette-primary); border: 1px solid rgba(244, 88, 1, .28); }
.pk-cat-groups .pk-cat-grp.is-open { border-bottom-color: transparent; font-weight: 600; }
.pk-cat-groups .pk-cat-grp.is-open > .mud-icon-root { color: var(--mud-palette-primary); }
.pk-cat-types { display: flex; flex-direction: column; margin: 0 0 4px 10px; padding-left: 10px; border-left: 2px solid rgba(244, 88, 1, .35); border-bottom: 1px solid var(--pk-line); }
.pk-cat-types a { font-size: 13.5px !important; padding: 9px 2px 9px 4px !important; }
.pk-cat-types a:last-child { border-bottom: 0; }

/* Izbor grupe (prozor): svaki red isto - naziv (+ "N vrsta") levo, broj i ikonica uvek na istom mestu desno; vrste se razvijaju ispod grupe. */
.pk-gpick-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 40px 22px; gap: 8px !important; text-align: left; min-height: 46px; border-radius: 0 !important; background: transparent !important; position: relative; }
.pk-gpick-name { min-width: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14.5px; line-height: 1.25; }
.pk-gpick-n { justify-self: end; font-size: 12.5px; font-weight: 600; color: var(--pk-muted); font-variant-numeric: tabular-nums; }
.pk-gpick-end { justify-self: end; display: inline-flex; color: var(--pk-muted); }
.pk-gpick-vrs { font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 99px; background: rgba(244, 88, 1, .1); color: var(--mud-palette-primary); border: 1px solid rgba(244, 88, 1, .28); }
.pk-gpick-row.is-on { color: var(--mud-palette-primary) !important; font-weight: 700 !important; }
.pk-gpick-row.is-on::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: var(--mud-palette-primary); }
.pk-gpick-row.is-on .pk-gpick-n, .pk-gpick-row.is-on .pk-gpick-end { color: var(--mud-palette-primary); }
.pk-gpick-row.is-open { border-bottom-color: transparent !important; font-weight: 600; }
.pk-gpick-row.is-open .pk-gpick-end { color: var(--mud-palette-primary); }
.pk-gpick-types { margin: 0 0 6px 12px; padding-left: 8px; border-left: 2px solid rgba(244, 88, 1, .35); border-bottom: 1px solid var(--pk-line); }
.pk-gpick-types .pk-gpick-row { min-height: 40px; padding: 8px 10px; }
.pk-gpick-types .pk-gpick-name { font-size: 13.5px; }

/* Poruka prodavcu: naslov oglasa + brza pitanja kao mala dugmad sa ikonicom (drugi dodir ponistava). */
.pk-quick-title { display: flex; align-items: center; gap: 6px; margin: 0 0 12px; padding: 8px 10px; border-radius: 10px; background: var(--pk-hover, rgba(127,127,127,.1)); color: var(--mud-palette-text-secondary); font-size: 13px; }
.pk-quick-title span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mud-palette-text-primary); font-weight: 600; }
.pk-quick { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
.pk-quick-it { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px 7px 10px; border-radius: 99px; border: 1px solid var(--mud-palette-lines-default); background: transparent;
               color: var(--mud-palette-text-primary); font: 600 13px/1.2 Inter, sans-serif; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .12s, border-color .12s, color .12s; }
.pk-quick-it .mud-icon-root { font-size: 17px; color: var(--mud-palette-primary); }
.pk-quick-it.is-on { border-color: var(--mud-palette-primary); background: rgba(244, 88, 1, .12); color: var(--mud-palette-primary); }
.pk-quick-it:active { transform: scale(.97); }

/* ---------- Bezbednost (2FA, passkey, zakljucavanje, uredjaji) ---------- */
.pk-sec-pill { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary); white-space: nowrap; }
.pk-sec-pill.is-on { background: color-mix(in srgb, var(--mud-palette-success) 16%, transparent); color: var(--mud-palette-success); }
.pk-addr-txt b .pk-sec-pill { margin-left: 6px; vertical-align: 1px; }
.pk-sec-card { padding: 14px 0 4px; }
.pk-sec-steps { margin: 0 0 14px; padding-left: 20px; font-size: 13.5px; line-height: 1.55; color: var(--mud-palette-text-secondary); }
.pk-sec-steps b { color: var(--mud-palette-text-primary); }
.pk-sec-qr { width: 196px; height: 196px; margin: 0 auto 12px; padding: 6px; border-radius: 16px; background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.10); }
.pk-sec-qr svg { width: 100%; height: 100%; display: block; }
.pk-sec-key { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 12px; flex-wrap: wrap; }
.pk-sec-key small { font-size: 12px; color: var(--mud-palette-text-secondary); }
.pk-sec-key code { font-size: 13.5px; font-weight: 700; letter-spacing: .04em; word-break: break-all; }
.pk-sec-btns { display: flex; justify-content: flex-end; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.pk-sec-btns.is-center { justify-content: center; margin: 0 0 16px; }
.pk-sec-btns.is-left { justify-content: flex-start; }
.pk-sec-codes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 6px 0 4px; }
.pk-sec-codes code { padding: 9px 0; text-align: center; border-radius: 10px; background: var(--mud-palette-background-gray); font-size: 14px; font-weight: 700; letter-spacing: .06em; }
.pk-sec-lock { display: grid; grid-template-columns: repeat(4, auto); justify-content: start; gap: 6px; }
.pk-sec-chip { padding: 8px 12px; border-radius: 999px; border: 1px solid var(--mud-palette-lines-default); background: none; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--mud-palette-text-primary); cursor: pointer; white-space: nowrap; }
.pk-sec-chip.is-on { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); background: var(--pk-blue-soft); }
.pk-sec-chip:disabled { opacity: .45; cursor: default; }
.pk-sec-note { margin-top: 8px; }
.pk-passkey { margin: -8px 0 18px; }
.pk-passkey .pk-gbtn-face .mud-icon-root { font-size: 22px; }
.pk-2fa-remember { margin: 6px 0 8px; display: flex; justify-content: center; }
.pk-2fa-rc input { text-align: center; font-size: 18px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

/* Zakljucana aplikacija - preko svega, neprovidno */
.pk-lock { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; padding: 24px 16px; background: var(--mud-palette-background); }
.pk-lock-box { width: 100%; max-width: 340px; text-align: center; }
.pk-lock-logo { width: 76px; height: 76px; border-radius: 20px; margin-bottom: 18px; }
.pk-lock-box h2 { margin: 0 0 6px; font-family: 'Manrope', 'Inter', sans-serif; font-size: 22px; font-weight: 800; color: var(--mud-palette-text-primary); }
.pk-lock-box p { margin: 0 0 22px; font-size: 14px; color: var(--mud-palette-text-secondary); word-break: break-all; }
.pk-lock-err { margin-top: 12px; font-size: 13.5px; color: var(--mud-palette-error); }
.pk-lock-out { margin-top: 18px; }
@media (max-width: 359px) { .pk-sec-chip { padding: 7px 9px; font-size: 12.5px; } .pk-otp { gap: 6px; } .pk-otp input { width: 40px; height: 50px; font-size: 21px; } }

/* ---- Oglas: velika slika 4:5 (uspravna, kao na telefonu); na racunaru najvise ~3/4 visine ekrana ---- */
@media (min-width: 600px) { .pk-oglas-main { max-height: min(78vh, 720px); } }

/* ---- Unos oglasa: izabrana slika + alatke (glavna, levo, desno, okreni, ukloni) ---- */
button.pk-nwiz-photo { padding: 0; cursor: pointer; font: inherit; color: inherit; }
.pk-nwiz-photo.is-sel { outline: 3px solid var(--pk-accent); outline-offset: 1px; }
.pk-nwiz-photo-no { position: absolute; left: 6px; bottom: 6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: rgba(0,0,0,.6); color: #fff;
                    font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pk-nwiz-photo-busy { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.45); }
.pk-nwiz-ptools { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin: 4px 0 8px; }
.pk-nwiz-ptools button { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 2px; border-radius: 10px; border: 1px solid var(--pk-line);
                         background: var(--pk-hover); color: inherit; font: 600 12px/1.2 Inter, system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.pk-nwiz-ptools button:disabled { opacity: .4; cursor: default; }
.pk-nwiz-ptools button.is-del { color: #EF4444; }
.pk-nwiz-phint { display: block; margin: 2px 0 8px; color: var(--mud-palette-text-secondary); font-size: 12.5px; }

/* ---- Nekretnine: tacka na mapi (unos) i priblizna lokacija + objekti u blizini (oglas) ---- */
.pk-locpin { margin-top: 12px; }
.pk-locpin-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pk-locpin-clear { border: 0; background: none; color: var(--pk-accent); font: 600 13px Inter, system-ui, sans-serif; cursor: pointer; padding: 4px 0; white-space: nowrap; }
.pk-locpin-map { height: 260px; margin-top: 8px; }
.pk-loc-map { height: 260px; }
.pk-map.is-failed::after { content: 'Mapa trenutno nije dostupna.'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--mud-palette-text-secondary); font-size: 13px; }
.pk-loc-pin { width: 30px; height: 40px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath fill='%23F45801' stroke='%23fff' stroke-width='1.5' d='M12 1C6 1 1.5 5.4 1.5 11.2 1.5 19 12 31 12 31s10.5-12 10.5-19.8C22.5 5.4 18 1 12 1z'/%3E%3Ccircle cx='12' cy='11' r='4' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat; cursor: grab; }
.pk-loc-dot { width: 14px; height: 14px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.4); cursor: pointer; }
.pk-loc-place { display: flex; align-items: center; gap: 4px; margin: 0 0 8px; color: var(--mud-palette-text-secondary); font-size: 14px; }
.pk-loc-note { display: block; margin-top: 6px; color: var(--mud-palette-text-secondary); font-size: 12.5px; }
.pk-loc-near { margin-top: 12px; }
.pk-loc-near > b { display: block; font-size: 14px; margin-bottom: 8px; }
.pk-loc-near > b small { font-weight: 400; color: var(--mud-palette-text-secondary); }
.pk-loc-cats { display: flex; flex-wrap: wrap; gap: 8px; }
.pk-loc-cat { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 99px; border: 1px solid var(--pk-line); font-size: 13px; cursor: pointer; white-space: nowrap; user-select: none; }
.pk-loc-cat input { position: absolute; opacity: 0; pointer-events: none; }
.pk-loc-cat.is-on { border-color: var(--pk-accent); background: rgba(244,88,1,.10); }
.pk-loc-cat small { color: var(--mud-palette-text-secondary); }
.pk-loc-sw { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.pk-loc-sw.is-vrtic { background: #A855F7; } .pk-loc-sw.is-skola { background: #3B82F6; } .pk-loc-sw.is-market { background: #EAB308; }
.pk-loc-sw.is-apoteka { background: #22C55E; } .pk-loc-sw.is-stanica { background: #F97316; }
.pk-loc-map .maplibregl-popup-content { background: #1B1E22; color: #E8EAED; font: 600 12.5px Inter, system-ui, sans-serif; padding: 6px 10px; border-radius: 8px; }
.pk-loc-map .maplibregl-popup-tip { border-top-color: #1B1E22 !important; border-bottom-color: #1B1E22 !important; }
@media (min-width: 600px) { .pk-loc-map, .pk-locpin-map { height: 320px; } }

/* ---- Oglas: istaknuti podaci - jedna traka ispod cene (ikonica levo, vrednost krupno, naziv sitno), delovi razdvojeni linijom ---- */
.pk-hl { display: flex; align-items: stretch; margin: 12px 0 4px; border-radius: 12px; border: 1px solid var(--pk-line); border-left: 3px solid var(--pk-accent); overflow: hidden; }
.pk-hl-item { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 9px 8px; }
.pk-hl-item + .pk-hl-item { border-left: 1px solid var(--pk-line); }
.pk-hl-item > .mud-icon-root { flex: none; color: var(--pk-accent); font-size: 18px; }
.pk-hl-item > span { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.pk-hl-item b { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pk-hl-item small { font-size: 11.5px; color: var(--pk-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 389px) { .pk-hl-item { gap: 4px; padding: 8px 5px; } .pk-hl-item > .mud-icon-root { font-size: 15px; } .pk-hl-item b { font-size: 13px; } }
@media (min-width: 600px) { .pk-hl-item { padding: 10px 12px; gap: 8px; } .pk-hl-item b { font-size: 15px; } }
.pk-tag.is-owner { color: #22C55E; border-color: rgba(34,197,94,.45); }

/* ---- Oglas: YouTube video (slicica sa dugmetom, snimak na dodir) ---- */
.pk-yt { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; margin-bottom: 8px; }
.pk-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pk-yt-cover { position: absolute; inset: 0; padding: 0; border: 0; background: none; cursor: pointer; }
.pk-yt-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pk-yt-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 46px; border-radius: 14px; background: rgba(0,0,0,.7);
              color: #fff; display: flex; align-items: center; justify-content: center; }
.pk-yt-play .mud-icon-root { font-size: 34px; }
.pk-yt-cover:hover .pk-yt-play { background: var(--pk-accent); }
.pk-nwiz-video { margin-top: 0; }
.pk-nwiz-sep { border: 0; border-top: 1px solid var(--pk-line); margin: 18px 0 20px; }

/* ---- Oglas: prethodna cena, rezervacija, zamena, dostupnost, poredjenje ---- */
.pk-oglas-prev { margin: -2px 0 8px; font-size: 13px; color: var(--pk-muted); }
.pk-oglas-prev s { color: var(--pk-muted); }
.pk-tag.is-warn { color: #B45309; border-color: rgba(180,83,9,.45); }
html.pk-dark .pk-tag.is-warn { color: #FBBF24; border-color: rgba(251,191,36,.4); }
.pk-oglas-res { display: flex; align-items: center; gap: 8px; margin: 10px 0 2px; padding: 9px 12px; border-radius: 12px; background: rgba(180,83,9,.10); color: #B45309; font-size: 13.5px; }
html.pk-dark .pk-oglas-res { background: rgba(251,191,36,.10); color: #FBBF24; }
.pk-oglas-res.is-me { background: rgba(34,197,94,.12); color: #15803D; }
html.pk-dark .pk-oglas-res.is-me { color: #4ADE80; }
.pk-oglas-swap { display: flex; align-items: flex-start; gap: 6px; margin: 8px 0 2px; font-size: 13.5px; color: var(--pk-muted); }
.pk-oglas-swap .mud-icon-root { color: var(--pk-accent); flex: none; margin-top: 1px; }
.pk-oglas-swap b { color: var(--mud-palette-text-primary); font-weight: 600; }
.pk-oglas-owner-links { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.pk-share-row button.is-on { border-color: var(--pk-accent); color: var(--pk-accent); }
.pk-compare-go { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 8px; padding: 10px; border-radius: 12px; background: var(--pk-accent); color: #fff !important;
                 font-weight: 700; font-size: 14px; text-decoration: none; }
.pk-lcard-res { position: absolute; right: 6px; bottom: 6px; display: inline-flex; align-items: center; gap: 3px; padding: 3px 7px; border-radius: 7px; background: rgba(180,83,9,.92);
                color: #fff; font-style: normal; font-size: 11px; font-weight: 700; }
.pk-lcard-res .mud-icon-root { font-size: 13px; }
/* Rezervacija (dijalog) */
.pk-res-intro { font-size: 13.5px; margin: 0 0 12px; }
.pk-res-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
/* Unos: kategorije za zamenu */
.pk-exch { margin: 4px 0 0 34px; }
.pk-exch-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 2px; }
.pk-exch-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 4px 4px 10px; border-radius: 99px; background: rgba(244,88,1,.12); color: var(--pk-accent); font-size: 13px; font-weight: 600; }
.pk-exch-chip button { border: 0; background: none; color: inherit; padding: 0; display: flex; cursor: pointer; }
@media (max-width: 379px) { .pk-exch { margin-left: 0; } }

/* ---- Uporedi oglase: tabela u svom okviru (vodoravno pomeranje samo unutar okvira), prva kolona stoji ---- */
/* Naslov uz zaglavlje, "Ocisti" desno u istom redu. */
.pub-sec.pk-cmp { margin-top: 0; }
.pk-cmp-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 4px 0 10px; }
.pk-cmp-top .pk-cats-title { margin: 0; }
.pk-cmp-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--pk-line); border-radius: 16px; background: var(--pk-card, var(--mud-palette-surface)); box-shadow: 0 8px 24px -14px rgba(20,22,25, .35); }
.pk-cmp-table { border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed; font-size: 13.5px; }
.pk-cmp-table th, .pk-cmp-table td { padding: 11px 12px; border-bottom: 1px solid var(--pk-line); text-align: left; vertical-align: top; }
.pk-cmp-table tbody tr:nth-child(even) > td { background: var(--pk-hover); }
.pk-cmp-table thead th { padding: 12px 12px 10px; background: var(--pk-hover); border-bottom: 2px solid var(--pk-line); }
.pk-cmp-table tbody tr:last-child > * { border-bottom: 0; }
.pk-cmp-table td { overflow-wrap: anywhere; }
.pk-cmp-table td.is-best { font-weight: 700; }
.pk-cmp-best { display: inline-flex; flex-direction: column; gap: 1px; color: #16a34a; }
.pk-cmp-best small { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; opacity: .85; }
.pk-dark .pk-cmp-best { color: #4ade80; }
.pk-cmp-score { display: inline-flex; gap: 6px; }
.pk-cmp-score { gap: 12px; }
.pk-cmp-score span { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; font-size: 13.5px; }
.pk-cmp-score .is-pos { color: #16a34a; }
.pk-cmp-score .is-neg { color: #dc2626; }
.pk-dark .pk-cmp-score .is-pos { color: #4ade80; }
.pk-dark .pk-cmp-score .is-neg { color: #f87171; }
.pk-cmp-score .mud-icon-root { font-size: 17px; }
.pk-cmp-empty a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 150px; padding: 12px; border: 1.5px dashed var(--pk-line); border-radius: 12px; color: var(--pk-accent); font-size: 13px; font-weight: 700; text-align: center; text-decoration: none; }
.pk-cmp-empty a .mud-icon-root { font-size: 28px; }
.pk-cmp-label { width: 94px; min-width: 94px; max-width: 94px; padding-left: 10px !important; padding-right: 4px !important; background: var(--pk-card, var(--mud-palette-surface)); font-size: 11px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--pk-muted); overflow-wrap: anywhere;
                font-weight: 600; font-size: 12.5px; border-right: 1px solid var(--pk-line); }
.pk-cmp-table thead th { position: relative; vertical-align: top; }
.pk-cmp-head { display: flex; flex-direction: column; gap: 6px; color: inherit; text-decoration: none; padding-right: 20px; }
.pk-cmp-head img, .pk-cmp-noimg { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; box-shadow: 0 4px 12px -4px rgba(20,22,25, .4); background: var(--pk-hover); display: flex; align-items: center; justify-content: center; }
.pk-cmp-head b { font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pk-cmp-x { position: absolute; top: 12px; right: 6px; width: 26px; height: 26px; border-radius: 50%; border: 0; background: rgba(0,0,0,.6); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.pk-cmp-foot { display: flex; justify-content: flex-end; margin-top: 8px; }
@media (max-width: 359px) { .pk-cmp-table { font-size: 12.5px; } .pk-cmp-table th, .pk-cmp-table td { padding: 9px 8px; } .pk-cmp-label { width: 84px; min-width: 84px; max-width: 84px; font-size: 10.5px; } }
@media (min-width: 600px) { .pk-cmp-table { max-width: 760px; } .pk-cmp-label { width: 140px; min-width: 140px; max-width: 140px; font-size: 13px; } }
/* Istaknuti u krugu: tackice ispod (koja grupa se vidi) */
.pk-promo-dots { display: flex; justify-content: center; gap: 5px; margin: 2px 0 10px; }
.pk-promo-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--pk-line); }
.pk-promo-dots i.is-on { background: var(--pk-accent); }

/* Fakturisanje (administracija): stavke firme */
.pk-bill-items { margin-top: 8px; border-top: 1px solid var(--pk-line); }
.pk-bill-items > div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--pk-line); font-size: 13.5px; }
.pk-bill-items > div b { white-space: nowrap; }

/* Zakonske napomene: prodavac trgovac / fizicko lice (oglas), parametri redosleda (pretraga), provera ocena (profil) */
.pk-trader-note { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--pk-line); font-size: 12.5px; line-height: 1.45; color: var(--pk-muted); }
.pk-trader-note .mud-icon-root { flex: none; color: var(--pk-accent); margin-top: 1px; }
.pk-trader-note b { color: var(--mud-palette-text-primary); font-weight: 600; }
.pk-trader-note a, .pk-rating-note a { color: var(--pk-accent); }
.pk-rank-link { display: inline-flex; align-items: center; gap: 4px; margin: 0 0 8px; font-size: 12.5px; color: var(--pk-muted); text-decoration: none; }
.pk-rank-link .mud-icon-root { font-size: 15px; }
.pk-rating-note { display: block; margin: -4px 0 10px; font-size: 12.5px; color: var(--pk-muted); line-height: 1.45; }

/* ---- Gotov prikaz oglasa sa servera (vidi se odmah, pre nego sto se aplikacija ucita): iste klase kao prava strana,
        ovde su samo boje koje inace postavlja aplikacija (tema), zaglavlje sa logom i traka ucitavanja. ---- */
.pk-seo.is-instant ~ .pk-boot { display: none; }
.pk-seo.is-instant { --mud-palette-text-primary: #1B1E22; --mud-palette-text-secondary: #6B7280; --mud-palette-surface: #FFFFFF; --mud-palette-lines-default: #E3E6EA;
    --pk-muted: #6B7280; --pk-line: #E3E6EA; --pk-card: #FFFFFF;
    min-height: 100vh; background: #F5F6F8; color: #1B1E22; font: 400 14px/1.43 Inter, "Segoe UI", Roboto, Arial, sans-serif; overflow-x: clip; }
html.pk-dark .pk-seo.is-instant { --mud-palette-text-primary: #E8EAED; --mud-palette-text-secondary: #9AA1AA; --mud-palette-surface: #1E2125; --mud-palette-lines-default: #33383E;
    --pk-muted: #9AA1AA; --pk-line: #33383E; --pk-card: #1E2125; background: #141619; color: #E8EAED; }
.pki-bar { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 60; overflow: hidden; background: rgba(244,88,1,.15); }
.pki-bar i { display: block; width: 40%; height: 100%; background: #F45801; animation: pk-boot-run 1.2s ease-in-out infinite; }
.pki-head { position: sticky; top: 0; z-index: 50; height: 55px; display: flex; align-items: center; border-bottom: 1px solid var(--pk-line);
    background: color-mix(in srgb, var(--mud-palette-surface) 88%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.pki-head > div { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 14px; box-sizing: border-box; }
.pki-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 16px 14px 40px; box-sizing: border-box; }
.pki-wrap a { color: inherit; }
.pki-sep { font-style: normal; padding: 0 4px; }
.pki-actions { display: flex; gap: 8px; margin-bottom: 14px; }
.pki-actions span { flex: 1; height: 37px; border-radius: 10px; background: var(--pk-hover); animation: pki-pulse .9s ease-in-out infinite alternate; }
.pki-muted { color: var(--pk-muted); font-size: 13px; }
.pk-seo.is-instant .pk-oglas-main { cursor: default; }
.pk-seo.is-instant .pk-oglas-thumbs button { cursor: default; }
@keyframes pki-pulse { from { opacity: .45; } to { opacity: 1; } }
@media (min-width: 600px) {
    .pki-head { height: 70px; }
    .pki-head > div { padding: 0 20px; }
    .pki-wrap { padding: 24px 20px 48px; }
}

/* =====================================================================
   "Kako radi Prokupito" (/kako-radi) - telefon je osnova; racunar od 600px / 900px
   ===================================================================== */
/* Ilustracije (PkArt): boje prate temu */
.pk-art { display: block; width: 100%; height: auto; }
.pk-art .art-blob { fill: rgba(244, 88, 1, .10); }
.pk-art .art-card { fill: var(--mud-palette-surface); }
.pk-art .art-stroke { stroke: var(--mud-palette-lines-default); stroke-width: 2.5; }
.pk-art .art-ink { fill: var(--mud-palette-text-primary); opacity: .82; }
.pk-art .art-mute { fill: var(--mud-palette-text-secondary); opacity: .38; }
.pk-art .art-acc { fill: var(--mud-palette-primary); }
.pk-art .art-acc-soft { fill: rgba(244, 88, 1, .18); }
.pk-art .art-acc-stroke { stroke: var(--mud-palette-primary); fill: none; }
.pk-art .art-line { stroke: var(--mud-palette-text-secondary); opacity: .55; }
.pk-art .art-line-fill { fill: var(--mud-palette-text-secondary); opacity: .55; }
.pk-art .art-ok { fill: #22C55E; }
.pk-art .art-bad { fill: #EF4444; }
.pk-art .art-bad-stroke { stroke: #EF4444; fill: none; }

.pk-kako { padding-bottom: 24px; }
.pk-kako h1, .pk-kako h2, .pk-kako h3, .pk-kako p { margin: 0; }
.pk-how-hero { display: flex; flex-direction: column; gap: 8px; padding: 18px 16px 6px; border-radius: 22px; border: 1px solid var(--mud-palette-lines-default);
    background: linear-gradient(160deg, rgba(244,88,1,.14), rgba(244,88,1,0) 60%), var(--mud-palette-surface); }
.pk-how-kicker { display: inline-block; padding: 4px 10px; border-radius: 99px; background: rgba(244,88,1,.14); color: var(--mud-palette-primary); font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.pk-how-hero h1 { margin-top: 0; font: 800 28px/1.15 Manrope, Inter, sans-serif; letter-spacing: -.01em; }
.pk-how-hero p { margin-top: 8px; font-size: 14.5px; line-height: 1.5; color: var(--pk-muted); }
.pk-how-cta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.pk-how-hero-art { width: 100%; max-width: 300px; margin: 0 auto; }

.pk-how-nav { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 4px; }
.pk-how-nav a { display: inline-flex; align-items: center; gap: 5px; padding: 7px 11px; border-radius: 99px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface);
    color: inherit; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.pk-how-nav a .mud-icon-root { color: var(--mud-palette-primary); font-size: 16px; }

.pk-how-sec { margin-top: 14px; padding: 16px; border-radius: 20px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); scroll-margin-top: 80px; }
.pk-how-art { width: 100%; max-width: 260px; margin: 0 auto 6px; }
.pk-how-no { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--mud-palette-primary); color: #fff; font-weight: 800; font-size: 13px; }
.pk-how-body h2 { margin-top: 0; font: 800 21px/1.2 Manrope, Inter, sans-serif; }
.pk-how-lead { margin-top: 4px !important; font-size: 14.5px; line-height: 1.5; color: var(--pk-muted); }
.pk-how-steps { list-style: none; margin: 14px 0 0; padding: 0; counter-reset: s; display: flex; flex-direction: column; gap: 10px; }
.pk-how-steps li { position: relative; padding-left: 34px; font-size: 14px; line-height: 1.5; counter-increment: s; }
.pk-how-steps li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 8px; background: rgba(244,88,1,.14); color: var(--mud-palette-primary);
    font-weight: 800; font-size: 12.5px; display: flex; align-items: center; justify-content: center; }
.pk-how-facts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.pk-how-facts span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; border-radius: 10px; background: var(--pk-hover); font-size: 12.5px; font-weight: 600; }
.pk-how-facts .mud-icon-root { color: var(--mud-palette-primary); font-size: 16px; }

.pk-how-free { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(34,197,94,.12); color: #15803D; font-size: 13.5px; line-height: 1.45; }
html.pk-dark .pk-how-free { color: #4ADE80; }
.pk-how-free .mud-icon-root { flex: none; margin-top: 1px; }
.pk-how-promos { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 14px; }
.pk-how-promo { display: flex; flex-direction: column; gap: 6px; padding: 14px; border-radius: 16px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-background); }
.pk-how-promo.is-main { border-color: var(--mud-palette-primary); box-shadow: 0 0 0 1px var(--mud-palette-primary) inset; }
.pk-how-promo-ico { width: 38px; height: 38px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(244,88,1,.14); color: var(--mud-palette-primary); }
.pk-how-promo b { font-size: 15px; }
.pk-how-promo p { font-size: 13.5px; line-height: 1.45; color: var(--pk-muted); }
.pk-how-promo em { margin-top: auto; padding-top: 4px; font-style: normal; font-weight: 800; font-size: 16px; color: var(--mud-palette-primary); }
.pk-how-promo em small { font-weight: 500; font-size: 12px; color: var(--pk-muted); }
.pk-how-promo em s { font-weight: 500; font-size: 12.5px; color: var(--pk-muted); margin-left: 2px; }
.pk-how-h3 { margin-top: 18px !important; font: 800 16px/1.2 Manrope, Inter, sans-serif; }
.pk-how-ticks { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pk-how-ticks li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; }
.pk-how-ticks .mud-icon-root { flex: none; margin-top: 2px; color: var(--mud-palette-primary); }
.pk-how-more { display: inline-flex; align-items: center; gap: 2px; margin-top: 14px; color: var(--mud-palette-primary); font-weight: 700; font-size: 14px; text-decoration: none; }
.pk-how-tip { display: flex; align-items: flex-start; gap: 8px; margin-top: 14px; padding: 10px 12px; border-radius: 12px; border-left: 3px solid var(--mud-palette-primary); background: var(--pk-hover); font-size: 13.5px; line-height: 1.45; }
.pk-how-tip .mud-icon-root { flex: none; color: var(--mud-palette-primary); margin-top: 1px; }

.pk-how-yesno { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 14px; }
.pk-how-yesno > div { padding: 12px 14px; border-radius: 14px; background: var(--mud-palette-background); border: 1px solid var(--mud-palette-lines-default); }
.pk-how-yesno b { display: flex; align-items: center; gap: 6px; font-size: 14.5px; }
.pk-how-yesno .is-yes b { color: #16A34A; }
.pk-how-yesno .is-no b { color: #EF4444; }
.pk-how-yesno ul { margin: 8px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; font-size: 13.5px; line-height: 1.45; }
.pk-how-note { margin-top: 12px !important; font-size: 13.5px; line-height: 1.5; color: var(--pk-muted); }
.pk-how-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.pk-how-links a { padding: 7px 12px; border-radius: 99px; border: 1px solid var(--mud-palette-lines-default); color: inherit; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }

.pk-how-prices { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 14px; }
.pk-how-prices > div { padding: 14px; border-radius: 16px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-background); }
.pk-how-prices b { display: block; font-size: 13px; color: var(--pk-muted); font-weight: 600; }
.pk-how-prices em { display: block; margin-top: 2px; font-style: normal; font: 800 20px/1.2 Manrope, Inter, sans-serif; color: var(--mud-palette-primary); }
.pk-how-prices ul { margin: 10px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; font-size: 13.5px; line-height: 1.45; }

.pk-how-end { margin-top: 14px; padding: 22px 16px; border-radius: 20px; text-align: center; background: linear-gradient(160deg, rgba(244,88,1,.16), rgba(244,88,1,.04)); border: 1px solid var(--mud-palette-lines-default); }
.pk-how-end h2 { font: 800 22px/1.2 Manrope, Inter, sans-serif; }
.pk-how-end p { margin-top: 4px; color: var(--pk-muted); font-size: 14.5px; }
.pk-how-end .pk-how-cta { justify-content: center; }
.pk-promo-how { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 600; color: var(--mud-palette-primary); text-decoration: none; }

@media (min-width: 600px) {
    .pk-how-hero { padding: 28px 28px 12px; }
    .pk-how-hero h1 { font-size: 38px; }
    .pk-how-hero p { font-size: 16px; max-width: 520px; }
    .pk-how-sec { padding: 24px; margin-top: 18px; }
    .pk-how-promos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pk-how-yesno, .pk-how-prices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pk-how-body h2 { font-size: 25px; }
}
@media (min-width: 900px) {
    .pk-how-hero { flex-direction: row; align-items: center; gap: 24px; padding: 36px 40px; }
    .pk-how-hero-text { flex: 1 1 0; min-width: 0; }
    .pk-how-hero-art { flex: 0 0 380px; max-width: 380px; margin: 0; }
    .pk-how-hero h1 { font-size: 46px; }
    .pk-how-sec:not(.is-wide), .pk-how-headrow { display: flex; align-items: center; gap: 36px; }
    .pk-how-sec.is-flip { flex-direction: row-reverse; }
    .pk-how-sec { padding: 32px 36px; }
    .pk-how-art { flex: 0 0 320px; max-width: 320px; margin: 0; }
    .pk-how-body { flex: 1 1 0; min-width: 0; }
    .pk-how-promos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* Okvir "Prodavac je firma / fizicko lice" u kartici prodavca: isti oblik kao "Kupujte sigurno", narandzast. */
.pk-safe.is-trader { border-left-color: var(--mud-palette-primary); margin-bottom: 4px; }
.pk-safe.is-trader .pk-safe-badge { color: var(--mud-palette-primary); background: #FFF1E8; border-color: rgba(244,88,1,.35); }
html.pk-dark .pk-safe.is-trader .pk-safe-badge { color: #FF9A55; background: #2A1D14; border-color: rgba(255,154,85,.35); }
.pk-safe.is-trader small a { color: var(--mud-palette-primary); }
/* Lepeza sa 6+ radnji: manji kruzici i natpisi, da stane bez preklapanja. */
.pk-fan.is-many .pk-fan-it { width: 60px; margin: -20px 0 0 -30px; font-size: 10.5px; gap: 2px; white-space: nowrap; }
.pk-fan.is-many .pk-fan-it > span { width: 40px; height: 40px; }
.pk-fan.is-many .pk-fan-it .mud-icon-root { font-size: 20px; }
/* Istakni oglas - jos nije vreme (probni period, 14 dana od objave): miran prikaz sa datumom. */
.pk-promo-wait { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 10px 4px 2px; }
.pk-promo-wait-ico { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; background: rgba(244, 88, 1, .14); color: var(--mud-palette-primary); }
.pk-promo-wait-ico .mud-icon-root { font-size: 30px; }
.pk-promo-wait b { font: 800 19px/1.25 Manrope, Inter, sans-serif; }
.pk-promo-wait em { font-style: normal; font-size: 13px; font-weight: 700; color: var(--mud-palette-primary); padding: 3px 10px; border-radius: 99px; background: rgba(244, 88, 1, .12); margin-top: 2px; }
.pk-promo-wait p { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: var(--mud-palette-text-secondary); }
.pk-promo-loading { display: flex; align-items: center; justify-content: center; min-height: 180px; }
/* Kako radi: bez "plutajucih" plocica u vise redova - cinjenice i linkovi su obicna lista, jedno ispod drugog. */
.pk-how-facts { flex-direction: column; flex-wrap: nowrap; gap: 8px; padding-top: 12px; border-top: 1px solid var(--mud-palette-lines-default); }
.pk-how-facts span { padding: 0; border-radius: 0; background: none; font-size: 13.5px; font-weight: 600; gap: 8px; }
.pk-how-links { flex-direction: column; flex-wrap: nowrap; gap: 8px; }
.pk-how-links a { padding: 0; border: 0; border-radius: 0; font-size: 14px; font-weight: 700; color: var(--mud-palette-primary); }
.pk-how-links a::after { content: " \203A"; }
/* Kako radi: okviri "Besplatno" i "Savet" kao "Kupujte sigurno" - znacka gore desno, tekst celom sirinom (bez ikonice levo i praznine ispod nje). */
.pk-how-free, .pk-how-tip { position: relative; display: block; margin-top: 24px; padding: 16px 14px 12px; border: 1px solid var(--mud-palette-lines-default); border-left: 4px solid #16A34A;
    border-radius: 14px; background: var(--mud-palette-surface); color: var(--mud-palette-text-secondary); }
html.pk-dark .pk-how-free { color: var(--mud-palette-text-secondary); }
.pk-how-tip { border-left-color: var(--mud-palette-primary); }
.pk-how-free b { display: block; margin-bottom: 3px; font-size: 15px; color: var(--mud-palette-text-primary); }
.pk-how-badge { position: absolute; top: -12px; right: 12px; display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; font-style: normal; font-size: 12.5px; font-weight: 700;
    color: #16A34A; background: #E9F7EF; border: 1px solid rgba(22,163,74,.35); }
html.pk-dark .pk-how-badge { color: #5EE0A8; background: #16281F; border-color: rgba(94,224,168,.35); }
.pk-how-tip .pk-how-badge { color: var(--mud-palette-primary); background: #FFF1E8; border-color: rgba(244,88,1,.35); }
html.pk-dark .pk-how-tip .pk-how-badge { color: #FF9A55; background: #2A1D14; border-color: rgba(255,154,85,.35); }
.pk-how-badge .mud-icon-root, .pk-how-tip .pk-how-badge .mud-icon-root { font-size: 15px; margin: 0; color: inherit; }
/* Filteri: dugme za zatvaranje (X) uocljivo - krug sa pozadinom. */
.pk-advf-head .mud-icon-button { width: 38px; height: 38px; border-radius: 50%; background: var(--mud-palette-background-gray); color: var(--mud-palette-text-primary); border: 1px solid var(--mud-palette-lines-default); }
.pk-advf-head .mud-icon-button .mud-icon-root { font-size: 22px; }
/* Sve kategorije: jedan naslov "Sve kategorije / najtrazenije" umesto dva jedan ispod drugog. */
.pk-cats-title small { margin-left: 6px; font-size: .55em; font-weight: 600; color: var(--mud-palette-text-secondary); letter-spacing: 0; white-space: nowrap; }
/* Zaglavlje sajta (neprijavljen, telefon): dugmad za temu i registraciju su kockasta sa zaobljenim uglovima (kao avatar) i razmaknuta. */
@media (max-width: 599px) {
    .pub-actions .pub-theme, .pub-actions .pub-login-ico, .pub-actions .pub-register-ico { border-radius: 12px !important; }
    .pub-actions .pub-theme { margin-left: 4px; }
    .pub-actions .pub-login-ico, .pub-actions .pub-register-ico { margin-left: 8px; }
}
/* Oglas: malo vise vazduha izmedju cene, oznaka, isticanih podataka, meta reda i dugmadi. */
.pk-oglas-price { margin-bottom: 14px; }
.pk-oglas-tags { gap: 8px; margin-bottom: 14px; }
.pk-hl { margin: 14px 0 12px; }
.pk-oglas-meta { gap: 9px 14px; margin-bottom: 18px; }
.pk-oglas-actions { margin-bottom: 18px; }
.pk-oglas-info .pk-share-row { margin-top: 18px; }
/* Svi oglasi jednog prodavca: zaglavlje bez okvira - slika, "Oglasi prodavca", ime, vrsta i broj oglasa; ispod prisustvo i brzina odgovora, pa linija. */
.pk-seller-top { flex-wrap: wrap; align-items: center; gap: 12px 14px; margin: 2px 0 16px; padding: 0 0 14px; border: 0; border-bottom: 1px solid var(--mud-palette-lines-default); border-radius: 0; background: none; }
.pk-seller-top .pk-seller-av { width: 56px; height: 56px; font-size: 22px; }
.pk-seller-top-txt { gap: 3px; }
.pk-seller-top-k { font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mud-palette-primary); }
.pk-seller-top-txt b { font: 800 19px/1.2 Manrope, Inter, sans-serif; }
.pk-seller-top-line { font-size: 13.5px; color: var(--mud-palette-text-secondary); }
.pk-seller-top-more { flex: 1 0 100%; display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; color: var(--mud-palette-text-secondary); }
.pk-seller-top-more:empty { display: none; }
.pk-seller-top-more span { display: flex; align-items: center; gap: 8px; }
.pk-seller-top-more .mud-icon-root { font-size: 18px; flex: none; }
.pk-seller-top-more .is-on { color: #16A34A; font-weight: 600; }
.pk-seller-top-more .is-on i { width: 9px; height: 9px; margin: 0 4px 0 5px; border-radius: 50%; background: #22C55E; }
.pk-seller-top > button { width: 38px; height: 38px; background: var(--mud-palette-background-gray); color: var(--mud-palette-text-primary); border: 1px solid var(--mud-palette-lines-default); }
/* Gotov prikaz: isti razmak slova kao u aplikaciji (MudBlazor ga postavlja na telo) - naslovi se prelamaju isto pre i posle preuzimanja. */
.pk-seo.is-instant { letter-spacing: .01071em; }
/* Poruka sa adresom: kartica (ne obican oblacic) - zaglavlje sa pribadacom, ime podebljano, redovi adrese, telefon, pa "Kopiraj" i vreme. */
.pk-msg.pk-msg-addr { min-width: 236px; max-width: min(86%, 320px); padding: 0; overflow: hidden; border-radius: 16px; background: var(--mud-palette-surface) !important; color: var(--mud-palette-text-primary) !important;
    border: 1px solid var(--mud-palette-lines-default); box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .45); }
.pk-msg.pk-msg-addr.is-mine { border-color: rgba(244, 88, 1, .45); }
.pk-adr-head { display: flex; align-items: center; gap: 9px; padding: 10px 12px; background: rgba(244, 88, 1, .10); border-bottom: 1px solid var(--mud-palette-lines-default); }
.pk-adr-head b { font-size: 13px; font-weight: 700; letter-spacing: .01em; color: var(--mud-palette-primary); }
.pk-adr-ico { width: 26px; height: 26px; flex: none; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--mud-palette-primary); color: #fff; }
.pk-adr-ico .mud-icon-root { font-size: 17px; }
.pk-adr-lines { display: flex; flex-direction: column; gap: 2px; padding: 11px 12px 4px; font-size: 14.5px; line-height: 1.4; overflow-wrap: anywhere; white-space: normal; }
.pk-adr-lines b { font-size: 15px; font-weight: 700; margin-bottom: 1px; }
.pk-adr-lines span { color: var(--mud-palette-text-secondary); }
.pk-adr-lines .pk-adr-tel { display: inline-flex; align-items: center; gap: 6px; margin-top: 5px; color: var(--mud-palette-text-primary); font-weight: 600; }
.pk-adr-lines .pk-adr-tel .mud-icon-root { font-size: 16px; color: var(--mud-palette-primary); }
.pk-adr-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px 10px; }
.pk-msg.pk-msg-addr .pk-msg-copy { margin-top: 0; padding: 5px 12px; border-color: var(--mud-palette-lines-default); color: var(--mud-palette-text-primary); background: var(--pk-hover); font-weight: 600; white-space: nowrap; }
.pk-msg.pk-msg-addr .pk-adr-foot small { color: var(--mud-palette-text-secondary) !important; opacity: 1; margin: 0; white-space: nowrap; }

/* Prozor "Pošalji adresu": kartica po adresi - naziv kao mala oznaka, adresa, dugme "Pošalji". */
.pk-addr-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "tag tag" "lines go"; align-items: end; gap: 8px 12px; padding: 12px 14px; border-radius: 16px;
    border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-background); }
.pk-addr-tag { grid-area: tag; justify-self: start; display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px 3px 6px; border-radius: 999px; font-size: 12px; font-weight: 700;
    color: var(--mud-palette-primary); background: rgba(244, 88, 1, .12); }
.pk-addr-tag .mud-icon-root { font-size: 15px; }
.pk-addr-card-lines { grid-area: lines; display: flex; flex-direction: column; gap: 1px; min-width: 0; font-size: 13.5px; line-height: 1.4; overflow-wrap: anywhere; }
.pk-addr-card-lines b { font-size: 15px; }
.pk-addr-card-lines span { color: var(--mud-palette-text-secondary); }
.pk-addr-go { grid-area: go; white-space: nowrap; }
.pk-addr-pick .pk-trip-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; }
.pk-msg.pk-msg-addr { flex: none; display: block; }
/* Prozor "Pošalji adresu": dugme "Pošalji" ispod adrese, celom sirinom kartice (pored adrese je tesno - ime se lomilo). */
.pk-addr-card { grid-template-columns: minmax(0, 1fr); grid-template-areas: "tag" "lines" "go"; align-items: stretch; gap: 8px; }
.pk-addr-go { width: 100%; margin-top: 4px; }
/* Okvir upozorenja (zut): isti oblik kao "Kupujte sigurno" - znacka gore desno, naslov pa tekst, BEZ ikonice levo. */
.pk-safe.is-warn { border-left-color: #F59E0B; }
.pk-safe.is-warn .pk-safe-badge { color: #B45309; background: #FEF3C7; border-color: rgba(245, 158, 11, .45); }
html.pk-dark .pk-safe.is-warn .pk-safe-badge { color: #FBBF24; background: #2B2212; border-color: rgba(251, 191, 36, .35); }
/* Ocena administracije na profilu: mala oznaka pored imena. */
.pk-rating-adm { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; color: var(--mud-palette-primary); background: rgba(244, 88, 1, .12); }
.pk-rating-adm .mud-icon-root { font-size: 14px; }
/* Razgovor: ikonica "Oceni" ispred tri tackice - narandzasta kad moze da se oceni, zelena kad je ocenjeno. */
.pk-chat-rate { flex: none; color: var(--mud-palette-text-secondary) !important; }
.pk-chat-rate.is-ready { color: var(--mud-palette-primary) !important; background: rgba(244, 88, 1, .14) !important; }
.pk-chat-rate.is-done { color: #16A34A !important; }
/* Profil: skok na ocene (#ocene) staje ispod zaglavlja, ne iza njega. */
#ocene { scroll-margin-top: 84px; }
/* Izbor iz spiska unutar prozora (npr. kupac za rezervaciju): redovi sa kruzicem, bez padajuce liste. */
.pk-pick-label { display: block; margin: 16px 0 8px; font-size: 13.5px; }
.pk-pick-list { display: flex; flex-direction: column; gap: 6px; max-height: 208px; overflow-y: auto; margin-bottom: 8px; }
.pk-pick-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--mud-palette-lines-default); background: transparent;
    color: var(--mud-palette-text-primary); font: 500 14px/1.3 Inter, sans-serif; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pk-pick-row .mud-icon-root { flex: none; color: var(--mud-palette-text-secondary); }
.pk-pick-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-pick-row.is-on { border-color: var(--mud-palette-primary); background: rgba(244, 88, 1, .08); font-weight: 600; }
.pk-pick-row.is-on .mud-icon-root { color: var(--mud-palette-primary); }
/* Oglas (telefon i uska strana): tanka crta sa razmakom izmedju sadrzaja oglasa i kartice prodavca. */
@media (max-width: 959.98px) {
    .pk-oglas-side { display: contents; }
    .pk-oglas-grid > .pk-oglas-body { order: 1; }
    .pk-oglas-side > .pk-seller { order: 2; }
    .pk-oglas .pk-seller { position: relative; margin-top: 28px; }
    .pk-oglas .pk-seller::before { content: ""; position: absolute; left: 0; right: 0; top: -22px; height: 1px; background: var(--pk-line); }
}
/* Cena u odnosu na trziste (oglas): plocica ispod / oko / iznad proseka i raspon slicnih oglasa. */
.pk-oglas-market { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 4px 0 2px; }
.pk-market-pill { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 9px; border-radius: 999px; font-size: 12.5px; font-weight: 700; background: var(--pk-hover); color: var(--pk-muted); }
.pk-market-pill .mud-icon-root { font-size: 16px; }
.pk-oglas-market.is-below .pk-market-pill { background: rgba(34,197,94, .14); color: #16a34a; }
.pk-oglas-market.is-above .pk-market-pill { background: rgba(245,158,11, .14); color: #d97706; }
.pk-dark .pk-oglas-market.is-below .pk-market-pill { color: #4ade80; }
.pk-dark .pk-oglas-market.is-above .pk-market-pill { color: #fbbf24; }
.pk-oglas-market small { font-size: 12.5px; color: var(--pk-muted); }
.pk-seller-deals { color: var(--pk-muted); }
/* Brza objava: jedan ekran - slike, naslov, cena, stanje, mesto. */
.pk-quick-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.pk-quick-top b { display: inline-flex; align-items: center; gap: 4px; font-size: 15px; color: var(--pk-accent); }
.pk-quick-top button, .pk-quick-switch { border: 0; background: transparent; color: var(--pk-accent); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; padding: 0; white-space: nowrap; }
.pk-quick-switch { display: inline-flex; align-items: center; gap: 5px; margin: 0 0 12px; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(244, 88, 1, .45); background: var(--pk-accent-soft); white-space: normal; text-align: left; }
.pk-qpost .pk-nwiz-photo.is-add.is-first { grid-column: 1 / -1; aspect-ratio: auto; height: 120px; }
.pk-qpost .pk-nwiz-picked.is-ask { background: var(--pk-hover); }
.pk-qpost .pk-nwiz-picked button { margin-left: auto; border: 0; background: transparent; color: var(--pk-accent); font: inherit; font-weight: 700; cursor: pointer; white-space: nowrap; }
.pk-quick-price { display: flex; align-items: flex-end; gap: 10px; margin-top: 6px; }
.pk-quick-price > .mud-input-control { flex: 1; }
.pk-quick-nego { flex: none; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--pk-line); background: transparent; color: var(--pk-muted); font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; margin-bottom: 4px; }
.pk-quick-nego.is-on { background: var(--pk-accent); border-color: var(--pk-accent); color: #fff; }
.pk-quick-cond { display: flex; gap: 6px; margin-top: 12px; }
.pk-quick-cond button { flex: 1; min-width: 0; height: 36px; padding: 0 6px; border-radius: 10px; border: 1px solid var(--pk-line); background: transparent; color: var(--pk-muted); font: inherit; font-size: 12.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.pk-quick-cond button.is-on { background: var(--pk-accent-soft); border-color: var(--pk-accent); color: var(--pk-accent); }
.pk-quick-hint { display: block; margin-top: 10px; font-size: 12.5px; color: var(--pk-muted); text-align: center; }
/* Upitnik uz opciju oglasa (otvara nacrtano objasnjenje) i opcije u brzom oglasu. */
.pk-wq { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-left: 2px; padding: 0; border: 0; border-radius: 50%; background: var(--pk-accent-soft); color: var(--pk-accent); vertical-align: -5px; cursor: pointer; }
.pk-wq .mud-icon-root { font-size: 16px; }
.pk-qpost-opts { margin-top: 10px; display: flex; flex-direction: column; gap: 2px; }
.pk-qpost-opts .pk-wswitch { padding: 6px 0; }
.pk-qpost-opts .pk-wswitch b { font-size: 14px; }
/* Ono sto fali pri objavi: crven okvir + blago tresenje; vazi za blok (sekcija, polje) u detaljnom i brzom oglasu. */
.pk-wsec.is-err, .pk-wf.is-err, .pk-quick-price.is-err, .pk-quick-cond.is-err, #pk-w-title.is-err, #pk-q-title.is-err, #pk-q-place.is-err { border: 1.5px solid #dc2626 !important; border-radius: 14px; box-shadow: 0 0 0 4px rgba(220,38,38, .15); animation: pk-err-shake .35s ease; }
.pk-wf.is-err, #pk-w-title.is-err, #pk-q-title.is-err, #pk-q-place.is-err, .pk-quick-price.is-err { padding: 6px 10px; margin: 0 -10px; }
.pk-quick-cond.is-err { padding: 8px; margin: 12px -8px 0; }
@keyframes pk-err-shake { 0%, 100% { transform: none; } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }

/* Racunar, panel "Pretrazi detaljno" (4 kolone): da/ne filteri jedan ispod drugog u svojoj koloni - tekst ne prelazi preko susednog. Telefon nepromenjen. */
@media (min-width: 600px) {
    .pk-advf-grid .pk-fchecks { grid-template-columns: 1fr !important; }
    .pk-advf-grid .pk-fchecks .pk-fchip { width: 100% !important; max-width: none; }
    .pk-advf-grid .pk-fchecks .pk-fchip > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* Racunar: "Pretrazi detaljno" kao panel koji uklizne sa desne strane; ostatak strane zamagljen. Telefon nepromenjen (preko celog ekrana). */
.pk-advf-back { display: none; }
@media (min-width: 600px) {
    .pk-advf-back { display: block; position: fixed; inset: 0; z-index: 1390; background: rgba(10, 12, 16, .45); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); animation: pk-viewer-in .18s ease; }
    .pk-advf { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(440px, 92vw); z-index: 1400 !important;
        border-radius: 18px 0 0 18px !important; border: 1px solid var(--pk-line); border-right: 0; background: var(--pk-card) !important; overflow-y: auto !important;
        padding: 18px 22px 0 !important; box-shadow: -18px 0 48px rgba(0,0,0,.35); animation: pk-advf-in .26s cubic-bezier(.2,.8,.2,1); }
    .pk-advf .pk-advf-grid { grid-template-columns: 1fr !important; gap: 16px; }
    .pk-advf .pk-advf-fields { grid-template-columns: 1fr 1fr !important; }
    .pk-advf .pk-advf-act { position: sticky !important; bottom: 0; margin: 14px -22px 0; padding: 12px 22px 16px !important; background: var(--pk-card) !important; border-top: 1px solid var(--pk-line) !important; justify-content: flex-end; }
}
@keyframes pk-advf-in { from { transform: translateX(100%); } to { transform: none; } }
.pk-advf-apply .mud-button-icon-start { margin-left: 0 !important; margin-right: 6px !important; }
.pk-advf-apply .mud-button-icon-start .mud-icon-root { font-size: 20px; }

/* "U opisu" u polju pretrage: mala pilula pre ikonice filtera; ukljucena - narandzasta. Telefon: skrivena dok polje nije aktivno i prazno. */
.pk-sbox-desc { flex: none; display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 10px 0 8px; margin-right: 4px; border-radius: 999px; border: 1px solid var(--pk-line);
    background: transparent; color: var(--pk-muted); font: inherit; font-size: 12.5px; font-weight: 600; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pk-sbox-desc .mud-icon-root { font-size: 16px; }
.pk-sbox-desc:hover { color: var(--mud-palette-text-primary); }
.pk-sbox-desc.is-on { color: var(--pk-accent); border-color: color-mix(in srgb, var(--pk-accent) 60%, transparent); background: color-mix(in srgb, var(--pk-accent) 12%, transparent); }
@media (max-width: 599px) { .pk-sbox-desc.is-idle:not(.is-on) { display: none; } .pk-sbox-desc { width: 30px; padding: 0; justify-content: center; } .pk-sbox-desc span { display: none; } }

/* Novi oglas: "Dostupnost i uslovi" - skupljen red sa sazetkom, otvara polja. */
.pk-wterms-head { display: flex; align-items: center; gap: 10px; width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pk-wterms-head > .mud-icon-root:first-child { color: var(--pk-accent); }
.pk-wterms-head > span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pk-wterms-head b { font-size: 15px; }
.pk-wterms-head small { font-size: 12.5px; color: var(--pk-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-wterms-chev { color: var(--pk-muted); }
.pk-wterms-body { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.pk-wterms-lbl { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--pk-muted); }
.pk-wterms-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pk-wterms-body .pk-wchips { flex-wrap: wrap; overflow: visible; }
.pk-wterms-num { max-width: 220px; }
/* Kartica: oznaka Odmah / Garancija uz mesto */
.pk-lcard-now { font-style: normal; font-size: 11.5px; font-weight: 700; color: #16A34A; margin-right: 4px; }
.pk-dark .pk-lcard-now { color: #4ADE80; }
.pk-lcard-now.is-war { color: #2D7FF9; }
.pk-tag.is-ok { color: #16A34A; border-color: color-mix(in srgb, #16A34A 40%, var(--pk-line)); }
.pk-dark .pk-tag.is-ok { color: #4ADE80; }

/* ---- Racunar: traka filtera (pilule) iznad oglasa; telefon je ne prikazuje ---- */
.pk-fbar { display: none; }
@media (min-width: 600px) {
    .pk-fbar { position: sticky; top: var(--pk-head-h, 71px); z-index: 30; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px -20px 14px; padding: 10px 20px;
        background: color-mix(in srgb, var(--mud-palette-background) 88%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid transparent; transition: top .25s ease; }
    html.pub-head-hide .pk-fbar { top: 0; }
    html.pub-scrolled .pk-fbar { border-bottom-color: var(--pk-line); }
    .pk-fpill-wrap { position: relative; }
    .pk-fpill { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--pk-line); background: var(--pk-card);
        color: var(--mud-palette-text-primary); font: inherit; font-size: 13.5px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: border-color .15s, background .15s, transform .1s; }
    .pk-fpill:hover { border-color: color-mix(in srgb, var(--pk-accent) 55%, var(--pk-line)); }
    .pk-fpill:active { transform: scale(.98); }
    .pk-fpill .mud-icon-root { font-size: 18px; color: var(--pk-muted); }
    .pk-fpill > span { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
    .pk-fpill-chev { margin-right: -4px; }
    .pk-fpill.is-open { border-color: var(--pk-accent); }
    .pk-fpill.is-on { background: color-mix(in srgb, var(--pk-accent) 14%, var(--pk-card)); border-color: color-mix(in srgb, var(--pk-accent) 70%, transparent); color: var(--pk-accent); }
    .pk-fpill.is-on .mud-icon-root { color: var(--pk-accent); }
    .pk-fpill-x { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: -6px; border-radius: 50%; font-style: normal; }
    .pk-fpill-x:hover { background: color-mix(in srgb, var(--pk-accent) 25%, transparent); }
    .pk-fpill-x .mud-icon-root { font-size: 15px; }
    .pk-fpill.is-all em { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--pk-accent); color: #fff; font-style: normal; font-size: 11.5px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
    .pk-fbar-sep { width: 1px; height: 22px; background: var(--pk-line); margin: 0 4px; }
    .pk-fbar-clear { margin-left: auto; border: 0; background: none; color: var(--pk-muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
    .pk-fbar-clear:hover { color: var(--mud-palette-text-primary); }
    /* Prozorcic ispod pilule */
    .pk-fpop-back { position: fixed; inset: 0; z-index: 40; }
    .pk-fpop { position: absolute; top: calc(100% + 8px); left: 0; z-index: 41; min-width: 240px; max-width: 320px; padding: 8px; border-radius: 16px; border: 1px solid var(--pk-line);
        background: var(--pk-card); box-shadow: 0 18px 48px rgba(0,0,0,.35); animation: pk-fpop-in .16s cubic-bezier(.2,.8,.2,1); }
    .pk-fpop.is-list { max-height: 360px; overflow-y: auto; }
    .pk-fpop.is-form { padding: 14px; min-width: 300px; display: flex; flex-direction: column; gap: 10px; }
    .pk-fpop.is-wide { min-width: 340px; max-width: 380px; }
    .pk-fpop-it { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 10px; background: none; color: inherit; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
    .pk-fpop-it:hover { background: var(--pk-hover); }
    .pk-fpop-it .mud-icon-root { color: var(--pk-muted); font-size: 18px; }
    .pk-fpop-it span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .pk-fpop-it em { font-style: normal; font-size: 12px; color: var(--pk-muted); }
    .pk-fpop-it.is-on { color: var(--pk-accent); font-weight: 700; background: color-mix(in srgb, var(--pk-accent) 10%, transparent); }
    .pk-fpop-it.is-on .mud-icon-root { color: var(--pk-accent); }
    .pk-fpop-head { display: flex; align-items: center; justify-content: space-between; }
    .pk-fpop-title, .pk-fpop-head b { font-size: 14px; }
    .pk-fpop-km { display: flex; flex-wrap: wrap; gap: 6px; }
    .pk-fpop-km button { height: 30px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--pk-line); background: none; color: inherit; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
    .pk-fpop-km button.is-on { border-color: var(--pk-accent); color: var(--pk-accent); background: color-mix(in srgb, var(--pk-accent) 12%, transparent); }
    .pk-fpop-km button:disabled { opacity: .45; cursor: default; }
    .pk-fpop-act { display: flex; justify-content: flex-end; }
}
@keyframes pk-fpop-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* Traka filtera - izgled: spojeni blok polja (naslov + vrednost, tanke linije izmedju) + diskretni prekidaci. */
@media (min-width: 600px) {
    .pk-fseg { display: flex; align-items: stretch; border: 1px solid var(--pk-line); border-radius: 14px; background: var(--pk-card); }
    .pk-fseg .pk-fpill-wrap + .pk-fpill-wrap { border-left: 1px solid var(--pk-line); }
    .pk-fseg .pk-fpill { height: auto; min-height: 50px; padding: 7px 14px 7px 16px; gap: 10px; border: 0; border-radius: 0; background: none; color: var(--mud-palette-text-primary); }
    .pk-fseg .pk-fpill-wrap:first-child .pk-fpill { border-radius: 13px 0 0 13px; }
    .pk-fseg .pk-fpill-wrap:last-child .pk-fpill { border-radius: 0 13px 13px 0; }
    .pk-fseg .pk-fpill:hover, .pk-fseg .pk-fpill.is-open { background: var(--pk-hover); }
    .pk-fseg .pk-fpill > .mud-icon-root:first-child { display: none; }
    .pk-fseg .pk-fpill.is-on { background: none; color: inherit; border: 0; }
    .pk-fseg .pk-fpill.is-on:hover { background: var(--pk-hover); }
    .pk-fpill-txt { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; line-height: 1.15; min-width: 0; }
    .pk-fpill-txt small { font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--pk-muted); }
    .pk-fpill-txt b { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 600; color: var(--mud-palette-text-secondary); }
    .pk-fseg .pk-fpill.is-on .pk-fpill-txt b { color: var(--pk-accent); font-weight: 700; }
    .pk-fseg .pk-fpill-chev { color: var(--pk-muted); }
    .pk-fseg .pk-fpill .pk-fpill-x { color: var(--pk-accent); }
    /* Brzi prekidaci: tekst sa ikonicom, bez okvira */
    .pk-fpill.is-toggle { height: 36px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: var(--mud-palette-text-secondary); font-weight: 600; }
    .pk-fpill.is-toggle:hover { background: var(--pk-hover); }
    .pk-fpill.is-toggle.is-on { background: color-mix(in srgb, var(--pk-accent) 13%, transparent); color: var(--pk-accent); border: 0; }
    .pk-fbar > .pk-fseg + .pk-fpill.is-toggle { margin-left: 8px; }
    /* Svi filteri: diskretno dugme */
    .pk-fpill.is-all { height: 40px; border-radius: 12px; background: none; }
    .pk-fpill.is-all.is-on { background: color-mix(in srgb, var(--pk-accent) 12%, transparent); }
}

/* Racunar: red "Sve grupe" se ne prikazuje - grupa se bira u traci filtera. Telefon ga zadrzava. */
@media (min-width: 600px) { .pk-search .pk-grow-btn { display: none; } }
@media (min-width: 600px) {
    .pk-fbar-clear { margin-left: 2px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; text-decoration: none; }
    .pk-fbar-clear:hover { background: var(--pk-hover); color: var(--pk-accent); }
}

/* Traka: sve u jednom redu (manji razmaci). */
@media (min-width: 600px) {
    .pk-fbar { flex-wrap: nowrap; gap: 4px; }
    .pk-fseg .pk-fpill { padding: 7px 10px 7px 12px; gap: 6px; }
    .pk-fpill-txt b { max-width: 150px; }
    .pk-fpill.is-toggle { padding: 0 8px; gap: 5px; }
    .pk-fbar > .pk-fseg + .pk-fpill.is-toggle { margin-left: 6px; }
    .pk-fpill.is-all { padding: 0 10px; margin-left: 2px; }
}
@media (min-width: 600px) and (max-width: 1279px) { .pk-fpill.is-toggle span { display: none; } .pk-fpill.is-toggle { width: 36px; padding: 0; justify-content: center; } }

/* Traka: neizabrano polje ("Sve", "Bilo koja"...) sitnije i bledje; izabrano ostaje istaknuto (narandzasto). */
@media (min-width: 600px) { .pk-fseg .pk-fpill:not(.is-on) .pk-fpill-txt b { font-size: 12px; font-weight: 500; color: var(--pk-muted); } }

/* ---- Racunar, pretraga i kategorije: vodoravne kartice (dve u redu, ispod 1100 px jedna). Pocetna i telefon ostaju isti. ---- */
@media (min-width: 600px) {
    .pk-wfeed { display: grid; grid-template-columns: 1fr; gap: 14px; }
    .pk-wfeed.is-loading { opacity: .55; }
    .pk-wcard { position: relative; display: flex; min-height: 200px; border-radius: 18px; overflow: hidden; background: var(--pk-card); border: 1px solid var(--pk-line);
        color: inherit; text-decoration: none; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
    .pk-wcard:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(0,0,0,.28); border-color: color-mix(in srgb, var(--pk-accent) 35%, var(--pk-line)); }
    .pk-wcard.is-highlight { border-color: color-mix(in srgb, #E9A21F 55%, var(--pk-line)); }
    .pk-wcard-img { position: relative; flex: none; width: 38%; max-width: 240px; min-height: 200px; background: var(--pk-hover); display: flex; align-items: center; justify-content: center; color: var(--pk-muted); overflow: hidden; }
    .pk-wcard-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
    .pk-wcard:hover .pk-wcard-img img { transform: scale(1.04); }
    .pk-wcard-img > .mud-icon-root { font-size: 34px; }
    .pk-wcard-heart { position: absolute; top: 10px; right: 10px; width: 38px; height: 38px; border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center;
        background: rgba(255,255,255,.92); color: #1C1E22; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
    .pk-wcard-heart.is-on { color: #E5484D; }
    .pk-wcard-heart .mud-icon-root { font-size: 20px; }
    .pk-wcard-count { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 999px; background: rgba(15,17,20,.68); color: #fff; font-style: normal; font-size: 12px; font-weight: 700; }
    .pk-wcard-count .mud-icon-root { font-size: 14px; }
    .pk-wcard-badge { position: absolute; left: 10px; top: 10px; display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; background: rgba(15,17,20,.72); color: #fff; font-style: normal; font-size: 12px; font-weight: 700; }
    .pk-wcard-badge.is-promo { background: #F6D365; color: #4A3500; }
    .pk-wcard-badge .mud-icon-root { font-size: 14px; }
    .pk-wcard-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 7px; padding: 16px 18px 14px; }
    .pk-wcard-title { font-family: 'Manrope', 'Inter', sans-serif; font-size: 17px; font-weight: 800; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .pk-wcard-line { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; min-width: 0; }
    .pk-wcard-line > .mud-icon-root { flex: none; font-size: 17px; margin-top: 1px; color: var(--pk-muted); }
    .pk-wcard-line > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .pk-wcard-line em { font-style: normal; font-weight: 700; margin-right: 6px; }
    .pk-wcard-ago { font-style: normal; color: var(--pk-muted); }
    .pk-wcard-line em.is-buy { color: #2D7FF9; }
    .pk-wcard-line em.is-ok { color: #16A34A; }
    .pk-wcard-line.is-desc > span { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--mud-palette-text-secondary); line-height: 1.4; }
    .pk-wcard-line.is-tags > span { color: var(--mud-palette-text-secondary); font-size: 13px; }
    .pk-wcard-foot { margin-top: auto; display: flex; align-items: center; gap: 12px; padding-top: 4px; }
    .pk-wcard-price { display: flex; flex-direction: column; font-family: 'Manrope', 'Inter', sans-serif; font-size: 20px; font-weight: 800; color: var(--pk-accent); white-space: nowrap; line-height: 1.1; }
    .pk-wcard-price small { font-family: Inter, sans-serif; font-size: 11px; font-weight: 600; color: var(--pk-muted); }
    .pk-wcard-price.is-soft { color: var(--mud-palette-text-primary); font-size: 17px; }
    .pk-wcard-stats { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--pk-muted); min-width: 0; overflow: hidden; }
    .pk-wcard-stats span { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
    .pk-wcard-stats .mud-icon-root { font-size: 15px; }
    .pk-wcard-acts { position: relative; margin-left: auto; display: flex; align-items: center; gap: 6px; flex: none; }
    .pk-wcard-more { width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--pk-line); background: none; color: var(--mud-palette-text-primary); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
    .pk-wcard-more:hover, .pk-wcard-more.is-open { border-color: var(--pk-accent); color: var(--pk-accent); }
    .pk-wcard-go { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border-radius: 50%; border: 0; background: var(--pk-accent); color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
    .pk-wcard-go .mud-icon-root { font-size: 24px; }
    .pk-wcard-go:hover { filter: brightness(1.08); }
}
@media (min-width: 1100px) { .pk-wfeed { grid-template-columns: 1fr 1fr; } }
@media (min-width: 600px) {
    .pk-wcard:focus-visible { outline: 2px solid var(--pk-accent); outline-offset: 2px; }
    .pk-wcard-pop { min-width: 240px; border-radius: 14px !important; border: 1px solid var(--pk-line); background: var(--pk-card) !important; box-shadow: 0 18px 44px rgba(0,0,0,.4) !important; }
    .pk-wcard-pop .mud-list { padding: 6px; }
    .pk-wcard-pop .mud-menu-item { border-radius: 9px; font-size: 13.5px; white-space: nowrap; }
    .pk-wcard-pop .mud-menu-item .mud-icon-root { color: var(--pk-muted); font-size: 19px; }
    .pk-wcard-pop .mud-menu-item.is-warn, .pk-wcard-pop .mud-menu-item.is-warn .mud-icon-root { color: #E5484D; }
}

/* Racunar: stranice pretrage - "Idi na" pored brojeva; glatka smena strane (bez bljeska). */
@media (min-width: 600px) {
    .pk-wfeed, .pk-search .pk-feed { transition: opacity .2s ease; }
    .pk-pager.is-center { gap: 18px; flex-wrap: wrap; }
    .pk-goto { display: inline-flex; align-items: center; gap: 8px; }
    .pk-goto small { font-size: 13px; color: var(--pk-muted); white-space: nowrap; }
    .pk-goto input { width: 72px; height: 36px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--pk-line); background: var(--pk-card); color: inherit; font: inherit; font-size: 14px; text-align: center; -moz-appearance: textfield; }
    .pk-goto input::-webkit-outer-spin-button, .pk-goto input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
    .pk-goto input:focus { outline: none; border-color: var(--pk-accent); }
    .pk-goto button { width: 36px; height: 36px; border-radius: 50%; border: 0; background: var(--pk-accent); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
    .pk-goto button:disabled { opacity: .35; cursor: default; }
    .pk-goto button .mud-icon-root { font-size: 20px; }
}

/* ---- Racunar, pocetna: kartice - slika od ivice do ivice, manji radijusi, mirniji podaci; na mis se podigne. Telefon isti. ---- */
@media (min-width: 600px) {
    .pk-hm .pk-lcard { padding: 0; gap: 0; border-radius: 6px; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
    .pk-hm .pk-lcard:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.28); border-color: color-mix(in srgb, var(--pk-accent) 35%, var(--pk-line)); }
    .pk-hm .pk-lcard-img { border-radius: 0; aspect-ratio: 1; }
    .pk-hm .pk-lcard-img img { transition: transform .35s ease; }
    .pk-hm .pk-lcard:hover .pk-lcard-img img { transform: scale(1.04); }
    .pk-hm .pk-lcard .pk-lcard-heart { top: 8px; right: 8px; width: 32px; height: 32px; }
    .pk-hm .pk-lcard .pk-lcard-heart .mud-icon-root { font-size: 18px; }
    .pk-hm .pk-lcard-count { left: 8px; bottom: 8px; border-radius: 6px; }
    .pk-hm .pk-lcard-body { flex: 1; display: flex; flex-direction: column; padding: 10px 12px 12px; gap: 3px; }
    .pk-hm .pk-lcard-title { font-size: 14px; font-weight: 600; }
    .pk-hm .pk-lcard-place, .pk-hm .pk-lcard-meta { font-size: 12px; }
    .pk-hm .pk-lcard-foot { padding-top: 8px; margin-top: auto; border-top: 1px solid var(--pk-line); }
    .pk-hm .pk-lcard-meta { margin-bottom: 8px; }
    .pk-hm .pk-lcard-price { font-size: 17px; }
}

/* Racunar: poruka "Unesite sta trazite" ispod polja pretrage (ne pored dugmeta). */
@media (min-width: 600px) {
    .pk-sbox { position: relative; }
    .pk-sbox-hint { position: absolute; left: 14px; top: calc(100% + 6px); margin: 0; z-index: 5; white-space: nowrap; }
}

/* Oglas: poslednje ocene prodavca ispod opisa. */
.pk-oglas-rates { margin-top: 22px; }
.pk-oglas-rates-head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 8px; }
.pk-oglas-rates-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--pk-accent) 70%, transparent), var(--pk-line) 45%, transparent); }
.pk-oglas-rates-head .pk-oglas-h { margin: 0; }
.pk-oglas-rates .pk-ratings { margin-top: 14px; }
.pk-oglas-rates-all { display: inline-flex; align-items: center; gap: 2px; margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--pk-accent); text-decoration: none; }
.pk-oglas-rates-all:hover { text-decoration: underline; }

/* ---- Racunar: strana Uporedi - puna sirina, kolone jednake, cena i "Otvori oglas" u zaglavlju, razlike istaknute. Telefon isti. ---- */
.pk-cmp-hprice, .pk-cmp-hopen { display: none; }
.pub-nav-cmp { display: inline-flex !important; align-items: center; gap: 6px; }
.pub-nav-cmp .mud-icon-root { font-size: 18px; }
.pub-nav-cmp em { font-style: normal; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--pk-accent); color: #fff; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
@media (min-width: 600px) {
    .pk-cmp-table { max-width: none; table-layout: fixed; font-size: 14.5px; }
    .pk-cmp-wrap { border-radius: 12px; }
    .pk-cmp-label { width: 190px; min-width: 190px; max-width: 190px; font-size: 13.5px; padding-left: 20px !important; }
    .pk-cmp-table th, .pk-cmp-table td { padding: 13px 20px; }
    .pk-cmp-table thead th { padding: 20px 20px 18px; background: none; }
    .pk-cmp-table thead th.pk-cmp-label { background: none; }
    .pk-cmp-table tbody tr:nth-child(even) > td { background: none; }
    .pk-cmp-table tbody tr:hover > * { background: var(--pk-hover); }
    .pk-cmp-table tbody tr.is-diff > td { font-weight: 600; }
    .pk-cmp-table tbody tr.is-diff > .pk-cmp-label { color: var(--mud-palette-text-primary); box-shadow: inset 3px 0 0 var(--pk-accent); }
    .pk-cmp-table tbody td + td, .pk-cmp-table thead th + th + th { border-left: 1px solid var(--pk-line); }
    .pk-cmp-head { display: grid; grid-template-columns: 120px minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 16px; row-gap: 6px; align-items: start; padding-right: 28px; }
    .pk-cmp-head img, .pk-cmp-noimg { grid-row: 1 / 4; width: 120px; height: 120px; aspect-ratio: auto; border-radius: 8px; box-shadow: none; }
    .pk-cmp-head > b { font-size: 16px; line-height: 1.3; font-weight: 800; }
    .pk-cmp-x { top: 18px; right: 14px; background: var(--pk-hover); color: var(--mud-palette-text-primary); }
    .pk-cmp-x:hover { background: #E5484D; color: #fff; }
    .pk-cmp-hprice { display: block; font-family: 'Manrope', 'Inter', sans-serif; font-size: 22px; font-weight: 800; color: var(--pk-accent); white-space: nowrap; }
    .pk-cmp-hopen { display: inline-flex; align-items: center; gap: 2px; font-size: 13px; font-weight: 700; color: var(--pk-muted); }
    .pk-cmp-head:hover .pk-cmp-hopen { color: var(--pk-accent); }
    .pk-cmp-hopen .mud-icon-root { font-size: 18px; }
    .pk-cmp-empty a { min-height: 120px; }
}

/* Oglas, racunar: desna kolona kraca - radnje prodavca u jednom redu, "Uporedi izabrane" je u gornjoj traci. */
@media (min-width: 960px) {
    .pk-oglas-side .pk-compare-go { display: none; }
    .pk-oglas-side .pk-seller-links { flex-direction: row; flex-wrap: wrap; gap: 4px 14px !important; padding-top: 10px !important; }
    .pk-oglas-side .pk-seller-links button { width: auto; padding: 6px 2px !important; border-bottom: 0; font-size: 12.5px !important; }
}
@media (min-width: 960px) {
    .pub-sec.pk-oglas { padding-bottom: 0; }
    .pk-oglas-side { gap: 12px; }
    .pk-oglas-side .pk-safe { padding-top: 12px; padding-bottom: 12px; }
}

/* ---- Racunar: profil fizickog lica - kartica levo (lepi se uz vrh), ocene desno preko ostatka sirine. Prodavnica i telefon isti. ---- */
@media (min-width: 960px) {
    .pk-profile:not(.is-shop) { display: grid; grid-template-columns: 380px minmax(0, 1fr); grid-auto-rows: min-content; column-gap: 32px; align-items: start; max-width: none; }
    .pk-profile:not(.is-shop) > .pk-profile-card { grid-column: 1; grid-row: 1 / span 40; position: sticky; top: 92px; margin-bottom: 0; }
    .pk-profile:not(.is-shop) > :not(.pk-profile-card) { grid-column: 2; }
    .pk-profile .pk-h2-ocene { position: relative; display: flex; align-items: center; gap: 8px; padding-bottom: 8px; font-size: 18px; }
    .pk-profile .pk-h2-ocene::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--pk-accent) 70%, transparent), var(--pk-line) 45%, transparent); }
}
@media (min-width: 600px) {
    .pk-cmp-hprice.is-best { color: #16a34a; }
    .pk-dark .pk-cmp-hprice.is-best { color: #4ade80; }
}

/* ---- Prodavnica, racunar: baner odvojen od trake i zaobljen; kartica u tri kolone (firma | o firmi i kontakt | mapa), radnje u jednom redu dole. Telefon isti. ---- */
.pk-shop-main, .pk-shop-side { display: contents; }
@media (min-width: 600px) {
    .pk-profile.is-shop { margin-top: 18px !important; }
    .pk-profile.is-shop .pk-shop-hero { margin: 0; height: 220px; border-radius: 16px 16px 0 0; }
    .pk-profile.is-shop .pk-profile-card.is-shop { margin: 0 0 24px; padding-left: 24px; padding-right: 24px; border: 1px solid var(--pk-line); border-top: 0; border-radius: 0 0 16px 16px; }
}
@media (min-width: 1000px) {
    .pk-profile.is-shop .pk-profile-card.is-shop { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr); column-gap: 28px; row-gap: 0; padding: 20px 24px 14px; }
    .pk-profile-card.is-shop > .pk-shop-main { display: flex; flex-direction: column; gap: 10px; grid-column: 1; grid-row: 1; min-width: 0; }
    .pk-profile-card.is-shop > .pk-shop-side { display: flex; flex-direction: column; gap: 14px; grid-column: 2; grid-row: 1; min-width: 0; }
    .pk-profile-card.is-shop > .pk-shop-map-wrap { grid-column: 3; grid-row: 1; margin: 0; }
    .pk-profile-card.is-shop > .pk-shop-map-wrap .pk-shop-map { height: 230px; }
    .pk-profile-card.is-shop > .pk-shop-main .pk-shop-name { margin: 0; font-size: 26px; }
    .pk-profile-card.is-shop > .pk-shop-main .pk-seller-facts { margin: 0; padding-top: 10px; }
    .pk-profile-card.is-shop > .pk-shop-side .pk-seller-about { border-top: 0; padding-top: 0; margin: 0; }
    .pk-profile-card.is-shop > .pk-shop-side .pk-shop-info { margin: 0; padding-top: 12px; }
    .pk-profile-card.is-shop > .pk-seller-links { grid-column: 1 / -1; grid-row: 2; flex-direction: row; flex-wrap: wrap; gap: 4px 18px !important; margin-top: 16px; padding-top: 10px !important; }
    .pk-profile-card.is-shop > .pk-seller-links button, .pk-profile-card.is-shop > .pk-seller-links a { width: auto; border-bottom: 0; padding: 6px 2px !important; font-size: 13px !important; }
    .pk-profile-card.is-shop > .pk-seller-links + .pk-seller-links { grid-row: 3; margin-top: 0; border-top: 0; }
    .pk-profile.is-shop .pk-h2 { position: relative; padding-bottom: 8px; font-size: 18px; }
    .pk-profile.is-shop .pk-h2::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--pk-accent) 70%, transparent), var(--pk-line) 45%, transparent); }
    .pk-profile.is-shop .pk-wfeed { margin-top: 14px; }
}

/* Prodavnica: pretraga i kategorija u jednom redu na racunaru; telefon kao ranije (jedno ispod drugog). */
.pk-shop-tools { display: contents; }
@media (min-width: 1000px) {
    .pk-profile.is-shop .pk-shop-tools { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
    .pk-shop-tools > .pk-shop-sbox, .pk-shop-tools > * > .pk-shop-sbox { flex: 1 1 auto; max-width: none !important; margin: 0 !important; }
    .pk-shop-tools > .pk-shop-catwrap { flex: 0 0 240px; max-width: 240px; margin: 0 !important; }
}

/* Oglas: okvir o prodavcu - firma narandzasto, fizicko lice plavo (telefon i racunar). */
.pk-safe.is-trader.is-person { border-left-color: #3B82F6; }
.pk-safe.is-trader.is-person .pk-safe-badge { color: #2563EB; background: #EAF2FF; border-color: rgba(59,130,246,.35); }
html.pk-dark .pk-safe.is-trader.is-person .pk-safe-badge { color: #7FB0FF; background: #14203A; border-color: rgba(127,176,255,.35); }

/* Administracija - Provera oglasa: tabovi u jednom redu, broj kao znacka pored naziva; broj oglasa iznad liste. */
.pk-ltabs.pk-ltabs-adm { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 0 14px; }
.pk-ltabs-adm .pk-ltab { flex: 0 0 auto; flex-direction: row; align-items: center; gap: 7px; padding: 10px 16px 11px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.pk-ltabs-adm .pk-ltab.is-on { color: var(--pk-accent); border-bottom-color: var(--pk-accent); }
.pk-ltabs-adm .pk-ltab em { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--pk-accent); color: #fff; font: 700 11.5px/20px Inter, sans-serif; font-style: normal; text-align: center; }
.pk-modr-count { margin: 4px 0 10px; font-size: 13.5px; color: var(--pk-muted); }
.pk-modr-count b { color: var(--mud-palette-text-primary); }

/* Partner: natpis pored vrste naloga na profilu; zlatna oznaka u administraciji. */
.pk-partner-tag { display: inline-flex; align-items: center; gap: 3px; margin-right: 6px; padding: 1px 8px; border-radius: 999px; background: rgba(212,160,23,.14); color: #B8860B; font-weight: 700; }
html.pk-dark .pk-partner-tag { color: #F2C94C; background: rgba(242,201,76,.14); }
.pk-partner-tag .mud-icon-root { font-size: 14px; }
.pk-averified.is-partner, .pk-averified.is-partner .mud-icon-root { color: #D4A017 !important; }

/* ---- Administracija - Podesavanja oglasa, racunar: kartice u mrezi preko cele sirine, polja u dve kolone. Telefon isti (jedna ispod druge). ---- */
@media (min-width: 900px) {
    .pk-adm-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
    .pk-adm-set > .pk-adm-card { margin: 0 !important; max-width: none !important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; align-content: start; }
    .pk-adm-set > .pk-adm-card > .pk-promo-admin-head, .pk-adm-set > .pk-adm-card > .is-wide { grid-column: 1 / -1; }
    .pk-adm-set > .pk-adm-card > .mud-button-root { grid-column: 1 / -1; justify-self: start; margin-top: 4px; }
}
@media (min-width: 1500px) {
    .pk-adm-set { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Racunar, pocetna: zvezdica u naslovu istaknutih oglasa zlatna. */
@media (min-width: 600px) { .pk-hm-sec-ico.is-star .mud-icon-root { color: #E9A21F; } }

/* Istaknut (placen) oglas u karticama: na racunaru oznaka "Istaknuto" na slici i zlatni okvir; telefon kao ranije ("Na vrhu"). */
.pk-lcard-promo-tag.is-feat { display: none; }
@media (min-width: 600px) {
    .pk-lcard-promo-tag.is-feat { display: inline-flex; background: #F6D365; color: #4A3500; }
    .pk-lcard-promo-tag.is-feat .mud-icon-root { color: #8A5A00; }
    .pk-lcard.is-promoted { border: 1.5px solid rgba(233,162,31,.75); }
    .pk-lcard.is-promoted:hover { border-color: #E9A21F; }
    .pk-lcard.is-promoted .pk-lcard-promo-top { display: none; }
}

/* ---- Racunar: istaknut (placen) oglas - bogatiji izgled: zlatni okvir sa sjajem, traka preko vrha, topla nijansa, krupnija oznaka. ---- */
@media (min-width: 600px) {
    .pk-wcard.is-highlight, .pk-lcard.is-promoted {
        position: relative; border: 1.5px solid #E9A21F !important;
        background: linear-gradient(115deg, rgba(233,162,31,.18) 0%, rgba(233,162,31,.06) 38%, var(--pk-card) 72%) !important;
        box-shadow: 0 0 0 1px rgba(233,162,31,.22), 0 12px 30px -14px rgba(233,162,31,.55);
    }
    .pk-wcard.is-highlight::before, .pk-lcard.is-promoted::before {
        content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; z-index: 2;
        background: linear-gradient(90deg, #F6D365, #E9A21F 50%, #F45801);
    }
    .pk-wcard.is-highlight:hover, .pk-lcard.is-promoted:hover { box-shadow: 0 0 0 1px rgba(233,162,31,.4), 0 18px 38px -14px rgba(233,162,31,.7); }
    .pk-wcard-badge.is-promo, .pk-lcard-promo-tag.is-feat {
        padding: 5px 12px 5px 9px; font-size: 12.5px; font-weight: 800; letter-spacing: .02em;
        background: linear-gradient(135deg, #FFE08A, #F6C343 55%, #E9A21F); color: #3D2A00;
        box-shadow: 0 4px 14px -4px rgba(233,162,31,.8);
    }
    .pk-wcard-badge.is-promo .mud-icon-root, .pk-lcard-promo-tag.is-feat .mud-icon-root { color: #7A4B00; font-size: 15px; }
    .pk-wcard.is-highlight .pk-wcard-price { color: #F2A93B; }
}
@media (min-width: 600px) {
    /* Istaknut oglas: zlatna cena (prelaz), zlatno dugme i zlatni okvir na meniju. */
    .pk-wcard.is-highlight .pk-wcard-price, .pk-lcard.is-promoted .pk-lcard-price {
        background: linear-gradient(135deg, #FFE08A, #F6C343 45%, #E9A21F); -webkit-background-clip: text; background-clip: text; color: transparent !important;
    }
    .pk-wcard.is-highlight .pk-wcard-go { background: linear-gradient(135deg, #FFE08A, #F6C343 50%, #E9A21F); color: #3D2A00; box-shadow: 0 6px 16px -6px rgba(233,162,31,.9); }
    .pk-wcard.is-highlight .pk-wcard-go:hover { filter: brightness(1.06); }
    .pk-wcard.is-highlight .pk-wcard-more { border-color: rgba(233,162,31,.6); color: #F2C14E; }
    .pk-wcard.is-highlight .pk-wcard-more:hover, .pk-wcard.is-highlight .pk-wcard-more.is-open { border-color: #E9A21F; color: #FFE08A; }
    .pk-wcard.is-highlight .pk-wcard-heart { box-shadow: 0 0 0 2px rgba(233,162,31,.7), 0 2px 8px rgba(0,0,0,.25); }
}

/* Racunar: vodoravna kartica sa narandzastom etiketom - narandzasti okvir i oznaka sa ikonicom etikete (zlatno ostaje za Na vrhu / Na naslovnoj). */
@media (min-width: 600px) {
    .pk-wcard.is-label { border: 1.5px solid rgba(244,88,1,.75); background: linear-gradient(115deg, rgba(244,88,1,.14) 0%, rgba(244,88,1,.04) 40%, var(--pk-card) 72%); }
    .pk-wcard.is-label:hover { border-color: #F45801; }
    .pk-wcard-badge.is-label { background: #F45801; color: #fff; padding: 5px 12px 5px 9px; font-size: 12.5px; font-weight: 800; box-shadow: 0 4px 14px -4px rgba(244,88,1,.8); }
    .pk-wcard-badge.is-label .mud-icon-root { color: #FFE0CC; font-size: 15px; }
}

/* Partnerski oglasi: tamnije zlatno (bronza), oznaka "Partner" sa rukovanjem - na svom mestu u listama. */
.pk-lcard-promo-tag.is-partner { background: linear-gradient(135deg, #C9952B, #A9741A); color: #FFF4D6; }
.pk-lcard-promo-tag.is-partner .mud-icon-root { color: #FFE7A8; }
@media (min-width: 600px) {
    .pk-lcard.is-partner, .pk-wcard.is-partner {
        position: relative; border: 1.5px solid #B8862B !important;
        background: linear-gradient(115deg, rgba(184,134,43,.22) 0%, rgba(184,134,43,.07) 38%, var(--pk-card) 72%) !important;
        box-shadow: 0 0 0 1px rgba(184,134,43,.2), 0 12px 30px -14px rgba(184,134,43,.5);
    }
    .pk-lcard.is-partner::before, .pk-wcard.is-partner::before {
        content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; z-index: 2; background: linear-gradient(90deg, #8A5A12, #C9952B 50%, #8A5A12);
    }
    .pk-lcard.is-partner .pk-lcard-promo-tag.is-partner, .pk-wcard-badge.is-partner {
        padding: 5px 12px 5px 9px; font-size: 12.5px; font-weight: 800; background: linear-gradient(135deg, #D8A740, #B07A1E 55%, #8A5A12); color: #FFF4D6;
        box-shadow: 0 4px 14px -4px rgba(138,90,18,.9);
    }
    .pk-wcard-badge.is-partner .mud-icon-root { color: #FFE7A8; font-size: 15px; }
    .pk-wcard.is-partner .pk-wcard-price, .pk-lcard.is-partner .pk-lcard-price {
        background: linear-gradient(135deg, #E8C06A, #C9952B 50%, #A9741A); -webkit-background-clip: text; background-clip: text; color: transparent !important;
    }
    .pk-wcard.is-partner .pk-wcard-go { background: linear-gradient(135deg, #D8A740, #B07A1E 55%, #8A5A12); color: #FFF4D6; }
    .pk-wcard.is-partner .pk-wcard-more { border-color: rgba(184,134,43,.6); color: #D8A740; }
}
/* Oznaka "Partner": tamna slova i ikonica (citljivije na zlatnoj podlozi). */
.pk-lcard-promo-tag.is-partner, .pk-wcard-badge.is-partner { color: #1F1400 !important; }
.pk-lcard-promo-tag.is-partner .mud-icon-root, .pk-wcard-badge.is-partner .mud-icon-root { color: #2A1A00 !important; }
.pk-wcard.is-partner .pk-wcard-go { color: #1F1400; }
/* Zlatne i partnerske kartice: bez velikog sjaja ispod - samo tanak rub. */
@media (min-width: 600px) {
    .pk-wcard.is-highlight, .pk-lcard.is-promoted, .pk-lcard.is-partner, .pk-wcard.is-partner { box-shadow: none !important; }
    .pk-wcard.is-highlight:hover, .pk-lcard.is-promoted:hover, .pk-lcard.is-partner:hover, .pk-wcard.is-partner:hover { box-shadow: 0 8px 20px -12px rgba(0,0,0,.5) !important; }
    .pk-wcard-badge.is-promo, .pk-lcard-promo-tag.is-feat, .pk-wcard-badge.is-partner, .pk-lcard.is-partner .pk-lcard-promo-tag.is-partner { box-shadow: none !important; }
}

/* Oglas za posao bez slike: ikonica i boja po vrsti (Nudim - zelena, Trazim - plava, Sezonski - narandzasta). */
.pk-jobart { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #fff; text-align: center; }
.pk-jobart .mud-icon-root { font-size: 44px; }
.pk-jobart small { font-size: 12px; font-weight: 800; letter-spacing: .02em; opacity: .95; }
.pk-jobart.is-offer { background: linear-gradient(145deg, #22C55E, #15803D); }
.pk-jobart.is-seek { background: linear-gradient(145deg, #3B82F6, #1D4ED8); }
.pk-jobart.is-season { background: linear-gradient(145deg, #F59E0B, #EA580C); }
.pk-oglas-main.is-job { position: relative; }
.pk-oglas-main.is-job .pk-jobart .mud-icon-root { font-size: 96px; }
.pk-oglas-main.is-job .pk-jobart small { font-size: 18px; }

/* Narandzasta oznaka "Istaknuto": crna slova i ikonica (citljivije). */
.pk-lcard-promo-tag:not(.is-feat):not(.is-partner), .pk-wcard-badge.is-label { color: #1A0E00 !important; }
.pk-lcard-promo-tag:not(.is-feat):not(.is-partner) .mud-icon-root, .pk-wcard-badge.is-label .mud-icon-root { color: #2A1400 !important; }

/* Racunar: istaknute, partnerske i narandzaste kartice jos uocljivije - deblji okvir i obojen ceo donji deo kartice. */
@media (min-width: 600px) {
    .pk-lcard.is-promoted, .pk-wcard.is-highlight { border-width: 2px !important; background: linear-gradient(180deg, rgba(233,162,31,.22) 0%, rgba(233,162,31,.12) 55%, rgba(233,162,31,.06) 100%), var(--pk-card) !important; }
    .pk-lcard.is-partner, .pk-wcard.is-partner { border-width: 2px !important; background: linear-gradient(180deg, rgba(184,134,43,.26) 0%, rgba(184,134,43,.14) 55%, rgba(184,134,43,.07) 100%), var(--pk-card) !important; }
    .pk-lcard.is-highlight:not(.is-promoted):not(.is-partner), .pk-wcard.is-label { border: 2px solid #F45801 !important; background: linear-gradient(180deg, rgba(244,88,1,.20) 0%, rgba(244,88,1,.10) 55%, rgba(244,88,1,.05) 100%), var(--pk-card) !important; }
    .pk-lcard.is-promoted .pk-lcard-foot, .pk-lcard.is-partner .pk-lcard-foot, .pk-lcard.is-highlight .pk-lcard-foot { border-top-color: rgba(233,162,31,.35); }
    .pk-lcard.is-promoted .pk-lcard-title, .pk-lcard.is-partner .pk-lcard-title, .pk-lcard.is-highlight .pk-lcard-title { font-weight: 800; }
    .pk-lcard-promo-tag:not(.is-feat):not(.is-partner) { padding: 5px 12px 5px 9px; font-size: 12.5px; font-weight: 800; background: linear-gradient(135deg, #FF8A3D, #F45801); }
}

/* ---- Racunar: postavljanje oglasa - sire i preglednije. Telefon isti. ---- */
@media (min-width: 960px) {
    .pk-wsteps { max-width: 1100px; }
    /* Korak 1: kategorije kao plocice sa ikonicom gore (5 u redu), grupe u 3 kolone. */
    .pk-nwiz.is-step1 { max-width: 1100px; }
    .pk-nwiz.is-step1 > .pk-kind-seg, .pk-nwiz.is-step1 > .pk-nwiz-ask, .pk-nwiz.is-step1 > .mud-input-control { max-width: 640px; }
    .pk-nwiz.is-step1 .pk-nwiz-cats { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
    .pk-nwiz.is-step1 .pk-nwiz-cat { flex-direction: column; justify-content: center; text-align: center; gap: 8px; min-height: 104px; padding: 16px 10px; font-size: 14px; font-weight: 600;
        transition: transform .15s ease, border-color .15s ease, background .15s ease; }
    .pk-nwiz.is-step1 .pk-nwiz-cat .mud-icon-root { font-size: 30px; }
    .pk-nwiz.is-step1 .pk-nwiz-cat:hover { transform: translateY(-2px); background: var(--pk-accent-soft); }
    .pk-nwiz.is-step1 .pk-nwiz-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .pk-nwiz.is-step1 .pk-nwiz-row { padding: 14px 16px; font-weight: 600; transition: border-color .15s ease, background .15s ease; }
    .pk-nwiz.is-step1 .pk-nwiz-row:hover { background: var(--pk-accent-soft); }
    .pk-nwiz.is-step1 .pk-nwiz-h { font-size: 17px; margin-top: 24px; }
    /* Korak 2: siri, polja u dve kolone, slike 6 u redu. */
    .pk-nwiz.is-step2 { max-width: 980px; }
    .pk-nwiz.is-step2 .pk-nwiz-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
    .pk-nwiz.is-step2 .pk-nwiz-photos { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
    /* Korak 3: odeljci levo, "Pregled" desno - prati skrol. */
    .pk-nwiz.is-step3 { max-width: 1100px; display: grid; grid-template-columns: minmax(0, 1fr) 360px; column-gap: 24px; align-items: start; }
    .pk-nwiz.is-step3 > * { grid-column: 1; }
    .pk-nwiz.is-step3 > .pk-wsec.is-review { grid-column: 2; grid-row: 1 / span 30; position: sticky; top: 92px; margin: 0; }
    .pk-nwiz.is-step3 > .pk-nwiz-act { grid-column: 1; }
}

/* ---- Racunar: Moji oglasi - alatke (pretraga, filter, redosled), gusci redovi, kolona sa isticanjima. Telefon isti. ---- */
.pk-mine-tools, .pk-mine-promos { display: none; }
@media (min-width: 960px) {
    .pk-mine-tools { display: flex; align-items: center; gap: 12px; margin: 4px 0 14px; }
    .pk-mine-search { flex: 1 1 auto; max-width: 420px; display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--pk-card); }
    .pk-mine-search .mud-icon-root { color: var(--pk-muted); font-size: 20px; }
    .pk-mine-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; color: inherit; font: inherit; font-size: 14px; }
    .pk-mine-search:focus-within { border-color: var(--pk-accent); }
    .pk-mine-filter { display: flex; gap: 4px; padding: 3px; border-radius: 12px; border: 1px solid var(--pk-line); background: var(--pk-card); }
    .pk-mine-filter button { display: inline-flex; align-items: center; gap: 5px; height: 32px; padding: 0 12px; border: 0; border-radius: 9px; background: none; color: var(--pk-muted); font: 600 13px Inter, sans-serif; cursor: pointer; white-space: nowrap; }
    .pk-mine-filter button .mud-icon-root { font-size: 16px; }
    .pk-mine-filter button em { font-style: normal; font-size: 11.5px; padding: 0 6px; border-radius: 999px; background: var(--pk-hover); color: var(--mud-palette-text-primary); }
    .pk-mine-filter button.is-on { background: var(--pk-accent-soft); color: var(--mud-palette-text-primary); }
    .pk-mine-filter button.is-on em { background: var(--pk-accent); color: #fff; }
    .pk-mine-sort { margin-left: auto; display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--pk-muted); }
    .pk-mine-sort select { height: 38px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--pk-line); background: var(--pk-card); color: var(--mud-palette-text-primary); font: inherit; font-size: 13.5px; cursor: pointer; }

    .pk-mine { gap: 8px; }
    .pk-mine-row { display: grid !important; grid-template-columns: 84px minmax(0, 1fr) 230px auto; align-items: center; gap: 16px; padding: 10px 14px !important; border-radius: 14px; }
    .pk-mine-row.is-promoted { border-color: rgba(233,162,31,.6); background: linear-gradient(90deg, rgba(233,162,31,.10), transparent 40%), var(--pk-card); }
    .pk-mine-img { width: 84px !important; height: 84px !important; }
    .pk-mine-row .pk-mine-promo { display: none; }
    .pk-mine-promos { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
    .pk-mine-pchip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; border: 1px solid transparent; }
    .pk-mine-pchip .mud-icon-root { font-size: 15px; }
    .pk-mine-pchip.is-home, .pk-mine-pchip.is-top { background: linear-gradient(135deg, #FFE08A, #F6C343 55%, #E9A21F); color: #3D2A00; }
    .pk-mine-pchip.is-label { background: #F45801; color: #1A0E00; }
    .pk-mine-pchip.is-bump { background: rgba(45,127,249,.14); color: #5B9BFF; border-color: rgba(45,127,249,.3); }
    .pk-mine-pchip.is-wait { background: var(--pk-hover); color: var(--pk-muted); border-color: var(--pk-line); }
    .pk-mine-pchip.is-add { background: none; border: 1px dashed var(--pk-line); color: var(--pk-muted); cursor: pointer; font: 600 12.5px Inter, sans-serif; }
    .pk-mine-pchip.is-add:hover { border-color: var(--pk-accent); color: var(--pk-accent); }
    .pk-mine-row .pk-mine-act { flex-direction: row !important; align-items: center; gap: 6px; flex-wrap: nowrap; }
    .pk-mine-row .pk-mine-act .mud-button-root { height: 36px; padding: 0 12px; font-size: 12.5px; white-space: nowrap; }
    .pk-mine-row .pk-mine-more { width: 36px; height: 36px; }
}