/* I-Materac: strony zakladki Informacje (Dostawa, Platnosci, Raty 0%). Ladowane tylko tam (inc/informacje.php).
   Szablony: page-koszty-i-formy-dostawy.php, page-formy-platnosci.php, page-raty.php. Przedrostek klas: im-i-. */
.im-info { padding-bottom: 72px; font-size: 16px; line-height: 1.65; color: var(--im-tekst); }
.im-info .im-kontener { max-width: 1128px; }
.im-info p { margin: 0; }
.im-info ul, .im-info ol { list-style: none; margin: 0; padding: 0; }

/* Gora */
.im-i-gora { padding: 26px 0 44px; background: linear-gradient(180deg, var(--im-tlo) 0%, #fff 100%); }
.im-i-okruszki { margin-bottom: 30px; font-size: 13.5px; color: var(--im-szary); }
.im-i-okruszki a { color: var(--im-szary); }
.im-i-okruszki a:hover { color: var(--im-zloto-ciemne); }
.im-i-okruszki span { margin: 0 8px; opacity: .6; }
.im-i-nad { margin: 0 0 8px; font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--im-zloto-ciemne); }
.im-i-tytul { margin: 0 0 14px; font-size: clamp(32px, 4vw, 46px); line-height: 1.12; font-weight: 700; letter-spacing: -.01em; color: var(--im-czern); }
.im-i-wstep { max-width: 640px; font-size: 18.5px; line-height: 1.55; color: #4a443d; }
.im-i-termin { display: inline-flex; align-items: center; gap: 12px; margin-top: 24px !important; padding: 13px 20px; border: 1px solid var(--im-linia); border-radius: 12px; background: #fff; font-size: 15.5px; box-shadow: 0 6px 20px rgba(0, 0, 0, .04); }
.im-i-termin .im-ikona { color: var(--im-zloto-ciemne); }
.im-i-termin strong { color: var(--im-czern); }

/* Ramka "Partner ratalny" z logo banku (page-raty.php) */
.im-i-partner { display: flex; align-items: center; gap: 32px; margin-bottom: 18px; padding: 20px 34px; border: 1px solid var(--im-linia); border-radius: 14px; background: #fff; }
.im-i-partner__logo { flex: none; display: block; width: auto; height: 46px; padding-right: 32px; border-right: 1px solid var(--im-linia); }
.im-i-partner p { display: grid; gap: 2px; }
.im-i-partner span { font-size: 14px; color: var(--im-szary); }
.im-i-partner strong { font-size: 18px; line-height: 1.3; color: var(--im-czern); }

/* Rzad faktow */
.im-i-fakty { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--im-linia); border-radius: 14px; background: #fff; }
.im-i-fakty li { display: flex; align-items: flex-start; gap: 14px; padding: 22px 22px; border-left: 1px solid var(--im-linia); }
.im-i-fakty li:first-child { border-left: 0; }
.im-i-fakty .im-ikona { margin-top: 2px; color: var(--im-zloto-ciemne); }
.im-i-fakty span { font-size: 13.5px; line-height: 1.45; color: var(--im-szary); }
.im-i-fakty strong { display: block; margin-bottom: 2px; font-size: 15.5px; color: var(--im-czern); }

/* Sekcje */
.im-i-sekcja { padding-top: 56px; }
.im-i-h2 { margin: 0 0 8px; font-size: 28px; line-height: 1.2; font-weight: 700; color: var(--im-czern); }
.im-i-opis { max-width: 720px; margin-bottom: 24px !important; color: #4a443d; }
.im-i-h2 + .im-i-cennik, .im-i-h2 + .im-i-kroki, .im-i-h2 + .im-i-grupy, .im-i-h2 + .im-i-pytania__lista { margin-top: 24px; }

/* Cennik dostawy */
.im-i-cennik { border: 1px solid var(--im-linia); border-radius: 14px; overflow: hidden; }
.im-i-cennik__wiersz { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 26px; border-top: 1px solid var(--im-linia); background: #fff; }
.im-i-cennik__wiersz:first-child { border-top: 0; }
.im-i-cennik__wiersz--top { background: #fdf7ea; }
.im-i-cennik__wiersz span { font-size: 14px; line-height: 1.5; color: var(--im-szary); }
.im-i-cennik__wiersz strong { display: block; font-size: 16.5px; color: var(--im-czern); }
.im-i-cennik__wiersz b { flex: none; font-size: 24px; font-weight: 700; color: var(--im-czern); white-space: nowrap; }
.im-i-cennik__wiersz--top b { color: #2f7d32; }

/* Kroki */
.im-i-kroki { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: none; }
.im-i-kroki li { position: relative; padding: 26px 22px 24px; border: 1px solid var(--im-linia); border-radius: 14px; background: #fff; }
.im-i-kroki__nr { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: var(--im-zloto); color: #fff; font-size: 15px; font-weight: 700; }
.im-i-kroki strong { display: block; margin-bottom: 6px; font-size: 17px; line-height: 1.3; color: var(--im-czern); }
.im-i-kroki p { font-size: 14.5px; line-height: 1.6; color: #4a443d; }

/* Ramka z lista */
.im-i-ramka { padding: 30px 34px; border-radius: 16px; background: var(--im-tlo); }
.im-i-ramka__tytul { margin: 0 0 16px; font-size: 21px; line-height: 1.25; font-weight: 700; color: var(--im-czern); }
.im-i-ramka li, .im-i-grupa li { display: flex; align-items: flex-start; gap: 12px; }
.im-i-ramka li + li { margin-top: 12px; }
.im-i-ramka .im-ikona, .im-i-grupa li .im-ikona { margin-top: 3px; color: var(--im-zloto-ciemne); }
.im-i-ramka strong { color: var(--im-czern); }

/* Grupy kart (metody platnosci, sposoby rat) */
.im-i-grupy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.im-i-grupa { display: flex; flex-direction: column; padding: 28px 26px; border: 1px solid var(--im-linia); border-radius: 16px; background: #fff; }
.im-i-grupa--top { border-color: var(--im-zloto); box-shadow: 0 10px 30px rgba(219, 155, 46, .12); }
.im-i-znak { align-self: flex-start; margin-bottom: 12px; padding: 4px 11px; border-radius: 999px; background: #fdf1d8; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #8a5d0b; }
.im-i-grupa__tytul { margin: 0 0 6px; font-size: 20px; line-height: 1.25; font-weight: 700; color: var(--im-czern); }
.im-i-grupa__opis { margin-bottom: 18px !important; font-size: 14.5px; line-height: 1.55; color: var(--im-szary); }
.im-i-grupa li + li { margin-top: 14px; }
.im-i-grupa li span { font-size: 14.5px; line-height: 1.5; color: #4a443d; }
.im-i-grupa li strong { display: block; font-size: 15.5px; color: var(--im-czern); }
.im-i-link { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 20px; font-size: 15px; font-weight: 700; color: var(--im-czern); }
.im-strona .im-i-link:hover { color: var(--im-zloto-ciemne); }
.im-i-loga { margin-top: 26px !important; text-align: center; }
.im-i-loga img { max-width: min(520px, 100%); height: auto; }

/* Przyklad raty */
.im-i-przyklad { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 32px 36px; border-radius: 16px; background: var(--im-czern); color: #e9e4dc; }
.im-i-przyklad .im-i-nad { color: var(--im-zloto); }
.im-i-przyklad__tytul { margin: 0 0 8px; font-size: 22px; line-height: 1.3; font-weight: 700; color: #fff; }
.im-i-przyklad .im-i-link { color: #fff; padding-top: 14px; }
.im-strona .im-i-przyklad .im-i-link:hover { color: var(--im-zloto); }
.im-i-przyklad__rata { flex: none; display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 10px; text-align: right; }
.im-i-przyklad__rata span { font-size: 22px; font-weight: 600; color: var(--im-zloto); }
.im-i-przyklad__rata strong { font-size: 40px; line-height: 1.1; font-weight: 700; color: #fff; white-space: nowrap; }
.im-i-przyklad__rata small { grid-column: 1 / -1; font-size: 13.5px; color: #b9b2a8; }

/* Pytania */
.im-i-pytania__lista { max-width: 860px; }
.im-i-pytanie { border-bottom: 1px solid var(--im-linia); }
.im-i-pytanie:first-child { border-top: 1px solid var(--im-linia); }
.im-i-pytanie summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; font-size: 16.5px; line-height: 1.4; font-weight: 600; color: var(--im-czern); cursor: pointer; list-style: none; }
.im-i-pytanie summary::-webkit-details-marker { display: none; }
.im-i-pytanie summary .im-ikona { color: var(--im-szary); transition: transform .2s; }
.im-i-pytanie[open] summary .im-ikona { transform: rotate(180deg); }
.im-i-pytanie summary:focus-visible { outline: 2px solid var(--im-zloto); outline-offset: 2px; }
.im-i-pytanie p { padding: 0 40px 20px 0; font-size: 15px; line-height: 1.7; color: #3d3833; }
.im-strona .im-i-pytanie p a { color: var(--im-czern); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.im-i-cta { margin-top: 40px !important; }

/* Dol: pozostale strony i kontakt */
.im-i-dalej { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
.im-i-dalej__kafel { display: flex; align-items: center; gap: 16px; padding: 22px 24px; border: 1px solid var(--im-linia); border-radius: 14px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.im-i-dalej__kafel:hover { border-color: var(--im-zloto); box-shadow: 0 8px 24px rgba(0, 0, 0, .06); }
.im-i-dalej__kafel > .im-ikona:first-child { color: var(--im-zloto-ciemne); }
.im-i-dalej__kafel > .im-ikona:last-child { margin-left: auto; color: var(--im-szary); }
.im-i-dalej__kafel span { font-size: 14px; line-height: 1.45; color: var(--im-szary); }
.im-i-dalej__kafel strong { display: block; font-size: 17px; color: var(--im-czern); }
.im-i-kontakt { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 18px; padding: 28px 32px; border-radius: 16px; background: var(--im-tlo); }
.im-i-kontakt__tytul { margin: 0 0 4px; font-size: 21px; line-height: 1.25; font-weight: 700; color: var(--im-czern); }
.im-i-kontakt p { font-size: 15px; color: #4a443d; }
.im-i-kontakt__dane { flex: none; display: grid; gap: 6px; justify-items: end; }
.im-i-kontakt__tel, .im-i-kontakt__mail { display: inline-flex; align-items: center; gap: 10px; color: var(--im-czern); }
.im-i-kontakt__tel { font-size: 26px; font-weight: 700; white-space: nowrap; }
.im-i-kontakt__mail { font-size: 15px; font-weight: 600; }
.im-i-kontakt .im-ikona { color: var(--im-zloto-ciemne); }

.im-i-grupy--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.im-i-grupa__w-kasie { margin-top: auto !important; padding-top: 20px; font-size: 14px; color: var(--im-szary); }
.im-i-grupa__w-kasie strong { color: var(--im-czern); }

/* Dostawa: "Sam wybierasz dzien dostawy" (23-10-2026). Z lewej instrukcja, z prawej podglad opcji z kasy (bez dat, wyglad jak w kasie). */
.im-i-wybor { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 48px; align-items: center; padding: 40px 44px; border: 1px solid #f1dfb8; border-radius: 18px; background: linear-gradient(135deg, #fdf7ea 0%, #fff 75%); }
.im-i-wybor .im-i-znak { display: inline-block; }
.im-i-wybor .im-i-opis { margin-bottom: 26px !important; }
.im-i-wybor__kroki { display: grid; gap: 16px; }
.im-i-wybor__kroki li { display: flex; align-items: flex-start; gap: 14px; }
.im-i-wybor__nr { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-top: 1px; border-radius: 50%; background: var(--im-zloto); color: #fff; font-size: 14px; font-weight: 700; }
.im-i-wybor__kroki li > span:last-child { font-size: 14.5px; line-height: 1.55; color: #4a443d; }
.im-i-wybor__kroki strong { display: block; margin-bottom: 1px; font-size: 16px; line-height: 1.35; color: var(--im-czern); }
.im-i-wybor__podglad { display: flex; justify-content: center; }
.im-i-kal { width: 100%; max-width: 380px; padding: 22px 22px 20px; border: 1px solid var(--im-linia); border-radius: 16px; background: #fff; box-shadow: 0 18px 40px rgba(0, 0, 0, .08); }
.im-i-kal__zaznacz { display: flex; align-items: center; gap: 10px; margin: 0 0 14px !important; font-size: 14.5px; color: var(--im-czern); }
.im-i-kal__box { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 4px; background: var(--im-czern); }
.im-i-kal__etykieta { margin: 0 0 8px !important; font-size: 13px; font-weight: 600; color: var(--im-czern); }
.im-i-kal__karta { padding: 10px; border: 1px solid var(--im-linia); border-radius: 10px; }
.im-i-kal__gora { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; font-size: 13.5px; color: var(--im-czern); }
.im-i-kal__nav { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 1px solid var(--im-linia); border-radius: 6px; font-size: 16px; line-height: 1; color: var(--im-szary); }
.im-i-kal__siatka { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; text-align: center; }
.im-i-kal__tyg { padding: 2px 0 4px; font-size: 11px; color: var(--im-szary); }
.im-i-kal__dzien { display: flex; align-items: center; justify-content: center; height: 30px; border-radius: 6px; font-size: 12.5px; color: #c4c4c4; }
.im-i-kal__dzien.is-wolny { border: 1px solid var(--im-linia); background: #fff; font-weight: 600; color: var(--im-czern); }
.im-i-kal__dzien.is-wybrany { background: var(--im-czern); font-weight: 700; color: #fff; }
@media (max-width: 991px) {
	.im-i-wybor { grid-template-columns: 1fr; gap: 32px; padding: 32px 30px; }
}
@media (max-width: 767px) {
	.im-i-wybor { gap: 26px; padding: 24px 20px; }
	.im-i-kal { padding: 18px 16px; }
}

@media (max-width: 991px) {
	.im-i-fakty { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.im-i-fakty li:nth-child(odd) { border-left: 0; }
	.im-i-fakty li:nth-child(n+3) { border-top: 1px solid var(--im-linia); }
	.im-i-kroki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.im-i-grupy { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
	.im-info { padding-bottom: 52px; font-size: 15.5px; }
	.im-i-gora { padding: 18px 0 30px; }
	.im-i-okruszki { margin-bottom: 20px; font-size: 13px; }
	.im-i-wstep { font-size: 16.5px; }
	.im-i-termin { display: flex; align-items: flex-start; padding: 12px 14px; font-size: 14.5px; }
	.im-i-fakty { grid-template-columns: 1fr; }
	.im-i-fakty li { padding: 16px 18px; border-left: 0; }
	.im-i-fakty li + li { border-top: 1px solid var(--im-linia); }
	.im-i-sekcja { padding-top: 40px; }
	.im-i-h2 { font-size: 23px; }
	.im-i-cennik__wiersz { padding: 16px 18px; gap: 14px; }
	.im-i-cennik__wiersz b { font-size: 20px; }
	.im-i-kroki { grid-template-columns: 1fr; gap: 12px; }
	.im-i-kroki li { padding: 20px 18px; }
	.im-i-ramka { padding: 24px 20px; }
	.im-i-grupa { padding: 24px 20px; }
	.im-i-przyklad { flex-direction: column; align-items: flex-start; gap: 20px; padding: 26px 22px; }
	.im-i-przyklad__rata { text-align: left; justify-content: start; }
	.im-i-przyklad__rata strong { font-size: 34px; }
	.im-i-grupy--2 { grid-template-columns: 1fr; }
	.im-i-pytanie summary { padding: 15px 0; font-size: 15.5px; }
	.im-i-pytanie p { padding-right: 0; }
	.im-i-dalej { grid-template-columns: 1fr; gap: 12px; }
	.im-i-partner { gap: 18px; padding: 16px 18px; }
	.im-i-partner__logo { height: 36px; padding-right: 18px; }
	.im-i-partner strong { font-size: 16px; }
	.im-i-kontakt { flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px 20px; }
	.im-i-kontakt__dane { justify-items: start; }
	.im-i-kontakt__tel { font-size: 23px; }
	.im-i-cta .im-btn { width: 100%; }
}