:root {
	--futura-pt: "futura-pt", sans-serif;
	--futura-book: 400;
	--futura-medium: 500;
	--futura-heavy: 700;
	--futura-bold: 700;
	--futura-extra-bold: 800;
}

body {
	background-image: url('/wp-content/uploads/2026/04/bg.jpg');
	background-size: cover;
}

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

#home #bg {
	position: absolute;
	background-image: url('/wp-content/uploads/2026/04/bg_top.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}

#home #shadow {
	position: absolute;
	background-image: url('/wp-content/uploads/2026/04/bg_shadow.png');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}

#home #content {z-index: 3;}
#home #socials {position: absolute; font-family: var(--futura-pt); font-weight: var(--futura-bold); color: #fff; display: flex;}
#home #top_nav {position: absolute; z-index: 3;}
#home .bottom {position: absolute; z-index: 3; font-family: var(--futura-pt); font-weight: var(--futura-medium); color: #fff;}

#home #top_nav .tiles-section { width: 100%; }
#home #top_nav .tiles-wrapper { display: flex; width: max-content; }
#home #top_nav .tile { position: relative; display: block; text-decoration: none; color: #fff;  background-image: url('/wp-content/uploads/2026/04/kwadrad-pod-kafle.png'); background-size: contain; background-repeat: no-repeat; z-index: 3;}
#home #top_nav .tile:hover {z-index: 20;}
#home #top_nav .tile img { width: 126%; height: 126%; object-fit: cover; display: block; transition: transform .5s ease; position: relative; left: -10%; top: -11%; max-width: none; position: relative;}
#home #top_nav .tile:hover img { transform: scale(1.2);}
#home #top_nav .tile.not_active:hover img { transform: none;}
#home #top_nav .tile-big h2 {position: absolute;  color: #fff; font-family: var(--futura-pt); font-weight: var(--futura-bold); text-transform: uppercase;}
#home #top_nav .tile h3 {position: absolute;  color: #fff; font-family: var(--futura-pt); font-weight: var(--futura-bold); text-transform: uppercase;}
#home #top_nav .tile-big { background: none; transition: width .6s cubic-bezier(.2,.8,.2,1); flex-shrink: 0; }
#home #top_nav .tile-big img {width: 100%; height: 100%; left: 0; top: 0;}
#home #top_nav .tile-big:hover img {transform: none;}
#home #top_nav .tiles-grid { display: grid; flex-shrink: 0; }
#home #top_nav .tile-empty { color: #fff;  background-image: url('/wp-content/uploads/2026/04/kwadrad-pod-kafle.png'); background-size: contain; background-repeat: no-repeat; z-index: 3; display: flex; align-items: center; justify-content: center; font-family: var(--futura-pt); font-weight: var(--futura-bold); text-transform: uppercase;}

#home #top_nav .tile-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; pointer-events: none; transition: opacity .4s ease; z-index: 1; }
#home #top_nav .tile-big:hover .tile-video { opacity: 1; }

#nav {aspect-ratio: 1920/175; display: none; align-items: center; justify-content: center; z-index: 100;}
#nav #nav_items {display: flex; justify-content: center; align-items: center;  justify-content: space-between;}
#nav #nav_items .buttons {display: flex; align-items: end; }
#nav #nav_items .item {aspect-ratio: 232/100; background-size: contain; background-repeat: no-repeat; position: relative; cursor: pointer;}
#nav #nav_items .item .item_title {position: absolute; font-family: var(--futura-pt); color: #fff; font-weight: var(--futura-bold);}
#nav #nav_items .nav_close {color: #fff; font-family: var(--futura-pt); font-weight: var(--futura-bold); text-transform: uppercase; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#nav #nav_items #nav_small_kampanie {background-image: url('/wp-content/uploads/2026/04/nav_kampanie.png');}
#nav #nav_items #nav_small_konkursy {background-image: url('/wp-content/uploads/2026/04/nav_konkursy.png');}
#nav #nav_items #nav_small_produkty {background-image: url('/wp-content/uploads/2026/04/nav_produkty.png');}
#nav #nav_items #nav_small_gdziekupic {background-image: url('/wp-content/uploads/2026/04/nav_gdziekupic.png');}
#nav #nav_items #nav_small_ambasador {background-image: url('/wp-content/uploads/2026/04/nav_ambasador.png');}
#nav #nav_items #nav_small_eventy {aspect-ratio: 232/105; background-image: url('/wp-content/uploads/2026/04/nav_eventy.png'); position: relative;}

