#header {
  background-color: var(--header-main-color);
}
#image-banner {
  flex-wrap: wrap;
  height: 484px;
}
@media screen and (min-width: 768px) {
  #image-banner {
    height: 408px;
  }
}
@media screen and (min-width: 1920px) {
  #image-banner {
    height: 455px;
  }
}
#image-banner .banner-media {
  background-color: var(--header-main-color);
  display: block;
  overflow: hidden;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 0 0 20px 20px;
}
@media screen and (min-width: 768px) {
  #image-banner .banner-content .content-container {
    max-width: 335px;
  }
}
#category-recommendations .category-selection .category-icon {
  flex: 0 0 auto;
  scroll-snap-align: start;
  flex-grow: 0;
  width: auto;
  height: 48px;
  padding: 0 15px;
  border-radius: 25px;
}
#category-recommendations .category-selection .category-icon.active {
  border: 1px solid #000000;
  background-color: black;
}
#category-recommendations .category-selection .category-icon.active span {
  color: white;
}
#category-recommendations .background-image {
  right: -42px;
  position: absolute;
  bottom: -76px;
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  #category-recommendations .background-image {
    bottom: -200px;
    right: -120px;
  }
}
@media screen and (min-width: 1900px) {
  #category-recommendations .background-image {
    bottom: -130px;
  }
}
#category-recommendations .background-image img {
  width: 220px;
}
@media screen and (min-width: 768px) {
  #category-recommendations .background-image img {
    width: 320px;
  }
}
@media screen and (min-width: 1200px) {
  #category-recommendations .background-image img {
    width: 420px;
  }
}
@media screen and (min-width: 1900px) {
  #category-recommendations .background-image img {
    width: 520px;
  }
}
#bestseller .inner-container,
#newbies .inner-container {
  aspect-ratio: 1.35135135;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  #bestseller .inner-container,
  #newbies .inner-container {
    aspect-ratio: 1.83823529;
  }
}
@media screen and (min-width: 1200px) {
  #bestseller .inner-container,
  #newbies .inner-container {
    aspect-ratio: 2.46153846;
  }
}
@media screen and (min-width: 1920px) {
  #bestseller .inner-container,
  #newbies .inner-container {
    aspect-ratio: 2.875;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  #happy-food {
    display: flex;
  }
}
#happy-food .image-container {
  margin-top: -112px;
  position: relative;
}
@media screen and (min-width: 768px) {
  #happy-food .image-container {
    margin-top: 0;
    flex: 1;
  }
}
#happy-food .image-container .blue-background-bubble {
  margin-left: -135px;
}
@media screen and (min-width: 768px) {
  #happy-food .image-container .blue-background-bubble {
    margin-left: -169px;
    width: 500px;
    max-width: unset;
  }
}
@media screen and (min-width: 1200px) {
  #happy-food .image-container .blue-background-bubble {
    width: 696px;
    margin-left: -100px;
    margin-top: -194px;
  }
}
@media screen and (min-width: 1920px) {
  #happy-food .image-container .blue-background-bubble {
    width: 929px;
    margin-left: -180px;
    margin-top: -320px;
  }
}
#happy-food .image-container .product-can {
  position: absolute;
  top: 79px;
  left: 46px;
  width: 305px;
}
@media screen and (min-width: 1200px) {
  #happy-food .image-container .product-can {
    top: -66px;
    left: 165px;
    width: 456px;
  }
}
@media screen and (min-width: 1920px) {
  #happy-food .image-container .product-can {
    width: 600px;
    top: -172px;
    left: 360px;
  }
}
@media screen and (min-width: 768px) {
  #happy-food .content {
    padding: 64px 0 0 0;
    max-width: 55%;
  }
}
@media screen and (min-width: 1200px) {
  #happy-food .content {
    padding: 0;
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  #happy-food .content .inner-box {
    width: 100%;
  }
}
#newbies .plant {
  position: absolute;
  right: -87px;
  bottom: -91px;
  width: 190px;
}
@media screen and (min-width: 1200px) {
  #newbies .plant {
    width: unset;
    right: -132px;
    bottom: 0;
  }
}
@media screen and (min-width: 1920px) {
  #newbies .plant {
    right: -80px;
    bottom: -46px;
  }
}
#reviews .background {
  position: absolute;
  right: -118px;
  top: -110px;
  z-index: -1;
  width: 356px;
}
@media screen and (min-width: 768px) {
  #reviews .background {
    top: -168px;
    width: 522px;
    right: -171px;
  }
}
@media screen and (min-width: 1200px) {
  #reviews .background {
    right: -300px;
    top: -219px;
    width: 600px;
  }
}
@media screen and (min-width: 1920px) {
  #reviews .background {
    width: 600px;
    right: -150px;
    bottom: 97px;
    top: unset;
  }
}
#reviews .review-slider .javascript-slider-wrapper .javascript-slider > div {
  width: 100%;
  max-width: 297px;
  min-width: 297px;
  position: relative;
  margin-right: 32px;
  padding: 0 16px 16px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  #reviews .review-slider .javascript-slider-wrapper .javascript-slider > div {
    width: unset;
    right: -132px;
    bottom: 0;
  }
}
#reviews .review-slider .javascript-slider-wrapper .javascript-slider > div:before {
  content: "";
  position: absolute;
  background: #fff;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 318px;
  border-radius: 30px;
}
#reviews .review-slider .javascript-slider-wrapper .javascript-slider > div .review-text {
  min-height: 104px;
}
#recipes .plant {
  position: absolute;
  left: -114px;
  top: -120px;
  z-index: -1;
  width: 252px;
}
@media screen and (min-width: 768px) {
  #recipes .plant {
    left: -32px;
    top: -160px;
  }
}
@media screen and (min-width: 1200px) {
  #recipes .plant {
    left: 0;
    top: -190px;
  }
}
@media screen and (min-width: 1920px) {
  #recipes .plant {
    width: 400px;
  }
}
@media screen and (min-width: 390px) {
  #recipes .container .font-recoleta br {
    display: none;
  }
}
#recipes .recipe-item-photo {
  max-width: 100%;
  display: block;
  overflow: hidden;
}
#blog-posts .background {
  position: absolute;
  right: -70px;
  top: -103px;
  width: 259px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  #blog-posts .background {
    right: -150px;
    width: 400px;
    top: -175px;
  }
}
@media screen and (min-width: 1200px) {
  #blog-posts .background {
    width: 432px;
    right: -60px;
    top: -18px;
  }
}
@media screen and (min-width: 1920px) {
  #blog-posts .background {
    top: -209px;
    width: 576px;
    right: -150px;
  }
}
@media screen and (min-width: 430px) {
  #blog-posts .container .font-recoleta br {
    display: none;
  }
}
#blog-posts .javascript-slider-wrapper .javascript-slider > div {
  width: 311px;
  min-width: 311px;
  max-width: 311px;
  position: relative;
}
#blog-posts .javascript-slider-wrapper .javascript-slider > div .post-ftimg-hld {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: 204px;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
}
#blog-posts .javascript-slider-wrapper .javascript-slider > div .post-ftimg-hld a {
  height: 100%;
  max-width: none;
  margin: 0 auto;
  display: flex;
}
#blog-posts .javascript-slider-wrapper .javascript-slider > div .post-ftimg-hld img {
  height: 100%;
  max-width: none;
  position: absolute;
  width: auto;
}
#blog-posts .javascript-slider-wrapper .javascript-slider > div .post-content p {
  height: 97px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 1200px) {
  #inspire {
    max-width: 1000px;
    display: flex;
    padding-top: 60px;
  }
  #inspire .text-xl {
    margin-right: 100px;
    margin-top: 50px;
  }
}
@media screen and (min-width: 1440px) {
  #inspire {
    max-width: 945px;
  }
}
@media screen and (min-width: 1920px) {
  #inspire {
    max-width: 1335px;
  }
}
@media screen and (min-width: 1200px) {
  #inspire .image {
    position: absolute;
    top: 20px;
    left: 20px;
  }
}
#inspire .image .spoon {
  position: absolute;
  right: -219px;
  top: -91px;
  z-index: -1;
  width: 390px;
}
@media screen and (min-width: 768px) {
  #inspire .image .spoon {
    top: -144px;
    right: -13px;
    width: 390px;
  }
}
@media screen and (min-width: 1200px) {
  #inspire .image .spoon {
    position: relative;
    right: unset;
    top: unset;
    width: 500px;
  }
}
@media screen and (min-width: 768px) {
  #inspire .insta_images {
    max-width: 580px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  #inspire .insta_images {
    max-width: 780px;
  }
}
@media screen and (min-width: 768px) {
  #inspire .insta_images a {
    justify-content: center;
  }
}
#inspire .insta_images a > picture,
#inspire .insta_images a > img {
  width: calc(50% - 8px);
  margin-right: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  #inspire .insta_images a > picture:nth-child(even),
  #inspire .insta_images a > img:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #inspire .insta_images a > picture,
  #inspire .insta_images a > img {
    width: 170px;
  }
  #inspire .insta_images a > picture:nth-child(3),
  #inspire .insta_images a > img:nth-child(3),
  #inspire .insta_images a > picture:nth-child(6),
  #inspire .insta_images a > img:nth-child(6) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  #inspire .insta_images a > picture,
  #inspire .insta_images a > img {
    margin-right: 24px;
    margin-bottom: 24px;
    width: 165px;
  }
  #inspire .insta_images a > picture:nth-child(3n),
  #inspire .insta_images a > img:nth-child(3n) {
    margin-right: 0;
  }
  #inspire .insta_images a > picture:nth-child(2),
  #inspire .insta_images a > img:nth-child(2),
  #inspire .insta_images a > picture:nth-child(5),
  #inspire .insta_images a > img:nth-child(5) {
    margin-top: -60px;
  }
}
@media screen and (min-width: 1920px) {
  #inspire .insta_images a > picture,
  #inspire .insta_images a > img {
    width: 233px;
  }
}
#seotext a {
  text-decoration: underline;
}