/* I-Materac: wpis bloga, szablon "Poradnik" (single.php). Karty innych wpisow: blog.css; karty produktow w bloku [polecane]: glowna.css + glowna-b.css. */
.im-w { padding-bottom: 72px; }
.im-w-okruszki { padding: 18px 0 0; font-size: 13px; line-height: 1.5; color: var(--im-szary); }
.im-strona .im-w-okruszki a { color: var(--im-szary); }
.im-strona .im-w-okruszki a:hover { color: var(--im-zloto-ciemne); }
.im-w-okruszki span { margin: 0 7px; color: #b9b4ad; }

/* Naglowek wpisu */
.im-w-nad { display: flex; align-items: center; gap: 14px; margin: 0 0 12px; font-size: 12.5px; line-height: 1.3; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--im-zloto-ciemne); }
.im-w-nad::after { content: ""; width: 54px; height: 1px; background: var(--im-zloto); }
.im-strona .im-w-nad a { color: inherit; }
.im-w-naglowek { margin: 30px 0 28px; }
.im-w-tytul { margin: 0 0 16px; font-size: 44px; line-height: 1.12; font-weight: 700; letter-spacing: -.01em; color: var(--im-czern); text-wrap: balance; }
.im-w-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; font-size: 14px; color: var(--im-szary); }
.im-w-meta span::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 18px 3px 0; border-radius: 50%; background: #c9c2b7; }
.im-w-zdjecie { margin: 0 0 36px; overflow: hidden; border-radius: 16px; background: var(--im-tlo); }
.im-w-zdjecie img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: cover; }

/* Uklady */
.im-w-uklad { display: grid; grid-template-columns: minmax(0, 740px) minmax(0, 320px); justify-content: space-between; gap: 64px; align-items: start; }
.im-w-artykul { min-width: 0; }

