/* =========================================================
   RESTART AUDIO+
   BALÍČEK AUDIOKNIHA + 30DENNÍ PRŮVODCE
   VLASTNÍ CSS PRO TENTO PRODUKT
========================================================= */


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

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


/* EYEBROW */

.rm-audioplus-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-audioplus-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-audioplus-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-audioplus-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-audioplus-short__meta {
  display: flex !important;
  flex-wrap: wrap !important;

  gap: 8px 20px !important;

  margin: 0 0 21px !important;
}

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

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

  color: #5da942 !important;
}


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

.rm-audioplus-short__closing {
  max-width: 560px !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;
}


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

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

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

  box-sizing: border-box !important;

  color: #4f4b47 !important;
}

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


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

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

  margin-top: 2px !important;

  color: #4f913d !important;
}

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


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

.rm-audioplus__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-audioplus__intro {
  max-width: 780px !important;

  margin: 0 auto !important;

  padding: 40px 24px 39px !important;

  text-align: center !important;
}

.rm-audioplus__intro > p:not(.rm-audioplus__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;
}


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

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

  padding: 44px 24px !important;

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


/* JEMNÉ POZADÍ */

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


/* HLAVIČKA */

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

  margin: 0 auto 28px !important;

  text-align: center !important;
}


/* =========================================================
   5. DVA PRODUKTY V BALÍČKU
========================================================= */

.rm-audioplus__products {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr) 54px minmax(0, 1fr) !important;

  gap: 14px !important;

  align-items: stretch !important;

  max-width: 1000px !important;

  margin: 0 auto !important;
}

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

  padding: 28px 24px !important;

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

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

  text-align: center !important;
}

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

  margin: 0 auto 11px !important;

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

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

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

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

  color: #ed6252 !important;
}

.rm-audioplus__product h3 {
  max-width: 330px !important;

  margin: 0 auto !important;
}

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

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

  color: #69645f !important;
}

.rm-audioplus__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;
  line-height: 1.45 !important;

  color: #4f913d !important;
}


/* PLUS MEZI PRODUKTY */

.rm-audioplus__plus {
  display: flex !important;

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

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

  color: #5da942 !important;
}


/* =========================================================
   6. HLAVNÍ STATEMENT
========================================================= */

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

  margin: 0 auto !important;

  padding: 50px 24px !important;

  text-align: center !important;
}

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

  margin: 16px auto 0 !important;

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

  color: #66615c !important;
}


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

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

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


/* =========================================================
   8. NEZAČÍNÁŠ ZNOVU
========================================================= */

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

  margin: 0 auto !important;

  text-align: center !important;
}

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

  margin: 15px auto 0 !important;

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

  color: #66615c !important;
}

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

  max-width: 620px !important;

  margin: 20px 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;
}


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

.rm-audioplus__included {
  display: grid !important;

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

  gap: 14px !important;

  max-width: 900px !important;

  margin: 0 auto !important;
}

.rm-audioplus__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-audioplus__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-audioplus__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-audioplus__included-item p {
  margin: 5px 0 0 !important;

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

  color: #69645f !important;
}


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

.rm-audioplus__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-audioplus__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-audioplus__closing > p {
  max-width: 570px !important;

  margin: 15px auto 18px !important;

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

  color: #69635e !important;
}

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

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

  color: #ed6252 !important;
}


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

@media (max-width: 850px) {

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

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

    max-width: 620px !important;
  }

  .rm-audioplus__plus {
    min-height: 32px !important;

    font-size: 25px !important;
  }

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

    max-width: 620px !important;
  }

}


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

@media (max-width: 640px) {

  /* KRÁTKÝ POPIS */

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

    padding: 12px 0 6px !important;
  }

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

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

    font-size: 27px !important;
  }

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

    font-size: 14.5px !important;
  }

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

    font-size: 14px !important;
  }

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

    margin-bottom: 18px !important;
  }

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


  /* OBECNÉ */

  .rm-audioplus__intro,
  .rm-audioplus__section,
  .rm-audioplus__statement,
  .rm-audioplus__closing {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

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

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

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

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


  /* DVA PRODUKTY */

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

  .rm-audioplus__plus {
    min-height: 26px !important;
  }


  /* DENNÍ PODPORA */

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

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

    gap: 10px !important;

    padding: 17px 16px !important;
  }

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

    font-size: 19px !important;
  }


  /* V BALÍČKU */

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

    padding: 18px 16px !important;
  }

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

    font-size: 20px !important;
  }


  /* STATEMENT */

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


  /* ZÁVĚR */

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

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

}