.promocja{--promocja-dol:clamp(1.25rem,2.5vw,2rem);position:fixed;z-index:90;inset-block-end:var(--promocja-dol);inset-inline-start:clamp(1.25rem,2.5vw,2rem);width:min(22.5rem,calc(100vw - 3rem));border:1px solid color-mix(in srgb,var(--color-ink) 8%,transparent);border-radius:16px;background:var(--color-canvas);box-shadow:0 1px 2px rgba(20,20,40,0.04),0 18px 44px -16px rgba(20,20,40,0.28);opacity:0;transform:translateY(14px) scale(0.985);transition:opacity 0.4s ease,transform 0.5s cubic-bezier(0.16,1,0.3,1)}.promocja[hidden]{display:none}.promocja--widoczna{opacity:1;transform:none}.promocja__link{display:flex;align-items:flex-start;gap:0.875rem;padding:1rem 2.25rem 1rem 1rem;color:inherit;text-decoration:none}.promocja__ikona{flex:none;width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--color-page)}.promocja__link:not(:has(.promocja__ikona))::before{content:"";flex:none;width:46px;height:46px;border-radius:10px;background:linear-gradient(var(--brand-square),var(--brand-square)) no-repeat center / 11px 11px,linear-gradient(180deg,#2b1658 0%,#551c74 100%)}.promocja__tresc{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;min-width:0}.promocja__etykieta{font-size:0.7rem;letter-spacing:0.14em}.promocja__tytul{font-size:0.95rem;font-weight:600;line-height:1.3;color:var(--color-ink);text-wrap:balance;hyphens:none}.promocja__tekst{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:0.82rem;line-height:1.5;color:var(--color-ink-soft)}.promocja__cta{display:inline-flex;align-items:center;gap:0.375rem;margin-block-start:0.375rem;font-size:0.82rem;font-weight:500;color:var(--brand-plum)}.promocja__cta svg{width:13px;height:10px;transition:transform 0.2s ease}.promocja__zamknij{position:absolute;inset-block-start:0.5rem;inset-inline-end:0.5rem;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:none;color:var(--color-ink-soft);cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease}.promocja__zamknij svg{width:12px;height:12px}@media (hover: hover) and (pointer: fine){.promocja:hover{box-shadow:0 1px 2px rgba(20,20,40,0.04),0 22px 52px -16px rgba(20,20,40,0.34)}.promocja__link:hover .promocja__cta svg{transform:translateX(3px)}.promocja__zamknij:hover{background:color-mix(in srgb,var(--color-ink) 6%,transparent);color:var(--color-ink)}}.promocja__link:focus-visible,.promocja__zamknij:focus-visible{outline:2px solid var(--brand-magenta);outline-offset:2px;border-radius:12px}@media (max-width: 760px){.promocja{display:none}}