/* Pagina de campanie (dupa start). Foloseste aceleasi "unitati Figma" (--u) ca main.css. */

/* ---------- Hero ---------- */
/* Microintreprinderi: KV-ul cu 5x premii (data-tab e pus din campanie.js) */
.hero--campaign[data-tab="microintreprinderi"] {
  background-image: url("../images/top-bg-micro.jpg"); }

.hero--campaign:not([data-tab="microintreprinderi"]) .hero__for-micro,
.hero--campaign[data-tab="microintreprinderi"] .hero__for-pf {
  display: none; }

/* Leasing: banner propriu, cu titlul si data incluse in imagine */
.hero--campaign[data-tab="leasing-pentru-companii"] {
  background-image: url("../images/top-bg-leasing.jpg?v=2"); }
  .hero--campaign[data-tab="leasing-pentru-companii"] > :not(.hero__for-leasing),
  .hero--campaign:not([data-tab="leasing-pentru-companii"]) .hero__for-leasing {
    display: none; }
  /* degradeul de la baza e mai scurt, ca sa nu estompeze data din banner */
  .hero--campaign[data-tab="leasing-pentru-companii"]::after {
    height: calc(40 * var(--u)); }

.hero--campaign .hero__date {
  margin-top: calc(128 * var(--u)); }

/* ---------- Taburi ---------- */
.tabs {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  margin-top: calc(-24 * var(--u)); }

.tabs__btn {
  width: calc(245 * var(--u));
  height: calc(48 * var(--u));
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.19);
  background: var(--dark);
  color: #f6f6f6;
  font: 700 calc(18 * var(--u))/calc(24 * var(--u)) 'UniCredit', Arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer; }
  .tabs__btn:first-child {
    border-radius: calc(4 * var(--u)) 0 0 calc(4 * var(--u)); }
  .tabs__btn:last-child {
    border-radius: 0 calc(4 * var(--u)) calc(4 * var(--u)) 0; }
  .tabs__btn.is-active {
    background: var(--red); }

.panel[hidden] {
  display: none; }
.panel a:not(.btn) {
  color: inherit; }

/* ---------- Butoane ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(48 * var(--u));
  padding: 0 calc(56 * var(--u));
  border-radius: calc(4 * var(--u));
  background: var(--red);
  color: var(--white);
  font-size: calc(18 * var(--u));
  line-height: calc(24 * var(--u));
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s; }
  .btn:hover {
    background: #b80015; }

.btn--rules {
  flex-direction: column;
  justify-content: flex-start;
  width: calc(306 * var(--u));
  height: calc(59 * var(--u));
  padding: calc(6 * var(--u)) 0 0; }
  .btn--rules small {
    display: block;
    margin-top: calc(-2 * var(--u));
    font-size: calc(15 * var(--u));
    line-height: calc(26 * var(--u));
    font-weight: 400;
    text-transform: none; }

.btn--compact {
  padding: 0 calc(9 * var(--u)); }

/* ---------- Intro ---------- */
.intro {
  margin: calc(102 * var(--u)) auto 0;
  width: calc(1283 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
  text-align: center; }

/* textul randat e cu ~1% mai lat decat in Figma; fara asta se rupe pe un rand in plus */
.intro--pf {
  width: calc(1300 * var(--u)); }

.intro--micro {
  width: calc(1234 * var(--u)); }

.section-title {
  font-size: calc(38 * var(--u));
  line-height: calc(26 * var(--u));
  font-weight: 700;
  text-align: center; }

.section-title--offers {
  margin-top: calc(96 * var(--u)); }

.race-nav {
  display: flex;
  gap: calc(9.25 * var(--u)); }

.race-nav--pf {
  margin: calc(57 * var(--u)) 0 0 calc(100 * var(--u)); }

.race-nav--micro {
  margin: calc(102 * var(--u)) 0 0 calc(79 * var(--u)); }

.race-nav__btn {
  width: calc(240 * var(--u));
  height: calc(83.52 * var(--u));
  padding: 0;
  border: 0.8px solid var(--red);
  border-radius: calc(18 * var(--u));
  background: #343535;
  color: var(--white);
  font: 700 calc(30 * var(--u))/calc(34 * var(--u)) 'UniCredit', Arial, sans-serif;
  cursor: pointer;
  transition: background-color .2s; }
  .race-nav__btn:hover, .race-nav__btn.is-active {
    background: var(--red); }

.race-nav--micro .race-nav__btn {
  height: calc(77.95 * var(--u)); }

.draw-note {
  margin-top: calc(82.48 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: calc(26 * var(--u));
  text-align: center; }

.draw-details {
  width: calc(1232 * var(--u));
  margin: calc(62 * var(--u)) auto 0;
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
  text-align: center; }

.tagline {
  position: relative;
  height: calc(243.45 * var(--u));
  margin-top: calc(23 * var(--u)); }

.tagline__chevrons {
  position: absolute;
  width: calc(211.924 * var(--u));
  height: calc(243.447 * var(--u)); }

.tagline__chevrons--left {
  left: calc(149 * var(--u));
  top: calc(5 * var(--u)); }

.tagline__chevrons--right {
  left: calc(1063 * var(--u));
  top: 0; }

.tagline__text {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(101.83 * var(--u));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(26 * var(--u));
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 500;
  white-space: nowrap; }

.diamond {
  flex: none;
  width: calc(7.29 * var(--u));
  height: calc(7.29 * var(--u));
  background: #d9d9d9;
  transform: rotate(45deg); }

/* ---------- Curse ---------- */
.races {
  position: relative;
  margin-top: calc(15 * var(--u));
  padding-top: calc(74 * var(--u)); }

.races--micro {
  margin-top: calc(97 * var(--u));
  padding-bottom: calc(100 * var(--u)); }

.races__bg {
  position: absolute;
  top: 0;
  left: calc(-72 * var(--u));
  width: calc(1566 * var(--u));
  height: calc(3745 * var(--u));
  overflow: hidden;
  pointer-events: none; }
  .races__bg img {
    position: absolute;
    left: 0;
    top: -3.32%;
    width: 100%;
    height: 103.31%;
    max-width: none; }

.races--micro .races__bg {
  left: calc(-27 * var(--u));
  width: calc(1476 * var(--u));
  height: calc(3529 * var(--u)); }

/* A doua bucata de swoosh (plati + finish), pusa peste prima in Figma */
.races-lower {
  position: relative;
  z-index: 1;
  margin-top: calc(161 * var(--u));
  padding-bottom: calc(104 * var(--u)); }

.races-lower__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-33 * var(--u));
  width: calc(1473 * var(--u));
  overflow: hidden;
  pointer-events: none; }
  .races-lower__bg img {
    position: absolute;
    left: calc(14.92 * var(--u));
    top: calc(-721.38 * var(--u));
    width: calc(1458.1 * var(--u));
    height: calc(3602.6 * var(--u));
    max-width: none; }

.race {
  position: relative;
  z-index: 1;
  width: calc(822 * var(--u));
  margin-left: calc(91 * var(--u)); }

.race--right {
  margin-left: calc(511 * var(--u)); }

.races--micro .race,
.races--micro .finish {
  margin-left: calc(78 * var(--u)); }

.races--micro .race--right {
  margin-left: calc(498 * var(--u)); }

.race + .race,
.race + .finish {
  margin-top: calc(60 * var(--u)); }

.races-lower .race + .finish {
  margin-top: calc(65 * var(--u)); }

.race__head {
  position: relative;
  width: calc(235 * var(--u));
  height: calc(62 * var(--u));
  margin: 0;
  background: url("../images/campanie/race-title.svg") 0 0 / 100% 100% no-repeat; }

.race--right .race__head {
  margin-left: calc(4 * var(--u)); }

.race__num,
.race__title {
  position: absolute;
  top: calc(6 * var(--u));
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  white-space: nowrap; }

.race__num {
  left: calc(29 * var(--u));
  font-weight: 500;
  letter-spacing: calc(-1 * var(--u)); }

.race__title {
  left: calc(92 * var(--u));
  font-weight: 700; }

