/* partner.chilli.ee/tooandjale: Tervisekonto + Firmakonto for employers. Base blocks come from partner-landing.css. */

/* hero: the same massage photo as chilli.ee/tervis (Marti 25.10), face kept clear of the glass card on desktop */
.pl-hero.pl-hero--hr {
  background-image: url("https://cdn2.chilli.ee/upload/d243845760eb1883156830e0d196fa45_1788266587.jpg");
  background-position: center center;
}
@media (min-width: 901px) {
  .pl-hero.pl-hero--hr {
    background-size: 150% auto;
    background-position: 88% 32%;
  }
}
.pl-hero.pl-hero--hr::before {
  background: linear-gradient(105deg, rgba(15, 17, 20, 0.55) 0%, rgba(15, 17, 20, 0.33) 100%);
}

.hr-hero-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.hr-hero-bullets li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: calc(0.98rem + var(--pl-copy-plus));
  font-weight: 600;
  color: #fefefe;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.hr-tick {
  flex: none;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  color: #fff;
  border-radius: 50%;
  background-color: #18ae00;
  background-image: linear-gradient(135deg, #18ae00 0%, #4cd964 100%);
  text-shadow: none;
}

/* glass card: two products, each with its own start button */
.hr-choose {
  color: #fff;
}
.hr-choose .hr-choose-p,
.hr-choose .hr-choose-note {
  color: rgba(255, 255, 255, 0.88);
}
.hr-choose-opt {
  padding: 14px 0 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.45);
}
.hr-choose-opt:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.hr-choose-name {
  margin: 0 0 4px;
  font-size: 1.05rem;
  font-weight: 700;
}
.hr-choose-p {
  margin: 0 0 12px;
  font-size: calc(0.92rem + var(--pl-copy-plus));
}
.hr-choose-note {
  margin: 10px 0 0;
  font-size: 0.9rem;
}
.hr-choose-note a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* six motivation cards */
.hr-why {
  row-gap: 20px;
}

/* both products side by side */
.hr-products {
  display: grid;
  gap: 20px;
}
@media (min-width: 900px) {
  .hr-products {
    grid-template-columns: 1fr 1fr;
  }
}
.hr-product {
  display: flex;
  flex-direction: column;
  background: var(--pl-bg);
  border: 1px solid var(--pl-border);
  border-radius: var(--pl-radius);
  box-shadow: var(--pl-shadow);
  padding: 28px 24px;
  scroll-margin-top: 96px;
}
.hr-product-tag {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  padding: 5px 12px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pl-chilli-dark);
  background: rgba(81, 171, 36, 0.12);
  border-radius: 999px;
}
.hr-product h3 {
  margin: 0 0 8px;
  font-size: clamp(1.25rem, 2.4vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.hr-product-p {
  margin: 0 0 20px;
  color: var(--pl-muted);
  font-size: calc(0.98rem + var(--pl-copy-plus));
}
.hr-product-cols {
  display: grid;
  gap: 18px;
  margin-bottom: 24px;
}
@media (min-width: 600px) {
  .hr-product-cols {
    grid-template-columns: 1fr 1fr;
  }
}
.hr-product h4 {
  margin: 0 0 10px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pl-chilli);
}
.hr-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.hr-list li {
  position: relative;
  padding-left: 24px;
  font-size: calc(0.92rem + var(--pl-copy-plus));
  line-height: 1.45;
}
.hr-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: var(--pl-chilli);
}
.hr-product-cta {
  margin-top: auto;
  align-self: flex-start;
}

/* existing partner: Firmakonto opens in partnerweb */
.hr-partner {
  display: grid;
  gap: 20px;
  align-items: center;
  max-width: 920px;
  margin: 0 auto;
  padding: 28px 24px;
  background: var(--pl-bg);
  border: 1px solid var(--pl-border);
  border-radius: var(--pl-radius);
}
@media (min-width: 768px) {
  .hr-partner {
    grid-template-columns: 1fr auto;
    gap: 32px;
    padding: 32px 36px;
  }
}
.hr-partner h2 {
  margin: 0 0 8px;
  font-size: clamp(1.25rem, 2.6vw, 1.6rem);
  font-weight: 700;
}
.hr-partner p {
  margin: 0;
  color: var(--pl-muted);
  font-size: calc(0.95rem + var(--pl-copy-plus));
}

/* final call to action */
.hr-final {
  display: grid;
  gap: 20px;
  align-items: center;
  padding: 32px 28px;
  color: var(--pl-hero-text);
  background: var(--pl-hero-bg);
  border-radius: 22px;
}
@media (min-width: 900px) {
  .hr-final {
    grid-template-columns: 1fr auto;
    gap: 32px;
    padding: 40px 44px;
  }
}
.hr-final h2 {
  margin: 0 0 8px;
  font-size: clamp(1.35rem, 2.8vw, 1.85rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fefefe;
}
.hr-final p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
}
.hr-final-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}