/* =========================================================
   MODUŁ: Sekcja „Pobierz poradnik"
   ========================================================= */

.sp-sp {
	--sppr-font:        'Inter', sans-serif;
	--sppr-size-label:  14px;
	--sppr-size-tytul:  40px;
	--sppr-weight-tytul:700;
	--sppr-size-opis:   17px;
	--sppr-size-bt:     15px;
	--sppr-size-bo:     14px;
	--sppr-max-width:   1200px;
	--sppr-pad-y:       100px;
	--sppr-pad-x:       32px;
	--sppr-gap:         60px;
	--sppr-sec-radius:  0px;
	--sppr-margin-y:    0px;
	--sppr-media-radius:16px;
	--sppr-bg:          #F8F3E0;
	--sppr-label:       #D4A017;
	--sppr-tytul:       #1A2540;
	--sppr-opis:        #3A3A3A;
	--sppr-b-ik-tlo:    #2E7D32;
	--sppr-b-ik:        #FFFFFF;
	--sppr-b-tytul:     #1A2540;
	--sppr-b-opis:      #5A5A5A;
	--sppr-card-od:     #1A2540;
	--sppr-card-do:     #3a5a8c;
	--sppr-card-tytul:  #D4A017;
	--sppr-card-tekst:  #FFFFFF;
	--sppr-btn-tlo:     #D4A017;
	--sppr-btn-tekst:   #FFFFFF;

	font-family: var(--sppr-font);
	background: var(--sppr-bg);
	padding: var(--sppr-pad-y) var(--sppr-pad-x);
	border-radius: var(--sppr-sec-radius);
	margin-top: var(--sppr-margin-y);
	margin-bottom: var(--sppr-margin-y);
}
.sp-sp * { box-sizing: border-box; }

