

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #fff;
}


.main-wrapper {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px;
  box-sizing: border-box;
}

.menu-wrapped {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}


.frame {
  position: relative;
	right: -80px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-color: #000;
  width: 131px;
  height: 48px;
  display: flex;
  flex-direction: row;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  justify-content: center;
  align-items: center;
}

.zaloguj {
  width: 131px;
  line-height: 150%;
  font-weight: 500;
  display: flex;
  flex-shrink: 0;
  color: #fff;
  text-decoration: none;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  align-items: center;
  justify-content: center;
	
}

.zaloguj:hover {
  color: #a01f80;
}

.logo-1-icon {
  position: relative;
  width: 204px;
  height: auto;
  object-fit: cover;
}

.items1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-right: 32px;
  height: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.items1 a {
  display: inline-block;
  margin: 0 10px;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
}

.items1 a:hover {
  color: #a01f80;
}

.na-tgrze-2 {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
  height: 120px;
  font-size: 20px;
  display: flex;
  align-items: center;
  z-index: 9999;
}

.na-tgrze-3 {
  position: fixed;
  width: 100%;
  top: 120px;
  left: 0;
  background-color: rgb(216, 192, 230);
  box-sizing: border-box;
  height: 78px;
  font-size: 20px;
  display: flex;
  align-items: center;
  z-index: 9998;
  justify-content: flex-end;
}

.logo-1-icon {
  	position: absolute;
  	top: -100px;
  	left: calc(50% - 790px + 71px);
  	width: 204px;
  	height: 204px;
  	object-fit: cover;
}

.items1 {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 gap: 20px;
  margin-right: calc(50% - 990px + 220px); 
  height: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 30px */

  
}

.items1 a {
  display: inline-block; 
  margin: 0 10px;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
}

.items1 a:hover {
  color: #a01f80;
}

.to {
  	position: absolute;
  	top: 175px;
  	left: 0px;
  	background-color: rgba(216, 192, 230, 0.31);
  	width: 100%;
  	height: 3803px;
}

.inni-ju-wyprbowali {
  	position: absolute;
  	top: 3370px;
  	left: calc(50% - 428px);
  	font-size: 48px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 100%;
}
.ratuj-mj-kady {
  	align-self: stretch;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
}
.tomasz {
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
}
.upada-gwiazda-buyzrana {
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	color: #828282;
}
.tomasz-parent {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 2px;
}
.avatar {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	font-size: 16px;
}
.customer-quote {
  	position: absolute;
  	top: 3510.5px;
  	left: 485.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}
.customer-quote1 {
  	position: absolute;
  	top: 3510.5px;
  	left: 948.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}
.kady-znajdzie-co {
  	align-self: stretch;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
  	height: 72px;
  	flex-shrink: 0;
}
.customer-quote2 {
  	position: absolute;
  	top: 3962.5px;
  	left: 1503.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}
