/* LMS Theme — strony informacyjne i konta
   Jak to dziala, Dla firm, FAQ, Kontakt (szablony Elementora w /templates),
   404 (404.php), logowanie i rejestracja (tutor/login.php, tutor/dashboard/*).
   Teksty stale to widgety Elementora z klasami lms-*; odstepy i kolory ida z tokenow. */

/* ---------- Drobne klocki ---------- */

.lms-icon-bubble {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: var(--lms-tone-bg, var(--lms-tint-purple));
	color: var(--lms-tone, var(--lms-purple));
}

/* Przyciski Elementora ustawione obok siebie (hero stron informacyjnych). */
.elementor-section.lms-sec .elementor-widget-button.lms-btn-inline {
	display: inline-block;
	width: auto;
	max-width: 100%;
	margin: 0 12px 12px 0;
	vertical-align: top;
}

/* Motyw nadrzedny koloruje kazdy <button>; pigulki i przyciski motywu zostaja przy swoich barwach. */
button.lms-pill,
button.lms-btn {
	font-family: var(--lms-font);
}

button.lms-pill:hover,
button.lms-pill:focus {
	background: var(--lms-surface);
	color: var(--lms-purple);
}

button.lms-pill.is-active,
button.lms-pill.is-active:hover,
button.lms-pill.is-active:focus {
	background: var(--lms-purple);
	color: #fff;
}

button.lms-pill:focus-visible {
	outline: none;
	box-shadow: var(--lms-focus);
	border-color: var(--lms-purple);
}

/* ---------- Hero stron informacyjnych ---------- */

.elementor-section.lms-pg-hero {
	position: relative;
	padding-block: 40px 56px;
	overflow: hidden;
	background:
		radial-gradient(60% 80% at 100% 0%, rgba(131, 58, 180, 0.09), transparent 70%),
		radial-gradient(40% 60% at 70% 100%, rgba(247, 119, 55, 0.07), transparent 70%);
}

.lms-pg-hero > .elementor-container {
	align-items: center;
}

.lms-pg-hero__title .elementor-heading-title {
	margin: 0 0 20px;
	font-size: clamp(36px, 4.6vw, 60px);
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.03em;
}

.lms-pg-hero--b2b .lms-pg-hero__title .elementor-heading-title {
	font-size: clamp(34px, 4vw, 52px);
}

.lms-pg-hero--center {
	text-align: center;
}

.lms-pg-hero--center > .elementor-container > .elementor-column {
	max-width: 780px;
	margin-inline: auto;
}

.lms-pg-hero--center .lms-lead-w {
	max-width: none;
}

.lms-pg-hero--center .lms-lead-w p {
	margin-bottom: 0;
}

.elementor-section.lms-pg-hero--center {
	padding-block: 56px 16px;
}

/* ---------- Naglowek sekcji ---------- */

.elementor-section.lms-intro {
	padding-bottom: 0;
	scroll-margin-top: calc(var(--lms-sticky-top, var(--lms-header-h)) + 16px);
}

.lms-intro__lead {
	max-width: 760px;
	font-size: 17px;
	line-height: 1.6;
}

.lms-intro__lead p {
	margin: 0;
}

/* ---------- Przelacznik sciezek ---------- */

.elementor-section.lms-switch-sec {
	padding-block: 8px 0;
}

.lms-switch {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	max-width: 900px;
	margin-inline: auto;
	padding: 6px;
	border: 1px solid var(--lms-border);
	border-radius: 18px;
	background: var(--lms-surface);
	box-shadow: var(--lms-shadow-card);
}

.lms-switch a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 6px 16px;
	border-radius: 12px;
	color: var(--lms-text);
	font-size: 15px;
	line-height: 1.3;
	font-weight: 700;
	text-align: center;
	transition: background var(--lms-ease), color var(--lms-ease), box-shadow var(--lms-ease);
}

.lms-switch a:hover {
	background: var(--lms-surface-2);
	color: var(--lms-text);
}

.lms-switch a.is-active,
.lms-switch a.is-active:hover {
	background: var(--lms-gradient);
	color: #fff;
	box-shadow: var(--lms-shadow-glow);
}

.lms-switch a:focus-visible {
	outline: none;
	box-shadow: var(--lms-focus);
}

