/* Style pojedynczego wpisu bazy wiedzy (CPT baza-wiedzy).
   Ładowane tylko na single-baza-wiedzy (patrz enqueue w elnet-baza-wiedzy.php).
   Szlify 4 (#35): ujednolicenie z reszta serwisu (strona glowna, katalog, kontakt). */

/* Brand vars - spojne z /, /katalog/, /kontakt/, /o-nas/
   (strona glowna: wordpress_files/wp-content/themes/blocksy-child/assets/css/strona-glowna.css) */
body.single-baza-wiedzy {
	--elnet-amber: #F8951E;
	--elnet-amber-dark: #D97A1C;
	--elnet-flame: #E64B22;
	--elnet-leaf: #849A43;
	--elnet-ink: #2B2622;
	--elnet-muted: #6B6259;
	--elnet-forest-deep: #213631;
	--elnet-forest-darkest: #0F1A17;
	--elnet-cream: #F7F2EA;
	--elnet-offwhite: #FBF8F3;
	--elnet-line: #E7E1D8;
}

/* Safety net: .ct-container-full[data-vertical-spacing] dodaje pionowe
   marginesy z Blocksy - zerujemy na wypadek gdyby JS nie zadzialal.
   JS (wp_footer) probuje rowniez usunac atrybut, ale CSS zapewnia efekt. */
body.single-baza-wiedzy .ct-container-full[data-vertical-spacing] {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* HERO - gradient spojny z .ebw-hero (archiwum /baza-wiedzy/).
   !important wymuszone bo Blocksy ma defaultowe style dla type-2
   ladujace sie PO naszym CSS.
   Hook --ebw-hero-image (inline style na .hero-section) pozwala podmienic
   na konkretna grafike (np. inline style="--ebw-hero-image:url(...);").
   Fallback = ten sam stack gradientow co .ebw-hero (pelna szerokosc,
   radialne plamy amber/leaf/bialy, bazowy forest gradient). */
body.single-baza-wiedzy .hero-section {
	background:
		linear-gradient(180deg, rgba(15, 26, 23, 0.45) 0%, rgba(33, 54, 49, 0.35) 60%, rgba(248, 149, 30, 0.18) 100%),
		radial-gradient(ellipse at 15% 20%, rgba(248, 149, 30, 0.22) 0%, transparent 45%),
		radial-gradient(ellipse at 85% 80%, rgba(132, 154, 67, 0.28) 0%, transparent 50%),
		radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.06) 0%, transparent 60%),
		var(--ebw-hero-image, linear-gradient(135deg, var(--elnet-forest-deep), var(--elnet-forest-darkest))) !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
}
body.single-baza-wiedzy .hero-section .page-title,
body.single-baza-wiedzy .hero-section .ct-title-label {
	color: #fff !important;
	text-shadow:
		0 2px 12px rgba(0, 0, 0, 0.55),
		0 1px 3px rgba(0, 0, 0, 0.6) !important;
}
/* H1 - 48px desktop, 36px mobile (user feedback) */
body.single-baza-wiedzy .hero-section .page-title {
	font-size: 48px;
	line-height: 1.15;
}
@media (max-width: 780px) {
	body.single-baza-wiedzy .hero-section .page-title {
		font-size: 36px;
	}
}

/* ENTRY-CONTENT - typografia i layout */
body.single-baza-wiedzy .entry-content {
	font-family: 'Rubik', sans-serif;
	color: var(--elnet-ink);
	font-size: 1rem;
	line-height: 1.65;
}

/* SEKCJE - naprzemienne tla, "przebicie" w dlugim tekscie (Szlify 4).
   Struktura generowana przez PHP filter the_content priority 20:
   <div class="ebw-lead">...lead + CTA + takeaways...</div>
   <section class="ebw-section"><div class="ebw-section__inner">...H2 + tresc...</div></section>
   <section class="ebw-section ebw-section--alt"><div class="ebw-section__inner">...</div></section>
   Pelna szerokosc tla (band), tresc wycentrowana. */
