/* Find – feed ljuska (imxmo redizajn v3, docs: istral/imxmo docs/superpowers/specs). Samo svijetla tema, bez Bootstrapa. */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("/fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("/fonts/plus-jakarta-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ground:#F6F3EE; --surface:#FFFFFF; --surface-2:#FBF9F6; --line:#E7E0D8; --line-2:#D5CCC2;
  --ink:#1E1A16; --ink-2:#5F564E; --ink-3:#8E847A;
  --accent:#F2741A; --accent-2:#D6620E; --accent-soft:#FEF0E4; --accent-soft-2:#FBD5B5;
  --sea:#D9E5EC; --land:#F3EDE5; --land-line:#C4B9AC;
  --ok:#2F7D5B; --ok-soft:#E3F2EA; --danger:#B4352A; --danger-soft:#FBE9E7;
  --shadow:0 10px 28px rgba(30,26,22,.12); --shadow-sm:0 2px 8px rgba(30,26,22,.10);
  --ai-1:#F2741A; --ai-2:#E5487D; --ai-3:#8B5CF6; --ai-grad:linear-gradient(110deg,var(--ai-1) 0%,var(--ai-2) 55%,var(--ai-3) 100%);
  --ai-soft:#FDF0F4; --ai-line:#F4C9D8; --ai-ink:#B8325F;
  --top-2:0px; --bars-h:280px; --nav-w:276px; --feed-w:700px; --content-max:1360px; --radius:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;line-height:1.2}
a{color:var(--accent-2)}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.muted{color:var(--ink-3)}
.small{font-size:12.5px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none}
.skip-link:focus{top:12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

/* spinner */
.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}
.spinner.lg{width:42px;height:42px;border-width:3px;color:var(--accent)}
@keyframes spin{to{transform:rotate(360deg)}}

/* shell */
.shell{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);align-items:start;min-height:100vh}
.content{min-width:0;width:100%;max-width:var(--content-max);margin:0 auto}
.side{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);padding:14px 12px;display:flex;flex-direction:column;gap:2px;overflow:auto}
.brand{display:block;padding:8px 6px 14px}
.brand .logo{width:196px;height:auto;display:block}
.side-items{display:flex;flex-direction:column;gap:2px}
.side-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-weight:600;color:var(--ink-2);text-decoration:none}
.side-item i{font-size:19px;width:20px;text-align:center}
.side-item:hover{background:var(--surface-2);color:var(--ink)}
.side-item.active-page{background:var(--accent-soft);color:var(--accent-2)}
.pill{margin-left:auto;background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;font-style:normal}
.pill.soft{background:var(--accent-soft);color:var(--accent-2)}
.side-sep{height:1px;background:var(--line);margin:8px 6px}
.side-account{display:flex;flex-direction:column;gap:8px;margin:14px 4px 4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.account-pitch{margin:0;font-size:12.5px;color:var(--ink-2)}
.account-chip{display:flex;align-items:center;gap:10px;min-width:0}
.account-chip .who{display:flex;flex-direction:column;min-width:0}
.account-chip .who small{font-size:11px;color:var(--ink-3)}
.account-chip .who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logout-form{margin:0}
.side-link{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink-2);font-weight:600;padding:4px 2px}
.side-link:hover{color:var(--ink)}
.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:10px 4px 2px;font-size:12px;color:var(--ink-3)}
/* Statičke stranice (Za agencije, Uvjeti, Privatnost): istaknute poveznice s ikonom, kao stavke izbornika, samo manje. */
.foot-links{display:flex;flex-direction:column;gap:0;padding-top:8px;border-top:1px solid var(--line)}
.foot-links a{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:10px;color:var(--ink-2);font-size:13px;font-weight:700;text-decoration:none}
.foot-links a i{font-size:15px;color:var(--accent);flex:none}
.foot-links a:hover{background:var(--surface-2);color:var(--ink)}
.foot-links a[aria-current=page]{background:var(--accent-soft);color:var(--accent-2)}
/* Niži ekran: poveznice u redu (s prelamanjem), da bočni izbornik stane bez skrolanja. */
@media (max-height:879px){.side .foot-links{flex-direction:row;flex-wrap:wrap;gap:0 2px}.side .foot-links a{padding:4px 7px;gap:6px}}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);display:grid;place-items:center;font-weight:800;font-style:normal;flex:none;overflow:hidden;position:relative}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--surface)}
.avatar.sm{width:30px;height:30px;font-size:13px}
.mobile-top{display:none}

/* izbornik jezika i info izbornik (statičke stranice, gornja traka na mobitelu) */
.lang-menu,.info-menu{position:relative}
.lang-menu summary,.info-menu summary{list-style:none}
.lang-menu summary::-webkit-details-marker,.info-menu summary::-webkit-details-marker{display:none}
.lang-mini{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);border-radius:9px;padding:6px 9px;font-size:12.5px;cursor:pointer;user-select:none}
.lang-mini .caret{font-size:10px;opacity:.7}
.lang-menu .menu,.info-menu .menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:60;min-width:200px;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.lang-menu--top .menu,.info-menu .menu{bottom:auto;top:calc(100% + 6px);left:auto;right:0}
.lang-menu .menu a,.info-menu .menu a{display:block;padding:7px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:600;font-size:13px}
.lang-menu .menu a:hover,.info-menu .menu a:hover{background:var(--surface-2)}
.lang-menu .menu a[aria-current],.info-menu .menu a[aria-current]{background:var(--accent-soft);color:var(--accent-2)}
.info-menu summary i{font-size:15px}
.info-menu .menu a{display:flex;align-items:center;gap:9px}
.info-menu .menu a i{font-size:15px;color:var(--accent);flex:none}

/* buttons, fields */
.fbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:11px;font-weight:700;border:1px solid transparent;background:var(--surface);color:var(--ink-2);text-decoration:none;white-space:nowrap}
.fbtn.sm{height:34px;padding:0 12px;font-size:13px;border-radius:9px}
.fbtn.block{display:flex;width:100%}
.fbtn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px rgba(242,116,26,.3)}
.fbtn-primary:hover{background:var(--accent-2);color:#fff}
.fbtn-ghost{border-color:var(--line-2);color:var(--ink-2)}
.fbtn-ghost:hover{background:var(--surface-2);color:var(--ink)}
.fbtn-ghost.on{background:var(--accent-soft);border-color:var(--accent-soft-2);color:var(--accent-2)}
.fbtn-outline{border:1px solid var(--line-2);background:var(--surface);color:var(--ink)}
.fbtn.wide{flex:1 1 100%}
.fbtn[disabled]{opacity:.6;cursor:default}
.count{background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:1px 6px;border-radius:999px}
.ficon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;color:var(--ink-2);border:1px solid var(--line-2);background:var(--surface)}
.ficon-btn.inset{border:0;background:transparent;width:30px;height:30px;flex:none}
.ficon-btn:hover{color:var(--ink);background:var(--surface-2)}
.geo-spin{display:inline-block;animation:spin 1s linear infinite}