#nav #nav_items #nav_small_kampanie:hover {background-image: url('/wp-content/uploads/2026/04/nav_kampanie_hover.png');}
#nav #nav_items #nav_small_konkursy:hover {background-image: url('/wp-content/uploads/2026/04/nav_konkursy_hover.png');}
#nav #nav_items #nav_small_produkty:hover {background-image: url('/wp-content/uploads/2026/04/nav_produkty_hover.png');}
#nav #nav_items #nav_small_gdziekupic:hover {background-image: url('/wp-content/uploads/2026/04/nav_gdziekupic_hover.png');}
#nav #nav_items #nav_small_ambasador:hover {background-image: url('/wp-content/uploads/2026/04/nav_ambasador_hover.png');}
#nav #nav_items #nav_small_eventy:hover {background-image: url('/wp-content/uploads/2026/04/nav_eventy_hover.png');}

#nav #nav_items #nav_small_kampanie.active {background-image: url('/wp-content/uploads/2026/04/nav_kampanie_hover.png');}
#nav #nav_items #nav_small_konkursy.active {background-image: url('/wp-content/uploads/2026/04/nav_konkursy_hover.png');}
#nav #nav_items #nav_small_produkty.active {background-image: url('/wp-content/uploads/2026/04/nav_produkty_hover.png');}
#nav #nav_items #nav_small_gdziekupic.active {background-image: url('/wp-content/uploads/2026/04/nav_gdziekupic_hover.png');}
#nav #nav_items #nav_small_ambasador.active {background-image: url('/wp-content/uploads/2026/04/nav_ambasador_hover.png');}
#nav #nav_items #nav_small_eventy.active {background-image: url('/wp-content/uploads/2026/04/nav_eventy_hover.png');}

#ambasador {display: none;}
#gdziekupic {display: none;}
#kampanie {display: none;}
#produkty {display: none;}

#ambasador {position: relative;}
#ambasador #txt {position: absolute; font-family: var(--futura-pt); color: #fff;}
#ambasador #txt .big { font-weight: var(--futura-bold);}
#ambasador #txt .medium { font-weight: var(--futura-medium); }
#ambasador #kubanczyk {position: absolute;}
#ambasador #ukos {background-image: url('/wp-content/uploads/2026/04/ambasador_ukos.png'); background-size: contain; background-repeat: no-repeat; position: absolute;}
#ambasador #ukos .numer_belka {color: #fff; font-family: var(--futura-pt); font-weight: var(--futura-bold); display: flex; align-items: center; position: absolute;}
#ambasador #ukos .numer_belka .kreska {background: #fff;}
#ambasador #ukos .ukos_txt {font-family: var(--futura-pt); color: #fff; position: absolute; display: flex; flex-direction: column;}
#ambasador #ukos .ukos_title {font-weight: var(--futura-bold); text-transform: uppercase;}
#ambasador #ukos .ukos_desc {font-weight: var(--futura-medium);}

#gdziekupic {position: relative;}
#gdziekupic #txt {position: absolute; font-family: var(--futura-pt); color: #fff; z-index: 10;}
#gdziekupic #txt .big { font-weight: var(--futura-bold);}
#gdziekupic #txt .medium { font-weight: var(--futura-medium); }
#gdziekupic #puszka {position: absolute;}
#gdziekupic #ukos {background-image: url('/wp-content/uploads/2026/04/gdziekupic_ukos.png'); background-size: contain; background-repeat: no-repeat; position: absolute;}
#gdziekupic #ukos {display: flex; flex-direction: column; align-items: center; justify-content: center;}
#gdziekupic #ukos #line1, #gdziekupic #ukos #line2 {display: flex;}
#gdziekupic #ukos #line3 {color: #900d4a; display: flex; align-items: center; justify-content: center; font-family: var(--futura-pt); font-weight: var(--futura-bold);}
#gdziekupic #ukos #line3 .kreska {background-color: #900d4a; border: none;}

#produkty {position: relative;}
#produkty #txt {position: absolute; font-family: var(--futura-pt); color: #fff; z-index: 10;}
#produkty #txt .big { font-weight: var(--futura-bold);}
#produkty #txt .medium { font-weight: var(--futura-medium); }
#produkty #facet {position: absolute;}
#produkty #ukos {background-image: url('/wp-content/uploads/2026/04/produkty_ukos.png'); background-size: contain; background-repeat: no-repeat; position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#produkty #ukos #produkty_lista {display: flex; align-items: center;}
#produkty #ukos .numer_belka {color: #900d4a; font-family: var(--futura-pt); font-weight: var(--futura-bold); display: flex; align-items: center;}
#produkty #ukos .numer_belka .kreska {background: #900d4a;}
#produkty #ukos .produkt {display: flex; flex-direction: column; align-items: end; justify-content: center;}
#produkty #ukos .produkty_title {font-family: var(--futura-pt); font-weight: var(--futura-bold); text-transform: uppercase; text-align: center; color: #900d4a;}
#produkty #ukos .produkt .desc {text-align: center; color: #900d4a; font-family: var(--futura-pt); font-weight: var(--futura-medium);}

