/* Stopka v2 — wariant „Lawenda” (30.10.2026), ikony social jak w wariancie „Biel”.
   Paleta identyfikacji: lawenda #F5F6FF, granat #2A3392, ciemny granat #0B1369, tekst #232323/#323232.
   Typografia jak w poprzedniej stopce: nagłówki 17 px / 700, tekst 16 px / 1,7. */
.igf{
  --f-pas-bg:#F5F6FF;--f-pas-txt:#232323;--f-pas-txt2:#4A4F63;--f-linia:#E3E6F7;
  --f-chip-ramka:#E3E6F7;--f-tekstchip-ramka:#C5CAEB;--f-granat:#2A3392;
  --f-gl-bg:#FFFFFF;--f-nagl:#000;--f-txt:#323232;
  --f-soc-bg:#FFFFFF;--f-soc-ramka:#D9DCF0;
  --f-dol-bg:#0B1369;--f-dol-txt:#E3E6F7;
  --f-bok:40px;
  color:var(--f-txt);font-family:Helvetica,Arial,sans-serif;
}
.igf *,.igf *::before,.igf *::after{box-sizing:border-box}
.igf-wrap{max-width:var(--main-max-width,1650px);margin:0 auto;padding:0 var(--f-bok)}
.igf a{color:inherit}
.igf a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.igf-lista a:focus-visible,.igf-kontakt a:focus-visible,.igf-firma-dane a:focus-visible{border-radius:3px}
.igf img{max-width:100%;height:auto}
/* Motyw daje img[loading="lazy"] szare tło zastępcze — w stopce psuło przezroczyste logo. */
.igf img[loading]{background-color:transparent}

