@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap');

:root{
	--vst-primary:#1a76d2;
	--vst-primary-dark:#1560ab;
	--vst-accent:#ff5a1f;
	--vst-text:#151a21;
	--vst-muted:#6b7280;
	--vst-border:#e7e9ec;
	--vst-bg:#f7f8fa;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Jost',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--vst-text);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6{font-family:'Jost',sans-serif;letter-spacing:-.01em;}
img{max-width:100%;height:auto;}
a{color:var(--vst-primary);}
.vst-container{max-width:1180px;margin:0 auto;padding:0 24px;}
@media (max-width:600px){.vst-container{padding:0 16px;}}

/* Header */
.vst-header{border-bottom:1px solid var(--vst-border);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);z-index:100;}
.vst-header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;}
.vst-logo-text{font-size:23px;font-weight:800;color:var(--vst-text);text-decoration:none;letter-spacing:-.02em;}
.vst-nav-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0;}
.vst-nav-menu a{color:var(--vst-text);text-decoration:none;font-weight:500;font-size:15px;transition:color .15s;}
.vst-nav-menu a:hover{color:var(--vst-primary);}
.vst-nav-toggle{display:none;background:none;border:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;}
.vst-nav-toggle span{width:24px;height:2px;background:var(--vst-text);display:block;border-radius:2px;}
@media (max-width:780px){
	.vst-nav{display:none;width:100%;order:3;}
	.vst-nav.vst-open{display:block;}
	.vst-nav-menu{flex-direction:column;gap:0;padding:10px 0;}
	.vst-nav-menu a{display:block;padding:12px 0;border-bottom:1px solid var(--vst-border);}
	.vst-header-inner{flex-wrap:wrap;}
	.vst-nav-toggle{display:flex;}
}

