/* —— Booking / order success (medcare theme) —— */
.care--web .care-page--done {
  background: var(--care-v2-paper, #f5f7fb);
}

.care--web .care-page--done .care-page__body {
  max-width: 1080px;
  margin: 0 auto;
  padding: 28px 20px 48px;
}

.care--web .care-mc-done {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  min-height: min(72vh, 640px);
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--care-v2-line, #e5eaf2);
  background: var(--care-v2-surface, #fff);
  box-shadow: 0 18px 48px rgba(11, 31, 58, 0.08);
}

.care--web .care-mc-done__media {
  position: relative;
  min-height: 280px;
  background: #0b1f3a;
}

.care--web .care-mc-done__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
}

.care--web .care-mc-done__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(160deg, rgba(11, 31, 58, 0.35) 0%, rgba(0, 102, 255, 0.28) 48%, rgba(11, 31, 58, 0.55) 100%);
  pointer-events: none;
}

.care--web .care-mc-done__media-copy {
  position: absolute;
  inset-inline-start: 28px;
  inset-inline-end: 28px;
  bottom: 28px;
  z-index: 1;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  color: #fff;
}

.care--web .care-mc-done__brand {
  display: inline-flex;
}

.care--web .care-mc-done__media-copy p {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.45;
  opacity: 0.92;
  max-width: 22rem;
}

.care--web .care-mc-done__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 40px 36px 36px;
  background:
    radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, #16a34a 10%, #fff) 0%, #fff 48%),
    var(--care-v2-surface, #fff);
}

