/* =========================================================
   Lingodemy — Zajęcia
   ========================================================= */

.lgkids-page{
	--lgk-navy:#071b3b;
	--lgk-blue:#2370b2;
	--lgk-sky:#62aee2;
	--lgk-yellow:#f9b821;
	--lgk-yellow-dark:#df9300;
	--lgk-green:#65ad4c;
	--lgk-cream:#fffdf8;
	--lgk-text:#59687b;
	--lgk-white:#fff;
	overflow:hidden;
	background:var(--lgk-cream);
	color:var(--lgk-navy);
}

.lgkids-page *,
.lgkids-page *::before,
.lgkids-page *::after{
	box-sizing:border-box;
}

.lgkids-wrap{
	width:min(1440px,calc(100% - 80px));
	margin:0 auto;
}

.lgkids-section{
	padding:100px 0;
}

.lgkids-section-soft{
	background:#f6f9fc;
}

.lgkids-kicker,
.lgkids-eyebrow{
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.13em;
}

.lgkids-kicker{
	display:inline-flex;
	align-items:center;
	gap:9px;
	padding:9px 14px;
	border:1px solid rgba(7,27,59,.08);
	border-radius:999px;
	background:#fff;
	box-shadow:0 8px 24px rgba(7,27,59,.05);
	font-size:11px;
	color:var(--lgk-blue);
}

.lgkids-kicker span{
	font-size:18px;
}

.lgkids-eyebrow{
	display:block;
	color:var(--lgk-blue);
	font-size:12px;
}

.lgkids-heading{
	max-width:760px;
}

.lgkids-heading-center{
	margin:0 auto 48px;
	text-align:center;
}

.lgkids-heading h2{
	margin:12px 0 0;
	font-size:clamp(38px,4.5vw,64px);
	line-height:1.02;
	letter-spacing:-.045em;
	font-weight:900;
}

.lgkids-heading h2 span{
	color:var(--lgk-blue);
}

.lgkids-heading p{
	margin:20px 0 0;
	color:var(--lgk-text);
	font-size:18px;
	line-height:1.7;
}

.lgkids-btn{
	min-height:56px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:14px 23px;
	border-radius:18px;
	font-size:14px;
	font-weight:900;
	text-decoration:none;
	transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.lgkids-btn:hover{
	transform:translateY(-2px);
}

.lgkids-btn-primary{
	background:var(--lgk-yellow);
	color:var(--lgk-navy);
	box-shadow:0 14px 30px rgba(249,184,33,.28);
}

.lgkids-btn-primary:hover{
	background:#ffc83d;
	color:var(--lgk-navy);
}

.lgkids-btn-secondary{
	border:2px solid rgba(7,27,59,.08);
	background:#fff;
	color:var(--lgk-navy);
}

/* HERO */
.lgkids-hero{
	position:relative;
	padding:72px 0 58px;
}

.lgkids-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 10% 15%,rgba(249,184,33,.19),transparent 25%),
		radial-gradient(circle at 87% 18%,rgba(35,112,178,.16),transparent 27%),
		radial-gradient(circle at 78% 90%,rgba(101,173,76,.10),transparent 21%);
	pointer-events:none;
}

.lgkids-hero-grid{
	position:relative;
	display:grid;
	grid-template-columns:.95fr 1.05fr;
	gap:52px;
	align-items:center;
}

.lgkids-hero-copy h1{
	margin:20px 0 0;
	max-width:720px;
	font-size:clamp(48px,5.6vw,84px);
	line-height:.97;
	letter-spacing:-.052em;
	font-weight:900;
}

.lgkids-hero-copy h1 span{
	display:block;
}

.lgkids-hero-copy h1 .is-blue{
	color:var(--lgk-blue);
}

.lgkids-hero-copy h1 .is-yellow{
	color:var(--lgk-yellow-dark);
}

.lgkids-lead{
	max-width:650px;
	margin:27px 0 0;
	color:var(--lgk-text);
	font-size:20px;
	line-height:1.65;
	font-weight:650;
}

.lgkids-hero-note{
	max-width:620px;
	margin:15px 0 0;
	color:#7b8898;
	font-size:15px;
	line-height:1.65;
}

.lgkids-actions{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:30px;
}

.lgkids-hero-facts{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
	max-width:650px;
	margin-top:30px;
}

.lgkids-hero-facts div{
	padding:14px 15px;
	border:1px solid rgba(7,27,59,.07);
	border-radius:17px;
	background:rgba(255,255,255,.88);
	box-shadow:0 8px 24px rgba(7,27,59,.045);
}

