/* =====================================================================
   Mini portal - novi, responsive izgled
   Ucitava se posle starih stilova i preuzima izgled sajta.
   ===================================================================== */
:root {
	--og-brand: #d71f2a;
	--og-brand-600: #b8141f;
	--og-brand-50: #fff1f2;
	--og-ink: #0f172a;
	--og-ink-2: #334155;
	--og-muted: #64748b;
	--og-line: #e5e7eb;
	--og-line-2: #eef0f3;
	--og-bg: #f4f5f7;
	--og-surface: #ffffff;
	--og-dark: #111827;
	--og-accent: #0ea5e9;
	--og-gold: #f59e0b;
	--og-radius: 14px;
	--og-radius-sm: 10px;
	--og-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .06);
	--og-shadow-lg: 0 10px 30px -12px rgba(15, 23, 42, .25);
	--og-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* ---------- osnova ---------- */
html { -webkit-text-size-adjust: 100%; }
html, body.og-body {
	background: var(--og-bg) !important;
	font-family: var(--og-font) !important;
	font-size: 15px;
	line-height: 1.55;
	color: var(--og-ink);
}
body.og-body { margin: 0; }
body.og-locked { overflow: hidden; }
.og-body *, .og-body *::before, .og-body *::after { box-sizing: border-box; }
.og-body img { max-width: 100%; height: auto; }
.og-body a { color: var(--og-brand); text-decoration: none; }
.og-body a:hover { color: var(--og-brand-600); }
.og-body input, .og-body select, .og-body textarea, .og-body button { font-family: inherit; }
.og-ico { flex: none; vertical-align: -3px; }
.og-only-mobile { display: none !important; }

.og-wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; }

