/* Strony z menu „Więcej” (Dla instalatorów: szkolenia, partner, subdystrybutor; O nas: sklep, Inter-Elektro, Felicity),
   14.10.2026. Ten sam styl co Serwis v2: ciemne studio z wyśrodkowanym tytułem i dużym przyciskiem, białe karty, kroki,
   pytania, ciemny pas kontaktu. Przestrzeń nazw .wx, noc pod html.fx-noc. Bez skryptów (panel ich nie przepuszcza). */
/* the template chrome around the content, as on the Serwis page: the h1 stays for readers only, no white frame, no button back */
#SrodekKolumna:has(.wx)>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#SrodekKolumna:has(.wx)>.StrTresc{padding:0;background:transparent;box-shadow:none;border:0}
#SrodekKolumna:has(.wx)>.StrTresc>br,#SrodekKolumna:has(.wx)>.StrTresc>a.przycisk{display:none}
.StrTresc .FormatEdytor:has(.wx){max-width:none;padding:0;margin:0}
.StrTresc .wx{--zar:#5a1f08;--burs:#ffb36b;--pom:#f06a25;--pom-ciem:#b4410f;--tusz:#171310;--szary:#4f4843;--kreska:#e6e1dc;--kafel:#f4f3f1;--karta:#fff;
 --karta-cien:0 1px 0 rgba(40,25,15,.04),0 10px 30px rgba(40,25,15,.06);--pad:clamp(22px,3.4vw,52px);--disp:Unbounded,Sora,Arial,sans-serif;--txt:Sora,"Instrument Sans",Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1);
 font-family:var(--txt);font-size:16.5px;line-height:1.6;color:var(--tusz);text-align:left;-webkit-font-smoothing:antialiased}
.StrTresc .wx *,.StrTresc .wx *::before,.StrTresc .wx *::after{box-sizing:border-box}
.StrTresc .wx h2,.StrTresc .wx h3{margin:0;padding:0;border:0;background:none;text-transform:none}
.StrTresc .wx h2{text-wrap:balance;font-family:var(--disp);font-weight:700;font-size:clamp(28px,3.4vw,48px);line-height:1.06;letter-spacing:-.03em;color:inherit}
.StrTresc .wx h3{font-family:var(--disp);font-weight:600;font-size:17px;line-height:1.3;letter-spacing:-.01em;color:inherit}
.StrTresc .wx p{margin:0}
.StrTresc .wx ul,.StrTresc .wx ol{margin:0;padding:0;list-style:none}
.StrTresc .wx a{text-decoration:none}
.StrTresc .wx img{display:block}
.StrTresc .wx .wx-ik{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.StrTresc .wx .wx-nad{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--burs)}
.StrTresc .wx .wx-nad::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(255,179,107,.18)}
.StrTresc .wx .wx-nad-c{color:var(--pom-ciem)}
.StrTresc .wx .wx-nad-c::before{box-shadow:0 0 0 4px rgba(240,106,37,.14)}
.StrTresc .wx .wx-wstep{margin-top:14px;font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:var(--szary);text-wrap:pretty}
@keyframes wx-pojaw{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes wx-dryf{to{transform:translate3d(3%,-2%,0) scale(1.04)}}

/* hero: ciemne studio, wyśrodkowany tytuł, jeden duży przycisk, pod nim inne drogi kontaktu i obraz */
.StrTresc .wx .wx-hero{position:relative;isolation:isolate;overflow:hidden;overflow:clip;border-radius:28px;color:#fff;text-align:center;padding:clamp(44px,5.4vw,84px) var(--pad) 0;
 background:radial-gradient(80% 60% at 30% 100%,#3c1e10 0%,#1c0e08 50%,#0d0706 100%)}
.StrTresc .wx .wx-hero::before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(30% 24% at 50% 6%,rgba(255,170,110,.15),transparent 70%),radial-gradient(34% 30% at 14% 70%,rgba(240,106,37,.14),transparent 70%),radial-gradient(34% 30% at 86% 62%,rgba(240,106,37,.1),transparent 70%);animation:wx-dryf 30s ease-in-out infinite alternate}
.StrTresc .wx .wx-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("https://sklepfelicity.pl/images/lv/lvx-ziarno.webp"),radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.5) 100%);background-size:180px 180px,auto}
.StrTresc .wx .wx-hero-c{max-width:800px;margin:0 auto;animation:wx-pojaw .8s var(--ease) both}
.StrTresc .wx .wx-hero h2{margin-top:14px;font-size:clamp(34px,4.8vw,64px);line-height:1.03;letter-spacing:-.035em;color:#fff}
.StrTresc .wx .wx-lead{margin:18px auto 0;max-width:38em;font-size:clamp(16px,1.3vw,18.5px);line-height:1.6;color:rgba(255,236,222,.82);text-wrap:pretty}
.StrTresc .wx .wx-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-size:15.5px;font-weight:600;line-height:1.2;
 transition:transform .25s var(--ease),filter .25s,box-shadow .25s}
