:root {
	--futura-pt: "futura-pt", sans-serif;
	--futura-book: 400;
	--futura-medium: 500;
	--futura-heavy: 700;
	--futura-bold: 700;
	--futura-extra-bold: 800;
}
html {overflow-x: hidden; scroll-behavior: smooth;}
body {background-color: #900d2c; color: #fff; overflow-x: hidden;}
a {text-decoration: none; color: #fff;}
a:hover{color: #900d4a;}
.center {text-align: center;}

@keyframes fadeSlideDown {
  0% {
	opacity: 0;
	transform: translateY(-0.625vw);
  }
  100% {
	opacity: 1;
	transform: translateY(0);
  }
}

#kv {aspect-ratio: 1600/880; background-image: url('/wp-content/uploads/2025/11/kv.jpg'); background-size: contain;}
#kv {width: 100%;}
#kv #menu {display: flex; align-items: center; position: relative; transition: background-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;}
#kv #menu.fixed {position: fixed; top: 0vw; margin-top: 0; z-index:99999; width: 100%; background-color: #900d2c; padding-top: 0.5vw; padding-bottom: 0.5vw; box-shadow: 0 0.25vw 0.75vw rgba(0,0,0,0.08); animation: fadeSlideDown 0.4s ease;}
#kv #menu #links, #menuMobile #links {display: flex; font-family: var(--futura-pt); font-weight: var(--futura-bold);}
#menuMobile {display: none;}
#mobile_menuOpen {display: none;}
#kv #menu #socials {position: absolute; display: flex;}
#kv #menu #socials #socials_ig:hover {filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(1230%) hue-rotate(311deg) brightness(94%) contrast(95%);}
#kv #menu #socials #socials_fb:hover {filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(1230%) hue-rotate(311deg) brightness(94%) contrast(95%);}
#kv #wez_udzial_btn {position: absolute; color: #900d4a; font-family: var(--futura-pt); font-weight: var(--futura-bold); background-color: #fff; text-align: center; cursor: pointer; border: 0.063vw solid #fff;}
#kv #wez_udzial_btn:hover {background-color: transparent;  color: #fff;}
#kv #wez_udzial_btn:active {box-shadow: inset 0 0.375vw 0.375vw rgba(128, 0, 32, 0.4);}
#kv .bg_bottom {width: 100%; aspect-ratio: 1600/121; background-image:url('/wp-content/uploads/2025/10/bg1.png'); background-size: cover; position: absolute}
#kv .bg_bottom {bottom: 0;}
.scroll_down {position: absolute; cursor: pointer;}
.scroll_down:hover {filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(1230%) hue-rotate(311deg) brightness(94%) contrast(95%);}
#nagrody {background-color: #84152d;}
#nagrody .title {text-align: center; color: #ffffff; font-family: var(--futura-pt); font-weight: var(--futura-bold); position: absolute;}
.nagrody_glow {background-image: url('/wp-content/uploads/2025/10/nagrody_glow.png'); aspect-ratio: 1411/1000; background-size: contain;}
#zasady #content {text-align: center;}
#zasady #content .title {font-family: var(--futura-pt); font-weight: var(--futura-bold);}
#zasady .regulamin_btn {color: #900d4a; font-family: var(--futura-pt); font-weight: var(--futura-bold); background-color: #fff; text-align: center; display: block; border: 0.063vw solid #fff;}
#zasady .regulamin_btn:hover {background-color: transparent; color: #fff;}
#zasady .regulamin_btn:active {box-shadow: inset 0 375vw 375vw rgba(128, 0, 32, 0.4);}
#zasady .info {font-family: var(--futura-pt); font-weight: var(--futura-bold); }
#zasady #kroki .krok {position: relative; opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease;}
#zasady #kroki .krok.visible {opacity: 1; transform: translateY(0);}
#zasady #kroki .krok .krok_title, #zasady #kroki .krok .krok_opis {font-family: var(--futura-pt); font-weight: var(--futura-bold);}
#zasady #kroki .krok .krok_title {text-transform: uppercase;}
#zasady #kroki .krok .krok_opis {font-style: italic;}
#zasady #kroki {display: flex; justify-content: center}
#zasady #kroki .krok_numer {font-family: var(--futura-pt); font-weight: var(--futura-bold); background-color: #5e0a1c; display: flex; align-items: center; justify-content: center; position: absolute;}
#zasady .bg_top {width: 100%; aspect-ratio: 1600/227; background-image:url('/wp-content/uploads/2025/10/bg2.png'); background-size: cover; position: absolute}
#produkty {background-color: #900d2c; overflow: hidden}
#produkty .title {text-align: center; font-family: var(--futura-pt); font-weight: var(--futura-bold); position: relative;}
#produkty .bg_top {width: 100%; aspect-ratio: 1600/120; background-image:url('/wp-content/uploads/2025/10/bg3.png'); background-size: cover; position: absolute; z-index: 9999}
#produkty #content {display: flex; justify-content: center; align-items: center;}
#produkty .bg_bottom {width: 100%; aspect-ratio: 1600/121; background-image:url('/wp-content/uploads/2025/10/bg4.png'); background-size: cover; position: absolute; z-index: 999;}
#produkty .bg_bottom {bottom: 0;}
#produkty #produktyBlack {	background-color: #000; width: 100%; aspect-ratio: 1600 / 740; position: absolute; top: 0.063vw;}
#wez-udzial {z-index:9999; position: relative;}
#wez-udzial .title {font-family: var(--futura-pt); font-weight: var(--futura-bold); text-align: center;}
#wez-udzial .row input, #wez-udzial .row textarea {background-color: #5e0a1c; color: #fff; font-family: var(--futura-pt); font-weight: var(--futura-bold); border: none;}
#wez-udzial .row input.error, #wez-udzial .row textarea.error {background-color: #ee365e;}
.input-wrapper { position: relative; display: inline-block; }
.input-wrapper.error::after { content: ''; position: absolute; z-index: 0; pointer-events: none; }
#wez-udzial .row input::placeholder, #wez-udzial .row textarea::placeholder {color: #fff;}
#wez-udzial .row #upload {background-color: #5e0a1c; display: flex; justify-content: center; align-items: center; flex-direction: column; aspect-ratio: 364/203; height: 100%; position: relative;}
#wez-udzial .row #upload .txt {font-family: var(--futura-pt); font-weight: var(--futura-medium); color: #350610;}
#wez-udzial .row #upload.error {background-color: #ee365e;}
#wez-udzial #upload #previewArea {text-align: center; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center}
#wez-udzial #submitBtn {border: 1px solid #fff; background-color: #fff; color: #900d4a; font-family: var(--futura-pt); font-weight: var(--futura-bold); cursor: pointer;}
#wez-udzial #submitBtn:hover {background-color: transparent;  color: #fff;}
#wez-udzial #submitBtn:active {box-shadow: inset 0 6px 6px rgba(128, 0, 32, 0.4);}
#txt_10000 .nagroda_ile, #txt_10000 .nagroda_opis, #txt_bluza .nagroda_ile, #txt_bluza .nagroda_opis, #txt_glosnik .nagroda_ile, #txt_glosnik .nagroda_opis {font-family: var(--futura-pt); font-weight: var(--futura-bold); text-transform: uppercase; text-align: center;}
.checkbox-wrapper { display: flex; align-items: center; font-family: var(--futura-pt); font-weight: var(--futura-medium); }
.custom-checkbox { appearance: none; -webkit-appearance: none; background-color: white; position: relative; cursor: pointer; transition: border 0.2s ease; }
.custom-checkbox:checked::before { content: ''; position: absolute; background-color: black; }
#galeria-zwyciezcow {background-color: #84152d;}
#galeria-zwyciezcow .bg_top {width: 100%; aspect-ratio: 1600/120; background-image:url('/wp-content/uploads/2025/10/bg1.png'); background-size: cover; position: absolute; z-index: 999;}
#galeria-zwyciezcow .title {text-align: center; font-family: var(--futura-pt); font-weight: var(--futura-bold);}
#sklepy {background-image: url('/wp-content/uploads/2025/11/bg_sklepy.png'); aspect-ratio: 1600/870; background-size: contain;}
#sklepy .title {text-align: center; font-family: var(--futura-pt); font-weight: var(--futura-bold);}
#sklepy .logotypy {display: flex; flex-direction: column; align-items: center; justify-content: center;}
#sklepy .logotypy .logo_row {display: flex; align-items: flex-end; column-gap: 2.5vw;}
#sklepy .logotypy .logo_row.row2 {column-gap: 0;}
#sklepy #sklepy_inne {color: #84152d; font-weight: var(--futura-bold); font-style: italic; display: flex;}
#sklepy #sklepy_inne .line {width: 17.125vw; height: 1px; border: none; background-color: #84152d;}
#footer {text-align: center; font-family: var(--futura-pt); font-weight: var(--futura-medium);}
#footer .title {font-weight: var(--futura-bold);}
#footer .linki {display: flex; justify-content: center}
#footer .socials {display: flex; justify-content: center}
#footer .socials .socials_ig:hover {filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(1230%) hue-rotate(311deg) brightness(94%) contrast(95%);}
#footer .socials .socials_fb:hover {filter: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(1230%) hue-rotate(311deg) brightness(94%) contrast(95%);}
#footer .linki a {text-decoration: underline;}
.sklepy_bg {background-color: #84152d; }

.progressContainer {margin-top: 0; display: block; }

.progress {
  margin-top: 0;
  width: 100%;
  background-color: #400014;
  border-radius: 1.875vw;
  height: 0.75vw;
  overflow: hidden;
  position: absolute;
}

.bar {
  height: 100%;
  width: 0;
  background-color: #ff5c7a;
  transition: width 0.2s ease;
}

#zgloszenieWyslane {display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999; align-items: center; justify-content: center;}
#zgloszenieWyslane .bg {background-color: #333; opacity: 0.6; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#zgloszenieWyslane #content {background-color: #fff; border-radius: 2.813vw; padding: 1.125vw;}
#zgloszenieWyslane #content #ramka {border: 0.125vw solid #900d2c; width: 100%; height: 100%; border-radius: 2.5vw; color: #900d2c; font-size: 2.322vw; line-height: 2.322vw; font-family: var(--futura-pt); font-weight: var(--futura-bold); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column;}

/* #zgloszenieWyslane #content {width: 56.625vw; height: 47.063vw; display: flex;} */
#zgloszenieWyslane #content {width: 28.625vw; height: 23.563vw; display: flex;}
#zgloszenieWyslane #content #ramka #close {margin-top: 3.438vw; cursor: pointer;}
#zgloszenieWyslane #content #ramka #close img {width: 4.063vw;}

.row_with_padding {padding: 0 14.375vw;}
#kv #logo {width: 6.438vw; margin-left: 0.938vw;}
#kv #menu {margin-top: 1vw;}
#kv #menu #logo {margin-right: 4.375vw;}
#kv #menu #links {column-gap: 2.5vw; font-size: 1.125vw; line-height: 1.125vw;}
#kv #menu #socials #socials_ig {width: 2.063vw;}
#kv #menu #socials #socials_fb {width: 2.188vw;}
#kv #menu #socials {right: 15.313vw; column-gap: 0.938vw;}
#kv #wez_udzial_btn {top: 37.44vw; left: 25.938vw; font-size: 1.125vw; line-height: 1.125vw; width: 19.25vw; padding: 1.25vw 0; border-radius: 1.75vw;}
.scroll_down {bottom: 1.5vw; left: calc(50% - 1.5vw);}
.scroll_down img {width: 3vw;}
#nagrody {width: 100%; aspect-ratio: 1600/810;}
#nagrody .title {width: 100%; font-size: 3vw; line-height: 3vw; top: 4.063vw;}
#nagroda_10000 {position: absolute; left: 15.687vw; top: 0;}
#nagroda_bluza {position: absolute; left: 42.313vw; top: 8.125vw;}
#nagroda_glosnik {position: absolute; left: 63.313vw; top: 18.125vw;}
#img_nagroda_glowna {position: absolute; left: 0; top: 0; width: 11.813vw; z-index: 9999;}
#img_nagroda10000 {width: 33.25vw; margin-top: 3.125vw; margin-left: 0.625vw; transform: scale(1.0); transition: all 0.2s ease-out allow-discrete;}
#img_nagrodaBluza {width: 30.75vw; transform: scale(1.0); transition: all 0.2s ease-out allow-discrete;}
#img_nagrodaGlosnik {width: 23.938vw; transform: scale(1.0); transition: all 0.2s ease-out allow-discrete;}
#img_nagroda10000:hover {transform: scale(1.1); transition: all 0.2s ease-out allow-discrete;}
#img_nagrodaBluza:hover {transform: scale(1.1); transition: all 0.2s ease-out allow-discrete;}
#img_nagrodaGlosnik:hover {transform: scale(1.1); transition: all 0.2s ease-out allow-discrete;}
@keyframes pulseScale { 0%   { transform: scale(1); } 50%  { transform: scale(1.1); } 100% { transform: scale(1); } }
.nagroda-anim { animation: pulseScale 1s ease forwards; }
#txt_10000 {margin-top: -1.25vw;}
#txt_bluza {margin-top: -6.563vw;}
#txt_glosnik {margin-top: -5.313vw;}
#txt_10000 .nagroda_ile {font-size: 4.41vw; line-height: 4.41vw;}
#txt_10000 .nagroda_opis {font-size: 1.938vw; line-height: 1.782vw; margin-top: 0.813vw;}
#txt_bluza .nagroda_ile {font-size: 2.981vw; line-height: 3.776vw;}
#txt_bluza .nagroda_opis {font-size: 1.656vw; line-height: 1.524vw; margin-top: 0.438vw;}
#txt_glosnik .nagroda_ile {font-size: 3.416vw; line-height: 3.115vw;}
#txt_glosnik .nagroda_opis {font-size: 1.366vw; line-height: 1.257vw; margin-top: 0.75vw;}
.nagrody_glow {width: 88.188vw; background-position-y: -8.75vw; background-position-x: 11.25vw;}
#zasady .bg_top {top: -6.25vw;}
#zasady #content {padding-top: 8.125vw;}
#zasady #content .title {font-size: 3vw; line-height: 3vw; margin-bottom: 2.625vw;}
#zasady .regulamin_btn {width: 13.75vw; padding: 1.25vw 0; font-size: 1.125vw; line-height: 1.125vw; border-radius: 1.75vw; margin: 0 auto; margin-top: 1.563vw; margin-bottom: 1.563vw;}
#zasady .info {font-size: 1.125vw; line-height: 1.125vw;}
#zasady #kroki .krok {width: 25%; margin-left: 0.938vw;}
#zasady #kroki .krok .krok_title {font-size: 2.351vw; line-height: 2.355vw;}
#zasady #kroki .krok .krok_opis {font-size: 1.258vw; line-height: 1.258vw; margin-top: 0.938vw;}
#zasady #kroki #img_krok1 {width: 12.188vw; margin-top: 0.313vw;}
#zasady #kroki #img_krok2 {width: 12.375vw; margin-top: 1.313vw;}
#zasady #kroki #img_krok3 {width: 12.313vw;}
#zasady #kroki #krok1 {width: 23.75vw;}
#zasady #kroki #krok2 {width: 23.75vw;}
#zasady #kroki #krok3 {width: 23.75vw;}
#zasady #kroki #krok1 .krok_title {margin-top: 0.563vw;}
#zasady #kroki #krok2 .krok_title {margin-top: 1.5vw;}
#zasady #kroki #krok3 .krok_title {margin-top: 0.625vw;}
#zasady #kroki .krok_numer {font-size: 3.75vw; line-height: 3.75vw; border-radius: 50%; width: 4.188vw; height: 4.188vw; top: 1.563vw;}
#produkty .bg_top {top: -0.125vw;}
#produkty .title {font-size: 3vw; line-height: 3vw; margin-top: 4.688vw;}
#produkty .title .small {font-size: 1.5vw; line-height: 1.5vw;}
#produkty #content {margin-top: 2.813vw; column-gap: 3.438vw; padding-bottom: 5vw;}
#produkty .produkty_glow {aspect-ratio: 1415/1415; background-image: url('/wp-content/uploads/2025/10/produkty_glow.png'); background-size: contain; position: absolute;}
#produkty .produkty_glow {top: -7.5vw; left: 0; width: 100%;}
/* #produkty #drpepper {width: 10.813vw;}
#produkty #drpepper_zero {width: 9.125vw;}
#produkty #drpepper_vanilla {width: 9.125vw;}
#produkty #drpepper_cherry {width: 8.125vw;} */
#produkty #drpepper {width: 9.125vw; transform: scale(1.0); transition: all 0.2s ease-out allow-discrete;}
#produkty #drpepper_zero {width: 9.125vw; transform: scale(1.0); transition: all 0.2s ease-out allow-discrete;}
#produkty #drpepper_vanilla {width: 9.125vw; transform: scale(1.0); transition: all 0.2s ease-out allow-discrete;}
#produkty #drpepper_cherry {width: 9.125vw; transform: scale(1.0); transition: all 0.2s ease-out allow-discrete;}

#produkty #drpepper:hover, #produkty #drpepper_zero:hover, #produkty #drpepper_vanilla:hover, #produkty #drpepper_cherry:hover {transform: scale(1.1); transition: all 0.2s ease-out allow-discrete;}

#wez-udzial .title {font-size: 3vw; line-height: 3vw; margin-top: 1.563vw; margin-bottom: 4.375vw;}
#wez-udzial .title .small {font-size: 1.5vw; line-height: 1.5vw;}
#wez-udzial .row {display: flex; column-gap: 1.75vw; margin-bottom: 1.563vw;}
#wez-udzial .row input {width: 100%; font-size: 1.5vw; line-height: 1.5vw; border-radius: 1.656vw; padding-left: 1.25vw; margin: 0;}
#wez-udzial .row textarea {width: 48.25vw; font-size: 1.5vw; line-height: 1.5vw; border-radius: 1.656vw; padding-left: 1.25vw; padding-top: 1.25vw; margin: 0;}
#wez-udzial .row #upload {width: 21.29vw; border-radius: 1.656vw;}
.input-wrapper {border-radius: 1.656vw; width: 100%;}
.input-wrapper.error::after {top: -0.25vw; left: -0.25vw; right: -0.25vw; bottom: -0.25vw; border: 0.0625vw solid #ee365e; border-radius: 1.656vw;}
#opisWrapper {width: 48.25vw;}
#opisWrapper.error::after { bottom: 0vw;}
.checkbox-wrapper {font-size: 1.125vw; line-height: 1.425vw; margin-top: 0.5vw;}
.custom-checkbox {width: 1.75vw; height: 1.75vw; border-radius: 50%; border: 0.375vw solid #800020; margin-right: 0.75vw;}
.custom-checkbox.error {border: 0.375vw solid #ee365e; }
.custom-checkbox:checked::before {top: 0.125vw; left: 0.125vw; width: 0.75vw; height: 0.75vw; border-radius: 50%;}
#wez-udzial #submitBtn {padding: 1.25vw 0; width: 15.75vw; border-radius: 1.75vw; font-size: 1.125vw; line-height: 1.125vw; margin: 0 auto; margin-top: 2.5vw;}
#galeria-zwyciezcow {margin-top: 4vw;}
#galeria-zwyciezcow .bg_top {margin-top: -6.375vw;}
#galeria-zwyciezcow .title {padding-top: 4.375vw; font-size: 3vw; line-height: 3vw;}
.sklepy_bg {width: 100%; height: 6.25vw;}
#sklepy {margin-top: -1vw;}
#sklepy .title {font-size: 3vw; line-height: 3vw; margin-top: 4vw;}
#sklepy #sklepy_inne {font-size: 1.563vw; line-height: 1.563vw; width: 50vw; margin-left: 25vw; margin-top: 2vw;}
#sklepy #logo_zabka {width: 13.5vw;}
#sklepy #logo_biedronka {width: 11.813vw;}
#sklepy #logo_lidl {width: 4.625vw;}
#sklepy #logo_netto {width: 17.75vw;}
#sklepy #logo_carrefour {width: 9.938vw;}
#sklepy #logo_kaufland {width: 19.75vw;}
#sklepy #logo_dealz {width: 13.625vw;}
#sklepy #logo_aldi {width: 4.813vw;}
#sklepy #logo_dino {width: 17vw;}
#sklepy #logo_leclerc {width: 16.813vw;}
#sklepy #logo_auchan {width: 21.188vw;}
#sklepy #logo_stokrotka {width: 21.188vw; margin-left: 10vw; margin-right: 10vw;}
#sklepy #logo_delikatesy {width: 16.75vw;}

#sklepy .logotypy {row-gap: 2.8vw; margin-top: 7.5vw;}
#footer {font-size: 1.5vw; line-height: 1.5vw; padding-bottom: 4.313vw;}
#footer .title {font-size: 3vw; line-height: 3vw; margin-bottom: 1.875vw; }
#footer .linki {column-gap: 1.875vw;}
#footer .socials {margin-top: 1.563vw; column-gap: 0.75vw;}
#footer .socials_ig {width: 2.063vw;}
#footer .socials_fb {width: 2.188vw;}
#footer #logo {margin-top: 2.813vw; width: 17.125vw;}

.gallery-wrapper { 	position: relative;overflow: hidden; width: 100%;}
#galeria_glowna .gallery {position: relative; width: 61.875vw; aspect-ratio: 990/160; margin: 0 auto; display: flex; column-gap: 1.25vw;}
#galeria_glosnik .gallery {position: relative; width: 61.875vw; aspect-ratio: 990/160; margin: 0 auto;}
#galeria_bluza .gallery {position: relative; width: 61.875vw; aspect-ratio: 990/760; margin: 0 auto;}

#galeria_glowna {width: 69.375vw; margin: 0 auto; margin-top: 5vw;}
#galeria_glowna .gallery .item {width: 40.563vw;}
#galeria_glowna .title_block {background-image: url('/wp-content/uploads/2025/11/galeria_img_nagroda_glowna.png'); background-repeat: no-repeat; background-size: contain; aspect-ratio: 316/177; width: 19.75vw; font-size: 1.875vw; line-height: 1.875vw; font-weight: var(--futura-bold); display: flex; justify-content: center; align-items: center; padding-left: 10vw;  font-family: var(--futura-pt); text-align: center; flex-direction: column;}
#galeria_glowna .title_block .small {font-size: 1.5vw; line-height: 1.875vw; font-weight: var(--futura-medium);}

#galeria_glosnik {position: relative; width: 69.375vw; margin: 0 auto; margin-top: 5vw;}
#galeria_glosnik .title_block {background-image: url('/wp-content/uploads/2025/11/galeria_img_glosnik.png'); background-repeat: no-repeat; background-size: contain; aspect-ratio: 316/177; width: 19.75vw; font-size: 1.875vw; line-height: 1.875vw; font-weight: var(--futura-bold); display: flex; justify-content: center; align-items: center; padding-left: 10vw;  font-family: var(--futura-pt); text-align: center; flex-direction: column;}
#galeria_glosnik .title_block .small {font-size: 1.5vw; font-weight: var(--futura-medium);}

#galeria_glosnik .gallery .page {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25vw;}

#galeria_bluza {position: relative; width: 69.375vw; margin: 0 auto; margin-top: 6.25vw; }
#galeria_bluza .title_block {background-image: url('/wp-content/uploads/2025/11/galeria_img_bluza.png'); background-repeat: no-repeat; background-size: contain; aspect-ratio: 316/177; width: 19.75vw; font-size: 1.875vw; line-height: 1.875vw; font-weight: var(--futura-bold); display: flex; justify-content: center; align-items: center; padding-left: 11.25vw;  font-family: var(--futura-pt);}
#galeria_bluza .gallery .page {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25vw;}

.tydzien_block {display: flex; justify-content: center; align-items: center; background-image: url('/wp-content/uploads/2025/11/galeria_img_tydzien.png'); background-repeat: no-repeat; background-size: contain; aspect-ratio: 316/177; width: 19.75vw; font-size: 1.875vw; font-weight: var(--futura-extra-bold); font-family: var(--futura-pt); font-style: oblique;}


.tydzien_block .tydzien_nr {position: absolute; top: -3.75vw; color: #350610; font-weight: var(--futura-heavy); font-family: var(--futura-pt); font-size: 17.5vw; line-height: 17.5vw;}

.gallery .item {width: 19.75vw; aspect-ratio: 316/177;}
.gallery .item img {width: 100%;}

.gallery .page {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	opacity: 0;
	transition: transform .45s ease, opacity .45s ease;
}

.gallery .page.active {
	left: 0;
	transform: translateX(0);
	opacity: 1;
	z-index: 2;
}

.gallery .page.to-left {
	transform: translateX(-100%);
}

.gallery .page.to-right {
	transform: translateX(100%);
}

.nav {
	position: absolute;
	top: 50%;
	width: 3vw;
	height: 3vw;
	cursor: pointer;
	z-index: 10;
}

.nav.prev { left: 0; }
.nav.next { right: 0; }

.pagination {
	margin: 0 auto;
	margin-top: 3.75vw;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	flex-wrap: wrap;
	column-gap: 0.625vw;
	row-gap: 0.625vw;
	width: 61.875vw;
}

.pagination-bullet {
	width: 1vw;
	height: 1vw;
	background: transparent;
	border-radius: 50%;
	border: 0.125vw solid #fff;
	cursor: pointer;
	transition: background .3s;
}

.pagination-bullet.active {
	background: #fff;
}

@media screen and (max-width: 1126px) {
	body.mobileMenuOn #bg_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background-color: #000; opacity: 0.6;}
	#menuMobile {display: block; z-index: 99999; position: fixed; right: -100%; top: 1.778vw; width: 40.889vw; border: 2px solid #900d2c; background-color: #5e0a1c; border-top-left-radius: 2.133vw; border-bottom-left-radius: 2.133vw; padding-top: 2.667vw; padding-left: 4.444vw; transition: right 0.4s ease;}
	#menuMobile #logo {width: 11.556vw;}
	#menuMobile #links {flex-direction: column; margin-top: 4.444vw; margin-bottom: 5.6vw; row-gap: 1.778vw; font-size: 2.1vw; line-height: 2.1vw;}
	#menuMobile #socials {margin-bottom: 3.822vw;}

	body.mobileMenuOn #menuMobile {right: 0;}
	#kv #menu.fixed {position: relative; background-color: transparent;}
	#mobile_menuOpen {display: block; cursor: pointer; position: fixed; z-index: 9999; top: 5.333vw; right: 12vw;}
	#mobile_menuOpen img {width: 7.111vw;}
	#mobile_menuClose {width: 4.444vw; position: absolute; top: 2.667vw; right: 2.667vw;}

	.row_with_padding {padding: 0 0;}
	#kv {background-image: url('/wp-content/uploads/2025/11/kv_mobile-1.jpg'); aspect-ratio: 1125/638;}
	#kv #logo {width: 11.022vw; margin-left: 11.733vw;}
	#kv #menu {margin-top: 4.089vw; position: initial;}
	#kv #menu #logo {margin-right: 0vw;}
	#kv #menu #links {display: none; column-gap: 2.5vw; font-size: 2.1vw; line-height: 2.1vw;}
	#kv #menu #socials #socials_ig, #menuMobile #socials #socials_ig {width: 2.063vw;}
	#kv #menu #socials #socials_fb, #menuMobile #socials #socials_fb {width: 2.188vw;}
	#kv #menu #socials  {display: none; right: 15.313vw; column-gap: 0.938vw;}
	#menuMobile #socials {column-gap: 0.938vw;}
	#kv #wez_udzial_btn {top: 40.125vw; left: 13.664vw; font-size: 2.1vw; line-height: 2.1vw; width: 35.24vw; padding: 2.489vw 0; border-radius: 3.2vw;}
	.scroll_down {bottom: -0.5vw; left: calc(50% - 3.1vw);}
	.scroll_down img {width: 6.222vw;}
	#nagrody {width: 100%; aspect-ratio: 1125/770;}
	#nagrody .title {width: 100%; font-size: 4.889vw; line-height: 4.889vw; top: 1.0vw;}
	#nagroda_10000 {position: absolute; left: 4.356vw; top: 0;}
	#nagroda_bluza {position: absolute; left: 40.533vw; top: 13.556vw;}
	#nagroda_glosnik {position: absolute; left: 68.711vw; top: 25.778vw;}
	#img_nagroda_glowna {position: absolute; left: 0; top: 2.889vw; width: 15.822vw;}
	#img_nagroda10000 {width: 44.533vw; margin-top: 6.833vw; margin-left: 0.625vw;}
	#img_nagrodaBluza {width: 41.244vw;}
	#img_nagrodaGlosnik {width: 32.089vw;}
	#txt_10000 {margin-top: -1.856vw;}
	#txt_bluza {margin-top: -7.963vw;}
	#txt_glosnik {margin-top: -5.869vw;}
	#txt_10000 .nagroda_ile {font-size: 5.858vw; line-height: 5.858vw;}
	#txt_10000 .nagroda_opis {font-size: 2.592vw; line-height: 2.384vw; margin-top: 0.813vw;}
	#txt_bluza .nagroda_ile {font-size: 4.008vw; line-height: 5.033vw;}
	#txt_bluza .nagroda_opis {font-size: 2.227vw; line-height: 2.048vw; margin-top: 0.438vw;}
	#txt_glosnik .nagroda_ile {font-size: 4.579vw; line-height: 4.139vw;}
	#txt_glosnik .nagroda_opis {font-size: 1.831vw; line-height: 1.685vw; margin-top: 0.75vw;}
	.nagrody_glow {width: 100vw; background-position-y: -5.75vw; background-position-x: 11.25vw;}
	#zasady .bg_top {top: -6.25vw;}
	#zasady #content {padding-top: 8.125vw;}
	#zasady #content .title {font-size: 4.889vw; line-height: 4.889vw; margin-bottom: 3.111vw;}
	#zasady .regulamin_btn {width: 20.657vw; padding: 1.333vw 0; font-size: 2.117vw; line-height: 2.117vw; border-radius: 1.738vw; margin: 0 auto; margin-top: 1.833vw; margin-bottom: 1.833vw;}
	#zasady .info {font-size: 2.117vw; line-height: 2.117vw;}
	#zasady #kroki .krok {width: 33%; margin-left: 0vw;}
	#zasady #kroki .krok .krok_title {font-size: 3.336vw; line-height: 3.336vw;}
	#zasady #kroki .krok .krok_opis {font-size: 2.249vw; line-height: 2.249vw; margin-top: 0.889vw;}
	#zasady #kroki #img_krok1 {width: 17.043vw; margin-top: 0.313vw;}
	#zasady #kroki #img_krok2 {width: 17.375vw; margin-top: 1.313vw;}
	#zasady #kroki #img_krok3 {width: 17.313vw;}
	#zasady #kroki #krok1 {width: 30.75vw;}
	#zasady #kroki #krok2 {width: 30.75vw;}
	#zasady #kroki #krok3 {width: 30.75vw;}
	#zasady #kroki #krok1 .krok_title {margin-top: 0.563vw;}
	#zasady #kroki #krok2 .krok_title {margin-top: 2.5vw;}
	#zasady #kroki #krok3 .krok_title {margin-top: 0.625vw;}
	#zasady #kroki .krok_numer {font-size: 4.75vw; line-height: 4.75vw; border-radius: 50%; width: 5.216vw; height: 5.216vw; top: 1.563vw;}
	#produkty .bg_top {top: -0.125vw;}
	#produkty .title {font-size: 4.889vw; line-height: 4.889vw; margin-top: 4.688vw;}
	#produkty .title .small {font-size: 2vw; line-height: 2vw;}
	#produkty #content {margin-top: 2.813vw; column-gap: 3.438vw; padding-bottom: 5vw;}
	#produkty .produkty_glow {aspect-ratio: 1415/1415; background-image: url('/wp-content/uploads/2025/10/produkty_glow.png'); background-size: contain; position: absolute;}
	#produkty .produkty_glow {top: -7.5vw; left: 0; width: 100%;}
	#produkty #drpepper {width: 9.125vw;}
	#produkty #drpepper_zero {width: 9.125vw;}
	#produkty #drpepper_vanilla {width: 9.125vw;}
	#produkty #drpepper_cherry {width: 9.125vw;}
	#wez-udzial .title {font-size: 6.271vw; line-height: 6.271vw; margin-top: 0vw; margin-bottom: 4vw;}
	#wez-udzial .title .small {font-size: 2.851vw; line-height: 2.851vw;}
	#wez-udzial .row {display: flex; column-gap: 2.222vw; margin-bottom: 2.133vw; padding: 0 4.444vw;}
	#wez-udzial .row input {width: 100%; font-size: 1.911vw; line-height: 1.911vw; border-radius: 1.644vw; padding-left: 1.511vw; margin: 0;}
	#opisWrapper {width: 58.25vw;}
	#wez-udzial .row textarea {width: 58.133vw; font-size: 1.911vw; line-height: 1.911vw; border-radius: 1.644vw; padding-left: 1.511vw; padding-top: 1.511vw; margin: 0;}
	#wez-udzial .row #upload {aspect-ratio: 364/184; width: 30.911vw; border-radius: 1.644vw; font-size: 1.433vw; line-height: 1.433vw;}
	#wez-udzial #upload_icon {width: 7.644vw;}

	.checkbox-wrapper {font-size: 1.933vw; line-height: 2.333vw; margin-top: 1.5vw; padding-right: 4vw;}
	.custom-checkbox {width: 2.222vw; height: 2.222vw; border-radius: 50%; border: 0.375vw solid #800020; margin-right: 0.75vw; margin-left: 4.444vw;}
	.custom-checkbox:checked::before {top: 0.125vw; left: 0.125vw; width: 1.25vw; height: 1.25vw; border-radius: 50%;}
	#wez-udzial #submitBtn {padding: 2.667vw 0; width: 40.089vw; border-radius: 4.444vw; font-size: 2.864vw; line-height: 2.864vw; margin: 0 auto; margin-top: 2.378vw;}

	#galeria-zwyciezcow .bg_top {margin-top: -7.375vw;}
	#galeria-zwyciezcow .title {padding-top: 4.375vw; font-size: 4.889vw; line-height: 4.889vw;}

	#sklepy {margin-top: -1vw; padding-top: 1vw;}
	.sklepy_bg {width: 100%; height: 6.25vw;}
	#sklepy .title {font-size: 4.889vw; line-height: 4.889vw; margin-top: 1vw; color: #fff;}

	#sklepy #sklepy_inne {font-size: 2.563vw; line-height: 2.563vw; width: 60vw; margin-left: 20vw; margin-top: 1vw;}
	#sklepy #logo_zabka {width: 13.5vw}
	#sklepy #logo_biedronka {width: 11.813vw;}
	#sklepy #logo_lidl {width: 4.625vw;}
	#sklepy #logo_netto {width: 17.75vw;}
	#sklepy #logo_carrefour {width: 9.938vw;}
	#sklepy #logo_kaufland {width: 19.75vw;}
	#sklepy #logo_dealz {width: 13.625vw;}
	#sklepy #logo_aldi {width: 4.813vw;}
	#sklepy #logo_dino {width: 17vw;}
	#sklepy #logo_leclerc {width: 16.813vw;}
	#sklepy #logo_auchan {width: 21.188vw;}
	#sklepy #logo_stokrotka {width: 21.188vw;}
	#sklepy #logo_delikatesy {width: 16.75vw;}
	#sklepy .logotypy {column-gap: 5.313vw; margin-top: 9.5vw; row-gap: 1.5vw;}

	#footer {font-size: 3.539vw; line-height: 3.539vw; padding-bottom: 4.313vw;}
	#footer .title {font-size: 4.889vw; line-height: 4.889vw; margin-bottom: 1.875vw; }
	#footer .linki {column-gap: 4.889vw;}
	#footer .socials {margin-top: 8.889vw; column-gap: 4.267vw;}

	#footer .socials_ig {width: 8.978vw;}
	#footer .socials_fb {width: 8.889vw;}
	#footer #logo {margin-top: 8.889vw; width: 39.644vw;}

	.gallery-wrapper { 	position: relative;overflow: hidden; width: 100%;}
	#galeria_glowna .gallery {position: relative; width: 61.875vw; aspect-ratio: 990/160; margin: 0 auto; display: flex; column-gap: 1.25vw; flex-direction: column; align-items: center}
	#galeria_glosnik .gallery {position: relative; width: 61.875vw; aspect-ratio: 530/950; margin: 0 auto;}
	#galeria_bluza .gallery {position: relative; width: 61.875vw; aspect-ratio: 530/3800; margin: 0 auto;}

	#galeria_glowna {width: 90.375vw; margin: 0 auto; margin-top: 5vw;}
	#galeria_glowna .gallery .item {width: 89.778vw; margin-top: 9.778vw;}
	#galeria_glowna .title_block {background-image: url('/wp-content/uploads/2025/11/galeria_img_nagroda_glowna.png'); background-repeat: no-repeat; background-size: contain; aspect-ratio: 316/177; width: 40.75vw; font-size:3.875vw; line-height: 3.875vw; font-weight: var(--futura-bold); display: flex; justify-content: center; align-items: center; padding-left: 20vw;  font-family: var(--futura-pt); text-align: center; flex-direction: column;}
	#galeria_glowna .title_block .small {font-size: 3.5vw; line-height: 3.875vw; font-weight: var(--futura-medium); margin-top: 1vw;}

	#galeria_glosnik {position: relative; width: 90.375vw; margin: 0 auto; margin-top: 5vw;}
	#galeria_glosnik .title_block {background-image: url('/wp-content/uploads/2025/11/galeria_img_glosnik.png'); background-repeat: no-repeat; background-size: contain; aspect-ratio: 316/177; width: 70.111vw; font-size: 3.875vw; line-height: 3.875vw; font-weight: var(--futura-bold); display: flex; justify-content: center; align-items: center; padding-left: 20vw;  font-family: var(--futura-pt); text-align: center; flex-direction: column;}
	#galeria_glosnik .title_block .small {font-size: 3.5vw; line-height: 3.875vw; margin-top: 1vw; font-weight: var(--futura-medium);}
	#galeria_glosnik .gallery {width: 70.111vw;}
	#galeria_glosnik .gallery .page {display: flex; flex-direction: column; align-items: center; row-gap: 2.222vw;}

	#galeria_bluza {position: relative; width: 90.375vw; margin: 0 auto; margin-top: 6.25vw; }
	#galeria_bluza .title_block {background-image: url('/wp-content/uploads/2025/11/galeria_img_bluza.png'); background-repeat: no-repeat; background-size: contain; aspect-ratio: 316/177; width: 70.111vw; font-size: 3.875vw; line-height: 3.875vw; font-weight: var(--futura-bold); display: flex; justify-content: center; align-items: center; padding-left: 23.25vw;  font-family: var(--futura-pt);}
	#galeria_bluza .gallery {width: 70.111vw;}
	#galeria_bluza .gallery .page {display: flex; flex-direction: column; align-items: center; row-gap: 2.222vw;}

	.tydzien_block {display: flex; justify-content: center; align-items: center; background-image: url('/wp-content/uploads/2025/11/galeria_img_tydzien.png'); background-repeat: no-repeat; background-size: contain; aspect-ratio: 316/177; width:  70.111vw; font-size: 3.875vw; font-weight: var(--futura-extra-bold); font-family: var(--futura-pt); font-style: oblique;}


	.tydzien_block .tydzien_nr {position: absolute; top: 0vw; color: #350610; font-weight: var(--futura-heavy); font-family: var(--futura-pt); font-size: 58vw; line-height: 38vw;}

	.gallery .item {width: 70.111vw; aspect-ratio: 316/177;}
	.gallery .item img {width: 100%;}

	.gallery .page {
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		opacity: 0;
		transition: transform .45s ease, opacity .45s ease;
	}

	.gallery .page.active {
		left: 0;
		transform: translateX(0);
		opacity: 1;
		z-index: 2;
	}

	.gallery .page.to-left {
		transform: translateX(-100%);
	}

	.gallery .page.to-right {
		transform: translateX(100%);
	}

	.nav {
		position: absolute;
		top: 50%;
		width: 7.289vw;
		height: 7.289vw;
		cursor: pointer;
		z-index: 10;
	}

	.nav.prev { left: 0; }
	.nav.next { right: 0; }

	.pagination {
		margin: 0 auto;
		margin-top: 3.75vw;
		display: flex;
		justify-content: center;
		flex-shrink: 0;
		flex-wrap: wrap;
		column-gap: 1.625vw;
		row-gap: 1.625vw;
		width: 61.875vw;
	}

	.pagination-bullet {
		width: 2.222vw;
		height: 2.222vw;
		background: transparent;
		border-radius: 50%;
		border: 0.125vw solid #fff;
		cursor: pointer;
		transition: background .3s;
	}

	.pagination-bullet.active {
		background: #fff;
	}

}