/* [cc 19.10] sx-achizitii.css · secțiunea #achizitii (Achiziții și stocuri) pe Bani și rapoarte.
   Grefă din bucata „contabilitate” (cbc) a sesiunii website-structure, lista de jos: „Lunile, una lângă alta” (Centralizator Achiziții)
   și „Stocul, cu hârtiile lui” (Bon Consum + „Sub Cantitate Minimă”). Desenul de mână de azi e înlocuit de fragmentele de program ale lui cbc:
   textul programului pus direct pe pagină (titlu cu linie dedesubt, tabel cu linii fine, cifre albastre), hârtia tipărită ca hârtie.
   Calea, de la stânga la dreapta: factura furnizorului → Magazia Centrală → apăsarea „Ia piesa din magazie” → Bonul de Consum → B 101 DEM.
   Dedesubt: textul (stânga) și Centralizator Achiziții (dreapta).
   Mișcarea: transform + opacity, o singură dată. La intrarea în ecran inelul butonului pulsează de două ori (o singură dată la intrare); la apăsare stocul scade, rândul „Sub Cantitate Minimă” apare,
   piesa zboară spre bon (pe două rânduri: întâi în jos, prin spațiul dintre rânduri, apoi spre stânga, ca să nu treacă peste factură), bonul cade pe masă, rândul B.C. intră la B 101 DEM. A doua apăsare readuce desenul la început (fără întârzieri).
   Textul de sub desen și frazele din desen sunt de 16 px/24 px pe telefon (regula), tabelele programului rămân desenul (11–13 px).
   Fără JS: starea „după apăsare”, totul vizibil. Mișcare redusă: fără puls, fără zbor, starea se schimbă pe loc.
   Lățimea o dă .sx-wrap (container „acz”): ≥ 1040 px calea pe un rând; 600–1039 px pe două rânduri; sub 600 px una sub alta (telefon). */

.sx-achizitii {
  --acz-amber: #a8560a; --acz-amber-tint: rgba(240, 173, 78, .26); --acz-amber-band: rgba(240, 173, 78, .13);
  --acz-blue-tint: rgba(38, 128, 194, .14); --acz-blue-flash: rgba(38, 128, 194, .3);
  --acz-bad: #b42f22; --acz-bad-tint: rgba(180, 47, 34, .09);
  --acz-paper: #fdfcf8; --acz-paper-ink: #1d2733; --acz-paper-ink2: #55606c; --acz-paper-line: #d9dde2;
  --acz-paper-sh: 0 1px 1px rgba(23, 32, 43, .08), 0 12px 24px -12px rgba(23, 32, 43, .38);
  --acz-ghost: rgba(60, 50, 30, .22);
  --acz-btn-top: #f6c373; --acz-btn-bot: #efa93f; --acz-btn-ink: #3b2700; --acz-btn-edge: rgba(59, 39, 0, .5); --acz-btn-low: rgba(59, 39, 0, .34); --acz-ring: rgba(239, 169, 63, .55);
  --acz-ease: cubic-bezier(.16, 1, .3, 1);
}
html[data-theme="dark"] .sx-achizitii {
  --acz-amber: #f0a95a; --acz-amber-tint: rgba(240, 173, 78, .2); --acz-amber-band: rgba(240, 173, 78, .09);
  --acz-blue-tint: rgba(90, 170, 230, .2); --acz-blue-flash: rgba(90, 170, 230, .38);
  --acz-bad: #f08a7e; --acz-bad-tint: rgba(240, 138, 126, .12);
  --acz-paper: #ddd8cd; --acz-paper-ink: #1d2733; --acz-paper-ink2: #4a535e; --acz-paper-line: #c2beb4;
  --acz-paper-sh: 0 1px 1px rgba(0, 0, 0, .4), 0 16px 30px -12px rgba(0, 0, 0, .8);
  --acz-ghost: rgba(255, 255, 255, .2);
  --acz-btn-top: #f4c070; --acz-btn-bot: #e5a03c; --acz-btn-ink: #2c1d00; --acz-btn-edge: rgba(0, 0, 0, .55); --acz-btn-low: rgba(0, 0, 0, .55); --acz-ring: rgba(244, 192, 112, .5);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .sx-achizitii {
    --acz-amber: #f0a95a; --acz-amber-tint: rgba(240, 173, 78, .2); --acz-amber-band: rgba(240, 173, 78, .09);
    --acz-blue-tint: rgba(90, 170, 230, .2); --acz-blue-flash: rgba(90, 170, 230, .38);
    --acz-bad: #f08a7e; --acz-bad-tint: rgba(240, 138, 126, .12);
    --acz-paper: #ddd8cd; --acz-paper-ink: #1d2733; --acz-paper-ink2: #4a535e; --acz-paper-line: #c2beb4;
    --acz-paper-sh: 0 1px 1px rgba(0, 0, 0, .4), 0 16px 30px -12px rgba(0, 0, 0, .8);
    --acz-ghost: rgba(255, 255, 255, .2);
    --acz-btn-top: #f4c070; --acz-btn-bot: #e5a03c; --acz-btn-ink: #2c1d00; --acz-btn-edge: rgba(0, 0, 0, .55); --acz-btn-low: rgba(0, 0, 0, .55); --acz-ring: rgba(244, 192, 112, .5);
  }
}

