/* UNDERCOVER - site. Aspectul din docs/preview/site-nou, aprobat de owner pe
   07.10.2026 ("e top"); "Bordul" cu bara in stanga a fost respins ("prea urat").
   Limbajul e cel de la loading: sigla UC, UNDERCOVER in Oswald, apusul cu
   palmieri, galbenul serverului. Asezarea: meniu sus, erou mare, cifre contur,
   masini decupate, panel cu fisa in stanga. Nimic nu sta intr-o cutie cu colturi
   rotunde: sticla, linii subtiri si colturi taiate. */

:root {
    --fund: #0b0714;
    --aur: #f6c91c;
    --aur2: #c48c0a;
    --alb: #fff;
    --stins: rgba(255, 255, 255, .64);
    --sters: rgba(255, 255, 255, .38);
    --linie: rgba(255, 255, 255, .09);
    --sticla: rgba(14, 10, 24, .62);
    --verde: #7be36a;
    --rosu: #ff6b78;
    --margine: clamp(16px, 4vw, 64px);
    --taiat: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--fund); color: var(--alb); font: 500 16px/1.55 "Manrope", "Segoe UI", sans-serif; overflow-x: hidden; min-height: 100vh; display: flex; flex-direction: column; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }

.titlu { font-family: "Oswald", "Arial Narrow", sans-serif; font-weight: 700; text-transform: uppercase; line-height: .98; transform: skewX(-8deg); transform-origin: left bottom; }
.aur { color: var(--aur); }

/* ---------------------------------------------------------- meniul de sus */
.sus { position: absolute; inset: 0 0 auto 0; z-index: 5; height: 88px; padding: 0 var(--margine); display: flex; align-items: center; gap: 40px; }
.sus.plin { position: sticky; top: 0; background: rgba(11, 7, 20, .86); backdrop-filter: blur(10px); border-bottom: 1px solid var(--linie); }
.marca { display: flex; align-items: center; gap: 12px; color: var(--alb); }
.marca img { height: 38px; }
.marca b { font: 700 22px "Oswald", sans-serif; letter-spacing: .16em; }
.legaturi { display: flex; gap: 34px; margin-left: 16px; }
.legaturi a { position: relative; padding: 8px 0; font-weight: 800; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--stins); transition: color .15s; }
.legaturi a:hover, .legaturi a.on { color: var(--alb); }
.legaturi a.on::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--aur); transform: skewX(-30deg); }
.dreapta { margin-left: auto; display: flex; align-items: center; gap: 22px; }
.stare { display: flex; align-items: center; gap: 9px; font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--stins); }
.punct { width: 8px; height: 8px; border-radius: 50%; background: var(--verde); box-shadow: 0 0 0 4px rgba(123, 227, 106, .18); flex: none; }
.punct.lucru { background: var(--aur); box-shadow: 0 0 0 4px rgba(246, 201, 28, .18); }
.punct.stins { background: var(--sters); box-shadow: none; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 46px; padding: 0 26px; font: 800 13px "Manrope", sans-serif; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;
    clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%); transition: filter .15s, background .15s; }