#kampanie {position: relative;}
#kampanie #kampanie_top #minuty {position: absolute; font-family: var(--futura-pt); color: #fff; font-weight: var(--futura-bold);}
#kampanie #kampanie_top #txt_kampanie {position: absolute;}
#kampanie #kampanie_top {position: relative; aspect-ratio: 1920/645;}
#kampanie #kampanie_top #txt {position: absolute; font-family: var(--futura-pt); color: #fff;}
#kampanie #kampanie_top #txt .big { font-weight: var(--futura-bold);}
#kampanie #kampanie_top #txt .medium { font-weight: var(--futura-medium); }
#kampanie .spot {position: absolute; aspect-ratio: 16/9;}
#kampanie #kampanie_1 {position: relative; aspect-ratio: 1920/700;}
#kampanie #kampanie_2 {position: relative; aspect-ratio: 1920/790; background-image: url('/wp-content/uploads/2026/04/img_kampanie_puszka.png'); background-size: contain; background-repeat: no-repeat;}
#kampanie #kampanie_4 {position: relative; aspect-ratio: 1920/960; background-image: url('/wp-content/uploads/2026/04/img_kampanie_kubanczyk.png'); background-size: contain; background-repeat: no-repeat;}
#kampanie .numer_belka {color: #fff; font-family: var(--futura-pt); font-weight: var(--futura-bold); display: flex; align-items: center;}
#kampanie .numer_belka .kreska {background: #fff;}
#kampanie #kampanie_1 .numer_belka {position: absolute;}
#kampanie #kampanie_2 .numer_belka {position: absolute; color: #900d4a;}
#kampanie #kampanie_2 .numer_belka .kreska {background: #900d4a;}
#kampanie #kampanie_3 .numer_belka {justify-content: center}
#kampanie #kampanie_4 .numer_belka {position: absolute;}
#kampanie .kampanie_1_txt {font-family: var(--futura-pt); color: #fff; position: absolute; display: flex; flex-direction: column; justify-content: center;}
#kampanie .kampanie_2_txt {font-family: var(--futura-pt); color: #900d4a; position: absolute; display: flex; flex-direction: column; justify-content: center;}
#kampanie .kampanie_3_txt {font-family: var(--futura-pt); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#kampanie .kampanie_4_txt {font-family: var(--futura-pt); color: #fff; position: absolute; display: flex; flex-direction: column;}
#kampanie .kampania_title {font-weight: var(--futura-bold); text-transform: uppercase;}
#kampanie .kampania_desc {font-weight: var(--futura-medium);}
#kampanie #kampanie_1 .kampanie_1_img {position: absolute;}
#kampanie #kampanie_3 .kampania_desc {text-align: center;}
#kampanie #kampanie_3 #akcje {display: flex; align-items: center; justify-content: center;}
#kampanie #kampanie_3 #akcje .akcja {display: flex; flex-direction: column;}
#kampanie #kampanie_3 #akcje .akcja .image img {box-shadow: 0.521vw 0.521vw 0.521vw 0px rgba(75, 0, 15, 0.30);}
#kampanie #kampanie_3 #akcje .akcja .nazwa {font-family: var(--futura-pt); font-weight: var(--futura-bold); color: #fff;}
#kampanie #kampanie_3 #akcje .akcja .kreska {background: #fff;}

#kampanie .btn {background-color: #fff; color: #900d4a; font-family: var(--futura-pt); font-weight: var(--futura-bold); cursor: pointer; display: flex; align-items: center; justify-content: center;}

#kontakt {position: relative; aspect-ratio: 1920/370;}
#kontakt #content {aspect-ratio: 1920/370; display: flex; align-items: center; justify-items: center;}
#kontakt .kontakt_txt {width: 100%; text-align: center; color: #fff; font-family: var(--futura-pt); }
#kontakt .kontakt_txt .big {font-weight: var(--futura-bold); text-transform: uppercase;}
#kontakt .kontakt_txt .small {font-weight: var(--futura-medium);}
#kontakt #content #logo {position: absolute;}
#kontakt #content .bottom {position: absolute; display: flex;}
#kontakt #content .bottom .copyright {text-align: left; font-family: var(--futura-pt); font-weight: var(--futura-medium); color: #fff;}
#kontakt #content .bottom #socials {display: flex; justify-content: end; font-family: var(--futura-pt); font-weight: var(--futura-bold); color: #fff;}




