/* Site-urile service-urilor (<sub>.mecanicbun.ro). Fundal inchis, titluri condensate, un singur accent (--c) setat in pagina dupa tema. */
@font-face { font-family: 'Barlow C'; src: url('/assets/fonts/barlowc-700-latin.woff2') format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+2010-2027, U+201D-201E; }
@font-face { font-family: 'Barlow C'; src: url('/assets/fonts/barlowc-700-latin-ext.woff2') format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0100-024F, U+0218-021B; }
:root { --c: #ff5a1f; --n: #0c0d10; --n2: #15171c; --n3: #20232a; --ink: #14161a; --ink-2: #555b64; --alb: #f5f4f0; --line: #e2dfd8; --lined: rgba(255,255,255,.12);
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --titlu: 'Barlow C', "Arial Narrow", Impact, sans-serif; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--n); color: #fff; font: 400 17px/1.65 var(--font); -webkit-font-smoothing: antialiased; }
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; position: relative; }
.s-ingust { max-width: 800px; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { margin: 0 0 .5em; }
h1, h2 { font-family: var(--titlu); font-weight: 700; text-transform: uppercase; line-height: .95; letter-spacing: .005em; }
h1 { font-size: clamp(3.2rem, 1.6rem + 7.4vw, 7.6rem); }
h2 { font-size: clamp(2.3rem, 1.5rem + 3.4vw, 4.2rem); margin-bottom: .7em; }
h3 { font-size: 1.15rem; font-weight: 700; line-height: 1.25; }
p { margin: 0 0 1rem; }
.ico { width: 1.15em; height: 1.15em; vertical-align: -.2em; flex: none; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 10px 22px; border-radius: 6px; background: var(--c2, var(--c)); color: var(--on, var(--n)); text-decoration: none; border: 2px solid var(--c2, var(--c)); font: 700 1rem var(--font); cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -10px var(--c); }
.btn--mare { min-height: 60px; padding: 14px 30px; font-size: 1.08rem; }
.btn--contur { background: transparent; color: #fff; border-color: rgba(255,255,255,.4); } .btn--contur:hover { border-color: #fff; box-shadow: none; }
.btn--negru { background: var(--n); border-color: var(--n); color: #fff; } .btn--negru:hover { box-shadow: 0 12px 30px -10px rgba(0,0,0,.6); }
.btn--negru-contur { background: transparent; border-color: var(--n); color: var(--n); } .btn--negru-contur:hover { box-shadow: none; background: rgba(0,0,0,.08); }
.s-kicker { display: flex; align-items: center; gap: 12px; font-size: .82rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--c); margin: 0 0 18px; }
.s-kicker::before { content: ""; width: 36px; height: 3px; background: var(--c); }
.s-mic { font-size: .86rem; opacity: .7; }

/* antet + erou */
.s-top { position: relative; }
.s-head { position: fixed; left: 0; right: 0; top: 0; z-index: 20; transition: background .2s, box-shadow .2s; }
.s-head.jos { background: rgba(12,13,16,.92); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--lined); }
.s-head-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px; }
.s-logo { display: inline-flex; align-items: center; gap: 12px; color: #fff; font: 700 1.5rem/1 var(--titlu); text-transform: uppercase; letter-spacing: .02em; text-decoration: none; }
.s-logo-ico { width: 40px; height: 40px; border-radius: 6px; background: var(--cb, var(--c)); color: var(--on, var(--n)); display: grid; place-items: center; flex: none; } .s-logo-ico .ico { width: 22px; height: 22px; }
.s-nav { display: flex; gap: 4px; align-items: center; } .s-nav a:not(.btn) { color: rgba(255,255,255,.82); text-decoration: none; padding: 8px 14px; font-weight: 600; font-size: .92rem; letter-spacing: .04em; text-transform: uppercase; } .s-nav a:not(.btn):hover { color: var(--c); }
.s-nav .btn { margin-left: 10px; min-height: 44px; padding: 8px 18px; }
.s-erou { position: relative; overflow: hidden; min-height: min(100vh, 920px); display: flex; align-items: flex-end; padding: 150px 0 56px; }
.s-erou-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.15) brightness(.8); animation: zoom 18s ease-out both; }
.s-erou::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, var(--n) 0%, rgba(12,13,16,.88) 38%, rgba(12,13,16,.35) 100%), linear-gradient(0deg, var(--n) 0%, transparent 45%); }
.s-erou::after { content: ""; position: absolute; z-index: 1; left: -10%; bottom: -30%; width: 60%; height: 80%; background: radial-gradient(closest-side, var(--c), transparent); opacity: .16; pointer-events: none; }
.s-erou-in { position: relative; z-index: 2; width: 100%; }
.s-erou h1 { max-width: 14ch; margin-bottom: .22em; text-wrap: balance; }
.s-erou h1::after { content: "."; color: var(--c); }
.s-lead { font-size: clamp(1.08rem, 1rem + .5vw, 1.32rem); line-height: 1.5; color: rgba(255,255,255,.82); max-width: 620px; }
.s-act { display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0 0; }
.s-info { list-style: none; margin: 56px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); border-top: 1px solid var(--lined); }
.s-info li { display: flex; gap: 14px; align-items: flex-start; padding: 22px 24px 0 0; } .s-info .ico { width: 24px; height: 24px; color: var(--c); margin-top: 4px; }
.s-info span { display: flex; flex-direction: column; font-weight: 600; line-height: 1.35; } .s-info small { font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 2px; } .s-info a { text-decoration: none; } .s-info a:hover { color: var(--c); }
@keyframes zoom { from { transform: scale(1.12); } to { transform: scale(1); } }

