*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 5.4rem;
}

body,
h1,
h2,
h3,
p,
blockquote,
figure,
ul {
  margin: 0;
}

ul {
  padding: 0;
}

button,
input,
textarea,
select {
  font: inherit;
}

img,
picture {
  display: block;
  max-width: 100%;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

body {
  background: #ffffff;
  color: #4e3636;
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  min-width: 0;
}

body.menu-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus-visible,
button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(255, 216, 21, 0.6);
}

button {
  border: 0;
  cursor: pointer;
}

strong {
  font-weight: 700;
}

.container {
  margin-inline: auto;
  max-width: 80rem;
  padding-inline: 1.25rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .container {
    padding-inline: 2rem;
  }
}

.section {
  padding-block: 4rem;
}
@media (min-width: 80rem) {
  .section {
    padding-block: 5rem;
  }
}

.section-heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.section-heading > p {
  font-size: 1.125rem;
  line-height: 1.3;
}

.section-title {
  color: #4e3636;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (min-width: 48rem) {
  .section-title {
    font-size: 2.5rem;
  }
}

.section-title span {
  color: #b80012;
}

.section-title--light {
  color: #ffffff;
}

.section-title--light span {
  color: #d6ad24;
}

.section-title--primary {
  color: #b80012;
  font-family: "Poppins", sans-serif;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 0.0625rem;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 0.0625rem;
}

.skip-link {
  background: #ffd815;
  color: #0e0d11;
  font-weight: 700;
  left: 1rem;
  padding: 0.75rem 1rem;
  position: fixed;
  top: -5rem;
  z-index: 20;
}

.skip-link:focus {
  top: 1rem;
}

.button {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 999rem;
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  gap: 1rem;
  height: 4.0625rem;
  max-width: 24.75rem;
  padding-inline: 1.5rem;
  text-transform: uppercase;
  transition: filter 180ms ease, transform 180ms ease;
  width: 100%;
}

.button:hover {
  filter: brightness(1.05);
  transform: translateY(-0.25rem);
}

