/* =========================================================
   RESTART METABOLISMU – E-BOOK
   PRODUKTOVÁ STRÁNKA
========================================================= */


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

.rm-ebook-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-ebook-short *,
.rm-ebook-short *::before,
.rm-ebook-short *::after {
  box-sizing: border-box !important;
}


/* EYEBROW */

.rm-ebook-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-ebook-short h2 {
  max-width: 560px !important;

  margin: 0 0 21px !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-ebook-short__lead {
  max-width: 560px !important;

  margin: 0 0 15px !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-ebook-short__text {
  max-width: 555px !important;

  margin: 0 0 21px !important;

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

  color: #6a6560 !important;
}


/* META */

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

  gap: 8px 21px !important;

  margin: 0 0 22px !important;
}

.rm-ebook-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-ebook-short__meta span::before {
  content: "•" !important;

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

  color: #5da942 !important;
}


/* ZÁVĚR KRÁTKÉHO POPISU */

.rm-ebook-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-ebook {
  width: 100% !important;

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

  box-sizing: border-box !important;

  color: #4f4b47 !important;
}

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


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

.rm-ebook 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-ebook h2 span {
  display: block !important;

  margin-top: 2px !important;

  color: #4f913d !important;
}

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


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

.rm-ebook__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-ebook__intro {
  max-width: 760px !important;

  margin: 0 auto !important;

  padding: 40px 24px 39px !important;

  text-align: center !important;
}

.rm-ebook__intro > p:last-child {
  max-width: 650px !important;

  margin: 15px auto 0 !important;

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

  color: #66615c !important;
}


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

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

  padding: 44px 24px !important;

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


/* JEMNÉ POZADÍ */

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


/* HLAVIČKA */

.rm-ebook__header {
  max-width: 720px !important;

  margin: 0 auto 28px !important;

  text-align: center !important;
}


/* =========================================================
   5. BENEFITY
========================================================= */

.rm-ebook__benefits {
  display: grid !important;

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

  gap: 14px !important;

  max-width: 980px !important;

  margin: 0 auto !important;
}

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

  padding: 24px 20px !important;

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

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

  text-align: center !important;
}

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

  margin: 0 auto 10px !important;

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

  color: #5da942 !important;
}

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

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

  color: #69645f !important;
}


/* =========================================================
   6. CO UVNITŘ NAJDEŠ
========================================================= */

.rm-ebook__details-grid {
  display: grid !important;

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

  gap: 0 !important;

  max-width: 920px !important;

  margin: 0 auto !important;
}

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

  padding: 0 38px !important;
}

.rm-ebook__detail:first-child {
  border-right: 1px solid rgba(24, 61, 51, .10) !important;
}


/* SEZNAM */

.rm-ebook__list {
  display: grid !important;

  gap: 10px !important;

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

  list-style: none !important;
}

.rm-ebook__list li {
  position: relative !important;

  margin: 0 !important;

  padding-left: 26px !important;

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

  color: #57524e !important;
}

.rm-ebook__list li::before {
  content: "✓" !important;

  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  font-size: 12px !important;
  font-weight: 800 !important;

  color: #5da942 !important;
}


/* =========================================================
   7. SILNÁ MYŠLENKA
========================================================= */

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

  margin: 0 auto !important;

  padding: 48px 24px !important;

  text-align: center !important;
}

.rm-ebook__statement p:not(.rm-ebook__eyebrow) {
  max-width: 650px !important;

  margin: 15px auto 0 !important;

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

  color: #66615c !important;
}


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

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

  margin: 0 auto !important;

  padding: 47px 24px 53px !important;

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

  text-align: center !important;
}

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

  margin-bottom: 8px !important;

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

  color: #5da942 !important;
}

.rm-ebook__closing p {
  margin: 14px auto 0 !important;

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

  color: #69635e !important;
}


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

@media (max-width: 850px) {

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

    max-width: 570px !important;
  }

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

    max-width: 650px !important;
  }

  .rm-ebook__detail {
    padding: 0 !important;
  }

  .rm-ebook__detail:first-child {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;

    border-right: 0 !important;
    border-bottom: 1px solid rgba(24, 61, 51, .10) !important;
  }

}


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

@media (max-width: 640px) {

  /* KRÁTKÝ POPIS */

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

    padding: 12px 0 6px !important;
  }

  .rm-ebook-short h2 {
    font-size: 27px !important;

    margin-bottom: 16px !important;
  }

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

    font-size: 14.5px !important;
  }

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

    font-size: 14px !important;
  }

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

    margin-bottom: 18px !important;
  }


  /* DLOUHÝ POPIS */

  .rm-ebook__intro,
  .rm-ebook__section,
  .rm-ebook__statement,
  .rm-ebook__closing {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

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

  .rm-ebook__section {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

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

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

  .rm-ebook__benefit {
    padding: 21px 18px !important;
  }

  .rm-ebook__statement {
    padding-top: 39px !important;
    padding-bottom: 39px !important;
  }

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

}