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

svg {
  max-width: 100%;
  display: block;
  height: auto;
}

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

label {
  display: block;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

::-moz-placeholder {
  color: inherit;
}

::placeholder {
  color: inherit;
}

textarea {
  display: block;
}

input,
textarea,
button,
select {
  font: inherit;
  color: inherit;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
}

ul,
ol {
  list-style-type: none;
}

picture,
img {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -o-object-fit: cover;
     object-fit: cover;
}

:focus {
  outline: none;
}

:focus-visible {
  outline: 1.5px solid #333333;
  outline-offset: 0px;
}

html,
body {
  overflow-x: clip;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}
@media (prefers-reduced-motion) {
  html {
    scroll-behavior: none;
  }
}

body {
  min-width: 320px;
  -webkit-tap-highlight-color: transparent;
}

:root {
  /* Brand colors */
  --color-green-700: #2d6830;
  --color-green-500: #4caf50;
  --color-green-200: #c8eac9;
  --color-green-100: #e3f5e3;
  --color-green-50: #f3faf3;
  --color-oat-100: #f5f2ea;
  --color-neutral-900: #3d3d3d;
  --color-neutral-700: #4f4f4f;
  --color-neutral-600: #5d5d5d;
  --color-neutral-500: #6d6d6d;
  --color-neutral-400: #8e8e8e;
  --color-neutral-100: #e7e7e7;
  --color-neutral-50: #f6f6f6;
  --color-white: #ffffff;
  --color-purple: #6b43b9;
  --color-orange: #ffc571;
  /* Fonts */
  --font-primary: "Lato", sans-serif;
  --font-secondary: "Poppins", sans-serif;
}

body {
  font-family: var(--font-primary);
  color: var(--color-neutral-900);
  background-color: var(--color-white);
}

.top-strip {
  width: 100%;
  background-color: var(--color-white);
}

.top-strip__container {
  width: 100%;
  padding: 8px 0;
}

.top-strip__text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.72px;
  color: var(--color-neutral-400);
  text-align: center;
}
@media (min-width: 768px) {
  .top-strip__text {
    font-size: 12px;
  }
}

.hero {
  width: 100%;
  background-color: var(--color-oat-100);
}

.hero__container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  min-height: 505px;
  overflow-x: visible;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1200px) {
  .hero__container {
    flex-direction: row;
    align-items: center;
  }
}

.hero__content {
  padding: 24px 24px 24px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 734px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .hero__content {
    min-width: clamp(500px, 40.625vw, 846px);
    flex: 1;
  }
}
@media (min-width: 1920px) {
  .hero__content {
    min-width: 846px;
  }
}

.hero__media {
  position: relative;
  width: 100%;
  min-height: 360px;
  max-width: 734px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .hero__media {
    width: 734px;
  }
}

.hero__image {
  height: 100%;
  min-height: 360px;
  max-width: 734px;
  width: 100%;
}
@media (min-width: 1200px) {
  .hero__image {
    width: 734px;
  }
}
.hero__image img {
  height: 100%;
  width: 100%;
  min-height: 360px;
  max-width: 734px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1200px) {
  .hero__image img {
    width: 734px;
  }
}

.flesh {
  position: absolute;
  top: -30px;
  left: -30px;
  width: 213px;
  height: 213px;
  aspect-ratio: 1/1;
  background-color: #2d6830;
  border-radius: 50%;
  padding: 16px;
  z-index: 10;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .flesh {
    display: none;
  }
}

.flesh__heading {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.19;
  color: #fff;
  margin: 0;
}

.flesh__highlight {
  color: #ef6707;
}

.flesh__disclaimer {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #e3dac5;
  margin: 0;
  max-width: 180px;
  margin: 0 auto;
}

.flesh__price {
  text-decoration: line-through;
}

.hero__heading-wrap {
  padding: 0 0 32px 0;
}

.hero__heading {
  font-family: var(--font-secondary);
  font-weight: 700;
  font-size: clamp(32px, 3.2vw, 48px);
  line-height: 1.25;
  color: var(--color-green-700);
  margin: 0;
}

.hero__lead {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: clamp(20px, 3.125vw, 26px);
  line-height: 1.5;
  color: var(--color-neutral-900);
  margin: 0;
}

.edu {
  width: 100%;
  background: url("../img/edu-background.jpg") center/cover no-repeat;
  position: relative;
}
@media (max-width: 996px) {
  .edu {
    background: none;
  }
}
.edu::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.25);
}