body.single-baza-wiedzy .ebw-lead {
	max-width: 820px;
	margin: 0 auto;
	padding: 1.25rem 24px 0.5rem;  /* maly odstep pod hero (user feedback) */
	text-align: center;  /* user: centrowanie calej tresci w ebw-lead */
}
body.single-baza-wiedzy .ebw-lead p,
body.single-baza-wiedzy .ebw-lead h2,
body.single-baza-wiedzy .ebw-lead .ebw-takeaways,
body.single-baza-wiedzy .ebw-lead .ebw-takeaways__title,
body.single-baza-wiedzy .ebw-lead .ebw-takeaways__list {
	text-align: center;
}
body.single-baza-wiedzy .ebw-lead__title {  /* H2 z konwersji <strong> (filter prio 26) */
	font-size: 1.5rem;  /* troche mniejszy niz H2 sekcji (1.75rem) - lead naglowek */
	margin-bottom: 0;
	padding: 1.5rem 24px;  /* padding-top 1.5rem, padding-bottom 1.5rem, boki 24px */
	text-align: center;  /* jawnie - tekst wycentrowany w H2 */
}
body.single-baza-wiedzy .ebw-section {
	padding: 2.5rem 24px;
	background: #FFFFFF;
}
body.single-baza-wiedzy .ebw-section--has-media {
	padding: 0;
	background: transparent;
}
body.single-baza-wiedzy .ebw-section--alt {
	background: var(--elnet-cream);
}
body.single-baza-wiedzy .ebw-section__inner {
	max-width: 1100px;  /* szersze niz lead - zmiesci 2 kolumny z grafika */
	margin: 0 auto;
	width: 100%;
}

/* SEKCJE Z GRAFIKA - 2 kolumny (tekst | grafika). H2 na pelna szerokosc.
   Wrapper .ebw-media-row generowany przez filter the_content (prio 22)
   w elnet-baza-wiedzy.php. Selektor NIE uzywa :has(figure) - opiera sie
   na jawnej klasie .ebw-section--has-media, bo Python-Markdown renderuje
   img jako <p><img></p> (nie <figure>), wiec :has() nie zadzialaloby. */
body.single-baza-wiedzy .ebw-section--has-media .ebw-section__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	align-items: start;
}
body.single-baza-wiedzy .ebw-section--has-media .ebw-section__inner > h2 {
	grid-column: 1 / -1;
	margin: 0 0 .35rem;
}
body.single-baza-wiedzy .ebw-section--has-media .ebw-section__inner > .ebw-media-row {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 60fr 40fr;
	gap: 2.5rem;
	align-items: start;
}
body.single-baza-wiedzy .ebw-section--has-media .ebw-section__inner > .ebw-media-row > figure {
	margin: 0;
}
body.single-baza-wiedzy .ebw-section--has-media .ebw-section__inner > .ebw-media-row > figure img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
}
body.single-baza-wiedzy .ebw-section--has-media .ebw-section__inner > .ebw-media-row__text > :first-child {
	margin-top: 0;
}

