/* Pinwell Luminos: varianta luminoasa a site-ului (propunere, 26.09.2026).
   Sistem mic si inchis: alb + gri foarte deschis, un singur accent (verdele Pinwell),
   Geist pentru tot, Instrument Serif italic doar pe cateva cuvinte de accent.
   Miscarea e legata de derulare (CSS scroll-driven animations), nu de timp.
   Starea de BAZA a fiecarei clase e cea finala: fara suport sau cu miscare redusa,
   pagina e completa si statica. Efectele se adauga doar in blocul @supports de la final. */

@font-face{font-family:"Geist";font-style:normal;font-weight:300 700;font-display:swap;src:url("/assets/fonts/geist-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:300 700;font-display:swap;src:url("/assets/fonts/geist-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/instrument-serif-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/instrument-serif-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --bg:#FFFFFF; --alt:#F5F5F7; --ink:#1D1D1F; --ink2:#424245; --muted:#6E6E73; --faint:#86868B;
  --line:#E8E8ED; --line2:#D2D2D7; --accent:#1C6B5E; --accent2:#155248; --tint:#EAF2EF;
  --ease:cubic-bezier(.32,.72,0,1);
  --pad:max(20px,8vw); --padw:max(16px,5vw);
  --sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent2)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-0.015em}
.dim{color:var(--faint)}
.eyebrow{font-size:17px;font-weight:500;color:var(--accent);letter-spacing:-0.005em}
.h-display{margin:0;font-size:clamp(46px,7.6vw,116px);line-height:.98;letter-spacing:-0.048em;font-weight:600}
.h-section{margin:0;font-size:clamp(36px,4.6vw,68px);line-height:1.03;letter-spacing:-0.04em;font-weight:600}
.lead{margin:0;font-size:clamp(18px,1.6vw,24px);line-height:1.4;color:var(--muted);letter-spacing:-0.01em}

/* Bara de sus */
.nav{position:sticky;top:0;z-index:50;height:56px;padding:0 var(--padw);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
.brand{display:flex;align-items:center;gap:9px;color:var(--ink)}
.brand img{display:block;height:38px;width:auto}
@media (max-width:640px){.brand img{height:30px}}
.brand:hover{color:var(--ink)}
.brand b{font-size:19px;font-weight:650;letter-spacing:-0.02em}
.brand small{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--muted);margin-top:3px}
.nav nav{display:flex;gap:32px;font-size:14px}
.nav nav a{color:var(--ink)}
.nav nav a[aria-current="page"]{font-weight:600}
/* „Feed”: pastilă cu contur în degrade care se rotește încet și un punct verde care pulsează, ca un
   „live”. `@property` face unghiul animabil; browserele fără el văd conturul fix, tot frumos. */
@property --pw-ung{syntax:"<angle>";inherits:false;initial-value:0deg}
.nav a.nav-feed{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;margin:-6px -6px;border-radius:999px;border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--pw-ung),var(--accent),#7FD1BF,#EAF2EF,#3FB39A,var(--accent)) border-box;
  color:var(--accent);font-weight:600;animation:pwUng 5s linear infinite;transition:background-color .2s,transform .2s var(--ease),box-shadow .2s}
