{"id":6460,"date":"2026-02-15T12:55:56","date_gmt":"2026-02-15T09:55:56","guid":{"rendered":"https:\/\/www.obadifferentbyluxury.ro\/?page_id=6460"},"modified":"2026-03-20T01:18:37","modified_gmt":"2026-03-19T22:18:37","slug":"apartamente-disponibile","status":"publish","type":"page","link":"https:\/\/www.obadifferentbyluxury.ro\/en\/apartamente-disponibile\/","title":{"rendered":"Apartamente disponibile"},"content":{"rendered":"\n<div id=\"oba2025\">\n<style>\n\/* \u2550\u2550\u2550 RESET IZOLAT \u2550\u2550\u2550 *\/\n#oba2025, #oba2025 * {\n  box-sizing: border-box !important;\n  -webkit-tap-highlight-color: transparent;\n}\n#oba2025 h1,#oba2025 h2,#oba2025 h3,#oba2025 p,#oba2025 button,#oba2025 select,#oba2025 a {\n  margin: 0; padding: 0; font-weight: inherit; line-height: inherit;\n}\n\n\/* \u2550\u2550\u2550 VARIABILE \u2550\u2550\u2550 *\/\n#oba2025 {\n  --o-gold: #C4973A;\n  --o-gold2: #9f8438;\n  --o-ink: #0b0e14;\n  --o-muted: #6b7280;\n  --o-line: #e5e7eb;\n  --o-bg: #F5F4F1;\n  --o-paper: #ffffff;\n  --o-r: 16px;\n  --o-rs: 10px;\n  font-family: 'DM Sans', system-ui, sans-serif !important;\n  color: var(--o-ink) !important;\n  background: var(--o-bg) !important;\n  display: block !important;\n  width: 100% !important;\n  max-width: 100% !important;\n}\n\n\/* \u2550\u2550\u2550 HEADER \u2550\u2550\u2550 *\/\n#oba2025 .o-hdr {\n  background: var(--o-paper);\n  border-bottom: 1px solid var(--o-line);\n  padding: 22px 18px 20px;\n}\n#oba2025 .o-hdr h1 {\n  font-family: 'Cormorant Garamond', Georgia, serif !important;\n  font-size: clamp(22px, 5vw, 34px) !important;\n  font-weight: 700 !important;\n  line-height: 1.15 !important;\n  letter-spacing: -.3px !important;\n  margin-bottom: 8px !important;\n  color: var(--o-ink) !important;\n  display: block !important;\n}\n#oba2025 .o-hdr p {\n  font-size: 13px !important;\n  color: var(--o-muted) !important;\n  line-height: 1.6 !important;\n  font-weight: 500 !important;\n  display: block !important;\n}\n\n\/* \u2550\u2550\u2550 MOBILE TOPBAR \u2550\u2550\u2550 *\/\n#oba2025 .o-mbar {\n  background: var(--o-paper);\n  border-bottom: 1px solid var(--o-line);\n  padding: 10px 16px;\n  display: flex !important;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n#oba2025 .o-mbar-count {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--o-muted);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n#oba2025 .o-mbar-count strong { color: var(--o-gold2); }\n#oba2025 .o-msort {\n  display: flex !important;\n  gap: 6px;\n  overflow-x: auto;\n  scrollbar-width: none;\n  flex: 1;\n  justify-content: flex-end;\n}\n#oba2025 .o-msort::-webkit-scrollbar { display: none; }\n#oba2025 .o-msort-btn {\n  white-space: nowrap;\n  border: 1.5px solid var(--o-line) !important;\n  background: transparent !important;\n  color: var(--o-muted) !important;\n  font: 700 11px 'DM Sans', sans-serif !important;\n  padding: 6px 12px !important;\n  border-radius: 999px !important;\n  cursor: pointer;\n  flex-shrink: 0;\n  line-height: 1 !important;\n}\n#oba2025 .o-msort-btn.o-active {\n  background: var(--o-ink) !important;\n  border-color: var(--o-ink) !important;\n  color: #fff !important;\n}\n\n\/* \u2550\u2550\u2550 CHIPS \u2550\u2550\u2550 *\/\n#oba2025 .o-chips {\n  display: flex !important;\n  gap: 6px;\n  overflow-x: auto;\n  padding: 10px 16px;\n  scrollbar-width: none;\n  flex-wrap: nowrap;\n}\n#oba2025 .o-chips:empty { display: none !important; }\n#oba2025 .o-chips::-webkit-scrollbar { display: none; }\n#oba2025 .o-chip {\n  display: inline-flex !important;\n  align-items: center;\n  gap: 5px;\n  background: rgba(196,151,58,.12);\n  border: 1px solid rgba(196,151,58,.35);\n  color: var(--o-gold2);\n  font: 700 11px 'DM Sans', sans-serif !important;\n  padding: 5px 10px;\n  border-radius: 999px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n#oba2025 .o-chip-x {\n  background: none !important;\n  border: none !important;\n  cursor: pointer;\n  color: var(--o-gold2);\n  font-size: 14px;\n  line-height: 1;\n  padding: 0 !important;\n}\n\n\/* \u2550\u2550\u2550 MOBILE GRID \u2550\u2550\u2550 *\/\n#oba2025 .o-mgrid {\n  padding: 14px 14px 120px;\n  display: flex !important;\n  flex-direction: column;\n  gap: 12px;\n}\n\n\/* \u2550\u2550\u2550 CARD \u2550\u2550\u2550 *\/\n#oba2025 .o-card {\n  background: var(--o-paper);\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 1px 4px rgba(11,14,20,.06), 0 4px 16px rgba(11,14,20,.07);\n  border: 1px solid rgba(0,0,0,.07);\n  display: flex !important;\n  flex-direction: column;\n  position: relative;\n}\n\n#oba2025 .o-card-img {\n  position: relative;\n  height: 0;\n  padding-bottom: 56.25%;\n  overflow: hidden;\n  background: #eee;\n  display: block !important;\n}\n#oba2025 .o-card-img img {\n  position: absolute;\n  inset: 0;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n  transition: transform .4s ease;\n}\n#oba2025 .o-card:hover .o-card-img img { transform: scale(1.04); }\n\n#oba2025 .o-badge-rooms {\n  position: absolute; left: 10px; top: 10px;\n  background: rgba(11,14,20,.78);\n  color: #fff;\n  font: 700 10px 'DM Sans', sans-serif !important;\n  letter-spacing: .07em; text-transform: uppercase;\n  padding: 4px 9px; border-radius: 999px;\n  backdrop-filter: blur(6px);\n  border: 1px solid rgba(255,255,255,.12);\n  line-height: 1.4;\n}\n#oba2025 .o-badge-proj {\n  position: absolute; right: 10px; top: 10px;\n  background: linear-gradient(135deg, var(--o-gold), var(--o-gold2));\n  color: #fff;\n  font: 700 9px 'DM Sans', sans-serif !important;\n  letter-spacing: .05em; text-transform: uppercase;\n  padding: 4px 9px; border-radius: 999px;\n  max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n  line-height: 1.4;\n}\n\n#oba2025 .o-card-body {\n  padding: 16px 16px 18px;\n  display: flex !important;\n  flex-direction: column;\n  gap: 11px;\n  flex: 1;\n}\n\n#oba2025 .o-card-title {\n  font-size: 15px !important;\n  font-weight: 700 !important;\n  line-height: 1.35 !important;\n  color: var(--o-ink) !important;\n  letter-spacing: -.1px;\n}\n\n#oba2025 .o-card-meta {\n  display: flex !important;\n  align-items: center;\n  gap: 0;\n  background: #F7F6F3;\n  border-radius: 10px;\n  overflow: hidden;\n}\n#oba2025 .o-meta-item {\n  display: flex !important;\n  align-items: center;\n  gap: 5px;\n  font-size: 12.5px !important;\n  font-weight: 600 !important;\n  color: var(--o-muted) !important;\n  padding: 9px 13px;\n  flex: 1;\n}\n#oba2025 .o-meta-item + .o-meta-item {\n  border-left: 1px solid var(--o-line);\n}\n#oba2025 .o-meta-item svg { width: 13px; height: 13px; flex-shrink: 0; }\n\n#oba2025 .o-price-box {\n  display: flex !important;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 12px;\n  padding: 11px 14px;\n  background: #FAFAF8;\n  border: 1.5px solid rgba(196,151,58,.2);\n}\n#oba2025 .o-price-val {\n  font-family: 'Cormorant Garamond', Georgia, serif !important;\n  font-size: 24px !important;\n  font-weight: 700 !important;\n  color: var(--o-gold2) !important;\n  line-height: 1 !important;\n  letter-spacing: -.3px;\n}\n#oba2025 .o-price-lbl {\n  font-size: 10px !important;\n  font-weight: 600 !important;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n  color: var(--o-muted) !important;\n  margin-top: 3px !important;\n}\n#oba2025 .o-price-novat {\n  font-size: 10px !important;\n  font-weight: 600 !important;\n  color: var(--o-muted) !important;\n  text-transform: uppercase;\n  letter-spacing: .06em;\n  background: rgba(196,151,58,.08);\n  border: 1px solid rgba(196,151,58,.18);\n  padding: 3px 8px;\n  border-radius: 5px;\n}\n\n#oba2025 .o-cta {\n  display: grid !important;\n  grid-template-columns: 1fr 52px;\n  gap: 8px;\n  margin-top: 2px;\n}\n#oba2025 .o-btn-details {\n  height: 48px;\n  border-radius: 12px;\n  background: var(--o-ink) !important;\n  color: #fff !important;\n  font: 700 13px 'DM Sans', sans-serif !important;\n  border: none !important;\n  cursor: pointer;\n  text-decoration: none !important;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  letter-spacing: .02em;\n  transition: background .2s;\n}\n#oba2025 .o-btn-details:active { background: #2a2a2a !important; }\n#oba2025 .o-btn-call {\n  width: 52px; height: 48px;\n  border-radius: 12px;\n  background: linear-gradient(135deg, var(--o-gold), var(--o-gold2)) !important;\n  border: none !important;\n  cursor: pointer;\n  text-decoration: none !important;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n#oba2025 .o-btn-call svg { width: 19px; height: 19px; fill: #fff; }\n\n\/* \u2550\u2550\u2550 EMPTY + MORE \u2550\u2550\u2550 *\/\n#oba2025 .o-empty {\n  display: none;\n  text-align: center;\n  padding: 60px 24px;\n  background: var(--o-paper);\n  border-radius: var(--o-r);\n  border: 1px solid var(--o-line);\n  margin: 0 14px;\n}\n#oba2025 .o-empty h3 { font-size: 18px !important; font-weight: 900 !important; margin-bottom: 8px !important; }\n#oba2025 .o-empty p { font-size: 14px !important; color: var(--o-muted) !important; }\n#oba2025 .o-more {\n  display: none;\n  text-align: center;\n  padding: 0 14px 20px;\n}\n#oba2025 .o-more-btn {\n  display: inline-flex !important;\n  align-items: center;\n  gap: 10px;\n  padding: 15px 30px !important;\n  border: none !important;\n  cursor: pointer;\n  border-radius: var(--o-rs) !important;\n  background: var(--o-ink) !important;\n  color: #fff !important;\n  font: 700 14px 'DM Sans', sans-serif !important;\n  width: 100%;\n  justify-content: center;\n}\n#oba2025 .o-more-btn svg { width: 18px; height: 18px; stroke: #fff; stroke-width: 2.5; fill: none; }\n\n\/* \u2550\u2550\u2550 FAB \u2550\u2550\u2550 *\/\n#oba2025 .o-fab {\n  position: fixed !important;\n  bottom: 20px !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  z-index: 99999 !important;\n  background: var(--o-ink) !important;\n  color: #fff !important;\n  border: none !important;\n  cursor: pointer;\n  font: 700 14px 'DM Sans', sans-serif !important;\n  padding: 14px 28px !important;\n  border-radius: 999px !important;\n  display: flex !important;\n  align-items: center;\n  gap: 10px;\n  box-shadow: 0 6px 24px rgba(11,14,20,.35) !important;\n  white-space: nowrap;\n  line-height: 1 !important;\n}\n#oba2025 .o-fab svg { width: 17px; height: 17px; stroke: #fff; stroke-width: 2.5; fill: none; }\n#oba2025 .o-fab-badge {\n  background: var(--o-gold);\n  color: #fff;\n  font: 700 11px 'DM Sans', sans-serif !important;\n  width: 20px; height: 20px;\n  border-radius: 50%;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* \u2550\u2550\u2550 OVERLAY \u2550\u2550\u2550 *\/\n#oba2025 .o-overlay {\n  display: none;\n  position: fixed !important;\n  inset: 0 !important;\n  background: rgba(11,14,20,.50);\n  z-index: 999990 !important;\n  backdrop-filter: blur(2px);\n}\n#oba2025 .o-overlay.o-open { display: block !important; }\n\n\/* \u2550\u2550\u2550 DRAWER \u2550\u2550\u2550 *\/\n#oba2025 .o-drawer {\n  position: fixed !important;\n  bottom: 0 !important; left: 0 !important; right: 0 !important;\n  z-index: 999999 !important;\n  background: var(--o-paper) !important;\n  border-radius: 22px 22px 0 0;\n  padding-bottom: env(safe-area-inset-bottom, 16px);\n  transform: translateY(100%);\n  transition: transform .32s cubic-bezier(.4,0,.2,1);\n  max-height: 88vh;\n  overflow-y: auto;\n  box-shadow: 0 -6px 32px rgba(11,14,20,.18);\n}\n#oba2025 .o-drawer.o-open { transform: translateY(0) !important; }\n#oba2025 .o-drw-handle {\n  width: 36px; height: 4px;\n  background: #D1D5DB;\n  border-radius: 999px;\n  margin: 14px auto 0;\n}\n#oba2025 .o-drw-head {\n  display: flex !important;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px 14px;\n  border-bottom: 1px solid var(--o-line);\n}\n#oba2025 .o-drw-title {\n  font: 700 16px 'DM Sans', sans-serif !important;\n  display: flex !important;\n  align-items: center;\n  gap: 8px;\n  color: var(--o-ink) !important;\n}\n#oba2025 .o-drw-title svg { width: 17px; height: 17px; stroke: var(--o-gold); stroke-width: 2.5; fill: none; }\n#oba2025 .o-drw-close {\n  width: 32px; height: 32px;\n  border-radius: 50%;\n  background: #F3F4F6 !important;\n  border: none !important;\n  cursor: pointer;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n}\n#oba2025 .o-drw-close svg { width: 16px; height: 16px; stroke: var(--o-ink); stroke-width: 2.5; fill: none; }\n#oba2025 .o-drw-body {\n  padding: 20px;\n  display: flex !important;\n  flex-direction: column;\n  gap: 20px;\n}\n#oba2025 .o-flbl {\n  font: 700 11px 'DM Sans', sans-serif !important;\n  text-transform: uppercase;\n  letter-spacing: .08em;\n  color: var(--o-muted) !important;\n  margin-bottom: 10px !important;\n  display: block !important;\n}\n#oba2025 .o-pills {\n  display: flex !important;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n#oba2025 .o-pill {\n  padding: 10px 18px !important;\n  border-radius: 999px !important;\n  border: 1.5px solid var(--o-line) !important;\n  background: transparent !important;\n  color: var(--o-muted) !important;\n  font: 600 13px 'DM Sans', sans-serif !important;\n  cursor: pointer;\n  white-space: nowrap;\n  line-height: 1 !important;\n  transition: all .15s;\n}\n#oba2025 .o-pill.o-active {\n  background: var(--o-ink) !important;\n  border-color: var(--o-ink) !important;\n  color: #fff !important;\n}\n#oba2025 .o-drw-sel {\n  width: 100% !important;\n  height: 50px !important;\n  padding: 0 40px 0 16px !important;\n  border: 1.5px solid var(--o-line) !important;\n  border-radius: 12px !important;\n  font: 600 14px 'DM Sans', sans-serif !important;\n  color: var(--o-ink) !important;\n  background: #fff url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%230b0e14' stroke-width='2' stroke-linecap='round'\/%3E%3C\/svg%3E\") no-repeat right 14px center !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  cursor: pointer;\n}\n#oba2025 .o-drw-foot {\n  padding: 14px 20px 20px;\n  border-top: 1px solid var(--o-line);\n  display: grid !important;\n  grid-template-columns: 1fr 2fr;\n  gap: 10px;\n}\n#oba2025 .o-drw-reset {\n  height: 50px !important;\n  border-radius: 12px !important;\n  background: transparent !important;\n  border: 1.5px solid var(--o-line) !important;\n  color: var(--o-ink) !important;\n  font: 600 14px 'DM Sans', sans-serif !important;\n  cursor: pointer;\n}\n#oba2025 .o-drw-apply {\n  height: 50px !important;\n  border-radius: 12px !important;\n  background: var(--o-ink) !important;\n  color: #fff !important;\n  font: 700 14px 'DM Sans', sans-serif !important;\n  border: none !important;\n  cursor: pointer;\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n#oba2025 .o-drw-apply svg { width: 16px; height: 16px; stroke: #fff; stroke-width: 2.5; fill: none; }\n\n\/* \u2550\u2550\u2550 DESKTOP (\u2265860px) \u2550\u2550\u2550 *\/\n#oba2025 .o-dwrap { display: none !important; }\n\n@media (min-width: 860px) {\n  #oba2025 .o-mbar,\n  #oba2025 .o-chips,\n  #oba2025 .o-fab,\n  #oba2025 .o-overlay,\n  #oba2025 .o-drawer,\n  #oba2025 .o-mgrid,\n  #oba2025 .o-more.o-mmore { display: none !important; }\n\n  #oba2025 .o-hdr { padding: clamp(28px,3.5vw,46px) clamp(20px,4vw,60px); }\n  #oba2025 .o-hdr h1 { font-size: clamp(28px,3.5vw,44px) !important; }\n\n  #oba2025 .o-dwrap {\n    display: grid !important;\n    grid-template-columns: 300px minmax(0,1fr);\n    gap: 28px;\n    align-items: start;\n    padding: 28px clamp(20px,4vw,60px) 60px;\n  }\n\n  #oba2025 .o-dsidebar {\n    position: sticky; top: 20px;\n    background: var(--o-paper);\n    border: 1px solid var(--o-line);\n    border-radius: 18px;\n    padding: 22px;\n    box-shadow: 0 2px 12px rgba(11,14,20,.08);\n  }\n  #oba2025 .o-dsb-head { margin-bottom: 18px; padding-bottom: 14px; border-bottom: 2px solid var(--o-line); }\n  #oba2025 .o-dsb-title {\n    font: 900 18px 'DM Sans', sans-serif !important;\n    display: flex !important; align-items: center; gap: 10px;\n    margin-bottom: 5px !important; color: var(--o-ink) !important;\n  }\n  #oba2025 .o-dsb-title svg { width: 18px; height: 18px; stroke: var(--o-gold); stroke-width: 2.5; fill: none; flex-shrink: 0; }\n  #oba2025 .o-dsb-sub { font-size: 13px !important; color: var(--o-muted) !important; font-weight: 500 !important; }\n  #oba2025 .o-dsb-grp { margin-bottom: 16px !important; }\n  #oba2025 .o-dsb-lbl {\n    font: 900 11px 'DM Sans', sans-serif !important;\n    text-transform: uppercase; letter-spacing: .8px;\n    color: var(--o-muted) !important; margin-bottom: 8px !important;\n    display: flex !important; align-items: center; gap: 7px;\n  }\n  #oba2025 .o-dsb-lbl svg { width: 14px; height: 14px; stroke: var(--o-gold); stroke-width: 2; fill: none; }\n  #oba2025 .o-dsb-sel {\n    width: 100% !important; height: 46px !important;\n    padding: 0 40px 0 14px !important;\n    border: 2px solid var(--o-line) !important;\n    border-radius: 12px !important;\n    font: 700 14px 'DM Sans', sans-serif !important;\n    color: var(--o-ink) !important;\n    background: #fff url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%230b0e14' stroke-width='2' stroke-linecap='round'\/%3E%3C\/svg%3E\") no-repeat right 14px center !important;\n    -webkit-appearance: none !important; appearance: none !important;\n    cursor: pointer;\n    transition: border-color .2s;\n  }\n  #oba2025 .o-dsb-sel:hover { border-color: var(--o-gold) !important; }\n  #oba2025 .o-dsb-sel:focus { outline: none !important; border-color: var(--o-gold) !important; }\n  #oba2025 .o-dpills { display: flex !important; flex-wrap: wrap; gap: 7px; }\n  #oba2025 .o-dpill {\n    padding: 8px 14px !important; border-radius: 999px !important;\n    border: 1.5px solid var(--o-line) !important;\n    background: transparent !important; color: var(--o-muted) !important;\n    font: 700 13px 'DM Sans', sans-serif !important;\n    cursor: pointer; white-space: nowrap; line-height: 1 !important;\n    transition: all .15s;\n  }\n  #oba2025 .o-dpill.o-active {\n    background: var(--o-ink) !important;\n    border-color: var(--o-ink) !important;\n    color: #fff !important;\n  }\n  #oba2025 .o-dsb-actions { display: grid !important; gap: 10px; margin-top: 16px !important; padding-top: 16px !important; border-top: 2px solid var(--o-line); }\n  #oba2025 .o-dsb-apply {\n    height: 46px !important; border-radius: 12px !important; border: none !important;\n    cursor: pointer;\n    background: var(--o-ink) !important;\n    color: #fff !important; font: 700 14px 'DM Sans', sans-serif !important;\n    display: flex !important; align-items: center; justify-content: center; gap: 8px;\n  }\n  #oba2025 .o-dsb-apply svg { width: 16px; height: 16px; stroke: #fff; stroke-width: 2.5; fill: none; }\n  #oba2025 .o-dsb-reset {\n    height: 46px !important; border-radius: 12px !important;\n    background: transparent !important; color: var(--o-ink) !important;\n    border: 2px solid var(--o-line) !important;\n    font: 700 14px 'DM Sans', sans-serif !important; cursor: pointer;\n    display: flex !important; align-items: center; justify-content: center; gap: 8px;\n  }\n  #oba2025 .o-dsb-reset svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none; }\n\n  #oba2025 .o-dmain { min-width: 0; }\n  #oba2025 .o-dtopbar {\n    display: flex !important; align-items: center;\n    justify-content: space-between; gap: 14px;\n    flex-wrap: wrap; margin-bottom: 18px !important;\n  }\n  #oba2025 .o-dcount {\n    font: 800 14px 'DM Sans', sans-serif !important;\n    color: var(--o-muted) !important; padding: 10px 16px;\n    background: var(--o-paper); border-radius: 12px;\n    border: 1px solid var(--o-line);\n  }\n  #oba2025 .o-dcount strong { color: var(--o-gold2) !important; font-weight: 900 !important; }\n  #oba2025 .o-dsort {\n    display: flex !important; gap: 6px; flex-wrap: wrap;\n    background: var(--o-paper); padding: 5px;\n    border-radius: 14px; border: 1px solid var(--o-line);\n  }\n  #oba2025 .o-dsort-btn {\n    border: none !important; background: transparent !important;\n    cursor: pointer; font: 700 13px 'DM Sans', sans-serif !important;\n    color: var(--o-muted) !important; padding: 9px 15px !important;\n    border-radius: 10px !important; white-space: nowrap; line-height: 1 !important;\n  }\n  #oba2025 .o-dsort-btn.o-active {\n    background: var(--o-ink) !important;\n    color: #fff !important;\n  }\n\n  #oba2025 .o-dgrid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n  }\n  #oba2025 .o-card-img {\n    height: 220px !important;\n    padding-bottom: 0 !important;\n  }\n  #oba2025 .o-card-img img {\n    position: static !important;\n    width: 100% !important;\n    height: 100% !important;\n  }\n  #oba2025 .o-more.o-dmore { padding: 0 !important; margin-top: 20px !important; }\n}\n\n@media (min-width: 1160px) {\n  #oba2025 .o-dwrap { grid-template-columns: 320px minmax(0,1fr); }\n  #oba2025 .o-dgrid { grid-template-columns: repeat(3, 1fr); }\n}\n<\/style>\n\n<!-- HEADER -->\n<div class=\"o-hdr\">\n  <h1>Apartamente disponibile direct de la dezvoltator \u00een Constan\u021ba \u0219i Mamaia Nord<\/h1>\n  <p>Vezi cele mai noi apartamente disponibile \u00een Constan\u021ba \u0219i Mamaia Nord, cu suprafe\u021be variate, compartiment\u0103ri moderne \u0219i proiecte premium potrivite at\u00e2t pentru locuire, c\u00e2t \u0219i pentru investi\u021bie.<\/p>\n<\/div>\n\n<!-- MOBILE TOPBAR -->\n<div class=\"o-mbar\">\n  <div class=\"o-mbar-count\" id=\"o2025mCount\">Se afi\u0219eaz\u0103 <strong>6<\/strong> din <strong>23<\/strong><\/div>\n  <div class=\"o-msort\" id=\"o2025mSort\">\n    <button class=\"o-msort-btn o-active\" data-sort=\"default\">Implicit<\/button>\n    <button class=\"o-msort-btn\" data-sort=\"price-asc\">Pre\u021b \u2191<\/button>\n    <button class=\"o-msort-btn\" data-sort=\"price-desc\">Pre\u021b \u2193<\/button>\n    <button class=\"o-msort-btn\" data-sort=\"surface\">mp \u2191<\/button>\n  <\/div>\n<\/div>\n<div class=\"o-chips\" id=\"o2025chips\"><\/div>\n\n<!-- MOBILE GRID -->\n<div class=\"o-mgrid\" id=\"o2025mGrid\"><\/div>\n<div class=\"o-more o-mmore\" id=\"o2025mMore\">\n  <button class=\"o-more-btn\" id=\"o2025mMoreBtn\">\n    Vezi toate apartamentele\n    <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n  <\/button>\n<\/div>\n<div class=\"o-empty\" id=\"o2025mEmpty\">\n  <h3>Niciun apartament g\u0103sit<\/h3>\n  <p>Modific\u0103 filtrele pentru a vedea mai multe op\u021biuni.<\/p>\n<\/div>\n\n<!-- FAB -->\n<button class=\"o-fab\" id=\"o2025fab\">\n  <svg viewBox=\"0 0 24 24\"><path d=\"M22 3H2l8 9.46V19l4 2v-8.54L22 3z\"\/><\/svg>\n  Filtreaz\u0103\n  <div class=\"o-fab-badge\" id=\"o2025fabBadge\" style=\"display:none\">0<\/div>\n<\/button>\n\n<!-- OVERLAY -->\n<div class=\"o-overlay\" id=\"o2025overlay\"><\/div>\n\n<!-- DRAWER -->\n<div class=\"o-drawer\" id=\"o2025drawer\">\n  <div class=\"o-drw-handle\"><\/div>\n  <div class=\"o-drw-head\">\n    <div class=\"o-drw-title\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M22 3H2l8 9.46V19l4 2v-8.54L22 3z\"\/><\/svg>\n      Filtreaz\u0103 apartamente\n    <\/div>\n    <button class=\"o-drw-close\" id=\"o2025drwClose\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n    <\/button>\n  <\/div>\n  <div class=\"o-drw-body\">\n    <div>\n      <label class=\"o-flbl\">Proiect<\/label>\n      <select class=\"o-drw-sel\" id=\"o2025mProj\">\n        <option value=\"all\">Toate proiectele<\/option>\n        <option value=\"urban\">O.B.A. Urban Residence<\/option>\n        <option value=\"lake\">O.B.A. Lake<\/option>\n        <option value=\"m14\">O.B.A. M14<\/option>\n        <option value=\"tower\">O.B.A. Tower<\/option>\n        <option value=\"luxury-plus\">O.B.A. Luxury Plus<\/option>\n      <\/select>\n    <\/div>\n    <div>\n      <label class=\"o-flbl\">Num\u0103r camere<\/label>\n      <div class=\"o-pills\" id=\"o2025mRooms\">\n        <button class=\"o-pill o-active\" data-val=\"all\">Toate<\/button>\n        <button class=\"o-pill\" data-val=\"studio\">Studio<\/button>\n        <button class=\"o-pill\" data-val=\"2\">2 camere<\/button>\n        <button class=\"o-pill\" data-val=\"3\">3 camere<\/button>\n      <\/div>\n    <\/div>\n    <div>\n      <label class=\"o-flbl\">Loca\u021bie<\/label>\n      <div class=\"o-pills\" id=\"o2025mLoc\">\n        <button class=\"o-pill o-active\" data-val=\"all\">Toate<\/button>\n        <button class=\"o-pill\" data-val=\"constanta\">Constan\u021ba<\/button>\n        <button class=\"o-pill\" data-val=\"mamaia-nord\">Mamaia Nord<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"o-drw-foot\">\n    <button class=\"o-drw-reset\" id=\"o2025mReset\">Reseteaz\u0103<\/button>\n    <button class=\"o-drw-apply\" id=\"o2025mApply\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n      Aplic\u0103 filtrele\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- DESKTOP -->\n<div class=\"o-dwrap\">\n  <aside class=\"o-dsidebar\">\n    <div class=\"o-dsb-head\">\n      <div class=\"o-dsb-title\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 3H2l8 9.46V19l4 2v-8.54L22 3z\"\/><\/svg>\n        Filtreaz\u0103 apartamente\n      <\/div>\n      <p class=\"o-dsb-sub\">Selecteaz\u0103 criteriile \u0219i apas\u0103 Aplic\u0103<\/p>\n    <\/div>\n    <div class=\"o-dsb-grp\">\n      <div class=\"o-dsb-lbl\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"\/><path d=\"M6 21V8l6-4 6 4v13\"\/><\/svg>\n        Proiect\n      <\/div>\n      <select class=\"o-dsb-sel\" id=\"o2025dProj\">\n        <option value=\"all\">Toate proiectele<\/option>\n        <option value=\"urban\">O.B.A. Urban Residence<\/option>\n        <option value=\"lake\">O.B.A. Lake<\/option>\n        <option value=\"m14\">O.B.A. M14<\/option>\n        <option value=\"tower\">O.B.A. Tower<\/option>\n        <option value=\"luxury-plus\">O.B.A. Luxury Plus<\/option>\n      <\/select>\n    <\/div>\n    <div class=\"o-dsb-grp\">\n      <div class=\"o-dsb-lbl\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7H12z\"\/><\/svg>\n        Camere\n      <\/div>\n      <div class=\"o-dpills\" id=\"o2025dRooms\">\n        <button class=\"o-dpill o-active\" data-val=\"all\">Toate<\/button>\n        <button class=\"o-dpill\" data-val=\"studio\">Studio<\/button>\n        <button class=\"o-dpill\" data-val=\"2\">2 camere<\/button>\n        <button class=\"o-dpill\" data-val=\"3\">3 camere<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"o-dsb-grp\">\n      <div class=\"o-dsb-lbl\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><\/svg>\n        Loca\u021bie\n      <\/div>\n      <div class=\"o-dpills\" id=\"o2025dLoc\">\n        <button class=\"o-dpill o-active\" data-val=\"all\">Toate<\/button>\n        <button class=\"o-dpill\" data-val=\"constanta\">Constan\u021ba<\/button>\n        <button class=\"o-dpill\" data-val=\"mamaia-nord\">Mamaia Nord<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"o-dsb-actions\">\n      <button class=\"o-dsb-apply\" id=\"o2025dApply\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n        Aplic\u0103 filtrele\n      <\/button>\n      <button class=\"o-dsb-reset\" id=\"o2025dReset\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 12a9 9 0 1 0 9-9\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n        Reseteaz\u0103\n      <\/button>\n    <\/div>\n  <\/aside>\n\n  <div class=\"o-dmain\">\n    <div class=\"o-dtopbar\">\n      <div class=\"o-dcount\" id=\"o2025dCount\">Se afi\u0219eaz\u0103 <strong>6<\/strong> din <strong>23<\/strong> apartamente<\/div>\n      <div class=\"o-dsort\" id=\"o2025dSort\">\n        <button class=\"o-dsort-btn o-active\" data-sort=\"default\">Implicit<\/button>\n        <button class=\"o-dsort-btn\" data-sort=\"price-asc\">Pre\u021b \u2191<\/button>\n        <button class=\"o-dsort-btn\" data-sort=\"price-desc\">Pre\u021b \u2193<\/button>\n        <button class=\"o-dsort-btn\" data-sort=\"price-per-m2\">\u20ac\/m\u00b2 \u2191<\/button>\n        <button class=\"o-dsort-btn\" data-sort=\"surface\">Suprafa\u021b\u0103 \u2191<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"o-dgrid\" id=\"o2025dGrid\"><\/div>\n    <div class=\"o-more o-dmore\" id=\"o2025dMore\">\n      <button class=\"o-more-btn\" id=\"o2025dMoreBtn\">\n        Vezi toate apartamentele\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n      <\/button>\n    <\/div>\n    <div class=\"o-empty\" id=\"o2025dEmpty\">\n      <h3>Niciun apartament g\u0103sit<\/h3>\n      <p>Modific\u0103 filtrele pentru a vedea mai multe op\u021biuni.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\nconst apts=[\n  {p:'luxury-plus',r:'2',l:'constanta',pr:0,s:74.65,t:'Apartament 2 camere \u2013 Luxury Plus',d:'Living luminos cu zon\u0103 de dining, dormitor retras \u0219i spa\u021bii de depozitare bine g\u00e2ndite.',img:'https:\/\/i0.wp.com\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/ap-1-1.jpg',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-luxury-plus\/apartament-1\/',pn:'Luxury Plus'},\n  {p:'luxury-plus',r:'3',l:'constanta',pr:0,s:111.75,t:'Apartament 3 camere \u2013 Luxury Plus',d:'Zon\u0103 de zi open-space, dou\u0103 dormitoare \u0219i compartimentare potrivit\u0103 pentru work-from-home.',img:'https:\/\/i0.wp.com\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-2-oba-luxury-plus.jpg',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-luxury-plus\/apartament-2\/',pn:'Luxury Plus'},\n  {p:'luxury-plus',r:'2',l:'constanta',pr:0,s:88.13,t:'Apartament 2 camere \u2013 Luxury Plus',d:'Plan aerisit cu separare clar\u0103 \u00eentre zona de zi \u0219i dormitor, circula\u021bii scurte.',img:'https:\/\/i0.wp.com\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-4.jpg',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-luxury-plus\/apartament-3\/',pn:'Luxury Plus'},\n  {p:'luxury-plus',r:'2',l:'constanta',pr:0,s:82.34,t:'Apartament 2 camere \u2013 Luxury Plus',d:'Compartimentare modern\u0103, zon\u0103 de zi deschis\u0103 \u0219i solu\u021bii inteligente de depozitare.',img:'https:\/\/i0.wp.com\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/fmm-de-imagine.jpg',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-luxury-plus\/apartament-4-3\/',pn:'Luxury Plus'},\n  {p:'luxury-plus',r:'2',l:'constanta',pr:0,s:79.61,t:'Apartament 2 camere \u2013 Luxury Plus',d:'Echilibru \u00eentre design \u0219i func\u021bionalitate: living cu deschidere bun\u0103, dormitor confortabil.',img:'https:\/\/i0.wp.com\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/POZA-AP-5-SITE.jpg',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-luxury-plus\/apartament-5\/',pn:'Luxury Plus'},\n  {p:'luxury-plus',r:'2',l:'constanta',pr:0,s:86.80,t:'Apartament 2 camere \u2013 Luxury Plus',d:'Separare clar\u0103 zi\/noapte, camer\u0103 de zi aerisit\u0103 \u0219i dormitor retras, lini\u0219tit.',img:'https:\/\/i0.wp.com\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/poza-site-ap.jpg',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-luxury-plus\/apartament-6\/',pn:'Luxury Plus'},\n  {p:'luxury-plus',r:'2',l:'constanta',pr:0,s:74.29,t:'Apartament 2 camere \u2013 Luxury Plus',d:'Finisaje premium, propor\u021bii corecte \u2014 potrivit at\u00e2t pentru locuire c\u00e2t \u0219i investi\u021bie.',img:'https:\/\/i0.wp.com\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/poza-site-ap-1.jpg',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-luxury-plus\/apartament-7\/',pn:'Luxury Plus'},\n  {p:'tower',r:'studio',l:'mamaia-nord',pr:0,s:58.45,t:'Studio \u2013 O.B.A. Tower',d:'Studio spa\u021bios \u00een Mamaia Nord, potrivit pentru locuire sau investi\u021bie. Balcon drept sau \u00een valuri.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Studio-disponibil-in-Mamaia-Nord.webp',url:'https:\/\/obadifferentbyluxury.ro\/towerap2\/',pn:'Tower'},\n  {p:'tower',r:'2',l:'mamaia-nord',pr:0,s:66.10,t:'Apartament 2 camere \u2013 Tower 66 mp',d:'Compartimentare echilibrat\u0103 pentru locuire confortabil\u0103. Balcon drept sau \u00een valuri.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-2-camere-66-mp-Mamaia-Nord-OBA-Tower.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/towerap4\/',pn:'Tower'},\n  {p:'tower',r:'2',l:'mamaia-nord',pr:0,s:85.85,t:'Apartament 2 camere \u2013 Tower 85 mp',d:'Varianta cu suprafa\u021b\u0103 mai mare, living generos \u0219i un plus de confort. Balcon drept sau \u00een valuri.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-2-camere-in-Mamaia-Nord.webp',url:'https:\/\/obadifferentbyluxury.ro\/towerap3\/',pn:'Tower'},\n  {p:'lake',r:'2',l:'mamaia-nord',pr:100919,s:77.63,t:'Apartament 2 camere \u2013 O.B.A. Lake',d:'Living luminos \u0219i compartimentare modern\u0103, aproape de mare \u2014 ideal pentru locuire sau investi\u021bie.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/OBA-LAKE-APARTAMENTE-FINALIZATE-1.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte-finalizate\/m17-apartamente-noi-mamaia-nord\/apartament-2-camere-mamaia-nord-oba-lake\/',pn:'Lake'},\n  {p:'lake',r:'3',l:'mamaia-nord',pr:134173,s:103.21,t:'Apartament 3 camere \u2013 O.B.A. Lake',d:'Zon\u0103 de zi aerisit\u0103, dou\u0103 dormitoare confortabile \u2014 ideal pentru familie sau investi\u021bie.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord-3-camere-oba-lake.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte-finalizate\/m17-apartamente-noi-mamaia-nord\/apartament-mamaia-nord-3-camere\/',pn:'Lake'},\n  {p:'lake',r:'2',l:'mamaia-nord',pr:79664,s:61.28,t:'Apartament 2 camere \u2013 O.B.A. Lake',d:'Plan eficient cu camere bine propor\u021bionate, aproape de mare sau investi\u021bie cu cerere constant\u0103.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord-2-camere.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte-finalizate\/m17-apartamente-noi-mamaia-nord\/apartament-mamaia-nord-2-camere\/',pn:'Lake'},\n  {p:'lake',r:'studio',l:'mamaia-nord',pr:73099,s:56.23,t:'Studio \u2013 O.B.A. Lake',d:'Studio modern, u\u0219or de administrat \u0219i \u00eenchiriat, cu lumin\u0103 natural\u0103 bun\u0103.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Studio-Mamaia-Nord-Oba-Lake.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte-finalizate\/m17-apartamente-noi-mamaia-nord\/studio-mamaia-nord-o-b-a-lake\/',pn:'Lake'},\n  {p:'lake',r:'3',l:'mamaia-nord',pr:111150,s:85.50,t:'Apartament 3 camere \u2013 O.B.A. Lake',d:'Spa\u021bii generoase \u0219i zon\u0103 de zi bine delimitat\u0103, valoare bun\u0103 la rev\u00e2nzare.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord-3-camere-lake.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte-finalizate\/m17-apartamente-noi-mamaia-nord\/apartament-mamaia-nord-3-camere-2\/',pn:'Lake'},\n  {p:'lake',r:'2',l:'mamaia-nord',pr:87178,s:67.06,t:'Apartament 2 camere \u2013 O.B.A. Lake',d:'Compartimentare modern\u0103 \u0219i spa\u021bii optimizate, ideal pentru locuire sau \u00eenchiriere.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-2-camere-lake.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte-finalizate\/m17-apartamente-noi-mamaia-nord\/apartament-2-camere-o-b-a-lake\/',pn:'Lake'},\n  {p:'m14',r:'studio',l:'mamaia-nord',pr:97218,s:54.01,t:'Studio \u2013 O.B.A. M14',d:'Studio mobilat \u0219i utilat complet, luminos \u2014 ideal pentru vacan\u021b\u0103, long stay sau investi\u021bie.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Studio-Mamaia-Nord-O.B.A.-M14-1.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte-finalizate\/o-b-a-m14\/studio-mamaia-nord\/',pn:'M14'},\n  \/* \u2500\u2500 URBAN RESIDENCE \u2014 pre\u021buri: mp \u00d7 1.300 \u20ac \u2500\u2500 *\/\n  {p:'urban',r:'2',l:'mamaia-nord',pr:86112,s:66.24,t:'Apartament 2 camere \u2013 Urban Residence',d:'Living luminos cu buc\u0103t\u0103rie deschis\u0103, plan practic pentru locuire sau \u00eenchiriere sezonier\u0103.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord-2-camere-6.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/proiecte-finalizate\/urban-residence\/apartament-mamaia-nord-2-camere\/',pn:'Urban Residence'},\n  {p:'urban',r:'2',l:'mamaia-nord',pr:80145,s:61.65,t:'Apartament 2 camere + teras\u0103 \u2013 Urban',d:'2 camere cu teras\u0103 generoas\u0103, plan eficient \u0219i lumin\u0103 natural\u0103 bun\u0103.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord-2-camereTerasa.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/proiecte-finalizate\/urban-residence\/apartament-2-camere-terasa\/',pn:'Urban Residence'},\n  {p:'urban',r:'2',l:'mamaia-nord',pr:112866,s:86.82,t:'Apartament 2 camere \u2013 Urban 86 mp',d:'Suprafa\u021b\u0103 generoas\u0103, zon\u0103 de zi ampl\u0103 \u2014 bun pentru familie sau \u00eenchiriere pe termen lung.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord-2-camere-7.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/proiecte-finalizate\/urban-residence\/apartament-mamaia-nord-2-camere-2\/',pn:'Urban Residence'},\n  {p:'urban',r:'2',l:'mamaia-nord',pr:100100,s:77,t:'Apartament 2 camere \u2013 Urban 77 mp',d:'Compartimentare echilibrat\u0103, spa\u021bii bine propor\u021bionate \u2014 ideal pentru vacan\u021b\u0103 sau \u00eenchiriere.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord-2-camere-8.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/proiecte-finalizate\/urban-residence\/apartament-mamaia-nord-2-camere-4\/',pn:'Urban Residence'},\n  {p:'urban',r:'2',l:'mamaia-nord',pr:112866,s:86.82,t:'Apartament 2 camere \u2013 Urban Residence',d:'2 camere spa\u021bioase cu zon\u0103 de zi generoas\u0103 \u2014 aerisit \u0219i u\u0219or de mobilat.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord-2-camere-9.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/proiecte-finalizate\/urban-residence\/apartament-mamaia-nord-2-camere-5\/',pn:'Urban Residence'},\n  {p:'urban',r:'2',l:'mamaia-nord',pr:100100,s:77,t:'Apartament 2 camere \u2013 Urban Residence',d:'Organizare clar\u0103 \u0219i spa\u021bii u\u0219or de amenajat, potrivit pentru locuire \u0219i randament bun.',img:'https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Appartament-O.B.A-Urban-Residence.webp',url:'https:\/\/www.obadifferentbyluxury.ro\/proiecte-finalizate\/urban-residence\/apartament-mamaia-nord-2-camere-6\/',pn:'Urban Residence'}\n];\n\nconst ORD={urban:1,lake:2,m14:3,tower:4,'luxury-plus':5};\nconst INIT=6;\nlet filt=[...apts],srt='default',all=false,ar='all',al='all';\n\nfunction fmt(v){const d=Number.isInteger(v)?0:(+v.toFixed(2).toString().endsWith('0')?1:2);return(+v).toFixed(d).replace('.',',')}\nfunction isD(){return window.innerWidth>=860}\nfunction gProj(){return isD()?document.getElementById('o2025dProj').value:document.getElementById('o2025mProj').value}\nfunction cntF(){let n=0;if(gProj()!=='all')n++;if(ar!=='all')n++;if(al!=='all')n++;return n}\n\nfunction defSort(){filt.sort((a,b)=>{const pa=ORD[a.p]??999,pb=ORD[b.p]??999;if(pa!==pb)return pa-pb;if((a.pr===0)!==(b.pr===0))return(a.pr===0)-(b.pr===0);if(a.pr!==b.pr)return a.pr-b.pr;return a.s-b.s})}\nfunction doSort(t){\n  srt=t;\n  if(t==='price-asc')filt.sort((a,b)=>(a.pr||9999999)-(b.pr||9999999));\n  else if(t==='price-desc')filt.sort((a,b)=>b.pr-a.pr);\n  else if(t==='price-per-m2')filt.sort((a,b)=>{const am=a.pr&&a.s?a.pr\/a.s:99999,bm=b.pr&&b.s?b.pr\/b.s:99999;return am-bm});\n  else if(t==='surface')filt.sort((a,b)=>a.s-b.s);\n  else defSort();\n}\n\nfunction cardH(a){\n  const rooms=a.r==='studio'?'Studio':a.r+' cam.';\n  const loc=a.l==='constanta'?'Constan\u021ba':'Mamaia Nord';\n  const price=a.pr>0\n    ?`<div class=\"o-price-box\"><div><div class=\"o-price-val\">${a.pr.toLocaleString('ro-RO')} \u20ac<\/div><div class=\"o-price-lbl\">pre\u021b de la<\/div><\/div><div class=\"o-price-novat\">f\u0103r\u0103 TVA<\/div><\/div>`\n    :`<div class=\"o-price-box\"><div><div class=\"o-price-val\" style=\"font-family:'DM Sans',sans-serif;font-size:15px;color:#6b7280;font-weight:600\">Pre\u021b la cerere<\/div><div class=\"o-price-lbl\">contacta\u021bi-ne<\/div><\/div><\/div>`;\n  return`<article class=\"o-card\">\n    <div class=\"o-card-img\">\n      <img decoding=\"async\" src=\"${a.img}\" alt=\"${a.t}\" loading=\"lazy\">\n      <div class=\"o-badge-rooms\">${rooms}<\/div>\n      <div class=\"o-badge-proj\">${a.pn}<\/div>\n    <\/div>\n    <div class=\"o-card-body\">\n      <h3 class=\"o-card-title\">${a.t}<\/h3>\n      <div class=\"o-card-meta\">\n        <div class=\"o-meta-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg><strong>${fmt(a.s)}<\/strong>&nbsp;mp<\/div>\n        <div class=\"o-meta-item\"><svg viewBox=\"0 0 24 24\" fill=\"#C4973A\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>${loc}<\/div>\n      <\/div>\n      ${price}\n      <div class=\"o-cta\">\n        <a href=\"${a.url}\" class=\"o-btn-details\">Vezi detalii<\/a>\n        <a href=\"tel:0725440440\" class=\"o-btn-call\" title=\"Sun\u0103 acum\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79a15.149 15.149 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg><\/a>\n      <\/div>\n    <\/div>\n  <\/article>`;\n}\n\nfunction syncP(id,cls,val){document.querySelectorAll('#'+id+' .'+cls).forEach(b=>b.classList.toggle('o-active',b.dataset.val===val))}\n\nfunction chips(){\n  const c=document.getElementById('o2025chips');c.innerHTML='';\n  const pv=gProj();\n  if(pv!=='all'){const sel=document.getElementById(isD()?'o2025dProj':'o2025mProj');c.innerHTML+=`<div class=\"o-chip\">${sel.options[sel.selectedIndex].text}<button class=\"o-chip-x\" data-r=\"p\">\u00d7<\/button><\/div>`}\n  const rl={studio:'Studio','2':'2 camere','3':'3 camere'};\n  if(ar!=='all')c.innerHTML+=`<div class=\"o-chip\">${rl[ar]}<button class=\"o-chip-x\" data-r=\"r\">\u00d7<\/button><\/div>`;\n  const ll={constanta:'Constan\u021ba','mamaia-nord':'Mamaia Nord'};\n  if(al!=='all')c.innerHTML+=`<div class=\"o-chip\">${ll[al]}<button class=\"o-chip-x\" data-r=\"l\">\u00d7<\/button><\/div>`;\n  const n=cntF();const b=document.getElementById('o2025fabBadge');b.style.display=n>0?'flex':'none';b.textContent=n;\n}\n\nfunction render(){\n  const mg=document.getElementById('o2025mGrid'),dg=document.getElementById('o2025dGrid');\n  const mm=document.getElementById('o2025mMore'),dm=document.getElementById('o2025dMore');\n  const me=document.getElementById('o2025mEmpty'),de=document.getElementById('o2025dEmpty');\n  const mc=document.getElementById('o2025mCount'),dc=document.getElementById('o2025dCount');\n  if(!filt.length){\n    mg.innerHTML='';dg.innerHTML='';\n    me.style.display='block';de.style.display='block';\n    mm.style.display='none';dm.style.display='none';\n    mc.innerHTML='Se afi\u0219eaz\u0103 <strong>0<\/strong> apartamente';\n    dc.innerHTML='Se afi\u0219eaz\u0103 <strong>0<\/strong> apartamente';\n    chips();return;\n  }\n  me.style.display='none';de.style.display='none';\n  const n=all?filt.length:Math.min(INIT,filt.length);\n  const html=filt.slice(0,n).map(cardH).join('');\n  mg.innerHTML=html;dg.innerHTML=html;\n  const showMore=filt.length>INIT&&!all;\n  mm.style.display=showMore?'block':'none';dm.style.display=showMore?'block':'none';\n  const txt=n<filt.length?`Se afi\u0219eaz\u0103 <strong>${n}<\/strong> din <strong>${filt.length}<\/strong>`:`Se afi\u0219eaz\u0103 <strong>${filt.length}<\/strong> apartamente`;\n  mc.innerHTML=txt;dc.innerHTML=txt;\n  chips();\n}\n\nfunction applyF(){\n  const pv=gProj();\n  filt=apts.filter(a=>{\n    if(pv!=='all'&&a.p!==pv)return false;\n    if(ar!=='all'&&a.r!==ar)return false;\n    if(al!=='all'&&a.l!==al)return false;\n    return true;\n  });\n  doSort(srt);all=false;render();\n}\n\ndocument.getElementById('o2025dRooms').addEventListener('click',e=>{const b=e.target.closest('.o-dpill');if(!b)return;ar=b.dataset.val;syncP('o2025dRooms','o-dpill',ar);syncP('o2025mRooms','o-pill',ar)});\ndocument.getElementById('o2025dLoc').addEventListener('click',e=>{const b=e.target.closest('.o-dpill');if(!b)return;al=b.dataset.val;syncP('o2025dLoc','o-dpill',al);syncP('o2025mLoc','o-pill',al)});\ndocument.getElementById('o2025dProj').addEventListener('change',()=>{document.getElementById('o2025mProj').value=document.getElementById('o2025dProj').value});\ndocument.getElementById('o2025dApply').addEventListener('click',applyF);\ndocument.getElementById('o2025dReset').addEventListener('click',()=>{\n  document.getElementById('o2025dProj').value='all';document.getElementById('o2025mProj').value='all';\n  ar='all';al='all';\n  syncP('o2025dRooms','o-dpill','all');syncP('o2025mRooms','o-pill','all');\n  syncP('o2025dLoc','o-dpill','all');syncP('o2025mLoc','o-pill','all');\n  applyF();\n});\ndocument.getElementById('o2025dSort').addEventListener('click',e=>{const b=e.target.closest('.o-dsort-btn');if(!b)return;document.querySelectorAll('.o-dsort-btn').forEach(x=>x.classList.remove('o-active'));b.classList.add('o-active');doSort(b.dataset.sort);all=false;render()});\n\nconst fab=document.getElementById('o2025fab'),drw=document.getElementById('o2025drawer'),ovl=document.getElementById('o2025overlay');\nfunction openD(){drw.classList.add('o-open');ovl.classList.add('o-open');document.body.style.overflow='hidden'}\nfunction closeD(){drw.classList.remove('o-open');ovl.classList.remove('o-open');document.body.style.overflow=''}\nfab.addEventListener('click',openD);ovl.addEventListener('click',closeD);\ndocument.getElementById('o2025drwClose').addEventListener('click',closeD);\ndocument.getElementById('o2025mRooms').addEventListener('click',e=>{const b=e.target.closest('.o-pill');if(!b)return;ar=b.dataset.val;syncP('o2025mRooms','o-pill',ar);syncP('o2025dRooms','o-dpill',ar)});\ndocument.getElementById('o2025mLoc').addEventListener('click',e=>{const b=e.target.closest('.o-pill');if(!b)return;al=b.dataset.val;syncP('o2025mLoc','o-pill',al);syncP('o2025dLoc','o-dpill',al)});\ndocument.getElementById('o2025mProj').addEventListener('change',()=>{document.getElementById('o2025dProj').value=document.getElementById('o2025mProj').value});\ndocument.getElementById('o2025mApply').addEventListener('click',()=>{applyF();closeD()});\ndocument.getElementById('o2025mReset').addEventListener('click',()=>{\n  document.getElementById('o2025mProj').value='all';document.getElementById('o2025dProj').value='all';\n  ar='all';al='all';\n  syncP('o2025mRooms','o-pill','all');syncP('o2025dRooms','o-dpill','all');\n  syncP('o2025mLoc','o-pill','all');syncP('o2025dLoc','o-dpill','all');\n  applyF();closeD();\n});\ndocument.getElementById('o2025chips').addEventListener('click',e=>{\n  const b=e.target.closest('.o-chip-x');if(!b)return;\n  const rv=b.dataset.r;\n  if(rv==='p'){document.getElementById('o2025mProj').value='all';document.getElementById('o2025dProj').value='all'}\n  if(rv==='r'){ar='all';syncP('o2025mRooms','o-pill','all');syncP('o2025dRooms','o-dpill','all')}\n  if(rv==='l'){al='all';syncP('o2025mLoc','o-pill','all');syncP('o2025dLoc','o-dpill','all')}\n  applyF();\n});\ndocument.getElementById('o2025mSort').addEventListener('click',e=>{const b=e.target.closest('.o-msort-btn');if(!b)return;document.querySelectorAll('.o-msort-btn').forEach(x=>x.classList.remove('o-active'));b.classList.add('o-active');doSort(b.dataset.sort);all=false;render()});\ndocument.getElementById('o2025mMoreBtn').addEventListener('click',()=>{all=true;render()});\ndocument.getElementById('o2025dMoreBtn').addEventListener('click',()=>{all=true;render()});\n\nlet ty=0;\ndrw.addEventListener('touchstart',e=>{ty=e.touches[0].clientY},{passive:true});\ndrw.addEventListener('touchmove',e=>{if(e.touches[0].clientY-ty>70)closeD()},{passive:true});\n\ndefSort();render();\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Apartamente disponibile direct de la dezvoltator \u00een Constan\u021ba \u0219i Mamaia Nord Vezi cele mai noi apartamente disponibile \u00een Constan\u021ba \u0219i Mamaia Nord, cu suprafe\u021be variate, compartiment\u0103ri moderne \u0219i proiecte premium potrivite at\u00e2t pentru locuire, c\u00e2t \u0219i pentru investi\u021bie. Se afi\u0219eaz\u0103 6 din 23 Implicit Pre\u021b \u2191 Pre\u021b \u2193 mp \u2191 Vezi toate apartamentele Niciun apartament&hellip;<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6460","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages\/6460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/comments?post=6460"}],"version-history":[{"count":0,"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/pages\/6460\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/en\/wp-json\/wp\/v2\/media?parent=6460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}