/* =========================================================
   RESTART COMPLETE
   KOMPLETNÍ BALÍČEK
   VLASTNÍ CSS PRO TENTO PRODUKT
========================================================= */


/* =========================================================
   1. KRÁTKÝ POPIS
========================================================= */

.rm-complete-short {
  width: 100% !important;
  max-width: 620px !important;
  min-height: 340px !important;

  margin: 0 !important;
  padding: 10px 0 14px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  box-sizing: border-box !important;
}

.rm-complete-short *,
.rm-complete-short *::before,
.rm-complete-short *::after {
  box-sizing: border-box !important;
}


/* EYEBROW */

.rm-complete-short__eyebrow {
  margin: 0 0 11px !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;

  letter-spacing: .15em !important;
  text-transform: uppercase !important;

  color: #5da942 !important;
}


/* HLAVNÍ NADPIS */

.rm-complete-short h2 {
  max-width: 580px !important;

  margin: 0 0 20px !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: clamp(28px, 2.2vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;

  letter-spacing: -.025em !important;

  color: #183d33 !important;
}


/* HLAVNÍ TEXT */

.rm-complete-short__lead {
  max-width: 570px !important;

  margin: 0 0 14px !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  color: #56524e !important;
}


/* DRUHÝ TEXT */

.rm-complete-short__text {
  max-width: 565px !important;

  margin: 0 0 20px !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;

  color: #69645f !important;
}


/* META BODY */

.rm-complete-short__meta {
  display: flex !important;
  flex-wrap: wrap !important;

  gap: 8px 18px !important;

  margin: 0 0 21px !important;
}

.rm-complete-short__meta span {
  position: relative !important;

  padding-left: 15px !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  color: #4f913d !important;
}

.rm-complete-short__meta span::before {
  content: "•" !important;

  position: absolute !important;
  top: 0 !important;
  left: 0 !important;

  color: #5da942 !important;
}


/* ZÁVĚREČNÁ VĚTA */

.rm-complete-short__closing {
  margin: 0 !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;

  color: #235b4d !important;
}


/* =========================================================
   2. DLOUHÝ POPIS – ZÁKLAD
========================================================= */

.rm-complete {
  width: 100% !important;

  margin: 0 auto !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  color: #4f4b47 !important;
}

.rm-complete *,
.rm-complete *::before,
.rm-complete *::after {
  box-sizing: border-box !important;
}


/* =========================================================
   TYPOGRAFIE
========================================================= */

.rm-complete h2 {
  margin: 0 !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;

  letter-spacing: -.03em !important;

  color: #183d33 !important;
}

.rm-complete h2 span {
  display: block !important;

  margin-top: 2px !important;

  color: #4f913d !important;
}

.rm-complete h3 {
  margin: 0 !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  color: #183d33 !important;
}

.rm-complete p,
.rm-complete li,
.rm-complete span {
  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   EYEBROW
========================================================= */

.rm-complete__eyebrow {
  margin: 0 0 8px !important;

  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;

  letter-spacing: .16em !important;
  text-transform: uppercase !important;

  color: #5da942 !important;
}


/* =========================================================
   3. ÚVOD
========================================================= */

.rm-complete__intro {
  max-width: 800px !important;

  margin: 0 auto !important;

  padding: 42px 24px 41px !important;

  text-align: center !important;
}

.rm-complete__intro > p:not(.rm-complete__eyebrow) {
  max-width: 660px !important;

  margin: 15px auto 0 !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  color: #66615c !important;
}

.rm-complete__intro > p:last-child strong {
  color: #235b4d !important;
}


/* =========================================================
   4. OBECNÁ SEKCE
========================================================= */

.rm-complete__section {
  width: 100% !important;

  padding: 46px 24px !important;

  border-top: 1px solid rgba(24, 61, 51, .07) !important;
}


/* ZELENKAVÉ POZADÍ */

.rm-complete__soft {
  background:
    linear-gradient(
      135deg,
      #f4f8f0 0%,
      #fbfcf8 100%
    ) !important;
}


/* HLAVIČKA */

.rm-complete__header {
  max-width: 740px !important;

  margin: 0 auto 30px !important;

  text-align: center !important;
}


/* =========================================================
   5. 3 HLAVNÍ PRODUKTY
========================================================= */

.rm-complete__products {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 14px !important;

  max-width: 1040px !important;

  margin: 0 auto !important;
}

.rm-complete__product {
  min-width: 0 !important;

  padding: 27px 22px !important;

  border: 1px solid rgba(35, 91, 77, .09) !important;
  border-radius: 18px !important;

  background: rgba(255,255,255,.95) !important;

  text-align: center !important;

  box-shadow:
    0 10px 26px rgba(38, 68, 57, .035) !important;
}

.rm-complete__product-icon {
  display: block !important;

  margin: 0 auto 11px !important;

  font-size: 28px !important;
  line-height: 1 !important;
}

.rm-complete__product-label {
  margin: 0 0 7px !important;

  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;

  letter-spacing: .14em !important;
  text-transform: uppercase !important;

  color: #ed6252 !important;
}

.rm-complete__product h3 {
  max-width: 300px !important;

  margin: 0 auto !important;
}

.rm-complete__product > p:not(.rm-complete__product-label) {
  margin: 11px 0 0 !important;

  font-size: 13.5px !important;
  line-height: 1.6 !important;

  color: #69645f !important;
}

.rm-complete__product > strong {
  display: block !important;

  margin-top: 15px !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;

  color: #4f913d !important;
}


/* =========================================================
   6. BONUS
========================================================= */

.rm-complete__bonus {
  width: 100% !important;

  padding: 32px 24px !important;

  background:
    linear-gradient(
      135deg,
      #fff7f2 0%,
      #fffaf7 100%
    ) !important;

  border-top: 1px solid rgba(237, 98, 82, .08) !important;
  border-bottom: 1px solid rgba(237, 98, 82, .08) !important;
}

.rm-complete__bonus-inner {
  display: grid !important;

  grid-template-columns: 60px 1fr !important;

  gap: 18px !important;

  align-items: center !important;

  max-width: 760px !important;

  margin: 0 auto !important;
}

.rm-complete__bonus-icon {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 52px !important;
  height: 52px !important;

  border-radius: 50% !important;

  background: #ffffff !important;

  font-size: 24px !important;
}

.rm-complete__bonus h2 {
  font-size: clamp(23px, 2.2vw, 30px) !important;
}

.rm-complete__bonus p:not(.rm-complete__eyebrow) {
  margin: 8px 0 0 !important;

  font-size: 14px !important;
  line-height: 1.6 !important;

  color: #68625d !important;
}


/* =========================================================
   7. STATEMENT
========================================================= */

.rm-complete__statement {
  max-width: 850px !important;

  margin: 0 auto !important;

  padding: 52px 24px !important;

  text-align: center !important;
}

.rm-complete__statement > p:not(.rm-complete__eyebrow) {
  max-width: 660px !important;

  margin: 16px auto 0 !important;

  font-size: 15px !important;
  line-height: 1.68 !important;

  color: #66615c !important;
}


/* =========================================================
   8. 30DENNÍ PODPORA
========================================================= */

.rm-complete__daily {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 12px !important;

  max-width: 930px !important;

  margin: 0 auto !important;
}

.rm-complete__daily-item {
  display: grid !important;

  grid-template-columns: 44px 1fr !important;

  gap: 13px !important;

  align-items: start !important;

  min-width: 0 !important;

  padding: 19px 20px !important;

  border: 1px solid rgba(35, 91, 77, .08) !important;
  border-radius: 15px !important;

  background: #ffffff !important;
}

.rm-complete__daily-item > span {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 38px !important;

  font-size: 21px !important;
  line-height: 1 !important;
}

.rm-complete__daily-item p {
  margin: 4px 0 0 !important;

  font-size: 13.5px !important;
  line-height: 1.55 !important;

  color: #69645f !important;
}


/* =========================================================
   9. POKRAČOVÁNÍ
========================================================= */

.rm-complete__continue {
  max-width: 770px !important;

  margin: 0 auto !important;

  text-align: center !important;
}

.rm-complete__continue > p:not(.rm-complete__eyebrow) {
  max-width: 620px !important;

  margin: 15px auto 0 !important;

  font-size: 15px !important;
  line-height: 1.65 !important;

  color: #66615c !important;
}

.rm-complete__continue > strong {
  display: block !important;

  max-width: 620px !important;

  margin: 21px auto 0 !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;

  color: #ed6252 !important;
}


/* =========================================================
   10. V BALÍČKU ZÍSKÁŠ
========================================================= */

.rm-complete__included {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 12px !important;

  max-width: 930px !important;

  margin: 0 auto !important;
}

.rm-complete__included-item {
  display: grid !important;

  grid-template-columns: 48px 1fr !important;

  gap: 13px !important;

  align-items: start !important;

  min-width: 0 !important;

  padding: 21px 22px !important;

  border: 1px solid rgba(35, 91, 77, .09) !important;
  border-radius: 16px !important;

  background: #ffffff !important;
}

.rm-complete__included-item > span {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  font-size: 22px !important;
  line-height: 1 !important;
}

.rm-complete__included-item strong {
  display: block !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;

  color: #183d33 !important;
}

.rm-complete__included-item p {
  margin: 5px 0 0 !important;

  font-size: 13.5px !important;
  line-height: 1.55 !important;

  color: #69645f !important;
}


/* BONUSOVÁ KARTA */

.rm-complete__included-item--gift {
  border-color: rgba(237, 98, 82, .16) !important;

  background:
    linear-gradient(
      135deg,
      #fff8f4 0%,
      #ffffff 100%
    ) !important;
}


/* =========================================================
   11. ZÁVĚR
========================================================= */

.rm-complete__closing {
  max-width: 820px !important;

  margin: 0 auto !important;

  padding: 52px 24px 58px !important;

  border-top: 1px solid rgba(24, 61, 51, .08) !important;

  text-align: center !important;
}

.rm-complete__heart {
  display: block !important;

  margin: 0 0 9px !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 26px !important;
  line-height: 1 !important;

  color: #5da942 !important;
}

.rm-complete__closing > p {
  max-width: 590px !important;

  margin: 15px auto 18px !important;

  font-size: 15px !important;
  line-height: 1.6 !important;

  color: #69635e !important;
}

.rm-complete__closing > strong {
  display: block !important;

  max-width: 650px !important;

  margin: 0 auto !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;

  color: #235b4d !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .rm-complete-short {
    min-height: 310px !important;
  }

  .rm-complete__products {
    grid-template-columns: 1fr !important;

    max-width: 620px !important;
  }

  .rm-complete__included {
    grid-template-columns: 1fr !important;

    max-width: 640px !important;
  }

}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 640px) {

  /* KRÁTKÝ POPIS */

  .rm-complete-short {
    min-height: auto !important;

    padding: 12px 0 6px !important;
  }

  .rm-complete-short__eyebrow {
    margin-bottom: 8px !important;
  }

  .rm-complete-short h2 {
    margin-bottom: 16px !important;

    font-size: 27px !important;
  }

  .rm-complete-short__lead {
    margin-bottom: 13px !important;

    font-size: 14.5px !important;
  }

  .rm-complete-short__text {
    margin-bottom: 17px !important;

    font-size: 14px !important;
  }

  .rm-complete-short__meta {
    gap: 5px 13px !important;

    margin-bottom: 18px !important;
  }

  .rm-complete-short__closing {
    font-size: 14px !important;
  }


  /* OBECNĚ */

  .rm-complete__intro,
  .rm-complete__section,
  .rm-complete__statement,
  .rm-complete__closing {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .rm-complete__intro {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .rm-complete__section {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  .rm-complete h2 {
    font-size: 27px !important;
  }

  .rm-complete__header {
    margin-bottom: 23px !important;
  }


  /* PRODUKTY */

  .rm-complete__product {
    padding: 22px 18px !important;
  }


  /* BONUS */

  .rm-complete__bonus {
    padding: 27px 16px !important;
  }

  .rm-complete__bonus-inner {
    grid-template-columns: 44px 1fr !important;

    gap: 12px !important;
  }

  .rm-complete__bonus-icon {
    width: 40px !important;
    height: 40px !important;

    font-size: 20px !important;
  }

  .rm-complete__bonus h2 {
    font-size: 24px !important;
  }


  /* 30DENNÍ PODPORA */

  .rm-complete__daily {
    grid-template-columns: 1fr !important;
  }

  .rm-complete__daily-item {
    grid-template-columns: 39px 1fr !important;

    gap: 10px !important;

    padding: 17px 16px !important;
  }

  .rm-complete__daily-item > span {
    width: 34px !important;
    height: 34px !important;

    font-size: 19px !important;
  }


  /* V BALÍČKU */

  .rm-complete__included-item {
    grid-template-columns: 42px 1fr !important;

    padding: 18px 16px !important;
  }

  .rm-complete__included-item > span {
    width: 36px !important;
    height: 36px !important;

    font-size: 20px !important;
  }


  /* STATEMENT */

  .rm-complete__statement {
    padding-top: 41px !important;
    padding-bottom: 41px !important;
  }


  /* ZÁVĚR */

  .rm-complete__closing {
    padding-top: 42px !important;
    padding-bottom: 47px !important;
  }

  .rm-complete__closing > strong {
    font-size: 15px !important;
  }

}