/* ===================== PAGE-ONLY STYLES (SAFE) ===================== */
#hm-page{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,"Open Sans",sans-serif; color:#0f2125;}
#hm-page a{color:inherit;}
#hm-page .page-wrap{max-width:1200px; margin:0 auto; padding:0 18px;}

/* Hero */
#hm-page .hero{
  position:relative;
  background:
    linear-gradient(135deg, rgba(8,18,24,.86), rgba(25,68,90,.68)),
    url('/img/c11.webp') center/cover no-repeat;
  padding:112px 0 92px;
  color:#fff;
  text-align:center;
  overflow:hidden;
}
#hm-page .hero:after{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at 15% 12%, rgba(255,255,255,.12), transparent 55%);
  opacity:.65;
  pointer-events:none;
}
#hm-page .hero-inner{position:relative; z-index:1;}
#hm-page .hero-tag{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 13px; border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(4,12,18,.55);
  text-transform:uppercase; letter-spacing:.16em;
  font-size:11px; font-weight:1000; margin-bottom:14px;
}
#hm-page .hero-tag i{font-size:13px; color:#f4c06b;}
#hm-page .hero h1{
  font-size: clamp(2.15rem, 4.1vw, 3.05rem);
  margin:0 0 10px; font-weight:1000; letter-spacing:.02em;
}
#hm-page .hero-sub{
  max-width:940px; margin:0 auto 16px;
  font-size:15px; line-height:1.75; opacity:.96;
}
#hm-page .breadcrumb{
  display:flex; gap:10px; justify-content:center; align-items:center;
  font-size:14px; opacity:.95;
}
#hm-page .breadcrumb a{color:#f8b864; text-decoration:none; font-weight:1000;}
#hm-page .breadcrumb a.active{color:#fff;}
#hm-page .breadcrumb span{opacity:.45}

/* Intro */
#hm-page .intro{padding:44px 0 8px; background:#fbfaf8;}
#hm-page .intro-grid{display:grid; grid-template-columns: 1.18fr .82fr; gap:22px; align-items:stretch;}
@media (max-width: 991px){ #hm-page .intro-grid{grid-template-columns:1fr;} }

#hm-page .card{
  background:#fff; border-radius:12px; padding:20px;
  box-shadow:0 10px 30px rgba(6,10,8,.06);
  border:1px solid rgba(15,33,37,.08);
}
#hm-page .card h2{margin:0 0 10px; font-size:1.55rem; font-weight:1000;}
#hm-page .card h3{margin:0 0 10px; font-size:1.08rem; font-weight:1000;}
#hm-page .card p{margin:0 0 12px; color:#505050; line-height:1.75;}

#hm-page .side-img{border-radius:12px; overflow:hidden; box-shadow:0 10px 30px rgba(6,10,8,.08);}
#hm-page .side-img img{width:100%; height:100%; min-height:320px; object-fit:cover; display:block;}

/* Rating pill */
#hm-page .rating-pill{
  display:inline-flex; align-items:center; gap:8px;
  text-decoration:none; color:#ebaf40;
  background:#235870; padding:7px 12px; border-radius:999px;
  font-size:14px; font-weight:1000;
  margin: 8px 0 0;
}
#hm-page .rating-pill .star{font-size:16px; color:#fff;}
#hm-page .rating-pill .val{color:#fff;}
#hm-page .rating-pill .sep{color:rgba(255,255,255,.55); font-weight:800;}
#hm-page .rating-pill #totalReviews{color:#fff;}
#hm-page .rating-pill:hover{opacity:.95;}

#hm-page .stats{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px;}
#hm-page .stat{
  display:inline-flex; gap:10px; align-items:center;
  padding:10px 12px; border:1px solid #eee; border-radius:999px;
  background:#fafafa; color:#0f2125; font-weight:1000; font-size:13px;
}
#hm-page .stat i{color:#c19b76}

