/* PLIK GENEROWANY z wzorzec/katalog przez narzedzia/wzorzec/przenies.mjs. Nie edytuj recznie: zmiana wygladu to zmiana wzorca za zgoda Mateusza i npm run generuj-arkusz. Reguly scen hero sa w osobnych plikach assets/css/liikye-kat-scena-.css (ten sam generator). */ .lk-kat,.lk-kat *{box-sizing:border-box;} .lk-kat{min-height:100%;} .lk-kat{margin:0;background:#fff;color:var(--ink-700);font-family:var(--font-text);font-size:16px; line-height:1.6;-webkit-font-smoothing:antialiased;} .lk-kat a{color:var(--orange-500);text-decoration:none;} .lk-kat a:hover{color:var(--orange-600);} .lk-kat :focus-visible{outline:2px solid var(--orange-500);outline-offset:2px;border-radius:4px;} .lk-kat h1,.lk-kat h2,.lk-kat h3,.lk-kat h4,.lk-kat p,.lk-kat ul,.lk-kat ol{margin:0;padding:0;} .lk-kat ul,.lk-kat ol{list-style:none;} .lk-kat{position:relative;width:100%;min-height:100%;background:#fff;overflow:hidden;} .lk-kat .lk-k-kontener{max-width:1200px;margin:0 auto;padding:0 40px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-kontener{padding:0 20px;}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-kontener{padding:0 32px;}} @media (min-width: 640px) and (max-width: 899px){ .lk-kat.lk-kat .lk-k-kontener{padding:0 24px;}} @media (min-width: 1200px){ .lk-kat.lk-kat .lk-k-tylko-m{display:none !important;}} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-tylko-d{display:none !important;}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-tylko-m{display:none !important;}} @media (min-width: 640px) and (max-width: 899px){ .lk-kat.lk-kat .lk-k-tylko-m{display:none !important;}} .lk-kat .lk-k-nadtytul{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.08em; text-transform:uppercase;color:var(--orange-500);} .lk-kat .lk-k-h2{font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--ink-900);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-h2{font-size:28px;}} .lk-kat .lk-k-przycisk{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px; border:1px solid transparent;border-radius:10px;background:var(--ink-50);color:var(--ink-900); font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;} .lk-kat .lk-k-przycisk--akcent{background:var(--orange-500);color:#fff;box-shadow:var(--shadow-accent);} .lk-kat .lk-k-przycisk--obrys{background:#fff;border-color:var(--ink-200);color:var(--ink-900);} .lk-kat .lk-k-przycisk--akcent:hover,.lk-kat .lk-k-przycisk--akcent:focus-visible{color:#fff;} .lk-kat .lk-k-przycisk--akcent:hover{background:var(--orange-600);} .lk-kat .lk-k-przycisk--obrys:hover,.lk-kat .lk-k-przycisk--obrys:focus-visible{color:var(--ink-900);} .lk-kat .lk-k-przycisk--obrys:hover{border-color:var(--orange-500);background:var(--orange-50);} @keyframes lk-k-cta{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} .lk-kat .lk-k-sekcja{padding:88px 0;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sekcja{padding:56px 0;}} .lk-kat .lk-k-sekcja--zaglebiona{background:var(--ink-50);} .lk-kat .lk-k-faq-d{display:grid;grid-template-columns:380px minmax(0,1fr);gap:56px;align-items:start;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-faq-d{grid-template-columns:1fr;gap:24px;}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-faq-d{grid-template-columns:300px minmax(0,1fr);}} @media (min-width: 640px) and (max-width: 899px){ .lk-kat.lk-kat .lk-k-faq-d{grid-template-columns:1fr;gap:24px;}} .lk-kat .lk-k-faq-d > *{min-width:0;} .lk-kat .lk-k-faq-d__lewa{display:flex;flex-direction:column;gap:12px;} .lk-kat .lk-k-pomoc{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding:22px;background:var(--orange-50);border:1px solid var(--orange-100);border-radius:20px;} .lk-kat .lk-k-pomoc__glowa{display:flex;align-items:center;gap:12px;} .lk-kat .lk-k-pomoc__ikona{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:var(--orange-500);color:#fff;} .lk-kat .lk-k-pomoc__ikona i{position:absolute;top:-3px;inset-inline-end:-3px;width:13px;height:13px;border:2px solid #fff;border-radius:999px;background:var(--green-500);animation:lk-k-puls-faq 1.6s ease-in-out infinite;} .lk-kat .lk-k-pomoc__tytul{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.2;color:var(--ink-900);} .lk-kat .lk-k-pomoc__stan{font-size:13px;font-weight:600;color:var(--green-700);} .lk-kat .lk-k-pomoc__opis{font-size:15px;line-height:1.55;color:var(--ink-700);} .lk-kat .lk-k-pomoc .lk-k-przycisk{align-self:flex-start;white-space:normal;overflow-wrap:anywhere;text-align:center;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-pomoc .lk-k-przycisk{align-self:stretch;}} .lk-kat .lk-k-pytanie-d{background:#fff;border:1px solid var(--ink-200);border-radius:16px;} .lk-kat .lk-k-pytanie-d + .lk-k-pytanie-d{margin-top:10px;} .lk-kat .lk-k-pytanie-d--otwarte{border-color:var(--orange-500);box-shadow:0 8px 24px rgba(255,84,54,.10);} .lk-kat .lk-k-pytanie-d__glowa{display:flex;align-items:center;gap:14px;min-height:64px;padding-block:12px 12px;padding-inline:12px 16px;font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.3;color:var(--ink-900);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-pytanie-d__glowa{min-height:58px;gap:12px;font-size:15px;}} .lk-kat .lk-k-pytanie-d__glowa:hover,.lk-kat .lk-k-pytanie-d__glowa:focus-visible{color:var(--orange-500);} .lk-kat .lk-k-pytanie-d__glowa:focus-visible{border-radius:16px;} .lk-kat .lk-k-pytanie-d__ikona{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--orange-50);color:var(--orange-500);} .lk-kat .lk-k-pytanie-d__daszek{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;margin-inline-start:auto;border-radius:999px;background:var(--ink-100);color:var(--ink-700);} .lk-kat .lk-k-pytanie-d--otwarte .lk-k-pytanie-d__daszek{background:var(--orange-500);color:#fff;transform:rotate(180deg);} .lk-kat .lk-k-pytanie-d__tresc{padding-block:0 20px;padding-inline:66px 20px;font-size:15px;line-height:1.6;color:var(--ink-700);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-pytanie-d__tresc{padding:0 16px 16px;}} .lk-kat .lk-k-pytanie-d__punkty{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;} .lk-kat .lk-k-pytanie-d__punkty span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--green-50);color:var(--green-700);font-family:var(--font-display);font-size:12px;font-weight:700;} @keyframes lk-k-puls-faq{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}50%{box-shadow:0 0 0 6px rgba(22,163,74,0)}} @media (prefers-reduced-motion: reduce){ .lk-kat .lk-k-pomoc__ikona i{animation:none;}} .lk-kat .lk-k-scena__tlo{position:absolute;top:44px;right:16px;bottom:24px;left:44px;border-radius:32px;background:var(--orange-50);} .lk-kat .lk-k-scena__kolo{position:absolute;top:10px;right:0;width:150px;height:150px;border-radius:999px;background:var(--orange-100);} .lk-kat .lk-k-scena__kropki{position:absolute;left:6px;bottom:6px;} .lk-kat .lk-k-zmienny{position:relative;display:inline-block;width:46px;height:20px;} .lk-kat .lk-k-zmienny span{position:absolute;top:0;left:0;opacity:0;animation:lk-k-licznik 8s infinite;} .lk-kat .lk-k-zmienny span:nth-child(2){animation-delay:2s;} .lk-kat .lk-k-zmienny span:nth-child(3){animation-delay:4s;} .lk-kat .lk-k-zmienny span:nth-child(4){animation-delay:6s;} .lk-kat .lk-k-serca{position:absolute;top:236px;left:166px;width:70px;height:170px;pointer-events:none;} .lk-kat .lk-k-serca svg{position:absolute;bottom:0;opacity:0;animation:lk-k-unies 3.2s ease-out infinite;} .lk-kat .lk-k-powiadomienie{position:absolute;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#fff;border-radius:999px; box-shadow:var(--shadow-md);font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.2;color:var(--ink-900); white-space:nowrap;opacity:0;animation:lk-k-powiadomienie 9s infinite;} .lk-kat .lk-k-powiadomienie small{display:block;font-family:var(--font-text);font-size:12px;font-weight:500;color:var(--ink-500);} .lk-kat .lk-k-powiadomienie__ikona{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--orange-500);color:#fff;} .lk-kat .lk-k-powiadomienie--1{top:150px;right:6px;} .lk-kat .lk-k-powiadomienie--2{top:232px;right:0;animation-delay:3s;} .lk-kat .lk-k-powiadomienie--3{top:314px;right:14px;animation-delay:6s;} .lk-kat .lk-k-odznaka{position:absolute;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px; background:#fff;box-shadow:var(--shadow-md);animation:lk-k-plyn 5s ease-in-out infinite;} .lk-kat .lk-k-odznaka :is(img, svg){display:block;width:28px;height:28px;border-radius:6px;} .lk-kat .lk-k-odznaka--ig{top:16px;left:96px;} @keyframes lk-k-serce{0%,100%{transform:scale(1)}8%{transform:scale(1.28)}16%{transform:scale(.94)}24%{transform:scale(1.08)}32%{transform:scale(1)}} @keyframes lk-k-licznik{0%{opacity:0;transform:translateY(8px)}4%{opacity:1;transform:none}24%{opacity:1;transform:none}28%{opacity:0;transform:translateY(-8px)}100%{opacity:0}} @keyframes lk-k-unies{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx,8px),-160px) scale(1.1)}} @keyframes lk-k-plyn{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @keyframes lk-k-slupek{0%,100%{transform:scaleY(.72)}50%{transform:scaleY(1)}} @keyframes lk-k-powiadomienie{0%{opacity:0;transform:translateX(16px)}5%{opacity:1;transform:none}30%{opacity:1;transform:none}36%{opacity:0;transform:translateY(-6px)}100%{opacity:0}} @keyframes lk-k-puls{0%,100%{opacity:1}50%{opacity:.35}} @media (prefers-reduced-motion: reduce){ .lk-kat .lk-k-zmienny span:last-child,.lk-kat .lk-k-powiadomienie{opacity:1;}} .lk-kat .lk-k-k-okruszki{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;line-height:1.4;color:var(--ink-600);} .lk-kat .lk-k-k-okruszki a{color:var(--ink-600);} .lk-kat .lk-k-k-okruszki a:hover{color:var(--orange-500);} .lk-kat .lk-k-k-okruszki [aria-current]{font-weight:600;color:var(--ink-900);} .lk-kat .lk-k-k-okruszki__kreska{color:var(--ink-300);} .lk-kat .lk-k-k-cena{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;row-gap:0;white-space:normal;} .lk-kat .lk-k-k-cena__od{font-size:13px;color:var(--ink-600);} .lk-kat .lk-k-k-cena b{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--ink-900);white-space:nowrap;} .lk-kat .lk-k-k-cena s{font-size:13px;color:var(--ink-500);} .lk-kat .lk-k-k-strzalka{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px; background:var(--ink-100);color:var(--ink-900);} .lk-kat .lk-k-aw-cele{display:flex;flex-wrap:wrap;gap:10px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-aw-cele{flex-wrap:nowrap;padding:4px;margin:-4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,#000 calc(82% - 2.56px),transparent calc(100% - 4px)); mask-image:linear-gradient(90deg,#000 calc(82% - 2.56px),transparent calc(100% - 4px));} .lk-kat.lk-kat .lk-k-aw-cele::-webkit-scrollbar{display:none;} .lk-kat.lk-kat .lk-k-aw-cele:dir(rtl){-webkit-mask-image:linear-gradient(270deg,#000 calc(82% - 2.56px),transparent calc(100% - 4px)); mask-image:linear-gradient(270deg,#000 calc(82% - 2.56px),transparent calc(100% - 4px));}} @property --lk-k-maska-koniec{syntax:'';inherits:false;initial-value:1;} @keyframes lk-k-maska-koniec{from{--lk-k-maska-koniec:0;}to{--lk-k-maska-koniec:1;}} @media (max-width: 639px){ @supports (animation-timeline: scroll()){ .lk-kat.lk-kat .lk-k-aw-cele{-webkit-mask-image:linear-gradient(90deg,#000 calc(82% - 2.56px),rgb(0 0 0 / var(--lk-k-maska-koniec)) calc(100% - 4px)); mask-image:linear-gradient(90deg,#000 calc(82% - 2.56px),rgb(0 0 0 / var(--lk-k-maska-koniec)) calc(100% - 4px)); animation:lk-k-maska-koniec linear both;animation-timeline:scroll(self inline);animation-range:calc(100% - 40px) calc(100% - 1px);} .lk-kat.lk-kat .lk-k-aw-cele:dir(rtl){-webkit-mask-image:linear-gradient(270deg,#000 calc(82% - 2.56px),rgb(0 0 0 / var(--lk-k-maska-koniec)) calc(100% - 4px)); mask-image:linear-gradient(270deg,#000 calc(82% - 2.56px),rgb(0 0 0 / var(--lk-k-maska-koniec)) calc(100% - 4px));}}} .lk-kat .lk-k-aw-cel{display:inline-flex;flex:none;align-items:center;gap:10px;height:52px;padding:0 18px 0 6px;border:1px solid var(--ink-200);border-radius:999px; background:#fff;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink-900);white-space:nowrap; transition:border-color .18s,background .18s,box-shadow .18s;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-aw-cel{height:48px;font-size:15px;}} .lk-kat .lk-k-aw-cel__ikona{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--orange-50);color:var(--orange-500); transition:transform .28s cubic-bezier(.16,1,.3,1);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-aw-cel__ikona{width:36px;height:36px;}} .lk-kat .lk-k-aw-cel b{font-size:13px;font-weight:700;color:var(--ink-500);} .lk-kat .lk-k-aw-cel:hover{border-color:var(--orange-500);color:var(--ink-900);box-shadow:var(--shadow-xs);} .lk-kat .lk-k-aw-cel:hover .lk-k-aw-cel__ikona{transform:rotate(-8deg) scale(1.08);} .lk-kat .lk-k-aw-cel--aktywny,.lk-kat .lk-k-aw-cel--aktywny:hover{border-color:var(--ink-900);background:var(--ink-900);color:#fff;} .lk-kat .lk-k-aw-cel--aktywny .lk-k-aw-cel__ikona{background:var(--orange-500);color:#fff;} .lk-kat .lk-k-aw-cel--aktywny b{color:var(--ink-400);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1-scena{order:-1;}} .lk-kat .lk-k-a1-scena{position:relative;width:520px;height:500px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1-scena{width:min(350px,100%);height:auto;aspect-ratio:350/337;margin:0 auto;container-type:inline-size;}} .lk-kat .lk-k-a1-scena__wnetrze{position:absolute;top:0;left:0;width:520px;height:500px;transform-origin:top left;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1-scena__wnetrze{transform:scale(.673);transform:scale(min(.673,tan(atan2(100cqw,520px))));}} .lk-kat .lk-k-a1-scena .lk-k-scena__tlo{top:40px;right:10px;bottom:30px;left:34px;} .lk-kat .lk-k-a1-scena .lk-k-serca{top:170px;left:150px;} .lk-kat .lk-k-a1-scena .lk-k-powiadomienie--1{top:118px;right:0;} .lk-kat .lk-k-a1-scena .lk-k-powiadomienie--2{top:212px;right:-6px;animation-delay:3s;} .lk-kat .lk-k-a1-scena .lk-k-powiadomienie--3{top:306px;right:8px;animation-delay:6s;} .lk-kat .lk-k-a1-scena .lk-k-odznaka--ig{top:8px;left:58px;} @keyframes lk-k-a2-puls{0%{opacity:.8;transform:scale(1)}80%{opacity:0;transform:scale(1.9)}100%{opacity:0}} @media (prefers-reduced-motion: reduce){ .lk-kat .lk-k-a1-scena *{animation:none !important;} .lk-kat .lk-k-a1-scena .lk-k-zmienny span:last-child,.lk-kat .lk-k-a1-scena .lk-k-powiadomienie{opacity:1;}} .lk-kat .lk-k-a1b-grupy{padding:36px 0 72px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1b-grupy{padding:22px 0 44px;}} .lk-kat .lk-k-a1b-grupa + .lk-k-a1b-grupa{margin-top:48px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1b-grupa + .lk-k-a1b-grupa{margin-top:34px;}} .lk-kat .lk-k-a1b-grupa[hidden] + .lk-k-a1b-grupa{margin-top:0;} .lk-kat .lk-k-a1b-grupa__glowa{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1b-grupa__glowa{grid-template-columns:40px minmax(0,1fr);gap:12px;}} .lk-kat .lk-k-a1b-grupa__ikona{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--orange-500);color:#fff; box-shadow:var(--shadow-accent);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1b-grupa__ikona{width:40px;height:40px;border-radius:12px;}} .lk-kat .lk-k-a1b-grupa__tytul{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--ink-900);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1b-grupa__tytul{font-size:20px;}} .lk-kat .lk-k-a1b-grupa__opis{margin-top:2px;font-size:15px;line-height:1.45;color:var(--ink-600);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1b-grupa__opis{font-size:13.5px;}} .lk-kat .lk-k-a1b-faq__pomoc{margin-top:16px;} .lk-kat .lk-k-a1b-faq__pomoc .lk-k-pomoc{margin-top:0;} .lk-kat .lk-k-a1c-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1c-lista{grid-template-columns:1fr;gap:8px;margin-top:12px;}} .lk-kat .lk-k-a1c-karta{display:grid;grid-template-columns:72px minmax(0,1fr) 36px;align-items:center;gap:16px;padding:16px;border:1px solid var(--ink-200); border-radius:18px;background:#fff;color:inherit;transition:border-color .18s,box-shadow .18s,transform .18s;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1c-karta{grid-template-columns:60px minmax(0,1fr) 32px;gap:14px;padding:12px;border-radius:16px;}} .lk-kat .lk-k-a1c-karta:hover{border-color:var(--orange-500);box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit;} .lk-kat .lk-k-a1c-karta:active{transform:scale(.985);} .lk-kat .lk-k-a1c-karta__obraz{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:15px;background:var(--ink-50);} .lk-kat .lk-k-a1c-karta__obraz :is(img, svg){display:block;width:56px;height:56px;transition:transform .35s cubic-bezier(.16,1,.3,1);} .lk-kat .lk-k-a1c-karta:hover .lk-k-a1c-karta__obraz :is(img, svg){transform:translateY(-3px) rotate(-4deg) scale(1.06);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1c-karta__obraz{width:60px;height:60px;border-radius:13px;} .lk-kat.lk-kat .lk-k-a1c-karta__obraz :is(img, svg){width:46px;height:46px;}} .lk-kat .lk-k-a1c-karta__tresc{display:flex;flex-direction:column;gap:3px;} .lk-kat .lk-k-a1c-karta__nazwa{font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.25;color:var(--ink-900);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1c-karta__nazwa{font-size:16px;}} .lk-kat .lk-k-a1c-karta__zacheta{font-size:14px;line-height:1.45;color:var(--ink-600);text-wrap:pretty;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1c-karta__zacheta{font-size:13.5px;}} .lk-kat .lk-k-a1c-karta .lk-k-k-cena{margin-top:5px;} .lk-kat .lk-k-a1c-karta .lk-k-k-cena b{font-size:18px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1c-karta .lk-k-k-cena b{font-size:17px;}} .lk-kat .lk-k-a1c-karta .lk-k-k-strzalka{transition:background .18s,color .18s,transform .18s;} .lk-kat .lk-k-a1c-karta:hover .lk-k-k-strzalka{background:var(--orange-500);color:#fff;transform:translateX(3px);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-a1c-karta .lk-k-k-strzalka{width:32px;height:32px;}} .lk-kat .lk-k-hr-grupy{padding-top:28px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr-grupy{padding-top:20px;}} .lk-kat .lk-k-hr-grupy .lk-k-a1b-grupa__glowa{margin-bottom:0;} .lk-kat .lk-k-hr1-h1{margin-top:18px;font-family:var(--font-display);font-size:46px;font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--ink-900);text-wrap:balance;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr1-h1{margin-top:12px;font-size:29px;line-height:1.12;}} .lk-kat .lk-k-hr1-lead{max-width:60ch;margin-top:10px;font-size:18px;line-height:1.55;color:var(--ink-700);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr1-lead{margin-top:8px;font-size:15px;}} .lk-kat .lk-k-hr56{padding:22px 0 44px;border-bottom:1px solid var(--ink-200);overflow:hidden;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr56{padding:12px 0 28px;}} .lk-kat .lk-k-hr56-uklad{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:40px;align-items:center;margin-top:8px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr56-uklad{grid-template-columns:1fr;gap:2px;margin-top:6px;}} .lk-kat .lk-k-hr56-uklad > *{min-width:0;} .lk-kat .lk-k-hr56-tekst{display:flex;flex-direction:column;align-items:flex-start;} .lk-kat .lk-k-hr56 .lk-k-hr1-h1{margin-top:12px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr56 .lk-k-hr1-h1{margin-top:6px;}} .lk-kat .lk-k-hr56-akcje{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr56-akcje{flex-direction:column;align-self:stretch;gap:10px;margin-top:18px;}} .lk-kat .lk-k-hr56-akcje .lk-k-przycisk{padding:16px 26px;font-size:17px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr56-akcje .lk-k-przycisk{width:100%;padding:15px 20px;font-size:16px;}} .lk-kat .lk-k-hr56-akcje .lk-k-przycisk--akcent svg{flex:none;} .lk-kat .lk-k-hr56-lista{padding-top:24px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-hr56-lista{padding-top:18px;} .lk-kat.lk-kat .lk-k-hr56-lista .lk-k-aw-cel{height:44px;padding:0 14px 0 5px;gap:8px;font-size:14px;} .lk-kat.lk-kat .lk-k-hr56-lista .lk-k-aw-cel__ikona{width:34px;height:34px;}} .lk-kat .lk-k-hr56-lista + .lk-k-hr-grupy{padding-top:24px;} .lk-kat .lk-k-a1-scena--duze-ig .lk-k-odznaka--ig{top:10px;left:18px;width:84px;height:84px;border-radius:24px;} .lk-kat .lk-k-a1-scena--duze-ig .lk-k-odznaka--ig :is(img, svg){width:50px;height:50px;border-radius:12px;} @keyframes lk-k-sk-postep{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media (prefers-reduced-motion: reduce){ .lk-kat .lk-k-sk-scena *{animation:none !important;} .lk-kat .lk-k-sk-scena .lk-k-zmienny span:last-child,.lk-kat .lk-k-sk-scena .lk-k-powiadomienie{opacity:1;}} .lk-kat .lk-k-sk-fb__awatar,.lk-kat .lk-k-sk-x__awatar,.lk-kat .lk-k-sk-tg__awatar,.lk-kat .lk-k-sk-th__awatar,.lk-kat .lk-k-sk-kk__awatar,.lk-kat .lk-k-sk-tw__awatar{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px; border-radius:999px;background:var(--ink-900);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:800;} .lk-kat .lk-k-sk-fb__obraz svg,.lk-kat .lk-k-sk-sc__okladka svg,.lk-kat .lk-k-sk-tg__obraz svg,.lk-kat .lk-k-sk-kk__film > svg,.lk-kat .lk-k-sk-li__baner svg,.lk-kat .lk-k-sk-tw__film > svg,.lk-kat .lk-k-sk-tw__miniatura > svg,.lk-kat .lk-k-sk-pi__pin > svg{display:block;width:100%;height:100%;} .lk-kat .lk-k-sk-kk__film,.lk-kat .lk-k-sk-tw__film{position:relative;display:block;aspect-ratio:16 / 9;} .lk-kat .lk-k-sk-kk__widzowie,.lk-kat .lk-k-sk-tw__widzowie{position:absolute;top:10px;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:rgba(11,14,15,.72); color:#fff;font-size:11.5px;font-weight:700;} .lk-kat .lk-k-sk-kk__widzowie .lk-k-zmienny,.lk-kat .lk-k-sk-tw__widzowie .lk-k-zmienny{width:34px;height:16px;} .lk-kat .lk-k-sk-kk__widzowie .lk-k-zmienny span,.lk-kat .lk-k-sk-tw__widzowie .lk-k-zmienny span{color:#fff;} .lk-kat .lk-k-sk-kk__pasek,.lk-kat .lk-k-sk-tw__pasek{display:flex;align-items:center;gap:10px;padding:10px 12px;} .lk-kat .lk-k-sk-kk__kto,.lk-kat .lk-k-sk-tw__kto{display:flex;flex-direction:column;font-size:11.5px;color:rgba(255,255,255,.6);} .lk-kat .lk-k-sk-kk__kto b,.lk-kat .lk-k-sk-tw__kto b{font-family:var(--font-display);font-size:13.5px;font-weight:700;color:#fff;} @keyframes lk-k-sk-odp-1{0%,5%{opacity:0;transform:translateY(10px)}10%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}} @keyframes lk-k-sk-odp-2{0%,18%{opacity:0;transform:translateY(10px)}23%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}} @keyframes lk-k-sk-odp-3{0%,31%{opacity:0;transform:translateY(10px)}36%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}} .lk-kat .lk-k-lf-oferta{background:var(--orange-50);border-color:var(--orange-100);} .lk-kat .lk-k-lf-oferta:hover{border-color:var(--orange-500);} .lk-kat .lk-k-lf-oferta .lk-k-lf-oferta__znak{background:var(--orange-500);color:#fff;box-shadow:var(--shadow-accent);} .lk-kat .lk-k-lf-oferta__akcja{margin-top:5px;font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.3;color:var(--orange-600);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-lf-oferta__akcja{font-size:14.5px;}} .lk-kat .lk-k-lf-oferta .lk-k-k-strzalka{background:var(--orange-500);color:#fff;} .lk-kat .lk-k-lf-oferta:hover .lk-k-k-strzalka{background:var(--orange-600);} .lk-kat .lk-k-fi-pytanie .lk-k-pytanie-d__tresc{padding-block:0 22px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-pytanie .lk-k-pytanie-d__tresc{padding:0 14px 16px;}} .lk-kat .lk-k-fi-lead{font-size:15px;line-height:1.6;color:var(--ink-700);text-wrap:pretty;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-lead{font-size:14.5px;}} .lk-kat .lk-k-fi-widget{margin-top:14px;padding:16px;border:1px solid var(--ink-100);border-radius:14px;background:var(--ink-50);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-widget{margin-top:12px;padding:12px;border-radius:12px;}} .lk-kat .lk-k-fi-stopka{margin-top:10px;font-size:13px;line-height:1.5;color:var(--ink-500);} .lk-kat .lk-k-fi-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-family:var(--font-display);font-size:11.5px;font-style:normal;font-weight:700;line-height:1.3;white-space:nowrap;} .lk-kat .lk-k-fi-tag--nie{background:var(--orange-50);color:var(--orange-600);} .lk-kat .lk-k-fi-tag--szary{background:#fff;border:1px solid var(--ink-200);color:var(--ink-600);} .lk-kat .lk-k-fi-pytanie .lk-k-pytanie-d__punkty{margin-top:12px;} .lk-kat .lk-k-fi-prosimy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-prosimy{grid-template-columns:1fr;gap:10px;}} .lk-kat .lk-k-fi-kolumna{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-kolumna{padding:12px;}} .lk-kat .lk-k-fi-kolumna__tytul{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);} .lk-kat .lk-k-fi-pole{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--green-500);border-radius:10px;background:var(--green-50);font-size:14px;font-weight:600;color:var(--ink-900);} .lk-kat .lk-k-fi-pole__ok{display:flex;color:var(--green-700);} .lk-kat .lk-k-fi-nigdy{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;color:var(--ink-800);} .lk-kat .lk-k-fi-nigdy + .lk-k-fi-nigdy{padding-top:10px;border-top:1px dashed var(--ink-200);} .lk-kat .lk-k-fi-uzup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-uzup{gap:4px;}} .lk-kat .lk-k-fi-stan{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;text-align:center;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-stan{padding:10px 4px;}} .lk-kat .lk-k-fi-stan b{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.1;color:var(--ink-900);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-stan b{font-size:18px;}} .lk-kat .lk-k-fi-stan span{font-size:12px;font-weight:600;color:var(--ink-500);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-stan span{font-size:11px;}} .lk-kat .lk-k-fi-stan--spadek b{color:var(--orange-600);} .lk-kat .lk-k-fi-stan--ok{border-color:var(--green-500);background:var(--green-50);} .lk-kat .lk-k-fi-stan--ok span{color:var(--green-700);} .lk-kat .lk-k-fi-strzalka{display:flex;color:var(--ink-400);} .lk-kat .lk-k-fi-widget.lk-k-fi-ustawienia{max-width:440px;padding:0;overflow:hidden;background:#fff;border-color:var(--ink-200);} .lk-kat .lk-k-fi-ustawienia__glowa{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--ink-100);font-size:13px;font-weight:700;color:var(--ink-700);} .lk-kat .lk-k-fi-ustawienia__glowa :is(img, svg){display:block;width:18px;height:18px;border-radius:5px;} .lk-kat .lk-k-fi-ustawienia__wiersz{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:15px;font-weight:600;color:var(--ink-900);} .lk-kat .lk-k-fi-przelacznik{position:relative;flex:none;width:46px;height:28px;border-radius:999px;background:var(--ink-300);} .lk-kat .lk-k-fi-przelacznik::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:var(--shadow-xs);} .lk-kat .lk-k-fi-ustawienia__rada{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--green-50);font-size:13px;font-weight:600;color:var(--green-700);} .lk-kat .lk-k-fi-sciezki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-sciezki{grid-template-columns:1fr;gap:10px;}} .lk-kat .lk-k-fi-sciezka{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;color:inherit;} .lk-kat .lk-k-fi-sciezka:hover{border-color:var(--orange-500);color:inherit;} .lk-kat .lk-k-fi-sciezka__uslugi{display:flex;gap:6px;} .lk-kat .lk-k-fi-sciezka__uslugi :is(img, svg){display:block;width:42px;height:42px;padding:4px;border-radius:10px;background:var(--ink-50);} .lk-kat .lk-k-fi-sciezka b{display:block;font-family:var(--font-display);font-size:15.5px;font-weight:700;line-height:1.3;color:var(--ink-900);} .lk-kat .lk-k-fi-sciezka b svg{display:inline-block;margin-left:2px;vertical-align:-3px;color:var(--orange-500);} .lk-kat .lk-k-fi-sciezka__opis{margin-top:-6px;font-size:13.5px;line-height:1.5;color:var(--ink-600);} .lk-kat .lk-k-fi-posty{display:flex;flex-direction:column;gap:14px;} .lk-kat .lk-k-fi-posty__wiersz{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:14px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-posty__wiersz{grid-template-columns:1fr;gap:8px;}} .lk-kat .lk-k-fi-posty__wiersz + .lk-k-fi-posty__wiersz{padding-top:14px;border-top:1px dashed var(--ink-200);} .lk-kat .lk-k-fi-posty__nazwa b{display:block;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ink-900);} .lk-kat .lk-k-fi-posty__nazwa span{font-size:12.5px;font-weight:600;color:var(--ink-500);} .lk-kat .lk-k-fi-posty__kafle{display:flex;gap:6px;} .lk-kat .lk-k-fi-kafel{position:relative;flex:none;width:48px;height:48px;border-radius:9px;background:var(--ink-200);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-kafel{width:40px;height:40px;} .lk-kat.lk-kat .lk-k-fi-posty__kafle{gap:5px;}} .lk-kat .lk-k-fi-kafel > svg{display:block;width:100%;height:100%;border-radius:9px;} .lk-kat .lk-k-fi-kafel__serce{position:absolute;right:-4px;bottom:-4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--ink-50);border-radius:999px;background:var(--orange-500);color:#fff;} .lk-kat .lk-k-fi-kafel__serce svg{width:10px;height:10px;} .lk-kat .lk-k-fi-kafel--wiecej{display:flex;align-items:center;justify-content:center;background:none;border:1.5px dashed var(--ink-300);font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink-500);} .lk-kat .lk-k-fi-tor{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-block:16px 14px;} .lk-kat .lk-k-fi-tor::before{content:"";position:absolute;top:31px;left:16.666%;right:16.666%;border-top:2px solid var(--ink-200);} .lk-kat .lk-k-fi-krok{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;} .lk-kat .lk-k-fi-krok__kolko{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--green-500);color:#fff;box-shadow:0 0 0 4px var(--ink-50);} .lk-kat .lk-k-fi-krok--zamek .lk-k-fi-krok__kolko{background:var(--ink-900);} .lk-kat .lk-k-fi-krok--dalej .lk-k-fi-krok__kolko{background:#fff;border:2px solid var(--ink-300);} .lk-kat .lk-k-fi-krok b{font-size:13.5px;font-weight:700;line-height:1.3;color:var(--ink-900);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-krok b{font-size:12.5px;}} .lk-kat .lk-k-fi-krok__opis{font-size:12px;font-weight:600;color:var(--orange-600);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-krok__opis{font-size:11px;}} .lk-kat .lk-k-fi-kroki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:fi-krok;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-kroki{grid-template-columns:1fr;gap:8px;}} .lk-kat .lk-k-fi-kroki li{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;font-size:13.5px;font-weight:600;line-height:1.45;color:var(--ink-800);} .lk-kat .lk-k-fi-kroki li::before{content:counter(fi-krok);counter-increment:fi-krok;display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--orange-500);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:800;} .lk-kat .lk-k-fi-oferta__dol{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;} .lk-kat .lk-k-fi-czas-odp{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink-700);} .lk-kat .lk-k-fi-czas-odp svg{color:var(--orange-500);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fi-oferta__przycisk{width:100%;}} .lk-kat .lk-k-fc-os{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;} .lk-kat .lk-k-fc-os__kroki{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:4px 0 2px;list-style:none;} .lk-kat .lk-k-fc-os__kroki::before{content:"";position:absolute;top:24px;left:12.5%;right:12.5%;border-top:2px solid var(--orange-200);} .lk-kat .lk-k-fc-os__krok{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;} .lk-kat .lk-k-fc-os__znak{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--orange-500);color:#fff;box-shadow:0 0 0 5px var(--ink-50);} .lk-kat .lk-k-fc-os__krok--1 .lk-k-fc-os__znak{background:var(--ink-900);} .lk-kat .lk-k-fc-os__krok--4 .lk-k-fc-os__znak{background:var(--green-500);} .lk-kat .lk-k-fc-os__krok b{margin-top:4px;font-family:var(--font-display);font-size:14.5px;font-weight:700;line-height:1.25;color:var(--ink-900);} .lk-kat .lk-k-fc-os__opis{font-size:12.5px;line-height:1.4;color:var(--ink-600);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-fc-os__kroki{grid-template-columns:1fr;gap:16px;} .lk-kat.lk-kat .lk-k-fc-os__kroki::before{top:24px;bottom:24px;left:19px;right:auto;border-top:0;border-left:2px solid var(--orange-200);} .lk-kat.lk-kat .lk-k-fc-os__krok{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:start;text-align:left;} .lk-kat.lk-kat .lk-k-fc-os__znak{grid-row:1 / span 2;} .lk-kat.lk-kat .lk-k-fc-os__krok b,.lk-kat.lk-kat .lk-k-fc-os__opis{grid-column:2;} .lk-kat.lk-kat .lk-k-fc-os__krok b{margin-top:2px;font-size:14px;} .lk-kat.lk-kat .lk-k-fc-os__opis{font-size:13px;}} .lk-kat .lk-k-sp-cel .lk-k-sp-cel__logo{background:#fff;border:1px solid var(--ink-200);} .lk-kat .lk-k-sp-cel__logo :is(img, svg){display:block;width:20px;height:20px;} .lk-kat .lk-k-sp-cel:hover .lk-k-sp-cel__logo{transform:none;} .lk-kat .lk-k-sp-grupa__glowa{display:flex;align-items:center;gap:14px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp-grupa__glowa{flex-wrap:wrap;gap:12px;}} .lk-kat .lk-k-sp-grupa__logo{display:flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--ink-200);border-radius:14px;background:#fff;box-shadow:var(--shadow-xs);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp-grupa__logo{width:42px;height:42px;border-radius:12px;}} .lk-kat .lk-k-sp-grupa__logo :is(img, svg){display:block;width:26px;height:26px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp-grupa__logo :is(img, svg){width:22px;height:22px;}} .lk-kat .lk-k-sp-grupa__glowa > div{flex:1;min-width:0;} .lk-kat .lk-k-sp-znak :is(img, svg){width:34px;height:34px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp-znak :is(img, svg){width:28px;height:28px;}} .lk-kat .lk-k-sp-karta .lk-k-k-cena{margin-top:4px;} .lk-kat .lk-k-sp-lista-4{grid-template-columns:repeat(4,minmax(0,1fr));} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp-lista-4{grid-template-columns:1fr;}} .lk-kat .lk-k-sp2-scena{position:relative;width:520px;height:500px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp2-scena{order:-1;width:min(350px,100%);height:auto;aspect-ratio:350/337;margin:0 auto 8px;container-type:inline-size;}} .lk-kat .lk-k-sp2-scena__wnetrze{position:absolute;top:0;left:0;width:520px;height:500px;overflow:hidden;border-radius:28px;background:var(--ink-100);transform-origin:top left;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp2-scena__wnetrze{transform:scale(.673);transform:scale(min(.673,tan(atan2(100cqw,520px))));}} .lk-kat .lk-k-sp2-licznik{position:relative;display:inline-block;} .lk-kat .lk-k-sp2-licznik i{visibility:hidden;font-style:normal;} .lk-kat .lk-k-sp2-licznik span{position:absolute;top:0;left:0;opacity:0;animation:lk-k-sp2-licznik 8s infinite;} .lk-kat .lk-k-sp2-licznik span:nth-of-type(2){animation-delay:2s;} .lk-kat .lk-k-sp2-licznik span:nth-of-type(3){animation-delay:4s;} .lk-kat .lk-k-sp2-licznik span:nth-of-type(4){animation-delay:6s;} @keyframes lk-k-sp2-licznik{0%{opacity:0;transform:translateY(6px)}4%{opacity:1;transform:none}24%{opacity:1;transform:none}28%{opacity:0;transform:translateY(-6px)}100%{opacity:0}} .lk-kat .lk-k-sp2-znak{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#fff;box-shadow:0 1px 3px rgba(14,15,17,.16);} .lk-kat .lk-k-sp2-znak :is(img, svg){display:block;width:17px;height:17px;} .lk-kat .lk-k-sp2-znak--nad{position:absolute;top:14px;left:14px;z-index:1;} .lk-kat .lk-k-sp2-sciana__okno{position:absolute;inset:0; -webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);} .lk-kat .lk-k-sp2-kol{position:absolute;top:0;width:152px;} .lk-kat .lk-k-sp2-kol--1{left:16px;} .lk-kat .lk-k-sp2-kol--2{left:184px;} .lk-kat .lk-k-sp2-kol--3{left:352px;} .lk-kat .lk-k-sp2-tor{display:flex;flex-direction:column;gap:14px;animation:lk-k-sp2-gora 44s linear infinite;} .lk-kat .lk-k-sp2-kol--2 .lk-k-sp2-tor{animation-name:lk-k-sp2-dol;animation-duration:38s;} .lk-kat .lk-k-sp2-kol--3 .lk-k-sp2-tor{animation-duration:52s;} @keyframes lk-k-sp2-gora{from{transform:translateY(0)}to{transform:translateY(calc(-33.3333% - 4.6667px))}} @keyframes lk-k-sp2-dol{from{transform:translateY(calc(-33.3333% - 4.6667px))}to{transform:translateY(0)}} .lk-kat .lk-k-sp2-k{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--ink-200);border-radius:16px;background:#fff;box-shadow:var(--shadow-xs);} .lk-kat .lk-k-sp2-k__foto{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:var(--ink-200);} .lk-kat .lk-k-sp2-k__foto svg{width:30px;height:30px;} .lk-kat .lk-k-sp2-k__foto--kwadrat{aspect-ratio:1;} .lk-kat .lk-k-sp2-k__foto--szeroki{aspect-ratio:16 / 9;} .lk-kat .lk-k-sp2-k__foto--twitch{background:#ebe5f7;} .lk-kat .lk-k-sp2-k__postep{position:absolute;left:0;bottom:0;width:46%;height:3px;background:#ff0033;} .lk-kat .lk-k-sp2-k__czas{position:absolute;right:6px;bottom:8px;padding:1px 5px;border-radius:4px;background:var(--ink-900);color:#fff;font-size:10px;font-style:normal;font-weight:700;} .lk-kat .lk-k-sp2-k__live{position:absolute;top:8px;right:8px;padding:2px 6px;border-radius:4px;background:#eb0400;color:#fff;font-family:var(--font-display);font-size:11px;font-style:normal;font-weight:800;letter-spacing:.04em;} .lk-kat .lk-k-sp2-k__dol{display:flex;align-items:center;gap:6px;padding:0 4px 2px;font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--ink-900);} .lk-kat .lk-k-sp2-k__dol em{font-family:var(--font-text);font-size:12px;font-style:normal;font-weight:600;color:var(--ink-500);} .lk-kat .lk-k-sp2-k__ik{display:flex;flex:none;color:var(--ink-700);} .lk-kat .lk-k-sp2-k__ik svg{display:block;width:16px;height:16px;} .lk-kat .lk-k-sp2-k__ik--serce{color:var(--orange-500);} .lk-kat .lk-k-sp2-k__ik--spotify{align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#1db954;color:#fff;} .lk-kat .lk-k-sp2-k__ik--spotify svg,.lk-kat .lk-k-sp2-k__ik--soundcloud svg{width:12px;height:12px;} .lk-kat .lk-k-sp2-k__ik--soundcloud{align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#ff5500;color:#fff;} .lk-kat .lk-k-sp2-k__kropka{flex:none;width:8px;height:8px;border-radius:999px;background:#eb0400;} .lk-kat .lk-k-sp2-k__autor{display:flex;align-items:center;gap:8px;padding:2px 2px 0;} .lk-kat .lk-k-sp2-k__kreska{flex:1;height:8px;border-radius:99px;background:var(--ink-200);} .lk-kat .lk-k-sp2-k__linie{display:flex;flex:1;flex-direction:column;gap:6px;padding:0 4px;} .lk-kat .lk-k-sp2-k__linie i{height:7px;border-radius:99px;background:var(--ink-200);} .lk-kat .lk-k-sp2-k__linie i:last-child{width:62%;} .lk-kat .lk-k-sp2-k__linie--tekst i{height:6px;background:var(--ink-100);} .lk-kat .lk-k-sp2-k__linie--tekst i:last-child{width:48%;} .lk-kat .lk-k-sp2-k--ciemny{padding:0;overflow:hidden;border-color:#16181d;} .lk-kat .lk-k-sp2-k__wideo{position:relative;display:block;aspect-ratio:9 / 14;background:#16181d;} .lk-kat .lk-k-sp2-k__graj{position:absolute;top:50%;left:50%;display:flex;width:44px;height:44px;margin:-22px 0 0 -22px;color:rgba(255,255,255,.85);} .lk-kat .lk-k-sp2-k__graj svg{width:44px;height:44px;} .lk-kat .lk-k-sp2-k__boczne{position:absolute;right:8px;bottom:44px;display:flex;flex-direction:column;gap:10px;color:rgba(255,255,255,.8);} .lk-kat .lk-k-sp2-k__boczne i{display:flex;} .lk-kat .lk-k-sp2-k__boczne svg{width:18px;height:18px;} .lk-kat .lk-k-sp2-k__na-wideo{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:15px;font-weight:800;color:#fff;} .lk-kat .lk-k-sp2-k__na-wideo svg{width:14px;height:14px;} .lk-kat .lk-k-sp2-k__utwor{display:flex;align-items:center;gap:8px;} .lk-kat .lk-k-sp2-k__okladka{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:var(--ink-200);color:var(--ink-400);} .lk-kat .lk-k-sp2-k__utwor .lk-k-sp2-k__linie{padding:0;} .lk-kat .lk-k-sp2-k__odtwarzanie{display:block;height:4px;margin:0 4px;border-radius:99px;background:var(--ink-200);} .lk-kat .lk-k-sp2-k__odtwarzanie i{display:block;width:38%;height:100%;border-radius:99px;background:#1db954;} .lk-kat .lk-k-sp2-k__fala{display:flex;align-items:center;gap:2px;height:42px;padding:0 4px;} .lk-kat .lk-k-sp2-k__fala i{flex:1;border-radius:2px;background:var(--ink-300);} .lk-kat .lk-k-sp2-k__fala i:nth-child(-n+9){background:#ff5500;} @keyframes lk-k-sp2-stos{ 0%,15%{transform:none;opacity:1;z-index:5} 19%{transform:translate(320px,-40px) rotate(18deg);opacity:0;z-index:5} 20%{transform:translate(-92px,30px) rotate(-13deg) scale(.8);opacity:0;z-index:1} 24%,35%{transform:translate(-92px,30px) rotate(-13deg) scale(.8);opacity:1;z-index:1} 39%,55%{transform:translate(94px,22px) rotate(12deg) scale(.84);opacity:1;z-index:2} 59%,75%{transform:translate(-54px,8px) rotate(-8deg) scale(.88);opacity:1;z-index:3} 79%,95%{transform:translate(52px,-4px) rotate(6deg) scale(.93);opacity:1;z-index:4} 99%,100%{transform:none;opacity:1;z-index:5} } @keyframes lk-k-sp2-w-lewo{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}} @media (prefers-reduced-motion: reduce){ .lk-kat .lk-k-sp2-scena *{animation:none !important;} .lk-kat .lk-k-sp2-licznik span:last-child{opacity:1;}} .lk-kat .lk-k-sp2-sekcja{padding-bottom:40px;} .lk-kat .lk-k-sp2-tytul{color:inherit;} .lk-kat .lk-k-sp2-tytul:hover{color:var(--orange-600);} .lk-kat .lk-k-sp2-talia{position:relative;display:block;padding:0 10px 10px 0;color:inherit;} .lk-kat .lk-k-sp2-talia::before,.lk-kat .lk-k-sp2-talia::after{content:"";position:absolute;border:1px solid var(--ink-200);border-radius:20px;background:#fff;transition:transform .2s;} .lk-kat .lk-k-sp2-talia::before{inset:10px 0 0 10px;} .lk-kat .lk-k-sp2-talia::after{inset:5px 5px 5px 5px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp2-talia::before,.lk-kat.lk-kat .lk-k-sp2-talia::after{border-radius:16px;}} .lk-kat .lk-k-sp2-talia__karta{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) 36px;align-items:center;gap:14px;height:100%; padding:16px 16px 16px 20px;border:1px solid var(--ink-200);border-radius:20px;background:#fff;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp2-talia__karta{grid-template-columns:auto minmax(0,1fr) 32px;padding:12px 12px 12px 16px;border-radius:16px;}} .lk-kat .lk-k-sp2-talia__liczba{font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp2-talia__liczba{font-size:28px;}} .lk-kat .lk-k-sp2-talia__napis{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.3;color:var(--ink-700);} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp2-talia__napis{font-size:15px;}} .lk-kat .lk-k-sp2-talia .lk-k-k-strzalka{background:var(--orange-500);color:#fff;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sp2-talia .lk-k-k-strzalka{width:32px;height:32px;}} .lk-kat .lk-k-sp2-talia:hover{color:inherit;} .lk-kat .lk-k-sp2-talia:hover .lk-k-sp2-talia__karta{border-color:var(--orange-500);} .lk-kat .lk-k-sp2-talia:hover::before{transform:translate(3px,3px);} .lk-kat .lk-k-sp2-talia:hover::after{transform:translate(1.5px,1.5px);} .lk-kat .lk-k-sk-seo{border-top:1px solid var(--ink-100);} .lk-kat .lk-k-sk-seo__tytul{max-width:760px;} .lk-kat .lk-k-sk-seo__tekst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 48px;margin-top:22px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sk-seo__tekst{grid-template-columns:1fr;gap:14px;margin-top:16px;}} .lk-kat .lk-k-sk-seo__tekst p{font-size:16px;line-height:1.7;color:var(--ink-700);text-wrap:pretty;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sk-seo__tekst p{font-size:15px;line-height:1.65;}} .lk-kat .lk-k-s5-fv-pole{display:flex;flex-direction:column;align-items:flex-start;gap:12px;} .lk-kat .lk-k-s5-fv{position:relative;width:100%;max-width:470px;padding:18px 20px 16px;border:1px solid var(--ink-200);border-radius:14px;background:#fff; box-shadow:var(--shadow-md);font-size:12.5px;line-height:1.45;color:var(--ink-600);animation:lk-k-s5-fv-wjazd 8s infinite;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-fv{padding:14px 14px 12px;font-size:12px;}} .lk-kat .lk-k-s5-fv__gora{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} .lk-kat .lk-k-s5-fv__marka{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--ink-900);} .lk-kat .lk-k-s5-fv__marka i{font-style:normal;color:var(--orange-500);} .lk-kat .lk-k-s5-fv__tytul{display:flex;flex-direction:column;align-items:flex-end;gap:1px;} .lk-kat .lk-k-s5-fv__tytul b{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-900);} .lk-kat .lk-k-s5-fv__strony{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ink-100); animation:lk-k-s5-fv-k1 8s infinite;} .lk-kat .lk-k-s5-fv__strona{display:flex;flex-direction:column;min-width:0;} .lk-kat .lk-k-s5-fv__strona em{margin-bottom:2px;font-size:10.5px;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);} .lk-kat .lk-k-s5-fv__strona b{font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--ink-900);} .lk-kat .lk-k-s5-fv__tabela{margin-top:14px;} .lk-kat .lk-k-s5-fv__wiersz{display:grid;grid-template-columns:minmax(0,1fr) 56px 70px;gap:8px;padding:7px 0;} .lk-kat .lk-k-s5-fv__wiersz span:nth-child(n+2),.lk-kat .lk-k-s5-fv__wiersz b{text-align:right;} .lk-kat .lk-k-s5-fv__wiersz--glowa{padding-top:0;border-bottom:1px solid var(--ink-100);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);} .lk-kat .lk-k-s5-fv__wiersz--pozycja{color:var(--ink-800);animation:lk-k-s5-fv-k2 8s infinite;} .lk-kat .lk-k-s5-fv__wiersz--razem{grid-template-columns:minmax(0,1fr) auto;border-top:1px solid var(--ink-200);font-weight:600;color:var(--ink-900);animation:lk-k-s5-fv-k3 8s infinite;} .lk-kat .lk-k-s5-fv__wiersz--razem b{font-family:var(--font-display);font-size:16px;font-weight:800;} .lk-kat .lk-k-s5-fv__stempel{position:absolute;top:92px;right:24px;padding:3px 12px;border:2px solid var(--green-500);border-radius:8px;color:var(--green-700); font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:rotate(-10deg); animation:lk-k-s5-stempel 8s infinite;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-fv__stempel{top:auto;right:auto;bottom:10px;left:30%;}} .lk-kat .lk-k-s5-fv__mail{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--green-50);color:var(--green-700); font-family:var(--font-display);font-size:13px;font-weight:700;opacity:0;animation:lk-k-s5-fv-mail 8s infinite;} .lk-kat .lk-k-s5-fv__mail svg{flex:none;} @keyframes lk-k-s5-fv-wjazd{0%{opacity:0;transform:translateY(14px)}6%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}} @keyframes lk-k-s5-fv-k1{0%,8%{opacity:0}14%,94%{opacity:1}100%{opacity:0}} @keyframes lk-k-s5-fv-k2{0%,20%{opacity:0;transform:translateX(-8px)}27%,94%{opacity:1;transform:none}100%{opacity:0}} @keyframes lk-k-s5-fv-k3{0%,32%{opacity:0}39%,94%{opacity:1}100%{opacity:0}} @keyframes lk-k-s5-stempel{0%,46%{opacity:0;transform:rotate(-10deg) scale(1.7)}52%{opacity:1;transform:rotate(-10deg) scale(.94)}56%,94%{opacity:1;transform:rotate(-10deg) scale(1)}100%{opacity:0;transform:rotate(-10deg) scale(1)}} @keyframes lk-k-s5-fv-mail{0%,62%{opacity:0;transform:translateY(8px)}68%,94%{opacity:1;transform:none}100%{opacity:0}} .lk-kat .lk-k-s5-kanaly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-kanaly{grid-template-columns:1fr;}} .lk-kat .lk-k-s5-kanal{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;color:inherit; transition:border-color .18s,box-shadow .18s;} .lk-kat .lk-k-s5-kanal:hover{border-color:var(--orange-500);box-shadow:var(--shadow-md);color:inherit;} .lk-kat .lk-k-s5-kanal__ikona{display:flex;flex:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--orange-50);color:var(--orange-600);} .lk-kat .lk-k-s5-kanal__tekst{display:flex;flex-direction:column;min-width:0;} .lk-kat .lk-k-s5-kanal__tekst b{font-family:var(--font-display);font-size:14.5px;font-weight:700;color:var(--ink-900);} .lk-kat .lk-k-s5-kanal__tekst span{font-size:13px;font-weight:600;color:var(--orange-600);text-decoration:underline;text-decoration-color:var(--orange-200);text-underline-offset:3px;} .lk-kat .lk-k-s5-kanal__strzalka{display:flex;flex:none;margin-left:auto;color:var(--orange-500);transition:transform .18s;} .lk-kat .lk-k-s5-kanal:hover .lk-k-s5-kanal__strzalka{transform:translateX(3px);} .lk-kat .lk-k-s5-czat{display:flex;align-items:center;gap:10px;margin:14px 0 12px;} .lk-kat .lk-k-s5-czat__dymek{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:14px 14px 14px 4px;background:var(--orange-500);color:#fff; font-family:var(--font-display);font-size:19px;font-weight:800;} .lk-kat .lk-k-s5-czat__slowo{position:relative;display:inline-block;width:92px;height:26px;} .lk-kat .lk-k-s5-czat__slowo span{position:absolute;top:0;left:0;white-space:nowrap;opacity:0;animation:lk-k-s5-slowo 15s infinite;} .lk-kat .lk-k-s5-czat__pisze{display:inline-flex;gap:4px;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--ink-200);} .lk-kat .lk-k-s5-czat__pisze i{width:6px;height:6px;border-radius:999px;background:var(--ink-400);animation:lk-k-s5-pisze 1.2s infinite;} .lk-kat .lk-k-s5-czat__pisze i:nth-child(2){animation-delay:.2s;} .lk-kat .lk-k-s5-czat__pisze i:nth-child(3){animation-delay:.4s;} .lk-kat .lk-k-s5-jezyki{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;} .lk-kat .lk-k-s5-jezyki span{padding:4px 10px;border:1px solid var(--ink-200);border-radius:999px;background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-700); animation:lk-k-s5-jezyk 15s infinite;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(2),.lk-kat .lk-k-s5-jezyki span:nth-child(2){animation-delay:1.5s;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(3),.lk-kat .lk-k-s5-jezyki span:nth-child(3){animation-delay:3s;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(4),.lk-kat .lk-k-s5-jezyki span:nth-child(4){animation-delay:4.5s;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(5),.lk-kat .lk-k-s5-jezyki span:nth-child(5){animation-delay:6s;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(6),.lk-kat .lk-k-s5-jezyki span:nth-child(6){animation-delay:7.5s;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(7),.lk-kat .lk-k-s5-jezyki span:nth-child(7){animation-delay:9s;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(8),.lk-kat .lk-k-s5-jezyki span:nth-child(8){animation-delay:10.5s;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(9),.lk-kat .lk-k-s5-jezyki span:nth-child(9){animation-delay:12s;} .lk-kat .lk-k-s5-czat__slowo span:nth-child(10),.lk-kat .lk-k-s5-jezyki span:nth-child(10){animation-delay:13.5s;} @keyframes lk-k-s5-slowo{0%{opacity:0;transform:translateY(10px)}2%{opacity:1;transform:none}8.5%{opacity:1;transform:none}10%{opacity:0;transform:translateY(-10px)}100%{opacity:0}} @keyframes lk-k-s5-jezyk{0%,10%,100%{border-color:var(--ink-200);background:#fff;color:var(--ink-700)}1%,9%{border-color:var(--orange-500);background:var(--orange-50);color:var(--orange-600)}} @keyframes lk-k-s5-pisze{0%,60%,100%{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}} .lk-kat .lk-k-s5-bezp{display:flex;flex-direction:column;gap:14px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-bezp{gap:12px;}} .lk-kat .lk-k-s5-konto{position:relative;display:flex;flex-direction:column;gap:10px;max-width:420px;padding:16px;border:1px solid var(--ink-200);border-radius:14px;background:#fff;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-konto{padding:12px;}} .lk-kat .lk-k-s5-konto__etykieta{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);} .lk-kat .lk-k-s5-konto__klodka{position:absolute;top:-14px;right:-10px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px; background:var(--ink-900);box-shadow:var(--shadow-md);color:#fff;animation:lk-k-s5-klodka 7s infinite;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-konto__klodka{right:-4px;}} .lk-kat .lk-k-s5-pole{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;overflow:hidden;border:1px solid var(--ink-200);border-radius:10px; background:var(--ink-50);font-size:13px;color:var(--ink-900);} .lk-kat .lk-k-s5-pole svg{flex:none;} .lk-kat .lk-k-s5-pole--link{background:#fff;animation:lk-k-s5-pole-ok 7s infinite;} .lk-kat .lk-k-s5-pisz{display:block;max-width:0;overflow:hidden;white-space:nowrap;animation:lk-k-s5-pisz-link 7s steps(23,end) infinite;} .lk-kat .lk-k-s5-karetka{flex:none;width:2px;height:16px;margin-left:-6px;border-radius:2px;background:var(--orange-500);animation:lk-k-s5-miga .8s infinite,lk-k-s5-karetka 7s infinite;} .lk-kat .lk-k-s5-ok{display:flex;margin-left:auto;color:var(--green-500);opacity:0;animation:lk-k-s5-ok 7s infinite;} .lk-kat .lk-k-s5-wpis{position:relative;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;color:var(--ink-700);} .lk-kat .lk-k-s5-kropki{display:block;max-width:0;overflow:hidden;letter-spacing:.15em;} .lk-kat .lk-k-s5-skresl{position:absolute;top:50%;right:-3px;left:-3px;height:2px;margin-top:-1px;border-radius:2px;background:var(--orange-500);transform:scaleX(0);transform-origin:left;} .lk-kat .lk-k-s5-nie{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--orange-50);color:var(--orange-600);font-family:var(--font-display);font-size:11px;font-style:normal; font-weight:700;white-space:nowrap;opacity:0;} .lk-kat .lk-k-s5-pole--haslo{animation:lk-k-s5-trzes-haslo 7s infinite;} .lk-kat .lk-k-s5-pole--haslo .lk-k-s5-wpis{animation:lk-k-s5-szary-haslo 7s infinite;} .lk-kat .lk-k-s5-pole--haslo .lk-k-s5-kropki{animation:lk-k-s5-pisz-haslo 7s steps(6,end) infinite;} .lk-kat .lk-k-s5-pole--haslo .lk-k-s5-skresl{animation:lk-k-s5-skresl-haslo 7s infinite;} .lk-kat .lk-k-s5-pole--haslo .lk-k-s5-nie{animation:lk-k-s5-nie-haslo 7s infinite;} .lk-kat .lk-k-s5-pole--kod{animation:lk-k-s5-trzes-kod 7s infinite;} .lk-kat .lk-k-s5-pole--kod .lk-k-s5-wpis{animation:lk-k-s5-szary-kod 7s infinite;} .lk-kat .lk-k-s5-pole--kod .lk-k-s5-kropki{animation:lk-k-s5-pisz-kod 7s steps(6,end) infinite;} .lk-kat .lk-k-s5-pole--kod .lk-k-s5-skresl{animation:lk-k-s5-skresl-kod 7s infinite;} .lk-kat .lk-k-s5-pole--kod .lk-k-s5-nie{animation:lk-k-s5-nie-kod 7s infinite;} @keyframes lk-k-s5-pisz-link{0%,4%{max-width:0}30%,94%{max-width:23ch}100%{max-width:0}} @keyframes lk-k-s5-miga{0%,49%{opacity:1}50%,100%{opacity:0}} @keyframes lk-k-s5-karetka{0%,33%{visibility:visible}34%,100%{visibility:hidden}} @keyframes lk-k-s5-pole-ok{0%,32%{border-color:var(--ink-200);box-shadow:none}36%,94%{border-color:#b6e7c8;box-shadow:0 0 0 3px rgba(22,163,74,.14)}100%{border-color:var(--ink-200);box-shadow:none}} @keyframes lk-k-s5-ok{0%,33%{opacity:0;transform:scale(.4)}37%{opacity:1;transform:scale(1.3)}40%,94%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.4)}} @keyframes lk-k-s5-pisz-haslo{0%,42%{max-width:0}52%,94%{max-width:3.6em}100%{max-width:0}} @keyframes lk-k-s5-skresl-haslo{0%,54%{transform:scaleX(0)}60%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}} @keyframes lk-k-s5-szary-haslo{0%,56%{color:var(--ink-700)}62%,94%{color:var(--ink-400)}100%{color:var(--ink-700)}} @keyframes lk-k-s5-nie-haslo{0%,59%{opacity:0;transform:scale(.6)}63%{opacity:1;transform:scale(1.2)}66%,94%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}} @keyframes lk-k-s5-trzes-haslo{0%,55%,63%,100%{transform:none}57%{transform:translateX(-5px)}59%{transform:translateX(5px)}61%{transform:translateX(-3px)}} @keyframes lk-k-s5-pisz-kod{0%,64%{max-width:0}73%,94%{max-width:3.6em}100%{max-width:0}} @keyframes lk-k-s5-skresl-kod{0%,75%{transform:scaleX(0)}81%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}} @keyframes lk-k-s5-szary-kod{0%,77%{color:var(--ink-700)}83%,94%{color:var(--ink-400)}100%{color:var(--ink-700)}} @keyframes lk-k-s5-nie-kod{0%,80%{opacity:0;transform:scale(.6)}84%{opacity:1;transform:scale(1.2)}87%,94%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}} @keyframes lk-k-s5-trzes-kod{0%,76%,84%,100%{transform:none}78%{transform:translateX(-5px)}80%{transform:translateX(5px)}82%{transform:translateX(-3px)}} @keyframes lk-k-s5-klodka{0%,57%,69%,78%,90%,100%{transform:none}62%,83%{transform:scale(1.15) rotate(-8deg)}} .lk-kat .lk-k-s5-powody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-powody{grid-template-columns:1fr;}} .lk-kat .lk-k-s5-powod{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;} .lk-kat .lk-k-s5-powod__ikona{display:flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--green-50);color:var(--green-700); animation:lk-k-s5-powod 12s infinite;} .lk-kat .lk-k-s5-powod:nth-child(2) .lk-k-s5-powod__ikona{animation-delay:2s;} .lk-kat .lk-k-s5-powod:nth-child(3) .lk-k-s5-powod__ikona{animation-delay:4s;} .lk-kat .lk-k-s5-powod:nth-child(4) .lk-k-s5-powod__ikona{animation-delay:6s;} .lk-kat .lk-k-s5-powod:nth-child(5) .lk-k-s5-powod__ikona{animation-delay:8s;} .lk-kat .lk-k-s5-powod:nth-child(6) .lk-k-s5-powod__ikona{animation-delay:10s;} .lk-kat .lk-k-s5-powod b{display:block;font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.3;color:var(--ink-900);} .lk-kat .lk-k-s5-powod span span{display:block;margin-top:1px;font-size:12.5px;line-height:1.4;color:var(--ink-600);} @keyframes lk-k-s5-powod{0%,16%,100%{background:var(--green-50);color:var(--green-700);transform:none;box-shadow:none}3%{transform:scale(1.12)}5%,14%{background:var(--green-500);color:#fff;transform:none;box-shadow:0 0 0 4px rgba(22,163,74,.16)}} .lk-kat .lk-k-s5-suma{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 14px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;} .lk-kat .lk-k-s5-suma__etykieta{font-size:13px;font-weight:600;color:var(--ink-600);} .lk-kat .lk-k-s5-suma__kwota{position:relative;flex:none;width:130px;height:28px;font-family:var(--font-display);font-size:21px;font-weight:800;line-height:28px;letter-spacing:-.01em;color:var(--ink-900);} .lk-kat .lk-k-s5-suma__kwota span{position:absolute;top:0;right:0;white-space:nowrap;opacity:0;animation:lk-k-s5-kwota 7.5s infinite;} .lk-kat .lk-k-s5-waluty{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px;} .lk-kat .lk-k-s5-waluty span{padding:4px 11px;border:1px solid var(--ink-200);border-radius:999px;background:#fff;font-family:var(--font-display);font-size:12.5px;font-weight:700; letter-spacing:.03em;color:var(--ink-600);animation:lk-k-s5-waluta 7.5s infinite;} .lk-kat .lk-k-s5-suma__kwota span:nth-child(2),.lk-kat .lk-k-s5-waluty span:nth-child(2){animation-delay:1.5s;} .lk-kat .lk-k-s5-suma__kwota span:nth-child(3),.lk-kat .lk-k-s5-waluty span:nth-child(3){animation-delay:3s;} .lk-kat .lk-k-s5-suma__kwota span:nth-child(4),.lk-kat .lk-k-s5-waluty span:nth-child(4){animation-delay:4.5s;} .lk-kat .lk-k-s5-suma__kwota span:nth-child(5),.lk-kat .lk-k-s5-waluty span:nth-child(5){animation-delay:6s;} @keyframes lk-k-s5-kwota{0%{opacity:0;transform:translateY(10px)}3%{opacity:1;transform:none}18%{opacity:1;transform:none}20%{opacity:0;transform:translateY(-10px)}100%{opacity:0}} @keyframes lk-k-s5-waluta{0%,20%,100%{border-color:var(--ink-200);background:#fff;color:var(--ink-600)}3%,18%{border-color:var(--orange-500);background:var(--orange-500);color:#fff}} .lk-kat .lk-k-s5-platnosci__loga{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-platnosci__loga{grid-template-columns:repeat(3,minmax(0,1fr));}} .lk-kat .lk-k-s5-logo-platnosci{display:flex;align-items:center;justify-content:center;height:42px;border:1px solid var(--ink-200);border-radius:10px;background:#fff;} .lk-kat .lk-k-s5-logo-platnosci :is(img, svg){display:block;max-width:44px;max-height:24px;} .lk-kat .lk-k-s5-osoby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-osoby{grid-template-columns:1fr;}} .lk-kat .lk-k-s5-osoba{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;animation:lk-k-s5-osoba 10s infinite;} .lk-kat .lk-k-s5-osoba:nth-child(2){animation-delay:2s;} .lk-kat .lk-k-s5-osoba:nth-child(3){animation-delay:4s;} .lk-kat .lk-k-s5-osoba:nth-child(4){animation-delay:6s;} .lk-kat .lk-k-s5-osoba:nth-child(5){animation-delay:8s;} .lk-kat .lk-k-s5-osoba b{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ink-900);} .lk-kat .lk-k-s5-osoba__opis{font-size:13px;line-height:1.45;color:var(--ink-600);} .lk-kat .lk-k-s5-osoba__loga{display:flex;gap:6px;margin-top:6px;} .lk-kat .lk-k-s5-osoba__loga :is(img, svg){display:block;width:20px;height:20px;} .lk-kat .lk-k-s5-osoba__link{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--orange-600);} @keyframes lk-k-s5-osoba{0%,20%,100%{border-color:var(--ink-200);box-shadow:none;transform:none}3%,17%{border-color:var(--orange-500);box-shadow:0 0 0 3px rgba(255,84,54,.14);transform:translateY(-2px)}} @media (prefers-reduced-motion: reduce){ .lk-kat .lk-k-fi-faq .lk-k-fi-widget *,.lk-kat .lk-k-fi-faq .lk-k-fi-widget{animation:none !important;} .lk-kat .lk-k-s5-pisz{max-width:none;} .lk-kat .lk-k-s5-ok,.lk-kat .lk-k-s5-nie,.lk-kat .lk-k-s5-fv__stempel,.lk-kat .lk-k-s5-fv__mail{opacity:1;} .lk-kat .lk-k-s5-skresl{transform:scaleX(1);} .lk-kat .lk-k-s5-czat__slowo span:first-child,.lk-kat .lk-k-s5-suma__kwota span:first-child{opacity:1;}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-hr56-uklad{grid-template-columns:minmax(0,1fr) 416px;}} @media (min-width: 640px) and (max-width: 899px){ .lk-kat.lk-kat .lk-k-hr56-uklad{grid-template-columns:1fr;gap:16px;}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-a1-scena,.lk-kat.lk-kat .lk-k-sp2-scena{width:416px;height:400px;}} @media (min-width: 640px) and (max-width: 899px){ .lk-kat.lk-kat .lk-k-a1-scena,.lk-kat.lk-kat .lk-k-sp2-scena{width:416px;height:400px;} .lk-kat.lk-kat .lk-k-a1-scena,.lk-kat.lk-kat .lk-k-sp2-scena{order:-1;margin:0 auto;}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-a1-scena__wnetrze,.lk-kat.lk-kat .lk-k-sp2-scena__wnetrze{transform:scale(.8);}} @media (min-width: 640px) and (max-width: 899px){ .lk-kat.lk-kat .lk-k-a1-scena__wnetrze,.lk-kat.lk-kat .lk-k-sp2-scena__wnetrze{transform:scale(.8);} .lk-kat.lk-kat .lk-k-hr56-lista .lk-k-aw-cel{height:44px;padding:0 14px 0 5px;gap:8px;font-size:14px;} .lk-kat.lk-kat .lk-k-hr56-lista .lk-k-aw-cel__ikona{width:34px;height:34px;}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-a1c-lista{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (min-width: 640px) and (max-width: 899px){ .lk-kat.lk-kat .lk-k-a1c-lista{grid-template-columns:1fr;}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-a1c-lista.lk-k-sp-lista-4{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (min-width: 640px) and (max-width: 899px){ .lk-kat.lk-kat .lk-k-a1c-lista.lk-k-sp-lista-4{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (min-width: 900px) and (max-width: 1199px){ .lk-kat.lk-kat .lk-k-s5-kanaly{grid-template-columns:1fr;}} .lk-kat .lk-k-k-strzalka svg:dir(rtl),.lk-kat .lk-k-s5-kanal__strzalka svg:dir(rtl),.lk-kat .lk-k-s5-osoba__link svg:dir(rtl){transform:scaleX(-1);} .lk-kat .lk-k-a1c-karta:hover .lk-k-k-strzalka:dir(rtl),.lk-kat .lk-k-s5-kanal:hover .lk-k-s5-kanal__strzalka:dir(rtl){transform:translateX(-3px);} .lk-kat .lk-k-s5-skresl:dir(rtl){transform-origin:right;} @keyframes lk-k-s5-fv-k2-rtl{0%,20%{opacity:0;transform:translateX(8px)}27%,94%{opacity:1;transform:none}100%{opacity:0}} .lk-kat .lk-k-s5-fv__wiersz--pozycja:dir(rtl){animation-name:lk-k-s5-fv-k2-rtl;} .lk-kat .lk-k-s5-konto__klodka:dir(rtl){right:auto;left:-10px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-konto__klodka:dir(rtl){right:auto;left:-4px;}} .lk-kat .lk-k-s5-fv__stempel:dir(rtl){right:auto;left:24px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-s5-fv__stempel:dir(rtl){left:auto;right:30%;}} .lk-kat .lk-k-s5-fv__strona > *:dir(rtl){unicode-bidi:plaintext;text-align:right;} .lk-kat .lk-k-sz-szukaj{display:flex;gap:10px;max-width:720px;margin-top:18px;} .lk-kat .lk-k-sz-pole{flex:1;min-width:0;height:60px;padding:0 22px;border:1.5px solid var(--ink-200);border-radius:999px;background:#fff; color:var(--ink-900);font-family:var(--font-text);font-size:18px;line-height:1.4;} .lk-kat .lk-k-sz-szukaj .lk-k-przycisk{flex:none;height:60px;font-size:18px;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sz-pole{height:48px;font-size:15px;} .lk-kat.lk-kat .lk-k-sz-szukaj .lk-k-przycisk{height:48px;padding:0 18px;font-size:15px;}} .lk-kat .lk-k-sz-wynik{margin-top:14px;font-family:var(--font-text);font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal;color:var(--ink-600);} .lk-kat .lk-k-sz-wynik b{font-family:var(--font-display);font-weight:800;color:var(--ink-900);} .lk-kat .lk-k-sz-lista{border:1px solid var(--ink-200);border-radius:18px;background:#fff;overflow:hidden;} .lk-kat .lk-k-sz-wiersz{display:grid;grid-template-columns:52px minmax(0,1fr) auto 36px;grid-template-areas:"obraz tekst cena strzalka"; align-items:center;column-gap:18px;padding:12px 18px;border-top:1px solid var(--ink-100);color:inherit;} .lk-kat .lk-k-sz-wiersz:first-child{border-top:0;} .lk-kat .lk-k-sz-wiersz:focus-visible{outline-offset:-2px;} .lk-kat .lk-k-sz-obraz{grid-area:obraz;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:13px; background:var(--ink-50);} .lk-kat .lk-k-sz-obraz :is(img, svg){display:block;width:40px;height:40px;} .lk-kat .lk-k-sz-tekst{grid-area:tekst;display:flex;flex-direction:column;gap:2px;min-width:0;} .lk-kat .lk-k-sz-nazwa{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.25;color:var(--ink-900);} .lk-kat .lk-k-sz-zdanie{overflow:hidden;font-size:14px;line-height:1.45;color:var(--ink-600);white-space:nowrap;text-overflow:ellipsis;} .lk-kat .lk-k-sz-wiersz .lk-k-k-cena{grid-area:cena;} .lk-kat .lk-k-sz-wiersz .lk-k-k-cena b{font-size:18px;} .lk-kat .lk-k-sz-wiersz .lk-k-k-strzalka{grid-area:strzalka;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sz-wiersz{grid-template-columns:44px minmax(0,1fr) 32px;grid-template-areas:"obraz tekst strzalka" "obraz cena strzalka"; column-gap:12px;row-gap:2px;padding:12px 14px;} .lk-kat.lk-kat .lk-k-sz-obraz{width:44px;height:44px;border-radius:11px;} .lk-kat.lk-kat .lk-k-sz-obraz :is(img, svg){width:34px;height:34px;} .lk-kat.lk-kat .lk-k-sz-zdanie{display:none;} .lk-kat.lk-kat .lk-k-sz-nazwa{font-size:15px;} .lk-kat.lk-kat .lk-k-sz-wiersz .lk-k-k-cena{justify-self:start;} .lk-kat.lk-kat .lk-k-sz-wiersz .lk-k-k-cena b{font-size:16px;} .lk-kat.lk-kat .lk-k-sz-wiersz .lk-k-k-strzalka{width:32px;height:32px;}} .lk-kat .lk-k-sz-pusty{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px;border:1px solid var(--ink-200); border-radius:18px;background:#fff;} @media (max-width: 639px){ .lk-kat.lk-kat .lk-k-sz-pusty{padding:20px;}} .lk-kat .lk-k-sz-pusty__opis{font-size:16px;line-height:1.6;color:var(--ink-700);} /* Reczne poprawki izolacji od arkuszy globalnych. Kazda regula ma komentarz z dowodem z raportu bramy: strona, wariant, sekcja, wlasciwosc, zrodlo zwycieskiej reguly. DWIE ZASADY PISANIA REGUL W TYM PLIKU (te same co wzorzec/strona-glowna/_izolacja.css, z pomiaru): 1. CELUJ W SELEKTOR, KTOREGO GENERATOR NIE PRODUKUJE. Ten plik jest doklejany PO czesci generowanej (przenies.mjs), wiec przy tej samej specyficznosci wygrywa kolejnoscia i po cichu przykryje regule wzorca, gdy Mateusz kiedys doda ta sama wlasnosc do makiety. Najlepiej celowac w klase motywu (".lk-glif--obraz"), ktorej generator nie wypisze nigdy. 2. NEUTRALIZUJ DOKLADNIE TO, CO WYCIEKA, NIE WIECEJ. Skrot w rodzaju "background: none" resetuje osiem wlasnosci, podczas gdy wyciekl jeden kolor. MINA: ten plik trafia do arkusza SUROWY, bez przeksztalcCss(), wiec NIE dostaje przedrostka klas ani przepisania "img" na ":is(img, svg)", ktore dostaje czesc generowana. Regula napisana na "img" nie obejmie svg. */ /* Strona: sklep. Wariant: desktop, tablet1024, tablet768, mobile. Sekcja: hero (sciana sp2). Wlasciwosc: object-fit oraz border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius. Zrodlo reguly: assets/css/liikye.css ".lk-glif--obraz{flex:none;border-radius:var(--radius-xs); object-fit:contain}" (arkusz globalny motywu, linie 694-698: wyrownuje niejednolite pliki znakow platform wgranych w panelu). Kazdy znak wgrany w panelu dostaje te klase z liikye_znak_platformy_z_panelu() (inc/kategoria-znak.php) przez liikye_glowna_ikona(), niezaleznie od sekcji. Wzorzec (".sp2-znak :is(img, svg){display:block;width:17px;height:17px}") nie ustawia ani object-fit, ani border-radius, wiec liczy na wartosci poczatkowe "fill" i 0. Zmierzone brama (runda 1 zadania 5.2, 27.09.2026): 24 znaki sciany (instagram, twitter, telegram, tiktok, spotify, youtube, soundcloud, twitch, po trzy) x 5 wlasciwosci = 120 zgloszen na kazdym z czterech wariantow (wzorzec fill i 0px, wdrozenie contain i 6px). Zwycieska regula potwierdzona przez CDP (CSS.getMatchedStylesForNode): jedyna regula ustawiajaca te wlasciwosci na obrazie. Regula na klasie motywu, nie na klasie sekcji, jak na stronie glownej: specyficznosc (0,2,0) wygrywa z regula motywu (0,1,0), a przegrywa z kazda regula wzorca na obrazie znaku (".lk-kat .lk-k- :is(img, svg)", 0,2,1), wiec wzorzec, ktory ustawia te wlasciwosci jawnie (dzis .odznaka i .fi-ustawienia__glowa z border-radius), nadal wygrywa. flex:none z tej samej reguly motywu zostaje bez zmian: flex-shrink nie jest na liscie WLASNOSCI bramy i nie ma tu skutku (obraz 17x17 px w polu flex 28x28 px nigdy sie nie kurczy). */ .lk-kat .lk-glif--obraz { object-fit: fill; border-radius: 0; } /* Strona: sklep. Wariant: desktop, tablet1024, tablet768, mobile. Sekcja: hero (sciana sp2). Wlasciwosc: background-color. Zrodlo reguly: assets/css/liikye.css ".lk-glif--twitter.lk-glif--obraz{background:var(--white)}" (arkusz globalny motywu, linia 702: biale podbicie pod czarny plik X, zeby litera nie znikala na ciemnym tle - dziala poprawnie w menu i stopce). Wzorzec nie zna tego wyjatku, wiec liczy na wartosc poczatkowa (przezroczyste). Zmierzone brama (runda 1 zadania 5.2): 3 znaki X w pierwszej kolumnie sciany (wzorzec rgba(0, 0, 0, 0), wdrozenie rgb(255, 255, 255)) na czterech wariantach, regula potwierdzona przez CDP. Tylko background-color, bo skrot motywu zmienia wzgledem wartosci poczatkowych wylacznie kolor (zasada 2). */ .lk-kat .lk-glif--twitter.lk-glif--obraz { background-color: transparent; } /* Strona: sklep. Wariant: desktop, tablet1024, tablet768, mobile. Sekcja: lista (naglowki grup platform "h2.a1b-grupa__tytul" i odnosnik w nich "a.sp2-tytul", ktory wlasciwosc dziedziczy). Wlasciwosc: text-wrap. Zrodlo reguly: assets/css/liikye.css "h1, h2, h3, h4, h5, h6{...;text-wrap:balance}" (arkusz globalny motywu, reset naglowkow calej witryny, linia 252). Wzorzec ustawia text-wrap tylko klasami (".hr1-h1" balance), a w resecie golych naglowkow "h1,h2,h3,h4" w _wspolne.css tylko margin i padding, wiec kazdy naglowek bez wlasnej reguly (".a1b-grupa__tytul", ".h2" w FAQ i SEO, ".st-tytul") liczy na wartosc poczatkowa "wrap". Pozostale wlasnosci resetu motywu nie wyciekaja (klasa naglowka ustawia krok, wage, interlinie, odstep liter i kolor, reset wzorca marginesy). Zmierzone brama (runda 1 zadania 5.4, 27.09.2026): 30 zgloszen na kazdym z czterech wariantow (15 naglowkow grup i 15 odnosnikow, wzorzec wrap, wdrozenie balance), zadnej innej roznicy stylu, 0 roznych pikseli. Zwycieska regula potwierdzona przez CDP (CSS.getMatchedStylesForNode, 1440 px): na h2 jedyna regula z text-wrap, na odnosniku ta sama regula jako dziedziczona. Selektor jak na stronie glownej (wzorzec/strona-glowna/_izolacja.css, text-wrap): lista selektorow motywu h1 do h6 w .lk-kat, bo wyciek pochodzi z jednej reguly dla wszystkich naglowkow. Specyficznosc (0,1,1) wygrywa z regula motywu (0,0,1), a przegrywa z kazda regula wzorca na klasie naglowka (".lk-kat .lk-k-", 0,2,0), wiec hero z jawnym "balance" zostaje bez zmian. Generator wypisuje ten sam ksztalt selektora tylko dla resetu marginesow (".lk-kat h1..h4{margin:0;padding:0}"), bez text-wrap; gdyby wzorzec kiedys dostal text-wrap w resecie golych naglowkow, ta regula przykryje go kolejnoscia i trzeba ja wtedy usunac. Tylko text-wrap (zasada 2): skrot ustawia text-wrap-mode "wrap" i text-wrap-style "auto", czyli wartosci poczatkowe wzorca. */ .lk-kat h1, .lk-kat h2, .lk-kat h3, .lk-kat h4, .lk-kat h5, .lk-kat h6 { text-wrap: wrap; } /* Strona: sklep. Wariant: desktop, tablet1024, tablet768, mobile. Sekcja: faq (odpowiedz "Which payment methods can I use?", znaki platnosci w "s5-logo-platnosci"). Wlasciwosc: width na znaku Visa (wzorzec 30.7188px, wdrozenie 32px); height rozni sie o 0.0156 px (23.9844 wobec 24, w tolerancji bramy). Zrodlo: atrybuty prezentacji width="32" height="25" svg wklejonego przez liikye_znak_platnosci() (inc/blok-platnosci.php, plik assets/img/platnosci/visa.svg). CDP (CSS.getMatchedStylesForNode): attributesStyle width:32, height:25; zadna regula arkusza nie ustawia na nim width ani height (reset motywu "img, svg, video, iframe" i regula wzorca ustawiaja tylko max-width i max-height). Wzorzec ma ten sam plik jako (32x25), wiec "max-height:24px" wzorca skaluje go proporcjonalnie do 30.7188 x 23.9844 px, a svg z szerokoscia z atrybutu zostaje 32 x 24 px (rysunek wysrodkowany tak samo, rozni sie pudelko znaku i maska bramy). Pozostale piec znakow ma proporcje 32x24 albo 33x24 i nie rozni sie. Zmierzone brama (rundy 1 i 2 zadania 5.5, 27.09.2026): 1 zgloszenie na kazdym z czterech wariantow. Po regule (sonda na produkcji, desktop, tablet768, mobile): Visa 30.7188 x 23.9844 px w tym samym polozeniu co we wzorcu, pozostale znaki bez zmian. "auto" dla obu wymiarow zdejmuje oba atrybuty prezentacji, czyli dokladnie to, co wycieka (zasada 2): svg liczy rozmiar jak obraz, z wymiarow naturalnych i proporcji. Specyficznosc (0,1,1) przez :where wystarcza na atrybuty prezentacji (najnizsze pierwszenstwo wsrod stylow autora) i przegrywa z regula wzorca na znaku (".lk-kat .lk-k-s5-logo-platnosci :is(img, svg)", 0,2,1), wiec szerokosc albo wysokosc dopisana kiedys do makiety wygra bez wzgledu na kolejnosc (zasada 1). Tylko dziecko bezposrednie: pliki znakow nie maja zagniezdzonych svg. */ .lk-kat :where(.lk-k-s5-logo-platnosci) > svg { width: auto; height: auto; } /* Strona: kategoria-tiktok. Wariant: desktop, mobile. Sekcja: hero (scena TikToka, liczniki pod ikonami akcji "span.sk-tt__akcja > b": 1,204, 2,310 i 860). Wlasciwosc: font-weight na trzech "b" (wzorzec 900, wdrozenie 700); w skutku width tych "b" i ich rodzicow "span.sk-tt__akcja" (np. 29.5781px wobec 28.75px) oraz piksele tylko na tych trzech licznikach (obraz roznic hero-0.png, desktop). Zrodlo reguly: assets/css/liikye.css "strong, b { font-weight: 700; }" (arkusz globalny motywu, linia 277, reset calej witryny). Wzorzec nie ustawia wagi tych "b" zadna klasa, wiec liczy na regule przegladarki "b { font-weight: bolder }": rodzic ".sk-tt__akcja" ma 700, a "bolder" daje z tego 900. Zmierzone brama (runda 1 zadania 5.8, 27.09.2026): 7 zgloszen stylu na kazdym z dwoch wariantow (3 x font-weight "b", 2 x width "b", 2 x width "span.sk-tt__akcja"), zadnej roznicy struktury ani tekstu; piksele na 24 z 24 zrzutow (desktop 108 do 138, mobile 51 do 61). Zwycieska regula potwierdzona przez CDP (CSS.getMatchedStylesForNode, 1440 px): na kazdym z trzech "b" jedyna regula z font-weight, obok wagi dziedziczonej z ".lk-kat .lk-k-sk-tt__akcja" (liikye-kat.css). Selektor tylko "b": "strong" z tej samej reguly motywu nie wystepuje we wzorcu katalogu (0 elementow "strong", 169 "b"), wiec nie ma czego izolowac. Specyficznosc (0,1,1) wygrywa z regula motywu (0,0,1), a przegrywa z kazda regula wzorca na "b" w klasie (".lk-kat .lk-k- b", 0,2,1, np. ".sk-tt__dol b" 800, ".sk-x__czas b" 700), wiec jawne wagi wzorca zostaja bez zmian. Generator nie wypisuje selektora ".lk-kat b" ani niczego o nizszej specyficznosci z font-weight na "b" (zasada 1). Wartosc "bolder" to dokladnie wartosc z arkusza przegladarki, na ktora liczy wzorzec (zasada 2): "b" z rodzicem o wadze 400 albo 500 dostaje nadal 700, jak dotad. */ .lk-kat b { font-weight: bolder; } /* Strona: kategoria-pinterest. Wariant: desktop, mobile. Sekcja: hero (scena Pinteresta, dymek "Saved to Summer ideas": "span.sk-pi__toast" i jego znak zapisu "svg" 10x10 z atrybutow). Wlasciwosc: width na svg (wzorzec 10px, wdrozenie 0px), w skutku na rodzicu "span.sk-pi__toast" width (190.094px wobec 180.094px), right (-23.0938px wobec -13.0938px) i transform (translateX -95.0469px wobec -90.0469px), bo dymek ma position:absolute tylko z "left" i liczy szerokosc metoda shrink-to-fit z dzieci; piksele tylko na dymku (obrazy roznic hero-15000.png, desktop i mobile). Wlasciwosc zrodlowa to max-width, ktorej brama nie porownuje (nie ma jej na liscie WLASNOSCI), dlatego w raporcie widac tylko jej skutki. Zrodlo reguly: assets/css/liikye.css "img, svg, video, iframe { max-width: 100%; }" (arkusz globalny motywu, linie 232-235, ochrona przed przepelnieniem duzych obrazow). Wzorzec nie ustawia max-width na tym svg (".sk-pi__toast svg" tylko box-sizing, padding, tlo i kolor), wiec liczy na wartosc poczatkowa "none". Procentowy max-width obrazu w polu flex o szerokosci shrink-to-fit Chromium liczy tak, ze svg nie wnosi swoich 10px do szerokosci dymka, a potem kurczy sie do 0 (ten sam mechanizm co na stronie glownej: wzorzec/strona-glowna/_izolacja.css, ".mini-bez-hasla svg"). Zmierzone brama (runda 1 zadania 5.8, partia C, 27.09.2026): 12 zgloszen na kazdym z dwoch wariantow (4 stylu i 8 chwil z pikselami: desktop 855 do 863, mobile 382 do 390), zadnej roznicy struktury ani tekstu. Zwycieska regula potwierdzona przez CDP (CSS.getMatchedStylesForNode, 1440 px): na tym svg jedyna regula z max-width, wyliczone max-width 100% i width 0px przy atrybucie width="10". Eksperyment kontrolowany na produkcji (Playwright, 1440 i 390 px, animacje zatrzymane): sama ta regula dolozona do zywej strony daje svg 10px i dymek 190.094px jak we wzorcu, zmienia polozenie tylko 4 elementow dymka (dymek, svg, jego sciezka, "b") i ZERO elementow w main.lk-kat na stronie sklepu oraz na stronach kategorii 14 pozostalych platform (Discord jeszcze bez sceny). Selektor na svg w calym katalogu, nie na klasie dymka, jak na stronie glownej: wyciek pochodzi z jednej reguly motywu dla kazdego svg, a wzorzec nigdzie nie liczy na max-width 100%. Specyficznosc (0,1,1) wygrywa z regula motywu (0,0,1), a przegrywa z kazda regula wzorca na svg w klasie (".lk-kat .lk-k- svg" albo ":is(img, svg)", 0,2,1), wiec jawne max-width wzorca (dzis ".s5-logo-platnosci :is(img, svg)" 44px) zostaje bez zmian. Generator nie wypisuje selektora ".lk-kat svg" (zasada 1); gdyby wzorzec kiedys dostal max-width w resecie golego svg, ta regula przykryje go kolejnoscia i trzeba ja wtedy usunac. Tylko svg, bez img (zasada 2): wyciek na obrazach "img" nie jest zmierzony (etap-5-ustalenia pkt 14: dzis bez skutku). */ .lk-kat svg { max-width: none; } /* Strona: szukaj (wyniki wyszukiwania, zadanie 9.2). Wariant: desktop, stan fokusu (zachowania.mjs: "stany szukaj pole szukania focus", stany z zadania 6.2 krok 4, i "fokus szukaj pole szukania", jeden pierscien W5). Element: pole szukania "input.sz-pole". Wlasciwosc: box-shadow w stanie :focus (wzorzec none, wdrozenie rgb(255, 242, 238) 0px 0px 0px 3px): drugi, miekki pierscien obok obrysu W5. Zrodlo reguly: assets/css/liikye.css ".lk-pole:focus, input:focus, textarea:focus, select:focus{border-color: var(--lk-akcent);outline:none;box-shadow:0 0 0 3px var(--lk-akcent-tlo)}" (arkusz globalny motywu, linie 736-743, fokus pol formularzy sklepu). Obrys i kolor obramowania nie wyciekaja: ".lk-kat :focus-visible" i ".lk-kat .lk-k-sz-pole" (oba 0,2,0) wygrywaja z regula motywu (0,1,1). Zwycieska regula potwierdzona przez CDP (CSS.getMatchedStylesForNode z wymuszonym :focus i :focus-visible, 1440 px, 29.09.2026): jedyna regula z box-shadow na polu. Zmierzone zachowania.mjs (29.09.2026, motyw 0.14.0 przed ta regula): 2 bledy (stan focus i jeden pierscien W5), pozostale stany pola, przycisku i wiersza zgodne. Selektor ".lk-kat input:focus" (0,2,1) wygrywa z regula motywu (0,1,1), a przegrywa z regula wzorca na polu w fokusie (".lk-kat .lk-k-sz-pole:focus", 0,3,0), gdyby wzorzec ja kiedys dostal (zasada 1). Tylko box-shadow (zasada 2); innych pol formularza katalog nie ma. */ .lk-kat input:focus { box-shadow: none; }