/*
Theme Name: Blisko Przyrody
Theme URI: https://e-bliskoprzyrody.pl/
Description: Motyw potomny Twenty Twenty-Five dla blogu Blisko Przyrody. Kolory, kroje pisma i szablony według makiety z 9.10.2026. Bez Elementora, bez kodu w widgetach – wszystko w blokach.
Author: Blisko Przyrody
Template: twentytwentyfive
Version: 0.1.48
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bliskoprzyrody
*/

/* Dodatki, których nie da się zapisać w theme.json */

/* Etykieta kategorii nad tytułem */
.bp-etykieta .wp-block-post-terms,
.bp-etykieta {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--bursztyn);
}
.bp-etykieta .wp-block-post-terms a { color: inherit; text-decoration: none; }
.bp-etykieta .wp-block-post-terms a:hover { text-decoration: underline; }

/* Karty wpisów */
.bp-karta { background: var(--wp--preset--color--biel); border: 1px solid var(--wp--preset--color--linia); border-radius: 12px; overflow: hidden; }
.bp-karta .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.bp-karta .wp-block-post-title { font-size: 1.3rem; line-height: 1.25; }
.bp-karta .wp-block-post-title a { text-decoration: none; }
.bp-karta .wp-block-post-title a:hover { color: var(--wp--preset--color--bursztyn); }

/* Duży kafel najnowszego wpisu */
.bp-duzy .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; }
.bp-duzy .wp-block-post-title { font-size: clamp(1.6rem, 3vw, 2rem); line-height: 1.2; }
.bp-duzy .wp-block-post-title a { text-decoration: none; }

/* Mały kafel: obrazek z lewej */
.bp-maly .wp-block-post-featured-image img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; }
.bp-maly .wp-block-post-title { font-size: 1.15rem; line-height: 1.25; margin: 0; }
.bp-maly .wp-block-post-title a { text-decoration: none; }
.bp-maly { border-bottom: 1px solid var(--wp--preset--color--linia); padding-bottom: 1rem; }