/* ---------- capul (neschimbat față de azi) ---------- */
.sx-achizitii .sx-head.sx-ach-head { margin-bottom: 21px; }
@media (max-width: 719px) { .sx-achizitii .sx-head.sx-ach-head { margin-bottom: 13px; } }

/* ---------- figura ---------- */
.sx-achizitii .sx-wrap { container: acz / inline-size; }
.sx-achizitii .acz-fig { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "path" "mon" "cap"; row-gap: 21px; }
.sx-achizitii .acz-path { grid-area: path; position: relative; display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; align-items: start; }
.sx-achizitii .acz-mon { grid-area: mon; min-width: 0; }
.sx-achizitii .acz-cap { grid-area: cap; min-width: 0; }
.sx-achizitii .acz-path > * { min-width: 0; }

/* ---------- textul programului, pe pagină (fragmentele din cbc, cu tipul și culorile paginii) ---------- */
.sx-achizitii .acz-st, .sx-achizitii .acz-mon { font: 400 12px/1.38 var(--sx-f-sans); letter-spacing: -.004em; word-spacing: 0; color: var(--sx-ink); font-variant-numeric: tabular-nums; }
.sx-achizitii :is(.acz-st, .acz-mon) :where(p, span, b, i, a, dt, dd) { letter-spacing: inherit; word-spacing: 0; }
.sx-achizitii :is(.acz-st, .acz-mon) p { margin: 0; }
.sx-achizitii .acz-t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding-bottom: 7px; border-bottom: 1px solid var(--sx-hair-strong); font-size: 13px; line-height: 1.3; font-weight: 600; letter-spacing: -.012em; color: var(--sx-ink); }
.sx-achizitii .acz-t > span:not(.acz-chip) { font-size: 11.5px; font-weight: 400; letter-spacing: -.004em; color: var(--sx-ink2); }
.sx-achizitii .acz-chip { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 6px; border: 1px solid var(--sx-hair-strong); color: var(--sx-ink2); font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: 0; white-space: nowrap; }
.sx-achizitii .acz-t > .acz-chip { align-self: center; }
.sx-achizitii .acz-i { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sx-achizitii .acz-ti { align-self: center; margin-right: -4px; color: var(--sx-ink2); }

.sx-achizitii .acz-tb { display: grid; align-items: baseline; }
.sx-achizitii .acz-tb > * { min-width: 0; padding: 5px 0 5px 10px; border-top: 1px solid var(--sx-hair); text-align: right; white-space: nowrap; }
.sx-achizitii .acz-tb a { color: var(--sx-accent-text); text-decoration: none; }

/* factura */
.sx-achizitii .acz-tb--inv { grid-template-columns: auto minmax(0, 1fr) auto; }
.sx-achizitii .acz-tb--inv > :nth-child(3n+1), .sx-achizitii .acz-tb--inv > :nth-child(3n+2), .sx-achizitii .acz-tb--inv > :nth-child(3n) { text-align: left; }
.sx-achizitii .acz-tb--inv > :nth-child(3n+1) { padding-left: 0; }
.sx-achizitii .acz-tb--inv > :nth-child(-n+3) { border-top: 0; padding: 7px 0 5px 10px; font-size: 11px; line-height: 1.25; font-weight: 600; letter-spacing: 0; color: var(--sx-ink2); align-self: end; white-space: normal; }
.sx-achizitii .acz-tb--inv > :nth-child(1) { padding-left: 0; }
.sx-achizitii .acz-tb--inv > :nth-child(n+4):nth-child(-n+6) { background: var(--acz-amber-band); }
.sx-achizitii .acz-cb { display: block; align-self: center; font-style: normal; line-height: 0; }
.sx-achizitii .acz-cb .acz-i { width: 15px; height: 15px; padding: 1px; border-radius: 4px; background: var(--sx-accent); color: var(--sx-accent-ink); stroke-width: 2; box-sizing: border-box; }
.sx-achizitii .acz-tb--inv > .acz-cb { padding-left: 3px; }
.sx-achizitii .acz-tb--inv > :nth-child(3n+2), .sx-achizitii .acz-tb--inv > :nth-child(3n) { padding-left: 8px; }
.sx-achizitii .acz-hotn { font-weight: 600; }
.sx-achizitii .acz-go { display: inline-block; padding: 0 6px; margin: -1px 0 -1px -6px; border-radius: 5px; background: var(--acz-amber-tint); font-weight: 600; color: var(--sx-ink); }
.sx-achizitii .acz-tot { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding-top: 6px; border-top: 1px solid var(--sx-hair-strong); }
.sx-achizitii .acz-tot span { color: var(--sx-ink2); }
.sx-achizitii .acz-tot b { font-weight: 600; white-space: nowrap; }

/* magazia */
.sx-achizitii .acz-tb--mag { grid-template-columns: minmax(0, 1fr) 58px 44px 42px 30px; }
.sx-achizitii .acz-tb--mag > :nth-child(5n+1) { padding-left: 0; text-align: left; }
.sx-achizitii .acz-tb--mag > :nth-child(-n+5) { border-top: 0; padding: 7px 0 5px 6px; font-size: 11px; line-height: 1.25; font-weight: 600; letter-spacing: 0; color: var(--sx-ink2); align-self: end; white-space: normal; text-align: right; }
.sx-achizitii .acz-tb--mag > :nth-child(1) { padding-left: 0; text-align: left; }
.sx-achizitii .acz-tb--mag > :nth-child(n+6):nth-child(-n+10) { background: var(--acz-amber-band); }
.sx-achizitii .acz-tb--mag > .acz-hot { padding-left: 6px; font-weight: 600; }
.sx-achizitii .acz-sw { display: grid; justify-items: end; overflow: hidden; }
.sx-achizitii .acz-sw > * { grid-area: 1 / 1; transition: transform .34s var(--acz-ease), opacity .24s ease; }
.sx-achizitii .acz-bad { color: var(--acz-bad); font-weight: 700; }
.sx-achizitii .acz-low { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--sx-hair-strong); }
.sx-achizitii .acz-chip--bad { color: var(--acz-bad); background: var(--acz-bad-tint); border-color: color-mix(in srgb, var(--acz-bad) 32%, transparent); }
.sx-achizitii .acz-low-m { color: var(--sx-ink2); }
.sx-achizitii .acz-low > b { margin-left: auto; color: var(--acz-bad); font-weight: 700; }