#home #top_nav .tiles-wrapper {gap: 1.042vw;}
#home #top_nav .tile h3 {top: 13.542vw; left: 1.563vw; font-size: 1.094vw; line-height: 1.094vw;}
#home #top_nav .tile-big h2 {top: 25.781vw; left: 1.823vw; font-size: 2.142vw; line-height: 2.142vw;}
#home #top_nav .tile-big { width: 34.115vw; height: 33.854vw;}
#home #top_nav .tile-big:hover { width: 57vw;  }
#home #top_nav .tiles-grid { grid-template-columns: repeat(3, 16.927vw); grid-template-rows: repeat(2, 16.667vw); gap: 0.521vw; }
#home #top_nav .tiles-grid .tile { width: 16.927vw; height: 16.667vw; background-position-y: 0.26vw;}
#home #top_nav .tile-empty {font-size: 1.094vw; line-height: 1.094vw; gap: 1.302vw;}
#home #top_nav .tile-empty .icon img {width: 3.042vw;}

#home {width: 100%; aspect-ratio: 1920/1052;}
#home #logo {width: 11.667vw;}
#home .vc_column_container, #home .vc_column_container .vc_column-inner, #home .vc_column_container .vc_column-inner .wpb_wrapper {height: 100%;}
#home #bg {width: 100%; aspect-ratio: 1920/959; top: 0; left: 0;}
#home #shadow {width: 100%; aspect-ratio: 1920/499; top: 29.531vw; left: 0;}
#home #content {width: 87.396vw; margin: 0 auto; padding-top: 1.771vw;}
#home #socials {right: 0; top: 4.792vw; font-size: 0.833vw; line-height: 0.833vw; gap: 0.833vw}
#home #top_nav {top: 10.156vw; left: 6.302vw;}
#home .bottom {bottom: 7.552vw; left: 6.302vw; font-size: 0.833vw; line-height: 0.833vw;}

#facebook {width: 0.521vw;}
#instagram {width: 1.094vw;}

#nav {margin-top: -5.208vw;}
#nav #nav_items {padding: 0 6.51vw;}
#nav #nav_items .buttons {gap: 0.521vw;}
#nav #nav_items .item {width: 12.083vw;}
#nav #nav_items .item .item_title {bottom: 1.458vw; left: 0.781vw; font-size: 0.625vw; line-height: 0.625vw;}
#nav #nav_items #nav_small_eventy {top: -0.313vw;}
#nav #nav_items .nav_close {font-size: 0.625vw; line-height: 0.625vw; gap: 0.625vw;}
#nav #nav_items .nav_close img {width: 1.719vw;}

#ambasador {margin-top: -4.844vw; aspect-ratio: 1920/1795;}
#txt_ambasador {margin: 0 auto; width: 95vw;}
#txt_ambasador img {width: 100%;}
#ambasador #kubanczyk {top: 3.906vw; left: 40.74vw;}
#ambasador #kubanczyk img {width: 47.708vw;}
#ambasador #txt {left: 13.604vw; top: 19.271vw;}
#ambasador #txt .big {font-size: 3.77vw; line-height: 3.77vw;}
#ambasador #txt .small {font-size: 0.938vw; line-height: 1.238vw; margin-top: 0.823vw;}
#ambasador .parafka img {width: 9.219vw;}
#ambasador #ukos {width: 100%; aspect-ratio: 1920/930; left: 0; top: 43.49vw;}
#ambasador #ukos .numer_belka {font-size: 1.59vw; gap: 1.823vw; right: 10.417vw; top: 13.802vw;}
#ambasador #ukos .numer_belka .kreska {width: 4.688vw; height: 0.26vw;}
#ambasador #ukos .ukos_txt {width: 27vw; left: 59.531vw; top: 18.75vw; gap: 3.385vw;}
#ambasador #ukos .ukos_title {font-size: 3.77vw; line-height: 3.77vw;}
#ambasador #ukos .ukos_desc {font-size: 0.938vw; line-height: 1.238vw;}

#gdziekupic {margin-top: 3.802vw; aspect-ratio: 1920/1170;}
#txt_gdziekupic {margin: 0 auto; width: 87.552vw;}
#txt_gdziekupic img {width: 100%;}
#gdziekupic #puszka {top: 1vw; left: 50vw;}
#gdziekupic #puszka img {width: 40.26vw;}
#gdziekupic #txt {left: 13.604vw; top: 12vw;}
#gdziekupic #txt .big {font-size: 3.77vw; line-height: 3.77vw;}
#gdziekupic #txt .small {font-size: 0.938vw; line-height: 1.238vw; margin-top: 0.823vw;}
#gdziekupic #ukos {width: 100%; aspect-ratio: 1920/650; left: 0; top: 27vw;}
#gdziekupic #ukos {gap: 3.646vw;}
#gdziekupic #ukos #line1 {gap: 1.563vw;}
#gdziekupic #ukos #line2 {gap: 7.292vw;}
#gdziekupic #ukos #line3 {gap: 3.906vw; font-size: 1.59vw;}
#gdziekupic #ukos #line3 .kreska {width: 4.688vw; height: 0.26vw; min-height: 1px;}
#gdziekupic #ukos #logo_zabka img {width: 11.25vw;}
#gdziekupic #ukos #logo_auchan img {width: 17.708vw;}
#gdziekupic #ukos #logo_carrefour img {width: 8.281vw;}
#gdziekupic #ukos #logo_kaufland img {width: 16.458vw;}
#gdziekupic #ukos #logo_dealz img {width: 11.354vw;}
#gdziekupic #ukos #logo_stokrotka img {width: 17.656vw;}
#gdziekupic #ukos #logo_delikatesy img {width: 13.958vw;}

