.top-nav {
  align-self: stretch;
  height: 48px;
  display: none;
}
.icons {
  height: 20px;
  width: 29px;
  overflow: hidden;
  display: none;
}
.icon,
.icons,
.sprawd {
  position: relative;
  flex-shrink: 0;
}
.sprawd {
  height: 24px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon {
  height: 20px;
  width: 20px;
}
.button {
  width: 176px;
  background-color: #ffa098;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  box-sizing: border-box;
  gap: 7px;
}
.header-cta {
  position: absolute;
  top: calc(50% - 194px);
  left: 0;
  width: 612px;
  height: 242px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.fotokalendarze {
  flex: 1;
  position: relative;
  letter-spacing: -0.02em;
  line-height: 58px;
  font-weight: 900;
  display: inline-block;
  max-width: 100%;
}
.div,
.header-1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.div {
  align-self: stretch;
  background-color: #fc005d;
  flex-direction: row;
  padding: 28px 28px 4px;
  box-sizing: border-box;
}
.header-1 {
  width: 406px;
  flex-direction: column;
}
.twoje-historie-budowane {
  flex: 1;
  position: relative;
  letter-spacing: -0.02em;
  line-height: 39px;
  display: inline-block;
  max-width: 100%;
}
.header-2 {
  align-self: stretch;
  background-color: #fc005d;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px 28px 8px;
  box-sizing: border-box;
  max-width: 100%;
  font-size: 32px;
}
.i-zaplanuj-kolejnych,
.zacznij-od-dowolnego,
.zaplanuj-swj-rok {
  margin: 0;
}
.zaplanuj-swj-rok-container {
  height: 112px;
  flex: 1;
  position: relative;
  line-height: 28px;
  display: inline-block;
  max-width: 100%;
}
.div1,
.header-3,
.text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.div1 {
  align-self: stretch;
  background-color: #fff;
  flex-direction: row;
  padding: 28px;
  box-sizing: border-box;
}
.header-3,
.text {
  flex-direction: column;
}
.header-3 {
  align-self: stretch;
  font-size: 16px;
  color: #666;
  font-family: Lato;
}
.text {
  position: absolute;
  top: 109px;
  left: 72px;
  font-size: 48px;
  font-family: Onest;
}
.slajder,
.slajder-1 {
  align-self: stretch;
  max-width: 100%;
}
.slajder {
  height: 460px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url(./public/slajder@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.slajder-1 {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  
  box-sizing: border-box;
}
.icons1 {
  height: 20px;
  width: 29px;
  overflow: hidden;
  display: none;
}
.icon1,
.icons1,
.sprawd1 {
  position: relative;
  flex-shrink: 0;
}
.sprawd1 {
  height: 24px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
}
.icon1 {
  height: 20px;
  width: 20px;
}
.button1 {
  width: 176px;
  background-color: #ffa098;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  box-sizing: border-box;
  gap: 7px;
}
.header-cta1 {
  position: absolute;
  top: calc(50% - 194px);
  left: 0;
  width: 612px;
  height: 242px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.fotokalendarze1 {
  flex: 1;
  position: relative;
  letter-spacing: -0.02em;
  line-height: 58px;
  font-weight: 900;
  display: inline-block;
  max-width: 100%;
}
.div2,
.header-11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.div2 {
  align-self: stretch;
  background-color: #fc005d;
  flex-direction: row;
  padding: 28px 28px 4px;
  box-sizing: border-box;
}
.header-11 {
  width: 406px;
  flex-direction: column;
}
.twoje-historie-budowane1 {
  flex: 1;
  position: relative;
  letter-spacing: -0.02em;
  line-height: 39px;
  display: inline-block;
  max-width: 100%;
}
.header-21 {
  align-self: stretch;
  background-color: #fc005d;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px 28px 8px;
  box-sizing: border-box;
  max-width: 100%;
  font-size: 32px;
}
.i-zaplanuj-kolejnych1,
.zacznij-od-dowolnego1,
.zaplanuj-swj-rok1 {
  margin: 0;
}
.zaplanuj-swj-rok-container1 {
  height: 112px;
  flex: 1;
  position: relative;
  line-height: 28px;
  display: inline-block;
  max-width: 100%;
}
.div3,
.header-31,
.text1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.div3 {
  align-self: stretch;
  background-color: #fff;
  flex-direction: row;
  padding: 28px;
  box-sizing: border-box;
}
.header-31,
.text1 {
  flex-direction: column;
}
.header-31 {
  align-self: stretch;
  font-size: 16px;
  color: #666;
  font-family: Lato;
}
.text1 {
  position: absolute;
  top: 109px;
  left: 72px;
  font-size: 48px;
  font-family: Onest;
}
.slajder-2,
.slajder1 {
  align-self: stretch;
  max-width: 100%;
}
.slajder1 {
  height: 400px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url(./public/slajder1@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.slajder-2 {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  
  box-sizing: border-box;
}
.slajder-icon {
  height: 480px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  min-width: 584px;
  min-height: 480px;
}
.pudeko-wspomnie {
  margin: 0;
  align-self: stretch;
  height: 77px;
  position: relative;
  font-size: inherit;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
}
.wypenione {
  line-height: 32px;
}
.span {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
}
.odbitkami {
  line-height: 32px;
}
.x15 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
}
.wypenione-200-odbitkami-container {
  position: relative;
  font-size: 24px;
}
.header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
.od {
  width: 18px;
  position: relative;
  letter-spacing: -0.02em;
  display: none;
}
.price-placeholder,
.z {
  position: relative;
  display: inline-block;
}
.price-placeholder {
  flex: 1;
  letter-spacing: -0.02em;
  line-height: 40px;
  min-width: 64px;
}
.z {
  margin: 0;
  line-height: 25px;
  font-weight: 500;
  font-family: Onest;
  min-width: 31px;
  padding: 0;
  font-size: 32px !important;
  color: #fc005d;
}
.price-container,
.price-placeholder-parent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
.price-placeholder-parent {
  gap: 6px;
  font-size: 56px;
  color: #fc005d;
}
.price-placeholder-parent .z {
  padding: 0;
  font-size: 32px !important;
  color: #fc005d;
}
.price-container {
  gap: 4px;
}
.zl {
  width: 49px;
  position: relative;
  font-size: 14px;
  text-decoration: line-through;
  font-weight: 300;
  color: #999;
  display: none;
}
.price {
  width: 101px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}
.zszt {
  line-height: 40px;
  font-weight: 500;
}
.pudeko-gratis {
  font-size: 20px;
  line-height: 36px;
}
.zszt-pudeko-container {
  align-self: stretch;
  height: 20px;
  position: relative;
  color: #292928;
  text-align: left;
  display: inline-block;
  font-size: 28px;
}
.header-parent,
.price-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.price-parent {
  gap: 24px;
  text-align: center;
  font-size: 16px;
  color: #3b3c3f;
}
.header-parent {
  gap: 36px;
}
.icons2 {
  height: 20px;
  width: 29px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.icon2,
.icons2,
.sprawd2 {
  position: relative;
}
.sprawd2 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  font-family: Onest;
  color: #fff;
  text-align: left;
  display: inline-block;
  min-width: 116px;
}
.icon2 {
  height: 20px;
  width: 20px;
}
.button2 {
  cursor: pointer;
  border: 0;
  padding: 14px 32px;
  background-color: #fc005d;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.pudelko-wspomnien,
.slajder2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
}
.pudelko-wspomnien {
  width: 477px;
  backdrop-filter: blur(20px);
  background-color: #f9f9f9;
  flex-direction: column;
  padding: 64.5px 48px;
  gap: 48px;
  min-width: 477px;
}
.slajder2 {
  align-self: stretch;
  flex-direction: row;
  
  row-gap: 20px;
}
.nasz-najlepszy-zestaw {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: inherit;
  padding: 0;
}
.icon3,
.odbitek {
  position: relative;
}
.icon3 {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.odbitek {
  letter-spacing: 0.01em;
  line-height: 36px;
  font-weight: 500;
  display: inline-block;
  min-width: 109px;
}
.photo-print-feature,
.photo-print-label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.photo-print-label {
  flex-direction: row;
  padding: 0 35px;
}
.photo-print-feature {
  height: 186px;
  width: 180px;
  flex-direction: column;
}
.vector-icon {
  width: 43px;
  height: 43px;
  position: relative;
}
.first-additional-feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 71.5px 0 0;
}
.icon-2 {
  height: 150px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.icon-pair {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 7px;
}
.ozdobne-opakowanie {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 36px;
  font-weight: 500;
}
.feature-icons {
  width: 195px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.vector-icon1 {
  width: 45px;
  height: 15.9px;
  position: relative;
}
.second-additional-feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 85px 0 0;
}
.icon4 {
  height: 150px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.icon-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 1px;
}
.pudeko-wspomnie1 {
  position: relative;
  letter-spacing: 0.01em;
  line-height: 36px;
  font-weight: 500;
}
.feature-icons1 {
  width: 182px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.best-set-features,
.features-list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.features-list {
  width: 901px;
  justify-content: space-between;
  gap: 20px;
}
.best-set-features {
  align-self: stretch;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: left;
  font-size: 20px;
  color: #363636;
}
.frame-wrapper,
.nasz-najlepszy-zestaw-parent,
.slajder-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.nasz-najlepszy-zestaw-parent {
  flex: 1;
  flex-direction: column;
  gap: 58px;
}
.frame-wrapper,
.slajder-parent {
  align-self: stretch;
}
.frame-wrapper {
  flex-direction: row;
  
  box-sizing: border-box;
  text-align: center;
  font-size: 36px;
}
.slajder-parent {
  flex-direction: column;
  gap: 80px;
  text-align: left;
  font-size: 40px;
  color: #292928;
  font-family: Lato;
}
.pudeko-wspomnie2,
.taka-oferta-tylko {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
}
.pudeko-wspomnie2 {
  line-height: 48px;
  text-transform: uppercase;
  padding: 80px 0px 10px;
}
.taka-oferta-tylko {
  line-height: 40px;
}
.blank-line,
.masz-wicej-zdj,
.tylko-w-pudeku {
  margin: 0;
}
.tylko-w-pudeku-container {
  align-self: stretch;
  position: relative;
  font-size: 20px;
  line-height: 36px;
}
.offer-details {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.icons3 {
  height: 20px;
  width: 29px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.icon5,
.icons3,
.sprawd3 {
  position: relative;
}
.sprawd3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  font-family: Onest;
  color: #fff;
  text-align: left;
  display: inline-block;
  min-width: 116px;
}
.icon5 {
  width: 20px;
  height: 20px;
}
.icon-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1px 0 0;
}
.button-wrapper,
.button3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.button3 {
  cursor: pointer;
  border: 0;
  padding: 14px 32px;
  background-color: #fc005d;
  border-radius: 5px;
  justify-content: flex-start;
  gap: 8px;
}
.button-wrapper {
  align-self: stretch;
  justify-content: center;
  padding: 0 20px;
}
.offer-content,
.offer-content-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.offer-content {
  width: 1136px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 53px;
}
.offer-content-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 20px 24.3px;
  box-sizing: border-box;
  font-size: 28px;
  color: #666;
}
.aspect-ratio-keeper-addition {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.aspect-ratio,
.fixed-aspect-ratio-cover-ele {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio {
  align-self: stretch;
  padding: 0 53px;
}
.fixed-aspect-ratio-cover-ele {
  height: 320px;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: 330px;
  max-width: 960px;
}
.aspect-ratio-keeper-addition1 {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.aspect-ratio1,
.fixed-aspect-ratio-cover-ele1 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio1 {
  align-self: stretch;
  padding: 0 53px;
}
.fixed-aspect-ratio-cover-ele1 {
  height: 320px;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top1@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: 330px;
  max-width: 960px;
}
.aspect-ratio-keeper-addition2 {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.aspect-ratio2,
.fixed-aspect-ratio-cover-ele2 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio2 {
  align-self: stretch;
  padding: 0 53px;
}
.fixed-aspect-ratio-cover-ele2 {
  height: 320px;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top2@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: 330px;
  max-width: 960px;
}
.aspect-ratio-keeper-addition3 {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.aspect-ratio3,
.fixed-aspect-ratio-cover-ele3 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio3 {
  align-self: stretch;
  padding: 0 53px;
}
.fixed-aspect-ratio-cover-ele3 {
  height: 320px;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top3@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: 330px;
  max-width: 960px;
}
.aspect-ratio-keeper-addition4 {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.aspect-ratio4,
.fixed-aspect-ratio-cover-ele4 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio4 {
  align-self: stretch;
  padding: 0 53px;
}
.fixed-aspect-ratio-cover-ele4 {
  height: 320px;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top4@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: 330px;
  max-width: 960px;
}
.aspect-ratio-keeper-addition5 {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
}
.aspect-ratio5,
.fixed-aspect-ratio-cover-ele5 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio5 {
  align-self: stretch;
  padding: 0 53px;
}
.fixed-aspect-ratio-cover-ele5 {
  height: 320px;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top5@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  min-width: 330px;
  max-width: 960px;
}
.image-aspect-ratio {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 48px 46px;
  min-height: 688px;
}
.image-aspect-ratio,
.image-container,
.image-container-wrapper {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.image-container {
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.image-container-wrapper {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 0 24.3px;
  box-sizing: border-box;
}
.zamw-w-3 {
  margin: 0;
  padding: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.zamw-w-3-krokach-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 50px 0px 30px;
  box-sizing: border-box;
  max-width: 100%;
}
.warstwa-1-icon {
  width: 179.8px;
  height: 179.8px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-child,
.k {
  position: absolute;
  display: none;
}
.frame-child {
  top: 0;
  left: 0;
  border-radius: 1000px;
  background-color: #fff;
  border: 4px solid #f5d25b;
  box-sizing: border-box;
  width: 256px;
  height: 256px;
}
.k {
  top: calc(50% - 17.5px);
  left: calc(50% - 55.5px);
  line-height: 120%;
}
.rectangle-parent {
  width: 200px;
  height: 200px;
  position: relative;
  border-radius: 1000px;
  background-color: #fff;
  border: 4px solid #f5d25b;
  box-sizing: border-box;
  display: none;
}
.aspect-ratio-keeper-addition6 {
  width: 214px;
  height: 213.3px;
  object-fit: contain;
}
.aspect-ratio6,
.fixed-aspect-ratio-cover-ele6 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio6 {
  display: flex;
}
.fixed-aspect-ratio-cover-ele6 {
  border-radius: 5px;
  display: none;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top6@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.icons-cupon {
  width: 55px;
  height: 40px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.wgraj-200-zdj-10x15-lub-ich {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: 27px;
}
.wgraj-200-zdj-container {
  align-self: stretch;
  position: relative;
  line-height: 28px;
  font-weight: 500;
}
.kady-miesic-na,
.ten-kalendarz-zawiesisz {
  margin: 0;
}
.kady-miesic-na-container {
  align-self: stretch;
  height: 56px;
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  text-align: left;
  display: none;
}
.header-paragraph {
  gap: 24px;
}
.header-paragraph,
.text2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.icons4 {
  height: 20px;
  width: 29px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.icon6,
.icons4,
.sprawd4 {
  position: relative;
}
.sprawd4 {
  height: 19px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
}
.icon6 {
  height: 16px;
  width: 16px;
}
.button4 {
  width: 165px;
  background-color: #ffa098;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 32px;
  box-sizing: border-box;
  gap: 7px;
  text-align: left;
  font-size: 16px;
  color: #fff;
}
.text-cta {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  font-size: 20px;
  color: #3b3c3f;
}
.wygasa {
  line-height: 28px;
}
.r {
  line-height: 24px;
  font-weight: 500;
}
.wygasa-31122023-r-container {
  height: 28px;
  flex: 1;
  position: relative;
  display: inline-block;
  max-width: 149%;
  flex-shrink: 0;
}
.data-waznosci {
  align-self: stretch;
  height: 24px;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: #666;
}
.box-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.warstwa-1-icon1 {
  width: 179.8px;
  height: 179.8px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.b,
.frame-item {
  position: absolute;
}
.frame-item {
  top: 0;
  left: 0;
  border-radius: 1000px;
  background-color: #fff;
  border: 4px solid #9ae9cb;
  box-sizing: border-box;
  width: 256px;
  height: 256px;
  display: none;
}
.b {
  top: calc(50% - 17.5px);
  left: calc(50% - 56px);
  line-height: 58px;
}
.rectangle-group {
  width: 200px;
  height: 200px;
  position: relative;
  border-radius: 1000px;
  background-color: #fff;
  border: 4px solid #9ae9cb;
  box-sizing: border-box;
  display: none;
}
.aspect-ratio-keeper-addition7 {
  width: 214px;
  height: 213.3px;
  object-fit: contain;
}
.aspect-ratio7,
.fixed-aspect-ratio-cover-ele7 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio7 {
  display: flex;
}
.fixed-aspect-ratio-cover-ele7 {
  border-radius: 5px;
  display: none;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top7@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.icons-cupon1 {
  width: 55px;
  height: 40px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.dodaj-w-koszyku-pudeko-ozdobn {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: 27px;
  list-style-type: none;
}
.dodaj-w-koszyku-container {
  align-self: stretch;
  position: relative;
  line-height: 28px;
  font-weight: 500;
  list-style-type: none;
}
.jedno-lub-trzy,
.ze-zdjciem-ten {
  margin: 0;
}
.jedno-lub-trzy-container {
  align-self: stretch;
  height: 56px;
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  text-align: left;
  display: none;
}
.dodaj-w-koszyku-pudeko-ozdobn-parent {
  gap: 24px;
}
.dodaj-w-koszyku-pudeko-ozdobn-parent,
.frame-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  list-style-type: none;
}
.icons5 {
  height: 20px;
  width: 29px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.icon7,
.icons5,
.sprawd5 {
  position: relative;
}
.sprawd5 {
  height: 19px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
}
.icon7 {
  height: 16px;
  width: 16px;
}
.button5 {
  width: 165px;
  background-color: #ffa098;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  box-sizing: border-box;
  gap: 7px;
  text-align: left;
  font-size: 16px;
  color: #fff;
}
.frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  font-size: 20px;
  color: #3b3c3f;
}
.wygasa1 {
  line-height: 28px;
}
.r1 {
  line-height: 24px;
  font-weight: 500;
}
.wygasa-31122023-r-container1 {
  height: 28px;
  flex: 1;
  position: relative;
  display: inline-block;
  max-width: 148%;
  flex-shrink: 0;
}
.data-waznosci1 {
  align-self: stretch;
  height: 24px;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: #666;
}
.box-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  color: #91e0c2;
}
.warstwa-1-icon2 {
  width: 179.8px;
  height: 179.8px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-inner {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 128px;
  background-color: #fff;
  border: 4px solid #ffa098;
  box-sizing: border-box;
  width: 256px;
  height: 256px;
  display: none;
}
.lat {
  position: absolute;
  top: calc(50% - 17.5px);
  left: calc(50% - 60px);
  line-height: 58px;
}
.rectangle-container {
  width: 200px;
  height: 200px;
  position: relative;
  border-radius: 1000px;
  border: 4px solid #ffa098;
  box-sizing: border-box;
  display: none;
}
.aspect-ratio-keeper-addition8 {
  width: 214px;
  height: 213.3px;
  object-fit: contain;
}
.aspect-ratio8,
.fixed-aspect-ratio-cover-ele8 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.aspect-ratio8 {
  display: flex;
}
.fixed-aspect-ratio-cover-ele8 {
  border-radius: 5px;
  display: none;
  background-image: url(./public/fixedaspectratio-cover--elements-on-top8@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.icons-cupon2 {
  width: 55px;
  height: 40px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.zapa-za-wszystko1 {
  margin-bottom: 0;
}
.zapa-za-wszystko {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: 27px;
  list-style-type: none;
}
.tylko-38-z {
  margin: 0;
}
.zapa-za-wszystko-container {
  align-self: stretch;
  position: relative;
  line-height: 28px;
  font-weight: 500;
}
.kady-miesic-na1,
.ten-kalendarz-postawisz {
  margin: 0;
}
.kady-miesic-na-container1 {
  align-self: stretch;
  height: 56px;
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  text-align: left;
  display: none;
}
.zapa-za-wszystko-tylko-38-z-parent {
  gap: 24px;
}
.frame-div,
.zapa-za-wszystko-tylko-38-z-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.icons6 {
  height: 20px;
  width: 29px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.icon8,
.icons6,
.sprawd6 {
  position: relative;
}
.sprawd6 {
  height: 19px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
}
.icon8 {
  height: 16px;
  width: 16px;
}
.button6 {
  width: 165px;
  background-color: #ffa098;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  box-sizing: border-box;
  gap: 7px;
  text-align: left;
  font-size: 16px;
  color: #fff;
}
.frame-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  font-size: 20px;
  color: #0a0a0a;
}
.wygasa2 {
  line-height: 28px;
}
.r2 {
  line-height: 24px;
  font-weight: 500;
}
.wygasa-31122023-r-container2 {
  height: 28px;
  flex: 1;
  position: relative;
  display: inline-block;
  max-width: 149%;
  flex-shrink: 0;
}
.data-waznosci2 {
  align-self: stretch;
  height: 24px;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: #666;
}
.box-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  color: #ffa098;
}
.box-with-products,
.krokowosc {
  justify-content: flex-start;
  max-width: 100%;
}
.box-with-products {
  width: 896px;
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  gap: 48px;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
}
.krokowosc {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 48px;
  color: #f5d25b;
}
.description-content,
.description-content-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.description-content {
  flex: 1;
  flex-direction: column;
  gap: 23px;
  flex-shrink: 0;
}
.description-content-wrapper {
  align-self: stretch;
  flex-direction: row;
  box-sizing: border-box;
  text-align: center;
  font-size: 36px;
  color: #3b3c3f;
  font-family: Lato;
}
.podaruj-fotokalendarze-bliskim {
  width: 1136px;
  position: relative;
  line-height: 80px;
  display: inline-block;
  max-width: 100%;
}
.podaruj-fotokalendarze-bliskim1,
.podaruj-fotokalendarze-bliskim2 {
  height: 112px;
  flex: 1;
  position: relative;
  line-height: 28px;
  white-space: pre-wrap;
  display: inline-block;
  min-width: 351px;
  max-width: 100%;
}
.podaruj-fotokalendarze-bliskim-parent {
  width: 1136px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 56px;
  max-width: 100%;
  font-size: 16px;
  color: #666;
}
.icons7 {
  height: 20px;
  width: 29px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.icon9,
.icons7,
.sprawd7 {
  position: relative;
}
.sprawd7 {
  height: 22px;
  flex: 1;
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
}
.icon9 {
  height: 20px;
  width: 20px;
}
.button7 {
  width: 208px;
  border-radius: 5px;
  background-color: #fc005d;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  box-sizing: border-box;
  gap: 8px;
}
.cta,
.text3 {
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}
.cta {
  width: 1136px;
  display: flex;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  font-family: Onest;
}
.text3 {
  width: 1376px;
  display: none;
  justify-content: flex-start;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 38px;
  font-size: 28px;
  color: #292928;
}
.opinie-o-nas,
.user-02-icon {
  position: relative;
  flex-shrink: 0;
}
.opinie-o-nas {
  margin: 0;
  align-self: stretch;
  font-size: inherit;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: inherit;
  text-align: center;
  padding: 50px 0px 30px;
}
.user-02-icon {
  height: 40px;
  width: 40px;
  overflow: hidden;
}
.div4,
.magdalena {
  height: 20px;
  position: relative;
  line-height: 120%;
  font-weight: 600;
  display: inline-block;
}
.div4 {
  height: 14px;
  font-size: 20px;
  color: #999;
  text-align: right;
}
.magdalena-parent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  min-width: 200px;
  gap: 20px;
}
.user-02-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.line-div {
  align-self: stretch;
  height: 2px;
  position: relative;
  border-top: 2px solid #e0e0e0;
  box-sizing: border-box;
}
.frame-parent2,
.line-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.line-wrapper {
  height: 8px;
  padding: 4px 0;
  box-sizing: border-box;
}
.frame-parent2 {
  gap: 40px;
}
.uistar-icon,
.uistar-icon1,
.uistar-icon2,
.uistar-icon3,
.uistar-icon4 {
  height: 36px;
  width: 36px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 36px;
}
.uistar-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
.bardzo-gorco-polecam {
  align-self: stretch;
  height: 72px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.frame-parent1,
.frame-parent3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent3 {
  align-self: stretch;
  gap: 20px;
  font-size: 16px;
  color: #363636;
}
.frame-parent1 {
  flex: 1;
  background-color: #f9f6f0;
  padding: 80px 32px;
  box-sizing: border-box;
  gap: 33px;
  min-width: 320px;
  max-width: 100%;
}
.user-02-icon1 {
  height: 40px;
  width: 40px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.div5,
.magdalena1 {
  height: 20px;
  position: relative;
  line-height: 120%;
  font-weight: 600;
  display: inline-block;
}
.div5 {
  height: 14px;
  font-size: 20px;
  color: #999;
  text-align: right;
}
.magdalena-group {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  min-width: 200px;
  gap: 20px;
}
.user-02-group {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.frame-child1 {
  align-self: stretch;
  height: 2px;
  position: relative;
  border-top: 2px solid #e0e0e0;
  box-sizing: border-box;
}
.frame-parent5,
.line-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.line-container {
  height: 8px;
  padding: 4px 0;
  box-sizing: border-box;
}
.frame-parent5 {
  gap: 40px;
}
.uistar-icon5,
.uistar-icon6,
.uistar-icon7,
.uistar-icon8,
.uistar-icon9 {
  height: 36px;
  width: 36px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 36px;
}
.uistar-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
.bardzo-gorco-polecam1 {
  align-self: stretch;
  height: 72px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.frame-parent4,
.frame-parent6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent6 {
  align-self: stretch;
  gap: 20px;
  font-size: 16px;
  color: #363636;
}
.frame-parent4 {
  flex: 1;
  background-color: #f9f6f0;
  padding: 80px 32px;
  box-sizing: border-box;
  gap: 33px;
  min-width: 320px;
  max-width: 100%;
}
.user-02-icon2 {
  height: 40px;
  width: 40px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.div6,
.magdalena2 {
  height: 20px;
  position: relative;
  line-height: 120%;
  font-weight: 600;
  display: inline-block;
}
.div6 {
  height: 14px;
  font-size: 20px;
  color: #999;
  text-align: right;
}
.magdalena-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  min-width: 200px;
  gap: 20px;
}
.user-02-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.frame-child2 {
  align-self: stretch;
  height: 2px;
  position: relative;
  border-top: 2px solid #e0e0e0;
  box-sizing: border-box;
}
.frame-parent8,
.line-frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.line-frame {
  height: 8px;
  padding: 4px 0;
  box-sizing: border-box;
}
.frame-parent8 {
  gap: 40px;
}
.uistar-icon10,
.uistar-icon11,
.uistar-icon12,
.uistar-icon13,
.uistar-icon14 {
  height: 36px;
  width: 36px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 36px;
}
.uistar-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
.bardzo-gorco-polecam2 {
  align-self: stretch;
  height: 72px;
  position: relative;
  line-height: 150%;
  display: inline-block;
}
.frame-parent7,
.frame-parent9,
.opinie-1 {
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent9 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 16px;
  color: #363636;
}
.frame-parent7,
.opinie-1 {
  box-sizing: border-box;
  max-width: 100%;
}
.frame-parent7 {
  flex: 1;
  background-color: #f9f6f0;
  display: flex;
  flex-direction: column;
  padding: 80px 32px;
  gap: 33px;
  min-width: 320px;
}
.opinie-1 {
  width: 1536px;
  display: none;
  flex-direction: row;
  flex-wrap: wrap;

  gap: 48px;
  font-size: 28px;
}
.barbara-dabek {
  position: relative;
  line-height: 28px;
  display: inline-block;
  min-width: 118px;
}
.reviewer-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.review-stars-icon {
  height: 33.9px;
  width: 34.5px;
  position: relative;
  border-radius: 1.31px;
  object-fit: contain;
  min-height: 34px;
}
.empty-rating {
  flex: 1;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.review-rating,
.reviewer-info-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.review-rating {
  height: 33.9px;
  width: 85.8px;
  justify-content: flex-start;
  font-size: 24px;
  color: #ffa098;
}
.reviewer-info-parent {
  align-self: stretch;
  justify-content: space-between;
  gap: 20px;
}
.to-ju-kolejna {
  flex: 1;
  position: relative;
  line-height: 36px;
  display: inline-block;
  max-width: 100%;
}
.to-ju-kolejna-nasza-fotoksi-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  font-size: 20px;
  color: #292928;
}
.opinia-1 {
  flex: 1;
  border-radius: 5px;
  background-color: #f9f6f0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 40px 40px 63.9px;
  box-sizing: border-box;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
}
.lubie-biegac {
  position: relative;
  line-height: 28px;
  display: inline-block;
  min-width: 100px;
}
.lubie-biegac-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.star-icon {
  height: 33.9px;
  width: 34.5px;
  position: relative;
  border-radius: 1.31px;
  object-fit: contain;
  min-height: 34px;
}
.div7 {
  flex: 1;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.frame-parent10,
.star-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.star-parent {
  height: 33.9px;
  width: 85.8px;
  justify-content: flex-start;
  font-size: 24px;
  color: #ffa098;
}
.frame-parent10 {
  align-self: stretch;
  justify-content: space-between;
  gap: 20px;
}
.jak-zawsze-perfekcyjna {
  flex: 1;
  position: relative;
  line-height: 36px;
  display: inline-block;
  max-width: 100%;
}
.jak-zawsze-perfekcyjna-obsug-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  font-size: 20px;
  color: #292928;
}
.opinia-2 {
  flex: 1;
  border-radius: 5px;
  background-color: #f9f6f0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 40px 40px 135.9px;
  box-sizing: border-box;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
}
.alicja-alicja {
  position: relative;
  line-height: 28px;
  display: inline-block;
  min-width: 92px;
}
.alicja-alicja-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.frame-child3 {
  height: 33.9px;
  width: 34.5px;
  position: relative;
  border-radius: 1.31px;
  object-fit: contain;
  min-height: 34px;
}
.div8 {
  flex: 1;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.frame-parent11,
.star-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.star-group {
  height: 33.9px;
  width: 85.8px;
  justify-content: flex-start;
  font-size: 24px;
  color: #ffa098;
}
.frame-parent11 {
  align-self: stretch;
  justify-content: space-between;
  gap: 20px;
}
.od-lat-korzystam {
  flex: 1;
  position: relative;
  line-height: 36px;
  display: inline-block;
  max-width: 100%;
}
.od-lat-korzystam-z-fotoalbumw-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  font-size: 20px;
  color: #292928;
}
.opinia-3,
.opinie-2 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.opinia-3 {
  flex: 1;
  border-radius: 5px;
  background-color: #f9f6f0;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  padding: 40px 40px 63.9px;
  box-sizing: border-box;
  gap: 24px;
  min-width: 320px;
}
.opinie-2 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 48px;
  flex-shrink: 0;
  font-size: 16px;
  color: #a8a8a8;
}
.sprawd8 {
  width: calc(100% - 80px);
  border: 0;
  outline: 0;
  font-weight: 500;
  font-family: Onest;
  font-size: 18px;
  background-color: transparent;
  height: 22px;
  flex: 1;
  position: relative;
  line-height: 120%;
  color: #3b3c3f;
  text-align: left;
  display: inline-block;
  min-width: 103px;
  padding: 0;
}
.icon10 {
  height: 20px;
  width: 20px;
  position: relative;
}
.button8 {
  width: 264px;
  border-radius: 5px;
  border: 2px solid #737882;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 11px 30px;
  gap: 8px;
  font-size: 18px;
}
.button8 a:hover {
  text-decoration: none;
  color: black;
}
.logo-kuk-icon,
.opinie {
  flex-shrink: 0;
  max-width: 100%;
}
.opinie {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  gap: 0;
  padding-top: 40px;
  padding-bottom: 80px;
}
.logo-kuk-icon {
  width: 394px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  object-fit: contain;
}
.bd-na-bieco {
  align-self: stretch;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.header1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: #292928;
}
.wprowad-swj-e-mail {
  position: relative;
  line-height: 120%;
  font-weight: 500;
}
.icon11 {
  height: 20px;
  width: 20px;
  position: relative;
}
.button9 {
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px 73px;
  box-sizing: border-box;
  gap: 10px;
  white-space: nowrap;
  max-width: 100%;
}
.icons8 {
  height: 20px;
  width: 29px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.sprawd9 {
  position: relative;
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  min-width: 93px;
}
.icon12 {
  height: 20px;
  width: 20px;
  position: relative;
}
.button10,
.input-i-zapisz-sie {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.button10 {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  background-color: #fc005d;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  color: #fff;
}
.input-i-zapisz-sie {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  font-size: 20px;
  font-family: Onest;
}
.check-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.check {
  height: 20px;
  width: 20px;
  position: relative;
}
.chc-otrzyma-voucher {
  flex: 1;
  position: relative;
  line-height: 24px;
  display: inline-block;
  min-width: 360px;
  max-width: 100%;
}
.akceptacja {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}
.bd-na-bieco1,
.z-przywilejw-dla {
  margin: 0;
}
.bd-na-bieco-container {
  width: 554.5px;
  height: 56px;
  position: relative;
  font-size: 16px;
  line-height: 28px;
  display: none;
  max-width: 100%;
}
.text-newsletter {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
  min-width: 381px;
  max-width: 100%;
}
.dolacz-do-klubu,
.klub-uwolnij-kolory {
  align-self: stretch;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.dolacz-do-klubu {
  background: linear-gradient(
      94.06deg,
      rgba(252, 0, 93, 0.2),
      rgba(255, 216, 230, 0.2)
    ),
    #f9f9f9;
  flex-direction: row;
  justify-content: center;
  padding: 50px 30px;
  box-sizing: border-box;
  gap: 80px;
}
.klub-uwolnij-kolory {
  flex-direction: column;
  justify-content: flex-start;
  flex-shrink: 0;
  font-size: 24px;
}
.szczegy-fotokalendarzy {
  margin: 0;
  width: 656px;
  height: 26px;
  position: relative;
  font-size: inherit;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.porwnaj-opcje-i {
  width: 1056px;
  height: 32px;
  position: relative;
  font-size: 24px;
  line-height: 32px;
  color: #666;
  display: none;
  max-width: 100%;
}
.header2 {
  width: 1136px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 20px;
  max-width: 100%;
}
.zaprojektuj-swj-kalendarz {
  align-self: stretch;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.gdy-koczy-si {
  align-self: stretch;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.calendar-personalization {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  min-width: 348px;
  max-width: 100%;
}
.zdjcie-na-kady {
  align-self: stretch;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.kalendarz-ze-zdjciami {
  align-self: stretch;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.calendar-features,
.calendar-photos {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.calendar-photos {
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  min-width: 348px;
}
.calendar-features {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 64px;
}
.w-peni-personalizowany {
  align-self: stretch;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.blank-line1,
.chcemy-by-twj,
.jest-poowa-roku,
.w-uwolnij-kolory {
  margin: 0;
}
.idealny-kalendarz-ze-container {
  align-self: stretch;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.w-peni-personalizowany-kalend-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  min-width: 348px;
  max-width: 100%;
}
.jak-zrobi-kalendarz {
  align-self: stretch;
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.a-jest-to,
.blank-line2,
.idealny-kalendarz-ze {
  margin: 0;
}
.idealny-kalendarz-ze-container1 {
  align-self: stretch;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.jak-zrobi-kalendarz-ze-zdjci-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  min-width: 348px;
  max-width: 100%;
}
.calendar-features1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 64px;
  max-width: 100%;
}
.fotokalendarz-dla-ciebie-seo,
.seo-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
.seo-text {
  width: 1136px;
  gap: 64px;
  text-align: left;
  font-size: 24px;
}
.fotokalendarz-dla-ciebie-seo {
  align-self: stretch;
  padding: 0 20px;
  box-sizing: border-box;
  gap: 80px;
  padding-bottom: 390px;
}
.icons9 {
  height: 20px;
  width: 29px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.sprawd10 {
  position: relative;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  font-family: Onest;
  color: #fff;
  text-align: left;
  display: inline-block;
  min-width: 116px;
}
.icon13 {
  width: 20px;
  height: 20px;
  position: relative;
}
.icon-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1px 0 0;
}
.button11,
.check-calendar-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.button11 {
  cursor: pointer;
  border: 0;
  padding: 14px 32px;
  background-color: #fc005d;
  border-radius: 5px;
  justify-content: flex-start;
  gap: 8px;
  z-index: 1;
}
.check-calendar-button {
  align-self: stretch;
  justify-content: center;
  padding: 0 20px;
  margin-top: -317.9px;
}
.fotokalendarz-dla-ciebie-seo-parent,
.reviews-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.fotokalendarz-dla-ciebie-seo-parent {
  align-self: stretch;
  padding: 0 0 112px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
}
.reviews-content {
  flex: 1;
  gap: 77.3px;
}
.landing-pudeko-wspomnie-3,
.reviews-content-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  text-align: left;
  font-family: Lato;
}
.reviews-content-wrapper {
  align-self: stretch;
  flex-direction: row;
  
  max-width: 100%;
  font-size: 36px;
  color: #3b3c3f;
}
.landing-pudeko-wspomnie-3 {
  padding-top: 40px;
  position: relative;
  background-color: #fff;
  flex-direction: column;
  gap: 2px;
  line-height: normal;
  letter-spacing: normal;
  font-size: 20px;
  color: #fff;
}
@media screen and (max-width: 1275px) {
  .pudelko-wspomnien {
    flex: 1;
  }
  .slajder2 {
    flex-wrap: wrap;
  }
  .description-content-wrapper {
    padding-bottom: 233px;
    box-sizing: border-box;
  }
  .logo-kuk-icon {
    flex: 1;
  }
  .dolacz-do-klubu {
    flex-wrap: wrap;
    padding-left: 78px;
    padding-right: 78px;
    box-sizing: border-box;
  }
  .calendar-features,
  .calendar-features1,
  .seo-text {
    gap: 32px;
  }
  .fotokalendarz-dla-ciebie-seo {
    gap: 40px;
  }
}
@media screen and (max-width: 1100px) {
  .slajder-icon {
    min-width: 100%;
  }
  .features-list {
    flex-wrap: wrap;
    justify-content: center;
  }
  .fixed-aspect-ratio-cover-ele,
  .fixed-aspect-ratio-cover-ele1,
  .fixed-aspect-ratio-cover-ele2,
  .fixed-aspect-ratio-cover-ele3,
  .fixed-aspect-ratio-cover-ele4,
  .fixed-aspect-ratio-cover-ele5 {
    max-width: 100%;
  }
  .box-with-products {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(200px, 347px));
  }
  .krokowosc {
    gap: 40px;
  }
  .description-content-wrapper {
    padding-bottom: 151px;
    box-sizing: border-box;
  }
  .chc-otrzyma-voucher,
  .text-newsletter {
    min-width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .image-container-wrapper {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }
  .fotokalendarze {
    font-size: 38px;
    line-height: 46px;
  }
  .twoje-historie-budowane {
    font-size: 26px;
    line-height: 31px;
  }
  .fotokalendarze1 {
    font-size: 38px;
    line-height: 46px;
  }
  .twoje-historie-budowane1 {
    font-size: 26px;
    line-height: 31px;
  }
  .pudeko-wspomnie {
    font-size: 45px;
    line-height: 43px;
  }
  .price-placeholder {
    font-size: 60px;
    line-height: 64px;
  }
  .price-placeholder .z {
    padding: 0;
    font-size: 32px !important;
    color: #fc005d;
  }
  .z {
    font-size: 29px;
    line-height: 38px;
  }
  .pudelko-wspomnien {
    gap: 24px;
    padding: 42px 24px;
    box-sizing: border-box;
    min-width: 100%;
  }
  .slajder2 {
    box-sizing: border-box;
  }
  .nasz-najlepszy-zestaw {
    font-size: 29px;
    line-height: 38px;
  }
  .nasz-najlepszy-zestaw-parent {
            gap: 29px;
        font-size: 25px;
        padding-top: 30px;

  }
  .frame-wrapper {
    box-sizing: border-box;
  }
  .slajder-parent {
    gap: 40px;
  }
  .pudeko-wspomnie2 {
    font-size: 29px;
    line-height: 42px;
  }
  .offer-content {
    gap: 26px;
  }
  .image-aspect-ratio {
    gap: 23px;
  }
  .image-container {
    gap: 32px;
  }
  .zamw-w-3 {
    font-size: 29px;
    line-height: 42px;
    padding: 0;

  }
  .b,
  .k,
  .lat {
    font-size: 38px;
    line-height: 46px;
  }
  .box-with-products {
    grid-template-columns: minmax(200px, 1fr);
  }
  .krokowosc {
    gap: 20px;
  }
  .description-content {
    gap: 26px;
  }
  .description-content-wrapper {
    padding-bottom: 40px;
    box-sizing: border-box;
  }
  .opinie-o-nas {
    font-size: 29px;
    line-height: 38px;
  }
  .magdalena-container,
  .magdalena-group,
  .magdalena-parent,
  .uistar-container,
  .uistar-group,
  .uistar-parent,
  .user-02-container,
  .user-02-group,
  .user-02-parent {
    flex-wrap: wrap;
  }
  .opinie-2 {
    gap: 24px;
  }
  .opinie {
    gap: 28px;
  }
  .akceptacja,
  .input-i-zapisz-sie {
    flex-wrap: wrap;
  }
  .text-newsletter {
    gap: 16px;
  }
  .dolacz-do-klubu {
    gap: 40px;
    padding-left: 39px;
    padding-right: 39px;
    box-sizing: border-box;
  }
  .klub-uwolnij-kolory {
    gap: 24px;
  }
  .szczegy-fotokalendarzy {
    font-size: 29px;
    line-height: 38px;
  }
  .calendar-personalization,
  .calendar-photos {
    gap: 16px;
    min-width: 100%;
  }
  .calendar-features {
    gap: 16px;
  }
  .jak-zrobi-kalendarz-ze-zdjci-parent,
  .w-peni-personalizowany-kalend-parent {
    gap: 16px;
    min-width: 100%;
  }
  .calendar-features1,
  .seo-text {
    gap: 16px;
  }
  .fotokalendarz-dla-ciebie-seo {
    gap: 20px;
  }
  .reviews-content {
    gap: 39px;
  }
  .reviews-content-wrapper {
    box-sizing: border-box;
  }
  .landing-pudeko-wspomnie-3 {
    gap: 57px;
  }
  .opinions-author {
    flex-direction: column;
  }
  .pudeko-wspomnie2 {
  gap: 29px;
  font-size: 25px;
  padding: 0;
  padding-top: 30px;
  }
  .landing-pudeko-wspomnie-3 {
  gap: 0;
  }
  .opinie-o-nas {
    padding: 0;
  }
  .zszt-pudeko-container .pudeko-gratis {
    font-size: 16px;
  }
}
@media screen and (max-width: 450px) {
  .image-container-wrapper {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }
  .sprawd {
    font-size: 16px;
    line-height: 19px;
  }
  .opinions-author {
    flex-direction: column;
  }
  .fotokalendarze {
    font-size: 29px;
    line-height: 35px;
  }
  .twoje-historie-budowane {
    font-size: 19px;
    line-height: 23px;
  }
  .sprawd1 {
    font-size: 16px;
    line-height: 19px;
  }
  .fotokalendarze1 {
    font-size: 29px;
    line-height: 35px;
  }
  .twoje-historie-budowane1 {
    font-size: 19px;
    line-height: 23px;
  }
  .pudeko-wspomnie {
    font-size: 24px;
    line-height: 29px;
  }
  .wypenione-200-odbitkami-container {
    font-size: 19px;
  }
  .price-placeholder {
    font-size: 60px;
    line-height: 48px;
  }
  .z {
    font-size: 22px;
    line-height: 29px;
    padding: 0;
    font-size: 32px !important;
    color: #fc005d;
  }
  .zszt-pudeko-container {
    font-size: 16px;
  }
  .zszt-pudeko-container .pudeko-gratis {
    font-size: 16px;
  }
  .header-parent {
    gap: 18px;
  }
  .nasz-najlepszy-zestaw {
    font-size: 22px;
    line-height: 29px;
  }
  .odbitek,
  .ozdobne-opakowanie,
  .pudeko-wspomnie1 {
    font-size: 16px;
    line-height: 29px;
  }
  .slajder-parent {
    gap: 20px;
  }
  .pudeko-wspomnie2 {
    font-size: 22px;
    line-height: 29px;
  }
  .taka-oferta-tylko {
    font-size: 22px;
    line-height: 32px;
  }
  .tylko-w-pudeku-container {
    font-size: 16px;
    line-height: 29px;
  }
  .aspect-ratio,
  .aspect-ratio1,
  .aspect-ratio2,
  .aspect-ratio3,
  .aspect-ratio4,
  .aspect-ratio5 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .image-container {
    gap: 16px;
  }
  .zamw-w-3 {
    font-size: 22px;
    line-height: 29px;
    padding: 0;
  }
  .k {
    font-size: 29px;
    line-height: 35px;
  }
  .wgraj-200-zdj-container {
    font-size: 16px;
    line-height: 22px;
  }
  .text-cta {
    gap: 20px;
  }
  .box-1 {
    gap: 16px;
  }
  .b {
    font-size: 29px;
    line-height: 35px;
  }
  .dodaj-w-koszyku-container {
    font-size: 16px;
    line-height: 22px;
  }
  .frame-parent {
    gap: 20px;
  }
  .box-2 {
    gap: 16px;
  }
  .lat {
    font-size: 29px;
    line-height: 35px;
  }
  .zapa-za-wszystko-container {
    font-size: 16px;
    line-height: 22px;
  }
  .frame-group {
    gap: 20px;
  }
  .box-3 {
    gap: 16px;
  }
  .box-with-products {
    gap: 24px;
  }
  .podaruj-fotokalendarze-bliskim {
    font-size: 22px;
    line-height: 32px;
  }
  .podaruj-fotokalendarze-bliskim1,
  .podaruj-fotokalendarze-bliskim2 {
    min-width: 100%;
  }
  .magdalena,
  .opinie-o-nas {
    font-size: 22px;
    line-height: 29px;
  }
  .magdalena {
    line-height: 27px;
  }
  .div4 {
    font-size: 16px;
    line-height: 19px;
  }
  .magdalena1 {
    font-size: 22px;
    line-height: 27px;
  }
  .div5 {
    font-size: 16px;
    line-height: 19px;
  }
  .magdalena2 {
    font-size: 22px;
    line-height: 27px;
  }
  .div6 {
    font-size: 16px;
    line-height: 19px;
  }
  .empty-rating {
    font-size: 19px;
    line-height: 26px;
  }
  .reviewer-info-parent {
    flex-wrap: wrap;
  }
  .to-ju-kolejna {
    font-size: 16px;
    line-height: 29px;
  }
  .div7 {
    font-size: 19px;
    line-height: 26px;
  }
  .frame-parent10 {
    flex-wrap: wrap;
  }
  .jak-zawsze-perfekcyjna {
    font-size: 16px;
    line-height: 29px;
  }
  .div8 {
    font-size: 19px;
    line-height: 26px;
  }
  .frame-parent11 {
    flex-wrap: wrap;
  }
  .od-lat-korzystam {
    font-size: 16px;
    line-height: 29px;
  }
  .bd-na-bieco {
    font-size: 19px;
    line-height: 26px;
  }
  .button9 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .sprawd9 {
    font-size: 16px;
    line-height: 19px;
  }
  .dolacz-do-klubu {
    gap: 20px;
    padding-top: 36px;
    padding-bottom: 36px;
    box-sizing: border-box;
  }
  .szczegy-fotokalendarzy {
    font-size: 22px;
    line-height: 29px;
  }
  .jak-zrobi-kalendarz,
  .porwnaj-opcje-i,
  .w-peni-personalizowany,
  .zaprojektuj-swj-kalendarz,
  .zdjcie-na-kady {
    font-size: 19px;
    line-height: 26px;
  }
  .fotokalendarz-dla-ciebie-seo-parent {
    padding-bottom: 73px;
    box-sizing: border-box;
  }
  .reviews-content {
    gap: 19px;
  }
  .landing-pudeko-wspomnie-3 {
    gap: 0;
  }
}

body.node-type-page h2 {
  font-size: unset !important;
}

body.node-type-page h2 .z {
  font-size: 32px !important;
}
.pudelko-wspomnien a, .button-wrapper a {
  text-decoration: none;
}
.check-calendar-button a {
  text-decoration: none;
}
.opinie .opinions-text {
  font-size: 16px;
}
.image-container-wrapper .image-container .image-aspect-ratio img {
  transition: transform 0.3s ease-in-out;
}

.image-container-wrapper .image-container .image-aspect-ratio img.clicked {
  transform: scale(1.1);
}