/* apăsarea: butonul rotund de azi (galben ca în program) */
.sx-achizitii .acz-press { display: grid; justify-items: center; row-gap: 10px; }
.sx-achizitii .acz-pr-row { display: flex; align-items: center; width: 100%; }
.sx-achizitii .acz-pl { position: relative; flex: 1 1 auto; min-width: 6px; height: 1.5px; background: var(--sx-ink3, var(--sx-ink2)); opacity: .55; }
.sx-achizitii .acz-pl2 .acz-ah { position: absolute; right: -1px; top: 50%; width: 8px; height: 12px; transform: translateY(-50%); }
.sx-achizitii .acz-bw { position: relative; display: grid; place-items: center; flex: 0 0 auto; }
.sx-achizitii .acz-bw::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; box-shadow: 0 0 0 2px var(--acz-ring); opacity: 0; pointer-events: none; }
/* marginea de jos a butonului e un strat separat (::before, nemișcat); fața butonului doar coboară cu 2 px (transform), fără tranziție de box-shadow */
.sx-achizitii .acz-bw::before { content: ""; position: absolute; inset: 3px 0 -3px; border-radius: 50%; background: var(--acz-btn-low); box-shadow: 0 9px 14px -8px rgba(59, 39, 0, .5); pointer-events: none; }
.sx-achizitii .acz-btn {
  appearance: none; -webkit-appearance: none; position: relative; z-index: 1; display: inline-grid; place-items: center; width: 52px; height: 52px; margin: 0; padding: 0;
  border-radius: 50%; border: 1px solid var(--acz-btn-edge); background: linear-gradient(var(--acz-btn-top), var(--acz-btn-bot)); color: var(--acz-btn-ink);
  cursor: pointer; -webkit-tap-highlight-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
  transition: transform .12s ease;
}
.sx-achizitii .acz-btn .acz-i { width: 24px; height: 24px; }
.sx-achizitii .acz-btn:hover { filter: brightness(1.04); }
.sx-achizitii .acz-btn:focus-visible { outline: 2px solid var(--sx-ink); outline-offset: 3px; }
.sx-achizitii .acz-btn:active, .sx-achizitii .acz-fig[data-ach="done"] .acz-btn { transform: translateY(2px); }
.sx-achizitii .acz-pn { margin: 0; font: 400 12px/1.35 var(--sx-f-sans); letter-spacing: 0; word-spacing: 0; color: var(--sx-ink2); text-align: center; }
.sx-achizitii .acz-pn > span { display: block; white-space: nowrap; }