.nav a.nav-feed:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(28,107,94,.18);
  background:linear-gradient(var(--tint),var(--tint)) padding-box,conic-gradient(from var(--pw-ung),var(--accent),#7FD1BF,#EAF2EF,#3FB39A,var(--accent)) border-box}
@keyframes pwUng{to{--pw-ung:360deg}}
.live{position:relative;display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#22A884}
.live::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:pwPuls 1.8s ease-out infinite}
@keyframes pwPuls{0%{transform:scale(1);opacity:.75}100%{transform:scale(3);opacity:0}}
.menu a.menu-feed{display:flex;align-items:center;gap:14px;color:var(--accent)}
.menu a.menu-feed .live{width:11px;height:11px}
@media (prefers-reduced-motion:reduce){.nav a.nav-feed,.live::after{animation:none}}
.nav .end{display:flex;align-items:center;gap:18px;font-size:14px}
.nav .end{gap:10px}
@media (max-width:1100px){.nav nav{display:none}}
@media (max-width:1320px){.nav nav{gap:24px}}

/* Butoane */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;height:52px;padding:0 28px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-size:17px;font-weight:500;cursor:pointer;transition:background-color .2s var(--ease)}
.btn:hover{background:var(--accent2);color:#fff}
.btn.sm{height:38px;padding:0 18px;font-size:14px}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line2)}
.btn.ghost:hover{border-color:var(--faint);background:#fff;color:var(--ink)}
.link{font-size:17px;font-weight:500}
.pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:#fff;font-size:14px;cursor:pointer;transition:border-color .12s,background-color .12s,color .12s;white-space:nowrap}
.pill:hover{border-color:var(--faint)}
.pill[aria-selected="true"],.pill.on{background:var(--ink);border-color:var(--ink);color:#fff}
.seg{display:inline-flex;padding:4px;border-radius:999px;background:#F0F0F2}
.seg button{height:38px;padding:0 20px;border:0;border-radius:999px;background:transparent;font-size:15px;color:var(--ink2);cursor:pointer}
.seg button[aria-selected="true"]{background:#fff;color:var(--ink);font-weight:500;box-shadow:0 1px 4px rgba(0,0,0,.12)}

/* Cautarea cu Pin */
.pin-search{display:flex;align-items:center;gap:14px;height:68px;padding:0 8px 0 24px;border-radius:999px;background:var(--alt)}
.pin-search.glass{background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.pin-search input{flex:1;min-width:0;border:0;background:transparent;font-size:18px;outline:none}
.pin-search .ai{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em;white-space:nowrap}
@media (max-width:640px){.pin-search{height:58px;padding-left:18px}.pin-search input{font-size:16px}.pin-search .ai{display:none}.pin-search .btn{padding:0 18px}}

/* Cardul de proprietate */
.card{position:relative;display:flex;flex-direction:column;gap:18px;color:var(--ink);min-width:0}
.card .hit{position:absolute;inset:0;z-index:1;border-radius:22px}
.card .ph{position:relative;aspect-ratio:5/4;border-radius:22px;overflow:hidden;background:#F0F0F2}
.card.tall .ph{aspect-ratio:10/11}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.card:hover .ph img{transform:scale(1.045)}
.card .tag{position:absolute;top:14px;left:14px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px;font-weight:600;color:var(--ink)}
.card .fav{z-index:2;position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
.card .fav[aria-pressed="true"] svg{fill:#C4322B;stroke:#C4322B}
.card .meta{display:flex;flex-direction:column;gap:5px;padding:0 4px}
.card .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.card .price{font-size:26px;line-height:32px;font-weight:600;letter-spacing:-0.02em}
.card .ppm{font-size:13px;color:var(--muted);white-space:nowrap}
.card .pr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.txn{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#F0F0F2;color:var(--ink2);font-size:12px;font-weight:500;white-space:nowrap;letter-spacing:0}
.txn.t-rent{background:var(--tint);color:var(--accent)}
.card .title{font-size:17px;line-height:22px;font-weight:500;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .place{font-size:15px;line-height:20px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .specs{margin-top:8px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--ink2)}
.card .specs small{font-size:12px;color:var(--muted);white-space:nowrap}
.card.skel .ph,.card.skel .price,.card.skel .title{background:#F0F0F2;color:transparent;border-radius:12px}

/* Sectiuni comune */
.sec{padding:clamp(88px,14vh,160px) var(--pad) 0}
.band{background:var(--alt)}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.foot{background:var(--alt);padding:48px var(--pad) 36px;font-size:13px;color:var(--muted)}
.foot .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.foot .cols div{display:flex;flex-direction:column;gap:10px}
.foot .cols b{color:var(--ink);font-weight:600}
.foot .cols a{color:var(--ink2)}
.foot .base{margin-top:36px;padding-top:20px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot .base a{color:var(--muted)}
@media (max-width:760px){.foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Acasa: stari de baza (statice, complete) */
.hero-sticky{display:flex;flex-direction:column;align-items:center;gap:56px;padding:12vh var(--padw) 0}
.hero-text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:0 var(--padw)}
.hero-text .h-display{font-size:clamp(44px,min(7.6vw,12.5vh),116px)}
.hero-text .ctas{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.hero-media{position:relative;width:100%;height:72vh;min-height:420px;border-radius:36px;overflow:hidden;background:#E9EEF2}
.hero-media > img{width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:rgba(0,0,0,.28)}
.hero-cap{position:absolute;left:var(--padw);right:var(--padw);bottom:7vh;color:#fff;display:flex;flex-direction:column;gap:14px}
.hero-cap .big{font-size:clamp(38px,5.6vw,88px);line-height:.98;letter-spacing:-0.045em;font-weight:600}
.hero-cap .pin-search{max-width:760px;margin-top:10px}
.promise{padding:24vh var(--pad) 20vh;max-width:1320px}
.promise p{margin:0;font-size:clamp(32px,4.3vw,64px);line-height:1.12;letter-spacing:-0.035em;font-weight:600}
.rail-sticky{padding:clamp(88px,14vh,160px) 0 0}
.rail-head{padding:0 var(--pad) 32px}
.rail{display:flex;gap:24px;width:max-content;max-width:none;padding:0 var(--pad) 8px}
.rail-wrap{overflow-x:auto;scrollbar-width:none}
.rail-wrap::-webkit-scrollbar{display:none}
.rail .card{width:min(420px,78vw,46vh);flex-shrink:0}
.rail .more{width:300px;flex-shrink:0;align-self:flex-start;aspect-ratio:10/14;border-radius:22px;background:var(--alt);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:32px;color:var(--ink)}
.rail .more b{font-size:30px;font-weight:600;letter-spacing:-0.03em;line-height:1.05}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:clamp(72px,10vh,120px) var(--pad) 0}
.stats > div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 20px}
.stats > div + div{border-left:1px solid var(--line)}
.stats b{font-size:clamp(40px,4.6vw,64px);line-height:1;font-weight:600;letter-spacing:-0.04em}
.stats span{font-size:16px;line-height:1.4;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw;padding:0 var(--pad)}
.steps .pinned{position:sticky;top:56px;height:calc(100vh - 56px);display:flex;flex-direction:column;justify-content:center;gap:36px}
.steps .pinned .ph{height:44vh;border-radius:30px;overflow:hidden;background:#E5E5EA}
.steps .pinned .ph img{width:100%;height:100%;object-fit:cover}
/* „De partea ta": mozaic cu brokerii reali în locul unei fotografii de stoc. */
.steps .pinned .mozaic{position:relative;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;background:none;border-radius:30px}
.steps .pinned .mozaic img{border-radius:20px;object-position:50% 25%;background:#E5E5EA}
.mozaic figcaption{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.12)}
@media (max-width:900px){.steps .pinned .mozaic{height:auto;grid-template-rows:none;border-radius:0}.steps .pinned .mozaic img{aspect-ratio:1;height:auto;border-radius:16px}.mozaic figcaption{position:static;grid-column:1/-1;transform:none;padding:6px 0 0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--muted);text-align:center;white-space:normal}}
.steps ol{margin:0;padding:28vh 0;list-style:none}
.step{min-height:56vh;display:flex;gap:28px;align-items:center}
.step .n{font-family:var(--serif);font-style:italic;font-size:52px;line-height:1;color:var(--accent);width:64px;flex-shrink:0}
.step h3{margin:0 0 12px;font-size:clamp(26px,2.6vw,36px);letter-spacing:-0.03em;font-weight:600}
.step p{margin:0;font-size:20px;line-height:1.5;color:var(--ink2)}
.center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.bigimg{margin-top:7vh;width:100%;height:82vh;min-height:420px;border-radius:36px;overflow:hidden;background:#DCE6EE}
.bigimg img{width:100%;height:100%;object-fit:cover}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:36vh 36vh;gap:18px;margin-top:48px}
.tile{position:relative;border-radius:30px;overflow:hidden;color:#fff;background:#C9D3DA}
.tile:hover{color:#fff}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.tile:hover img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.55) 100%)}
.tile span{position:absolute;left:28px;bottom:24px;z-index:1;display:flex;flex-direction:column;gap:4px;font-size:15px}
.tile span b{font-size:32px;font-weight:600;letter-spacing:-0.03em}
.tile.big{grid-column:span 2;grid-row:span 2}
.tile.big span b{font-size:44px}
.sell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw;align-items:center;padding:clamp(88px,14vh,140px) var(--pad)}
.sell ul{margin:8px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;font-size:17px}
.sell li{display:flex;gap:10px;align-items:center}
.estimate{background:#fff;border-radius:30px;padding:44px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 80px rgba(0,0,0,.06)}
.estimate label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--ink2)}
.estimate input{height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--line2);font-size:17px;background:#fff}
.contact{padding:clamp(110px,22vh,220px) var(--pad)}
@media (max-width:900px){
  .stats{grid-template-columns:1fr}.stats > div + div{border-left:0;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
  .steps,.sell{grid-template-columns:1fr}
  .steps .pinned{position:static;height:auto;padding-top:80px}
  .steps ol{padding:40px 0 80px}.step{min-height:0;padding:24px 0}
  .bento{grid-template-columns:1fr;grid-template-rows:none}.tile{height:300px}.tile.big{grid-column:auto;grid-row:auto}
  .estimate{padding:28px}
}

/* ===== Miscarea la scroll =====
   Doar cand browserul o stie SI omul n-a cerut miscare redusa. Altfel ramane starea de baza. */
@keyframes pwTextOut{to{opacity:0;transform:translateY(-7vh) scale(.96)}}
@keyframes pwOpen{from{clip-path:inset(50% var(--padw) 6vh var(--padw) round 36px)}to{clip-path:inset(0 0 0 0 round 0)}}
@keyframes pwSettle{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes pwIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes pwLight{from{color:#D2D2D7}to{color:var(--ink)}}
@keyframes pwSlide{to{transform:translateX(min(0px,calc(-100% + 100vw)))}}
@keyframes pwFocus{0%{opacity:.18}38%,62%{opacity:1}100%{opacity:.18}}
@keyframes pwRise{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes pwZoom{from{transform:scale(1.16)}to{transform:scale(1)}}

@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
  .hero-track{height:260vh;view-timeline-name:--hero}
  .hero-sticky{position:sticky;top:56px;height:calc(100vh - 56px);padding:0;display:block;overflow:hidden}
  .hero-text{position:absolute;left:0;right:0;top:9vh;z-index:2;animation:pwTextOut linear both;animation-timeline:--hero;animation-range:contain 0% contain 26%}
  .hero-media{position:absolute;inset:0;height:auto;border-radius:0;animation:pwOpen linear both;animation-timeline:--hero;animation-range:contain 0% contain 56%}
  .hero-media > img{animation:pwSettle linear both;animation-timeline:--hero;animation-range:contain 0% contain 70%}
  .hero-shade,.hero-cap{animation:pwIn linear both;animation-timeline:--hero;animation-range:contain 60% contain 86%}

  .line{animation:pwLight linear both;animation-timeline:view();animation-range:entry 30% cover 45%}

  .rail-track{height:340vh;view-timeline-name:--rail}
  .rail-sticky{position:sticky;top:56px;height:calc(100vh - 56px);overflow:hidden;padding:0;display:flex;flex-direction:column;justify-content:center}
  .rail-wrap{overflow:hidden}
  .rail{animation:pwSlide linear both;animation-timeline:--rail;animation-range:contain 0% contain 100%}

  .step{animation:pwFocus linear both;animation-timeline:view();animation-range:cover 18% cover 82%}
  .rise{animation:pwRise linear both;animation-timeline:view();animation-range:entry 0% entry 85%}
  .rise.d2{animation-range:entry 12% entry 100%}
  .rise.d3{animation-range:entry 24% cover 30%}
  .zoom img{animation:pwZoom linear both;animation-timeline:view();animation-range:entry 0% exit 30%}
  .grid .card{animation:pwRise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
}
}

/* ===== Site complet (27.09.2026): meniu, formulare, fișa proprietății, pagini de conținut ===== */

/* Bara de sus: salvate + meniul pe telefon */
.nav .end .fav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;color:var(--ink)}
.nav .end .fav-link:hover{background:var(--alt);color:var(--ink)}
.nav .end .fav-link .n{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:600;line-height:17px;text-align:center}
.nav .end .fav-link .n:empty{display:none}
.menu-btn{display:none;width:40px;height:40px;border:0;border-radius:999px;background:transparent;cursor:pointer;align-items:center;justify-content:center;color:var(--ink)}
.menu{display:none}
@media (max-width:1100px){
  .menu-btn{display:inline-flex}
  .menu{position:fixed;inset:56px 0 0 0;z-index:49;background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:28px var(--padw) 40px;flex-direction:column;gap:4px;overflow-y:auto}
  body.menu-deschis{overflow:hidden}
  body.menu-deschis .menu{display:flex}
  .menu a{font-size:28px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);padding:10px 0}
  .menu a.mic{font-size:17px;font-weight:500;color:var(--accent);padding:6px 0}
  .menu hr{border:0;border-top:1px solid var(--line);margin:18px 0}
}
@media (prefers-reduced-motion:no-preference){body.menu-deschis .menu a{animation:pwIn .45s var(--ease) both}}

/* Antet de pagină interioară */
.phead-in{padding:clamp(56px,10vh,110px) var(--pad) 0;display:flex;flex-direction:column;gap:22px;max-width:1280px}
.phead-in .h-display{font-size:clamp(44px,6.4vw,100px)}
.phead-in .lead{max-width:760px}
.crumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.crumbs a{color:var(--ink2)}
.crumbs a:hover{color:var(--accent)}

/* Grile de conținut */
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.feat{background:var(--alt);border-radius:28px;padding:34px 32px;display:flex;flex-direction:column;gap:12px}
.band .feat{background:#fff}
.feat .ic{width:44px;height:44px;border-radius:14px;background:var(--tint);color:var(--accent);display:flex;align-items:center;justify-content:center}
.feat h3{margin:6px 0 0;font-size:24px;line-height:1.15;letter-spacing:-0.025em;font-weight:600}
.feat p{margin:0;font-size:17px;line-height:1.5;color:var(--ink2)}
.feat .n{font-family:var(--serif);font-style:italic;font-size:44px;line-height:1;color:var(--accent)}
@media (max-width:1000px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.g3,.g4{grid-template-columns:1fr}}

/* Formulare */
.form{display:flex;flex-direction:column;gap:14px}
.form .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}
.form .row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.fld{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500;color:var(--ink2);min-width:0}
.fld .h{font-weight:400;color:var(--faint)}
.fld input,.fld select,.fld textarea{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--line2);background:#fff;font-size:17px;color:var(--ink);transition:border-color .15s}
.fld textarea{height:auto;min-height:110px;padding:14px 16px;resize:vertical;line-height:1.45}
.fld select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink2) 50%),linear-gradient(135deg,var(--ink2) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(28,107,94,.12)}
.fld input[type=file]{height:auto;padding:12px 14px;font-size:14px}
.acord{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--muted)}
.acord input{margin-top:2px;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}
.acord a{text-decoration:underline}
.stare{font-size:15px;font-weight:500;min-height:22px}
.stare.ok{color:var(--accent)}
.stare.err{color:#B3261E}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{height:44px;min-width:56px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:#fff;font-size:16px;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.panel{background:#fff;border-radius:30px;padding:clamp(28px,4vw,48px);box-shadow:0 30px 80px rgba(0,0,0,.06)}
.panel.flat{box-shadow:none;border:1px solid var(--line)}
@media (max-width:640px){.form .row2,.form .row3{grid-template-columns:1fr}}

/* Secțiune de contact cu formular (două coloane) */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:7vw;align-items:start}
.split .txt{display:flex;flex-direction:column;gap:22px;position:sticky;top:96px}
.split .txt ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:17px;color:var(--ink2)}
.split .txt li{display:flex;gap:12px;align-items:flex-start}
@media (max-width:900px){.split{grid-template-columns:1fr}.split .txt{position:static}}

/* Oameni */
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:36px 20px}
.person{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.person .av{width:132px;height:132px;border-radius:50%;overflow:hidden;background:var(--alt);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;color:var(--muted);margin-bottom:12px}
.person .av img{width:100%;height:100%;object-fit:cover}
.person b{font-size:17px;font-weight:600;letter-spacing:-0.01em;color:var(--ink)}
.person a.av{text-decoration:none;transition:transform .25s ease}
.person a.av:hover{transform:scale(1.03)}
.person .om-link b{color:inherit}
.person span{font-size:14px;color:var(--muted)}
.person a.nr{font-size:14px;margin-top:6px}

/* Recenzii */
.rev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.rev figure{margin:0;background:var(--alt);border-radius:28px;padding:34px;display:flex;flex-direction:column;gap:18px}
.rev blockquote{margin:0;font-size:19px;line-height:1.5;letter-spacing:-0.01em;color:var(--ink)}
.rev figcaption{margin-top:auto;font-size:14px;color:var(--muted)}
.rev figcaption b{display:block;color:var(--ink);font-size:15px;font-weight:600}
.stele{color:#1C6B5E;letter-spacing:3px;font-size:15px}
@media (max-width:900px){.rev{grid-template-columns:1fr}}

/* Subsol: rândul legal + ANPC */
.foot .legal{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot .legal .l{display:flex;gap:8px 20px;flex-wrap:wrap}
.foot .legal img{height:42px;width:auto;border-radius:4px}
.foot .firma{margin-top:18px;line-height:1.6}

/* ===== Fișa proprietății ===== */
/* Bara de navigare a fișei: lipită sub antet, ține contextul căutării (înapoi, „3 din 729", ‹ ›). */
.pp-top{position:sticky;top:56px;z-index:40;padding:10px var(--padw);display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}
.pp-nav{display:flex;align-items:center;gap:18px;min-width:0}
.pp-nav .inapoi{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap;min-width:0}
.pp-nav .inapoi span{overflow:hidden;text-overflow:ellipsis}
.pp-nav .inapoi:hover{color:var(--accent)}
.pas{display:flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:var(--alt)}
.pas .poz{font-size:13px;color:var(--ink2);font-variant-numeric:tabular-nums;padding:0 8px;white-space:nowrap}
.sag{position:relative;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--ink);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:transform .15s var(--ease),background-color .15s}
.sag:hover{color:var(--ink);transform:scale(1.06)}
.sag[aria-disabled="true"]{color:var(--line2);background:transparent;box-shadow:none;pointer-events:none}
/* Previzualizarea vecinului, la hover: poză, preț, titlu. Doar pe ecrane cu mouse. */
.sag .previz{position:absolute;top:calc(100% + 12px);left:50%;width:250px;margin-left:-125px;display:flex;flex-direction:column;gap:2px;padding:8px 8px 12px;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.04);font-size:13px;color:var(--muted);text-align:left;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s,transform .18s var(--ease)}
.sag .previz:empty{display:none}
.sag .previz img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;margin-bottom:8px;background:var(--alt)}
.sag .previz b{font-size:15px;color:var(--ink);font-weight:600;letter-spacing:-0.01em;padding:0 4px}
.sag .previz span{padding:0 4px;line-height:1.35}
@media (hover:hover){.sag:hover .previz,.sag:focus-visible .previz{opacity:1;transform:none}}
/* Următoarea proprietate, la finalul fișei. */
.urm{padding:clamp(40px,7vh,72px) var(--padw) clamp(64px,10vh,112px)}
.urm-card{position:relative;display:block;height:clamp(300px,52vh,520px);border-radius:32px;overflow:hidden;background:var(--ink);color:#fff}
.urm-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.urm-card:hover{color:#fff}
.urm-card:hover img{transform:scale(1.04)}
.urm-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.05) 60%)}
.urm-txt{position:absolute;left:clamp(22px,4vw,48px);right:120px;bottom:clamp(22px,4vw,44px);z-index:1;display:flex;flex-direction:column;gap:8px}
.urm-txt .eyebrow{color:rgba(255,255,255,.8)}
.urm-txt b{font-size:clamp(28px,3.6vw,52px);line-height:1.02;letter-spacing:-0.04em;font-weight:600}
.urm-txt > span:last-child{font-size:clamp(16px,1.4vw,19px);color:rgba(255,255,255,.85)}
.urm-go{position:absolute;right:clamp(22px,4vw,44px);bottom:clamp(22px,4vw,44px);z-index:1;width:64px;height:64px;border-radius:999px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;transition:transform .3s var(--ease)}
.urm-card:hover .urm-go{transform:translateX(6px)}
.urm-gata{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(28px,4vw,48px);border-radius:32px;background:var(--alt)}
.urm-gata b{font-size:clamp(24px,2.6vw,34px);letter-spacing:-0.03em;font-weight:600}
.urm-gata span{color:var(--muted);font-size:17px;margin-bottom:8px}
.pp-top .acts{display:flex;gap:10px;align-items:center}
.cod{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--muted);padding:6px 10px;border-radius:8px;background:var(--alt)}
.pp-title{padding:28px var(--padw) 0;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}
.pp-title h1{margin:10px 0 0;font-size:clamp(38px,5vw,76px);line-height:1;letter-spacing:-0.045em;font-weight:600}
.pp-title .where{margin-top:14px;font-size:clamp(17px,1.5vw,21px);color:var(--muted)}
.pp-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pp-price b{font-size:clamp(34px,3.6vw,52px);line-height:1;font-weight:600;letter-spacing:-0.035em}
.pp-price span{font-size:15px;color:var(--muted)}
.pp-price .scazut{display:inline-flex;gap:8px;align-items:center;padding:5px 11px;border-radius:999px;background:var(--tint);color:#1F4F46;font-size:13px;font-weight:600}
.pp-price .scazut s{color:var(--muted);font-weight:400}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.tags span{padding:6px 12px;border-radius:999px;background:var(--alt);font-size:13px;font-weight:500;color:var(--ink2)}
.tags span.acc{background:var(--tint);color:#1F4F46}

.gal{padding:32px var(--padw) 0}
.mosaic{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:min(68vh,640px);border-radius:30px;overflow:hidden}
.mosaic button{position:relative;border:0;padding:0;margin:0;background:#F0F0F2;cursor:zoom-in;overflow:hidden}
.mosaic button img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.mosaic button:hover img{transform:scale(1.03)}
.mosaic .m0{grid-row:span 2}
.mosaic.n1{grid-template-columns:1fr;grid-template-rows:1fr}
.mosaic.n2,.mosaic.n3{grid-template-columns:2fr 1fr}
.mosaic.n2 .m0{grid-row:span 1}.mosaic.n2{grid-template-rows:1fr}
.mosaic .all{position:absolute;right:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border:0;border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.14)}
.mosaic .gol{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:17px;background:var(--alt);grid-column:1/-1;grid-row:1/-1}
@media (max-width:760px){
  .gal{padding:22px 0 0}
  .mosaic{display:flex;height:auto;border-radius:0;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--padw);scrollbar-width:none}
  .mosaic::-webkit-scrollbar{display:none}
  .mosaic button{flex:0 0 86%;aspect-ratio:4/3;border-radius:22px;scroll-snap-align:center}
  .mosaic .all{display:none}
}
.gal-count{display:none;justify-content:center;padding-top:12px;font-size:13px;color:var(--muted)}
@media (max-width:760px){.gal-count{display:flex}}

.facts{margin:clamp(40px,6vh,64px) var(--padw) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts div{padding:26px 18px;display:flex;flex-direction:column;gap:6px}
.facts div + div{border-left:1px solid var(--line)}
.facts b{font-size:clamp(28px,2.6vw,40px);line-height:1;font-weight:600;letter-spacing:-0.035em}
.facts span{font-size:14px;color:var(--muted)}
@media (max-width:640px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts div + div{border-left:0}.facts div:nth-child(even){border-left:1px solid var(--line)}.facts div:nth-child(n+3){border-top:1px solid var(--line)}}

.pp-body{padding:clamp(56px,9vh,96px) var(--padw) 0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(40px,6vw,96px);align-items:start}
.pp-main{display:flex;flex-direction:column;gap:clamp(56px,8vh,88px);min-width:0}
.pp-sec h2{margin:0 0 22px;font-size:clamp(28px,2.6vw,40px);letter-spacing:-0.035em;font-weight:600;line-height:1.05}
.pp-sec .orig{margin:0 0 16px;font-size:17px;font-weight:500;color:var(--ink)}
.desc{font-size:18px;line-height:1.65;color:var(--ink2);max-width:760px}
.desc p{margin:0 0 14px}.desc p:last-child{margin-bottom:0}
.desc ul{margin:0 0 14px;padding-left:22px}.desc li{margin:6px 0}
.desc.strans{max-height:340px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.more-btn{margin-top:14px;border:0;background:none;color:var(--accent);font-size:17px;font-weight:500;cursor:pointer;padding:0}
.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin:0}
.dl div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px}
.dl dt{color:var(--muted)}
.dl dd{margin:0;font-weight:500;text-align:right}
@media (max-width:640px){.dl{grid-template-columns:1fr}}
.energy{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.scala{display:flex;gap:3px}
.scala i{width:34px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:600;color:#fff;opacity:.28}
.scala i.on{opacity:1;transform:scale(1.12);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.energy p{margin:0;font-size:15px;line-height:1.5;color:var(--muted);max-width:420px}
.map{height:420px;border-radius:28px;overflow:hidden;background:var(--alt);z-index:0}
.map-note{margin-top:12px;font-size:14px;color:var(--muted)}

.side{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px}
.agent{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:20px;box-shadow:0 24px 60px rgba(0,0,0,.05)}
.agent .who{display:flex;gap:16px;align-items:center}
.agent .av{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--tint);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;flex-shrink:0}
.agent .av img{width:100%;height:100%;object-fit:cover}
.agent .nm{font-size:19px;font-weight:600;letter-spacing:-0.015em;color:var(--ink)}
.agent a.nm{color:var(--accent)}
.agent a.av{text-decoration:none}
.agent .po{font-size:14px;color:var(--muted);margin-top:2px}
.agent .acts{display:flex;flex-direction:column;gap:10px}
.agent .acts .btn{width:100%}
.agent .toate{font-size:14px}
.btn.wa{background:#fff;color:var(--ink);border:1px solid var(--line2)}
.btn.wa:hover{background:#fff;color:var(--ink);border-color:var(--faint)}
.btn.wa svg{fill:#1FA855}
.note-card{border-radius:24px;background:var(--alt);padding:24px 26px;font-size:15px;line-height:1.5;color:var(--ink2)}
.note-card b{display:block;font-size:19px;letter-spacing:-0.015em;color:var(--ink);margin-bottom:6px;font-weight:600}
@media (max-width:1000px){.pp-body{grid-template-columns:1fr}.side{position:static}}

/* Bara de acțiune fixă, doar pe telefon */
.dock{display:none}
@media (max-width:760px){
  .dock{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:10px;padding:10px var(--padw) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)}
  .dock .p{flex:1;min-width:0;display:flex;flex-direction:column}
  .dock .p b{font-size:18px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dock .p span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dock .btn{height:46px;padding:0 18px;font-size:15px}
  .dock .btn.wa{width:46px;padding:0}
  body.are-dock .foot{padding-bottom:110px}
}

/* Galeria pe tot ecranul */
.lb{position:fixed;inset:0;z-index:100;background:#0B0B0C;display:none;flex-direction:column}
.lb.on{display:flex}
.lb .bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#F5F5F7;font-size:14px}
.lb .x{width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.lb .st{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative;padding:0 72px}
.lb .st img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;user-select:none}
.lb .ar{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:26px;cursor:pointer}
.lb .ar:hover{background:rgba(255,255,255,.22)}
.lb .pv{left:14px}.lb .nx{right:14px}
/* Contactul peste poză, jos, în galeria pe tot ecranul. */
.lb-cta{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;padding:6px;border-radius:999px;background:rgba(20,20,22,.55);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.lb-cta a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;color:#fff;font-size:15px;font-weight:500;white-space:nowrap;transition:background-color .15s}
.lb-cta a:hover{background:rgba(255,255,255,.14);color:#fff}
.lb-cta a.p{background:#fff;color:var(--ink)}
.lb-cta a.p:hover{background:#E8E8ED;color:var(--ink)}
.lb-cta:empty{display:none}
@media (max-width:640px){.lb-cta{bottom:12px;width:calc(100% - 24px);justify-content:space-between}.lb-cta a{flex:1;justify-content:center;padding:0 10px;font-size:14px}}
.lb .th{display:flex;gap:8px;overflow-x:auto;padding:16px 20px 22px;scrollbar-width:none}
.lb .th::-webkit-scrollbar{display:none}
.lb .th button{flex:0 0 auto;width:88px;height:62px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#222;cursor:pointer;opacity:.55}
.lb .th button.on{border-color:#fff;opacity:1}
.lb .th img{width:100%;height:100%;object-fit:cover}
@media (max-width:640px){.lb .st{padding:0}.lb .ar{display:none}.lb .th button{width:64px;height:46px}}
button,a,.lb img{touch-action:manipulation}

/* Harta din căutare */
.vmode{display:inline-flex;padding:4px;border-radius:999px;background:#F0F0F2}
.vmode button{height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;font-size:14px;color:var(--ink2);cursor:pointer}
.vmode button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:500;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.lmap{margin:0 var(--padw);height:calc(100vh - 240px);min-height:480px;border-radius:28px;overflow:hidden;background:var(--alt)}
.ppin{background:#fff;color:var(--ink);border-radius:999px;padding:5px 10px;font:600 12.5px/1 var(--sans);box-shadow:0 3px 10px rgba(0,0,0,.22);white-space:nowrap;transform:translate(-50%,-50%);display:inline-block}
.ppin.on{background:var(--ink);color:#fff}
.leaflet-popup-content-wrapper{border-radius:18px!important}
.leaflet-popup-content{margin:12px!important;font-family:var(--sans)}
.mpop{display:flex;flex-direction:column;gap:8px;width:220px;color:var(--ink)}
.mpop img{width:100%;height:130px;object-fit:cover;border-radius:12px}
.mpop b{font-size:17px}
.mpop span{font-size:13px;color:var(--muted)}

/* Antet de broker / birou pe căutare */
.who-head{margin:0 var(--padw);padding:24px 28px;border-radius:28px;background:var(--alt);display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.who-head .av{width:72px;height:72px;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;color:var(--muted);flex-shrink:0}
.who-head .av img{width:100%;height:100%;object-fit:cover}
.who-head .t{flex:1;min-width:200px}
.who-head b{display:block;font-size:22px;font-weight:600;letter-spacing:-0.02em}
.who-head span{font-size:15px;color:var(--muted)}
.who-head .t .om-link{display:flex;width:max-content;max-width:100%}
.who-head a.av{text-decoration:none}

/* Estimare: pașii */
.prog{display:flex;gap:8px}
.prog i{flex:1;height:4px;border-radius:4px;background:var(--line)}
.prog i.on{background:var(--accent)}
.pane{display:none;flex-direction:column;gap:18px}
.pane.on{display:flex}
.rezultat .num{font-size:clamp(30px,3.3vw,46px);line-height:1;font-weight:600;letter-spacing:-0.035em;text-wrap:balance}
.rezultat ul{margin:0;padding-left:20px;color:var(--ink2);line-height:1.7}

/* Pagina legală */
.doc{max-width:780px;font-size:17px;line-height:1.7;color:var(--ink2)}
.doc h2{margin:48px 0 12px;font-size:26px;letter-spacing:-0.025em;color:var(--ink);font-weight:600;line-height:1.2}
.doc h3{margin:30px 0 8px;font-size:19px;color:var(--ink);font-weight:600}
.doc a{text-decoration:underline}
.doc table{border-collapse:collapse;width:100%;font-size:15px}
.doc td,.doc th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}

/* Mișcare suplimentară pe fișă */
@keyframes pwMosaic{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
  .mosaic{animation:pwMosaic linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  .facts > div,.pp-sec,.feat,.person,.rev figure{animation:pwRise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
}
}

.foot .cols.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.foot .cols.c5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.foot .cols.c5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pill.on svg{fill:#C4322B;stroke:#C4322B}
.band .rev figure{background:#fff}

/* Căutarea de proprietăți */
.lhead{padding:clamp(64px,10vh,112px) var(--padw) 24px;scroll-margin-top:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.lhead h1,.lhead h2{margin:0;font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-0.045em;font-weight:600}
.lhead p{margin:10px 0 0;font-size:clamp(16px,1.4vw,20px);color:var(--muted)}
.lsearch{padding:0 var(--padw) 14px}
.understood{padding:0 var(--padw);display:flex;gap:8px;flex-wrap:wrap;min-height:0;font-size:13px}
.understood span{padding:6px 12px;border-radius:999px;background:var(--tint);color:#1F4F46}
.fbar{position:sticky;top:56px;z-index:40;margin-top:14px;padding:12px var(--padw);display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.84);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fbar .grp{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.fbar .grp::-webkit-scrollbar{display:none}
.fsel{position:relative;flex-shrink:0}
.seg-f{flex-shrink:0;padding:3px}
.seg-f button{height:36px;padding:0 13px;font-size:14px}
.fsel select{appearance:none;-webkit-appearance:none;height:42px;padding:0 38px 0 16px;border-radius:999px;border:1px solid var(--line2);background:#fff;font-size:14px;color:var(--ink);cursor:pointer}
.fsel select:hover{border-color:var(--faint)}
.fsel.on select{border-color:var(--ink);font-weight:500}
.fsel::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);pointer-events:none}
.reset{border:0;background:none;color:var(--accent);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;padding:0 6px;height:42px}
/* Căutarea: exemple sub Pin, microfon, ce a înțeles Pin, panoul „Mai multe filtre". */
.pin-search .mic{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,color .2s}
.pin-search .mic:hover{background:rgba(0,0,0,.05);color:var(--ink)}
.pin-search .mic.rec{background:#C4322B;color:#fff;animation:pwPuls 1.2s ease-in-out infinite}
.pin-search .mic[hidden]{display:none}
@keyframes pwPuls{50%{box-shadow:0 0 0 8px rgba(196,50,43,.18)}}
.exemple{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.exemple button{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-size:13.5px;cursor:pointer;transition:border-color .15s,color .15s}
.exemple button:hover{border-color:var(--accent);color:var(--accent)}
.understood span.ulbl{background:none;padding:6px 2px;color:var(--muted);font-weight:500}
.understood b{font-weight:600}
.cnota{color:var(--muted)}
.cnota s{color:var(--faint)}
#f-mai svg,#f-mai.on svg{flex:none;fill:none;stroke:currentColor}
#f-mai b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:600}
#f-mai.on b{background:#fff;color:var(--ink)}
.fpanou{margin:0 var(--padw);padding:22px 24px 18px;border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.06)}
.fpanou[hidden]{display:none}
.fpanou-cap{display:none}
.fpanou-corp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.fcamp{display:flex;flex-direction:column;gap:8px;min-width:0}
.fcamp-lat{grid-column:1/-1}
.fcamp label,.fcamp .flbl{font-size:13px;font-weight:600;color:var(--ink2)}
.fcamp input{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line2);font-size:15px;outline:none;background:#fff;color:var(--ink)}
.fcamp input:focus{border-color:var(--accent)}
.fcamp .fsel select{width:100%;border-radius:12px;height:44px}
.fzone,.fatr{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:#fff;font-size:14px;color:var(--ink);cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}
.chip:hover{border-color:var(--faint)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.fpanou-jos{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.fpanou-jos .btn{height:44px;font-size:15px;padding:0 22px}
@media (max-width:680px){
  #f-mai{order:-1}
  .exemple{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--padw) * -1)}
  .exemple::-webkit-scrollbar{display:none}
  .exemple button{flex:none}
  html.fpanou-deschis,html.fpanou-deschis body{overflow:hidden}
  .fpanou{position:fixed;inset:0;z-index:200;margin:0;padding:0;border:0;border-radius:0;display:flex;flex-direction:column;box-shadow:none}
  .fpanou-cap{display:flex;align-items:center;justify-content:space-between;padding:14px var(--padw);border-bottom:1px solid var(--line)}
  .fpanou-cap b{font-size:18px;font-weight:600}
  .fpanou-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:#fff;font-size:15px;cursor:pointer}
  .fpanou-corp{flex:1 1 auto;min-height:0;overflow-y:auto;grid-template-columns:1fr;padding:18px var(--padw) 24px}
  .fpanou-jos{margin:0;padding:12px var(--padw) calc(12px + env(safe-area-inset-bottom))}
  .fpanou-jos .btn{flex:1}
}
.lmeta{padding:24px var(--padw) 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px;color:var(--muted)}
.lmeta b{color:var(--ink);font-weight:600}
.grid{padding:0 var(--padw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:48px}
.pincard{border-radius:22px;background:var(--tint);padding:36px;display:flex;flex-direction:column;gap:18px;min-height:420px}
.pincard h2{margin:0;font-size:30px;line-height:1.1;letter-spacing:-0.03em;font-weight:600}
.pincard p{margin:0;font-size:17px;line-height:1.5;color:#2E4A44}
.pincard .btn{margin-top:auto;align-self:flex-start}
.lmore{padding:72px var(--padw) 96px;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px;color:var(--muted)}
.empty{grid-column:1/-1;padding:80px 0;text-align:center;color:var(--muted);font-size:18px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.fbar{flex-wrap:wrap;gap:10px}.fbar .grp{flex:1 1 100%}.grid{grid-template-columns:1fr}.lhead{padding-top:32px}.fbar{top:56px}}
@media (max-width:760px){
  .pp-price{align-items:flex-start;text-align:left}
  .pp-title{align-items:flex-start;gap:20px}
  .pp-top .cod{display:none}
  .pp-top{gap:10px}
  .pp-nav{gap:10px}
  .pp-top .pill{height:38px;width:38px;padding:0;justify-content:center}
  .pp-top .pill span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .pas .poz{padding:0 4px;font-size:12px}
  .urm-txt{right:92px}
  .urm-go{width:52px;height:52px;font-size:28px}
}

/* Atributul hidden bate orice display din clase (who-head, grid în modul hartă). */
[hidden]{display:none!important}
/* Iconița meniului devine „închide" cât timp meniul e deschis. */
.menu-btn path{transition:transform .3s cubic-bezier(.2,.7,.2,1);transform-origin:12px 12px}
body.menu-deschis .menu-btn svg path{d:path("M6 6L18 18M6 18L18 6")}
/* Trecerea de la o proprietate la alta (și între paginile Luminos) se face cu o estompare scurtă,
   nu cu ecran alb. Chrome și Safari recente; restul navighează normal. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}

/* Scutul în antet, în locul pinului generic. */
.brand .marca{width:17px;height:24px;color:var(--accent);flex:none}

/* ===== Hero: „Pinwell" scris mare, cu Bucureștiul văzut prin litere (cerere Victor, 26.09.2026) =====
   Ca la Apple: la început, pe alb, doar cuvântul, iar fotografia se vede prin litere. La derulare
   intrăm în litera P (zoom pe MASCĂ, nu pe imagine, deci fotografia rămâne clară), până când
   fotografia umple ecranul; apoi apar peste ea cifra și căutarea.
   Masca e logo-ul oficial (`luminos-pinwell.svg`: scutul + cuvântul, 2219x500). Punctul în care
   intrăm e mijlocul barei verticale a lui P: x 405/2219 = 18,25%, y 372/500 = 74,5% (măsurat pe
   randarea fișierului). Poziția măștii se calculează așa încât punctul ăsta să alunece spre centrul ecranului
   (--p de la 0 la 1), ca bara lui P să acopere tot ecranul, nu doar stânga lui.
   Literele și fotografia de sub ele sunt ACEEAȘI poză (panorama la apus), aliniată pixel cu pixel
   (amândouă `cover` pe aceeași cutie), deci trecerea din litere în poza întreagă e continuă.
   Static (fără animații de derulare sau cu „reduce motion"): fotografia întreagă, cu textul pe ea. */
@property --z{syntax:'<number>';inherits:false;initial-value:1}
@property --p{syntax:'<number>';inherits:false;initial-value:0}
.hero-litere{display:none}
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
  .hero-media.hero-cuvant{animation:none;clip-path:none;background:#fff}
  .hero-cuvant > img{opacity:0;animation:pwImgPlin linear both;animation-timeline:--hero;animation-range:contain 48% contain 57%}
  .hero-litere{display:block;position:absolute;inset:0;background:url(/assets/campanii/bucuresti-panorama.webp) center/cover no-repeat;
    --w0:min(88vw,1250px,calc((100vh - 56px) * 1.55));--h0:calc(var(--w0) * .2253);--yc:calc((100vh - 56px) * .4);
    -webkit-mask:url(/assets/luminos-pinwell.svg) no-repeat;mask:url(/assets/luminos-pinwell.svg) no-repeat;
    -webkit-mask-size:calc(var(--w0) * var(--z)) auto;mask-size:calc(var(--w0) * var(--z)) auto;
    -webkit-mask-position:calc(50vw - var(--w0) * .3175 * (1 - var(--p)) - var(--w0) * .1825 * var(--z)) calc(var(--yc) + (var(--h0) * .245 + (100vh - 56px) * .1) * (1 - var(--p)) + (100vh - 56px) * .1 * var(--p) - var(--h0) * .745 * var(--z));
    mask-position:calc(50vw - var(--w0) * .3175 * (1 - var(--p)) - var(--w0) * .1825 * var(--z)) calc(var(--yc) + (var(--h0) * .245 + (100vh - 56px) * .1) * (1 - var(--p)) + (100vh - 56px) * .1 * var(--p) - var(--h0) * .745 * var(--z));
    animation:pwIntraInP both cubic-bezier(.6,0,.85,.35),pwSpreCentru both ease-in-out;animation-timeline:--hero,--hero;animation-range:contain 8% contain 50%,contain 8% contain 30%}
  .hero-text.hero-jos{top:auto;bottom:6vh}
  .hero-text.hero-jos .h-display{font-size:clamp(30px,min(4.2vw,7vh),64px)}
}
}
@keyframes pwIntraInP{to{--z:90}}
@keyframes pwSpreCentru{to{--p:1}}
@keyframes pwImgPlin{to{opacity:1}}

/* ===== Deschiderea la derulare, pe fiecare pagină =====
   O imagine pornește ca un card rotunjit și se deschide pe tot ecranul cât derulezi, cu imaginea
   așezându-se din zoom; textul (dacă există) apare peste ea la final. Static (fără suport sau cu
   „mișcare redusă"): un card mare, rotunjit, cu textul dedesubt. */
.deschide{padding:clamp(40px,7vh,72px) var(--padw) 0}
.deschide-media{position:relative;height:72vh;min-height:360px;border-radius:36px;overflow:hidden;background:#DCE6EE}
.deschide-media img{width:100%;height:100%;object-fit:cover}
.deschide-cap{position:absolute;left:var(--padw);right:var(--padw);bottom:6vh;z-index:1;color:#fff;display:flex;flex-direction:column;gap:10px;text-shadow:0 1px 18px rgba(0,0,0,.25)}
.deschide-cap b{font-size:clamp(34px,5vw,76px);line-height:1;letter-spacing:-0.045em;font-weight:600;max-width:15ch}
.deschide-cap span{font-size:clamp(16px,1.5vw,21px);max-width:44ch;color:rgba(255,255,255,.9)}
.deschide-media.cu-text::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0) 55%)}
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
  .deschide{height:230vh;padding:0;view-timeline-name:--deschide}
  .deschide-sticky{position:sticky;top:56px;height:calc(100vh - 56px);overflow:hidden}
  .deschide-media{position:absolute;inset:0;height:auto;min-height:0;border-radius:0;animation:pwAbre linear both;animation-timeline:--deschide;animation-range:contain 0% contain 55%}
  .deschide-media img{animation:pwSettle linear both;animation-timeline:--deschide;animation-range:contain 0% contain 70%}
  .deschide-media.cu-text::after,.deschide-cap{animation:pwIn linear both;animation-timeline:--deschide;animation-range:contain 55% contain 82%}
}
}
@keyframes pwAbre{from{clip-path:inset(14vh var(--padw) 14vh var(--padw) round 36px)}to{clip-path:inset(0 0 0 0 round 0)}}

/* Galeria de pe fișa proprietății se lărgește de la margini la tot ecranul, cât derulezi. */
@media (prefers-reduced-motion:no-preference) and (min-width:761px){
@supports (animation-timeline:view()){
  .gal{padding-left:0;padding-right:0}
  .gal .mosaic{border-radius:0;animation:pwLarg linear both;animation-timeline:view();animation-range:cover 18% cover 48%}
  .gal .mosaic .all{right:calc(var(--padw) + 18px)}
}
}
@keyframes pwLarg{from{clip-path:inset(0 var(--padw) round 28px)}to{clip-path:inset(0 0 round 0)}}

.stats.s2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:0 auto}
/* Blocurile care ies pe tot ecranul nu au voie să dea scroll lateral. */
body{overflow-x:clip}
/* Catalogul de pe prima pagină: la salt (#proprietati) titlul nu intră sub antet. */
.catalog{scroll-margin-top:56px}
/* Pe telefon rămâne în bară doar „Scrie-ne"; „Sună" trece în meniu și în bara de jos a fișei. */
@media (max-width:640px){.nav .end .btn.sm.ghost{display:none}.nav .end .btn.sm{padding:0 14px}}

/* ===== News ===== */
.nw-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nw,.nw-feat{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:28px;background:var(--alt);color:var(--ink);transition:transform .35s var(--ease),background-color .2s}
.nw:hover,.nw-feat:hover{color:var(--ink);transform:translateY(-3px);background:#EEEEF1}
.nw .o{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--accent)}
.nw b{font-size:19px;line-height:1.3;letter-spacing:-0.015em;font-weight:600;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.nw .r,.nw-feat .r{font-size:15px;line-height:1.5;color:var(--muted)}
.nw .go,.nw-feat .go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--accent)}
.nw-feat{grid-column:1/-1;padding:clamp(32px,5vw,64px);background:var(--accent);color:#fff}
.nw-feat:hover{background:var(--accent2);color:#fff}
.nw-feat .eyebrow,.nw-feat .r,.nw-feat .go{color:rgba(255,255,255,.85)}
.nw-feat b{font-size:clamp(30px,3.6vw,54px);line-height:1.04;letter-spacing:-0.04em;font-weight:600;max-width:980px}
.nw-feat .r{font-size:clamp(17px,1.4vw,20px);max-width:760px}
.nw-feat .go{margin-top:12px}
.doc.art{margin:0 auto;font-size:19px}
.doc.art p{margin:0 0 22px}
.doc blockquote{margin:28px 0;padding:4px 0 4px 24px;border-left:3px solid var(--accent);font-size:22px;line-height:1.45;color:var(--ink)}
.doc blockquote cite{display:block;margin-top:10px;font-size:15px;font-style:normal;color:var(--muted)}
.lista-presa{margin:0 0 28px;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lista-presa li{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.45}
.lista-presa li span{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:2px}
.lista-presa a{text-decoration:none;color:var(--ink)}
.lista-presa a:hover{color:var(--accent)}
@media (max-width:1000px){.nw-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.nw-list{grid-template-columns:1fr}.nw,.nw-feat{padding:24px;border-radius:24px}}

/* ===== 404 ===== */
.nf{min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:48px var(--padw)}
.nf .marca-mare{width:64px;height:auto;color:var(--accent)}

/* ===== Panoul de proprietate din catalog (cerere Victor, 26.09.2026) =====
   Proprietatea se deschide într-o foaie peste listă, cu fundalul estompat, nu pe altă pagină.
   În foaie stă pagina de proprietate (iframe), care se recunoaște singură (`.in-panou`, pus din
   <head>) și își ascunde antetul și subsolul. */
body.panou-deschis{overflow:hidden}
.panou{position:fixed;inset:0;z-index:90;display:none}
.panou.on{display:block}
.panou-fundal{position:absolute;inset:0;background:rgba(18,20,22,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pwFundal .3s ease both}
.panou-foaie{position:absolute;left:50%;top:max(20px,4vh);bottom:0;width:min(1240px,calc(100% - 48px));translate:-50% 0;background:#fff;border-radius:28px 28px 0 0;overflow:hidden;box-shadow:0 -10px 60px rgba(0,0,0,.22);animation:pwFoaie .5s var(--ease) both}
.panou iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;opacity:0;transition:opacity .25s ease}
.panou.gata iframe{opacity:1}
.panou-incarc{position:absolute;left:50%;top:40%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:pwRoata .8s linear infinite}
.panou.gata .panou-incarc{display:none}
.panou-x{position:absolute;top:10px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px rgba(0,0,0,.14);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.panou-x:hover{background:#fff;color:var(--accent)}
@keyframes pwFundal{from{opacity:0}}
@keyframes pwFoaie{from{transform:translateY(70px);opacity:0}}
@keyframes pwRoata{to{transform:rotate(360deg)}}
@media (max-width:680px){.panou-foaie{width:100%;top:10px;border-radius:20px 20px 0 0}}
@media (prefers-reduced-motion:reduce){.panou-fundal,.panou-foaie{animation:none}}
.in-panou .nav,.in-panou .foot{display:none}
.in-panou .pp-top{top:0;padding-right:64px}

/* ===== Mișcare și pe titluri, carduri și cifre (cerere Victor, 26.09.2026) =====
   Titlurile cresc și se limpezesc când intră în ecran; cardurile se măresc pe rând, în coloane
   decalate; cifrele se numără în sus (JS, `numara` din luminos.js). Proprietăți individuale
   (`scale`, `translate`), nu `transform`, ca să nu se bată cu hover-ul și cu alte animații.
   Hero-ul are coregrafia lui și rămâne în afara regulilor de aici. */
@keyframes pwTitlu{from{opacity:.12;scale:.86;translate:0 34px;filter:blur(6px)}to{opacity:1;scale:1;translate:0 0;filter:none}}
@keyframes pwCardCreste{from{opacity:0;scale:.84;translate:0 70px}to{opacity:1;scale:1;translate:0 0}}
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
  :is(.h-section,.h-display):not(.hero-text *){transform-origin:left 70%;animation:pwTitlu linear both;animation-timeline:view();animation-range:entry 5% cover 38%}
  :is(.center,.phead-in) :is(.h-section,.h-display):not(.hero-text *),.nf :is(.h-section,.h-display){transform-origin:50% 70%}
  :is(.grid .card,.grid .pincard,.feat,.nw,.nw-feat,.person,.tile,.facts > div){animation:pwCardCreste linear both;animation-timeline:view();animation-range:entry 0% cover 34%}
  :is(.grid > :nth-child(3n+2),.g3 > :nth-child(3n+2),.g4 > :nth-child(4n+2),.team > :nth-child(3n+2),.nw-list > :nth-child(3n+2),.facts > div:nth-child(3n+2)){animation-range:entry 7% cover 40%}
  :is(.grid > :nth-child(3n),.g3 > :nth-child(3n),.g4 > :nth-child(4n+3),.g4 > :nth-child(4n),.team > :nth-child(3n),.nw-list > :nth-child(3n),.facts > div:nth-child(3n)){animation-range:entry 14% cover 46%}
}
}

/* ===== Pozele din card se răsfoiesc pe loc (cerere Victor, 26.09.2026) ===== */
.card .foto{position:relative;z-index:1;display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:pointer}
.card .foto::-webkit-scrollbar{display:none}
.card .foto img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;scroll-snap-stop:always}
.card .foto-pas{position:absolute;top:50%;z-index:2;width:36px;height:36px;margin-top:-18px;border:0;border-radius:50%;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 10px rgba(0,0,0,.14);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s}
.card .foto-prev{left:10px}.card .foto-next{right:10px}
.card:hover .foto-pas,.card .foto-pas:focus-visible{opacity:1}
.card .foto-pas:hover{background:#fff}
.card .ph:not(.mutat) .foto-prev,.card .ph.la-sfarsit .foto-next{visibility:hidden}
.card .foto-nr{position:absolute;right:12px;bottom:12px;z-index:2;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;font-weight:500;letter-spacing:.02em;pointer-events:none}
@media (hover:none){.card .foto-pas{display:none}}

/* Caracteristicile din card (Comision 0%, etaj, parcare, balcon...). */
.card .car{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.card .car i{font-style:normal;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;background:var(--alt);color:var(--ink2);white-space:nowrap}
.card .car i.mai{background:none;color:var(--muted);padding-left:2px}

/* ===== Profilul brokerului (cerere Victor, 27.09.2026: „un soi de Facebook pentru el") =====
   Coperta, avatarul peste ea, numele și contactul direct; dedesubt, pe două coloane: „Despre"
   în stânga, fluxul de postări (proprietățile lui) în dreapta. Tot ce apare e numărat din date. */
.bp{padding-bottom:clamp(64px,10vh,120px)}
.bp-top{padding:16px var(--padw) 0}
.bp-cover{position:relative;height:clamp(200px,34vw,420px);border-radius:28px;overflow:hidden;background:var(--alt)}
.bp-cover img{width:100%;height:100%;object-fit:cover}
.bp-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.28))}
.bp-id{display:flex;align-items:flex-end;gap:28px;padding:0 clamp(12px,3vw,40px);position:relative;z-index:1;flex-wrap:wrap}
.bp-av{margin-top:-96px;width:176px;height:176px;border-radius:50%;border:6px solid #fff;background:var(--alt);overflow:hidden;flex-shrink:0;box-shadow:0 8px 30px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:600;color:var(--muted)}
.bp-av img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.bp-nume{flex:1;min-width:240px;padding:18px 0 10px}
.bp-nume h1{margin:0;font-size:clamp(32px,3.6vw,48px);line-height:1.05;letter-spacing:-0.035em;font-weight:600}
.bp-rol{margin:8px 0 0;font-size:17px;color:var(--ink2)}
.bp-cifre{margin:6px 0 0;font-size:15px;color:var(--muted)}
.bp-cifre b{color:var(--ink);font-weight:600}
.bp-acts{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:14px}
.bp-acts .btn{height:44px;padding:0 20px;font-size:15px}
.bp-acts .btn.ic{width:44px;padding:0}
.bp-acts .btn.ic.ok{width:auto;padding:0 16px}
.bp-tabs{display:flex;gap:6px;margin:22px var(--padw) 0;border-bottom:1px solid var(--line);position:sticky;top:56px;z-index:20;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.bp-tabs button{position:relative;height:52px;padding:0 18px;border:0;background:none;font-size:15px;font-weight:500;color:var(--muted);cursor:pointer}
.bp-tabs button[aria-selected="true"]{color:var(--ink)}
.bp-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:3px;background:var(--accent)}
.bp-tabs span{font-size:13px;color:var(--faint);margin-left:2px}
.bp-corp{display:grid;grid-template-columns:minmax(0,360px) minmax(0,680px);justify-content:center;gap:28px;padding:28px var(--padw) 0;align-items:start}
.bp-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:132px;scroll-margin-top:132px}
.bp-card{padding:22px 24px;border-radius:24px;background:var(--alt)}
.bp-card h2{margin:0 0 14px;font-size:20px;font-weight:600;letter-spacing:-0.02em}
.bp-li{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px;color:var(--ink2);line-height:1.4}
.bp-li li{display:flex;gap:12px;align-items:flex-start}
.bp-li svg{flex-shrink:0;margin-top:2px;color:var(--muted)}
.bp-li b{color:var(--ink);font-weight:600}
.bp-zone{display:flex;flex-direction:column;gap:6px}
.bp-zone a{display:grid;grid-template-columns:110px 1fr 28px;align-items:center;gap:10px;font-size:14px;color:var(--ink);padding:4px 0}
.bp-zone a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-zone i{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent) var(--w),#E3E3E8 var(--w))}
.bp-zone b{font-weight:600;text-align:right;font-size:13px;color:var(--muted)}
.bp-b{margin:0 0 8px;font-size:15px;color:var(--muted);line-height:1.45}
.bp-b b{display:block;color:var(--ink);font-weight:600}
.bp-card .link{font-size:15px}
.bp-flux{min-width:0}
.bp-post{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.bp-post header{display:flex;align-items:center;gap:12px;padding:16px 18px 0}
.bp-post header b{display:block;font-size:15px;font-weight:600}
.bp-post header span{font-size:13px;color:var(--muted)}
.bp-mini{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--alt);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--muted)}
.bp-mini img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.bp-txt{display:flex;flex-direction:column;gap:3px;padding:14px 18px 0;color:var(--ink)}
.bp-txt:hover{color:var(--ink)}
.bp-pret{font-size:22px;font-weight:600;letter-spacing:-0.02em}
.bp-tit{font-size:16px;line-height:1.35}
.bp-spec{font-size:14px;color:var(--muted)}
.bp-desc{padding:12px 18px 0;font-size:15px;line-height:1.55;color:var(--ink2)}
.bp-desc-t p{margin:0 0 .6em}
.bp-desc-t p:last-child{margin-bottom:0}
.bp-desc-t ul{margin:0 0 .6em;padding-left:1.15em}
.bp-desc-t li{margin:.15em 0}
.bp-desc.strans .bp-desc-t{max-height:6.2em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.bp-desc.deschis .bp-desc-t{max-height:none;-webkit-mask-image:none;mask-image:none}
.bp-desc-mai{margin:4px 0 0;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--ink);cursor:pointer}
.bp-desc-mai:hover{text-decoration:underline;text-underline-offset:3px}
.bp-car{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px 0}
.bp-car i{font-style:normal;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;background:var(--alt);color:var(--ink2)}
.bp-colaj{display:grid;gap:3px;margin-top:14px;aspect-ratio:4/3;background:var(--alt)}
.bp-colaj span{position:relative;overflow:hidden;min-height:0}
.bp-colaj img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.bp-colaj:hover img{transform:scale(1.03)}
.bp-colaj b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);color:#fff;font-size:28px;font-weight:600}
.bp-colaj.n1{aspect-ratio:16/10}
.bp-colaj.n2{grid-template-columns:1fr 1fr;aspect-ratio:2/1}
.bp-colaj.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.bp-colaj.n3 span:first-child{grid-row:span 2}
.bp-colaj.n4{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr 1fr}
.bp-colaj.n4 span:first-child{grid-row:span 3}
.bp-post footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:0}
.bp-post footer button,.bp-post footer a{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:0;background:none;font-size:14px;font-weight:500;color:var(--ink2);cursor:pointer;transition:background-color .15s}
.bp-post footer :is(button,a):hover{background:var(--alt);color:var(--ink)}
.bp-post footer .ok{color:var(--accent)}
.bp-fav[aria-pressed="true"]{color:#C4322B}
.bp-fav[aria-pressed="true"] svg{fill:#C4322B;stroke:#C4322B}
.bp-gol{padding:36px 28px;text-align:center}
.bp-gol b{font-size:20px}
.bp-gol p{color:var(--muted);margin:8px 0 20px}
.bp-mai{display:flex;justify-content:center}
.bp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:40px;margin-top:22px}
@media (max-width:980px){
  .bp-corp{grid-template-columns:minmax(0,1fr);max-width:680px;margin:0 auto}
  .bp-side{position:static;order:2}
  .bp[data-tab="despre"] .bp-side{order:0}
}
@media (max-width:640px){
  .bp-top{padding:10px 10px 0}
  .bp-cover{border-radius:20px}
  .bp-id{flex-direction:column;align-items:center;text-align:center;gap:10px}
  .bp-av{margin-top:-70px;width:132px;height:132px;font-size:40px;border-width:5px}
  .bp-nume{min-width:0;padding:4px 0 0}
  .bp-acts{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;width:100%;padding-bottom:0}
  .bp-acts .btn{height:42px;padding:0 8px;font-size:14px;gap:6px}
  .bp-acts .btn.ic{width:42px}
  .bp-tabs{justify-content:center;margin:16px 10px 0}
  .bp-tabs button{padding:0 12px}
  .bp-corp{padding:18px 10px 0}
  .bp-post{border-radius:20px}
  .bp-grid{grid-template-columns:minmax(0,1fr)}
  .bp-zone a{grid-template-columns:96px 1fr 28px}
}

/* Feedul Pinwell: postările de pe profilul brokerului, pentru tot stocul, cu brokerul fiecăreia în antet. */
.fd .lhead{padding-bottom:8px}
.fd-cap h1{font-size:clamp(48px,6.4vw,96px);letter-spacing:-0.05em}
.fd-cap h1 .serif{color:var(--accent)}
.fd-live{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 14px;margin-bottom:18px;border-radius:999px;background:var(--tint);color:var(--accent);font-size:14px;font-weight:600}
.fd-meta{margin:0 0 14px;font-size:15px;color:var(--muted)}
.fd-meta b{color:var(--ink);font-weight:600}
.fd-oameni{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.fd-om{display:flex;align-items:center;gap:12px;padding:6px 8px;margin:0 -8px;border-radius:14px;color:var(--ink);transition:background-color .15s}
.fd-om:hover{background:#fff;color:var(--ink)}
.fd-om b{display:block;font-size:15px;font-weight:600}
.fd-om i{display:block;font-style:normal;font-size:13px;color:var(--muted)}
.fd-cere p{margin:0 0 16px;color:var(--ink2);font-size:15px;line-height:1.5}
.bp-post header .om-link{display:flex;width:max-content;max-width:100%;font-size:15px}
.bp-post header .om-link + span{display:block}
.fd-om .bp-mini{background:#fff}
.bp-post header a.bp-mini{color:inherit}
@media (max-width:980px){.fd .bp-side{display:none}}

/* Numele unui broker e mereu un link VIZIBIL: verde, cu săgeată. Nu depinde de hover, fiindcă pe telefon hover nu există. */
.om-link{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:2px;font-weight:600}
.om-link::after{content:"";flex-shrink:0;width:.42em;height:.42em;margin-left:.3em;border-right:.12em solid currentColor;border-top:.12em solid currentColor;transform:rotate(45deg);opacity:.85}
.om-link:hover{text-decoration:underline;text-underline-offset:3px}
.om-link b{color:inherit}

/* Coperta brokerului: desenată în culorile mărcii, nu o fotografie (pozele din anunțuri ieșeau
   mici și întinse). Zonele în care lucrează, mari, în serif; marca Pinwell, uriașă și discretă. */
.bp-cov{background:radial-gradient(120% 140% at 12% 0%,#2F8C79 0%,rgba(47,140,121,0) 55%),radial-gradient(90% 120% at 100% 100%,#0E3A33 0%,rgba(14,58,51,0) 60%),linear-gradient(135deg,#17574C 0%,#1C6B5E 45%,#123F37 100%);color:#fff}
.bp-cov::after{background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.18))}
.bp-cov-m{position:absolute;right:-2%;top:-18%;height:150%;width:auto;color:#fff;opacity:.07}
.bp-cov-t{position:absolute;left:clamp(24px,4vw,56px);top:clamp(22px,3.4vw,48px);right:30%;z-index:1}
.bp-cov-e{display:block;font-size:14px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.72);margin-bottom:6px}
.bp-cov-t p{margin:0;font-size:clamp(34px,5.2vw,72px);line-height:1.02;color:#fff;text-wrap:balance}
.bp-cov-t i{font-style:normal;color:rgba(255,255,255,.45)}
@media (max-width:640px){
  .bp-cov-t{right:24px;top:20px}
  .bp-cov-t p{font-size:30px}
  .bp-cov-m{height:130%;top:-10%;right:-12%}
}

/* Chatul Pin (assets/pin-chat.js), îmbrăcat în paleta site-ului nou. Stilul lui de bază e injectat
   de script și e scris pentru site-ul vechi (crem, bej); aici doar îl suprascriem, cu specificitate
   mai mare, ca același fișier să servească ambele site-uri fără a doua copie. */
body #pinw{right:24px;bottom:24px;font-family:var(--sans)}
body #pinw-b{height:52px;width:auto;padding:0 20px 0 16px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:-0.01em;box-shadow:0 10px 30px rgba(0,0,0,.16);gap:9px}
body #pinw-p{border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.2);border:1px solid var(--line)}
body #pinw-h{padding:16px 18px;font-size:16px;letter-spacing:-0.01em}
body #pinw-m{background:var(--alt)}
body .pinw-ai,body .pinw-card,body .pinw-chip,body .pinw-consent{border-color:var(--line)}
body .pinw-ai{border-color:var(--line)}
body .pinw-lab,body .pinw-card small,body .pinw-consent .txt{color:var(--muted)}
body .pinw-card img{background:var(--alt)}
body #pinw-f{border-top-color:var(--line)}
body #pinw-i,body .pinw-consent input,body .pinw-consent .no{border-color:var(--line2)}
body #pinw-i:focus{border-color:var(--accent)}
@media (max-width:760px){
  body #pinw{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
  body:has(.dock) #pinw:not(.open){bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (max-width:640px){ body #pinw.open{right:0;bottom:0} }

/* Butonul RO/EN (creat de assets/i18n.js în locurile marcate cu data-pw-lang) */
.lang-gazda{display:inline-flex}
.pw-lang{cursor:pointer;font:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;height:32px;min-width:44px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink);transition:border-color .2s,color .2s}
.pw-lang:hover{border-color:var(--accent);color:var(--accent)}
.lang-meniu{padding-top:10px}
.lang-meniu .pw-lang{height:40px;min-width:64px;font-size:15px}
@media (max-width:760px){ .nav .lang-gazda{display:none} }

/* Feed, coloana „Brokerii Pinwell”: sucursala lângă nume, ca o etichetă discretă */
.fd-om b{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.fd-om .fd-birou{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1;padding:4px 8px;border-radius:999px;background:var(--tint);color:var(--accent)}

/* Cardul: „Trimite” rapid, lângă inimă (cerere Victor, 28.09) */
.card .share-c{z-index:2;position:absolute;top:10px;right:62px;width:44px;height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);transition:background-color .15s,color .15s}
.card .share-c:hover{background:#fff;color:var(--accent)}
.card .share-c.ok{color:var(--accent)}
.card .share-c.ok::after{content:"Link copiat";position:absolute;top:calc(100% + 8px);right:0;white-space:nowrap;padding:6px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;pointer-events:none}
html[lang="en"] .card .share-c.ok::after{content:"Link copied"}

/* Feed pe mobil (cerere Victor, 28.09): sub 1100px bara de linkuri dispare, iar Feedul ramanea
   ingropat in meniu. Aceeasi pastila vie urca in capatul barei, langa inima. Pe ecrane foarte
   inguste se ascunde inima (Salvate ramane in meniu), ca sa nu se inghesuie butoanele. */
.nav .end .m-feed{display:none}
@media (max-width:1100px){.nav .end .m-feed{display:inline-flex;margin:0;height:34px;padding:0 13px;font-size:14px}}
@media (max-width:400px){.nav .end .fav-link{display:none}.nav .end .m-feed{padding:0 11px}}
/* Căutarea în feed și pe profilul brokerului: Pin (fraza liberă) + „Caută în cuvinte" (textul ca atare). */
.ftext{position:relative;flex-shrink:0;display:flex;align-items:center;color:var(--muted)}
.ftext svg{position:absolute;left:15px;pointer-events:none}
.ftext input{height:42px;width:250px;padding:0 16px 0 38px;border-radius:999px;border:1px solid var(--line2);background:#fff;font-size:14px;color:var(--ink);outline:none;transition:border-color .15s}
.ftext input::-webkit-search-cancel-button{cursor:pointer}
.ftext input:hover{border-color:var(--faint)}
.ftext input:focus{border-color:var(--accent)}
.ftext.on input{border-color:var(--ink);font-weight:500}
.fd-cauta{padding-top:14px}
.fd-cauta .pin-search{max-width:900px}
.fd .understood{margin-top:2px}
.bp-cauta{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.bp-cauta .pin-search{background:#fff;border:1px solid var(--line);height:60px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.bp-cauta .ftext input{width:100%}
.bp-cauta .understood{padding:0}
.bp-cauta-n{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:14px;color:var(--muted)}
.bp-cauta-n b{color:var(--ink);font-weight:600}
.bp-cauta-n .reset{height:auto;padding:0}
@media (max-width:680px){.ftext input{width:210px}.bp-cauta .pin-search{height:54px}}
/* Brokerul și sucursala jos pe card: linkuri proprii, peste legătura care acoperă cardul. */
.card .c-agent{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line);min-width:0}
.card .c-om{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none;border-radius:999px}
.card .c-om b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card a.c-om:hover b{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.card .c-av{flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--tint);color:var(--accent);font-size:12px;font-weight:600}
.card .c-av img{width:100%;height:100%;object-fit:cover;display:block}
.card .c-birou{flex:none;height:28px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:var(--tint);color:var(--accent);font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.card .c-birou:hover{background:var(--accent);color:#fff}
.card a.c-om:focus-visible,.card .c-birou:focus-visible{outline:2px solid var(--accent);outline-offset:3px}