/* ================================
VIP LEVEL SYSTEM
================================ */

.lw-vip-section{
  padding:10px 20px;
  background:#f6f6f6;
  text-align:center;
}

.lw-vip-container{
  max-width:1280px;
  margin:auto;
}

.lw-vip-title{
  font-size:26px;
  letter-spacing:0.5px;
  color:#d82323;
  margin-bottom:50px;
  font-weight:700;
  text-align:center;
}


/* ================================
SWIPER LAYOUT
================================ */

.lw-vip-slider{
   overflow:hidden;
  padding:20px 0 10px;
}

.lw-vip-slider .swiper-wrapper{
  align-items:center;
}

/* ✅ fixed width so that 5 slides fit on desktop */
.lw-vip-slider .swiper-slide{
                /* ✅ bigger card = less blank space */
  flex-shrink:0;
  transition:transform .35s ease, opacity .35s ease, filter .35s ease;
  filter:grayscale(100%);
  opacity:.45;
}

/* ================================
CARD (IMAGE FULL)
================================ */

.lw-vip-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:transparent;
}

.lw-vip-card img{
  width:100%;
  height:330px;                /* ✅ consistent full card height */
  object-fit:cover;            /* ✅ no blank area, image fills */
  display:block;
  border-radius:18px;
}


/* ================================
TEXT OVERLAY (INSIDE IMAGE)
================================ */

.lw-vip-overlay{
  position:absolute;
  left:12px;
  right:12px;
  bottom:30px;                 /* ✅ keep 10px+ inside image */
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  pointer-events:none;
}

/* Premium title */
.lw-vip-overlay h3{
  margin:0;
  font-size:15px;
  font-weight:700;
  color:#fff;
  text-shadow:0 3px 10px rgba(0,0,0,.65);
}

/* Premium badge */
.lw-vip-overlay span{
  display:inline-block;
  padding:6px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  background:rgba(0,0,0,.45);
  backdrop-filter:blur(6px);
  box-shadow:0 10px 22px rgba(0,0,0,.35);
  line-height:1;               /* ✅ stops badge pushing outside */
}


/* ================================
ACTIVE POPUP + SHADOW
================================ */

.lw-vip-slider .swiper-slide-active{
  filter:none;
  opacity:1;
  transform:scale(1.12);
  z-index:3;
}

.lw-vip-slider .swiper-slide-active img{
  box-shadow:0 30px 70px rgba(0,0,0,.38);
}

.swiper-slide{
cursor:pointer;
}

/* Mobile optimization */
@media (max-width: 768px){

.lw-vip-section{
padding:40px 0px;
background:#f6f6f6;
text-align:center;
}

}

/* =========================
VIP BENEFITS SECTION
========================= */

.lw-vip-benefits-section{
padding:30px 0 60px;
background:#f6f6f6;
margin-top:0;
}

.lw-vip-benefits-container{
max-width:1200px;
margin:auto;
}

.lw-vip-benefits-title{
    font-size: 26px;
    font-weight: 700;
    color: #d82323;
    margin-bottom: 25px;
    letter-spacing: .5px;
    text-align: center;
}

/* GRID */

.lw-vip-benefits-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

/* CARD */

.lw-benefit-card{
background:#fff;
border-radius:12px;
padding:18px 20px;
display:flex;
align-items:center;
justify-content:space-between;
box-shadow:0 3px 12px rgba(0,0,0,0.08);
transition:.25s;
}

.lw-benefit-card:hover{
transform:translateY(-3px);
box-shadow:0 6px 18px rgba(0,0,0,0.12);
}

/* TEXT */

.lw-benefit-text{
max-width:80%;
}

.lw-benefit-text h3{
font-size:14px;
font-weight:700;
color:#d82323;
margin-bottom:5px;
}

.lw-benefit-text p{
font-size:12px;
color:#666;
line-height:1.4;
}

/* ICON */

.lw-benefit-icon img{
width:42px;
height:auto;
}

/* MOBILE */

@media (max-width:768px){

.lw-vip-benefits-grid{
grid-template-columns:1fr;
}

.lw-benefit-card{
padding:16px;
}

}