@charset "UTF-8";
@keyframes swing-bottle-left {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(1.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes swing-bottle-right {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-1.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes shake-bottle-central {
  0%, 100% {
    transform: translateX(-50%) rotate(0deg);
  }
  15% {
    transform: translateX(-50%) rotate(0.4deg);
  }
  30% {
    transform: translateX(-50%) rotate(-0.3deg);
  }
  45% {
    transform: translateX(-50%) rotate(0.2deg);
  }
  60% {
    transform: translateX(-50%) rotate(-0.4deg);
  }
  75% {
    transform: translateX(-50%) rotate(0.3deg);
  }
  90% {
    transform: translateX(-50%) rotate(-0.2deg);
  }
}
@keyframes spin-ingredient-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sway-mock-left {
  0% {
    transform: rotate(0deg) translateY(0px);
  }
  25% {
    transform: rotate(-2deg) translateY(-6px);
  }
  50% {
    transform: rotate(0deg) translateY(0px);
  }
  75% {
    transform: rotate(1.5deg) translateY(-3px);
  }
  100% {
    transform: rotate(0deg) translateY(0px);
  }
}
@keyframes sway-mock-center {
  0% {
    transform: translateX(-50%) translateY(0px);
  }
  30% {
    transform: translateX(-50%) translateY(-10px);
  }
  60% {
    transform: translateX(-50%) translateY(-4px);
  }
  100% {
    transform: translateX(-50%) translateY(0px);
  }
}
@keyframes sway-mock-right {
  0% {
    transform: rotate(0deg) translateY(0px);
  }
  25% {
    transform: rotate(2deg) translateY(-6px);
  }
  50% {
    transform: rotate(0deg) translateY(0px);
  }
  75% {
    transform: rotate(-1.5deg) translateY(-3px);
  }
  100% {
    transform: rotate(0deg) translateY(0px);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Montserrat;
  list-style: none;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

html {
  scroll-behavior: smooth;
}

body.menu-open {
  overflow: hidden;
}

p {
  font-size: 18px;
  margin-bottom: 16px;
}

.container {
  max-width: 1280px;
  width: 90%;
  margin: 0 auto;
}

header {
  width: 100%;
  top: 0;
  left: 0;
  backdrop-filter: blur(8px);
  z-index: 20;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
}
@media (max-width: 900px) {
  header {
    padding: 24px 0;
  }
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
header * {
  color: #435874;
}
@media (max-width: 900px) {
  header .logo {
    max-width: 120px;
  }
}
header .contact-info {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 30px;
  border: 1px solid #765692;
  border-radius: 50px;
  margin-top: 5px;
  color: #765692;
  text-align: center;
}
@media (max-width: 900px) {
  header .contact-info {
    padding: 10px;
  }
}
header .contact-info:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.05);
}
header nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  gap: 42px;
  margin: 0 auto;
  box-sizing: border-box;
}
header nav img {
  display: inline-block;
}
header nav ul {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-left: 64px;
}
header nav ul li a {
  color: #765692;
}
header nav ul li a:hover {
  filter: brightness(75%);
}
@media (max-width: 900px) {
  header nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 320px;
    height: 100dvh;
    background: #1d618f;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 100px 32px 40px;
    gap: 24px;
    transition: transform 0.3s ease;
    z-index: 100;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
    transform: translateX(100%);
  }
  header nav.open {
    display: flex;
    transform: translateX(0);
  }
  header nav ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-left: 0;
  }
  header nav ul li a {
    font-size: 18px;
    color: #fff;
  }
  header nav .contact-info {
    margin-top: 16px;
    color: #fff;
    border-color: #fff;
  }
}

main {
  background: url("../images/bg-main.png") center/cover no-repeat;
  padding: 61px 61px 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
}
main #neural-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
main .container,
main .mocks {
  position: relative;
  z-index: 2;
}
@media (max-width: 900px) {
  main {
    padding: 40px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url("../images/bg-main-mobile.png") center/cover no-repeat;
  }
}
main h1 {
  color: #fff;
  font-size: 52px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}
@media (max-width: 900px) {
  main h1 {
    font-size: 28px;
  }
}
main .text-main {
  color: #fff;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 20px;
  align-items: start;
}
main .text-main p {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 900px) {
  main .text-main p {
    font-size: 16px;
  }
}
main .text-main ul {
  display: inline-flex;
  gap: 24px;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4; /* 25.2px */
  margin-bottom: 8px;
}
@media (max-width: 900px) {
  main .text-main ul {
    display: grid;
  }
}
main .text-main ul li {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  font-size: 16px;
}
main .text-main .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #81ff33 0%, #56aa21 100%);
  color: #1a1a1a;
  font-weight: 700;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 16px 104px;
  border-radius: 50px;
  text-decoration: none;
  transition: opacity 0.2s;
}
main .text-main .btn img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
main .text-main .btn:hover {
  opacity: 0.9;
}
@media (max-width: 900px) {
  main .text-main .btn {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  main .text-main .btn {
    text-wrap: nowrap;
    font-size: 14px;
  }
}

.mocks {
  position: relative;
  width: 70%;
  height: 500px;
  margin-top: 40px;
}
@media (max-width: 900px) {
  .mocks {
    margin-top: 0;
    height: 250px;
  }
}
.mocks .selo {
  position: absolute;
  left: 52%;
  z-index: 10;
  top: 100px;
  max-width: 130px;
}
.mocks .mock {
  position: absolute;
  bottom: 0;
}
.mocks .mock--left {
  width: 570px;
  left: calc(50% - 400px);
  bottom: -70px;
  z-index: 1;
  animation: swing-bottle-left 3.5s ease-in-out infinite;
  transform-origin: bottom center;
}
@media (max-width: 900px) {
  .mocks .mock--left {
    left: calc(50% - 240px);
  }
}
@media (max-width: 1200px) {
  .mocks .mock--left {
    left: calc(50% - 220px);
  }
}
.mocks .mock--central {
  width: 630px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
  z-index: 3;
  animation: shake-bottle-central 3s ease-in-out infinite;
}
.mocks .mock--right {
  width: 570px;
  right: calc(50% - 400px);
  bottom: -70px;
  z-index: 2;
  animation: swing-bottle-right 3.8s ease-in-out infinite;
  transform-origin: bottom center;
}
@media (max-width: 900px) {
  .mocks .mock--right {
    right: calc(50% - 240px);
  }
}
@media (max-width: 1200px) {
  .mocks .mock--right {
    right: calc(50% - 220px);
  }
}

.area-kits {
  padding-bottom: 70px;
}
@media (max-width: 900px) {
  .area-kits {
    padding-bottom: 60px;
  }
}
.area-kits hr.divider {
  display: none;
}
.area-kits .container {
  width: 95%;
}
.area-kits .container .sub {
  margin-bottom: 42px;
}
.area-kits .container h2 {
  margin-top: 40px;
  font-size: 40px;
  color: #765692;
}
@media (max-width: 900px) {
  .area-kits .container h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}
.area-kits .container h2,
.area-kits .container p {
  text-align: center;
  color: #765692;
}
.area-kits .container p {
  font-size: 18px;
}
.area-kits .container ul {
  margin-bottom: 68px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: flex-end;
  width: 100%;
}
.area-kits .container ul.a2 {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .area-kits .container ul {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 24px;
  }
}
.area-kits .container ul a {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  position: relative;
  text-align: center;
  transition: all 0.6s;
  border: 1px solid rgba(13, 42, 69, 0.15);
  overflow: hidden;
  background: #fff;
}
.area-kits .container ul a:hover {
  transform: scale(1.01);
}
@media (max-width: 900px) {
  .area-kits .container ul a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}
.area-kits .container ul a .valores {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.area-kits .container ul a .valores.mb {
  display: none;
}
@media (max-width: 900px) {
  .area-kits .container ul a .valores.mb {
    display: flex;
  }
}
.area-kits .container ul a .valores.dk {
  display: flex;
  margin-top: 10px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .valores.dk {
    display: none;
  }
}
.area-kits .container ul a .valores * {
  font-size: 24px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .valores * {
    font-size: 20px;
  }
}
.area-kits .container ul a .valores s {
  text-decoration: line-through;
  text-decoration-color: red;
  font-weight: normal;
}
.area-kits .container ul a .valores span {
  color: #8b5cf6;
  font-weight: bold;
}
.area-kits .container ul a .valores small {
  font-size: 13px;
  font-weight: bold;
}
.area-kits .container ul a .header {
  font-size: 24px;
  width: 100%;
  border-radius: 20px 20px 0 0;
  color: #fff;
  text-transform: uppercase;
  padding: 16px;
  line-height: 1;
  background: #8b5cf6;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .header {
    grid-column: -1/1;
    font-size: 18px;
  }
}
.area-kits .container ul a .main {
  padding: 16px 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main {
    padding: 16px 0px;
    padding-left: 10px;
  }
}
.area-kits .container ul a .main strong {
  font-size: 40px;
  font-weight: 700;
  display: block;
  color: #765692;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main strong {
    font-size: 24px;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a .main strong {
    font-size: 20px;
  }
}
.area-kits .container ul a .main .days {
  display: block;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: -10px;
  color: #828282;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .days {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a .main .days {
    font-size: 14px;
  }
}
.area-kits .container ul a .main .area-img {
  position: relative;
  overflow: hidden;
  max-width: 300px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img {
    overflow: visible;
  }
}
.area-kits .container ul a .main .area-img::before {
  display: none;
}
.area-kits .container ul a .main .area-img .frete {
  max-width: 120px;
  position: absolute;
  top: -10%;
  left: 10%;
  z-index: 5;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img .frete {
    max-width: 75px;
  }
}
.area-kits .container ul a .main .area-img .save {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 5%;
  background: #f43030;
  padding: 6px 16px;
}
.area-kits .container ul a .main .area-img .save small {
  font-size: 10px;
  color: #fff;
}
.area-kits .container ul a .main .area-img .save {
  width: 76px;
  height: 76px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img .save {
    bottom: 0;
    top: -15px;
    right: 0;
    transform: scale(0.7);
  }
}
.area-kits .container ul a .main .area-img .save {
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: path("M17.7195 67.0419C15.2814 67.0599 12.936 66.1086 11.1993 64.3974C9.46259 62.6861 8.47679 60.3551 8.45877 57.917L8.4279 53.7385C8.40858 51.3112 7.43004 48.99 5.70579 47.2815L2.7592 44.3781C1.89378 43.5302 1.20452 42.5195 0.731039 41.4043C0.257558 40.289 0.00920217 39.0912 0.000250915 37.8796C-0.00870034 36.6681 0.22193 35.4667 0.678881 34.3446C1.13583 33.2225 1.81009 32.2017 2.66288 31.3411L5.56625 28.3945C7.26507 26.6607 8.2092 24.3253 8.19266 21.898L8.16179 17.7195C8.14377 15.2814 9.09502 12.936 10.8063 11.1993C12.5175 9.46258 14.8486 8.47678 17.2867 8.45877L21.4652 8.42791C23.8925 8.40859 26.2136 7.43004 27.9222 5.70579L30.8255 2.75921C31.6735 1.89379 32.6841 1.20452 33.7994 0.731046C34.9146 0.257561 36.1125 0.00920216 37.324 0.000250912C38.5356 -0.00870034 39.737 0.221932 40.8591 0.678887C41.9812 1.13583 43.0019 1.81009 43.8626 2.66288L46.8092 5.56625C48.543 7.26507 50.8783 8.2092 53.3057 8.19265L57.4842 8.16179C59.9223 8.14378 62.2676 9.09502 64.0044 10.8063C65.7411 12.5175 66.7269 14.8486 66.7449 17.2866L66.7758 21.4652C66.7951 23.8925 67.7736 26.2136 69.4979 27.9222L72.4445 30.8255C73.3099 31.6735 73.9991 32.6841 74.4726 33.7994C74.9461 34.9146 75.1945 36.1125 75.2034 37.324C75.2124 38.5356 74.9817 39.737 74.5248 40.8591C74.0678 41.9812 73.3936 43.0019 72.5408 43.8626L69.6374 46.8091C67.9386 48.543 66.9945 50.8783 67.011 53.3056L67.0419 57.4842C67.0599 59.9222 66.1086 62.2676 64.3974 64.0043C62.6862 65.7411 60.3551 66.7269 57.917 66.7449L53.7385 66.7757C51.3112 66.7951 48.99 67.7736 47.2815 69.4979L44.3781 72.4444C43.5302 73.3099 42.5195 73.9991 41.4043 74.4726C40.289 74.9461 39.0912 75.1944 37.8796 75.2034C36.6681 75.2123 35.4667 74.9817 34.3446 74.5248C33.2225 74.0678 32.2017 73.3936 31.3411 72.5408L28.3945 69.6374C26.6607 67.9386 24.3253 66.9944 21.898 67.011L17.7195 67.0419Z");
}
.area-kits .container ul a .main .area-img .save b {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img .save {
    right: 0;
  }
}
.area-kits .container ul a .main .area-img img {
  height: 267px;
  position: relative;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 2;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img img {
    height: auto;
  }
}
.area-kits .container ul a small {
  color: currentColor;
}
.area-kits .container ul a .price {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 1;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 20px;
  color: #765692;
}
@media (max-width: 900px) {
  .area-kits .container ul a .price {
    font-size: 14px;
  }
}
.area-kits .container ul a .price strong {
  color: #765692;
  font-size: 64px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: -6px;
  display: flex;
}
.area-kits .container ul a .price strong small {
  font-size: 18px;
  padding-top: 10px;
  color: #765692;
}
@media (max-width: 900px) {
  .area-kits .container ul a .price strong {
    font-size: 40px;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a .price strong {
    font-size: 30px;
  }
}
.area-kits .container ul a > ul {
  grid-template-columns: repeat(1, 1fr);
  gap: 4px;
  text-align: left;
  width: 100%;
  margin-bottom: 12px;
}
.area-kits .container ul a > ul li {
  display: grid;
  grid-template-columns: 20px 1fr;
  font-size: 16px;
  align-items: center;
  gap: 8px;
  line-height: 1;
  font-weight: 500;
}
.area-kits .container ul a > ul li::before {
  content: url(../../assets/img/checkverde.svg);
}
.area-kits .container ul a > ul li.orrivi::before {
  content: url(../../assets/img/checkvermelho.svg);
}
.area-kits .container ul a > ul li.morromeno::before {
  content: url(../../assets/img/chekamarelo.svg);
}
@media (max-width: 900px) {
  .area-kits .container ul a > ul li {
    font-size: 12px;
    display: flex;
    gap: 8px;
    margin-left: 0;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a > ul li {
    font-size: 14px;
  }
}
.area-kits .container ul a .footer {
  padding: 0 24px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.area-kits .container ul a .footer .valores span {
  color: #765692;
}
.area-kits .container ul a .footer .valores span s {
  color: #765692;
}
.area-kits .container ul a .footer ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
.area-kits .container ul a .footer ul li {
  background-color: rgba(204, 214, 233, 0.4);
  padding: 10px !important;
  display: flex;
  padding: 10px 10px 10px 20px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  line-height: 1.4;
  align-items: center;
  border-radius: 5px;
  font-size: 18px;
  color: #765692;
}
@media (max-width: 900px) {
  .area-kits .container ul a .footer ul li {
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1.2;
  }
}
@media (max-width: 900px) {
  .area-kits .container ul a .footer {
    padding: 16px 10px 20px 0;
    margin-left: 0;
    text-align: left;
  }
}
.area-kits .container ul a .footer .buy-cta {
  margin-bottom: 20px;
}
.area-kits .container ul .best-option strong {
  color: #765692 !important;
}
.area-kits .container ul .best-option .days {
  color: #765692 !important;
}
.area-kits .container ul .best-option .price {
  color: #765692;
}
.area-kits .container ul .best-option .valores span {
  color: #765692 !important;
}
.area-kits .container ul .best-option s {
  color: #765692 !important;
}
.area-kits .container ul .best-option .buy-cta {
  margin-bottom: 0px !important;
}
.area-kits .container ul .best-option a {
  background: #eee6ff;
}
.area-kits .container ul .best-option a .header {
  color: #765692;
  border-radius: 20.833px 20.833px 0 0;
  background: var(--Gradient-Dourado, linear-gradient(90deg, #ffd859 0%, #fff0af 52.4%, #ffc813 100%));
}
.area-kits .container ul .best-option a .price strong {
  font-size: 80px;
  color: #765692;
}
@media (max-width: 900px) {
  .area-kits .container ul .best-option a .price strong {
    font-size: 40px;
  }
}
.area-kits .container ul .best-option a .main .area-img .save {
  right: 5%;
}
.area-kits .container ul .best-option a ul {
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.area-kits .container ul .best-option a ul li {
  font-weight: 500;
  color: #765692;
  background-color: #fff;
  padding: 10px 10px 10px 20px;
  gap: 10px;
  align-self: stretch;
  line-height: 1.4;
  align-items: center;
  border-radius: 5px;
}
@media (max-width: 900px) {
  .area-kits .container ul .best-option a ul li {
    font-size: 12px;
  }
  .area-kits .container ul .best-option a ul li img {
    width: 24px;
  }
}
.area-kits .container ul .best-option a .divider {
  border-color: #765692;
}
.area-kits .container ul .k3 a {
  border-radius: 20px;
  border-bottom: 3px solid #0b3c5d;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}
.area-kits .container ul .k3 ul {
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1px;
}
.area-kits .container ul .k3 ul li {
  font-weight: 500;
  padding: 10px 12px;
  color: #8b5cf6;
  border-radius: 50px;
}
@media (max-width: 900px) {
  .area-kits .container ul .k3 ul li {
    font-size: 12px;
  }
  .area-kits .container ul .k3 ul li img {
    width: 24px;
  }
}
.area-kits .container ul .k1 a {
  border-radius: 20px;
  border-bottom: 3px solid #0b3c5d;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}
.area-kits .container ul .k1 ul {
  gap: 12px;
  margin-bottom: 20px;
}
.area-kits .container ul .k1 ul li {
  font-weight: 500;
  padding: 10px 12px;
  color: #8b5cf6;
  border-radius: 50px;
}
@media (max-width: 900px) {
  .area-kits .container ul .k1 ul li {
    font-size: 12px;
  }
  .area-kits .container ul .k1 ul li img {
    width: 24px !important;
  }
}
@media (max-width: 900px) {
  .area-kits .container ul .k1 .area-img {
    padding-top: 10px !important;
  }
}
@media (max-width: 900px) {
  .area-kits .container ul .best-option {
    grid-row: 1;
  }
  .area-kits .container ul .k3 {
    grid-row: 2;
  }
}

.selos {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 32px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(139, 92, 246, 0.07);
  margin-top: 32px;
  flex-wrap: wrap;
  gap: 0;
}
@media (max-width: 900px) {
  .selos {
    gap: 8px;
    padding: 20px 16px;
    display: none;
  }
}
.selos__item {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  justify-content: center;
  padding: 8px 16px;
}
@media (max-width: 600px) {
  .selos__item {
    flex: 0 0 calc(50% - 8px);
    justify-content: flex-start;
  }
}
.selos__item span {
  color: #765692;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.selos__icon {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
  display: block;
  border-radius: 50%;
  padding: 8px;
}
.selos__divider {
  width: 1px;
  height: 48px;
  background: rgba(139, 92, 246, 0.2);
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .selos__divider {
    display: none;
  }
}

.area-about {
  padding: 60px 0;
  background: url("../images/bg-about.png") center center/cover no-repeat;
}
@media (max-width: 900px) {
  .area-about {
    padding: 60px 0;
  }
}
.area-about .about-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
@media (max-width: 900px) {
  .area-about .about-inner {
    grid-template-columns: 1fr;
    grid-area: reve;
    gap: 40px;
  }
}
.area-about .about-inner .about-images {
  display: flex;
  gap: 12px;
  align-items: stretch;
}
@media (max-width: 900px) {
  .area-about .about-inner .about-images {
    max-width: 480px;
    margin: 0 auto;
    order: -1;
  }
}
.area-about .about-inner .about-images__main {
  flex: 1;
  border: 3px solid #8b5cf6;
  border-radius: 16px;
  overflow: hidden;
}
.area-about .about-inner .about-images__main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
  display: block;
}
.area-about .about-inner .about-images__side {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 36%;
}
.area-about .about-inner .about-images__side img {
  width: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  flex: 1;
  border: 2px solid #8b5cf6;
}
.area-about .about-inner .about-text__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #765692;
  margin-bottom: 16px;
}
.area-about .about-inner .about-text__label span {
  color: #8b5cf6;
}
.area-about .about-inner .about-text__title {
  font-size: 36px;
  font-weight: 800;
  color: #765692;
  line-height: 1.15;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .area-about .about-inner .about-text__title {
    font-size: 26px;
  }
}
.area-about .about-inner .about-text p {
  font-size: 15px;
  color: #435874;
  line-height: 1.7;
  margin-bottom: 16px;
}
.area-about .about-inner .about-text__list {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 28px;
  margin-left: 0;
}
@media (max-width: 900px) {
  .area-about .about-inner .about-text__list {
    display: flex;
    flex-direction: column;
  }
}
.area-about .about-inner .about-text__list li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #435874;
  padding-left: 0;
}
.area-about .about-inner .about-text__list li::before {
  display: none;
}
.area-about .about-inner .about-text__list li img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
.area-about .about-inner .btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #81ff33 0%, #56aa21 100%);
  color: #1a1a1a;
  font-weight: 700;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 16px 104px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.2s;
  text-align: center;
  justify-content: center;
}
@media (max-width: 900px) {
  .area-about .about-inner .btn-cta {
    padding: 16px;
    width: 100%;
    max-width: 500px;
  }
}
.area-about .about-inner .btn-cta img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
.area-about .about-inner .btn-cta:hover {
  opacity: 0.9;
  box-shadow: 10px 9px 10px rgba(0, 0, 0, 0.1);
}

.area-ingredients {
  background: url("../images/bg-ingredients.png") center center/cover no-repeat;
  padding: 80px 0;
}
.area-ingredients .container {
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .area-ingredients {
    padding: 60px 0;
  }
}
.area-ingredients .title {
  color: #765692;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px;
}
.area-ingredients .title span {
  color: #8b5cf6;
}
@media (max-width: 900px) {
  .area-ingredients .title {
    font-size: 28px;
  }
}
.area-ingredients .sub {
  color: #765692;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 48px;
}
@media (max-width: 900px) {
  .area-ingredients .sub {
    font-size: 14px;
  }
  .area-ingredients .sub br {
    display: none;
  }
}
.area-ingredients .ingredients-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 48px;
}
@media (max-width: 900px) {
  .area-ingredients .ingredients-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
}
.area-ingredients .ingredient-card {
  background: linear-gradient(122deg, #fff 1.98%, #fff 54.37%, #fff 103.68%);
  border-radius: 20px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: 0.3s ease-in;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.area-ingredients .ingredient-card:hover {
  transform: scale(1.02);
}
.area-ingredients .ingredient-card .ingredient-icon {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 0;
}
.area-ingredients .ingredient-card .ingredient-icon::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: conic-gradient(transparent 5deg, transparent 10deg, rgba(139, 92, 246, 0.65) 290deg, rgba(139, 92, 246, 0.15) 360deg);
  animation: spin-ingredient-ring 4s linear infinite;
  z-index: -1;
}
.area-ingredients .ingredient-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #765692;
  line-height: 1.3;
}
.area-ingredients .ingredient-card p {
  font-size: 14px;
  color: #435874;
  line-height: 1.6;
  margin-bottom: 0;
}
.area-ingredients .btn-ingredients {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #81ff33 0%, #56aa21 100%);
  color: #1a1a1a;
  font-weight: 700;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 16px 104px;
  border-radius: 50px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.area-ingredients .btn-ingredients img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
.area-ingredients .btn-ingredients:hover {
  opacity: 0.9;
}

.area-benefits {
  background: url("../images/ben-bg-easy.png") center center/cover no-repeat;
  padding: 80px 0;
  overflow: hidden;
}
@media (max-width: 900px) {
  .area-benefits {
    padding: 60px 0;
    background: url("../images/bg-benefits.png") center center/cover no-repeat;
  }
}
.area-benefits .benefits__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 900px) {
  .area-benefits .benefits__content {
    flex-direction: column;
    text-align: center;
  }
}
.area-benefits .benefits__text {
  flex: 1;
  max-width: 520px;
}
@media (max-width: 900px) {
  .area-benefits .benefits__text {
    max-width: 100%;
  }
}
.area-benefits .benefits__title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 20px;
  font-style: italic;
}
@media (max-width: 900px) {
  .area-benefits .benefits__title {
    font-size: 26px;
  }
}
.area-benefits .benefits__desc {
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 28px;
}
.area-benefits .benefits__desc strong {
  color: #fff;
}
.area-benefits .benefits__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.area-benefits .benefits__list li {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  backdrop-filter: blur(4px);
  border-radius: 12px;
  padding: 14px 20px;
}
@media (max-width: 900px) {
  .area-benefits .benefits__list li {
    justify-content: flex-start;
    text-align: left;
  }
}
.area-benefits .benefits__list li img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.area-benefits .benefits__list li span {
  color: #765692;
  font-size: 15px;
  font-weight: 500;
}

.area-testimonials {
  padding: 80px 0;
  background: #f5f5f7;
}
@media (max-width: 900px) {
  .area-testimonials {
    padding: 60px 0;
  }
}
.area-testimonials .testi__header {
  text-align: center;
  margin-bottom: 48px;
}
.area-testimonials .testi__rating {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.area-testimonials .testi__stars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.area-testimonials .testi__stars svg {
  width: 26px;
  height: 26px;
  fill: #f4c430;
}
.area-testimonials .testi__rating-text {
  font-size: 16px;
  font-weight: 600;
  color: #435874;
}
.area-testimonials .testi__title {
  font-size: 36px;
  font-weight: 700;
  color: #765692;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .area-testimonials .testi__title {
    font-size: 26px;
  }
}
.area-testimonials .testi__slider-wrapper {
  display: block;
}
.area-testimonials .testi-swiper {
  width: 100%;
  padding-bottom: 40px !important;
}
.area-testimonials .testi-pagination {
  bottom: 0 !important;
}
.area-testimonials .testi-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #ccc;
  opacity: 1;
}
.area-testimonials .testi-pagination .swiper-pagination-bullet-active {
  background: #765692;
}
.area-testimonials .swiper-slide {
  height: auto;
}
.area-testimonials .testi__nav {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: #765692;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.2s;
  line-height: 1;
}
.area-testimonials .testi__nav:hover {
  background: #8b5cf6;
  transform: scale(1.08);
}
.area-testimonials .testi__nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
@media (max-width: 900px) {
  .area-testimonials .testi__nav {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }
}
.area-testimonials .testi-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(118, 86, 146, 0.08);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: 0.3s ease-in-out;
}
.area-testimonials .testi-card:hover {
  transform: scale(1.02);
  cursor: pointer;
}
.area-testimonials .testi-card__photo {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  flex-shrink: 0;
}
.area-testimonials .testi-card__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  display: block;
}
.area-testimonials .testi-card__quote {
  font-size: 15px;
  color: #435874;
  line-height: 1.7;
  padding: 24px 24px 16px;
  flex: 1;
  margin-bottom: 0;
}
.area-testimonials .testi-card__quote b {
  color: #765692;
}
@media (max-width: 900px) {
  .area-testimonials .testi-card__quote {
    font-size: 14px;
    padding: 18px 18px 12px;
  }
}
.area-testimonials .testi-card__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 24px 24px;
  gap: 12px;
}
@media (max-width: 900px) {
  .area-testimonials .testi-card__footer {
    padding: 0 18px 18px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.area-testimonials .testi-card__left {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.area-testimonials .testi-card__name {
  font-size: 19px;
  font-weight: 700;
  color: #765692;
}
.area-testimonials .testi-card__stars {
  color: #f4c430;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 1;
}
.area-testimonials .testi-card__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
@media (max-width: 900px) {
  .area-testimonials .testi-card__right {
    align-items: flex-start;
  }
}
.area-testimonials .testi-card__location {
  font-size: 14px;
  font-weight: 600;
  color: #435874;
}
.area-testimonials .testi-card__verified {
  font-size: 12px;
  color: #2ecc40;
  font-weight: 600;
}

.free-shipping {
  background: linear-gradient(81deg, #5a34b1 -0.58%, #966ff8 60.83%, #a78bfa 100%);
  color: #fff;
}
.free-shipping .container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  padding: 40px 0;
}
.free-shipping .container .text-shipping {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 900px) {
  .free-shipping .container {
    flex-direction: column;
  }
}
.free-shipping h2 {
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
@media (max-width: 900px) {
  .free-shipping h2 {
    font-size: 30px;
  }
}
.free-shipping p {
  color: #fff;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.guarantee {
  background: linear-gradient(81deg, #a78bfa -0.58%, #966ff8 38.59%, #5a34b1 100%);
  color: #fff;
  padding: 80px 0;
}
@media (max-width: 900px) {
  .guarantee {
    padding: 40px 0;
  }
}
.guarantee .container {
  display: flex;
  align-items: center;
}
@media (max-width: 900px) {
  .guarantee .container {
    flex-direction: column;
    text-align: center;
  }
}
.guarantee .container h2 {
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 900px) {
  .guarantee .container h2 {
    font-size: 30px;
  }
}
.guarantee .container .guarantee-img {
  width: 100%;
}
@media (max-width: 900px) {
  .guarantee .container .guarantee-img {
    width: 60%;
    margin-bottom: 10px;
  }
}
.guarantee .container .guarantee-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
}
.guarantee .container .guarantee-info .btn-cta {
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(90deg, #81ff33 0%, #56aa21 100%);
  color: #1a1a1a;
  font-weight: 700;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 16px 104px;
  border-radius: 50px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.guarantee .container .guarantee-info .btn-cta:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  .guarantee .container .guarantee-info .btn-cta {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

.faq {
  background: #fff;
  margin-top: 60px;
}
@media (max-width: 900px) {
  .faq {
    margin-top: 40px;
  }
}
.faq {
  padding-top: 73px;
}
.faq .container {
  max-width: 934px !important;
}
.faq .container > span {
  color: #765692;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}
.faq .btn {
  display: flex;
  padding: 18px 104px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 50px;
  margin: 0 auto;
  margin-top: 20px;
  border-bottom: 6px solid #116800;
  background: linear-gradient(180deg, #35f60f 0%, #1fa604 100%);
  color: #fff;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.faq .btn:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  .faq .btn {
    font-size: 18px;
  }
}
.faq .faq-header {
  position: relative;
  text-align: center;
  margin-bottom: 48px;
}
.faq .faq-watermark {
  font-size: 120px;
  font-weight: 900;
  color: rgba(139, 92, 246, 0.09);
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  letter-spacing: 4px;
}
.faq .title {
  text-align: center;
  color: #765692;
  margin: 0;
  margin-top: -45px;
  font-size: 40px;
  font-weight: 800;
}
@media (max-width: 900px) {
  .faq .title {
    font-size: 30px;
  }
}
.faq .days_gua {
  color: #765692;
}
.faq .accordion {
  display: grid;
  gap: 16px;
  margin-bottom: 48px;
}
.faq .item {
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}
.faq .item:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.faq .item .header {
  border-radius: 8px;
  background: #f7f5ff;
  border: 1px solid rgba(47, 27, 82, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 16px;
  transition: all 0.3s ease;
}
.faq .item .header:hover {
  transform: translateY(-10px);
}
@media (max-width: 900px) {
  .faq .item .header {
    padding: 16px;
  }
}
.faq .item .header p {
  font-weight: 500;
  color: #765692;
  font-size: 24px;
  margin-bottom: 0;
  text-align: left;
}
@media (max-width: 900px) {
  .faq .item .header p {
    font-size: 18px;
  }
}
.faq .item .header::after {
  content: "+";
  transition: all 0.4s ease;
  font-size: 28px;
  font-weight: 400;
  color: #8b5cf6;
}
.faq .item .body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0 12px;
  background: #fff;
}
.faq .item .body p,
.faq .item .body li,
.faq .item .body p b {
  text-align: left;
  font-size: 16px;
  margin-bottom: 16px;
  color: #765692;
}
@media (max-width: 900px) {
  .faq .item .body p,
  .faq .item .body li,
  .faq .item .body p b {
    font-size: 16px;
  }
}
.faq .item .body a {
  text-decoration: underline;
}
.faq .item .body li {
  list-style: "✔";
  margin-left: 20px;
}
.faq .item .body img {
  margin: 20px auto;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.faq .item.active .header {
  background-color: #765692;
}
.faq .item.active .header::after {
  content: "-";
  color: #8b5cf6;
}
.faq .item.active .header {
  border-radius: 8px 8px 0 0;
}
.faq .item.active .header p {
  color: #fff;
}
.faq .item.active .body {
  padding-top: 20px;
  padding-bottom: 20px;
  max-height: 600px;
  overflow: auto;
}
.faq .btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 10px auto;
  background: linear-gradient(90deg, #81ff33 0%, #56aa21 100%);
  color: #1a1a1a;
  font-weight: 700;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 16px 104px;
  border-radius: 50px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.faq .btn-cta img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
.faq .btn-cta:hover {
  opacity: 0.9;
}

.site-footer .footer-main {
  background: #f7f5ff;
  padding: 60px 0 40px;
  text-align: center;
  margin-top: 30px;
}
.site-footer .footer-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}
.site-footer .footer-brand .footer-logo {
  max-width: 230px;
}
.site-footer .footer-brand .footer-name {
  color: #435874;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 4px;
  margin: 0;
}
.site-footer .footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin-bottom: 24px;
}
.site-footer .footer-nav a {
  color: #435874;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color 0.3s;
}
.site-footer .footer-nav a:hover {
  transform: scale(1.01);
}
.site-footer .footer-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin: 0 0 32px;
}
.site-footer .footer-disclaimer {
  color: #435874;
  font-size: 13px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
}
.site-footer .footer-bottom {
  background: linear-gradient(to right, #8b5cf6, #1a5276, #2c6991, #1a5276, #8b5cf6);
  padding: 20px 0;
  text-align: center;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
.site-footer .footer-bottom p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  margin: 0;
  font-weight: 500;
}
.site-footer .footer-bottom p:first-child {
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}/*# sourceMappingURL=style.css.map */