/* Sekcja z kalkulatorem pelletu (.ekp-calc) - wycentruj wszystkie dzieci.
   Shortcode renderowany jako <div class="ekp-calc" data-ekp data-ekp-active="prosty">.
   Sekcja powinna zostac na swoim normalnym tle (white/cream) i miec
   tekst/elementy wycentrowane (text-align center + max-width na inner).
   Priorytet wyzszy niz .ebw-section--has-media (grid) - jesli kalkulator
   pojawilby sie w sekcji z obrazem, ta regula wygrywa (autor umiescil
   kalkulator -> wycentrowanie wazniejsze niz 2-kolumny). */
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) {
	text-align: center;
	display: block;
	grid-template-columns: none;
}
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) .ebw-section__inner {
	display: block;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: none;
}
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) h2,
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) h3,
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) p,
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) ul,
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) ol {
	margin-left: auto;
	margin-right: auto;
}
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) .ekp-calc {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
body.single-baza-wiedzy .ebw-section:has(.ekp-calc) .ebw-media-row,
body.single-baza-wiedzy .ebw-section--has-media:has(.ekp-calc) .ebw-media-row {
	display: block;
	grid-template-columns: none;
}
@media (max-width: 780px) {
	body.single-baza-wiedzy .ebw-section--has-media .ebw-section__inner,
	body.single-baza-wiedzy .ebw-section--has-media .ebw-section__inner > .ebw-media-row {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

/* H2 - rozmiar i styl spojny z reszta naglowkow w serwisie
   (strona glowna .elnet-cta-band h2: 2.25rem/1.75rem mobile,
   archiwum .ebw-sec__title: 21px). 2rem desktop / 1.6rem mobile.
   Letter-spacing -0.01em jak w H1 hero - lekko scislejsze,
   typowe dla Sora 700.

   H2 szersze od tekstu pod nim (breakout na ~1280px). Tekst (p/ul/ol/table)
   wewnatrz .ebw-section__inner zostaje w 1100px (max-width: 1100px).
   H2 dostaje max-width: 1280px i margin: 0 auto 1.5rem (centrowany,
   szerszy niz tekst). Dzieki temu hierarchia wizualna jest czytelniejsza
   - naglowek "wychodzi" poza tekst, ale nie poza sekcje. */
body.single-baza-wiedzy .ebw-section__inner > h2 {
	font-family: 'Sora', sans-serif;
	color: var(--elnet-ink);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.01em;
	max-width: 1280px;
	width: calc(100% + 180px);
	margin: 0 calc(-90px) .5rem;
	box-sizing: border-box;
}
@media (max-width: 1180px) {
	body.single-baza-wiedzy .ebw-section__inner > h2 {
		width: 100%;
		margin: 0 0 .5rem;
	}
}
@media (max-width: 780px) {
	body.single-baza-wiedzy .ebw-section__inner > h2 {
		font-size: 1.6rem;
	}
}
/* Fallback dla h2 bezpośrednio w .entry-content (gdyby pojawil sie poza
   sekcjami .ebw-section - np. w edytorze Gutenberg) - te same wartosci. */
body.single-baza-wiedzy .entry-content h2 {
	font-family: 'Sora', sans-serif;
	color: var(--elnet-ink);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.01em;
	margin: 0 0 .5rem;
}
@media (max-width: 780px) {
	body.single-baza-wiedzy .entry-content h2 {
		font-size: 1.6rem;
	}
}

/* H3 - uzywany w FAQ (ale FAQ ma wlasne style .ebw-faq summary) */
body.single-baza-wiedzy .entry-content h3 {
	font-family: 'Sora', sans-serif;
	color: var(--elnet-ink);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.005em;
	margin: 2rem 0 .75rem;
}

/* Akapity */
body.single-baza-wiedzy .entry-content p {
	margin: 0 0 1.25rem;
}

/* Listy - brandowe punktory (amber) */
body.single-baza-wiedzy .entry-content ul,
body.single-baza-wiedzy .entry-content ol {
	margin: 1.25rem 0;
	padding-left: 1.5rem;
	color: var(--elnet-ink);
	line-height: 1.6;
}
body.single-baza-wiedzy .entry-content ul li,
body.single-baza-wiedzy .entry-content ol li {
	margin-bottom: .5rem;
}
body.single-baza-wiedzy .entry-content ul li::marker {
	color: var(--elnet-amber);
}
body.single-baza-wiedzy .entry-content ol li::marker {
	color: var(--elnet-leaf);
	font-weight: 700;
}

/* Linki w tekscie */
body.single-baza-wiedzy .entry-content a {
	color: var(--elnet-amber-dark);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .12s;
}
body.single-baza-wiedzy .entry-content a:hover {
	color: var(--elnet-amber);
}

/* Tabele - wzorzec .elnet-compare ze strony glownej */
body.single-baza-wiedzy .entry-content table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #FFFFFF;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(43, 38, 34, 0.06);
	font-family: 'Rubik', sans-serif;
	font-size: .95rem;
	margin: 1.75rem 0 12px;  /* Szlify 5: margin-bottom 12px (instructions/szlify_5 - user override z 24px) */
}
body.single-baza-wiedzy .entry-content table thead th {
	background: var(--elnet-cream);
	color: var(--elnet-ink);
	font-family: 'Sora', sans-serif;
	font-weight: 700;
	font-size: 1rem;
	padding: 16px 20px;
	text-align: left;
	border-bottom: 2px solid var(--elnet-line);
}
body.single-baza-wiedzy .entry-content table tbody td {
	padding: 14px 20px;
	border-bottom: 1px solid var(--elnet-line);
	color: var(--elnet-ink);
	vertical-align: top;
}
body.single-baza-wiedzy .entry-content table tbody tr:last-child td {
	border-bottom: none;
}
body.single-baza-wiedzy .entry-content table tbody tr:hover {
	background: var(--elnet-offwhite);
}

/* Blockquote - callout (cream + leaf accent) */
body.single-baza-wiedzy .entry-content blockquote {
	margin: 1.75rem 0;
	padding: 1.25rem 1.5rem;
	background: var(--elnet-cream);
	border-left: 4px solid var(--elnet-leaf);
	border-radius: 12px;
	font-family: 'Rubik', sans-serif;
	color: var(--elnet-ink);
	font-style: italic;
}
body.single-baza-wiedzy .entry-content blockquote p {
	margin: 0 0 .5rem;
}
body.single-baza-wiedzy .entry-content blockquote p:last-child {
	margin-bottom: 0;
}

/* Inline CTA band - po leadzie, przed pierwszym H2 (wstrzykiwany przez PHP). */
.ebw-cta-inline {
	margin: 1.5rem 0 2rem;
	padding: 36px 24px;
	background: var(--elnet-forest-darkest);
	color: #fff;
	text-align: center;
	border-radius: 12px;
	font-family: 'Rubik', sans-serif;
}
.ebw-cta-inline__text {
	font-family: 'Sora', sans-serif;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0 0 14px;
	line-height: 1.3;
}
/* Przycisk CTA - tekst bialy, brak podkreslenia (override .entry-content a) */
.ebw-cta-inline__btn,
.entry-content a.ebw-cta-inline__btn {
	display: inline-block;
	background: var(--elnet-amber);
	color: #fff !important;
	text-decoration: none !important;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	padding: 12px 24px;
	border-radius: 999px;
	border: none;
	transition: background-color .15s ease;
}
.ebw-cta-inline__btn:hover {
	background: var(--elnet-amber-dark);
	color: #fff !important;
}

/* Box „Najwazniejsze informacje" - po leadzie, przed pierwszym H2.
   Tresc z pola Meta Box key_takeaways (filtr the_content w pluginie).
   Wzor kart strony glownej (12px radius + 1px line border + leaf accent + cien).
   Tytul jako <p> (nie <h2>) - nie wywoluje podzialu sekcji w filtrze the_content. */
.ebw-takeaways {
	margin: 1.75rem 0 2.25rem;
	padding: 1.25rem 1.5rem;
	background: var(--elnet-cream);
	border: 1px solid var(--elnet-line);
	border-left: 4px solid var(--elnet-leaf);
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(43, 38, 34, 0.06);
	font-family: 'Rubik', sans-serif;
	color: var(--elnet-ink);
}
.ebw-takeaways__title {
	margin: 0 0 .75rem;
	font-family: 'Sora', sans-serif;
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: var(--elnet-ink);
}
.ebw-takeaways__list {
	margin: 0;
	padding-left: 1.25rem;
}
.ebw-takeaways__list li {
	margin: 0 0 .5rem;
	line-height: 1.5;
}
.ebw-takeaways__list li:last-child {
	margin-bottom: 0;
}

/* ===================================================================
   BLOKI STOPKI WPISU - sam tekst, bez grafik (user feedback)
   - "Poprzedni / Nastepny wpis" (posts-nav)
   - "Podobne wpisy" (related-posts) - 3 kolumny desktop, 1 mobile
   - wiekszy odstep miedzy nimi
   =================================================================== */

/* Posts nav - ukryj obrazki przy prev/next.
   UWAGA: Blocksy uzywa klasy .post-navigation (pojedyncza), nie .posts-nav.
   Defaultowo ma margin-top 50px - zerujemy dla zbicia odstepu od CTA bottom. */
body.single-baza-wiedzy .post-navigation .ct-media-container,
body.single-baza-wiedzy .post-navigation figure.ct-media-container {
	display: none !important;
}
body.single-baza-wiedzy .post-navigation {
	margin-top: 0 !important;  /* user: zero odstepu od CTA bottom */
	padding-top: 0;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid var(--elnet-line);
	margin-bottom: 4rem;  /* user: odstep przed \"Podobne wpisy\" */
}
body.single-baza-wiedzy .post-navigation [class*="nav-item"] {
	padding: 16px 0;
}
body.single-baza-wiedzy .post-navigation .item-label {
	font-family: 'Sora', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--elnet-muted);
	margin-bottom: 4px;
}
body.single-baza-wiedzy .post-navigation .item-title {
	font-family: 'Rubik', sans-serif;
	font-size: 1rem;
	font-weight: 500;
	color: var(--elnet-ink);
	line-height: 1.4;
}
body.single-baza-wiedzy .post-navigation a:hover .item-title {
	color: var(--elnet-amber);
}

/* Related posts - 3 kolumny desktop, 1 mobile; sam tekst, bez grafik;
   wycentrowane (user feedback) + odstep pod sekcja */
body.single-baza-wiedzy .ct-related-posts {
	text-align: center;
	margin-bottom: 4rem;  /* user: odstep pod sekcja */
}
body.single-baza-wiedzy .ct-related-posts-items {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 0 !important;
	max-width: 1100px;
	margin: 0 auto;
}
body.single-baza-wiedzy .ct-related-posts-items article {
	padding: 0 1.25rem !important;
	border: none !important;
	border-right: 1px solid var(--elnet-line) !important;
	background: transparent !important;
	box-shadow: none !important;
	margin: 0 !important;
}
body.single-baza-wiedzy .ct-related-posts-items article:last-child {
	border-right: none !important;
}
body.single-baza-wiedzy .ct-related-posts-items .ct-media-container {
	display: none !important;
}
body.single-baza-wiedzy .ct-related-posts .related-entry-title {
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'Rubik', sans-serif;
	font-size: 1rem;
	font-weight: 500;
	color: var(--elnet-ink);
	line-height: 1.5;
	text-align: center;  /* user: kazdy tekst wycentrowany */
}
body.single-baza-wiedzy .ct-related-posts .related-entry-title a {
	color: var(--elnet-ink);
	text-decoration: none;
	transition: color .12s;
}
body.single-baza-wiedzy .ct-related-posts .related-entry-title a:hover {
	color: var(--elnet-amber);
}
body.single-baza-wiedzy .ct-related-posts .ct-module-title {
	font-family: 'Sora', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--elnet-ink);
	margin: 0 0 1.5rem;
	text-align: center;
}
@media (max-width: 780px) {
	body.single-baza-wiedzy .ct-related-posts-items {
		grid-template-columns: 1fr !important;
	}
	body.single-baza-wiedzy .ct-related-posts-items article {
		border-right: none !important;
		border-bottom: 1px solid var(--elnet-line) !important;
		padding: 1rem 0 !important;
	}
	body.single-baza-wiedzy .ct-related-posts-items article:last-child {
		border-bottom: none !important;
	}
}

