/* ===== LUXURY SPLASH ===== */
#splash{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:linear-gradient(135deg,#ffffff,#f8fafc);

z-index:9999;
justify-content:center;
align-items:center;
flex-direction:column;
overflow:hidden;
}

/* 🌫 premium blurred glow layers */
#splash::before,
#splash::after{
content:"";
position:absolute;
width:420px;
height:420px;
border-radius:50%;
filter:blur(110px);
opacity:0.35;
animation:float 10s infinite ease-in-out;
}

/* sky luxury glow */
#splash::before{
background:#60a5fa;
top:-150px;
left:-150px;
}

/* gold luxury glow */
#splash::after{
background:#fbbf24;
bottom:-160px;
right:-160px;
animation-delay:3s;
}

/* ===== LOGO (GLASS + PREMIUM SHADOW) ===== */
.splash-logo{
width:120px;
height:120px;
border-radius:26px;

background:rgba(255,255,255,0.7);
backdrop-filter:blur(12px);

box-shadow:
0 20px 60px rgba(0,0,0,0.15),
inset 0 1px 2px rgba(255,255,255,0.8),
0 0 0 10px rgba(255,255,255,0.5);

animation:pop 0.9s cubic-bezier(.22,1,.36,1);
z-index:2;
}

/* subtle shine animation */
.splash-logo::after{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);
animation:shine 2.5s ease infinite;
border-radius:26px;
}

/* ===== WELCOME TEXT ===== */
.welcome-svg text{
font-size:60px;
font-weight:900;

fill:transparent;
stroke:#1e3a8a;
stroke-width:1.5;

stroke-dasharray:500;
stroke-dashoffset:500;

animation:draw 2.4s ease forwards;

filter:drop-shadow(0 6px 14px rgba(0,0,0,0.15));
}

/* ===== APP NAME ===== */
.app-name{
color:#475569;
font-size:19px;
margin-top:16px;
letter-spacing:1.5px;

opacity:0;
animation:fadeIn 1s ease forwards;
animation-delay:2.2s;

z-index:2;
}

/* ===== ANIMATIONS ===== */

@keyframes draw{
to{
stroke-dashoffset:0;
fill:#1e3a8a;
}
}

@keyframes pop{
from{
transform:scale(0.6) rotate(-5deg);
opacity:0;
}
to{
transform:scale(1) rotate(0);
opacity:1;
}
}

@keyframes fadeIn{
to{ opacity:1; }
}

@keyframes float{
0%{ transform:translate(0,0); }
50%{ transform:translate(40px,50px); }
100%{ transform:translate(0,0); }
}

/* ✨ shine effect */
@keyframes shine{
0%{ left:-100%; }
60%{ left:120%; }
100%{ left:120%; }
}

/* fade out */
.splash-hide{
animation:fadeOut 0.9s ease forwards;
}

@keyframes fadeOut{
to{
opacity:0;
visibility:hidden;
transform:scale(1.05);
}
}

/* 🔥 POPUP BACKGROUND */
.ad-popup{
display: none;
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,0.7);
justify-content:center;
align-items:center;
z-index:9999;
}

.ad-box{
position: relative;
width: 90%;
max-width: 400px;
}

.ad-box img{
width:100%;
border-radius:10px;
}

.close-ad{
position:absolute;
top:10px;
right:10px;
background:red;
padding:6px 10px;
border-radius:50%;
cursor:pointer;
font-weight:bold;
}

/* ================= PACKAGE GRID ================= */

.package-slider{
  padding:30px 16px;
  background:linear-gradient(180deg,#f8fbff,#eef3ff);
}

.package-slider h2{
  margin-bottom:20px;
  color:#0b2c6b;
  font-size:26px;
  font-weight:900;
  letter-spacing:1px;
  text-align:center;
}

/* 🔥 GRID */
.slider{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:22px;
}

/* 🎴 CARD LUXURY */
.slide-card{
  border-radius:24px;
  overflow:hidden;
  position:relative;

  background:#ffffff;

  box-shadow:
    0 12px 35px rgba(0,0,0,0.08),
    0 4px 10px rgba(0,0,0,0.05);

  transition:all 0.45s ease;
  text-decoration:none;
  color:inherit;

  display:flex;
  flex-direction:column;
}

/* ✨ hover lift */
.slide-card:hover{
  transform:translateY(-10px);
  box-shadow:
    0 25px 60px rgba(0,0,0,0.15),
    0 10px 25px rgba(0,0,0,0.1);
}

/* 🖼 IMAGE */
.slide-card img{
  width:100%;
  height:160px;
  object-fit:cover;
  transition:0.5s;
}

/* zoom effect */
.slide-card:hover img{
  transform:scale(1.08);
}

/* 🔹 CONTENT BOX */
.slide-card h3{
  font-size:17px;
  margin:14px 14px 6px;
  color:#0b2c6b;
  font-weight:800;
}

/* 💰 PRICE (NOW NORMAL POSITION — NO OVERLAP) */
.slide-card p{
  margin:0 14px 16px;
  font-size:16px;
  font-weight:900;
  color:#1e88e5;

  display:flex;
  align-items:center;
  gap:6px;
}

/* ₹ ICON STYLE */
.slide-card p::before{
  content:"₹";
  font-size:14px;
  color:#42a5f5;
}

/* 🔥 PREMIUM LINE (luxury touch) */
.slide-card::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#1e88e5,#42a5f5,#90caf9);
  opacity:0;
  transition:0.4s;
}

