{"id":2738,"date":"2023-04-01T18:09:30","date_gmt":"2023-04-01T15:09:30","guid":{"rendered":"https:\/\/www.obadifferentbyluxury.ro\/?page_id=2738"},"modified":"2026-04-14T10:46:43","modified_gmt":"2026-04-14T07:46:43","slug":"oba-tower","status":"publish","type":"page","link":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-tower\/","title":{"rendered":"Apartamente Mamaia Nord &#8211; O.B.A. TOWER"},"content":{"rendered":"\n<!-- ================== OBA TOWER \u2014 PROJECT HERO ================== -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preload\" as=\"style\" crossorigin\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&#038;family=Outfit:wght@300;400;500;600;700&#038;display=swap\"\n  onload=\"this.onload=null;this.rel='stylesheet'\">\n<noscript><link rel=\"stylesheet\"\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&#038;family=Outfit:wght@300;400;500;600;700&#038;display=swap\">\n<\/noscript>\n\n<header id=\"oba-tower-hero\">\n<style>\n\n#oba-tower-hero {\n  --gold: #c9a84c;\n  --gold-light: #e8c97a;\n  --gold-dark: #8a6820;\n  --black: #060606;\n  --white: #f7f4ef;\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--black);\n  font-family: 'Outfit', system-ui, sans-serif;\n  color: var(--white);\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 BG IMAGE \u2500\u2500 *\/\n#oba-tower-hero .bg-image {\n  position: relative;\n  height: clamp(520px, 88vh, 860px);\n  overflow: hidden;\n  contain: layout size;\n}\n#oba-tower-hero .bg-image img {\n  position: absolute; inset: 0;\n  width: 100%; height: 100%;\n  object-fit: cover; object-position: center 50%;\n  display: block;\n}\n#oba-tower-hero.th-loaded .bg-image img {\n  animation: thZoom 14s ease-out forwards;\n}\n@keyframes thZoom {\n  from { transform: scale(1.06); }\n  to   { transform: scale(1.00); }\n}\n\n\/* \u2500\u2500 OVERLAY \u2500\u2500 *\/\n#oba-tower-hero .overlay {\n  position: absolute; inset: 0;\n  background:\n    linear-gradient(180deg, rgba(6,6,6,.12) 0%, rgba(6,6,6,.08) 30%, rgba(6,6,6,.58) 70%, rgba(6,6,6,.94) 100%),\n    linear-gradient(105deg, rgba(6,6,6,.72) 0%, rgba(6,6,6,.32) 45%, rgba(6,6,6,0) 70%);\n  z-index: 1;\n}\n\n\/* \u2500\u2500 CONTENT \u2500\u2500 *\/\n#oba-tower-hero .hero-content {\n  position: absolute; inset: 0; z-index: 2;\n  display: flex; align-items: flex-end;\n  padding-bottom: clamp(40px, 6vh, 80px);\n}\n#oba-tower-hero .container {\n  width: min(1380px, 92vw);\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 BADGE \u2500\u2500 *\/\n#oba-tower-hero .badge {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: rgba(201,168,76,.15);\n  border: 1px solid rgba(201,168,76,.50);\n  color: var(--gold-light);\n  font-size: 11px; font-weight: 600;\n  letter-spacing: .20em; text-transform: uppercase;\n  padding: 8px 18px; border-radius: 100px;\n  margin-bottom: 24px;\n}\n@media (min-width: 769px) { #oba-tower-hero .badge { backdrop-filter: blur(6px); } }\n#oba-tower-hero .badge::before {\n  content: '';\n  width: 6px; height: 6px; border-radius: 50%;\n  background: var(--gold);\n  animation: thPulse 2s infinite;\n}\n@keyframes thPulse {\n  0%,100% { opacity:1; transform:scale(1); }\n  50%      { opacity:.4; transform:scale(1.5); }\n}\n\n\/* \u2500\u2500 ANIMA\u021aII INTRO \u2500\u2500 *\/\n#oba-tower-hero.th-loaded .badge    { animation: thFadeUp .7s .3s ease both; }\n#oba-tower-hero.th-loaded h1        { animation: thFadeUp .8s .5s ease both; }\n#oba-tower-hero.th-loaded .lead     { animation: thFadeUp .8s .7s ease both; }\n#oba-tower-hero.th-loaded .hero-cta { animation: thFadeUp .8s .9s ease both; }\n#oba-tower-hero.th-loaded .stats-strip { animation: thFadeUp .8s 1.1s ease both; }\n@keyframes thFadeUp {\n  from { opacity:0; transform:translateY(20px); }\n  to   { opacity:1; transform:translateY(0); }\n}\n\n\/* \u2500\u2500 H1 \u2500\u2500 *\/\n#oba-tower-hero h1 {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-size: clamp(40px, 5.2vw, 78px);\n  font-weight: 900; line-height: 1.06;\n  margin: 0 0 6px; max-width: 820px;\n  color: var(--white);\n  letter-spacing: -.02em;\n}\n#oba-tower-hero h1 em { font-style: italic; color: var(--gold-light); }\n\n\/* \u2500\u2500 LEAD \u2500\u2500 *\/\n#oba-tower-hero .lead {\n  font-size: clamp(14px, 1.5vw, 18px);\n  font-weight: 300; line-height: 1.8;\n  color: rgba(247,244,239,.80);\n  max-width: 560px; margin: 20px 0 36px;\n}\n\n\/* \u2500\u2500 BUTOANE \u2500\u2500 *\/\n#oba-tower-hero .hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }\n\n#oba-tower-hero .btn-primary {\n  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n  color: var(--black);\n  font-family: 'Outfit', system-ui, sans-serif;\n  font-size: 14px; font-weight: 700;\n  letter-spacing: .06em; text-transform: uppercase;\n  border: none; padding: 16px 36px; border-radius: 6px;\n  cursor: pointer; text-decoration: none;\n  display: inline-flex; align-items: center; gap: 10px;\n  transition: transform .3s, box-shadow .3s;\n  box-shadow: 0 6px 32px rgba(201,168,76,.35);\n}\n#oba-tower-hero .btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 44px rgba(201,168,76,.50);\n}\n#oba-tower-hero .btn-secondary {\n  background: rgba(247,244,239,.08);\n  color: var(--white);\n  font-family: 'Outfit', system-ui, sans-serif;\n  font-size: 14px; font-weight: 500;\n  letter-spacing: .06em; text-transform: uppercase;\n  border: 1px solid rgba(247,244,239,.25);\n  padding: 16px 32px; border-radius: 6px;\n  cursor: pointer; text-decoration: none;\n  display: inline-flex; align-items: center; gap: 10px;\n  transition: background .3s, border-color .3s;\n}\n@media (min-width: 769px) { #oba-tower-hero .btn-secondary { backdrop-filter: blur(8px); } }\n#oba-tower-hero .btn-secondary:hover {\n  background: rgba(247,244,239,.14);\n  border-color: rgba(201,168,76,.50);\n}\n\n\/* \u2500\u2500 GOLD LINE \u2500\u2500 *\/\n#oba-tower-hero .gold-line {\n  position: absolute; bottom: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, transparent 0%, var(--gold-dark) 20%, var(--gold) 50%, var(--gold-dark) 80%, transparent 100%);\n  z-index: 3;\n}\n\n\/* \u2500\u2500 STATS \u2500\u2500 *\/\n#oba-tower-hero .stats-strip {\n  position: absolute; bottom: 0; right: 0; z-index: 3; display: flex;\n}\n#oba-tower-hero .stat {\n  padding: 18px 28px;\n  background: rgba(6,6,6,.65);\n  border-top: 1px solid rgba(201,168,76,.30);\n  border-left: 1px solid rgba(201,168,76,.15);\n  text-align: center;\n}\n@media (min-width: 769px) { #oba-tower-hero .stat { backdrop-filter: blur(12px); } }\n#oba-tower-hero .stat-num {\n  display: block;\n  font-family: 'Playfair Display', Georgia, serif;\n  font-size: 26px; font-weight: 700;\n  color: var(--gold-light); line-height: 1;\n}\n#oba-tower-hero .stat-label {\n  display: block;\n  font-size: 10px; font-weight: 400;\n  letter-spacing: .12em; text-transform: uppercase;\n  color: rgba(247,244,239,.45); margin-top: 4px;\n}\n\n\/* \u2500\u2500 BENEFITS BAR \u2500\u2500 *\/\n#oba-tower-hero .benefits-bar {\n  background: var(--black);\n  content-visibility: auto;\n  contain-intrinsic-size: 0 300px;\n}\n#oba-tower-hero .benefits-grid {\n  width: min(1380px, 92vw);\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1px;\n  background: rgba(201,168,76,.18);\n  border: 1px solid rgba(201,168,76,.18);\n  border-top: none;\n  border-radius: 0 0 16px 16px;\n  overflow: hidden;\n}\n#oba-tower-hero .bcard {\n  background: #0d0d0d;\n  padding: 32px 28px;\n  transition: background .3s;\n  position: relative;\n  text-align: center;\n}\n#oba-tower-hero .bcard:nth-child(even) { background: #141414; }\n#oba-tower-hero .bcard:hover { background: #1a1200; }\n#oba-tower-hero .bcard::before {\n  content: '';\n  position: absolute; top: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--gold), transparent);\n  opacity: 0; transition: opacity .3s;\n}\n#oba-tower-hero .bcard:hover::before { opacity: 1; }\n\n#oba-tower-hero .bcard-icon {\n  width: 64px; height: 64px;\n  background: rgba(201,168,76,.08);\n  border: 1px solid rgba(201,168,76,.18);\n  border-radius: 16px;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n  position: relative; overflow: visible;\n  transition: background .3s, border-color .3s;\n}\n#oba-tower-hero .bcard:hover .bcard-icon {\n  background: rgba(201,168,76,.16);\n  border-color: rgba(201,168,76,.4);\n}\n#oba-tower-hero .bcard-icon svg {\n  width: 28px; height: 28px;\n  stroke: var(--gold); stroke-width: 1.6;\n  fill: none; stroke-linecap: round; stroke-linejoin: round;\n  overflow: visible;\n}\n#oba-tower-hero .bcard h3 {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-size: 16px; font-weight: 700;\n  margin: 0 0 8px; color: var(--white);\n  transition: color .3s;\n}\n#oba-tower-hero .bcard:hover h3 { color: var(--gold-light); }\n#oba-tower-hero .bcard p {\n  margin: 0; font-size: 13px; font-weight: 300;\n  color: rgba(247,244,239,.55); line-height: 1.65;\n  transition: color .3s;\n}\n#oba-tower-hero .bcard:hover p { color: rgba(247,244,239,.78); }\n\n\/* \u2500\u2500 ANIMA\u021aII ICONI\u021aE \u2500\u2500 *\/\n#oba-tower-hero .pin-body {\n  transform-origin: 50% 85%;\n  animation: thPin 2.6s cubic-bezier(.36,.07,.19,.97) infinite;\n}\n@keyframes thPin {\n  0%,100% { transform: translateY(0) scale(1); }\n  12%     { transform: translateY(-4px) scale(1.08); }\n  22%     { transform: translateY(0) scale(.96); }\n  30%     { transform: translateY(-2px) scale(1.03); }\n  38%     { transform: translateY(0) scale(1); }\n}\n#oba-tower-hero .ripple-ring {\n  position: absolute; inset: 0; border-radius: 16px;\n  border: 1px solid rgba(201,168,76,.5);\n  animation: thRipple 2.6s ease-out infinite;\n  pointer-events: none;\n}\n#oba-tower-hero .ripple-ring.r2 { animation-delay: .65s; }\n@keyframes thRipple {\n  0%   { transform: scale(1); opacity: .5; }\n  100% { transform: scale(1.8); opacity: 0; }\n}\n\n\/* tower creste *\/\n#oba-tower-hero .tower-body {\n  transform-origin: 50% 100%;\n  animation: thTowerGrow 2.8s ease-in-out infinite;\n}\n@keyframes thTowerGrow {\n  0%,100% { transform: scaleY(1); }\n  40%     { transform: scaleY(1.06); }\n  70%     { transform: scaleY(.98); }\n}\n#oba-tower-hero .tower-shine {\n  animation: thTowerShine 2.8s ease-in-out infinite;\n  opacity: 0;\n}\n@keyframes thTowerShine {\n  0%,20%  { opacity: 0; transform: translateY(0); }\n  50%     { opacity: .6; transform: translateY(-4px); }\n  80%,100%{ opacity: 0; transform: translateY(-8px); }\n}\n\n\/* compartiment puzzle *\/\n#oba-tower-hero .puzzle-piece {\n  animation: thPuzzle 3s ease-in-out infinite;\n  transform-origin: 50% 50%;\n}\n#oba-tower-hero .puzzle-piece:nth-child(2) { animation-delay: .5s; }\n#oba-tower-hero .puzzle-piece:nth-child(3) { animation-delay: 1s; }\n@keyframes thPuzzle {\n  0%,100% { opacity: .5; transform: scale(1); }\n  50%     { opacity: 1; transform: scale(1.08); }\n}\n\n\/* trend chart *\/\n#oba-tower-hero .trend-line {\n  stroke-dasharray: 40; stroke-dashoffset: 40;\n  animation: thTrend 2.4s ease-in-out infinite;\n}\n@keyframes thTrend {\n  0%,10%   { stroke-dashoffset: 40; opacity: .3; }\n  45%,78%  { stroke-dashoffset: 0;  opacity: 1; }\n  95%,100% { stroke-dashoffset: 40; opacity: .3; }\n}\n#oba-tower-hero .trend-dot {\n  animation: thDot 2.4s ease-in-out infinite;\n}\n@keyframes thDot {\n  0%,40%  { transform: scale(0); opacity: 0; }\n  60%,80% { transform: scale(1); opacity: 1; }\n  95%     { transform: scale(0); opacity: 0; }\n}\n\n#oba-tower-hero .bcard:hover .pin-body,\n#oba-tower-hero .bcard:hover .tower-body,\n#oba-tower-hero .bcard:hover .puzzle-piece,\n#oba-tower-hero .bcard:hover .trend-line,\n#oba-tower-hero .bcard:hover .ripple-ring { animation-play-state: paused; }\n\n@media (prefers-reduced-motion: reduce) {\n  #oba-tower-hero .pin-body, #oba-tower-hero .tower-body,\n  #oba-tower-hero .puzzle-piece, #oba-tower-hero .trend-line,\n  #oba-tower-hero .trend-dot, #oba-tower-hero .ripple-ring,\n  #oba-tower-hero .tower-shine { animation: none; }\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 1100px) { #oba-tower-hero .stats-strip { display: none; } }\n@media (max-width: 860px)  { #oba-tower-hero .benefits-grid { grid-template-columns: repeat(2,1fr); } }\n@media (max-width: 540px)  {\n  #oba-tower-hero .bg-image { height: 580px; }\n  #oba-tower-hero .benefits-grid { grid-template-columns: 1fr; }\n  #oba-tower-hero .btn-primary, #oba-tower-hero .btn-secondary { width: 100%; justify-content: center; }\n  #oba-tower-hero h1 { font-size: 36px; }\n}\n<\/style>\n\n<div class=\"bg-image\">\n  <img\n    src=\"https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/4-1.jpg\"\n    alt=\"Apartamente Mamaia Nord \u2014 O.B.A. Tower, proiect reziden\u021bial nou\"\n    width=\"1920\" height=\"1080\"\n    fetchpriority=\"high\" loading=\"eager\" decoding=\"sync\">\n\n  <div class=\"overlay\"><\/div>\n\n  <div class=\"hero-content\">\n    <div class=\"container\">\n      <div class=\"badge\">Proiect reziden\u021bial \u00b7 Mamaia Nord<\/div>\n\n      <h1 id=\"oba-tower-title\">\n        Apartamente noi<br>\n        <em>O.B.A. Tower<\/em>\n      <\/h1>\n\n      <p class=\"lead\">\n        Ansamblu reziden\u021bial cu prezen\u021b\u0103 arhitectural\u0103 puternic\u0103 \u00een Mamaia Nord.\n        Compartiment\u0103ri eficiente, finisaje de calitate \u0219i un concept orientat\n        spre confort zilnic \u0219i poten\u021bial solid de investi\u021bie imobiliar\u0103.\n      <\/p>\n\n      <div class=\"hero-cta\">\n        <a href=\"#oba-apartments\" class=\"btn-primary\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M8 6l6 6-6 6\"\/><\/svg>\n          Vezi apartamentele\n        <\/a>\n        <a href=\"#oba-cta\" class=\"btn-secondary\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.77.64 2.61a2 2 0 0 1-.45 2.11L8 9.91a16 16 0 0 0 6.09 6.09l1.47-1.3a2 2 0 0 1 2.11-.45c.84.31 1.71.52 2.61.64A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          Solicit\u0103 informa\u021bii\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"stats-strip\">\n    <div class=\"stat\"><span class=\"stat-num\">Mamaia<\/span><span class=\"stat-label\">Nord<\/span><\/div>\n    <div class=\"stat\"><span class=\"stat-num\">A+<\/span><span class=\"stat-label\">Clas\u0103 energetic\u0103<\/span><\/div>\n    <div class=\"stat\"><span class=\"stat-num\">2025<\/span><span class=\"stat-label\">Predare estimat\u0103<\/span><\/div>\n  <\/div>\n\n  <div class=\"gold-line\"><\/div>\n<\/div>\n\n<!-- BENEFITS BAR -->\n<div class=\"benefits-bar\">\n  <div class=\"benefits-grid\">\n\n    <!-- Card 1 \u2014 Loca\u021bie Mamaia Nord -->\n    <div class=\"bcard\">\n      <div class=\"bcard-icon\">\n        <span class=\"ripple-ring\"><\/span>\n        <span class=\"ripple-ring r2\"><\/span>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <g class=\"pin-body\">\n            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n          <\/g>\n        <\/svg>\n      <\/div>\n      <h3>Mamaia Nord<\/h3>\n      <p>Zon\u0103 cu cerere ridicat\u0103, potrivit\u0103 pentru locuire permanent\u0103 \u0219i randament bun la \u00eenchiriere.<\/p>\n    <\/div>\n\n    <!-- Card 2 \u2014 Concept Tower -->\n    <div class=\"bcard\">\n      <div class=\"bcard-icon\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <g class=\"tower-body\">\n            <rect x=\"8\" y=\"3\" width=\"8\" height=\"18\" rx=\"1\"\/>\n            <rect x=\"5\" y=\"8\" width=\"3\" height=\"13\" rx=\"1\"\/>\n            <rect x=\"16\" y=\"8\" width=\"3\" height=\"13\" rx=\"1\"\/>\n            <line x1=\"8\" y1=\"7\" x2=\"16\" y2=\"7\"\/>\n            <line x1=\"8\" y1=\"11\" x2=\"16\" y2=\"11\"\/>\n            <line x1=\"8\" y1=\"15\" x2=\"16\" y2=\"15\"\/>\n          <\/g>\n          <circle class=\"tower-shine\" cx=\"12\" cy=\"3\" r=\"1.5\" fill=\"var(--gold)\" stroke=\"none\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Concept Tower<\/h3>\n      <p>Prezen\u021b\u0103 arhitectural\u0103 puternic\u0103 \u0219i volumetrie modern\u0103 \u2014 un proiect cu vizibilitate real\u0103.<\/p>\n    <\/div>\n\n    <!-- Card 3 \u2014 Compartiment\u0103ri -->\n    <div class=\"bcard\">\n      <div class=\"bcard-icon\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <rect class=\"puzzle-piece\" x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\/>\n          <rect class=\"puzzle-piece\" x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\/>\n          <rect class=\"puzzle-piece\" x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\/>\n          <rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" stroke-opacity=\".4\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Compartiment\u0103ri eficiente<\/h3>\n      <p>Planuri u\u0219or de mobilat, cu accent pe func\u021bionalitate \u0219i utilizarea optim\u0103 a spa\u021biului.<\/p>\n    <\/div>\n\n    <!-- Card 4 \u2014 Investi\u021bie -->\n    <div class=\"bcard\">\n      <div class=\"bcard-icon\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <polyline class=\"trend-line\" points=\"3,18 8,12 13,15 19,6\"\/>\n          <circle class=\"trend-dot\" cx=\"19\" cy=\"6\" r=\"2.5\" fill=\"var(--gold)\" stroke=\"none\"\/>\n          <line x1=\"3\" y1=\"20\" x2=\"21\" y2=\"20\" stroke-opacity=\".4\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Potrivit investi\u021biei<\/h3>\n      <p>Randament bun sezonier sau pe termen lung \u2014 \u00een func\u021bie de strategia ta de investi\u021bie.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/header>\n\n<script>\n(function(){\n  function activate(){\n    var h = document.getElementById('oba-tower-hero');\n    if(h) h.classList.add('th-loaded');\n  }\n  if('requestIdleCallback' in window){\n    requestIdleCallback(activate, { timeout: 2000 });\n  } else {\n    window.addEventListener('load', activate);\n  }\n})();\n<\/script>\n<!-- ================== END OBA TOWER HERO ================== -->\n\n\n\n<!-- ================== OBA TOWER \u2014 DESPRE PROIECT ================== -->\n\n<section id=\"oba-tower-about\" aria-label=\"Apartamente Mamaia Nord \u2013 O.B.A. Tower\">\n<style>\n\n#oba-tower-about, #oba-tower-about * { box-sizing: border-box; margin: 0; padding: 0; }\n\n#oba-tower-about {\n  --gold:  #c9a84c;\n  --gl:    #e8c97a;\n  --gd:    #8a6820;\n  --black: #060606;\n  --ink2:  #0d0d0d;\n  --ink3:  #121212;\n  --ink4:  #1a1a1a;\n  --white: #f7f4ef;\n  --muted: rgba(247,244,239,.58);\n  --line:  rgba(201,168,76,.14);\n  --serif: 'Playfair Display', Georgia, serif;\n  --sans:  'Outfit', system-ui, sans-serif;\n  background: var(--black);\n  color: var(--white);\n  font-family: var(--sans);\n  padding: clamp(60px, 8vw, 110px) 0;\n  position: relative;\n  overflow: hidden;\n}\n\n#oba-tower-about::before {\n  content: '';\n  position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(ellipse 60% 40% at 80% 20%, rgba(201,168,76,.04) 0%, transparent 70%),\n    radial-gradient(ellipse 50% 50% at 10% 80%, rgba(201,168,76,.03) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\n#oba-tower-about .wrap {\n  width: min(1320px, 92vw);\n  margin: 0 auto;\n  position: relative; z-index: 1;\n}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n#oba-tower-about .section-header {\n  max-width: 760px;\n  margin: 0 0 64px;\n  padding-left: 24px;\n  border-left: 3px solid var(--gold);\n}\n#oba-tower-about .section-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: rgba(201,168,76,.12);\n  border: 1px solid rgba(201,168,76,.3);\n  color: var(--gl);\n  font-size: 10.5px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;\n  padding: 7px 16px; border-radius: 100px;\n  margin-bottom: 20px;\n}\n#oba-tower-about .section-badge::before {\n  content: ''; width: 5px; height: 5px; border-radius: 50%;\n  background: var(--gold);\n  animation: taPulse 2s ease-in-out infinite;\n}\n@keyframes taPulse {\n  0%,100% { opacity:1; transform:scale(1); }\n  50%      { opacity:.4; transform:scale(1.6); }\n}\n#oba-tower-about .section-header h2 {\n  font-family: var(--serif);\n  font-size: clamp(28px, 3.8vw, 48px);\n  font-weight: 900; line-height: 1.12;\n  color: var(--white); margin: 0 0 18px;\n  letter-spacing: -.02em;\n}\n#oba-tower-about .section-header h2 em { font-style: italic; color: var(--gl); }\n#oba-tower-about .section-header p {\n  font-size: clamp(14px, 1.5vw, 17px);\n  font-weight: 300; line-height: 1.8; color: var(--muted);\n}\n#oba-tower-about .section-header p strong { color: var(--gl); font-weight: 600; }\n\n\/* \u2500\u2500 FEATURE CARDS \u2500\u2500 *\/\n#oba-tower-about .feat-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1px;\n  background: var(--line);\n  border: 1px solid var(--line);\n  border-radius: 18px;\n  overflow: hidden;\n  margin-bottom: 40px;\n}\n#oba-tower-about .feat-card {\n  background: var(--ink2);\n  padding: 36px 28px;\n  position: relative; overflow: hidden;\n  transition: background .32s cubic-bezier(.2,.8,.2,1);\n  text-align: center;\n}\n#oba-tower-about .feat-card:nth-child(even) { background: var(--ink3); }\n#oba-tower-about .feat-card:hover { background: #1a1200; }\n#oba-tower-about .feat-card::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--gold), transparent);\n  opacity: 0; transition: opacity .32s;\n}\n#oba-tower-about .feat-card:hover::before { opacity: 1; }\n\n#oba-tower-about .feat-icon {\n  width: 64px; height: 64px;\n  background: rgba(201,168,76,.08);\n  border: 1px solid rgba(201,168,76,.18);\n  border-radius: 16px;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n  position: relative; overflow: visible;\n  transition: background .3s, border-color .3s;\n}\n#oba-tower-about .feat-card:hover .feat-icon {\n  background: rgba(201,168,76,.16);\n  border-color: rgba(201,168,76,.4);\n}\n#oba-tower-about .feat-icon svg {\n  width: 28px; height: 28px;\n  stroke: var(--gold); stroke-width: 1.6;\n  fill: none; stroke-linecap: round; stroke-linejoin: round;\n  overflow: visible;\n}\n#oba-tower-about .feat-card h3 {\n  font-family: var(--serif);\n  font-size: 17px; font-weight: 700;\n  color: var(--white); margin: 0 0 10px; transition: color .3s;\n}\n#oba-tower-about .feat-card:hover h3 { color: var(--gl); }\n#oba-tower-about .feat-card p {\n  font-size: 13px; font-weight: 300;\n  color: var(--muted); line-height: 1.7; transition: color .3s;\n}\n#oba-tower-about .feat-card:hover p { color: rgba(247,244,239,.78); }\n\n\/* \u2500\u2500 MAIN ROW \u2500\u2500 *\/\n#oba-tower-about .main-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 32px;\n  margin-bottom: 40px;\n  align-items: start;\n}\n\n\/* text card *\/\n#oba-tower-about .main-text {\n  background: var(--ink2);\n  border: 1px solid var(--line);\n  border-radius: 18px;\n  padding: clamp(28px, 3vw, 44px);\n  position: relative; overflow: hidden;\n}\n#oba-tower-about .main-text::before {\n  content: ''; position: absolute; top: 0; left: 0;\n  width: 3px; height: 100%;\n  background: linear-gradient(180deg, var(--gl), var(--gd));\n  border-radius: 0 2px 2px 0;\n}\n#oba-tower-about .main-text h3 {\n  font-family: var(--serif);\n  font-size: clamp(20px, 2.2vw, 28px); font-weight: 700;\n  color: var(--white); margin: 0 0 24px; line-height: 1.25;\n}\n#oba-tower-about .main-text h3 em { font-style: italic; color: var(--gl); }\n#oba-tower-about .main-text p {\n  font-size: 14px; font-weight: 300;\n  color: var(--muted); line-height: 1.85;\n  margin-bottom: 16px;\n  padding-left: 18px; position: relative;\n}\n#oba-tower-about .main-text p:last-child { margin-bottom: 0; }\n#oba-tower-about .main-text p::before {\n  content: ''; position: absolute; left: 0; top: 9px;\n  width: 6px; height: 6px; border-radius: 50%;\n  background: var(--gold); opacity: .5;\n}\n#oba-tower-about .main-text p strong { color: var(--gl); font-weight: 600; }\n\n\/* dot\u0103ri panel *\/\n#oba-tower-about .dotari-panel {\n  background: var(--ink2);\n  border: 1px solid var(--line);\n  border-radius: 18px;\n  padding: clamp(28px, 3vw, 44px);\n}\n#oba-tower-about .dotari-panel h3 {\n  font-family: var(--serif);\n  font-size: 20px; font-weight: 700;\n  color: var(--white); margin: 0 0 24px;\n}\n#oba-tower-about .dotari-panel h3 em { font-style: italic; color: var(--gl); }\n#oba-tower-about .dotari-list {\n  display: grid; gap: 10px;\n}\n#oba-tower-about .dotare-item {\n  display: flex; align-items: center; gap: 12px;\n  padding: 11px 14px;\n  background: rgba(201,168,76,.04);\n  border: 1px solid rgba(201,168,76,.1);\n  border-radius: 10px;\n  transition: all .25s;\n  cursor: default;\n}\n#oba-tower-about .dotare-item:hover {\n  background: rgba(201,168,76,.1);\n  border-color: rgba(201,168,76,.3);\n  transform: translateX(4px);\n}\n#oba-tower-about .dotare-ico {\n  width: 32px; height: 32px; flex-shrink: 0;\n  background: rgba(201,168,76,.08);\n  border: 1px solid rgba(201,168,76,.2);\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  transition: background .25s, border-color .25s;\n}\n#oba-tower-about .dotare-item:hover .dotare-ico {\n  background: rgba(201,168,76,.18);\n  border-color: rgba(201,168,76,.4);\n}\n#oba-tower-about .dotare-ico svg {\n  width: 15px; height: 15px;\n  stroke: var(--gold); stroke-width: 1.8;\n  fill: none; stroke-linecap: round; stroke-linejoin: round;\n}\n#oba-tower-about .dotare-item span {\n  font-size: 13px; font-weight: 400;\n  color: rgba(247,244,239,.78); line-height: 1.4;\n}\n\n\/* \u2500\u2500 CHIPS \u2500\u2500 *\/\n#oba-tower-about .chips-panel {\n  display: flex; flex-direction: column; gap: 12px;\n}\n#oba-tower-about .chip-item {\n  display: flex; align-items: center; gap: 16px;\n  background: var(--ink2);\n  border: 1px solid var(--line);\n  border-radius: 14px; padding: 18px 22px;\n  transition: all .28s cubic-bezier(.2,.8,.2,1);\n}\n#oba-tower-about .chip-item:hover {\n  background: #1a1200;\n  border-color: rgba(201,168,76,.35);\n  transform: translateX(6px);\n}\n#oba-tower-about .chip-ico {\n  width: 40px; height: 40px; flex-shrink: 0;\n  background: rgba(201,168,76,.08);\n  border: 1px solid rgba(201,168,76,.2);\n  border-radius: 10px;\n  display: flex; align-items: center; justify-content: center;\n  transition: background .28s, border-color .28s;\n}\n#oba-tower-about .chip-item:hover .chip-ico {\n  background: rgba(201,168,76,.18);\n  border-color: rgba(201,168,76,.45);\n}\n#oba-tower-about .chip-ico svg {\n  width: 18px; height: 18px;\n  stroke: var(--gold); stroke-width: 1.8;\n  fill: none; stroke-linecap: round; stroke-linejoin: round;\n}\n#oba-tower-about .chip-txt b {\n  display: block; font-size: 11px; font-weight: 700;\n  letter-spacing: .1em; text-transform: uppercase;\n  color: rgba(201,168,76,.6); margin-bottom: 2px;\n}\n#oba-tower-about .chip-txt span {\n  font-size: 14px; font-weight: 500; color: var(--white);\n}\n\n\/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n#oba-tower-about .stats-bar {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1px;\n  background: var(--line);\n  border: 1px solid var(--line);\n  border-radius: 16px;\n  overflow: hidden;\n  margin-top: 40px;\n}\n#oba-tower-about .stat-item {\n  background: var(--ink2);\n  padding: 28px 20px;\n  text-align: center;\n  transition: background .3s;\n  position: relative;\n}\n#oba-tower-about .stat-item:nth-child(even) { background: var(--ink3); }\n#oba-tower-about .stat-item:hover { background: #1a1200; }\n#oba-tower-about .stat-item::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--gold), transparent);\n  opacity: 0; transition: opacity .3s;\n}\n#oba-tower-about .stat-item:hover::before { opacity: 1; }\n#oba-tower-about .stat-val {\n  display: block; font-family: var(--serif);\n  font-size: clamp(24px, 2.5vw, 36px); font-weight: 700;\n  color: var(--gl); line-height: 1; margin-bottom: 8px;\n}\n#oba-tower-about .stat-lbl {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: .16em; text-transform: uppercase;\n  color: rgba(247,244,239,.4);\n}\n\n\/* \u2500\u2500 ANIMA\u021aII \u2500\u2500 *\/\n#oba-tower-about .pin-body {\n  transform-origin: 50% 85%;\n  animation: taPin 2.6s cubic-bezier(.36,.07,.19,.97) infinite;\n}\n@keyframes taPin {\n  0%,100% { transform: translateY(0) scale(1); }\n  12%     { transform: translateY(-4px) scale(1.08); }\n  22%     { transform: translateY(0) scale(.96); }\n  30%     { transform: translateY(-2px) scale(1.03); }\n  38%     { transform: translateY(0) scale(1); }\n}\n#oba-tower-about .ripple-ring {\n  position: absolute; inset: 0; border-radius: 16px;\n  border: 1px solid rgba(201,168,76,.5);\n  animation: taRipple 2.6s ease-out infinite;\n  pointer-events: none;\n}\n#oba-tower-about .ripple-ring.r2 { animation-delay: .65s; }\n@keyframes taRipple {\n  0%   { transform: scale(1); opacity: .5; }\n  100% { transform: scale(1.8); opacity: 0; }\n}\n\n#oba-tower-about .tower-body {\n  transform-origin: 50% 100%;\n  animation: taTower 2.8s ease-in-out infinite;\n}\n@keyframes taTower {\n  0%,100% { transform: scaleY(1); }\n  40%     { transform: scaleY(1.06); }\n  70%     { transform: scaleY(.98); }\n}\n#oba-tower-about .tower-shine {\n  animation: taTowerShine 2.8s ease-in-out infinite; opacity: 0;\n}\n@keyframes taTowerShine {\n  0%,20%  { opacity: 0; transform: translateY(0); }\n  50%     { opacity: .7; transform: translateY(-4px); }\n  80%,100%{ opacity: 0; transform: translateY(-8px); }\n}\n\n#oba-tower-about .floors-line {\n  stroke-dasharray: 20; stroke-dashoffset: 20;\n  animation: taFloors 2.4s ease-in-out infinite;\n}\n#oba-tower-about .floors-line:nth-child(2) { animation-delay: .3s; }\n#oba-tower-about .floors-line:nth-child(3) { animation-delay: .6s; }\n@keyframes taFloors {\n  0%,10%   { stroke-dashoffset: 20; opacity: .2; }\n  40%,75%  { stroke-dashoffset: 0;  opacity: 1; }\n  92%,100% { stroke-dashoffset: 20; opacity: .2; }\n}\n\n#oba-tower-about .feat-card:hover .pin-body,\n#oba-tower-about .feat-card:hover .tower-body,\n#oba-tower-about .feat-card:hover .floors-line,\n#oba-tower-about .feat-card:hover .ripple-ring,\n#oba-tower-about .feat-card:hover .tower-shine { animation-play-state: paused; }\n\n\/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n#oba-tower-about .reveal {\n  opacity: 0; transform: translateY(28px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n#oba-tower-about .reveal.visible { opacity: 1; transform: translateY(0); }\n#oba-tower-about .reveal.d1 { transition-delay: .1s; }\n#oba-tower-about .reveal.d2 { transition-delay: .2s; }\n#oba-tower-about .reveal.d3 { transition-delay: .3s; }\n#oba-tower-about .reveal.d4 { transition-delay: .4s; }\n\n@media (prefers-reduced-motion: reduce) {\n  #oba-tower-about .pin-body, #oba-tower-about .tower-body,\n  #oba-tower-about .floors-line, #oba-tower-about .ripple-ring,\n  #oba-tower-about .tower-shine { animation: none; }\n  #oba-tower-about .reveal { opacity: 1; transform: none; transition: none; }\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 980px) {\n  #oba-tower-about .main-row { grid-template-columns: 1fr; }\n  #oba-tower-about .feat-grid { grid-template-columns: 1fr; }\n  #oba-tower-about .stats-bar { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n  #oba-tower-about .stats-bar { grid-template-columns: 1fr; }\n  #oba-tower-about .section-header { padding-left: 16px; }\n}\n<\/style>\n\n<div class=\"wrap\">\n\n  <!-- HEADER -->\n  <div class=\"section-header reveal\">\n    <div class=\"section-badge\">O.B.A. Tower \u00b7 Mamaia Nord<\/div>\n    <h2>Apartamente noi <em>Mamaia Nord<\/em><br>O.B.A. Tower<\/h2>\n    <p>\n      <strong>O.B.A. Tower<\/strong> este un proiect reziden\u021bial \u00eendr\u0103zne\u021b, construit ca un reper pentru zona de nord. Design arhitectural modern, suprafe\u021be vitrate ample \u0219i finisaje premium \u2014 un stil de via\u021b\u0103 de clas\u0103, <strong>aproape de plaj\u0103<\/strong>, restaurante \u0219i cafenele.\n    <\/p>\n  <\/div>\n\n  <!-- FEATURE CARDS -->\n  <div class=\"feat-grid reveal d1\">\n\n    <div class=\"feat-card\">\n      <div class=\"feat-icon\">\n        <span class=\"ripple-ring\"><\/span>\n        <span class=\"ripple-ring r2\"><\/span>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <g class=\"pin-body\">\n            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n          <\/g>\n        <\/svg>\n      <\/div>\n      <h3>Pozi\u021bionare Mamaia Nord<\/h3>\n      <p>Amplasat \u00een nord, la aproximativ 650 m de plaj\u0103, \u00een proximitatea zonelor cu restaurante \u0219i cafenele.<\/p>\n    <\/div>\n\n    <div class=\"feat-card\">\n      <div class=\"feat-icon\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <g class=\"tower-body\">\n            <rect x=\"8\" y=\"3\" width=\"8\" height=\"18\" rx=\"1\"\/>\n            <rect x=\"5\" y=\"8\" width=\"3\" height=\"13\" rx=\"1\"\/>\n            <rect x=\"16\" y=\"8\" width=\"3\" height=\"13\" rx=\"1\"\/>\n            <line class=\"floors-line\" x1=\"8\" y1=\"7\"  x2=\"16\" y2=\"7\"\/>\n            <line class=\"floors-line\" x1=\"8\" y1=\"11\" x2=\"16\" y2=\"11\"\/>\n            <line class=\"floors-line\" x1=\"8\" y1=\"15\" x2=\"16\" y2=\"15\"\/>\n          <\/g>\n          <circle class=\"tower-shine\" cx=\"12\" cy=\"3\" r=\"1.5\" fill=\"#c9a84c\" stroke=\"none\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Concept Tower<\/h3>\n      <p>Volumetrie modern\u0103, suprafe\u021be vitrate mari \u0219i linii rafinate \u2014 12 etaje cu apartamente exclusiviste.<\/p>\n    <\/div>\n\n    <div class=\"feat-card\">\n      <div class=\"feat-icon\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <line class=\"floors-line\" x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\n          <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n          <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"rgba(201,168,76,.25)\" stroke-width=\"1\" fill=\"none\" stroke-dasharray=\"4 3\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Design statement<\/h3>\n      <p>Un proiect care atrage privirile \u2014 arhitectur\u0103 g\u00e2ndit\u0103 s\u0103 r\u0103m\u00e2n\u0103 relevant\u0103 \u00een timp.<\/p>\n    <\/div>\n\n  <\/div>\n\n  <!-- MAIN ROW -->\n  <div class=\"main-row\">\n\n    <!-- TEXT -->\n    <div class=\"main-text reveal d2\">\n      <h3>Despre <em>O.B.A. Tower<\/em><\/h3>\n      <p>\n        <strong>O.B.A. Tower<\/strong> \u00eenseamn\u0103 un stil de via\u021b\u0103 premium la Marea Neagr\u0103 \u2014 proximitate fa\u021b\u0103 de plaj\u0103, zon\u0103 activ\u0103, dar \u0219i un concept reziden\u021bial modern g\u00e2ndit s\u0103 r\u0103m\u00e2n\u0103 relevant \u00een timp.\n      <\/p>\n      <p>\n        Proiectul pune accent pe <strong>arhitectur\u0103, finisaje \u0219i func\u021bionalitate<\/strong> \u2014 pentru locuire, dar \u0219i pentru investi\u021bie cu randament bun sezonier sau pe termen lung.\n      <\/p>\n      <p>\n        Cu <strong>fa\u021bade vitrate \u0219i solu\u021bii de confort<\/strong>, O.B.A. Tower ofer\u0103 o experien\u021b\u0103 de locuire la standard \u00eenalt: \u00eenc\u0103lzire \u00een pardoseal\u0103, parcare subteran\u0103 \u0219i detalii premium de la b\u0103i placate cu marmur\u0103 p\u00e2n\u0103 la tavane Barrisol.\n      <\/p>\n      <p>\n        Cele <strong>12 etaje<\/strong> cu apartamente finisate premium, restaurant \u0219i centru de relaxare fac din O.B.A. Tower mai mult dec\u00e2t un simplu ansamblu reziden\u021bial \u2014 un reper al zonei.\n      <\/p>\n    <\/div>\n\n    <!-- DOT\u0102RI -->\n    <div class=\"dotari-panel reveal d3\">\n      <h3>Dot\u0103ri <em>premium<\/em><\/h3>\n      <div class=\"dotari-list\">\n\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n          <span>Apartamente finisate premium<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n          <span>~650 m de plaj\u0103<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\n          <span>Restaurant \u0219i centru de relaxare<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div>\n          <span>Sta\u021bie \u00eenc\u0103rcare ma\u0219ini electrice<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg><\/div>\n          <span>Fa\u021bade vitrate \/ ventilate \/ decorative<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg><\/div>\n          <span>Tavane Barrisol \u2014 op\u021biuni lucioase\/mate<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n          <span>Parcare subteran\u0103 + parcare securizat\u0103<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z\"\/><\/svg><\/div>\n          <span>\u00cenc\u0103lzire \u00een pardoseal\u0103<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\"\/><path d=\"M12 12h.01\"\/><\/svg><\/div>\n          <span>B\u0103i placate cu marmur\u0103<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\n          <span>Finisaje la alegere: marmur\u0103 \/ ceramic\u0103 \/ parchet<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\/><line x1=\"7\" y1=\"6\" x2=\"17\" y2=\"6\"\/><line x1=\"7\" y1=\"18\" x2=\"17\" y2=\"18\"\/><\/svg><\/div>\n          <span>Lift de ultim\u0103 genera\u021bie<\/span>\n        <\/div>\n        <div class=\"dotare-item\">\n          <div class=\"dotare-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg><\/div>\n          <span>Supraveghere video 24\/24 (imobil &#038; parcare)<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- STATS BAR -->\n  <div class=\"stats-bar reveal d4\">\n    <div class=\"stat-item\">\n      <span class=\"stat-val\">12<\/span>\n      <span class=\"stat-lbl\">Etaje<\/span>\n    <\/div>\n    <div class=\"stat-item\">\n      <span class=\"stat-val\">650m<\/span>\n      <span class=\"stat-lbl\">P\u00e2n\u0103 la plaj\u0103<\/span>\n    <\/div>\n    <div class=\"stat-item\">\n      <span class=\"stat-val\">A+<\/span>\n      <span class=\"stat-lbl\">Clas\u0103 energetic\u0103<\/span>\n    <\/div>\n    <div class=\"stat-item\">\n      <span class=\"stat-val\">Premium<\/span>\n      <span class=\"stat-lbl\">Finisaje<\/span>\n    <\/div>\n  <\/div>\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('#oba-tower-about .reveal');\n  if(!els.length) return;\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){ e.target.classList.add('visible'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.12 });\n    els.forEach(function(el){ io.observe(el); });\n  } else {\n    els.forEach(function(el){ el.classList.add('visible'); });\n  }\n})();\n<\/script>\n<!-- ================== END OBA TOWER DESPRE PROIECT ================== -->\n\n\n\n<!-- ================== OBA TOWER \u2014 TIPURI DISPONIBILE (GRID PREMIUM + SEO) ================== -->\n<section id=\"oba-tower-units\" aria-label=\"apartamente Mamaia Nord O.B.A. Tower - tipuri disponibile\">\n  <style>\n    #oba-tower-units{\n      --gold:#bfa046;\n      --gold2:#9f8438;\n      --ink:#0b0e14;\n      --muted:#5b6472;\n      --bd:rgba(11,14,20,.12);\n      --soft:#f6f7f9;\n      --card:#ffffff;\n      --shadow:0 14px 34px rgba(0,0,0,.10);\n\n      font-family:Inter,system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;\n      color:var(--ink);\n      background:#fff;\n      width:100%;\n      margin:0;\n      padding:clamp(36px,5vw,70px) 0;\n      box-sizing:border-box;\n      overflow:hidden;\n    }\n    #oba-tower-units, #oba-tower-units *{box-sizing:border-box}\n\n    #oba-tower-units .wrap{\n      width:min(1240px, calc(100% - 36px));\n      margin:0 auto;\n    }\n\n    #oba-tower-units h2{\n      margin:0 0 10px;\n      font-weight:950;\n      letter-spacing:.2px;\n      font-size:clamp(22px,2.8vw,34px);\n      text-align:left;\n      border-left:6px solid var(--gold);\n      padding-left:12px;\n      line-height:1.2;\n    }\n    #oba-tower-units p.lead{\n      margin:0 0 22px;\n      line-height:1.75;\n      color:#2c2f36;\n      max-width:92ch;\n      text-align:left;\n      font-weight:550;\n    }\n    #oba-tower-units p.lead strong{font-weight:900;color:var(--ink)}\n\n    #oba-tower-units .grid{\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0,1fr));\n      gap:18px;\n      align-items:stretch;\n    }\n\n    #oba-tower-units .card{\n      background:var(--card);\n      border:1px solid var(--bd);\n      border-radius:18px;\n      overflow:hidden;\n      box-shadow:0 10px 26px rgba(0,0,0,.06);\n      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;\n      display:flex;\n      flex-direction:column;\n      min-height:100%;\n    }\n    #oba-tower-units .card:hover{\n      transform:translateY(-3px);\n      box-shadow:var(--shadow);\n      border-color:rgba(191,160,70,.55);\n    }\n\n    #oba-tower-units .media{\n      position:relative;\n      aspect-ratio: 16 \/ 10;\n      background:var(--soft);\n      overflow:hidden;\n    }\n    #oba-tower-units .media img{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      object-position:center;\n      display:block;\n      transform:scale(1.02);\n      transition:transform .35s ease, filter .35s ease;\n      filter:saturate(1.03) contrast(1.03) brightness(1.02);\n    }\n    #oba-tower-units .card:hover .media img{transform:scale(1.06)}\n\n    #oba-tower-units .media::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.10) 100%);\n      pointer-events:none;\n    }\n\n    #oba-tower-units .badge{\n      position:absolute;\n      top:12px;\n      left:12px;\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding:8px 10px;\n      border-radius:999px;\n      background:linear-gradient(135deg, rgba(191,160,70,.96), rgba(159,132,56,.96));\n      color:#fff;\n      font-size:11px;\n      font-weight:950;\n      letter-spacing:.6px;\n      text-transform:uppercase;\n      border:1px solid rgba(255,255,255,.25);\n      box-shadow:0 10px 24px rgba(0,0,0,.18);\n      z-index:2;\n      max-width:calc(100% - 24px);\n      white-space:nowrap;\n      overflow:hidden;\n      text-overflow:ellipsis;\n    }\n    #oba-tower-units .badge svg{\n      width:14px;height:14px;\n      stroke:#fff;stroke-width:2.3;fill:none;\n      flex:0 0 auto;\n    }\n\n    #oba-tower-units .body{\n      padding:16px 16px 16px;\n      display:flex;\n      flex-direction:column;\n      gap:12px;\n      flex:1 1 auto;\n    }\n\n    #oba-tower-units .title{\n      margin:0;\n      font-size:16px;\n      font-weight:950;\n      letter-spacing:-.2px;\n      line-height:1.25;\n      color:var(--ink);\n    }\n\n    #oba-tower-units .meta{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-top:-4px;\n    }\n\n    #oba-tower-units .chip{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding:6px 10px;\n      border-radius:999px;\n      background:#f3f4f6;\n      border:1px solid rgba(11,14,20,.10);\n      color:#111;\n      font-size:12px;\n      font-weight:900;\n      line-height:1;\n      white-space:nowrap;\n    }\n    #oba-tower-units .chip svg{\n      width:14px;height:14px;\n      stroke:var(--gold2);stroke-width:2.2;fill:none;\n      flex:0 0 auto;\n    }\n\n    #oba-tower-units .desc{\n      margin:0;\n      font-size:13.5px;\n      line-height:1.65;\n      color:rgba(11,14,20,.78);\n      font-weight:550;\n    }\n\n    #oba-tower-units .note{\n      margin:0;\n      font-size:12.5px;\n      line-height:1.55;\n      color:rgba(11,14,20,.70);\n      font-weight:650;\n      padding:10px 12px;\n      border-radius:14px;\n      background:linear-gradient(135deg, #fafafa, #fff);\n      border:1px solid rgba(191,160,70,.18);\n    }\n    #oba-tower-units .note strong{color:var(--ink);font-weight:950}\n\n    #oba-tower-units .cta{\n      margin-top:auto;\n      display:flex;\n      gap:10px;\n    }\n    #oba-tower-units .btn{\n      flex:1;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      height:42px;\n      border-radius:14px;\n      font-weight:950;\n      font-size:13px;\n      text-decoration:none;\n      border:2px solid var(--gold);\n      transition:.18s ease;\n      user-select:none;\n    }\n    #oba-tower-units .btn-primary{\n      background:linear-gradient(135deg, var(--gold), var(--gold2));\n      color:#fff;\n      box-shadow:0 10px 24px rgba(191,160,70,.18);\n      border-color:transparent;\n    }\n    #oba-tower-units .btn-primary:hover{\n      transform:translateY(-1px);\n      box-shadow:0 14px 28px rgba(191,160,70,.26);\n    }\n    #oba-tower-units .btn-secondary{\n      background:#fff;\n      color:#000;\n    }\n    #oba-tower-units .btn-secondary:hover{\n      background:#0b0e14;\n      color:#fff;\n      border-color:rgba(191,160,70,.65);\n    }\n    #oba-tower-units .btn svg{\n      width:16px;height:16px;\n      stroke:currentColor;stroke-width:2.2;fill:none;\n    }\n\n    @media(max-width:980px){\n      #oba-tower-units .grid{grid-template-columns:repeat(2, minmax(0,1fr))}\n    }\n    @media(max-width:640px){\n      #oba-tower-units .wrap{width:min(1240px, calc(100% - 28px))}\n      #oba-tower-units .grid{grid-template-columns:1fr}\n      #oba-tower-units .media{aspect-ratio: 16 \/ 11;}\n    }\n  <\/style>\n\n  <div class=\"wrap\">\n    <h2>Tipuri disponibile \u00een <strong>apartamente Mamaia Nord O.B.A. Tower<\/strong><\/h2>\n    <p class=\"lead\">\n      Ai mai multe op\u021biuni de compartimentare \u00een <strong>apartamente Mamaia Nord O.B.A. Tower<\/strong>, de la studio-uri generoase\n      la apartamente cu 2 camere. Suprafe\u021bele sunt g\u00e2ndite practic, iar \u00een func\u021bie de pozi\u021bia unit\u0103\u021bii, balconul poate fi <strong>drept<\/strong>\n      sau <strong>\u00een valuri<\/strong>.\n    <\/p>\n\n    <div class=\"grid\" aria-label=\"Unit\u0103\u021bi disponibile O.B.A. Tower\">\n      <!-- STUDIO -->\n      <article class=\"card\">\n        <div class=\"media\">\n          <img src=\"https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Studio-Tower.png\"\n               alt=\"Studio disponibil \u00een O.B.A. Tower \u2013 apartamente Mamaia Nord\"\n               loading=\"lazy\" decoding=\"async\">\n          <span class=\"badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 7h16\"\/><path d=\"M4 12h16\"\/><path d=\"M4 17h10\"\/><\/svg>\n            Studio\n          <\/span>\n        <\/div>\n        <div class=\"body\">\n          <h3 class=\"title\">Studio \u2013 O.B.A. Tower (Mamaia Nord)<\/h3>\n\n          <div class=\"meta\">\n            <span class=\"chip\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 21h16\"\/><path d=\"M7 21V6h10v15\"\/><path d=\"M9 9h.01M12 9h.01M15 9h.01\"\/><\/svg>\n              Suprafa\u021b\u0103 construit\u0103: 58.45 mp\n            <\/span>\n          <\/div>\n\n          <p class=\"desc\">\n            Studio spa\u021bios, potrivit pentru locuire sau investi\u021bie, \u00eentr-un proiect premium din Mamaia Nord.\n          <\/p>\n\n          <p class=\"note\">\n            <strong>Not\u0103:<\/strong> \u00een func\u021bie de pozi\u021bia studio-ului, balconul poate fi <strong>drept<\/strong> sau <strong>\u00een valuri<\/strong>.\n          <\/p>\n\n          <div class=\"cta\">\n            <a class=\"btn btn-primary\" href=\"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/oba-tower\/studio-o-b-a-tower\/\">\n              Vezi detalii\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n            <\/a>\n            <a class=\"btn btn-secondary\" href=\"#oba-cta\">\n              Cere ofert\u0103\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v12H5.5L4 17.5V4Z\"\/><path d=\"M7 8h10\"\/><path d=\"M7 11h8\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 2 CAMERE 66.10 -->\n      <article class=\"card\">\n        <div class=\"media\">\n          <img src=\"https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/apartament-2-camere-Tower.png\"\n               alt=\"Apartament 2 camere 66.10 mp \u00een O.B.A. Tower \u2013 apartamente Mamaia Nord\"\n               loading=\"lazy\" decoding=\"async\">\n          <span class=\"badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"\/><path d=\"M6 21V8l6-4 6 4v13\"\/><path d=\"M9 21v-6h6v6\"\/><\/svg>\n            2 camere\n          <\/span>\n        <\/div>\n        <div class=\"body\">\n          <h3 class=\"title\">Apartament 2 camere \u2013 66.10 mp<\/h3>\n\n          <div class=\"meta\">\n            <span class=\"chip\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 21h16\"\/><path d=\"M7 21V6h10v15\"\/><path d=\"M9 9h.01M12 9h.01M15 9h.01\"\/><\/svg>\n              Suprafa\u021b\u0103 construit\u0103: 66.10 mp\n            <\/span>\n          <\/div>\n\n          <p class=\"desc\">\n            Compartimentare echilibrat\u0103 pentru locuire confortabil\u0103, cu spa\u021bii u\u0219or de mobilat \u0219i folosit zilnic.\n          <\/p>\n\n          <p class=\"note\">\n            <strong>Not\u0103:<\/strong> \u00een func\u021bie de pozi\u021bia apartamentului, balconul poate fi <strong>drept<\/strong> sau <strong>\u00een valuri<\/strong>.\n          <\/p>\n\n          <div class=\"cta\">\n            <a class=\"btn btn-primary\" href=\"https:\/\/www.obadifferentbyluxury.ro\/proiecte\/oba-tower\/apartament-2-camere-o-b-a-tower-66-10-mp\/\">\n              Vezi detalii\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n            <\/a>\n            <a class=\"btn btn-secondary\" href=\"#oba-cta\">\n              Cere ofert\u0103\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v12H5.5L4 17.5V4Z\"\/><path d=\"M7 8h10\"\/><path d=\"M7 11h8\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 2 CAMERE 85.85 -->\n      <article class=\"card\">\n        <div class=\"media\">\n          <img src=\"https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/apartament-2-camere-Tower-86-mp.png\"\n               alt=\"Apartament 2 camere 85.85 mp \u00een O.B.A. Tower \u2013 apartamente Mamaia Nord\"\n               loading=\"lazy\" decoding=\"async\">\n          <span class=\"badge\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"\/><path d=\"M6 21V8l6-4 6 4v13\"\/><path d=\"M9 21v-6h6v6\"\/><\/svg>\n            2 camere\n          <\/span>\n        <\/div>\n        <div class=\"body\">\n          <h3 class=\"title\">Apartament 2 camere \u2013 85.85 mp<\/h3>\n\n          <div class=\"meta\">\n            <span class=\"chip\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 21h16\"\/><path d=\"M7 21V6h10v15\"\/><path d=\"M9 9h.01M12 9h.01M15 9h.01\"\/><\/svg>\n              Suprafa\u021b\u0103 construit\u0103: 85.85 mp\n            <\/span>\n          <\/div>\n\n          <p class=\"desc\">\n            Varianta cu suprafa\u021b\u0103 mai mare, potrivit\u0103 dac\u0103 vrei living generos, zon\u0103 de dining \u0219i un plus de confort.\n          <\/p>\n\n          <p class=\"note\">\n            <strong>Not\u0103:<\/strong> \u00een func\u021bie de pozi\u021bia apartamentului, balconul poate fi <strong>drept<\/strong> sau <strong>\u00een valuri<\/strong>.\n          <\/p>\n\n          <div class=\"cta\">\n            <a class=\"btn btn-primary\" href=\"https:\/\/www.obadifferentbyluxury.ro\/proiecte\/oba-tower\/apartament-2-camere-o-b-a-tower-85-85-mp\/\">\n              Vezi detalii\n              <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n            <\/a>\n            <a class=\"btn btn-secondary\" href=\"#oba-cta\">\n              Cere ofert\u0103\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v12H5.5L4 17.5V4Z\"\/><path d=\"M7 8h10\"\/><path d=\"M7 11h8\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- ================== OBA TOWER \u2014 GALERIE SEO (ACCORDION FLEX HOVER) \u2014 CONTAINER SAFE (1600) ================== -->\n<section id=\"oba-tower-accordion-gallery\" aria-label=\"Galerie foto apartamente Mamaia Nord O.B.A. Tower\">\n  <style>\n    #oba-tower-accordion-gallery{\n      --gold:#bfa046;\n      --gold2:#9f8438;\n      --ink:#0b0e14;\n      --muted:#5b6472;\n      font-family:Inter,system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;\n      color:var(--ink);\n      width:100%;\n      margin:0;\n      padding:0;\n      box-sizing:border-box;\n      overflow:hidden; \/* taie orice pixel r\u0103t\u0103cit *\/\n    }\n    #oba-tower-accordion-gallery, #oba-tower-accordion-gallery *{box-sizing:border-box}\n\n    \/* container-safe *\/\n    #oba-tower-accordion-gallery .wrap{\n      width:100%;\n      max-width:100%;\n      margin:0;\n      padding:0;\n      overflow:hidden;\n    }\n\n    \/* SEO head (\u00eenainte) *\/\n    #oba-tower-accordion-gallery .seo{\n      max-width:100%;\n      margin:0 0 14px;\n      padding:0;\n      text-align:left;\n    }\n    #oba-tower-accordion-gallery .kicker{\n      display:flex;\n      align-items:center;\n      gap:12px;\n      font-size:12px;\n      font-weight:950;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n      color:rgba(11,14,20,.70);\n      margin:0 0 10px;\n    }\n    #oba-tower-accordion-gallery .kicker i{\n      width:54px;height:2px;border-radius:999px;\n      background:linear-gradient(90deg,var(--gold),var(--gold2));\n      display:inline-block;\n    }\n    #oba-tower-accordion-gallery .seo h2{\n      margin:0 0 10px;\n      font-size:clamp(20px,2.2vw,30px);\n      font-weight:980;\n      letter-spacing:-.3px;\n      line-height:1.14;\n      color:var(--ink);\n    }\n    #oba-tower-accordion-gallery .seo p{\n      margin:0;\n      color:var(--muted);\n      font-size:14.5px;\n      font-weight:800;\n      line-height:1.8;\n      max-width:92ch;\n    }\n\n    \/* accordion pe l\u0103\u021bimea containerului (1600) *\/\n    #oba-tower-accordion-gallery .accordion{\n      display:flex;\n      gap:0;\n      width:100%;\n      max-width:100%;\n      height:clamp(360px,40vw,520px);\n      overflow:hidden;\n      background:#0b0e14;\n      border-radius:0;\n    }\n\n    #oba-tower-accordion-gallery .accordion .item{\n      background-size:cover;\n      background-position:center;\n      background-repeat:no-repeat;\n      flex:1;\n      min-width:0;\n      position:relative;\n      transition:flex 420ms ease;\n      filter:saturate(1.02) contrast(1.02);\n    }\n    #oba-tower-accordion-gallery .accordion .item:hover{ flex:3; }\n\n    \/* overlay minim (doar jos) *\/\n    #oba-tower-accordion-gallery .overlay{\n      position:absolute;\n      inset:0;\n      display:flex;\n      align-items:flex-end;\n      padding:18px;\n      background:linear-gradient(180deg, rgba(0,0,0,0) 62%, rgba(0,0,0,.80) 100%);\n    }\n    #oba-tower-accordion-gallery .overlay-inner{\n      width:100%;\n      color:#fff;\n      opacity:.92;\n      transform:translateY(6px);\n      transition:transform 240ms ease, opacity 240ms ease;\n    }\n    #oba-tower-accordion-gallery .item:hover .overlay-inner{\n      transform:translateY(0);\n      opacity:1;\n    }\n\n    #oba-tower-accordion-gallery .overlay-inner h3{\n      margin:0 0 6px;\n      font-size:clamp(15px,1.25vw,20px);\n      font-weight:950;\n      letter-spacing:-.2px;\n      line-height:1.12;\n      color:#fff;\n      text-shadow:0 10px 24px rgba(0,0,0,.40);\n    }\n    #oba-tower-accordion-gallery .overlay-inner p{\n      margin:0;\n      font-size:12px;\n      font-weight:750;\n      line-height:1.45;\n      color:rgba(255,255,255,.86);\n      text-shadow:0 10px 24px rgba(0,0,0,.38);\n\n      display:-webkit-box;\n      -webkit-line-clamp:1; \/* 1 r\u00e2nd max *\/\n      -webkit-box-orient:vertical;\n      overflow:hidden;\n    }\n\n    \/* SEO helper invizibil (cuvinte cheie) *\/\n    #oba-tower-accordion-gallery .sr-only{\n      position:absolute !important;\n      width:1px;height:1px;\n      padding:0;margin:-1px;\n      overflow:hidden;\n      clip:rect(0,0,0,0);\n      white-space:nowrap;border:0;\n    }\n\n    \/* mobile: swipe *\/\n    @media (max-width:900px){\n      #oba-tower-accordion-gallery .accordion{\n        height:340px;\n        overflow-x:auto;\n        scroll-snap-type:x mandatory;\n      }\n      #oba-tower-accordion-gallery .accordion .item{\n        flex:0 0 88%;\n        scroll-snap-align:start;\n      }\n      #oba-tower-accordion-gallery .accordion .item:hover{ flex:0 0 88%; }\n      #oba-tower-accordion-gallery .overlay{ padding:16px; }\n    }\n\n    @media (prefers-reduced-motion:reduce){\n      #oba-tower-accordion-gallery .accordion .item{ transition:none; }\n      #oba-tower-accordion-gallery .overlay-inner{ transition:none; }\n    }\n  <\/style>\n\n  <div class=\"wrap\">\n    <!-- TITLU + PARAGRAF SEO (\u00ceNAINTE) -->\n    <div class=\"seo\">\n      <div class=\"kicker\"><i><\/i> Galerie foto \u2022 O.B.A. Tower<\/div>\n      <h2>Apartamente Mamaia Nord O.B.A. Tower \u2013 imagini din proiect<\/h2>\n      <p>\n        Galerie vizual\u0103 pentru <b>apartamente Mamaia Nord O.B.A. Tower<\/b> \u2013 cadre care eviden\u021biaz\u0103 arhitectura, pozi\u021bionarea\n        aproape de litoral \u0219i atmosfera premium a proiectului. Format interactiv, rapid de parcurs, util pentru o prim\u0103 impresie.\n      <\/p>\n    <\/div>\n\n    <!-- GALERIA -->\n    <div class=\"accordion\" role=\"list\" aria-label=\"Galerie foto O.B.A. Tower\">\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/2-1.jpg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Exterior proiect<\/h3>\n          <p>apartamente Mamaia Nord O.B.A. Tower \u2013 vedere de ansamblu.<\/p>\n          <span class=\"sr-only\">apartamente mamaia nord, O.B.A. Tower, exterior proiect<\/span>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/4-1.jpg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Concept arhitectural<\/h3>\n          <p>Linii moderne, vitraje mari, identitate premium.<\/p>\n          <span class=\"sr-only\">apartamente mamaia nord, arhitectur\u0103 modern\u0103, O.B.A. Tower<\/span>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Apartament-Mamaia-Nord.jpg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Apartamente premium<\/h3>\n          <p>Spa\u021bii luminoase \u0219i compartiment\u0103ri eficiente.<\/p>\n          <span class=\"sr-only\">apartamente mamaia nord, apartamente premium, O.B.A. Tower<\/span>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/oba-tower.jpeg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Landmark Mamaia Nord<\/h3>\n          <p>Proiect nou, pozi\u021bionat strategic \u00een nordul sta\u021biunii.<\/p>\n          <span class=\"sr-only\">apartamente mamaia nord, proiect reziden\u021bial nou, O.B.A. Tower<\/span>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"item\" role=\"listitem\" style=\"background-image:url('https:\/\/www.obadifferentbyluxury.ro\/wp-content\/uploads\/Tower_8.jpg');\">\n        <div class=\"overlay\"><div class=\"overlay-inner\">\n          <h3>Detalii &#038; atmosfer\u0103<\/h3>\n          <p>Imaginea de ansamblu a stilului O.B.A. Tower.<\/p>\n          <span class=\"sr-only\">apartamente mamaia nord, detalii proiect, O.B.A. Tower<\/span>\n        <\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<section class=\"office-locater-one olc-layout layout-4\" data-id=\"olc_149989\" id=\"olc_149989\">\n    <div class=\"olc-container\">\n\n        <script type=\"text\/javascript\">\n            ofcMapObj['olc_149989'] = {\"offices\":\"5986\",\"custom_store_marker\":\"\",\"custom_start_location_marker\":\"\",\"custom_style\":\"\",\"map_width\":\"100%\",\"map_height\":\"100%\",\"map_view_type\":\"roadmap\",\"map_style\":[{\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#f5f5f5\"}]},{\"elementType\":\"labels.icon\",\"stylers\":[{\"visibility\":\"off\"}]},{\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#616161\"}]},{\"elementType\":\"labels.text.stroke\",\"stylers\":[{\"color\":\"#f5f5f5\"}]},{\"featureType\":\"administrative.land_parcel\",\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#bdbdbd\"}]},{\"featureType\":\"poi\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#eeeeee\"}]},{\"featureType\":\"poi\",\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#757575\"}]},{\"featureType\":\"poi.park\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#e5e5e5\"}]},{\"featureType\":\"poi.park\",\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#9e9e9e\"}]},{\"featureType\":\"road\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#ffffff\"}]},{\"featureType\":\"road.arterial\",\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#757575\"}]},{\"featureType\":\"road.highway\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#dadada\"}]},{\"featureType\":\"road.highway\",\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#616161\"}]},{\"featureType\":\"road.local\",\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#9e9e9e\"}]},{\"featureType\":\"transit.line\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#e5e5e5\"}]},{\"featureType\":\"transit.station\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#eeeeee\"}]},{\"featureType\":\"water\",\"elementType\":\"geometry\",\"stylers\":[{\"color\":\"#c9c9c9\"}]},{\"featureType\":\"water\",\"elementType\":\"labels.text.fill\",\"stylers\":[{\"color\":\"#9e9e9e\"}]}],\"store_marker\":\"https:\\\/\\\/www.obadifferentbyluxury.ro\\\/wp-content\\\/plugins\\\/office-locator\\\/admin\\\/images\\\/user-marker\\\/red.png\",\"start_location_marker\":\"https:\\\/\\\/www.obadifferentbyluxury.ro\\\/wp-content\\\/plugins\\\/office-locator\\\/admin\\\/images\\\/user-marker\\\/blue.png\",\"no_result_msg\":\"No offices found.\",\"start_location_marker_msg\":\"Your Start Office Location\",\"back_btn_text\":\"Back\",\"load_olc_stores\":[],\"olc_zoom_map\":\"10\",\"olc_inner_map\":\"25\",\"street_view_control\":\"yes\",\"map_type_control\":\"yes\",\"wheel_zooming\":\"yes\",\"full_screen_control\":\"yes\",\"zoom_control\":\"yes\",\"zoom_position\":\"RIGHT_BOTTOM\",\"full_screen_ctlr_pos\":\"RIGHT_TOP\",\"street_view_ctlr_pos\":\"RIGHT_BOTTOM\",\"olc_lat_long\":[\"44.26239950000001\",\"28.6187463\"],\"map_type_ctlr_pos\":\"TOP_LEFT\",\"map_layout\":\"layout-4\",\"enable_store_filter\":\"no\",\"enable_store_office\":\"no\",\"office_category_filter\":\"no\",\"enable_start_location_marker_control\":\"no\",\"enable_store_location_marker_control\":\"yes\",\"enable_start_location_marker_pop_up_control\":\"no\",\"enable_store_location_marker_pop_up_control\":\"yes\",\"start_location_marker_width\":\"25px\",\"start_location_marker_height\":\"35px\",\"store_location_marker_width\":\"25px\",\"store_location_marker_height\":\"35px\",\"map_container_max_width\":\"100%\",\"map_container_size\":\"full-width\",\"map_background_color\":\"#f9f9f9\",\"map_office_radius\":\"10\",\"map_office_category\":\"0\",\"map_office_results\":\"10\",\"map_office_unit\":\"km\",\"load_olc_markers\":[],\"olc_view\":\"\",\"olc_panel\":\"\",\"olc_map\":\"\"};        \n        <\/script>\n        <div class=\"office-locater-filter olc-col-1\">\n            <form class=\"olc-storelocator-filter hidden \" method=\"post\">\n    <div class=\"olc-location-search\">           \n        <div class=\"olc-input olc-location-search-box\">\n            <label for=\"olc-location-search-input\">Cauta locatie<\/label> \n            <input class=\"olc-location-search-input\"  name=\"location_search\" placeholder=\"Introdu adresa\" autocomplete=\"off\">\n        <\/div>\n        <div class=\"olc-results\">\n            <div class=\"olc-input olc-input-radius\">\n                <label for=\"olc_radius\">Raza cautare<\/label>   \n                <select id=\"olc_radius\" name=\"olc_radius\" class=\"olc_radius\">\n                                                <option value=\"10\" selected>10 km<\/option>\n                                                        <option value=\"25\" >25 km<\/option>\n                                                        <option value=\"50\" >50 km<\/option>\n                                                        <option value=\"100\" >100 km<\/option>\n                                                        <option value=\"200\" >200 km<\/option>\n                                                        <option value=\"500\" >500 km<\/option>\n                                                        <option value=\"1000\" >1000 km<\/option>\n                                            <\/select>               \n            <\/div>  \n            <div class=\"olc-input olc-input-results\">\n                <label for=\"olc_results\">Proiecte afisate<\/label>                 \n                <select class=\"olc_results\" id=\"olc_results\" name=\"olc_results\">\n                                                <option value=\"10\" selected>10<\/option>\n                                                        <option value=\"25\" >25<\/option>\n                                                        <option value=\"50\" >50<\/option>\n                                                        <option value=\"75\" >75<\/option>\n                                                        <option value=\"100\" >100<\/option>\n                                            <\/select>   \n            <\/div>\n                    <\/div>\n        <div class=\"olc-input\">\n            <input type=\"hidden\" id=\"olcType\" name=\"olcType\" value=\"7babff310a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ro_ro\/wp-json\/wp\/v2\/pages\/2738\" \/>            <input type=\"hidden\" name=\"action\" value=\"get_office_locator_stores\">\n            <input type=\"hidden\" name=\"olc_latitude\"  class=\"olc_latitude\" value=\"\">\n            <input type=\"hidden\" name=\"olc_longitude\" class=\"olc_longitude\" value=\"\">\n            <input type=\"hidden\" name=\"olc_office_ids\" class=\"olc_office_ids\" value=\"\">\n            <input type=\"hidden\" name=\"olc_layout\" class=\"olc_layout\" value=\"layout-4\">\n            <input type=\"hidden\" name=\"olc_distance_unit\" class=\"olc_distance_unit\" value=\"km\">\n            <button type=\"submit\" class=\"olc-btn olc-submit-btn\">Cauta<span class=\"olc-loader\"><i class=\"fa-solid fa-spin fa-spinner\"><\/i><\/span><\/button>\n        <\/div>  \n    <\/div>\n<\/form>        <\/div>\n        <style> \n            #olc_149989 .olc-google-map{  width:100% !important; height:100% !important; } #olc_149989 .office-panel{ height:100% !important; } #olc_149989.olc-layout { max-width: 100% !important; background:#f9f9f9; } @media only screen and (max-width: 767px){ #olc_149989 .olc-google-map, #olc_149989 .office-panel {height: 500px  !important;width: 100%  !important; }} @media only screen and (max-width: 575px){ #olc_149989 .office-panel,#olc_149989 .olc-google-map {height: 400px  !important;}}        <\/style>\n                                <div class=\"olc-google-map\"><\/div>\n                \n    <\/div>\n<\/section>\n\n\n\n<!-- ================== OBA \u2014 CTA PREMIUM ================== --> <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&#038;family=DM+Sans:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\"> <section id=\"oba-cta\" aria-labelledby=\"oba-cta-title\"> <style> #oba-cta { --gold: #C4973A; --gold2: #9f8438; --gold-dim: rgba(196,151,58,0.10); --gold-border: rgba(196,151,58,0.22); --ink: #0E0E0E; --ink-soft: #1C1C1E; --muted: #6B6B6B; --line: rgba(255,255,255,0.09); --serif: 'Cormorant Garamond', Georgia, serif; --sans: 'DM Sans', system-ui, sans-serif; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; background: #0D0F14; position: relative; overflow: hidden; } #oba-cta * { box-sizing: border-box; margin: 0; padding: 0; } #oba-cta a { text-decoration: none; color: inherit; } #oba-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(900px 600px at 10% 40%, rgba(196,151,58,0.09), transparent 55%), radial-gradient(700px 500px at 90% 20%, rgba(196,151,58,0.05), transparent 55%); pointer-events: none; } #oba-cta::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(196,151,58,0.5) 40%, rgba(196,151,58,0.15) 100%); } #oba-cta .wrap { position: relative; z-index: 1; width: min(1280px, 92vw); margin: 0 auto; padding: clamp(64px, 8vw, 110px) 0; } \/* ===== LAYOUT GRID ===== *\/ #oba-cta .grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(460px, 520px); gap: clamp(40px, 5vw, 84px); align-items: start; } \/* ===== ST\u00c2NGA ===== *\/ #oba-cta .eyebrow { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } #oba-cta .eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--gold); flex-shrink: 0; } #oba-cta .eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 3px rgba(196,151,58,0.2); animation: obaPulse 2.4s ease infinite; display: inline-block; flex-shrink: 0; } @keyframes obaPulse { 0%, 100% { opacity: 1; box-shadow: 0 0 0 3px rgba(196,151,58,0.2); } 50% { opacity: 0.7; box-shadow: 0 0 0 6px rgba(196,151,58,0.08); } } #oba-cta h2 { font-family: var(--serif); font-size: clamp(34px, 3.6vw, 56px); font-weight: 400; line-height: 1.08; letter-spacing: -0.02em; color: #ffffff; margin-bottom: 24px; text-wrap: balance; max-width: 16ch; } #oba-cta h2 em { font-style: italic; color: var(--gold); } #oba-cta .lead { font-family: var(--sans); font-size: 15.5px; line-height: 1.8; color: rgba(255,255,255,0.58); font-weight: 300; max-width: 56ch; margin-bottom: 44px; } #oba-cta .lead strong { color: rgba(255,255,255,0.88); font-weight: 500; } \/* ===== MINI CARDS ===== *\/ #oba-cta .mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 40px; } #oba-cta .mini-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px; background: rgba(255,255,255,0.04); border: 1px solid var(--line); border-radius: 14px; transition: background 0.2s, border-color 0.2s; } #oba-cta .mini-card:hover { background: rgba(255,255,255,0.07); border-color: var(--gold-border); } #oba-cta .mini-ico { width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: var(--gold-dim); border: 1px solid var(--gold-border); display: flex; align-items: center; justify-content: center; color: var(--gold); margin-top: 1px; } #oba-cta .mini-ico svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; } #oba-cta .mini-card b { display: block; font-family: var(--sans); font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.9); margin-bottom: 3px; line-height: 1.3; } #oba-cta .mini-card span { font-family: var(--sans); font-size: 12.5px; color: rgba(255,255,255,0.42); font-weight: 300; line-height: 1.5; } \/* ===== BUTOANE ===== *\/ #oba-cta .actions { display: flex; gap: 12px; flex-wrap: wrap; } #oba-cta .btn { display: inline-flex; align-items: center; gap: 9px; padding: 14px 26px; border-radius: 10px; font-family: var(--sans); font-size: 13.5px; font-weight: 500; letter-spacing: 0.01em; border: 1.5px solid transparent; cursor: pointer; transition: all 0.22s ease; white-space: nowrap; } #oba-cta .btn svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; transition: transform 0.22s ease; } #oba-cta .btn:hover svg { transform: translateX(3px); } #oba-cta .btn-primary { background: linear-gradient(135deg, var(--gold), var(--gold2)); color: #0E0E0E; font-weight: 600; border-color: transparent; } #oba-cta .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(196,151,58,0.28); } #oba-cta .btn-ghost { background: transparent; color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.15); } #oba-cta .btn-ghost:hover { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.95); border-color: rgba(255,255,255,0.25); } \/* ===== DREAPTA \u2014 FORM CARD ===== *\/ #oba-cta .form-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); border-radius: 22px; overflow: hidden; position: relative; backdrop-filter: blur(12px); box-shadow: 0 18px 60px rgba(0,0,0,0.22); } #oba-cta .form-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--gold), rgba(196,151,58,0.3)); } #oba-cta .form-head { padding: 24px 26px 20px; border-bottom: 1px solid rgba(255,255,255,0.07); display: flex; align-items: center; justify-content: space-between; gap: 14px; } #oba-cta .form-title { font-family: var(--serif); font-size: 24px; font-weight: 600; color: #fff; letter-spacing: -0.01em; line-height: 1.15; } #oba-cta .form-sub { font-family: var(--sans); font-size: 13px; color: rgba(255,255,255,0.44); font-weight: 300; margin-top: 4px; line-height: 1.5; } #oba-cta .form-badge { display: inline-flex; align-items: center; gap: 6px; font-family: var(--sans); font-size: 11px; font-weight: 500; color: var(--gold); background: var(--gold-dim); border: 1px solid var(--gold-border); border-radius: 999px; padding: 7px 13px; white-space: nowrap; flex-shrink: 0; } #oba-cta .form-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); animation: obaPulse 2.4s ease infinite; } #oba-cta .form-body { padding: 24px; } #oba-cta .wpforms-wrap { min-height: 500px; } \/* ===== WPFORMS TUNING ===== *\/ #oba-cta .wpforms-container, #oba-cta .wpforms-form, #oba-cta .wpforms-field-container, #oba-cta .wpforms-wrap { width: 100% !important; max-width: 100% !important; } #oba-cta .wpforms-container-full { margin: 0 !important; } #oba-cta .wpforms-field { padding: 0 !important; margin-bottom: 14px !important; } #oba-cta .wpforms-field label { display: block !important; margin-bottom: 8px !important; color: rgba(255,255,255,0.78) !important; font-family: var(--sans) !important; font-size: 13px !important; font-weight: 400 !important; } #oba-cta .wpforms-field input[type=\"text\"], #oba-cta .wpforms-field input[type=\"email\"], #oba-cta .wpforms-field input[type=\"tel\"], #oba-cta .wpforms-field input[type=\"number\"], #oba-cta .wpforms-field textarea, #oba-cta .wpforms-field select { width: 100% !important; max-width: 100% !important; min-height: 52px !important; padding: 14px 16px !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.10) !important; background: rgba(255,255,255,0.04) !important; color: #ffffff !important; font-family: var(--sans) !important; font-size: 14px !important; line-height: 1.4 !important; box-shadow: none !important; outline: none !important; } #oba-cta .wpforms-field textarea { min-height: 120px !important; resize: vertical !important; } #oba-cta .wpforms-field input::placeholder, #oba-cta .wpforms-field textarea::placeholder { color: rgba(255,255,255,0.42) !important; opacity: 1 !important; } #oba-cta .wpforms-field input:focus, #oba-cta .wpforms-field textarea:focus, #oba-cta .wpforms-field select:focus { border-color: rgba(196,151,58,0.65) !important; box-shadow: 0 0 0 3px rgba(196,151,58,0.12) !important; } #oba-cta .wpforms-field-description, #oba-cta .wpforms-description { color: rgba(255,255,255,0.42) !important; font-family: var(--sans) !important; font-size: 12px !important; } #oba-cta .wpforms-error { color: #ffb3b3 !important; font-size: 12px !important; margin-top: 6px !important; font-family: var(--sans) !important; } #oba-cta .wpforms-required-label { color: var(--gold) !important; } #oba-cta .wpforms-submit-container { padding: 0 !important; margin-top: 10px !important; } #oba-cta button.wpforms-submit, #oba-cta .wpforms-page-button, #oba-cta input[type=\"submit\"].wpforms-submit { width: 100% !important; min-height: 54px !important; border: 0 !important; border-radius: 12px !important; background: linear-gradient(135deg, var(--gold), var(--gold2)) !important; color: #0E0E0E !important; font-family: var(--sans) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.01em !important; cursor: pointer !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; box-shadow: none !important; padding: 14px 20px !important; } #oba-cta button.wpforms-submit:hover, #oba-cta .wpforms-page-button:hover, #oba-cta input[type=\"submit\"].wpforms-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(196,151,58,0.28) !important; } #oba-cta .wpforms-confirmation-container-full, #oba-cta .wpforms-confirmation-container { border-radius: 12px !important; padding: 14px 16px !important; font-family: var(--sans) !important; font-size: 13px !important; line-height: 1.6 !important; background: rgba(255,255,255,0.05) !important; color: rgba(255,255,255,0.82) !important; border: 1px solid rgba(196,151,58,0.18) !important; margin-top: 12px !important; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 1120px) { #oba-cta .grid { grid-template-columns: 1fr; gap: 48px; } #oba-cta h2 { max-width: none; } #oba-cta .lead { max-width: none; } } @media (max-width: 767px) { #oba-cta .wrap { width: min(94vw, 94vw); padding: 56px 0; } #oba-cta .mini-grid { grid-template-columns: 1fr; } #oba-cta .actions { flex-direction: column; } #oba-cta .btn { justify-content: center; width: 100%; } #oba-cta .form-head { padding: 20px 18px 18px; flex-direction: column; align-items: flex-start; } #oba-cta .form-title { font-size: 22px; } #oba-cta .form-body { padding: 18px 16px 20px; } #oba-cta .wpforms-wrap { min-height: 460px; } } @media (prefers-reduced-motion: reduce) { #oba-cta .eyebrow i, #oba-cta .form-badge::before { animation: none !important; } #oba-cta .btn, #oba-cta .mini-card, #oba-cta button.wpforms-submit, #oba-cta .wpforms-page-button, #oba-cta input[type=\"submit\"].wpforms-submit { transition: none !important; } } <\/style> <div class=\"wrap\"> <div class=\"grid\"> <!-- ST\u00c2NGA --> <div> <div class=\"eyebrow\"> <i><\/i> Vizionare \u00b7 ofert\u0103 \u00b7 disponibilit\u0103\u021bi <\/div> <h2 id=\"oba-cta-title\"> Interesat de un<br> apartament<br> <em>nou?<\/em> <\/h2> <p class=\"lead\"> Spune-ne <strong>proiectul<\/strong>, <strong>tipul de apartament<\/strong> \u0219i bugetul estimativ \u2014 revenim cu disponibilit\u0103\u021bi, planuri \u0219i pa\u0219ii pentru rezervare. F\u0103r\u0103 presiuni, f\u0103r\u0103 intermediari. <\/p> <div class=\"mini-grid\" role=\"list\"> <div class=\"mini-card\" role=\"listitem\"> <div class=\"mini-ico\" aria-hidden=\"true\"> <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.6 7-11a7 7 0 1 0-14 0c0 6.4 7 11 7 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2\"><\/circle><\/svg> <\/div> <div> <b>Recomandare corect\u0103<\/b> <span>\u00een func\u021bie de zon\u0103, compartimentare \u0219i cerere real\u0103.<\/span> <\/div> <\/div> <div class=\"mini-card\" role=\"listitem\"> <div class=\"mini-ico\" aria-hidden=\"true\"> <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M3 9h18\"><\/path><path d=\"M9 4v5\"><\/path><path d=\"M15 4v5\"><\/path><\/svg> <\/div> <div> <b>R\u0103spuns rapid<\/b> <span>prime\u0219ti detalii \u0219i pa\u0219ii de vizionare sau rezervare.<\/span> <\/div> <\/div> <div class=\"mini-card\" role=\"listitem\"> <div class=\"mini-ico\" aria-hidden=\"true\"> <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"11\" rx=\"2\"><\/rect><path d=\"M16 11h2\"><\/path><path d=\"M2 11h10\"><\/path><\/svg> <\/div> <div> <b>Plan de plat\u0103 clar<\/b> <span>avans, tran\u0219e, credit sau rate la dezvoltator.<\/span> <\/div> <\/div> <div class=\"mini-card\" role=\"listitem\"> <div class=\"mini-ico\" aria-hidden=\"true\"> <svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg> <\/div> <div> <b>Direct de la dezvoltator<\/b> <span>f\u0103r\u0103 comisioane, f\u0103r\u0103 intermediari.<\/span> <\/div> <\/div> <\/div> <div class=\"actions\"> <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/40731622622?text=Bun\u0103,+vreau+detalii+despre+un+apartament+nou.\" rel=\"noopener noreferrer\" aria-label=\"Contacteaz\u0103 pe WhatsApp\" target=\"_blank\"> WhatsApp rapid <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"><\/path><path d=\"M13 6l6 6-6 6\"><\/path><\/svg> <\/a> <a class=\"btn btn-ghost\" href=\"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/proiecte\/\" aria-label=\"Vezi toate proiectele OBA\"> Vezi proiectele <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"><\/path><path d=\"M13 6l6 6-6 6\"><\/path><\/svg> <\/a> <\/div> <\/div> <!-- DREAPTA --> <aside aria-label=\"Formular contact O.B.A.\"> <div class=\"form-card\"> <div class=\"form-head\"> <div class=\"form-head-left\"> <div class=\"form-title\">Cere ofert\u0103 sau vizionare<\/div> <div class=\"form-sub\">Completeaz\u0103 formularul \u2014 revenim \u00een cel mai scurt timp<\/div> <\/div> <span class=\"form-badge\">Disponibil acum<\/span> <\/div> <div class=\"form-body\"> <div class=\"wpforms-wrap\"> <style id=\"wpforms-css-vars-6878\">\n\t\t\t\t#wpforms-6878 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-6878\"><form id=\"wpforms-form-6878\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"6878\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/ro_ro\/wp-json\/wp\/v2\/pages\/2738\" data-token=\"acbb8050115737a3c5c3059375b9e750\" data-token-time=\"1776591844\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\">\t\t<div id=\"wpforms-6878-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-6878-field_4\" >Informatii suplimentare Nume<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-6878-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-6878-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-6878-field_1\">Nume <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-6878-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-6878-field_1-error\" required><\/div><div id=\"wpforms-6878-field_5-container\" class=\"wpforms-field wpforms-field-text phone\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-6878-field_5\">Telefon <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-6878-field_5\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][5]\" aria-errormessage=\"wpforms-6878-field_5-error\" required><\/div><div id=\"wpforms-6878-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-6878-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-6878-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-6878-field_2-error\" required><\/div><div id=\"wpforms-6878-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-6878-field_3\">Informatii suplimentare<\/label><textarea id=\"wpforms-6878-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-6878-field_3-error\" ><\/textarea><\/div><div id=\"wpforms-6878-field_8-container\" class=\"wpforms-field wpforms-field-gdpr-checkbox\" data-field-id=\"8\"><label class=\"wpforms-field-label\">Consimtamant <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><ul id=\"wpforms-6878-field_8\" class=\"wpforms-field-required\"><li class=\"choice-1\"><input type=\"checkbox\" id=\"wpforms-6878-field_8_1\" name=\"wpforms[fields][8][]\" value=\"Sunt de acord ca datele mele personale s\u0103 fie folosite pentru a fi contactat \u00een leg\u0103tur\u0103 cu aceast\u0103 solicitare, conform politicii de confiden\u021bialitate.\" aria-errormessage=\"wpforms-6878-field_8_1-error\" required ><label class=\"wpforms-field-label-inline\" for=\"wpforms-6878-field_8_1\">Sunt de acord ca datele mele personale s\u0103 fie folosite pentru a fi contactat \u00een leg\u0103tur\u0103 cu aceast\u0103 solicitare, conform politicii de confiden\u021bialitate.<\/label><\/li><\/ul><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-6878-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-6878-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-6878-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"6878\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/pages\/2738\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-6878\" class=\"wpforms-submit\" data-alt-text=\"Trimitere...\" data-submit-text=\"Trimite solicitarea\" aria-live=\"assertive\" value=\"wpforms-submit\">Trimite solicitarea<\/button><img decoding=\"async\" src=\"https:\/\/www.obadifferentbyluxury.ro\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container --> <\/div> <\/div> <\/div> <\/aside> <\/div> <\/div> <\/section> <!-- ================== \/OBA \u2014 CTA PREMIUM ================== -->\n","protected":false},"excerpt":{"rendered":"<p>Proiect reziden\u021bial \u00b7 Mamaia Nord Apartamente noi O.B.A. Tower Ansamblu reziden\u021bial cu prezen\u021b\u0103 arhitectural\u0103 puternic\u0103 \u00een Mamaia Nord. Compartiment\u0103ri eficiente, finisaje de calitate \u0219i un concept orientat spre confort zilnic \u0219i poten\u021bial solid de investi\u021bie imobiliar\u0103. Vezi apartamentele Solicit\u0103 informa\u021bii MamaiaNord A+Clas\u0103 energetic\u0103 2025Predare estimat\u0103 Mamaia Nord Zon\u0103 cu cerere ridicat\u0103, potrivit\u0103 pentru locuire permanent\u0103&hellip;<\/p>\n","protected":false},"author":5,"featured_media":2697,"parent":5381,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2738","page","type-page","status-publish","has-post-thumbnail","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/pages\/2738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/comments?post=2738"}],"version-history":[{"count":4,"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/pages\/2738\/revisions"}],"predecessor-version":[{"id":6927,"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/pages\/2738\/revisions\/6927"}],"up":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/pages\/5381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/media\/2697"}],"wp:attachment":[{"href":"https:\/\/www.obadifferentbyluxury.ro\/ro_ro\/wp-json\/wp\/v2\/media?parent=2738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}