.sp-sp--w-full {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.sp-sp--w-container {
	width: 100%;
	max-width: var(--sppr-max-width);
	margin-left: auto;
	margin-right: auto;
}

.sp-sp__inner {
	max-width: var(--sppr-max-width);
	margin: 0 auto;
	width: 100%;
}

.sp-sp__grid {
	display: grid;
	gap: var(--sppr-gap);
	align-items: center;
}
/* v0.14.72: media = max 400px, treść bierze resztę — żeby okładka nie dominowała */
.sp-sp--uklad-left .sp-sp__grid {
	grid-template-columns: minmax(280px, 400px) 1fr;
}
.sp-sp--uklad-right .sp-sp__grid {
	grid-template-columns: 1fr minmax(280px, 400px);
}
/* v0.14.72: hero-split — okładka po lewej, formularz po prawej (bez tytułu/benefitów w środku) */
.sp-sp--uklad-hero-split .sp-sp__grid {
	grid-template-columns: minmax(280px, 400px) 1fr;
	align-items: start;
}
.sp-sp--uklad-hero-split .sp-sp__hero {
	max-width: 900px;
	margin: 0 auto var(--sppr-gap);
	text-align: left;
}
.sp-sp--uklad-hero-split .sp-sp__hero .sp-sp__label,
.sp-sp--uklad-hero-split .sp-sp__hero .sp-sp__tytul,
.sp-sp--uklad-hero-split .sp-sp__hero .sp-sp__opis {
	text-align: left;
}
.sp-sp--uklad-hero-split .sp-sp__hero .sp-sp__benefity {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	display: grid;
	gap: 1rem 1.5rem;
	margin-top: 1rem;
}
.sp-sp--uklad-hero-split .sp-sp__col--content {
	padding-top: 0;
}
@media (max-width: 900px) {
	.sp-sp--uklad-hero-split .sp-sp__grid {
		grid-template-columns: 1fr;
	}
	.sp-sp--uklad-hero-split .sp-sp__col--media {
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
	.sp-sp--uklad-hero-split .sp-sp__hero .sp-sp__benefity {
		grid-template-columns: 1fr;
	}
}
.sp-sp--uklad-top .sp-sp__grid,
.sp-sp--media-none .sp-sp__grid {
	grid-template-columns: 1fr;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.sp-sp__col--top {
	margin-bottom: var(--sppr-gap);
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

/* ===== TYTUŁ / OPIS ===== */
.sp-sp__label {
	font-size: var(--sppr-size-label);
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--sppr-label);
	margin: 0 0 1rem;
}
.sp-sp__tytul {
	font-size: var(--sppr-size-tytul);
	font-weight: var(--sppr-weight-tytul);
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: var(--sppr-tytul);
	margin: 0 0 1rem;
}
.sp-sp__tytul em {
	font-style: italic;
	font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
	font-weight: 600;
}
.sp-sp__opis {
	font-size: var(--sppr-size-opis);
	line-height: 1.6;
	color: var(--sppr-opis);
	margin: 0 0 1.5rem;
}

/* ===== BENEFITY (lista z ikonami check) ===== */
.sp-sp__benefity-wrap { margin: 1.5rem 0 2rem; }
.sp-sp__benefity-naglowek {
	font-weight: 700;
	color: var(--sppr-tytul);
	margin: 0 0 1rem;
	font-size: 1rem;
}
.sp-sp__benefity {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.sp-sp__benefit {
	display: flex;
	align-items: flex-start;
	gap: .85rem;
}
.sp-sp__benefit-ikona {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--sppr-b-ik-tlo);
	color: var(--sppr-b-ik);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}
.sp-sp__benefit-ikona svg { width: 16px; height: 16px; }
.sp-sp__benefit-tresc {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.sp-sp__benefit-tytul {
	font-size: var(--sppr-size-bt);
	color: var(--sppr-b-tytul);
	font-weight: 600;
	line-height: 1.35;
}
.sp-sp__benefit-opis {
	font-size: var(--sppr-size-bo);
	color: var(--sppr-b-opis);
	line-height: 1.5;
}

/* ===== MEDIA — obraz ===== */
.sp-sp__media-wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sp-sp__media-img {
	width: 100%;
	max-width: 400px; /* v0.14.72: mniejsza okładka — nie dominuje sekcji */
	max-height: 560px; /* limit wysokości gdy zdjęcie jest bardzo długie */
	height: auto;
	object-fit: contain;
	display: block;
	border-radius: var(--sppr-media-radius);
}

/* ===== MEDIA — video ===== */
.sp-sp__video {
	position: relative;
	width: 100%;
	max-width: 480px;
	padding-bottom: 56.25%;
	background: #000;
	border-radius: var(--sppr-media-radius);
	overflow: hidden;
}
.sp-sp__video iframe,
.sp-sp__video video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

/* ===== MEDIA — wirtualna okładka PDF ===== */
.sp-sp__card {
	background: linear-gradient(135deg, var(--sppr-card-od), var(--sppr-card-do));
	color: var(--sppr-card-tekst);
	padding: 3rem 2.5rem;
	border-radius: 20px;
	text-align: center;
	max-width: 360px;
	width: 100%;
	box-shadow: 0 24px 60px rgba(26,37,64,.25);
	font-family: inherit;
}
.sp-sp__card-emoji { font-size: 4rem; margin-bottom: .5rem; line-height: 1; }
.sp-sp__card-tytul {
	font-family: 'Bagel Fat One', 'Lilita One', Impact, sans-serif;
	font-size: clamp(1.5rem, 3.5vw, 2.25rem);
	line-height: 1;
	letter-spacing: .01em;
	color: var(--sppr-card-tytul);
	text-transform: uppercase;
	margin: .25em 0;
}
.sp-sp__card-podtytul {
	font-size: .95rem;
	margin-top: .5em;
	opacity: .95;
}
.sp-sp__card-stopka {
	border-top: 1px solid rgba(255,255,255,.2);
	margin-top: 2em;
	padding-top: 1em;
	font-size: .8rem;
	opacity: .7;
}

/* ===== EFEKTY na obrazie/okładce ===== */
.sp-sp--efekt-shadow .sp-sp__media-img,
.sp-sp--efekt-shadow .sp-sp__video,
.sp-sp--efekt-shadow .sp-sp__card {
	box-shadow: 0 24px 60px rgba(26,37,64,.20);
}
.sp-sp--efekt-glow .sp-sp__media-img,
.sp-sp--efekt-glow .sp-sp__video,
.sp-sp--efekt-glow .sp-sp__card {
	box-shadow: 0 0 30px var(--sppr-label), 0 16px 40px rgba(0,0,0,.15);
}
.sp-sp--efekt-tilt .sp-sp__media-img,
.sp-sp--efekt-tilt .sp-sp__card {
	transform: rotate(-3deg);
	transition: transform .35s ease;
}
.sp-sp--efekt-tilt .sp-sp__media-img:hover,
.sp-sp--efekt-tilt .sp-sp__card:hover {
	transform: rotate(0deg) scale(1.02);
}
.sp-sp--efekt-float .sp-sp__media-img,
.sp-sp--efekt-float .sp-sp__video,
.sp-sp--efekt-float .sp-sp__card {
	animation: sp-sp-float 6s ease-in-out infinite;
}
@keyframes sp-sp-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}
.sp-sp--efekt-lift .sp-sp__media-img,
.sp-sp--efekt-lift .sp-sp__video,
.sp-sp--efekt-lift .sp-sp__card {
	transition: transform .35s cubic-bezier(.2,.6,.2,1), box-shadow .35s ease;
}
.sp-sp--efekt-lift .sp-sp__media-img:hover,
.sp-sp--efekt-lift .sp-sp__video:hover,
.sp-sp--efekt-lift .sp-sp__card:hover {
	transform: translateY(-10px);
	box-shadow: 0 32px 80px rgba(0,0,0,.20);
}

/* ===== FORMA (formularz lub przycisk) ===== */
.sp-sp__forma { margin-top: 1.5rem; }
.sp-sp__forma .sp-form { max-width: 100% !important; margin: 0 !important; }

.sp-sp__button {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	padding: 1.1em 2em;
	background: var(--sppr-btn-tlo);
	color: var(--sppr-btn-tekst);
	border-radius: 999px;
	font-weight: 700;
	font-size: 17px;
	text-decoration: none;
	border: none;
	box-shadow: 0 8px 20px rgba(212,160,23,.30);
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.sp-sp__button:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(212,160,23,.40);
	filter: brightness(1.05);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
	.sp-sp--uklad-left .sp-sp__grid,
	.sp-sp--uklad-right .sp-sp__grid {
		grid-template-columns: 1fr;
	}
	.sp-sp__col--media { order: -1; }
	.sp-sp__media-img,
	.sp-sp__video,
	.sp-sp__card { max-width: 360px; margin: 0 auto; }
}
@media (max-width: 600px) {
	.sp-sp {
		--sppr-pad-y: 60px;
		--sppr-pad-x: 20px;
		--sppr-size-tytul: 28px;
	}
}