/* ===================================================================
   FAQ ACCORDION - <details>/<summary> (Szlify 4 #35).
   Generowane przez filter the_content priority 25 z par H3+P
   w sekcji z H2 \"FAQ - ...\". Wzor .ct-accordion / .wp-block-details
   ze strony glownej (bialy card + amber +/−).
   =================================================================== */
.ebw-faq {
	background: #FFFFFF;
	border: 1px solid var(--elnet-line);
	border-radius: 12px;
	margin: 0 0 .75rem;
	box-shadow: 0 2px 12px rgba(43, 38, 34, 0.06);
	transition: box-shadow .15s ease;
}
.ebw-faq:hover {
	box-shadow: 0 4px 16px rgba(43, 38, 34, 0.08);
}
.ebw-faq[open] {
	box-shadow: 0 4px 18px rgba(43, 38, 34, 0.10);
}
.ebw-faq summary {
	padding: 18px 20px;
	font-family: 'Sora', sans-serif;
	font-weight: 600;
	font-size: 1rem;
	color: var(--elnet-ink);
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
}
.ebw-faq summary::-webkit-details-marker {
	display: none;
}
.ebw-faq summary::after {
	content: '+';
	font-size: 1.75rem;
	color: var(--elnet-amber);
	font-weight: 400;
	line-height: 1;
	transition: transform .15s ease;
	flex-shrink: 0;
}
.ebw-faq[open] summary::after {
	content: '\2212';  /* minus */
}
.ebw-faq__answer {
	padding: 0 20px 18px;
	color: var(--elnet-ink);
	font-family: 'Rubik', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
}
.ebw-faq__answer p {
	margin: 0 0 .75rem;
}
.ebw-faq__answer p:last-child {
	margin-bottom: 0;
}