#produkty {margin-top: 3.802vw; aspect-ratio: 1920/1650;}
#txt_produkty {margin-left: 6.25vw; width: 77.865vw;}
#txt_produkty img {width: 100%;}
#produkty #facet {top: 0vw; left: 37vw;}
#produkty #facet img {width: 46.198vw;}
#produkty #txt {left: 13.604vw; top: 6vw; width: 25vw;}
#produkty #txt .big {font-size: 3.77vw; line-height: 3.77vw;}
#produkty #txt .small {font-size: 0.938vw; line-height: 1.238vw; margin-top: 0.823vw;}
#produkty #ukos {width: 100%; aspect-ratio: 1920/1130; left: 0; top: 27vw;}
#produkty #ukos .numer_belka {font-size: 1.59vw; gap: 1.823vw;}
#produkty #ukos .numer_belka .kreska {width: 4.688vw; height: 0.26vw;}
#produkty #ukos .produkty_title {font-size: 3.77vw; line-height: 3.77vw; margin-top: 3.125vw; margin-bottom: 4.167vw;}
#produkty #ukos  #produkty_lista {margin-left: -6.771vw;}
#produkty #ukos .produkt {width: 19.115vw; margin-left: -1vw;}
#produkty #ukos .produkt .image, #produkty #ukos .produkt .image img {width: 100%;}
#produkty #ukos .produkt .image img {margin-left: -2.3vw;}
#produkty #ukos .produkt .desc {width: 13.021vw; font-size: 0.938vw; line-height: 0.938vw; margin-top: 1.563vw;}

#kampanie {margin-top: 3.802vw; aspect-ratio: 1920/3820;}
#kampanie #kampanie_top #minuty {font-size: 1.59vw; line-height: 1.59vw; left: 12.76vw; top: 2.5vw;}
#kampanie #kampanie_top #txt_kampanie {top: 3.385vw; left: 7.292vw;}
#kampanie #kampanie_top #txt_kampanie img {width: 37.448vw;}
#kampanie #kampanie_top #txt {left: 12.24vw; top: 12.24vw; width: 26.563vw;}
#kampanie #kampanie_top #txt .big {font-size: 3.77vw; line-height: 3.77vw;}
#kampanie #kampanie_top #txt .small {font-size: 0.938vw; line-height: 1.238vw; margin-top: 0.823vw;}
#kampanie .spot-video {width: 100%;}
#kampanie .spot {width: 50vw; top: 0; right: 0;}
#kampanie .kampanie_1_txt {width: 27vw; left: 12.24vw; top: 11.719vw; gap: 2.344vw;}
#kampanie .kampanie_2_txt {width: 27vw; left: 59.531vw; top: 18.75vw; gap: 3.385vw;}
#kampanie .kampanie_4_txt {width: 27vw; left: 59.531vw; top: 18.75vw; gap: 3.385vw;}
#kampanie .numer_belka {font-size: 1.59vw; gap: 1.823vw;}
#kampanie .numer_belka .kreska {width: 4.688vw; height: 0.26vw;}
#kampanie #kampanie_1 .kampanie_1_img {top: 0; right: 0; }
#kampanie #kampanie_1 .kampanie_1_img img {width: 58.385vw;}
#kampanie #kampanie_1 .numer_belka {left: 5.729vw; top: 7.813vw;}
#kampanie #kampanie_2 {margin-top: -8.333vw;}
#kampanie #kampanie_2 .numer_belka {right: 10.417vw; top: 13.802vw;}
#kampanie #kampanie_3 .numer_belka {margin-bottom: 3.125vw;}
#kampanie #kampanie_4 .numer_belka {right: 10.417vw; top: 13.802vw;}
#kampanie .kampania_title {font-size: 3.77vw; line-height: 3.77vw;}
#kampanie #kampanie_3 .kampania_title {margin-bottom: 2.344vw;}
#kampanie .kampania_desc {font-size: 0.938vw; line-height: 1.238vw;}
#kampanie #kampanie_3 {margin-top: 3.646vw;}
#kampanie #kampanie_4 {margin-top: 1.302vw;}
#kampanie #kampanie_3 .kampania_desc {width: 37.458vw;}
#kampanie #kampanie_3 #akcje {margin-top: 3.385vw; gap: 1.302vw;}
#kampanie #kampanie_3 #akcje .akcja {gap: 1.042vw;}
#kampanie #kampanie_3 .akcja .image {width: 13.438vw;}
#kampanie #kampanie_3 .akcja .image img {width: 100%;}
#kampanie #kampanie_3 #akcje .akcja .nazwa {font-size: 0.833vw; line-height: 0.833vw;}
#kampanie #kampanie_3 #akcje .akcja .kreska {width: 4.688vw; height: 0.26vw;}
#kampanie .btn {width: 15.729vw; height: 2.917vw; font-size: 0.938vw; line-height: 0.938vw; margin-top: 1.823vw; border-radius: 1.458vw; gap: 1vw;}
#kampanie .btn .icon {width: 0.781vw;}