/* filter */
.filter-wrap{position:sticky;top:var(--top-2);z-index:40;background:var(--ground);padding:14px 28px 10px}
.filter-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);position:relative}
/* kartice Filteri / AI pretraga: jezičci koji izlaze iz kartice — aktivni se stapa sa sadržajem (udubljeni donji kutovi) */
.f-tabs{display:flex;align-items:flex-end;gap:10px;padding:7px 10px 0 12px;background:var(--ground);border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;transition:background .35s}
.f-tabs:has(.f-tab-ai.active){background:linear-gradient(100deg,#FBEEE4 0%,#F9EAF0 55%,#F0ECFA 100%)}
.f-seg{display:flex;align-items:flex-end;gap:2px}
.f-tab{position:relative;display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px 0 11px;border:0;border-radius:12px 12px 0 0;background:transparent;font-weight:700;font-size:14px;color:var(--ink-3);white-space:nowrap;transition:color .2s,background-color .2s}
button.f-tab:hover:not(.active){color:var(--ink-2);background:rgba(255,255,255,.5)}
.f-tab.active{z-index:1;background:var(--surface);color:var(--ink);font-weight:800}
.f-tab.active::before,.f-tab.active::after{content:"";position:absolute;bottom:0;width:12px;height:12px;pointer-events:none}
.f-tab.active::before{left:-12px;background:radial-gradient(circle at 0 0,transparent 11.5px,var(--surface) 12px)}
.f-tab.active::after{right:-12px;background:radial-gradient(circle at 100% 0,transparent 11.5px,var(--surface) 12px)}
.f-tab:focus-visible{outline-offset:-3px;border-radius:12px 12px 0 0}
.f-tab-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.7);color:var(--ink-3);font-size:14px;transition:background .2s,color .2s,box-shadow .25s,transform .3s,opacity .2s}
.f-tab.active .f-tab-icon{background:var(--accent-soft);color:var(--accent-2)}
.f-tab-ai .f-tab-icon,.f-tab-ai.active .f-tab-icon{background:var(--ai-grad);color:#fff;opacity:.72}
.f-tab-ai:hover .f-tab-icon{opacity:1;transform:rotate(-10deg)}
.f-tab-ai.active .f-tab-icon{opacity:1;box-shadow:0 3px 10px rgba(229,72,125,.35)}
.f-tab-ai.active .f-tab-label{background:var(--ai-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.f-tab-new{margin-left:-2px;padding:2px 6px;border-radius:999px;border:1px solid var(--ai-line);background:var(--ai-soft);color:var(--ai-ink);font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.f-tab-ai.seen .f-tab-new{display:none}
.f-tools{margin-left:auto;align-self:center;display:flex;align-items:center;gap:2px;padding-bottom:3px}
.f-tools .save-search:hover,.f-tools .map-show:hover,.f-tools .filter-fold:hover{background:rgba(255,255,255,.75)}
.filter-fold{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--ink-3);border:0;background:none}
.filter-fold:hover{background:var(--surface-2);color:var(--ink)}
.save-search{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;font-weight:700;font-size:12.5px;color:var(--ink-2);margin-right:4px;white-space:nowrap;border:0;background:none}
.save-search:hover{background:var(--surface-2)}
.save-search.on{color:var(--accent-2);background:var(--accent-soft)}
.filter-panels{display:grid;grid-template-columns:minmax(0,1fr)}
.filter-panels>form{grid-area:1/1;visibility:visible}
.filter-panels>form.panel-hidden{visibility:hidden;pointer-events:none}
.filter-form{padding:12px 14px}
.f-row{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
.f-group{display:flex;gap:8px;flex-wrap:nowrap;min-width:0}
.f-group-a{flex:3 1 430px}
.f-group-b{flex:4 1 430px}
.f-group-b .fbtn{flex:none}
@media (max-width:1399px){.field-select i{display:none}}
.field{display:flex;align-items:center;gap:8px;height:42px;padding:0 11px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);color:var(--ink-2);min-width:0;margin:0;font-weight:600}
.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.field i{color:var(--ink-3);font-size:16px}
.field input,.field select,.field textarea{border:0;background:transparent;outline:0;min-width:0;width:100%;color:var(--ink);font-weight:600;padding:0}
.field select{appearance:none;-webkit-appearance:none;padding-right:16px;cursor:pointer}
.field-select{position:relative;flex:1 1 0}
.field-select::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.field-combo{flex:1 1 0;min-width:140px;position:relative}
.field-combo input{font-weight:700}
.combo-results{position:absolute;left:-1px;right:-1px;top:calc(100% + 4px);z-index:70;max-height:340px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:4px}
.combo-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer}
.combo-item i{color:var(--accent);font-size:15px}
.combo-item b{font-weight:700;color:var(--ink)}
.combo-item small{margin-left:auto;color:var(--ink-3);font-size:12px;text-align:right}
.combo-item.active,.combo-item:hover{background:var(--accent-soft)}
/* AI pretraga */
.ai-form{display:flex;flex-direction:column;gap:10px}
.ai-box{position:relative;display:flex;flex-direction:column;border-radius:14px;border:1.5px solid var(--line-2);background:var(--surface);transition:border-color .2s,box-shadow .2s}
.ai-box:hover{border-color:var(--ai-line)}
.ai-box:focus-within,.ai-form.has-text .ai-box{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--ai-grad) border-box;box-shadow:0 6px 22px rgba(229,72,125,.12)}
.ai-form.is-thinking .ai-box{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,var(--ai-1),var(--ai-2),var(--ai-3),var(--ai-2),var(--ai-1)) border-box;background-size:100% 100%,300% 100%;animation:aiFlow 1.6s linear infinite}
@keyframes aiFlow{to{background-position:0 0,-300% 0}}
.ai-spark{position:absolute;left:14px;top:13px;font-size:17px;line-height:1;background:var(--ai-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-form.is-thinking .ai-spark{animation:aiPulse 1s ease-in-out infinite}
@keyframes aiPulse{50%{transform:scale(1.25) rotate(14deg);opacity:.7}}
.ai-box textarea{display:block;width:100%;min-height:50px;resize:none;border:0;outline:0;background:transparent;padding:12px 16px 4px 42px;font-weight:500;font-size:14.5px;line-height:1.5;color:var(--ink)}
.ai-box textarea::placeholder{color:var(--ink-3)}
.ai-box-foot{display:flex;align-items:center;gap:10px;padding:4px 6px 6px 42px}
.ai-hint{min-width:0;font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:none){.ai-hint{visibility:hidden}}
.ai-hint kbd{font:inherit;font-weight:700;font-size:10.5px;padding:1px 5px;border-radius:5px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-2)}
.ai-count{margin-left:auto;font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.ai-send{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 16px;border:0;border-radius:10px;font-weight:700;color:#fff;background:var(--ai-grad);background-size:140% 100%;box-shadow:0 4px 14px rgba(229,72,125,.28);transition:background-position .3s,transform .15s,box-shadow .2s;flex:none}
.ai-count:not([hidden])+.ai-send{margin-left:0}
.ai-send:hover{background-position:100% 0;box-shadow:0 6px 18px rgba(139,92,246,.3)}
.ai-send:active{transform:translateY(1px)}
.ai-send[disabled]{cursor:progress}
.ai-send-busy{display:none}
.ai-form.is-thinking .ai-send-text{display:none}
.ai-form.is-thinking .ai-send-busy{display:inline}
.ai-form.is-thinking .ai-send i{animation:spin 1.1s linear infinite}
.ai-below{min-height:32px}
.ai-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.ai-label i{font-size:13px;background:var(--ai-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-examples{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 2px;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.ai-examples::-webkit-scrollbar{display:none}
.ai-ex{flex:none;height:30px;padding:0 12px;border-radius:999px;border:1px dashed var(--line-2);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.ai-ex:hover{border-style:solid;border-color:var(--ai-line);background:var(--ai-soft);color:var(--ai-2)}
.ai-result{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;animation:aiIn .35s ease-out}
.ai-chips{display:contents}
.ai-chip{animation:aiIn .35s ease-out backwards;animation-delay:calc(var(--i,0) * 45ms)}
.ai-chip:not(.place){background:var(--ai-soft);border-color:var(--ai-line);color:var(--ai-ink)}
@keyframes aiIn{from{opacity:0;transform:translateY(4px)}}
.ai-edit{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:8px;background:none;font-weight:700;font-size:12.5px;color:var(--accent-2);white-space:nowrap}
.ai-edit:hover{background:var(--accent-soft)}
.ai-edit i{transition:transform .2s}
.ai-edit:hover i{transform:translateX(3px)}
.ai-note{flex-basis:100%;display:flex;gap:7px;align-items:flex-start;margin:2px 0 0;font-size:12.5px;color:var(--ink-2)}
.ai-note i{color:var(--ink-3);margin-top:1px}
.ai-result.empty>.ai-label{display:none}
.ai-result.empty .ai-note{margin:0}
.ai-form.shake .ai-box{animation:aiShake .35s}
@keyframes aiShake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ai-glow{animation:aiGlow 1.8s ease-out}
@keyframes aiGlow{0%,35%{box-shadow:0 0 0 3px rgba(229,72,125,.35);border-color:var(--ai-2)}100%{box-shadow:0 0 0 3px rgba(229,72,125,0)}}
/* price */
.price-block{margin-top:10px;border-radius:10px}
.price-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:2px 2px 6px}
.range-slider{position:relative;height:28px;margin:0 10px}
.range-track{position:absolute;left:0;right:0;top:12px;height:4px;border-radius:2px;background:var(--line-2)}
.range-progress{position:absolute;top:12px;height:4px;border-radius:2px;background:var(--accent)}
.range-slider input[type=range]{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none}
.range-slider input[type=range]::-webkit-slider-runnable-track{height:28px;background:transparent}
.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:var(--shadow-sm);pointer-events:auto;cursor:pointer;margin-top:4px}
.range-slider input[type=range]::-moz-range-track{height:28px;background:transparent}
.range-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent);pointer-events:auto;cursor:pointer}
.price-vals{display:flex;justify-content:space-between;gap:8px;margin-top:2px}
.price-val{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;border:1px dashed transparent;cursor:text;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}
.price-val small{font-size:12px;font-weight:600;color:var(--ink-3)}
.price-val:hover{border-color:var(--line-2);background:var(--surface-2)}
.price-val input{width:118px;border:1px solid var(--accent);border-radius:7px;padding:2px 8px;font-weight:700;text-align:right;outline:0;font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--accent-soft)}
/* advanced */
.adv{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:10px}
.adv-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.segment{display:inline-flex;border:1px solid var(--line-2);border-radius:10px;padding:3px;background:var(--surface-2);height:36px}
.seg-select{border:0;background:var(--surface);border-radius:7px;padding:0 10px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-sm)}
.check{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;margin:0}
.check input{accent-color:var(--accent);width:16px;height:16px;margin:0;flex:none}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.adv-grid label{display:flex;flex-direction:column;gap:3px;font-size:10.5px;color:var(--ink-3);font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin:0}
.adv-grid input{height:34px;border:1px solid var(--line-2);border-radius:8px;padding:0 8px;font-weight:600;color:var(--ink);outline:0;width:100%;font-variant-numeric:tabular-nums}
.adv-grid input:focus{border-color:var(--accent)}
/* summary chips */
.summary-bar{display:none;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);text-align:left;width:100%}
.chips{display:contents}
.chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 6px 0 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.chip.place{background:var(--accent-soft);border-color:var(--accent-soft-2);color:var(--accent-2)}
.chip .x{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);font-size:14px;line-height:1;font-style:normal}
.chip .x:hover{background:var(--line);color:var(--ink)}
.saved-ind{margin-left:auto;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--ink-3)}
.saved-ind.on{color:var(--accent-2);background:var(--accent-soft)}
.summary-bar .edit{margin-left:6px;color:var(--accent-2);font-weight:700;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.summary-bar .edit i{font-size:12px;transition:transform .15s}
.summary-bar .edit-close{display:none}
.chips-empty{color:var(--ink-3);font-weight:600;font-size:13px}
.chips:not(:empty)+.chips-empty{display:none}
.filter-wrap.collapsed .filter-card{display:none}
.filter-wrap.collapsed .summary-bar{display:flex}
/* split: feed | map */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,38%);align-items:start;gap:24px;padding:0 28px 48px}
@media (min-width:900px){.split.map-hidden{grid-template-columns:1fr}.split.map-hidden .map-panel{display:none}}
.map-show{display:none;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;font-weight:700;font-size:12.5px;color:var(--ink-2);border:0;background:none;white-space:nowrap;margin-right:4px}
.map-show:hover{background:var(--surface-2)}
@media (min-width:900px){.map-show:not([hidden]){display:inline-flex}}
.feed-col{min-width:0}
.feed-inner{max-width:var(--feed-w);margin:0 auto;position:relative}
.feed-veil{display:none;position:absolute;inset:0;min-height:60vh;background:rgba(246,243,238,.9);z-index:30;pointer-events:none}
.feed-veil .spinner{position:absolute;top:24vh;left:50%;margin-left:-21px}
.feed-inner.htmx-request .feed-veil,.feed-restoring .feed-veil{display:block}
/* results head, feed, posts */
.feed-new{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-2);font-weight:600;font-size:13px;margin:8px 0 4px}
.feed-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:8px 0 12px}
.feed-meta h2{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.feed-meta .sub{color:var(--ink-3);font-size:13px;display:block;margin-top:2px}
.saved-tag{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:700;color:var(--accent-2)}
.feed-tools{display:flex;align-items:center;gap:8px}
.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;color:var(--ink-3);text-align:center;background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--radius);margin-top:8px}
.empty-state i{font-size:30px;color:var(--accent)}
.empty-state p{margin:0;font-weight:600}
.feed{display:flex;flex-direction:column;gap:14px}
.feed-divider{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin:8px 0 -4px}
.feed-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.feed-divider b{color:var(--accent-2)}
.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,border-color .15s}
.post:hover,.post.is-hot{box-shadow:var(--shadow);border-color:var(--accent-soft-2)}
.post.is-hot{outline:2px solid var(--accent);outline-offset:0}
.post.is-flash{outline:2px solid var(--ok);outline-offset:0;box-shadow:var(--shadow)}
.post-head{display:flex;align-items:center;gap:10px;padding:12px 14px 10px}
.post-head .who{min-width:0}
.post-head .who b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-head .who b a{color:inherit;text-decoration:none}
.post-head .who span{font-size:12px;color:var(--ink-3);display:inline-flex;align-items:center;gap:4px}
.post-head .who span i{color:var(--ok)}
.post-head time{margin-left:auto;font-size:12px;color:var(--ink-3);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.new-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}
.post-media-wrap{position:relative}
.post-media{position:relative;aspect-ratio:3/2;background:var(--surface-2);overflow:hidden;display:block}
.post-media img{width:100%;height:100%;object-fit:cover;display:block}
.post-media .no-image{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-3);font-size:48px}
.post-badges{position:absolute;top:12px;left:12px;display:flex;gap:6px}
.post-badge{background:rgba(255,255,255,.94);color:var(--ink);font-size:11px;font-weight:700;padding:4px 8px;border-radius:7px}
.post-badge.accent{background:var(--accent);color:#fff}
.post-count{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;background:rgba(30,26,22,.62);color:#fff;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:7px;font-variant-numeric:tabular-nums}
.post-fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;border:0}
.post-fav.is-saved i,[data-save-property].is-saved i{color:var(--accent)}
.post-body{padding:12px 14px 4px;display:flex;flex-direction:column;gap:6px}
.post-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.post-price b{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.post-price span{color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}
.post-title{font-size:16px;font-weight:700;line-height:1.3}
.post-title a{color:inherit;text-decoration:none}
.post-title a:hover{color:var(--accent-2)}
.post-facts{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.post-facts span{display:inline-flex;gap:5px;align-items:center}
.post-facts i{color:var(--ink-3)}
.post-desc{margin:0;color:var(--ink-2);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-loc{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-size:13px;flex-wrap:wrap}
.post-loc>i{color:var(--accent)}
.loc-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 8px 2px 6px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-3);white-space:nowrap}
.loc-chip .dot{width:8px;height:8px;border-radius:50%;border:2px solid currentColor;display:inline-block}
.loc-chip.exact{border-color:transparent;color:var(--ok);background:var(--ok-soft)}
.loc-chip.exact .dot{background:currentColor}
.loc-chip.approx{border-color:transparent;color:var(--accent-2);background:var(--accent-soft)}
.post-actions{display:flex;align-items:center;gap:2px;padding:6px 8px 8px;border-top:1px solid var(--line);margin-top:8px}
.post-actions button,.post-actions a.more{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;font-weight:600;color:var(--ink-2);font-size:13px;border:0;background:none;text-decoration:none}
.post-actions button:hover,.post-actions a.more:hover{background:var(--surface-2);color:var(--ink)}
.post-actions [data-save-property].is-saved{color:var(--accent-2)}
.post-actions .more{margin-left:auto;color:var(--accent-2)!important;font-weight:700!important}
.post-actions .more:hover{background:var(--accent-soft)!important}
.load-more{display:flex;justify-content:center;padding:22px 0 6px}
.load-more .when-busy{display:none;align-items:center;gap:8px}
.load-more .htmx-request .when-idle{display:none}
.load-more .htmx-request .when-busy{display:inline-flex}
/* map panel */
.map-panel{position:sticky;top:var(--bars-h);z-index:1;height:calc(100vh - var(--bars-h) - 20px);min-height:420px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--sea);box-shadow:var(--shadow-sm)}
.map{flex:1;min-height:0;background:var(--sea);position:relative}
.map-inner{position:absolute;inset:0}
.map-hud{position:absolute;top:12px;left:12px;right:60px;z-index:1001;display:flex;gap:8px;flex-wrap:wrap;align-items:center;pointer-events:none}
.map-hud>*{pointer-events:auto}
.hud-level{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border-radius:9px;background:var(--surface);box-shadow:var(--shadow-sm);font-weight:700;font-size:12.5px}
.hud-level i{color:var(--accent)}
.legend{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 11px;border-radius:9px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:12px;color:var(--ink-2)}
.legend:empty{display:none}
.lg-ramp{display:inline-flex;gap:2px}.lg-ramp i{width:14px;height:12px;border-radius:2px;display:inline-block}
.lg-bubble{width:24px;height:24px;border-radius:50%;border:2px solid var(--accent);display:inline-grid;place-items:center;font-size:10px;font-weight:800;color:var(--ink);background:var(--surface)}
.lg-dot{width:12px;height:12px;border-radius:50%;background:var(--ok);border:2px solid #fff;box-shadow:0 0 0 1px var(--line-2);display:inline-block;margin-left:4px}
.map-hide{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:9px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:12.5px;font-weight:600;color:var(--ink-2);border:0}
.map-close{display:none;position:absolute;top:12px;right:12px;z-index:1001;width:40px;height:40px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);border:0;place-items:center}
.map-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;row-gap:2px;padding:8px 12px;background:var(--surface);border-top:1px solid var(--line);font-size:12px;color:var(--ink-2)}
.map-foot .hint{flex:1 1 240px}
.map-foot .attrib{color:var(--ink-3);font-size:11px;white-space:nowrap;margin-left:auto}
.map-foot .attrib a{color:inherit}
.leaflet-container{font-family:inherit;font-size:13px;background:var(--sea)}
.leaflet-bar{border:0!important;box-shadow:var(--shadow-sm)!important;border-radius:9px!important;overflow:hidden}
.leaflet-bar a{background:var(--surface)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;width:34px!important;height:34px!important;line-height:34px!important}
.leaflet-interactive{cursor:pointer}
.leaflet-bottom.leaflet-right .leaflet-control-zoom{margin:0 12px 12px 0}
.leaflet-marker-icon.bubble-wrap{z-index:600!important}
.bubble-wrap,.county-label-wrap,.exact-wrap{background:transparent;border:0}
.bubble{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:2.5px solid var(--accent);color:var(--ink);font-weight:800;font-size:13px;box-shadow:0 2px 10px rgba(30,26,22,.22);cursor:pointer;transition:transform .12s,background .12s;font-variant-numeric:tabular-nums;position:relative}
.bubble.is-hot,.bubble:hover{transform:scale(1.14);background:var(--accent);color:#fff;z-index:5}
.bubble.is-selected{background:var(--ink);border-color:var(--ink);color:#fff}
.bubble-name{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:3px;font-size:11px;font-weight:700;color:var(--ink-2);font-style:normal;white-space:nowrap;text-shadow:0 0 3px var(--ground),0 0 3px var(--ground),0 0 4px var(--ground);pointer-events:none}
.bubble.is-hot .bubble-name,.bubble:hover .bubble-name{color:var(--ink)}
.county-label{transform:translate(-50%,-50%);background:var(--surface);border-radius:9px;padding:4px 9px;font-size:11px;font-weight:700;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-sm);display:inline-flex;gap:7px;align-items:center;pointer-events:none}
.county-label b{color:var(--accent-2);font-variant-numeric:tabular-nums}
.exact-dot{display:block;width:12px;height:12px;margin:1px;border-radius:50%;background:var(--ok);border:2px solid #fff;box-shadow:0 1px 4px rgba(30,26,22,.35);cursor:pointer;transition:transform .12s}
.exact-dot:hover,.exact-dot.is-hot{transform:scale(1.5);background:#256A4C}
.tiles-osm{filter:saturate(.35) brightness(1.03)}
.leaflet-tooltip.place-tip,.leaflet-tooltip.mini-tip{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:0;box-shadow:var(--shadow);white-space:normal}
.leaflet-tooltip.place-tip{width:250px;padding:12px 12px 10px}
.leaflet-tooltip.place-tip.exact-tip{width:230px;padding:10px}
.leaflet-tooltip.mini-tip{padding:6px 10px;font-size:12.5px}
.leaflet-tooltip.place-tip:before,.leaflet-tooltip.mini-tip:before{display:none}
.place-card{display:flex;flex-direction:column;gap:7px;font-size:12.5px}
.pc-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.pc-head b{font-size:14px}.pc-head span{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-types{display:flex;gap:10px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pc-types span{display:inline-flex;align-items:center;gap:4px}.pc-types i{color:var(--ink-3)}
.pc-price{font-weight:700;color:var(--ink)}
.pc-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.pc-thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block;background:var(--surface-2)}
.pc-cta{color:var(--accent-2);font-weight:700;display:inline-flex;align-items:center;gap:4px;margin-top:2px}
.exact-card .ec-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block;background:var(--surface-2)}
.ec-meta{color:var(--ink-2)}
.ec-place{display:inline-flex;align-items:center;gap:4px;color:var(--ink-2)}
.exact-card .loc-chip,.exact-mini .loc-chip{align-self:flex-start}
.map-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);padding:10px 14px;font-weight:600;color:var(--ink-2);pointer-events:none}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:1002;background:var(--surface);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.25);padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .22s}
.sheet.open{transform:none}
.sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sheet-head b{font-size:16px}.sheet-head span{color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}
.sheet-head .ficon-btn{margin-left:auto;border:0}
.sheet-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.sheet-scroll::-webkit-scrollbar{display:none}
.mini-card{flex:0 0 150px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2)}
.mini-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:var(--surface-2);display:block}
.exact-mini{flex:1 1 auto}
.exact-mini img{aspect-ratio:3/2}
.sheet .fbtn{width:100%;margin-top:10px}

