/* =========================================================
   RESTART MYSLI
   30DENNÍ PRŮVODCE ZMĚNOU
   FINÁLNÍ CSS
========================================================= */


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

.rm-guide-short {
  width: 100% !important;
  max-width: 610px !important;
  min-height: 330px !important;

  margin: 0 !important;
  padding: 8px 0 12px !important;

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

  box-sizing: border-box !important;
}

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


/* EYEBROW */

.rm-guide-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;
}


/* NADPIS */

.rm-guide-short h2 {
  max-width: 560px !important;

  margin: 0 0 20px !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: clamp(27px, 2.1vw, 34px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;

  letter-spacing: -.025em !important;

  color: #183d33 !important;
}


/* HLAVNÍ TEXT */

.rm-guide-short__lead {
  max-width: 560px !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-guide-short__text {
  max-width: 555px !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-guide-short__meta {
  display: flex !important;
  flex-wrap: wrap !important;

  gap: 8px 20px !important;

  margin: 0 0 21px !important;
  padding: 0 !important;
}

.rm-guide-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-guide-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-guide-short__closing {
  max-width: 550px !important;

  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;
}


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

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

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

  box-sizing: border-box !important;

  color: #4f4b47 !important;
}

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


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

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

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

  letter-spacing: -.03em !important;

  color: #183d33 !important;
}

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

  margin-top: 2px !important;

  color: #4f913d !important;
}

.rm-guide 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-guide p,
.rm-guide li,
.rm-guide span {
  font-family: "Mulish", Arial, Helvetica, sans-serif !important;
}


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

.rm-guide__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;
}


/* =========================================================
   ÚVOD
========================================================= */

.rm-guide__intro {
  max-width: 780px !important;

  margin: 0 auto !important;

  padding: 40px 24px 39px !important;

  text-align: center !important;
}

.rm-guide__intro > p:not(.rm-guide__eyebrow) {
  max-width: 650px !important;

  margin: 15px auto 0 !important;

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

  color: #66615c !important;
}


/* =========================================================
   OBECNÁ SEKCE
========================================================= */

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

  padding: 44px 24px !important;

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


/* ZELENKAVÉ POZADÍ */

.rm-guide__soft {
  background:
    linear-gradient(
      135deg,
      #f5f9f1 0%,
      #fbfcf9 100%
    ) !important;
}


/* HLAVIČKA SEKCE */

.rm-guide__header {
  max-width: 730px !important;

  margin: 0 auto 28px !important;

  text-align: center !important;
}


/* =========================================================
   PROČ VZNIKL – 3 KARTY
========================================================= */

.rm-guide__reasons {
  display: grid !important;

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

  gap: 14px !important;

  max-width: 980px !important;

  margin: 0 auto !important;
}

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

  padding: 23px 20px !important;

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

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

  text-align: center !important;
}

.rm-guide__reason > span {
  display: block !important;

  margin-bottom: 10px !important;

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

  color: #5da942 !important;
}

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

  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;

  color: #69645f !important;
}


/* =========================================================
   KAŽDODENNÍ PODPORA – 6 KARET
========================================================= */

.rm-guide__daily {
  display: grid !important;

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

  gap: 12px !important;

  max-width: 920px !important;

  margin: 0 auto !important;
}

.rm-guide__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-guide__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-guide__daily-item h3 {
  margin: 0 !important;
}

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

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

  color: #69645f !important;
}


/* =========================================================
   POZNÁMKA POD AUDII
========================================================= */

.rm-guide__note {
  max-width: 700px !important;

  margin: 22px auto 0 !important;

  padding-top: 14px !important;

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

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

  text-align: center !important;

  color: #7a746e !important;
}


/* =========================================================
   OTÁZKY – NE DALŠÍ DIETA
========================================================= */

.rm-guide__questions {
  display: grid !important;

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

  gap: 10px !important;

  max-width: 820px !important;

  margin: 0 auto !important;
}

.rm-guide__questions p {
  position: relative !important;

  margin: 0 !important;

  padding: 16px 18px 16px 42px !important;

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

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

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

  color: #31584d !important;
}

.rm-guide__questions p::before {
  content: "?" !important;

  position: absolute !important;

  top: 15px !important;
  left: 17px !important;

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

  color: #ed6252 !important;
}


/* TEXT POD OTÁZKAMI */