/* ===================================================================
   CTA BOTTOM - full-width band pod FAQ (Szlify 4 #35).
   Filter the_content priority 30. Wzor .elnet-cta-band ze strony glownej.
   Forest-darkest edge-to-edge (bez border-radius), amber pill.
   =================================================================== */
.ebw-cta-bottom {
	background: var(--elnet-forest-darkest);
	color: #fff;
	padding: 56px 24px;  /* user: rowny padding gora/dol */
	text-align: center;
}
.ebw-cta-bottom__inner {
	max-width: var(--theme-container-width, 1200px);
	margin: 0 auto;
}
.ebw-cta-bottom__text {
	font-family: 'Sora', sans-serif;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 18px;
	line-height: 1.3;
}
.ebw-cta-bottom__btn,
.entry-content a.ebw-cta-bottom__btn {
	display: inline-block;
	background: var(--elnet-amber);
	color: #fff !important;
	text-decoration: none !important;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	padding: 14px 28px;
	border-radius: 999px;
	border: none;
	transition: background-color .15s ease;
}
.ebw-cta-bottom__btn:hover {
	background: var(--elnet-amber-dark);
	color: #fff !important;
}
@media (max-width: 768px) {
	.ebw-cta-bottom__text {
		font-size: 1.2rem;
	}
}