.lms-switch--compact {
	max-width: none;
	margin: 0 0 20px;
	border-radius: 16px;
	box-shadow: none;
}

.lms-switch--compact a {
	min-height: 44px;
	font-size: 14px;
}

/* ---------- Karty krokow (01-04) ---------- */

.elementor-section.lms-steps {
	padding-top: 24px;
	padding-bottom: 8px;
}

.lms-steps > .elementor-container {
	counter-reset: lms-step;
	gap: var(--lms-gap);
	align-items: stretch;
}

.lms-stepcard > .elementor-widget-wrap,
.lms-benefit-card > .elementor-widget-wrap {
	align-content: flex-start;
	padding: 24px !important;
	border: 1px solid var(--lms-border);
	border-radius: var(--lms-radius-card);
	background: var(--lms-surface);
	box-shadow: var(--lms-shadow-card);
}

.lms-stepcard .elementor-shortcode {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
}

.lms-stepcard .elementor-shortcode::before {
	counter-increment: lms-step;
	content: counter(lms-step, decimal-leading-zero);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--lms-tint-pink);
	color: var(--lms-pink);
	font-size: 15px;
	font-weight: 800;
}

/* Kropkowany lacznik do nastepnego kroku (dekoracja, tylko w ukladzie poziomym). */
.lms-stepcard:not(:last-child) .elementor-shortcode::after {
	content: "";
	flex: 1;
	min-width: 12px;
	margin-left: 4px;
	border-top: 3px dotted var(--lms-border-strong);
}

.lms-stepcard .elementor-heading-title,
.lms-benefit-card .elementor-heading-title {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.4;
}

.lms-stepcard .elementor-widget-text-editor p,
.lms-benefit-card .elementor-widget-text-editor p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: var(--lms-text-2);
}

/* ---------- Karta: zdjecie + tekst + lista korzysci ---------- */

.elementor-section.lms-split {
	padding-top: 16px;
}

.lms-split > .elementor-container {
	align-items: center;
	gap: 32px;
	padding: 12px 32px 12px 12px;
	border: 1px solid rgba(131, 58, 180, 0.1);
	border-radius: 24px;
	background: linear-gradient(120deg, #f7f0fc 0%, #fdf0f5 60%, #fff4ec 100%);
}

.lms-split__img img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 11;
	object-fit: cover;
	border-radius: 16px;
}

.lms-split__title .elementor-heading-title {
	margin: 0 0 8px;
	font-size: clamp(22px, 2.2vw, 28px);
	line-height: 1.25;
}

.lms-split__copy .elementor-widget-text-editor p {
	margin: 0 0 20px;
	font-size: 16px;
}

.lms-split .lms-checks {
	margin: 0;
	font-size: 15px;
}

/* ---------- Siatka korzysci (Dla firm) ---------- */

.elementor-section.lms-benefit-grid {
	padding-top: 24px;
	padding-bottom: 0;
}

.elementor-section.lms-benefit-grid--next {
	padding-top: var(--lms-gap);
}

.lms-benefit-grid > .elementor-container {
	gap: var(--lms-gap);
	align-items: stretch;
}

.lms-benefit-card .elementor-shortcode {
	margin-bottom: 16px;
	line-height: 0;
}

.lms-benefit-card .elementor-heading-title {
	font-size: 17px;
}

.lms-benefit-card .elementor-widget-text-editor p {
	font-size: 14px;
	color: var(--lms-muted);
}

/* ---------- Pas "dolacz do firm" ---------- */

.elementor-section.lms-partner-strip {
	padding-bottom: 0;
}

.lms-partner-strip > .elementor-container {
	align-items: center;
	gap: 24px;
	padding: 28px 36px;
	border-radius: var(--lms-radius-card);
	background: var(--lms-gradient-soft);
}

.lms-partner-strip__title .elementor-heading-title {
	margin: 0 0 6px;
	font-size: clamp(20px, 2vw, 26px);
	line-height: 1.3;
}

.lms-partner-strip .elementor-widget-text-editor p {
	margin: 0;
}

.lms-partner-strip__action > .elementor-widget-wrap {
	text-align: right;
}

.lms-partner-strip__action .elementor-widget-button {
	display: inline-block;
	width: auto;
}

/* ---------- Pas firm ---------- */

.elementor-section.lms-pg-logos--tight {
	padding-top: 24px;
}

