/* Plumb — renovări de apartamente vechi, Iași. Fond gri-tencuială, foaie de plan, galben de bandă de hârtie. */
:root{
  --fond:#CFD3D4; --foaie:#F7F7F4; --cerneala:#1E2226; --sters:#40474D; --rugina:#8A2B0E;
  --galben:#F2D04B; --galben-pal:#F8E9A6; --grafit:#23272B; --pe-grafit:#E4E7E8; --linie:rgba(30,34,38,.22);
  --f:'Familjen Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif; --m:'Inconsolata',ui-monospace,Menlo,monospace;
  --lat:1320px; --g:16px; --antet:64px;
}
@media (min-width:700px){:root{--g:32px}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--cerneala);font:400 1.0625rem/1.55 var(--f);font-feature-settings:'tnum' 0}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
h1,h2,h3{font-weight:700;line-height:1.1;letter-spacing:-.015em;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:1.02;letter-spacing:-.03em}
h2{font-size:clamp(1.65rem,2.8vw,2.5rem)}
h3{font-size:1.4rem}
p{margin:0 0 1em}
a{color:var(--cerneala);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--rugina)}
:focus-visible{outline:3px solid var(--cerneala);outline-offset:3px}
button{font:inherit;color:inherit;background:transparent;border:none;appearance:none;cursor:pointer}
.mic{font-size:.9rem;color:var(--sters)}
.vizual-ascuns{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sari{position:absolute;left:-999px;top:8px;z-index:30;background:var(--cerneala);color:var(--foaie);padding:8px 14px}
.sari:focus{left:8px}
main>section,.preturi,.jurnal{max-width:var(--lat);margin-inline:auto;padding-inline:var(--g)}

/* butoane */
.butoane{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:2px solid var(--cerneala);font-weight:600;text-decoration:none;line-height:1.2;text-align:center}
.btn--plin{background:var(--cerneala);color:var(--foaie)}
.btn--plin:hover{background:var(--rugina);border-color:var(--rugina);color:#fff}
.btn--contur{color:var(--cerneala)}
.btn--contur:hover{background:var(--cerneala);color:var(--foaie)}
.btn--mic{min-height:40px;padding:8px 14px;font-size:.95rem}
.btn--galben{background:var(--galben);border-color:var(--galben);color:var(--cerneala)}
.btn--galben:hover{background:#fff;border-color:#fff;color:var(--cerneala)}
.btn--alb{border-color:var(--pe-grafit);color:var(--pe-grafit)}
.btn--alb:hover{background:var(--pe-grafit);color:var(--grafit)}
.legatura{font-weight:600}

/* antet lipicios */
.antet{position:sticky;top:0;z-index:20;background:var(--fond);border-bottom:2px solid var(--cerneala)}
.antet__in{max-width:var(--lat);margin-inline:auto;padding:10px var(--g);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 28px}
.marca{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:end;text-decoration:none;color:var(--cerneala)}
.marca__semn{grid-row:1/3;width:16px;height:34px;overflow:visible}
.marca__fir{stroke:var(--cerneala);stroke-width:1.6;fill:none}
.marca__greutate{fill:var(--cerneala)}
.marca__nume{font-weight:700;font-size:1.6rem;line-height:1;letter-spacing:-.03em}
.marca__sub{font-family:var(--m);font-size:.82rem;line-height:1.1;color:var(--sters)}
.meniu ul{list-style:none;margin:0;padding:0;display:flex;gap:4px 22px;justify-content:center}
.meniu a{display:block;padding:8px 0;text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}
.meniu a:hover{border-bottom-color:var(--linie);color:var(--cerneala)}
.meniu a[aria-current="page"]{border-bottom-color:var(--galben);box-shadow:inset 0 -3px 0 var(--galben)}
.antet__rapid{margin:0;display:flex;align-items:center;gap:16px}
.antet__tel{font-family:var(--m);font-weight:600;text-decoration:none;white-space:nowrap}
@media (max-width:1099px){
  .antet__in{grid-template-columns:1fr auto;padding-bottom:0}
  .meniu{grid-column:1/-1;grid-row:2;margin-inline:calc(-1 * var(--g))}
  .meniu ul{justify-content:flex-start;overflow-x:auto;padding:0 var(--g);scrollbar-width:none}
  .meniu ul::-webkit-scrollbar{display:none}
}
@media (max-width:560px){.antet__tel{display:none}.marca__sub{font-size:.78rem}}

/* erou: poza în stânga, textul jos în dreapta */
.erou{display:grid;gap:24px;padding-block:24px 56px}
.erou__poza img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%}
.erou__poza figcaption{font-family:var(--m);font-size:.9rem;color:var(--sters);margin-top:8px}
.erou__lead{font-size:1.2rem;max-width:36em}
.fise{margin:28px 0;border-top:2px solid var(--cerneala)}
.fise div{display:grid;grid-template-columns:11em 1fr;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--linie)}
.fise dt{font-weight:700}
.fise dd{margin:0}
@media (max-width:520px){.fise div{grid-template-columns:1fr}}
@media (min-width:960px){
  .erou{grid-template-columns:repeat(12,1fr);gap:0 32px;padding-top:32px;align-items:end}
  .erou__poza{grid-column:1/8}
  .erou__poza img{max-height:calc(100vh - var(--antet) - 80px);min-height:520px}
  .erou__text{grid-column:8/13;padding-bottom:30px}
}

/* planul (semnătura) */
.plan{padding-block:56px}
.plan__cap{max-width:46em}
.plan__alege{border:0;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.plan-alege{position:relative;cursor:pointer}
.plan-alege input{position:absolute;opacity:0;inset:0;cursor:pointer}
.plan-alege span{display:block;padding:10px 16px;border:2px solid var(--cerneala);line-height:1.3}
.plan-alege b{display:block}
.plan-alege span{font-size:.95rem}
.plan-alege input:checked+span{background:var(--cerneala);color:var(--foaie)}
.plan-alege input:focus-visible+span{outline:3px solid var(--cerneala);outline-offset:3px}
.plan__grila{display:grid;gap:24px}
@media (min-width:1000px){.plan__grila{grid-template-columns:7fr 5fr;align-items:start}}
.plan__foaie{background-color:var(--foaie);background-image:linear-gradient(var(--linie-hartie,rgba(30,34,38,.07)) 1px,transparent 1px),linear-gradient(90deg,rgba(30,34,38,.07) 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--cerneala);padding:12px}
.plan__svg{width:100%;height:auto;display:block;touch-action:manipulation}
.plan__nota{font-size:.9rem;color:var(--sters);margin:8px 4px 0}
.zid{fill:var(--cerneala)}
.camera{cursor:pointer}
.camera__pod{fill:var(--foaie);transition:fill .15s}
.camera:hover .camera__pod{fill:var(--galben-pal)}
.camera.ales .camera__pod{fill:var(--galben)}
[data-plan="copou"] .camera.oprit .camera__pod{fill:url(#h-copou)}
[data-plan="tatarasi"] .camera.oprit .camera__pod{fill:url(#h-tatarasi)}
.hasura{stroke:var(--sters);stroke-width:3}
.gol{fill:var(--foaie)}
.usa{fill:none;stroke:var(--cerneala);stroke-width:3}
.fereastra{fill:var(--foaie);stroke:var(--cerneala);stroke-width:2}
.geam{stroke:var(--cerneala);stroke-width:2;fill:none}
.plan__svg text{fill:var(--cerneala);pointer-events:none}
.plan__nume{font:700 50px var(--f)}
.plan__mp,.plan__cota,.plan__strada,.plan__scara{font-family:var(--m);font-size:50px}
.plan__cota{fill:var(--rugina)!important;font-weight:600}
.plan__strada{fill:var(--sters)!important}
.cota{stroke:var(--rugina);stroke-width:2.5;fill:none}
.scara__plin{fill:var(--cerneala)}
.scara__gol{fill:var(--foaie);stroke:var(--cerneala);stroke-width:2}
@media (min-width:700px){.plan__nume{font-size:34px}.plan__mp,.plan__cota,.plan__strada,.plan__scara{font-size:28px}}
.plan__panou{background:var(--foaie);border:1px solid var(--cerneala);padding:20px}
@media (min-width:1000px){.plan__panou{position:sticky;top:calc(var(--antet) + 16px);max-height:calc(100vh - var(--antet) - 32px);overflow:auto}}
.cam-lista{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.cam-btn{border:1.5px solid var(--cerneala);padding:7px 12px;font-weight:600;line-height:1.2;min-height:40px}
.cam-btn span{font-family:var(--m);font-weight:400;font-size:.9rem}
.cam-btn[aria-pressed="true"]{background:var(--galben)}
.cam-btn.oprit{text-decoration:line-through;color:var(--sters)}
.panou__t{font-size:1.75rem;margin:0}
.panou__cote{font-family:var(--m);color:var(--rugina);font-weight:600;margin:4px 0 12px}
.panou__arii{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;border-top:2px solid var(--cerneala);border-bottom:1px solid var(--linie);padding:10px 0}
.panou__arii dt{font-size:.85rem;color:var(--sters);line-height:1.25}
.panou__arii dd{margin:2px 0 0;font-family:var(--m);font-weight:600;font-size:1.1rem}
.comut{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:8px;cursor:pointer}
.comut input,.lucrare input{width:20px;height:20px;accent-color:var(--cerneala);margin:0;flex:none}
.lucrari{list-style:none;margin:0;padding:0}
.lucrari li{border-bottom:1px solid var(--linie)}
.lucrare{display:grid;grid-template-columns:20px 1fr auto;gap:2px 12px;padding:9px 0;cursor:pointer;align-items:start}
.lucrare input{margin-top:3px}
.lucrare__nume{line-height:1.3}
.lucrare__nume em{display:block;font-style:normal;font-size:.85rem;color:var(--rugina)}
.lucrare__cant{grid-column:2;font-family:var(--m);font-size:.9rem;color:var(--sters)}
.lucrare__suma{grid-column:3;grid-row:1;font-family:var(--m);font-weight:600;white-space:nowrap;text-align:right}
.lucrare.nu .lucrare__nume,.lucrare.nu .lucrare__suma{color:var(--sters);text-decoration:line-through}
.panou.oprit .lucrari{opacity:.55}
.panou__total{margin:14px 0 0;font-size:1.05rem}
.panou__total b{font-family:var(--m);font-size:1.3rem}
.deviz{margin-top:32px}
.deviz__tabel{width:100%;border-collapse:collapse;background:var(--foaie);border:1px solid var(--cerneala)}
.deviz__tabel caption{text-align:left;font-weight:700;font-size:1.3rem;padding:0 0 10px}
.deviz__tabel th,.deviz__tabel td{padding:10px 14px;border-bottom:1px solid var(--linie);text-align:left;vertical-align:top}
.deviz__tabel td:last-child,.deviz__tabel thead th:last-child{text-align:right;font-family:var(--m);white-space:nowrap}
.deviz__tabel thead th{font-size:.9rem;color:var(--sters);border-bottom:2px solid var(--cerneala)}
.deviz__tabel tbody td:nth-child(2){font-family:var(--m);color:var(--sters)}
.deviz__tabel tfoot th,.deviz__tabel tfoot td{border-top:2px solid var(--cerneala);border-bottom:0;font-size:1.3rem;font-weight:700}
.deviz__tabel tfoot td:last-child{background:var(--galben)}
.deviz__tabel tr.nu th,.deviz__tabel tr.nu td{color:var(--sters)}
.deviz__cam th{background:var(--fond);font-size:.95rem}
.deviz__rand{margin-top:16px}
.deviz__rand summary{cursor:pointer;font-weight:700;padding:10px 0;min-height:44px}
.deviz__jos{margin-top:20px;display:grid;gap:16px}
@media (min-width:900px){.deviz__jos{grid-template-columns:1fr auto;align-items:start}}
@media (max-width:640px){
  .deviz__tabel--rand thead{display:none}
  .deviz__tabel--rand tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--linie)}
  .deviz__tabel--rand td{border:0;padding:6px 12px}
  .deviz__tabel--rand td:first-child{grid-column:1/-1;padding-bottom:0}
  .deviz__tabel--rand .deviz__cam{display:block}
  .deviz__tabel--rand .deviz__cam th{display:block}
  .panou__arii{grid-template-columns:1fr 1fr 1fr;gap:6px}
}

/* șantierul pe scurt */
.santier-scurt{padding-block:56px;display:grid;gap:24px}
.santier-scurt__cap{max-width:40em}
.fasie{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fasie a{text-decoration:none;display:block}
.fasie img{width:100%;aspect-ratio:3/4;object-fit:cover}
.fasie figcaption{font-family:var(--m);font-weight:600;margin-top:6px}
.fasie a:hover figcaption{color:var(--rugina)}
@media (min-width:960px){.santier-scurt{grid-template-columns:4fr 8fr;gap:32px;align-items:end}.fasie{grid-template-columns:repeat(4,1fr)}}

/* plata */
.plata{padding-block:56px;display:grid;gap:32px}
.plata__text{max-width:40em}
.plata__lista{background:var(--foaie);border-top:6px solid var(--galben);padding:20px 24px}
.plata__lista ul{margin:0;padding-left:1.1em}
.plata__lista li{margin-bottom:.6em}
@media (min-width:960px){.plata{grid-template-columns:7fr 5fr;align-items:start}}

/* întrebări */
.intrebari{padding-block:40px 72px}
.intrebari h2{margin-bottom:16px}
.intrebare{max-width:52em;border-top:1px solid var(--cerneala)}
.intrebare:last-child{border-bottom:1px solid var(--cerneala)}
.intrebare summary{cursor:pointer;font-weight:700;font-size:1.15rem;padding:14px 0;list-style-position:outside}
.intrebare p{max-width:44em}

/* pagini interioare */
.pagina-cap{padding-block:48px 32px}
.pagina-cap>p{max-width:44em;font-size:1.15rem}
.inainte-dupa{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;max-width:900px}
.inainte-dupa>figure{min-width:0;scroll-margin-top:calc(var(--antet) + 24px)}
.inainte-dupa figcaption{margin-top:8px;font-size:.95rem}
.inainte-dupa b{font-family:var(--m)}
.jurnal{list-style:none;margin:0 auto;padding-block:24px 48px;display:grid;gap:40px 24px;align-items:start}
@media (min-width:640px){.jurnal{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.jurnal{grid-template-columns:repeat(3,1fr);gap:56px 32px}}
.jurnal__zi{min-width:0;scroll-margin-top:calc(var(--antet) + 24px)}
.jurnal__zi h2{font-family:var(--m);font-size:1.25rem;letter-spacing:0;border-bottom:2px solid var(--cerneala);padding:14px 0 6px;margin:0 0 8px}
.jurnal__zi p{margin:0}
.santier-cost{padding-block:40px 72px;max-width:var(--lat)}
.santier-cost>p,.santier-cost table{max-width:40em}
.deviz__tabel--mic{margin-bottom:12px}
.preturi{display:grid;gap:40px;padding-bottom:32px}
.preturi__tabel{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--foaie);border:1px solid var(--cerneala)}
.preturi__tabel th,.preturi__tabel td{padding:10px 14px;border-bottom:1px solid var(--linie);text-align:left;vertical-align:top}
.preturi__tabel thead th:nth-child(1){width:48%}
.preturi__tabel thead th:nth-child(2){width:12%}
.preturi__tabel thead th:nth-child(3){width:14%}
.preturi__tabel thead th{font-size:.9rem;color:var(--sters);border-bottom:2px solid var(--cerneala)}
.preturi__tabel tbody th{font-weight:400}
.preturi__tabel td:nth-child(3){font-family:var(--m);font-weight:600;white-space:nowrap}
.preturi__tabel td:nth-child(4){font-family:var(--m);color:var(--sters)}
.preturi__tabel em{font-style:normal;color:var(--rugina);font-family:var(--f)}
@media (max-width:700px){
  .preturi__tabel thead{display:none}
  .preturi__tabel tr{display:grid;grid-template-columns:auto auto 1fr;gap:0 14px;border-bottom:1px solid var(--linie);padding:8px 12px}
  .preturi__tabel th,.preturi__tabel td{border:0;padding:2px 0}
  .preturi__tabel tbody th{grid-column:1/-1;font-weight:600}
  .preturi__tabel td:nth-child(4){grid-column:1/-1}
  .preturi__tabel td[data-et]::before{content:attr(data-et) ': ';font-family:var(--f);color:var(--sters);font-weight:400}
}
.text-lung{padding-block:24px 72px}
.text-lung>*{max-width:44em}
.text-lung h2{font-size:1.5rem;margin-top:1.4em}
.despre{display:grid;gap:28px;padding-block:16px 48px}
.despre__text p{max-width:36em;font-size:1.1rem}
.semnat{font-family:var(--m);font-weight:600}
@media (min-width:960px){.despre{grid-template-columns:5fr 7fr;gap:48px;align-items:start}}
.echipa,.regulile{padding-block:24px 40px}
.echipa ul,.regulile ul{max-width:44em;padding-left:1.1em}
.echipa li,.regulile li{margin-bottom:.5em}
.regulile{padding-bottom:72px}

/* contact */
.contact{display:grid;gap:32px;padding-bottom:72px}
@media (min-width:960px){.contact{grid-template-columns:7fr 5fr;align-items:start}}
.formular{background:var(--foaie);border:1px solid var(--cerneala);padding:24px}
.formular__grila{display:grid;gap:16px}
@media (min-width:640px){.formular__grila{grid-template-columns:1fr 1fr}.camp--lat{grid-column:1/-1}}
.camp{display:grid;gap:6px;font-weight:600}
.camp input,.camp select,.camp textarea{font:inherit;font-weight:400;color:var(--cerneala);background:#fff;border:1.5px solid var(--cerneala);padding:10px 12px;min-height:48px;width:100%;border-radius:0}
.camp textarea{resize:vertical}
.capcana{position:absolute;left:-9999px}
.acord{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.acord input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--cerneala)}
.formular__eroare{color:var(--rugina);font-weight:700;margin:12px 0 0}
.formular__ok{font-weight:700;margin:12px 0 0}
.formular .butoane{margin-top:16px}
.contact__info .mare{font-family:var(--m);font-size:1.6rem;font-weight:600}
.contact__info h2{font-size:1.3rem}

/* subsol masiv */
.subsol{background:var(--grafit);color:var(--pe-grafit);margin-top:24px}
.subsol a{color:var(--pe-grafit)}
.subsol a:hover{color:var(--galben)}
.subsol a.btn--galben,.subsol a.btn--galben:hover{color:var(--cerneala)}
.subsol a.btn--alb{color:var(--pe-grafit)}
.subsol a.btn--alb:hover{color:var(--grafit)}
.subsol__mare,.subsol__grila,.subsol__jos{max-width:var(--lat);margin-inline:auto;padding-inline:var(--g)}
.subsol__mare{padding-block:56px 40px;border-bottom:1px solid rgba(228,231,232,.25)}
.subsol__chem{font-size:1.3rem;max-width:32em}
.subsol__tel{margin:8px 0 24px}
.subsol__tel a{font-weight:700;font-size:clamp(2.6rem,8vw,6.5rem);line-height:1;letter-spacing:-.03em;text-decoration:none;color:var(--galben)}
.subsol__grila{display:grid;gap:28px;padding-block:36px}
@media (min-width:860px){.subsol__grila{grid-template-columns:repeat(3,1fr)}}
.subsol .marca{color:var(--pe-grafit)}
.subsol .marca__fir{stroke:var(--pe-grafit)}
.subsol .marca__greutate{fill:var(--galben)}
.subsol .marca__sub{color:#B9BFC2}
.subsol__t{font-size:1.1rem;margin-bottom:8px}
.subsol .mic{color:#B9BFC2}
.subsol__jos{padding-block:24px 40px;border-top:1px solid rgba(228,231,232,.25);font-size:.95rem}
.subsol__jos nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:16px}
.sal{display:inline-block;margin-bottom:16px}
.sal img{width:250px;height:64px}

@media print{
  .antet,.subsol,.erou,.santier-scurt,.plata,.intrebari,.plan__alege,.cam-lista,.panou,.deviz__jos .butoane,.plan__nota{display:none!important}
  body{background:#fff}
  .plan__grila{display:block}
  .plan__foaie,.plan__panou{border:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}