/* Layout */
#hm-page .layout{padding:22px 0 0; background:#fbfaf8;}
#hm-page .layout-grid{display:grid; grid-template-columns: 1.25fr .75fr; gap:18px; align-items:start;}
@media (max-width: 991px){ #hm-page .layout-grid{grid-template-columns:1fr;} }

#hm-page .sticky{position:sticky; top:18px;}
@media (max-width: 991px){ #hm-page .sticky{position:relative; top:auto;} }

#hm-page .mini{font-size:12.5px; line-height:1.65; color:#2f4f54;}
#hm-page .list{margin:0; padding:0 0 0 18px; line-height:1.8; color:#324c50;}
#hm-page .list li{margin:6px 0;}
#hm-page .callout{
  background:linear-gradient(180deg, rgba(212,175,55,.14) 0%, rgba(212,175,55,.06) 100%);
  border:1px solid rgba(212,175,55,.22);
}

/* Itinerary */
#hm-page .it-wrap{display:grid; gap:12px; margin-top:12px;}
#hm-page .day{
  background:#fff; border-radius:12px; padding:16px;
  border:1px solid rgba(15,33,37,.08);
  box-shadow:0 10px 30px rgba(6,10,8,.04);
}
#hm-page .day-top{
  display:flex; gap:10px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;
}
#hm-page .day-title{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  font-weight:1000; color:#0f2125;
}
#hm-page .badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 10px; border-radius:999px;
  border:1px solid rgba(35,88,112,.18);
  background:rgba(35,88,112,.08);
  font-size:12px; font-weight:1000; color:#235870;
}
#hm-page .badge i{color:#c19b76}
#hm-page .day p{margin:10px 0 0; color:#505050; line-height:1.75;}
#hm-page .day .cols{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px;}
@media (max-width: 520px){ #hm-page .day .cols{grid-template-columns:1fr;} }
#hm-page .kv{
  border:1px solid #eee; border-radius:12px; padding:12px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}
#hm-page .kv b{display:block; font-weight:1000; color:#0f2125; margin-bottom:4px;}
#hm-page .kv span{color:#506063; font-weight:750; line-height:1.5;}

/* Option cards */
#hm-page .opt-grid{display:grid; grid-template-columns:1fr; gap:10px; margin-top:10px;}
#hm-page .opt{
  border:1px solid rgba(212,175,55,.20);
  background:linear-gradient(180deg, rgba(212,175,55,.10) 0%, rgba(212,175,55,.04) 100%);
  border-radius:12px; padding:12px;
}
#hm-page .opt h4{margin:0 0 6px; font-weight:1000; font-size:14px; color:#0f2125;}
#hm-page .opt p{margin:0; color:#505050; line-height:1.7;}

/* Buttons / CTA */
#hm-page .btn{
  width:100%; padding:12px 14px; border-radius:10px; font-weight:1000; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
#hm-page .btn.primary{border:none; background:#235870; color:#fff;}
#hm-page .btn.primary:hover{opacity:.95;}
#hm-page .btn.reset{border:1px solid #235870; background:#fff; color:#235870;}
#hm-page .btn.reset:hover{background:#f4f8fa;}

#hm-page .cta{
  background:#0f2125; color:#fff; padding:34px 0; margin: 26px 0 0;
}
#hm-page .cta-grid{display:grid; grid-template-columns: 1.15fr .85fr; gap:16px; align-items:center;}
@media (max-width: 991px){ #hm-page .cta-grid{grid-template-columns:1fr;} }
#hm-page .cta h3{margin:0 0 8px; font-weight:1000;}
#hm-page .cta p{margin:0; opacity:.9; line-height:1.65;}
#hm-page .cta-actions{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;}
@media (max-width: 991px){ #hm-page .cta-actions{justify-content:flex-start;} }
#hm-page .btn-cta{display:inline-block; text-decoration:none; font-weight:1000; padding:12px 14px; border-radius:10px;}
#hm-page .btn-cta.primary{background:#c19b76; color:#fff;}
#hm-page .btn-cta.secondary{background:transparent; border:1px solid rgba(255,255,255,.35); color:#fff;}

/* FAQ */
#hm-page .faq{padding:26px 0 8px; background:#fbfaf8;}
#hm-page .faq-grid{display:grid; grid-template-columns:1fr; gap:12px;}
#hm-page details{
  background:#fff; border-radius:12px; padding:14px 16px;
  border:1px solid rgba(15,33,37,.08);
  box-shadow:0 10px 30px rgba(6,10,8,.04);
}
#hm-page summary{
  cursor:pointer; font-weight:1000; color:#0f2125; list-style:none;
}
#hm-page summary::-webkit-details-marker{display:none;}
#hm-page details p{margin:10px 0 0; color:#505050; line-height:1.75;}
#hm-page .form-row{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
@media (max-width: 520px){ #hm-page .form-row{grid-template-columns:1fr;} }
#hm-page .in{
  width:100%; padding:11px 12px; border-radius:10px;
  border:1px solid #ddd; outline:none; background:#fff;
}
#hm-page .in:focus{border-color:#235870; box-shadow:0 0 0 3px rgba(35,88,112,.12);}
#hm-page .small{font-size:12.5px; color:#5a6b6e; line-height:1.55;}

/* =========================================================
   FIX: DROPDOWN OPTIONS NOT SCROLLING / CUT OFF
   ========================================================= */
#hm-page .sticky,
#hm-page .card,
#hm-page .layout-grid,
#hm-page .page-wrap,
#hm-page .layout,
#hm-page .intro,
#hm-page .hero{ overflow: visible !important; }

#hm-page, #hm-page *{ -webkit-overflow-scrolling:auto; }

#hm-page select.in{
  position: relative;
  z-index: 9999;
  appearance:auto;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
}
#hm-page .nice-select{ width:100% !important; white-space:normal; }
#hm-page .nice-select .list{
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  z-index:999999 !important;
  -webkit-overflow-scrolling:touch;
}
#hm-page .nice-select.open{ z-index:999999 !important; }
#hm-page .nice-select .option{
  white-space:normal !important;
  line-height:1.35 !important;
  padding-top:10px; padding-bottom:10px;
}
#hm-page .layout, #hm-page .layout-grid, #hm-page .sticky{ transform:none !important; }
@media (max-width: 991px){
  #hm-page .nice-select .list{ max-height:220px !important; }
}

