/* Świat Dachu: strona główna (ładowana tylko na stronie głównej). */

.sd-home { padding-bottom: clamp(24px, 4vw, 56px); }

/* ---------- Sekcje ---------- */
.sd-section { margin-block: clamp(36px, 5vw, 68px) !important; }
.sd-section-title { font-size: clamp(24px, 2.6vw, 32px) !important; letter-spacing: -.015em; margin: 0 0 18px !important; color: var(--sd-navy-900); }

/* ---------- Komplet do okna ---------- */
.sd-kit { background: var(--sd-cream); border-radius: 24px; padding: clamp(24px, 4vw, 52px) !important; margin-block: clamp(36px, 5vw, 68px) !important; }
.sd-kit h2 { font-size: clamp(24px, 2.6vw, 34px); letter-spacing: -.015em; line-height: 1.12; color: var(--sd-navy-900); margin: 10px 0 12px; }
.sd-kit p { color: var(--sd-ink-2); }
.sd-kit__steps { counter-reset: kit; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.sd-kit__steps li { counter-increment: kit; position: relative; background: #fff; border-radius: 16px; padding: 18px 18px 18px 66px; box-shadow: var(--sd-shadow); }
.sd-kit__steps li::before {
	content: counter(kit); position: absolute; left: 18px; top: 18px; width: 34px; height: 34px; border-radius: 50%;
	display: grid; place-items: center; font-weight: 800; color: #fff; background: var(--sd-navy);
}
.sd-kit__steps b { display: block; color: var(--sd-navy-900); font-size: 16px; }
.sd-kit__steps span { display: block; color: var(--sd-ink-2); font-size: 14px; margin-top: 2px; }

/* ---------- Dla firm ---------- */
.sd-b2b {
	border-radius: 24px; padding: clamp(24px, 4vw, 52px) !important; color: #fff; margin-block: clamp(36px, 5vw, 68px) !important;
	background: radial-gradient(600px 300px at 100% 0%, rgba(214, 154, 52, .22), transparent 60%), linear-gradient(135deg, var(--sd-navy-900), var(--sd-navy));
}
.sd-b2b h2 { color: #fff; font-size: clamp(24px, 2.6vw, 34px); letter-spacing: -.015em; line-height: 1.12; margin: 10px 0 12px; }
.sd-b2b p { color: rgba(255, 255, 255, .8); }
.sd-b2b .is-style-eyebrow { color: var(--sd-gold-l); }

@media (max-width: 781px) {
	.sd-kit__steps { grid-template-columns: 1fr; }
	.sd-b2b .wp-block-buttons { justify-content: flex-start !important; }
}

/* Slider zaczyna się od razu pod nagłówkiem (własny margines w promo.css). */
.wp-site-blocks > main { margin-block-start: 0; }