.edu__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 24px;
  position: relative;
  z-index: 1;
}
@media (min-width: 996px) {
  .edu__container {
    padding: 64px 64px 32px 64px;
  }
}

.edu__grid {
  display: flex;
  gap: 127px;
  align-items: center;
  justify-content: center;
  max-width: 996px;
  margin: 0 auto;
}
@media (max-width: 996px) {
  .edu__grid {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
}

.edu__cards {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media (min-width: 996px) {
  .edu__cards {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }
}

.edu__card {
  width: 282.656px;
  height: 204px;
  background-color: var(--color-green-50);
  border-radius: 16px;
  padding: 24px 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.edu__card-icon {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}

.edu__card-title {
  width: 100%;
  text-align: center;
}
.edu__card-title p {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-green-700);
  margin: 0;
}

.edu__card-text {
  width: 100%;
  padding: 0 18px;
  text-align: center;
}
.edu__card-text p {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: var(--color-neutral-600);
  margin: 0;
}

.edu__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.edu__header {
  padding: 0 0 8px 0;
}
.edu__header h2 {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: clamp(24px, 2.13vw, 32px);
  line-height: 1.2;
  color: var(--color-neutral-900);
  margin: 0;
}

.edu__paragraph {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  margin: 0;
}
.edu__paragraph strong {
  font-weight: 700;
}

.edu__ref {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: clamp(8px, 0.69vw, 10.32px);
  color: var(--color-purple);
  text-decoration: underline;
}

.story {
  width: 100%;
  background-color: var(--color-white);
}

.story__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 32px 64px 32px 64px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.story__heading-wrap {
  padding: 0 0 8px 0;
}

.story__heading {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: clamp(24px, 2.13vw, 32px);
  line-height: 1.2;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}

.story__stack {
  padding: 0 0 24px 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}

.story__media {
  width: 100%;
  overflow: hidden;
}

.story__picture {
  width: 100%;
  display: block;
}

.story__food-image {
  width: 100%;
  height: auto;
  display: block;
}

.story__quote {
  max-width: 588px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  padding: 13px 24px;
}

.story__quote-icon {
  width: 50px;
  height: 37px;
  position: absolute;
}
.story__quote-icon--top {
  top: -13px;
  left: -24px;
}
.story__quote-icon--bottom {
  bottom: -13px;
  right: -24px;
}

.story__quote-text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}
.story__quote-text strong {
  font-weight: 700;
  font-style: italic;
}

.story__cta {
  padding: 0 0 40px 0;
}

.story__cta-text {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}

.insight {
  width: 100%;
  background-color: var(--color-oat-100);
}

.insight__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 32px 64px 64px 64px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.insight__intro {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  text-align: center;
  max-width: 100%;
  margin: 0;
}

.insight__heading-wrap {
  padding: 0 0 8px 0;
}

.insight__heading {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: clamp(24px, 2.13vw, 32px);
  line-height: 1.2;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}

.insight__content {
  max-width: 792px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px;
}

.insight__text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  margin: 0;
}
.insight__text strong {
  font-weight: 700;
}

.insight__ref {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: clamp(8px, 0.69vw, 10.32px);
  color: var(--color-purple);
  text-decoration: underline;
}

.product {
  width: 100%;
  background: linear-gradient(180deg, var(--color-green-50) 0%, var(--color-white) 34.377%);
}

.product__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 64px 64px 0 64px;
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 996px) {
  .product__container {
    flex-direction: column;
    padding: 24px 24px 0 24px;
    gap: 24px;
    align-items: center;
  }
}

.product__media {
  width: 486px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product__image {
  width: 100%;
  height: auto;
  display: block;
}

.product__content {
  flex: 1;
  max-width: 623px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px 0 0;
}

.product__text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  margin: 0;
}
.product__text strong {
  font-weight: 700;
}

.product__ref {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: clamp(8px, 0.69vw, 10.32px);
  color: var(--color-purple);
  text-decoration: underline;
}

.ingredients {
  width: 100%;
  background: linear-gradient(0deg, var(--color-green-50) 0.103%, var(--color-white) 99.897%);
}

.ingredients__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 64px 64px 64px 64px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ingredients__heading-wrap {
  background-color: var(--color-green-700);
  border-radius: 8px;
  padding: 8px 0;
}

.ingredients__heading {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  color: var(--color-green-100);
  text-align: center;
  margin: 0;
}

.ingredients__grid {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: center;
}