/* ---------- Card "glass" ---------- */
.card {
  position: relative;
  z-index: 0;
  margin-top: calc(31 * var(--u));
  padding: calc(50 * var(--u)) calc(43 * var(--u)) calc(45 * var(--u));
  border: 0.8px solid var(--red);
  border-radius: calc(39 * var(--u)); }
  .card::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: calc(5 * var(--u));
    border-radius: calc(38 * var(--u));
    background: linear-gradient(228deg, rgba(255, 255, 255, 0.2) 1.84%, rgba(255, 255, 255, 0) 43.47%), linear-gradient(44deg, rgba(255, 255, 255, 0.2) 0.84%, rgba(255, 255, 255, 0) 10.79%), rgba(113, 113, 113, 0.36);
    -webkit-backdrop-filter: blur(11.25px);
    backdrop-filter: blur(11.25px); }
  .card p, .card h4, .card h5, .card ul {
    margin: 0; }

.card__body[hidden] {
  display: none; }

.card__title {
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 700; }

.card__title--tight {
  letter-spacing: calc(-1 * var(--u)); }

.card__title--narrow {
  max-width: calc(351 * var(--u)); }
  .card__title--narrow + .card__subtitle {
    margin-top: calc(6 * var(--u)); }

.card__title--wrap {
  max-width: calc(654 * var(--u));
  line-height: calc(42 * var(--u)); }

.card__subtitle {
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
  font-weight: 700; }

.card__subtitle--lead {
  max-width: calc(749 * var(--u));
  margin-top: calc(5 * var(--u)); }

.card__text {
  max-width: calc(742 * var(--u));
  margin-top: calc(22 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u));
  font-weight: 500; }
  .card .card__text {
    margin-top: calc(22 * var(--u)); }

.card .card__text--narrow {
  max-width: calc(674 * var(--u));
  margin-top: calc(9 * var(--u)); }

.card .card__text--tight {
  max-width: calc(706 * var(--u));
  margin-top: calc(8 * var(--u)); }


.card .card__text--after-title {
  max-width: calc(742 * var(--u));
  margin-top: calc(18 * var(--u)); }
  .card .card__text--after-title p + p {
    margin-top: calc(20 * var(--u)); }

.card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(26 * var(--u));
  margin-top: calc(36 * var(--u)); }

/* Microintreprinderi: inscriere client nou si existent pe primul rand, oferta centrata dedesubt */
.card__actions--signup {
  justify-content: space-between;
  row-gap: calc(13 * var(--u));
  margin-top: calc(24 * var(--u));
  padding: 0 calc(8 * var(--u)); }
  .card__actions--signup .btn:not(.btn--compact) {
    margin: 0 auto; }
  .card .card__actions--signup + .card__note {
    margin-top: calc(14 * var(--u)); }

.card__actions--signup-loose {
  row-gap: calc(27 * var(--u));
  margin-top: calc(32 * var(--u)); }

/* Textele cu Regulamentele, cu link */
.card .card__rules {
  margin-top: calc(25 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u));
  font-style: italic; }
  .card .card__rules + .card__actions {
    margin-top: calc(19 * var(--u)); }
  .card .card__rules + .card__actions + .card__note {
    margin-top: calc(5 * var(--u)); }

.card .card__rules--payments {
  margin-top: calc(44 * var(--u)); }

.feature .feature__rules {
  margin-top: calc(20 * var(--u));
  font-style: italic; }

/* Calificare PF, client nou: codul de campanie cu magazinele de aplicatii + formularul de rezerva */
.qualify-cta {
  display: grid;
  grid-template-columns: calc(437 * var(--u)) calc(323 * var(--u));
  margin-top: calc(20 * var(--u)); }

.qualify-cta__app p {
  padding-left: calc(59 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u)); }
.qualify-cta__app .offer__stores {
  gap: calc(16 * var(--u));
  margin: calc(12 * var(--u)) 0 0 calc(-7 * var(--u)); }
.qualify-cta__app .qualify-cta__hint {
  width: calc(424 * var(--u));
  margin: calc(10 * var(--u)) 0 0 calc(-7 * var(--u));
  padding: 0;
  font-weight: 700;
  text-align: center; }

.qualify-cta__btn {
  width: calc(323 * var(--u));
  height: calc(54 * var(--u));
  margin-top: calc(12 * var(--u));
  padding: calc(3 * var(--u)) 0 0; }
  .qualify-cta__btn small {
    margin-top: calc(1 * var(--u));
    font-size: calc(11 * var(--u));
    line-height: calc(16 * var(--u));
    font-weight: 700; }

/* Calificare Micro, client nou: al doilea titlu si mai multe paragrafe */
.card__subtitle--narrow {
  max-width: calc(457 * var(--u)); }

.card .card__title--second {
  margin-top: calc(20 * var(--u)); }

.card .card__text--paragraphs {
  margin-top: calc(9 * var(--u)); }
  .card .card__text--paragraphs p + p {
    margin-top: calc(20 * var(--u)); }
  .card .card__text--paragraphs .card__rules {
    margin-top: calc(20 * var(--u)); }
  .card .card__text--paragraphs + .card__actions {
    margin-top: calc(11 * var(--u)); }

.card .card__note {
  margin-top: calc(32 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u));
  font-style: italic; }

/* Cursa platilor (Microintreprinderi): nota ramane jos in card, unde era inainte sub buton */
.card .card__note--payments {
  margin-top: calc(80 * var(--u)); }

/* Comutator Client NOU / Client EXISTENT */
.client-toggle {
  position: absolute;
  z-index: 1;
  top: calc(58 * var(--u));
  left: calc(425 * var(--u));
  display: flex; }

.client-toggle__btn {
  width: calc(160 * var(--u));
  height: calc(43 * var(--u));
  padding: 0;
  border: 0;
  border-radius: calc(4 * var(--u)) 0 0 calc(4 * var(--u));
  background: var(--white);
  color: #000;
  font: 700 calc(18 * var(--u))/calc(24 * var(--u)) 'UniCredit', Arial, sans-serif;
  cursor: pointer; }
  .client-toggle__btn + .client-toggle__btn {
    width: calc(164 * var(--u));
    border-radius: 0 calc(4 * var(--u)) calc(4 * var(--u)) 0; }
  .client-toggle__btn.is-active {
    background: var(--red);
    color: var(--white); }

/* Beneficii (icon + text) */
.features {
  display: grid;
  grid-template-columns: calc(363 * var(--u)) 1fr;
  margin-top: calc(19 * var(--u)); }
  .features .feature:first-child > div {
    max-width: calc(287 * var(--u)); }
  .features .feature:last-child > div {
    max-width: calc(306 * var(--u)); }

.features--invest {
  margin-top: calc(12 * var(--u)); }

.features--qualify {
  grid-template-columns: calc(414 * var(--u)) 1fr; }
  .card__text--narrow + .features--qualify {
    margin-top: calc(13 * var(--u)); }
  .features--qualify .feature:first-child > div {
    max-width: calc(363 * var(--u)); }
  .features--qualify .feature:last-child > div {
    max-width: calc(267 * var(--u)); }

.features--existing {
  grid-template-columns: calc(350 * var(--u)) 1fr;
  margin-top: calc(15 * var(--u)); }
  .features--existing .feature:first-child > div {
    max-width: calc(283 * var(--u)); }
  .features--existing .feature:last-child > div {
    max-width: calc(363 * var(--u)); }

.features--payments {
  grid-template-columns: calc(362 * var(--u)) 1fr;
  margin-top: calc(7 * var(--u)); }
  .features--payments .feature {
    gap: calc(16 * var(--u)); }
  .features--payments .feature > div {
    max-width: calc(308 * var(--u)); }
  .features--payments h5 {
    margin-top: calc(7 * var(--u)); }
  .features--payments h5 + p {
    margin-top: calc(8 * var(--u)); }

.feature {
  display: flex;
  align-items: flex-start;
  gap: calc(17 * var(--u)); }
  .feature h5 {
    font-size: calc(22 * var(--u));
    line-height: calc(26 * var(--u));
    font-weight: 700; }
  .feature p {
    font-size: calc(16 * var(--u));
    line-height: calc(20 * var(--u)); }
  .feature h5 + p {
    margin-top: calc(15 * var(--u)); }

.feature__icon {
  flex: none;
  width: calc(42 * var(--u));
  height: calc(42 * var(--u)); }