/* Belka: raty i płatności, dwie równe połowy */
/* overflow: sznurek metki jest celowo dłuższy i ucina się na górnej krawędzi pasa — wygląda, jakby metka wisiała od krawędzi. */
.igf-pas{background:var(--f-pas-bg);color:var(--f-pas-txt);padding:28px 0 22px;border-top:1px solid var(--f-linia);border-bottom:1px solid var(--f-linia);margin-top:25px;overflow:hidden;overflow:clip}
.igf-pas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;align-items:stretch}
.igf-pas-grid--jedna{grid-template-columns:minmax(0,1fr)}
.igf-raty{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 24px;align-items:center;padding-right:40px}
.igf-raty--bez-metki{grid-template-columns:minmax(0,1fr)}
.igf-metka{width:124px;height:87px;transform-origin:16px -50px;transform:rotate(-7deg)}
.igf-metka svg{display:block;width:100%;height:100%;overflow:visible}
.igf-metka.kolysz{animation:igf-kolysz 1.6s cubic-bezier(.3,.7,.4,1) both}
@keyframes igf-kolysz{0%{transform:rotate(-19deg)}35%{transform:rotate(3deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(-7deg)}}
@media (prefers-reduced-motion:reduce){.igf-metka.kolysz{animation:none}}
.igf-tytul{margin:0 0 4px;font-size:1.15rem;line-height:1.25;font-weight:700;color:var(--f-pas-txt)}
.igf-opis{margin:0 0 12px;font-size:.86rem;line-height:1.5;color:var(--f-pas-txt2);max-width:48ch}
.igf-banki,.igf-metody,.igf-social,.igf-lista{list-style:none;margin:0;padding:0}
.igf-banki{display:flex;flex-wrap:wrap;gap:10px}
.igf-bank a{position:relative;display:flex;align-items:center;justify-content:center;width:104px;height:40px;background:#fff;border:1px solid var(--f-chip-ramka);border-radius:6px;padding:5px 10px;text-decoration:none;transition:box-shadow .15s ease}
.igf-bank a:hover{box-shadow:0 0 0 3px var(--f-linia)}
.igf-bank img{max-height:28px;width:auto}
.igf-zero{position:absolute;top:-8px;right:-8px;font-size:.66rem;font-weight:700;line-height:1;color:#1B7A3D;background:#E7F5EC;border:2px solid var(--f-pas-bg);border-radius:999px;padding:3px 6px;white-space:nowrap}
.igf-teraz{border-left:1px solid var(--f-linia);padding-left:40px;display:flex;flex-direction:column;justify-content:center}
.igf-metody{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.igf-metoda{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:64px;padding:5px 10px;background:#fff;border:1px solid var(--f-chip-ramka);border-radius:6px;color:var(--f-pas-txt);font-size:.8rem;font-weight:700}
.igf-metoda img{height:22px;width:auto;max-width:none}
.igf-metoda--blik img{height:24px}
.igf-metoda--karty img:first-child{height:13px}
.igf-metoda--karty img:last-child{height:24px}
.igf-metoda--tekst{background:transparent;border-color:var(--f-tekstchip-ramka);color:var(--f-granat);font-weight:600}

/* Linki, dane firmy, kontakt */
.igf-glowna{background:var(--f-gl-bg);padding:48px 0 40px}
.igf-kol{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr)) minmax(0,1.15fr);gap:32px 40px}
.igf-logo{display:inline-block}
.igf-logo img{display:block;width:180px;height:auto}
.igf-firma-dane{margin:18px 0 0;font-style:normal}
.igf-social{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
.igf-social a{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:var(--f-soc-bg);border:1px solid var(--f-soc-ramka);color:var(--f-granat);transition:background-color .15s ease,color .15s ease}
.igf-social a:hover{background:var(--f-granat);color:#fff}
/* Podpis po najechaniu: nazwa serwisu nad ikoną (czytniki ekranu mają ją z aria-label, dlatego dymek jest aria-hidden). */
.igf-dymek{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);padding:4px 8px;border-radius:4px;background:var(--f-dol-bg);color:#fff;font-size:12px;line-height:1.3;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,transform .12s ease,visibility .12s}
.igf-dymek::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--f-dol-bg)}
.igf-social a:hover .igf-dymek,.igf-social a:focus-visible .igf-dymek{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.igf-dymek{transition:none}}
.igf-ikona{width:17px;height:17px;display:block}
.igf-naglowek{margin:0 0 12px;font-size:17px;line-height:1.7;font-weight:700;color:var(--f-nagl)}
.igf-lista li{margin:0}
.igf-lista a,.igf-kontakt,.igf-firma-dane{font-size:16px;line-height:1.7;color:var(--f-txt)}
.igf-lista a,.igf-kontakt a,.igf-firma-dane a{text-decoration:none;color:var(--f-txt)}
.igf-firma-dane a{font-weight:700}
.igf-lista a:hover,.igf-kontakt a:hover,.igf-firma-dane a:hover{color:var(--f-granat);text-decoration:underline;text-underline-offset:3px}
.igf-godziny{display:grid;grid-template-columns:auto 1fr;gap:0 14px;margin:14px 0 0}
.igf-godziny dt,.igf-godziny dd{margin:0}

.igf-dol{background:var(--f-dol-bg);color:var(--f-dol-txt);font-size:.82rem}
.igf-dol .igf-wrap{padding-top:14px;padding-bottom:14px;text-align:center}

@media (max-width:1180px){
  .igf-pas-grid{grid-template-columns:minmax(0,1fr)}
  .igf-raty{padding-right:0}
  .igf-teraz{border-left:0;padding-left:0;border-top:1px solid var(--f-linia);padding-top:20px}
  .igf-kol{grid-template-columns:repeat(3,minmax(0,1fr))}
  .igf-marka{grid-column:1/-1}
}
@media (max-width:900px){.igf{--f-bok:16px}}
@media (max-width:640px){
  .igf-pas{padding:24px 0 16px}
  .igf-raty{grid-template-columns:auto minmax(0,1fr);gap:4px 16px}
  .igf-raty-tresc{grid-column:1/-1}
  .igf-raty--bez-metki .igf-raty-tresc{grid-column:auto}
  .igf-metka{width:104px;height:73px;transform-origin:14px -25px}
  .igf-banki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-right:8px}
  .igf-bank a{width:100%;padding:5px 8px}
  .igf-kol{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .igf-kontakt-kol{grid-column:1/-1}
}