.p-text {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  color:#666;
}

/* --- PROGRAM CARDS --- */
.slider {
  position: relative;
  width: 100%;
  max-width: 100%;
  perspective: 300px;
  overflow: visible;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-track {
  position: absolute;
  top: 0;
  left: 50%;
  transform-style: preserve-3d;
  transform: translateX(-50%);
  transition: transform 0.8s ease;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* alap kártya */
.card {
  position: absolute;
  width: 180px;
  height: 250px;
  background: white;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  text-align: center;
  opacity: 1;
  transform-style: preserve-3d;
  transition: transform 0.8s ease, opacity 0.8s ease, filter 0.8s ease;
}

.card img {
  width: 100%;
  height: 60%;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

.btn {
    font-size:0.85rem;
    padding:0.2rem 0.4rem 0.2rem;
    color:white;
    border-radius:10px;

    background-image:linear-gradient(
        to right,
        rgb(0, 106, 117),
        rgb(57, 184, 198)
    );

    text-decoration:none;

    transition:all .25s ease;
}

.btn:hover {
  transform:scale(.97);

    background-image:linear-gradient(
        to right,
        rgb(0, 73, 82),
        rgb(0, 106, 117)
    );
}

/* középső kártya */
.card.active {
  transform: translateZ(100px) scale(1);
  opacity: 1;
  z-index: 3;
}

/* bal szélső */
.card.left {
  transform: translateX(-320px) rotateY(-10deg) scale(1.35);
  opacity: 0.8;
  filter: blur(0px);
  z-index: 2;
}

/* jobb szélső */
.card.right {
  transform: translateX(320px) rotateY(10deg) scale(1.35);
  opacity: 0.8;
  filter: blur(0px);
  z-index: 2;
}

/* háttérbe kerülő */
.card.hidden {
  opacity: 0.5;
  filter: blur(8px);
  transform: translateZ(-200px) scale(0.8);
  z-index: 0;
}

/* --- KÁRTYÁK TARTALMA --- */
.card h3 {
  font-size: 1rem;
  margin: 0 0 5px;
  color: rgb(0 106 117);
}

.card p {
  font-size: 0.7rem;
  color:#666;
}

.card a {
  width: 80%;
}

/* nyilak */
.slide-btn {
  position:absolute;
    top:50%;
    background:rgb(0, 106, 117);
    color: white;
    border:none;
    width:45px;
    height:45px;
    border-radius:50%;
    cursor:pointer;
    font-size:22px;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
    z-index:5;
}

.slide-btn.prev { 
  left:-20px; 
}

.slide-btn.next { 
  right:-20px; 
}

/* --- RESPONSIVE --- */
@media (max-width: 1080px) {
  .card.active {
    transform: translateZ(100px) scale(0.85);
  }

  .card.left {
    transform: translateX(-230px) rotateY(-10deg) scale(1.1);
  }

  .card.right {
    transform: translateX(230px) rotateY(10deg) scale(1.1);
  }
}

@media (max-width: 700px) {
  .card.active {
    transform: translateZ(100px) scale(0.7);
  }

  .card.left {
    transform: translateX(-180px) rotateY(-10deg) scale(0.9);
  }

  .card.right {
    transform: translateX(180px) rotateY(10deg) scale(0.9);
  }
}

@media (max-width: 560px) {
  .card.active {
    transform: translateZ(100px) scale(0.8);
  }

  .card.left {
    transform: translateX(-110px) rotateY(-30deg) scale(0.7);
  }

  .card.right {
    transform: translateX(110px) rotateY(30deg) scale(0.7);
  }
}