.feature__amount {
  display: block;
  font-size: calc(22 * var(--u));
  line-height: calc(20 * var(--u));
  font-weight: 700; }

.feature__amount--inline {
  display: inline; }

.feature .feature__medium {
  font-weight: 500; }

.feature--small {
  gap: calc(18 * var(--u)); }
  .feature--small .feature__icon {
    width: calc(40 * var(--u));
    height: calc(40 * var(--u)); }
  .feature--small h5 {
    font-size: calc(16 * var(--u));
    line-height: calc(20 * var(--u)); }
  .feature--small h5 + p {
    margin-top: calc(20 * var(--u)); }

.feature--wide {
  margin-top: calc(33 * var(--u)); }
  .feature--wide h5 {
    max-width: calc(426 * var(--u)); }
  .feature--wide p {
    max-width: calc(682 * var(--u)); }
  .feature--wide h5 + p {
    margin-top: calc(16 * var(--u)); }

.feature--cashback {
  gap: calc(23 * var(--u));
  margin: calc(3 * var(--u)) 0 0 calc(-3 * var(--u)); }
  .feature--cashback .feature__icon {
    margin-top: calc(4 * var(--u)); }
  .feature--cashback p {
    max-width: calc(592 * var(--u)); }

/* Cursa finantarii: oferte; "Vezi mai multe" deschide detaliile, linkul de la final deschide pop-up-ul */
.card--offers {
  padding-top: calc(44 * var(--u));
  padding-bottom: calc(56 * var(--u)); }

.offer + .offer {
  margin-top: calc(73 * var(--u)); }

/* O sansa in plus, deasupra ofertelor */
.offer-bonus {
  margin-bottom: calc(40 * var(--u)); }

.card .offer-bonus__title {
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 700; }

.card .offer-bonus__text {
  margin-top: calc(7 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(26 * var(--u)); }

.card .offer__label {
  display: table;
  margin: calc(4 * var(--u)) 0 calc(4 * var(--u)) calc(-6 * var(--u));
  padding: 0 calc(9 * var(--u));
  border: 0.8px solid var(--red);
  border-radius: calc(10 * var(--u));
  background: #343535;
  box-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.25);
  font-size: calc(22 * var(--u));
  line-height: calc(36 * var(--u));
  font-weight: 700; }