.rm-guide__center-text {
  max-width: 640px !important;

  margin: 22px auto 0 !important;

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

  text-align: center !important;

  color: #66615c !important;
}


/* =========================================================
   STAČÍ PÁR MINUT DENNĚ
========================================================= */

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

  margin: 0 auto !important;

  padding: 50px 24px !important;

  text-align: center !important;
}

.rm-guide__statement > p:not(.rm-guide__eyebrow) {
  max-width: 650px !important;

  margin: 16px auto 0 !important;

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

  color: #66615c !important;
}

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

  max-width: 630px !important;

  margin: 22px auto 0 !important;

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

  color: #235b4d !important;
}


/* =========================================================
   TÉMATA PO 30 DNECH
========================================================= */

.rm-guide__topics {
  display: flex !important;
  flex-wrap: wrap !important;

  justify-content: center !important;

  gap: 9px !important;

  max-width: 850px !important;

  margin: 0 auto !important;
}

.rm-guide__topic {
  padding: 9px 15px !important;

  border: 1px solid rgba(93, 169, 66, .17) !important;
  border-radius: 999px !important;

  background: #f8fbf5 !important;

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

  color: #235b4d !important;
}


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

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

  margin: 0 auto !important;

  padding: 50px 24px 55px !important;

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

  text-align: center !important;
}

.rm-guide__heart {
  display: block !important;

  margin: 0 0 9px !important;

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

  color: #5da942 !important;
}

.rm-guide__closing > p:not(.rm-guide__final-line) {
  max-width: 570px !important;

  margin: 15px auto 17px !important;

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

  color: #69635e !important;
}

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

  margin: 0 auto !important;

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

  color: #ed6252 !important;
}


/* POSLEDNÍ SILNÁ VĚTA */

.rm-guide__final-line {
  max-width: 610px !important;

  margin: 23px auto 0 !important;

  padding-top: 20px !important;

  border-top: 1px solid rgba(24, 61, 51, .08) !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: 850px) {

  .rm-guide-short {
    min-height: 300px !important;
  }

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

    max-width: 570px !important;
  }

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

    max-width: 620px !important;
  }

}


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

@media (max-width: 640px) {

  /* KRÁTKÝ POPIS */

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

    padding: 12px 0 6px !important;
  }

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

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

    font-size: 27px !important;
  }

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

    font-size: 14.5px !important;
  }

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

    font-size: 14px !important;
  }

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

    margin-bottom: 18px !important;
  }

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


  /* OBECNÉ */

  .rm-guide__intro,
  .rm-guide__section,
  .rm-guide__statement,
  .rm-guide__closing {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

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

  .rm-guide__section {
    padding-top: 37px !important;
    padding-bottom: 37px !important;
  }

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

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


  /* KARTY */

  .rm-guide__reason {
    padding: 20px 17px !important;
  }


  /* DENNÍ PODPORA */

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

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

    gap: 10px !important;

    padding: 17px 16px !important;
  }

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

    font-size: 19px !important;
  }

  .rm-guide__note {
    margin-top: 18px !important;

    padding-top: 12px !important;

    font-size: 12px !important;
  }


  /* OTÁZKY */

  .rm-guide__questions {
    gap: 8px !important;
  }

  .rm-guide__questions p {
    padding: 14px 15px 14px 39px !important;

    font-size: 13.5px !important;
  }

  .rm-guide__questions p::before {
    top: 13px !important;
    left: 15px !important;
  }

  .rm-guide__center-text {
    margin-top: 18px !important;

    font-size: 14px !important;
  }


  /* PÁR MINUT DENNĚ */

  .rm-guide__statement {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .rm-guide__statement > p:not(.rm-guide__eyebrow) {
    font-size: 14.5px !important;
  }

  .rm-guide__statement > strong {
    margin-top: 18px !important;

    font-size: 15px !important;
  }


  /* TÉMATA */

  .rm-guide__topics {
    gap: 7px !important;
  }

  .rm-guide__topic {
    padding: 8px 12px !important;

    font-size: 12.5px !important;
  }


  /* ZÁVĚR */

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

  .rm-guide__closing > strong {
    font-size: 17px !important;
  }

  .rm-guide__final-line {
    margin-top: 20px !important;

    padding-top: 18px !important;

    font-size: 15px !important;
  }

}