.cs420-medical-treatments{
  --cs420-treat-accent:#5b8cff;
  --cs420-treat-cols:3;
  --cs420-treat-cols-tablet:2;
  --cs420-treat-cols-mobile:1;
  color:#f5f8fd;
  background:linear-gradient(180deg,#0d2940 0%,#14314b 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  padding:28px;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  overflow:hidden;
}
.cs420-medical-treatments--glass{background:linear-gradient(180deg,#071325 0%,#0c1422 100%);}
.cs420-medical-treatments--dark{background:linear-gradient(180deg,#090b10 0%,#111622 100%);}
.cs420-medical-treatments.is-glass{
  background:linear-gradient(180deg, rgba(13,41,64,.82), rgba(20,49,75,.82));
  backdrop-filter:blur(16px);
}
.cs420-medical-treatments__head{margin-bottom:22px;position:relative}
.cs420-medical-treatments__eyebrow{
  display:inline-flex;padding:8px 12px;border-radius:999px;
  background:linear-gradient(135deg,var(--cs420-treat-accent),#857dff);
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.cs420-medical-treatments__title{margin:14px 0 10px;font-size:40px;line-height:1.08}
.cs420-medical-treatments__subtitle{margin:0;color:#b3c0d3;max-width:760px;line-height:1.6}
.cs420-medical-treatments__nav{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.cs420-treat-arrow{
  width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;cursor:pointer;
}
.cs420-medical-treatments__viewport{overflow:hidden}
.cs420-medical-treatments__grid{
  display:grid;
  grid-template-columns:repeat(var(--cs420-treat-cols), minmax(0,1fr));
  gap:20px;
}
.cs420-medical-treatments.is-carousel .cs420-medical-treatments__grid{
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - (20px * (var(--cs420-treat-cols) - 1))) / var(--cs420-treat-cols));
  grid-template-columns:none;
  transition:transform .45s ease;
  will-change:transform;
}
.cs420-treat-card{
  min-width:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  overflow:hidden;
  backdrop-filter:blur(14px);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  transform-style:preserve-3d;
}
.cs420-medical-treatments.is-3dflix .cs420-treat-card:hover{
  transform:perspective(1000px) rotateY(-6deg) translateY(-8px) scale(1.015);
  box-shadow:0 24px 60px rgba(0,0,0,.32);
  border-color:rgba(255,255,255,.18);
}
.cs420-medical-treatments:not(.is-3dflix) .cs420-treat-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 46px rgba(0,0,0,.26);
  border-color:rgba(255,255,255,.18);
}
.cs420-treat-card__media{position:relative;aspect-ratio:16/10;overflow:hidden}
.cs420-treat-card__media img,.cs420-treat-card__placeholder{width:100%;height:100%;object-fit:cover;display:block}
.cs420-treat-card__media img{transition:transform .7s ease}
.cs420-treat-card:hover .cs420-treat-card__media img{transform:scale(1.05)}
.cs420-treat-card__placeholder{background:linear-gradient(135deg,#18355d,#0d1830)}
.cs420-treat-card__badge{
  position:absolute;top:14px;left:14px;
  display:inline-flex;padding:8px 12px;border-radius:999px;
  background:linear-gradient(135deg,var(--cs420-treat-accent),#857dff);
  color:#fff;font-size:12px;font-weight:700;
}
.cs420-treat-card__content{padding:22px}
.cs420-treat-card__title{margin:0 0 12px;font-size:28px;line-height:1.12}
.cs420-treat-card__desc{margin:0 0 14px;color:#d7deea;line-height:1.55}
.cs420-treat-card__meta{display:grid;gap:8px;margin-bottom:16px;color:#ced7e6;font-size:14px}
.cs420-treat-card__meta strong{color:#fff}
.cs420-treat-card__block{margin-bottom:16px}
.cs420-treat-card__block h4{margin:0 0 8px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#a7b8cf}
.cs420-treat-card__block p{margin:0;color:#d7deea;line-height:1.6}
.cs420-treat-card__footer{margin-top:18px}
.cs420-treat-card__btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:999px;text-decoration:none;color:#fff;font-weight:700;
  background:linear-gradient(135deg,var(--cs420-treat-accent),#8c82ff);
  box-shadow:0 12px 30px rgba(91,140,255,.28);
}
@media (max-width:1024px){
  .cs420-medical-treatments__title{font-size:34px}
  .cs420-medical-treatments__grid{grid-template-columns:repeat(var(--cs420-treat-cols-tablet), minmax(0,1fr))}
  .cs420-medical-treatments.is-carousel .cs420-medical-treatments__grid{
    grid-auto-columns:calc((100% - (20px * (var(--cs420-treat-cols-tablet) - 1))) / var(--cs420-treat-cols-tablet));
  }
}
@media (max-width:767px){
  .cs420-medical-treatments{padding:20px;border-radius:22px}
  .cs420-medical-treatments__title{font-size:28px}
  .cs420-treat-card__title{font-size:24px}
  .cs420-medical-treatments__grid{grid-template-columns:repeat(var(--cs420-treat-cols-mobile), minmax(0,1fr));gap:16px}
  .cs420-medical-treatments.is-carousel .cs420-medical-treatments__grid{
    grid-auto-columns:calc((100% - (16px * (var(--cs420-treat-cols-mobile) - 1))) / var(--cs420-treat-cols-mobile));
    gap:16px;
  }
}