.card .offer__period {
  margin-top: calc(-2.55 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(26 * var(--u)); }

.card .offer__title {
  max-width: calc(724 * var(--u));
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 700; }
  .card .offer__period + .offer__title {
    margin-top: calc(6 * var(--u)); }

.card .offer__lead {
  max-width: calc(749 * var(--u));
  margin-top: calc(8 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
  font-weight: 700; }

.offer__toggle {
  display: block;
  margin-top: calc(20 * var(--u));
  padding: 0;
  border: 0;
  background: none;
  color: var(--white);
  font: 700 calc(16 * var(--u))/calc(20 * var(--u)) 'UniCredit', Arial, sans-serif;
  cursor: pointer; }

/* Detaliile si exemplul reprezentativ se deschid pe rand (js/campanie.js) */
.offer__toggles {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(20 * var(--u)); }
  .offer__toggles .offer__toggle {
    margin-top: 0;
    text-align: left; }
  .offer__toggles .offer__toggle:first-child {
    min-width: calc(327 * var(--u)); }

.offer__details {
  max-width: calc(742 * var(--u));
  margin-top: calc(20 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u)); }
  .offer__details[hidden] {
    display: none; }
  .card .offer__details > * + * {
    margin-top: calc(20 * var(--u)); }
  .card .offer__details ul {
    padding-left: calc(24 * var(--u)); }
  .offer__details li + li {
    margin-top: calc(20 * var(--u)); }

.offer__more {
  padding: 0;
  border: 0;
  background: none;
  color: var(--white);
  font: 700 calc(16 * var(--u))/calc(20 * var(--u)) 'UniCredit', Arial, sans-serif;
  text-align: left;
  text-decoration: underline;
  cursor: pointer; }

.offer__more--heavy {
  font-weight: 900; }

.offer__btn {
  margin-top: calc(24 * var(--u)); }

.card .offer__stores-title {
  margin-top: calc(22 * var(--u));
  color: var(--red);
  font-size: calc(18 * var(--u));
  line-height: calc(24 * var(--u));
  font-weight: 700;
  text-transform: uppercase; }

.offer__stores {
  display: flex;
  align-items: center;
  gap: calc(20 * var(--u));
  margin-top: calc(6 * var(--u)); }
  .offer__stores img {
    width: auto;
    height: calc(40 * var(--u)); }

/* ---------- Finish ---------- */
.finish {
  position: relative;
  z-index: 1;
  width: calc(1237 * var(--u));
  margin-left: calc(91 * var(--u)); }

.finish__head {
  width: calc(382 * var(--u));
  height: calc(62 * var(--u));
  margin: 0;
  padding: calc(7 * var(--u)) 0 0 calc(92 * var(--u));
  background: url("../images/campanie/finish-title.svg") 0 0 / 100% 100% no-repeat;
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 700; }

.finish__card {
  position: relative;
  height: calc(336 * var(--u));
  margin-top: calc(28 * var(--u));
  background: url("../images/campanie/finish-card.svg") 0 0 / 100% 100% no-repeat; }

.finish__dots {
  position: absolute;
  left: calc(4 * var(--u));
  top: calc(5 * var(--u));
  width: calc(1226 * var(--u));
  height: calc(326 * var(--u));
  border-radius: calc(38 * var(--u));
  background: linear-gradient(to bottom, #ff0505, #000 31.25%);
  -webkit-mask: url("../images/campanie/finish-dots.svg") calc(-26 * var(--u)) calc(-202.372 * var(--u)) / calc(1281 * var(--u)) calc(802.307 * var(--u)) no-repeat;
  mask: url("../images/campanie/finish-dots.svg") calc(-26 * var(--u)) calc(-202.372 * var(--u)) / calc(1281 * var(--u)) calc(802.307 * var(--u)) no-repeat; }

.finish__checker {
  position: absolute;
  left: calc(4.01 * var(--u));
  top: calc(5.04 * var(--u));
  width: calc(1227 * var(--u));
  height: calc(328 * var(--u));
  border-radius: calc(38 * var(--u));
  background: linear-gradient(to bottom, var(--red), #000);
  -webkit-mask: url("../images/campanie/finish-checker-pf.svg") calc(660.812 * var(--u)) calc(-263.596 * var(--u)) / calc(900.205 * var(--u)) calc(857.972 * var(--u)) no-repeat;
  mask: url("../images/campanie/finish-checker-pf.svg") calc(660.812 * var(--u)) calc(-263.596 * var(--u)) / calc(900.205 * var(--u)) calc(857.972 * var(--u)) no-repeat; }

.finish--micro .finish__checker {
  left: calc(5.01 * var(--u));
  top: calc(4.3 * var(--u));
  -webkit-mask: url("../images/campanie/finish-checker-micro.svg") calc(661.147 * var(--u)) calc(-240.365 * var(--u)) / calc(898.882 * var(--u)) calc(710.119 * var(--u)) no-repeat;
  mask: url("../images/campanie/finish-checker-micro.svg") calc(661.147 * var(--u)) calc(-240.365 * var(--u)) / calc(898.882 * var(--u)) calc(710.119 * var(--u)) no-repeat; }

/* Telefonul iese din card (glow-ul rosu), ca in Figma */
.finish__phone {
  position: absolute;
  z-index: 2;
  left: calc(626 * var(--u));
  top: calc(-276.73 * var(--u));
  width: calc(803.253 * var(--u));
  height: calc(730 * var(--u));
  overflow: hidden;
  pointer-events: none; }
  .finish__phone img {
    position: absolute;
    left: calc(4 * var(--u));
    top: calc(-41 * var(--u));
    width: calc(879.031 * var(--u));
    height: calc(930.813 * var(--u));
    max-width: none;
    object-fit: cover; }

.finish--micro .finish__phone {
  left: calc(627 * var(--u));
  top: calc(-279.73 * var(--u)); }
  .finish--micro .finish__phone img {
    top: calc(-33 * var(--u)); }

.finish__prize {
  position: absolute;
  z-index: 3;
  right: calc(285 * var(--u));
  top: calc(204.27 * var(--u));
  margin: 0;
  font-size: calc(26 * var(--u));
  line-height: calc(30 * var(--u));
  font-weight: 500;
  letter-spacing: calc(-1 * var(--u));
  text-align: right;
  white-space: nowrap; }
  .finish__prize span {
    display: block;
    margin-bottom: calc(25 * var(--u));
    font-size: calc(100 * var(--u)); }

.finish--micro .finish__prize {
  right: calc(288 * var(--u));
  top: calc(209.27 * var(--u)); }

.finish__content {
  position: relative;
  z-index: 4;
  padding: calc(36.27 * var(--u)) 0 0 calc(31 * var(--u)); }

.finish--micro .finish__content {
  padding: calc(46 * var(--u)) 0 0 calc(43 * var(--u)); }

.finish__title {
  margin: 0;
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 700; }

.finish__text {
  max-width: calc(645 * var(--u));
  margin: calc(37.27 * var(--u)) 0 0;
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
  font-weight: 700; }

.finish__actions {
  display: flex;
  gap: calc(21 * var(--u));
  margin-top: calc(81 * var(--u)); }

.finish--micro .finish__actions {
  gap: calc(16 * var(--u)); }

.finish--pf .finish__text {
  max-width: calc(735 * var(--u)); }

.finish--pf .finish__text--next {
  margin-top: calc(26 * var(--u)); }

.finish--pf .finish__actions {
  margin-top: calc(29 * var(--u)); }

/* ---------- Intrebari frecvente ---------- */
.faq {
  padding: calc(100 * var(--u)) 0 calc(95 * var(--u));
  background: var(--white);
  color: #212121; }

.faq__title {
  margin: 0;
  color: #000;
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 700;
  text-align: center; }

.faq__list {
  width: calc(1240 * var(--u));
  margin: calc(50 * var(--u)) auto 0; }

.faq__item + .faq__item {
  margin-top: calc(24 * var(--u)); }

.faq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(16 * var(--u));
  width: 100%;
  min-height: calc(56 * var(--u));
  padding: 0 calc(16 * var(--u));
  border: 2px solid #e5e5e5;
  border-radius: calc(5 * var(--u));
  background: #f6f6f6;
  color: #212121;
  font: 500 calc(22 * var(--u))/calc(24 * var(--u)) 'UniCredit', Arial, sans-serif;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer; }
  .faq__q img {
    flex: none;
    width: calc(14 * var(--u));
    height: calc(8 * var(--u));
    transform: rotate(180deg);
    transition: transform .2s; }
  .faq__q[aria-expanded="true"] img {
    transform: none; }

.faq__a {
  padding: calc(24 * var(--u)) calc(2 * var(--u)) calc(8 * var(--u));
  color: #666;
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
  font-weight: 500;
  letter-spacing: calc(-1 * var(--u)); }
  .faq__a p, .faq__a ul {
    margin: 0; }
  .faq__a ul {
    padding-left: calc(33 * var(--u)); }

/* ---------- Leasing ---------- */
.panel--leasing {
  padding-bottom: calc(100 * var(--u)); }

.section-title--leasing {
  margin-top: calc(102 * var(--u)); }

.leasing-badges {
  display: flex;
  justify-content: center;
  gap: calc(32 * var(--u));
  margin-top: calc(56 * var(--u)); }

.leasing-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(497 * var(--u));
  height: calc(88.8 * var(--u));
  margin: 0;
  border: 0.8px solid var(--red);
  border-radius: calc(17 * var(--u));
  background: rgba(113, 113, 113, 0.36);
  -webkit-backdrop-filter: blur(11.25px);
  backdrop-filter: blur(11.25px);
  font-size: calc(38 * var(--u));
  line-height: calc(40 * var(--u));
  font-weight: 700;
  text-align: center; }

.leasing-cta {
  margin-top: calc(48.2 * var(--u));
  text-align: center; }
  .leasing-cta .btn {
    width: calc(288 * var(--u));
    padding: 0; }

.leasing-cta--ready {
  margin-top: calc(50 * var(--u)); }

.leasing-text {
  width: calc(1283 * var(--u));
  margin: 0 auto;
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
  text-align: center; }
  .leasing-text p {
    margin: 0; }

.leasing-text--deadline {
  margin-top: calc(52 * var(--u)); }

.leasing-text--why,
.leasing-text--ready {
  margin-top: calc(53 * var(--u)); }

.leasing-text--scope {
  margin-top: calc(44 * var(--u)); }

.section-title--why {
  margin-top: calc(115 * var(--u)); }

.section-title--qualify {
  margin-top: calc(100 * var(--u)); }

.section-title--ready {
  margin-top: calc(103 * var(--u)); }

.section-title--terms {
  margin-top: calc(102 * var(--u)); }

.qualify {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(9 * var(--u)) calc(7.3 * var(--u));
  width: calc(1246 * var(--u));
  margin: calc(53 * var(--u)) auto 0;
  padding: 0;
  list-style: none; }
  .qualify li {
    display: flex;
    flex-direction: column;
    gap: calc(10 * var(--u));
    align-items: center;
    justify-content: center;
    width: calc(410.47 * var(--u));
    min-height: calc(212 * var(--u));
    border: 0.8px solid var(--red);
    border-radius: calc(17 * var(--u));
    background: rgba(113, 113, 113, 0.36);
    -webkit-backdrop-filter: blur(11.25px);
    backdrop-filter: blur(11.25px);
    font-size: calc(22 * var(--u));
    line-height: calc(26 * var(--u));
    text-align: center; }
  .qualify__icon {
    flex: none;
    width: auto;
    height: calc(40 * var(--u)); }
  /* latimile textelor din Figma */
  .qualify li:nth-child(1) {
    padding: 0 calc(39.2 * var(--u)); }
  .qualify li:nth-child(2) {
    padding: 0 calc(66.2 * var(--u)); }
  .qualify li:nth-child(3) {
    padding: 0 calc(66.7 * var(--u)); }
  .qualify li:nth-child(4) {
    padding: 0 calc(71.2 * var(--u)); }
  .qualify li:nth-child(5) {
    padding: 0 calc(76.7 * var(--u)); }

.terms {
  width: calc(1240 * var(--u));
  margin: calc(54 * var(--u)) auto 0;
  padding: 0;
  list-style: none; }
  .terms li {
    position: relative;
    display: flex;
    align-items: center;
    min-height: calc(109 * var(--u));
    padding: calc(28 * var(--u)) calc(51 * var(--u)) calc(28 * var(--u)) calc(50 * var(--u));
    border: 1px solid var(--red);
    border-radius: calc(5 * var(--u));
    background: #333534;
    font-size: calc(22 * var(--u));
    line-height: calc(26 * var(--u)); }
    .terms li::before {
      content: "";
      position: absolute;
      left: calc(26 * var(--u));
      top: 50%;
      width: calc(10 * var(--u));
      height: calc(10 * var(--u));
      background: #d9d9d9;
      transform: translateY(-50%) rotate(45deg); }
  .terms li + li {
    margin-top: calc(19 * var(--u)); }

/* ---------- Mobil (nu exista in Figma - propunere) ---------- */
@media (max-width: 767px) {
  .hero--campaign[data-tab="leasing-pentru-companii"] {
    height: auto;
    padding: 0;
    aspect-ratio: 1440 / 800;
    background-size: 100% auto;
    background-position: center top; }
    .hero--campaign[data-tab="leasing-pentru-companii"]::after {
      height: 14px; }

  .hero--campaign .hero__date {
    margin-top: calc(24 * var(--u)); }

  .tabs {
    flex-direction: column;
    margin: 0 16px;
    padding-top: 16px; }

  .tabs__btn {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    font-size: 15px;
    line-height: 20px; }
    .tabs__btn + .tabs__btn {
      border-top: 0; }
    .tabs__btn:first-child {
      border-radius: 4px 4px 0 0; }
    .tabs__btn:last-child {
      border-radius: 0 0 4px 4px; }

  .btn {
    height: auto;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
    text-align: center; }

  .btn--rules {
    width: 100%;
    height: auto;
    padding: 8px 16px; }
    .btn--rules small {
      margin: 0;
      font-size: 13px;
      line-height: 18px; }

  .intro,
  .intro--micro,
  .draw-details,
  .leasing-text {
    width: auto;
    margin-left: 16px;
    margin-right: 16px; }

  .intro {
    margin-top: 32px;
    font-size: 15px;
    line-height: 21px; }

  .section-title {
    padding: 0 16px;
    font-size: 22px;
    line-height: 26px; }

  .section-title--offers {
    margin-top: 32px; }

  .race-nav,
  .race-nav--pf,
  .race-nav--micro {
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 16px 0; }

  .race-nav__btn,
  .race-nav--micro .race-nav__btn {
    width: calc(50% - 4px);
    height: auto;
    min-height: 56px;
    padding: 8px;
    border-radius: 12px;
    font-size: 16px;
    line-height: 20px; }
    .race-nav__btn:last-child {
      width: 100%; }

  .draw-note {
    margin: 28px 16px 0;
    font-size: 17px;
    line-height: 23px; }

  .draw-details {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px; }

  .tagline {
    height: auto;
    margin-top: 32px; }

  .tagline__chevrons {
    display: none; }

  .tagline__text {
    position: static;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 16px;
    font-size: 20px;
    line-height: 26px;
    white-space: normal; }

  .diamond {
    width: 6px;
    height: 6px; }

  .races {
    margin-top: 16px;
    padding-top: 40px; }

  .races--micro {
    margin-top: 32px;
    padding-bottom: 48px; }

  .races__bg,
  .races--micro .races__bg {
    left: -60%;
    width: 220%;
    height: 100%; }
    .races__bg img {
      top: 0;
      height: 100%;
      object-fit: cover; }

  .races-lower {
    margin-top: 40px;
    padding-bottom: 48px; }

  .races-lower__bg {
    left: -60%;
    width: 220%; }
    .races-lower__bg img {
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }

  .race,
  .race--right,
  .races--micro .race,
  .races--micro .race--right {
    width: auto;
    margin: 0 16px; }

  .race + .race,
  .race + .finish,
  .races-lower .race + .finish {
    margin-top: 40px; }

  .race--right .race__head {
    margin-left: 0; }

  .race__head {
    width: 170px;
    height: 44px; }

  .race__num,
  .race__title {
    top: 7px;
    font-size: 24px;
    line-height: 30px; }

  .race__num {
    left: 18px;
    letter-spacing: -1px; }

  .race__title {
    left: 52px; }

  .card {
    margin-top: 20px;
    padding: 28px 20px;
    border-radius: 24px; }
    .card::before {
      inset: 4px;
      border-radius: 21px; }

  .card__title,
  .card .offer__title {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0; }

  .card__title--narrow,
  .card__title--wrap {
    max-width: none; }

  .card__subtitle {
    margin-top: 6px;
    font-size: 17px;
    line-height: 22px; }

  .card__text,
  .card .card__text--narrow,
  .card .card__text--tight,
  .card .card__text--paragraphs,
  .card .card__text--after-title {
    max-width: none;
    margin-top: 14px;
    font-size: 14px;
    line-height: 20px; }

  .card__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 24px; }
  .card__actions--signup {
    padding: 0; }
    .card__actions--signup .btn:not(.btn--compact) {
      margin: 0; }

  .card .card__rules {
    margin-top: 14px;
    font-size: 13px;
    line-height: 18px; }
    .card .card__rules + .card__actions {
      margin-top: 14px; }
    .card .card__rules + .card__actions + .card__note {
      margin-top: 8px; }

  .card .card__rules--payments {
    margin-top: 16px; }

  .feature .feature__rules {
    margin-top: 10px; }

  .qualify-cta {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px; }

  .qualify-cta__app p {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center; }
  .qualify-cta__app .offer__stores {
    justify-content: center;
    gap: 10px;
    margin: 8px 0 0; }
  .qualify-cta__app .qualify-cta__hint {
    width: auto;
    margin: 8px 0 0; }

  .qualify-cta__btn {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 12px; }
    .qualify-cta__btn small {
      margin-top: 2px;
      font-size: 11px;
      line-height: 15px; }

  .card__subtitle--narrow {
    max-width: none; }

  .card .card__title--second {
    margin-top: 16px; }

  .card .card__text--after-title p + p,
  .card .card__text--paragraphs p + p {
    margin-top: 12px; }
  .card .card__text--paragraphs .card__rules {
    margin-top: 12px; }
  .card .card__text--paragraphs + .card__actions {
    margin-top: 16px; }

  .card .card__note {
    margin-top: 12px;
    font-size: 12px;
    line-height: 17px; }

  .client-toggle {
    position: static;
    margin-bottom: 20px; }

  .client-toggle__btn,
  .client-toggle__btn + .client-toggle__btn {
    flex: 1;
    width: auto;
    height: 40px;
    font-size: 15px;
    line-height: 20px; }

  .features,
  .features--qualify,
  .card__text--narrow + .features--qualify,
  .features--existing,
  .features--payments {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px; }
    .features .feature > div,
    .features .feature:first-child > div,
    .features .feature:last-child > div {
      max-width: none; }

  .feature,
  .feature--small,
  .features--payments .feature {
    gap: 14px; }
    .feature h5,
    .feature--small h5 {
      font-size: 16px;
      line-height: 21px; }
    .feature p {
      font-size: 14px;
      line-height: 20px; }
    .feature h5 + p,
    .feature--small h5 + p,
    .feature--wide h5 + p,
    .features--payments h5 + p {
      margin-top: 6px; }

  .feature__icon,
  .feature--small .feature__icon {
    width: 36px;
    height: 36px; }

  .feature__amount {
    font-size: 17px;
    line-height: 22px; }

  .features--payments h5 {
    margin-top: 0; }

  .feature--wide,
  .feature--cashback {
    margin: 20px 0 0; }
    .feature--wide h5,
    .feature--wide p,
    .feature--cashback p {
      max-width: none; }
    .feature--cashback + .card__actions {
      margin-top: 24px; }

  .card--offers {
    padding-top: 20px;
    padding-bottom: 28px; }

  .offer + .offer {
    margin-top: 40px; }

  .card .offer__label {
    margin: 0 0 8px -4px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 22px; }

  .offer__details {
    margin-top: 14px;
    font-size: 14px;
    line-height: 20px; }
    .card .offer__details > * + *,
    .offer__details li + li {
      margin-top: 14px; }
    .card .offer__details ul {
      padding-left: 20px; }

  .offer__more {
    font-size: 14px;
    line-height: 20px; }

  .card .offer__period {
    margin: 0 0 6px;
    font-size: 13px;
    line-height: 18px; }

  .card .offer__lead {
    font-size: 15px;
    line-height: 21px; }

  .offer__toggle {
    margin-top: 14px;
    font-size: 14px;
    line-height: 20px; }

  .offer__toggles {
    gap: 8px 20px;
    margin-top: 14px; }
    .offer__toggles .offer__toggle:first-child {
      min-width: 0; }

  .offer-bonus {
    margin-bottom: 28px; }

  .card .offer-bonus__title {
    font-size: 24px;
    line-height: 30px; }

  .card .offer-bonus__text {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px; }

  .offer__btn {
    margin-top: 16px; }

  .card .offer__stores-title {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px; }

  .offer__stores {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px; }
    .offer__stores img {
      height: 36px; }

  .finish,
  .races--micro .finish {
    width: auto;
    margin: 40px 16px 0; }

  .finish__head {
    width: 170px;
    height: 44px;
    padding: 7px 0 0 52px;
    font-size: 24px;
    line-height: 30px; }

  .finish__card {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-top: 20px;
    padding-bottom: 20px;
    border: 0.8px solid var(--red);
    border-radius: 24px;
    background: rgba(113, 113, 113, 0.36); }

  .finish__dots,
  .finish__checker {
    display: none; }

  .finish__content,
  .finish--micro .finish__content {
    order: 1;
    padding: 28px 20px 0; }

  .finish__title {
    font-size: 24px;
    line-height: 28px; }

  .finish__text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px; }

  .finish__actions,
  .finish--pf .finish__actions,
  .finish--micro .finish__actions {
    flex-direction: column;
    gap: 10px;
    margin-top: 20px; }

  .finish__phone,
  .finish--micro .finish__phone {
    order: 2;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    margin-top: 8px; }
    .finish__phone img,
    .finish--micro .finish__phone img {
      position: static;
      width: 100%;
      height: auto; }

  .finish__prize,
  .finish--micro .finish__prize {
    order: 3;
    position: static;
    margin-top: -24px;
    padding: 0 20px;
    font-size: 18px;
    line-height: 22px;
    text-align: center; }
    .finish__prize span {
      font-size: 56px;
      line-height: 56px; }

  .faq {
    padding: 40px 0 48px; }

  .faq__title {
    font-size: 24px;
    line-height: 30px; }

  .faq__list {
    width: auto;
    margin: 24px 16px 0; }

  .faq__item + .faq__item {
    margin-top: 10px; }

  .faq__q {
    min-height: 52px;
    padding: 12px 14px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 19px; }
    .faq__q img {
      width: 14px;
      height: 8px; }

  .faq__a {
    padding: 14px 2px 6px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0; }
    .faq__a ul {
      padding-left: 20px; }

  .panel--leasing {
    padding-bottom: 48px; }

  .section-title--leasing {
    margin-top: 32px; }

  .leasing-badges {
    flex-direction: column;
    gap: 12px;
    margin: 20px 16px 0; }

  .leasing-badge {
    width: auto;
    height: auto;
    min-height: 64px;
    padding: 10px 16px;
    border-radius: 14px;
    font-size: 24px;
    line-height: 28px; }

  .leasing-cta {
    margin-top: 20px; }
    .leasing-cta .btn {
      width: auto;
      min-width: 220px;
      padding: 10px 24px; }

  .leasing-text {
    font-size: 15px;
    line-height: 21px; }

  .leasing-text--deadline,
  .leasing-text--why,
  .leasing-text--ready,
  .leasing-text--scope {
    margin-top: 16px; }

  .section-title--why,
  .section-title--qualify,
  .section-title--ready,
  .section-title--terms {
    margin-top: 40px; }

  .qualify {
    flex-direction: column;
    gap: 10px;
    width: auto;
    margin: 20px 16px 0; }
    .qualify__icon {
      height: 32px; }
    .qualify li,
    .qualify li:nth-child(n) {
      gap: 8px;
      width: auto;
      min-height: 0;
      padding: 18px 20px;
      border-radius: 14px;
      font-size: 15px;
      line-height: 21px; }

  .terms {
    width: auto;
    margin: 20px 16px 0; }
    .terms li {
      min-height: 0;
      padding: 14px 14px 14px 36px;
      font-size: 14px;
      line-height: 20px; }
      .terms li::before {
        left: 14px;
        width: 8px;
        height: 8px; }
    .terms li + li {
      margin-top: 10px; } }