.lgkids-hero-facts strong,
.lgkids-hero-facts span{
	display:block;
}

.lgkids-hero-facts strong{
	font-size:18px;
	font-weight:900;
}

.lgkids-hero-facts span{
	margin-top:3px;
	color:#8591a1;
	font-size:11px;
	font-weight:800;
}

.lgkids-hero-visual{
	position:relative;
	min-height:620px;
}

.lgkids-orbit{
	position:absolute;
	top:50%;
	left:50%;
	border-radius:50%;
	transform:translate(-50%,-50%);
}

.lgkids-orbit-one{
	width:520px;
	height:520px;
	border:2px dashed rgba(35,112,178,.20);
	background:rgba(35,112,178,.06);
}

.lgkids-orbit-two{
	width:375px;
	height:375px;
	border:1px solid rgba(249,184,33,.46);
}

.lgkids-char{
	position:absolute;
	z-index:2;
	object-fit:contain;
	filter:drop-shadow(0 24px 28px rgba(7,27,59,.18));
}

.lgkids-char-lusiek{
	width:40%;
	left:0;
	bottom:30px;
	transform:rotate(-4deg);
}

.lgkids-char-otto{
	width:46%;
	left:28%;
	top:18px;
}

.lgkids-char-freddy{
	width:35%;
	right:1%;
	bottom:40px;
	transform:rotate(4deg);
}

.lgkids-bubble{
	position:absolute;
	z-index:5;
	padding:12px 15px;
	border-radius:17px;
	background:#fff;
	box-shadow:0 14px 32px rgba(7,27,59,.12);
	font-size:13px;
	font-weight:900;
}

.lgkids-bubble-one{
	top:77px;
	left:0;
	transform:rotate(-5deg);
}

.lgkids-bubble-two{
	top:92px;
	right:4px;
	background:var(--lgk-navy);
	color:#fff;
	transform:rotate(4deg);
}

.lgkids-star{
	position:absolute;
	z-index:1;
	font-size:24px;
}

.lgkids-star-one{left:18%;top:8%}
.lgkids-star-two{right:25%;top:3%}
.lgkids-star-three{right:3%;bottom:17%}

/* USP */
.lgkids-proof{
	padding:0 0 24px;
}

.lgkids-proof-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	overflow:hidden;
	border-radius:28px;
	background:var(--lgk-navy);
	color:#fff;
	box-shadow:0 20px 50px rgba(7,27,59,.14);
}

.lgkids-proof-grid > div{
	display:flex;
	gap:14px;
	padding:26px 28px;
}

.lgkids-proof-grid > div:not(:last-child){
	border-right:1px solid rgba(255,255,255,.10);
}

.lgkids-proof-icon{
	font-size:29px;
}

.lgkids-proof-grid strong{
	display:block;
	font-size:16px;
}

.lgkids-proof-grid p{
	margin:5px 0 0;
	color:rgba(255,255,255,.63);
	font-size:13px;
	line-height:1.55;
}

/* AGE */
.lgkids-age-grid{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:14px;
}

.lgkids-age-card{
	min-height:190px;
	padding:22px;
	border-radius:24px;
	background:#fff;
	box-shadow:0 12px 34px rgba(7,27,59,.065);
}

.lgkids-age-card > span{
	font-size:31px;
}

.lgkids-age-card strong{
	display:block;
	margin-top:18px;
	font-size:23px;
	font-weight:900;
}

.lgkids-age-card p{
	margin:9px 0 0;
	color:#647285;
	font-size:14px;
	line-height:1.55;
}

.lgkids-age-card.is-yellow{border-top:5px solid var(--lgk-yellow)}
.lgkids-age-card.is-blue{border-top:5px solid var(--lgk-blue)}
.lgkids-age-card.is-green{border-top:5px solid var(--lgk-green)}
.lgkids-age-card.is-navy{border-top:5px solid var(--lgk-navy)}
.lgkids-age-card.is-sky{border-top:5px solid var(--lgk-sky)}

.lgkids-level-note{
	max-width:790px;
	margin:24px auto 0;
	display:flex;
	align-items:center;
	gap:17px;
	padding:20px 22px;
	border-radius:20px;
	background:#eaf5ff;
}

.lgkids-level-icon{
	width:48px;
	height:48px;
	flex:0 0 48px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	background:var(--lgk-blue);
	color:#fff;
	font-weight:900;
}

.lgkids-level-note strong{
	display:block;
}