.ingredients__card {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  padding: 0 24px;
}

.ingredients__card-image {
  width: 200px;
  height: 200px;
  border-radius: 999px;
  border: 3px solid var(--color-green-200);
  overflow: hidden;
  flex-shrink: 0;
}
.ingredients__card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ingredients__card-title {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: clamp(22px, 3.125vw, 26px);
  line-height: 1.19;
  color: var(--color-green-700);
  text-align: center;
  margin: 0;
}

.offer {
  width: 100%;
  background-color: var(--color-white);
}

.offer__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 64px 64px 64px 64px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.offer__heading-wrap {
  padding: 0 0 8px 0;
}

.offer__heading {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: clamp(24px, 2.13vw, 32px);
  line-height: 1.2;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}

.offer__intro {
  max-width: 744px;
  width: 100%;
  padding: 0 24px;
}
.offer__intro p {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}

.offer__box-wrap {
  width: 100%;
  padding: 32px 0;
}

.offer__box {
  max-width: 996px;
  width: 100%;
  margin: 0 auto;
  background-color: var(--color-green-50);
  border: 2px solid var(--color-green-500);
  box-shadow: 0 0 20px 0 rgba(107, 189, 110, 0.3);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}

.offer__box-text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}
.offer__box-text strong {
  font-weight: 700;
}

.offer__box-heading {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: clamp(28px, 4.1666666667vw, 36px);
  line-height: 1.5;
  color: var(--color-green-700);
  text-align: center;
  margin: 0;
}

.offer__content {
  max-width: 916px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px;
}

.offer__text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}
.offer__text strong {
  font-weight: 700;
}

.offer__cta {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  padding: 24px 0;
}

.offer__button {
  background-color: var(--color-green-500);
  border: none;
  border-radius: 8px;
  padding: 16px 24px 16px 48px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.offer__button:hover {
  background-color: #45a049;
}

.offer__button-text {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-neutral-50);
  text-align: center;
  transition: color 0.3s ease;
}

.offer__button:hover .offer__button-text {
  color: #fff;
}

.offer__button-highlight {
  color: var(--color-orange);
}

.offer__button-icon-wrap {
  min-width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.offer__button-icon {
  width: 40px;
  height: 40px;
  transition: transform 0.3s ease;
}

.offer__button:hover .offer__button-icon {
  transform: translateX(10px);
}

.offer__caption {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-500);
  text-align: center;
  margin: 0;
}

.disclaimer {
  width: 100%;
  background-color: var(--color-neutral-50);
}

.disclaimer__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 32px 64px 32px 64px;
  display: flex;
  justify-content: center;
}

.disclaimer__box {
  max-width: 720px;
  width: 100%;
  background-color: var(--color-white);
  border: 1px solid var(--color-neutral-100);
  border-radius: 16px;
  padding: 24px;
}

.footer__text,
.disclaimer__box :where(p, a) {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: var(--color-neutral-700);
  text-align: center;
  margin: 0;
}

.footer__text {
  padding-bottom: 16px;
}