.btn.aur { background: linear-gradient(180deg, #ffe98f, var(--aur) 45%, var(--aur2)); color: #1a1204; }
.btn.aur:hover { filter: brightness(1.1); }
.btn.gri { background: rgba(255, 255, 255, .1); color: var(--alb); }
.btn.gri:hover { background: rgba(255, 255, 255, .18); }
.btn.mare { height: 56px; padding: 0 34px; font-size: 14px; }
.btn[disabled] { opacity: .5; cursor: default; filter: none; }

/* ------------------------------------------------------------------ eroul */
.erou { position: relative; min-height: 820px; padding-top: 130px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; background: var(--fund); }
/* Poza e impinsa spre dreapta, ca oamenii din ea sa nu stea sub titlu. */
.erou-poza { position: absolute; inset: 0 -26vw 0 26vw; background: url(/assets/fundal.jpg) 50% 30% / cover no-repeat; }
.erou::before { content: ""; position: absolute; inset: 0; z-index: 1; background:
    linear-gradient(90deg, var(--fund) 0%, var(--fund) 25%, rgba(11, 7, 20, .8) 40%, rgba(11, 7, 20, .2) 62%, rgba(11, 7, 20, 0) 80%),
    linear-gradient(0deg, var(--fund) 0%, rgba(11, 7, 20, 0) 34%),
    linear-gradient(180deg, rgba(11, 7, 20, .75) 0%, rgba(11, 7, 20, 0) 22%); }
.erou-text { position: relative; z-index: 2; padding: 0 var(--margine); max-width: 860px; margin-bottom: 64px; }
.sub-eticheta { display: flex; align-items: center; gap: 14px; font-weight: 800; font-size: 13px; letter-spacing: .26em; text-transform: uppercase; color: var(--aur); margin-bottom: 26px; }
.sub-eticheta::before { content: ""; width: 44px; height: 4px; background: var(--aur); transform: skewX(-30deg); flex: none; }
.erou h1 { font-size: clamp(54px, 8.2vw, 124px); text-shadow: 0 6px 30px rgba(0, 0, 0, .55); }
.erou .butoane { margin-top: 38px; }
.butoane { display: flex; gap: 14px; flex-wrap: wrap; }

.cifre { position: relative; z-index: 2; margin: 0 var(--margine); display: grid; grid-template-columns: repeat(4, 1fr); background: var(--sticla); backdrop-filter: blur(14px); border-top: 2px solid var(--aur); }
.cifre div { padding: 26px 30px; border-left: 1px solid var(--linie); }
.cifre div:first-child { border-left: 0; }
.cifre b { display: block; font: 700 46px/1 "Oswald", sans-serif; }
.cifre span { display: block; margin-top: 8px; font-weight: 700; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--stins); }

/* Paginile dinauntru: o banda scurta cu aceeasi poza, stinsa. */
.cap-pagina { position: relative; padding: 64px var(--margine) 44px; overflow: hidden; border-bottom: 1px solid var(--linie); }
.cap-pagina::before { content: ""; position: absolute; inset: 0; background: url(/assets/fundal.jpg) 50% 34% / cover no-repeat; opacity: .22; }
.cap-pagina::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--fund) 0%, rgba(11, 7, 20, .55) 60%, rgba(11, 7, 20, .2) 100%), linear-gradient(0deg, var(--fund) 0%, rgba(11, 7, 20, 0) 70%); }
.cap-pagina > * { position: relative; z-index: 1; }
.cap-pagina .rand-sus { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.cap-pagina h1 { font-size: clamp(40px, 5.4vw, 78px); }
.cap-pagina p { margin-top: 16px; max-width: 620px; color: var(--stins); }
.cap-pagina .sub-eticheta { margin-bottom: 18px; }
.cap-pagina .sub-eticheta a:hover { color: var(--alb); }

/* ---------------------------------------------------------------- sectiuni */
main { flex: 1; }
.sectiune { position: relative; padding: 120px var(--margine) 0; }
.sectiune.stransa { padding-top: 54px; }
.filigran { position: absolute; left: 0; right: 3vw; top: 44px; overflow: hidden; font: 700 clamp(120px, 21vw, 320px)/1 "Oswald", sans-serif; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .05); transform: skewX(-8deg); pointer-events: none; user-select: none; }
.cap { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 54px; }
.cap h2 { font-size: clamp(38px, 4.6vw, 66px); }
.cap p { max-width: 420px; color: var(--stins); text-align: right; }

/* cum intri / cum cumperi */
.pasi { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--linie); }
.pas { padding: 34px 34px 0 0; }
.pas + .pas { padding-left: 34px; border-left: 1px solid var(--linie); }
.pas .nr { font: 700 110px/1 "Oswald", sans-serif; color: transparent; -webkit-text-stroke: 2px var(--aur); transform: skewX(-8deg); transform-origin: left bottom; }
.pas h3 { margin: 18px 0 10px; font: 700 26px "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .03em; }
.pas p { color: var(--stins); max-width: 340px; }
.pas p b { color: var(--alb); }

/* masini */
.masini { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.masina { position: relative; padding: 0 24px 24px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .055) 100%); border-bottom: 2px solid var(--linie); clip-path: var(--taiat); transition: border-color .2s, background .2s; }
.masina:hover { border-bottom-color: var(--aur); background: linear-gradient(180deg, rgba(246, 201, 28, 0) 0%, rgba(246, 201, 28, .09) 100%); }
.masina .poza { position: relative; height: 190px; display: flex; align-items: flex-end; justify-content: center; }
.masina .poza::before { content: ""; position: absolute; left: 6%; right: 6%; bottom: 4px; height: 34px; border-radius: 50%; background: radial-gradient(closest-side, rgba(246, 201, 28, .34), rgba(246, 201, 28, 0)); }
.masina img { position: relative; max-height: 170px; filter: drop-shadow(0 16px 14px rgba(0, 0, 0, .6)); transition: transform .25s; }
.masina:hover img { transform: translateY(-6px) scale(1.04); }
.masina small { display: block; margin-top: 18px; font-weight: 800; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--aur); }
.masina .nume { display: block; font: 700 25px/1.15 "Oswald", sans-serif; text-transform: uppercase; }
.masina .placa { display: inline-block; margin-top: 14px; padding: 3px 10px 3px 22px; background: #fff linear-gradient(90deg, #1b3fa0 0 14px, #fff 14px); color: #111; font: 700 14px "Oswald", sans-serif; letter-spacing: .08em; border-radius: 3px; }
.masina .rest { display: flex; justify-content: space-between; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--linie); font-size: 13px; color: var(--stins); }
.masina .rest b { color: var(--alb); font: 700 18px "Oswald", sans-serif; }

