/* Pakiet P4 nowej szaty: tag w blogu, 404 i wypis z maili (podglady n2). */

/* Blog: tagi */
.n2p-blog-tag-h1{color:var(--pomarancz)}
.n2p-blog-tag-aktywny{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:-14px 0 34px}
.n2p-blog-tagi{display:flex;flex-wrap:wrap;gap:6px}
.n2p-blog-tag{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:#fff3ea;color:var(--pomarancz-2);
  font-size:max(12.5px,calc(7.6*var(--u)));font-weight:600;text-decoration:none;border:1px solid rgba(240,90,10,.18);transition:background .15s,color .15s}
.n2p-blog-tag:hover{background:var(--pomarancz);color:#fff}
.n2p-blog-tag--on{background:var(--pomarancz);color:#fff;border-color:var(--pomarancz)}
.n2p-blog-tag--duzy{padding:8px 16px;font-size:max(14px,calc(8.4*var(--u)))}
.n2p-blog-tag-czysc{display:inline-flex;align-items:center;gap:6px;color:var(--tekst-2);font-size:max(14px,calc(8.4*var(--u)));font-weight:600;text-decoration:none}
.n2p-blog-tag-czysc:hover{color:var(--pomarancz-2)}
.n2p-blog-tag-czysc span{font-size:1.3em;line-height:1}
.n2p-blog-inne{display:contents}
.n2p-blog-inne-etykieta{color:var(--tekst-2);font-size:max(14px,calc(8.4*var(--u)));font-weight:600;margin-left:6px}
.n2p-blog-inne .n2p-blog-tag--duzy{background:#fff;font-weight:600}
.n2p-blog-inne .n2p-blog-tag--duzy:hover{background:var(--pomarancz);color:#fff}
.n2p-blog-glowny-tresc .n2p-blog-tagi{margin-top:16px}
.n2p-blog-tag-apka{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.n2p-blog-tag-apka:hover{color:#fff}
/* Na telefonie pigulki kategorii stoja od lewej (podstrony.css), wiec rzad tagow tez. */
@media (max-width:640px){.n2p-blog-tag-aktywny{justify-content:flex-start;gap:10px;margin-top:-10px}
  .n2p-blog-tag-aktywny>.n2p-blog-tag--on{order:1}.n2p-blog-tag-czysc{order:2}
  .n2p-blog-inne-etykieta{order:3;flex-basis:100%;margin:6px 0 0}.n2p-blog-inne .n2p-blog-tag{order:4}}

/* 404 */
.n2p-404-hero{position:relative;overflow:hidden}
.n2p-404-hero .n2-wrap{position:relative}
.n2p-404-znak{position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);font-size:clamp(150px,22vw,320px);font-weight:800;
  letter-spacing:-.04em;line-height:1;color:rgba(255,255,255,.12);pointer-events:none;user-select:none;z-index:0}
.n2p-404-hero h1,.n2p-404-hero p,.n2p-404-akcje{position:relative;z-index:1}
.n2p-404-akcje{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 24px;margin-top:28px}
.n2p-404-mail{color:rgba(255,255,255,.78);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.n2p-404-mail:hover{color:#fff}
.n2p-404-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.n2p-404-karta{display:flex;flex-direction:column;gap:8px;padding:26px 24px 22px;text-decoration:none;color:var(--tekst);transition:transform .2s,box-shadow .2s}
.n2p-404-karta:hover{transform:translateY(-3px)}
.n2p-404-karta img{width:56px;height:56px;margin-bottom:6px}
.n2p-404-karta b{font-size:max(17px,calc(10.5*var(--u)))}
.n2p-404-karta span{color:var(--tekst-2);line-height:1.55}
.n2p-404-karta .n2p-hx-strzalka{margin-top:auto;padding-top:8px;color:var(--pomarancz-2);font-weight:700}
@media (max-width:900px){.n2p-404-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.n2p-404-siatka{grid-template-columns:1fr}.n2p-404-karta{display:grid;grid-template-columns:48px 1fr;column-gap:14px;padding:18px}
  .n2p-404-karta img{width:48px;height:48px;grid-row:span 3;margin:0}.n2p-404-karta .n2p-hx-strzalka{display:none}}

/* Wypis z maili */
.n2p-wypis-karta{max-width:680px;margin:0 auto;padding:52px 48px;font-size:max(16px,calc(10*var(--u)));text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.n2p-wypis-karta h2{margin:6px 0 10px;font-size:max(26px,calc(19*var(--u)));letter-spacing:-.02em}
.n2p-wypis-karta p{color:var(--tekst-2);line-height:1.6;margin:0 0 8px}
.n2p-wypis-karta p b{color:var(--tekst)}
.n2p-wypis-karta p a{color:var(--pomarancz-2);font-weight:600}
.n2p-wypis-ikona{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px}
.n2p-wypis-ikona svg{width:40px;height:40px}
.n2p-wypis-ikona img{width:56px;height:56px}
.n2p-wypis-ikona--ok{background:rgba(22,163,74,.12);color:#16a34a}
.n2p-wypis-ikona--akc{background:rgba(255,106,26,.12);color:var(--pomarancz-2)}
.n2p-wypis-ikona--blad{background:rgba(220,38,38,.10);color:#dc2626}
.n2p-wypis-ramka{background:#f6f3f1;border:1px solid rgba(17,22,42,.08);border-radius:14px;padding:14px 18px;font-size:.94em;margin-top:8px!important}
.n2p-wypis-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:13px 24px;border-radius:999px;font-weight:700;text-decoration:none}
.n2p-wypis-btn--obrys{border:1.5px solid rgba(17,22,42,.18);color:var(--tekst);background:#fff}
.n2p-wypis-btn--obrys:hover{border-color:var(--pomarancz);color:var(--pomarancz-2)}
.n2p-wypis-karta .n2-btn{margin-top:16px}
@media (max-width:520px){.n2p-wypis-karta{padding:32px 22px}}