.footer__links {
  margin: 16px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.footer__links a {
  transition: color 0.3s ease;
}
.footer__links a:hover {
  color: #000;
}

.refs {
  width: 100%;
  background-color: var(--color-neutral-50);
}

.refs__container {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
  padding: 0 64px 64px 64px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.refs__heading-wrap {
  padding: 0 0 8px 0;
}

.refs__heading {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  color: var(--color-neutral-500);
  margin: 0;
}

.refs__grid {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.refs__list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.refs__item {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.refs__item-index {
  width: 25px;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
}
.refs__item-index p {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: var(--color-neutral-700);
  text-align: right;
  margin: 0;
}

.refs__item-text {
  flex: 1;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: clamp(12px, 0.93vw, 14px);
  line-height: 1.3;
  color: var(--color-neutral-700);
  margin: 0;
}

@media (max-width: 768px) {
  .story__container {
    padding: 32px 24px 32px 24px;
  }
  .story__stack {
    gap: 24px;
  }
  .story__quote {
    padding: 0 0 26px 0;
  }
  .story__quote-icon--top {
    top: -26px;
    left: 0;
    width: 35px;
    height: 26px;
  }
  .story__quote-icon--bottom {
    bottom: 0;
    right: 0;
    width: 35px;
    height: 26px;
  }
  .story__cta {
    padding: 0 0 24px 0;
  }
  .insight__container {
    padding: 32px 24px 32px 24px;
  }
  .insight__content {
    padding: 0;
  }
  .product__media {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
  .product__content {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .ingredients__container {
    padding: 24px 24px 24px 24px;
  }
  .ingredients__grid {
    flex-direction: column;
    gap: 24px;
  }
  .ingredients__card {
    width: 100%;
  }
  .offer__container {
    padding: 24px 24px 24px 24px;
  }
  .offer__intro {
    padding: 0;
  }
  .offer__box {
    padding: 32px 32px;
  }
  .offer__content {
    padding: 0;
  }
  .offer__button {
    width: 100%;
    flex-direction: column;
    padding: 24px 24px;
    gap: 8px;
  }
  .offer__button-text {
    text-align: center;
  }
  .disclaimer__container {
    padding: 32px 24px 32px 24px;
  }
  .refs__container {
    padding: 0 24px 64px 24px;
  }
  .refs__grid {
    flex-direction: column;
    gap: 24px;
  }
}
.summary-product {
  width: 100%;
  background: linear-gradient(180deg, var(--color-green-50) 0%, var(--color-white) 34.377%);
}

.summary-product__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 48px 64px 16px 64px;
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 996px) {
  .summary-product__container {
    flex-direction: column;
    padding: 32px 24px 32px 24px;
    gap: 24px;
    align-items: center;
  }
}

.summary-product__media {
  width: 486px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.summary-product__image {
  width: 100%;
  height: auto;
  display: block;
}

.summary-product__content {
  flex: 1;
  max-width: 623px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px 0 0;
}

.summary-product__heading {
  font-family: var(--font-secondary);
  font-weight: 700;
  font-size: clamp(38px, 4.9479166667vw, 48px);
  line-height: 1.25;
  color: var(--color-green-700);
  margin: 0;
}

.summary-product__lead {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: clamp(20px, 3.125vw, 26px);
  line-height: 1.5;
  color: var(--color-neutral-900);
  max-width: 440px;
  margin: 0;
}

.summary-product__text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  margin: 0;
}

.promo-bar {
  width: 100%;
  background-color: #fff0d4;
}

.promo-bar__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 16px 64px 16px 64px;
}

.promo-bar__text {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  text-align: center;
  margin: 0;
}

.summary-offer {
  width: 100%;
  background-color: var(--color-white);
}

.summary-offer__container {
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 16px 64px 64px 64px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.summary-offer__cta {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 24px 0;
}

.summary-offer__button {
  background-color: var(--color-green-500);
  border: none;
  border-radius: 8px;
  padding: 16px 24px 16px 48px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.summary-offer__button:hover {
  background-color: #45a049;
}
.summary-offer__button.hidden {
  display: none;
}

.summary-offer__button.phone-number {
  padding: 16px 24px;
  background-color: #fff;
  outline: 3px solid var(--color-green-500);
}
@media (min-width: 769px) {
  .summary-offer__button.phone-number {
    min-width: 490px;
    min-height: 72px;
  }
}
.summary-offer__button.phone-number .summary-offer__button-text {
  font-size: 26px;
  color: var(--color-green-500);
}

.summary-offer__button-text {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-neutral-50);
  text-align: center;
  white-space: nowrap;
  transition: color 0.3s ease;
}

.summary-offer__button-icon-wrap {
  min-width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.summary-offer__button-icon {
  width: 40px;
  height: 40px;
  transition: transform 0.3s ease;
}

.summary-offer__button:hover .summary-offer__button-icon {
  transform: translateX(10px);
}

.summary-offer__text-wrap {
  max-width: 792px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 24px;
  text-align: center;
}

.summary-offer__hours {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.summary-offer__hours-text {
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  margin: 0;
}

.summary-offer__hours-note {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-neutral-900);
  margin: 0;
}

.summary-offer__deadline {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #ff2626;
  margin: 0;
}

@media (max-width: 768px) {
  .summary-product__media {
    width: 100%;
    max-width: 342px;
    margin: 0 auto;
  }
  .summary-product__content {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .summary-product__lead {
    max-width: 100%;
  }
  .promo-bar__container {
    padding: 16px 24px 16px 24px;
  }
  .summary-offer__container {
    padding: 24px 24px 24px 24px;
  }
  .summary-offer__button {
    width: 100%;
    padding: 24px 24px;
  }
  .summary-offer__button-text {
    white-space: normal;
  }
  .summary-offer__text-wrap {
    padding: 0;
  }
}/*# sourceMappingURL=styles.css.map */