.StrTresc .wx .wx-btn-g{color:#fff;background:linear-gradient(135deg,#f88d36 0%,#ec6a1f 48%,#d9520c 100%);box-shadow:0 12px 28px rgba(226,86,15,.4),inset 0 1px 0 rgba(255,255,255,.28)}
.StrTresc .wx .wx-btn-g:hover{transform:translateY(-1px);filter:brightness(1.05)}
.StrTresc .wx .wx-btn-xl{display:flex;width:min(100%,500px);min-height:70px;margin:34px auto 0;padding:0 30px;gap:12px;border-radius:22px;font-size:clamp(17px,1.5vw,19.5px);font-weight:700}
.StrTresc .wx .wx-btn-xl .wx-ik{width:24px;height:24px}
.StrTresc .wx .wx-btn-o{color:var(--tusz);box-shadow:inset 0 0 0 1.5px var(--kreska);background:none}
.StrTresc .wx .wx-btn-o:hover{box-shadow:inset 0 0 0 1.5px var(--pom);color:var(--pom-ciem)}
.StrTresc .wx .wx-kanaly{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:20px}
.StrTresc .wx .wx-kanaly a{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:rgba(255,236,222,.88);transition:color .2s}
.StrTresc .wx .wx-kanaly a:hover{color:#fff}
.StrTresc .wx .wx-kanaly .wx-ik{width:18px;height:18px;color:var(--burs)}
.StrTresc .wx .wx-scena{position:relative;max-width:860px;margin:clamp(28px,3.8vw,48px) auto 0;padding:0}
.StrTresc .wx .wx-scena::before{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:70%;z-index:-1;pointer-events:none;background:radial-gradient(46% 50% at 50% 100%,rgba(255,150,80,.38),rgba(240,106,37,.1) 55%,transparent 72%)}
.StrTresc .wx .wx-znaczki{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:18px 0 clamp(28px,3.6vw,46px)}
.StrTresc .wx .wx-znaczki span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,236,222,.07);box-shadow:inset 0 0 0 1px rgba(255,236,222,.12);font-size:13px;font-weight:500;color:rgba(255,236,222,.86)}
.StrTresc .wx .wx-znaczki span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pom);box-shadow:0 0 0 3px rgba(240,106,37,.22)}
/* obraz: zdjęcie w ramie studia */
.StrTresc .wx .wx-foto{overflow:hidden;border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,236,222,.12);animation:wx-pojaw 1s .15s var(--ease) both}
.StrTresc .wx .wx-foto img{width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:16/8;object-fit:cover}
.StrTresc .wx .wx-foto-szer img{aspect-ratio:900/281}
@media (max-width:760px){.StrTresc .wx .wx-foto-szer img{aspect-ratio:16/9}}
/* obraz: wycięty produkt na podłodze studia */
.StrTresc .wx .wx-produkt{display:inline-block;position:relative}
.StrTresc .wx .wx-produkt::after{content:"";position:absolute;left:-40%;right:-40%;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,196,150,.55),transparent)}
.StrTresc .wx .wx-produkt img{width:clamp(210px,26vw,360px)!important;height:auto!important;max-width:none!important;filter:drop-shadow(0 26px 26px rgba(0,0,0,.55));animation:wx-pojaw 1s .15s var(--ease) both}
/* obraz: oferta (np. kod rabatowy) */
.StrTresc .wx .wx-oferta{display:inline-grid;justify-items:center;gap:6px;padding:clamp(26px,3vw,40px) clamp(30px,5vw,64px);border-radius:28px;background:linear-gradient(160deg,rgba(255,236,222,.1),rgba(255,236,222,.03));box-shadow:inset 0 0 0 1px rgba(255,236,222,.14),0 30px 70px rgba(0,0,0,.4);animation:wx-pojaw 1s .15s var(--ease) both}
.StrTresc .wx .wx-oferta b{font-family:var(--disp);font-size:clamp(72px,10vw,132px);font-weight:800;line-height:.95;letter-spacing:-.05em;background:linear-gradient(135deg,#ffd0a0,#f88d36 45%,#e2560f);-webkit-background-clip:text;background-clip:text;color:transparent}
.StrTresc .wx .wx-oferta span{font-size:clamp(15px,1.3vw,17px);font-weight:600;color:#fff}
.StrTresc .wx .wx-oferta small{font-size:13px;color:rgba(255,236,222,.7)}
/* obraz: dokument (certyfikat) */
.StrTresc .wx .wx-dok{display:inline-block;padding:10px;border-radius:16px;background:#fff;transform:rotate(-2.5deg);box-shadow:0 34px 70px rgba(0,0,0,.5);animation:wx-pojaw 1s .15s var(--ease) both}
.StrTresc .wx .wx-dok img{width:clamp(190px,22vw,290px)!important;height:auto!important;max-width:none!important;border-radius:8px}
/* obraz: rysunek na jasnej karcie */
.StrTresc .wx .wx-ryc{padding:clamp(14px,2vw,26px);border-radius:24px;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.45);animation:wx-pojaw 1s .15s var(--ease) both}
.StrTresc .wx .wx-ryc img{width:100%!important;height:auto!important;max-width:none!important}

/* nawigacja w grupie (Dla instalatorów, O nas) */
.StrTresc .wx .wx-grupa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.StrTresc .wx .wx-grupa a{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 24px;border-radius:22px;background:var(--karta);box-shadow:var(--karta-cien);color:inherit;transition:transform .25s var(--ease),box-shadow .25s}
.StrTresc .wx .wx-grupa a:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(40,25,15,.04),0 18px 40px rgba(40,25,15,.1)}
.StrTresc .wx .wx-grupa .wx-ik{width:44px;height:44px;padding:11px;margin-bottom:8px;border-radius:14px;background:#fff3ea;color:var(--pom-ciem)}
.StrTresc .wx .wx-grupa b{font-family:var(--disp);font-size:16.5px;font-weight:600;letter-spacing:-.01em}
.StrTresc .wx .wx-grupa span{font-size:14px;line-height:1.5;color:var(--szary)}
.StrTresc .wx .wx-grupa a.wx-tu{box-shadow:inset 0 0 0 2px var(--pom),0 14px 30px rgba(240,106,37,.14)}
.StrTresc .wx .wx-grupa a.wx-tu::after{content:"Jesteś tutaj";position:absolute;top:20px;right:20px;padding:4px 9px;border-radius:999px;background:#fff3ea;font-size:11px;font-weight:700;color:var(--pom-ciem)}

/* sekcje na białych kartach */
.StrTresc .wx .wx-sekcja{margin-top:14px;padding:clamp(40px,5vw,76px) var(--pad);border-radius:28px;background:var(--karta);box-shadow:var(--karta-cien)}
.StrTresc .wx .wx-naglowek{max-width:760px;margin:0 auto clamp(26px,3vw,40px);text-align:center}
.StrTresc .wx .wx-naglowek h2{margin-top:12px}
.StrTresc .wx .wx-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;max-width:1180px;margin:0 auto}
.StrTresc .wx .wx-karty-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.StrTresc .wx .wx-karta{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;background:var(--kafel);color:inherit}
.StrTresc .wx .wx-karta>.wx-ik{width:44px;height:44px;padding:11px;margin-bottom:6px;border-radius:14px;background:#fff;color:var(--pom-ciem);box-shadow:0 1px 0 rgba(40,25,15,.05)}
.StrTresc .wx .wx-karta p{font-size:15px;line-height:1.55;color:var(--szary)}
.StrTresc .wx .wx-karta .wx-nad{margin-bottom:2px;font-size:11.5px;color:var(--pom-ciem)}
.StrTresc .wx .wx-karta .wx-nad::before{display:none}
.StrTresc .wx a.wx-karta{transition:transform .25s var(--ease),box-shadow .25s,background-color .25s}
.StrTresc .wx a.wx-karta:hover{transform:translateY(-3px);background:var(--karta);box-shadow:0 0 0 1px var(--kreska),0 18px 40px rgba(40,25,15,.1)}
.StrTresc .wx .wx-dalej{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:13.5px;font-weight:600;color:var(--pom-ciem)}
.StrTresc .wx .wx-dalej::after{content:"→";transition:transform .2s}
.StrTresc .wx a.wx-karta:hover .wx-dalej::after{transform:translateX(3px)}
/* lista z znacznikami */
.StrTresc .wx .wx-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px;max-width:980px;margin:0 auto}
.StrTresc .wx .wx-lista li{position:relative;padding:12px 0 12px 36px;border-bottom:1px solid var(--kreska);font-size:15.5px;line-height:1.5}
.StrTresc .wx .wx-lista li::before{content:"";position:absolute;left:0;top:13px;width:22px;height:22px;border-radius:50%;background:#fff3ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4410f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 12.5 3.2 3.2L17 9'/%3E%3C/svg%3E") center/14px no-repeat}
.StrTresc .wx .wx-lista li b{font-weight:600}
/* dwie kolumny: tekst i lista lub obraz */
.StrTresc .wx .wx-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1180px;margin:0 auto}
.StrTresc .wx .wx-duo h2{margin-top:12px}
.StrTresc .wx .wx-duo .wx-lista{grid-template-columns:minmax(0,1fr)}
.StrTresc .wx .wx-duo .wx-karty{grid-template-columns:repeat(2,minmax(0,1fr))}
.StrTresc .wx .wx-duo-obraz img{width:100%!important;height:auto!important;max-width:none!important;border-radius:22px}
.StrTresc .wx .wx-kolumny{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto}
.StrTresc .wx .wx-kolumny>div{padding:clamp(22px,3vw,34px);border-radius:24px;background:var(--kafel)}
.StrTresc .wx .wx-kolumny h3{margin-bottom:12px}
.StrTresc .wx .wx-kolumny .wx-lista{grid-template-columns:minmax(0,1fr)}
/* liczby */
.StrTresc .wx .wx-staty{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;max-width:1180px;margin:0 auto}
.StrTresc .wx .wx-staty div{padding:22px;border-radius:22px;background:var(--kafel);text-align:center}
.StrTresc .wx .wx-staty b{display:block;font-family:var(--disp);font-size:clamp(26px,2.8vw,38px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--pom-ciem)}
.StrTresc .wx .wx-staty span{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:var(--szary)}
/* kroki na przerywanej linii */
.StrTresc .wx .wx-kroki{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);max-width:1080px;margin:0 auto;counter-reset:wxk}
.StrTresc .wx .wx-kroki::before{content:"";position:absolute;left:8%;right:8%;top:23px;border-top:2px dashed #f2c6a6}
.StrTresc .wx .wx-kroki li{position:relative;counter-increment:wxk;text-align:center}
.StrTresc .wx .wx-kroki li::before{content:counter(wxk,decimal-leading-zero);position:relative;display:grid;place-items:center;width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#f88d36,#d9520c);font-family:var(--disp);font-size:15px;font-weight:700;color:#fff;box-shadow:0 0 0 7px var(--karta)}
.StrTresc .wx .wx-kroki p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--szary)}
/* pytania */
.StrTresc .wx .wx-faq{max-width:860px;margin:0 auto}
.StrTresc .wx .wx-faq details{border-bottom:1px solid var(--kreska)}
.StrTresc .wx .wx-faq summary{position:relative;padding:20px 44px 20px 0;cursor:pointer;list-style:none;font-size:16.5px;font-weight:600;line-height:1.4}
.StrTresc .wx .wx-faq summary::-webkit-details-marker{display:none}
.StrTresc .wx .wx-faq summary::after{content:"+";position:absolute;right:4px;top:50%;width:30px;height:30px;margin-top:-15px;display:grid;place-items:center;border-radius:50%;background:var(--kafel);font-size:19px;font-weight:500;color:var(--pom-ciem);transition:transform .25s}
.StrTresc .wx .wx-faq details[open] summary::after{transform:rotate(45deg)}
.StrTresc .wx .wx-faq details p{padding:0 44px 20px 0;font-size:15.5px;line-height:1.6;color:var(--szary)}
.StrTresc .wx .wx-faq a{color:var(--pom-ciem);text-decoration:underline;text-underline-offset:3px}

/* ciemny pas na końcu: zaproszenie i kontakt */
.StrTresc .wx .wx-koniec{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin-top:14px;padding:clamp(40px,5vw,72px) var(--pad);border-radius:28px;color:#fff;
 background:radial-gradient(70% 80% at 85% 100%,rgba(240,106,37,.22),transparent 65%),radial-gradient(80% 60% at 20% 0%,#2c150b 0%,#150b07 60%,#0d0706 100%)}
.StrTresc .wx .wx-koniec::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("https://sklepfelicity.pl/images/lv/lvx-ziarno.webp");background-size:180px 180px}
.StrTresc .wx .wx-koniec-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1180px;margin:0 auto}
.StrTresc .wx .wx-koniec h2{margin-top:12px;color:#fff}
.StrTresc .wx .wx-koniec .wx-wstep{color:rgba(255,236,222,.78)}
.StrTresc .wx .wx-koniec-btny{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.StrTresc .wx .wx-koniec .wx-btn-o{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,236,222,.28)}
.StrTresc .wx .wx-koniec .wx-btn-o:hover{box-shadow:inset 0 0 0 1.5px var(--burs);color:#fff}
.StrTresc .wx .wx-kontakt{padding:clamp(22px,2.6vw,30px);border-radius:24px;background:rgba(255,236,222,.06);box-shadow:inset 0 0 0 1px rgba(255,236,222,.12)}
.StrTresc .wx .wx-kontakt-h{font-family:var(--disp);font-size:17px;font-weight:600;color:#fff}
.StrTresc .wx .wx-kontakt-o{margin-top:6px;font-size:14px;line-height:1.5;color:rgba(255,236,222,.72)}
.StrTresc .wx .wx-wiersz{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,236,222,.05);font-size:15px;font-weight:500;color:#fff;transition:background-color .2s}
.StrTresc .wx .wx-wiersz:hover{background:rgba(255,236,222,.1)}
.StrTresc .wx .wx-wiersz .wx-ik{color:var(--burs)}
.StrTresc .wx .wx-firma{margin-top:14px;font-size:12.5px;line-height:1.5;color:rgba(255,236,222,.55)}

@media (prefers-reduced-motion:reduce){.StrTresc .wx *,.StrTresc .wx *::before,.StrTresc .wx *::after{animation:none!important;transition:none!important}}
@media (max-width:1023px){
 .StrTresc .wx .wx-karty-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .StrTresc .wx .wx-duo,.StrTresc .wx .wx-koniec-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
 .StrTresc .wx .wx-grupa{grid-template-columns:minmax(0,1fr);gap:8px}
 .StrTresc .wx .wx-grupa a{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:2px;padding:16px;border-radius:18px}
 .StrTresc .wx .wx-grupa .wx-ik{grid-row:span 2;margin:0}
 .StrTresc .wx .wx-grupa a.wx-tu::after{top:auto;bottom:12px;right:12px}
 .StrTresc .wx .wx-lista,.StrTresc .wx .wx-kolumny{grid-template-columns:minmax(0,1fr)}
 .StrTresc .wx .wx-kroki{grid-template-columns:minmax(0,1fr);gap:22px}
 .StrTresc .wx .wx-kroki::before{left:23px;right:auto;top:10px;bottom:10px;border-top:0;border-left:2px dashed #f2c6a6}
 .StrTresc .wx .wx-kroki li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;text-align:left}
 .StrTresc .wx .wx-kroki li::before{grid-row:span 2;margin:0}
 .StrTresc .wx .wx-kroki p{margin-top:4px}
 .StrTresc .wx .wx-foto img{aspect-ratio:4/3}
}
@media (max-width:640px){
 .StrTresc .wx .wx-duo .wx-karty{grid-template-columns:minmax(0,1fr)}
 .StrTresc .wx .wx-btn-xl{min-height:62px;margin-top:28px;font-size:16.5px;border-radius:18px}
 .StrTresc .wx .wx-kanaly{flex-direction:column;align-items:center;gap:10px}
 .StrTresc .wx .wx-znaczki span:nth-child(3){display:none}
 .StrTresc .wx .wx-karty{grid-template-columns:minmax(0,1fr)}
 .StrTresc .wx .wx-koniec-btny .wx-btn{width:100%}
}
/* wyśrodkowanie (użytkownik 14.10.2026: „Postaraj się wyśrodkować wszędzie tekst”): karty, listy, kolumny, kroki,
   pytania i pas kontaktu mają tekst na środku; ikony nad tekstem */
.StrTresc .wx .wx-grupa a,.StrTresc .wx .wx-karta{align-items:center;text-align:center}
.StrTresc .wx .wx-grupa a.wx-tu::after{position:static;order:-1;margin-bottom:2px}
.StrTresc .wx .wx-lista li{padding:12px 8px;text-align:center}
.StrTresc .wx .wx-lista li::before{position:static;display:inline-block;margin:0 8px 0 0;vertical-align:-5px}
.StrTresc .wx .wx-kolumny>div,.StrTresc .wx .wx-kolumny h3{text-align:center}
.StrTresc .wx .wx-duo{text-align:center}
.StrTresc .wx .wx-duo .wx-nad{justify-content:center}
.StrTresc .wx .wx-koniec-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;max-width:820px}
.StrTresc .wx .wx-koniec .wx-nad{justify-content:center}
.StrTresc .wx .wx-koniec-btny{justify-content:center}
.StrTresc .wx .wx-kontakt{width:100%;max-width:560px}
.StrTresc .wx .wx-wiersz{justify-content:center}
.StrTresc .wx .wx-faq summary{padding:20px 46px;text-align:center}
.StrTresc .wx .wx-faq details p{padding:0 46px 20px;text-align:center}
@media (max-width:760px){
 .StrTresc .wx .wx-grupa a{display:flex;flex-direction:column;align-items:center;padding:18px 16px}
 .StrTresc .wx .wx-grupa .wx-ik{margin:0 0 6px}
 .StrTresc .wx .wx-kroki::before{display:none}
 .StrTresc .wx .wx-kroki li{display:block;text-align:center}
 .StrTresc .wx .wx-kroki li::before{margin:0 auto 12px}
}
@media (max-width:640px){
 .StrTresc .wx .wx-faq summary{padding:18px 40px}
 .StrTresc .wx .wx-faq details p{padding:0 12px 18px}
}
/* noc */
html.fx-noc .StrTresc .wx{--tusz:#f3ede7;--szary:#bcb0a6;--kreska:rgba(255,236,222,.12);--kafel:#1f1a16;--karta:#17130f;--karta-cien:0 0 0 1px rgba(255,236,222,.07)}
html.fx-noc .StrTresc .wx .wx-nad-c,html.fx-noc .StrTresc .wx .wx-karta .wx-nad,html.fx-noc .StrTresc .wx .wx-dalej{color:#ff9a5c}
html.fx-noc .StrTresc .wx .wx-grupa .wx-ik,html.fx-noc .StrTresc .wx .wx-karta>.wx-ik{background:rgba(240,106,37,.14);color:#ffb36b;box-shadow:none}
html.fx-noc .StrTresc .wx .wx-grupa a.wx-tu::after{background:rgba(240,106,37,.16);color:#ffb36b}
html.fx-noc .StrTresc .wx .wx-lista li::before{background-color:rgba(240,106,37,.16)}
html.fx-noc .StrTresc .wx .wx-staty b{color:#ff9a5c}
html.fx-noc .StrTresc .wx .wx-faq summary::after{background:#2a221d;color:#ffb36b}
html.fx-noc .StrTresc .wx .wx-faq a{color:#ff9a5c}
html.fx-noc .StrTresc .wx .wx-kroki li::before{box-shadow:0 0 0 7px #17130f}
html.fx-noc .StrTresc .wx .wx-kroki::before{border-color:rgba(242,198,166,.4)}
html.fx-noc .StrTresc .wx .wx-btn-o{color:#f3ede7}