.care--web .care-mc-done__check {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  background: color-mix(in srgb, #16a34a 14%, #fff);
  color: #15803d;
  border: 1px solid color-mix(in srgb, #16a34a 22%, transparent);
  box-shadow: 0 10px 24px rgba(22, 163, 74, 0.16);
}

.care--web .care-mc-done__kicker {
  margin: 8px 0 0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #15803d;
}

.care--web .care-mc-done__title {
  margin: 0;
  font-family: var(--care-v2-font-display, inherit);
  font-size: clamp(1.85rem, 3.2vw, 2.35rem);
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--care-v2-navy, #0b1f3a);
}

.care--web .care-mc-done__lead {
  margin: 0;
  max-width: 34rem;
  font-size: 1.02rem;
  line-height: 1.55;
  color: var(--care-v2-muted, #64748b);
}

.care--web .care-mc-done__facts {
  list-style: none;
  margin: 8px 0 4px;
  padding: 0;
  display: grid;
  grid-gap: 0;
  gap: 0;
  border-radius: 16px;
  border: 1px solid var(--care-v2-line, #e5eaf2);
  background: color-mix(in srgb, var(--care-v2-primary, #0066ff) 4%, #fff);
  overflow: hidden;
}

.care--web .care-mc-done__facts li {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: baseline;
  padding: 12px 16px;
  border-bottom: 1px solid var(--care-v2-line, #e5eaf2);
}

.care--web .care-mc-done__facts li:last-child {
  border-bottom: 0;
}

.care--web .care-mc-done__facts span {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--care-v2-muted, #64748b);
}

.care--web .care-mc-done__facts strong {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--care-v2-navy, #0b1f3a);
  line-height: 1.35;
}

.care--web .care-mc-done__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 18px;
  margin-top: 10px;
}

.care--web .care-mc-done__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2b7cff 0%, var(--care-v2-primary, #0066ff) 100%);
  border: 1px solid color-mix(in srgb, var(--care-v2-primary, #0066ff) 70%, #0047b3);
  color: #fff !important;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(0, 102, 255, 0.26);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.care--web .care-mc-done__cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 14px 28px rgba(0, 102, 255, 0.32);
}

.care--web .care-mc-done__back {
  color: var(--care-v2-primary, #0066ff);
  font-weight: 650;
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--care-v2-primary, #0066ff) 35%, transparent);
  padding-bottom: 1px;
}

.care--web .care-mc-done__back:hover {
  border-bottom-color: var(--care-v2-primary, #0066ff);
}

/* Hide legacy full-bleed done chrome if still present from older CSS */
.care--web .care-page--done .care-v2-done,
.care--web .care-page--done .care-v2-done__ambient,
.care--web .care-page--done .care-v2-done__foot {
  display: none !important;
}

@media (max-width: 860px) {
  .care--web .care-mc-done {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .care--web .care-mc-done__media {
    min-height: 200px;
    max-height: 240px;
  }

  .care--web .care-mc-done__panel {
    padding: 28px 22px 32px;
  }

  .care--web .care-mc-done__facts li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .care--web .care-mc-done__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .care--web .care-mc-done__cta {
    width: 100%;
  }

  .care--web .care-mc-done__back {
    text-align: center;
  }
}

/* Care marketplace — production storefront (phone + compact desktop). */

.care-market {
  display: none;
}

.care.care--phone .care-market {
  display: block;
}

.care-home-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 4px;
}

.care-home-chips a {
  text-decoration: none;
}

.care-market-hero {
  position: relative;
  min-height: 196px;
  margin: 0 -16px 14px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--care-header-start, #2563eb), var(--care-header-end, #1e3a5f));
  color: #fff;
}

.care-market-hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.55s ease;
}

.care-market-hero__slide.is-active {
  opacity: 1;
}

.care-market-hero__photo,
.care-market-hero .care-mico-art {
  width: 100%;
  height: 100%;
}

.care-market-hero__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 28, 52, 0.15) 0%, rgba(8, 28, 52, 0.78) 100%);
}

.care-market-hero__stage {
  position: relative;
  z-index: 1;
  padding: 22px 16px 36px;
  min-height: 196px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
}

.care-market-hero__kicker {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #d7e8ff;
}

.care-market-hero__title {
  margin: 0;
  max-width: 16ch;
  font-size: 1.45rem;
  font-weight: 780;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.care-market-hero__lead {
  margin: 0;
  max-width: 34ch;
  font-size: 0.78rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.86);
}

.care a.care-market-hero__cta,
.care-market-hero__cta {
  align-self: flex-start;
  margin-top: 6px;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 14px;
  background: #fff !important;
  color: var(--care-navy) !important;
  font-size: 15px;
  font-weight: 750;
  text-decoration: none;
}

.care-market-hero__dots {
  position: absolute;
  z-index: 2;
  left: 16px;
  bottom: 10px;
  display: flex;
  gap: 5px;
}

.care-market-hero__dots button {
  width: 16px;
  height: 3px;
  padding: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.35);
}

.care-market-hero__dots button.is-active {
  background: #fff;
}

.care-depts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 12px 10px;
  gap: 12px 10px;
  margin: 0 0 16px;
}

.care-dept {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: inherit;
}

.care-dept__media {
  width: 58px;
  height: 58px;
  overflow: hidden;
  background: var(--care-mint, #eff6ff);
  border-radius: 16px;
  box-shadow: 0 6px 14px rgba(30, 58, 95, 0.1);
  display: grid;
  place-items: center;
  color: var(--care-v2-primary, #0066ff);
}

.care-dept__media img,
.care-dept__media .care-mico {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: grid;
}

.care-dept__media .care-ico {
  width: 28px;
  height: 28px;
}

.care-mico {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.care-mico svg,
.care-mico img {
  width: 62%;
  height: 62%;
  display: block;
  object-fit: contain;
}

.care-mico--art {
  background: transparent !important;
}

.care-mico--art img {
  width: 86%;
  height: 86%;
}

.care-mico--hero,
.care-mico--promo {
  background: transparent !important;
  color: #fff !important;
  opacity: 0.3;
}

.care-mico--hero {
  width: 132px;
  height: 132px;
}

.care-mico--hero svg,
.care-mico--promo svg {
  width: 78%;
  height: 78%;
}

.care-mico-art {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: end flex-end;
  padding: 6px 8px;
  border-radius: 0;
}

.care-dept strong {
  font-size: 0.78rem;
  font-weight: 750;
  text-align: center;
  line-height: 1.25;
  color: var(--care-phone-ink, #0f172a);
}

.care-promos {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(78%, 260px);
  grid-gap: 10px;
  gap: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  margin: 0 -16px 18px;
  padding: 0 16px;
}

.care-promos::-webkit-scrollbar {
  display: none;
}

.care-promo {
  position: relative;
  scroll-snap-align: start;
  min-height: 128px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background: var(--care-navy);
}

.care-promo img,
.care-promo .care-mico-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.care-promo .care-mico--hero {
  width: 96px;
  height: 96px;
}

.care-promo__copy {
  position: relative;
  z-index: 1;
  height: 100%;
  min-height: 128px;
  padding: 14px 14px 12px;
  background: linear-gradient(90deg, rgba(8, 28, 52, 0.82) 0%, rgba(8, 28, 52, 0.28) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
}

.care-promo em {
  font-style: normal;
  font-size: 0.66rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d7e8ff;
}

.care-promo strong {
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

.care-promo span {
  font-size: 0.74rem;
  color: rgba(255, 255, 255, 0.86);
}

.care-shelf {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(148px, 42%);
  grid-gap: 10px;
  gap: 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  margin: 0 -16px;
  padding: 0 16px 2px;
}

.care-shelf--doctors {
  grid-auto-columns: minmax(168px, 46%);
}

.care-shelf--specs {
  grid-auto-columns: max-content;
}

.care-shelf::-webkit-scrollbar {
  display: none;
}

.care-shelf-card {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 148px;
  padding: 12px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
}

.care-shelf-card.care-kind-shelf-card--photo {
  padding: 0;
  gap: 0;
  min-height: 240px;
  overflow: hidden;
  border-radius: 16px;
}

.care-kind-shelf-card__photo {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  min-height: 148px;
  object-fit: cover;
  background: #e8f1fb;
}

.care-kind-shelf-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px 14px;
}

.care-kind-shelf-card__body > strong {
  font-size: 0.95rem;
  font-weight: 750;
  line-height: 1.25;
  color: #0b1f3a;
}

.care-kind-shelf-card__body > span {
  font-size: 0.78rem;
  color: #5d7390;
  line-height: 1.35;
}

.care-shelf-card .care-center__logo,
.care-shelf-card:not(.care-kind-shelf-card--photo) .care-avatar {
  width: 52px;
  height: 52px;
  object-fit: cover;
}

.care-shelf-card:not(.care-kind-shelf-card--photo) strong {
  font-size: 0.86rem;
  font-weight: 750;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.care-shelf-card:not(.care-kind-shelf-card--photo) > span {
  font-size: 0.72rem;
  color: #5d7390;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.care-spec-chip {
  scroll-snap-align: start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 14px;
  background: #eef2f6;
  box-shadow: none;
  text-decoration: none;
  color: inherit;
  font-size: 13px;
  font-weight: 700;
  border-radius: 999px;
}

.care-spec-chip em {
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 650;
  color: #5d7390;
}

html.ch-phone-dark .care-shelf-card,
html.ch-phone-dark .care-spec-chip {
  background: #152234;
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.16);
  color: #e8eef7;
}

html.ch-phone-dark .care-dept strong,
html.ch-phone-dark .care-shelf-card > span,
html.ch-phone-dark .care-spec-chip em {
  color: #94a3b8;
}

@media (min-width: 768px) {
  .care.care--phone .care-market-hero {
    min-height: 240px;
  }
}

/* Inner Care pages — same storefront language as home. Hidden on desktop website. */
.care-market-page-hero,
.care-depts--page,
.care-scan-card {
  display: none;
}

.care-service-tile__media {
  display: none;
}

.care-service-tile__copy {
  display: contents;
}

.care.care--phone .care-page__body {
  padding-top: 0;
  padding-inline: 16px;
}

.care.care--phone .care-market-page-hero {
  display: block;
  position: relative;
  min-height: 148px;
  margin: 0 -16px 12px;
  overflow: hidden;
  background: var(--care-navy);
  color: #fff;
}

.care.care--phone .care-market-page-hero__photo,
.care.care--phone .care-market-page-hero .care-mico-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.care.care--phone .care-market-page-hero__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 28, 52, 0.18) 0%, rgba(8, 28, 52, 0.78) 100%);
}

.care.care--phone .care-market-page-hero__stage {
  position: relative;
  z-index: 1;
  min-height: 148px;
  padding: 18px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
}

.care.care--phone .care-market-page-hero__kicker {
  margin: 0;
  font-size: 0.66rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #d7e8ff;
}

.care.care--phone .care-market-page-hero__title {
  margin: 0;
  max-width: 18ch;
  font-size: 1.32rem;
  font-weight: 780;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.care.care--phone .care-market-page-hero__lead {
  margin: 0;
  max-width: 36ch;
  font-size: 0.76rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.86);
}

.care.care--phone .care-depts--page {
  display: grid;
  margin: 0 0 14px;
}

.care.care--phone .care-page .care-center-gate > .care-page__title,
.care.care--phone .care-page .care-center-gate > .care-page__lead,
.care.care--phone .care-page > .care-page__body > .care-page__title {
  display: none;
}

/* Product cards instead of grouped website lists */
.care.care--phone .care-page .care-list--directory,
.care.care--phone .care-page .care-centers,
.care.care--phone .care-page .care-spec-list,
.care.care--phone .care-page .care-list:not(.care-list--directory),
.care.care--phone .care-page .care-practice-picks,
.care.care--phone .care-page .care-list--catalog {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  border-radius: 0;
}

.care.care--phone .care-page .care-list--directory .care-doc,
.care.care--phone .care-page .care-center,
.care.care--phone .care-page .care-doc,
.care.care--phone .care-page .care-row,
.care.care--phone .care-page .care-practice-pick--card,
.care.care--phone .care-page .care-spec-list__item,
.care.care--phone .care-page .care-rad-row {
  border: 0;
  border-radius: 14px;
  border-bottom: 0;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
  padding: 14px;
  font-size: 15px;
}

.care.care--phone .care-page .care-doc--pro {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
}

.care.care--phone .care-page .care-doc--pro .care-avatar,
.care.care--phone .care-page .care-center .care-center__logo,
.care.care--phone .care-page .care-center .care-avatar {
  width: 76px;
  height: 76px;
  object-fit: cover;
}

.care.care--phone .care-page .care-doc__about,
.care.care--phone .care-page .care-doc__quals {
  display: none;
}

.care.care--phone .care-page .care-doc__body strong,
.care.care--phone .care-page .care-center__body strong {
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -0.02em;
}

.care.care--phone .care-page .care-doc__body > span,
.care.care--phone .care-page .care-center__meta {
  font-size: 0.74rem;
  color: #5d7390;
}

.care.care--phone .care-page .care-doc__fee {
  font-size: 0.78rem;
  font-weight: 750;
  color: var(--care-navy);
}

.care.care--phone .care-page .care-cta {
  display: none;
}

.care.care--phone .care-page .care-spec-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
}

.care.care--phone .care-page .care-spec-list__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  min-height: 108px;
  padding: 12px;
  text-decoration: none;
  color: inherit;
}

.care.care--phone .care-page .care-spec-list__glyph {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  background: #e8eef5;
  color: var(--care-navy);
}

.care.care--phone .care-page .care-spec-list__item span {
  font-size: 15px;
  font-weight: 750;
  line-height: 1.25;
}

.care.care--phone .care-page .care-spec-list__item em {
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 650;
  color: #5d7390;
}

.care.care--phone .care-page .care-rad-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.care.care--phone .care-page .care-catalog-thumb {
  width: 56px;
  height: 56px;
  overflow: hidden;
  background: #e8eef5;
  flex-shrink: 0;
}

.care.care--phone .care-page .care-catalog-thumb img,
.care.care--phone .care-page .care-catalog-thumb .care-mico {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: grid;
}

.care.care--phone .care-page .care-rad-row .care-doc {
  display: grid;
  grid-template-columns: 56px auto minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.care.care--phone .care-page .care-rad-row .care-doc__body {
  min-width: 0;
}

.care.care--phone .care-page .care-list--catalog {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.care.care--phone .care-page .care-doc--cart {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 100%;
}

.care.care--phone .care-page .care-doc--cart .care-doc__open {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  border: 0;
  background: none;
  text-align: start;
  color: inherit;
}

.care.care--phone .care-page .care-doc--cart .care-avatar--med {
  width: 100%;
  height: 132px;
}

.care.care--phone .care-page .care-doc--cart .care-avatar--med img,
.care.care--phone .care-page .care-doc--cart .care-avatar--med .care-mico {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: grid;
}

.care.care--phone .care-page .care-practice-pick--card {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  gap: 10px;
}

.care.care--phone .care-page .care-practice-pick__hero {
  display: block;
  height: 120px;
  overflow: hidden;
  margin: -12px -12px 0;
}

.care.care--phone .care-page .care-practice-pick__hero img,
.care.care--phone .care-page .care-practice-pick__hero .care-media {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.care.care--phone .care-page .care-practice-pick .care-map,
.care.care--phone .care-page .care-practice-pick [class*='leaflet'],
.care.care--phone .care-page .care-practice-pick .care-practice-map,
.care.care--phone .care-page .care-selected-center .care-map,
.care.care--phone .care-page .care-selected-center .care-practice-map,
.care.care--phone .care-page .care-center-profile .care-map,
.care.care--phone .care-page .care-center-profile .care-practice-map {
  display: none !important;
}

.care.care--phone .care-page .care-center-gate .care-search {
  width: 100%;
  min-height: 48px;
  margin: 0 0 12px;
  padding: 0 14px;
  border: 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
  font-size: 15px;
}

.care.care--phone .care-page .care-filterbar__search--pinned {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  margin: 0 0 10px;
  padding: 0 14px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
}

.care.care--phone .care-page .care-filterbar__search--pinned .care-search {
  flex: 1 1;
  border: 0;
  background: transparent;
  padding: 0;
  min-height: 48px;
  box-shadow: none;
}

.care.care--phone .care-page .care-filterbar__toolbar {
  margin-bottom: 10px;
}

.care.care--phone .care-page .care-view-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
  gap: 0;
  margin: 0 0 12px;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
}

.care.care--phone .care-page .care-view-toggle button {
  min-height: 48px;
  border: 0;
  background: transparent;
  font-weight: 700;
  font-size: 15px;
}

.care.care--phone .care-page .care-view-toggle button.is-active {
  background: var(--care-navy);
  color: #fff;
}

.care.care--phone .care-page .care-service-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
}

.care.care--phone .care-page .care-service-tile {
  position: relative;
  min-height: 118px;
  padding: 12px;
  overflow: hidden;
  border: 0;
  background: var(--care-navy);
  color: #fff;
  text-align: start;
}

.care.care--phone .care-page .care-service-tile__media {
  display: block;
  position: absolute;
  inset: 0;
}

.care.care--phone .care-page .care-service-tile__media img,
.care.care--phone .care-page .care-service-tile__media .care-mico-art,
.care.care--phone .care-page .care-service-tile__media .care-mico {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.care.care--phone .care-page .care-service-tile__copy {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
  background: linear-gradient(180deg, rgba(8, 28, 52, 0.05) 0%, rgba(8, 28, 52, 0.78) 100%);
  margin: -12px;
  padding: 12px;
}

.care.care--phone .care-page .care-service-tile strong {
  font-size: 0.92rem;
}

.care.care--phone .care-page .care-service-tile span {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.86);
}

.care.care--phone .care-page .care-service-tile .care-ico {
  display: none;
}

.care.care--phone .care-page .care-detail-hero {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
}

.care.care--phone .care-page .care-detail-hero .care-avatar--lg {
  width: 88px;
  height: 88px;
  object-fit: cover;
}

.care.care--phone .care-scan-card {
  display: none;
}

.care.care--phone .care-page .care-scan-card {
  display: block;
  position: relative;
  min-height: 168px;
  margin: 0 0 14px;
  overflow: hidden;
  background: var(--care-navy);
  color: #fff;
}

.care.care--phone .care-page .care-scan-card img,
.care.care--phone .care-page .care-scan-card .care-mico-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.care.care--phone .care-page .care-scan-card__copy {
  position: relative;
  z-index: 1;
  min-height: 168px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(8, 28, 52, 0.2) 0%, rgba(8, 28, 52, 0.8) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
}

.care.care--phone .care-page .care-scan-card .care-btn {
  align-self: flex-start;
  min-height: 48px;
  border-radius: 14px;
  background: #fff;
  color: var(--care-navy);
  font-size: 15px;
}

.care.care--phone .care-page .care-scan-panel {
  display: none;
}

html.ch-phone-dark .care.care--phone .care-page .care-doc,
html.ch-phone-dark .care.care--phone .care-page .care-center,
html.ch-phone-dark .care.care--phone .care-page .care-spec-list__item,
html.ch-phone-dark .care.care--phone .care-page .care-rad-row,
html.ch-phone-dark .care.care--phone .care-page .care-practice-pick--card,
html.ch-phone-dark .care.care--phone .care-page .care-detail-hero,
html.ch-phone-dark .care.care--phone .care-page .care-filterbar__search--pinned,
html.ch-phone-dark .care.care--phone .care-page .care-view-toggle {
  background: #152234;
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.16);
  color: #e8eef7;
}

html.ch-phone-dark .care.care--phone .care-page .care-doc__body > span,
html.ch-phone-dark .care.care--phone .care-page .care-center__meta,
html.ch-phone-dark .care.care--phone .care-page .care-spec-list__item em {
  color: #94a3b8;
}

html.ch-phone-dark .care.care--phone .care-page .care-spec-list__glyph {
  background: #1e2d42;
  color: #d7e8ff;
}

.care-search-page__field {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  margin: 0 0 14px;
  padding: 0 14px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.12);
}

.care-search-page__field .care-search {
  flex: 1 1;
  min-height: 48px;
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
  font-size: 1rem;
}

.care-search-page__clear {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 14px;
  background: #e8eef5;
  color: var(--care-navy);
  font-size: 1.2rem;
  line-height: 1;
}

.care-search-page__lead {
  margin: 0 0 14px;
  font-size: 0.86rem;
  line-height: 1.4;
  color: #5d7390;
}

.care-search-page .care-depts--page {
  display: grid;
}

.care-search-page__tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  margin: 0 0 14px;
  padding-bottom: 2px;
}

.care-search-page__tabs::-webkit-scrollbar {
  display: none;
}

.care-search-page__tabs button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 8px 14px;
  border: 0;
  border-radius: 999px;
  background: #eef2f6;
  box-shadow: none;
  font-size: 13px;
  font-weight: 700;
}

.care-search-page__tabs button.is-active {
  background: var(--care-navy);
  color: #fff;
  box-shadow: none;
}

.care-search-page__group {
  margin: 0 0 22px;
}

.care-search-page .care-list,
.care-search-page .care-centers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: transparent;
  box-shadow: none;
}