/* ---------- Pop-up oferte (Cursa finantarii) ---------- */
html.has-popup {
  overflow: hidden; }

.popup {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: calc(30 * var(--u)) 0;
  background: rgba(15, 17, 16, 0.55); }
  .popup[hidden] {
    display: none; }
  .popup :where(h2, h3, h4, ul) {
    margin: 0; }
  .popup a:not(.btn) {
    color: inherit; }
  .popup sup {
    font-size: .6em;
    line-height: 0; }

/* In iframe (inaltimea iframe-ului = inaltimea paginii) un overlay fix ar acoperi tot documentul,
   iar dialogul ar aparea sus. Asa ca JS-ul il pune langa butonul apasat si lasa pagina parinte sa faca scroll. */
.popup--framed {
  position: absolute;
  bottom: auto;
  padding: 0; }
  .popup--framed .popup__dialog {
    max-height: none; }
  .popup--framed .popup__body {
    overflow: visible; }

.popup__dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(1365 * var(--u));
  max-height: 100%;
  border-radius: calc(38 * var(--u));
  background: rgba(65, 65, 65, 0.87);
  -webkit-backdrop-filter: blur(11.25px);
  backdrop-filter: blur(11.25px);
  overflow: hidden;
  outline: none; }

/* Scroll-ul e in interiorul dialogului: X-ul si colturile rotunjite raman pe loc */
.popup__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: calc(75 * var(--u)) calc(66 * var(--u)) calc(70 * var(--u));
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.35) transparent; }

