@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a1522;--border:#304357;--gold:#ebc184;--muted:#a4b4c5;--white:#f5f6f5}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--white);font-family:'DM Sans',system-ui,sans-serif;background:radial-gradient(ellipse at 52% -30%,#28354b,#0a1421 55%);min-height:100dvh}a{color:inherit;text-decoration:none}button,select{font:inherit}[hidden]{display:none!important}a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.compare-page{min-height:100dvh;display:flex;flex-direction:column}.compare-topbar{background:#0b1521e8;border-bottom:1px solid #2d3e50;padding:0 clamp(18px,3.5vw,62px);height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px}.compare-brand{display:flex;align-items:center;gap:10px;color:var(--gold)}.compare-brand svg{height:37px;width:34px;flex:none}.compare-brand>span{display:flex;flex-direction:column;gap:3px}.compare-brand strong{color:white;font:800 19px Manrope,sans-serif;letter-spacing:-.5px}.compare-brand small{font-size:7px;letter-spacing:1.6px;font-weight:800}.back-link{white-space:nowrap;border:1px solid #47596d;background:#18283a;border-radius:9px;padding:11px 16px;color:#d5e1eb;font-size:12px;font-weight:800;transition:.18s}.back-link:hover{color:var(--gold);border-color:var(--gold)}
.compare-titlebar{max-width:1800px;width:100%;margin:auto auto 0;padding:30px clamp(18px,3.5vw,62px) 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;font-weight:800;color:var(--gold)}.line{display:inline-block;width:25px;height:1px;background:var(--gold)}.demo-tag{border:1px solid #846c4d;border-radius:4px;padding:5px 6px;letter-spacing:.7px;font-size:8px}.compare-titles h1{font:800 clamp(28px,3.1vw,46px)/1.14 Manrope,sans-serif;letter-spacing:-1.7px;margin:13px 0 8px}.compare-titles h1 em{color:var(--gold);font-style:normal}.compare-titles p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}.compare-stat{flex:none;text-align:right;color:#bfd0df;background:#182738;border:1px solid #354a61;border-radius:10px;padding:11px 14px;font-size:11px;line-height:1.6}.compare-stat strong{color:var(--gold);font-weight:800}
.compare-grid{width:100%;max-width:1800px;margin:0 auto;padding:0 clamp(18px,3.5vw,62px) 42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch;flex:1}.compare-card{min-width:0;border:1px solid #3a4b60;background:linear-gradient(145deg,#1b2b3b,#101d2c 70%);border-radius:15px;overflow:hidden;box-shadow:0 17px 45px #0004}.compare-card:nth-child(2){background:linear-gradient(145deg,#1a2937,#111b2a 73%)}.card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #354458;background:#142234;padding:15px clamp(16px,2vw,27px)}.card-label{display:flex;align-items:center;gap:9px;color:var(--gold);font:800 10px Manrope,sans-serif;letter-spacing:1.6px;white-space:nowrap}.pin-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #dfb77e17}.selector{display:flex;align-items:center;gap:10px}.selector>span{font-size:9px;font-weight:800;letter-spacing:1px;color:#8499ad;white-space:nowrap}.selector select{appearance:auto;background:#243448;border:1px solid #6a7987;color:#f9fafb;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800;min-width:129px;max-width:100%;cursor:pointer}.selector select:hover{border-color:var(--gold)}.card-body{padding:clamp(18px,2.2vw,32px)}.card-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.unit-code{font-size:9px;letter-spacing:1.6px;color:#839bb0;font-weight:800}.card-name-row h2{margin:9px 0 0;font:800 clamp(30px,3.6vw,48px)/1.15 Manrope,sans-serif;letter-spacing:-1.5px}.card-name-row h2 span{color:var(--gold)}.status-tag{font-size:10px;font-weight:800;border:1px solid #43856c;background:#1a3b31;border-radius:100px;color:#8decbd;padding:8px 12px;white-space:nowrap;margin-top:3px}.status-tag.reserved{background:#413621;border-color:#947547;color:#fad18b}.status-tag.sold{background:#412730;border-color:#9b5263;color:#ffabb3}.area-block{margin-top:22px;padding:19px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.area-block>span,.card-facts>div>span{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#8ea4b8}.area-block>div{display:flex;align-items:baseline;gap:9px;margin-top:1px}.area-block strong{font:800 clamp(45px,5vw,68px)/1.15 Manrope,sans-serif;letter-spacing:-2.5px}.area-block div span{font:800 23px Manrope,sans-serif;color:var(--gold)}.card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;padding:22px 0}.card-facts>div{display:flex;flex-direction:column;gap:6px}.card-facts strong{font:800 13px Manrope,sans-serif;line-height:1.45}.media-preview{height:clamp(150px,17vw,240px);border:1px solid #495a70;border-radius:11px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 20%,#344455,#162537 75%);display:grid;place-items:center}.media-preview>img{height:100%;width:100%;object-fit:cover;filter:saturate(.9)}.media-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:#b7c6d4;padding:10px}.plan-glyph{height:52px;width:52px;display:grid;place-items:center;border:1px solid #aa8960;border-radius:11px;color:#ddbf91;font-size:31px}.media-placeholder strong{font:800 13px Manrope,sans-serif;color:#e4d8c9}.media-placeholder>span:last-child{font-size:10px}.media-caption{position:absolute;bottom:11px;left:11px;padding:7px 9px;background:#0b1421d8;border:1px solid #d6b47e7a;border-radius:6px;color:var(--gold);font-size:8px;letter-spacing:1px;font-weight:800}.plan-notice{border-bottom:1px solid #37495e;padding:17px 2px}.plan-notice>span{color:var(--gold);font-size:9px;letter-spacing:1.4px;font-weight:800}.plan-notice p{margin:6px 0 0;color:#9eafbe;font-size:11px;line-height:1.65}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.card-actions>a{border-radius:9px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;padding:11px 12px;font-size:11px;font-weight:800;transition:.2s}.details-action{background:linear-gradient(115deg,#f1d095,#d6a96c);color:#172235}.details-action:hover{filter:brightness(1.09)}.details-action>span{font-size:17px}.tour-action{border:1px solid #8d7655;background:#29333e;color:#f6d49d}.tour-action:hover{border-color:#f5c783}.card-actions:not(:has(.tour-action:not([hidden]))){grid-template-columns:1fr}.compare-footer{background:#0a1420;border-top:1px solid #26374a;padding:19px clamp(18px,3.5vw,62px);display:flex;justify-content:space-between;gap:18px;color:#7c91a4;font-size:10px;line-height:1.65}
@media(max-width:1100px){.selector>span{display:none}.compare-titlebar{padding-top:22px}.card-body{padding:20px}.card-toolbar{padding:14px 18px}.compare-stat{max-width:220px}}
@media(max-width:720px){.compare-titlebar{align-items:flex-start;flex-direction:column;gap:13px}.compare-stat{max-width:100%;text-align:left}.compare-grid{grid-template-columns:1fr;gap:15px}.card-body{padding:19px}.media-preview{height:220px}.compare-titles h1{font-size:34px}.card-name-row h2{font-size:38px}.compare-footer{flex-direction:column;gap:4px}}
@media(max-width:420px){.compare-topbar{height:69px;padding-inline:15px}.compare-brand strong{font-size:15px}.compare-brand small{font-size:6px;letter-spacing:1px}.compare-brand svg{width:27px;height:32px}.back-link{font-size:10px;padding:9px 10px}.compare-titlebar,.compare-grid{padding-left:15px;padding-right:15px}.eyebrow{font-size:8px;letter-spacing:1.1px}.compare-titles h1{font-size:30px}.card-toolbar{gap:9px}.selector select{min-width:114px;padding:9px 7px}.media-preview{height:190px}.card-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

/* V8.5 — pravi konceptualni tlocrti i PDF brošure */
.media-preview:has(img:not([hidden])){background:#f4f0e8}
.media-preview img:not([hidden]){display:block;object-fit:contain;filter:none;background:#f4f0e8}
.media-preview .media-caption{max-width:54%;line-height:1.4}
.open-plan{position:absolute;right:10px;bottom:10px;padding:9px 10px;border-radius:7px;background:#122334ed;color:#f1d099;border:1px solid #e5c18d;font-size:10px;font-weight:800;z-index:2}
.open-plan:hover{background:#283b4f}
.card-actions .pdf-action{grid-column:1 / -1;background:#20364b;border:1px solid #6387a2;color:#dce9f3}
.card-actions .pdf-action:hover{border-color:#e7c487;color:#f3d39c}
@media(max-width:420px){.media-preview .media-caption{max-width:60%;font-size:7px}.open-plan{font-size:9px}}