/* Hero — modern layered gradient with floating search card */
.vst-hero{position:relative;padding:96px 0 130px;background:
	radial-gradient(circle at 15% 20%, rgba(255,255,255,.10), transparent 40%),
	radial-gradient(circle at 85% 80%, rgba(255,255,255,.08), transparent 45%),
	linear-gradient(135deg,#0b2540 0%,#134f8c 55%,#1a76d2 100%);
	color:#fff;text-align:center;overflow:hidden;}
.vst-hero-inner{position:relative;z-index:2;}
.vst-hero-eyebrow{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:6px 16px;border-radius:999px;font-size:13px;font-weight:500;margin-bottom:18px;letter-spacing:.02em;}
.vst-hero h1{font-size:46px;margin:0 0 14px;font-weight:800;line-height:1.12;}
.vst-hero p{font-size:18px;opacity:.92;margin:0 auto;max-width:560px;}
.vst-hero-search{margin-top:34px;}
.vst-hero-search .vt-search-box{margin:0 auto;max-width:700px;}
.vst-hero-search .vt-search-field{padding:8px 8px 8px 22px;box-shadow:0 16px 40px rgba(0,20,50,.35);}
.vst-hero-trust{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:28px;font-size:13px;opacity:.85;}
.vst-hero-trust span{display:flex;align-items:center;gap:6px;}
@media (max-width:600px){.vst-hero h1{font-size:30px;}.vst-hero p{font-size:15px;}.vst-hero{padding:56px 0 90px;}}

/* Section shared */
.vst-section{padding:56px 0;}
.vst-section h2{font-size:28px;margin:0 0 6px;font-weight:800;}
.vst-section-sub{color:var(--vst-muted);margin:0 0 26px;font-size:15px;}
.vst-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:10px;}
.vst-see-all{font-weight:600;text-decoration:none;font-size:14px;white-space:nowrap;}

/* Destinations grid — modern image-style cards */
.vst-destinations{background:var(--vst-bg);}
.vst-dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
.vst-dest-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:130px;border-radius:16px;padding:18px 20px;text-decoration:none;color:#fff;overflow:hidden;background:linear-gradient(135deg,#1a76d2,#0b3a66);transition:transform .18s,box-shadow .18s;}
.vst-dest-card:nth-child(4n+2){background:linear-gradient(135deg,#2b8f6b,#0b5c40);}
.vst-dest-card:nth-child(4n+3){background:linear-gradient(135deg,#c9702c,#8a3d0d);}
.vst-dest-card:nth-child(4n+4){background:linear-gradient(135deg,#8a4fd1,#4b1c8c);}
.vst-dest-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.18);}
.vst-dest-name{font-weight:700;font-size:17px;}
.vst-dest-count{font-size:12.5px;opacity:.85;}

/* "Why book with us" trust strip */
.vst-trust-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.vst-trust-item{text-align:center;padding:10px;}
.vst-trust-icon{font-size:30px;margin-bottom:10px;}
.vst-trust-item h3{font-size:16px;margin:0 0 6px;}
.vst-trust-item p{font-size:13.5px;color:var(--vst-muted);margin:0;}

/* Generic page/post */
.vst-page{padding:44px 0 76px;}
.vst-page-title{font-size:32px;margin:0 0 16px;font-weight:800;}
.vst-page-thumb{margin-bottom:22px;border-radius:14px;overflow:hidden;}
.vst-page-content{line-height:1.8;font-size:16px;}
.vst-post-meta-line{color:var(--vst-muted);font-size:13px;margin:-8px 0 20px;}
.vst-post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.vst-post-item{border:1px solid var(--vst-border);border-radius:14px;overflow:hidden;}
.vst-post-thumb{display:block;aspect-ratio:16/9;overflow:hidden;}
.vst-post-thumb img{width:100%;height:100%;object-fit:cover;}
.vst-post-body{padding:16px;}
.vst-post-body h2{font-size:18px;margin:0 0 8px;}
.vst-post-body h2 a{color:var(--vst-text);text-decoration:none;}
.vst-post-excerpt{color:var(--vst-muted);font-size:14px;}
.vst-404{text-align:center;padding:90px 0;}

/* Footer */
.vst-footer{background:#0f1b2b;color:#cbd5e1;margin-top:40px;}
.vst-footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:50px 20px 30px;}
@media (max-width:700px){.vst-footer-inner{grid-template-columns:1fr;}}
.vst-footer .vst-logo-text{color:#fff;}
.vst-footer-desc{font-size:14px;color:#9aa7b8;margin-top:10px;}
.vst-footer-menu{list-style:none;margin:0;padding:0;}
.vst-footer-menu li{margin-bottom:10px;}
.vst-footer-menu a{color:#cbd5e1;text-decoration:none;font-size:14px;}
.vst-footer-menu a:hover{color:#fff;}
.vst-footer-widget-title{color:#fff;font-size:15px;margin:0 0 10px;}
.vst-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 20px;font-size:13px;color:#77879b;text-align:center;}

/* Horizontal carousels (destinations & tours) */
.vst-carousel-section{padding-bottom:36px;}
.vst-carousel{display:flex;gap:16px;overflow-x:auto;padding:4px 24px 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.vst-carousel::-webkit-scrollbar{height:6px;}
.vst-carousel::-webkit-scrollbar-thumb{background:#d6d9dc;border-radius:99px;}
.vst-carousel-card{flex:0 0 260px;scroll-snap-align:start;}
.vst-carousel-card .vt-card{height:100%;}

.vst-dest-photo-card{flex:0 0 190px;scroll-snap-align:start;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;}
.vst-dest-photo-wrap{width:100%;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#eee;}
.vst-dest-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s;}
.vst-dest-photo-card:hover .vst-dest-photo-wrap img{transform:scale(1.06);}
.vst-dest-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);}
.vst-dest-photo-name{font-weight:700;font-size:14.5px;color:var(--vst-text);}
.vst-dest-photo-count{font-size:12px;color:var(--vst-muted);}

@media (max-width:600px){
	.vst-carousel{padding:4px 16px 14px;}
	.vst-carousel-card{flex-basis:220px;}
	.vst-dest-photo-card{flex-basis:150px;}
}

/* Hero with photo background */
.vst-hero-photo{background-size:cover;background-position:center;}

/* Carousel arrows */
.vst-carousel-wrap{position:relative;}
.vst-carousel-arrow{position:absolute;top:40%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 14px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;z-index:5;color:#1a1a1a;}
.vst-carousel-arrow:hover{background:#1a76d2;color:#fff;border-color:#1a76d2;}
.vst-carousel-prev{left:6px;}
.vst-carousel-next{right:6px;}
@media (max-width:900px){.vst-carousel-arrow{display:none;}}

/* Alternate section background for rhythm */
.vst-section-alt{background:var(--vst-bg);}

/* Category pills row */
.vst-cat-pills{display:flex;flex-wrap:wrap;gap:10px;}
.vst-cat-pill{background:#fff;border:1px solid var(--vst-border);border-radius:999px;padding:9px 18px;text-decoration:none;color:var(--vst-text);font-size:14px;font-weight:500;transition:all .15s;}
.vst-cat-pill span{color:var(--vst-muted);font-size:12px;margin-left:4px;}
.vst-cat-pill:hover{background:#1a76d2;color:#fff;border-color:#1a76d2;}
.vst-cat-pill:hover span{color:rgba(255,255,255,.8);}
