/* MOL Invest — demo A, v2. Pagină luminoasă și caldă; verdele e ancora de brand
   (antet, contact, subsol), auriul e semn, nu suprafață.
   Display: Bodoni Moda, ca wordmark-ul „MOL”. Text: Source Sans 3. */

:root{
  --verde:#1c201e;
  --verde-mid:#252826;
  --verde-pal:#f5f1e9;
  --aur:#c9a227;
  --aur-clar:#e7c865;
  --aur-fund:#faf3de;
  --hartie:#fbfaf7;
  --alb:#fff;
  --cerneala:#1c201e;
  --text:#6e6256;
  --slab:#6e6256;
  --linie:#e5dcd0;
  --linie-tare:#e5dcd0;
  --lat:1240px;
  --pas:clamp(3.75rem,7vw,6.5rem);
  --serif:'Bodoni Moda',Georgia,'Times New Roman',serif;
  --sans:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--hartie);color:var(--text);
  font-family:var(--sans);font-size:1.0625rem;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%}
a{color:inherit}
p{margin:0 0 1rem}
p:last-child{margin-bottom:0}
h1,h2,h3{margin:0;color:var(--cerneala);font-weight:400}
:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--aur);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.wrap{max-width:var(--lat);margin-inline:auto;padding-inline:clamp(1.15rem,4vw,2.5rem)}
.cifre{font-variant-numeric:tabular-nums}
.eticheta{font-size:.82rem;color:var(--slab)}

/* titluri */
.titlu-mare{font-family:var(--serif);font-size:clamp(2.4rem,5.1vw,4.15rem);line-height:1.04;
  letter-spacing:-.015em;font-weight:500}
.titlu{font-family:var(--serif);font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.15;
  font-weight:400;margin-bottom:clamp(1.4rem,2.6vw,2rem)}
.subtit{font-family:var(--sans);font-size:1.02rem;font-weight:600;color:var(--cerneala)}

/* ---------- antet ---------- */
.head{background:var(--verde);color:#fff;position:sticky;top:0;z-index:50}
.head__in{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);min-height:70px}
.head__logo{display:block;flex:none}
.head__logo img{height:36px;width:auto;display:block}
.head__nav{display:flex;gap:1.7rem;margin-left:auto}
.head__nav a{color:rgba(255,255,255,.86);text-decoration:none;font-size:.98rem}
.head__nav a:hover,.head__nav a[aria-current]{color:var(--aur-clar)}
.head__tel{color:#fff;text-decoration:none;font-weight:600;white-space:nowrap}
.head__tel:hover{color:var(--aur-clar)}
@media (max-width:900px){.head__nav{display:none}}

/* ---------- capul paginii de proprietate ---------- */
.cap{padding-block:clamp(2rem,4vw,3.25rem) clamp(2.5rem,5vw,4rem)}
.firul{display:inline-flex;align-items:center;gap:.5rem;color:var(--verde-mid);
  text-decoration:none;font-size:.98rem;font-weight:600}
.firul:hover{color:var(--aur)}
.cap__rand{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.9rem 1.5rem;margin-top:1.1rem}
.cap__rand .stare{margin-bottom:.55rem}
.stare{display:inline-block;padding:.32rem .8rem;font-size:.85rem;font-weight:600;
  background:var(--aur);color:var(--verde)}
.stare--gri{background:var(--verde-pal);color:var(--verde)}
.cap__foto{margin:clamp(1.75rem,3.5vw,2.75rem) 0 0}
.cap__foto img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block;background:var(--verde-pal)}
.cap__foto figcaption{margin-top:.7rem;font-size:.88rem;color:var(--slab)}

.specuri{display:flex;flex-wrap:wrap;gap:1.5rem clamp(2rem,5vw,4rem);margin:clamp(1.75rem,3.5vw,2.5rem) 0 0;
  padding-top:1.35rem;border-top:1px solid var(--linie-tare)}
