:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#000;
  --line:rgba(15,23,42,.12);
  --soft:rgba(15,23,42,.06);
  --accent:#35c8d2;
  --wa:#22c55e;
  --radius:18px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--text);
  background:var(--bg);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:0 auto}
.topbar {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #363b41;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line);
}
.topbar .btn {
    border: 1px solid #ccc;
    color: #fff;
}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.nav .nav__link {
    color: #fff;
}
.brand{display:flex;align-items:center;gap:10px}
.brand__name{font-weight:900;letter-spacing:.2px}
.brand__tag{font-size:12px;color:var(--muted)}
.brand a.brand img {
    width: 220px;
}
.nav{display:flex;gap:18px;align-items:center}
.nav__link{color:var(--muted);font-size:14px}
.nav__link:hover,.nav__link.is-active{color:var(--text)}
.topbar__cta{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:700}
.btn:hover{background: #f99e3a; cursor: pointer;}
.btn--primary{background:var(--accent);border-color:transparent;color: #fff;}
.btn--primary:hover{background: #f99e3a; cursor: pointer;}
.btn--wa{background:var(--wa);border-color:transparent;color: #fff;}
.btn--sm{padding:8px 10px;font-size:13px}
.hero{position:relative;padding:34px 0 26px;background:
    radial-gradient(900px 500px at 30% 10%, rgba(79,124,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(15,23,42,.04), transparent);}
.hero__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
.hero h1{font-size:46px;line-height:1.08;margin:0 0 10px}
.hero__sub{color:var(--muted);font-size:16px;line-height:1.6;margin:0 0 18px;max-width:560px}
.hero__actions{display:flex;gap:12px;margin-bottom:18px}
.hero__trust{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.trust-item{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}
.hero__media{position:relative}
.hero__slider{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);/*box-shadow:0 20px 60px rgba(0,0,0,.45)*/}
.hero__slider img{height:390px;object-fit:cover;width:100%}
.hero__badge{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.45);padding:8px 10px;border-radius:999px;border:1px solid var(--line);font-weight:800}

/* Trending (top-right) - supports multiple items */
.trending-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.trending-main{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:block}
.trending-main img{height:390px;object-fit:cover;width:100%;display:block}
.trending-pill{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.45);padding:8px 10px;border-radius:999px;border:1px solid var(--line);font-weight:800;color:#fff}
.trending-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.trending-thumb{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:block}
.trending-thumb img{height:188px;object-fit:cover;width:100%;display:block}

/* Trending carousel (one-by-one) */
.trending-carousel{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff}
.trending-slides{display:flex;transition:transform .45s ease;will-change:transform}
.trending-slide{position:relative;min-width:100%;display:block}
.trending-slide img{height:420px;object-fit:cover;width:100%;display:block}
.trending-caption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(0,0,0,.45);border:1px solid var(--line);border-radius:14px;padding:10px 12px;color:#fff}
.trending-title{font-weight:900;font-size:18px;line-height:1.2}

.trending-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:#fff;font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.trending-nav.prev{left:12px}
.trending-nav.next{right:12px}

.trending-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:8px;justify-content:center;align-items:center;pointer-events:auto}
.trending-dot{width:9px;height:9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.55);cursor:pointer}
.trending-dot.is-active{background:#fff}

@media(max-width:900px){
  .trending-slide img{height:320px}
}
.searchbar {
    margin-top: 28px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 24px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .10);
}
.searchbar__grid{display:grid;grid-template-columns:1.3fr .9fr .9fr .9fr .5fr;gap:12px;align-items:end}
.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.field input, .field select, .lead__form input {
    background: #fff;
    color: var(--text);
    border: 1px solid rgb(6 12 26 / 18%);
    padding: 15px;
    border-radius: 5px;
    width: 100%;
}

.searchbar__btn {
    width: 100%;
    padding: 16px 14px;
    border-radius: 3px;
}
.section{padding:46px 0}
.section--soft{background:rgba(255,255,255,.02);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section__head{margin-bottom:18px}
.section__head h2{margin:0 0 6px;font-size:26px}
.section__head p{margin:0;color:var(--muted)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.card{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:var(--radius);overflow:hidden}
.card__body{padding:14px}
.card__row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card h3{margin:0;font-size:16px}
.muted{color:var(--muted)}
.card--dest img{height:170px;object-fit:cover;width:100%}
.pill{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.02)}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
.tab{cursor:pointer;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--muted);padding:8px 12px;border-radius:999px;font-weight:800}
.tab.is-active{background:rgba(79,124,255,.18);color:var(--text);border-color:rgba(79,124,255,.35)}
.card--pkg .card__media{position:relative}
.card--pkg img{height:190px;object-fit:cover;width:100%}
.badge{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.45);border:1px solid var(--line);padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px}
.badge--hot{left:auto;right:12px;bottom:12px;background:rgba(255,255,255,.12)}
.badge,
.hero__badge{
  background:rgba(255,255,255,.85);
  color:#0f172a;
}
.card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.price{font-weight:900}
.card__actions{display:flex;gap:10px}
.deal{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.deal img{height:230px;object-fit:cover;width:100%}
.deal__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.78));}
.deal__overlay h3{margin:0 0 4px;color: #fff;}
.deal__overlay p{margin:0;color: #fff;}
.deal__cta{margin-top:10px;font-weight:900;color: #fff;}
.feature{padding:16px}
.feature__icon{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;background:rgba(255,255,255,.03);margin-bottom:10px}
.feature__icon svg{width:22px;height:22px}
.card--review{padding:16px}
.review__row{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.avatar{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);object-fit:cover}
.stars{letter-spacing:1px}
.review__text{color:var(--text);opacity:.92;line-height:1.6}
.lead{background:radial-gradient(700px 400px at 70% 10%, rgba(34,197,94,.25), transparent 60%), rgba(255,255,255,.02);border-top:1px solid var(--line)}
.lead__inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.lead__form{display:grid;grid-template-columns:1.2fr .9fr .9fr .7fr;gap:10px;align-items:center}
.footer {
    padding: 36px 0 0;
    border-top: 1px solid var(--line);
    background: #363b41;
}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:18px;padding-bottom:24px}
.footer__grid h4{margin:0 0 10px; color: #fff}
.footer__grid a{display:block;color:#fff;padding:4px 0}
.footer__grid a:hover{color: #ccc}
.footer__bottom {
    border-top: 1px solid rgb(255 255 255 / 12%);
    padding: 14px 0;
    color: #fff;
    font-size: 13px;
    text-align: center;
}
.footer__bottom .container.muted {
    color: #fff;
}
.card,
.searchbar,
.section--soft,
.feature__icon,
.trust-item,
.tab,
.pill{
  background:var(--card);
}
.footer p.muted {
    color: #fff;
}
.topbar .btn:first-child:hover i {
    color: #fff;
}
.nav .nav__link:hover {
    color: #f99e3a;
}
@media (max-width: 1100px){
  .hero__inner{grid-template-columns:1fr}
  .hero__slider img{height:340px}
  .searchbar__grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .lead__inner{flex-direction:column;align-items:flex-start}
  .lead__form{grid-template-columns:1fr 1fr}
  .nav{display:none}
}

/* Package detail page */
.pkg-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px;flex-wrap:wrap}
.pkg-h1{margin:6px 0 0;font-size:32px;line-height:1.15}
.pkg-price{margin-top:8px;font-weight:800;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.pkg-price__val{font-size:28px}
.pkg-head__actions{display:flex;gap:10px;flex-wrap:wrap}

.pkg-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:12px}
.pkg-gallery img{width:100%;height:100%;object-fit:cover;border-radius:18px;border:1px solid rgba(0,0,0,.08)}
.pkg-gallery__main{height:420px}
.pkg-gallery__side{display:grid;grid-template-rows:1fr 1fr;gap:14px;height:auto;}

.pkg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.pkg-stat{border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.7);border-radius:16px;padding:12px}
.pkg-stat__label{color:rgba(0,0,0,.6);font-weight:700;font-size:12px}
.pkg-stat__value{font-weight:900;margin-top:4px}
.pkg-stars{letter-spacing:1px;margin-right:8px}

.pkg-body{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:16px;align-items:start}

.itinerary{display:flex;flex-direction:column;gap:12px}
.itinerary__row{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:start}
.itinerary__dot{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;font-weight:900;background:#0b5fff0f;border:1px solid rgba(11,95,255,.18);color:#0b5fff}
.itinerary__card{border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.7);border-radius:18px;padding:14px}
.itinerary__title{font-weight:900;margin-bottom:8px}
.itinerary__html{color:rgba(0,0,0,.82);line-height:1.65}
.itinerary__html ul{margin:8px 0 0 18px}

.ul-clean{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}


@media (max-width: 1100px){
  .pkg-gallery{grid-template-columns:1fr}
  .pkg-gallery__main,.pkg-gallery__side{height:auto}
  .pkg-gallery__main{height:320px}
  .pkg-gallery__side{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:200px}
  .pkg-stats{grid-template-columns:1fr}
  .pkg-body{grid-template-columns:1fr}
  .itinerary__row{grid-template-columns:80px 1fr}
}

.hero__trust .trust-item {
    background: #f99e3a;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    padding: 9px 9px 9px 9px;
}
.hero__actions a.btn + a.btn {
    background: #22c55e;
    color: #fff;
}
.whatsapp-float {
    display: none;
}
.feature__icon {
    font-size: 32px;
    color: #f5a623; /* change to brand color */
    margin-bottom: 12px;
}
.card.feature .feature__icon {
    font-size: 22px;
}
.footerInfoss {
    display: flex;
    justify-content: center;
    gap: 11px;
    background: transparent;
    flex-wrap: wrap;
    flex-direction: column;
}
.footerInfoss a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color 0.2s ease;
}
.footerInfoss a i {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.6);
}
.footerInfoss a:hover {
    color: #ffffff;
}
.footerInfoss a .fa-whatsapp {
    color: #25d366;
}
.topbar .btn i {
    color: #f99e3a;
    font-size: 19px;
    position: relative;
    top: 3px;
}
.topbar .btn:first-child {
    padding-top: 8px;
}

a.menuToggle{
    display: none;
}


@media (max-width: 767px){
.footer__grid {
    display: inline-block;
    padding: 0 15px;
}
.footer__grid> div {
    width: 100%;
    float: left;
}
.footer__grid> div:nth-of-type(3), .footer__grid> div:nth-of-type(2) {
    width: 49%;
    margin-bottom: 30px;
    margin-top: 11px;
}
.hero__actions {
    justify-content: center;
}
.hero__trust {
    justify-content: center;
}
.hero h1 {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
}
.searchbar__grid {
    grid-template-columns: 2fr;
}
.hero__media {
    display: none;
}
.grid-3 {
    grid-template-columns: repeat(1, 1fr);
}
section#deals {
    padding-top: 0;
}
section#international {
    padding-top: 10px;
}
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 56px;
  background-color: #25D366;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-float img {
  width: 32px;
  height: 32px;
}

.whatsapp-float:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 14px rgba(0,0,0,0.4);
}
.topbar a.btn.btn--wa {
    display: none;
}
.topbar__cta a.btn {
    font-size: 0;
}
.topbar__cta a.btn i {
    font-size: 21px;
    color: #f99e3a;
}
.topbar .btn {
    border: 1px solid #ccc;
    color: #fff;
    border-radius: 50%;
    height: 44px;
    width: 44px;
    text-align: center;
    padding: 1px 1px 0 0;
    gap: 0;
}
.brand a.brand img {
    width: 200px;
}
.topbar__inner {
    padding: 8px 0;
}
.topbar .btn:first-child {
    padding-top: 0;
}
.topbar .btn i {
    top: 0;
}
.topbar nav.nav {
    position: absolute;
    top: 67px;
    left: 0;
    width: 100%;
    background: #363b41;
}
.topbar .nav .nav__link {
    color: #fff;
    width: 100%;
    display: none;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}
.topbar .nav .nav__link {
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}
a.menuToggle {
    font-size: 31px;
    color: #f99e3a;
    margin-left: 7px;
    font-weight: 300;
    display: inline-block;
}


}