/* ================================================================ Paginile Servicii, Centrul de suport, Cariere, Arhitecți
   și contul de partener (04.10.2026). Folosesc limbajul paginii „Despre noi” (kx-dn-*): titluri mari, subțiri, fără borduri,
   carduri pe hârtie, banda închisă. Se încarcă doar pe paginile lor (@push('head')). */

/* ---------------------------------------------------------------- comune */
.pg-p { max-width: 36em; font-size: clamp(16px, .3vw + 13px, 18px); line-height: 1.65; color: var(--ink-60); }
.pg-mic { font-size: 14px; line-height: 1.5; color: var(--ink-60); }
.pg-ico { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: #fff; color: var(--ink);
    box-shadow: 0 1px 2px rgba(30, 33, 36, .05), 0 8px 22px -12px rgba(30, 33, 36, .22); }
.pg-ico svg { width: 24px; height: 24px; }
.pg-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; color: var(--ink); text-decoration: underline; text-decoration-color: rgba(30, 33, 36, .28);
    text-underline-offset: 5px; transition: text-decoration-color .2s, gap .25s; }
.pg-link:hover { text-decoration-color: currentColor; gap: 12px; }
.pg-btns { display: flex; flex-wrap: wrap; gap: 12px; }

/* carduri pe hârtie, fără bordură */
.pg-carduri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.pg-carduri--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pg-carduri--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pg-card { position: relative; display: grid; gap: 14px; align-content: start; padding: clamp(26px, 2.4vw, 38px); border-radius: var(--r-lg); background: var(--hartie);
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), box-shadow .5s; }
a.pg-card:hover, .pg-card--viu:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -40px rgba(30, 33, 36, .45); }
.pg-card__nr { font-size: 13px; color: var(--ink-60); font-variant-numeric: tabular-nums; }
.v2 .pg-card h3 { font-size: clamp(21px, .8vw + 14px, 27px); font-weight: 400; line-height: 1.15; letter-spacing: -0.025em; }
.pg-card p { font-size: 15.5px; line-height: 1.6; color: var(--ink-60); }
.pg-card .pg-link { margin-top: 4px; font-size: 15px; }

/* pașii numerotați pe coloane */
.pg-pasi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; margin: 0; padding: 0; list-style: none; counter-reset: pas; }
.pg-pasi li { position: relative; display: grid; gap: 10px; align-content: start; padding-top: 22px; }
.pg-pasi li::before { counter-increment: pas; content: counter(pas, decimal-leading-zero); font-size: 13px; color: var(--ink-60); font-variant-numeric: tabular-nums; }
.pg-pasi li::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--verde) 0 28px, rgba(30, 33, 36, .1) 28px); }
.v2 .pg-pasi h3 { font-size: 20px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.25; }
.pg-pasi p { font-size: 15px; line-height: 1.6; color: var(--ink-60); }

/* formularele lungi: eticheta mică deasupra câmpului */
.pg-form { padding: clamp(24px, 3vw, 44px); border-radius: var(--r-lg); background: #fff; box-shadow: 0 40px 80px -60px rgba(30, 33, 36, .45); }
.pg-form .ct-randuri { gap: 18px; }
.pg-et { display: block; margin: 0 0 8px 4px; font-size: 13.5px; font-weight: 500; color: var(--ink); }
.pg-et small { font-weight: 400; color: var(--ink-60); }
.v2 .pg-form .ct-camp input, .v2 .pg-form .ct-camp select, .v2 .pg-form .ct-camp textarea { min-height: 56px; padding: 15px 20px; background: var(--fond); }
.v2 .pg-form .ct-camp textarea { min-height: 150px; }
.v2 .pg-form .ct-camp :focus { background: #fff; }
.v2 .pg-form .ct-select::after { right: 24px; top: auto; bottom: 25px; margin: 0; }
.pg-form .kx-fisiere { background: var(--fond); }
.pg-form .ct-gdpr { margin-top: 18px; }
.pg-form__jos { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 8px; }
.pg-form__jos .v-btn { margin-top: 0 !important; }
.pg-form__jos .pg-mic { max-width: 26em; }
.pg-form-cap { display: grid; gap: 16px; align-content: start; }
.pg-form-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 90px); align-items: start; }
.pg-form-grid > .pg-form-cap { position: sticky; top: calc(var(--hdr-h, 84px) + 24px); }