#kontakt {width: 100%;}
#kontakt #content .bottom {bottom: 0; width: 100%;}
#kontakt #content {width: 87.396vw; margin: 0 auto;}
#kontakt #content #logo {width: 11.667vw;}
#kontakt .kontakt_txt .big {font-size: 3.77vw; line-height: 3.77vw; margin-bottom: 0.652vw;}
#kontakt .kontakt_txt .small {font-size: 1.25vw; line-height: 1.25vw;}
#kontakt #content .bottom .copyright {flex: 1 0 50%; font-size: 0.833vw; line-height: 0.833vw;}
#kontakt #content .bottom #socials {flex: 1 0 50%; font-size: 0.833vw; line-height: 0.833vw; gap: 0.677vw;}


@media (max-width: 768px) {
#home #bg { background-image: url('/wp-content/uploads/2026/04/bg_top_mobile.jpg'); }
#home #top_nav .tiles-wrapper {gap: 1.734vw; flex-direction: column;}
#home #top_nav .tile h3 {top: 30.058vw; left: 3.468vw; font-size: 2.094vw; line-height: 2.094vw;}
#home #top_nav .tile-big h2 {top: 30.058vw; left: 3.468vw; font-size: 3.142vw; line-height: 3.142vw;}
#home #top_nav .tile-big { width: 77.457vw; height: 47.399vw;}
#home #top_nav .tile-big:hover { width: 77.457vw;  }
#home #top_nav .tiles-grid { grid-template-columns: repeat(2, 38.15vw); grid-template-rows: repeat(3, 36.416vw); gap: 1.734vw; }
#home #top_nav .tiles-grid .tile { width: 38.15vw; height: 36.416vw; background-position-y: 0.26vw;}
#home #top_nav .tile-empty {font-size: 2.094vw; line-height: 2.094vw; gap: 2.302vw;}
#home #top_nav .tile-empty .icon img {width: 7.042vw;}

#home {width: 100%; aspect-ratio: 865/1890;}
#home #logo {width: 23.699vw; position: relative; top: 4.277vw;}
#home .vc_column_container, #home .vc_column_container .vc_column-inner, #home .vc_column_container .vc_column-inner .wpb_wrapper {height: 100%;}
#home #bg {width: 100%; aspect-ratio: 865/1670; top: 0; left: 0; background-size: cover;}
#home #shadow {width: 100%; aspect-ratio: 1920/499; top: 177vw; left: 0;}
	#home #content {width: 87.396vw; margin: 0 auto; padding-top: 1.771vw;}
#home #socials {display: none; right: 0; top: 4.792vw; font-size: 0.833vw; line-height: 0.833vw; gap: 0.833vw}
#home #top_nav {top: 23.931vw; left: 11.561vw;}
#home .bottom {bottom: 28.552vw; left: 6.302vw; font-size: 1.833vw; line-height: 1.833vw;}

#facebook {width: 1.156vw;}
#instagram {width: 2.428vw;}

		#nav {display: none !important; margin-top: -5.208vw;}
		#nav #nav_items {padding: 0 6.51vw;}
		#nav #nav_items .buttons {gap: 0.521vw;}
		#nav #nav_items .item {width: 12.083vw;}
		#nav #nav_items .item .item_title {bottom: 1.458vw; left: 0.781vw; font-size: 0.625vw; line-height: 0.625vw;}
		#nav #nav_items #nav_small_eventy {top: -0.313vw;}
		#nav #nav_items .nav_close {font-size: 0.625vw; line-height: 0.625vw; gap: 0.625vw;}
		#nav #nav_items .nav_close img {width: 1.719vw;}

#ambasador {margin-top: -15vw; aspect-ratio: 865/3240;}
#txt_ambasador {margin: 0 auto; width: 105vw; position: relative; left: -4vw;}
#txt_ambasador img {width: 100%;}
#ambasador #kubanczyk {top: 70.936vw; left: 27.283vw;}
#ambasador #kubanczyk img {width: 105.896vw;}
#ambasador #txt {left: 10.405vw; top: 18vw;}
#ambasador #txt .big {font-size: 12.832vw; line-height: 12.832vw;}
#ambasador #txt .small {font-size: 5.202vw; line-height: 5.402vw; margin-top: 0.823vw;}
#ambasador .parafka {display: none;}
#ambasador .parafka img {width: 24.01vw;}
#ambasador #ukos {background-image: url('/wp-content/uploads/2026/04/ambasador_ukos_mobile.png'); width: 100%; aspect-ratio: 865/2052; left: 0; top: 136.49vw;}
#ambasador #ukos .numer_belka {font-size: 5.977vw; gap: 6.012vw; left: 11.561vw; top: 20.809vw;}
#ambasador #ukos .numer_belka .kreska {width: 17.624vw; height: 0.979vw;}
#ambasador #ukos .ukos_txt {width: calc(100vw - 23.122vw); left: 11.561vw; top: 34.682vw; gap: 8.671vw;}
#ambasador #ukos .ukos_title {font-size: 11.561vw; line-height: 11.561vw;}
#ambasador #ukos .ukos_desc {font-size: 5.202vw; line-height: 5.502vw;}

	#gdziekupic {margin-top: 3.802vw; aspect-ratio: 1920/1170;}
	#txt_gdziekupic {margin: 0 auto; width: 87.552vw;}
	#txt_gdziekupic img {width: 100%;}
	#gdziekupic #puszka {top: 1vw; left: 50vw;}
	#gdziekupic #puszka img {width: 40.26vw;}
	#gdziekupic #txt {left: 13.604vw; top: 12vw;}
	#gdziekupic #txt .big {font-size: 3.77vw; line-height: 3.77vw;}
	#gdziekupic #txt .small {font-size: 0.938vw; line-height: 1.238vw; margin-top: 0.823vw;}
	#gdziekupic #ukos {width: 100%; aspect-ratio: 1920/650; left: 0; top: 27vw;}
	#gdziekupic #ukos {gap: 3.646vw;}
	#gdziekupic #ukos #line1 {gap: 1.563vw;}
	#gdziekupic #ukos #line2 {gap: 7.292vw;}
	#gdziekupic #ukos #line3 {gap: 3.906vw; font-size: 1.59vw;}
	#gdziekupic #ukos #line3 .kreska {width: 4.688vw; height: 0.26vw; min-height: 1px;}
	#gdziekupic #ukos #logo_zabka img {width: 11.25vw;}
	#gdziekupic #ukos #logo_auchan img {width: 17.708vw;}
	#gdziekupic #ukos #logo_carrefour img {width: 8.281vw;}
	#gdziekupic #ukos #logo_kaufland img {width: 16.458vw;}
	#gdziekupic #ukos #logo_dealz img {width: 11.354vw;}
	#gdziekupic #ukos #logo_stokrotka img {width: 17.656vw;}
	#gdziekupic #ukos #logo_delikatesy img {width: 13.958vw;}

	#produkty {margin-top: 3.802vw; aspect-ratio: 1920/1650;}
	#txt_produkty {margin-left: 6.25vw; width: 77.865vw;}
	#txt_produkty img {width: 100%;}
	#produkty #facet {top: 0vw; left: 37vw;}
	#produkty #facet img {width: 46.198vw;}
	#produkty #txt {left: 13.604vw; top: 6vw; width: 25vw;}
	#produkty #txt .big {font-size: 3.77vw; line-height: 3.77vw;}
	#produkty #txt .small {font-size: 0.938vw; line-height: 1.238vw; margin-top: 0.823vw;}
	#produkty #ukos {width: 100%; aspect-ratio: 1920/1130; left: 0; top: 27vw;}
	#produkty #ukos .numer_belka {font-size: 1.59vw; gap: 1.823vw;}
	#produkty #ukos .numer_belka .kreska {width: 4.688vw; height: 0.26vw;}
	#produkty #ukos .produkty_title {font-size: 3.77vw; line-height: 3.77vw; margin-top: 3.125vw; margin-bottom: 4.167vw;}
	#produkty #ukos  #produkty_lista {margin-left: -6.771vw;}
	#produkty #ukos .produkt {width: 19.115vw; margin-left: -1vw;}
	#produkty #ukos .produkt .image, #produkty #ukos .produkt .image img {width: 100%;}
	#produkty #ukos .produkt .image img {margin-left: -2.3vw;}
	#produkty #ukos .produkt .desc {width: 13.021vw; font-size: 0.938vw; line-height: 0.938vw; margin-top: 1.563vw;}

	#kampanie {margin-top: 3.802vw; aspect-ratio: 1920/3820;}
	#kampanie #kampanie_top #minuty {font-size: 1.59vw; line-height: 1.59vw; left: 12.76vw; top: 2.5vw;}
	#kampanie #kampanie_top #txt_kampanie {top: 3.385vw; left: 7.292vw;}
	#kampanie #kampanie_top #txt_kampanie img {width: 37.448vw;}
	#kampanie #kampanie_top #txt {left: 12.24vw; top: 12.24vw; width: 26.563vw;}
	#kampanie #kampanie_top #txt .big {font-size: 3.77vw; line-height: 3.77vw;}
	#kampanie #kampanie_top #txt .small {font-size: 0.938vw; line-height: 1.238vw; margin-top: 0.823vw;}
	#kampanie .spot-video {width: 100%;}
	#kampanie .spot {width: 50vw; top: 0; right: 0;}
	#kampanie .kampanie_1_txt {width: 27vw; left: 12.24vw; top: 11.719vw; gap: 2.344vw;}
	#kampanie .kampanie_2_txt {width: 27vw; left: 59.531vw; top: 18.75vw; gap: 3.385vw;}
	#kampanie .kampanie_4_txt {width: 27vw; left: 59.531vw; top: 18.75vw; gap: 3.385vw;}
	#kampanie .numer_belka {font-size: 1.59vw; gap: 1.823vw;}
	#kampanie .numer_belka .kreska {width: 4.688vw; height: 0.26vw;}
	#kampanie #kampanie_1 .kampanie_1_img {top: 0; right: 0; }
	#kampanie #kampanie_1 .kampanie_1_img img {width: 58.385vw;}
	#kampanie #kampanie_1 .numer_belka {left: 5.729vw; top: 7.813vw;}
	#kampanie #kampanie_2 {margin-top: -8.333vw;}
	#kampanie #kampanie_2 .numer_belka {right: 10.417vw; top: 13.802vw;}
	#kampanie #kampanie_3 .numer_belka {margin-bottom: 3.125vw;}
	#kampanie #kampanie_4 .numer_belka {right: 10.417vw; top: 13.802vw;}
	#kampanie .kampania_title {font-size: 3.77vw; line-height: 3.77vw;}
	#kampanie #kampanie_3 .kampania_title {margin-bottom: 2.344vw;}
	#kampanie .kampania_desc {font-size: 0.938vw; line-height: 1.238vw;}
	#kampanie #kampanie_3 {margin-top: 3.646vw;}
	#kampanie #kampanie_4 {margin-top: 1.302vw;}
	#kampanie #kampanie_3 .kampania_desc {width: 37.458vw;}
	#kampanie #kampanie_3 #akcje {margin-top: 3.385vw; gap: 1.302vw;}
	#kampanie #kampanie_3 #akcje .akcja {gap: 1.042vw;}
	#kampanie #kampanie_3 .akcja .image {width: 13.438vw;}
	#kampanie #kampanie_3 .akcja .image img {width: 100%;}
	#kampanie #kampanie_3 #akcje .akcja .nazwa {font-size: 0.833vw; line-height: 0.833vw;}
	#kampanie #kampanie_3 #akcje .akcja .kreska {width: 4.688vw; height: 0.26vw;}
	#kampanie .btn {width: 15.729vw; height: 2.917vw; font-size: 0.938vw; line-height: 0.938vw; margin-top: 1.823vw; border-radius: 1.458vw; gap: 1vw;}
	#kampanie .btn .icon {width: 0.781vw;}

#kontakt {width: 100%; aspect-ratio: 865/545;}
#kontakt #content .bottom {bottom: 0; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2.312vw;}
#kontakt #content {width: 100vw; margin: 0 auto; display: flex; flex-direction: column; gap: 5.78vw;}
#kontakt #content #logo {width: 25.896vw; position: relative;}
#kontakt .kontakt_txt {margin-bottom: 12.717vw;}
#kontakt .kontakt_txt .big {font-size: 8.368vw; line-height: 8.368vw; margin-bottom: 4.046vw;}
#kontakt .kontakt_txt .small {font-size: 2.775vw; line-height: 2.775vw;}
#kontakt #content .bottom .copyright {flex: 1 0 100%; font-size: 1.85vw; line-height: 1.85vw; order: 2;}
#kontakt #content .bottom #socials {flex: 1 0 100%; font-size: 1.85vw; line-height: 1.85vw; gap: 1.734vw; order: 1;}
}