body{
  margin:0;
  font-family:Arial;
  background:#0f172a;
  color:white;
}

/* TITLE */
.title{
  text-align:center;
  padding:15px;
}

/* CONTAINER */
.tour-container{
  display:flex;
  flex-direction:column;
  gap:20px;
  padding:15px;
}

/* CARD */
.tour-card{
  background:#1e293b;
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 5px 20px rgba(0,0,0,0.3);
}

/* IMAGE */
.img-box{
  position:relative;
}

.img-box img{
  width:100%;
  height:200px;
  object-fit:cover;
}

/* BADGE */
.badge{
  position:absolute;
  top:10px;
  left:10px;
  padding:5px 10px;
  border-radius:20px;
  background:#22c55e;
  font-size:12px;
}

/* VARIANTS */
.pro .badge{
  background:#3b82f6;
}

.premium .badge{
  background:gold;
  color:black;
}

/* CONTENT */
.content{
  padding:15px;
}

.content h2{
  margin:0;
}

.content p{
  color:#cbd5e1;
}

/* PRICE */
.price{
  font-size:20px;
  margin:10px 0;
}

/* ACTIONS */
.actions{
  display:flex;
  gap:15px;
  font-size:18px;
  margin-bottom:10px;
  cursor:pointer;
}

/* BUTTON */
button{
  width:100%;
  padding:12px;
  border:none;
  border-radius:10px;
  background:#22c55e;
  color:white;
  font-size:15px;
  cursor:pointer;
}

.pro button{
  background:#3b82f6;
}

.premium button{
  background:gold;
  color:black;
}

.back-btn{
  position:fixed;
  top:12px;
  left:10px;
  width:36px;
  height:36px;
  border-radius:50%;
  border:none;
  background:black;
  color:#white;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
  backdrop-filter: blur(6px);
  box-shadow:0 2px 6px rgba(0,0,0,0.2);
  cursor:pointer;
}