.popup__close {
  position: absolute;
  top: calc(31 * var(--u));
  right: calc(21 * var(--u));
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50 * var(--u));
  height: calc(50 * var(--u));
  /* "x" e litera mica si sta sub mijlocul liniei; padding-ul de jos il ridica in centrul butonului */
  padding: 0 0 0.19em;
  border: 1px solid var(--red);
  border-radius: calc(5 * var(--u));
  background: #333534;
  color: var(--red);
  font: 400 calc(38 * var(--u))/1 'UniCredit', Arial, sans-serif;
  cursor: pointer; }
  .popup__close:hover {
    background: #262626; }

.popup__title {
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 400;
  text-align: center; }
  .popup__title strong,
  .popup__title--bold {
    font-weight: 700; }

.popup__lead {
  margin-top: calc(37 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(26 * var(--u));
  font-weight: 700;
  text-align: center; }

.popup__lead--regular {
  font-weight: 400; }

.popup__lead--card {
  margin-top: calc(31 * var(--u)); }

.popup__lead--partners {
  margin-top: calc(81 * var(--u)); }

.popup__lead--auto {
  margin-top: calc(47 * var(--u)); }

.popup__lead--auto-how {
  margin-top: calc(26 * var(--u)); }

/* Banda rosie cu titlu (Oferta noastra / Beneficii) */
.popup__bar {
  height: calc(62 * var(--u));
  margin-top: calc(44 * var(--u));
  padding-left: calc(40 * var(--u));
  background: url(../images/campanie/popup/bar-red.svg) 0 0 / 100% 100% no-repeat;
  font-size: calc(22 * var(--u));
  line-height: calc(62 * var(--u));
  font-weight: 700; }
  .popup__bar span {
    font-weight: 400; }

.popup__bar--card,
.popup__bar--card-benefits {
  margin-top: calc(48 * var(--u)); }

.popup__heading {
  margin-top: calc(22 * var(--u));
  font-size: calc(22 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 700;
  text-align: center; }

.popup__heading--how {
  margin-top: calc(51 * var(--u)); }

.popup__heading--card-how {
  margin-top: calc(53 * var(--u)); }

.popup__heading--products {
  margin-top: calc(12 * var(--u)); }

.popup__heading--why {
  margin-top: calc(47 * var(--u)); }

.popup__heading--auto {
  margin-top: calc(38 * var(--u)); }

.popup__text {
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u));
  font-weight: 500;
  text-align: center; }

.popup__text--regular {
  font-weight: 400; }

.popup__gap {
  margin-top: calc(20 * var(--u)); }

.popup__actions {
  margin-top: calc(50 * var(--u));
  text-align: center; }

/* Card: fara link, doar titlu deasupra magazinelor de aplicatii */
.popup__actions--card {
  margin-top: calc(27 * var(--u));
  font-size: calc(20 * var(--u));
  line-height: calc(24 * var(--u));
  font-weight: 700;
  text-transform: uppercase; }

/* Credit: suma / perioada / dobanda */
.popup__stats {
  display: grid;
  grid-template-columns: calc(365 * var(--u)) calc(371 * var(--u)) 1fr;
  margin-top: calc(38 * var(--u)); }

.popup__stat {
  display: flex;
  align-items: flex-start; }
  .popup__stat p {
    margin-top: calc(8 * var(--u));
    font-size: calc(22 * var(--u));
    line-height: calc(26 * var(--u)); }

.popup__stat-icon {
  flex: none; }
  .popup__stat-icon img {
    width: 100%;
    height: auto; }

.popup__stat:nth-child(1) .popup__stat-icon {
  width: calc(66 * var(--u));
  margin-right: calc(33 * var(--u)); }

.popup__stat:nth-child(2) .popup__stat-icon {
  width: calc(59.76 * var(--u));
  margin: calc(12 * var(--u)) calc(33.1 * var(--u)) 0 calc(3.1 * var(--u)); }

.popup__stat:nth-child(3) .popup__stat-icon {
  width: calc(63.44 * var(--u));
  margin: calc(18.75 * var(--u)) calc(24.2 * var(--u)) 0 calc(4.38 * var(--u)); }

.popup__stat-big {
  font-size: calc(38 * var(--u));
  line-height: calc(44 * var(--u));
  font-weight: 700; }

/* in Figma textul iese putin din coloana de continut */
.popup__stat .popup__stat-rate {
  margin: calc(16 * var(--u)) calc(-47 * var(--u)) 0 0;
  white-space: nowrap; }
  .popup__stat-rate strong {
    display: block;
    line-height: calc(44 * var(--u)); }
  .popup__stat-rate .popup__stat-big {
    line-height: calc(36 * var(--u)); }
  .popup__stat-rate strong:last-child {
    line-height: calc(30 * var(--u)); }

/* Tabele (credit + auto) */
.popup__table-wrap {
  margin-top: calc(41 * var(--u));
  padding: 0 calc(18 * var(--u));
  border: 1px solid var(--white);
  overflow-x: auto; }

.popup__table {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u));
  text-align: center; }
  .popup__table th,
  .popup__table td {
    padding: 0 calc(8 * var(--u));
    border-color: var(--white);
    border-style: solid;
    border-width: 0;
    vertical-align: middle; }
  .popup__table tbody tr {
    border-top: 1px solid var(--white); }

