:root{
  --kf-forest:#0b3b2a;
  --kf-forest-2:#123f30;
  --kf-gold:#c79b3b;
  --kf-cream:#f7f4ed;
  --kf-ink:#183229;
  --kf-muted:#68756e;
  --kf-white:#fffdf8;
  --kf-radius:18px;
}
html{scroll-behavior:smooth}
body{background:var(--kf-cream);color:var(--kf-ink)}
/* Kinsfare visual system: preserve existing DOM/JS and restyle it. */
.glass-nav{background:rgba(247,244,237,.96)!important;border-bottom:1px solid rgba(11,59,42,.10)!important;box-shadow:0 8px 30px rgba(8,40,28,.08);backdrop-filter:blur(14px);padding:12px 28px!important}
.glass-nav.scrolled{background:rgba(255,253,248,.98)!important;padding:9px 28px!important}
.glass-nav a{color:var(--kf-forest)!important;letter-spacing:1.2px!important;font-weight:600}
.glass-nav a:hover,.glass-nav a.active{color:var(--kf-gold)!important}
#preloader{background:var(--kf-forest)!important}
.shot-logo-wrap{display:flex!important;align-items:center;max-width:210px}
.shot-logo{width:190px!important;height:auto!important;object-fit:contain;filter:none!important}
.hero{min-height:92vh!important}
.hero-content{max-width:1180px!important}
.hero h1{font-size:clamp(42px,6vw,78px)!important;line-height:1.02!important;text-shadow:0 5px 24px rgba(0,0,0,.35)}
.hero p{max-width:680px!important}
/* premium search / inquiry surfaces */
.liya-why,.shot-trust,.leadbox,.liya-intl-trade{border-radius:var(--kf-radius)!important}
button,.btn,.gold,.plan,.wa{transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
button:hover,.btn:hover,.gold:hover,.plan:hover{transform:translateY(-2px)}
/* cards */
.card,.tour-card,.destination-card,.liya-why-card,.shot-trust-item{border-radius:16px!important;overflow:hidden}
.card,.tour-card,.destination-card{box-shadow:0 10px 30px rgba(8,40,28,.08)!important;border:1px solid rgba(11,59,42,.08)!important}
/* itinerary remains functionally untouched; only its presentation is branded */
.jb-cover,.jb-day,.jb-contact-panel,.jb-closing{border-radius:16px}
.jb-brand{letter-spacing:1.5px}
footer{background:var(--kf-forest)!important}
@media(max-width:700px){
 .glass-nav{padding:10px 14px!important}
 .glass-nav.scrolled{padding:8px 14px!important}
 .shot-logo{width:155px!important}
 .hero{min-height:82vh!important}
 .hero h1{font-size:clamp(36px,11vw,56px)!important}
}


/* Kinsfare brand mark — keep the full logo visible in every navigation variant. */
.shot-nav .shot-logo-wrap,
.shot-nav .nav-brand-logo,
.topbar .brand,
.nav .brand{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:190px!important;height:64px!important;flex:0 0 190px!important;
  max-width:none!important;overflow:visible!important;background:transparent!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;
}
.shot-nav .shot-logo,
.shot-nav .nav-brand-logo img,
.topbar .brand img,
.nav .brand img,
.nav .logo{
  display:block!important;width:185px!important;height:62px!important;max-width:none!important;
  object-fit:contain!important;object-position:left center!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;filter:none!important;
}
.team-icon{overflow:hidden!important;background:#fffdf8!important;padding:6px!important;}
.team-icon img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;}
@media(max-width:1000px){
  .shot-nav .shot-logo-wrap,.shot-nav .nav-brand-logo,.topbar .brand,.nav .brand{width:160px!important;flex-basis:160px!important;}
  .shot-nav .shot-logo,.shot-nav .nav-brand-logo img,.topbar .brand img,.nav .brand img,.nav .logo{width:155px!important;height:58px!important;}
}
@media(max-width:760px){
  .shot-nav .shot-logo-wrap,.shot-nav .nav-brand-logo,.topbar .brand,.nav .brand{width:140px!important;height:58px!important;flex-basis:140px!important;}
  .shot-nav .shot-logo,.shot-nav .nav-brand-logo img,.topbar .brand img,.nav .brand img,.nav .logo{width:136px!important;height:54px!important;}
}
@media(max-width:420px){
  .shot-nav .shot-logo-wrap,.shot-nav .nav-brand-logo,.topbar .brand,.nav .brand{width:122px!important;flex-basis:122px!important;}
  .shot-nav .shot-logo,.shot-nav .nav-brand-logo img,.topbar .brand img,.nav .brand img,.nav .logo{width:118px!important;height:52px!important;}
}

/* Kinsfare final logo fix: use the supplied hosted logo in every navigation variant. */
.shot-nav .shot-logo-wrap,.shot-nav .nav-brand-logo,.topbar .brand,.nav .brand,.glass-nav .nav-brand-logo{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
}
.shot-nav .shot-logo,.shot-nav .nav-brand-logo img,.topbar .brand img,.nav .brand img,.nav .logo,.glass-nav .nav-brand-logo img{
  display:block!important;visibility:visible!important;opacity:1!important;
  object-fit:contain!important;object-position:left center!important;
  background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;
}
@media(max-width:760px){
  .shot-nav .shot-logo-wrap,.shot-nav .nav-brand-logo,.topbar .brand,.nav .brand,.glass-nav .nav-brand-logo{width:140px!important;min-width:140px!important;height:64px!important;flex-basis:140px!important;}
  .shot-nav .shot-logo,.shot-nav .nav-brand-logo img,.topbar .brand img,.nav .brand img,.nav .logo,.glass-nav .nav-brand-logo img{width:136px!important;max-width:136px!important;height:56px!important;}
}