.lgkids-level-note p{
	margin:4px 0 0;
	color:#6b798b;
}

/* BENEFITS */
.lgkids-two-col{
	display:grid;
	grid-template-columns:.8fr 1.2fr;
	gap:60px;
	align-items:start;
}

.lgkids-quote-card{
	position:relative;
	margin-top:28px;
	padding:26px 28px;
	border-radius:24px;
	background:var(--lgk-navy);
	color:#fff;
}

.lgkids-quote-card span{
	position:absolute;
	top:4px;
	right:20px;
	color:rgba(249,184,33,.35);
	font-size:70px;
	font-family:Georgia,serif;
}

.lgkids-quote-card p{
	position:relative;
	z-index:1;
	margin:0;
	font-size:17px;
	line-height:1.65;
	font-weight:750;
}

.lgkids-benefits-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:13px;
}

.lgkids-benefits-grid div{
	display:flex;
	align-items:center;
	gap:14px;
	min-height:90px;
	padding:18px;
	border:1px solid rgba(7,27,59,.06);
	border-radius:20px;
	background:#fff;
	box-shadow:0 8px 26px rgba(7,27,59,.045);
}

.lgkids-benefits-grid span{
	font-size:27px;
}

.lgkids-benefits-grid strong{
	font-size:15px;
}

/* PROGRAM */
.lgkids-program-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:24px;
}

.lgkids-program-card{
	padding:32px;
	border-radius:30px;
	box-shadow:0 16px 42px rgba(7,27,59,.08);
}

.lgkids-program-card.is-younger{
	background:#fff4cf;
}

.lgkids-program-card.is-older{
	background:#eaf5ff;
}

.lgkids-program-top{
	display:flex;
	align-items:center;
	gap:15px;
}

.lgkids-program-icon{
	font-size:38px;
}

.lgkids-program-top small{
	display:block;
	color:#7d8999;
	font-size:10px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.13em;
}

.lgkids-program-top h3{
	margin:2px 0 0;
	font-size:34px;
	font-weight:900;
	letter-spacing:-.04em;
}

.lgkids-program-card > p{
	margin:21px 0 0;
	color:#59687a;
	font-size:16px;
	line-height:1.7;
}

.lgkids-program-card ul{
	margin:23px 0 0;
	padding:0;
	list-style:none;
}

.lgkids-program-card li{
	padding:11px 0;
	border-bottom:1px solid rgba(7,27,59,.08);
	color:#556476;
}

.lgkids-program-card li:last-child{
	border-bottom:0;
}

/* HOW LESSONS */
.lgkids-lessons{
	position:relative;
	background:var(--lgk-navy);
	color:#fff;
}

.lgkids-heading-light .lgkids-eyebrow{
	color:var(--lgk-yellow);
}

.lgkids-heading-light h2 span{
	color:var(--lgk-yellow);
}

.lgkids-heading-light p{
	color:rgba(255,255,255,.65);
}

.lgkids-lessons-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
	margin-top:42px;
}

.lgkids-lesson-step{
	position:relative;
	min-height:270px;
	padding:27px;
	border:1px solid rgba(255,255,255,.10);
	border-radius:25px;
	background:rgba(255,255,255,.06);
}

.lgkids-step-num{
	position:absolute;
	top:20px;
	right:22px;
	color:rgba(255,255,255,.22);
	font-size:12px;
	font-weight:900;
	letter-spacing:.12em;
}

.lgkids-step-icon{
	font-size:35px;
}

.lgkids-lesson-step h3{
	margin:18px 0 0;
	font-size:24px;
	font-weight:900;
}

.lgkids-lesson-step p{
	margin:11px 0 0;
	color:rgba(255,255,255,.62);
	line-height:1.65;
}

.lgkids-tool-row{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:22px;
}

.lgkids-tool-row span{
	padding:9px 12px;
	border-radius:999px;
	background:rgba(255,255,255,.08);
	color:rgba(255,255,255,.75);
	font-size:12px;
	font-weight:800;
}

/* TRIAL */
.lgkids-trial{
	position:relative;
	overflow:hidden;
	display:grid;
	grid-template-columns:1.15fr .85fr;
	border-radius:36px;
	background:var(--lgk-blue);
	color:#fff;
	box-shadow:0 28px 70px rgba(35,112,178,.23);
}

.lgkids-trial-copy{
	padding:52px;
}

.lgkids-trial-badge{
	display:inline-flex;
	padding:8px 12px;
	border-radius:999px;
	background:var(--lgk-yellow);
	color:var(--lgk-navy);
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.1em;
}