.popup__table--credit col.c1 {
  width: calc(213 * var(--u)); }

.popup__table--credit col.c2 {
  width: calc(228 * var(--u)); }

.popup__table--credit col.c3 {
  width: calc(374 * var(--u)); }

.popup__table--credit thead th {
  height: calc(62 * var(--u));
  font-weight: 500; }
  .popup__table--credit thead th:first-child {
    padding-left: calc(27 * var(--u));
    font-weight: 700;
    text-align: left; }
  .popup__table--credit thead th + th {
    border-left-width: 1px; }

.popup__table--credit tbody th,
.popup__table--credit tbody td {
  height: calc(43 * var(--u)); }

.popup__table--credit tbody tr:last-child td {
  height: calc(48 * var(--u)); }

.popup__table--credit tbody th {
  padding-left: calc(27 * var(--u));
  font-weight: 700;
  text-align: left; }

.popup__table--credit tbody td {
  border-left-width: 1px;
  font-weight: 700; }
  .popup__table--credit tbody td:first-of-type {
    padding-left: calc(37 * var(--u));
    font-weight: 500;
    text-align: left; }

.popup__table-wrap--auto {
  margin-top: calc(54 * var(--u));
  padding-right: calc(24 * var(--u)); }

.popup__table--auto {
  line-height: calc(30 * var(--u));
  font-weight: 400; }
  .popup__table--auto col.c1 {
    width: calc(307 * var(--u)); }
  .popup__table--auto col.c2 {
    width: calc(212 * var(--u)); }
  .popup__table--auto col.c3 {
    width: calc(230 * var(--u)); }
  .popup__table--auto col.c4 {
    width: calc(192 * var(--u)); }
  .popup__table--auto th,
  .popup__table--auto td {
    height: calc(31 * var(--u));
    font-weight: 400; }
    .popup__table--auto th:not(:first-child),
    .popup__table--auto td {
      border-left-width: 1px; }
  .popup__table--auto thead th {
    height: calc(47 * var(--u));
    vertical-align: bottom; }
  .popup__table--auto th:first-child {
    padding-left: calc(19 * var(--u));
    font-weight: 700;
    text-align: left; }
  .popup__table--auto thead th:nth-child(3),
  .popup__table--auto tbody td:nth-of-type(2) {
    font-weight: 700; }

/* Credit: inscriere online SAU sucursala */
.popup__either {
  display: grid;
  grid-template-columns: 1fr calc(47 * var(--u)) 1fr;
  margin-top: calc(40 * var(--u)); }

.popup__box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(109 * var(--u));
  padding: 0 calc(55 * var(--u));
  border: 1px solid var(--red);
  border-radius: calc(5 * var(--u));
  background: #333534;
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u));
  font-weight: 500;
  text-align: center; }

.popup__either-or {
  align-self: center;
  font-size: calc(16 * var(--u));
  font-weight: 500;
  text-align: center; }

.popup__deadline {
  margin-top: calc(37 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u));
  font-weight: 700;
  text-align: center; }

.popup__notes {
  margin-top: calc(54 * var(--u)); }

/* Texte legale si exemple de calcul */
.popup__legal {
  margin-top: calc(17 * var(--u));
  font-size: calc(16 * var(--u));
  line-height: calc(20 * var(--u));
  font-weight: 400; }
  .popup__legal h4 {
    margin-bottom: calc(20 * var(--u));
    font-size: calc(20 * var(--u));
    line-height: calc(20 * var(--u));
    font-weight: 700; }
  .popup__legal p + p,
  .popup__legal p + h4,
  .popup__legal p + ul,
  .popup__legal ul + p,
  .popup__legal ul + ul {
    margin-top: calc(20 * var(--u)); }
  .popup__legal .popup__list li + li {
    margin-top: calc(20 * var(--u)); }

/* Exemplele de calcul de la finalul pop-up-urilor stau inchise sub "Vezi exemplele de calcul" */
.popup__examples-toggle {
  display: inline-flex;
  align-items: center;
  gap: calc(12 * var(--u));
  padding: 0;
  border: 0;
  background: none;
  color: var(--white);
  font: 700 calc(20 * var(--u))/calc(24 * var(--u)) 'UniCredit', Arial, sans-serif;
  text-align: left;
  cursor: pointer; }
  .popup__examples-toggle img {
    flex: none;
    width: calc(14 * var(--u));
    height: calc(8 * var(--u));
    filter: brightness(0) invert(1);
    transform: rotate(180deg);
    transition: transform .2s; }
  .popup__examples-toggle[aria-expanded="true"] img {
    transform: none; }

.popup__examples {
  margin-top: calc(24 * var(--u)); }

.popup__legal--credit,
.popup__legal--card,
.popup__legal--partners,
.popup__legal--auto {
  margin-top: calc(50 * var(--u)); }

.popup__legal--credit {
  padding-left: calc(20 * var(--u)); }

.popup__legal--card {
  padding-left: calc(8 * var(--u)); }

.popup__legal--why {
  margin-top: calc(37 * var(--u)); }

.popup__legal-run strong {
  font-size: calc(20 * var(--u)); }

.popup__note {
  font-style: italic; }

.popup__note--small {
  font-size: calc(14 * var(--u)); }

.popup__list {
  padding-left: calc(24 * var(--u));
  list-style: disc; }

/* Liste centrate, cu bulina inline */
.popup__dots {
  padding: 0;
  list-style: none; }
  .popup__dots li::before {
    content: '•';
    margin-right: calc(9 * var(--u)); }

.popup__dots--intro {
  margin-top: calc(38 * var(--u)); }

/* Card de credit */
.popup__zero {
  margin-top: calc(56 * var(--u)); }
  .popup__zero p:first-child {
    font-size: calc(22 * var(--u)); }

.popup__card-how {
  margin-top: calc(43 * var(--u)); }

.popup__cards {
  display: flex;
  align-items: flex-start;
  margin-top: calc(50 * var(--u));
  padding-left: calc(8 * var(--u)); }

.popup__card-img {
  position: relative;
  flex: none;
  height: calc(176.4 * var(--u));
  overflow: hidden;
  box-shadow: 0 calc(4 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, 0.25); }
  .popup__card-img img {
    position: absolute;
    max-width: none; }

.popup__card-img--principal {
  width: calc(283 * var(--u));
  border-radius: calc(7 * var(--u)); }
  .popup__card-img--principal img {
    top: -5.88%;
    left: -3.58%;
    width: 107.16%;
    height: 111.03%; }

.popup__card-img--premium {
  width: calc(284.5 * var(--u));
  margin-left: calc(20 * var(--u));
  border-radius: calc(10 * var(--u)); }
  .popup__card-img--premium img {
    top: -3.17%;
    left: -2.88%;
    width: 106.08%;
    height: 106.34%; }

.popup__card-benefits {
  flex: 1;
  margin: calc(2 * var(--u)) 0 0 calc(18.5 * var(--u));
  text-align: left; }