/* bonul: hârtia tipărită */
.sx-achizitii .acz-bon { display: grid; width: 100%; }
.sx-achizitii .acz-bon > * { grid-area: 1 / 1; }
.sx-achizitii .acz-ghost { display: grid; align-content: start; row-gap: 4px; padding: 12px 13px; border: 1.5px dashed var(--acz-ghost); border-radius: 4px; }
.sx-achizitii .acz-gh-t { font-size: 12.5px; font-weight: 600; color: var(--sx-ink2); opacity: .7; }
.sx-achizitii .acz-gh-n { font-size: 12px; color: var(--sx-ink2); opacity: .8; }
.sx-achizitii .acz-paper { position: relative; padding: 10px 12px 8px; border-radius: 2px; background: var(--acz-paper); color: var(--acz-paper-ink); box-shadow: var(--acz-paper-sh); transform: rotate(-1.2deg); font-size: 11.5px; line-height: 1.3; }
.sx-achizitii .acz-ph { display: grid; justify-items: center; row-gap: 1px; padding-bottom: 6px; margin-bottom: 5px; border-bottom: 1px solid var(--acz-paper-line); }
.sx-achizitii .acz-ph b { font-size: 12.5px; font-weight: 700; }
.sx-achizitii .acz-paper b, .sx-achizitii .acz-paper dd { color: var(--acz-paper-ink); }
.sx-achizitii .acz-ph span { font-size: 11px; color: var(--acz-paper-ink2); }
.sx-achizitii .acz-kv { display: grid; row-gap: 1px; margin: 0; }
.sx-achizitii .acz-kv > div { display: grid; grid-template-columns: 74px minmax(0, 1fr); column-gap: 7px; align-items: baseline; }
.sx-achizitii .acz-kv dt { font-size: 10.5px; font-weight: 600; color: var(--acz-paper-ink2); text-align: right; white-space: nowrap; }
.sx-achizitii .acz-kv dt::after { content: " :"; }
.sx-achizitii .acz-kv dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.sx-achizitii .acz-kv dd b { font-weight: 700; }
.sx-achizitii .acz-pv { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0 8px; margin-top: 6px; padding-top: 5px; border-top: 1px solid var(--acz-paper-line); }
.sx-achizitii .acz-pv span { font-size: 10.5px; font-weight: 600; color: var(--acz-paper-ink2); }
.sx-achizitii .acz-pv b { font-weight: 700; margin-left: auto; white-space: nowrap; }
.sx-achizitii .acz-sig { display: flex; justify-content: space-between; gap: 6px; margin-top: 10px; }
.sx-achizitii .acz-sig span { flex: 1 1 0; padding-top: 3px; border-top: 1px solid var(--acz-paper-line); font-size: 9.5px; text-align: center; color: var(--acz-paper-ink2); white-space: nowrap; }

