/* =========================================================
   RESTART MYSLI – KRÁTKÝ POPIS
========================================================= */

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

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

  font-family: "Mulish", Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;

  color: #5da942 !important;
}

.rm-meditace-short h2 {
  max-width: 550px !important;

  margin: 0 0 21px !important;

  font-family: "Poppins", Arial, 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;
}

.rm-meditace-short__lead {
  max-width: 555px !important;

  margin: 0 0 15px !important;

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

  color: #56524e !important;
}

.rm-meditace-short__text {
  max-width: 555px !important;

  margin: 0 0 21px !important;

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

  color: #6a6560 !important;
}

.rm-meditace-short__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 21px !important;

  margin: 0 0 22px !important;
}

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

  padding-left: 15px !important;

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

  color: #4f913d !important;
}

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

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

  color: #5da942 !important;
}

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

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

  color: #235b4d !important;
}


/* =========================================================
   DLOUHÝ POPIS
========================================================= */

.rm-meditace {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

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

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

  font-family: "Poppins", Arial, 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-meditace h2 span {
  display: block !important;
  margin-top: 2px !important;

  color: #4f913d !important;
}

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

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

  color: #183d33 !important;
}

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


/* EYEBROW */

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

  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;

  color: #5da942 !important;
}


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

.rm-meditace__intro {
  max-width: 760px !important;

  margin: 0 auto !important;

  padding: 40px 24px 39px !important;

  text-align: center !important;
}

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


/* =========================================================
   SEKCE
========================================================= */

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

  padding: 44px 24px !important;

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

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

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

  margin: 0 auto 28px !important;

  text-align: center !important;
}


/* =========================================================
   POTŘEBY
========================================================= */

.rm-meditace__needs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  gap: 10px !important;

  max-width: 980px !important;

  margin: 0 auto !important;
}

.rm-meditace__need {
  padding: 20px 15px !important;

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

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

  text-align: center !important;
}

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

  margin-bottom: 8px !important;

  font-family: Arial, sans-serif !important;
  font-size: 23px !important;

  color: #5da942 !important;
}

.rm-meditace__need strong {
  display: block !important;

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

  color: #183d33 !important;
}

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

  font-size: 12.5px !important;
  line-height: 1.5 !important;

  color: #716b66 !important;
}


/* =========================================================
   SEZNAM 8 MEDITACÍ
========================================================= */

.rm-meditace__list {
  display: grid !important;

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

  gap: 13px !important;

  max-width: 1000px !important;

  margin: 0 auto !important;
}

.rm-meditace__item {
  display: grid !important;

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

  gap: 15px !important;

  padding: 22px !important;

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

  background: #ffffff !important;
}

.rm-meditace__number {
  display: flex !important;

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

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

  border-radius: 50% !important;

  background: #f3f8ef !important;

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

  color: #5da942 !important;
}

.rm-meditace__item strong:not(.rm-meditace__mantra) {
  display: block !important;

  margin-top: 2px !important;

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

  color: #ed6252 !important;
}

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

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

  color: #66615c !important;
}

.rm-meditace__mantra {
  display: block !important;

  margin-top: 10px !important;

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

  color: #4f913d !important;
}


/* =========================================================
   JAK POUŽÍVAT
========================================================= */

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

  margin: 0 auto !important;

  text-align: center !important;
}

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

  margin: 14px auto 0 !important;

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

  color: #66615c !important;
}

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

  max-width: 620px !important;

  margin: 20px auto 0 !important;

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

  color: #235b4d !important;
}


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

.rm-meditace__closing {
  max-width: 760px !important;

  margin: 0 auto !important;

  padding: 47px 24px 53px !important;

  text-align: center !important;
}

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

  margin-bottom: 8px !important;

  font-family: Arial, sans-serif !important;
  font-size: 25px !important;

  color: #5da942 !important;
}

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

  font-size: 15px !important;

  color: #69635e !important;
}


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

@media (max-width: 850px) {

  .rm-meditace__needs {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

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

    max-width: 650px !important;
  }

}


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

@media (max-width: 640px) {

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

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

  .rm-meditace__intro,
  .rm-meditace__section,
  .rm-meditace__closing {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

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

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

    gap: 8px !important;
  }

  .rm-meditace__need {
    padding: 17px 10px !important;
  }

  .rm-meditace__item {
    grid-template-columns: 36px 1fr !important;

    gap: 11px !important;

    padding: 18px 16px !important;
  }

  .rm-meditace__number {
    width: 34px !important;
    height: 34px !important;
  }

}