.care-search-hit {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: center;
  min-height: 56px;
  padding: 14px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
  text-decoration: none;
  color: inherit;
}

.care-search-hit .care-catalog-thumb {
  width: 80px;
  height: 80px;
  overflow: hidden;
  background: #e8eef5;
}

.care-search-hit .care-catalog-thumb img,
.care-search-hit .care-catalog-thumb .care-mico {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: grid;
}

.care-search-hit__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.care-search-hit__copy strong {
  font-size: 15px;
  font-weight: 750;
}

.care-search-hit__copy em {
  font-style: normal;
  font-size: 0.74rem;
  color: #5d7390;
}

html.ch-phone-dark .care-search-page__field,
html.ch-phone-dark .care-search-page__tabs button,
html.ch-phone-dark .care-search-hit {
  background: #152234;
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.16);
  color: #e8eef7;
}

html.ch-phone-dark .care-search-page__lead,
html.ch-phone-dark .care-search-hit__copy em {
  color: #94a3b8;
}

.care-top__profile {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  max-width: min(220px, 46vw);
  padding: 4px 14px 4px 4px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--care-navy);
  box-shadow: 0 8px 20px rgba(30, 58, 95, 0.16);
  cursor: pointer;
  font: inherit;
  text-align: start;
}

.care-top__profile-photo,
.care-top__profile .care-user-avatar,
.care-top__profile img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  background: #e8f2fb;
}

.care-top__profile-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.15;
}

.care-top__profile-copy em {
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 650;
  opacity: 0.7;
}

.care-top__profile-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
  font-weight: 780;
}

.care-top__account-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}

.care-top__avatar,
.care-user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
  background: #e8eef5;
}

.care-top__avatar-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.15;
}

.care-top__avatar-copy em {
  display: none;
  font-style: normal;
  font-size: 0.68rem;
  font-weight: 600;
  opacity: 0.78;
}

.care-top__avatar-copy strong {
  font-size: 0.82rem;
  font-weight: 750;
}

.care--web .care-top__cta.care-top__account-btn {
  padding: 3px 12px 3px 3px;
  background: #fff;
  color: var(--care-navy);
}

.care--web .care-top__cta.care-top__account-btn:hover {
  background: #e8f2fb;
  color: var(--care-navy);
}

.care--web .care-top__avatar-copy em {
  display: block;
}

.care.care--phone .care-top__avatar {
  width: 28px;
  height: 28px;
}

.care-drawer__identity {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: start;
  cursor: pointer;
  font: inherit;
}

.care-drawer__photo {
  width: 44px;
  height: 44px;
  object-fit: cover;
  flex-shrink: 0;
  background: #e8eef5;
}

.care-drawer__identity strong,
.care-drawer__identity span {
  display: block;
}

.care-drawer__identity strong {
  font-size: 0.98rem;
  font-weight: 750;
  line-height: 1.2;
}

.care-drawer__identity span {
  margin-top: 2px;
  font-size: 0.74rem;
  color: var(--care-ink-soft, #3d5470);
}

.care-store .care-center-profile {
  margin: 0 0 16px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
}

.care-store-cta {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  margin: 0 0 16px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
}

.care-store-cta__kicker {
  margin: 0 0 4px;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--care-navy);
}

.care-store-cta h2 {
  margin: 0 0 4px;
  font-size: 1.15rem;
  font-weight: 780;
  color: var(--care-navy);
}

.care-store-cta p {
  margin: 0;
  font-size: 0.86rem;
  color: #5d7390;
}

.care-store-cta .care-btn {
  justify-self: start;
}

.care-store-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.care-store-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  font-size: 0.74rem;
  color: #5d7390;
}

.care-store-crumb a {
  color: var(--care-navy);
  text-decoration: none;
  font-weight: 650;
}

.care-store-crumb span:last-child {
  color: var(--care-navy);
  font-weight: 750;
}

.care-store-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 8px;
  gap: 8px;
  margin: 0 0 16px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
  border-radius: 14px;
}

.care-store-search input {
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid rgba(30, 58, 95, 0.16);
  border-radius: 14px;
  background: #f7fafc;
  color: var(--care-navy);
  font: inherit;
  font-size: 15px;
}

.care-store-card__price {
  margin-top: auto;
  font-style: normal;
  font-size: 0.86rem;
  font-weight: 780;
  color: var(--care-navy);
}

html.ch-phone-dark .care-store-cta,
html.ch-phone-dark .care-store-search,
html.ch-phone-dark .care-store .care-center-profile {
  background: #152234;
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.16);
}

html.ch-phone-dark .care-store-search input {
  background: #0f1a28;
  border-color: rgba(148, 163, 184, 0.2);
  color: #e8eef7;
}

html.ch-phone-dark .care-store-card__price,
html.ch-phone-dark .care-store-crumb span:last-child,
html.ch-phone-dark .care-store-crumb a {
  color: #d7e8ff;
}

.care-store .care-shelf-card {
  min-width: 148px;
}

@media (min-width: 768px) {
  .care-store-cta {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
}

.care-store .care-center-profile__hero {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
}

.care-store .care-service-tile__media {
  display: block;
}

.care-store .care-service-tile__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.care-store .care-service-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.care-store .care-service-tile {
  position: relative;
  min-height: 128px;
  padding: 12px;
  overflow: hidden;
  border: 0;
  background: var(--care-navy);
  color: #fff;
  text-align: start;
}

.care-store .care-service-tile__media {
  position: absolute;
  inset: 0;
}

.care-store .care-service-tile__copy {
  position: relative;
  z-index: 1;
  height: 100%;
  justify-content: flex-end;
  background: linear-gradient(180deg, rgba(8, 28, 52, 0.08) 0%, rgba(8, 28, 52, 0.78) 100%);
  margin: -12px;
  padding: 12px;
}

.care-store .care-service-tile .care-ico {
  display: none;
}

.care-store .care-list--directory {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

/* Practice storefront is a shop page on phone and desktop website. */
.care-store .care-page__body {
  padding-top: 0;
}

.care-store .care-market-page-hero {
  display: block;
  position: relative;
  min-height: 168px;
  margin: 0 0 16px;
  overflow: hidden;
  background: var(--care-navy);
  color: #fff;
}

.care-store .care-market-page-hero__photo,
.care-store .care-market-page-hero .care-mico-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.care-store .care-market-page-hero__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 28, 52, 0.18) 0%, rgba(8, 28, 52, 0.78) 100%);
}