/* bottom bar + picker (mobile) */
.bottom-bar{display:none}
.picker-backdrop{position:fixed;inset:0;background:rgba(20,16,12,.4);z-index:94}
.picker{position:fixed;left:0;right:0;bottom:0;z-index:95;background:var(--surface);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.25);padding:10px 10px calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .22s}
.picker.open{transform:none}
.picker-head{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding:8px 12px 4px}
.picker a{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:12px;font-weight:600;color:var(--ink);text-decoration:none}
.picker a:hover{background:var(--surface-2)}
.picker a i{color:var(--accent);font-size:19px}

/* dialogs (native <dialog> umjesto Bootstrap modala) */
.dlg{border:0;padding:0;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 20px 60px rgba(20,16,12,.3);width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 32px)}
.dlg-sm{width:min(400px,calc(100vw - 24px))}
.dlg-wide{width:min(1000px,calc(100vw - 24px))}
.dlg::backdrop{background:rgba(20,16,12,.48)}
.dlg[open]{display:flex;flex-direction:column;animation:dlgIn .24s cubic-bezier(.2,.8,.2,1)}
.dlg[open]::backdrop{animation:dlgFade .24s ease-out}
@keyframes dlgIn{from{opacity:0;transform:translateY(14px) scale(.985)}}
@keyframes dlgFade{from{opacity:0}}
html:has(dialog[open]){overflow:hidden}
.dlg-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line);margin:0}
.dlg-head h2{font-size:17px;font-weight:800;display:inline-flex;align-items:center;gap:8px}
.dlg-head h2 i{color:var(--accent)}
.dlg-x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:var(--surface-2);display:grid;place-items:center;color:var(--ink-2);flex:none}
.dlg-wide>.dlg-x{position:absolute;top:12px;right:12px;z-index:3;background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm)}
.dlg-body{padding:16px 18px;overflow:auto}
.dlg-wide .dlg-body{padding:0}
.dlg-loading{display:grid;place-items:center;min-height:320px;color:var(--accent)}
.dlg-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px}
.inquiry-subject{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:13px}
.inquiry-subject b{display:block}
.inquiry-subject span{color:var(--ink-3)}
.share-subject{margin:0 0 12px;color:var(--ink-3);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share-nets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.share-net{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-2);font-size:18px;text-decoration:none}
.share-net:hover{background:var(--accent-soft);color:var(--accent-2);border-color:var(--accent-soft-2)}
.copy-row{display:flex;gap:6px}
.copy-row .ficon-btn.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}
.copy-row input{flex:1;min-width:0;height:36px;border:1px solid var(--line-2);border-radius:9px;padding:0 10px;font-size:13px;color:var(--ink-2)}
/* quick view */
/* brzi pregled: galerija (scroll-snap + strelice, brojač, traka napretka; zamućena ista fotografija umjesto crnih okvira) */
.qg{position:relative;border-radius:18px 18px 0 0;overflow:hidden;background:#1E1A16;isolation:isolate}
.qg-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:16/9;max-height:min(58vh,560px);width:100%;outline:0}
.qg-track::-webkit-scrollbar{display:none}
.qg-slide{position:relative;flex:0 0 100%;margin:0;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always}
.qg-bg{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(26px) brightness(.62) saturate(1.15);pointer-events:none}
.qg-img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.qg-nav{position:absolute;top:50%;z-index:2;width:42px;height:42px;margin-top:-21px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);font-size:17px;box-shadow:0 4px 14px rgba(20,16,12,.25);opacity:0;transition:opacity .2s,transform .2s,background .2s}
.qg-nav.prev{left:14px}
.qg-nav.next{right:14px}
.qg:hover .qg-nav:not([disabled]),.qg-nav:focus-visible{opacity:1}
.qg-nav:hover{background:#fff;transform:scale(1.06)}
.qg-nav[disabled]{opacity:0!important;pointer-events:none}
@media (hover:none){.qg-nav{display:none}}
.qg-count{position:absolute;left:14px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:rgba(30,26,22,.62);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums}
.qg-count b{font-weight:800}
.qg-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:rgba(255,255,255,.18)}
.qg-bar i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0);transition:transform .25s ease-out}
.quick.no-photos .quick-main{padding-top:58px}
.quick-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;padding:20px 22px 6px}
.quick-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.quick-col h2{font-size:19px;font-weight:800}
.quick-col h3{font-size:14px;font-weight:800}
.quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 0}
.quick-facts div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:8px 11px}
.quick-facts dt{font-size:11px;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.quick-facts dd{margin:2px 0 0;font-weight:700}
.quick-desc{margin:0;white-space:pre-line;color:var(--ink-2);line-height:1.6}
[data-clamp].clamped .quick-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden}
.quick-more{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 0;border:0;background:none;font-weight:700;font-size:13px;color:var(--accent-2)}
.quick-more i{font-size:11px;transition:transform .2s}
.quick-more .more-close{display:none}
[data-clamp]:not(.clamped) .quick-more .more-open{display:none}
[data-clamp]:not(.clamped) .quick-more .more-close{display:inline}
[data-clamp]:not(.clamped) .quick-more i{transform:rotate(180deg)}
.quick-agency{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.quick-agency span{display:flex;flex-direction:column}
.quick-agency small{color:var(--ink-3)}
.quick-agency .bi-chevron-right{margin-left:auto;color:var(--ink-3)}
.quick-actions{position:sticky;bottom:0;z-index:3;padding:12px 22px 14px;border-top:1px solid var(--line);margin-top:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
/* forms, auth */
.stack-form{display:flex;flex-direction:column;gap:12px}
.stack-form>label:not(.check){display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:13px;color:var(--ink-2)}
.stack-form input:not([type=checkbox]),.stack-form textarea{width:100%;border:1px solid var(--line-2);border-radius:11px;padding:10px 12px;font-weight:500;color:var(--ink);background:var(--surface);outline:0}
.stack-form input:not([type=checkbox]):focus,.stack-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.stack-form textarea{resize:vertical;min-height:96px}
.stack-form small{font-weight:500}
.stack-form .check{align-items:flex-start;font-weight:600}
.stack-form .check input{margin-top:1px}
.pw-field{position:relative;display:block}
.pw-field input{padding-right:44px!important}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:none;color:var(--ink-3)}
.pw-toggle:hover{background:var(--surface-2);color:var(--ink)}
.form-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.link-muted{color:var(--ink-2);font-weight:600;font-size:13px}
.form-msg{margin:0 0 12px;padding:10px 12px;border-radius:11px;font-weight:600;font-size:13px;list-style:none}
.form-msg li+li{margin-top:4px}
.form-msg.error{background:var(--danger-soft);color:var(--danger)}
.form-msg.info{background:var(--accent-soft);color:var(--accent-2)}
.form-msg.ok{background:var(--ok-soft);color:var(--ok)}
/* Sigurnosna provjera (Turnstile): widget je nevidljiv dok ne zatreba interakcija, pa prazan spremnik ne zauzima mjesto. */
.captcha:empty{display:none}
.captcha iframe{max-width:100%}
.captcha-note{margin:0;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.auth{display:flex;justify-content:center;padding:48px 20px 64px}
.auth-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);padding:28px 26px}
.auth-card h1{font-size:24px;font-weight:800;margin-bottom:6px}
.auth-lead{margin:0 0 18px;color:var(--ink-2)}
.auth-switch{margin:18px 0 0;text-align:center;color:var(--ink-2)}
.auth-switch a{font-weight:700}
.auth-card.notice{text-align:center}
.notice-icon{font-size:40px;color:var(--accent);display:block;margin-bottom:8px}
.resend-form{margin:0 0 14px}
.local-summary{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:0 0 14px;border-radius:12px;background:var(--ok-soft);color:var(--ok);font-weight:600;font-size:13px}
.local-summary i{font-size:18px}
/* merge offer + toast */
.merge-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px 12px 10px 14px;font-weight:600}
.merge-bar>i{color:var(--accent);font-size:20px}
.toast{position:fixed;inset:auto auto 20px 50%;margin:0;border:0;overflow:visible;transform:translateX(-50%);z-index:130;background:var(--ink);color:#fff;border-radius:12px;padding:10px 16px;font-weight:600;box-shadow:var(--shadow);max-width:calc(100vw - 24px);width:max-content}
.toast:popover-open{animation:toastIn .22s ease-out}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,8px)}}

