:root{
  --brand:#ff6a00;
  --bg:#f8f9fb;
}

.travel-package-page{
  background:var(--bg);
  padding-bottom:60px;
}

/* HERO */
.travel-hero{
  width:min(1380px,100% - 32px);
  margin:30px auto;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:30px;
}

.travel-gallery img{
  width:100%;
  min-height:520px;
  object-fit:cover;
  border-radius:28px;
}

.travel-booking-card{
  background:#fff;
  padding:28px;
  border-radius:24px;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  position:sticky;
  top:100px;
  align-self:start;
}

.travel-booking-card h1{
  font-size:46px;
  line-height:1.1;
  margin:12px 0;
}

.price-row{
  display:flex;
  justify-content:space-between;
  margin:18px 0;
  font-size:24px;
}

.quick-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:20px;
}

.book-now-btn,
.secondary-cta{
  width:100%;
  display:block;
  text-align:center;
  padding:14px;
  border-radius:14px;
  font-weight:700;
  text-decoration:none;
  margin-bottom:12px;
}

.book-now-btn{
  background:var(--brand);
  color:#fff;
}

.secondary-cta{
  background:#111;
  color:#fff;
  border:none;
}

/* HIGHLIGHTS */
.trip-highlights{
  width:min(1380px,100% - 32px);
  margin:30px auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.highlight-card{
  background:#fff;
  padding:22px;
  border-radius:20px;
  text-align:center;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
}

/* CONTENT */
.container{
  width:min(1100px,100% - 32px);
  margin:40px auto;
}

.box-card{
  background:#fff;
  padding:28px;
  border-radius:22px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
}

.travel-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.timeline{
  display:grid;
  gap:14px;
}

.timeline div{
  background:#fff;
  padding:18px;
  border-radius:16px;
}

/* CTA STRIP */
.booking-cta-strip{
  width:min(1100px,100% - 32px);
  margin:50px auto;
  text-align:center;
  background:#fff;
  padding:40px;
  border-radius:24px;
}

@media(max-width:992px){
  .travel-hero,
  .travel-split,
  .trip-highlights{
    grid-template-columns:1fr;
  }

  .travel-booking-card{
    position:static;
  }

  .travel-booking-card h1{
    font-size:34px;
  }

  .travel-gallery img{
    min-height:320px;
  }
}