/* ce faci in oras */
.oras { position: relative; display: grid; grid-template-columns: 5fr 7fr; gap: 70px; align-items: start; }
.oras h2 { font-size: clamp(38px, 4.6vw, 66px); }
.oras .st .btn { margin-top: 30px; }
.rand { display: grid; grid-template-columns: 62px 190px 1fr; align-items: baseline; gap: 10px; padding: 22px 0; border-top: 1px solid var(--linie); transition: padding .2s; }
.rand:last-child { border-bottom: 1px solid var(--linie); }
a.rand:hover { padding-left: 12px; }
.rand i { font: 700 15px "Oswald", sans-serif; font-style: normal; color: var(--aur); letter-spacing: .08em; }
.rand b { font: 700 25px "Oswald", sans-serif; text-transform: uppercase; }
.rand span { color: var(--stins); }

/* ------------------------------------------------------------------- shop */
.pachete { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.pachet { position: relative; padding: 44px 28px 28px; background: var(--sticla); border-top: 2px solid var(--linie); clip-path: var(--taiat); }
.pachet.top { border-top-color: var(--aur); background: linear-gradient(180deg, rgba(246, 201, 28, .16) 0%, rgba(14, 10, 24, .62) 62%); }
.pachet .semn { position: absolute; right: 0; top: 0; padding: 6px 14px 6px 20px; background: var(--aur); color: #1a1204; font-weight: 800; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%); }
.pachet .cat { display: flex; align-items: center; gap: 14px; }
.pachet .cat b { font: 700 76px/1 "Oswald", sans-serif; background: linear-gradient(180deg, #ffe98f, var(--aur) 45%, var(--aur2)); -webkit-background-clip: text; background-clip: text; color: transparent; transform: skewX(-8deg); padding-right: 6px; }
.moneda { width: 40px; height: 40px; flex: none; display: block; }
.moneda.mica { width: 22px; height: 22px; display: inline-block; vertical-align: -4px; }
.pachet .ce { margin-top: 6px; font-weight: 800; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--stins); }
.pachet .bonus { margin-top: 14px; min-height: 22px; font-weight: 700; font-size: 13px; color: var(--verde); }
.pachet .jos { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--linie); }
.pachet .pret { font: 700 32px/1 "Oswald", sans-serif; white-space: nowrap; }
.pachet .btn { height: 42px; padding: 0 22px; font-size: 12px; }

.nota { position: relative; padding: 18px 22px; background: var(--sticla); border-left: 3px solid var(--aur); color: var(--stins); font-size: 15px; }
.nota b { color: var(--alb); }
.nota a { color: var(--aur); }
.nota.rau { border-left-color: var(--rosu); color: #ffc4c9; }
.nota.bine { border-left-color: var(--verde); }
.nota + * { margin-top: 26px; }
.mic { position: relative; margin-top: 22px; font-size: 13px; color: var(--sters); }
.mic a { color: var(--aur); }
.stiut { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--linie); }
.stiut div { padding: 28px 30px 0 0; color: var(--stins); }
.stiut div + div { padding-left: 30px; border-left: 1px solid var(--linie); }
.stiut b { display: block; margin-bottom: 8px; color: var(--alb); font: 700 20px "Oswald", sans-serif; text-transform: uppercase; }
.stiut a { color: var(--aur); }

/* ------------------------------------------------------------------- wiki */
.cauta { width: 100%; height: 60px; padding: 0 24px; background: var(--sticla); border: 0; border-bottom: 2px solid var(--linie); color: var(--alb); font: 500 17px "Manrope", sans-serif; outline: 0; }
.cauta:focus { border-bottom-color: var(--aur); }
.cauta::placeholder { color: var(--sters); }
.grupe { margin-top: 44px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 44px; align-items: start; }
.grup h3 { display: flex; align-items: baseline; gap: 12px; font: 700 28px "Oswald", sans-serif; text-transform: uppercase; margin-bottom: 12px; }
.grup h3 i { font-style: normal; font-size: 15px; color: var(--aur); letter-spacing: .08em; }
.grup a, .alaturi a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid var(--linie); color: var(--stins); font-size: 15px; transition: padding .2s, color .15s; }
.grup a span { color: var(--aur); opacity: 0; transition: opacity .15s; }
.grup a:hover, .alaturi a:hover, .alaturi a.on { color: var(--alb); padding-left: 10px; }
.grup a:hover span { opacity: 1; }
.grupe.top { margin-top: 0; }
.loc { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: baseline; gap: 10px; padding: 14px 0; border-top: 1px solid var(--linie); }
.loc i { font: 700 14px "Oswald", sans-serif; font-style: normal; color: var(--sters); letter-spacing: .08em; }
.loc b { font-weight: 700; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.loc span { font: 700 17px "Oswald", sans-serif; color: var(--stins); white-space: nowrap; }
.loc:first-child i, .loc:first-child span { color: var(--aur); }
.loc.gol { display: block; color: var(--stins); font-size: 15px; }
.alaturi a.on { border-left: 3px solid var(--aur); padding-left: 14px; }

.citit { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 70px; align-items: start; }
.alaturi { position: sticky; top: 118px; }
.alaturi h3 { font: 700 20px "Oswald", sans-serif; text-transform: uppercase; margin-bottom: 10px; }
.articol { max-width: 780px; font-size: 16.5px; line-height: 1.75; color: rgba(255, 255, 255, .8); }
.articol h2 { margin: 40px 0 14px; font: 700 28px/1.1 "Oswald", sans-serif; text-transform: uppercase; color: var(--alb); padding-left: 16px; border-left: 4px solid var(--aur); }
.articol h2:first-child { margin-top: 0; }
.articol p { margin: 0 0 14px; }
.articol ul { margin: 0 0 18px; }
.articol li { list-style: none; position: relative; padding: 10px 0 10px 24px; border-top: 1px solid var(--linie); }
.articol li:first-child { border-top: 0; }
.articol li::before { content: ""; position: absolute; left: 2px; top: 22px; width: 10px; height: 3px; background: var(--aur); transform: skewX(-30deg); }
.articol kbd { font: 700 12px "Manrope", sans-serif; padding: 2px 7px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); color: var(--alb); white-space: nowrap; }
.articol code { font: 600 14px ui-monospace, Consolas, monospace; color: var(--aur); white-space: nowrap; }

/* ------------------------------------------------------------------ panel */
.panel { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 28px; align-items: start; }
.fisa { background: var(--sticla); border-top: 2px solid var(--aur); clip-path: var(--taiat); }
.fisa .om { display: flex; align-items: center; gap: 16px; padding: 26px 26px 22px; }
.fisa .chip { width: 62px; height: 62px; flex: none; display: grid; place-items: center; background: linear-gradient(180deg, #ffe98f, var(--aur) 45%, var(--aur2)); color: #1a1204; font: 700 30px "Oswald", sans-serif; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); }
.fisa .om b { display: block; font: 700 26px/1.1 "Oswald", sans-serif; text-transform: uppercase; }
.fisa .om span { font-weight: 700; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--stins); }
.bani { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--linie); }
.bani div { padding: 18px 26px; border-bottom: 1px solid var(--linie); min-width: 0; }
.bani div:nth-child(odd) { border-right: 1px solid var(--linie); }
.bani span { display: block; font-weight: 800; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--sters); }
.bani b { display: block; margin-top: 4px; font: 700 24px/1.1 "Oswald", sans-serif; white-space: nowrap; }
.bani .v { color: var(--verde); }
.date { padding: 8px 26px 34px; }
.date div { display: flex; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--linie); font-size: 14px; }
.date div:last-child { border-bottom: 0; }
.date span { color: var(--stins); }
.date b { font-weight: 700; text-align: right; }
.panel .masini { grid-template-columns: repeat(3, 1fr); }
.panel h3.sub { font: 700 26px "Oswald", sans-serif; text-transform: uppercase; margin-bottom: 18px; }
.panel h3.sub em { font-style: normal; color: var(--aur); margin-left: 8px; font-size: 18px; }
.panel .gol { padding: 22px 0; border-top: 1px solid var(--linie); color: var(--stins); }
.panel .gol a { color: var(--aur); }
.tabel { margin-top: 54px; }
.tabel .linie { display: grid; grid-template-columns: 140px 1fr auto; gap: 16px; padding: 15px 0; border-top: 1px solid var(--linie); font-size: 14px; color: var(--stins); }
.tabel .linie b { color: var(--alb); font-weight: 700; }
.tabel .linie .ok { color: var(--verde); font-weight: 700; text-align: right; }
.tabel .linie .g { color: var(--aur); font-weight: 700; text-align: right; }
.semn-mic { display: inline-block; margin-left: 8px; padding: 2px 8px; background: var(--aur); color: #1a1204; font: 800 10px "Manrope", sans-serif; letter-spacing: .12em; text-transform: uppercase; vertical-align: 3px; }
.intra { max-width: 620px; }
.intra p { color: var(--stins); margin-bottom: 28px; font-size: 17px; }

/* ----------------------------------------------------------------- subsol */
.subsol { margin-top: 130px; padding: 40px var(--margine); border-top: 1px solid var(--linie); display: flex; align-items: center; gap: 40px; font-size: 13px; color: var(--sters); }
.subsol .legaturi a { font-size: 11px; }
.subsol p { margin-left: auto; text-align: right; }

/* ---------------------------------------------------------------- telefon */
@media (max-width: 1180px) {
    .panel { grid-template-columns: 1fr; }
    .citit { grid-template-columns: 1fr; gap: 50px; }
    .alaturi { position: static; }
}
@media (max-width: 980px) {
    .sus { gap: 0 14px; height: auto; padding-top: 14px; flex-wrap: wrap; }
    .sus .legaturi { order: 3; width: 100%; margin: 6px 0 0; gap: 0; justify-content: space-between; border-top: 1px solid var(--linie); }
    .sus .legaturi a { padding: 12px 0; }
    .stare { display: none; }
    .marca b { font-size: 18px; }
    .sus .btn { height: 38px; padding: 0 16px; font-size: 11px; }
    .erou { min-height: 0; padding-top: 330px; }
    .erou-poza { inset: 0 0 auto 0; height: 430px; background-position: 50% 12%; }
    .erou::before { background: linear-gradient(0deg, var(--fund) 0%, var(--fund) calc(100% - 430px), rgba(11, 7, 20, .25) calc(100% - 180px), rgba(11, 7, 20, .6) 100%); }
    .erou-text { margin-bottom: 36px; }
    .sub-eticheta { font-size: 11px; letter-spacing: .18em; margin-bottom: 22px; }
    .cifre { grid-template-columns: 1fr 1fr; }
    .cifre div { padding: 18px 20px; }
    .cifre div:nth-child(3) { border-left: 0; }
    .cifre div:nth-child(n+3) { border-top: 1px solid var(--linie); }
    .cifre b { font-size: 34px; }
    .cap-pagina { padding: 40px var(--margine) 30px; }
    .cap-pagina .rand-sus { flex-direction: column; align-items: flex-start; }
    .sectiune { padding-top: 84px; }
    .sectiune.stransa { padding-top: 34px; }
    .cap { flex-direction: column; align-items: flex-start; margin-bottom: 34px; }
    .cap p { text-align: left; }
    .pasi, .stiut { grid-template-columns: 1fr; }
    .pas, .pas + .pas { padding: 26px 0; border-left: 0; border-bottom: 1px solid var(--linie); }
    .stiut div, .stiut div + div { padding: 22px 0; border-left: 0; border-bottom: 1px solid var(--linie); }
    .pas .nr { font-size: 78px; }
    .masini, .panel .masini { grid-template-columns: 1fr 1fr; gap: 12px; }
    .masina { padding: 0 14px 18px; }
    .masina .poza { height: 120px; }
    .masina .nume { font-size: 19px; }
    .oras { grid-template-columns: 1fr; gap: 34px; }
    .rand { grid-template-columns: 40px 1fr; }
    .rand span { grid-column: 2; }
    .pachete { grid-template-columns: 1fr 1fr; gap: 12px; }
    .pachet { padding: 38px 16px 20px; }
    .pachet .cat { gap: 8px; }
    .pachet .cat b { font-size: 52px; }
    .moneda { width: 28px; height: 28px; }
    .pachet .jos { flex-direction: column; align-items: stretch; gap: 12px; }
    .grupe { grid-template-columns: 1fr; gap: 40px; }
    .subsol { flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 84px; }
    .subsol .legaturi { display: flex; margin-left: 0; gap: 20px; }
    .subsol p { margin-left: 0; text-align: left; }
    .tabel .linie { grid-template-columns: 1fr auto; }
    .tabel .linie span:first-child { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
    .marca b { display: none; }
    .subsol .marca b { display: block; }
    .pachet .cat b { font-size: 44px; }
    .pachet .semn { padding: 5px 10px 5px 16px; font-size: 9px; }
}