@media (max-width:899px){
  .shell{display:block}
  .side{display:none}
  .mobile-top{position:sticky;top:0;z-index:45;display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line)}
  .mobile-top .brand{padding:0;margin-right:auto}
  .mobile-top .logo{width:124px}
  .top-account{font-weight:700;font-size:13px;color:var(--accent-2);text-decoration:none}
  .filter-wrap{padding:10px 16px 8px}
  .filter-wrap .summary-bar{display:flex}
  .filter-wrap:not(.expanded) .filter-card{display:none}
  .filter-wrap.expanded .filter-card{margin-top:8px}
  .filter-wrap.expanded .saved-ind{display:none}
  .filter-wrap.expanded .summary-bar .edit{margin-left:auto}
  .filter-wrap.expanded .edit-open{display:none}
  .filter-wrap.expanded .edit-close{display:inline}
  .filter-wrap.expanded .summary-bar .edit i{transform:rotate(180deg)}
  .filter-fold{display:none}
  .f-tabs{gap:12px;padding:6px 8px 0 12px}
  .f-seg{flex:1}
  .f-tab{flex:1;justify-content:center;gap:8px;height:42px;padding:0 10px;font-size:13.5px}
  .f-tab-new{display:none}
  .ai-hint{visibility:hidden}
  .ai-box textarea{font-size:16px}
  .filter-panels>form.panel-hidden{display:none}
  .save-search{padding:0 9px;margin-right:0}
  .save-search span{display:none}
  .f-group-a{flex-wrap:wrap}
  .field-select{flex:1 1 45%}
  .field-select:first-child{flex-basis:100%}
  .f-group-b .fbtn-primary span{display:none}
  .f-group-b .fbtn-primary{padding:0 13px}
  .field-combo{min-width:0}
  .adv-grid{grid-template-columns:repeat(2,1fr)}
  .split{display:block;padding:0 16px calc(76px + env(safe-area-inset-bottom,0px))}
  .feed-meta h2{font-size:17px}
  .post-media{aspect-ratio:4/3}
  .post-actions button span{display:none}
  .bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
  .bb-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--ink-3);padding:4px 0;border-radius:8px;position:relative;border:0;background:none;text-decoration:none}
  .bb-item i{font-size:20px}
  .bb-item.active-page{color:var(--accent-2)}
  .bb-dot{position:absolute;top:2px;left:calc(50% + 8px);width:8px;height:8px;border-radius:50%;background:var(--accent)}
  /* Karta nije ispod feeda: otvara je samo gumb u donjoj traci, preko cijelog ekrana. */
  .map-panel{display:none}
  body.map-open .map-panel{display:flex;position:fixed;inset:0;z-index:90;height:auto;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}
  body.map-open .map-close{display:grid}
  body.map-open .bottom-bar{display:none}
  body:not(.map-open) .sheet{display:none}
  .map-hide{display:none}
  .map-hud{right:64px}
  .auth{padding:20px 16px 96px}
  .auth-card{padding:22px 18px}
  .quick-main{grid-template-columns:1fr;padding:16px}
  .qg-track{aspect-ratio:4/3;max-height:52vh}
  .quick-actions{padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));justify-content:stretch}
  .quick-actions .fbtn{flex:1 1 auto;padding:0 12px}
  .quick-actions .fbtn-ghost span{display:none}
  .dlg{width:100%;max-width:100%;margin:auto 0 0;max-height:94dvh;border-radius:20px 20px 0 0}
  .dlg[open]{animation:sheetIn .28s cubic-bezier(.2,.8,.2,1)}
  @keyframes sheetIn{from{transform:translateY(100%)}}
  .qg{border-radius:20px 20px 0 0}
  .dlg-body{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .share-nets{display:grid;grid-template-columns:repeat(4,1fr)}
  .share-net{width:auto;height:48px}
  .merge-bar,.toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* ============================================================== stranice: Spremljeno, upiti, profil, oglas, agencija */
.page{padding:24px 28px 56px;max-width:1240px;margin:0 auto}
.page-narrow{max-width:900px}
.page-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 20px}
.page-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:21px;flex:none}
.page-title{min-width:0;flex:1}
.page-title h1{font-size:24px;font-weight:800;letter-spacing:-.01em}
.page-sub{margin:4px 0 0;color:var(--ink-3);font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.page-sub b{color:var(--ink);font-variant-numeric:tabular-nums}
.page-sub b:empty{display:none}
.page-sub b:empty+span{display:none}
.sync{display:inline-flex;align-items:center;gap:5px}
.sync.on{color:var(--ok)}
.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* Statička stranica (Admin → Stranice): tekst iz editora, sanitiziran (RichText). */
.static-page .page-head{margin-bottom:12px}
.prose{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 30px;font-size:15px;line-height:1.65;color:var(--ink-2)}
.prose>:first-child{margin-top:0}
.prose>:last-child{margin-bottom:0}
.prose h2{font-size:18px;font-weight:800;color:var(--ink);margin:26px 0 8px;letter-spacing:-.005em}
.prose h3{font-size:15.5px;font-weight:800;color:var(--ink);margin:20px 0 6px}
.prose p{margin:0 0 12px}
.prose ul,.prose ol{margin:0 0 12px;padding-left:22px}
.prose li{margin:4px 0}
.prose li[data-list=bullet]{list-style-type:disc}
.prose ol>li[data-list=bullet]{list-style-type:disc}
.prose a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
.prose blockquote{margin:0 0 12px;padding:8px 14px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 10px 10px 0}
.prose strong{color:var(--ink)}
@media (max-width:640px){.prose{padding:18px 16px;border-radius:14px;font-size:14.5px}}
.page-note{display:flex;gap:8px;align-items:flex-start;margin:-6px 0 16px;color:var(--ink-3);font-size:12.5px}
.field.sm{height:34px;border-radius:9px;font-size:13px}
.fbtn.xs{height:30px;padding:0 10px;font-size:12.5px;border-radius:8px;gap:6px}
.fbtn.danger,.fbtn-ghost.danger{color:var(--danger)}
.fbtn-ghost.danger:hover{background:var(--danger-soft);border-color:#F3C9C4;color:var(--danger)}
.fbtn-danger{background:var(--danger);color:#fff}
.fbtn-danger:hover{background:#992B22;color:#fff}
.ficon-btn.sm{width:30px;height:30px;border-radius:8px;font-size:13px}
.ficon-btn.tall{width:42px;height:42px;border-radius:11px}
.avatar.xs{width:24px;height:24px;font-size:11px}
.avatar.lg{width:52px;height:52px;font-size:20px;border-radius:14px}

/* poziv na registraciju (anonimno) */
.pitch{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin:0 0 20px;border-radius:14px;background:linear-gradient(100deg,var(--accent-soft),#FFF7EF);border:1px solid var(--accent-soft-2)}
.pitch-icon{display:inline-flex;align-items:flex-end;gap:2px;color:var(--accent);font-size:22px}
.pitch-icon i+i{font-size:28px}
.pitch-text{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink-2)}
.pitch-text b{color:var(--ink);font-size:14px}
.pitch-actions{display:flex;gap:8px}

/* prazno stanje */
.empty-big{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:56px 20px;background:var(--surface);border:1px dashed var(--line-2);border-radius:20px}
.empty-big h1,.empty-big h2{font-size:19px;font-weight:800}
.empty-big p{margin:0;max-width:440px;color:var(--ink-2)}
.empty-big .fbtn{margin-top:10px}
.empty-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:30px;margin-bottom:6px}

/* skeleton */
.skeleton{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);min-height:300px;pointer-events:none}
.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(246,243,238,.9) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}
.agency-card.skeleton,.search-card.skeleton{min-height:150px}
.inq-card.skeleton{min-height:130px}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}

/* pločice nekretnina (spremljene, slične) */
.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.tile{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}
.tile:not(.skeleton):hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,26,22,.12)}
.tile-media{position:relative;display:block;aspect-ratio:3/2;background:var(--surface-2);overflow:hidden}
.tile-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.tile:hover .tile-media img{transform:scale(1.03)}
.tile-media .no-image{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-3);font-size:40px}
.tile-price{position:absolute;left:12px;bottom:12px;background:rgba(30,26,22,.78);backdrop-filter:blur(6px);color:#fff;font-weight:800;font-size:16px;padding:5px 10px;border-radius:10px;font-variant-numeric:tabular-nums}
.tile-removed{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;background:rgba(180,53,42,.92);color:#fff;font-weight:700;font-size:12.5px;padding:6px 10px;border-radius:10px}
.tile.is-removed .tile-media img{filter:grayscale(1) opacity(.65)}
.tile.is-removed .tile-title a{color:var(--ink-3)}
.tile-media .post-count{right:12px;bottom:12px}
.tile-fav{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--ink);display:grid;place-items:center;border:0;box-shadow:var(--shadow-sm);transition:transform .15s}
.tile-fav:hover{transform:scale(1.08)}
.tile-fav.is-saved i,.tile-fav i.bi-heart-fill,.tile-fav i.bi-star-fill{color:var(--accent)}
.tile-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 10px;flex:1}
.tile-title{font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tile-title a{color:var(--ink);text-decoration:none}
.tile-title a:hover{color:var(--accent-2)}
.tile-sub{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.tile-facts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--ink-2);font-weight:600}
.tile-facts span{display:inline-flex;align-items:center;gap:5px}
.tile-facts i{color:var(--ink-3)}
.tile-loc{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:var(--ink-3)}
.tile-loc i{color:var(--accent);margin-top:1px}
.tile-foot{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);min-height:52px}
.tile-agency{display:flex;align-items:center;gap:7px;min-width:0;flex:1;color:var(--ink-2);text-decoration:none;font-size:12.5px;font-weight:600}
.tile-agency span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-saved{flex:1;font-size:12px;color:var(--ink-3)}
.tile-actions{display:flex;gap:6px;margin-left:auto;flex:none}