.pg-bife { display: grid; gap: 14px; margin: 6px 0 0; padding: 0; list-style: none; }
.pg-bife li { position: relative; padding-left: 32px; line-height: 1.55; color: var(--ink); }
.pg-bife li::before { content: ''; position: absolute; left: 2px; top: .38em; width: 13px; height: 7px; border: solid var(--verde-text); border-width: 0 0 1.8px 1.8px; transform: rotate(-45deg); }
.pg-bife small { display: block; font-size: 14px; color: var(--ink-60); }

/* calendarul nostru (în limba site-ului), în locul câmpului nativ de dată */
.pg-data { position: relative; }
.pg-data__btn { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 56px; padding: 15px 20px; border: 0; border-radius: 12px;
    background: var(--fond); font: inherit; font-size: 16px; color: var(--ink); text-align: left; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(28, 31, 38, .05); }
.pg-data__btn:focus-visible { outline: 2px solid var(--ink); }
.pg-data__btn svg { flex: none; color: var(--ink-60); }
.pg-cal { position: absolute; z-index: 30; left: 0; top: calc(100% + 8px); width: min(100%, 340px); padding: 16px; border-radius: 16px; background: #fff;
    box-shadow: 0 30px 70px -30px rgba(30, 33, 36, .45), 0 0 0 1px rgba(30, 33, 36, .06); }