.lms-logos-head__title {
	margin: 0 0 4px;
	font-size: clamp(20px, 2vw, 24px);
	line-height: 1.3;
}

.lms-logos-head p {
	margin: 0 0 20px;
	color: var(--lms-muted);
	font-size: 15px;
}

/* ---------- FAQ z zakladkami ---------- */

.lms-pg-faq .lms-section-head {
	margin-bottom: 8px;
}

.lms-pg-faq .lms-intro__lead p {
	margin-bottom: 24px;
}

.lms-faqtabs__search {
	max-width: 680px;
	margin: 0 auto 24px;
}

.lms-faqtabs__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 24px;
}

.lms-pg-faq--page .lms-faqtabs__chips {
	justify-content: center;
}

.lms-faqtabs.is-searching .lms-faqtabs__chips {
	display: none;
}

.lms-faqtabs__panel + .lms-faqtabs__panel {
	margin-top: 24px;
}

.lms-faqtabs__panel[hidden],
.lms-faqtabs__none[hidden],
.lms-faqtabs__group[hidden],
.lms-faq__item[hidden] {
	display: none;
}

.lms-faqtabs__group {
	margin: 0 0 12px;
	font-size: 16px;
}

.lms-faq--cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 12px var(--lms-gap);
}

.lms-faq--cards .lms-faq__item,
.lms-faq--cards .lms-faq__item + .lms-faq__item {
	padding: 0 16px;
	border: 1px solid var(--lms-border);
	border-radius: 14px;
	background: var(--lms-surface);
}

.lms-faqtabs__none {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 40px 24px;
	text-align: center;
	color: var(--lms-muted);
}

.lms-faqtabs__none p {
	margin: 0;
	color: var(--lms-text-2);
}

/* ---------- Baner koncowy ---------- */

.lms-pg-final .lms-cta-banner {
	margin-top: 0;
}

.elementor-section.lms-pg-final {
	padding-bottom: var(--lms-section);
}

/* ---------- Kontakt ---------- */

.lms-contact > .elementor-container {
	align-items: flex-start;
	gap: 40px;
}

.elementor-section.lms-contact {
	padding-bottom: var(--lms-section);
}

.lms-contact-card {
	margin-bottom: 16px;
}

.lms-contact-card > .elementor-container > .elementor-column > .elementor-widget-wrap {
	position: relative;
	align-content: flex-start;
	min-height: 92px;
	padding: 20px 20px 20px 92px !important;
	border: 1px solid var(--lms-border);
	border-radius: var(--lms-radius-md);
	background: var(--lms-surface);
	box-shadow: var(--lms-shadow-card);
}

.lms-contact-card .elementor-widget-shortcode {
	position: absolute;
	left: 20px;
	top: 20px;
	width: auto;
}

.lms-contact-card .elementor-heading-title {
	margin: 0 0 4px;
	font-size: 17px;
	line-height: 1.4;
}

.lms-contact-card .elementor-widget-text-editor p {
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 1.6;
}

.lms-contact-card .elementor-widget-text-editor a {
	font-weight: 700;
}

.lms-contact__form > .elementor-widget-wrap {
	padding: 32px !important;
	border: 1px solid var(--lms-border);
	border-radius: var(--lms-radius-card);
	background: var(--lms-surface);
	box-shadow: var(--lms-shadow-card);
}

.lms-contact__title .elementor-heading-title {
	margin: 0 0 20px;
	font-size: 22px;
}

/* Formularz Elementora w wygladzie motywu */

.lms-form .elementor-field-group {
	margin-bottom: 16px;
}

.lms-form .elementor-field-group > label,
.lms-form .elementor-field-label {
	margin-bottom: 6px;
	font-family: var(--lms-font);
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	color: var(--lms-text);
}

.lms-form .elementor-field-group .elementor-field-textual {
	min-height: 52px;
	padding: 0 16px;
	border: 1px solid var(--lms-border);
	border-radius: var(--lms-radius-control);
	background: var(--lms-surface);
	color: var(--lms-text);
	font-family: var(--lms-font);
	font-size: 16px;
	transition: border-color var(--lms-ease), box-shadow var(--lms-ease);
}

.lms-form .elementor-field-group textarea.elementor-field-textual {
	padding-block: 14px;
	line-height: 1.6;
}