/* bordul: intrarea pe limba soferului */
.s-erou--bord { align-items: center; padding-top: 130px; }
.s-erou-2 { display: grid; grid-template-columns: 1fr minmax(0, 540px); gap: 56px; align-items: center; }
.s-erou--bord h1 { font-size: clamp(2.8rem, 1.6rem + 4.6vw, 5.4rem); max-width: 12ch; }
.s-bord { position: relative; background: rgba(18,20,25,.86); backdrop-filter: blur(14px); border: 1px solid var(--lined); border-radius: 18px; padding: 26px; box-shadow: 0 40px 90px -30px #000, inset 0 1px 0 rgba(255,255,255,.08); }
.s-bord::before { content: ""; position: absolute; left: 26px; right: 26px; top: -1px; height: 3px; background: var(--c); border-radius: 0 0 3px 3px; }
.s-bord-t { font: 700 clamp(2rem, 1.5rem + 1.8vw, 2.9rem)/1 var(--titlu); text-transform: uppercase; margin: 6px 0 6px; }
.s-bord-s { color: rgba(255,255,255,.62); font-size: .95rem; margin-bottom: 18px; }
.s-bord-tabs { display: flex; gap: 6px; margin-bottom: 18px; background: rgba(255,255,255,.06); padding: 5px; border-radius: 10px; }
.s-bord-tabs button { flex: 1; border: 0; background: none; color: rgba(255,255,255,.7); font: 600 .84rem/1.2 var(--font); padding: 10px 8px; border-radius: 7px; cursor: pointer; }
.s-bord-tabs button[aria-selected=true] { background: var(--cb, var(--c)); color: var(--on, var(--n)); }
.s-bord-grup { display: grid; gap: 10px; } .s-bord-grup[hidden], .s-bord-acasa[hidden], .s-fisa-b[hidden] { display: none; }
.s-bord-grup--martor { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.s-bord-grup--simptom, .s-bord-grup--plan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s-mart { --u: #ffb020; border: 1px solid var(--lined); background: rgba(255,255,255,.04); color: #fff; border-radius: 12px; cursor: pointer; font: 600 .86rem/1.2 var(--font); transition: background .15s, border-color .15s, transform .15s; }
.s-mart.u-opreste { --u: #ff3b30; } .s-mart.u-liniste { --u: #35d07f; }
.s-mart:hover { background: rgba(255,255,255,.1); border-color: var(--u); transform: translateY(-2px); }
.s-bord-grup--martor .s-mart { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 6px 14px; text-align: center; }
.s-bord-grup--martor .s-mart-ico { width: 62px; height: 62px; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #2a2d35, #0a0b0d 75%); box-shadow: inset 0 0 0 2px #2d3038, 0 0 0 1px #000; display: grid; place-items: center; color: var(--u); }
.s-bord-grup--martor .s-mart-ico .ico { width: 34px; height: 34px; filter: drop-shadow(0 0 6px var(--u)); }
.s-bord-grup--simptom .s-mart, .s-bord-grup--plan .s-mart { display: flex; align-items: center; gap: 12px; padding: 13px 14px; text-align: left; }
.s-bord-grup--simptom .s-mart-ico, .s-bord-grup--plan .s-mart-ico { color: var(--c); display: grid; } .s-bord-grup--simptom .ico, .s-bord-grup--plan .ico { width: 24px; height: 24px; }
.s-fisa-b { --u: #ffb020; } .s-fisa-b.u-opreste { --u: #ff3b30; } .s-fisa-b.u-liniste { --u: #35d07f; }
.s-fisa-inapoi { border: 0; background: none; color: rgba(255,255,255,.65); font: 600 .88rem var(--font); cursor: pointer; padding: 4px 0; display: inline-flex; gap: 8px; align-items: center; } .s-fisa-inapoi .ico { transform: rotate(180deg); } .s-fisa-inapoi:hover { color: #fff; }
.s-urg { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 14px 0 14px; padding: 12px 14px; border-radius: 10px; background: color-mix(in srgb, var(--u) 14%, transparent); border: 1px solid color-mix(in srgb, var(--u) 45%, transparent); }
.s-urg i { width: 14px; height: 14px; border-radius: 50%; background: var(--u); box-shadow: 0 0 0 5px color-mix(in srgb, var(--u) 25%, transparent), 0 0 14px var(--u); animation: puls 1.6s ease-in-out infinite; flex: none; }
.s-urg strong { color: var(--u); font-size: 1.05rem; } .s-urg span { color: rgba(255,255,255,.75); font-size: .92rem; }
@keyframes puls { 50% { opacity: .45; } }
.s-fisa-b h2 { font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem); margin-bottom: .5em; } .s-fisa-b p { color: rgba(255,255,255,.82); font-size: .98rem; line-height: 1.6; }
.s-fisa-noi { border-left: 3px solid var(--c); padding-left: 14px; } .s-fisa-noi strong { display: block; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--c); margin-bottom: 2px; }
.s-fisa-act { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 10px; } .s-fisa-act .btn { flex: 1 1 200px; min-height: 54px; }
.s-fisa-b .s-fisa-nota { font-size: .8rem; color: rgba(255,255,255,.5); margin: 0; }

/* miscarea din erou: farul care matura poza, bordul care isi face „autotestul” la pornire, titlul care urca */
.s-far { position: absolute; inset: -20% -30%; z-index: 1; pointer-events: none; background: linear-gradient(100deg, transparent 40%, rgba(255,255,255,.14) 48%, rgba(255,255,255,.3) 50%, rgba(255,255,255,.14) 52%, transparent 60%); transform: translateX(-70%) skewX(-8deg); animation: far 2.4s .5s cubic-bezier(.4,0,.2,1) 1 both; mix-blend-mode: screen; }
@keyframes far { 0% { transform: translateX(-70%) skewX(-8deg); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateX(70%) skewX(-8deg); opacity: 0; } }
.s-erou .s-kicker, .s-erou h1, .s-erou .s-lead, .s-erou .s-act, .s-info { animation: sus .8s cubic-bezier(.2,.7,.2,1) both; }
.s-erou h1 { animation-delay: .1s; } .s-erou .s-lead { animation-delay: .22s; } .s-erou .s-act { animation-delay: .34s; } .s-info { animation-delay: .5s; }
@keyframes sus { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
.s-bord { animation: bord-in 1s .25s cubic-bezier(.2,.7,.2,1) both; }
@keyframes bord-in { from { opacity: 0; transform: translateY(34px) scale(.98); } to { opacity: 1; transform: none; } }
.s-bord-grup--martor .s-mart-ico { animation: autotest 2.6s calc(.9s + var(--i, 0) * .12s) ease-out 1 both; }
.s-bord-grup--martor .s-mart-ico .ico { animation: autotest-ico 2.6s calc(.9s + var(--i, 0) * .12s) ease-out 1 both; }
@keyframes autotest { 0% { box-shadow: inset 0 0 0 2px #2d3038, 0 0 0 1px #000; } 18% { box-shadow: inset 0 0 0 2px var(--u), 0 0 0 1px #000, 0 0 26px var(--u); } 55% { box-shadow: inset 0 0 0 2px var(--u), 0 0 0 1px #000, 0 0 26px var(--u); } 100% { box-shadow: inset 0 0 0 2px #2d3038, 0 0 0 1px #000; } }
@keyframes autotest-ico { 0% { filter: drop-shadow(0 0 6px var(--u)) brightness(.5); } 18% { filter: drop-shadow(0 0 14px var(--u)) brightness(1.9); } 55% { filter: drop-shadow(0 0 14px var(--u)) brightness(1.9); } 100% { filter: drop-shadow(0 0 6px var(--u)) brightness(1); } }
.s-mart:hover .s-mart-ico { box-shadow: inset 0 0 0 2px var(--u), 0 0 0 1px #000, 0 0 22px var(--u) !important; }
.s-mart:hover .s-mart-ico .ico { filter: drop-shadow(0 0 12px var(--u)) brightness(1.6) !important; }

/* intrebarea libera din bord (diagnoza asistata) */
.s-dg { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--lined); }
.s-dg-t { font-weight: 700; font-size: .92rem; margin: 0 0 8px; }
.s-dg-in { display: flex; gap: 8px; align-items: flex-end; background: #fff; border-radius: 12px; padding: 6px 6px 6px 14px; }
.s-dg-in textarea { flex: 1; min-width: 0; border: 0; background: none; resize: none; font: inherit; font-size: .98rem; color: var(--ink); padding: 9px 0; outline: none; line-height: 1.4; max-height: 140px; }
.s-dg-foto { display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; min-height: 42px; border-radius: 9px; background: var(--alb); color: var(--ink); font-size: .84rem; font-weight: 600; cursor: pointer; position: relative; overflow: hidden; } .s-dg-foto input { position: absolute; inset: 0; opacity: 0; cursor: pointer; } .s-dg-foto .ico { width: 18px; height: 18px; color: var(--c); }
.s-dg-in .btn { min-height: 42px; padding: 0 14px; border-radius: 9px; } .s-dg-in .btn .ico { width: 20px; height: 20px; }
.s-dg-nota { font-size: .76rem; color: rgba(255,255,255,.5); margin: 8px 0 0; }
.s-dg.ocupat .s-dg-in { opacity: .6; } .s-dg.ocupat .btn .ico { animation: rot .8s linear infinite; } @keyframes rot { to { transform: rotate(360deg); } }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* marca proprie a fiecarui site: initialele pe contur + lucrarile, in spatele pozei */
.s-marca { position: absolute; right: 2%; top: 10%; z-index: 1; width: 44%; height: 80%; pointer-events: none; opacity: .18; mix-blend-mode: screen; }
.s-marca span { position: absolute; right: 0; bottom: 0; font: 700 clamp(14rem, 36vw, 34rem)/.8 var(--titlu); color: transparent; -webkit-text-stroke: 2px var(--c); letter-spacing: -.04em; transform: rotate(-8deg); transform-origin: bottom right; animation: marca 30s linear infinite alternate; }
.s-marca-i { position: absolute; width: 64px; height: 64px; color: var(--c); stroke-width: 1; opacity: .7; }
.s-marca-i0 { left: 6%; top: 8%; } .s-marca-i1 { left: 32%; top: 2%; } .s-marca-i2 { left: 58%; top: 12%; } .s-marca-i3 { left: 14%; top: 42%; } .s-marca-i4 { left: 40%; top: 36%; } .s-marca-i5 { left: 2%; top: 72%; }
@keyframes marca { from { transform: rotate(-8deg) translateY(0); } to { transform: rotate(-6deg) translateY(-30px); } }
/* jurnalul de lucrari */
.s-sect--jurnal { background: var(--n2); border-top: 1px solid var(--lined); }
.s-jurnal-cap { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 8px; } .s-jurnal-cap h2 { margin-bottom: .2em; }
.s-puls { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 1em; padding: 10px 16px 10px 12px; border-radius: 999px; background: rgba(53,208,127,.12); border: 1px solid rgba(53,208,127,.4); font-size: .9rem; }
.s-puls i { width: 11px; height: 11px; border-radius: 50%; background: #35d07f; box-shadow: 0 0 0 4px rgba(53,208,127,.25), 0 0 12px #35d07f; animation: puls 1.8s ease-in-out infinite; } .s-puls strong { color: #35d07f; } .s-puls span { color: rgba(255,255,255,.7); }
.s-jurnal-cifre { list-style: none; margin: 10px 0 28px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0; border-top: 1px solid var(--lined); border-bottom: 1px solid var(--lined); }
.s-jurnal-cifre li { padding: 18px 22px 18px 0; display: flex; flex-direction: column; } .s-jurnal-cifre li + li { border-left: 1px solid var(--lined); padding-left: 22px; }
.s-jurnal-cifre b { font: 700 clamp(2rem, 1.5rem + 1.6vw, 2.8rem)/1 var(--titlu); text-transform: uppercase; color: var(--c); } .s-jurnal-cifre span { color: rgba(255,255,255,.6); font-size: .86rem; margin-top: 4px; }
.s-jurnal { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.s-jurnal-ico { position: absolute; right: 16px; top: 16px; width: 26px; height: 26px; color: rgba(255,255,255,.25); } .pv-nota--jurnal { margin-top: 22px; font-size: .95rem; line-height: 1.55; } .pv-nota--jurnal a { font-weight: 700; color: #c2410c; }
.s-jurnal li { position: relative; background: rgba(255,255,255,.04); border: 1px solid var(--lined); border-radius: 10px; padding: 18px 18px 16px 22px; display: flex; flex-direction: column; gap: 4px; }
.s-jurnal li::before { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 3px; background: var(--c); border-radius: 3px; }
.s-jurnal time { font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c); } .s-jurnal strong { font-size: 1.05rem; } .s-jurnal span { color: rgba(255,255,255,.75); } .s-jurnal em { font-style: normal; color: rgba(255,255,255,.55); font-size: .9rem; }
.pv-gol-bloc { outline: 2px dashed #ea580c; outline-offset: 8px; border-radius: 10px; margin-bottom: 20px; }
/* grila de lucrari: prima lucrare, mai mare */
.s-lucrari article:first-child { grid-column: span 2; grid-row: span 1; background: var(--n); color: #fff; border-color: var(--n); display: grid; grid-template-columns: auto 1fr; column-gap: 20px; align-items: start; align-content: start; }
.s-lucrari article:first-child .s-lucrari-ico { width: 72px; height: 72px; margin: 0; grid-row: span 2; background: var(--cb, var(--c)); color: var(--on, var(--n)); } .s-lucrari article:first-child .s-lucrari-ico .ico { width: 36px; height: 36px; }
.s-lucrari article:first-child h3 { font-size: 1.45rem; } .s-lucrari article:first-child p { color: rgba(255,255,255,.72); font-size: 1.02rem; } .s-lucrari article:first-child .s-nr { -webkit-text-stroke-color: rgba(255,255,255,.18); }

.s-pret { display: inline-block; margin-top: 12px; padding: 4px 10px; border-radius: 6px; background: var(--wash, rgba(0,0,0,.06)); color: var(--ink); font-size: .84rem; font-weight: 700; } .s-lucrari article:hover .s-pret, .s-lucrari article:first-child .s-pret { background: rgba(255,255,255,.12); color: #fff; }
.s-pret-nota { margin-top: 18px; }
.s-interval { display: flex; gap: 8px; flex-wrap: wrap; margin: -4px 0 14px; } .s-chip span { font-size: .88rem; padding: 7px 12px; }

/* banda care curge */
.s-banda { background: var(--cb, var(--c)); color: var(--on, var(--n)); overflow: hidden; padding: 14px 0; transform: rotate(-1deg) scale(1.02); position: relative; z-index: 3; margin: -8px 0; }
.s-banda > div { display: inline-flex; align-items: center; white-space: nowrap; animation: curge 38s linear infinite; }
.s-banda span { font: 700 1.5rem/1 var(--titlu); text-transform: uppercase; letter-spacing: .04em; padding: 0 22px; }
.s-banda i { width: 9px; height: 9px; background: var(--n); transform: rotate(45deg); flex: none; }
@keyframes curge { to { transform: translateX(-50%); } }

/* cifre */
.s-fapte { padding: 72px 0 24px; }
.s-fapte ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 0; }
.s-fapte li { padding: 6px 24px; border-left: 3px solid var(--c); display: flex; flex-direction: column; margin-bottom: 28px; }
.s-fapte strong { font: 700 clamp(2.4rem, 1.8rem + 2.4vw, 3.8rem)/1 var(--titlu); text-transform: uppercase; } .s-fapte span { color: rgba(255,255,255,.6); font-size: .9rem; margin-top: 6px; }

.s-sect { padding: 96px 0; position: relative; }
.s-sect--luminos { background: var(--alb); color: var(--ink); } .s-sect--luminos .s-kicker { color: var(--ink); }
.s-sect--pasi { background: var(--n); }
.s-sect--contact { background: var(--n2); }

/* lucrari */
.s-lucrari { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 18px; }
.s-lucrari article { position: relative; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 28px 26px 26px; transition: background .25s, color .25s, transform .25s, box-shadow .25s; }
.s-lucrari article::after { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 0; background: var(--c); transition: width .3s; }
.s-lucrari article:hover { background: var(--n); color: #fff; transform: translateY(-6px); box-shadow: 0 26px 50px -24px rgba(0,0,0,.6); } .s-lucrari article:hover::after { width: 100%; }
.s-lucrari p { color: var(--ink-2); font-size: .97rem; margin: 0; line-height: 1.55; transition: color .25s; } .s-lucrari article:hover p { color: rgba(255,255,255,.72); }
.s-nr { position: absolute; right: 18px; top: 8px; font: 700 4.2rem/1 var(--titlu); color: transparent; -webkit-text-stroke: 1.5px var(--line); transition: -webkit-text-stroke-color .25s; } .s-lucrari article:hover .s-nr { -webkit-text-stroke-color: var(--c); }
.s-lucrari-ico { width: 54px; height: 54px; border-radius: 8px; background: var(--n); color: var(--c); display: grid; place-items: center; margin-bottom: 20px; transition: background .25s, color .25s; } .s-lucrari-ico .ico { width: 27px; height: 27px; }
.s-lucrari article:hover .s-lucrari-ico { background: var(--cb, var(--c)); color: var(--on, var(--n)); }
.s-lucrari .s-lucrari-alt { background: var(--n); color: #fff; border-color: var(--n); } .s-lucrari-alt p { color: rgba(255,255,255,.72); } .s-lucrari-alt .s-lucrari-ico { background: var(--cb, var(--c)); color: var(--on, var(--n)); }
.s-lucrari-alt a { display: inline-flex; gap: 8px; align-items: center; margin-top: 16px; font-weight: 700; color: var(--c); text-decoration: none; font-size: 1.1rem; }
.s-sub { margin: 48px 0 16px; }
.s-serv { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px 24px; }
.s-serv li { display: flex; gap: 10px; align-items: flex-start; font-weight: 500; } .s-serv .ico { margin-top: 5px; }
.s-marci { margin-top: 26px; color: var(--ink-2); }

/* pasi */
.s-pasi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; counter-reset: p; }
.s-pasi li { position: relative; padding: 0 32px 0 0; } .s-pasi li + li { padding-left: 32px; border-left: 1px solid var(--lined); }
.s-pasi .nr { display: block; font: 700 clamp(5rem, 3rem + 7vw, 9rem)/.9 var(--titlu); color: transparent; -webkit-text-stroke: 2px var(--c); margin-bottom: 18px; }
.s-pasi h3 { font-size: 1.3rem; } .s-pasi p { color: rgba(255,255,255,.65); margin: 0; }

/* despre */
.s-despre { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; }
.s-despre-foto { margin: 0; position: relative; } .s-despre-foto img { display: block; width: 100%; height: auto; aspect-ratio: 4/4.4; object-fit: cover; border-radius: 10px; filter: contrast(1.1); }
.s-despre-foto::before { content: ""; position: absolute; inset: 18px -18px -18px 18px; border: 3px solid var(--c); border-radius: 10px; z-index: 0; } .s-despre-foto img { position: relative; z-index: 1; }
.s-despre-foto figcaption { position: absolute; z-index: 2; left: -14px; bottom: 28px; background: var(--cb, var(--c)); color: var(--on, var(--n)); padding: 14px 22px; border-radius: 6px; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; display: flex; flex-direction: column; }
.s-despre-foto figcaption strong { font: 700 2.6rem/1 var(--titlu); }
.s-despre p { color: var(--ink-2); font-size: 1.06rem; }
.s-fisa { margin: 26px 0 0; display: grid; grid-template-columns: auto 1fr; border-top: 2px solid var(--ink); }
.s-fisa dt, .s-fisa dd { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: .95rem; } .s-fisa dt { color: var(--ink-2); padding-right: 22px; } .s-fisa dd { font-weight: 700; text-align: right; }

/* contact */
.s-doua { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: start; }
.s-row { display: flex; gap: 14px; align-items: flex-start; line-height: 1.5; font-size: 1.1rem; font-weight: 500; } .s-row .ico { color: var(--c); margin-top: 5px; width: 22px; height: 22px; } .s-row a { text-decoration: none; } .s-row a:hover { color: var(--c); }
.s-harta { margin-top: 26px; min-height: 250px; border-radius: 10px; border: 1px solid var(--lined); display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; font-size: .9rem; overflow: hidden; color: rgba(255,255,255,.7);
  background: linear-gradient(var(--lined) 1px, transparent 1px) 0 0/100% 40px, linear-gradient(90deg, var(--lined) 1px, transparent 1px) 0 0/40px 100%, var(--n3); }
.s-harta > .ico { width: 36px; height: 36px; color: var(--c); } .s-harta.on { display: block; min-height: 0; background: none; } .s-harta iframe { display: block; width: 100%; height: 340px; border: 0; filter: grayscale(.3); }
.s-card-form { background: #fff; color: var(--ink); border-radius: 12px; padding: 34px; box-shadow: 0 40px 80px -40px rgba(0,0,0,.8); border-top: 5px solid var(--c); }
.s-card-form h2 { font-size: clamp(1.9rem, 1.5rem + 1.6vw, 2.8rem); margin-bottom: .6em; }
.s-form fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.s-form label { display: block; margin: 0 0 14px; font-weight: 600; font-size: .92rem; }
.s-form input, .s-form textarea, .s-form select { display: block; width: 100%; margin-top: 6px; padding: 12px 14px; font: inherit; font-size: 1rem; font-weight: 400; color: var(--ink); background: var(--alb); border: 1px solid var(--line); border-radius: 6px; }
.s-form input:focus, .s-form textarea:focus, .s-form select:focus { outline: 2px solid var(--ink); outline-offset: 0; background: #fff; }
.s-form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.s-form .btn { width: 100%; margin-top: 4px; } .s-form .s-mic { margin: 14px 0 0; color: var(--ink-2); opacity: 1; } .s-form .s-mic a { color: var(--ink); }
.s-nota { padding: 12px 16px; border-radius: 8px; margin: 0 0 14px; } .s-nota--ok { background: #e6f3ec; color: #1f6f57; } .s-nota--demo { display: none; background: #fff7ed; color: #7c2d12; border: 1.5px dashed #ea580c; } .s-nota--demo.on { display: block; } .s-nota--err { background: #fbeee9; color: #b3261e; } .s-nota ul { margin: 0; padding-left: 18px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* galerie, video, articole */
.s-galerie { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 210px; grid-auto-flow: dense; gap: 12px; }
.s-galerie a { display: block; overflow: hidden; border-radius: 8px; background: var(--n3); } .s-galerie a:nth-child(5n+1) { grid-column: span 2; grid-row: span 2; }
.s-galerie img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; } .s-galerie a:hover img { transform: scale(1.06); }
.s-video { display: grid; gap: 18px; } .s-video--2 { grid-template-columns: 1fr 1fr; } .s-video--3 { grid-template-columns: repeat(3, 1fr); } .s-video--1 { max-width: 900px; }
.s-clip { position: relative; display: block; width: 100%; aspect-ratio: 16/9; padding: 0; border: 0; border-radius: 10px; overflow: hidden; background: #000; cursor: pointer; color: #fff; font: inherit; text-align: left; }
.s-clip img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .8; transition: opacity .2s, transform .5s; } .s-clip:hover img { opacity: 1; transform: scale(1.04); }
.s-clip-play { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 10px rgba(255,255,255,.14); transition: transform .2s; } .s-clip:hover .s-clip-play { transform: scale(1.1); }
.s-clip-play::after { content: ""; position: absolute; left: 31px; top: 24px; border: 14px solid transparent; border-left: 22px solid var(--n); border-right: 0; }
.s-clip-t { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 18px 14px; font-weight: 700; background: linear-gradient(transparent, rgba(0,0,0,.9)); }
.s-clip.on { cursor: default; } .s-clip iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.s-articole { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; }
.s-art { display: flex; flex-direction: column; background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; text-decoration: none; transition: transform .25s, box-shadow .25s; } .s-art:hover { transform: translateY(-6px); box-shadow: 0 26px 50px -24px rgba(0,0,0,.5); }
.s-art img, .s-art-gol { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; } .s-art-gol { background: var(--n); color: var(--c); display: grid; place-items: center; } .s-art-gol .ico { width: 54px; height: 54px; stroke-width: 1.2; }
.s-art-in { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .s-art small { font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-2); }
.s-art strong { font: 700 1.7rem/1.05 var(--titlu); text-transform: uppercase; } .s-art-in > span { color: var(--ink-2); font-size: .96rem; line-height: 1.55; } .s-art em { margin-top: auto; padding-top: 10px; font-style: normal; font-weight: 700; display: inline-flex; gap: 8px; align-items: center; }
.s-art:hover em { color: var(--c); }
.s-toate { margin: 36px 0 0; }
.s-pagina { padding: 150px 0 0; } .s-pagina > .wrap, .s-pagina > article { padding-bottom: 96px; } .s-pagina h1 { font-size: clamp(2.6rem, 1.6rem + 4.6vw, 5rem); margin-bottom: .35em; text-wrap: balance; }
.s-crumb { font-size: .82rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: 22px; } .s-crumb a { color: var(--c); text-decoration: none; }
.s-articol-meta { color: rgba(255,255,255,.6); margin-bottom: 34px; } .s-articol-foto { display: block; width: 100%; height: auto; border-radius: 10px; margin-bottom: 40px; }
.s-articol-text { font-size: 1.14rem; line-height: 1.8; color: rgba(255,255,255,.86); } .s-articol-text p { margin-bottom: 1.4em; } .s-articol-text h2 { font-size: clamp(1.7rem, 1.3rem + 1.4vw, 2.4rem); margin: 1.6em 0 .6em; color: #fff; }
.s-articol-text ul { padding-left: 0; list-style: none; margin: 0 0 1.4em; } .s-articol-text li { position: relative; padding-left: 28px; margin-bottom: .5em; } .s-articol-text li::before { content: ""; position: absolute; left: 4px; top: .7em; width: 9px; height: 9px; background: var(--c); transform: rotate(45deg); }
.e-pagina .s-head { background: rgba(12,13,16,.92); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--lined); }

/* deschis acum + memento */
.s-stare { display: inline-flex; align-items: center; gap: 7px; font-size: .82rem; font-weight: 700; color: #ff5a5a; margin-top: 4px; }
.s-stare i { width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; } .s-stare.on { color: #35d07f; } .s-stare.on i { animation: puls 1.8s ease-in-out infinite; }
.s-memento { background: linear-gradient(135deg, var(--n2), var(--n)); border-top: 1px solid var(--lined); }
.s-memento-in { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; }
.s-memento p { color: rgba(255,255,255,.75); font-size: 1.08rem; }
.s-memento-l { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } .s-memento-l li { display: flex; gap: 10px; align-items: flex-start; font-weight: 500; } .s-memento-l .ico { color: var(--c); margin-top: 5px; }
.s-memento-f { background: #fff; color: var(--ink); border-radius: 12px; padding: 30px; box-shadow: 0 40px 80px -40px #000; border-top: 5px solid var(--c); } .s-memento-f p { color: var(--ink-2); font-size: 1rem; }
.s-form-et { font-weight: 600; font-size: .92rem; margin: 0 0 8px; color: var(--ink) !important; }
.s-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.s-chip input { position: absolute; opacity: 0; pointer-events: none; }
.s-chip span { display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px; border-radius: 999px; border: 1.5px solid var(--line); background: var(--alb); font-weight: 600; font-size: .92rem; cursor: pointer; transition: background .15s, border-color .15s; } .s-chip span .ico { width: 18px; height: 18px; }
.s-chip input:checked + span { background: var(--n); color: #fff; border-color: var(--n); } .s-chip input:focus-visible + span { outline: 2px solid var(--c); }
.s-memento-f .s-form .btn { width: 100%; }
.s-bifa { display: flex; gap: 10px; align-items: center; font-weight: 500; font-size: .95rem; margin: 0 0 14px; cursor: pointer; } .s-bifa input { width: 18px; height: 18px; margin: 0; accent-color: var(--c); }
.s-memento-pag .s-articol-text { margin-bottom: 30px; }

/* intrebari, final, subsol */
.s-intrebare { border-bottom: 1px solid var(--line); } .s-intrebare:first-of-type { border-top: 2px solid var(--ink); }
.s-intrebare summary { cursor: pointer; font-weight: 700; font-size: 1.15rem; padding: 22px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; } .s-intrebare summary::-webkit-details-marker { display: none; }
.s-intrebare summary::after { content: "+"; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--n); color: var(--c); display: grid; place-items: center; font-weight: 400; font-size: 1.4rem; line-height: 1; } .s-intrebare[open] summary::after { content: "–"; }
.s-intrebare p { color: var(--ink-2); margin: 0 0 22px; max-width: 62ch; }
.s-final { background: var(--cb, var(--c)); color: var(--on, var(--n)); padding: 72px 0; } .s-final .wrap { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; } .s-final h2 { margin: 0; max-width: 14ch; } .s-final .s-act { margin: 0; } .s-final .btn--negru-contur { border-color: var(--on, var(--n)); color: var(--on, var(--n)); }
.s-foot { background: var(--n); color: rgba(255,255,255,.6); padding: 56px 0 44px; font-size: .92rem; border-top: 1px solid var(--lined); } .s-foot strong { color: #fff; } .s-foot p:last-child { margin: 0; }
.s-foot-nume { font: 700 clamp(2.2rem, 1.4rem + 4vw, 4.6rem)/1 var(--titlu); text-transform: uppercase; color: #fff; margin-bottom: 20px; }
.s-bara { display: none; }
.anim { opacity: 0; transform: translateY(26px); transition: opacity .6s, transform .6s; } .anim.viz { opacity: 1; transform: none; }
.stare { min-height: 100vh; display: grid; place-items: center; text-align: center; padding: 20px; } .stare .mut { opacity: .7; } .stare .mic { font-size: .9rem; } .stare a { color: var(--c); }

/* previzualizarea: uneltele titularului, nu fac parte din site */
.pv { position: sticky; top: 0; z-index: 40; background: #fff; color: #14161a; box-shadow: 0 6px 24px -6px rgba(0,0,0,.55); border-bottom: 4px solid #16a34a; }
.pv-in { max-width: 1180px; margin: 0 auto; padding: 10px 24px; display: flex; align-items: center; gap: 20px; }
.pv-t { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.35; } .pv-t strong { font-size: 1.02rem; } .pv-t span { color: #555b64; font-size: .86rem; } .pv-t b { color: #14161a; }
.pv-teme { display: flex; gap: 8px; } .pv-teme a { width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px #c9c6bf; } .pv-teme a.on { box-shadow: 0 0 0 3px #14161a; }
.pv-act { display: flex; gap: 10px; align-items: center; } .pv-act form { margin: 0; display: flex; }
.pv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 12px 24px; border-radius: 10px; border: 2px solid #14161a; font: 700 1.05rem var(--font); cursor: pointer; text-decoration: none; white-space: nowrap; }
.pv-btn .ico { width: 20px; height: 20px; }
.pv-btn--ed { background: #14161a; color: #fff; } .pv-btn--ed:hover { background: #2b2f37; }
.pv-btn--pub { background: #16a34a; border-color: #16a34a; color: #fff; } .pv-btn--pub:hover { background: #12853c; border-color: #12853c; }
.pv-err { background: #b3261e; color: #fff; padding: 8px 20px; text-align: center; }
.pv-chip { position: absolute; right: 24px; top: -52px; z-index: 5; display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #14161a; border: 2px solid #14161a; border-radius: 999px; padding: 9px 18px; font-weight: 700; font-size: .95rem; text-decoration: none; box-shadow: 0 10px 26px -10px rgba(0,0,0,.6); }
.pv-chip:hover { background: #14161a; color: #fff; } .s-erou-in > .pv-chip { top: 0; }
.pv-chips { position: absolute; right: 24px; top: 0; z-index: 5; display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; } .pv-chips .pv-chip { position: static; } .s-despre > .pv-chips { top: -52px; }
.s-erou--bord .pv-chips { position: static; justify-content: flex-start; margin-bottom: 26px; }
.pv-adauga { background: var(--n); padding: 56px 0; } .pv-adauga-in { border: 2px dashed #16a34a; border-radius: 16px; padding: 36px 32px; max-width: 1132px; }
.pv-adauga .s-kicker { color: #22c55e; } .pv-adauga .s-kicker::before { background: #22c55e; } .pv-adauga h2 { font-size: clamp(1.8rem, 1.3rem + 2vw, 2.8rem); margin-bottom: .3em; max-width: 24ch; } .pv-adauga p { color: rgba(255,255,255,.65); max-width: 60ch; }
.pv-tile { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-top: 24px; }
.pv-tile a { display: flex; flex-direction: column; gap: 6px; padding: 22px; background: #fff; color: #14161a; border-radius: 12px; text-decoration: none; transition: transform .2s, box-shadow .2s; } .pv-tile a:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -20px #000; }
.pv-tile .ico { width: 30px; height: 30px; color: #16a34a; } .pv-tile strong { font-size: 1.15rem; } .pv-tile span { color: #555b64; font-size: .92rem; }
.pv-gol a { color: var(--c); font-weight: 700; } .pv-gol { outline: 2px dashed var(--c); outline-offset: -2px; padding-left: 14px !important; border-radius: 6px; }
.pv-nota { background: #fff7ed; border: 1.5px dashed #ea580c; color: #7c2d12; border-radius: 8px; padding: 10px 14px; font-size: .9rem; }
.pv-final { background: #fff; color: #14161a; padding: 80px 0; text-align: center; border-top: 4px solid #16a34a; } .pv-final h2 { margin-bottom: .4em; } .pv-final p { color: #555b64; font-size: 1.1rem; }
.pv-final ul { list-style: none; padding: 0; margin: 24px auto 32px; display: inline-flex; flex-direction: column; gap: 10px; text-align: left; font-weight: 500; } .pv-final li { display: flex; gap: 10px; align-items: flex-start; } .pv-final li .ico { color: #16a34a; margin-top: 5px; }
.pv-dom { max-width: 720px; margin: 28px auto 14px; display: flex; flex-direction: column; gap: 10px; text-align: left; }
.pv-dom-bara { display: flex; align-items: center; gap: 12px; background: #f3f4f6; border: 1px solid #d9dce1; border-radius: 999px; padding: 10px 16px 10px 12px; font-size: 1.05rem; color: #14161a; }
.pv-dom-bara--prop { background: #14161a; color: #fff; border-color: #14161a; box-shadow: 0 20px 40px -20px #000; transform: scale(1.03); }
.pv-dom-lacat { width: 30px; height: 30px; border-radius: 50%; background: #e6f3ec; color: #16a34a; display: grid; place-items: center; flex: none; } .pv-dom-lacat .ico { width: 16px; height: 16px; } .pv-dom-bara--prop .pv-dom-lacat { background: rgba(22,163,74,.2); }
.pv-dom-url { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 1rem; } .pv-dom-url b { font-weight: 700; } .pv-dom-bara--prop .pv-dom-url { font-size: 1.15rem; }
.pv-dom-et { flex: none; font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #555b64; } .pv-dom-et--ok { color: #22c55e; }
.pv-dom-sageata { display: flex; align-items: center; gap: 8px; padding-left: 20px; color: #555b64; font-size: .88rem; } .pv-dom-sageata .ico { transform: rotate(90deg); color: #16a34a; }
.pv-dn-chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; margin-top: 6px; font-size: .86rem; color: #555b64; } .pv-dn-chips button { border: 1.5px solid #d9dce1; background: #fff; border-radius: 999px; padding: 6px 12px; font: 600 .86rem ui-monospace, SFMono-Regular, Menlo, monospace; cursor: pointer; color: #14161a; } .pv-dn-chips button.on { background: #16a34a; border-color: #16a34a; color: #fff; }
.pv-dom-nota { max-width: 720px; margin: 0 auto 10px; font-size: .95rem; }
.pv-act--mare { justify-content: center; flex-wrap: wrap; } .pv-act--mare .pv-btn { min-height: 62px; padding: 16px 34px; font-size: 1.15rem; }
.pv-jos { display: none; }
/* Drumul spre plata (21.10.2026): costul langa „Publica”, „Sunati-ma” */
.pv-t .pv-cost { color: #15803d; font-weight: 600; } .pv-cost a, .pv-jos-cost a { color: inherit; text-decoration: none; border-bottom: 1px dotted currentColor; }
.pv-ok { background: #15803d; color: #fff; padding: 8px 20px; text-align: center; }
.pv-final .pv-cost-mare { display: inline-flex; gap: 8px; align-items: center; background: #ecfdf3; color: #14532d; border-radius: 999px; padding: 8px 18px; font-weight: 600; font-size: 1rem; margin: 0 auto 14px; }
.pv-cost-mare .ico { color: #16a34a; }
.pv-final .pv-colegi { display: flex; gap: 8px; justify-content: center; align-items: center; font-weight: 600; color: #14161a; }
.suna { max-width: 520px; margin: 28px auto 0; text-align: left; border: 1px solid #e3e5e8; border-radius: 12px; background: #fafbfc; }
.suna summary { cursor: pointer; padding: 14px 18px; min-height: 48px; display: flex; gap: 10px; align-items: center; font-weight: 600; color: #14161a; list-style: none; } .suna summary::-webkit-details-marker { display: none; }
.suna-f { display: grid; gap: 12px; padding: 0 18px 18px; } .suna-f label { display: grid; gap: 4px; font-weight: 600; font-size: .92rem; color: #14161a; }
.suna-f input, .suna-f select { min-height: 46px; padding: 8px 12px; border: 1px solid #c9cdd2; border-radius: 8px; font: inherit; font-weight: 400; background: #fff; color: #14161a; }
.suna-f .btn { min-height: 48px; justify-self: start; } .suna-f small { font-size: .82rem; }
.e-prev .s-head { position: absolute; }

@media (max-width: 900px) {
  body { font-size: 16px; }
  .wrap { padding: 0 20px; }
  .s-despre, .s-doua, .s-memento-in { grid-template-columns: 1fr; gap: 40px; } .s-memento-f { padding: 22px 18px; }
  .s-pasi { grid-template-columns: 1fr; } .s-pasi li, .s-pasi li + li { padding: 0 0 28px; border-left: 0; display: grid; grid-template-columns: 76px 1fr; column-gap: 12px; } .s-pasi .nr { grid-row: span 2; font-size: 5.4rem; margin: 0; } .s-pasi h3 { margin: 8px 0 4px; }
  .s-sect { padding: 64px 0; } .s-fapte { padding: 52px 0 8px; } .s-fapte ul { grid-template-columns: 1fr 1fr; } .s-fapte li { padding: 4px 14px; }
  .s-nav a:not(.btn) { display: none; } .s-nav .btn { display: none; } .s-head-in { min-height: 64px; } .s-logo { font-size: 1.25rem; }
  .s-erou-2 { grid-template-columns: 1fr; gap: 28px; } .s-erou--bord { padding-top: 100px; } .s-erou--bord .s-act { display: none; } .s-bord { padding: 20px 16px; margin: 0 -6px; } .s-bord-grup--martor .s-mart-ico { width: 54px; height: 54px; } .s-bord-grup--martor .s-mart { font-size: .78rem; padding: 12px 2px; } .s-bord-tabs button { font-size: .78rem; padding: 9px 4px; }
  .s-erou { min-height: 0; padding: 120px 0 36px; } .s-erou::before { background: linear-gradient(0deg, var(--n) 8%, rgba(12,13,16,.72) 60%, rgba(12,13,16,.55) 100%); }
  .s-act .btn { flex: 1 1 100%; } .s-info { margin-top: 36px; grid-template-columns: 1fr; } .s-info li { padding: 16px 0 0; }
  .s-banda span { font-size: 1.2rem; padding: 0 16px; }
  .s-despre-foto { margin-right: 18px; } .s-despre-foto img { aspect-ratio: 4/3; }
  .s-card-form { padding: 24px 20px; } .s-form-2 { grid-template-columns: 1fr; }
  .s-final { padding: 52px 0; } .s-final .s-act { width: 100%; }
  .are-bara { padding-bottom: 78px; }
  .s-bara { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(12,13,16,.95); backdrop-filter: blur(10px); border-top: 1px solid var(--lined); } .s-bara .btn { flex: 1; min-height: 52px; }
  .pv-in { flex-wrap: wrap; gap: 8px 12px; padding: 8px 16px; } .pv-t strong { font-size: .95rem; } .pv-t span { font-size: .78rem; } .pv-t span b { display: block; } .pv-in .pv-act { display: none; } .pv-teme a { width: 24px; height: 24px; }
  .e-prev { padding-bottom: 92px; }
  .pv-jos { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 4px solid #16a34a; box-shadow: 0 -10px 30px -10px rgba(0,0,0,.6); }
  .pv-jos { flex-wrap: wrap; row-gap: 6px; } .pv-jos > .pv-jos-cost { flex: 0 0 100%; display: block; text-align: center; font-size: .85rem; font-weight: 600; color: #15803d; }
  .pv-t .pv-cost { display: none; }
  .pv-jos > * { flex: 1; display: flex; margin: 0; } .pv-jos .pv-btn { width: 100%; min-height: 58px; padding: 10px 12px; font-size: 1.05rem; }
  .pv-chips, .s-despre > .pv-chips { position: static; justify-content: flex-start; margin-bottom: 22px; } .pv-chips .pv-chip { margin: 0; } .pv-chip { padding: 7px 13px; font-size: .86rem; } .pv-adauga { padding: 36px 0; } .pv-adauga-in { padding: 24px 18px; }
  .s-galerie { grid-template-columns: 1fr 1fr; grid-auto-rows: 150px; } .s-jurnal-cifre { grid-template-columns: 1fr 1fr; } .s-jurnal-cifre li:nth-child(3) { border-left: 0; padding-left: 0; } .s-jurnal-cifre li:nth-child(n+3) { border-top: 1px solid var(--lined); } .s-lucrari article:first-child { grid-column: span 1; grid-template-columns: 1fr; } .s-lucrari article:first-child .s-lucrari-ico { grid-row: auto; margin-bottom: 16px; } .s-marca { width: 90%; right: -10%; opacity: .12; } .s-video--2, .s-video--3 { grid-template-columns: 1fr; } .s-pagina { padding-top: 110px; } .s-pagina > .wrap, .s-pagina > article { padding-bottom: 64px; }
  .pv-chip { position: static; margin-bottom: 22px; } .s-erou-in > .pv-chip { margin-bottom: 26px; }
  .pv-act--mare .pv-btn { width: 100%; } .pv-dom-bara { flex-wrap: wrap; } .pv-dom-et { width: 100%; padding-left: 42px; }
}
@media (prefers-reduced-motion: reduce) { .s-banda > div, .s-erou-foto, .s-urg i, .s-far, .s-bord, .s-mart-ico, .s-mart-ico .ico, .s-erou .s-kicker, .s-erou h1, .s-erou .s-lead, .s-erou .s-act, .s-info, .s-marca span { animation: none; } .anim { opacity: 1; transform: none; transition: none; } html { scroll-behavior: auto; } }

/* Revizia vizuala (13.10.2026) */
.s-lucrari .s-lucrari-alt { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; column-gap: 20px; align-items: center; padding: 24px 28px; }
.s-lucrari .s-lucrari-alt .s-lucrari-ico { margin: 0; grid-row: span 2; } .s-lucrari .s-lucrari-alt h3 { margin: 0 0 2px; align-self: end; } .s-lucrari .s-lucrari-alt p { grid-column: 2; align-self: start; }
.s-lucrari .s-lucrari-alt > a, .s-lucrari .s-lucrari-alt > .s-lk { grid-column: 3; grid-row: 1 / span 2; white-space: nowrap; margin: 0; }
.s-form label.s-bifa, label.s-bifa { display: flex; flex-direction: row; align-items: center; gap: 10px; } label.s-bifa input { flex: none; width: 18px; height: 18px; margin: 0; }
.s-erou-2 > *, .s-erou-in > * { min-width: 0; } .s-bord { max-width: 100%; box-sizing: border-box; }
.s-dg-in textarea { white-space: nowrap; overflow: hidden; } .s-dg-in textarea:focus { white-space: normal; overflow: auto; }
@media (max-width: 700px) {
  .s-lucrari .s-lucrari-alt { grid-template-columns: auto 1fr; padding: 22px; } .s-lucrari .s-lucrari-alt > a, .s-lucrari .s-lucrari-alt > .s-lk { grid-column: 1 / -1; grid-row: auto; margin-top: 14px; }
  .s-bord { padding: 20px 14px; } .s-bord-grup--martor { gap: 8px; } .s-bord-grup--martor .s-mart { padding: 12px 2px 10px; font-size: .78rem; }
}
html, body { overflow-x: clip; max-width: 100%; }
.s-erou { overflow: clip; }
/* Textul din editorul vizual (08.11.2026): subtitluri, liste numerotate, citate, tabele, poze */
.s-articol-text h3 { font-size: clamp(1.3rem, 1.1rem + .7vw, 1.7rem); margin: 1.4em 0 .5em; color: #fff; }
.s-articol-text ol { padding-left: 1.4em; margin: 0 0 1.4em; } .s-articol-text ol li { padding-left: 4px; } .s-articol-text ol li::before { display: none; }
.s-articol-text a { color: var(--c); font-weight: 600; text-decoration: none; } .s-articol-text a:hover { text-decoration: underline; }
.s-articol-text strong { color: #fff; }
.s-articol-text blockquote { margin: 0 0 1.4em; padding: 4px 0 4px 18px; border-left: 3px solid var(--c); color: rgba(255,255,255,.75); font-style: italic; }
.s-articol-text img { display: block; max-width: 100%; height: auto; border-radius: 10px; margin: 1.4em 0; }
.s-articol-text figure { margin: 1.4em 0; } .s-articol-text figcaption { font-size: .88rem; color: rgba(255,255,255,.6); margin-top: 6px; }
.s-articol-text table { width: 100%; border-collapse: collapse; margin: 0 0 1.4em; font-size: 1rem; display: block; overflow-x: auto; }
.s-articol-text th, .s-articol-text td { text-align: left; padding: 9px 12px; border-bottom: 1px solid rgba(255,255,255,.14); vertical-align: top; }
.s-articol-text th { color: #fff; font-weight: 700; background: rgba(255,255,255,.05); }
.s-nav a[aria-current="page"] { color: #fff; box-shadow: inset 0 -2px 0 var(--c); }
.s-mob { display: none; position: relative; } .s-mob summary { list-style: none; cursor: pointer; width: 44px; height: 44px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; } .s-mob summary::-webkit-details-marker { display: none; }
.s-mob-in { position: absolute; right: 0; top: 52px; z-index: 30; min-width: 230px; background: #15171c; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 6px; display: flex; flex-direction: column; box-shadow: 0 12px 30px rgba(0,0,0,.4); }
.s-mob-in a { color: #fff; text-decoration: none; padding: 12px 14px; min-height: 44px; box-sizing: border-box; border-radius: 8px; font-weight: 600; } .s-mob-in a:hover { background: rgba(255,255,255,.07); }
.s-foot-pag { display: flex; flex-wrap: wrap; gap: 4px 18px; } .s-foot-pag a { color: rgba(255,255,255,.75); text-decoration: none; padding: 10px 0; min-height: 44px; box-sizing: border-box; }
@media (max-width: 900px) { .s-mob { display: block; } }
/* Blocurile din editor (08.11.2026): buton, linie, intrebare */
.s-articol-text a.s-btn { display: inline-flex; align-items: center; min-height: 48px; padding: 10px 22px; border-radius: 6px; background: var(--c2, var(--c)); color: var(--on, var(--n)); font-weight: 700; text-decoration: none; } .s-articol-text a.s-btn:hover { text-decoration: none; filter: brightness(1.08); }
.s-articol-text hr { border: 0; border-top: 1px solid rgba(255,255,255,.16); margin: 2em 0; }
.s-articol-text details { border-bottom: 1px solid rgba(255,255,255,.14); } .s-articol-text details:first-of-type { border-top: 1px solid rgba(255,255,255,.14); }
.s-articol-text summary { cursor: pointer; list-style: none; font-weight: 700; color: #fff; padding: 16px 44px 16px 0; position: relative; min-height: 44px; box-sizing: border-box; } .s-articol-text summary::-webkit-details-marker { display: none; }
.s-articol-text summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.08); color: var(--c); display: grid; place-items: center; font-size: 1.3rem; font-weight: 400; } .s-articol-text details[open] summary::after { content: "–"; }
.s-articol-text details p { margin: 0 0 16px; }
/* Logo propriu, banda de anunt, WhatsApp (08.11.2026) */
.s-logo-img { display: block; height: 44px; width: auto; max-width: 220px; object-fit: contain; }
.s-anunt { background: var(--cb, var(--c)); color: var(--on, var(--n)); font-weight: 700; font-size: .98rem; position: relative; z-index: 31; } .s-anunt .wrap { display: flex; align-items: center; gap: 10px; padding-top: 10px; padding-bottom: 10px; } .s-anunt .ico { flex: none; width: 20px; height: 20px; }
.s-wa { position: fixed; right: 22px; bottom: 22px; z-index: 29; width: 58px; height: 58px; border-radius: 50%; background: #25d366; color: #fff; display: grid; place-items: center; box-shadow: 0 8px 24px rgba(0,0,0,.35); transition: transform .15s; } .s-wa:hover { transform: scale(1.06); } .s-wa .ico { width: 30px; height: 30px; }
.s-bara .btn--wa { flex: 0 0 auto; background: #25d366; border-color: #25d366; color: #fff; padding: 10px 16px; } .s-bara-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 900px) { body.are-bara .s-wa { display: none; } }
.s-articol-text details + p, .s-articol-text table + p { margin-top: 1.2em; }

/* Bannerul de cookie-uri, doar cand firma a pus coduri Google (09.11.2026). Accept si Refuz arata la fel. */
.s-cs { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 40; max-width: 760px; margin: 0 auto; display: flex; align-items: center; gap: 18px; padding: 16px 18px; background: #15171c; color: #fff; border: 1px solid var(--lined); border-radius: 12px; box-shadow: 0 20px 50px -20px #000; }
.s-cs[hidden] { display: none; }
.s-cs p { margin: 0; font-size: .92rem; line-height: 1.45; color: rgba(255,255,255,.86); } .s-cs a { color: #fff; text-decoration: underline; }
.s-cs-btn { display: flex; gap: 10px; flex: none; } .s-cs-btn .btn { min-height: 44px; padding: 8px 18px; color: #fff; border-color: rgba(255,255,255,.45); background: transparent; }
.s-cs-btn .btn:hover { border-color: #fff; transform: none; box-shadow: none; }
@media (max-width: 900px) {
  .s-cs { flex-direction: column; align-items: stretch; gap: 12px; left: 10px; right: 10px; bottom: 10px; }
  body.are-bara .s-cs { bottom: calc(84px + env(safe-area-inset-bottom)); }
  .s-cs-btn .btn { flex: 1; }
}