.button--primary {
  background: linear-gradient(180deg, #35f60f 0%, #1fa604 100%);
  border-bottom: 0.375rem solid #116800;
  color: #ffffff;
}

.rating {
  align-items: center;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.25rem;
  gap: 0.5rem;
}

.rating__stars {
  color: #ffd815;
  letter-spacing: 0.03em;
}

.rating--dark {
  color: #4e3636;
  justify-content: center;
}

.ingredient-card {
  align-items: center;
  background: #fffafa;
  border: 0.0625rem solid rgba(106, 48, 53, 0.2);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  min-height: 10rem;
  padding: 5rem 1.25rem 2rem;
  position: relative;
  text-align: center;
}

.ingredient-card__image {
  background: #ffffff;
  border-radius: 999rem;
  box-shadow: 0 0.5rem 1.75rem rgba(78, 54, 54, 0.1);
  height: 8rem;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -4rem;
  transform: translateX(-50%);
  width: 8rem;
}

.ingredient-card__title {
  color: #b71c1c;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.75rem;
}

.ingredient-card p {
  color: #4e3636;
  font-size: 1.125rem;
  opacity: 0.8;
}

.benefit-card {
  align-items: flex-start;
  background: #ffffff;
  border-radius: 1rem;
  display: flex;
  gap: 1rem;
  padding: 1rem;
}

.benefit-card__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  background: linear-gradient(90deg, #facb49 0%, #e3a016 30.288%, #facb49 69.231%, #e3a016 100%);
  border-radius: 999rem;
  color: #b71c1c;
  flex: 0 0 3rem;
  font-size: 1.5rem;
  height: 3rem;
}

.benefit-card h3 {
  color: #b71c1c;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

.benefit-card p {
  color: #756a6b;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
}

.testimonial-card {
  background: #fffafa;
  border: 0.0625rem solid #d4d4d4;
  border-radius: 0.625rem;
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
  padding: 1.25rem;
}
@media (min-width: 48rem) {
  .testimonial-card {
    flex-basis: calc(50% - 1rem);
    padding: 2rem;
  }
}

.testimonial-card__photo {
  border-radius: 0.3125rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.testimonial-card blockquote {
  color: #756a6b;
  font-size: 1.125rem;
}

.testimonial-card blockquote strong {
  color: #b80012;
}

.testimonial-card__footer {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.testimonial-card__footer > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.testimonial-card__footer > div:last-child {
  align-items: flex-end;
  text-align: right;
}

.testimonial-card cite {
  color: #b80012;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
}

.testimonial-card__footer span[aria-label] {
  color: #e8b104;
  letter-spacing: 0.03em;
}

.testimonial-card__verified {
  color: #756a6b;
}

.faq-item {
  border-bottom: 0.0625rem solid #756a6b;
}

.faq-item__question {
  align-items: center;
  background: #ffffff;
  color: #4e3636;
  display: flex;
  font-size: 1.25rem;
  font-weight: 500;
  justify-content: space-between;
  padding: 1.5rem 1rem;
  text-align: left;
  width: 100%;
}
@media (min-width: 48rem) {
  .faq-item__question {
    font-size: 1.5rem;
  }
}

.faq-item--open .faq-item__question {
  background: #b80012;
  border-radius: 0.625rem;
  color: #ffffff;
}

.faq-item__icon {
  display: inline-block;
  flex-shrink: 0;
  transition: transform 180ms ease;
}

.faq-item--open .faq-item__icon {
  transform: rotate(180deg);
}

.faq-item__answer {
  color: #756a6b;
  font-family: "Montserrat", sans-serif;
  padding: 1rem 1rem 1.5rem;
}

.site-header {
  background: #fefbf0;
  min-height: 5.4rem;
  position: relative;
  z-index: 20;
}

.site-header__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 5.4rem;
}

.site-header__brand img {
  height: auto;
  width: 9.75rem;
}

.site-header__toggle {
  background: transparent;
  display: grid;
  gap: 0.25rem;
  padding: 0.75rem;
}
@media (min-width: 48rem) {
  .site-header__toggle {
    display: none;
  }
}

.site-header__toggle-line {
  background: #b80012;
  border-radius: 999rem;
  height: 0.25rem;
  transition: transform 180ms ease, opacity 180ms ease;
  width: 1.75rem;
}

.site-header__nav {
  align-items: stretch;
  background: #fefbf0;
  display: none;
  flex-direction: column;
  left: 0;
  padding: 1.5rem;
  position: absolute;
  right: 0;
  top: 100%;
}

.site-header__nav.is-open {
  display: flex;
}

.site-header__nav a {
  border-bottom: 0.0625rem solid rgba(78, 54, 54, 0.15);
  font-size: 1.25rem;
  padding: 1rem;
}

.site-header__nav a:hover {
  color: #b80012;
}

@media (min-width: 48rem) {
  .site-header__nav {
    align-items: center;
    background: transparent;
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    padding: 0;
    position: static;
  }
}

@media (min-width: 48rem) {
  .site-header__nav a {
    border: 0;
    font-size: 1.25rem;
    padding: 0;
  }
}

.site-footer__legal {
  align-items: center;
  background: #fff4f4;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2.5rem 1.25rem;
}

.site-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  justify-content: center;
}

.site-footer__links a {
  color: #756a6b;
}

.site-footer__disclaimer {
  border-top: 0.0625rem solid #c9a227;
  color: #756a6b;
  font-size: 0.875rem;
  max-width: 62.9375rem;
  padding-top: 1.5rem;
  text-align: center;
}

.site-footer__copyright {
  align-items: center;
  display: flex;
  justify-content: center;
  background: #b71c1c;
  color: #ffffff;
  min-height: 4.375rem;
  padding: 1.5rem;
}

.hero {
  background: #b80012;
  min-height: 45rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 48rem) {
  .hero {
    min-height: 51.25rem;
  }
}

.hero__visual {
  inset: 0;
  position: absolute;
}

.hero__visual::after {
  background: linear-gradient(180deg, rgba(184, 0, 18, 0.96) 0%, rgba(184, 0, 18, 0.42) 68%, rgba(184, 0, 18, 0.08) 100%);
  content: "";
  inset: 0;
  position: absolute;
}
@media (min-width: 48rem) {
  .hero__visual::after {
    display: none;
  }
}

.hero__visual img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 62% center;
     object-position: 62% center;
  width: 100%;
}
@media (min-width: 48rem) {
  .hero__visual img {
    -o-object-position: center;
       object-position: center;
  }
}

.hero__inner {
  align-items: flex-start;
  display: flex;
  min-height: 45rem;
  padding-block: 3.5rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 48rem) {
  .hero__inner {
    align-items: center;
    min-height: 51.25rem;
    padding-block: 5rem;
  }
}

.hero__content {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 29.625rem;
}

.hero__title {
  font-size: 2rem;
  line-height: 1.3;
}
@media (min-width: 48rem) {
  .hero__title {
    font-size: 2.25rem;
  }
}
@media (min-width: 80rem) {
  .hero__title {
    font-size: 2.5rem;
  }
}

.hero__title span {
  -webkit-background-clip: text;
  background-image: linear-gradient(180deg, #eb8e21 0%, #ffd815 100%);
  background-clip: text;
  color: transparent;
}

.hero__description {
  font-size: 1.25rem;
}

.hero__actions {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}

.hero__payments {
  height: auto;
  max-width: 19.625rem;
  width: 100%;
}

.trust-bar {
  background: linear-gradient(90deg, #facb49 0%, #e3a016 30.288%, #facb49 69.231%, #e3a016 100%);
}

.trust-bar__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  min-height: 6.8125rem;
  width: 100%;
}
@media (max-width: 900px) {
  .trust-bar__inner {
    min-height: auto;
    gap: 0.25rem 1rem;
    padding-block: 1rem;
  }
}
@media (min-width: 80rem) {
  .trust-bar__inner {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.trust-bar__item {
  align-items: center;
  color: #0e0d11;
  display: flex;
  font-size: 1.125rem;
  gap: 0.75rem;
  padding: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .trust-bar__item {
    padding: 0.5rem;
    font-size: 0.8125rem;
    gap: 0.5rem;
  }
}
.trust-bar__item > span {
  display: inline-flex;
  flex-shrink: 0;
}
.trust-bar__item svg,
.trust-bar__item img {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .trust-bar__item svg,
  .trust-bar__item img {
    width: 1.0625rem;
    height: 1.0625rem;
  }
}
.trust-bar__item img {
  filter: brightness(0);
}

.about {
  background: #b71c1c;
  min-height: 40rem;
  overflow: hidden;
  position: relative;
}

.about__visual {
  inset: 0;
  position: absolute;
}

.about__visual::after {
  background: linear-gradient(90deg, rgba(184, 0, 18, 0.94) 0%, rgba(184, 0, 18, 0.72) 100%);
  content: "";
  inset: 0;
  position: absolute;
}
@media (min-width: 80rem) {
  .about__visual::after {
    display: none;
  }
}

.about__visual img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 35% center;
     object-position: 35% center;
  width: 100%;
}

.about__inner {
  display: flex;
  justify-content: flex-end;
  min-height: 40rem;
  padding-block: 4rem;
  position: relative;
  z-index: 2;
}

.about__content {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  max-width: 33rem;
}

.about__copy {
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  gap: 1.25rem;
  max-width: 24.625rem;
}

.ingredients__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

.ingredients__grid {
  display: grid;
  gap: 6rem 2rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .ingredients__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.benefits {
  background: #b71c1c;
  display: grid;
}
@media (min-width: 48rem) {
  .benefits {
    grid-template-columns: 51% 49%;
    min-height: 40.875rem;
  }
}

.benefits__photo {
  height: 100%;
  min-height: 24rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}

.benefits__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 3rem 1.25rem;
}
@media (min-width: 80rem) {
  .benefits__content {
    max-width: 37rem;
    padding: 2.5rem 3rem;
  }
}

.benefits__heading {
  color: #fff4f4;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.benefits__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.testimonials {
  border: 0.0625rem solid #b9b9b9;
}

.testimonials__inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.testimonials__slider {
  align-items: center;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.testimonials__track {
  min-width: 0;
  overflow: hidden;
  width: 100%;
}

.testimonials__wrapper {
  display: flex;
  gap: 2rem;
  transition: transform 0.4s ease;
}

.testimonials__arrow {
  align-items: center;
  display: flex;
  justify-content: center;
  background: #b80012;
  border-radius: 999rem;
  color: #ffffff;
  height: 2.5rem;
  width: 2.5rem;
}

.shipping {
  align-items: center;
  background: #b80012;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  min-height: 15.6875rem;
  padding: 4rem 1.25rem 2.5rem;
  position: relative;
  text-align: center;
}

.shipping__badge {
  height: 10rem;
  left: 50%;
  position: absolute;
  top: -5rem;
  transform: translateX(-50%);
  width: 10rem;
}

.shipping h2 {
  font-size: 1.875rem;
  line-height: 1.3;
  margin-top: 2rem;
}
@media (min-width: 48rem) {
  .shipping h2 {
    font-size: 2.5rem;
  }
}

.shipping h2 span {
  color: #ffd815;
}

.shipping p {
  font-size: 1.25rem;
  margin-top: 1rem;
}

.area-kits {
  background: #fff;
  padding: 80px 0 170px;
}
@media (max-width: 900px) {
  .area-kits {
    padding: 40px 0 120px;
  }
}
.area-kits .area-title {
  display: grid;
  text-align: center;
  gap: 8px;
  width: 93%;
  max-width: 1300px;
  margin: 0 auto 40px;
}
.area-kits .area-title h2 {
  color: #b71c1c;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .area-kits .area-title h2 {
    font-size: 28px;
  }
}
.area-kits .area-title h2 .highlight {
  color: #d6ad24;
  font-weight: inherit;
}
.area-kits .area-title p {
  font-size: 18px;
  font-weight: 400;
  color: #0e0d11;
}
.area-kits .sub {
  width: 93%;
  max-width: 1300px;
  margin: 0 auto 42px;
}
.area-kits .container {
  width: 93%;
  background: #fff;
  border-radius: 50px;
  padding: 40px 42px;
  max-width: 1300px;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .area-kits .container {
    border-radius: 24px;
    padding: 32px 20px;
    width: 100%;
  }
}
.area-kits .container ul {
  list-style: none;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 900px) {
  .area-kits .container ul {
    grid-template-columns: minmax(0, 1fr);
    gap: 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 #a93f48;
  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, minmax(0, 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;
}
.area-kits .container ul a .valores.dk s {
  color: #756A6B;
}
@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: #b71c1c;
  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: #b71c1c;
  font-weight: 500;
}
@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;
  width: 100%;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main {
    padding: 16px 0px;
    padding-left: 10px;
    min-width: 0;
  }
}
.area-kits .container ul a .main strong {
  color: #b71c1c;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
}
@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;
  color: #B71C1C;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .days {
    font-size: 16px;
    margin-bottom: 18px;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a .main .days {
    font-size: 14px;
  }
}
.area-kits .container ul a .main .area-img {
  position: relative;
}
.area-kits .container ul a .main .area-img .save {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  right: 15%;
  background: #f43030;
  padding: 6px 16px;
  width: 76px;
  height: 76px;
  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 small {
  font-size: 10px;
}
.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 b {
    font-size: 13px;
  }
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img .save {
    bottom: 0;
    right: 0;
  }
}
.area-kits .container ul a .main .area-img img {
  height: 207px;
  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-size: 24px;
  margin-bottom: 20px;
  font-weight: 400;
}
@media (max-width: 900px) {
  .area-kits .container ul a .price {
    font-size: 14px;
  }
}
.area-kits .container ul a .price strong {
  color: #b71c1c;
  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;
}
@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 .price div {
  position: relative;
}
@media (max-width: 900px) {
  .area-kits .container ul a .price div {
    position: static !important;
  }
}
.area-kits .container ul a ul {
  list-style: none;
  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: 18px;
  align-items: center;
  gap: 8px;
  line-height: 1;
  font-weight: 500;
  color: #0e0d11;
}
.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.png);
}
.area-kits .container ul a ul li.morromeno::before {
  content: url(../../assets/img/checkamarelo.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 35px 20px;
  width: 100%;
}
@media (max-width: 900px) {
  .area-kits .container ul a .footer {
    padding: 16px 10px 20px;
    min-width: 0;
  }
}
.area-kits .container ul a .footer button {
  position: relative;
  max-width: 314px;
  width: 100%;
  height: auto;
  padding: 0;
}
.area-kits .container ul a .footer .button {
  background: none;
  border: none;
  cursor: pointer;
  height: auto;
  padding: 0;
  margin: 16px auto 12px;
}
.area-kits .container ul a .footer .bandeiras {
  margin: 0 auto 12px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .footer .bandeiras {
    width: 100%;
  }
}
.area-kits .container ul .best-option a {
  border-color: #d6ad24;
  background: #fff5d4;
  animation: pulse-best-option 2s ease-in-out infinite;
  transition: all 0.3s ease;
}
.area-kits .container ul .best-option a:hover {
  animation: none;
  transform: scale(1.05);
  box-shadow: 0 10px 40px rgba(201, 162, 39, 0.3);
}
.area-kits .container ul .best-option a .header {
  color: #6A3035;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(90deg, #E8B104 0%, #FFDC6D 27.88%, #E8B104 60.58%, #FFDC6D 78.85%, #E8B104 100%);
  font-weight: 600;
}
.area-kits .container ul .best-option a .price div {
  bottom: 10px;
  position: relative;
}
.area-kits .container ul .best-option a .price strong {
  font-size: 80px;
  color: #b71c1c;
}
@media (max-width: 900px) {
  .area-kits .container ul .best-option a .price strong {
    font-size: 40px;
  }
}
.area-kits .container ul .best-option a .main strong {
  color: #b71c1c;
}
.area-kits .container ul .best-option a .main .area-img .save {
  right: 0%;
  bottom: -5px;
}
.area-kits .container ul .best-option a .main .area-img::before {
  display: none;
}
.area-kits .container ul .best-option a .valores span {
  color: #b71c1c;
}
.area-kits .container ul .best-option a .footer .button {
  max-width: 100%;
}
@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;
  }
}
.area-kits .diferenciais {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  width: 93%;
  max-width: 1300px;
  margin: 65px auto 0;
}
@media (max-width: 900px) {
  .area-kits .diferenciais {
    grid-template-columns: 1fr;
    margin-top: 30px;
    gap: 0;
    width: 90%;
  }
}
.area-kits .diferenciais li {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  padding: 0 36px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  text-align: left;
}
@media (max-width: 900px) {
  .area-kits .diferenciais li {
    grid-template-columns: 48px 1fr;
    padding: 16px 0;
    border-left: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: left;
    gap: 16px;
    align-items: center;
  }
}
.area-kits .diferenciais li:first-child {
  border-left: none;
}
@media (max-width: 900px) {
  .area-kits .diferenciais li:last-child {
    border-bottom: none;
  }
}
@media (max-width: 900px) {
  .area-kits .diferenciais li span,
  .area-kits .diferenciais li p {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: #b71c1c;
  }
}
@media (max-width: 900px) {
  .area-kits .diferenciais li img,
  .area-kits .diferenciais li svg {
    width: 48px;
    height: 48px;
  }
}
.area-kits .infos_buy {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: start;
  padding-top: 40px;
}
@media (max-width: 900px) {
  .area-kits .infos_buy {
    flex-direction: column;
    gap: 16px;
    padding-top: 24px;
  }
}
.area-kits .infos_buy .item {
  display: grid;
  place-items: center;
  gap: 12px;
  max-width: 16ch;
  font-size: 18px;
  font-weight: 500;
  color: #b71c1c;
}