.lms-form .elementor-field-group .elementor-field-textual:focus {
	outline: none;
	border-color: var(--lms-purple);
	box-shadow: var(--lms-focus);
}

.lms-form .elementor-field-type-acceptance .elementor-field-option {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--lms-text-2);
}

.lms-form .elementor-field-type-acceptance input {
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	accent-color: var(--lms-purple);
}

.lms-form .elementor-field-type-acceptance .elementor-field-option label {
	line-height: 1.5;
}

.lms-form .elementor-field-type-acceptance > label {
	display: none;
}

.lms-form .elementor-button {
	min-height: 52px;
	border: 0;
	border-radius: var(--lms-radius-control);
	background: var(--lms-gradient);
	color: #fff;
	font-family: var(--lms-font);
	font-size: 16px;
	font-weight: 700;
	box-shadow: var(--lms-shadow-glow);
	transition: transform var(--lms-ease), box-shadow var(--lms-ease);
}

.lms-form .elementor-button:hover,
.lms-form .elementor-button:focus {
	background: var(--lms-gradient);
	color: #fff;
	transform: translateY(-1px);
}

.lms-form .elementor-message {
	margin-top: 16px;
	font-family: var(--lms-font);
	font-size: 14px;
}

.lms-form .elementor-message.elementor-message-success {
	color: #0b7a59;
}

.lms-form .elementor-message.elementor-message-danger {
	color: var(--lms-error);
}

/* ---------- 404 ---------- */

.lms-404__hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 56px 0 8px;
	text-align: center;
}

.lms-404__code {
	display: flex;
	align-items: center;
	gap: 0.06em;
	margin: 0 0 20px;
	font-size: clamp(96px, 15vw, 168px);
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.04em;
}

.lms-404__code > span:not(.lms-404__zero) {
	background: var(--lms-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--lms-pink);
}

.lms-404__zero {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.82em;
	height: 0.82em;
	border-radius: 50%;
	background: var(--lms-gradient-soft);
	color: var(--lms-purple);
	box-shadow: inset 0 0 0 0.05em rgba(131, 58, 180, 0.16);
}

.lms-404__zero .lms-icon {
	width: 0.4em;
	height: 0.4em;
}

.lms-404__title {
	margin: 0 0 12px;
	font-size: clamp(30px, 3.6vw, 44px);
	font-weight: 800;
}

.lms-404 .lms-lead {
	margin-bottom: 24px;
}

.lms-404 .lms-search {
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
}

.lms-404__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

/* ---------- Zwykle strony WordPressa (koszyk, zamowienie, strony z tekstem) ----------
   Motyw nadrzedny trzyma je w kontenerze 1140 px; tu dostaja kontener witryny,
   zeby naglowek strony zaczynal sie rowno z logo. */

body.lms-theme:not([class*="elementor-page-"]):not(.lms-page-auth) .site-main {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--lms-container) + var(--lms-gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--lms-gutter);
}

body.lms-theme .site-main .page-header {
	padding-block: 40px 16px;
}

body.lms-theme .site-main .page-header .entry-title {
	max-width: none;
	margin: 0;
}

body.lms-theme:not([class*="elementor-page-"]):not(.lms-page-auth) .site-main > .page-content {
	padding-bottom: var(--lms-section);
}

/* Przyciski w tresci strony nie dziedzicza podkreslenia linkow motywu nadrzednego. */
.page-content a.tutor-btn,
.page-content a.lms-btn {
	text-decoration: none;
}

/* ---------- Logowanie i rejestracja ---------- */

/* Strony rejestracji ida przez szablon strony motywu nadrzednego - zdejmujemy jego waski kontener. */
body.lms-page-auth .site-main {
	max-width: none;
	padding-inline: 0;
}

body.lms-page-auth .page-content {
	margin: 0;
}

.lms-auth {
	padding: 40px 0 var(--lms-section);
	background:
		radial-gradient(50% 60% at 100% 0%, rgba(131, 58, 180, 0.08), transparent 70%),
		radial-gradient(40% 50% at 0% 100%, rgba(247, 119, 55, 0.06), transparent 70%);
}

/* Motyw nadrzedny podkresla linki w tresci zwyklych stron (.page-content) - tu obowiazuje styl motywu. */
.page-content .lms-auth a {
	text-decoration: none;
}