/* ===================== INQUIRY FORM (CSS ONLY) ===================== */
#hmInquiryForm{ width:100%; display:block; }
#hmInquiryForm .in{
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(15,33,37,.18);
  background:linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
  color:#0f2125;
  font-size:14.5px;
  font-weight:700;
  line-height:1.2;
  outline:none;
  transition: all .18s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}
#hmInquiryForm .in::placeholder{ color:rgba(15,33,37,.55); font-weight:700; }
#hmInquiryForm .in:focus{
  border-color: rgba(212,175,55,.9);
  box-shadow: 0 0 0 4px rgba(212,175,55,.18), 0 10px 26px rgba(0,0,0,.06);
  background:#fff;
}
#hmInquiryForm select.in{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(15,33,37,.55) 50%),
    linear-gradient(135deg, rgba(15,33,37,.55) 50%, transparent 50%),
    linear-gradient(to right, rgba(15,33,37,.12), rgba(15,33,37,.12));
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%,
    calc(100% - 40px) 50%;
  background-size: 6px 6px, 6px 6px, 1px 18px;
  background-repeat:no-repeat;
  cursor:pointer;
}
#hmInquiryForm textarea.in{
  resize:vertical;
  min-height:110px;
  line-height:1.5;
  font-weight:650;
}
#hmInquiryForm .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media (max-width: 520px){
  #hmInquiryForm .form-row{ grid-template-columns:1fr; }
}
#hmInquiryForm .btn.primary{
  width:100%;
  border:none;
  border-radius:12px;
  padding:13px 14px;
  font-size:15px;
  font-weight:1000;
  letter-spacing:.02em;
  cursor:pointer;
  color:#fff;
  background: linear-gradient(135deg, #235870 0%, #163d4f 55%, #0f2125 100%);
  box-shadow: 0 14px 30px rgba(0,0,0,.14);
  transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}
#hmInquiryForm .btn.primary:hover{ transform:translateY(-1px); box-shadow:0 18px 36px rgba(0,0,0,.18); opacity:.98; }
#hmInquiryForm .btn.primary:active{ transform:translateY(0px); box-shadow:0 10px 22px rgba(0,0,0,.16); }
#hmFormMsg{
  font-weight:800;
  font-size:13px;
  line-height:1.55;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(15,33,37,.04);
  border:1px solid rgba(15,33,37,.10);
}
#hmInquiryForm .in:required:invalid{ border-color: rgba(155,28,28,.25); }
#hmInquiryForm input.in:-webkit-autofill,
#hmInquiryForm textarea.in:-webkit-autofill,
#hmInquiryForm select.in:-webkit-autofill{
  -webkit-text-fill-color:#0f2125;
  -webkit-box-shadow:0 0 0px 1000px #ffffff inset;
  transition: background-color 9999s ease-in-out 0s;
}


/* ===================== PRICE SNAPSHOT — SIDEBAR POLISH ===================== */

/* Subtle lift + focus */
.sticky .card > div{
  transition: box-shadow .18s ease, transform .18s ease;
}
.sticky .card > div:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(6,10,8,.10) !important;
}

/* Price cards inside snapshot */
.sticky .card > div > div[style*="linear-gradient"]{
  transition: border-color .18s ease, background .18s ease;
}
.sticky .card > div > div[style*="linear-gradient"]:hover{
  border-color: rgba(193,155,118,.45) !important;
  background: linear-gradient(180deg,#ffffff 0%,#f6f4ef 100%) !important;
}

/* Make prices feel more premium */
.sticky .card > div div[style*="font-size:22px"],
.sticky .card > div div[style*="font-size:18px"]{
  letter-spacing: .02em !important;
}

/* Pax labels refinement */
.sticky .card > div div[style*="uppercase"]{
  opacity: .9 !important;
}

/* Divider text polish */
.sticky .card > div > div[style*="dashed"]{
  font-style: italic;
}

/* Mobile breathing room */
@media (max-width: 520px){
  .sticky .card > div{
    padding: 14px !important;
  }
}

/* === Intro Image Slider (isolated) === */
.intro .slider{
  position:relative;
  overflow:hidden;
  border-radius:16px;
}

.intro .slider img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  animation:introSlide 16s infinite;
}

.intro .slider img:nth-child(1){animation-delay:0s}
.intro .slider img:nth-child(2){animation-delay:4s}
.intro .slider img:nth-child(3){animation-delay:8s}
.intro .slider img:nth-child(4){animation-delay:12s}

@keyframes introSlide{
  0%,20%{opacity:1}
  25%,100%{opacity:0}
}

/* === FIX: mobile height for intro slider === */
@media (max-width: 768px){
  .intro .slider{
    position: relative;
    height: 260px; /* adjust if you want taller */
    margin-bottom: 18px;
  }
}