/* Pakiety kursow (sekcja pakiety_kursow) + link do pakietu w CTA landingu - mobile-first, skin: Inter/Inter Tight, ink #0d1b2a, muted #5d6f82, linia #e3e9ef, akcent #17b3da, przyciski #111, promocja #d31819 */
.cb-landing .cb-pk { padding: 56px 0; }
.cb-landing .cb-pk .container { padding: 0 16px; }
.cb-landing .cb-pk-head { max-width: 760px; margin: 0 auto 26px; text-align: center; }
.cb-landing.cb-lewo .cb-pk-head { margin-left: 0; text-align: left; }
.cb-landing .cb-pk-head .cb-sec-eyebrow { margin-bottom: 12px; }
.cb-landing .cb-pk .section-title.cb-pk-title { font-size: clamp(1.3rem, 1.9vw, 1.5rem) !important; line-height: 1.2 !important; letter-spacing: -0.02em; font-weight: 600 !important; color: #0d1b2a !important; margin: 0 0 12px !important; text-align: inherit; }
.cb-landing .cb-pk-intro { font-size: 1.02rem !important; line-height: 1.6 !important; color: #5d6f82 !important; margin: 0 !important; font-weight: 400 !important; }
.cb-landing .cb-pk-incl { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; margin: 18px 0 0; padding: 0; list-style: none; }
.cb-landing.cb-lewo .cb-pk-incl { justify-content: flex-start; }
.cb-landing .cb-pk-incl li { font-size: .86rem; color: #0d1b2a; display: inline-flex; align-items: center; gap: 7px; margin: 0; }
.cb-landing .cb-pk-incl li::before { content: ""; width: 7px; height: 7px; background: #17b3da; flex: 0 0 auto; }

.cb-landing .cb-pk-list { display: grid; gap: 22px; }
/* 02.10.2026 wieczor: uklad jak na dawnych stronach pakietow (kursy.controlbyte.pl) - duze miniatury kursow po lewej,
   po prawej wyrazny panel ceny na jasnym tle: cena, oszczednosc, przycisk. Ceny dalej na zywo z WooCommerce. */
.cb-landing .cb-pk-row { position: relative; display: grid; gap: 0; padding: 0; background: #fff; border: 1px solid #dfe7ef; border-radius: 16px; box-shadow: 0 1px 2px rgba(13,27,42,.04); }
.cb-landing .cb-pk-row--hi { border-color: #0d1b2a; box-shadow: 0 0 0 1px #0d1b2a, 0 14px 34px rgba(13,27,42,.10); }
.cb-landing .cb-pk-badge { position: absolute; top: -12px; left: 18px; z-index: 2; background: #0d1b2a; color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 6px 11px; border-radius: 999px; line-height: 1.2; }
.cb-landing .cb-pk-main { min-width: 0; padding: 22px 16px 18px; }
.cb-landing .cb-pk-kind { display: block; font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #5d6f82; margin: 0 0 14px; }
.cb-landing .cb-pk-courses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; align-items: start; }
.cb-landing .cb-pk-course { display: flex; flex-direction: column; gap: 9px; min-width: 0; text-decoration: none !important; color: #0d1b2a !important; }
.cb-landing a.cb-pk-course:hover b { text-decoration: underline; text-underline-offset: 3px; }
.cb-landing .cb-pk-thumb { position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; border-radius: 10px; background: #eef3f8; }
.cb-landing .cb-pk-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px; box-shadow: 0 6px 18px rgba(13,27,42,.12); }
.cb-landing .cb-pk-thumb--plus { display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", "Inter", sans-serif; font-size: 2rem; font-weight: 600; color: #17b3da; border: 1px dashed #b9c6d2; background: #fff; }
.cb-landing .cb-pk-course-txt { min-width: 0; }
.cb-landing .cb-pk-course-txt b { display: block; font-size: .92rem; font-weight: 600; line-height: 1.3; color: #0d1b2a; }
.cb-landing .cb-pk-course-txt small { display: block; font-size: .78rem; color: #5d6f82; margin-top: 3px; }
.cb-landing .cb-pk-more { display: inline-block; margin-top: 8px; font-size: .84rem; font-weight: 600; color: #0d1b2a; text-decoration: underline; text-underline-offset: 3px; }
.cb-landing .cb-pk-plus { display: none; }
/* kurs pojedynczo: miniatura obok nazwy */
.cb-landing .cb-pk-row--single .cb-pk-courses { display: block; }
.cb-landing .cb-pk-row--single .cb-pk-course { flex-direction: row; align-items: center; gap: 14px; }
.cb-landing .cb-pk-row--single .cb-pk-thumb { flex: 0 0 42%; width: 42%; max-width: 260px; }
.cb-landing .cb-pk-row--single .cb-pk-course-txt b { font-size: 1.02rem; }
/* 4 i wiecej kursow: na telefonie zwarta lista (mala miniatura + nazwa) */
.cb-landing .cb-pk-row--wiele .cb-pk-courses { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.cb-landing .cb-pk-row--wiele .cb-pk-course { flex-direction: row; align-items: center; gap: 12px; }
.cb-landing .cb-pk-row--wiele .cb-pk-thumb { flex: 0 0 84px; width: 84px; }
.cb-landing .cb-pk-row--wiele .cb-pk-thumb img { box-shadow: none; border-radius: 8px; }

.cb-landing .cb-pk-price { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 20px 16px 22px; text-align: center; background: #f6f9fc; border-top: 1px solid #e3e9ef; border-radius: 0 0 15px 15px; }
.cb-landing .cb-pk-row--hi .cb-pk-price { background: #eef7fb; }
.cb-landing .cb-pk-label { font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #5d6f82; margin-bottom: 4px; }
.cb-landing .cb-pk-reg { color: #8a97a5; font-size: 1.05rem; font-weight: 500; text-decoration: line-through; line-height: 1.2; }
.cb-landing .cb-pk-sale { font-family: "Inter Tight", "Inter", sans-serif !important; font-size: 2.5rem; font-weight: 700; line-height: 1.05; color: #0d1b2a; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.cb-landing .cb-pk-sale--promo { color: #d31819; }
.cb-landing .cb-pk-save { display: inline-block; margin-top: 8px; padding: 6px 13px; border-radius: 999px; background: #e4f5ea; font-size: .82rem; font-weight: 600; line-height: 1.2; color: #1e7f3c; }
.cb-landing .cb-pk-price .cb-omnibus { margin-top: 8px; max-width: 250px; text-align: center; text-wrap: balance; }
.cb-landing .cb-pk-price .cb-omnibus b { white-space: nowrap; }
.cb-landing .cb-pk-btn, .cb-landing a.cb-pk-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 340px; min-height: 52px; margin-top: 14px; padding: 14px 20px; background: #111; color: #fff !important; border: 0; border-radius: 10px; font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: 0; text-transform: none; text-decoration: none !important; text-align: center; box-shadow: 0 6px 16px rgba(13,27,42,.16); transition: background .15s, transform .15s; }
.cb-landing .cb-pk-btn:hover, .cb-landing a.cb-pk-btn:hover, .cb-landing a.cb-pk-btn:focus { background: #2b2b2b; color: #fff !important; transform: translateY(-1px); }
.cb-landing .cb-pk-guar { display: block; max-width: 250px; font-size: .78rem; color: #5d6f82; margin-top: 10px; line-height: 1.45; }

/* kafelek "pakiet wszystkich kursow" */
.cb-landing .cb-pk-ups { display: grid; gap: 18px; margin-top: 22px; padding: 24px 18px; background: #0d1b2a; border-radius: 14px; color: #fff; }
.cb-landing .cb-pk-kind--light { color: #9fb3c4; }
.cb-landing .cb-pk-ups-title { font-family: "Inter Tight", "Inter", sans-serif !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: -0.02em; color: #fff !important; margin: 0 0 8px !important; }
.cb-landing .cb-pk-ups-p { font-size: .95rem !important; line-height: 1.55 !important; color: #cfd8e0 !important; margin: 0 !important; }
.cb-landing .cb-pk-price--ups { background: none; border-radius: 0; border-top-color: rgba(255,255,255,.14); padding: 18px 0 0; }
.cb-landing .cb-pk-price--ups .cb-pk-save { background: rgba(127,224,163,.16); }
.cb-landing .cb-pk-price--ups .cb-omnibus { text-align: left; max-width: none; }
.cb-landing .cb-pk-price--ups .cb-pk-label { color: #9fb3c4; }
.cb-landing .cb-pk-price--ups .cb-pk-reg { color: #8a97a5; }
.cb-landing .cb-pk-price--ups .cb-pk-sale { color: #fff; }
.cb-landing .cb-pk-price--ups .cb-pk-save { color: #7fe0a3; }
.cb-landing .cb-pk-btn--light, .cb-landing a.cb-pk-btn--light { background: #2ac4ea; color: #062634 !important; }
.cb-landing .cb-pk-btn--light:hover, .cb-landing a.cb-pk-btn--light:hover { background: #17b3da; color: #062634 !important; }
.cb-landing .cb-pk-note { max-width: 760px; margin: 22px auto 0; font-size: .86rem; line-height: 1.55; color: #5d6f82; text-align: center; }
.cb-landing.cb-lewo .cb-pk-note { margin-left: 0; text-align: left; }

/* ciemny motyw sekcji */
.cb-landing .cb-pk.section-dark .cb-pk-row { background: #13243a; border-color: rgba(255,255,255,.14); }
.cb-landing .cb-pk.section-dark .cb-pk-course-txt b, .cb-landing .cb-pk.section-dark .cb-pk-sale, .cb-landing .cb-pk.section-dark .cb-pk-incl li, .cb-landing .cb-pk.section-dark .cb-pk-title { color: #fff !important; }
.cb-landing .cb-pk.section-dark .cb-pk-sale--promo { color: #ff6b6b; }
.cb-landing .cb-pk.section-dark .cb-pk-price { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14); }

@media (min-width: 760px) {
	.cb-landing .cb-pk .container { padding: 0 24px; }
	.cb-landing .cb-pk-row { grid-template-columns: minmax(0, 1fr) 270px; }
	.cb-landing .cb-pk-main { display: flex; flex-direction: column; justify-content: center; padding: 26px 26px 24px; }
	.cb-landing .cb-pk-price { border-top: 0; border-left: 1px solid #e3e9ef; border-radius: 0 15px 15px 0; padding: 26px 22px; }
	.cb-landing .cb-pk-courses { display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 16px; }
	.cb-landing .cb-pk-course { flex: 1 1 0; max-width: 320px; }
	/* plus miedzy miniaturami: kolko na styku dwoch kursow */
	.cb-landing .cb-pk-course:not(:first-child) .cb-pk-thumb::before { content: "+"; position: absolute; z-index: 1; left: -23px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; background: #fff; border: 1px solid #dfe7ef; box-shadow: 0 2px 8px rgba(13,27,42,.12); color: #0d1b2a; font: 600 19px/28px "Inter Tight", "Inter", sans-serif; text-align: center; }
	.cb-landing .cb-pk-row--single .cb-pk-course { max-width: none; gap: 22px; }
	.cb-landing .cb-pk-row--single .cb-pk-thumb { flex: 0 0 240px; width: 240px; }
	.cb-landing .cb-pk-row--single .cb-pk-course-txt b { font-size: 1.2rem; line-height: 1.25; letter-spacing: -0.01em; }
	.cb-landing .cb-pk-row--single .cb-pk-course-txt small { font-size: .86rem; margin-top: 5px; }
	.cb-landing .cb-pk-row--single .cb-pk-guar { display: none; }
	.cb-landing .cb-pk-row--wiele .cb-pk-courses { flex-wrap: wrap; gap: 18px 16px; }
	.cb-landing .cb-pk-row--wiele .cb-pk-course { flex: 0 1 calc((100% - 32px) / 3); flex-direction: column; align-items: stretch; gap: 9px; max-width: none; }
	.cb-landing .cb-pk-row--wiele .cb-pk-thumb { flex: 0 0 auto; width: 100%; }
	.cb-landing .cb-pk-row--wiele .cb-pk-thumb img { border-radius: 10px; box-shadow: 0 6px 18px rgba(13,27,42,.12); }
	.cb-landing .cb-pk-row--wiele .cb-pk-course-txt b { font-size: .84rem; }
	.cb-landing .cb-pk-row--wiele .cb-pk-course .cb-pk-thumb::before { display: none; }
	.cb-landing .cb-pk-ups { grid-template-columns: minmax(0, 1fr) 236px; gap: 24px; padding: 28px 26px; align-items: center; }
	.cb-landing .cb-pk-price--ups { border-left: 1px solid rgba(255,255,255,.14); padding: 0 0 0 24px; align-items: flex-start; text-align: left; }
}
@media (min-width: 1024px) {
	.cb-landing .cb-pk-row { grid-template-columns: minmax(0, 1fr) 310px; }
	.cb-landing .cb-pk-main { padding: 30px 32px 28px; }
	.cb-landing .cb-pk-price { padding: 28px 28px; }
	.cb-landing .cb-pk-row--single .cb-pk-thumb { flex-basis: 270px; width: 270px; }
	.cb-landing .cb-pk-row--wiele .cb-pk-course { flex-basis: calc((100% - 48px) / 4); }
	.cb-landing .cb-pk-ups { grid-template-columns: minmax(0, 1fr) 300px; }
	.cb-landing .cb-pk-price--ups { padding: 0 0 0 28px; }
}
@media (max-width: 759px) {
	.cb-landing .cb-pk-price--ups { align-items: flex-start; text-align: left; }
	.cb-landing .cb-pk-row--single .cb-pk-guar { display: none; }
}

/* link do strony pakietu w CTA landingu kursu (tylko sales_open) */
.cb-landing .cb-pakiet-cta { margin: 12px 0 0 !important; font-size: .92rem !important; line-height: 1.4 !important; text-align: center; opacity: 1 !important; }
.cb-landing .cb-pakiet-cta a { color: #0d1b2a; text-decoration: underline; text-underline-offset: 3px; font-weight: 500; }
.cb-landing .hero .cb-pakiet-cta a, .cb-landing .section-dark .cb-pakiet-cta a, .cb-landing .final-cta .cb-pakiet-cta a, .cb-landing .mid-cta .cb-pakiet-cta a { color: #fff; }
.cb-landing .hero.section-light .cb-pakiet-cta a, .cb-landing .final-cta.section-light .cb-pakiet-cta a { color: #0d1b2a; }

/* skin nadaje kolory z !important na span/p/h3 - kafelek ciemny i plakietka musza wygrac */
.cb-landing.cb-landing.cb-landing .cb-pk-badge { color: #fff !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-ups, .cb-landing.cb-landing.cb-landing .cb-pk-ups h3, .cb-landing.cb-landing.cb-landing .cb-pk-ups p, .cb-landing.cb-landing.cb-landing .cb-pk-ups span, .cb-landing.cb-landing.cb-landing .cb-pk-ups b, .cb-landing.cb-landing.cb-landing .cb-pk-ups small { color: #fff !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-ups .cb-pk-kind--light, .cb-landing.cb-landing.cb-landing .cb-pk-ups .cb-pk-label { color: #9fb3c4 !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-ups .cb-pk-ups-p { color: #cfd8e0 !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-ups .cb-pk-reg { color: #8a97a5 !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-ups .cb-pk-save { color: #7fe0a3 !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-ups .cb-omnibus { color: rgba(255,255,255,.75) !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-ups .cb-omnibus b { color: #fff !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-ups .cb-pk-btn--light, .cb-landing.cb-landing.cb-landing .cb-pk-ups a.cb-pk-btn--light { color: #062634 !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-kind, .cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-label, .cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-guar, .cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-course-txt small { color: #5d6f82 !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-reg { color: #8a97a5 !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-sale--promo { color: #d31819 !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-save { color: #1e7f3c !important; }
.cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-plus, .cb-landing.cb-landing.cb-landing .cb-pk-row .cb-pk-thumb--plus { color: #17b3da !important; }
.cb-landing.cb-landing.cb-landing .cb-pk:not(.section-dark) .cb-pk-row .cb-pk-more { color: #0d1b2a !important; }
.cb-landing.cb-landing.cb-landing .cb-pk.section-dark .cb-pk-row .cb-pk-more { color: #fff !important; }