* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  }

body {
background: #0f0f0f;
color: #fff;
}

/* LAYOUT */
.plan-showcase {
display: flex;
min-height: 100vh;
padding: 80px 60px;
gap: 60px;
align-items: flex-start;
}

/* SLIDER FIX (WORKING VERSION) */
.slider {
  width: 100%;
  max-width: 450px;
  height: 500px; /* FIXED HEIGHT */
  overflow: hidden;
  border-radius: 18px;
  position: relative;
}

.slides {
  display: flex;
  height: 100%;
  transition: transform 0.5s ease;
}

.slides img {
  min-width: 100%;   /* IMPORTANT for sliding */
  height: 100%;
  object-fit: contain; /* keep your original look */
  background: #000;
  flex-shrink: 0;
}

/* NAV */
.nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.5);
color: #fff;
border: none;
padding: 8px 12px;
cursor: pointer;
}

.prev { left: 10px; }
.next { right: 10px; }

/* CONTENT */
.content {
flex: 1;
max-width: 520px;
}

.content h1 {
font-size: 36px;
margin-bottom: 10px;
}

.subtitle {
margin-bottom: 20px;
color: #aaa;
}

.item {
margin-bottom: 15px;
padding: 16px;
background: #fff;
color: #000;
border-left: 4px solid #c89b3c;
border-radius: 10px;
opacity: 0;
transform: translateY(20px);
transition: 0.4s;
}

/* BUTTON */
.cta {
margin-top: 20px;
padding: 12px 24px;
background: #c89b3c;
border: none;
color: #fff;
cursor: pointer;
}

/* MOBILE */
@media(max-width: 900px) {
.plan-showcase {
flex-direction: column;
padding: 40px 20px;
}

.slider {
height: 300px;
}
}