.page-content .lms-auth__card a:not(.lms-btn):not(.tutor-btn):hover {
	text-decoration: underline;
}

.lms-auth__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
	align-items: start;
	gap: 56px;
}

.lms-auth__title {
	margin: 0 0 12px;
	font-size: clamp(32px, 3.6vw, 46px);
	line-height: 1.12;
	font-weight: 800;
	letter-spacing: -0.03em;
}

.lms-auth .lms-lead {
	margin-bottom: 24px;
	font-size: 17px;
}

.lms-auth__card {
	padding: 32px;
}

.lms-auth__back {
	margin: 20px 0 0;
}

.lms-auth__aside {
	position: sticky;
	top: calc(var(--lms-sticky-top, var(--lms-header-h)) + 24px);
	overflow: hidden;
	border-radius: 24px;
	background: linear-gradient(140deg, #f3e8fb 0%, #fde6ef 55%, #ffeede 100%);
}

.lms-auth__aside-copy {
	padding: 36px 36px 28px;
}

.lms-auth__aside h2 {
	margin: 0 0 8px;
	font-size: clamp(22px, 2.2vw, 28px);
}

.lms-auth__aside p {
	margin: 0 0 20px;
	color: var(--lms-text-2);
}

.lms-auth__aside .lms-checks {
	margin-bottom: 0;
}

.lms-auth__img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center 20%;
}

/* Formularze Tutor LMS wewnatrz karty: bez wlasnej ramki, pola i przyciski jak w motywie. */

.lms-auth__card #tutor-registration-wrap,
.lms-auth__card .tutor-card,
.lms-auth__card .tutor-login-wrap {
	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.lms-auth__card #tutor-registration-form,
.lms-auth__card .tutor-login-form-wrapper,
.lms-auth__card .tutor-forgot-password-form {
	padding: 0 !important;
}

.lms-auth__card label,
.lms-auth__card .tutor-label {
	font-family: var(--lms-font);
	font-size: 14px;
	line-height: 1.5;
	color: var(--lms-text-2);
}

.lms-auth__card label.tutor-block {
	font-weight: 600;
	color: var(--lms-text);
}

.lms-auth__card .tutor-form-control,
.lms-auth__card .tutor-input {
	width: 100%;
	min-height: 52px;
	padding-inline: 16px;
	border: 1px solid var(--lms-border);
	border-radius: var(--lms-radius-control);
	background: var(--lms-surface);
	color: var(--lms-text);
	font-family: var(--lms-font);
	font-size: 16px;
	box-shadow: none;
}

.lms-auth__card .tutor-form-control:focus,
.lms-auth__card .tutor-input:focus {
	outline: none;
	border-color: var(--lms-purple);
	box-shadow: var(--lms-focus);
}

.lms-auth__card .tutor-btn.tutor-btn-primary {
	min-height: 52px;
	border: 0;
	border-radius: var(--lms-radius-control);
	background: var(--lms-gradient);
	color: #fff;
	font-family: var(--lms-font);
	font-size: 16px;
	font-weight: 700;
	box-shadow: var(--lms-shadow-glow);
}

.lms-auth__card .tutor-btn.tutor-btn-primary:hover,
.lms-auth__card .tutor-btn.tutor-btn-primary:focus {
	background: var(--lms-gradient);
	color: #fff;
	filter: brightness(1.04);
}

.lms-auth__card .tutor-btn-link,
.lms-auth__card .tutor-btn-link-gray,
.lms-auth__card a {
	color: var(--lms-purple);
	font-weight: 600;
}

.lms-auth__card .tutor-btn-link:hover,
.lms-auth__card .tutor-btn-link-gray:hover,
.lms-auth__card a:hover {
	background: transparent;
	color: var(--lms-pink);
}

.lms-auth__card input[type="checkbox"] {
	accent-color: var(--lms-purple);
}

/* Komunikat zamiast formularza (np. zalogowany na stronie rejestracji) */

.lms-auth--done {
	padding-top: 64px;
}

.lms-notice-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 620px;
	margin-inline: auto;
	padding: 40px 32px;
	text-align: center;
}

.lms-notice-card__title {
	margin: 20px 0 8px;
	font-size: clamp(24px, 2.6vw, 30px);
}

.lms-notice-card p {
	margin: 0 0 24px;
}

.lms-notice-card__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