.care-store .care-market-page-hero__stage {
  position: relative;
  z-index: 1;
  min-height: 168px;
  padding: 22px 18px 18px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
}

.care-store .care-market-page-hero__kicker {
  margin: 0;
  font-size: 0.66rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #d7e8ff;
}

.care-store .care-market-page-hero__title {
  margin: 0;
  max-width: 22ch;
  font-size: 1.45rem;
  font-weight: 780;
  letter-spacing: -0.03em;
  line-height: 1.15;
}

.care-store .care-market-page-hero__lead {
  margin: 0;
  max-width: 42ch;
  font-size: 0.8rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.86);
}

.care-store .care-depts--page {
  display: grid;
  margin: 0 0 16px;
}

.care.care--phone .care-store .care-market-page-hero {
  margin: 0 -16px 12px;
}

@media (min-width: 768px) {
  .care-store .care-service-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .care-store .care-market-page-hero,
  .care-store .care-market-page-hero__stage {
    min-height: 220px;
  }

  .care-store .care-shelf--doctors {
    grid-auto-columns: minmax(180px, 22%);
  }
}

/* Ink on white — `.care a { color: inherit }` and primary !important must not bleach these CTAs. */
.care.care--phone .care-status .care-btn,
.care.care--phone .care-status a.care-btn {
  background: #fff !important;
  color: var(--care-navy) !important;
  border-color: #fff !important;
}

.care-hero--photo .care-hero__cta .care-btn--solid {
  background: #fff !important;
  color: var(--care-navy) !important;
  border-color: #fff !important;
}

.care-doc > .care-cta,
.care-center > .care-cta {
  background: var(--care-navy) !important;
  color: #fff !important;
}

.care-shop-layout {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.care-cart {
  padding: 16px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.1);
}

.care-cart-ico {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 6px 10px;
  border: 0;
  background: #fff;
  color: var(--care-navy);
  box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.14);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 750;
  cursor: pointer;
}

.care-cart-ico.is-hot {
  background: var(--care-navy);
  color: #fff;
  box-shadow: none;
}

.care-cart-ico--compact {
  width: 40px;
  min-height: 40px;
  padding: 0;
  justify-content: center;
}

.care-cart-ico__count {
  position: absolute;
  top: -5px;
  inset-inline-end: -5px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #c2410c;
  color: #fff;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.care-cart__empty {
  margin: 0 0 12px;
  font-size: 0.84rem;
  color: #5d7390;
}

.care-pharm-cart-bar {
  display: none;
}

.care.care--phone .care-pharm-cart-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: var(--care-tabs-h, 56px);
  z-index: 28;
  margin: 0;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  background: var(--care-navy);
  box-shadow: 0 -8px 24px rgba(8, 28, 52, 0.18);
}

.care.care--phone .care-pharm-cart-bar .care-cart-ico {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  box-shadow: none;
}

.care.care--phone .care-pharm-cart-bar .care-btn--cart {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  background: #fff !important;
  color: var(--care-navy) !important;
}

.care.care--phone .care-page--has-cart {
  padding-bottom: 76px;
}

.care--web .care-top__actions .care-cart-ico {
  background: #fff;
  color: var(--care-navy);
}

.care.care--phone .care-top__tools .care-cart-ico {
  width: 48px;
  min-height: 48px;
  padding: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
}

.care.care--phone .care-top__tools .care-cart-ico.is-hot {
  background: rgba(255, 255, 255, 0.12);
}

.care-practice-pick__actions .care-cart-ico,
.care-map-sheet__actions .care-cart-ico,
.care-selected-center .care-cart-ico {
  align-self: start;
}

.care-service-tile__copy .care-cart-ico {
  margin-top: 8px;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  box-shadow: none;
}

.care-cart h2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 12px;
  font-size: 1.15rem;
  color: var(--care-navy);
}

.care-cart h2 em {
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 650;
  color: #5d7390;
}

.care-cart__lines {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.care-cart__lines li {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(30, 58, 95, 0.08);
}

.care-cart__lines strong {
  font-size: 0.88rem;
}

.care-cart__lines span {
  font-size: 0.76rem;
  color: #5d7390;
}

.care .care-btn--cart {
  width: 100%;
  min-height: 48px;
  justify-content: center;
  background: var(--care-navy) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 750;
  opacity: 1;
}

.care .care-btn--cart:disabled {
  background: #94a3b8 !important;
  color: #fff !important;
}

.care-doc--cart .care-btn--cart,
.care-doc--cart .care-qty {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  justify-self: end;
  width: auto;
  min-width: 132px;
  padding: 0 14px;
}

.care.care--phone .care-page .care-doc--cart .care-btn--cart,
.care.care--phone .care-page .care-doc--cart .care-qty {
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  margin-top: auto;
}

.care.care--phone .care-shop-layout .care-cart {
  display: none;
}

html.ch-phone-dark .care.care--phone .care-pharm-cart-bar {
  background: #0f1a28;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
}

@media (min-width: 900px) {
  .care-shop-layout {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    align-items: start;
  }

  .care-cart {
    position: -webkit-sticky;
    position: sticky;
    top: 12px;
  }
}

.care-kind-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  gap: 10px;
  margin: 0 0 18px;
}

.care-kind-card {
  position: relative;
  display: block;
  min-height: 132px;
  overflow: hidden;
  border-radius: 18px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(30, 58, 95, 0.14);
}

.care-kind-card img {
  display: block;
  width: 100%;
  height: 132px;
  object-fit: cover;
}

.care-kind-card span {
  position: absolute;
  inset: auto 0 0;
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  padding: 28px 12px 10px;
  background: linear-gradient(180deg, transparent, rgba(8, 28, 48, 0.82));
}

.care-kind-card strong {
  font-size: 0.95rem;
  font-weight: 780;
  letter-spacing: -0.02em;
}

.care-kind-card em {
  font-style: normal;
  font-size: 0.68rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.84);
}

.care-kind-shelf__title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.care-kind-shelf__title img {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(30, 58, 95, 0.16);
}

