/* VectorCAD – nowa ścieżka zakupu (mu-plugin vectorcad-sklep). Przeniesione z makiety v12 (27.10.2026).
   Kolory i kroje = zmienne Bricks ze strony (--bricks-color-*): mpqhuz #07ffff (akcja), kmdyju #46ff00,
   hrjunu #19181c, ircdtt #f2f4f7, alkxyv #fff, dboswk #0018ff. */
:root {
  --vcs-akcja: var(--bricks-color-mpqhuz, #07ffff);
  --vcs-ziel: var(--bricks-color-kmdyju, #46ff00);
  --vcs-ciemny: var(--bricks-color-hrjunu, #19181c);
  --vcs-ciemny-2: var(--bricks-color-pyznng, #2a2930);
  --vcs-jasne: var(--bricks-color-ircdtt, #f2f4f7);
  --vcs-niebieski: var(--bricks-color-dboswk, #0018ff);
  --vcs-linia: #e3e5ea;
  --vcs-tekst: #363636;
  --vcs-tekst-2: #5c5c5c;
  --vcs-blad: #d0002f;
  --vcs-fiolet: #7c3aed;
  --vcs-exo: "Exo 2", sans-serif;
}

/* ---------- Link „Dowiedz się więcej →” (zamiast przycisku) ---------- */
.vcs-wiecej {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: Inter, sans-serif; font-size: 15px; font-weight: 600; line-height: 1.3;
  color: var(--vcs-niebieski); text-decoration: none; padding-block: 12px;
  cursor: pointer;
}
.vcs-wiecej svg { width: 18px; height: 18px; flex: none; transition: transform .2s ease; }
.vcs-wiecej:hover, .vcs-wiecej:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.vcs-wiecej:hover svg { transform: translateX(4px); }
.vcs-ciemne .vcs-wiecej, .prod-box-alt .vcs-wiecej, .mm-content .vcs-wiecej, .dark-gradient .vcs-wiecej, #brx-header .vcs-wiecej { color: var(--vcs-akcja); }
.vcs-wiecej--wstecz { flex-direction: row-reverse; }
.vcs-wiecej--wstecz svg { transform: rotate(180deg); }
.vcs-wiecej--wstecz:hover svg { transform: rotate(180deg) translateX(4px); }

/* Karty produktów na stronie głównej: Kup nad linkiem */
.vcs-btns { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.vcs-btns .bricks-button { min-width: 160px; justify-content: center; margin-top: 0; } /* edycja v9 */

/* ---------- Nagłówek: konto jako ikona w okrągłym obrysie ---------- */
.vcs-konto {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  width: 40px; height: 40px; border-radius: 50%;
  border: 2px solid var(--vcs-akcja); color: var(--vcs-akcja); text-decoration: none;
  transition: background-color .2s, color .2s;
}
.vcs-konto svg { width: 20px; height: 20px; }
.vcs-konto:hover, .vcs-konto:focus-visible { background: var(--vcs-akcja); color: var(--vcs-ciemny); }
.vcs-konto__t { display: none; }
.vcs-nowrap, .vcs-nowrap .bricks-button { white-space: nowrap; }
@media (max-width: 1024px) {
  /* w rozwiniętym menu telefonu ikona z podpisem */
  .brx-nav-nested-items .vcs-konto { width: auto; height: auto; border: 0; border-radius: 0; gap: 12px; }
  .brx-nav-nested-items .vcs-konto svg { width: 40px; height: 40px; padding: 8px; border: 2px solid var(--vcs-akcja); border-radius: 50%; }
  .brx-nav-nested-items .vcs-konto__t { display: inline; color: #fff; font-weight: 500; }
  .brx-nav-nested-items .vcs-konto:hover { background: none; color: var(--vcs-akcja); }
}

/* Mega menu Sklep: Kup + link */
.mm-content .mm-links-wrap.vcs-mm { display: flex; flex-direction: column; align-items: center; gap: 2px; margin-top: 8px; }
.mm-content .mm-links-wrap.vcs-mm .bricks-button { min-width: 96px; justify-content: center; }
.mm-content .mm-links-wrap.vcs-mm .vcs-wiecej { font-size: 13px; padding-block: 8px; }

/* Sklep (lista): Kup + link nad nakładką-linkiem karty */
.vcs-sklep-cta { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; margin-top: auto; padding-top: 12px; }
.vcs-sklep-cta .bricks-button { min-width: 110px; justify-content: center; }
.post__item { display: flex; flex-direction: column; }

/* ---------- Wspólne: kontener, panele, kroki ---------- */
.vcs-wrap { width: min(1358px, 100%); margin-inline: auto; padding-inline: 20px; }
.vcs-sek { padding-block: 75px; }
.vcs-sek--jasna { background: var(--vcs-jasne); }
.vcs-panel { background: #fff; border: 1px solid var(--vcs-linia); border-radius: 10px; padding: 32px; }
.vcs-panel + .vcs-panel { margin-top: 20px; }
.vcs-panel__glowa { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.vcs-panel h2, .vcs-panel h3 { font-family: var(--vcs-exo); font-weight: 700; color: var(--vcs-ciemny); margin: 0; }
.vcs-panel h2 { font-size: 26px; line-height: 1.25; }
.vcs-nr { display: inline-flex; align-items: center; gap: 12px; }
.vcs-nr::before { content: attr(data-nr); display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--vcs-ciemny); color: var(--vcs-akcja); font: 700 15px Inter, sans-serif; flex: none; }

.vcs-kroki { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; list-style: none; margin: 28px 0 0; padding: 0; }
.vcs-kroki li { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 18px 6px 7px; border-radius: 100px; border: 1px solid rgba(25, 24, 28, .18); background: rgba(255, 255, 255, .6); color: var(--vcs-tekst-2); font: 500 15px Inter, sans-serif; }
.vcs-kroki li b { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(25, 24, 28, .25); font-weight: 600; font-size: 14px; }
.vcs-kroki li.is-akt { border: 2px solid var(--vcs-ciemny); background: #fff; color: var(--vcs-ciemny); font-weight: 600; }
.vcs-kroki li.is-akt b, .vcs-kroki li.is-ok b { background: var(--vcs-ciemny); color: var(--vcs-akcja); border-color: var(--vcs-ciemny); }
.vcs-kroki li.is-ok a { color: var(--vcs-ciemny); text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.vcs-kroki li.is-ok a:hover { text-decoration: underline; }

/* ---------- Kup teraz: przełącznik licencji + karty wersji ---------- */
.vcs-kt { padding-block: 200px 90px; }
.vcs-kt__glowa { text-align: center; max-width: 860px; margin-inline: auto; }
.vcs-kt__glowa .subheading-alt { display: inline-block; }
.vcs-kt__h1 { font-family: var(--vcs-exo); font-size: clamp(36px, 4vw, 57.6px); line-height: 1.1; font-weight: 700; color: #fff; margin: 16px 0 16px; }
.vcs-kt__lead { color: #fff; font-size: 17px; line-height: 1.7; margin: 0 auto; max-width: 640px; }

.vcs-przel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 900px; margin: 48px auto 0; padding: 0; border: 0; }
.vcs-przel legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.vcs-przel label { position: relative; display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 14px 20px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(25, 24, 28, .48); color: #fff; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.vcs-przel label:hover { border-color: rgba(7, 255, 255, .6); }
.vcs-przel input { appearance: none; -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .6); margin: 0; flex: none; display: grid; place-items: center; cursor: pointer; }
.vcs-przel input::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--vcs-akcja); transform: scale(0); transition: transform .15s; }
.vcs-przel input:checked { border-color: var(--vcs-akcja); }
.vcs-przel input:checked::before { transform: scale(1); }
.vcs-przel input:focus-visible { outline: 2px solid var(--vcs-akcja); outline-offset: 3px; }
.vcs-przel label:has(input:checked) { border: 2px solid var(--vcs-akcja); box-shadow: 0 0 40px rgba(0, 230, 254, .18); padding: 13px 19px; }
.vcs-przel__t { display: block; font-family: var(--vcs-exo); font-weight: 700; font-size: 19px; line-height: 1.2; }
.vcs-przel__s { display: block; font-size: 14px; color: #c3c3c9; margin-top: 3px; }
.vcs-plak { position: absolute; top: 0; left: 50%; transform: translate(-50%, -55%); white-space: nowrap; padding: 4px 12px; border-radius: 100px; font: 700 11.5px/1.3 Inter, sans-serif; text-transform: uppercase; letter-spacing: .02em; background: var(--vcs-ziel); color: var(--vcs-ciemny); }
.vcs-plak--best { background: var(--vcs-akcja); }

.vcs-kt__pkt { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 28px; list-style: none; margin: 24px auto 0; padding: 0; max-width: 1100px; color: #e6e6ea; font-size: 15px; }
.vcs-kt__pkt li { display: inline-flex; gap: 8px; align-items: flex-start; }
.vcs-kt__pkt li::before { content: ""; width: 16px; height: 16px; margin-top: 4px; flex: none; border-radius: 50%; border: 2px solid var(--vcs-ziel); background: radial-gradient(circle, var(--vcs-ziel) 0 3px, transparent 3.5px); }

.vcs-karty { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 48px; }
.vcs-karta { position: relative; display: flex; flex-direction: column; padding: 24px 22px 18px; border-radius: 10px; background: rgba(25, 24, 28, .62); border: 1px solid rgba(255, 255, 255, .14); color: #fff; transition: border-color .2s, box-shadow .2s; }
.vcs-karta:hover { border-color: rgba(7, 255, 255, .5); }
.vcs-karta.is-wyr { border: 2px solid var(--vcs-akcja); box-shadow: 0 0 40px rgba(0, 230, 254, .25); padding: 23px 21px 17px; }
/* uwaga #464: pudełka maksymalnie w lewo (do krawędzi treści karty) */
.vcs-karta__img { display: flex; justify-content: flex-start; margin: -4px 0 14px; }
.vcs-karta__img img { width: 64%; max-width: 156px; height: auto; filter: drop-shadow(0 12px 28px rgba(0, 230, 254, .18)); }
.vcs-karta__h { font-family: var(--vcs-exo); font-weight: 700; font-size: 22px; line-height: 1.2; color: #fff; margin: 0 0 8px; }
.vcs-karta__opis { font-size: 14.5px; line-height: 1.55; color: #d4d4da; margin: 0 0 18px; min-height: 45px; }
.vcs-karta__m { font-size: 13px; line-height: 1.5; color: #c3c3c9; margin: 12px 0 0; min-height: 40px; }
.vcs-karta .bricks-button { margin-top: 16px; width: 100%; justify-content: center; min-height: 44px; font-size: 16px; }
.vcs-karta .vcs-wiecej { align-self: center; }

.vcs-kt__info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
.vcs-info { padding: 20px 22px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(25, 24, 28, .48); color: #e6e6ea; font-size: 15px; line-height: 1.6; }
.vcs-info strong { display: block; font-family: var(--vcs-exo); font-size: 18px; color: #fff; margin-bottom: 4px; }
.vcs-info a { color: var(--vcs-akcja); font-weight: 600; }
.vcs-info .vcs-wiecej { display: flex; width: fit-content; padding-block: 10px 0; }

@media (max-width: 1279px) {
  .vcs-karty { grid-template-columns: repeat(6, 1fr); }
  .vcs-karta { grid-column: span 2; }
  .vcs-karta:nth-child(4) { grid-column: 2 / span 2; }
}
@media (max-width: 991px) {
  .vcs-kt { padding-block: 150px 60px; }
  .vcs-karty { grid-template-columns: repeat(2, 1fr); }
  .vcs-karta, .vcs-karta:nth-child(4) { grid-column: auto; }
  .vcs-karta:last-child { grid-column: 1 / -1; max-width: calc(50% - 8px); justify-self: center; width: 100%; }
  .vcs-kt__info { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .vcs-przel { grid-template-columns: 1fr; gap: 18px; margin-top: 36px; }
  .vcs-plak { left: auto; right: 14px; transform: translateY(-55%); }
  .vcs-karty { grid-template-columns: 1fr; }
  .vcs-karta:last-child { max-width: none; }
  .vcs-karta__img img { width: 52%; }
  .vcs-karta__opis { min-height: 0; }
  .vcs-karta__m { min-height: 0; }
  .vcs-kt__pkt { justify-content: flex-start; }
}

/* ---------- Karta produktu ---------- */
#brx-content > .vcs-opis-pas, #brx-content > #pelny-opis, #brx-content > .vcs-kt { width: 100%; flex: 0 0 100%; }
/* uwaga #462: pudełko po lewej, tytuł i krótki opis po prawej, długi opis pod spodem */
.vcs-prod-glowa { display: grid; grid-template-columns: 46% minmax(0, 1fr); gap: 32px; align-items: center; margin-bottom: 32px; width: 100%; }
.vcs-prod-h1 { margin: 0 0 16px; }
.vcs-prod-krotki { font-size: 18px; line-height: 1.55; margin: 0; }
.vcs-pudelko { width: 100%; margin: 0; }
.vcs-pudelko img { display: block; width: 100%; height: auto; filter: drop-shadow(0 24px 60px rgba(0, 230, 254, .22)); }
@media (max-width: 1024px) { .vcs-prod-glowa { max-width: 649px; } }
@media (max-width: 560px) { .vcs-prod-glowa { grid-template-columns: 40% minmax(0, 1fr); gap: 16px; margin-bottom: 20px; } .vcs-prod-krotki { font-size: 16px; } }

.vcs-opis-pas { background: var(--vcs-ciemny); padding-block: 48px; text-align: center; }
.vcs-opis-pas p { color: #c3c3c9; margin: 0 0 18px; font-size: 16px; }
.vcs-opis-pas h2 { font-family: var(--vcs-exo); color: #fff; font-size: clamp(26px, 3vw, 38px); line-height: 1.2; margin: 0 0 10px; }
.vcs-opis-btn { display: inline-flex; align-items: center; gap: 10px; }
.vcs-opis-btn svg { width: 18px; height: 18px; transition: transform .2s; }
.vcs-opis-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
#pelny-opis[hidden] { display: none !important; }
#pelny-opis { scroll-margin-top: 140px; }
/* ---------- Mega menu Sklep: pudełka + lekka ramka gradientu ---------- */
/* most nad przerwą tylko pod napisem pozycji - pas na całą szerokość zasłaniał sąsiednie pozycje menu (27.10) */
@media (min-width: 1025px) { .brx-has-megamenu > .brx-submenu-toggle { position: relative; } .brx-has-megamenu > .brx-submenu-toggle::after { content: ""; position: absolute; left: -8px; right: -8px; top: 100%; height: 48px; } }
/* uwaga #463: produkty na całą szerokość kolumny (do linii z odnośnikami) */
.vcs-mm-menu .mm-inner { width: 100%; }
.vcs-mm-menu .mm-inner-wrap { flex: 1 1 auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.vcs-mm-menu .mm-right { flex: none; }
.vcs-mm-item {
  display: flex; flex-direction: column; align-items: center; padding: 14px 12px 8px; border-radius: 10px;
  border: 1px solid transparent;
  background: linear-gradient(#0d0d10, #0d0d10) padding-box,
    linear-gradient(135deg, rgba(0, 24, 255, .75), rgba(0, 230, 254, .55) 55%, rgba(3, 255, 214, .75)) border-box;
  transition: box-shadow .2s;
}
.vcs-mm-item:hover { box-shadow: 0 0 24px rgba(0, 230, 254, .18); }
.vcs-mm-pudelko { display: block; width: 112px; margin-bottom: 8px; }
.vcs-mm-item .vcs-mm-nazwa { text-align: center; }
.vcs-mm-pudelko img { display: block; width: 100%; height: auto; transform: translateX(-25px); } /* uwaga #471 */
@media (max-width: 1024px) {
  .vcs-mm-menu .mm-inner-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .vcs-mm-pudelko { width: 72px; }
  .vcs-mm-pudelko img { transform: translateX(-16px); }
}

/* ---------- Karta produktu: wybór licencji (zakup jednorazowy / subskrypcja) ---------- */
.vcs-sel-box { max-width: 560px; padding: 24px; }
.vcs-sel fieldset { border: 0; margin: 0; padding: 0; }
.vcs-sel__kafle { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vcs-sel__kafel { position: relative; display: flex; flex-direction: column; padding: 18px 18px 16px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .22); background: rgba(25, 24, 28, .6); cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.vcs-sel__kafel:hover { border-color: rgba(7, 255, 255, .6); }
.vcs-sel__kafel.is-wyb { border: 2px solid var(--vcs-akcja); padding: 17px 17px 15px; box-shadow: 0 0 40px rgba(0, 230, 254, .18); }
.vcs-sel__radio { position: absolute; top: 16px; right: 16px; appearance: none; -webkit-appearance: none; box-sizing: border-box !important; padding: 0 !important; width: 22px !important; height: 22px !important; margin: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .7); display: grid; place-items: center; cursor: pointer; }
.vcs-sel__radio::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--vcs-akcja); transform: scale(0); transition: transform .15s; }
.vcs-sel__radio:checked { border-color: var(--vcs-akcja); }
.vcs-sel__radio:checked::before { transform: scale(1); }
.vcs-sel__radio:focus-visible { outline: 2px solid var(--vcs-akcja); outline-offset: 3px; }
.vcs-sel__tytul { font-family: var(--vcs-exo); font-weight: 700; font-size: 19px; line-height: 1.25; color: #fff; padding-right: 30px; cursor: pointer; }
.vcs-sel__opis { font-size: 13.5px; line-height: 1.5; color: #c3c3c9; margin: 8px 0 14px; }
.vcs-sel__okres { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin: 26px 0 14px; border-radius: 100px; background: var(--vcs-ciemny-2); }
.vcs-sel__okres label { position: relative; display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 100px; font-size: 14px; font-weight: 600; color: #e6e6ea; cursor: pointer; }
.vcs-sel__okres input { position: absolute; opacity: 0; pointer-events: none; }
.vcs-sel__okres label:has(input:checked) { background: var(--vcs-akcja); color: var(--vcs-ciemny); }
.vcs-sel__okres label:has(input:focus-visible) { outline: 2px solid var(--vcs-akcja); outline-offset: 2px; }
/* uwaga #477: „−1 350,00 zł” na prawym górnym rogu „3 lata”, w ramce karty */
.vcs-sel__oszcz { position: absolute; top: -13px; right: 4px; white-space: nowrap; padding: 3px 9px; border-radius: 100px; background: var(--vcs-ziel); color: var(--vcs-ciemny); font-size: 11.5px; font-weight: 700; line-height: 1.3; }
.vcs-sel__wybor { margin: 18px 0 12px; font-size: 14px; color: #c3c3c9; }
.vcs-sel__wybor strong { color: #fff; font-weight: 600; }
.vcs-sel__kup { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
.vcs-sel__kup .bricks-button { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 32px; font-size: 16px; }
.vcs-sel__kup svg { width: 18px; height: 18px; }
.vcs-sel__notka { margin: 10px 0 0; font-size: 13.5px; line-height: 1.5; color: #c3c3c9; }
.vcs-sel__kup .vcs-sel__notka { margin: 0; }
.vcs-sel__notka a { color: var(--vcs-akcja); }
@media (max-width: 560px) {
  .vcs-sel__kafle { grid-template-columns: 1fr; }
  .vcs-sel-box { padding: 16px; }
}

/* Koszyk: stepper i „usuń” - CSS strony wyrównywał treść przycisków do lewej i dodawał wcięcia */
.vcs-ilosc { box-sizing: border-box; height: 44px; padding: 0; gap: 0; }
.vcs-ilosc button, .vcs-ilosc input, .vcs-poz__x {
  box-sizing: border-box !important; margin: 0 !important; padding: 0 !important;
  display: inline-flex; align-items: center; justify-content: center; text-align: center; line-height: 1;
  min-width: 0; min-height: 0; flex: none;
}
.vcs-ilosc button { width: 40px; height: 40px; border-radius: 50%; color: var(--vcs-ciemny); }
.vcs-ilosc button svg, .vcs-poz__x svg { width: 18px; height: 18px; display: block; }
.vcs-ilosc button:disabled { opacity: .35; cursor: default; background: none; }
.vcs-ilosc input { width: 40px; height: 40px; font-size: 16px; }
.vcs-poz__x { width: 44px; height: 44px; border-radius: 50%; color: var(--vcs-tekst-2); }
.vcs-poz__x:hover { color: var(--vcs-ciemny); background: var(--vcs-jasne); }

/* uwaga #465: lewa kolumna karty wyrównana z ramką wyboru licencji (pod etykietą „Wybierz rodzaj licencji”) */
@media (min-width: 1025px) { .vcs-lewa { padding-top: 44px; } }
/* uwaga #466: po usunięciu sekcji Maintenance */
.vcs-wiecej-blok { display: flex; flex-direction: column; align-items: flex-start; margin-top: 8px; }
.vcs-wiecej--dol:hover svg { transform: translateY(4px); }
#opis-produktu { scroll-margin-top: 140px; }
@media (max-width: 1024px) { .vcs-lewa .vcs-wiecej-blok { align-self: stretch; } }
.vcs-wiecej-blok .x-www-mt-s { margin-top: 0; }

/* Nowa licencja / Aktualizacja: nadrzędny wybór, zaznaczona opcja na fioletowo */
.vcs-kt [hidden], .vcs-sel [hidden] { display: none !important; }
.vcs-tryb { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 100px; background: var(--vcs-ciemny-2); border: 1px solid rgba(255, 255, 255, .12); margin: 0 0 16px; }
.vcs-tryb label { position: relative; display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 12px; border-radius: 100px; font: 700 16px/1.2 var(--vcs-exo); color: #e6e6ea; cursor: pointer; text-align: center; transition: background .15s, color .15s; }
.vcs-tryb label:hover { color: #fff; }
.vcs-tryb input { position: absolute; opacity: 0; pointer-events: none; }
/* uwagi #474–#476: motyw daje label margin-bottom 5px - przez to pod przyciskami było 10 px, nad nimi 5 px */
.vcs-tryb label, .vcs-sel__okres label, .vcs-sel__pig label, .vcs-kt__lic label, .vcs-przel label { margin: 0; }
.vcs-tryb label:has(input:checked) { background: var(--vcs-fiolet); color: #fff; box-shadow: 0 6px 24px rgba(124, 58, 237, .45); }
.vcs-tryb label:has(input:focus-visible) { outline: 2px solid #b794ff; outline-offset: 2px; }
.vcs-kt .vcs-tryb { max-width: 520px; margin: 40px auto 0; }
.vcs-kt .vcs-tryb ~ .vcs-przel, .vcs-kt [data-panel="akt"] .vcs-przel { margin-top: 36px; }
.vcs-kt__lic, .vcs-sel__pig { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 100px; background: var(--vcs-ciemny-2); }
.vcs-kt__lic { max-width: 360px; margin: 20px auto 0; }
.vcs-kt__notka { max-width: 560px; margin: 20px auto 0; text-align: center; font-size: 14px; line-height: 1.5; color: #c3c3c9; }
.vcs-kt__notka a { color: var(--vcs-akcja); }
.vcs-sel__pig--3 { grid-template-columns: repeat(3, 1fr); }
.vcs-kt__lic label, .vcs-sel__pig label { position: relative; display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 100px; font-size: 14px; font-weight: 600; color: #e6e6ea; cursor: pointer; }
.vcs-kt__lic input, .vcs-sel__pig input { position: absolute; opacity: 0; pointer-events: none; }
.vcs-kt__lic label:has(input:checked), .vcs-sel__pig label:has(input:checked) { background: var(--vcs-akcja); color: var(--vcs-ciemny); }
.vcs-kt__lic label:has(input:focus-visible), .vcs-sel__pig label:has(input:focus-visible) { outline: 2px solid var(--vcs-akcja); outline-offset: 2px; }
.vcs-sel__akt { padding: 18px; border-radius: 10px; border: 2px solid var(--vcs-akcja); background: rgba(25, 24, 28, .6); box-shadow: 0 0 40px rgba(0, 230, 254, .18); }
.vcs-sel__grupa { margin: 0 0 14px !important; }
.vcs-sel__grupa legend { padding: 0; margin-bottom: 8px; font-size: 13.5px; font-weight: 600; color: #c3c3c9; }
.vcs-sel__akt .vcs-sel__opis { margin: 12px 0 0; }
/* ---------- Ceny (netto duże, brutto małe; promocja z Woo) ---------- */
.vcs-cena p { margin: 0; }
.vcs-cena__stara { font-size: 13px; color: #b9b9c0; }
.vcs-cena__stara s { text-decoration-thickness: 1.5px; }
.vcs-cena__netto { color: #fff; }
.vcs-cena__netto b { display: block; font: 700 26px/1.15 Inter, sans-serif; white-space: nowrap; }
.vcs-cena__netto small { font-size: 13px; color: #e6e6ea; }
.vcs-cena__brutto { margin-top: 2px !important; font-size: 12.5px; color: #b9b9c0; }
.vcs-cena__omni { margin-top: 8px !important; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 12px; line-height: 1.45; color: #c3c3c9; }
.vcs-cena__promo { margin-top: 4px !important; font-size: 12.5px; font-weight: 600; color: #fcc614; }
.vcs-cena--promo .vcs-cena__netto b { color: #fcc614; }
.vcs-cena--brak { font-weight: 600; color: #c3c3c9; }
.vcs-sel__kafel .vcs-cena, [data-cena="akt"] .vcs-cena { margin-top: auto; }
[data-cena="wieczysta"], [data-cena="sub"] { margin-top: auto; }
.vcs-karta__cena { margin-top: auto; }
.vcs-karta .vcs-cena__netto b { font-size: 24px; color: var(--vcs-ziel); }
.vcs-karta .vcs-cena--promo .vcs-cena__netto b { color: #fcc614; }
.vcs-karta .vcs-cena__netto small { font-size: 13px; font-weight: 600; color: var(--vcs-ziel); }
.vcs-karta .vcs-cena__brutto { text-transform: uppercase; font-size: 11.5px; letter-spacing: .01em; }
.bricks-button.is-off { opacity: .4; pointer-events: none; }
.vcs-od b { font-weight: 700; }
.vcs-od small { opacity: .75; }

/* ---------- Karta produktu (produkcja) ---------- */
.vcs-sel-box { width: 100%; max-width: 560px; padding: 24px; border-radius: 10px; background: rgba(25, 24, 28, .48); }
.vcs-sel__pig--4 { grid-template-columns: repeat(4, 1fr); }
.vcs-sel__pig label.is-brak { opacity: .35; cursor: default; }
.vcs-sel__kup .bricks-button { text-decoration: none; }
.vcs-prod-krotki p { font-size: 18px; line-height: 1.55; margin: 0; }
.vcs-prod-opis { margin-bottom: 8px; }
.vcs-prod-opis p { margin: 0 0 12px; }
.vcs-wiecej-blok p { margin: 0; }
.vcs-opis-pas { width: 100%; }
#pelny-opis { width: 100%; }
@media (max-width: 560px) { .vcs-sel-box { padding: 16px; } .vcs-prod-krotki p { font-size: 16px; } }

/* ---------- Kup teraz: 4 posiadane wersje ---------- */
.vcs-przel--4 { grid-template-columns: repeat(4, 1fr); max-width: 1100px; }
@media (max-width: 991px) { .vcs-przel--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .vcs-przel--4 { grid-template-columns: 1fr; } }
.vcs-kt [data-panel="akt"] .vcs-przel { margin-top: 36px; }
.vcs-karta .vcs-wiecej { text-decoration: none; }
.vcs-kt .vcs-wrap { box-sizing: border-box; }
.vcs-kt[data-tylko-akt] [data-panel="akt"] .vcs-przel { margin-top: 48px; }

/* ---------- Menu Sklep i lista sklepu ---------- */
.vcs-mm-pudelko img { max-width: 100%; filter: drop-shadow(0 12px 28px rgba(0, 230, 254, .18)); } /* poświata jak na karcie produktu */
.vcs-sklep-cta a { text-decoration: none; }

/* ---------- „Kup” + „Dowiedz się więcej →” ([vcs_linki]) ---------- */
.vcs-linki { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.vcs-linki .bricks-button { min-width: 160px; justify-content: center; margin: 0; text-decoration: none; }
.vcs-linki--rzad { position: relative; z-index: 2; flex-direction: row; flex-wrap: wrap; gap: 4px 20px; margin-top: auto; padding-top: 12px; }
.vcs-linki--rzad .bricks-button { min-width: 110px; }
.mm-content .vcs-linki { gap: 2px; margin-top: 8px; }
.mm-content .vcs-linki .bricks-button { min-width: 96px; }
.mm-content .vcs-linki .vcs-wiecej { font-size: 13px; padding-block: 8px; }
.vcs-mm-pudelko { display: block; width: 112px; margin: 0 auto 8px; }
@media (max-width: 1024px) { .vcs-mm-pudelko { width: 72px; } }

/* ---------- Strony „Kup teraz” i /akt/: sekcja Bricks + [vcs_kup_teraz] ---------- */
.vcs-kt-k { text-align: center; }
.vcs-kt-sc, .vcs-kt { width: 100%; text-align: left; }
.vcs-kt-k .vcs-kt__lead { max-width: 640px; }
.vcs-kt .vcs-kt__pkt, .vcs-kt .vcs-tryb { text-align: left; }
.vcs-kt-sc .vcs-kt { padding: 0; }

/* ---------- Maintenance: 5 wersji jako przyciski ---------- */
.vcs-sel__pig--5 { grid-template-columns: repeat(5, 1fr); }
.vcs-sel--maint .vcs-sel__pig label { padding: 0 6px; text-align: center; line-height: 1.2; }
@media (max-width: 560px) { .vcs-sel__pig--5 { grid-template-columns: repeat(3, 1fr); border-radius: 22px; } }

/* Motyw daje polom padding 0 12px - radio i checkbox były rozciągnięte (28×22); dotyczy wszystkich pól nowej ścieżki */
.vcs-przel input, .vcs-sel__radio, .vcs-radio, .vcs-check {
  box-sizing: border-box !important; padding: 0 !important;
  width: 22px !important; height: 22px !important; min-width: 22px; min-height: 22px; max-width: 22px; max-height: 22px;
  aspect-ratio: 1; line-height: 0; font-size: 0; box-shadow: none;
}

/* Nagłówek: ikona konta tej samej wysokości co przyciski (36 px), konto i przyciski co 10 px (odstęp menu 30 / 16 px zostaje dla pozycji tekstowych) */
@media (min-width: 1025px) {
  .vcs-konto { width: 36px; height: 36px; }
  .vcs-konto svg { width: 18px; height: 18px; }
  #brxe-cmqzxi > :has(> #brxe-gdokas), #brxe-cmqzxi > :has(> #brxe-oblkpy) { margin-left: -6px; }
}
@media (min-width: 1440px) {
  #brxe-cmqzxi > :has(> #brxe-gdokas), #brxe-cmqzxi > :has(> #brxe-oblkpy) { margin-left: -20px; }
}

/* Submenu Branże i Szkolenia: linki jako przyciski – pierwszy pełny zielony, drugi z zielonym obrysem (27.10) */
:is(#brxe-eaqvro, #brxe-ujccgs) .mm-links-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 8px; }
:is(#brxe-eaqvro, #brxe-ujccgs) .mm-links-wrap > * { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; margin: 0; padding: 0 14px; border-radius: 100px; border: 2px solid var(--vcs-ziel); font-size: 12.5px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; transition: background-color .15s, color .15s; }
:is(#brxe-eaqvro, #brxe-ujccgs) .mm-links-wrap > :first-child { background: var(--vcs-ziel); color: var(--vcs-ciemny); }
:is(#brxe-eaqvro, #brxe-ujccgs) .mm-links-wrap > :first-child:hover { background: transparent; color: var(--vcs-ziel); }
:is(#brxe-eaqvro, #brxe-ujccgs) .mm-links-wrap > :nth-child(2) { background: transparent; color: var(--vcs-ziel); }
:is(#brxe-eaqvro, #brxe-ujccgs) .mm-links-wrap > :nth-child(2):hover { background: var(--vcs-ziel); color: var(--vcs-ciemny); }

/* ---------- Moje konto (po zalogowaniu): panele jak w zamówieniu, ciemny tekst na błękicie (27.10) ---------- */
.vcs-konto-panel { display: block !important; width: min(1318px, 100%); margin-inline: auto; font-family: Inter, sans-serif; color: var(--vcs-tekst); }
/* Bricks wstawia [woocommerce_my_account] w dodatkowy div.woocommerce – siatka na nim */
.vcs-konto-panel > .woocommerce { display: grid !important; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; width: 100%; }
.vcs-konto-panel > .woocommerce::before, .vcs-konto-panel > .woocommerce::after { display: none !important; }
.vcs-konto-panel .woocommerce-MyAccount-navigation, .vcs-konto-panel .woocommerce-MyAccount-content { float: none !important; width: auto !important; box-sizing: border-box; background: #fff; border: 1px solid var(--vcs-linia); border-radius: 10px; }
.vcs-konto-panel .woocommerce-MyAccount-navigation { padding: 12px; position: sticky; top: 140px; }
.vcs-konto-panel .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.vcs-konto-panel .woocommerce-MyAccount-navigation li { margin: 0 !important; padding: 0 !important; border: 0; background: none !important; min-height: 0 !important; }
.vcs-konto-panel .woocommerce-MyAccount-navigation li a { display: flex; align-items: center; min-height: 44px; height: auto !important; padding: 10px 18px !important; line-height: 1.3 !important; white-space: normal; border-radius: 100px; background: transparent !important; color: var(--vcs-ciemny) !important; font-weight: 600; font-size: 15px; text-decoration: none; transition: background-color .15s; }
.vcs-konto-panel .woocommerce-MyAccount-navigation li a:hover { background: var(--vcs-jasne) !important; }
.vcs-konto-panel .woocommerce-MyAccount-navigation li.is-active a { background: var(--vcs-akcja) !important; color: var(--vcs-ciemny) !important; }
.vcs-konto-panel .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid var(--vcs-linia) !important; }
.vcs-konto-panel .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--vcs-tekst-2) !important; font-weight: 500; }
.vcs-konto-panel .woocommerce-MyAccount-content { padding: 32px; min-width: 0; }
.vcs-konto-panel .woocommerce-MyAccount-content > :first-child { margin-top: 0; }
.vcs-konto-panel .woocommerce-MyAccount-content p { font-size: 16px; line-height: 1.6; margin: 0 0 14px; }
.vcs-konto-panel .woocommerce-MyAccount-content a:not(.button) { color: var(--vcs-niebieski); font-weight: 600; }
.vcs-konto-panel h2, .vcs-konto-panel h3, .vcs-konto-panel legend { font-family: var(--vcs-exo); font-weight: 700; color: var(--vcs-ciemny); }
.vcs-konto-panel h2 { font-size: 24px; margin: 24px 0 14px; }
.vcs-konto-panel h3 { font-size: 20px; margin: 0 0 10px; }
/* przyciski: błękit + ciemny tekst */
.vcs-konto-panel .button, .vcs-konto-panel button[type=submit], .vcs-konto-panel .woocommerce-Button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 24px !important; border: 0 !important; border-radius: 100px !important; background: var(--vcs-akcja) !important; color: var(--vcs-ciemny) !important; font: 700 15px Inter, sans-serif !important; text-decoration: none; cursor: pointer; transition: background-color .15s; }
.vcs-konto-panel .button:hover, .vcs-konto-panel button[type=submit]:hover { background: var(--vcs-ziel) !important; color: var(--vcs-ciemny) !important; }
.vcs-konto-panel .woocommerce-orders-table .button { min-height: 34px; padding: 0 16px !important; font-size: 13.5px !important; margin: 2px 4px 2px 0; }
/* tabele: zamówienia, szczegóły zamówienia */
.vcs-konto-panel table.shop_table { width: 100%; border: 0 !important; border-collapse: collapse; margin: 0 0 20px; border-radius: 0; }
.vcs-konto-panel table.shop_table th { padding: 10px 12px; border: 0 !important; border-bottom: 1px solid var(--vcs-linia) !important; background: none; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--vcs-tekst-2); }
.vcs-konto-panel table.shop_table td { padding: 14px 12px; border: 0 !important; border-bottom: 1px solid var(--vcs-linia) !important; background: none !important; font-size: 15px; color: var(--vcs-ciemny); vertical-align: middle; }
.vcs-konto-panel .woocommerce-orders-table__cell-order-number a { color: var(--vcs-ciemny) !important; font-weight: 700; }
.vcs-konto-panel mark { background: none; color: var(--vcs-ciemny); font-weight: 600; }
/* formularze: dane konta, adresy */
.vcs-konto-panel form .form-row { margin: 0 0 16px; padding: 0; }
.vcs-konto-panel form .form-row label { display: block; margin: 0 0 8px; font: 600 15px Inter, sans-serif; color: var(--vcs-ciemny); }
.vcs-konto-panel form .required { color: var(--vcs-blad); text-decoration: none; border: 0; }
.vcs-konto-panel form input.input-text, .vcs-konto-panel form select { box-sizing: border-box; width: 100%; height: 50px; padding: 0 22px; border-radius: 100px; border: 1px solid #cfd2d8; background: #fff; font: 16px Inter, sans-serif; color: var(--vcs-ciemny); }
.vcs-konto-panel form input.input-text:focus { outline: none; border-color: var(--vcs-niebieski); box-shadow: 0 0 0 3px rgba(0, 24, 255, .15); }
.vcs-konto-panel form fieldset { margin: 24px 0 0; padding: 20px; border: 1px solid var(--vcs-linia); border-radius: 10px; }
.vcs-konto-panel form em, .vcs-konto-panel .description { display: block; margin-top: 6px; font-size: 13.5px; font-style: normal; color: var(--vcs-tekst-2); }
.vcs-konto-panel .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.vcs-konto-panel .woocommerce-Address { float: none !important; width: auto !important; padding: 20px; border: 1px solid var(--vcs-linia); border-radius: 10px; }
.vcs-konto-panel .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vcs-konto-panel .woocommerce-Address-title::before, .vcs-konto-panel .woocommerce-Address-title::after { display: none; }
.vcs-konto-panel address { font-style: normal; line-height: 1.6; color: var(--vcs-tekst); }
/* komunikaty Woo w panelu */
.vcs-konto-panel .woocommerce-message, .vcs-konto-panel .woocommerce-info, .vcs-konto-panel .woocommerce-error { margin: 0 0 20px; padding: 14px 18px; border: 1px solid var(--vcs-linia); border-left: 4px solid var(--vcs-akcja); border-radius: 8px; background: var(--vcs-jasne); color: var(--vcs-ciemny); list-style: none; }
.vcs-konto-panel .woocommerce-error { border-left-color: var(--vcs-blad); }
.vcs-konto-panel .woocommerce-message::before, .vcs-konto-panel .woocommerce-info::before, .vcs-konto-panel .woocommerce-error::before { display: none; }
.vcs-konto-panel .woocommerce-message .button, .vcs-konto-panel .woocommerce-info .button { float: right; min-height: 36px; margin-left: 12px; }
@media (max-width: 991px) {
  .vcs-konto-panel > .woocommerce { grid-template-columns: 1fr; }
  .vcs-konto-panel .woocommerce-MyAccount-navigation { position: static; }
  .vcs-konto-panel .woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; }
  .vcs-konto-panel .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important; }
}
@media (max-width: 700px) {
  .vcs-konto-panel .woocommerce-MyAccount-content { padding: 22px 18px; }
  .vcs-konto-panel .woocommerce-Addresses { grid-template-columns: 1fr; }
  .vcs-konto-panel table.shop_table_responsive thead { display: none; }
  .vcs-konto-panel table.shop_table_responsive tr { display: block; padding: 12px 0; border-bottom: 1px solid var(--vcs-linia); }
  .vcs-konto-panel table.shop_table_responsive td { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border: 0 !important; text-align: right; }
  .vcs-konto-panel table.shop_table_responsive td::before { content: attr(data-title); font-weight: 600; color: var(--vcs-tekst-2); text-align: left; }
}

/* Konto na telefonie: przycisk w komunikacie pod tekstem, wiersze tabeli zamówień w jednej linii */
@media (max-width: 700px) {
  .vcs-konto-panel .woocommerce-message .button, .vcs-konto-panel .woocommerce-info .button { float: none; display: flex; width: fit-content; margin: 10px 0 0; }
  .vcs-konto-panel table.shop_table_responsive td { display: block !important; text-align: right; }
  .vcs-konto-panel table.shop_table_responsive td::before { float: left; margin-right: 12px; }
}

/* Karty wersji na „Sklep BricsCAD” na telefonie: wszystko wyśrodkowane; pudełko lekko w lewo (grzbiet po lewej – optycznie wyglądało na przesunięte w prawo) */
@media (max-width: 640px) {
  .vcs-karta { align-items: center; text-align: center; }
  .vcs-karta__img { justify-content: center; width: 100%; }
  .vcs-karta__img img { transform: translateX(-6%); }
  .vcs-karta__opis, .vcs-karta__m { margin-inline: auto; }
  .vcs-karta__cena, .vcs-karta .vcs-cena { width: 100%; text-align: center; }
  .vcs-karta .vcs-cena__netto b { display: block; }
  .vcs-karta .bricks-button { width: 100%; }
  .vcs-karta .vcs-wiecej { align-self: center; }
}

/* Komunikaty w koncie: tekst i przycisk w jednym wierszu (Woo/Bricks dawały wąskie kolumny) */
.vcs-konto-panel .woocommerce-MyAccount-content .woocommerce-message, .vcs-konto-panel .woocommerce-MyAccount-content .woocommerce-info, .vcs-konto-panel .woocommerce-MyAccount-content .woocommerce-error, .vcs-konto-panel .woocommerce-notices-wrapper > * { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; width: auto !important; max-width: none !important; box-sizing: border-box; line-height: 1.5; font-size: 15px; }
.vcs-konto-panel .woocommerce-MyAccount-content .woocommerce-info .button, .vcs-konto-panel .woocommerce-MyAccount-content .woocommerce-message .button { float: none !important; order: 2; flex: none; margin: 0 !important; white-space: nowrap; }
.vcs-konto-panel .woocommerce-notices-wrapper { display: block; width: 100%; }

/* Na stronie sklepu (/sklep/, 6178) pozycja „Sklep BricsCAD” bez mega menu: bez strzałki, bez rozwijania, bez mostka */
body.page-id-6178 .vcs-mm-menu > .brx-submenu-toggle > button,
body.page-id-6178 .vcs-mm-menu > .brx-dropdown-content { display: none !important; }
body.page-id-6178 .vcs-mm-menu > .brx-submenu-toggle::after { content: none !important; }