.slide-card:hover::after{
  opacity:1;
}

/* 📱 MOBILE */
@media(max-width:768px){
  .slider{
    grid-template-columns: repeat(2, 1fr);
  }

  .slide-card img{
    height:130px;
  }
}

/* ================= HOTBOX FLOAT ================= */

#hotbox{
  position:fixed;
  right:-80px; /* 👈 width ke equal (fully hidden) */
  bottom:120px;
  
  width:140px;   /* 👈 SAME rakha */
  height:70px;   /* 👈 SAME rakha */
  
  border-radius:20px 0 0 20px;
  overflow:hidden;
  
  cursor:pointer;
  z-index:9999;
  
  box-shadow:0 10px 30px rgba(0,0,0,0.3);
  
  transition:all 0.6s cubic-bezier(.22,1,.36,1);
}

/* 👇 jab show ho */
#hotbox.show{
  right:0px; /* 👈 half visible same as tum chahte ho */
}
#hotbox video{
  position:absolute;
  top:0;
  left:0;

  width:100%;
  height:100%;

  object-fit:cover;   /* 👈 full fill kare */
  object-position:center; /* 👈 center focus */
}

/* ================= SERVICES PRO PREMIUM ================= */

.services-pro{
  padding:20px 10px;
  text-align:center;
}

.services-pro h2{
  margin-bottom:16px;
  color:#1c3faa;
  font-weight:700;
  letter-spacing:.5px;
}

/* GRID */
.services-pro .services-container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

/* CARD */
.service-card-pro{
  background:#ffffff;
  border-radius:18px;
  padding:12px 6px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  height:105px;

  box-shadow:0 6px 14px rgba(0,0,0,0.08);

  transition:all 0.3s ease;
  position:relative;
  overflow:hidden;
}

/* ✨ premium glow effect */
.service-card-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,#1c3faa22,#00bcd422);
  opacity:0;
  transition:0.3s;
}

/* hover / tap */
.service-card-pro:hover{
  transform:translateY(-5px) scale(1.03);
  box-shadow:0 12px 25px rgba(0,0,0,0.15);
}

.service-card-pro:hover::before{
  opacity:1;
}

.service-card-pro:active{
  transform:scale(0.92);
}

/* MEDIA */
.service-card-pro .media{
  width:100%;
  height:45px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:6px;
  position:relative;
  z-index:2;
}

/* IMAGE */
.service-card-pro img{
  width:48px;
  height:48px;
  object-fit:contain;
  transition:0.3s;
}

/* VIDEO */
.service-card-pro video{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:10px;
}

/* 🎯 icon hover animation */
.service-card-pro:hover img{
  transform:scale(1.15) rotate(3deg);
}

/* TEXT */
.service-card-pro h3{
  font-size:12px;
  font-weight:600;
  color:#333;
  margin:0;
  text-align:center;
  z-index:2;
}

/* 🔥 subtle shine animation */
.service-card-pro::after{
  content:"";
  position:absolute;
  top:-100%;
  left:-50%;
  width:200%;
  height:200%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
  );
  transform:rotate(25deg);
  transition:0.5s;
}

.service-card-pro:hover::after{
  top:100%;
}

/* MOBILE */
@media(max-width:768px){
  .services-pro .services-container{
    grid-template-columns:repeat(4,1fr);
  }
}


.services-pro a{
  text-decoration:none;
  color:inherit;
  display:block;
}

/* ================= HOTELS ================= */
/* 🏨 SECTION */
.hotel-section{
  padding:35px 15px;
  background:#f7f7f7;
}

.hotel-section h2{
  font-size:20px;
  font-weight:800;
  margin-bottom:15px;
}

/* SCROLL */
.hotel-container{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
}

.hotel-container::-webkit-scrollbar{
  display:none;
}

/* CARD */
.hotel-card{
  min-width:240px;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  flex:0 0 auto;
  scroll-snap-align:start;
}

/* IMAGE */
.hotel-img{
  width:100%;
  height:140px;
  object-fit:cover;
}

/* CONTENT */
.hotel-content{
  padding:10px;
}

/* NAME TAG */
.hotel-name{
  font-size:13px;
  display:inline-block;
  padding:3px 10px;
  background:#f2f2f2;
  border-radius:999px;
  margin:6px 0;
}

/* TEXT */
.hotel-content p{
  font-size:11px;
  margin:3px 0;
  color:#555;
}

/* SOCIAL ICONS */
.hotel-social{
  display:flex;
  gap:8px;
  margin:8px 0;
}

.hotel-social img{
  width:18px;
  height:18px;
  opacity:0.8;
}

/* BUTTONS */
.hotel-btns{
  display:flex;
  gap:8px;
  margin-top:10px;
}

.btn{
  flex:1;
  text-align:center;
  padding:7px;
  font-size:11px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
}

/* VIEW */
.view{
  background:#eee;
  color:#333;
}

/* CALL */
.call{
  background:#ff2d55;
  color:#fff;
}


.hotel-social{
  display:flex;
  gap:10px;
  margin:8px 0;
}

.hotel-social a{
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f3f3;
  border-radius:8px;
}

.hotel-social svg{
  width:14px;
  height:14px;
}