/* Kafle kategorii */
.bp-kategoria.wp-block-cover { border-radius: 10px; overflow: hidden; min-height: 225px !important; }
@media (max-width: 640px) { .bp-kategoria.wp-block-cover { min-height: 150px !important; } }
.bp-kategoria .wp-block-heading { font-size: 1.15rem; font-weight: 700; line-height: 1.2; margin: 0; }
.bp-kategoria .wp-block-cover__inner-container { padding: 0.9rem 1rem; }
.bp-kategoria.wp-block-cover { transition: transform .2s ease; }
.bp-kategoria.wp-block-cover:hover { transform: translateY(-2px); }
.bp-kafle-kategorii.wp-block-group { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; align-items: start; }
.bp-kafel.wp-block-image { margin: 0; border-radius: 10px; overflow: hidden; }
.bp-kafel img { display: block; width: 100%; height: auto; border-radius: 10px; transition: transform .25s ease; }
.bp-kafel a:hover img { transform: scale(1.03); }
@media (max-width: 900px) { .bp-kafle-kategorii.wp-block-group { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .bp-kafle-kategorii.wp-block-group { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bp-kategoria a { color: inherit; text-decoration: none; }

/* Ramka „W skrócie” we wpisach */
.bp-w-skrocie { background: var(--wp--preset--color--panel); border-left: 4px solid var(--wp--preset--color--bursztyn); border-radius: 0 12px 12px 0; padding: 1.25rem 1.5rem; }
.bp-w-skrocie h2, .bp-w-skrocie h3 { margin-top: 0; font-size: 1.25rem; }
.bp-w-skrocie ul { margin-bottom: 0; }

/* Ramka „Ciekawostka” */
.bp-ciekawostka { background: var(--wp--preset--color--biel); border: 1px solid var(--wp--preset--color--linia); border-radius: 12px; padding: 1.25rem 1.5rem; }

/* Treść wpisu: obrazki i cytaty */
.wp-block-post-content img { border-radius: 8px; height: auto; }
.wp-block-post-content figure { margin-left: 0; margin-right: 0; }

/* Nawigacja w nagłówku */
.bp-naglowek .wp-block-navigation a { font-weight: 600; text-decoration: none; padding: 0.5rem 0.75rem; border-radius: 6px; }
.bp-naglowek .wp-block-navigation a:hover { background: var(--wp--preset--color--panel); color: var(--wp--preset--color--zielen); }
.bp-naglowek .wp-block-site-title a { text-decoration: none; }

/* Stopka */
.bp-stopka a { color: var(--wp--preset--color--linia); text-decoration: none; }
.bp-stopka a:hover { color: var(--wp--preset--color--biel); }

/* Drobne */
.bp-meta { font-size: 0.95rem; color: var(--wp--preset--color--szary); }
.bp-meta .wp-block-post-date, .bp-meta .wp-block-post-author-name { font-size: inherit; }

/* 0.1.9 – ciemny nagłówek i hero (zieleń lasu + limonka) */
.bp-naglowek { border-bottom: 1px solid rgba(255,255,255,.08); }
.bp-naglowek .wp-block-site-title { font-family: var(--wp--preset--font-family--bricolage); font-weight: 700; font-size: 1.35rem; letter-spacing: -0.02em; }
.bp-naglowek .wp-block-site-title a,
.bp-naglowek .wp-block-navigation a { color: #FFFFFF; }
.bp-naglowek .wp-block-navigation a:hover { background: rgba(255,255,255,.12); color: #FFFFFF; }
.bp-naglowek .wp-block-navigation__responsive-container-open { color: #FFFFFF; }
.bp-logo-znak { display: inline-flex; line-height: 0; }
.bp-naglowek .wp-block-search__button { background: transparent; color: #FFFFFF; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; width: 44px; height: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; margin: 0; }
.bp-naglowek .wp-block-search__button:hover { background: rgba(255,255,255,.12); }
.bp-naglowek .wp-block-search__input { border-radius: 999px; }
.bp-przycisk-pigulka .wp-block-button__link { border-radius: 999px; padding: 0.75rem 1.4rem; }
.bp-przycisk-pigulka .wp-block-button__link:hover { background: #FFFFFF; color: var(--wp--preset--color--zielen); }
.bp-przycisk-pigulka.is-style-outline .wp-block-button__link { border: 1px solid rgba(255,255,255,.35); padding: calc(0.75rem - 1px) calc(1.4rem - 1px); }
.bp-przycisk-pigulka.is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.12); color: #FFFFFF; }
.bp-hero-etykieta { font-size: 0.8rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin: 0; }
.bp-hero-tytul { font-size: clamp(2.8rem, 6.4vw, 5.6rem); line-height: .98; letter-spacing: -0.025em; font-weight: 600; max-width: 12ch; margin: 0; }
.bp-hero-opis { max-width: 52ch; color: #C9D4C6; }
.bp-hero-liczby { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; border-top: 1px solid rgba(255,255,255,.12); margin-top: 2.5rem; padding-top: 2rem; }
.bp-hero-liczby > * { margin-block-start: 0; }
.bp-liczba { font-size: clamp(2.4rem, 4vw, 3.5rem); line-height: 1; font-weight: 500; margin: 0; }
.bp-liczba-opis { color: #C9D4C6; font-weight: 600; margin: 0; }
@media (max-width: 720px) { .bp-hero-liczby { grid-template-columns: 1fr 1fr; } }

/* 0.1.11 – ciemny panel (nagłówek + hero) na szerokość kolumny treści, nie całego ekranu */
.bp-naglowek,
.bp-hero { width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)); max-width: 1320px; margin-inline: auto; }
.bp-naglowek { border-radius: 16px 16px 0 0; }
.bp-hero { border-radius: 0 0 16px 16px; }
body:not(.home) .bp-naglowek { border-radius: 16px; }

/* 0.1.12 – bez przerwy między nagłówkiem a hero (jeden ciemny panel) */
.wp-site-blocks > .bp-hero { margin-block-start: 0; }

/* 0.1.13 – karty jak na makiecie: większe zaokrąglenie, cień po najechaniu; najnowszy wpis jako karta pozioma */
.bp-karta { border-radius: 20px; border-color: #E6E9DD; transition: transform .25s ease, box-shadow .25s ease; }
.bp-karta:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(31,51,32,.10); }
.bp-karta .wp-block-post-featured-image { margin: 0; }
.bp-karta-pozioma .wp-block-columns { gap: 0; }
.bp-karta-pozioma .wp-block-post-featured-image img { aspect-ratio: 16 / 10; height: auto; }
.bp-karta-pozioma .wp-block-post-title { font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.15; }
.bp-karta-pozioma .wp-block-post-excerpt { color: var(--wp--preset--color--szary); }
.bp-karta-pozioma .wp-block-post-excerpt__more-link { font-weight: 700; text-decoration: none; }
@media (max-width: 781px) {
	.bp-karta-pozioma .bp-karta-tresc { padding: 1.25rem !important; }
}

/* 0.1.16 – zdjęcia kart w całości (bez przycinania), równe karty w siatce, karta duża pionowa, przycisk na jasnym tle */
.bp-karta .wp-block-post-featured-image img { aspect-ratio: auto; height: auto; }
.wp-block-post-template.is-layout-grid > li { display: flex; }
.wp-block-post-template.is-layout-grid > li > .bp-karta { flex: 1 1 auto; width: 100%; display: flex; flex-direction: column; }
.bp-karta-duza .wp-block-post-title { font-size: clamp(1.6rem, 2.8vw, 2.2rem); line-height: 1.15; }
.bp-karta-duza .wp-block-post-excerpt { color: var(--wp--preset--color--szary); max-width: 70ch; }
.bp-karta-duza .wp-block-post-excerpt__more-link { font-weight: 700; text-decoration: none; }
.bp-przycisk-pigulka.bp-na-jasnym .wp-block-button__link { border: 1px solid var(--wp--preset--color--zielen); color: var(--wp--preset--color--zielen); background: transparent; }
.bp-przycisk-pigulka.bp-na-jasnym .wp-block-button__link:hover { background: var(--wp--preset--color--zielen); color: #FFFFFF; }

/* 0.1.18 – „Najczęściej czytane”: równe okienka zdjęć (proporcja pierwszej grafiki 704×454), zdjęcie w całości wewnątrz */
.bp-czytane .bp-karta .wp-block-post-featured-image img { aspect-ratio: 704 / 454; object-fit: contain !important; background: #FFFFFF; } /* !important: blok WP wstawia inline object-fit:cover */

/* 0.1.22 – stopka na szerokość kolumny treści, jak nagłówek i hero */
.bp-stopka { width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)); max-width: 1320px; margin-inline: auto; border-radius: 16px 16px 0 0; }

/* 0.1.24 – „Kategorie” w menu przewija do sekcji na stronie głównej */
html { scroll-behavior: smooth; }
.bp-sekcja-kategorie, #najnowsze { scroll-margin-top: 1.5rem; }

/* 0.1.25 – strona Sklep: produkt jako karta (blok Media i tekst) */
.bp-produkt.wp-block-media-text { background: var(--wp--preset--color--biel); border: 1px solid #E6E9DD; border-radius: 20px; padding: 1.5rem; column-gap: 2rem; }
.bp-produkt .wp-block-media-text__media img { border-radius: 12px; }
.bp-produkt .wp-block-media-text__content { padding: 0.5rem 0; }
@media (max-width: 600px) { .bp-produkt.wp-block-media-text { grid-template-columns: 100% !important; } .bp-produkt .wp-block-media-text__content { grid-column: 1; grid-row: 2; padding-top: 1rem; } }

/* 0.1.26 – strona Bonusy: karty bonusów (blok Media i tekst) + odznaka */
.bp-bonus.wp-block-media-text { background: var(--wp--preset--color--biel); border-radius: 40px; padding: 2rem; column-gap: 2.5rem; box-shadow: 0 10px 30px rgba(31,51,32,.06); }
.bp-bonus .wp-block-media-text__media img { border-radius: 28px; }
.bp-bonus .wp-block-media-text__content { padding: 0.5rem 0; }
.bp-odznaka { display: inline-block; padding: 0.3rem 0.8rem; border-radius: 999px; background: var(--wp--preset--color--panel); color: var(--wp--preset--color--zielen); font-size: 0.75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0; }
@media (max-width: 600px) { .bp-bonus.wp-block-media-text { grid-template-columns: 100% !important; padding: 1.25rem; border-radius: 24px; } .bp-bonus .wp-block-media-text__content { grid-column: 1; grid-row: 2; padding-top: 1rem; } }

/* 0.1.27 – szablon „Strona z nagłówkiem na zieleni”: tytuł strony + zajawka na panelu jak hero */
.bp-hero-strona .bp-hero-tytul { font-size: clamp(2.4rem, 4.6vw, 4rem); max-width: 20ch; }
.bp-hero-strona .bp-hero-opis.wp-block-post-excerpt { color: #C9D4C6; max-width: 60ch; }
.bp-hero-strona .wp-block-post-excerpt__excerpt { margin: 0; }

/* 0.1.28 – wpis: nagłówek na zieleni, treść 1320 px, FAQ rozwijane, karty „Czytaj dalej” */
.bp-hero-wpis .bp-hero-tytul { max-width: 26ch; }
.bp-etykieta-limonka, .bp-etykieta-limonka a { color: var(--wp--preset--color--limonka) !important; }
.bp-hero-wpis .bp-meta { color: #C9D4C6; font-size: 0.95rem; }
.bp-hero-wpis .bp-meta .wp-block-post-date { color: #C9D4C6; font-size: inherit; }
.bp-faq-lista { margin: 1rem 0 2rem; border-top: 1px solid var(--wp--preset--color--linia); }
.bp-faq { border-bottom: 1px solid var(--wp--preset--color--linia); padding: 0.9rem 0; }
.bp-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; font-family: var(--wp--preset--font-family--playfair); font-weight: 600; font-size: 1.2rem; line-height: 1.3; color: var(--wp--preset--color--zielen); }
.bp-faq summary::-webkit-details-marker { display: none; }
.bp-faq summary::after { content: "+"; flex: none; width: 1.6rem; height: 1.6rem; border-radius: 999px; background: var(--wp--preset--color--panel); color: var(--wp--preset--color--zielen); display: inline-flex; align-items: center; justify-content: center; font-family: var(--wp--preset--font-family--source-sans); font-weight: 700; font-size: 1.2rem; line-height: 1; }
.bp-faq[open] summary::after { content: "\2013"; }
.bp-faq-odp { padding: 0.75rem 0 0.25rem; max-width: 80ch; }
.bp-faq-odp > :last-child { margin-bottom: 0; }

/* 0.1.29 – wpis: tekst 950 px; blok „Poznaj pozostałe wpisy z cyklu” – obrazek o połowę mniejszy, tekst obok */
.bp-cykl { display: flex; gap: 1.5rem; align-items: center; background: var(--wp--preset--color--biel); border: 1px solid #E6E9DD; border-radius: 20px; padding: 1.25rem; margin: 2rem 0; }
.bp-cykl-obraz { flex: 0 0 220px; max-width: 45%; line-height: 0; }
.bp-cykl-obraz img { width: 100%; height: auto; border-radius: 12px; }
.bp-cykl-tekst { display: flex; flex-direction: column; gap: 0.5rem; }
.bp-cykl-tekst h2 { margin: 0; font-size: clamp(1.3rem, 2.2vw, 1.7rem); }
.bp-cykl-link { font-weight: 700; text-decoration: none; }
@media (max-width: 600px) { .bp-cykl { flex-direction: column; align-items: flex-start; } .bp-cykl-obraz { max-width: 60%; } }

/* 0.1.33 – listy wpisów: nagłówek na zieleni, paginacja jako pigułki, wyszukiwarka w hero */
.bp-hero-strona .wp-block-query-title { margin: 0; }
.bp-hero-strona .wp-block-term-description { color: #C9D4C6; max-width: 60ch; font-size: var(--wp--preset--font-size--large); }
.bp-hero-strona .wp-block-term-description p { margin: 0; }
.bp-hero-strona .bp-hero-opis a { color: var(--wp--preset--color--limonka); }
.bp-szukaj-hero { max-width: 560px; margin-top: 0.5rem; }
.bp-szukaj-hero .wp-block-search__input { border-radius: 999px 0 0 999px; border: 1px solid #3A4E41; background: #FFFFFF; padding-left: 1.2rem; }
.bp-szukaj-hero .wp-block-search__button { border-radius: 0 999px 999px 0; background: var(--wp--preset--color--limonka); color: var(--wp--preset--color--zielen); border: 0; font-weight: 700; padding: 0 1.4rem; }
.bp-paginacja { gap: 0.4rem; padding-top: 1rem; }
.bp-paginacja a, .bp-paginacja .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.6rem; height: 2.6rem; padding: 0 0.9rem; border-radius: 999px; border: 1px solid #D5D9CC; background: #FFFFFF; color: var(--wp--preset--color--zielen); font-weight: 700; text-decoration: none; }
.bp-paginacja a:hover { border-color: var(--wp--preset--color--zielen); }
.bp-paginacja .page-numbers.current { background: var(--wp--preset--color--zielen); color: #FFFFFF; border-color: var(--wp--preset--color--zielen); }
.bp-paginacja .page-numbers.dots { border: 0; background: transparent; }
.bp-paginacja .wp-block-query-pagination-previous-arrow, .bp-paginacja .wp-block-query-pagination-next-arrow { display: none; }

/* 0.1.35 – strona Kategorie: tytuł jest w hero, więc nagłówek wzorca „Przeglądaj kategorie” ukryty na stronach */
body.page .bp-sekcja-kategorie > .wp-block-heading { display: none; }

/* 0.1.36 – ramka z formularzem zapisu (MailerLite) na stronach bonusów */
.bp-formularz { background: var(--wp--preset--color--panel); border-radius: 20px; padding: 1.5rem 2rem; margin: 1rem 0 2rem; scroll-margin-top: 1.5rem; }
.bp-formularz .ml-embedded { min-height: 120px; }

/* 0.1.37 – kolorowanka: formularz HTML MailerLite, tabela specyfikacji, strony z kolorowanki */
.bp-ml-form { display: flex; flex-direction: column; gap: 0.9rem; }
.bp-ml-pola { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.bp-ml-pola input { flex: 1 1 220px; height: 52px; border-radius: 999px; border: 1px solid var(--wp--preset--color--linia); background: #FFFFFF; padding: 0 1.2rem; font: inherit; }
.bp-ml-zgoda { display: flex; gap: 0.6rem; align-items: flex-start; font-size: 0.95rem; }
.bp-ml-zgoda input { margin-top: 0.3rem; }
.bp-ml-info { font-size: 0.8rem; color: var(--wp--preset--color--szary); margin: 0; }
.bp-ml-form button { align-self: flex-start; border: 0; border-radius: 999px; padding: 0.85rem 1.6rem; background: var(--wp--preset--color--bursztyn); color: #FFFFFF; font-weight: 700; cursor: pointer; }
.bp-ml-form button:hover { background: var(--wp--preset--color--zielen); }
table.bp-spec { width: 100%; max-width: 640px; border-collapse: collapse; margin: 0.5rem 0 1.5rem; }
table.bp-spec th, table.bp-spec td { text-align: left; padding: 0.65rem 0.9rem; border-bottom: 1px solid var(--wp--preset--color--linia); vertical-align: top; }
table.bp-spec th { width: 34%; font-weight: 700; color: var(--wp--preset--color--zielen); background: var(--wp--preset--color--panel); }
.bp-strona-kolorowanki img { border-radius: 12px; border: 1px solid var(--wp--preset--color--linia); }
.bp-strona-kolorowanki figcaption { text-align: center; }

/* 0.1.38 – strony prawne: rozwijany spis treści, spokojniejsze nagłówki i linki do kotwic */
.bp-spis { background: var(--wp--preset--color--panel); border-radius: 16px; padding: 1rem 1.5rem; margin: 0 0 2rem; }
.bp-spis summary { cursor: pointer; font-weight: 700; font-family: var(--wp--preset--font-family--playfair); font-size: 1.2rem; color: var(--wp--preset--color--zielen); list-style: none; display: flex; justify-content: space-between; align-items: center; }
.bp-spis summary::-webkit-details-marker { display: none; }
.bp-spis summary::after { content: "+"; font-family: var(--wp--preset--font-family--source-sans); font-size: 1.3rem; }
.bp-spis[open] summary::after { content: "\2013"; }
.bp-spis-lista { padding-top: 0.75rem; font-size: 0.95rem; }
.bp-spis-lista p, .bp-spis-lista li { margin: 0 0 0.35rem; }
.bp-spis-lista a { text-decoration: none; text-transform: none; font-weight: 600; }
.bp-spis-lista a:hover { text-decoration: underline; }
.bp-spis-lista ul { padding-left: 1.2rem; }
body.page .wp-block-post-content h2 { scroll-margin-top: 1.5rem; }

/* 0.1.40 – nagłówek na telefonie w jednym wierszu: logo | menu (hamburger) | lupa; przycisk Newsletter chowany poniżej 600 px */
@media (max-width: 782px) {
	.bp-naglowek > .alignwide { flex-wrap: nowrap; gap: 0.5rem; }
	.bp-naglowek .wp-block-site-title { font-size: 1.1rem; white-space: nowrap; }
	.bp-naglowek .bp-logo-znak svg { width: 28px; height: 28px; }
	.bp-naglowek .bp-naglowek-akcje { gap: 0.4rem; }
}
@media (max-width: 600px) {
	.bp-naglowek .bp-naglowek-akcje .wp-block-buttons { display: none; }
}

/* 0.1.40 – menu mobilne (nakładka): zielone tło, białe pozycje, duże odstępy */
.bp-naglowek .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--zielen); color: #FFFFFF; padding: 2rem 1.5rem; }
.bp-naglowek .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: #FFFFFF; font-family: var(--wp--preset--font-family--bricolage); font-size: 1.6rem; font-weight: 600; padding: 0.6rem 0; }
.bp-naglowek .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 0.25rem; }
.bp-naglowek .wp-block-navigation__responsive-container-close { color: #FFFFFF; top: 1.25rem; right: 1.25rem; }

/* 0.1.42 – blok autorki pod wpisem (zdjęcie z Gravatara + nazwa, bez opisu) */
.bp-autorka .wp-block-avatar img { display: block; }
.bp-autorka .bp-etykieta { margin: 0; }
.bp-autorka .wp-block-post-author-name { margin: 0; }

/* 0.1.43: krótki opis autorki pod nazwą (bio z profilu użytkownika) */
.bp-autorka .wp-block-post-author-biography { margin: 0.25rem 0 0; line-height: 1.4; max-width: 60ch; }
.bp-autorka .wp-block-post-author-biography p { margin: 0; }

/* 0.1.46: blok cyklu z kilkoma obrazkami – rząd miniatur */
.bp-cykl-wiele .bp-cykl-tekst { width: 100%; }
.bp-cykl-lista { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.5rem; }
.bp-cykl-mini { flex: 0 0 150px; line-height: 0; }
.bp-cykl-mini img { width: 100%; height: auto; border-radius: 12px; }
@media (max-width: 600px) { .bp-cykl-mini { flex-basis: calc(50% - 0.375rem); } }

/* 0.1.48: podziękowanie po wysłaniu formularza HTML MailerLite */
.bp-ml-dzieki { background: var(--wp--preset--color--biel); border: 1px solid #E6E9DD; border-radius: 16px; padding: 1rem 1.25rem; }
.bp-ml-dzieki p { margin: 0; }