.pg-cal[hidden] { display: none; }
.pg-cal__cap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.pg-cal__cap b { font-size: 15px; font-weight: 600; }
.pg-cal__cap button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--fond); font-size: 20px; line-height: 1; color: var(--ink); cursor: pointer; }
.pg-cal__cap button:disabled { opacity: .3; cursor: default; }
.pg-cal__zile { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.pg-cal__zile span { padding: 6px 0; font-size: 11.5px; font-weight: 600; color: var(--ink-60); text-align: center; }
.pg-cal__zile button { aspect-ratio: 1; border: 0; border-radius: 10px; background: transparent; font: inherit; font-size: 14px; color: var(--ink); cursor: pointer; }
.pg-cal__zile button:hover:not(:disabled) { background: var(--fond); }
.pg-cal__zile button:disabled { color: rgba(30, 33, 36, .25); cursor: default; }
.pg-cal__zile button.is-azi { box-shadow: inset 0 0 0 1px rgba(30, 33, 36, .18); }
.pg-cal__zile button.is-ales { background: var(--ink); color: #fff; }
.pg-cal__fara { margin-top: 10px; padding: 0; border: 0; background: none; font: inherit; font-size: 13.5px; color: var(--ink-60); text-decoration: underline; cursor: pointer; }

/* filmul în buclă cu butonul de film întreg */
.pg-clip { position: relative; margin: 0; overflow: hidden; border-radius: var(--r-lg); background: var(--noapte); aspect-ratio: 16 / 10; }
.pg-clip video, .pg-clip img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pg-clip__btn { position: absolute; right: 20px; bottom: 20px; display: inline-flex; align-items: center; gap: 12px; padding: 8px 18px 8px 8px; border: 0; border-radius: 999px;
    background: rgba(255, 255, 255, .94); color: var(--ink); font: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer; backdrop-filter: blur(8px);
    transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
.pg-clip__btn:hover { transform: scale(1.04); }
.pg-clip__btn span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--ink); color: #fff; }
.pg-clip__btn span svg { width: 15px; height: 15px; margin-left: 2px; }
.pg-clip__btn small { font-weight: 400; color: var(--ink-60); }

/* întrebările (details) */
.pg-faq { display: grid; gap: 10px; }
.pg-faq details { border-radius: var(--r); background: var(--hartie); transition: background .25s; }
.pg-faq details[open] { background: #fff; box-shadow: 0 24px 50px -40px rgba(30, 33, 36, .5); }
.pg-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 26px; cursor: pointer; list-style: none;
    font-size: 17px; font-weight: 500; line-height: 1.4; letter-spacing: -0.01em; }
.pg-faq summary::-webkit-details-marker { display: none; }
.pg-faq summary::after { content: ''; flex: none; width: 10px; height: 10px; margin-right: 6px; border: solid var(--ink); border-width: 0 1.6px 1.6px 0; transform: rotate(45deg) translateY(-3px);
    transition: transform .3s; }
.pg-faq details[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.pg-faq__r { padding: 0 26px 24px; font-size: 15.5px; line-height: 1.7; color: #3d4146; }
.pg-faq__r > * + * { margin-top: 10px; }
.pg-faq__r ol, .pg-faq__r ul { padding-left: 20px; }
.pg-faq__r li + li { margin-top: 6px; }
.pg-faq__r a { text-decoration: underline; text-underline-offset: 3px; }
.pg-faq mark { padding: 0 2px; border-radius: 3px; background: var(--verde-deschis); color: inherit; }

/* pastilele de stadiu (Primit, În proiectare…) */
.pg-stadiu { display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px; border-radius: 999px; background: var(--fond); font-size: 13px; font-weight: 500; white-space: nowrap; }
.pg-stadiu--ok { background: var(--verde-deschis); color: var(--verde-text); }
.pg-stadiu--lucru { background: #FFF4DE; color: #7A5410; }
.pg-stadiu--gri { color: var(--ink-60); }

/* cifrele cu sufix („10+”): numărul animat stă într-un span, care nu trebuie să ia stilul etichetei */
.kx-dn-cifre b span { max-width: none; font-size: inherit; line-height: inherit; color: inherit; }

/* ---------------------------------------------------------------- Servicii */
.sv-lista { counter-reset: sv; }
.sv-lista .pg-card { min-height: 100%; }
.sv-lista .pg-card__sus { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.sv-lista .pg-card p b { color: var(--ink); font-weight: 600; }

/* Fronturi Fine: banda închisă */
.ff { margin: clamp(84px, 9vw, 150px) var(--pagina) 0; border-radius: var(--r-lg); background: #15171A; color: #fff; overflow: hidden; }
.ff__in { display: grid; gap: clamp(48px, 6vw, 96px); padding: clamp(44px, 6vw, 110px) clamp(24px, 5.5vw, 100px); }
.ff__sus { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 90px); align-items: center; }
.ff__txt { display: grid; gap: 22px; justify-items: start; }
.ff__marca { display: flex; align-items: center; gap: 14px; font-size: 14px; color: rgba(255, 255, 255, .62); }
.ff__marca img { width: auto; height: 22px; }
.v2 .ff h2 { max-width: 12em; font-size: clamp(36px, 3vw + 12px, 70px); font-weight: 300; line-height: 1.02; letter-spacing: -0.04em; color: #fff; }
.v2 .ff h3 { color: #fff; }
.ff p { max-width: 36em; font-size: clamp(16px, .3vw + 13px, 18px); line-height: 1.65; color: rgba(255, 255, 255, .72); }
.ff p b { color: #fff; font-weight: 500; }
.ff .pg-clip { aspect-ratio: 16 / 9; box-shadow: 0 50px 100px -50px rgba(0, 0, 0, .8); }
.ff__cifre { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.ff__cifre div { display: grid; gap: 8px; align-content: start; }
.ff__cifre b { font-size: clamp(30px, 2.2vw + 12px, 54px); font-weight: 300; line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.ff__cifre span { max-width: 16em; font-size: 14.5px; line-height: 1.45; color: rgba(255, 255, 255, .6); }
.ff__tehn { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 90px); align-items: start; }
.ff__av { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.ff__av li { display: grid; gap: 10px; align-content: start; padding: 26px 24px; border-radius: var(--r); background: rgba(255, 255, 255, .055); }
.ff__av b { font-size: 18px; font-weight: 500; letter-spacing: -0.015em; }
.ff__av span { font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, .62); }
.ff__av svg { width: 26px; height: 26px; color: var(--verde); }
.ff__linie { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ff__linie li { padding: 9px 16px; border-radius: 999px; background: rgba(255, 255, 255, .07); font-size: 14px; color: rgba(255, 255, 255, .86); }
.ff__poze { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; aspect-ratio: 16 / 8.4; }
.ff__poza { margin: 0; overflow: hidden; border-radius: var(--r); background: #0E0F11; }
.ff__poza--mare { grid-row: span 2; }
.ff__poza img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s cubic-bezier(.2, .8, .2, 1); }
.ff__poza:hover img { transform: scale(1.04); }
.ff__jos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; padding-top: 8px; }
.ff__jos p { max-width: 40em; font-size: 15px; }

/* NEOS Atelier (mobilier tapițat), pe Servicii */
.at { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 90px); align-items: center; }
.at__txt { display: grid; gap: 22px; justify-items: start; }
.at__cifra { display: flex; align-items: baseline; gap: 14px; }
.at__cifra b { font-size: clamp(36px, 2.6vw + 12px, 64px); font-weight: 300; line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.at__cifra > span { max-width: 20em; font-size: 15px; line-height: 1.45; color: var(--ink-60); }
.at__linie li { background: var(--hartie); color: var(--ink); }
.at__poze { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.at__poza { margin: 0; overflow: hidden; border-radius: var(--r); background: var(--v-card); aspect-ratio: 4 / 3; }
.at__poza--mare { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.at__poza img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s cubic-bezier(.2, .8, .2, 1); }
.at__poza:hover img { transform: scale(1.04); }

/* ---------------------------------------------------------------- Centrul de suport */
.sp-erou { margin: 0 var(--pagina); padding: clamp(48px, 6vw, 100px) clamp(24px, 5vw, 90px) clamp(40px, 5vw, 80px); border-radius: var(--r-lg);
    background: radial-gradient(120% 140% at 100% 0%, rgba(126, 186, 50, .14) 0%, rgba(126, 186, 50, 0) 46%), var(--hartie); }
.sp-erou__in { display: grid; gap: 22px; max-width: 980px; }
.v2 .sp-erou h1 { font-size: clamp(42px, 4vw + 10px, 88px); font-weight: 300; line-height: 1; letter-spacing: -0.04em; }
.sp-cauta { position: relative; max-width: 720px; margin-top: 10px; }
.sp-cauta input { width: 100%; min-height: 66px; padding: 0 26px 0 62px; border: 0; border-radius: 999px; background: #fff; font: inherit; font-size: 17px; color: var(--ink);
    box-shadow: 0 1px 2px rgba(30, 33, 36, .06), 0 20px 50px -30px rgba(30, 33, 36, .4); }
.sp-cauta input:focus { outline: 2px solid var(--ink); }
.sp-cauta svg { position: absolute; left: 24px; top: 50%; width: 20px; height: 20px; margin-top: -10px; color: var(--ink-60); pointer-events: none; }
.sp-cauta__nr { margin: 10px 0 0 26px; font-size: 14px; color: var(--ink-60); min-height: 1.4em; }
.sp-repede { display: flex; flex-wrap: wrap; gap: 8px; }
.sp-repede a { padding: 9px 16px; border-radius: 999px; background: #fff; font-size: 14px; color: var(--ink); transition: background .2s, color .2s; }
.sp-repede a:hover { background: var(--ink); color: #fff; }

.sp-act .pg-card { grid-template-rows: auto auto 1fr auto; }
.sp-act .pg-card .v-btn { justify-self: start; margin-top: 8px; }
.sp-act__date { display: grid; gap: 4px; font-size: 15.5px; }
.sp-act__date a { font-size: clamp(20px, .8vw + 14px, 26px); font-weight: 400; letter-spacing: -0.02em; }

.sp-faq { display: grid; grid-template-columns: minmax(200px, 3fr) minmax(0, 9fr); gap: clamp(28px, 4vw, 72px); align-items: start; }
.sp-faq__nav { position: sticky; top: calc(var(--hdr-h, 84px) + 24px); display: grid; gap: 4px; }
.sp-faq__nav a { padding: 10px 14px; border-radius: 10px; font-size: 15px; color: var(--ink-60); transition: background .2s, color .2s; }
.sp-faq__nav a:hover, .sp-faq__nav a.is-on { background: var(--hartie); color: var(--ink); }
.sp-faq__cat + .sp-faq__cat { margin-top: 48px; }
.v2 .sp-faq__cat h3 { margin-bottom: 18px; font-size: clamp(24px, 1vw + 16px, 32px); font-weight: 400; letter-spacing: -0.03em; }
.sp-faq__gol { padding: 28px; border-radius: var(--r); background: var(--hartie); color: var(--ink-60); }

.sp-pasi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: sp; }
.sp-pasi li { display: grid; gap: 12px; align-content: start; padding: 30px 28px; border-radius: var(--r-lg); background: var(--hartie); }
.sp-pasi li::before { counter-increment: sp; content: counter(sp); display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--ink); color: #fff;
    font-size: 15px; font-weight: 600; }
.v2 .sp-pasi h3 { font-size: 21px; font-weight: 500; letter-spacing: -0.02em; }
.sp-pasi div { font-size: 15px; line-height: 1.65; color: var(--ink-60); }
.sp-pasi details summary { margin-top: 6px; font-size: 14px; font-weight: 500; color: var(--ink); cursor: pointer; }

.sp-cont { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 90px); align-items: center; margin: clamp(84px, 9vw, 150px) var(--pagina) 0;
    padding: clamp(40px, 5vw, 90px) clamp(24px, 5vw, 90px); border-radius: var(--r-lg); background: var(--noapte); color: #fff; }
.v2 .sp-cont h2 { font-size: clamp(32px, 2.4vw + 12px, 58px); font-weight: 300; line-height: 1.04; letter-spacing: -0.04em; color: #fff; }
.sp-cont p { max-width: 34em; margin-top: 16px; line-height: 1.65; color: rgba(255, 255, 255, .72); }
.sp-cont__lista { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.sp-cont__lista li { padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .08); font-size: 13.5px; color: rgba(255, 255, 255, .85); }
.sp-cont form { display: grid; gap: 12px; }
.sp-cont__rand { display: flex; gap: 10px; padding: 8px; border-radius: 999px; background: rgba(255, 255, 255, .08); }
.sp-cont__rand input { flex: 1; min-width: 0; padding: 0 20px; border: 0; background: transparent; font: inherit; font-size: 16px; color: #fff; }
.sp-cont__rand input::placeholder { color: rgba(255, 255, 255, .5); }
.sp-cont__rand input:focus { outline: none; }
.sp-cont__rand:focus-within { box-shadow: 0 0 0 2px rgba(255, 255, 255, .6); }
.sp-cont__rand .v-btn { flex: none; min-height: 50px; }
.sp-cont .ct-eroare { color: #FFB4A8; }
.sp-cont small { font-size: 13px; color: rgba(255, 255, 255, .55); }

/* ---------------------------------------------------------------- Cariere */
.cr-posturi { display: grid; gap: 12px; }
.cr-post { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px 32px; align-items: center; padding: clamp(24px, 2.6vw, 36px) clamp(24px, 3vw, 44px); border-radius: var(--r-lg);
    background: var(--hartie); transition: transform .5s cubic-bezier(.2, .8, .2, 1), box-shadow .5s, background .3s; }
.cr-post:hover { background: #fff; transform: translateY(-3px); box-shadow: 0 30px 60px -44px rgba(30, 33, 36, .5); }
.v2 .cr-post h3 { font-size: clamp(24px, 1.2vw + 15px, 36px); font-weight: 400; letter-spacing: -0.03em; line-height: 1.1; }
.cr-post__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.cr-post__meta span { padding: 6px 12px; border-radius: 999px; background: #fff; font-size: 13px; color: var(--ink-60); }
.cr-post:hover .cr-post__meta span { background: var(--fond); }
.cr-post p { max-width: 50em; margin-top: 14px; font-size: 15.5px; line-height: 1.6; color: var(--ink-60); }
.cr-post__btn { display: flex; flex-wrap: wrap; gap: 10px; }
.cr-viata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cr-viata figure { margin: 0; }
.cr-viata figcaption { display: grid; gap: 4px; margin-top: 14px; }
.cr-viata figcaption b { font-size: 18px; font-weight: 500; letter-spacing: -0.02em; }
.cr-viata figcaption span { font-size: 15px; color: var(--ink-60); }

.cr-art { display: grid; grid-template-columns: minmax(0, 8fr) minmax(260px, 4fr); gap: clamp(32px, 5vw, 90px); align-items: start; padding: clamp(28px, 4vw, 60px) var(--pagina) 0; }
.v2 .cr-art h1 { font-size: clamp(40px, 3.4vw + 12px, 80px); font-weight: 300; line-height: 1; letter-spacing: -0.04em; }
.cr-art__meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 30px; }
.cr-art__meta span { padding: 8px 14px; border-radius: 999px; background: var(--hartie); font-size: 14px; color: var(--ink-60); }
.cr-art .kx-proza { max-width: 44em; }
.cr-art__aside { position: sticky; top: calc(var(--hdr-h, 84px) + 24px); display: grid; gap: 16px; padding: 30px 28px; border-radius: var(--r-lg); background: var(--hartie); }
.v2 .cr-art__aside h2 { font-size: 22px; font-weight: 500; letter-spacing: -0.02em; }

/* ---------------------------------------------------------------- Arhitecți */
.ar-erou { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 90px); align-items: center; padding: clamp(28px, 4vw, 70px) var(--pagina) 0; }
.ar-erou__txt { display: grid; gap: 24px; justify-items: start; }
.v2 .ar-erou h1 { font-size: clamp(42px, 4vw + 10px, 92px); font-weight: 300; line-height: .98; letter-spacing: -0.045em; }
.ar-ecran { position: relative; margin: 0; }
.ar-ecran__cadru { overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 2px 4px rgba(30, 33, 36, .05), 0 60px 110px -50px rgba(30, 33, 36, .55); }
.ar-ecran__bara { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px; background: #ECECE8; }
.ar-ecran__bara i { width: 10px; height: 10px; border-radius: 50%; background: rgba(30, 33, 36, .16); }
.ar-ecran__bara span { margin-left: 12px; padding: 4px 14px; border-radius: 999px; background: #fff; font-size: 11.5px; color: var(--ink-60); }
.ar-ecran img { display: block; width: 100%; height: auto; }
.ar-ecran__mic { position: absolute; left: -28px; bottom: -34px; width: 42%; overflow: hidden; border-radius: 12px; background: #fff; box-shadow: 0 40px 70px -30px rgba(30, 33, 36, .55); }
.ar-ecran__mic img { display: block; width: 100%; height: auto; }
.ar-ecran__mic span { display: block; padding: 10px 14px; font-size: 12.5px; color: var(--ink-60); }
.ar-cine { display: flex; flex-wrap: wrap; gap: 10px; margin: clamp(60px, 7vw, 110px) var(--pagina) 0; }
.ar-cine span { padding: 12px 20px; border-radius: 999px; background: var(--hartie); font-size: 15px; }
.ar-cine b { padding: 12px 6px; font-size: 15px; font-weight: 500; }

.ar-unelte { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(32px, 5vw, 90px); align-items: start; }
.ar-unelte__txt { display: grid; gap: 20px; position: sticky; top: calc(var(--hdr-h, 84px) + 24px); }
.ar-tab { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.ar-tab button { padding: 11px 18px; border: 0; border-radius: 999px; background: var(--hartie); font: inherit; font-size: 14.5px; color: var(--ink-60); cursor: pointer; transition: background .2s, color .2s; }
.ar-tab button[aria-selected="true"] { background: var(--ink); color: #fff; }
.ar-tab__panou[hidden] { display: none; }
.ar-tab__panou figcaption { margin-top: 14px; font-size: 15px; line-height: 1.55; color: var(--ink-60); }
.ar-resurse { display: grid; gap: 8px; margin: 6px 0 0; padding: 0; list-style: none; }
.ar-resurse a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-radius: 14px; background: var(--hartie); transition: background .2s; }
.ar-resurse a:hover { background: #fff; box-shadow: 0 20px 40px -30px rgba(30, 33, 36, .45); }
.ar-resurse b { display: block; font-size: 15.5px; font-weight: 500; }
.ar-resurse small { display: block; font-size: 13.5px; color: var(--ink-60); }
.ar-resurse svg { flex: none; color: var(--ink-60); }

/* ---------------------------------------------------------------- Urmărește stadiul comenzii */
.ur-erou { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 90px); align-items: center; padding: clamp(28px, 4vw, 70px) var(--pagina) 0; }
.ur-erou__txt { display: grid; gap: 24px; justify-items: start; }
.v2 .ur-erou h1 { font-size: clamp(42px, 4vw + 10px, 88px); font-weight: 300; line-height: .98; letter-spacing: -0.045em; }
.ur-link { display: grid; gap: 10px; width: 100%; max-width: 560px; padding: 22px; border-radius: var(--r-lg); background: var(--hartie); }
.ur-link .pg-et { margin: 0 0 2px 2px; }
.ur-link__rand { display: flex; gap: 8px; padding: 6px; border-radius: 999px; background: #fff; box-shadow: 0 1px 2px rgba(30, 33, 36, .05); }
.ur-link__rand:focus-within { box-shadow: 0 0 0 2px var(--ink); }
.ur-link__rand input { flex: 1; min-width: 0; padding: 0 18px; border: 0; background: transparent; font: inherit; font-size: 16px; color: var(--ink); }
.ur-link__rand input:focus { outline: none; }
.ur-link__rand .v-btn { flex: none; min-height: 48px; }
.ur-ecrane { position: relative; margin: 0 0 40px; }
.ur-ecrane .ar-ecran__cadru img { display: block; width: 100%; height: auto; }
.ur-ecrane__tel { position: absolute; right: -14px; bottom: -40px; width: 24%; padding: 7px; border-radius: 26px; background: #15171A; box-shadow: 0 40px 80px -30px rgba(30, 33, 36, .6); }
.ur-ecrane__tel img { display: block; width: 100%; height: auto; border-radius: 20px; }
.ur-ecrane figcaption { position: absolute; left: 0; bottom: -34px; }
.ur-pasi { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.ur-pasi li { position: relative; display: grid; gap: 8px; align-content: start; padding: 22px 18px 24px; border-radius: var(--r); background: var(--hartie); }
.ur-pasi li::after { content: ''; position: absolute; top: 37px; left: 58px; right: -10px; height: 2px; background: var(--verde); opacity: .35; }
.ur-pasi li:last-child::after { display: none; }
.ur-pasi__nr { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--verde); color: var(--verde-ink); font-size: 14px; font-weight: 700; }
.ur-pasi b { margin-top: 6px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; }
.ur-pasi span:last-child { font-size: 14px; line-height: 1.5; color: var(--ink-60); }
.ur-rand { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 90px); align-items: center; }
.ur-rand + .ur-rand { margin-top: clamp(56px, 6vw, 96px); }
.ur-rand--invers { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); }
.ur-rand--invers .ur-rand__txt { order: 2; }
.ur-rand__txt { display: grid; gap: 18px; }
.ur-rand__poza { margin: 0; padding: clamp(12px, 1.6vw, 22px); border-radius: var(--r-lg); background: linear-gradient(160deg, #E9EAE5, #F6F6F3); }
.ur-rand__poza img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 30px 60px -40px rgba(30, 33, 36, .5), 0 0 0 1px rgba(30, 33, 36, .05); }

/* ---------------------------------------------------------------- contul de partener */
.pt-intra { display: grid; place-items: center; min-height: calc(100svh - 260px); padding: clamp(28px, 5vw, 80px) var(--pagina); }
.pt-intra__card { display: grid; gap: 18px; width: min(100%, 560px); padding: clamp(28px, 4vw, 52px); border-radius: var(--r-lg); background: #fff; box-shadow: 0 50px 100px -60px rgba(30, 33, 36, .5); }
.v2 .pt-intra__card h1 { font-size: clamp(34px, 2vw + 18px, 52px); font-weight: 300; line-height: 1.04; letter-spacing: -0.04em; }
.pt-intra__card form { display: grid; gap: 12px; margin-top: 6px; }
.pt-intra__card .v-btn { width: 100%; }
.pt-intra__alt { padding-top: 18px; border-top: 1px solid var(--ink-10); }
.pt-intra__alt a { text-decoration: underline; text-underline-offset: 3px; }

.pt-cap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 40px; padding: clamp(28px, 4vw, 60px) var(--pagina) 0; }
.v2 .pt-cap h1 { font-size: clamp(38px, 3vw + 12px, 72px); font-weight: 300; line-height: 1; letter-spacing: -0.04em; }
.pt-cap p { margin-top: 12px; color: var(--ink-60); }
.pt-cap form { margin: 0; }
.pt-cifre { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: clamp(28px, 3vw, 44px) var(--pagina) 0; }
.pt-cifre div { display: grid; gap: 6px; padding: 24px 24px 22px; border-radius: var(--r-lg); background: var(--hartie); }
.pt-cifre b { font-size: clamp(32px, 2vw + 14px, 48px); font-weight: 300; line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.pt-cifre span { font-size: 14px; color: var(--ink-60); }
.pt-grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(280px, 4fr); gap: clamp(24px, 3vw, 48px); align-items: start; padding: clamp(40px, 4vw, 64px) var(--pagina) 0; }
.v2 .pt-h2 { margin-bottom: 18px; font-size: clamp(26px, 1.2vw + 16px, 36px); font-weight: 400; letter-spacing: -0.03em; }
.pt-proiecte { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.pt-proiect { display: grid; gap: 16px; padding: 24px 26px; border-radius: var(--r-lg); background: var(--hartie); }
.pt-proiect__sus { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 20px; }
.pt-proiect h3 { font-size: 20px; font-weight: 500; letter-spacing: -0.02em; }
.pt-proiect__sus p { margin-top: 4px; font-size: 14px; color: var(--ink-60); }
.pt-proiect__nota { padding: 14px 16px; border-radius: 12px; background: #fff; font-size: 14.5px; line-height: 1.55; }
.pt-proiect__nota small { display: block; margin-bottom: 4px; font-size: 12.5px; color: var(--ink-60); }
.pt-traseu { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.pt-traseu li { display: grid; gap: 8px; font-size: 12px; color: var(--ink-60); }
.pt-traseu li::before { content: ''; height: 4px; border-radius: 4px; background: rgba(30, 33, 36, .1); }
.pt-traseu li.is-gata::before { background: var(--verde); }
.pt-traseu li.is-acum { color: var(--ink); font-weight: 600; }
.pt-traseu li.is-acum::before { background: var(--verde); box-shadow: 0 0 0 3px rgba(126, 186, 50, .22); }
.pt-gol { display: grid; gap: 14px; justify-items: start; padding: 34px 30px; border-radius: var(--r-lg); background: var(--hartie); }
.pt-gol p { max-width: 34em; color: var(--ink-60); }
.pt-lat { display: grid; gap: 14px; position: sticky; top: calc(var(--hdr-h, 84px) + 24px); }
.pt-om { display: grid; gap: 10px; padding: 26px; border-radius: var(--r-lg); background: var(--noapte); color: #fff; }
.pt-om small { font-size: 13px; color: rgba(255, 255, 255, .6); }
.pt-om b { font-size: 20px; font-weight: 500; letter-spacing: -0.02em; }
.pt-om a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .35); text-underline-offset: 4px; }
.pt-om a:hover { text-decoration-color: #fff; }
.pt-nou { padding: clamp(56px, 6vw, 96px) var(--pagina) clamp(60px, 6vw, 100px); }

/* ---------------------------------------------------------------- tabletă și telefon */
@media (max-width: 1100px) {
    .pg-carduri, .pg-carduri--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pg-pasi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pg-form-grid, .ff__sus, .ff__tehn, .sp-faq, .sp-cont, .ar-erou, .ar-unelte, .cr-art, .pt-grid, .ur-erou, .ur-rand, .ur-rand--invers { grid-template-columns: minmax(0, 1fr); }
    .ur-rand--invers .ur-rand__txt { order: 0; }
    .ur-pasi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ur-pasi li::after { display: none; }
    .pg-form-grid > .pg-form-cap, .sp-faq__nav, .ar-unelte__txt, .cr-art__aside, .pt-lat { position: static; }
    .sp-faq__nav { display: flex; flex-wrap: wrap; gap: 6px; }
    .sp-faq__nav a { background: var(--hartie); }
    .at { grid-template-columns: minmax(0, 1fr); }
    .ff__cifre { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
    .sp-pasi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ar-ecran__mic { left: auto; right: 16px; bottom: -28px; width: 38%; }
    .pt-cifre { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .pg-carduri, .pg-carduri--2, .pg-carduri--4, .pg-pasi, .sp-pasi, .cr-viata { grid-template-columns: minmax(0, 1fr); }
    .pg-form { padding: 22px 18px; }
    .pg-form__jos .v-btn { width: 100%; }
    .ff { margin-left: 12px; margin-right: 12px; }
    .ff__in { padding: 40px 20px; }
    .ff__av { grid-template-columns: minmax(0, 1fr); }
    .ff__poze { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; aspect-ratio: auto; }
    .ff__poza { aspect-ratio: 4 / 3; }
    .ff__poza--mare { grid-row: auto; }
    .sp-erou { margin: 0 12px; padding: 40px 20px 32px; }
    .sp-cauta input { min-height: 58px; font-size: 16px; }
    .sp-cont { margin-left: 12px; margin-right: 12px; padding: 36px 20px; }
    .sp-cont__rand { flex-direction: column; border-radius: 18px; }
    .sp-cont__rand input { min-height: 48px; }
    .sp-cont__rand .v-btn { width: 100%; }
    .cr-post { grid-template-columns: minmax(0, 1fr); }
    .cr-post__btn .v-btn { flex: 1 1 auto; }
    .ar-ecran__mic { display: none; }
    .ar-cine span { padding: 10px 16px; font-size: 14px; }
    .pt-traseu { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 12px; }
    .pt-cifre div { padding: 20px; }
    .ur-pasi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ur-link__rand { flex-direction: column; border-radius: 18px; }
    .ur-link__rand input { min-height: 48px; }
    .ur-link__rand .v-btn { width: 100%; }
    .ur-ecrane__tel { width: 30%; right: 8px; bottom: -28px; }
}