.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0; }

body {color: #112a55;}
.mobile {display: none;}
#kv { background-image: url('/wp-content/uploads/2026/03/kv.jpg'); background-size: contain; width: 100%; aspect-ratio: 1920/1142; background-repeat: no-repeat;}
#hamburger {display: none;}
#metka { background-image: url('/wp-content/uploads/2026/03/metka.png'); background-size: contain; aspect-ratio: 218/156; position: absolute; }
#kv #menu {	position: absolute; display: flex; }
#kv #menu a { font-family: "Luckiest Guy", cursive; font-weight: 400; font-style: normal; color: #112a55; text-decoration: none; }
#kv #menu a:hover { color: #fff; }
#menu_close {display: none;}
#kv #klocki { position: absolute; background-image: url('/wp-content/uploads/2026/03/klocki.png'); background-size: contain; width: 100%; aspect-ratio: 1920/622; z-index: 10; }
#chmurki { position: relative; background-image: url('/wp-content/uploads/2026/03/chmurki.png'); background-size: contain; width: 100%; aspect-ratio: 1920/1433; }
.nagrody {display: flex; flex-direction: column; align-items: center; margin: 0 auto; color: #112a55;}
.nagrody .glowna .legoland {position: relative; background-image: url('/wp-content/uploads/2026/03/bubble_legoland.png'); background-size: contain; aspect-ratio: 1232/392;}
.nagrody .dodatkowe {display: flex; width: 100%; aspect-ratio: 1232/369;}
.nagrody .glowna .legoland .numer, .nagrody .dodatkowe .lego .numer, .nagrody .dodatkowe .glosnik .numer {font-family: "Luckiest Guy", cursive;}
.nagrody .glowna .legoland .text {font-family: "Luckiest Guy", cursive; position: absolute;}
.nagrody .dodatkowe .lego .text {position: absolute; font-family: "proxima-nova", sans-serif; font-weight: 600; text-align: right;}
.nagrody .dodatkowe .glosnik .text {position: absolute; font-family: "proxima-nova", sans-serif;  font-weight: 600; text-align: left;}
.nagrody .dodatkowe .lego {position: relative; width: 50%;}
.nagrody .dodatkowe .glosnik {position: relative; width: 50%;}
.nagrody .dodatkowe .lego .bubble {background-image: url('/wp-content/uploads/2026/03/bubble_lego.png'); background-size: contain; aspect-ratio: 369/369; position: absolute; background-repeat: no-repeat;}
.nagrody .dodatkowe .glosnik .bubble {background-image: url('/wp-content/uploads/2026/03/bubble_glosnik.png'); background-size: contain; aspect-ratio: 369/369; position: absolute; background-repeat: no-repeat;}
#trawa { position: relative; background-image: url('/wp-content/uploads/2026/03/trawa.png'); background-size: contain; width: 100%; aspect-ratio: 1920/1063; }
#wez_udzial { position: relative; background-image: url('/wp-content/uploads/2026/03/bg_chmurki.png'); background-size: contain; background-repeat: no-repeat; width: 100%; aspect-ratio: 1920/2399; }
#kv #btn_wez_udzial { position: absolute; font-family: "proxima-nova", sans-serif; font-weight: 900; font-style: normal; text-decoration: none; background: #fff; color: #112a55; display: flex; justify-content: center; align-items: center; z-index: 11; }
#kv #btn_wez_udzial:hover, #trawa .content #btn_regulamin:hover { color: #fff; background-color: #112a55; }
#kontakt {display: flex; flex-direction: column; align-items: center}
#kontakt .kontakt1, #kontakt .kontakt2, #kontakt .kontakt3 {text-align: center; font-family: proxima-nova, sans-serif; font-style: normal;}
#kontakt .kontakt1 {font-weight: 500;}
#kontakt .kontakt2 {font-weight: 500;}
#kontakt .kontakt2 a {font-weight: 800; text-decoration: none; color: #112a55;}
#kontakt .kontakt3 {font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; color: #000000;}
#kontakt .kontakt3 a {color: #000000;}
.title {text-align: center;}
#trawa .content {display: flex; align-items: center; flex-direction: column}
#trawa .content #btn_regulamin {background-color: #fff; color: #112a55; font-family: "proxima-nova", sans-serif; font-weight: 900; font-style: normal; display: flex; justify-content: center; align-items: center; text-decoration: none; z-index: 999;}
#trawa .content .txt_bottom {color: #fff; font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 700;}
#trawa .mechanika {position: relative; aspect-ratio: 1493/484;}
#trawa .mechanika .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #d4f5fd; opacity: 0.8;}
#trawa .mechanika .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: start; justify-content: center; flex-direction: row;}
form {display: flex; flex-direction: column;}
form .row {display: flex;}
form .row .col {width: 100%; display: flex; flex-direction: column;}
form .row .col .form_label {color: #000000; font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 700;}
form .row.btn {display: block; text-align: center;}
form .row.btn #wyslij_btn {text-transform: uppercase; color: #fff; background-color: #112a55; font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 900;}
form .row.btn #wyslij_btn:hover {background-color: #fff; color: #112a55;}
form .row .col .form_input, form .row .col .form_textarea {font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 900;}
form .row .col .form_input.error, form .row .col .form_textarea.error {border: 2px solid red;}

.consent-item { display: flex; align-items: flex-start; cursor: pointer; user-select: none; }
.consent-item input[type="checkbox"] { display: none; }
.checkmark { position: relative; border-radius: 50%; background: #fff; margin-top: 0px; box-sizing: border-box;}
.checkmark.error {border: 2px solid red;}
.consent-item input[type="checkbox"]:checked + .checkmark::after { content: ""; position: absolute; border: solid #000; transform: rotate(45deg); }
.consent-text { font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 500; }
.consent-text a {text-decoration: none; color: #112a55;}

.legoland, .lego, .glosnik { opacity: 0; transform: translateY(40px) scale(0.96); transition: opacity 0.6s ease, transform 0.6s ease; will-change: opacity, transform; }
.legoland.show, .lego.show, .glosnik.show { opacity: 1; transform: translateY(0) scale(1); }
#mechanika1, #mechanika2, #mechanika3 { opacity: 0; transform: translateY(40px); transition: opacity 0.6s ease, transform 0.6s ease; }
#mechanika1.show, #mechanika2.show, #mechanika3.show { opacity: 1; transform: translateY(0);}

#metka { width: 11.354vw; top: -0.833vw; left: 75.99vw; }
#kv #menu { top: 2.083vw; left: 12.552vw; gap: 5.208vw; }
#kv #menu a { font-size: 1.458vw; line-height: 1.667vw; }
#kv #klocki { top: 34.323vw; left: 0; }
#kv #btn_wez_udzial { left: 39.583vw; top: 50.729vw; width: 20.911vw; height: 3.385vw; font-size: 1.219vw; border-radius: 1.302vw; }
#chmurki { margin-top: -21.927vw; }
#chmurki .content {padding-top: 27.5vw;}
#chmurki .title img {width: 27.656vw;}
.nagrody {width: 64.167vw;}
.nagrody .glowna .legoland {width: 64.167vw;}
.nagrody .glowna .legoland .numer {font-size: 9.896vw; line-height: 9.896vw; top: 6vw; left: 6vw; position: absolute;}
.nagrody .glowna .legoland .numer .small {font-size: 5.208vw; line-height: 5.208vw;}
.nagrody .glowna .legoland .text {top: 7vw; left: 36vw;}
.nagrody .glowna .legoland .text .line1 {font-size: 2.396vw; line-height: 2.396vw;}
.nagrody .glowna .legoland .text .line2 {font-size: 4.688vw; line-height: 4.688vw;}
.nagrody .dodatkowe .lego .bubble {width: 19.219vw; left: 0;}
.nagrody .dodatkowe .glosnik .bubble {width: 19.219vw; right: 0;}
.nagrody .dodatkowe .lego .text {font-size: 1.446vw; line-height: 1.546vw; top: 6vw; left: 3.4vw;}
.nagrody .dodatkowe .glosnik .text {font-size: 1.446vw; line-height: 1.546vw; top: 6vw; right: 3.6vw;}
.nagrody .dodatkowe .lego .text .wartosc, .nagrody .dodatkowe .glosnik .text .wartosc {font-size: 2.892vw; line-height: 2.892vw;}
.nagrody .dodatkowe .lego .numer, .nagrody .dodatkowe .glosnik .numer {font-size: 4.849vw; line-height: 1.849vw;}
.nagrody .dodatkowe .lego .numer .small, .nagrody .dodatkowe .glosnik .numer .small {font-size: 2.407vw; line-height: 2.407vw;}
.nagrody .glowna .legoland img {width: 20.052vw; position: absolute; top: 3.4vw; left: 14vw;}
.nagrody .dodatkowe .lego img {width: 14.74vw; position: absolute; top: 1.5vw; left: 14vw;}
.nagrody .dodatkowe .glosnik img {width: 15.208vw; position: absolute; top: 2vw; left: 2vw;}
#trawa { margin-top: -2.865vw; }
#trawa .content {padding-top: 7.24vw;}
#trawa .content #btn_regulamin {width: 20.911vw; height: 3.385vw; font-size: 1.219vw; border-radius: 1.302vw; margin-top: 3.488vw;}
#trawa .content .txt_bottom {font-size: 1.588vw; line-height: 2.344vw; margin-top: 1.042vw;}
#trawa .title img {width: 35.313vw;}
#trawa .mechanika {width: 77.76vw; margin-top: 3vw;}
#trawa .mechanika .bg {border-radius: 11.458vw;}
#trawa .mechanika .content {gap: 6vw; padding-top: 4vw;;}
#trawa .mechanika #mechanika1 img {width: 15.625vw;}
#trawa .mechanika #mechanika2 img {width: 16.146vw;}
#trawa .mechanika #mechanika3 img {width: 15.573vw;}
form .row.btn #wyslij_btn {width: 20.885vw; height: 3.385vw; border-radius: 1.302vw; font-size: 1.219vw;}
form .row.btn #wyslij_btn.wyslano {width: 25.75vw;}
form {margin: 0 auto; margin-top: 5.208vw; width: 49.479vw; gap: 1.042vw;}
form .row {gap: 1.823vw;}
form .row .col {gap: 0.521vw;}
form .row .col .form_label {font-size: 0.825vw; line-height: 1.1vw;}
form .row .col .form_input {width: 100%; margin: 0; padding: 0; height: 2.153vw; border-radius: 1.077vw; padding-left: 1vw;}
form .row .col .form_textarea {height: 7.813vw; border-radius: 1.077vw; padding-left: 1vw; margin: 0;}

form .paragon_field {position: relative;}
form #icon_i {position: absolute; right: 0.3vw; top: 0.2vw; width: 1.727vw; cursor: pointer;}
form #img_paragon {position: absolute; right: 3vw; top: -1.5vw; display: none;}

.consent-item { gap: 0.521vw; margin-bottom: 0.833vw; }
.checkmark { flex: 0 0 0.963vw; width: 0.963vw; height: 0.963vw; }
.consent-item input[type="checkbox"]:checked + .checkmark::after { left: 0.313vw; top: 0.156vw; width: 0.208vw; height: 0.521vw; border-width: 0 3px 3px 0; }
.consent-text { font-size: 0.729vw; line-height: 0.729vw; }
#wez_udzial { margin-top: -10.677vw; }
#wez_udzial .content {padding-top: 12vw;}
#wez_udzial .title img {width: 21.354vw;}
#kontakt {margin-top: 20.833vw;}
#kontakt .title img {width: 17.24vw;}
#kontakt .kontakt1 {margin-top: 2.76vw; font-size: 2.5vw; line-height: 2.5vw;}
#kontakt .kontakt2 {margin-top: 2.396vw; font-size: 1.25vw; line-height: 1.646vw;}
#kontakt .kontakt3 {margin-top: 3.385vw; font-size: 0.833vw; line-height: 1.2vw;}

#popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: none; justify-content: center; align-items: center;}
#popup .bg {position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.4;}
#popup .content {background-color: #112a55; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#popup .content #popup_btn {cursor: pointer;}
/* #popup .content #popup_btn:hover {background-color: #112a55; color: #fff;} */
#popup .content #popup_btn {background-color: #fff; font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 900;display: flex; justify-content: center; align-items: center; }

#popup .content .txt_dziekujemy img {width: 100%;}
#popup .content .txt_dziekujemy {width: 38.177vw;}
#popup .content {width: 64.427vw; height: 35.156vw; z-index: 9999; gap: 2.604vw; border-radius: 2.741vw;}
#popup .content #popup_btn {width: 37.839vw; height: 6.719vw; font-size: 2.142vw; line-height: 2.142vw; border-radius: 2.741vw;}


.receipt-upload { display: flex; align-items: center;}
.upload-btn,.upload-progress, .upload-success { display: flex; align-items: center; justify-content: center; text-align: center; font-family: var(--font-lato); font-weight: var(--lato-bold); text-transform: none;}
.upload-btn.error {background-color: red; color: #fff;}
.upload-progress { background: transparent; border: 1px solid #000; display: none; position: relative; overflow: hidden; flex-direction: column; color: #fff; font-family: var(--font-lato), sans-serif; font-style: normal; font-weight: var(--lato-bold); }
.upload-btn { appearance: none; border: 0; outline: 0; color: #fff; background-color: #112a55;  cursor: pointer; transition: transform 0.15s ease, opacity 0.15s ease;}
.upload-btn:hover { transform: scale(1.01); }
.upload-btn:active { transform: scale(0.99); }
.upload-success {display: none;}
.upload-progress__track { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); border-radius: 1.224vw; overflow: hidden; }
.upload-progress__bar { width: 0%; height: 100%; background-color: #112a55;  border-radius: 1.224vw; transition: width 0.2s linear; }
.upload-progress__text { color: #fff; z-index: 10; }
.upload-success strong { font-weight: 700; }
.is-hidden { display: none !important; }
input[type="file"] { display: none; }

.upload-btn, .upload-progress {width: 9.948vw; height: 2.448vw; border-radius: 1.224vw; }
.upload-btn { font-size: 0.938vw; line-height: 0.938vw;}
.receipt-upload {gap: 0.677vw; height: 2.448w;}
.upload-progress__text { font-size: 0.938vw; line-height: 0.938vw; }
.upload-success {font-size: 0.938vw; line-height: 0.938vw;  }

@media (max-width: 768px) {
	.mobile {display: block;}
	#metka { width: 31.481vw; top: -4.074vw; left: 62.222vw; }
	#kv {position: relative; background-image: url('/wp-content/uploads/2026/03/kv_mobile.png'); aspect-ratio: 1080/1908; z-index: 10;}
	#hamburger {display: block; position: absolute; top: 6.944vw; left: 6.944vw; width: 6.481vw; aspect-ratio: 70/43; background-image: url('/wp-content/uploads/2026/03/hamburger.png'); background-size: contain;}
	#kv #menu { display: block; top: 2.037vw; left: 4.444vw; gap: 6.481vw; position: absolute; background-image: url('/wp-content/uploads/2026/03/bg_menu_mobile.jpg'); width: 91.204vw; height: 95vw; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: contain; background-repeat: no-repeat;  transform: translateY(-110%); transition: transform ease 0.3s}
	#kv #menu.is_open {transform: translateY(0);}

	#menu_close {display: block; position: absolute; width: 5.093vw; left: 3.056vw; top: 4.444vw;}
	#menu_close img {max-widht: 100%;}
	#kv #menu a { font-size: 5.926vw; line-height: 5.926vw; }
	#kv #klocki { display: none; top: 34.323vw; left: 0; }
	#kv #btn_wez_udzial { left: 6.667vw; top: 147.407vw; width: 86.574vw; height: 13.981vw; font-size: 5.045vw; border-radius: 5.045vw; }
	#chmurki { position: relative; background-image: url('/wp-content/uploads/2026/03/chmurki_mobile.png'); background-size: contain; width: 100%; aspect-ratio: 1080/2208; margin-top: -10vw;}
	#chmurki .content {padding-top: 22.222vw;}
	#chmurki .title img {width: 63.704vw;}
	.nagrody {width: 100%;}
	.nagrody .glowna .legoland {position: relative; background-image: url('/wp-content/uploads/2026/03/bubble_legoland_mobile.png'); background-size: contain; aspect-ratio: 1000/623; width: 92.593vw; margin-top: 5.556vw;}
	.nagrody .glowna .legoland .numer {font-size: 21.251vw; line-height: 21.251vw; top: 9vw; left: 39vw; position: absolute;}
	.nagrody .glowna .legoland .numer .small {font-size: 11.185vw; line-height: 11.185vw;}
	.nagrody .glowna .legoland .text {top: 36vw; left: 44vw;}
	.nagrody .glowna .legoland .text .line1 {font-size: 4.259vw; line-height: 4.259vw;}
	.nagrody .glowna .legoland .text .line2 {font-size: 8.333vw; line-height: 8.333vw;}
	.nagrody .dodatkowe {flex-direction: column; justify-content: center; align-items: center; margin-top: 2vw;}
	.nagrody .dodatkowe .lego, .nagrody .dodatkowe .glosnik {height: 42.593vw; width: 70.741vw;}
	.nagrody .dodatkowe .glosnik {margin-right: 7vw;}
	.nagrody .dodatkowe .lego .bubble {width: 41.019vw; left: 0;}
	.nagrody .dodatkowe .glosnik .bubble {width: 41.019vw; right: 0;}
	.nagrody .dodatkowe .lego .text {font-size: 3.485vw; line-height: 3.485vw; top: 11vw; left: 8vw;}
	.nagrody .dodatkowe .glosnik .text {font-size: 3.485vw; line-height: 3.485vw; top: 11vw; right: 4.6vw;}
	.nagrody .dodatkowe .lego .text .wartosc, .nagrody .dodatkowe .glosnik .text .wartosc {font-size: 6.969vw; line-height: 6.969vw;}
	.nagrody .dodatkowe .lego .numer, .nagrody .dodatkowe .glosnik .numer {font-size: 11.688vw; line-height: 6.688vw;}
	.nagrody .dodatkowe .lego .numer .small, .nagrody .dodatkowe .glosnik .numer .small {font-size: 5.801vw; line-height: 3.801vw;}
	.nagrody .glowna .legoland img {width: 37.778vw; position: absolute; top: 28.9vw; left: 3vw;}
	.nagrody .dodatkowe .lego img {width: 32.963vw; position: absolute; top: 3vw; left: 34vw;}
	.nagrody .dodatkowe .glosnik img {width: 34.074vw; position: absolute; top: 4vw; left: 6vw;}
	#trawa { position: relative; background-image: url('/wp-content/uploads/2026/03/trawa_mobile.png'); background-size: contain; width: 100%; aspect-ratio: 1080/2934; margin-top: -5vw; z-index: 10;}
	#trawa .content {padding-top: 18.519vw;}
	#trawa .content #btn_regulamin {width: 86.574vw; height: 13.981vw; font-size: 5.045vw; border-radius: 4.872vw; margin-top: 8.796vw;}
	#trawa .content .txt_bottom {font-size: 4.259vw; line-height: 4.234vw; margin-top: 7.407vw; text-align: center;}
	#trawa .title img {width: 84.956vw;}
	#trawa .mechanika {aspect-ratio: 604/1971; width: 55.954vw; margin-top: 4.8vw;}
	#trawa .mechanika .bg {border-radius: 27.963vw;}
	#trawa .mechanika .content {gap: 5.63vw; padding: 0; flex-direction: column; align-items: center;}
	#trawa .mechanika #mechanika1 img {width: 46.574vw;}
	#trawa .mechanika #mechanika2 img {width: 47.778vw;}
	#trawa .mechanika #mechanika3 img {width: 41.852vw;}
	form .row.btn #wyslij_btn {width: 86.574vw; height: 13.981vw; border-radius: 4.872vw; font-size: 5.045vw;}
	form .row.btn #wyslij_btn.wyslano {width: 90vw; font-size: 4.5vw;}
	form {margin: 0 auto; margin-top: 12.037vw; width: 86.296vw; gap: 0vw;}
	form .row {gap: 0vw; display: block;}
	form .row .col {gap: 0vw; display: block; margin-bottom: 4.167vw;}
	form .row .col .form_label {font-size: 3.699vw; line-height: 3.699vw; padding-left: 3.704vw; margin-bottom: 4.167vw;}
	form .row .col .form_input {width: 100%; margin: 0; padding: 0; height: 9.63vw; border-radius: 4.815vw; padding-left: 3vw;}
	form .row .col .form_textarea {height: 88.056vw; border-radius: 4.815vw; padding-left: 3vw;}

	form #icon_i {position: absolute; right: 0.75vw; top: 0.75vw; width: 7.968vw; cursor: pointer;}
	form #img_paragon {position: absolute; right: 10vw; top: -5.5vw; display: none;}

	.consent-item { gap: 2.315vw; margin-bottom: 3.704vw; }
	.checkmark { flex: 0 0 3.453vw; width: 3.453vw; height: 3.453vw; }
	.consent-item input[type="checkbox"]:checked + .checkmark::after { left: 0.813vw; top: 0.456vw; width: 1vw; height: 1.721vw; border-width: 0 3px 3px 0; }
	.consent-text { font-size: 2.631vw; line-height: 2.631vw; }
	#wez_udzial { margin-top: -10.677vw; padding-top: 11.574vw; background-image: url('/wp-content/uploads/2026/03/bg_chmurki_mobile-scaled.png'); aspect-ratio: 1080/4750;}
	#wez_udzial .content {padding-top: 8vw;}
	#wez_udzial .title img {width: 51.159vw;}
	#kontakt {margin-top: 20.833vw;}
	#kontakt .title img {width: 41.667vw;}
	#kontakt .kontakt1 {margin-top: 12.963vw; font-size: 7.907vw; line-height: 7.907vw;}
	#kontakt .kontakt2 {margin-top: 8.333vw; font-size: 3.954vw; line-height: 3.954vw;}
	#kontakt .kontakt3 {margin-top: 11.574vw; font-size: 2.636vw; line-height: 3.636vw;}

	#popup .content .txt_dziekujemy {width: 67.87vw;}
	#popup .content {width: 85.093vw; height: 54.167vw; z-index: 9999; gap: 4.63vw; border-radius: 4.872vw;}
	#popup .content #popup_btn {width: 67.222vw; height: 11.944vw; font-size: 3.796vw; line-height: 3.796vw; border-radius: 3.02vw;}

	.upload-btn, .upload-progress {width: 30.806vw; height: 7.581vw; border-radius: 3.79vw; }
	.upload-btn { font-size: 2.903vw; line-height: 2.903vw;}
	.receipt-upload {gap: 1.935vw; height: 7.581vw;}
	.upload-progress__text { font-size: 2.903vw; line-height: 2.903vw; }
	.upload-success { font-size: 2.903vw; line-height: 2.903vw;  }

}