/* ---------- Przycisk "Obserwuj firme" ---------- */

.lms-follow__icon-on,
.lms-follow.is-following .lms-follow__icon-off {
	display: none;
}

.lms-follow.is-following .lms-follow__icon-on {
	display: inline-block;
}

.lms-btn--primary.lms-follow.is-following,
.lms-btn--primary.lms-follow.is-following:hover {
	border-color: var(--lms-purple);
	background: var(--lms-surface);
	color: var(--lms-purple);
	box-shadow: none;
}

.lms-btn--ghost-light.lms-follow.is-following {
	background: rgba(255, 255, 255, 0.16);
}

.lms-follow[aria-busy="true"] {
	opacity: 0.6;
	pointer-events: none;
}

/* ---------- Responsywnosc ---------- */

@media (max-width: 1023px) {
	.lms-pg-hero > .elementor-container,
	.lms-steps > .elementor-container,
	.lms-benefit-grid > .elementor-container,
	.lms-split > .elementor-container,
	.lms-partner-strip > .elementor-container,
	.lms-contact > .elementor-container {
		flex-wrap: wrap;
	}

	.lms-pg-hero > .elementor-container > .elementor-column,
	.lms-contact > .elementor-container > .elementor-column,
	.lms-partner-strip > .elementor-container > .elementor-column {
		width: 100%;
	}

	.lms-pg-hero .lms-hero-visual {
		margin-top: 40px;
	}

	.lms-steps > .elementor-container > .lms-stepcard,
	.lms-benefit-grid > .elementor-container > .lms-benefit-card {
		width: calc(50% - (var(--lms-gap) / 2));
	}

	/* W dwoch rzedach lacznik nie prowadzi juz do sasiedniej karty. */
	.lms-stepcard .elementor-shortcode::after {
		display: none;
	}

	.lms-split > .elementor-container {
		padding: 12px 12px 28px;
	}

	.lms-split > .elementor-container > .lms-split__media {
		width: 100%;
	}

	.lms-split > .elementor-container > .lms-split__copy,
	.lms-split > .elementor-container > .lms-split__checks {
		width: calc(50% - 16px);
		padding-inline: 16px;
	}

	.lms-partner-strip__action > .elementor-widget-wrap {
		text-align: left;
	}

	.lms-auth__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	.lms-auth__aside {
		position: static;
	}
}

@media (max-width: 767px) {
	.elementor-section.lms-pg-hero {
		padding-block: 24px 40px;
	}

	.elementor-section.lms-sec .elementor-widget-button.lms-btn-inline {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	.lms-btn-inline .elementor-button {
		width: 100%;
	}

	.lms-steps > .elementor-container > .lms-stepcard,
	.lms-benefit-grid > .elementor-container > .lms-benefit-card,
	.lms-split > .elementor-container > .lms-split__copy,
	.lms-split > .elementor-container > .lms-split__checks {
		width: 100%;
	}

	.lms-split .elementor-widget-button,
	.lms-split .elementor-widget-button .elementor-button,
	.lms-partner-strip .elementor-widget-button,
	.lms-partner-strip .elementor-widget-button .elementor-button {
		width: 100%;
	}

	.lms-partner-strip > .elementor-container {
		padding: 24px 20px;
	}

	.lms-faq--cards {
		grid-template-columns: minmax(0, 1fr);
	}

	.lms-faqtabs__chips,
	.lms-pg-faq--page .lms-faqtabs__chips {
		flex-wrap: nowrap;
		justify-content: flex-start;
		margin-inline: calc(var(--lms-gutter) * -1);
		padding: 2px var(--lms-gutter) 6px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.lms-faqtabs__chips::-webkit-scrollbar {
		display: none;
	}

	.lms-contact__form > .elementor-widget-wrap,
	.lms-auth__card {
		padding: 24px 20px !important;
	}

	.lms-auth {
		padding-top: 24px;
	}

	.lms-auth__aside-copy {
		padding: 28px 24px 24px;
	}

	.lms-404__hero {
		padding-top: 32px;
	}

	.lms-404__actions,
	.lms-404__actions .lms-btn,
	.lms-notice-card__actions,
	.lms-notice-card__actions .lms-btn {
		width: 100%;
	}

	.lms-switch a {
		flex-direction: column;
		gap: 4px;
		font-size: 13px;
	}
}