.guarantee {
  align-items: center;
  background: #b71c1c;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 33.875rem;
  padding: 2.5rem 1.25rem;
  padding-top: 8.5rem;
  position: relative;
  text-align: center;
}
@media (min-width: 48rem) {
  .guarantee {
    padding-top: 10rem;
  }
}

.guarantee::after {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0.0625rem, transparent 0.0625rem);
  background-size: 1rem 1rem;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}

.guarantee__badge,
.guarantee h2,
.guarantee p,
.guarantee .button {
  position: relative;
  z-index: 2;
}

.guarantee__badge {
  filter: drop-shadow(0.1875rem 0.1875rem 1.25rem rgba(201, 162, 39, 0.2));
  height: 15rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 15rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media (min-width: 48rem) {
  .guarantee__badge {
    height: 20.5rem;
    width: 20.5rem;
  }
}

.guarantee h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  line-height: 1.3;
  max-width: 34.3125rem;
  text-transform: uppercase;
}

.guarantee p {
  color: #fff5e8;
  font-size: 1.125rem;
  max-width: 34.3125rem;
}

.guarantee .button {
  margin-top: 1.5rem;
}

.faq__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.faq__list {
  max-width: 65.625rem;
  width: 100%;
}

[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}/*# sourceMappingURL=style.css.map */