.popup__stores {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(17 * var(--u));
  margin-top: calc(14 * var(--u)); }
  .popup__stores img {
    width: auto;
    height: calc(48 * var(--u)); }

/* Credite prin parteneri */
.popup__partners-intro {
  margin-top: calc(19 * var(--u));
  font-weight: 400; }
  .popup__partners-intro p + p {
    margin-top: calc(20 * var(--u)); }

.popup__products {
  display: flex;
  justify-content: center;
  gap: calc(7 * var(--u));
  margin-top: calc(20 * var(--u));
  padding: 0;
  list-style: none; }
  .popup__products li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(260 * var(--u));
    height: calc(189 * var(--u));
    padding: calc(35 * var(--u)) calc(21 * var(--u)) 0;
    border: 1px solid var(--red);
    border-radius: calc(5 * var(--u));
    background: #333534;
    font-size: calc(16 * var(--u));
    line-height: calc(20 * var(--u));
    font-weight: 500;
    text-align: center; }
  .popup__products img {
    width: calc(32 * var(--u));
    height: calc(32 * var(--u)); }
  .popup__products span {
    margin-top: calc(27 * var(--u)); }
  .popup__products small {
    display: block;
    font-size: calc(14 * var(--u)); }

.popup__products .popup__products-cards {
  padding-top: calc(29 * var(--u)); }
  .popup__products .popup__products-cards span {
    margin-top: calc(7 * var(--u)); }

.popup__products-note {
  margin-top: calc(33 * var(--u));
  font-weight: 400; }

/* Credite auto */
.popup__auto-intro {
  margin-top: calc(25 * var(--u)); }

.popup__auto-limit {
  margin-top: calc(47 * var(--u)); }

.popup__features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(20 * var(--u)) calc(9 * var(--u));
  margin-top: calc(12 * var(--u));
  padding: 0;
  list-style: none; }
  .popup__features li {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .popup__features img {
    width: auto;
    height: calc(32 * var(--u)); }
  .popup__features p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(125 * var(--u));
    margin-top: calc(26 * var(--u));
    padding: 0 calc(16 * var(--u));
    border: 1px solid var(--red);
    border-radius: calc(5 * var(--u));
    background: #333534;
    font-size: calc(16 * var(--u));
    line-height: calc(20 * var(--u));
    text-align: center; }

@media (max-width: 767px) {
  .popup {
    padding: 12px; }

  .popup__dialog {
    width: 100%;
    border-radius: 20px; }

  .popup__body {
    padding: 64px 16px 28px; }

  .popup__close {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    font-size: 28px; }

  .popup__title {
    font-size: 22px;
    line-height: 28px; }

  .popup__lead,
  .popup__heading {
    font-size: 17px;
    line-height: 22px; }

  .popup__lead,
  .popup__lead--card,
  .popup__lead--partners,
  .popup__lead--auto,
  .popup__lead--auto-how,
  .popup__dots--intro,
  .popup__partners-intro,
  .popup__auto-intro {
    margin-top: 16px; }

  .popup__heading,
  .popup__heading--how,
  .popup__heading--card-how,
  .popup__heading--products,
  .popup__heading--why,
  .popup__heading--auto,
  .popup__bar,
  .popup__bar--card,
  .popup__bar--card-benefits,
  .popup__stats,
  .popup__zero,
  .popup__card-how,
  .popup__cards,
  .popup__notes,
  .popup__legal,
  .popup__legal--card,
  .popup__legal--why,
  .popup__legal--partners,
  .popup__legal--auto,
  .popup__products-note,
  .popup__auto-limit {
    margin-top: 28px; }

  .popup__heading + *,
  .popup__products,
  .popup__features,
  .popup__either,
  .popup__table-wrap,
  .popup__table-wrap--auto {
    margin-top: 12px; }

  .popup__actions,
  .popup__actions--card,
  .popup__stores {
    margin-top: 24px; }

  .popup__actions--card {
    font-size: 16px;
    line-height: 20px; }

  .popup__stores {
    margin-top: 10px; }

  .popup__bar {
    height: auto;
    padding: 11px 14px 11px 22px;
    font-size: 16px;
    line-height: 22px; }

  .popup__text,
  .popup__box,
  .popup__either-or {
    font-size: 14px;
    line-height: 20px; }

  .popup__gap,
  .popup__partners-intro p + p {
    margin-top: 14px; }

  .popup__stats {
    grid-template-columns: 1fr;
    gap: 20px; }

  .popup__stat p,
  .popup__stat .popup__stat-rate {
    margin: 0;
    white-space: normal;
    font-size: 16px;
    line-height: 22px; }

  .popup__stat .popup__stat-icon {
    width: 44px;
    margin: 0 16px 0 0; }

  .popup__stat-big,
  .popup__stat-rate strong,
  .popup__stat-rate .popup__stat-big,
  .popup__stat-rate strong:last-child {
    line-height: 26px; }

  .popup__stat-big {
    font-size: 24px; }

  .popup__table-wrap {
    padding: 0 8px; }

  .popup__table {
    font-size: 13px;
    line-height: 18px; }
    .popup__table col[class] {
      width: auto; }
    .popup__table th,
    .popup__table td,
    .popup__table thead th,
    .popup__table tbody tr:last-child td {
      height: auto;
      padding: 8px 6px; }
    .popup__table thead th:first-child,
    .popup__table tbody th {
      padding-left: 6px; }

  .popup__table--credit {
    min-width: 520px; }
    .popup__table--credit tbody td:first-of-type {
      padding-left: 8px; }

  .popup__table--auto {
    min-width: 600px; }

  .popup__either {
    grid-template-columns: 1fr;
    gap: 8px; }

  .popup__box {
    min-height: 0;
    padding: 14px 16px; }

  .popup__deadline {
    margin-top: 14px;
    font-size: 14px;
    line-height: 20px; }

  .popup__examples-toggle {
    gap: 10px;
    font-size: 16px;
    line-height: 20px; }
    .popup__examples-toggle img {
      width: 12px;
      height: 7px; }

  .popup__examples {
    margin-top: 14px; }

  .popup__legal,
  .popup__legal--credit,
  .popup__legal--card {
    padding-left: 0;
    font-size: 13px;
    line-height: 18px; }
    .popup__legal h4 {
      margin-bottom: 10px;
      font-size: 15px;
      line-height: 20px; }
    .popup__legal p + p,
    .popup__legal p + h4,
    .popup__legal p + ul,
    .popup__legal ul + p,
    .popup__legal ul + ul,
    .popup__legal .popup__list li + li {
      margin-top: 12px; }

  .popup__legal-run strong {
    font-size: 15px; }

  .popup__note--small {
    font-size: 12px; }

  .popup__list {
    padding-left: 18px; }

  .popup__dots li::before {
    margin-right: 6px; }

  .popup__zero p:first-child {
    font-size: 17px;
    line-height: 22px; }

  .popup__cards {
    flex-wrap: wrap;
    gap: 12px;
    padding-left: 0; }

  .popup__card-img--principal,
  .popup__card-img--premium {
    width: calc(50% - 6px);
    height: auto;
    margin-left: 0;
    aspect-ratio: 283 / 176.4; }

  .popup__card-benefits {
    flex-basis: 100%;
    margin: 4px 0 0; }

  .popup__stores {
    flex-wrap: wrap;
    gap: 10px; }
    .popup__stores img {
      height: 42px; }

  .popup__products {
    flex-direction: column;
    gap: 8px; }
    .popup__products li,
    .popup__products .popup__products-cards {
      width: auto;
      height: auto;
      padding: 16px; }
    .popup__products img {
      width: 32px;
      height: 32px; }
    .popup__products span,
    .popup__products .popup__products-cards span {
      margin-top: 10px; }
    .popup__products li {
      font-size: 14px;
      line-height: 20px; }
    .popup__products small {
      font-size: 13px; }

  .popup__features {
    grid-template-columns: 1fr;
    gap: 16px; }
    .popup__features img {
      height: 32px; }
    .popup__features p {
      min-height: 0;
      margin-top: 10px;
      padding: 14px 16px;
      font-size: 14px;
      line-height: 20px; } }