/* omiljene agencije */
.agency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.agency-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.agency-card .tile-fav{top:14px;right:14px;box-shadow:none;border:1px solid var(--line)}
.agency-card-main{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;padding-right:44px}
.agency-logo{position:relative;width:64px;height:64px;flex:none;border-radius:14px;border:1px solid var(--line);background:var(--accent-soft);display:grid;place-items:center;overflow:hidden}
.agency-logo b{font-size:24px;font-weight:800;color:var(--accent-2)}
.agency-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;background:#fff}
.agency-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.agency-card-name{font-size:15px;font-weight:800;line-height:1.3}
.agency-card-text small{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-3)}
.verified{color:var(--ok)}
.agency-card-off{display:inline-flex;align-items:center;gap:5px;color:var(--danger)!important}
.agency-card.is-removed{opacity:.75}
.agency-card-stats{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}
.agency-card-stats b{color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}
.agency-card .fbtn i{font-size:13px}

/* spremljene pretrage */
.search-list{display:flex;flex-direction:column;gap:14px}
.search-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .15s}
.search-card:not(.skeleton):hover{border-color:var(--accent-soft-2)}
.search-card-head{display:flex;align-items:center;gap:10px}
.search-card-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.search-card-head h3{flex:1;min-width:0;font-size:15.5px;font-weight:800}
.search-card-head h3 a{color:var(--ink);text-decoration:none}
.search-card-head h3 a:hover{color:var(--accent-2)}
.search-remove:hover{color:var(--danger);background:var(--danger-soft)}
.search-chips{display:flex;flex-wrap:wrap;gap:6px}
.search-chips .chip{padding:0 10px}
.search-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px dashed var(--line-2)}
.search-stats{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}
.search-stats b{color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}
.search-new{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-weight:700;font-size:12px}