.buazranapl {
  	position: absolute;
  	top: 178px;
  	left: 71px;
  	line-height: 150%;
}
.buttons-icon {
  	position: absolute;
  	top: 136px;
  	left: 890px;
  	border-radius: 4px;
  	width: 40px;
  	height: 40px;
}
.divider {
  	position: absolute;
  	top: 0.5px;
  	left: 79.5px;
  	border-top: 1px solid #e5a0d1;
  	box-sizing: border-box;
  	width: 1281px;
  	height: 1px;
}
.icon {
  	position: absolute;
  	top: 125px;
  	left: 8px;
  	width: 24px;
  	height: 24px;
  	object-fit: cover;
}
.buttons-icon1 {
  	position: absolute;
  	top: 78px;
  	left: 0px;
  	border-radius: 4px;
  	width: 40px;
  	height: 40px;
  	object-fit: cover;
}
.wpadlimy-ci-w {
  	margin: 0;
}
.wpadlimy-ci-w-container {
  	position: absolute;
  	top: 0px;
  	left: 10px;
  	font-size: 20px;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
  	width: 450px;
  	height: 65px;
}
.httpswwwfacebookcombuaz {
  	position: absolute;
  	top: 85px;
  	left: 49px;
  	text-decoration: underline;
  	line-height: 150%;
  	font-weight: 500;
  	color: inherit;
  	display: inline-block;
  	width: 449px;
  	height: 32px;
	text-decoration: none;
}
.httpswwwinstagramcombua {
  	position: absolute;
  	top: 125px;
  	left: 49px;
  	line-height: 150%;
  	font-weight: 500;
}
.icon-parent {
  	position: absolute;
  	top: 53px;
  	left: 1411px;
  	width: 498px;
  	height: 149px;
  	font-size: 16px;
  	color: #922554;
}
.stopka {
  	 position: absolute;
	top: 3950px;
  	width: 100%;
  	right: 0px;
  	bottom: 0px;
  	left: 0px;
  	background-color: #e5a0d1;
  	height: 264px;
  	overflow: hidden;
}
.items {
  	position: absolute;
  	top: 56px;
  	right: 80px;
  	width: 131px;
  	height: 52px;
}
.na-pocztku {
  	position: absolute;
  	width: 100%;
  	top: 0px;
  	right: 1px;
  	left: -1px;
  	background-color: #fff;
  	height: 97px;
  	overflow: hidden;
}
.bakery-4937230-2-icon {
  	position: absolute;
  	top: 87px;
  	left: 87px;
  	width: 231px;
  	height: 231px;
  	object-fit: cover;
}
.image {
  	align-self: stretch;
  	position: relative;
  	border-radius: 8px;
  	height: 405px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.copy {
  	width: 381px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
}
.card {
  	position: absolute;
  	top: 2617px;
  	left: 174px;
  	width: 405px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}
.image3 {
  	position: absolute;
  	top: 0px;
  	left: -168px;
  	width: 607.5px;
  	height: 405px;
}
.motorbike-12869881-1 {
  	position: absolute;
  	top: 65px;
  	left: 64px;
  	width: 276px;
  	height: 276px;
}
.delivery-6707452-1-icon {
  	position: absolute;
  	top: 68px;
  	left: 67px;
  	width: 270px;
  	height: 270px;
  	object-fit: cover;
}
.card1 {
  	position: absolute;
  	top: 2617px;
  	left: 788px;
  	width: 405px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}
.div {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 405px;
  	height: 405px;
}
.bakery-4937230-1 {
  	position: absolute;
  	top: 46px;
  	left: 53px;
  	width: 298px;
  	height: 298px;
}
.image-4 {
  	position: absolute;
  	top: -548px;
  	left: -547px;
  	width: 1500px;
  	height: 1500px;
}
.woman-1886775-1-icon {
  	position: absolute;
  	top: 66px;
  	left: 74px;
  	width: 257px;
  	height: 257px;
  	object-fit: cover;
}
.card2 {
  	position: absolute;
  	top: 3117px;
  	left: 1402px;
  	width: 405px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}
.nasz-zesp-codziennie-container {
  	position: absolute;
  	top: 3102px;
  	left: 174px;
  	font-size: 20px;
  	letter-spacing: -0.04em;
  	line-height: 150%;
  	text-align: justify;
  	display: inline-block;
  	width: 404px;
  	height: 89px;
}
.wybierasz-swoj-ulubion-container {
  	position: absolute;
  	top: 3602px;
  	left: 1402px;
  	font-size: 20px;
  	letter-spacing: -0.04em;
  	line-height: 150%;
  	text-align: justify;
  	display: inline-block;
  	width: 404px;
  	height: 89px;
}
.nasz-dostawca-przywozi-container {
  	position: absolute;
  	top: 3102px;
  	left: 785px;
  	font-size: 20px;
  	letter-spacing: -0.04em;
  	line-height: 150%;
  	text-align: justify;
  	display: inline-block;
  	width: 404px;
  	height: 89px;
}
.to-takie-proste {
  	position: absolute;
  	top: 2550px;
  	left: 0px;
  	font-size: 48px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	text-align: center;
  	display: inline-block;
  	width: 100%;
}
.zdecydowany {
  	position: absolute;
  	top: -600px;
  	left: 40px;
  	font-size: 48px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	color: #000;
  	text-align: left;
  	display: inline-block;
  	width: 30%;
}
.kontakt {
  	width: 151px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-shrink: 0;
	color:#fff
}

.kontakt:hover {
	color:#a01f80;
}

.icon1 {
  	position: absolute;
  	height: 83.27%;
  	width: 83.27%;
  	top: 8.33%;
  	right: 8.4%;
  	bottom: 8.4%;
  	left: 8.33%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
	color:#fff
}

.icon1:hover {
	color:#a01f80
}

.arrow-right-circle {
  	width: 49px;
  	position: relative;
  	height: 49px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.button {
  	position: absolute;
  	top: -590px;
  	left: 582px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 230px;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}
.sprawd-ofert {
  	width: 248px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-shrink: 0;
	color: #fff;
}

.sprawd-ofert:hover{
	color: #a01f80;
}

.button1 {
  	position: absolute;
  	top: -590px;
  	left: 1006px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 327px;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}
.na-kocu {
  	position: absolute;
  	top: 4391px;
  	left: calc(50% - 700px);
  	width: 1401px;
  	height: 76px;
  	text-align: center;
  	font-size: 27px;
  	color: #fff;
}
.mae-mu-giuc-l74ut8-unsplash-1 {
  	position: absolute;
  	top: -118px;
  	left: 61px;
  	width: 100%;
  	height: 833px;
}
.uklad-kanapek-z-napojem-2 {
  	position: absolute;
  	top: 0px;
  	left: 61px;
  	width: 50%;
  	height: 640px;
}
.uklad-kanapek-z-napojem-3-icon {
  	position: absolute;
  	top: -215px;
  	left: -120px;
  	width: 100%;
  	height: auto;
  	object-fit: cover;
}
.hero-image {
  	position: absolute;
  	width: 58%;
  	top: 420px;
  	right: 43.74%;
  	left: -2.12%;
  	border-radius: 8px;
  	height: 640px;
  	
}
.buazrana {
  	align-self: stretch;
  	position: relative;
  	letter-spacing: -0.02em;
}
.jestemy-mobilnym-cateringiem {
  	align-self: stretch;
  	position: relative;
  	font-size: 24px;
  	line-height: 150%;
  	color: rgba(0, 0, 0, 0.75);
}
.page-title {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 100%;
  	height: 321px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}


.icon3 {
  	position: absolute;
  	height: 83.28%;
  	width: 83.28%;
  	top: 8.33%;
  	right: 8.39%;
  	bottom: 8.39%;
  	left: 8.33%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.arrow-right-circle2 {
  	width: 61px;
  	position: relative;
  	height: 61px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.button2 {
  	position: absolute;
  	top: 361px;
  	left: 0px;
	font-size: 27px;
  	  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 327px;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}
.page-title-parent {
  	position: absolute;
  	top: 353px;
  	left: 50%;
  	width: 50%;
  	height: 442px;
  	font-size: 64px;
}
.image-icon {
  	position: absolute;
  	top: 29px;
  	left: 703px;
  	border-radius: 8px 0px 0px 8px;
  	width: 1156px;
  	height: 704px;
  	overflow: hidden;
  	object-fit: cover;
}
.dlaczego-warto-nas {
  	position: absolute;
  	top: 0px;
  	left: 1px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 624px;
}
.wieo-i-punktualnie {
  	width: 515px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
}
.dostarczamy-gotowe-kanapki {
  	width: 515px;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	text-align: justify;
  	display: flex;
  	align-items: center;
}
.text1 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	gap: 8px;
}
.zamawiasz-dzie-wczeniej {
  	width: 515px;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	display: flex;
  	align-items: center;
}
.idealne-rozwizanie-na {
  	align-self: stretch;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
}
.text {
  	position: absolute;
  	top: 148px;
  	left: 0px;
  	width: 90%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-end;
  	justify-content: flex-start;
  	gap: 48px;
  	font-size: 24px;
}
.button3 {
  	position: absolute;
  	top: 692px;
  	left: 0px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 230px;
  	height: 68px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
  	text-align: center;
  	font-size: 27px;
  	color: #fff;
}
.dlaczego-warto-nas-wybra-parent {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 60%;
  	height: 760px;
}
.zdj-3 {
  	position: absolute;
  	top: 1582px;
  	left: 71px;
  	width: 100%;
  	height: 760px;
  	font-size: 48px;
}
.linie-icon {
  	position: absolute;
  	top: 2492px;
  	left: 235px;
  	width: 898px;
  	height: 6px;
  	opacity: 0.6;
}
.linie-icon2 {
  	position: absolute;
  	top: 3300px;
  	left:260px;
  		width: 898px;
  	height: 6px;
  	opacity: 0.6;
}
.ktr-ofert-dzi {
  	position: absolute;
  	top: 900px;
	
  	left: 61px;
  	font-size: 48px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 50%;
}
.image-icon1 {
  	align-self: stretch;
  	position: relative;
  	border-radius: 8px;
  	max-width: 100%;
  	overflow: hidden;
  	height: 341px;
  	flex-shrink: 0;
  	object-fit: cover;
}
.staa-oferta {
  	width: 548px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 600;
  	display: inline-block;
}
.posiadamy-sta-ofert {
  	width: 548px;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	display: flex;
  	align-items: center;
}
.copy3 {
  	width: 548.4px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 8px;
}
.card3 {
  	position: absolute;
  	top: 1006px;
  	left: 71px;
  	width: 30%;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
}
.copy4 {
  	width: 547.6px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 8px;
}
.card4 {
  	position: absolute;
  	top: 1005px;
  	left: 39%;
  	width: 30%;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
}

.strona-gwna1 {
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	color: #ca3ea0;
	text-decoration: none;
}



.uwielbiam-smacznie-i {
  	align-self: stretch;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
  	height: 68px;
  	flex-shrink: 0;
}
.customer-quote3 {
  	position: absolute;
  	top: 3510.5px;
  	left: 20.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}
.strona-gwna {
  	width: 100%;
  	position: relative;
  	background-color: #fff;
  	height: 4211px;
  	overflow: hidden;
  	text-align: left;
  	font-size: 24px;
  	color: #000;
  	font-family: Inter;
}


/* === RESPONSYWNOÃ…Å¡Ã„â€  === */
@media (max-width: 1024px) {
  .main-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px;
  }

  .menu-wrapped {
    flex-wrap: wrap;
    justify-content: center;
  }

  .frame {
    margin-top: 0px;
  }

  .logo-1-icon {
    margin-bottom: 10px;
  }

  .items1 {
    margin-right: 16px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .zaloguj {
    font-size: 16px;
    width: auto;
    padding: 8px 16px;
  }

  .items1 {
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }

  .main-wrapper {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.items1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-right: calc(50% - 990px + 220px);
  height: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.items1 a {
  display: inline-block;
  margin: 0 10px;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
}

.items1 a:hover {
  color: #a01f80;
}



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #fff;
}


.main-wrapper {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px;
  box-sizing: border-box;
}

.menu-wrapped {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 20px;
}


.frame {
  position: relative;
	right: -80px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-color: #000;
  width: 131px;
  height: 48px;
  display: flex;
  flex-direction: row;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  justify-content: center;
  align-items: center;
}

.zaloguj {
  width: 131px;
  line-height: 150%;
  font-weight: 500;
  display: flex;
  flex-shrink: 0;
  color: #fff;
  text-decoration: none;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  align-items: center;
  justify-content: center;
	
}

.zaloguj:hover {
  color: #a01f80;
}

.logo-1-icon {
  position: relative;
  width: 204px;
  height: auto;
  object-fit: cover;
}

.items1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-right: 32px;
  height: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.items1 a {
  display: inline-block;
  margin: 0 10px;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
}

.items1 a:hover {
  color: #a01f80;
}

.na-tgrze-2 {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
  height: 120px;
  font-size: 20px;
  display: flex;
  align-items: center;
  z-index: 9999;
}

.na-tgrze-3 {
  position: fixed;
  width: 100%;
  top: 120px;
  left: 0;
  background-color: rgb(216, 192, 230);
  box-sizing: border-box;
  height: 78px;
  font-size: 20px;
  display: flex;
  align-items: center;
  z-index: 9998;
  justify-content: flex-end;
}

.logo-1-icon {
  	position: absolute;
  	top: -100px;
  	left: calc(50% - 790px + 71px);
  	width: 204px;
  	height: 204px;
  	object-fit: cover;
}

.items1 {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 gap: 20px;
  margin-right: calc(50% - 990px + 220px); 
  height: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 30px */

  
}

.items1 a {
  display: inline-block; 
  margin: 0 10px;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
}

.items1 a:hover {
  color: #a01f80;
}

.to {
  	position: absolute;
  	top: 175px;
  	left: 0px;
  	background-color: rgba(216, 192, 230, 0.31);
  	width: 100%;
  	height: 3803px;
}

.inni-ju-wyprbowali {
  	position: absolute;
  	top: 3370px;
  	left: calc(50% - 428px);
  	font-size: 48px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 100%;
}
.ratuj-mj-kady {
  	align-self: stretch;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
}
.tomasz {
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
}
.upada-gwiazda-buyzrana {
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	color: #828282;
}
.tomasz-parent {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 2px;
}
.avatar {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	font-size: 16px;
}
.customer-quote {
  	position: absolute;
  	top: 3510.5px;
  	left: 485.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}
.customer-quote1 {
  	position: absolute;
  	top: 3510.5px;
  	left: 948.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}
.kady-znajdzie-co {
  	align-self: stretch;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
  	height: 72px;
  	flex-shrink: 0;
}
.customer-quote2 {
  	position: absolute;
  	top: 3962.5px;
  	left: 1503.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}
.buazranapl {
  	position: absolute;
  	top: 178px;
  	left: 71px;
  	line-height: 150%;
}
.buttons-icon {
  	position: absolute;
  	top: 136px;
  	left: 890px;
  	border-radius: 4px;
  	width: 40px;
  	height: 40px;
}
.divider {
  	position: absolute;
  	top: 0.5px;
  	left: 79.5px;
  	border-top: 1px solid #e5a0d1;
  	box-sizing: border-box;
  	width: 1281px;
  	height: 1px;
}
.icon {
  	position: absolute;
  	top: 125px;
  	left: 8px;
  	width: 24px;
  	height: 24px;
  	object-fit: cover;
}
.buttons-icon1 {
  	position: absolute;
  	top: 78px;
  	left: 0px;
  	border-radius: 4px;
  	width: 40px;
  	height: 40px;
  	object-fit: cover;
}
.wpadlimy-ci-w {
  	margin: 0;
}
.wpadlimy-ci-w-container {
  	position: absolute;
  	top: 0px;
  	left: 10px;
  	font-size: 20px;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
  	width: 450px;
  	height: 65px;
}
.httpswwwfacebookcombuaz {
  	position: absolute;
  	top: 85px;
  	left: 49px;
  	text-decoration: underline;
  	line-height: 150%;
  	font-weight: 500;
  	color: inherit;
  	display: inline-block;
  	width: 449px;
  	height: 32px;
	text-decoration: none;
}
.httpswwwinstagramcombua {
  	position: absolute;
  	top: 125px;
  	left: 49px;
  	line-height: 150%;
  	font-weight: 500;
}
.icon-parent {
  	position: absolute;
  	top: 53px;
  	left: 1411px;
  	width: 498px;
  	height: 149px;
  	font-size: 16px;
  	color: #922554;
}
.stopka {
  	 position: absolute;
	top: 3950px;
  	width: 100%;
  	right: 0px;
  	bottom: 0px;
  	left: 0px;
  	background-color: #e5a0d1;
  	height: 264px;
  	overflow: hidden;
}
.items {
  	position: absolute;
  	top: 56px;
  	right: 80px;
  	width: 131px;
  	height: 52px;
}
.na-pocztku {
  	position: absolute;
  	width: 100%;
  	top: 0px;
  	right: 1px;
  	left: -1px;
  	background-color: #fff;
  	height: 97px;
  	overflow: hidden;
}
.bakery-4937230-2-icon {
  	position: absolute;
  	top: 87px;
  	left: 87px;
  	width: 231px;
  	height: 231px;
  	object-fit: cover;
}
.image {
  	align-self: stretch;
  	position: relative;
  	border-radius: 8px;
  	height: 405px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.copy {
  	width: 381px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
}
.card {
  	position: absolute;
  	top: 2617px;
  	left: 50px;
  	width: 405px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}
.image3 {
  	position: absolute;
  	top: 0px;
  	left: -168px;
  	width: 607.5px;
  	height: 405px;
}
.motorbike-12869881-1 {
  	position: absolute;
  	top: 65px;
  	left: 64px;
  	width: 276px;
  	height: 276px;
}
.delivery-6707452-1-icon {
  	position: absolute;
  	top: 68px;
  	left: 67px;
  	width: 270px;
  	height: 270px;
  	object-fit: cover;
}
.card1 {
  	position: absolute;
  	top: 2617px;
  	left: 558px;
  	width: 405px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}
.div {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 405px;
  	height: 405px;
}
.bakery-4937230-1 {
  	position: absolute;
  	top: 46px;
  	left: 53px;
  	width: 298px;
  	height: 298px;
}
.image-4 {
  	position: absolute;
  	top: -548px;
  	left: -547px;
  	width: 1500px;
  	height: 1500px;
}
.woman-1886775-1-icon {
  	position: absolute;
  	top: 66px;
  	left: 74px;
  	width: 257px;
  	height: 257px;
  	object-fit: cover;
}
.card2 {
  	position: absolute;
  	top: 2617px;
  	left: 992px;
  	width: 405px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}
.nasz-zesp-codziennie-container {
  	position: absolute;
  	top: 3102px;
  	left: 53px;
  	font-size: 20px;
  	letter-spacing: -0.04em;
  	line-height: 150%;
  	text-align: justify;
  	display: inline-block;
  	width: 354px;
  	height: 89px;
}
.wybierasz-swoj-ulubion-container {
  	position: absolute;
  	top: 3102px;
  	left: 992px;
  	font-size: 20px;
  	letter-spacing: -0.04em;
  	line-height: 150%;
  	text-align: justify;
  	display: inline-block;
  	width: 354px;
  	height: 89px;
}
.nasz-dostawca-przywozi-container {
  	position: absolute;
  	top: 3102px;
  	left: 555px;
  	font-size: 20px;
  	letter-spacing: -0.04em;
  	line-height: 150%;
  	text-align: justify;
  	display: inline-block;
  	width: 354px;
  	height: 89px;
}
.to-takie-proste {
  	position: absolute;
  	top: 2550px;
  	left: 0px;
  	font-size: 48px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	text-align: center;
  	display: inline-block;
  	width: 100%;
}
.zdecydowany {
  	position: absolute;
  	top: -600px;
  	left: 40px;
  	font-size: 48px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	color: #000;
  	text-align: left;
  	display: inline-block;
  	width: 30%;
}
.kontakt {
  	width: 151px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-shrink: 0;
	color:#fff
}

.kontakt:hover {
	color:#a01f80;
}

.icon1 {
  	position: absolute;
  	height: 83.27%;
  	width: 83.27%;
  	top: 8.33%;
  	right: 8.4%;
  	bottom: 8.4%;
  	left: 8.33%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
	color:#fff
}

.icon1:hover {
	color:#a01f80
}

.arrow-right-circle {
  	width: 49px;
  	position: relative;
  	height: 49px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.button {
  	position: absolute;
  	top: -590px;
  	left: 582px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 230px;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}
.sprawd-ofert {
  	width: 248px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-shrink: 0;
	color: #fff;
}

.sprawd-ofert:hover{
	color: #a01f80;
}

.button1 {
  	position: absolute;
  	top: -590px;
  	left: 1006px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 327px;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}
.na-kocu {
  	position: absolute;
  	top: 4391px;
  	left: calc(50% - 700px);
  	width: 1401px;
  	height: 76px;
  	text-align: center;
  	font-size: 27px;
  	color: #fff;
}
.mae-mu-giuc-l74ut8-unsplash-1 {
  	position: absolute;
  	top: -118px;
  	left: 61px;
  	width: 100%;
  	height: 833px;
}
.uklad-kanapek-z-napojem-2 {
  	position: absolute;
  	top: 0px;
  	left: 61px;
  	width: 50%;
  	height: 640px;
}
.uklad-kanapek-z-napojem-3-icon {
  	position: absolute;
  	top: -215px;
  	left: -120px;
  	width: 100%;
  	height: auto;
  	object-fit: cover;
}
.hero-image {
  	position: absolute;
  	width: 58%;
  	top: 420px;
  	right: 43.74%;
  	left: -2.12%;
  	border-radius: 8px;
  	height: 640px;
  	
}
.buazrana {
  	align-self: stretch;
  	position: relative;
  	letter-spacing: -0.02em;
}
.jestemy-mobilnym-cateringiem {
  	align-self: stretch;
  	position: relative;
  	font-size: 24px;
  	line-height: 150%;
  	color: rgba(0, 0, 0, 0.75);
}
.page-title {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 100%;
  	height: 321px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}


.icon3 {
  	position: absolute;
  	height: 83.28%;
  	width: 83.28%;
  	top: 8.33%;
  	right: 8.39%;
  	bottom: 8.39%;
  	left: 8.33%;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
}
.arrow-right-circle2 {
  	width: 61px;
  	position: relative;
  	height: 61px;
  	overflow: hidden;
  	flex-shrink: 0;
}
.button2 {
  	position: absolute;
  	top: 361px;
  	left: 0px;
	font-size: 27px;
  	  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 327px;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}
.page-title-parent {
  	position: absolute;
  	top: 353px;
  	left: 50%;
  	width: 50%;
  	height: 442px;
  	font-size: 64px;
}
.image-icon {
  	position: absolute;
  	top: 29px;
  	left: 703px;
  	border-radius: 8px 0px 0px 8px;
  	width: 1156px;
  	height: 704px;
  	overflow: hidden;
  	object-fit: cover;
}
.dlaczego-warto-nas {
  	position: absolute;
  	top: 0px;
  	left: 1px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 624px;
}
.wieo-i-punktualnie {
  	width: 515px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
}
.dostarczamy-gotowe-kanapki {
  	width: 515px;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	text-align: justify;
  	display: flex;
  	align-items: center;
}
.text1 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
  	gap: 8px;
}
.zamawiasz-dzie-wczeniej {
  	width: 515px;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	display: flex;
  	align-items: center;
}
.idealne-rozwizanie-na {
  	align-self: stretch;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
}
.text {
  	position: absolute;
  	top: 148px;
  	left: 0px;
  	width: 90%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-end;
  	justify-content: flex-start;
  	gap: 48px;
  	font-size: 24px;
}
.button3 {
  	position: absolute;
  	top: 692px;
  	left: 0px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 230px;
  	height: 68px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
  	text-align: center;
  	font-size: 27px;
  	color: #fff;
}
.dlaczego-warto-nas-wybra-parent {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 60%;
  	height: 760px;
}
.zdj-3 {
  	position: absolute;
  	top: 1582px;
  	left: 71px;
  	width: 100%;
  	height: 760px;
  	font-size: 48px;
}
.linie-icon {
  	position: absolute;
  	top: 2492px;
  	left: 235px;
  	width: 898px;
  	height: 6px;
  	opacity: 0.6;
}
.linie-icon2 {
  	position: absolute;
  	top: 3300px;
  	left:260px;
  		width: 898px;
  	height: 6px;
  	opacity: 0.6;
}
.ktr-ofert-dzi {
  	position: absolute;
  	top: 900px;
	
  	left: 61px;
  	font-size: 48px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 50%;
}
.image-icon1 {
  	align-self: stretch;
  	position: relative;
  	border-radius: 8px;
  	max-width: 100%;
  	overflow: hidden;
  	height: 341px;
  	flex-shrink: 0;
  	object-fit: cover;
}
.staa-oferta {
  	width: 548px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 600;
  	display: inline-block;
}
.posiadamy-sta-ofert {
  	width: 548px;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	display: flex;
  	align-items: center;
}
.copy3 {
  	width: 548.4px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 8px;
}
.card3 {
  	position: absolute;
  	top: 1006px;
  	left: 71px;
  	width: 30%;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
}
.copy4 {
  	width: 547.6px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 8px;
}
.card4 {
  	position: absolute;
  	top: 1005px;
  	left: 39%;
  	width: 30%;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
}

.strona-gwna1 {
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	color: #ca3ea0;
	text-decoration: none;
}



.uwielbiam-smacznie-i {
  	align-self: stretch;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
  	height: 68px;
  	flex-shrink: 0;
}
.customer-quote3 {
  	position: absolute;
  	top: 3510.5px;
  	left: 20.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}
.strona-gwna {
  	width: 100%;
  	position: relative;
  	background-color: #fff;
  	height: 4211px;
  	overflow: hidden;
  	text-align: left;
  	font-size: 24px;
  	color: #000;
  	font-family: Inter;
}



@media (max-width: 1024px) {
  .main-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px;
  }

  .menu-wrapped {
    flex-wrap: wrap;
    justify-content: center;
  }

  .frame {
    margin-top: 0px;
  }

  .logo-1-icon {
    margin-bottom: 10px;
  }

  .items1 {
    margin-right: 16px;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .zaloguj {
    font-size: 16px;
    width: auto;
    padding: 8px 16px;
  }

  .items1 {
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }

  .main-wrapper {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.items1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  margin-right: calc(50% - 990px + 220px);
  height: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.items1 a {
  display: inline-block;
  margin: 0 10px;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
}

.items1 a:hover {
  color: #a01f80;
}

@media (max-width: 1024px) {
  .items1 {
	  width: 100%;
	  
    margin-right: 0px;
	  display: block;
    flex-wrap: wrap;
  }

	.items1 a {
  display: inline-block;
  margin: 0 3px;
		margin-top: 25px;
		margin-left: -1px;
  color: #000000;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none;
  line-height: 1;
}
  
  .logo-1-icon {
  	position: relative;
  	top: 0;
  	left: 0;
  	width: 204px;
  	height: 204px;
	margin-left: auto;
	margin-right: auto;
  	object-fit: cover;
}
  
 .na-tgrze-3 {
  position: fixed;
  width: 100%;
  top: 120px;
  left: 0;
  background-color: rgb(216, 192, 230);
  box-sizing: border-box;
  height: 88px;
  font-size: 20px;
  display: flex;
  align-items: center;
  z-index: 9998;
  justify-content: flex-end;
} 

	.frame {
  position: relative;
		top: -16px;
	right: -80px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background-color: #000;
  width: 131px;
  height: 48px;
  display: flex;
  flex-direction: row;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  justify-content: center;
  align-items: center;
}

	.uklad-kanapek-z-napojem-3-icon {
  	position: absolute;
  	top: -215px;
  	left: 0px;
  	width: 100%;
  	height: auto;
  	object-fit: cover;
}

	.hero-image {
  	position: absolute;
  	width: 100%;
  	top: 420px;
  	right: 43.74%;
  	left: -2.12%;
  	border-radius: 8px;
  	height: 640px;
  	
}

	.page-title-parent {
  	position: absolute;
  	top: 453px;
  	left: 0%;
  	width: 100%;
  	height: 442px;
  	font-size: 64px;
}

	.page-title {
  	position: absolute;
  	top: 0px;
  	left: 5px;
  	width: 100%;
  	height: 321px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
		font-size: 35px;
}


	.ktr-ofert-dzi {
  	position: absolute;
  	top: 1080px;
	
  	left: 5px;
  	font-size: 24px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 100%;
}

	.card3 {
  	position: absolute;
  	top: 1206px;
  	left: 0px;
  	width: 100%;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
}
.copy4 {
  	width: 95%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 8px;
}
.card4 {
  	position: absolute;
  	top: 1755px;
  	left: 0%;
  	width: 100%;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 32px;
}

	.button2 {
  	position: absolute;
  	top: 521px;
  	left: 5px;
	font-size: 27px;
  	  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 280px;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}

	.sprawd-ofert {
  	width: 208px;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-shrink: 0;
	color: #fff;
}







	.strona-gwna {
  	width: 100%;
  	position: relative;
  	background-color: #fff;
  	height: 6811px;
  	overflow: hidden;
  	text-align: left;
  	font-size: 24px;
  	color: #000;
  	font-family: Inter;
}

	.to {
  	position: absolute;
  	top: 175px;
  	left: 0px;
  	background-color: rgba(216, 192, 230, 0.31);
  	width: 100%;
  	height: 7803px;
}

	.stopka {
  	 position: absolute;
	top: 6550px;
  	width: 100%;
  	right: 0px;
  	bottom: 0px;
  	left: 0px;
  	background-color: #e5a0d1;
  	height: 264px;
  	overflow: hidden;
}


	.na-kocu {
  	position: absolute;
  	top: 6791px;
  	left: 0px;
  	width: 100%;
  	height: auto;
  	text-align: center;
  	font-size: 27px;
  	color: #fff;
}



	.customer-quote3 {
  	position: absolute;
  	top: 7510.5px;
  	left: 20.5px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 406.3px;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}


	.customer-quote3 {
  	position: absolute;
  	top: 5180.5px;
  	left: 0px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 100%;
  	height: 235px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}

	.customer-quote1 {
  	position: absolute;
  	top: 5810.5px;
  	left: 0px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 100%;
  	height: 295px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}


	.zdj-3 {
  	position: absolute;
  	top: 2382px;
  	left: 5px;
  	width: 100%;
  	height: 760px;
  	font-size: 48px;
}


	.posiadamy-sta-ofert {
  	width: 95%;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	display: flex;
  	align-items: center;
}
.copy3 {
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 8px;
}


	.linie-icon {
  	position: absolute;
  	top: 3792px;
  	left: 0px;
  	width: 898px;
  	height: 6px;
  	opacity: 0.6;
}


	.to-takie-proste {
  	position: absolute;
  	top:3850px;
  	left: 0px;
  	font-size: 28px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	text-align: center;
  	display: inline-block;
  	width: 100%;
}


	.card {
  	position: absolute;
  	top: 3917px;
  	left: 0px;
  	width: 100%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}


	.dlaczego-warto-nas {
  	position: absolute;
  	top: 0px;
  	left: 1px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 100%;
		font-size: 24px;
}

	.dlaczego-warto-nas-wybra-parent {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width:100%;
  	height: 260px;
}

	.wieo-i-punktualnie {
  	width: 100%;
  	position: relative;
  	line-height: 150%;
  	font-weight: 500;
  	display: inline-block;
}


	.dostarczamy-gotowe-kanapki {
  	width: 100%;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	text-align: justify;
  	display: flex;
  	align-items: center;
}

	.zamawiasz-dzie-wczeniej {
  	width: 100%;
  	position: relative;
  	line-height: 150%;
  	color: #828282;
  	display: flex;
  	align-items: center;
}


	.button3 {
  	position: absolute;
  	top: 1052px;
  	left: 0px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 230px;
  	height: 68px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
  	text-align: center;
  	font-size: 27px;
  	color: #fff;
}


	.nasz-zesp-codziennie-container {
  	position: absolute;
  	top: 4302px;
  	left: 0px;
  	font-size: 20px;
  	letter-spacing: -0.04em;
  	line-height: 150%;
  	text-align: justify;
  	display: inline-block;
  	width: 95%;
  	height: 89px;
}

	.image-icon {
  	position: absolute;
  	top: 1159px;
  	left: 3px;
  	border-radius: 8px 0px 0px 8px;
  	width: 100%;
  	height: auto;
  	overflow: hidden;
  	object-fit: cover;
}


	.div {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 300px;
  	height: 305px;
}

	.bakery-4937230-2-icon {
  	position: absolute;
  	top: 20px;
  	left: 30px;
  	width: 231px;
  	height: 231px;
  	object-fit: cover;
}

	.image {
  	align-self: stretch;
  	position: relative;
  	border-radius: 8px;
  	height: 305px;
  	overflow: hidden;
  	flex-shrink: 0;
}

	.card1 {
  	position: absolute;
  	top: 4417px;
  	left: 0px;
  	width: 405px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 24px;
}

	.delivery-6707452-1-icon {
  	position: absolute;
  	top: 68px;
  	left: 0px;
  	width: 270px;
  	height: 270px;
  	object-fit: cover;
}


	.nasz-dostawca-przywozi-container {
  	position: absolute;
  	top: 4802px;
  	left: 0px;
  	font-size: 20px;
  	letter-spacing: -0.04em;
  	line-height: 150%;
  	text-align: justify;
  	display: inline-block;
  	width: 90%;
  	height: 89px;
}


	.linie-icon2 {
  	position: absolute;
  	top: 5000px;
  	left:0px;
  		width: 898px;
  	height: 6px;
  	opacity: 0.6;
}

	.inni-ju-wyprbowali {
  	position: absolute;
  	top: 5070px;
  	left: 5px;
  	font-size: 24px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	display: inline-block;
  	width: 100%;
}

	.customer-quote {
  	position: absolute;
  	top: 5470.5px;
  	left: 0px;
  	border-radius: 12px;
  	background-color: #fff;
  	border: 1px solid #e6e6e6;
  	box-sizing: border-box;
  	width: 100%;
  	height: 275px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 32px;
  	gap: 48px;
}

	.zdecydowany {
  	position: absolute;
  	top: -600px;
  	left: 40px;
  	font-size: 28px;
  	letter-spacing: -0.02em;
  	font-weight: 600;
  	color: #000;
  	text-align: left;
  	display: inline-block;
  	width: 30%;
}

	.button {
  	position: absolute;
  	top: -490px;
  	left: 23px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 230px;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}


	.button1 {
  	position: absolute;
  	top: -360px;
  	left: 0px;
  	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  	border-radius: 8px;
  	background-color: #000;
  	width: 100%;
  	height: 76px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	padding: 20px 32px 20px 0px;
  	box-sizing: border-box;
  	gap: 8px;
}
  
}

@media (max-width: 768px) {
 
}



@media (max-width: 340px) {

}