.care-centers--kind {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.care-center--kind {
  grid-template-columns: 56px minmax(0, 1fr);
}

@media (min-width: 720px) {
  .care-kind-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  .care-kind-card:not(.care-kind-card--photo),
  .care-kind-card:not(.care-kind-card--photo) img {
    min-height: 180px;
    height: 180px;
  }

  .care-kind-card--photo,
  .care-kind-card--photo img.care-kind-card__art {
    min-height: 0;
    height: auto;
  }

  .care-centers--kind {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
  }

  .care-kind-shelf-card__photo {
    min-height: 172px;
  }
}

/**
 * CareOS24 B2C home (mockups 01 + 18).
 * Loaded after care-design-v2.css — overrides home hero / type strip / mobile doorstep.
 */

/* —— Desktop top nav wordmark —— */
.care--web .care-top__brand .care-top__wordmark,
.care--web .care-top__brand .care-top__tagline {
  display: none;
}

.care-v2-mark {
  font-family: var(--care-v2-font-display, 'Sora', 'Inter', system-ui, sans-serif);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--care-v2-primary, #0F6CBD);
  line-height: 1;
}

.care-v2-mark span {
  color: var(--care-v2-secondary, #14B8A6);
}

.care--web .care-top__brand .care-v2-mark {
  font-size: 1.35rem;
}

.care--web .care-top__nav a {
  color: var(--care-v2-navy, #0F172A);
  font-weight: 500;
}

.care--web .care-top__nav a:hover,
.care--web .care-top__nav a:focus-visible {
  color: var(--care-v2-primary, #0F6CBD);
  background: transparent;
}

.care--web .care-top__nav a.is-active {
  color: var(--care-v2-primary, #0F6CBD);
  border-bottom-color: var(--care-v2-primary, #0F6CBD);
}

.care--web .care-top__profile {
  display: none;
}

.care--web .care-top__lang {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.care--web .care-v2-lang-pair {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--care-v2-navy, #0F172A);
  letter-spacing: 0.02em;
  pointer-events: none;
}

.care--web .care-top__lang .ec-locale-switcher {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.care-v2-mark-plus {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: #60a5fa;
}

/* —— Desktop home hero (MedCare split) —— */
.care-v2-home-hero {
  position: relative !important;
  isolation: isolate;
  min-height: min(72vh, 640px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  align-items: center !important;
  place-items: stretch !important;
  grid-gap: 32px !important;
  gap: 32px !important;
  margin: 0 !important;
  padding: 48px max(24px, calc((100% - 1200px) / 2 + 24px)) !important;
  overflow: hidden;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #f0f7ff 0%, #f7f9fc 70%) !important;
}

.care-v2-home-hero__ambient {
  display: none !important;
}

.care-v2-home-hero__photo {
  position: relative !important;
  z-index: 1 !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  justify-self: end !important;
  order: 2 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 36px rgba(11, 31, 58, 0.14) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  pointer-events: none;
}

.care-v2-home-hero__copy {
  position: relative;
  z-index: 1;
  text-align: left !important;
  width: min(560px, 100%) !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  order: 1 !important;
}

.care-v2-home-hero__brand {
  margin: 0 0 12px !important;
  font-size: 1.1rem !important;
}

.care-v2-home-hero__title {
  margin: 0 0 12px !important;
  text-align: left !important;
  font-family: var(--care-v2-font-display, 'Sora', sans-serif) !important;
  font-size: clamp(2.1rem, 3.6vw, 3.25rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.12 !important;
  color: #0F172A !important;
}

.care-v2-home-hero__lead {
  margin: 0 0 22px !important;
  text-align: left !important;
  max-width: 42ch !important;
  color: #475569 !important;
}

.care-v2-home-hero__cta {
  align-self: flex-start !important;
  border-radius: 999px !important;
  background: #0F6CBD !important;
  min-height: 48px !important;
  margin-bottom: 20px !important;
}

.care-v2-home-hero__search {
  width: 100% !important;
  margin: 0 !important;
}

.care-v2-home-hero__brand .care-v2-mark {
  font-size: inherit;
  letter-spacing: -0.04em;
}

.care-v2-home-hero__cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  background: #0F6CBD !important;
  color: #fff !important;
  font-family: var(--care-v2-font, 'Inter', system-ui, sans-serif);
  font-size: 0.95rem;
  font-weight: 600;
  border: 0;
  cursor: pointer;
  margin: 0 0 20px !important;
  box-shadow: 0 6px 16px rgba(0, 102, 255, 0.28);
}

.care-v2-home-hero__cta svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.care-v2-home-hero__cta:hover {
  background: var(--care-v2-navy, #0F172A) !important;
}

.care-v2-home-hero__search {
  width: 100% !important;
  max-width: min(920px, 100%) !important;
  margin: 0 !important;
}

.care-v2-home-hero__search .care-smart__hints {
  display: none;
}

.care-v2-home-hero__search .care-smart__field {
  min-height: 56px;
  padding: 8px 8px 8px 18px;
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(11, 31, 58, 0.06) !important;
}

.care-v2-home-hero__search .care-smart__place-btn--lead,
.care-v2-home-hero__search .care-smart__place-btn--compact {
  display: none !important;
}

.care-v2-home-hero__search .care-smart__submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #0F6CBD !important;
  color: #fff !important;
  flex-shrink: 0;
}

.care-v2-home-hero__search .care-smart__submit-label {
  display: none;
}

.care-v2-home-hero__search .care-smart__submit-ico {
  width: 20px;
  height: 20px;
}

.care-v2-home-hero__search .care-smart__icon {
  color: var(--care-v2-muted, #64748b);
  flex-shrink: 0;
}

.care-v2-home-hero__search .care-smart__input {
  font-size: 1rem;
  font-weight: 400;
  color: var(--care-v2-ink, #0f172a);
}

.care-v2-home-hero__search .care-smart__input::placeholder {
  color: var(--care-v2-muted, #64748b);
  opacity: 1;
}

/* —— Type strip (mockup 01 — paper band, icon + label row) —— */
.care-v2-home > .care-v2-type-strip {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px max(24px, env(safe-area-inset-right, 0px)) 36px max(24px, env(safe-area-inset-left, 0px)) !important;
  text-align: center;
  background: var(--care-v2-paper, #f8fafc) !important;
  border-top: 1px solid rgba(30, 58, 95, 0.04);
}

.care-v2-type-strip__eyebrow {
  margin: 0 0 20px !important;
  font-family: var(--care-v2-font, 'Inter', system-ui, sans-serif);
  font-size: 0.68rem !important;
  font-weight: 700;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
  color: var(--care-v2-muted, #64748b) !important;
}

.care-v2-type-strip__row {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: center;
  align-items: center;
  gap: 0;
  list-style: none;
  width: min(880px, 100%);
  margin: 0 auto;
  padding: 0;
}

.care-v2-type-strip__row > li {
  position: relative;
  flex: 1 1;
  max-width: 210px;
  min-width: 0;
}

.care-v2-type-strip__row > li + li {
  -webkit-border-start: 0 !important;
          border-inline-start: 0 !important;
}

.care-v2-type-strip__row > li + li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: rgba(30, 58, 95, 0.14);
  pointer-events: none;
}

.care-v2-type-strip a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center;
  gap: 10px !important;
  padding: 12px 16px !important;
  color: var(--care-v2-navy, #0F172A) !important;
  text-decoration: none;
  font-family: var(--care-v2-font, 'Inter', system-ui, sans-serif);
  font-size: 0.95rem;
  font-weight: 600;
}

.care-v2-type-strip a:hover {
  opacity: 0.85;
}

.care-v2-type-strip a svg,
.care-v2-type-strip__ico {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0;
  color: var(--care-v2-primary, #0F6CBD) !important;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.care-v2-home-below {
  background: var(--care-v2-paper, #f8fafc);
}

/* —— Mobile defaults (hidden on desk) —— */
.care-v2-mobile-hero,
.care-v2-doorstep,
.care-v2-trust {
  display: none;
}

/* Phone shell */
.care--phone.care--v2-home .care-top {
  display: none;
}

.care--phone .care-v2-home-hero,
.care--phone .care-v2-type-strip {
  display: none !important;
}

.care--phone .care-v2-mobile-hero {
  display: block !important;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  min-height: 0 !important;
  gap: 0 !important;
}

.care--phone .care-v2-mobile-hero::after,
.care-v2-mobile-hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.care--phone .care-v2-mobile-hero__stage {
  position: relative;
  z-index: 0;
  min-height: 272px;
  padding: 32px 20px 78px;
  overflow: hidden;
  border-radius: 0 !important;
  background: var(--care-v2-navy, #0F172A);
  /* Mockup 18: lower left, rises to right */
  -webkit-clip-path: ellipse(148% 100% at 36% 0%);
          clip-path: ellipse(148% 100% at 36% 0%);
}

.care--phone .care-v2-mobile-hero__photo {
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 78% 28%;
  pointer-events: none;
}

.care--phone .care-v2-mobile-hero__veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    102deg,
    #0F172A 0%,
    #0F172A 42%,
    rgba(30, 58, 95, 0.72) 58%,
    rgba(30, 58, 95, 0.28) 74%,
    transparent 92%
  );
  pointer-events: none;
}

.care--phone .care-v2-mobile-hero__copy {
  position: relative;
  z-index: 2;
  max-width: 15.5rem;
  padding-bottom: 4px;
}

.care--phone .care-v2-mobile-hero__brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px !important;
  font-size: 1.15rem !important;
  color: #fff !important;
}

.care--phone .care-v2-mobile-hero__brand .care-v2-mark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}

.care--phone .care-v2-mobile-hero__brand span,
.care--phone .care-v2-mobile-hero__brand .care-v2-mark span {
  color: #60a5fa !important;
}

.care--phone .care-v2-mobile-hero__title {
  margin: 0 0 10px !important;
  font-family: var(--care-v2-font-display, 'Sora', sans-serif);
  font-size: 1.75rem !important;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff !important;
}

.care--phone .care-v2-mobile-hero__lead {
  margin: 0 !important;
  max-width: 16rem;
  font-size: 0.94rem !important;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 400;
}

.care--phone .care-v2-mobile-hero__search {
  position: relative;
  z-index: 3;
  margin: -44px 18px 0 !important;
}

.care--phone .care-v2-mobile-hero__search .care-smart__hints {
  display: none !important;
}

.care--phone .care-v2-mobile-hero__search .care-smart__field {
  min-height: 54px;
  padding: 10px 18px;
  border-radius: 999px !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.18) !important;
}

.care--phone .care-v2-mobile-hero__search .care-smart__place-btn,
.care--phone .care-v2-mobile-hero__search .care-smart__submit {
  display: none !important;
}

.care--phone .care-v2-mobile-hero__search .care-smart__icon {
  color: var(--care-v2-muted, #64748b);
}

.care--phone .care-v2-mobile-hero__search .care-smart__input {
  font-size: 0.95rem;
  color: var(--care-v2-ink, #0f172a);
}

.care--phone .care-v2-doorstep {
  display: block !important;
  padding: 36px 16px 8px;
  margin: 0 !important;
  background: var(--care-v2-paper, #f8fafc);
}

.care--phone .care-v2-doorstep__title {
  margin: 0 0 4px !important;
  font-family: var(--care-v2-font-display, 'Sora', sans-serif);
  font-size: 1.28rem !important;
  font-weight: 700;
  color: var(--care-v2-navy, #0F172A);
}

.care--phone .care-v2-doorstep__lead {
  margin: 0 0 18px !important;
  color: var(--care-v2-muted, #64748b);
  font-size: 0.9rem;
  line-height: 1.4;
}

.care--phone .care-v2-doorstep__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 12px;
  gap: 12px;
}

.care--phone .care-v2-doorstep__grid a {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 112px;
  padding: 18px 10px 16px !important;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
  color: var(--care-v2-navy, #0F172A);
  text-decoration: none;
  font-family: var(--care-v2-font, 'Inter', system-ui, sans-serif);
  font-size: 0.86rem;
  font-weight: 600;
  text-align: center;
}

.care--phone .care-v2-doorstep__grid a svg {
  width: 28px;
  height: 28px;
  color: var(--care-v2-primary, #0F6CBD);
  stroke: currentColor;
  fill: none;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.care--phone .care-v2-trust {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 14px;
  align-items: center;
  margin: 18px 16px 28px !important;
  padding: 16px 18px !important;
  background: #eff6ff !important;
  border: 1px solid rgba(37, 99, 235, 0.08);
  border-radius: 18px;
}

.care--phone .care-v2-trust__badge {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--care-v2-primary, #0F6CBD) !important;
  color: #fff !important;
  display: grid;
  place-items: center;
}

.care--phone .care-v2-trust__badge svg {
  width: 22px;
  height: 22px;
}

.care--phone .care-v2-trust > div {
  min-width: 0;
}

.care--phone .care-v2-trust strong {
  display: block;
  margin-bottom: 2px;
  color: var(--care-v2-navy, #0F172A);
  font-size: 0.98rem;
  font-weight: 700;
}

.care--phone .care-v2-trust > div > span {
  color: var(--care-v2-muted, #64748b);
  font-size: 0.72rem;
  line-height: 1.35;
}

.care--phone .care-v2-home-below {
  display: none !important;
}

.care--phone .care-home > .care-main {
  padding-top: 0;
  background: var(--care-v2-paper, #f8fafc);
}

@media (max-width: 767px) {
  .care-v2-home-hero,
  .care-v2-type-strip {
    display: none !important;
  }

  .care-v2-mobile-hero {
    display: block !important;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    min-height: 0 !important;
  }

  .care-v2-mobile-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }

  .care-v2-mobile-hero__stage {
    position: relative;
    z-index: 0;
    min-height: 272px;
    padding: 32px 20px 78px;
    overflow: hidden;
    border-radius: 0 !important;
    background: var(--care-v2-navy, #0F172A);
    -webkit-clip-path: ellipse(148% 100% at 36% 0%);
            clip-path: ellipse(148% 100% at 36% 0%);
  }

  .care-v2-mobile-hero__photo {
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 78% 28%;
    pointer-events: none;
  }

  .care-v2-mobile-hero__veil {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      102deg,
      #0F172A 0%,
      #0F172A 42%,
      rgba(30, 58, 95, 0.72) 58%,
      rgba(30, 58, 95, 0.28) 74%,
      transparent 92%
    );
    pointer-events: none;
  }

  .care-v2-mobile-hero__copy {
    position: relative;
    z-index: 2;
    max-width: 15.5rem;
  }

  .care-v2-mobile-hero__brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px !important;
    color: #fff !important;
  }

  .care-v2-mobile-hero__brand .care-v2-mark {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
  }

  .care-v2-mobile-hero__brand span,
  .care-v2-mobile-hero__brand .care-v2-mark span {
    color: #60a5fa !important;
  }

  .care-v2-mobile-hero__title {
    margin: 0 0 10px !important;
    font-family: var(--care-v2-font-display, 'Sora', sans-serif);
    font-size: 1.75rem !important;
    line-height: 1.15;
    font-weight: 700;
    color: #fff !important;
  }

  .care-v2-mobile-hero__lead {
    margin: 0 !important;
    max-width: 16rem;
    font-size: 0.94rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .care-v2-mobile-hero__search {
    position: relative;
    z-index: 3;
    margin: -44px 18px 0 !important;
  }

  .care-v2-mobile-hero__search .care-smart__field {
    min-height: 54px;
    padding: 10px 18px;
    border-radius: 999px !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.18) !important;
  }

  .care-v2-mobile-hero__search .care-smart__place-btn,
  .care-v2-mobile-hero__search .care-smart__submit,
  .care-v2-mobile-hero__search .care-smart__hints {
    display: none !important;
  }

  .care-v2-doorstep {
    display: block !important;
    padding: 36px 16px 8px;
    margin: 0;
    background: var(--care-v2-paper, #f8fafc);
  }

  .care-v2-doorstep__title {
    margin: 0 0 4px !important;
    font-family: var(--care-v2-font-display, 'Sora', sans-serif);
    font-size: 1.28rem !important;
    font-weight: 700;
    color: var(--care-v2-navy, #0F172A);
  }

  .care-v2-doorstep__lead {
    margin: 0 0 18px !important;
    color: var(--care-v2-muted, #64748b);
    font-size: 0.9rem;
  }

  .care-v2-doorstep__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 12px;
    gap: 12px;
  }

  .care-v2-doorstep__grid a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 112px;
    padding: 18px 10px 16px !important;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
    color: var(--care-v2-navy, #0F172A);
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 600;
    text-align: center;
  }

  .care-v2-doorstep__grid a svg {
    width: 28px;
    height: 28px;
    color: var(--care-v2-primary, #0F6CBD);
    stroke: currentColor;
    fill: none;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .care-v2-trust {
    display: flex !important;
    gap: 14px;
    align-items: center;
    margin: 18px 16px 28px !important;
    padding: 16px 18px !important;
    background: #eff6ff !important;
    border: 1px solid rgba(37, 99, 235, 0.08);
    border-radius: 18px;
  }

  .care-v2-trust__badge {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: var(--care-v2-primary, #0F6CBD) !important;
    color: #fff !important;
    display: grid;
    place-items: center;
  }

  .care-v2-trust__badge svg {
    width: 22px;
    height: 22px;
  }

  .care-v2-trust > div {
    min-width: 0;
  }

  .care-v2-trust strong {
    display: block;
    margin-bottom: 2px;
    color: var(--care-v2-navy, #0F172A);
    font-size: 0.98rem;
    font-weight: 700;
  }

  .care-v2-trust > div > span {
    color: var(--care-v2-muted, #64748b);
    font-size: 0.72rem;
  }

  .care-v2-home-below {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .care:not(.care--phone) .care-v2-mobile-hero,
  .care:not(.care--phone) .care-v2-doorstep,
  .care:not(.care--phone) .care-v2-trust {
    display: none !important;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .care-v2-home-hero {
    padding-top: 64px !important;
    padding-bottom: 56px !important;
    min-height: min(58vh, 520px) !important;
  }

  .care-v2-home-hero__photo {
    display: block !important;
    width: min(48%, 480px);
    opacity: 0.95;
  }

  .care-v2-home-hero__title {
    font-size: clamp(1.95rem, 3.6vw, 2.4rem) !important;
  }
}

/* QA-HUB-01-HOME — mockup 01 desktop polish */

/* QA-HUB-01 */
.care-v2-home-hero__title {
  color: #0f172a !important;
}

.care-v2-home-hero__brand .care-v2-mark {
  color: #0f172a;
}

.care-v2-home-hero__brand .care-v2-mark span {
  color: #0F6CBD;
}

.care-v2-home-hero__cta {
  border-radius: 8px !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22) !important;
}

.care-v2-home-hero__search .care-smart__field {
  min-height: 64px !important;
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.12) !important;
}

.care-v2-home-hero__search .care-smart__submit {
  width: 48px !important;
  height: 48px !important;
  border-radius: 999px !important;
  background: #0F6CBD !important;
}

.care-v2-home > .care-v2-type-strip {
  background: #f8fafc !important;
}

.care-v2-type-strip a {
  color: #0F172A !important;
  font-weight: 600;
}

.care-v2-type-strip a svg {
  color: #0F6CBD !important;
}

/* QA-HUB-18 */
.care-v2-mark-plus {
  color: #0F6CBD !important;
}

.care--phone .care-v2-mobile-hero__brand .care-v2-mark span,
.care--phone .care-v2-mobile-hero__brand span {
  color: #0F6CBD !important;
}

.care--phone .care-v2-mobile-hero__stage {
  -webkit-clip-path: none !important;
          clip-path: none !important;
  border-radius: 0 0 50% 50% / 0 0 28px 28px !important;
  padding-bottom: 86px !important;
  min-height: 286px !important;
}

.care--phone .care-v2-mobile-hero__search {
  margin: -40px 16px 0 !important;
}

.care--phone .care-v2-doorstep__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.care--phone .care-v2-doorstep__grid a {
  min-height: 104px !important;
  padding: 16px 8px 14px !important;
  border-radius: 14px !important;
  font-size: 0.78rem !important;
  gap: 8px !important;
}

.care--phone .care-v2-doorstep__grid a svg {
  width: 26px !important;
  height: 26px !important;
}

.care--phone .care-v2-trust {
  background: #f8fafc !important;
  border: 0 !important;
  border-radius: 14px !important;
}

.care--phone .care-v2-doorstep {
  background: #f8fafc !important;
  padding-top: 32px !important;
}

.care--phone .care-v2-doorstep__title {
  color: #0f172a !important;
}

@media (max-width: 767px) {
  .care-v2-mobile-hero__brand .care-v2-mark span,
  .care-v2-mobile-hero__brand span {
    color: #0F6CBD !important;
  }

  .care-v2-mobile-hero__stage {
    -webkit-clip-path: none !important;
            clip-path: none !important;
    border-radius: 0 0 50% 50% / 0 0 28px 28px !important;
    padding-bottom: 86px !important;
    min-height: 286px !important;
  }

  .care-v2-mobile-hero__search {
    margin: -40px 16px 0 !important;
  }

  .care-v2-doorstep {
    background: #f8fafc !important;
    padding-top: 32px !important;
  }

  .care-v2-doorstep__title {
    color: #0f172a !important;
  }

  .care-v2-doorstep__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .care-v2-doorstep__grid a {
    min-height: 104px !important;
    padding: 16px 8px 14px !important;
    border-radius: 14px !important;
    font-size: 0.78rem !important;
    gap: 8px !important;
  }

  .care-v2-doorstep__grid a svg {
    width: 26px !important;
    height: 26px !important;
  }

  .care-v2-trust {
    background: #f8fafc !important;
    border: 0 !important;
    border-radius: 14px !important;
  }
}

/* QA-HUB-01 — type-strip line strokes + search pill depth */
.care-v2-type-strip a svg,
.care-v2-type-strip__ico {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.55 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.care-v2-home-hero__search .care-smart__field {
  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.14) !important;
}

.care-v2-home-hero__cta svg {
  width: 18px !important;
  height: 18px !important;
  -webkit-margin-end: 8px !important;
          margin-inline-end: 8px !important;
  flex-shrink: 0;
}

/* QA-HUB-11 — empty Next Visit chrome */
.care-v2-hub__next--empty {
  pointer-events: auto;
  opacity: 1;
}

.care-v2-hub__next--empty .care-v2-hub__next-when {
  color: #64748b;
}


/**
 * Care Hub — MedCare marketplace system (web).
 * Sharp theme: 2px corners, single borders, no soft card shadows.
 * Brand name stays CareOS24.
 */

.care,
.care-v2-login,
.care--web {
  --care-v2-primary: #0F6CBD;
  --care-v2-primary-hover: #0d5da3;
  --care-v2-primary-soft: #e8f2fa;
  --care-v2-primary-mist: #f0f7fc;
  --care-v2-secondary: #14B8A6;
  --care-v2-navy: #0F172A;
  --care-v2-navy-soft: #1e293b;
  --care-v2-paper: #F8FAFC;
  --care-v2-surface: #ffffff;
  --care-v2-ink: #0F172A;
  --care-v2-muted: #475569;
  --care-v2-line: #e2e8f0;
  --care-v2-success: #22c55e;
  --care-v2-success-soft: #dcfce7;
  --care-v2-warn: #f59e0b;
  --care-v2-radius: 12px;
  --care-v2-radius-md: 12px;
  --care-v2-radius-lg: 20px;
  --care-v2-radius-pill: 12px;
  --care-v2-shadow: 0 10px 25px rgba(15, 23, 42, 0.05);
  --care-v2-shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.04);
  --care-v2-shadow-card: 0 15px 40px rgba(15, 23, 42, 0.08);
  --care-v2-font-display: var(--font-sora, 'Sora'), var(--font-ibm-plex-arabic, 'IBM Plex Sans Arabic'),
    var(--font-noto-sans-arabic, 'Noto Sans Arabic'), system-ui, sans-serif;
  --care-v2-font: var(--font-inter, 'Inter'), var(--font-ibm-plex-arabic, 'IBM Plex Sans Arabic'),
    var(--font-noto-sans-arabic, 'Noto Sans Arabic'), system-ui, sans-serif;
  --care-v2-serif: var(--care-v2-font-display);

  /* Legacy aliases so older care-* chrome follows MedCare */
  --care-navy: var(--care-v2-navy);
  --care-teal: var(--care-v2-primary);
  --care-accent: var(--care-v2-primary);
  --care-paper: var(--care-v2-paper);
  --care-card: var(--care-v2-surface);
  --care-ink: var(--care-v2-ink);
  --care-ink-soft: var(--care-v2-muted);
  --care-radius: var(--care-v2-radius);
}

html[dir='rtl'] .care,
html[dir='rtl'] .care-v2-login,
html[dir='rtl'] .care--web {
  --care-v2-font-display: var(--font-ibm-plex-arabic, 'IBM Plex Sans Arabic'),
    var(--font-noto-sans-arabic, 'Noto Sans Arabic'), var(--font-sora, 'Sora'), system-ui, sans-serif;
  --care-v2-font: var(--font-ibm-plex-arabic, 'IBM Plex Sans Arabic'),
    var(--font-noto-sans-arabic, 'Noto Sans Arabic'), var(--font-inter, 'Inter'), system-ui, sans-serif;
  --care-v2-serif: var(--care-v2-font-display);
}

/* —— Wordmark: CareOS24 + medical cross —— */
.care-v2-mark {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: var(--care-v2-font-display);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--care-v2-primary);
  line-height: 1;
}

.care-v2-mark::before {
  content: '';
  width: 1.15em;
  height: 1.15em;
  flex-shrink: 0;
  border-radius: 0.28em;
  background:
    linear-gradient(var(--care-v2-primary), var(--care-v2-primary)) center / 28% 72% no-repeat,
    linear-gradient(var(--care-v2-primary), var(--care-v2-primary)) center / 72% 28% no-repeat,
    var(--care-v2-primary-soft);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--care-v2-primary) 35%, transparent);
}

.care-v2-mark span {
  color: var(--care-v2-secondary);
}

/* Shell chrome (nav, search, footer, bottom nav): care-medcare-shell.css */

/* —— Page canvas —— */
.care--web .care-main,
.care--web .care-stage,
.care--web .care-page,
.care--web .care-v2-page {
  background: var(--care-v2-paper);
  color: var(--care-v2-ink);
  font-family: var(--care-v2-font);
}

/* —— Buttons —— */
.care--web .care-btn--primary,
.care--web .care-v2-home-hero__cta,
.care--web .care-v2-doc-card__book,
.care--web .care-doc__book,
.care--web .care-v2-book-panel .care-btn--primary,
.care--web button.care-v2-primary,
.care--web .care-smart__go {
  background: var(--care-v2-primary) !important;
  border-color: var(--care-v2-primary) !important;
  color: #fff !important;
  border-radius: var(--care-v2-radius-pill) !important;
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22);
}

.care--web .care-btn--ghost,
.care--web .care-btn--secondary {
  border-radius: var(--care-v2-radius-pill) !important;
  border: 1.5px solid var(--care-v2-primary);
  color: var(--care-v2-primary);
  background: transparent;
}

/* —— Home hero (MedCare split) —— */
.care--web .care-v2-home-hero {
  position: relative;
  isolation: isolate;
  min-height: min(72vh, 640px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  grid-gap: 32px;
  gap: 32px;
  margin: 0;
  padding: 48px max(24px, calc((100% - 1200px) / 2 + 24px));
  overflow: hidden;
  border-radius: 0;
  background: linear-gradient(180deg, var(--care-v2-primary-mist) 0%, var(--care-v2-paper) 72%);
}

.care--web .care-v2-home-hero__ambient {
  display: none;
}

.care--web .care-v2-home-hero__photo {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 520px;
  justify-self: end;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--care-v2-radius-lg);
  box-shadow: var(--care-v2-shadow);
  order: 2;
}

.care--web .care-v2-home-hero__copy {
  position: relative;
  z-index: 1;
  order: 1;
  max-width: 560px;
}

.care--web .care-v2-home-hero__brand {
  margin: 0 0 12px;
}

.care--web .care-v2-home-hero__title {
  margin: 0 0 12px;
  font-family: var(--care-v2-font-display);
  font-size: clamp(2.1rem, 3.6vw, 3.25rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.12;
  color: var(--care-v2-navy);
}

.care--web .care-v2-home-hero__lead {
  margin: 0 0 22px;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--care-v2-muted);
  max-width: 42ch;
}

.care--web .care-v2-home-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 24px;
  margin-bottom: 20px;
}

.care--web .care-v2-home-hero__search {
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius-md);
  box-shadow: var(--care-v2-shadow-sm);
  padding: 10px;
}

.care--web .care-smart--hero,
.care--web .care-smart__row {
  border-radius: var(--care-v2-radius);
}

.care--web .care-smart__input {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  font-family: var(--care-v2-font);
}

/* —— Service type strip (icon squircles) —— */
.care--web .care-v2-type-strip {
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 24px 8px;
}

.care--web .care-v2-type-strip__eyebrow {
  color: var(--care-v2-muted);
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: none;
  letter-spacing: 0;
}

.care--web .care-v2-type-strip__row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 16px;
  gap: 16px;
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}

.care--web .care-v2-type-strip__row a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 22px 16px;
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius-md);
  box-shadow: var(--care-v2-shadow-sm);
  color: var(--care-v2-ink);
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.care--web .care-v2-type-strip__row a:hover {
  border-color: color-mix(in srgb, var(--care-v2-primary) 35%, var(--care-v2-line));
  box-shadow: var(--care-v2-shadow);
  transform: translateY(-2px);
}

.care--web .care-v2-type-strip__row a svg,
.care--web .care-v2-type-strip__row a .care-v2-type-icon {
  width: 52px;
  height: 52px;
  padding: 12px;
  border-radius: 16px;
  background: var(--care-v2-primary-soft);
  color: var(--care-v2-primary);
  box-sizing: border-box;
}

/* —— Doorstep / popular services —— */
.care--web .care-v2-doorstep {
  max-width: 1200px;
  margin: 0 auto;
  padding: 36px 24px 48px;
}

.care--web .care-v2-doorstep__title {
  margin: 0 0 8px;
  font-size: clamp(1.45rem, 2.2vw, 1.85rem);
  font-weight: 700;
  color: var(--care-v2-navy);
  letter-spacing: -0.02em;
}

.care--web .care-v2-doorstep__lead {
  margin: 0 0 22px;
  color: var(--care-v2-muted);
}

.care--web .care-v2-doorstep__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.care--web .care-v2-doorstep__grid a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 18px 12px;
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius-md);
  box-shadow: var(--care-v2-shadow-sm);
  color: var(--care-v2-ink);
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
}

.care--web .care-v2-doorstep__grid a svg {
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 14px;
  background: var(--care-v2-primary-soft);
  color: var(--care-v2-primary);
  box-sizing: border-box;
}

/* —— Doctors layout: filter rail + cards —— */
.care--web .care-v2-doctors-layout {
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 24px 56px;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  grid-gap: 24px;
  gap: 24px;
  align-items: start;
}

.care--web .care-v2-spec-side,
.care--web .care-filters,
.care--web aside.care-v2-filters {
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius-md);
  box-shadow: var(--care-v2-shadow-sm);
  padding: 18px 16px;
}

.care--web .care-v2-spec-side h2,
.care--web .care-v2-spec-side h3,
.care--web .care-filters__title {
  margin: 0 0 12px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--care-v2-navy);
}

.care--web .care-v2-spec-side label,
.care--web .care-filters label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  color: var(--care-v2-ink);
  font-size: 0.9rem;
}

.care--web .care-v2-spec-side input[type='checkbox'],
.care--web .care-filters input[type='checkbox'],
.care--web .care-v2-spec-side input[type='radio'],
.care--web .care-filters input[type='radio'] {
  accent-color: var(--care-v2-primary);
  width: 16px;
  height: 16px;
}

.care--web .care-v2-doctors-grid,
.care--web .care-docs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: 18px;
  gap: 18px;
}

/* Doctors browse page: collage vertical list (overrides generic grid). */
.care--web .care-v2-doctors-page .care-v2-doctors-grid {
  display: flex;
  flex-direction: column;
  gap: 14px;
  grid-template-columns: none;
}

.care--web .care-v2-doc-card,
.care--web .care-doc {
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius);
  box-shadow: var(--care-v2-shadow-card, var(--care-v2-shadow-sm));
  padding: 18px;
  overflow: hidden;
}

.care--web .care-v2-doc-card img,
.care--web .care-doc__photo,
.care--web .care-v2-doc-card__photo {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--care-v2-primary-soft);
}

.care--web .care-v2-doc-card__book,
.care--web .care-doc .care-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  margin-top: 12px;
  padding: 0 16px;
  border-radius: var(--care-v2-radius-pill) !important;
  background: var(--care-v2-primary) !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 0.9rem;
  box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22);
  text-decoration: none;
}

.care--web .care-doc .care-cta__short {
  display: none;
}

.care--web .care-v2-doc__avail {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: var(--care-v2-primary-mist);
  border-radius: var(--care-v2-radius);
}

.care--web .care-v2-doc__avail span {
  display: block;
  font-size: 0.78rem;
  color: var(--care-v2-muted);
}

.care--web .care-v2-doc__avail strong {
  display: block;
  font-size: 0.9rem;
  color: var(--care-v2-primary);
}

.care--web .care-rating__star {
  color: #f59e0b;
}

.care--web .care-rating__score {
  font-weight: 700;
  color: var(--care-v2-navy);
  font-size: 0.88rem;
}

/* —— Category pill chips (lab / rad) —— */
.care--web .care-v2-lab-chips,
.care--web .care-v2-rad-chips,
.care--web .care-chip-row,
.care--web .care-v2-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

.care--web .care-v2-lab-chips a,
.care--web .care-v2-rad-chips a,
.care--web .care-chip,
.care--web .care-v2-chips button,
.care--web .care-v2-chips a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  border-radius: var(--care-v2-radius-pill);
  border: 1px solid var(--care-v2-line);
  background: var(--care-v2-surface);
  color: var(--care-v2-ink);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
}

.care--web .care-v2-lab-chips a.is-active,
.care--web .care-v2-rad-chips a.is-active,
.care--web .care-chip.is-active,
.care--web .care-v2-chips .is-active {
  background: var(--care-v2-primary);
  border-color: var(--care-v2-primary);
  color: #fff;
}

/* —— Booking slots + stepper —— */
.care--web .care-v2-slot,
.care--web .care-slot,
.care--web .care-v2-book-panel [role='button'].slot {
  border-radius: var(--care-v2-radius-pill) !important;
  border: 1.5px solid var(--care-v2-line);
  min-height: 40px;
  padding: 0 14px;
  background: var(--care-v2-surface);
  color: var(--care-v2-ink);
}

.care--web .care-v2-slot.is-selected,
.care--web .care-slot.is-selected,
.care--web .care-slot.is-active,
.care--web .care-v2-slot[aria-pressed='true'] {
  background: var(--care-v2-primary) !important;
  border-color: var(--care-v2-primary) !important;
  color: #fff !important;
}

.care--web .care-v2-steps,
.care--web .care-checkout-steps {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.care--web .care-v2-steps__item.is-done,
.care--web .care-v2-steps__item.is-active {
  color: var(--care-v2-primary);
  font-weight: 600;
}

/* —— Pharmacy cards —— */
.care--web .care-v2-pharm-card,
.care--web .care-pharm-card {
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius);
  box-shadow: var(--care-v2-shadow-card, var(--care-v2-shadow-sm));
  overflow: hidden;
}

.care--web .care-v2-pharm-card img {
  border-radius: var(--care-v2-radius) var(--care-v2-radius) 0 0;
}

/* —— Status / available —— */
.care--web .care-badge--success,
.care--web .is-available,
.care--web .care-v2-avail {
  color: #15803d;
  background: var(--care-v2-success-soft);
  border-radius: var(--care-v2-radius-pill);
  padding: 4px 10px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* —— Account / cards —— */
.care--web .care-v2-hub-tile,
.care--web .care-account-card,
.care--web .care-v2-card {
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius);
  box-shadow: var(--care-v2-shadow-card, var(--care-v2-shadow-sm));
}

/* —— Marketplace card consistency (12px + soft shadow) —— */
.care--web .care-mc-pkg-card,
.care--web .care-mc-article-card,
.care--web .care-v2-lab-card,
.care--web .care-v2-lab .care-v2-lab-card,
.care--web .care-v2-rad-mod,
.care--web .care-v2-rad-card,
.care--web .care-v2-type-strip__row a,
.care--web .care-v2-doorstep__grid a {
  border-radius: var(--care-v2-radius) !important;
  box-shadow: var(--care-v2-shadow-card, var(--care-v2-shadow-sm)) !important;
}

/* —— Forms —— */
.care--web input,
.care--web select,
.care--web textarea {
  border-radius: 10px;
  border-color: var(--care-v2-line);
  font-family: var(--care-v2-font);
}

.care--web input:focus,
.care--web select:focus,
.care--web textarea:focus {
  outline: 2px solid color-mix(in srgb, var(--care-v2-primary) 35%, transparent);
  border-color: var(--care-v2-primary);
}

/* —— Responsive: stack doctors filter —— */
@media (max-width: 960px) {
  .care--web .care-v2-home-hero {
    grid-template-columns: 1fr;
    padding: 32px 20px 40px;
  }

  .care--web .care-v2-home-hero__photo {
    max-width: 100%;
    aspect-ratio: 16 / 10;
    order: 0;
    justify-self: stretch;
  }

  .care--web .care-v2-doctors-layout {
    grid-template-columns: 1fr;
  }

  .care--web .care-v2-type-strip__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

/* —— Lab / radiology pills + rows —— */
.care--web .care-v2-pills,
.care--web .care-v2-lab-cats,
.care--web .care-v2-pharm-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

.care--web .care-v2-pills a,
.care--web .care-v2-pills button,
.care--web .care-v2-lab-cats a,
.care--web .care-v2-lab-cats button,
.care--web .care-v2-pharm-pills a,
.care--web .care-v2-pharm-pills button {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 16px;
  border-radius: var(--care-v2-radius-pill);
  border: 1px solid var(--care-v2-line);
  background: var(--care-v2-surface);
  color: var(--care-v2-ink);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

.care--web .care-v2-pills .is-active,
.care--web .care-v2-lab-cats .is-active,
.care--web .care-v2-pharm-pills .is-active {
  background: var(--care-v2-primary);
  border-color: var(--care-v2-primary);
  color: #fff;
}

.care--web .care-v2-lab-row,
.care--web .care-v2-lab-list > * {
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius-md);
  box-shadow: var(--care-v2-shadow-sm);
}

.care--web .care-v2-add {
  border-radius: var(--care-v2-radius-pill) !important;
  background: var(--care-v2-primary) !important;
  color: #fff !important;
  border: none !important;
  min-height: 40px;
  padding: 0 16px;
  font-weight: 600;
}

.care--web .care-v2-add.is-on {
  background: var(--care-v2-navy) !important;
}

.care--web .care-v2-title {
  font-family: var(--care-v2-font-display);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--care-v2-navy);
}

.care--web .care-v2-lead {
  color: var(--care-v2-muted);
}

.care--web .care-v2-searchbar,
.care--web .care-v2-doctors-search,
.care--web .care-v2-lab-search {
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius-md);
  box-shadow: var(--care-v2-shadow-sm);
}

.care--web .care-v2-spec-side a.is-active {
  background: var(--care-v2-primary-soft);
  color: var(--care-v2-primary);
  border-radius: var(--care-v2-radius);
  font-weight: 600;
}

.care--web .care-v2-doctors-filter-btn,
.care--web .care-v2-pharm-filter-btn {
  border-radius: var(--care-v2-radius-pill);
  border: 1px solid var(--care-v2-line);
  background: var(--care-v2-surface);
  color: var(--care-v2-ink);
  min-height: 40px;
  padding: 0 14px;
  font-weight: 500;
}

.care--web .care-v2-doctors-filter-btn.is-active,
.care--web .care-v2-pharm-filter-btn.is-active {
  background: var(--care-v2-primary-soft);
  border-color: color-mix(in srgb, var(--care-v2-primary) 35%, var(--care-v2-line));
  color: var(--care-v2-primary);
}

.care--web .care-v2-pharm-shop {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  grid-gap: 20px;
  gap: 20px;
}

@media (max-width: 960px) {
  .care--web .care-v2-pharm-shop {
    grid-template-columns: 1fr;
  }
}

.care--web .care-v2-pharm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-gap: 16px;
  gap: 16px;
}

.care--web .care-v2-book-panel {
  background: var(--care-v2-surface);
  border: 1px solid var(--care-v2-line);
  border-radius: var(--care-v2-radius-lg);
  box-shadow: var(--care-v2-shadow);
  padding: 20px;
}

.care--web .care-v2-checkout,
.care--web .care-patient-step {
  border-radius: var(--care-v2-radius-lg);
}

.care--web .care-v2-hub-tile svg,
.care--web .care-v2-doorstep__grid a svg {
  color: var(--care-v2-primary);
}