/* camionul: raportul de activitate din Centru Cost/Camion */
.sx-achizitii .acz-sub { padding-top: 6px; font-size: 11px; font-weight: 700; letter-spacing: 0; color: var(--sx-ink); }
.sx-achizitii .acz-sub u { text-underline-offset: 2px; }
.sx-achizitii .acz-tb--trk { grid-template-columns: auto minmax(0, 1fr) auto; }
.sx-achizitii .acz-tb--trk > :nth-child(3n+1) { padding-left: 0; text-align: left; color: var(--sx-ink2); }
.sx-achizitii .acz-tb--trk > :nth-child(3n+2) { text-align: left; white-space: normal; }
.sx-achizitii .acz-tb--trk > :nth-child(-n+3) { border-top: 0; padding: 5px 0 5px 10px; font-size: 11px; line-height: 1.25; font-weight: 600; letter-spacing: 0; color: var(--sx-ink2); align-self: end; white-space: normal; }
.sx-achizitii .acz-tb--trk > :nth-child(1) { padding-left: 0; }
.sx-achizitii .acz-tb--trk > :nth-child(3) { max-width: 92px; text-align: right; }
.sx-achizitii .acz-tb--trk > .acz-bc-slot { grid-row: 4; grid-column: 1 / -1; padding-left: 0; text-align: left; font-style: italic; color: var(--sx-ink3, var(--sx-ink2)); }
.sx-achizitii .acz-tb--trk > .acz-bc { position: relative; grid-row: 4; align-self: stretch; background: var(--acz-blue-tint); color: var(--sx-ink); font-weight: 600; }
.sx-achizitii .acz-tb--trk > .acz-bc::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--acz-blue-flash); opacity: 0; pointer-events: none; }
.sx-achizitii .acz-tb--trk > .acz-bc1 { grid-column: 1; padding-left: 6px; border-radius: 6px 0 0 6px; text-align: left; }
.sx-achizitii .acz-tb--trk > .acz-bc2 { grid-column: 2; text-align: left; font-weight: 500; white-space: normal; }
.sx-achizitii .acz-tb--trk > .acz-bc3 { grid-column: 3; padding-right: 6px; border-radius: 0 6px 6px 0; text-align: right; white-space: nowrap; }
.sx-achizitii .acz-tb--trk > :nth-child(3n+2), .sx-achizitii .acz-tb--trk > :nth-child(3n) { padding-left: 8px; }

