/* =========================================================
   Péče po spuštění – aftercare-v1 presentation
   Shared layout/typography comes from ir-design-system.css.
   This file owns only page-specific surfaces, cards and visuals.
   ========================================================= */
.ir-aftercare-page .care-hero__orb {
  position: absolute;
  right: 9%;
  top: 4%;
  width: 25.625rem;
  height: 25.625rem;
  border-radius: 50%;
  background: rgba(244,229,216,.7);
}

.ir-aftercare-page .care-shot--main {
  right: 0;
  top: 2rem;
  width: 69%;
  height: 26.875rem;
}

.ir-aftercare-page .care-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.ir-aftercare-page .care-years {
  position: absolute;
  left: 0;
  bottom: 4.125rem;
  width: 42%;
  padding: 1.625rem 1.75rem;
  border-radius: 1.125rem;
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 60px rgba(15,17,23,.12);
}

.ir-aftercare-page .care-years span {
  display: block;
  color: var(--ir-coral);
  font-family: var(--ir-font-display);
  font-size: 3.25rem;
  line-height: 1;
  font-weight: 600;
}

.ir-aftercare-page .care-years p {
  margin: .5rem 0 0;
  color: var(--ir-ink);
  font-size: .875rem;
  line-height: 1.55;
}

.ir-aftercare-page .care-note {
  position: absolute;
  right: 3%;
  bottom: 0;
  width: 40%;
  padding: 1.3125rem 1.4375rem;
  border-radius: 1rem;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 46px rgba(15,17,23,.1);
  font-family: var(--ir-font-display);
  font-size: 1.125rem;
  line-height: 1.38;
}

.ir-aftercare-page .care-note span,
.ir-aftercare-page .care-note strong {
  display: block;
}

.ir-aftercare-page .care-note strong {
  color: var(--ir-coral);
  font-weight: 600;
}

.ir-aftercare-page .care-change,
.ir-aftercare-page .care-stable,
.ir-aftercare-page .care-hosting,
.ir-aftercare-page .care-scare,
.ir-aftercare-page .care-relation {
  background: #fff;
}

.ir-aftercare-page .care-kinds {
  background:
    radial-gradient(circle at 91% 18%, rgba(255,77,87,.05), transparent 26%),
    var(--ir-surface-soft);
}

.ir-aftercare-page .care-kinds__intro {
  align-self: end;
}

.ir-aftercare-page .care-kinds__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ir-aftercare-page .care-kinds__cards li {
  padding: 2.375rem 2.5rem 2.625rem;
  border-radius: 1.375rem;
  background: #fff;
  box-shadow: 0 18px 48px rgba(15,17,23,.065);
}

.ir-aftercare-page .care-kinds__label {
  margin: 0 0 .8125rem;
  color: var(--ir-coral);
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ir-aftercare-page .care-kinds__cards h3 {
  margin: 0;
  font-family: var(--ir-font-display);
  font-size: 1.875rem;
  line-height: 1.25;
  font-weight: 600;
}

.ir-aftercare-page .care-kinds__cards li > p:last-child {
  margin: 1rem 0 0;
  color: var(--ir-text-secondary);
  font-size: .9375rem;
  line-height: 1.74;
}

.ir-aftercare-page .care-kinds__close {
  max-width: 60rem;
  margin: 2.875rem 0 0;
  font-family: var(--ir-font-display);
  font-size: clamp(1.625rem, 2.1vw, 2.375rem);
  line-height: 1.38;
  font-weight: 600;
}

.ir-aftercare-page .care-kinds__close strong {
  color: var(--ir-coral);
}

.ir-aftercare-page .care-tech {
  background:
    radial-gradient(circle at 85% 18%, rgba(255,77,87,.13), transparent 28%),
    var(--ir-surface-dark);
}

.ir-aftercare-page .care-tech__visual figure img {
  display: block;
  width: 100%;
  aspect-ratio: 1.47 / 1;
  object-fit: cover;
  object-position: center;
}

.ir-aftercare-page .care-review {
  background:
    radial-gradient(circle at 8% 20%, rgba(255,77,87,.045), transparent 25%),
    var(--ir-surface-soft);
}

.ir-aftercare-page .care-review__visual {
  position: relative;
  min-height: 32.5rem;
}

.ir-aftercare-page .care-review__main {
  position: absolute;
  left: 0;
  top: 0;
  width: 78%;
  height: 26.875rem;
  margin: 0;
  overflow: hidden;
  border-radius: 1.375rem;
  background: #fff;
  box-shadow: 0 28px 70px rgba(15,17,23,.12);
}

.ir-aftercare-page .care-review__main img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.ir-aftercare-page .care-review__badge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 53%;
  margin: 0;
  padding: 1.5rem 1.625rem;
  border-radius: 1.125rem;
  background: rgba(255,255,255,.97);
  box-shadow: 0 22px 54px rgba(15,17,23,.12);
}

.ir-aftercare-page .care-review__badge span {
  display: block;
  color: var(--ir-coral);
  font-size: .625rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ir-aftercare-page .care-review__badge strong {
  display: block;
  margin-top: .5rem;
  font-family: var(--ir-font-display);
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 600;
}

.ir-aftercare-page .care-context {
  background:
    radial-gradient(circle at 91% 20%, rgba(255,77,87,.05), transparent 25%),
    var(--ir-surface-soft);
}

@media (max-width: 66.25em) {
  .ir-aftercare-page .care-tech__visual {
    max-width: 51.25rem;
  }

  .ir-aftercare-page .care-review__visual {
    max-width: 48.75rem;
  }
}

@media (max-width: 43.75em) {
  .ir-aftercare-page .care-hero__visual {
    min-height: 28.125rem;
  }

  .ir-aftercare-page .care-shot--main {
    width: 78%;
    height: 19.6875rem;
  }

  .ir-aftercare-page .care-years {
    width: 53%;
    padding: 1.25rem;
    bottom: 3.4375rem;
  }

  .ir-aftercare-page .care-years span {
    font-size: 2.625rem;
  }

  .ir-aftercare-page .care-note {
    width: 49%;
    padding: 1.125rem;
    font-size: .9375rem;
  }

  .ir-aftercare-page .care-kinds__cards {
    grid-template-columns: 1fr;
  }

  .ir-aftercare-page .care-review__visual {
    min-height: 28.125rem;
  }

  .ir-aftercare-page .care-review__main {
    width: 80%;
    height: 20.625rem;
  }

  .ir-aftercare-page .care-review__badge {
    width: 60%;
    padding: 1.25rem;
  }
}