.lgkids-trial h2{
	margin:18px 0 0;
	font-size:clamp(38px,4.3vw,60px);
	line-height:1;
	letter-spacing:-.045em;
	font-weight:900;
}

.lgkids-trial-copy > p{
	max-width:690px;
	margin:18px 0 0;
	color:rgba(255,255,255,.72);
	font-size:17px;
	line-height:1.65;
}

.lgkids-trial-list{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	margin:25px 0 28px;
}

.lgkids-trial-list span{
	padding:11px 13px;
	border-radius:12px;
	background:rgba(255,255,255,.08);
	font-size:13px;
	font-weight:750;
}

.lgkids-trial-visual{
	position:relative;
	min-height:470px;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	background:rgba(255,255,255,.06);
}

.lgkids-trial-visual img{
	width:88%;
	max-height:430px;
	object-fit:contain;
	filter:drop-shadow(0 22px 28px rgba(0,0,0,.18));
}

.lgkids-trial-note{
	position:absolute;
	right:24px;
	bottom:24px;
	left:24px;
	padding:16px 18px;
	border-radius:17px;
	background:#fff;
	color:var(--lgk-navy);
	box-shadow:0 14px 34px rgba(7,27,59,.15);
}

.lgkids-trial-note strong,
.lgkids-trial-note span{
	display:block;
}

.lgkids-trial-note span{
	margin-top:3px;
	color:#6e7a8b;
	font-size:12px;
	line-height:1.5;
}

/* PRICING */
.lgkids-price-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
}

.lgkids-price-card{
	position:relative;
	padding:30px;
	border:1px solid rgba(7,27,59,.07);
	border-radius:27px;
	background:#fff;
	text-align:center;
	box-shadow:0 12px 36px rgba(7,27,59,.055);
}

.lgkids-price-card.is-featured{
	transform:translateY(-8px);
	border:2px solid var(--lgk-yellow);
	box-shadow:0 20px 45px rgba(249,184,33,.15);
}

.lgkids-price-label{
	position:absolute;
	top:-12px;
	left:50%;
	padding:6px 11px;
	border-radius:999px;
	transform:translateX(-50%);
	background:var(--lgk-yellow);
	color:var(--lgk-navy);
	font-size:10px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.09em;
}

.lgkids-price-icon{
	display:block;
	font-size:38px;
}

.lgkids-price-card small{
	display:block;
	margin-top:13px;
	color:#778597;
	font-size:13px;
	font-weight:900;
}

.lgkids-price-card > strong{
	display:block;
	margin-top:11px;
	font-size:44px;
	line-height:1;
	font-weight:900;
	letter-spacing:-.04em;
}

.lgkids-price-card p{
	margin:8px 0 0;
	color:#8793a1;
	font-size:12px;
}

.lgkids-pricing-note{
	margin:24px 0 0;
	text-align:center;
	color:#697789;
}

.lgkids-package-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:12px;
	margin-top:38px;
}

.lgkids-package-card{
	position:relative;
	min-height:145px;
	padding:21px;
	border-radius:21px;
	background:#fff;
	box-shadow:0 9px 28px rgba(7,27,59,.05);
}

.lgkids-package-card small,
.lgkids-package-card strong,
.lgkids-package-card span{
	display:block;
}

.lgkids-package-card small{
	color:#8b97a5;
	font-size:10px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.1em;
}

.lgkids-package-card strong{
	max-width:170px;
	margin-top:10px;
	font-size:16px;
	line-height:1.3;
}

.lgkids-package-card span{
	position:absolute;
	right:17px;
	bottom:15px;
	color:var(--lgk-blue);
	font-size:26px;
	font-weight:900;
}

.lgkids-package-card.is-best{
	background:var(--lgk-navy);
	color:#fff;
}

.lgkids-package-card.is-best small{
	color:rgba(255,255,255,.48);
}

.lgkids-package-card.is-best span{
	color:var(--lgk-yellow);
}

.lgkids-materials-note{
	display:flex;
	align-items:center;
	gap:14px;
	max-width:820px;
	margin:24px auto 0;
	padding:18px 20px;
	border-radius:19px;
	background:#fff;
}

.lgkids-materials-note > span{
	font-size:28px;
}

.lgkids-materials-note p{
	margin:0;
	color:#697789;
	line-height:1.55;
}

.lgkids-materials-note strong{
	color:var(--lgk-navy);
}

/* FAQ */
.lgkids-faq{
	max-width:960px;
	margin:0 auto;
	display:grid;
	gap:9px;
}