/* săgețile dintre stații */
.sx-achizitii .acz-ar { position: relative; display: block; align-self: start; width: 100%; height: 12px; color: var(--sx-ink3, var(--sx-ink2)); opacity: .75; }
.sx-achizitii .acz-ar svg:first-child { position: absolute; left: 4px; right: 6px; top: 0; width: calc(100% - 10px); height: 12px; }
.sx-achizitii .acz-ar path, .sx-achizitii .acz-ah path { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.sx-achizitii .acz-ar .acz-ah { position: absolute; right: 3px; top: 0; width: 8px; height: 12px; }
.sx-achizitii .acz-pl2 { color: var(--sx-ink3, var(--sx-ink2)); }
.sx-achizitii .acz-pl2 .acz-ah path { stroke: var(--sx-ink3, var(--sx-ink2)); }

/* piesa care zboară (doar la apăsare, cu mișcare permisă) */
.sx-achizitii .acz-fly { position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none; opacity: 0; transform: translateX(var(--fx0, 0px)); }
.sx-achizitii .acz-fly-y { display: block; transform: translateY(var(--fy0, 0px)); }
.sx-achizitii .acz-fly-c { display: inline-block; padding: 3px 8px; border-radius: 6px; background: linear-gradient(var(--acz-amber-tint), var(--acz-amber-tint)), var(--sx-bg0, #f2f2f0); box-shadow: 0 0 0 1px color-mix(in srgb, var(--acz-amber) 28%, transparent), 0 6px 14px -8px rgba(23, 32, 43, .45); font: 600 12px/1.3 var(--sx-f-sans); letter-spacing: 0; color: var(--sx-ink); white-space: nowrap; }
html[data-theme="dark"] .sx-achizitii .acz-fly-c { background: #5a4220; color: #f6efe2; }

/* Centralizator Achiziții: lunile, una lângă alta */
.sx-achizitii .acz-tb--mon { grid-template-columns: minmax(0, 1fr) repeat(3, auto); }
.sx-achizitii .acz-tb--mon > :nth-child(4n+1) { padding-left: 0; text-align: left; white-space: normal; }
.sx-achizitii .acz-tb--mon > :nth-child(-n+4) { border-top: 0; padding: 7px 0 5px 14px; font-size: 11px; line-height: 1.25; font-weight: 600; letter-spacing: 0; color: var(--sx-ink2); align-self: end; white-space: nowrap; text-align: right; }
.sx-achizitii .acz-tb--mon > :nth-child(1) { padding-left: 0; text-align: left; }
.sx-achizitii .acz-tb--mon > :nth-child(4n+2), .sx-achizitii .acz-tb--mon > :nth-child(4n+3), .sx-achizitii .acz-tb--mon > :nth-child(4n) { padding-left: 12px; }
.sx-achizitii .acz-tb--mon > span:not(:nth-child(4n+1)):not(:nth-child(-n+4)) { color: var(--sx-ink3, var(--sx-ink2)); }

/* ---------- sub desen ---------- */
.sx-achizitii .acz-cap { font: 400 16px/24px var(--sx-f-sans); letter-spacing: -.005em; word-spacing: 0; color: var(--sx-ink2); text-wrap: pretty; }
.sx-achizitii .acz-cap p { margin: 0; }
.sx-achizitii .acz-cap .acz-inv { color: var(--mute, var(--sx-ink2)); }
.sx-achizitii .acz-more { margin-top: 6px !important; color: var(--mute, var(--sx-ink2)); }
.sx-achizitii .acz-more b { font-weight: 500; color: var(--sx-ink2); white-space: nowrap; }
.sx-achizitii .acz-more .acz-ml, .sx-achizitii .acz-more .acz-new { color: var(--sx-ink2); }
.sx-achizitii .acz-more .acz-ml { font-weight: 500; }

/* ---------- stările: înainte / după apăsare ---------- */
.sx-achizitii .acz-fig [data-v] { transition: opacity .26s ease, visibility 0s linear 0s; }
.sx-achizitii .acz-fig[data-ach="idle"] [data-v="done"],
.sx-achizitii .acz-fig[data-ach="done"] [data-v="idle"] { visibility: hidden; opacity: 0; transition: opacity .2s ease, visibility 0s linear .2s; }
.sx-achizitii .acz-fig[data-ach="idle"] .acz-sw > [data-s="done"] { opacity: 0; transform: translateY(80%); }
.sx-achizitii .acz-fig[data-ach="done"] .acz-sw > [data-s="idle"] { opacity: 0; transform: translateY(-80%); }
.sx-achizitii .acz-fig[data-ach="idle"] .acz-low { transform: translateY(-6px); }
.sx-achizitii .acz-low { transition: opacity .3s ease, transform .4s var(--acz-ease), visibility 0s; }
.sx-achizitii .acz-fig[data-ach="idle"] .acz-paper { transform: translateY(-16px) rotate(-4deg); }
.sx-achizitii .acz-paper { transition: opacity .3s ease, transform .6s var(--acz-ease), visibility 0s; }
.sx-achizitii .acz-fig[data-ach="idle"] .acz-bc { transform: translateX(-12px); }
.sx-achizitii .acz-tb--trk > .acz-bc { transition: opacity .3s ease, transform .45s var(--acz-ease), visibility 0s; }
.sx-achizitii .acz-fig.acz-init *, .sx-achizitii .acz-fig.acz-init *::before, .sx-achizitii .acz-fig.acz-init *::after { transition: none !important; }

/* la apăsare (cu mișcare): pașii unul după altul */
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-sw1 > * { transition-delay: .12s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-sw2 > * { transition-delay: .24s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-low { transition-delay: .5s, .5s, 0s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-ghost { transition-delay: .7s, .9s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-paper { transition-delay: 1s, 1s, 0s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-bc-slot { transition-delay: 1.35s, 1.55s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-tb--trk > .acz-bc { transition-delay: 1.45s, 1.45s, 0s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-tb--trk > .acz-bc2 { transition-delay: 1.5s, 1.5s, 0s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-tb--trk > .acz-bc3 { transition-delay: 1.55s, 1.55s, 0s; }
.sx-achizitii .acz-fig.is-anim[data-ach="done"] .acz-tb--trk > .acz-bc::after { animation: acz-flash 1.1s ease-out 1.6s both; }
@keyframes acz-flash { 0% { opacity: 0; } 18% { opacity: 1; } 100% { opacity: 0; } }
.sx-achizitii .acz-fig.is-fly .acz-fly { animation: acz-fx .78s cubic-bezier(.45, 0, .4, 1) .3s both; }
.sx-achizitii .acz-fig.is-fly .acz-fly-y { animation: acz-fy .78s linear .3s both; }
@keyframes acz-fx {
  0% { opacity: 0; transform: translateX(var(--fx0)); }
  12% { opacity: 1; }
  82% { opacity: 1; }
  100% { opacity: 0; transform: translateX(var(--fx1)); }
}
@keyframes acz-fy {
  0% { transform: translateY(var(--fy0)) scale(.96); animation-timing-function: cubic-bezier(.2, .7, .4, 1); }
  38% { transform: translateY(calc(var(--fy0) - 18px)) scale(1.02); animation-timing-function: cubic-bezier(.5, 0, .75, .4); }
  100% { transform: translateY(var(--fy1)) scale(.92); }
}
/* pe două rânduri (bonul e sub factură, în stânga magaziei): piesa coboară întâi în spațiul dintre rânduri (--fyg), merge spre stânga prin el
   și abia apoi coboară pe bon, ca să nu treacă peste textul facturii */
.sx-achizitii .acz-fig.is-fly.is-gap .acz-fly { animation: acz-fxg .86s linear .3s both; }
.sx-achizitii .acz-fig.is-fly.is-gap .acz-fly-y { animation: acz-fyg .86s linear .3s both; }
@keyframes acz-fxg {
  0% { opacity: 0; transform: translateX(var(--fx0)); }
  9% { opacity: 1; }
  30% { transform: translateX(var(--fx0)); animation-timing-function: cubic-bezier(.45, 0, .3, 1); }
  86% { opacity: 1; transform: translateX(var(--fx1)); }
  100% { opacity: 0; transform: translateX(var(--fx1)); }
}
@keyframes acz-fyg {
  0% { transform: translateY(var(--fy0)) scale(.96); animation-timing-function: cubic-bezier(.3, .6, .4, 1); }
  30% { transform: translateY(var(--fyg)) scale(1); }
  70% { transform: translateY(var(--fyg)) scale(1); animation-timing-function: cubic-bezier(.5, 0, .75, .5); }
  100% { transform: translateY(var(--fy1)) scale(.92); }
}
/* o singură dată, la intrarea în ecran: butonul cheamă apăsarea (inelul pulsează de două ori) */
.sx-achizitii .acz-fig.is-seen[data-ach="idle"] .acz-bw::after { animation: acz-ring 1.3s var(--acz-ease) .5s 2 both; }
@keyframes acz-ring { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.55); } }

@media (prefers-reduced-motion: reduce) {
  .sx-achizitii .acz-fig *, .sx-achizitii .acz-fig *::before, .sx-achizitii .acz-fig *::after { transition: none !important; animation: none !important; }
  .sx-achizitii .acz-fly { display: none; }
}

/* ================= telefon (< 600 px): stațiile una sub alta ================= */
.sx-achizitii .acz-path { row-gap: 10px; }
.sx-achizitii .acz-path > .acz-st { width: 100%; }
.sx-achizitii .acz-ar { width: 24px; height: 12px; margin: 6px 0 6px 4px; transform: rotate(90deg); }
.sx-achizitii .acz-press { grid-template-columns: auto minmax(0, 1fr); justify-items: start; align-items: center; column-gap: 12px; width: 100%; }
.sx-achizitii .acz-pr-row { width: auto; }
.sx-achizitii .acz-pr-row .acz-pl { display: none; }
.sx-achizitii .acz-pn { text-align: left; }
.sx-achizitii .acz-pn > span { display: inline; }
.sx-achizitii .acz-bon { max-width: 320px; }
.sx-achizitii .acz-paper { transform: rotate(-.8deg); }

/* ================= două rânduri (600–1039 px) ================= */
@container acz (min-width: 600px) {
  .sx-achizitii .acz-path { grid-template-columns: 84px minmax(0, 236px) 34px minmax(0, 1fr); grid-template-areas: "inv inv ar1 mag" "prs bon ar3 trk"; row-gap: 26px; justify-items: stretch; }
  .sx-achizitii .acz-inv { grid-area: inv; }
  .sx-achizitii .acz-ar1 { grid-area: ar1; }
  .sx-achizitii .acz-mag { grid-area: mag; max-width: 440px; }
  .sx-achizitii .acz-press { grid-area: prs; }
  .sx-achizitii .acz-bon { grid-area: bon; max-width: none; }
  .sx-achizitii .acz-ar3 { grid-area: ar3; }
  .sx-achizitii .acz-trk { grid-area: trk; max-width: 440px; }
  .sx-achizitii .acz-ar { width: 100%; height: 12px; margin: 74px 0 0; transform: none; }
  .sx-achizitii .acz-ar3 { margin-top: 96px; }
  .sx-achizitii .acz-press { grid-template-columns: minmax(0, 1fr); justify-items: center; align-items: start; align-self: start; row-gap: 10px; margin-top: 70px; }
  .sx-achizitii .acz-pr-row { width: 100%; }
  .sx-achizitii .acz-pr-row .acz-pl { display: block; }
  .sx-achizitii .acz-pr-row .acz-pl:first-child { visibility: hidden; }
  .sx-achizitii .acz-pn { text-align: center; }
  .sx-achizitii .acz-pn > span { display: block; }
  .sx-achizitii .acz-pn > span:first-child { white-space: normal; }
  .sx-achizitii .acz-paper { transform: rotate(-1.2deg); }
  }
@container acz (min-width: 860px) {
  .sx-achizitii .acz-fig { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); grid-template-areas: "path path" "cap mon"; column-gap: 34px; row-gap: 24px; }
}

/* ================= un rând (≥ 1040 px): factura → magazia → apăsarea → bonul → camionul ================= */
@container acz (min-width: 1040px) {
  .sx-achizitii .acz-path { grid-template-columns: minmax(0, 250fr) 16px minmax(0, 290fr) 80px minmax(0, 222fr) 16px minmax(0, 240fr); grid-template-areas: "inv ar1 mag prs bon ar3 trk"; column-gap: 0; }
  .sx-achizitii .acz-mag, .sx-achizitii .acz-trk { max-width: none; }
  .sx-achizitii .acz-ar1 { margin-top: 66px; }
  .sx-achizitii .acz-ar3 { margin-top: 66px; }
  .sx-achizitii .acz-press { margin-top: 57px; }
  .sx-achizitii .acz-pr-row .acz-pl:first-child { visibility: visible; }
  .sx-achizitii .acz-fig { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); row-gap: 14px; }
  .sx-achizitii .acz-mag { padding-right: 2px; }
  .sx-achizitii .acz-low > .acz-chip { margin-right: 100%; }
}
/* telefon îngust: textul de sub desen fără explicațiile din paranteze */
@container acz (max-width: 599px) {
  .sx-achizitii .acz-tb--mag > :nth-child(n+11) { display: none; }
  .sx-achizitii .acz-tb--mon { grid-template-columns: minmax(0, 1fr) repeat(3, 70px); }
  .sx-achizitii .acz-tb--mon > :nth-child(-n+4) { white-space: normal; }
  .sx-achizitii .acz-path { row-gap: 8px; }
  .sx-achizitii .acz-tb--trk > :nth-child(3) { max-width: none; }
  .sx-achizitii .acz-tb--mon > :nth-child(n) { padding-left: 6px; }
  .sx-achizitii .acz-tb--mon > :nth-child(4n+1) { padding-left: 0; }
  .sx-achizitii .acz-s1 { display: none; }
  .sx-achizitii .acz-fig { row-gap: 18px; }
  .sx-achizitii .acz-more .acz-mt { display: none; }
  .sx-achizitii .acz-more b { white-space: normal; }
  /* frazele din desen: 16 px pe telefon (tabelele programului rămân desenul) */
  .sx-achizitii .acz-pn { font-size: 16px; line-height: 22px; }
  .sx-achizitii .acz-gh-t { font-size: 16px; line-height: 22px; }
  .sx-achizitii .acz-gh-n { font-size: 16px; line-height: 22px; }
  .sx-achizitii .acz-tb--trk > .acz-bc-slot { font-size: 16px; line-height: 22px; }
  .sx-achizitii .acz-mon .acz-t > span:not(.acz-chip) { font-size: 16px; line-height: 22px; }
}