/* upiti */
.inq-list{display:flex;flex-direction:column;gap:14px}
.inq-card{display:flex;gap:16px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.inq-thumb{flex:none;width:150px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;color:var(--ink-3);font-size:30px}
.inq-thumb img{width:100%;height:100%;object-fit:cover}
.inq-thumb.general{background:var(--accent-soft);color:var(--accent)}
.inq-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.inq-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12.5px}
.inq-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-weight:700;font-size:12px;background:var(--surface-2);color:var(--ink-2)}
.status-forwarded .inq-status,.status-sent .inq-status{background:var(--ok-soft);color:var(--ok)}
.status-pending .inq-status{background:var(--accent-soft);color:var(--accent-2)}
.status-failed .inq-status{background:var(--danger-soft);color:var(--danger)}
.inq-title{font-size:15px;font-weight:800;line-height:1.35}
.inq-title a{color:var(--ink);text-decoration:none}
.inq-title a:hover{color:var(--accent-2)}
.inq-prop{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--ink-3)}
.inq-prop b{color:var(--ink)}
.inq-prop i{color:var(--accent);margin-right:4px}
.inq-removed{color:var(--danger);font-weight:700}
.inq-msg{margin:2px 0 0;padding:10px 12px;border-radius:10px;background:var(--surface-2);border-left:3px solid var(--accent-soft-2);color:var(--ink-2);font-size:13px;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.inq-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}