/* Tresc: wygodna do czytania (okolo 70 znakow w linii) */
.im-w-tresc { font-size: 17.5px; line-height: 1.75; color: #2b2824; overflow-wrap: break-word; }
.im-w-tresc > *:first-child { margin-top: 0; }
.im-w-tresc p { margin: 0 0 1.25em; }
.im-w-tresc > p:first-of-type { font-size: 19.5px; line-height: 1.65; color: var(--im-czern); }
.im-w-tresc h2 { margin: 2em 0 .6em; font-size: 29px; line-height: 1.22; font-weight: 700; color: var(--im-czern); scroll-margin-top: 110px; text-wrap: balance; }
.im-w-tresc h3 { margin: 1.7em 0 .5em; font-size: 22px; line-height: 1.3; font-weight: 700; color: var(--im-czern); }
.im-w-tresc h4 { margin: 1.5em 0 .4em; font-size: 18.5px; line-height: 1.35; font-weight: 700; color: var(--im-czern); }
.im-w-tresc ul, .im-w-tresc ol { margin: 0 0 1.35em; padding-left: 1.35em; }
.im-w-tresc li { margin: 0 0 .5em; padding-left: .2em; }
.im-w-tresc ul > li::marker { color: var(--im-zloto); }
.im-w-tresc ol > li::marker { font-weight: 700; color: var(--im-zloto-ciemne); }
.im-strona .im-w-tresc a:not(.button):not(.woocommerce-LoopProduct-link) { color: var(--im-czern); font-weight: 600; text-decoration: underline; text-decoration-color: var(--im-zloto); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.im-strona .im-w-tresc a:not(.button):not(.woocommerce-LoopProduct-link):hover { color: var(--im-zloto-ciemne); }
.im-w-tresc img { max-width: 100%; height: auto; border-radius: 12px; }
.im-w-tresc figure { margin: 1.9em 0; }
.im-w-tresc figure.aligncenter, .im-w-tresc .aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.im-w-tresc figcaption { margin-top: 10px; font-size: 14px; line-height: 1.5; text-align: center; color: var(--im-szary); }
.im-w-tresc blockquote { margin: 1.8em 0; padding: 6px 0 6px 24px; border-left: 3px solid var(--im-zloto); font-family: "Lora", Georgia, serif; font-size: 20px; line-height: 1.6; font-style: italic; color: #3d3833; }
.im-w-tresc blockquote p:last-child { margin-bottom: 0; }
.im-w-tresc .wp-block-table, .im-w-tresc table { display: block; max-width: 100%; overflow-x: auto; }
.im-w-tresc table { width: 100%; margin: 1.8em 0; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; }
.im-w-tresc th, .im-w-tresc td { padding: 11px 14px; border: 1px solid var(--im-linia); text-align: left; vertical-align: top; }
.im-w-tresc th { background: var(--im-tlo); font-weight: 700; color: var(--im-czern); }
.im-w-tresc hr { margin: 2.4em 0; border: 0; border-top: 1px solid var(--im-linia); }
.im-w-tresc iframe, .im-w-tresc video { max-width: 100%; }

/* Spis tresci wstawiany w tresc przez wtyczke Easy Table of Contents: gdy jest nasz spis (z boku / zwijany), ten jest zbedny */
.im-w.ma-spis .im-w-tresc #ez-toc-container { display: none; }
/* Dwa wpisy z wlasnym wygladem w tresci (#8174, #8164): ich ramka z powtorzonym tytulem jest zbedna pod nowym naglowkiem */
.im-w-tresc .article-hero { display: none; }
.im-w-tresc #ez-toc-container { display: block; width: auto; margin: 1.8em 0; padding: 20px 24px; border: 0; border-radius: 14px; background: var(--im-tlo); box-shadow: none; font-size: 15.5px; line-height: 1.5; }
.im-w-tresc #ez-toc-container .ez-toc-title { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--im-szary); }
.im-w-tresc #ez-toc-container ul { margin: 10px 0 0; padding: 0; }
.im-w-tresc #ez-toc-container li { margin: 0 0 6px; padding: 0; }
.im-strona .im-w-tresc #ez-toc-container a:not(.ez-toc-toggle) { font-weight: 400; text-decoration: none; color: #3d3833; }
.im-strona .im-w-tresc #ez-toc-container a:not(.ez-toc-toggle):hover { color: var(--im-zloto-ciemne); text-decoration: underline; }

/* Klocki artykulow pisanych od nowa (bloki "Wlasny HTML" w tresci): skrot, karty, rada, tabele, pytania */
.im-w-skrot { margin: 1.6em 0 2em; padding: 24px 28px 22px; border-radius: 16px; background: linear-gradient(90deg, #fbf2e0, #fdf8ee); box-shadow: 0 0 0 1px #f1e6d0; font-size: 16.5px; line-height: 1.6; }
.im-w-skrot__tytul { margin: 0 0 12px !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--im-zloto-ciemne) !important; }
.im-w-tresc .im-w-skrot ul { display: grid; gap: 9px; list-style: none; margin: 0; padding: 0; }
.im-w-tresc .im-w-skrot li { position: relative; margin: 0; padding-left: 30px; }
.im-w-tresc .im-w-skrot li::before { content: ""; position: absolute; left: 2px; top: .42em; width: 15px; height: 8px; border: solid var(--im-zloto-ciemne); border-width: 0 0 2.2px 2.2px; transform: rotate(-45deg); }
.im-w-skrot strong { color: var(--im-czern); }
.im-w-karty { display: grid; gap: 14px; margin: 1.6em 0 1.8em; }
.im-w-karty--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.im-w-karty--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.im-w-karta { display: flex; flex-direction: column; padding: 20px 20px 18px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--im-linia), 0 8px 24px rgba(18, 18, 18, .04); font-size: 15px; line-height: 1.55; color: #4a443d; }
.im-w-tresc .im-w-karta p { margin: 0 0 10px; font-size: inherit; line-height: inherit; color: inherit; }
.im-w-tresc .im-w-karta p:last-child { margin-bottom: 0; }
.im-w-tresc .im-w-karta .im-w-karta__link { margin: auto 0 0; padding-top: 6px; }
.im-w-tresc .im-w-karta .im-w-karta__tytul { margin-bottom: 8px; padding: 0; font-size: 18px; line-height: 1.3; font-weight: 700; color: var(--im-czern); }
.im-w-karta__tytul::before { content: ""; display: block; width: 28px; height: 3px; margin-bottom: 12px; border-radius: 2px; background: var(--im-zloto); }
.im-w-rada { margin: 1.6em 0; padding: 18px 22px; border-left: 3px solid var(--im-zloto); border-radius: 0 12px 12px 0; background: var(--im-tlo); font-size: 16px; line-height: 1.6; }
.im-w-tresc .im-w-rada p { margin: 0; font-size: inherit; line-height: inherit; color: #3d3833; }
.im-w-tresc table.im-w-twardosc, .im-w-tresc table.im-w-sciaga { display: table; width: 100%; margin: 1.5em 0 1.7em; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--im-linia), 0 8px 24px rgba(18, 18, 18, .04); font-size: 16px; line-height: 1.45; }
.im-w-tresc .im-w-twardosc th, .im-w-tresc .im-w-twardosc td, .im-w-tresc .im-w-sciaga th, .im-w-tresc .im-w-sciaga td { padding: 14px 18px; border: 0; border-bottom: 1px solid var(--im-linia); vertical-align: middle; }
.im-w-tresc .im-w-twardosc tbody tr:last-child td, .im-w-tresc .im-w-sciaga tbody tr:last-child td { border-bottom: 0; }
.im-w-tresc .im-w-twardosc th, .im-w-tresc .im-w-sciaga th { background: #fff; font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--im-szary); }
.im-w-twardosc td:first-child { width: 86px; }
.im-w-twardosc td:first-child strong { font-size: 20px; color: var(--im-zloto-ciemne); }
.im-w-twardosc td:nth-child(2) { font-weight: 600; color: var(--im-czern); }
.im-w-twardosc td:nth-child(3) { color: var(--im-szary); }
.im-w-twardosc tr.jest-top td { background: #fcf5e8; }
.im-w-twardosc em { display: block; font-size: 10.5px; line-height: 1.4; font-style: normal; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--im-zloto-ciemne); }
.im-w-sciaga td:first-child { width: 44%; font-weight: 600; color: var(--im-czern); }
.im-w-sciaga td span { display: block; margin-top: 2px; font-size: 13.5px; color: var(--im-szary); }
.im-w-pytania { margin: 1.4em 0 0; border-top: 1px solid var(--im-linia); }
.im-w-pytania details { border-bottom: 1px solid var(--im-linia); }
.im-w-pytania summary { position: relative; padding: 17px 40px 17px 0; font-size: 17px; line-height: 1.4; font-weight: 600; color: var(--im-czern); cursor: pointer; list-style: none; }
.im-w-pytania summary::-webkit-details-marker { display: none; }
.im-w-pytania summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 9px; height: 9px; margin-top: -7px; border: solid var(--im-szary); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s; }
.im-w-pytania details[open] summary::after { margin-top: -2px; transform: rotate(225deg); }
.im-w-pytania summary:focus-visible { outline: 2px solid var(--im-zloto); outline-offset: 2px; }
.im-w-tresc .im-w-pytania p { margin: 0 0 18px; font-size: 16px; line-height: 1.65; color: #4a443d; }

/* Ramka "zadzwon" pod trescia */
.im-w-pomoc { display: flex; align-items: center; justify-content: space-between; gap: 22px 32px; margin: 48px 0 0; padding: 28px 32px; border-radius: 16px; background: linear-gradient(90deg, #fbf2e0, #fdf8ee); box-shadow: 0 0 0 1px #f1e6d0; font-size: 15px; line-height: 1.6; color: #4a443d; }
.im-w-pomoc p { margin: 0; }
.im-w-pomoc__tytul { margin-bottom: 4px !important; font-size: 21px; line-height: 1.3; font-weight: 700; color: var(--im-czern); }
.im-w-pomoc__przyciski { display: flex; flex: none; flex-direction: column; align-items: stretch; gap: 10px; }
.im-strona .im-w-pomoc__tel { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 22px; border-radius: 10px; background: linear-gradient(180deg, #e6b354, #c98e25); font-size: 20px; font-weight: 700; white-space: nowrap; color: var(--im-czern); }
.im-strona .im-w-pomoc__tel:hover { filter: brightness(1.07); color: var(--im-czern); }
.im-strona .im-w-pomoc__link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14.5px; font-weight: 600; color: var(--im-zloto-ciemne); }

/* Kolumna boczna: spis tresci i karta doradcow */
.im-w-bok { position: sticky; top: 104px; display: grid; gap: 18px; margin: 29px -1px 0; padding: 1px; max-height: calc(100vh - 124px); overflow: auto; scrollbar-width: thin; }
.im-w-spis { padding: 22px 22px 18px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px var(--im-linia); }
.im-w-spis__tytul { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--im-szary); }
.im-w-spis ol { display: grid; gap: 2px; list-style: none; margin: 0; padding: 0; counter-reset: spis; font-size: 14.5px; line-height: 1.4; }
.im-w-spis li { counter-increment: spis; }
.im-strona .im-w-spis a { display: flex; gap: 10px; padding: 7px 10px; border-radius: 8px; color: #4a443d; transition: background .12s, color .12s; }
.im-w-spis a::before { content: counter(spis) "."; flex: none; min-width: 1.4em; font-weight: 700; color: var(--im-zloto-ciemne); }
.im-strona .im-w-spis a:hover { background: var(--im-tlo); color: var(--im-czern); }
.im-strona .im-w-spis a.jest-tu { background: #fbf2e0; font-weight: 600; color: var(--im-czern); }
.im-w-spis--tel { display: none; }
.im-w-doradca { padding: 24px 22px 22px; border-radius: 14px; background: linear-gradient(165deg, #25201b 0%, #151311 60%, #121212 100%); color: #d9d4cc; }
.im-w-doradca p { margin: 0; }
.im-w-doradca__nad { margin-bottom: 8px !important; font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--im-zloto); }
.im-w-doradca__tytul { font-size: 20px; line-height: 1.25; font-weight: 700; color: #fff; }
.im-strona .im-w-doradca__tel { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 16px 0 10px; padding: 12px 14px; border-radius: 10px; background: linear-gradient(180deg, #e6b354, #c98e25); font-size: 20px; font-weight: 700; white-space: nowrap; color: var(--im-czern); }
.im-strona .im-w-doradca__tel:hover { filter: brightness(1.07); color: var(--im-czern); }
.im-w-doradca__godz { font-size: 13px; text-align: center; color: #fff; }

/* Blok [polecane]: produkty w tresci wpisu, na szerokosc kolumny tekstu */
.im-w-produkty { margin: 2.4em 0; padding: 26px 22px 24px; border-radius: 18px; background: var(--im-tlo); font-size: 15px; line-height: 1.5; }
.im-w-produkty .im-b-nad { margin-bottom: 8px !important; }
.im-w-produkty__tytul { margin: 0 0 20px !important; font-size: 24px; line-height: 1.2; font-weight: 700; color: var(--im-czern); }
.im-w-tresc .im-w-produkty ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; }
.im-w-tresc .im-w-produkty--2 ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.im-w-tresc .im-w-produkty--1 ul.products { grid-template-columns: minmax(0, 320px); }
.im-w-tresc .im-w-produkty ul.products li.product { margin: 0 !important; padding: 10px 10px 12px; }
.im-w-tresc .im-w-produkty li.product::marker { content: none; }
.im-w-tresc .im-w-produkty li.product img { border-radius: 8px; }
.im-w-tresc .im-w-produkty li.product .woocommerce-loop-product__title { min-height: 4.2em; margin: 0 0 12px; font-size: 14.5px !important; line-height: 1.4; font-weight: 500; text-wrap: auto; }
.im-w-tresc .im-w-produkty li.product .price { font-size: 17px !important; }
.im-w-tresc .im-w-produkty .im-b-kupowane li.product .im-b-zalety, .im-w-tresc .im-w-produkty li.product .im-b-zalety { flex-direction: column; padding: 0 2px; font-size: 12px; }
.im-w-tresc .im-w-produkty ul.products li.product .button { min-height: 44px; padding: 0 6px; font-size: 13.5px; }
/* Karta modelu: cena "od", rozmiary jako linki, przycisk do strony modelu */
.im-w-tresc .im-w-produkty li.im-w-model .price small { font-size: 13px; font-weight: 400; color: var(--im-szary); }
.im-w-tresc .im-w-produkty li.im-w-model .price { margin-bottom: 12px !important; }
.im-w-tresc .im-w-produkty .im-w-model__etykieta { margin: 0 6px 7px; font-size: 11px; line-height: 1.3; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--im-szary); }
.im-w-tresc .im-w-produkty ul.im-w-model__rozmiary { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 6px 14px; padding: 0; }
.im-w-tresc .im-w-produkty .im-w-model__rozmiary li { margin: 0; padding: 0; }
.im-strona .im-w-tresc .im-w-produkty .im-w-model__rozmiary a { display: block; padding: 7px 9px; border: 1px solid #ddd6ca; border-radius: 7px; background: #fff; font-size: 13px; line-height: 1; font-weight: 600; white-space: nowrap; text-decoration: none; color: var(--im-czern); transition: border-color .15s, background .15s; }
.im-strona .im-w-tresc .im-w-produkty .im-w-model__rozmiary a:hover { border-color: var(--im-zloto); background: #fbf4e6; color: var(--im-czern); }
.im-w-tresc .im-w-produkty ul.products li.im-w-model .button.im-w-model__wszystkie { background: #fff; box-shadow: inset 0 0 0 1.5px #cfa55a; color: var(--im-czern); font-weight: 600; }
.im-w-tresc .im-w-produkty ul.products li.im-w-model .button.im-w-model__wszystkie:hover { background: #fbf4e6; color: var(--im-czern); }
.im-w-tresc .im-w-produkty--3 li.product .onsale.im-b-rabat { top: 18px; left: 18px; }
.im-w-tresc .im-w-produkty--3 li.product .im-serce { top: 16px; right: 16px; width: 34px; height: 34px; }

/* Inne wpisy */
.im-w-inne { margin-top: 72px; padding-top: 56px; border-top: 1px solid var(--im-linia); }
.im-w-inne__tytul { margin: 0 0 28px; font-size: 30px; line-height: 1.2; font-weight: 700; color: var(--im-czern); }

@media (max-width: 1199px) {
	.im-w-uklad { grid-template-columns: minmax(0, 1fr) 280px; gap: 40px; }
	.im-w-tytul { font-size: 38px; }
	/* Trzy produkty w wezszej kolumnie: przewijany rzad zamiast chowania trzeciej karty */
	.im-w-tresc .im-w-produkty--3 ul.products { display: flex; gap: 10px; margin: 0 -22px; padding: 2px 22px 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.im-w-tresc .im-w-produkty--3 ul.products::-webkit-scrollbar { display: none; }
	.im-w-tresc .im-w-produkty--3 ul.products li.product { flex: 0 0 calc(44% - 6px); scroll-snap-align: start; }
}
@media (max-width: 991px) {
	.im-w { padding-bottom: 48px; }
	.im-w-uklad { display: block; }
	.im-w-artykul { max-width: 740px; margin: 0 auto; }
	.im-w-bok { display: none; } /* spis jest zwijany pod zdjeciem, a telefon w ramce pod trescia: drugi raz niepotrzebny */
	.im-w-spis--tel { display: block; margin: 0 0 28px; padding: 0; }
	.im-w-spis--tel summary { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; font-size: 15px; font-weight: 700; color: var(--im-czern); cursor: pointer; list-style: none; }
	.im-w-spis--tel summary::-webkit-details-marker { display: none; }
	.im-w-spis--tel[open] summary .im-ikona { transform: rotate(180deg); }
	.im-w-spis--tel ol { padding: 0 10px 12px; }
	.im-w-naglowek { margin: 22px 0 22px; }
	.im-w-tytul { font-size: 30px; }
	.im-w-zdjecie { margin-bottom: 26px; border-radius: 12px; }
	.im-w-tresc { font-size: 16.5px; line-height: 1.7; }
	.im-w-tresc > p:first-of-type { font-size: 17.5px; }
	.im-w-tresc h2 { font-size: 24px; scroll-margin-top: 84px; }
	.im-w-tresc h3 { font-size: 20px; }
	.im-w-tresc blockquote { font-size: 18px; padding-left: 18px; }
	.im-w-pomoc { flex-direction: column; align-items: stretch; margin-top: 36px; padding: 22px 20px; }
	.im-w-produkty { margin: 2em -4px; padding: 20px 12px 18px; border-radius: 14px; }
	.im-w-produkty__tytul { margin-bottom: 16px !important; font-size: 20px; }
	.im-w-tresc .im-w-produkty ul.products { gap: 8px; }
	.im-w-tresc .im-w-produkty .im-w-model__etykieta { margin: 0 2px 6px; font-size: 10.5px; }
	.im-w-tresc .im-w-produkty ul.im-w-model__rozmiary { gap: 5px; margin: 0 2px 12px; }
	.im-strona .im-w-tresc .im-w-produkty .im-w-model__rozmiary a { padding: 7px 6px; font-size: 12px; }
	.im-w-tresc .im-w-produkty--3 ul.products { margin: 0 -12px; padding: 2px 12px 8px; }
	.im-w-tresc .im-w-produkty--3 ul.products li.product { flex-basis: 62%; }
	.im-w-tresc .im-w-produkty ul.products li.product { padding: 8px 8px 12px; }
	.im-w-inne { margin-top: 48px; }
	.im-w-skrot { padding: 20px 18px 18px; font-size: 15.5px; }
	.im-w-karty--3, .im-w-karty--2 { grid-template-columns: 1fr; gap: 10px; }
	.im-w-karta { padding: 16px 16px 14px; }
	.im-w-tresc table.im-w-twardosc, .im-w-tresc table.im-w-sciaga { font-size: 14.5px; }
	.im-w-tresc .im-w-twardosc th, .im-w-tresc .im-w-twardosc td, .im-w-tresc .im-w-sciaga th, .im-w-tresc .im-w-sciaga td { padding: 12px 12px; }
	.im-w-twardosc td:first-child { width: 58px; }
	.im-w-sciaga td:first-child { width: 42%; }
	.im-w-pytania summary { font-size: 16px; }
	.im-w-inne { padding-top: 40px; }
	.im-w-inne__tytul { margin-bottom: 20px; font-size: 24px; }
}