/*! testiryhma.css | BUILD #859 */
@charset "UTF-8";
@font-face {
  font-family: Bricolage Grotesque;
  src: url("https://cdn.kaalimato.com/fonts/BricolageGrotesque-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Bricolage Grotesque;
  src: url("https://cdn.kaalimato.com/fonts/BricolageGrotesque-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Figtree;
  src: url("https://cdn.kaalimato.com/fonts/Figtree-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
div.tr_esittelyw {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--theme-fg-secondary, #514d49) !important;
  float: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
}

div.pagecontentw1 h1.category1 {
  margin-left: 0 !important;
}

div.pagecontentw1 div.catdesc.topprods {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

div.tr_esittelyw.pos1 span.ingress {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
}

div.bestsellersw {
  margin-bottom: 0 !important;
}
div.bestsellersw h2.tr.uusimmat {
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
}
div.bestsellersw a.prodblobw.customprod div.imgbox {
  border-radius: var(--radius-md, 1rem) !important;
  overflow: hidden !important;
  margin: 0 0 1rem !important;
}
div.bestsellersw a.prodblobw.customprod div.imgbox img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: inherit !important;
}
div.bestsellersw a.prodblobw.customprod div.pnamew {
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  margin-bottom: 0.375rem !important;
}
div.bestsellersw a.prodblobw.customprod div.prodpricew {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
  margin-bottom: 0.75rem !important;
}
div.bestsellersw a.prodblobw.customprod div.pdescw {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--theme-fg-secondary, #514d49) !important;
  margin-bottom: 1.25rem !important;
}
div.bestsellersw a.prodblobw.customprod button.readmore.tr {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

div.tr_esittelyw.pos2 {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: var(--theme-fg-secondary, #514d49) !important;
  margin: 2rem 0 0 !important;
}
div.tr_esittelyw.pos2 h2.tr.esittely {
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
}
div.tr_esittelyw.pos2 a.tr_txtlink {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em !important;
  display: inline-block !important;
  margin-top: 0.5rem !important;
}
div.tr_esittelyw.pos2 a.tr_txtlink:hover {
  color: var(--theme-brand-primary, #47d147) !important;
}

div.subcatsw.tr a.showmore.tr {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
}

h2.tr.jasenet {
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
}

div.authorslistw {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 1.25rem !important;
  margin: 0 0 3rem !important;
}
div.authorslistw div.trauthor {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  position: relative !important;
  background: var(--theme-bg-secondary, #f5f5f5) !important;
  border-radius: var(--radius-md, 0.75rem) !important;
  padding: 1.25rem 1.5rem !important;
  -webkit-box-shadow: var(--shadow-sm) !important;
          box-shadow: var(--shadow-sm) !important;
}
div.authorslistw div.trauthor span.nick {
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
}
div.authorslistw div.trauthor span.facts {
  font-family: var(--font-family-primary, Figtree, sans-serif) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: var(--theme-fg-secondary, #6c6967) !important;
  margin-top: 0.15rem !important;
}
div.authorslistw div.trauthor span.newbadge {
  position: absolute !important;
  top: 1.1rem !important;
  right: 1.1rem !important;
  font-family: var(--font-family-primary, Figtree, sans-serif) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
  background: var(--theme-brand-secondary, #1f471f) !important;
  border-radius: 999px !important;
  padding: 0.25rem 0.6rem !important;
  letter-spacing: 0.02em !important;
}
div.authorslistw div.trauthor span.intro {
  font-family: var(--font-family-primary, Figtree, sans-serif) !important;
  font-size: var(--font-size-0, 1rem) !important;
  line-height: 1.5 !important;
  color: var(--theme-fg-secondary, #6c6967) !important;
  margin-top: 0.75rem !important;
}
div.authorslistw div.trauthor br {
  display: none !important;
}
div.authorslistw div.trauthor a.readmore.tr.author {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
  margin-top: auto !important;
  padding-top: 0.9rem !important;
  font-family: var(--font-family-primary, Figtree, sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  text-decoration: none !important;
}
div.authorslistw div.trauthor a.readmore.tr.author:hover {
  text-decoration: underline !important;
}
div.authorslistw div.trauthor div.btnblock {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  margin-top: auto !important;
  padding-top: 0.9rem !important;
}

span.retired.hdr {
  display: block !important;
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
  margin: 0 0 1rem !important;
}

div.authorslistw.retired {
  display: block !important;
  font-size: 0.9375rem !important;
  line-height: 1.9 !important;
  margin: 0 0 2rem !important;
}
div.authorslistw.retired a.tr.author.retired {
  font-family: var(--font-family-primary, Figtree, sans-serif) !important;
  color: var(--theme-fg-secondary, #6c6967) !important;
  text-decoration: none !important;
}
div.authorslistw.retired a.tr.author.retired:hover {
  color: var(--theme-brand-secondary, #1f471f) !important;
  text-decoration: underline !important;
}
div.authorslistw.retired a.tr.author.retired:not(:last-child)::after {
  content: "·" !important;
  margin: 0 0.45rem !important;
  color: var(--theme-fg-tertiary, #9c9895) !important;
}

div.pagecontentw1.testiryhma {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: var(--theme-fg-secondary, #514d49) !important;
  width: 100% !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  padding: 1.5rem !important;
}
div.pagecontentw1.testiryhma span.h1addon.tr {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--theme-fg-tertiary) !important;
  display: block !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin: 0 0 2rem !important;
}
div.pagecontentw1.testiryhma h1.tr {
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: clamp(1.625rem, 4vw, 2.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  margin: 0 0 0.25rem !important;
  padding: 0 !important;
}
div.pagecontentw1.testiryhma h2.tr {
  padding: 0 !important;
  margin: 2rem 0 0.625rem !important;
}
div.pagecontentw1.testiryhma p.tr.article.intro {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1.0625rem !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
  padding: 0 !important;
  margin: 0 0 1.75rem !important;
}
div.pagecontentw1.testiryhma div.trprodw {
  float: none !important;
  width: 100% !important;
  margin: 0 0 1.75rem 0 !important;
  padding: 0 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}
@media (min-width: 48rem) {
  div.pagecontentw1.testiryhma div.trprodw {
    float: right !important;
    margin: 0.25rem 0 1.5rem 2rem !important;
  }
}
div.pagecontentw1.testiryhma div.tr.subarticle {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: var(--theme-fg-secondary, #514d49) !important;
  padding: 0 !important;
  clear: both !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle h2 {
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
  margin: 2rem 0 0.625rem !important;
  padding: 0 !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle p {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: var(--theme-fg-secondary, #514d49) !important;
  margin: 0 0 1rem !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle ul, div.pagecontentw1.testiryhma div.tr.subarticle ol {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: var(--theme-fg-secondary, #514d49) !important;
  margin: 0 0 1rem 1.25rem !important;
  padding: 0 !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle ul li, div.pagecontentw1.testiryhma div.tr.subarticle ol li {
  margin-bottom: 0.25rem !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle strong {
  font-weight: 700 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
}
div.pagecontentw1.testiryhma span.tr.article.author1 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  gap: 0.125rem !important;
  margin-bottom: 1.5rem !important;
}
div.pagecontentw1.testiryhma span.tr.article.author1 span.authortop {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
}
div.pagecontentw1.testiryhma span.tr.article.author1 span.authortop a {
  color: inherit !important;
  text-decoration: none !important;
}
div.pagecontentw1.testiryhma span.tr.article.author1 span.authortop a:hover {
  color: var(--theme-brand-secondary, #1f471f) !important;
}
div.pagecontentw1.testiryhma span.authordesc {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  color: var(--theme-fg-tertiary) !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle.endpart {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.875rem !important;
  color: var(--theme-fg-tertiary) !important;
  margin-top: 1.75rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid var(--theme-border-tertiary) !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle.endpart span.tr.article.author22 {
  font-weight: 600 !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle.endpart span.tr.article.author22 a {
  color: var(--theme-brand-secondary, #1f471f) !important;
  text-decoration: none !important;
}
div.pagecontentw1.testiryhma div.tr.subarticle.endpart span.tr.article.author22 a:hover {
  text-decoration: underline !important;
}
div.pagecontentw1.testiryhma span.tr.article.hr1 {
  display: block !important;
  height: 0 !important;
  border: none !important;
  border-top: 1px solid var(--theme-border-secondary) !important;
  margin: 2.5rem 0 !important;
  clear: both !important;
}
div.pagecontentw1.testiryhma a.tr.prevnext {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 0.75rem !important;
  text-decoration: none !important;
  padding: 0.75rem !important;
  border-radius: var(--radius-md, 1rem) !important;
  border: 1px solid var(--theme-border-tertiary) !important;
  margin-bottom: 0.625rem !important;
  -webkit-transition: border-color 150ms ease, background 150ms ease !important;
  transition: border-color 150ms ease, background 150ms ease !important;
  clear: none !important;
  float: none !important;
  width: auto !important;
}
div.pagecontentw1.testiryhma a.tr.prevnext:hover {
  border-color: var(--theme-border-secondary) !important;
  background: var(--color-neutral-100, #eae9e9) !important;
}
div.pagecontentw1.testiryhma a.tr.prevnext img {
  width: 3.5rem !important;
  height: 3.5rem !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-radius: var(--radius-sm, 0.375rem) !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
div.pagecontentw1.testiryhma a.tr.prevnext span.txt1 {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--theme-fg-primary, #2d2926) !important;
}
div.pagecontentw1.testiryhma a.tr.prevnext.right {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

div.pagecontentw1.listcategory.tr h1.category1 {
  margin-bottom: 0.25rem !important;
}
div.pagecontentw1.listcategory.tr span.h1addon.facts {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--theme-fg-tertiary) !important;
  float: none !important;
  width: auto !important;
  display: block !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin: 0 0 2rem !important;
  padding: 0 !important;
}
div.pagecontentw1.listcategory.tr p.tr.author.intro {
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: var(--theme-fg-secondary, #514d49) !important;
  padding: 0 !important;
  margin: 0 0 2rem !important;
}
div.pagecontentw1.listcategory.tr div.tr_rightcol {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  clear: both !important;
}
div.pagecontentw1.listcategory.tr h2.tr.authorarticles {
  font-family: var(--font-family-secondary, "Bricolage Grotesque", sans-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
}
div.pagecontentw1.listcategory.tr div.author_articlesw .visu2-prodblobw h3 {
  font-size: 1.25rem !important;
}
@media not all and (min-width: 48rem) {
  div.pagecontentw1.listcategory.tr div.author_articlesw .visu2-prodblobw h3 {
    font-size: 1.375rem !important;
  }
}
div.pagecontentw1.listcategory.tr div.author_articlesw .visu2-prodblobw span.proddesc {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
}
@media not all and (min-width: 48rem) {
  div.pagecontentw1.listcategory.tr div.author_articlesw .visu2-prodblobw span.proddesc {
    font-size: 0.875rem !important;
  }
}
div.pagecontentw1.listcategory.tr div.author_articlesw .visu2-prodblobw div.prodpricew {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}
div.pagecontentw1.listcategory.tr div.author_articlesw .visu2-prodblobw span.prodprice {
  font-size: 1.25rem !important;
}
div.pagecontentw1.listcategory.tr div.author_articlesw .visu2-prodblobw span.prodprice.ovh {
  font-size: 0.9375rem !important;
}
div.pagecontentw1.listcategory.tr div.author_articlesw {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)) !important;
  gap: 1.5rem !important;
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
div.pagecontentw1.listcategory.tr div.authorarticlew {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  gap: 0.5rem !important;
}
div.pagecontentw1.listcategory.tr div.authorarticlew div.clearboth {
  display: none !important;
}
div.pagecontentw1.listcategory.tr div.authorarticlew .visu2-prodblobw {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}
div.pagecontentw1.listcategory.tr div.authorarticlew .visu2-prodblobw button.km-btn {
  margin-top: auto !important;
}
div.pagecontentw1.listcategory.tr a.readmore.tr {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  font-family: var(--font-family-primary, "Figtree", sans-serif) !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--theme-brand-secondary, #1f471f) !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18em !important;
  text-decoration-thickness: 1px !important;
  -webkit-text-decoration-color: color-mix(in srgb, currentColor 35%, transparent) !important;
          text-decoration-color: color-mix(in srgb, currentColor 35%, transparent) !important;
}
div.pagecontentw1.listcategory.tr a.readmore.tr:hover {
  -webkit-text-decoration-color: currentColor !important;
          text-decoration-color: currentColor !important;
}