/* moji podaci */
.settings{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.settings-main{display:flex;flex-direction:column;gap:18px}
.settings-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px}
.panel h2{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}
.panel h2 i{color:var(--accent)}
.panel-head{margin-bottom:14px}
.panel-head p{margin:4px 0 0;color:var(--ink-3);font-size:13px}
.panel-head.sub{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.panel-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:16px}
.panel-foot .form-msg{margin:0;flex:1}
.panel-danger{border-color:#F1D3CF}
.panel-danger h2 i{color:var(--danger)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .span-2{grid-column:1/-1}
.stack-form .form-grid>label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:13px;color:var(--ink-2)}
.input-static{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:42px;padding:9px 12px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-weight:600}
.input-static i{color:var(--ok)}
.input-static small{flex-basis:100%;color:var(--ink-3);font-weight:500;font-size:12px}
.stack-form .field-select{flex:none;height:42px;font-weight:600}
.stack-form .field-select i{display:inline}
.toggles{display:flex;flex-direction:column;gap:12px}
.switch{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;color:var(--ink-2)}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch-ui{position:relative;flex:none;width:40px;height:24px;border-radius:999px;background:var(--line-2);transition:background .2s;margin-top:1px}
.switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(30,26,22,.3);transition:transform .2s}
.switch input:checked+.switch-ui{background:var(--accent)}
.switch input:checked+.switch-ui::after{transform:translateX(16px)}
.switch input:focus-visible+.switch-ui{outline:2px solid var(--accent);outline-offset:2px}
.switch>span:last-child{display:flex;flex-direction:column;gap:2px}
.switch b{color:var(--ink);font-weight:700}
.switch small{color:var(--ink-3)}
.device-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.device-stats li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.device-stats li i{color:var(--accent);font-size:16px}
.device-stats li b{margin-left:auto;color:var(--ink);font-size:15px}
.device-stats li b[hidden]{display:inline!important}
.account-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.account-card .avatar.lg{width:72px;height:72px;border-radius:50%;font-size:28px;margin-bottom:6px}
.account-card b{font-size:16px}
.account-card form{width:100%;margin-top:12px}
.member-since{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3);margin-top:4px}
.pitch-card{display:flex;flex-direction:column;gap:10px}
.pitch-card h2{font-size:16px}
.benefits{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--ink-2)}
.benefits li{display:flex;gap:8px;align-items:flex-start}
.benefits i{color:var(--ok);margin-top:1px}
.dlg-text{margin:0 0 4px;color:var(--ink-2)}
.dlg-confirm .dlg-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 22px 18px}
.dlg-confirm p{margin:0;font-weight:600;font-size:15px}
.dlg-confirm .dlg-actions{width:100%;justify-content:center;margin-top:8px}
.confirm-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--danger-soft);color:var(--danger);font-size:22px}

