
.packages-hero{min-height:430px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,#06183b,#0d3d82 55%,#d8a72c)}
.packages-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.25),transparent 25%),linear-gradient(0deg,rgba(3,14,34,.75),rgba(3,14,34,.05));}
.packages-hero-content{position:relative;z-index:2;max-width:1180px;width:100%;margin:auto;padding:100px 22px 70px;color:#fff}.packages-hero h1{font-size:clamp(40px,6vw,70px);margin:14px 0 12px;letter-spacing:-2px}.packages-hero p{max-width:720px;color:#e8efff;line-height:1.7;margin:0}
.catalogue{padding:70px 22px;background:#f7f9fc}.catalogue-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:28px}.filter-btn{border:1px solid #dbe2ed;background:#fff;color:#26344f;border-radius:999px;padding:10px 14px;font-weight:800;font-size:12px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#06183b;color:#fff;border-color:#06183b}.package-catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pcard{background:#fff;border:1px solid #e5eaf1;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(7,26,61,.06);display:flex;flex-direction:column}.pcard-visual{height:155px;padding:20px;position:relative;background:linear-gradient(135deg,#0b3e84,#0b8b9a);color:#fff}.pcard:nth-child(3n+2) .pcard-visual{background:linear-gradient(135deg,#9b6d1d,#3d275f)}.pcard:nth-child(3n+3) .pcard-visual{background:linear-gradient(135deg,#14725e,#071a3d)}.pcard-emoji{font-size:38px}.pcard-visual small{position:absolute;right:15px;top:15px;background:rgba(255,255,255,.16);padding:7px 10px;border-radius:999px;font-weight:800}.pcard-body{padding:20px;display:flex;flex-direction:column;flex:1}.pcard-body h3{margin:8px 0;color:#06183b;font-size:19px}.pcard-body p{color:#68758a;font-size:12px;line-height:1.6;margin:0 0 14px}.pcard-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#66748b;margin-bottom:15px}.price{font-size:18px;font-weight:950;color:#9b7417}.pcard .btn{width:100%;margin-top:auto}.catalogue-note{text-align:center;color:#718096;font-size:11px;margin-top:30px}
.package-page-hero{min-height:620px;position:relative;background:linear-gradient(135deg,#06183b,#0b6480 50%,#d8a72c);display:flex;align-items:center;overflow:hidden}.package-page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.2),transparent 30%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.18),transparent 26%)}.package-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,34,.52),rgba(3,14,34,.05) 60%,rgba(3,14,34,.2))}.package-page-inner{position:relative;z-index:3;max-width:1250px;width:100%;margin:auto;padding:80px 22px;display:grid;grid-template-columns:1fr 570px;gap:45px;align-items:center}.package-copy{color:#fff}.package-copy .big-emoji{font-size:66px}.package-copy h1{font-size:clamp(42px,5vw,70px);line-height:.98;margin:14px 0}.package-copy p{max-width:650px;color:#edf3ff;line-height:1.75}.package-copy .chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.chip{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);padding:8px 11px;border-radius:999px;font-size:11px;font-weight:850}.quote-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 22px 65px rgba(0,0,0,.22)}.quote-card h2{text-align:center;margin:0 0 18px;color:#111c35;font-size:24px}.quote-card .subtitle{text-align:center;color:#748198;font-size:12px;margin:-10px 0 18px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-field{display:flex;flex-direction:column;gap:6px}.quote-field.full{grid-column:1/-1}.quote-field label{font-size:10px;text-transform:uppercase;letter-spacing:.65px;font-weight:900;color:#53627b}.quote-field input,.quote-field select,.quote-field textarea{width:100%;border:1px solid #dbe2eb;border-radius:10px;padding:12px 12px;outline:none;background:#fff;color:#16233d}.quote-field textarea{min-height:80px;resize:vertical}.date-row{display:flex;gap:7px}.date-row input{flex:1}.quote-form .submit{grid-column:1/-1;border:0;background:#ff5149;color:#fff;border-radius:999px;padding:14px 20px;font-weight:900;cursor:pointer;font-size:15px}.quote-form .submit:hover{filter:brightness(.96);transform:translateY(-1px)}.wa-note{font-size:10px;color:#8a96a9;text-align:center;margin:9px 0 0}.package-info{padding:75px 22px;background:#fff}.package-info-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-card{border:1px solid #e4e9f0;border-radius:18px;padding:25px;background:#fff;box-shadow:0 8px 24px rgba(7,26,61,.05)}.info-card h2{color:#06183b;margin:0 0 14px;font-size:23px}.info-card p,.info-card li{color:#66748b;line-height:1.7;font-size:13px}.info-card ul{padding-left:19px}.info-card.full{grid-column:1/-1}.back-link{display:inline-flex;margin-bottom:18px;color:#e8c75f;font-size:12px;font-weight:900}.track-note{background:#fff7df;border:1px solid #f2df9e;border-radius:12px;padding:12px 14px;color:#745718;font-size:11px;margin-top:16px}.success-msg{display:none;text-align:center;background:#eefaf3;color:#17633b;border-radius:12px;padding:11px;font-size:12px;font-weight:800}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:60;background:#00a884;color:#fff;border-radius:999px;padding:14px 17px;font-weight:900;box-shadow:0 15px 35px rgba(0,0,0,.18)}
@media(max-width:900px){.package-catalogue-grid{grid-template-columns:1fr 1fr}.package-page-inner{grid-template-columns:1fr}.quote-card{max-width:680px}.package-page-hero{min-height:auto}.package-copy{padding-top:25px}}
@media(max-width:640px){.package-catalogue-grid{grid-template-columns:1fr}.package-info-grid{grid-template-columns:1fr}.quote-form{grid-template-columns:1fr}.quote-field.full{grid-column:auto}.quote-form .submit{grid-column:auto}.packages-hero-content{padding-top:75px}.package-copy h1{font-size:42px}.quote-card{padding:18px}.floating-wa{right:12px;bottom:12px}}

/* RoamFiesta Photo Package Upgrade */
.pcard-visual{
  height:220px!important;
  padding:0!important;
  position:relative;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden;
}
.pcard-visual:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(3,14,34,.08) 15%,rgba(3,14,34,.78) 100%);
}
.pcard-visual .pcard-photo-title{
  position:absolute;left:18px;right:18px;bottom:16px;z-index:2;
  color:#fff;font-size:12px;font-weight:850;letter-spacing:.25px;
}
.pcard-visual .pcard-emoji{position:absolute;left:18px;top:15px;z-index:2;font-size:28px;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.pcard-visual small{z-index:3}
.pcard-body h3{font-size:20px}
.price{
  display:inline-flex;align-items:center;gap:5px;
  font-size:19px!important;font-weight:950;color:#06183b!important;
}

.pcard-meta .duration{font-weight:800;color:#3e4d67}
.pcard .btn{background:#06183b!important;color:#fff!important}
.pcard .btn:hover{background:#9b7417!important}
@media(max-width:980px){.package-catalogue-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.package-catalogue-grid{grid-template-columns:1fr}.pcard-visual{height:210px!important}}

.price-note{font-size:.78rem;font-weight:600;opacity:.8;margin-top:4px}.package-price{font-weight:800}

.region-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 34px}
.region-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-radius:18px;background:#fff;border:1px solid #e3e8f1;box-shadow:0 8px 25px rgba(6,24,59,.07);font-weight:900;color:#06183b}
.region-pill strong{font-size:11px;color:#8a6a1d;background:#fff7df;padding:6px 9px;border-radius:999px}
.region-pill.maha{background:linear-gradient(135deg,#06183b,#0d4e76);color:#fff;border-color:#0d4e76}
.region-pill.maha strong{color:#06183b}
.region-pill:hover{transform:translateY(-2px)}
.package-region{margin:0 0 62px;scroll-margin-top:90px}
.region-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px;padding:20px 0 4px;border-bottom:1px solid #e6ebf3}
.region-heading h2{margin:4px 0 5px;color:#06183b;font-size:30px}
.region-heading p{margin:0;color:#68778e}
.region-kicker{font-size:11px;font-weight:950;letter-spacing:1.8px;color:#a07814}
.region-count{font-weight:900;color:#06183b;background:#f5f7fb;padding:9px 13px;border-radius:999px;white-space:nowrap}
@media(max-width:800px){.region-switcher{grid-template-columns:1fr}.region-heading{align-items:flex-start;flex-direction:column}.region-heading h2{font-size:24px}}

.transport-panel{margin-top:18px;padding:18px;border-radius:16px;background:#fff;border:1px solid #dfe6ef;box-shadow:0 10px 25px rgba(6,24,59,.08)}.transport-panel h3{margin:0 0 9px;color:#06183b}.transport-panel p{margin:6px 0;color:#4f6078;font-size:13px;line-height:1.55}.transport-note{font-size:11px;line-height:1.45;background:#f5f8fc;border:1px solid #e0e7f0;padding:8px 10px;border-radius:9px;margin:8px 0;color:#4e5f76}.transport-note strong{color:#06183b}

/* RoamFiesta V5 – transparent package pricing */
.price-clarity{margin-top:18px;border:1px solid #dfe6f0;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(6,24,59,.08);overflow:hidden}
.price-clarity .pc-head{padding:16px 18px;background:linear-gradient(135deg,#06183b,#123d78);color:#fff}
.price-clarity .pc-head h2{margin:0;font-size:20px}
.price-clarity .pc-head p{margin:5px 0 0;color:#dce7f8;font-size:12px}
.price-clarity .pc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.price-clarity .pc-col{padding:16px 18px;border-top:1px solid #edf1f6}
.price-clarity .pc-col + .pc-col{border-left:1px solid #edf1f6}
.price-clarity h3{margin:0 0 8px;font-size:14px;color:#06183b}
.price-clarity ul{margin:0;padding-left:18px;color:#536278;font-size:12px;line-height:1.7}
.price-clarity .vehicle-note{margin:12px 18px 16px;padding:12px;border-radius:12px;background:#f7f9fc;border:1px solid #e6ebf2;color:#45546b;font-size:12px;line-height:1.55}
.price-clarity .vehicle-note strong{color:#06183b}
.price-clarity .final-note{margin:0;padding:12px 18px;background:#fff8e5;border-top:1px solid #f0dfaa;color:#66511a;font-size:11px;line-height:1.5}
@media(max-width:760px){.price-clarity .pc-grid{grid-template-columns:1fr}.price-clarity .pc-col + .pc-col{border-left:0}}
.region-explainer{margin:16px 0 22px;padding:14px 16px;border-radius:14px;background:#f7f9fc;border:1px solid #e4e9f1;color:#526177;font-size:12px;line-height:1.55}
.region-explainer strong{color:#06183b}
.card-price-label{font-size:10px;color:#7a8798;margin-top:2px}