.spec{margin:0}
.spec dt{font-size:.85rem;color:var(--slab);margin-bottom:.1rem}
.spec dd{margin:0;font-size:1.5rem;font-weight:600;color:var(--cerneala);font-variant-numeric:tabular-nums;line-height:1.2}
.spec dd b{font-weight:600;color:var(--verde)}
.actiuni{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:clamp(1.5rem,3vw,2.1rem)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.9rem 1.6rem;font:inherit;font-size:1rem;font-weight:600;border:1px solid transparent;
  text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn--verde{background:var(--verde);color:#fff}
.btn--verde:hover{background:var(--verde-mid)}
.btn--contur{border-color:var(--linie-tare);color:var(--cerneala);background:var(--alb)}
.btn--contur:hover{border-color:var(--verde);color:var(--verde)}
.btn--aur{background:var(--aur);color:var(--verde)}
.btn--aur:hover{background:var(--aur-clar)}
.btn--fantoma{border-color:rgba(255,255,255,.38);color:#fff}
.btn--fantoma:hover{border-color:var(--aur-clar);color:var(--aur-clar)}

/* ---------- secțiuni ---------- */
.sect{padding-block:var(--pas)}
.sect--alb{background:var(--alb);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.verde{background:var(--verde);color:#fff}
.verde h1,.verde h2,.verde h3,.verde .titlu,
.rez-hero h1,.rez-hero h2,.rez-hero h3,.rez-hero .titlu{color:#fff}
.verde .spec dt,.rez-hero .spec dt{color:rgba(255,255,255,.62)}
.verde .spec dd,.rez-hero .spec dd{color:#fff}
.verde .spec dd b,.rez-hero .spec dd b{color:var(--aur-clar)}
.rez-hero p,.rez-hero__lead{color:rgba(255,255,255,.82)}
.verde .hero__specs,.rez-hero .hero__specs{border-top-color:rgba(255,255,255,.22)}
.doua{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2.25rem,5vw,5rem);align-items:start}
@media (max-width:880px){.doua{grid-template-columns:1fr}}

/* ---------- planul ---------- */
.plan-jos__t{max-width:44ch}
.plan-jos__t p{margin:0 0 .3rem;color:var(--slab);font-size:.92rem}
.elev--oriz{border:0;background:none!important;padding:0;display:flex;align-items:flex-end;gap:1.4rem}
.elev--oriz .elev__tit{margin-bottom:.45rem}
.elev--oriz .elev__list{flex-direction:row-reverse;justify-content:flex-end;flex-wrap:nowrap;gap:5px}
.elev--oriz .elev__rand{display:flex;flex-direction:column-reverse;align-items:stretch;gap:.3rem;width:34px}
.elev--oriz .elev__b{height:26px;width:100%}
.elev--oriz .elev__n{text-align:center}
.elev--oriz .elev__sol{display:none}
.elev--oriz .elev__nota{margin:0 0 .1rem;max-width:24ch;font-size:.92rem}
.plan-fig{margin:0}
.plan-btn{display:block;width:100%;padding:0;border:1px solid var(--linie-tare);background:var(--alb);
  cursor:zoom-in;line-height:0}
.plan-btn img{width:100%;height:auto;display:block}
.plan-jos{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
  gap:1.5rem;margin-top:1.15rem;font-size:.9rem;color:var(--slab)}
.plan-jos button{background:none;border:0;color:var(--verde-mid);font:inherit;font-size:.9rem;
  font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.plan-jos button:hover{color:var(--aur)}

.elev{border:1px solid var(--linie);background:var(--alb);padding:1.05rem 1.05rem .9rem}
.sect--alb .elev{background:var(--hartie)}
.elev__tit{font-size:.85rem;color:var(--slab);margin-bottom:.7rem}
.elev__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.elev__rand{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.6rem}
.elev__n{font-size:.8rem;color:var(--slab);text-align:right;font-variant-numeric:tabular-nums}
.elev__b{height:19px;border:1px solid var(--linie);background:#f5f1e9}
.elev__rand.pe .elev__b{background:var(--aur);border-color:var(--aur)}
.elev__rand.pe .elev__n{color:var(--cerneala);font-weight:700}
.elev__sol{height:3px;background:var(--linie-tare);margin:7px 0 0 36px}
.elev__nota{margin:.9rem 0 0;font-size:.9rem;line-height:1.45;color:var(--text)}
@media (max-width:940px){
  .plan-grid{grid-template-columns:1fr}
  .elev__list{flex-direction:row-reverse;justify-content:flex-end;flex-wrap:nowrap;gap:5px}
  .elev__rand{display:flex;flex-direction:column-reverse;align-items:stretch;gap:.35rem;flex:1 1 0;min-width:0}
  .elev__n{text-align:center}
  .elev__b{width:100%;height:30px}
  .elev__sol{margin:8px 0 0}
}

/* ---------- tabele ---------- */
.tabel{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tabel caption{text-align:left;font-size:.85rem;color:var(--slab);padding-bottom:.7rem}
.tabel td{padding:.72rem 0;border-bottom:1px solid var(--linie);color:var(--cerneala)}
.tabel td+td{text-align:right;font-weight:600;white-space:nowrap}
.tabel .sub td{border-bottom:none;border-top:1px solid var(--linie-tare);padding-top:.9rem;font-weight:700}
.tabel .total td{border-top:2px solid var(--verde);border-bottom:none;padding-top:.72rem;
  font-weight:700;font-size:1.18rem;color:var(--verde);font-family:var(--sans)}

.spec-tab{width:100%;border-collapse:collapse}
.spec-tab td{padding:.72rem 0;border-bottom:1px solid var(--linie);vertical-align:top}
.spec-tab td:first-child{color:var(--slab);width:42%;padding-right:1.25rem}
.spec-tab td+td{color:var(--cerneala);font-weight:600}

.nota{background:var(--aur-fund);border-left:3px solid var(--aur);padding:1.05rem 1.2rem;
  margin-top:1.85rem;font-size:.98rem;color:var(--cerneala)}
.nota a{color:var(--verde);font-weight:600}

.fapte{list-style:none;margin:0;padding:0}
.fapte li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;
  padding:.72rem 0;border-bottom:1px solid var(--linie)}
.fapte li:first-child{padding-top:0}
.fapte b{font-weight:600;color:var(--cerneala)}
.fapte__m{width:7px;height:7px;background:var(--aur);margin-top:.62rem}

/* ---------- carduri ---------- */
.sib{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:1.15rem}
.sib__c{display:flex;flex-direction:column;background:var(--alb);border:1px solid var(--linie);
  text-decoration:none;color:inherit;transition:border-color .16s,box-shadow .16s}
.sib__c:hover{border-color:var(--verde);box-shadow:0 8px 24px rgba(3,59,36,.08)}
.sib__i{aspect-ratio:16/10;background:#f5f1e9;display:block;overflow:hidden}
.sib__i img{width:100%;height:100%;object-fit:cover;object-position:52% 40%;transform:scale(1.45);display:block}
.sib__t{padding:.9rem 1rem 1.05rem}
.sib__t h3{font-family:var(--sans);font-size:1.02rem;font-weight:600;margin-bottom:.28rem}
.sib__t p{margin:0;font-size:.92rem;color:var(--slab);font-variant-numeric:tabular-nums}

/* ---------- galerie ---------- */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.gal:not(.gal--mare){grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.gal a{display:block;overflow:hidden;background:#f5f1e9;aspect-ratio:4/3;cursor:zoom-in}
.gal--mare a:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.gal a:hover img{transform:scale(1.03)}
@media (max-width:760px){.gal{grid-template-columns:repeat(2,1fr)}.gal--mare a:first-child{aspect-ratio:4/3}}
.filme{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}
.filme video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#000;
  border:1px solid var(--linie)}

/* ---------- hartă ---------- */
.harta{height:min(58vh,440px);background:#f5f1e9;border:1px solid var(--linie)}
.harta__leg{display:flex;flex-wrap:wrap;gap:1.35rem;margin-top:.9rem;font-size:.95rem;color:var(--slab)}
.harta__leg a{color:var(--verde);font-weight:600}

/* ---------- contact ---------- */
.contact__doua{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2.25rem,5vw,5rem)}
@media (max-width:880px){.contact__doua{grid-template-columns:1fr}}
.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form label{display:block;font-size:.88rem;color:rgba(255,255,255,.75);margin-bottom:.35rem}
.form input,.form textarea{width:100%;padding:.78rem .9rem;font:inherit;font-size:1rem;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.26);color:#fff}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.38)}
.form input:focus,.form textarea:focus{background:rgba(255,255,255,.12);border-color:var(--aur-clar)}
.form__lat{grid-column:1/-1}
.form__gdpr{grid-column:1/-1;display:flex;gap:.6rem;font-size:.9rem;color:rgba(255,255,255,.75)}
.form__gdpr input{width:auto;flex:none;margin-top:.3rem}
@media (max-width:620px){.form{grid-template-columns:1fr}}
.contact__date{list-style:none;margin:0;padding:0;font-size:1rem}
.contact__date li{padding:.68rem 0;border-bottom:1px solid rgba(255,255,255,.17)}
.contact__date a{color:#fff;text-decoration:none;font-weight:600}
.contact__date a:hover{color:var(--aur-clar)}
.contact__date span{display:block;font-size:.84rem;color:rgba(255,255,255,.58)}
.verde p{color:rgba(255,255,255,.82)}

/* ---------- subsol ---------- */
.foot{background:#1c201e;color:rgba(255,255,255,.6);font-size:.9rem}
.foot__in{padding-block:2.1rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}
.foot a{color:rgba(255,255,255,.6)}

/* ---------- bară mobilă ---------- */
.bara{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:.5rem;padding:.55rem;
  background:var(--verde);border-top:1px solid rgba(255,255,255,.16)}
.bara .btn{padding:.72rem .5rem;font-size:.92rem}
@media (max-width:760px){.bara{display:grid;grid-template-columns:1fr 1fr}body{padding-bottom:78px}
  .actiuni{display:none}}

/* ---------- lupă ---------- */
.lupa{border:0;padding:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:rgba(6,20,14,.97)}
.lupa::backdrop{background:rgba(6,20,14,.92)}
.lupa__in{width:100%;height:100%;overflow:auto;display:grid;place-items:center;padding:1rem}
.lupa__in img{max-width:none;width:min(2400px,240vw);height:auto;cursor:grab}
.lupa__x{position:fixed;top:1rem;right:1rem;background:var(--aur);color:var(--verde);border:0;
  padding:.62rem 1.05rem;font:inherit;font-weight:600;cursor:pointer;z-index:2}

/* ---------- pagini de text ---------- */
.proza{max-width:66ch}
.proza h2,.proza h3,.proza h4{font-family:var(--serif);margin:2.2rem 0 .7rem;font-size:1.35rem;font-weight:400}
.proza ul,.proza ol{padding-left:1.3rem;margin:0 0 1.05rem}
.proza li{margin-bottom:.4rem}
.proza a{color:var(--verde);font-weight:600}
.proza img{height:auto;margin:1.1rem 0}

/* ---------- rămase din celelalte pagini ---------- */
.hero{padding-block:clamp(2rem,4vw,3rem) clamp(2.5rem,5vw,4rem)}
.hero__titlu{font-family:var(--serif);font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;font-weight:400}
.hero__inapoi{display:inline-flex;gap:.5rem;color:var(--aur-clar);text-decoration:none;font-size:.95rem;
  margin-bottom:1.5rem}
.hero__specs{display:flex;flex-wrap:wrap;gap:1.35rem clamp(1.75rem,4vw,3.25rem);margin:2rem 0 0;
  padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.2)}
.verde .spec dt{color:rgba(255,255,255,.62)}
.verde .spec dd{color:#fff}
.verde .spec dd b{color:var(--aur-clar)}
.rez-hero{display:grid;grid-template-columns:minmax(0,5.6fr) minmax(0,6fr);background:var(--verde);color:#fff}
.rez-hero__txt{padding:clamp(2.25rem,4.5vw,4rem) clamp(1.5rem,3vw,3rem) clamp(2.25rem,4.5vw,4rem)
  max(1.15rem,calc((100vw - 1240px)/2 + 2.5rem))}
.rez-hero__img{position:relative;background:#1c201e;min-height:100%}
.rez-hero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rez-hero__lead{max-width:48ch;margin-top:1.15rem}
@media (max-width:900px){
  .rez-hero{grid-template-columns:1fr}
  .rez-hero__img{aspect-ratio:16/10;min-height:0}
  .rez-hero__txt{order:2;padding:clamp(1.75rem,6vw,2.5rem) clamp(1.15rem,4vw,2.5rem)}
}
.cauta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.7rem}
.cauta a{padding:.5rem .95rem;border:1px solid rgba(255,255,255,.32);color:#fff;text-decoration:none;
  font-size:.95rem}
.cauta a:hover{background:var(--aur);border-color:var(--aur);color:var(--verde)}
.proiecte{display:grid;grid-template-columns:repeat(auto-fill,minmax(318px,1fr));gap:1.4rem}
.pc{display:flex;flex-direction:column;background:var(--alb);border:1px solid var(--linie);
  text-decoration:none;color:inherit;transition:border-color .18s,box-shadow .18s}
.pc:hover{border-color:var(--verde);box-shadow:0 10px 28px rgba(3,59,36,.09)}
.pc__i{aspect-ratio:16/10;overflow:hidden;background:#f5f1e9;position:relative}
.pc__i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.pc:hover .pc__i img{transform:scale(1.04)}
.pc__eticheta{position:absolute;left:0;top:0;background:var(--aur);color:var(--verde);
  font-size:.8rem;font-weight:700;padding:.32rem .65rem}
.pc__eticheta--gri{background:rgba(3,59,36,.88);color:#fff}
.pc__b{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.42rem;flex:1}
.pc__t{font-family:var(--sans);font-size:1.12rem;font-weight:600;line-height:1.25;color:var(--cerneala)}
.pc__z{font-size:.92rem;color:var(--slab)}
.pc__d{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--linie);
  display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.92rem}
.pc__n{font-weight:700;color:var(--verde);font-variant-numeric:tabular-nums}
.pc__n em{font-style:normal;font-weight:400;color:var(--slab)}
.matrice__scroll{overflow-x:auto;padding-bottom:.25rem}
.matrice{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.matrice th{font-weight:400;font-size:.85rem;color:var(--slab);padding:0 .25rem .7rem;text-align:center;white-space:nowrap}
.matrice th:first-child{text-align:left;padding-left:0}
.matrice td{border-top:1px solid var(--linie);padding:.5rem .25rem;text-align:center}
.matrice td:first-child{text-align:left;padding-left:0;padding-right:1.5rem;white-space:nowrap}
.matrice tr:hover td{background:var(--hartie)}
.matrice a{color:var(--cerneala);text-decoration:none;font-weight:600}
.matrice a:hover{color:var(--verde);text-decoration:underline}
.matrice a i{font-style:normal;font-weight:400;color:var(--slab);font-size:.92rem;margin-left:.55rem}
.pct{display:inline-block;min-width:24px;height:24px;line-height:24px;padding:0 .25rem;
  background:var(--aur);color:var(--verde);font-size:.8rem;font-weight:700}
.gol{color:var(--linie-tare)}
.etaj__lista{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{display:inline-flex;align-items:baseline;gap:.55rem;padding:.45rem .85rem;border:1px solid var(--linie);
  background:var(--alb);text-decoration:none;color:var(--cerneala);font-size:.95rem}
.chip:hover{border-color:var(--verde);background:var(--verde-pal)}
.chip b{font-weight:600}
.chip i{font-style:normal;color:var(--slab);font-variant-numeric:tabular-nums;font-size:.88rem}
.filtre{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.7rem}
.filtru{padding:.5rem 1rem;border:1px solid var(--linie-tare);background:var(--alb);font:inherit;
  font-size:.95rem;cursor:pointer;color:var(--cerneala)}
.filtru[aria-pressed="true"]{background:var(--verde);border-color:var(--verde);color:#fff}
.filtre select{padding:.5rem .85rem;border:1px solid var(--linie-tare);background:var(--alb);font:inherit;
  font-size:.95rem;color:var(--cerneala)}
.nimic{padding:2.5rem 0;color:var(--slab)}

@media (max-width:700px){
  .cap__foto img{aspect-ratio:4/3}
  .titlu-mare{font-size:clamp(2.1rem,8.5vw,2.9rem)}
}