/* stranica oglasa */
.crumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:12.5px;color:var(--ink-3)}
.crumbs li+li::before{content:"\203A";margin-right:4px;color:var(--line-2)}
.crumbs a{color:var(--ink-3);text-decoration:none}
.crumbs a:hover{color:var(--accent-2)}
.crumbs a[aria-current]{color:var(--ink);font-weight:700}
.prop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.prop-head-main{min-width:0;flex:1 1 480px;display:flex;flex-direction:column;gap:10px}
.prop-head-main h1{font-size:27px;font-weight:800;letter-spacing:-.015em;line-height:1.2}
.prop-head-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.prop-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.prop-price b{font-size:30px;font-weight:800;color:var(--accent-2);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.prop-price span{color:var(--ink-3);font-size:13px;margin-top:4px}
.prop-price .prop-action{order:-1;margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.prop-actions{display:flex;gap:8px}
.prop-actions [data-save-property].is-saved{border-color:var(--accent-soft-2);background:var(--accent-soft);color:var(--accent-2)}
.prop-gallery{display:grid;gap:8px;height:clamp(300px,52vh,520px);margin-bottom:22px;border-radius:20px;overflow:hidden}
.prop-gallery.count-1{grid-template-columns:1fr}
.prop-gallery.count-2{grid-template-columns:2fr 1fr}
.prop-gallery.count-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.prop-gallery.count-3 .pg-main{grid-row:1/3}
.pg-item{position:relative;padding:0;border:0;background:var(--surface-2);overflow:hidden;cursor:zoom-in;min-height:0}
.pg-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,filter .3s}
.pg-item:hover img{transform:scale(1.03);filter:brightness(.95)}
.pg-more{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(30,26,22,.78);backdrop-filter:blur(6px);color:#fff;font-weight:700;font-size:13px;padding:7px 12px;border-radius:10px}
.prop-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.prop-main{min-width:0;display:flex;flex-direction:column;gap:26px;container-type:inline-size}
.facts-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.kf{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.kf>i{font-size:20px;color:var(--accent)}
.kf span{display:flex;flex-direction:column;min-width:0}
.kf b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kf small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.prop-section h2{font-size:19px;font-weight:800;margin-bottom:12px}
.prop-section .quick-desc{font-size:14.5px;color:var(--ink-2);line-height:1.7}
.feature-chips{display:flex;flex-wrap:wrap;gap:8px}
.feature-chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:13px}
.feature-chips i{color:var(--ok);font-size:15px}
.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 18px}
.details-grid div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.details-grid div:nth-last-child(-n+2){border-bottom:0}
.details-grid dt{color:var(--ink-3);font-size:13px}
.details-grid dd{margin:0;font-weight:700;text-align:right}
.video-link{margin-top:12px}
.loc-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.loc-map{min-height:320px;background:var(--sea)}
.loc-info{padding:18px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.loc-info h3{font-size:16px;font-weight:800}
.loc-info p{margin:0;color:var(--ink-2);font-size:13.5px}
.prop-pin-wrap,.prop-approx-wrap{background:transparent;border:0}
.prop-pin{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--accent);box-shadow:0 6px 16px rgba(214,98,14,.45);border:3px solid #fff;font-style:normal}
.prop-pin i{transform:rotate(45deg);color:#fff;font-size:14px}
.prop-approx-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--accent-2);font-weight:700;font-size:12px;box-shadow:var(--shadow-sm)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-head h2{margin:0}
.more-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--accent-2);text-decoration:none;white-space:nowrap}
.more-link i{transition:transform .2s}
.more-link:hover i{transform:translateX(3px)}
/* 3 u redu, a u uskom stupcu (mobitel, tablet, uski desktop s navigacijom) 2 — GetPropertyDetail.SimilarCount = 6 uvijek puni redove */
.tile-grid.similar{grid-template-columns:repeat(3,minmax(0,1fr))}
@container (max-width:599px){.tile-grid.similar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.prop-side{position:sticky;top:20px}
.side-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:14px}
.agency-row{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.agency-row span{display:flex;flex-direction:column;gap:2px;min-width:0}
.agency-row b{font-size:15.5px;font-weight:800}
.agency-row small{display:flex;align-items:center;gap:5px;color:var(--ok);font-weight:600;font-size:12.5px}
.agency-row .avatar.lg img{object-fit:contain;padding:4px;background:#fff}
.agency-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.agency-buttons .fbtn{padding:0 10px;font-size:13px}
.agent-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:13px}
.agent-row span{display:flex;flex-direction:column;min-width:0}
.agent-row small{color:var(--ink-3)}
.agent-row a{color:var(--accent-2);text-decoration:none}
.inquiry-inline{gap:10px!important;padding-top:14px;border-top:1px solid var(--line)}
.side-title{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:2px}
.side-title i{color:var(--accent)}
.inquiry-inline .form-msg{margin:0}
.side-ref{margin:2px 0 0;text-align:center;font-size:12px;color:var(--ink-3)}
.side-ref b{color:var(--ink)}
.dlg-gallery{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;background:#14110E}
.dlg-gallery[open]{display:flex;align-items:center;justify-content:center;animation:dlgFade .2s ease-out}
.dlg-gallery::backdrop{background:#14110E}
.dlg-gallery .qg{width:100%;height:100%;border-radius:0;background:transparent}
.dlg-gallery .qg-track{aspect-ratio:auto;height:100%;max-height:none}
.dlg-gallery .qg-bg{filter:blur(40px) brightness(.35)}
.dlg-gallery .qg-nav{opacity:1;width:52px;height:52px;margin-top:-26px;font-size:20px}
.dlg-gallery .qg-nav.prev{left:22px}
.dlg-gallery .qg-nav.next{right:22px}
.dlg-gallery .qg-count{left:50%;transform:translateX(-50%);bottom:22px;font-size:13px}
.dlg-gallery>.dlg-x{position:absolute;top:16px;right:16px;z-index:5;background:rgba(255,255,255,.14);color:#fff}
.dlg-gallery>.dlg-x:hover{background:rgba(255,255,255,.26)}
.prop-cta{display:none}
.empty-big.gone{margin-top:24px}
.gone-title{font-weight:700;color:var(--ink)!important}
.gone-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* stranica agencije */
.agency-hero{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:22px}
.agency-hero-band{height:96px;background:radial-gradient(circle at 15% 120%,rgba(242,116,26,.35),transparent 55%),radial-gradient(circle at 85% -20%,rgba(242,116,26,.22),transparent 50%),linear-gradient(120deg,#FBE3CF,#FEF0E4 45%,#F6F3EE)}
.agency-hero-body{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:0 24px 20px;margin-top:-44px}
.agency-logo.xl{width:104px;height:104px;border-radius:22px;border:4px solid var(--surface);box-shadow:var(--shadow-sm)}
.agency-logo.xl b{font-size:40px}
.agency-hero-text{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px;padding-top:50px}
.agency-hero-text h1{font-size:26px;font-weight:800;letter-spacing:-.01em}
.agency-hero-text p{margin:0;display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--ink-2);font-size:13.5px}
.agency-hero-text p span{display:inline-flex;align-items:center;gap:6px}
.agency-hero-text p i{color:var(--ink-3)}
.agency-hero-text .verified i{color:var(--ok)}
.agency-hero-actions{display:flex;gap:8px}
[data-save-agency] .when-on{display:none}
[data-save-agency].is-saved{background:var(--accent-soft);border-color:var(--accent-soft-2);color:var(--accent-2)}
[data-save-agency].is-saved .when-on{display:inline}
[data-save-agency].is-saved .when-off{display:none}
[data-save-agency].is-saved i{color:var(--accent)}
.agency-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.agency-main{min-width:0}
.agency-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.pill-tabs{display:flex;gap:6px;flex-wrap:wrap}
.pill-tab{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font-weight:700;font-size:13px;color:var(--ink-2);transition:all .15s}
.pill-tab b{font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--ink-3);font-variant-numeric:tabular-nums}
.pill-tab:hover{border-color:var(--accent-soft-2);color:var(--ink)}
.pill-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}
.pill-tab.active b{background:rgba(255,255,255,.18);color:#fff}
.seg-mini{display:inline-flex;padding:3px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.seg-mini button{height:30px;padding:0 12px;border:0;border-radius:9px;background:none;font-weight:700;font-size:12.5px;color:var(--ink-3)}
.seg-mini button b{font-weight:800;color:inherit;opacity:.7}
.seg-mini button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}
.agency-place{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-soft-2);color:var(--accent-2);font-weight:700;font-size:13px}
.agency-place .x{width:22px;height:22px;border-radius:50%;border:0;background:none;color:var(--accent-2);font-size:16px;line-height:1;display:grid;place-items:center}
.agency-place .x:hover{background:rgba(214,98,14,.12)}
.agency-feed{max-width:none}
.agency-feed .feed-meta .sub{display:none}
.agency-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.agency-side .panel{padding:18px}
.agency-side .panel h2{margin-bottom:12px}
.contact-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13.5px}
.contact-list li{display:flex;align-items:flex-start;gap:10px;min-width:0}
.contact-list i{color:var(--accent);margin-top:2px}
.contact-list a{color:var(--ink);text-decoration:none;font-weight:600;word-break:break-word}
.contact-list a:hover{color:var(--accent-2)}
.agency-map-card .panel-head{margin-bottom:10px}
.agency-map{height:300px;border-radius:12px;overflow:hidden;background:var(--sea);border:1px solid var(--line)}
.agent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.agent-list li{display:flex;gap:12px;align-items:flex-start}
.agent-info{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12.5px}
.agent-info b{font-size:14px}
.agent-info a{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);text-decoration:none;word-break:break-all}
.agent-info a:hover{color:var(--accent-2)}

@media (max-width:1180px){
  .prop-layout,.agency-layout{grid-template-columns:minmax(0,1fr) 320px}
  .settings{grid-template-columns:minmax(0,1fr) 280px}
}
@media (max-width:1023px){
  .prop-layout,.agency-layout,.settings{grid-template-columns:1fr}
  .prop-side,.agency-side,.settings-side{position:static}
  .loc-card{grid-template-columns:1fr}
}
@media (max-width:899px){
  .page{padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px))}
  .page-head{gap:12px}
  .page-icon{width:42px;height:42px;font-size:18px}
  .page-title h1{font-size:20px}
  .page-actions{width:100%}
  .page-actions .field-select{flex:1}
  .tile-grid{grid-template-columns:1fr 1fr;gap:12px}
  .tile-media{aspect-ratio:4/3}
  .tile-price{font-size:13.5px;padding:4px 8px;left:8px;bottom:8px}
  .tile-body{padding:10px 10px 8px}
  .tile-title{font-size:13.5px}
  .tile-foot{padding:8px 10px}
  .tile-agency span,.tile-foot .open-inquiry span{display:none}
  .tile-media .post-badges{top:8px;left:8px}
  .tile-media .post-badges .post-badge.accent,.tile-media .post-count{display:none}
  .inq-card{flex-direction:column}
  .inq-thumb{width:100%;aspect-ratio:16/9}
  .form-grid{grid-template-columns:1fr}
  .device-stats{grid-template-columns:1fr}
  .prop-head-main h1{font-size:21px}
  .prop-head-side{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
  .prop-price{align-items:flex-start}
  .prop-price b{font-size:24px}
  .prop-actions .fbtn span{display:none}
  .prop-actions .fbtn{padding:0 13px}
  .prop-gallery{height:auto;grid-template-columns:1fr!important;grid-template-rows:none!important;margin:0 -16px 18px;border-radius:0}
  .prop-gallery .pg-item:not(.pg-main){display:none}
  .prop-gallery .pg-main{aspect-ratio:4/3;grid-row:auto!important}
  .facts-strip{grid-template-columns:1fr 1fr}
  .details-grid{grid-template-columns:1fr}
  .details-grid div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .loc-map{min-height:260px}
  .agency-hero-body{padding:0 16px 16px;gap:12px}
  .agency-logo.xl{width:84px;height:84px}
  .agency-hero-text{padding-top:0;min-width:0;flex-basis:100%}
  .agency-hero-text h1{font-size:21px}
  .agency-hero-actions{width:100%}
  .agency-hero-actions .fbtn{flex:1}
  .agency-filter{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin:0 -16px 6px;padding:0 16px 4px}
  .pill-tabs{flex-wrap:nowrap}
  .pill-tab,.seg-mini{flex:none}
  .dlg-gallery .qg-nav{display:none}
  .prop-cta{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(30,26,22,.08)}
  .prop-cta span{display:flex;flex-direction:column;line-height:1.15}
  .prop-cta b{font-size:18px;font-weight:800;color:var(--accent-2);font-variant-numeric:tabular-nums}
  .prop-cta small{font-size:11.5px;color:var(--ink-3)}
  .prop{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
  #pageInquiryName{scroll-margin-top:90px}
}
@media (max-width:420px){
  .tile-grid{grid-template-columns:1fr}
}

/* ispis stranice oglasa */
@media print{
  .side,.mobile-top,.bottom-bar,.filter-wrap,.prop-actions,.crumbs,.inquiry-inline,.agency-buttons,.tile-fav,.tile-foot,.skip-link,.toast,.merge-bar{display:none!important}
  body{background:#fff}
  .shell{display:block}
  .page{padding:0;max-width:none}
  .prop-layout{grid-template-columns:1fr}
  .prop-side{position:static}
  .side-card{box-shadow:none}
  .prop-gallery{height:260px}
  .tile,.kf,.details-grid,.loc-card{box-shadow:none;break-inside:avoid}
  [data-clamp].clamped .quick-desc{-webkit-line-clamp:unset;display:block}
  .quick-more{display:none!important}
}