.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:30px;
  padding:28px;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  position:relative;
  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{
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background-image:
    radial-gradient(circle at 10% 10%, rgba(255,255,255,.12), transparent 25%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}
.cs420-medical-treatments__head{margin-bottom:22px; display:grid; gap:12px}
.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;
  width:max-content;
}
.cs420-medical-treatments__title{margin:0;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}
.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__grid{
  display:grid;
  grid-template-columns:repeat(var(--cs420-treat-cols), minmax(0,1fr));
  gap:20px;
}
.cs420-medical-treatments__viewport{overflow:hidden}
.cs420-medical-treatments__track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - (20px * (var(--cs420-treat-cols) - 1))) / var(--cs420-treat-cols));
  gap:20px;
  transition:transform .45s ease;
  will-change:transform;
}
.cs420-treat-card{
  min-width:0;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  backdrop-filter: blur(16px);
  transform:translateZ(0);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, filter .35s ease;
}
.cs420-medical-treatments.is-3dflix .cs420-treat-card:hover{
  transform:perspective(1000px) rotateX(4deg) rotateY(-6deg) translateY(-8px) scale(1.02);
  box-shadow:0 28px 60px rgba(0,0,0,.34);
  border-color:rgba(255,255,255,.18);
  filter:saturate(1.08);
}
.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__placeholder{
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.12), transparent 20%),
    linear-gradient(135deg,#18355d,#0d1830);
}
.cs420-treat-card__media img{transition:transform .7s ease, filter .6s ease}
.cs420-treat-card:hover .cs420-treat-card__media img{transform:scale(1.05)}
.cs420-medical-treatments.is-glass .cs420-treat-card__media::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.18), transparent 35%, transparent 65%, rgba(255,255,255,.08));
  pointer-events:none;
}
.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),#8c82ff);color:#fff;
  font-size:12px;font-weight:700;margin-bottom:12px;
  box-shadow:0 10px 24px rgba(91,140,255,.22);
}
.cs420-treat-card__body{padding:22px}
.cs420-treat-card__title{margin:0 0 10px;font-size:30px;line-height:1.12}
.cs420-treat-card__description{margin:0 0 14px;color:#dce4ef;line-height:1.6}
.cs420-treat-card__meta{
  display:grid;gap:8px;margin-bottom:16px;color:#ced7e6;font-size:14px;
  padding:14px;border-radius:18px;background:rgba(255,255,255,.04);
}
.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__track{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__track{grid-auto-columns:calc((100% - (16px * (var(--cs420-treat-cols-mobile) - 1))) / var(--cs420-treat-cols-mobile));gap:16px}
}