
/* Trekker Monkey | Premium responsive visual system | November 2026 */
:root{--tm-blue:#2759b8;--tm-navy:#14233b;--tm-muted:#617087;--tm-bg:#f5f8fc;--tm-line:#e2eaf3;--tm-radius:22px;--bs-primary:#2859b7;--bs-dark:#17243c}
html{scroll-behavior:smooth} body{font-family:'Montserrat',sans-serif;color:var(--tm-navy);background:white;overflow-x:hidden} 
body h1,body h2,body h3,body h4{color:var(--tm-navy);letter-spacing:-.025em} a{text-decoration:none}
.tm-header-top{background:#2759b8;color:white;min-height:35px;font-size:12px;font-weight:700;letter-spacing:.01em}
.tm-header-top .container{display:flex;justify-content:flex-end;gap:24px;align-items:center;min-height:35px;flex-wrap:wrap}
.tm-header-top a{color:white!important}.tm-header-top a:hover{text-decoration:underline}
.container-fluid.nav-bar.tm-premium-shell{background:transparent!important;padding:10px 18px!important;position:sticky;top:0;z-index:1090;box-shadow:none!important}
.tm-premium-shell:before{content:'';position:absolute;inset:0;background:rgba(244,248,254,.95);backdrop-filter:blur(14px);z-index:-1}
.tm-premium-shell nav.navbar.tm-premium-nav{background:white!important;border:1px solid #e6edf6;border-radius:999px;box-shadow:0 12px 32px rgba(20,41,79,.12);max-width:1320px;margin:auto;padding:8px 18px!important;min-height:76px;position:relative}
.tm-premium-nav .navbar-brand{padding:0!important;margin-right:18px!important;flex:0 0 auto}
.tm-premium-nav .navbar-brand img{height:50px!important;max-height:50px!important;width:auto!important;max-width:175px;object-fit:contain}
.tm-premium-nav .navbar-nav{align-items:center;gap:1px;flex-wrap:nowrap}
.tm-premium-nav .navbar-nav .nav-link,.sticky-top .tm-premium-nav .navbar-nav .nav-link{font-size:12.1px!important;letter-spacing:0!important;font-weight:700!important;color:#16243b!important;margin:0!important;padding:12px 9px!important;white-space:nowrap}
.tm-premium-nav .navbar-nav .nav-link:hover,.tm-premium-nav .navbar-nav .nav-link.active{color:var(--tm-blue)!important}
.tm-premium-nav .navbar-nav .dropdown-toggle:after{margin-left:5px;font-size:10px;float:none}
.tm-header-wa{border-radius:999px;padding:12px 16px;background:#06745c;color:white!important;white-space:nowrap;font-weight:800;font-size:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;box-shadow:0 6px 15px rgba(6,116,92,.16)}
.tm-header-wa:hover{background:#09533f;color:white!important}
.tm-premium-nav .nav-item.dropdown{position:static!important}
.tm-premium-nav .navbar-nav .dropdown-menu.tm-weekend-menu,.tm-premium-nav .navbar-nav .dropdown-menu.tm-international-menu,.tm-premium-nav .navbar-nav .dropdown-menu.tm-trekking-menu{width:min(760px,calc(100vw - 42px))!important;min-width:0!important;max-width:calc(100vw - 42px)!important;left:50%!important;right:auto!important;top:calc(100% + 5px)!important;transform:translateX(-50%)!important;transform-origin:center top!important;background:white!important;box-shadow:0 22px 55px rgba(20,40,80,.19)!important;border:1px solid #e6edf5!important;border-radius:18px!important;padding:20px!important;margin-top:0!important;max-height:min(430px,calc(100vh - 155px));overflow-y:auto;overscroll-behavior:contain}
.tm-premium-nav .navbar-nav .dropdown-menu.tm-international-menu{width:min(550px,calc(100vw - 42px))!important}
.tm-premium-nav .navbar-nav .dropdown-menu.tm-trekking-menu{width:min(620px,calc(100vw - 42px))!important}
.tm-premium-nav .dropdown-menu .row{margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;width:100%}
.tm-premium-nav .dropdown-menu.tm-international-menu .row{grid-template-columns:repeat(3,minmax(0,1fr))}
.tm-premium-nav .dropdown-menu.tm-trekking-menu .row{grid-template-columns:repeat(3,minmax(0,1fr))}
.tm-premium-nav .dropdown-menu .row >*{width:auto!important;max-width:none!important;padding:0!important;min-width:0!important;float:none!important;flex:none!important}
.tm-premium-nav .tm-menu-group strong{font-size:12px;color:var(--tm-blue);display:block;padding:4px 7px 9px;border-bottom:1px solid #e2eaf7;margin-bottom:5px}
.tm-premium-nav .dropdown-menu .dropdown-item{display:block;border-radius:7px;padding:5px 7px!important;font-size:11.4px!important;line-height:1.35!important;font-weight:600;color:#25344e!important;white-space:normal!important;overflow-wrap:break-word!important;background:transparent!important}
.tm-premium-nav .dropdown-menu .dropdown-item:hover{background:#edf4ff!important;color:#2456b7!important}
.tm-premium-nav .navbar-toggler{border:1px solid #e2e9f3;color:#2456b7;border-radius:12px;padding:8px 12px}
@media(max-width:1250px){.tm-premium-nav .navbar-nav .nav-link,.sticky-top .tm-premium-nav .navbar-nav .nav-link{font-size:11px!important;padding:11px 5px!important}.tm-premium-nav .navbar-brand img{max-width:135px}}
@media(max-width:1080px){.tm-header-wa{font-size:10px;padding:10px 11px}}
@media(max-width:991.98px){.tm-header-top .container{justify-content:center;gap:14px}.tm-premium-shell nav.navbar.tm-premium-nav{border-radius:20px;padding:9px 15px!important}.tm-premium-nav .navbar-brand img{height:42px!important;max-height:42px!important}.tm-premium-nav #navbarCollapse{max-height:calc(100dvh - 155px);overflow:auto;padding:10px 2px}.tm-premium-nav .navbar-nav{align-items:stretch!important}.tm-premium-nav .navbar-nav .nav-link{padding:9px 12px!important;font-size:13px!important}.tm-premium-nav .nav-item.dropdown{position:relative!important}.tm-premium-nav .navbar-nav .dropdown-menu.tm-weekend-menu,.tm-premium-nav .navbar-nav .dropdown-menu.tm-international-menu,.tm-premium-nav .navbar-nav .dropdown-menu.tm-trekking-menu{position:static!important;transform:none!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible;box-shadow:none!important;padding:12px!important;border-radius:12px!important;margin:0!important}.tm-premium-nav .dropdown-menu .row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tm-header-wa{margin:10px 0;width:100%}}
@media(max-width:520px){.tm-header-top{font-size:10px}.tm-header-top .container{gap:9px;padding:5px}.tm-premium-shell{padding:6px 10px!important}.tm-premium-nav .dropdown-menu .row{grid-template-columns:1fr!important}}
/* Full-width hero and existing components re-themed */
.btn-primary,.btn.btn-primary{background:#2759b8;border-color:#2759b8}.btn-primary:hover,.btn.btn-primary:hover{background:#1c458d;border-color:#1c458d}
.tm-explore-section{padding:66px 0;background:#fff}
.tm-explore-section.tm-tinted{background:linear-gradient(140deg,#f4f8fd 0%,#fbfcfe 100%)}
.tm-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px}
.tm-section-head h2{font-size:clamp(26px,3vw,40px);line-height:1.1;font-weight:850;color:#2a58b0;margin:0}
.tm-section-head p{margin:10px 0 0;color:var(--tm-muted);font-size:14px}
.tm-slider-controls{display:flex;gap:9px;flex:0 0 auto}
.tm-slider-controls button{height:39px;width:39px;border:0;color:white;background:#2b5bb6;border-radius:50%;box-shadow:0 5px 14px #284f9930;display:flex;align-items:center;justify-content:center}
.tm-slider-controls button:hover{background:#143e89}
.tm-destination-rows{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:calc((100% - 7*18px)/8);gap:22px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 4px 24px;scroll-behavior:smooth}
.tm-destination-rows::-webkit-scrollbar,.tm-activity-rail::-webkit-scrollbar{display:none}
.tm-destination-card{min-width:0;scroll-snap-align:start;text-align:center;display:block}
.tm-destination-photo{width:100%;aspect-ratio:.82;border-radius:22px;box-shadow:0 7px 16px #0d234125;overflow:hidden;background:#e6edf7;transition:.25s;border:2px solid white}
.tm-destination-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.tm-destination-card:hover img{transform:scale(1.06)}.tm-destination-card:hover .tm-destination-photo{transform:translateY(-3px)}
.tm-destination-title{display:block;font-size:13px;line-height:1.35;font-weight:800;color:#1d273c;margin-top:13px}
.tm-activity-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:12px 5px 25px}
.tm-activity-card{flex:0 0 calc((100% - 5*18px)/6);min-width:0;scroll-snap-align:start;border-radius:28px 28px 28px 28px;padding:13px 13px 18px;min-height:302px;box-shadow:0 9px 18px #17283e21;display:block;transition:transform .25s}
.tm-activity-card:hover{transform:translateY(-5px)}
.tm-activity-card:nth-child(3n+1){background:#e2edff}.tm-activity-card:nth-child(3n+2){background:#fff0c9}.tm-activity-card:nth-child(3n){background:#eaf6da}
.tm-activity-image{aspect-ratio:1/.94;border-radius:22px 78px 23px 55px;overflow:hidden;background:#fff}
.tm-activity-image img{width:100%;height:100%;object-fit:cover;display:block}
.tm-activity-card h3{font-size:16px;color:#131e34;font-weight:800;margin:18px 6px 10px}
.tm-activity-card p{font-size:12px;color:#3d4a61;font-weight:650;margin:0 6px}
.tm-about-area{background:#f4f7fc;padding:72px 0}
.tm-about-card{background:#fff;border-radius:28px;padding:clamp(24px,4vw,52px);box-shadow:0 12px 32px rgba(20,36,65,.07);margin-bottom:36px}
.tm-about-card h2,.tm-why-wrap h2{text-align:center;color:#2758b4;font-size:clamp(27px,3.5vw,41px);font-weight:850;margin-bottom:22px}
.tm-about-card p{font-size:15px;line-height:1.9;color:#42516a;max-width:1000px;margin:0 auto 14px}
.tm-why-wrap{margin-top:36px}
.tm-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tm-why-item{border:1px solid #e3ebf5;border-radius:24px;background:white;padding:23px;min-height:205px;position:relative;box-shadow:0 9px 21px rgba(19,45,90,.04)}
.tm-why-item:first-child{background:#ffe500;grid-column:span 2;grid-row:span 2;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}
.tm-why-number{position:absolute;right:20px;top:18px;color:#cbd5e1;font-size:18px;font-weight:850}
.tm-why-icon{font-size:29px;color:#2857ad;margin-bottom:20px;display:inline-flex;width:49px;height:49px;align-items:center;justify-content:center;border-radius:12px;background:#edf3ff}
.tm-why-item:first-child .tm-why-icon{background:rgba(255,255,255,.45);color:#111b2e;font-size:40px;width:65px;height:65px}
.tm-why-item h3{font-size:16px;font-weight:850;color:#111b2e;line-height:1.45;margin-bottom:8px}
.tm-why-item:first-child h3{font-size:26px;max-width:320px}
.tm-why-item p{font-size:13px;color:#68768d;line-height:1.6;margin:0}
.tm-why-item:first-child p{color:#232e37}
.tm-footer-links{margin-top:42px;background:#fff;border:1px solid #e4ebf6;border-radius:24px;padding:24px}
.tm-footer-links h3{color:#2858b6;font-size:19px;font-weight:800;margin-bottom:17px}
.tm-footer-links .tm-chips{display:flex;flex-wrap:wrap;gap:9px}
.tm-footer-links a{font-size:12px;font-weight:650;color:#364865;border:1px solid #dce5f0;border-radius:999px;padding:9px 14px;transition:.2s}
.tm-footer-links a:hover{background:#eff5ff;color:#2758b4}
@media(max-width:1200px){.tm-destination-rows{grid-auto-columns:calc((100% - 5*17px)/6)}.tm-activity-card{flex-basis:calc((100% - 3*18px)/4)}.tm-why-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.tm-destination-rows{grid-auto-columns:calc((100% - 3*15px)/4);gap:18px 15px}.tm-activity-card{flex-basis:calc((100% - 2*18px)/3)}.tm-why-grid{grid-template-columns:repeat(2,1fr)}.tm-why-item:first-child{grid-column:span 2;grid-row:span 1;min-height:245px}}
@media(max-width:560px){.tm-section-head h2{font-size:25px}.tm-destination-rows{grid-auto-columns:calc((100% - 1*14px)/2);gap:18px 14px}.tm-destination-title{font-size:12px}.tm-activity-card{flex-basis:76%;min-height:280px}.tm-activity-image{aspect-ratio:1.5}.tm-about-area{padding:48px 0}.tm-about-card{padding:24px}.tm-why-grid{grid-template-columns:1fr}.tm-why-item:first-child{grid-column:span 1}.tm-header-top .container a:nth-child(3){display:none}}

/* Handpicked itineraries: 60-second Kedarkantha background footage */
.tm-why-item.tm-why-video-card{isolation:isolate;overflow:hidden;background:#12273b !important;color:#fff;position:relative}
.tm-why-video-card .tm-why-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.tm-why-video-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,17,30,.26) 0%,rgba(5,17,30,.18) 38%,rgba(5,17,30,.88) 100%);z-index:-1;pointer-events:none}
.tm-why-item.tm-why-video-card h3,.tm-why-item.tm-why-video-card p,.tm-why-item.tm-why-video-card .tm-why-number{color:#fff !important;text-shadow:0 2px 9px rgba(0,0,0,.5)}
.tm-why-item.tm-why-video-card .tm-why-icon{background:rgba(255,255,255,.84) !important;color:#173454 !important}
@media(prefers-reduced-motion:reduce){.tm-why-video-card .tm-why-bg-video{display:none}}