.lgkids-faq details{
	overflow:hidden;
	border:1px solid rgba(7,27,59,.08);
	border-radius:17px;
	background:#fff;
	box-shadow:0 6px 22px rgba(7,27,59,.035);
}

.lgkids-faq summary{
	position:relative;
	padding:18px 55px 18px 20px;
	cursor:pointer;
	list-style:none;
	font-size:15px;
	font-weight:900;
}

.lgkids-faq summary::-webkit-details-marker{
	display:none;
}

.lgkids-faq summary::after{
	content:"+";
	position:absolute;
	top:50%;
	right:19px;
	width:29px;
	height:29px;
	display:flex;
	align-items:center;
	justify-content:center;
	transform:translateY(-50%);
	border-radius:50%;
	background:rgba(35,112,178,.08);
	color:var(--lgk-blue);
	font-size:20px;
}

.lgkids-faq details[open] summary::after{
	content:"−";
}

.lgkids-faq details[open] summary{
	border-bottom:1px solid rgba(7,27,59,.07);
}

.lgkids-faq p{
	margin:0;
	padding:17px 20px 20px;
	color:var(--lgk-text);
	font-size:14px;
	line-height:1.7;
}

.lgkids-faq a{
	color:var(--lgk-blue);
	font-weight:900;
}

/* FINAL CTA */
.lgkids-final{
	padding:0 0 105px;
}

.lgkids-final-box{
	max-width:1180px;
	margin:0 auto;
	padding:64px 48px;
	border-radius:38px;
	background:var(--lgk-navy);
	color:#fff;
	text-align:center;
	box-shadow:0 28px 70px rgba(7,27,59,.19);
}

.lgkids-final-badge{
	display:inline-flex;
	padding:8px 12px;
	border-radius:999px;
	background:rgba(255,255,255,.08);
	color:var(--lgk-yellow);
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.1em;
}

.lgkids-final h2{
	max-width:800px;
	margin:17px auto 0;
	font-size:clamp(38px,4.4vw,62px);
	line-height:1.02;
	letter-spacing:-.045em;
	font-weight:900;
}

.lgkids-final h2 span{
	color:var(--lgk-yellow);
}

.lgkids-final p{
	max-width:700px;
	margin:17px auto 25px;
	color:rgba(255,255,255,.65);
	font-size:17px;
	line-height:1.65;
}

@media(max-width:1180px){
	.lgkids-wrap{width:min(100% - 48px,1440px)}
	.lgkids-hero-grid{grid-template-columns:1fr}
	.lgkids-hero-visual{max-width:760px;width:100%;margin:0 auto}
	.lgkids-age-grid{grid-template-columns:repeat(3,1fr)}
	.lgkids-package-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
	.lgkids-two-col,
	.lgkids-trial{grid-template-columns:1fr}
	.lgkids-program-grid{grid-template-columns:1fr}
	.lgkids-lessons-grid{grid-template-columns:1fr}
	.lgkids-trial-visual{min-height:390px}
}

@media(max-width:760px){
	.lgkids-wrap{width:min(100% - 28px,1440px)}
	.lgkids-section{padding:70px 0}
	.lgkids-hero{padding-top:46px}
	.lgkids-hero-copy h1{font-size:47px}
	.lgkids-lead{font-size:17px}
	.lgkids-hero-facts{grid-template-columns:1fr}
	.lgkids-hero-visual{min-height:500px}
	.lgkids-orbit-one{width:400px;height:400px}
	.lgkids-orbit-two{width:285px;height:285px}
	.lgkids-bubble{display:none}
	.lgkids-proof-grid,
	.lgkids-age-grid,
	.lgkids-benefits-grid,
	.lgkids-price-grid,
	.lgkids-package-grid{grid-template-columns:1fr}
	.lgkids-proof-grid > div:not(:last-child){
		border-right:0;
		border-bottom:1px solid rgba(255,255,255,.10);
	}
	.lgkids-price-card.is-featured{transform:none}
	.lgkids-trial-copy{padding:36px 24px}
	.lgkids-trial-list{grid-template-columns:1fr}
	.lgkids-final-box{padding:48px 24px}
}

@media(max-width:520px){
	.lgkids-hero-visual{min-height:430px}
	.lgkids-orbit-one{width:330px;height:330px}
	.lgkids-orbit-two{width:235px;height:235px}
	.lgkids-char-lusiek{width:44%}
	.lgkids-char-otto{width:50%;left:24%}
	.lgkids-char-freddy{width:38%}
}