/* ---------- dugmad ---------- */
.og-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	height: 40px; padding: 0 16px; border-radius: 999px;
	font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap;
	border: 1px solid transparent; cursor: pointer;
	transition: background .15s, color .15s, border-color .15s, transform .1s, box-shadow .15s;
}
.og-btn:active { transform: translateY(1px); }
.og-body .og-btn-primary, .og-body input.og-btn-primary { background: var(--og-brand); color: #fff !important; box-shadow: 0 6px 16px -8px rgba(215, 31, 42, .8); }
.og-body .og-btn-primary:hover { background: var(--og-brand-600); color: #fff; }
.og-body .og-btn-ghost { background: transparent; color: var(--og-ink-2); border-color: var(--og-line); }
.og-body .og-btn-ghost:hover { background: #f8fafc; color: var(--og-ink); }
.og-body .og-btn-light { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .28); }
.og-body .og-btn-light:hover { background: rgba(255, 255, 255, .22); color: #fff; }
.og-btn-lg { height: 48px; padding: 0 22px; font-size: 15px; }
.og-btn-block { display: flex; width: 100%; }
.og-icon-btn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--og-line);
	background: #fff; color: var(--og-ink); cursor: pointer; padding: 0;
}
.og-icon-btn:hover { background: #f8fafc; }

/* ---------- zaglavlje ---------- */
.og-header {
	position: sticky; top: 0; z-index: 900;
	background: rgba(255, 255, 255, .92);
	-webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px);
	border-bottom: 1px solid var(--og-line);
}
.og-header-in { display: flex; align-items: center; gap: 24px; height: 68px; }
.og-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--og-ink) !important; }
.og-logo-mark {
	display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px;
	background: linear-gradient(135deg, #ef4444, var(--og-brand) 55%, #9f1239);
	color: #fff; font-weight: 800; font-size: 19px; letter-spacing: -.5px;
	box-shadow: 0 6px 14px -6px rgba(215, 31, 42, .7);
}
.og-logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.og-logo-text strong { font-size: 17px; font-weight: 800; letter-spacing: -.3px; }
.og-logo-text small { font-size: 11.5px; color: var(--og-muted); font-weight: 500; }
.og-logo-light { color: #fff !important; }
.og-logo-light .og-logo-text small { color: #94a3b8; }

.og-nav { display: flex; align-items: center; gap: 2px; margin-left: 8px; }
.og-body .og-nav a {
	padding: 8px 14px; border-radius: 999px; font-size: 14.5px; font-weight: 500;
	color: var(--og-ink-2);
}
.og-body .og-nav a:hover { background: #f1f5f9; color: var(--og-ink); }
.og-body .og-nav a.is-active { background: var(--og-brand-50); color: var(--og-brand); font-weight: 600; }
.og-header-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }

/* ---------- hero ---------- */
.og-hero {
	background:
		radial-gradient(900px 300px at 85% -10%, rgba(239, 68, 68, .35), transparent 60%),
		radial-gradient(700px 260px at 0% 120%, rgba(14, 165, 233, .18), transparent 60%),
		linear-gradient(180deg, #111827, #1f2937);
	color: #fff;
}
.og-hero-in { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 34px; padding-bottom: 34px; }
.og-body h1.og-hero-title {
	margin: 0; float: none; width: auto; max-width: 760px;
	font-size: 26px; line-height: 1.25; font-weight: 800; letter-spacing: -.4px; color: #fff;
	background: none; padding: 0; text-align: left;
}
.og-hero-sub { margin: 10px 0 0; color: #cbd5e1; font-size: 15px; max-width: 640px; }
.og-hero-cta { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- raspored ---------- */
.og-layout {
	display: grid; grid-template-columns: 250px minmax(0, 1fr) 300px; gap: 24px;
	align-items: start; padding-top: 24px; padding-bottom: 40px;
}
.og-body .pozadina_linkova, .og-body .pozadina_sredina, .og-body .pozadina_levo {
	width: auto; background: none; border: 0; padding: 0; float: none;
}
.og-main { min-width: 0; }
.og-main-wide { grid-column: 2 / span 2; }
.og-side { min-width: 0; }
.og-cats { position: sticky; top: 88px; max-height: calc(100vh - 104px); overflow: auto; scrollbar-width: thin; }

/* ---------- kartice opste ---------- */
.og-card {
	background: var(--og-surface); border: 1px solid var(--og-line); border-radius: var(--og-radius);
	box-shadow: var(--og-shadow); padding: 18px; margin-bottom: 16px;
}
.og-card-title {
	display: flex; align-items: center; gap: 8px; margin: 0 0 12px;
	font-weight: 700; font-size: 15px; color: var(--og-ink);
}
.og-card-title .og-ico { color: var(--og-brand); }

/* ---------- kategorije ---------- */
.og-catbox {
	background: var(--og-surface); border: 1px solid var(--og-line); border-radius: var(--og-radius);
	box-shadow: var(--og-shadow); padding: 14px 10px; width: auto !important;
}
.og-side-title {
	display: flex; align-items: center; gap: 8px; padding: 2px 8px 10px; margin-bottom: 4px;
	font-weight: 700; font-size: 15px; border-bottom: 1px solid var(--og-line-2);
}
.og-side-title .og-ico { color: var(--og-brand); }
.og-catbox ul { list-style: none; margin: 0 !important; padding: 0 !important; }
.og-body .og-catbox li.prvi_nivo_linkova {
	margin: 12px 0 4px !important; padding: 0 8px; height: auto; background: none; border: 0;
	font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--og-muted);
}
.og-catbox li.og-cat { list-style: none; margin: 0; padding: 0; height: auto; }
.og-catbox li.og-cat h2 { margin: 0; padding: 0; font: inherit; }
.og-body .og-catbox li.og-cat a {
	display: block; padding: 6px 8px; border-radius: 8px;
	font-size: 14px; font-weight: 500; line-height: 1.3; color: var(--og-ink-2);
}
.og-body .og-catbox li.og-cat a:hover { background: #f1f5f9; color: var(--og-ink); }
.og-body .og-catbox li.og-cat a.is-active { background: var(--og-brand-50); color: var(--og-brand); font-weight: 600; }
.og-drawer-head { display: none; }
#resulti { border-radius: 12px; box-shadow: var(--og-shadow-lg); border: 1px solid var(--og-line) !important; }

/* ---------- naslov sekcije ---------- */
.og-body .ispodmeni1, .og-body .read4 { width: auto; float: none; padding: 0; margin: 0; }
.og-pagehead { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; }
.og-body .og-pagehead.read1 { height: auto; text-decoration: none; font-weight: normal; }
.og-crumbs { font-size: 13px; color: var(--og-muted); margin-bottom: 2px; }
.og-body h2.og-pagehead-title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.3px; color: var(--og-ink); line-height: 1.25; }
.og-count {
	display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 999px; vertical-align: 3px;
	background: #f1f5f9; color: var(--og-ink-2); font-size: 13px; font-weight: 600; letter-spacing: 0;
}
.og-empty { padding: 40px 20px; text-align: center; color: var(--og-muted); background: #fff; border: 1px dashed var(--og-line); border-radius: var(--og-radius); }

/* ---------- lista firmi / oglasa ---------- */
.og-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 12px; }
.og-list:empty { display: none; }
.og-firm, .og-ad, .og-promo {
	display: flex; gap: 16px; padding: 16px;
	background: var(--og-surface); border: 1px solid var(--og-line); border-radius: var(--og-radius);
	box-shadow: var(--og-shadow); transition: box-shadow .2s, border-color .2s, transform .2s;
}
.og-firm:hover, .og-ad:hover { box-shadow: var(--og-shadow-lg); border-color: #d6dae1; }
.og-firm.is-featured { border-color: #fecdd3; background: linear-gradient(180deg, #fff7f8, #fff 60%); }
.og-firm-img, .og-ad-img, .og-promo-img {
	flex: none; width: 96px; height: 96px; border-radius: 12px; overflow: hidden;
	background: #f1f5f9; display: grid; place-items: center; border: 1px solid var(--og-line-2);
}
.og-ad-img { width: 120px; }
.og-firm-img img, .og-ad-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.og-promo-img img { width: 100%; height: 100%; object-fit: cover; }
.og-firm-noimg span {
	font-size: 34px; font-weight: 800; color: #fff;
}
.og-firm-noimg { background: linear-gradient(135deg, #334155, #0f172a); border: 0; }
.og-ad-noimg { color: #94a3b8; }
.og-firm-body, .og-ad-body, .og-promo-body { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.og-firm-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.og-chip {
	display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: 999px;
	background: #f1f5f9; color: var(--og-ink-2); font-size: 12px; font-weight: 600; white-space: nowrap;
	max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}
.og-chip-city { background: #ecfeff; color: #0e7490; }
.og-chip-hot { background: #fff1f2; color: var(--og-brand); }
.og-chip-time { background: #fffbeb; color: #b45309; }
.og-body h3.og-firm-title { margin: 0 0 4px; font-size: 17px; line-height: 1.3; font-weight: 700; letter-spacing: -.2px; }
.og-body .og-firm-title a { color: var(--og-ink); }
.og-body .og-firm-title a:hover { color: var(--og-brand); }
.og-firm-text { margin: 0 0 10px; color: var(--og-ink-2); font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.og-firm-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.og-body .og-act {
	display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 11px; border-radius: 9px;
	font-size: 13px; font-weight: 600; color: var(--og-ink-2); background: #f8fafc; border: 1px solid var(--og-line);
	max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.og-body .og-act:hover { background: #fff; border-color: #cbd5e1; color: var(--og-ink); }
.og-body .og-act-phone { color: #047857; background: #ecfdf5; border-color: #a7f3d0; }
.og-body .og-act-more { margin-left: auto; color: var(--og-brand); background: transparent; border-color: transparent; }
.og-body .og-act-more:hover { background: var(--og-brand-50); border-color: transparent; color: var(--og-brand-600); }

.og-promo { background: linear-gradient(135deg, #f0f9ff, #fff 70%); border-color: #bae6fd; }
.og-promo-img { width: 93px; height: 63px; border-radius: 10px; }
.og-promo-links { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-size: 13.5px; }
.og-promo-links img { height: 34px; width: auto; border-radius: 6px; }
.og-promo-links a { font-weight: 500; }

.og-adslot { margin: 0 0 4px; text-align: center; overflow: hidden; }

/* ---------- desna kolona ---------- */
.og-right .og-card, .og-right > a, .og-right > h2, .og-right > h3, .og-right > div { max-width: 100%; }
.og-login .og-field { display: block; margin-bottom: 10px; }
.og-login .og-field span { display: block; font-size: 13px; font-weight: 600; color: var(--og-ink-2); margin-bottom: 4px; }
.og-body .og-login input.inp, .og-body .og-input, .og-panel input[type=text], .og-panel input[type=password], .og-panel input[type=email],
.og-panel textarea, .og-panel select {
	width: 100%; height: 42px; padding: 0 12px; border-radius: 10px; border: 1px solid #d1d5db; background: #fff;
	font-size: 14.5px; color: var(--og-ink); outline: none; transition: border-color .15s, box-shadow .15s;
}
.og-panel textarea { height: auto; min-height: 120px; padding: 10px 12px; line-height: 1.5; }
.og-body .og-login input.inp:focus, .og-panel input:focus, .og-panel textarea:focus, .og-panel select:focus {
	border-color: var(--og-brand); box-shadow: 0 0 0 3px rgba(215, 31, 42, .15);
}
.og-login #inp1 { margin-top: 4px; height: 42px; border-radius: 10px; font-size: 14.5px; }
.og-login-links { display: flex; justify-content: space-between; margin-top: 12px; font-size: 13.5px; font-weight: 500; }
.og-alert { margin: -2px 0 12px; padding: 10px 12px; border-radius: 10px; background: #fff7ed; color: #9a3412; border: 1px solid #fed7aa; font-size: 13.5px; font-weight: 600; }
.og-userbox-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.og-userbox-head small { display: block; color: var(--og-muted); font-size: 12px; }
.og-userbox-head strong { display: block; font-size: 15px; overflow-wrap: anywhere; }
.og-avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--og-brand-50); color: var(--og-brand); flex: none; }
.og-userbox-links { display: flex; flex-direction: column; gap: 4px; }
.og-body .og-userbox-links a { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 9px; color: var(--og-ink-2); font-weight: 500; font-size: 14px; }
.og-body .og-userbox-links a:hover { background: #f1f5f9; color: var(--og-ink); }
.og-userbox-links a b { margin-left: auto; background: #f1f5f9; border-radius: 999px; padding: 1px 8px; font-size: 12px; }
.og-body .og-userbox-links a.og-logout { color: var(--og-brand); }

/* stari linkovi/baneri u desnoj koloni */
.og-body .og-right > a, .og-body .og-right > h2, .og-body .og-right > h3, .og-body .og-right > div > h2, .og-body .og-right > div > h3 {
	display: block; margin: 0 0 8px !important; padding: 0 !important; background: none !important; text-align: left !important;
}
.og-body .og-right h2 a, .og-body .og-right h3 a, .og-body .og-right > a {
	display: block !important; padding: 10px 12px !important; border-radius: 10px; background: #fff !important;
	border: 1px solid var(--og-line); font-size: 13.5px !important; font-weight: 600; color: var(--og-ink-2) !important;
	box-shadow: var(--og-shadow);
}
.og-body .og-right h2 a:hover, .og-body .og-right h3 a:hover, .og-body .og-right > a:hover { border-color: #cbd5e1; color: var(--og-brand) !important; }
.og-body .og-right > a img { display: block; margin: 0 auto 4px; max-width: 100%; }
.og-body .og-right > a span { color: var(--og-brand) !important; text-align: center; }

.og-minilist { padding: 16px 14px 8px; }
.og-body .og-mini {
	display: flex; flex-wrap: wrap; column-gap: 10px; padding: 10px 2px; border-top: 1px solid var(--og-line-2);
	float: none !important; width: auto !important; background: none !important;
}
.og-minilist .og-card-title + .og-mini { border-top: 0; }
.og-body .og-mini .og-mini-title { width: 100%; display: block; font-weight: 700; font-size: 14px; color: var(--og-ink); line-height: 1.35; margin-bottom: 4px; }
.og-body .og-mini a.og-mini-title:hover { color: var(--og-brand); }
.og-body .og-mini-text { display: flex; gap: 10px; flex: 1; min-width: 0; color: var(--og-muted) !important; font-size: 13px; line-height: 1.45; }
.og-mini-img { flex: none; width: 64px; height: 56px; border-radius: 8px; overflow: hidden; background: #f1f5f9; }
.og-mini-img img { width: 100% !important; height: 100% !important; object-fit: cover; }
.og-body .og-right .tabs, .og-body .og-right .tab { width: auto !important; float: none !important; background: none; border: 0; padding: 0; margin: 0; }
.og-body .og-right > div[style*="width:250px"] { width: auto !important; }

/* ---------- glavni sadrzaj - stari elementi ---------- */
.og-main [style*="width:4"], .og-main [style*="width: 4"], .og-main [style*="width:5"], .og-main [style*="width:6"],
.og-main [style*="width:7"], .og-main [style*="width:8"], .og-main [style*="width:9"], .og-main table[width] {
	max-width: 100% !important;
}
.og-main table { max-width: 100%; }
.og-main iframe { max-width: 100%; }
.og-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* paginacija */
.og-pager, .og-body .og-main div[style*="background:#f1f1f1"] {
	display: flex !important; flex-wrap: wrap; justify-content: center; gap: 6px; float: none !important;
	background: none !important; padding: 16px 0 !important; overflow: visible !important;
}
.og-pager a, .og-pager span, .og-pager b, .og-pager strong,
.og-body .og-main div[style*="background:#f1f1f1"] a {
	display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px;
	border-radius: 10px; background: #fff; border: 1px solid var(--og-line); font-weight: 600; font-size: 14px; color: var(--og-ink-2) !important;
}
.og-body .og-main div[style*="background:#f1f1f1"] a:hover { border-color: var(--og-brand); color: var(--og-brand) !important; }

/* ---------- podnozje ---------- */
.og-footer { background: var(--og-dark); color: #cbd5e1; margin-top: 8px; }
.og-footer-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 32px; padding-top: 44px; padding-bottom: 32px; }
.og-footer-brand p { margin: 14px 0 0; color: #94a3b8; font-size: 14px; max-width: 340px; }
.og-footer-col h4 { margin: 0 0 12px; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: #f8fafc; }
.og-body .og-footer-col a { display: block; padding: 4px 0; color: #cbd5e1; font-size: 14px; }
.og-body .og-footer a:hover { color: #fff; }
.og-footer-links {
	grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 18px; padding-top: 22px; border-top: 1px solid #1f2937;
	font-size: 13px;
}
.og-body .og-footer-links a { color: #94a3b8 !important; font-weight: 400; font-size: 13px; }
.og-body .og-footer-links a:hover { color: #fff !important; }
.og-footer-links ins, .og-footer-links br { display: none !important; }
.og-footer-bottom { border-top: 1px solid #1f2937; padding: 16px 0; font-size: 13px; color: #94a3b8; }
.og-body .og-footer-bottom a { color: #e2e8f0; }
.og-backdrop { display: none; }

/* stari elementi koji vise nisu potrebni */
.og-body .header, .og-body .meni_kutija, .og-body .gorna_senka { display: none; }

/* ---------- panel / pojedinacne strane (panel.php, registracija...) ---------- */
.og-panel-wrap { padding-top: 24px; padding-bottom: 40px; }
.og-panel-main {
	background: var(--og-surface); border: 1px solid var(--og-line); border-radius: var(--og-radius);
	box-shadow: var(--og-shadow); padding: 24px; min-width: 0; overflow-x: auto;
}
.og-panel-main table { max-width: 100%; }
.og-panel-main [style*="width:"] { max-width: 100% !important; }
.og-panel input[type=submit], .og-panel input[type=button], .og-panel button[type=submit] {
	display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 20px; width: auto;
	border-radius: 999px; border: 0; background: var(--og-brand); color: #fff; font-weight: 600; font-size: 14.5px; cursor: pointer;
}
.og-panel input[type=submit]:hover, .og-panel input[type=button]:hover { background: var(--og-brand-600); }
.og-panel input[type=checkbox], .og-panel input[type=radio] { width: auto; height: auto; accent-color: var(--og-brand); }
.og-panel input[type=file] { height: auto; padding: 8px; border: 1px dashed #cbd5e1; border-radius: 10px; width: 100%; max-width: 100%; }
.og-panel form td { padding: 4px 6px; vertical-align: top; }

/* =====================================================================
   Responsive
   ===================================================================== */
@media (max-width: 1180px) {
	.og-layout { grid-template-columns: 230px minmax(0, 1fr); }
	.og-right { grid-column: 2; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; align-items: start; }
	.og-right > * { margin: 0 !important; }
	.og-main-wide { grid-column: 2; }
	.og-nav a { padding: 8px 10px; }
}

@media (max-width: 900px) {
	.og-only-mobile { display: inline-flex !important; }
	.og-hide-sm { display: none !important; }
	.og-header-in { gap: 10px; height: 60px; }
	.og-logo-text small { display: none; }
	.og-logo-mark { width: 34px; height: 34px; font-size: 17px; }

	.og-nav {
		position: absolute; left: 0; right: 0; top: 60px; margin: 0; padding: 10px 16px 16px;
		flex-direction: column; align-items: stretch; gap: 2px;
		background: #fff; border-bottom: 1px solid var(--og-line); box-shadow: var(--og-shadow-lg);
		display: none;
	}
	.og-nav.is-open { display: flex; }
	.og-body .og-nav a { padding: 12px 14px; border-radius: 10px; font-size: 15.5px; }

	.og-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-top: 16px; }
	.og-right, .og-main-wide { grid-column: 1; }

	.og-body aside.og-cats {
		position: fixed; top: 0; bottom: 0; left: 0; z-index: 1001; width: min(86vw, 340px); max-height: none;
		background: #fff; transform: translateX(-102%); transition: transform .25s ease; box-shadow: var(--og-shadow-lg);
		padding: 0 0 24px;
	}
	.og-body aside.og-cats.is-open { transform: none; }
	.og-drawer-head {
		display: flex !important; align-items: center; justify-content: space-between;
		position: sticky; top: 0; z-index: 2; background: #fff; padding: 12px 14px; border-bottom: 1px solid var(--og-line);
	}
	.og-cats .og-catbox { border: 0; box-shadow: none; border-radius: 0; padding: 8px 10px; }
	.og-cats .og-side-title { display: none; }
	.og-cats.is-open ~ .og-backdrop, body.og-locked .og-backdrop {
		display: block; position: fixed; inset: 0; z-index: 1000; background: rgba(15, 23, 42, .45);
	}

	.og-hero-in { flex-direction: column; align-items: flex-start; gap: 18px; padding-top: 24px; padding-bottom: 24px; }
	.og-body h1.og-hero-title { font-size: 20px; }
	.og-hero-sub { font-size: 14px; }

	.og-footer-in { grid-template-columns: 1fr 1fr; gap: 24px; }
	.og-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
		.og-wrap { padding-left: 14px; padding-right: 14px; }
	.og-header-actions .og-btn-primary span { display: none; }
	.og-header-actions .og-btn-primary { width: 40px; padding: 0; }
	.og-hero-cta { width: 100%; }
	.og-hero-cta .og-btn { flex: 1; padding: 0 12px; font-size: 14px; height: 44px; }
	.og-firm, .og-ad { gap: 12px; padding: 14px; }
	.og-firm-img { width: 64px; height: 64px; border-radius: 10px; }
	.og-ad-img { width: 84px; height: 72px; }
	.og-firm-noimg span { font-size: 24px; }
	.og-body h3.og-firm-title { font-size: 16px; }
	.og-firm-text { font-size: 13.5px; }
	.og-firm-actions { margin-left: -76px; margin-top: 4px; }
	.og-ad .og-firm-actions { margin-left: -96px; }
	.og-body .og-act-more { margin-left: 0; }
	.og-promo { flex-direction: column; }
	.og-right { grid-template-columns: 1fr; }
	.og-footer-in { grid-template-columns: 1fr; }
	.og-panel-main { padding: 16px; }
	.og-body h2.og-pagehead-title { font-size: 19px; }
}

/* ---------- ispravke nad starim stilovima ---------- */
.og-body a { font-size: inherit; text-decoration: none; }
.og-body h1.og-hero-title { height: auto !important; padding: 0 !important; line-height: 1.25 !important; color: #fff !important; }
.og-body #log_forma .inp { float: none; height: 42px; border: 1px solid #d1d5db; }
.og-body #log_forma #inp1 { width: 100%; border: 0; color: #fff; font-size: 14.5px; }
.og-cityfilter {
	display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
	margin: 0 0 18px; padding: 12px 14px; background: #fff; border: 1px solid var(--og-line);
	border-radius: var(--og-radius); box-shadow: var(--og-shadow);
}
.og-cityfilter label { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; color: var(--og-ink-2); }
.og-cityfilter label .og-ico { color: var(--og-brand); }
.og-cityfilter form { margin: 0; flex: 0 1 260px; }
.og-body .og-cityfilter select, .og-body .og-main select {
	height: 40px; padding: 0 34px 0 12px; border-radius: 10px; border: 1px solid #d1d5db; background: #fff;
	font-size: 14px; color: var(--og-ink); max-width: 100%;
}
.og-cityfilter select { width: 100%; }
@media (max-width: 560px) { .og-cityfilter form { flex: 1 1 100%; } }
.og-body img[width="1px"], .og-body img[height="1px"] { width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.og-body a.reg, .og-body a.reg1, .og-body a.reg2, .og-body a.reg3, .og-body a.reg4, .og-body a.regg1 { height: auto; }
.og-footer-links a { line-height: 1.5; }

/* ---------- prijava potrebna (panel) ---------- */
.og-auth { display: grid; grid-template-columns: 1fr 360px; gap: 32px; align-items: center; padding: 24px 8px; }
.og-auth-badge { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--og-brand-50); color: var(--og-brand); margin-bottom: 14px; }
.og-body .og-auth h2 { margin: 0 0 8px; font-size: 26px; font-weight: 800; letter-spacing: -.4px; color: var(--og-ink); }
.og-auth p { color: var(--og-ink-2); font-size: 15px; margin: 0 0 14px; max-width: 520px; }
.og-auth ul { margin: 0; padding: 0; list-style: none; }
.og-auth li { position: relative; padding: 5px 0 5px 26px; color: var(--og-ink-2); }
.og-auth li::before { content: ""; position: absolute; left: 0; top: 9px; width: 16px; height: 16px; border-radius: 50%; background: #ecfdf5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat; }
.og-auth .og-login { margin: 0; box-shadow: var(--og-shadow-lg); }
.og-panel-main > table > tbody > tr > td { padding: 0; }
.og-body .og-panel-main .pozadina_new, .og-body .og-panel-main .pozadina_sredina { width: auto !important; padding: 8px !important; background: none; }
@media (max-width: 900px) {
	.og-auth { grid-template-columns: 1fr; gap: 20px; padding: 4px 0; }
	.og-panel-main > table, .og-panel-main > table > tbody, .og-panel-main > table > tbody > tr, .og-panel-main > table > tbody > tr > td { display: block; width: 100% !important; }
}

/* ---------- forme (preuzimaju i stare inline stilove) ---------- */
.og-panel input[type=text], .og-panel input[type=password], .og-panel input[type=email], .og-panel input[type=tel],
.og-panel input[type=number], .og-panel input:not([type]), .og-panel select, .og-panel textarea,
.og-main form input[type=text], .og-main form input[type=password], .og-main form input[type=email], .og-main form input:not([type]),
.og-main form select, .og-main form textarea {
	width: 100% !important; max-width: 460px; height: 42px !important; padding: 0 12px !important;
	border: 1px solid #d1d5db !important; border-radius: 10px !important; background: #fff !important;
	font-size: 14.5px !important; font-family: var(--og-font) !important; color: var(--og-ink) !important;
	box-shadow: none; outline: none;
}
.og-panel textarea, .og-main form textarea { height: auto !important; min-height: 130px; padding: 10px 12px !important; max-width: 640px; line-height: 1.5; }
.og-panel select[multiple], .og-main form select[multiple] { height: auto !important; padding: 6px !important; }
.og-panel input:focus, .og-panel select:focus, .og-panel textarea:focus,
.og-main form input:focus, .og-main form select:focus, .og-main form textarea:focus {
	border-color: var(--og-brand) !important; box-shadow: 0 0 0 3px rgba(215, 31, 42, .15);
}
.og-panel input[type=submit], .og-panel input[type=button], .og-panel button,
.og-main form input[type=submit], .og-main form input[type=button] {
	height: 42px !important; width: auto !important; padding: 0 22px !important; border: 0 !important; border-radius: 999px !important;
	background: var(--og-brand) !important; color: #fff !important; font-weight: 600 !important; font-size: 14.5px !important;
	font-family: var(--og-font) !important; cursor: pointer; box-shadow: 0 6px 16px -8px rgba(215, 31, 42, .8);
}
.og-panel input[type=submit]:hover, .og-main form input[type=submit]:hover { background: var(--og-brand-600) !important; }
.og-panel form td, .og-main form td { font-size: 14px; color: var(--og-ink-2); }
.og-panel form td b, .og-main form td b { font-weight: 600; }
.og-panel form table, .og-main form table { border-collapse: separate; border-spacing: 0 6px; }
.og-body .og-cityfilter select { width: 100% !important; max-width: none; }
@media (max-width: 640px) {
	.og-panel form table, .og-panel form tbody, .og-panel form tr, .og-panel form td,
	.og-main form table, .og-main form tbody, .og-main form tr, .og-main form td { display: block; width: 100% !important; }
	.og-panel form td, .og-main form td { padding: 2px 0 !important; }
	.og-panel input[type=text], .og-panel input[type=password], .og-panel select, .og-panel textarea { max-width: none; }
}

/* ---------- korisnicki panel ---------- */
.og-userpanel { margin: 0 0 22px; }
.og-userpanel-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.og-userpanel-head small { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--og-muted); font-weight: 700; }
.og-userpanel-head strong { font-size: 22px; font-weight: 800; letter-spacing: -.3px; color: var(--og-ink); }
.og-userpanel-links { display: flex; gap: 6px; flex-wrap: wrap; }
.og-body .og-userpanel-links a { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--og-line); color: var(--og-ink-2); font-size: 13.5px; font-weight: 500; }
.og-body .og-userpanel-links a:hover { background: #f8fafc; color: var(--og-ink); }
.og-ptabs { display: flex; gap: 6px; padding: 5px; background: #f1f5f9; border-radius: 14px; overflow-x: auto; scrollbar-width: none; }
.og-body a.og-ptab { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-radius: 10px; white-space: nowrap; color: var(--og-ink-2); font-weight: 600; font-size: 14px; }
.og-body a.og-ptab:hover { color: var(--og-ink); background: rgba(255,255,255,.6); }
.og-body a.og-ptab.is-active { background: #fff; color: var(--og-brand); box-shadow: var(--og-shadow); }
.og-ptab b { background: rgba(15,23,42,.07); border-radius: 999px; padding: 1px 8px; font-size: 12px; color: var(--og-ink-2); }
.og-ptab.is-active b { background: var(--og-brand-50); color: var(--og-brand); }

/* stare trake u panelu (crvena zaglavlja oglasa/firmi) */
.og-panel tr[style*="#DF1A00"], .og-panel tr[style*="#DA1010"] { background: #1f2937 !important; }
.og-panel tr[style*="#DF1A00"] td, .og-panel tr[style*="#DA1010"] td { background: #1f2937 !important; color: #fff !important; padding: 9px 12px !important; float: none !important; }
.og-panel tr[style*="#DF1A00"] font, .og-panel tr[style*="#DA1010"] font, .og-panel tr[style*="#DA1010"] a { color: #fff !important; }
.og-panel table[style*="border:1px solid"] { border: 1px solid var(--og-line) !important; border-radius: 12px; overflow: hidden; margin-bottom: 14px !important; width: 100% !important; }
.og-panel a.reg3 { color: var(--og-brand); }

/* ---------- detalji firme / oglasa ---------- */
.og-crumbs-top { margin: 0 0 12px; font-size: 13px; }
.og-crumbs-top a { color: var(--og-muted) !important; }
.og-crumbs-top span { color: var(--og-ink-2); }
.og-body .og-crumbs-top.read1 { height: auto; text-decoration: none; font-weight: 400; }
.og-detail { background: #fff; border: 1px solid var(--og-line); border-radius: var(--og-radius); box-shadow: var(--og-shadow); padding: 22px; margin-bottom: 14px; }
.og-detail-head { margin-bottom: 16px; }
.og-body h2.og-detail-title { margin: 4px 0 0; font-size: 28px; line-height: 1.2; font-weight: 800; letter-spacing: -.5px; color: var(--og-ink); }
.og-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 24px; align-items: start; }
.og-detail-img { margin: 0 0 16px; border-radius: 12px; overflow: hidden; border: 1px solid var(--og-line-2); background: #f8fafc; }
.og-detail-img img { display: block; width: 100%; height: auto; }
.og-detail-text { font-size: 15px; line-height: 1.7; color: var(--og-ink-2); overflow-wrap: anywhere; }
.og-detail-info { background: #f8fafc; border: 1px solid var(--og-line); border-radius: 12px; padding: 16px; }
.og-body .og-detail-info h3 { margin: 0 0 10px; font-size: 15px; font-weight: 700; color: var(--og-ink); }
.og-detail-info dl { margin: 0 0 14px; }
.og-detail-info dl > div { padding: 8px 0; border-top: 1px solid var(--og-line); }
.og-detail-info dl > div:first-child { border-top: 0; }
.og-detail-info dt { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--og-muted); text-transform: uppercase; letter-spacing: .04em; }
.og-detail-info dd { margin: 3px 0 0; font-size: 14.5px; font-weight: 600; color: var(--og-ink); overflow-wrap: anywhere; }
.og-detail-btns { display: flex; flex-direction: column; gap: 8px; }
.og-body .og-back { display: inline-flex; margin: 0 0 22px; font-weight: 600; font-size: 14px; height: auto; color: var(--og-ink-2); }
@media (max-width: 1180px) { .og-detail-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .og-detail { padding: 16px; } .og-body h2.og-detail-title { font-size: 22px; } }
.og-detail-img-ad { max-width: 560px; }
.og-detail-foot { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--og-line-2); }
.og-contactform { padding: 20px; }
.og-contactform form table { width: 100%; }
#Kontaktirajte { scroll-margin-top: 90px; }
.og-contactform table, .og-contactform tbody, .og-contactform tr, .og-contactform td { display: block; width: 100% !important; }
.og-contactform [style*="width"] { width: auto !important; max-width: 100% !important; }
.og-contactform input.box_border, .og-contactform textarea { max-width: 100% !important; }
@media (max-width: 900px) {
	.og-main, .og-right { overflow-x: clip; }
	.og-main form [style*="width:"] { width: auto !important; }
}
.og-layout:not(:has(.og-right)) .og-main { grid-column: 2 / -1; }
.og-main-static {
	background: #fff; border: 1px solid var(--og-line); border-radius: var(--og-radius); box-shadow: var(--og-shadow);
	padding: 26px; font-size: 15px; line-height: 1.65; color: var(--og-ink-2);
}
.og-main-static [style*="font-size:11px"], .og-main-static [style*="font-size:10px"], .og-main-static [style*="font-size: 11px"] { font-size: 14px !important; }
.og-main-static h1, .og-main-static h2, .og-main-static h3 { color: var(--og-ink); letter-spacing: -.2px; }
.og-main-static table { width: auto; }
@media (max-width: 900px) {
	.og-layout:not(:has(.og-right)) .og-main { grid-column: 1; }
	.og-body aside.og-cats { height: 100vh; height: 100dvh; max-height: none !important; }
	.og-main-static { padding: 18px; }
}
@media (min-width: 641px) {
	.og-panel form td:first-child:not(:only-child) { width: 1%; white-space: nowrap; padding-right: 18px; vertical-align: middle; }
}
.og-hero-cta { flex: none; }
.og-promo { margin-bottom: 12px; }
@media (max-width: 900px) { .og-hero-cta { flex: initial; } }

.og-body .og-catbox li.prvi_nivo_linkova {
	color: #9f1239;
	font-size: 12.5px;
	font-weight: 800;
}