.webcare-process {
  padding: clamp(28px, 4vw, 64px) 0 3rem;
}

.webcare-process__head {
  text-align: center;
  margin-bottom: clamp(16px, 3vw, 26px);
}

.webcare-process__title {
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  line-height: 1.15;
  font-weight: 800;
	margin-bottom: 60px;
}
/* kritické pre Swiper v gride */
.webcare-process__wrap > * {
  min-width: 0;
}

.webcare-process__swiper {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

/* aby každý slide zabral celú šírku viewportu swipera */
.webcare-process .swiper-slide {
  width: 100%;
}
.webcare-process__wrap {
  display: grid;
  grid-template-columns: 100px 1fr 100px;
  align-items: center;
  gap: clamp(10px, 2vw, 22px);
}

.webcare-process__nav {

  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 22px;
  line-height: 1;
  transition: transform .15s ease, background .15s ease;
	position: relative;
  z-index: 20;
  pointer-events: auto;
	border: none;
}
.webcare-process__swiper {
  position: relative;
  z-index: 1;
}
.swiper-button-disabled {
	opacity: 0.35;
}

.webcare-card-slide {
  border-radius: 22px;
  padding: clamp(18px, 3vw, 34px);
  text-align: center;
  color: #fff;
  border: 2px solid #7a3cff;
  background: radial-gradient(120% 120% at 50% 0%, #2b0b44 0%, #160225 65%, #12011f 100%);
	 width: 100%;
  box-sizing: border-box;
}

.webcare-card__step {
  font-weight: 800;
  font-size: 1.6rem;
}

.webcare-card__title {
  font-weight: 800;
  font-size: 2rem;
  line-height: 1.15;
}

.swiper-slide.is-last .yellou {
	color: #DCFF1C;
}
.swiper-slide.is-last .orange {
	color: #E55E1D;
}
.swiper-slide.is-last .purple {
	color: #6A24CA;
}

.webcare-card__text {
  font-size: 0.95rem;
  line-height: 1.45;
  opacity: .95;
}

/* pagination */
.webcare-process .swiper-pagination {
  margin-top: 14px;
}

.webcare-process .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  opacity: .35;
}

.webcare-process .swiper-pagination-bullet-active {
  opacity: 1;
}

/* mobile */
@media (max-width: 640px) {
  .webcare-process__wrap {
    grid-template-columns: 44px 1fr 44px;
  }
  
}

/* --- hard reset, aby tema neprepisovala card layout --- */
.webcare-card,
.webcare-card * {
  box-sizing: border-box;
}

.webcare-card-slide {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;

  width: 100% !important;
  max-width: 680px;              /* aby to bolo ako na obrazku */
  margin: 0 auto;

  padding: 1.5rem !important;
  border-radius: 26px !important;

  border: 3px solid #7a3cff !important;
  background: radial-gradient(120% 120% at 50% 0%, #2b0b44 0%, #160225 65%, #12011f 100%) !important;

  /* toto casto rozbije text (column layout z temy) */
  column-count: initial !important;
  columns: initial !important;
	gap: 1.56rem;
}

.webcare-card__icon {
  width: 121px;
  height: 121px;
  display: grid;
  place-items: center;
}

.webcare-card__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.webcare-card__icon-fallback {
  width: 90px;
  height: 90px;
  border-radius: 999px;
  border: 10px solid #ff6a00;
  position: relative;
}

.webcare-card__icon-fallback::after {
  content: "";
  width: 22px;
  height: 22px;
  border: 6px solid #7a3cff;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  position: absolute;
  top: 24px;
  left: 34px;
}

.webcare-card__step {
  font-weight: 900;
  font-size: 2rem;
}

.webcare-card__title {
 color: #fff;
text-align: center;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: normal;
	margin: 0;

}

.webcare-card__text {
  max-width: 520px;
  font-size: 1.25rem;
  line-height: normal;
  opacity: 1;
}

/* nech je swiper pekne vycentrovany */
.webcare-process__swiper {
  display: flex;
  justify-content: center;
}

/* fix pre grid + swiper */
.webcare-process__wrap > * { min-width: 0; }
.webcare-process__swiper { width: 100%; min-width: 0; overflow: hidden; }
.webcare-process .swiper-slide { width: 100%; display: flex; justify-content: center; }

.webcare-process__wrap {
  max-width: 980px;
  margin: 0 auto;
}

/* --- equal height slides --- */
.webcare-process .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.webcare-process .swiper-slide {
  display: flex;
  height: auto;
}

.webcare-card-slide {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.is-last .webcare-card__icon {
	width: 11.08163rem;
height: 11.08163rem;
	
}
.is-last .webcare-card__step {
	display: none;
}
.is-last .webcare-card__title {
margin: 0 0 25px 0;
}
.webcare-process__nav {
  color: #200B33; /* farba SVG */
}

.webcare-process__nav svg {
  width: 60px;     /* uprav podľa dizajnu */
  height: auto;
  display: block;
}

.webcare-process__nav svg.is-right {
  transform: rotate(180deg);
}

@media (max-width: 800px) {
    @media (max-width: 600px) {
        .swiper .webcare-card-slide {
            padding: 2rem 1.75rem;
            width: 100% !important;
        }
    }
}