/* Discovery Safari Tours — PWA/mobile application layer v2 */
.pwa-install-button{display:none;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(30,74,62,.18);border-radius:12px;padding:10px 13px;background:#f8f4eb;color:#16302b;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.pwa-install-button.is-visible{display:inline-flex}
.pwa-install-button svg{width:18px;height:18px;flex:0 0 auto}
.pwa-install-sheet[hidden]{display:none!important}.pwa-install-sheet{position:fixed;inset:0;z-index:99999;display:grid;align-items:end;background:rgba(8,22,18,.55);padding:16px}.pwa-install-card{width:min(520px,100%);margin:0 auto;background:#fff;border-radius:24px 24px 18px 18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.pwa-install-card-head{display:flex;align-items:center;gap:13px}.pwa-install-card-head img{width:52px;height:52px;border-radius:13px}.pwa-install-card h3{margin:0;font-size:18px}.pwa-install-card p{margin:8px 0 0;color:#66716c;font-size:14px;line-height:1.55}.pwa-install-steps{margin:18px 0;padding:0;list-style:none;display:grid;gap:10px}.pwa-install-steps li{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:12px;background:#f7f5ef;font-size:14px}.pwa-install-step-num{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#112a24;color:#fff;font-size:12px;font-weight:800}.pwa-install-close{width:100%;border:0;border-radius:12px;padding:13px 16px;background:#112a24;color:#fff;font-weight:800;font-size:15px;cursor:pointer}

/* ----------------------------------------------------------------------
   PWA scroll recovery
   - standalone pages use the document as the only vertical scroller
   - stale menu/modal lock classes are not allowed to freeze the app
   ---------------------------------------------------------------------- */
html.pwa-standalone-root:not(.tour-lightbox-open){
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:smooth;
}
body.pwa-standalone:not(.nav-open):not(.tour-lightbox-open):not(.dst-route-modal-open){
  position:relative!important;
  inset:auto!important;
  height:auto!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y pinch-zoom!important;
  -webkit-overflow-scrolling:touch!important;
}
body.pwa-standalone main{overflow:visible!important;min-height:0!important;height:auto!important}
/* In installed-app mode the header scrolls naturally with the page. */
body.pwa-standalone .site-header.reference-header{position:relative!important;top:auto!important;padding-top:env(safe-area-inset-top);transform:none!important}

/* ----------------------------------------------------------------------
   Unified premium brand header + footer — v3
   The header itself now uses the exact dark brand background. The same
   transparent logo used in the footer sits directly on that background,
   so there is no separate plate and the artwork never escapes the header.
   ---------------------------------------------------------------------- */
.site-header.reference-header{
  background:linear-gradient(135deg,#102a23 0%,#173a31 100%)!important;
  border-bottom:1px solid rgba(213,168,90,.34)!important;
  box-shadow:0 8px 24px rgba(7,24,19,.16)!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
.reference-nav{
  height:124px!important;
  min-height:124px!important;
  padding-block:6px!important;
  align-items:center!important;
}
.reference-brand.reference-brand-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  min-width:0!important;
  max-height:112px!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.reference-brand.reference-brand-logo .reference-logo-image{
  display:block!important;
  width:250px!important;
  max-width:28vw!important;
  height:auto!important;
  max-height:108px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
/* Desktop navigation contrast on the dark header */
.site-header.reference-header .reference-menu>a:not(.header-whatsapp):not(.header-call){
  color:#f8f4eb!important;
}
.site-header.reference-header .reference-menu>a:not(.header-whatsapp):not(.header-call):hover,
.site-header.reference-header .reference-menu>a.active:not(.header-whatsapp):not(.header-call){
  color:#f0c36b!important;
}
.site-header.reference-header .reference-menu>a:not(.header-whatsapp):not(.header-call):after{
  background:#d5a85a!important;
}
.site-header.reference-header .header-call{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.30)!important;
  color:#fff!important;
}
.site-header.reference-header .header-call:hover{
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(240,195,107,.65)!important;
}
.site-header.reference-header .header-language-switcher .language-button{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
}
.site-header.reference-header .pwa-install-button{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.26)!important;
  color:#fff!important;
}
.site-header.reference-header .nav-toggle{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
}

/* Footer uses the same transparent logo directly on its dark background. */
.reference-footer .footer-logo-shell,.reference-footer-brand .footer-logo-shell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
.reference-footer .footer-logo-image,.reference-footer-brand .footer-logo-image{
  display:block!important;
  width:min(430px,100%)!important;
  max-width:100%!important;
  max-height:none!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}

@media(max-width:1180px){
  .reference-nav{height:112px!important;min-height:112px!important}
  .reference-brand.reference-brand-logo{max-height:100px!important}
  .reference-brand.reference-brand-logo .reference-logo-image{width:228px!important;max-width:26vw!important;max-height:96px!important}
}
@media(max-width:980px){
  .site-header.reference-header,.reference-nav{height:88px!important;min-height:88px!important}
  .reference-nav{padding-block:4px!important}
  .reference-brand.reference-brand-logo{max-height:80px!important;max-width:calc(100vw - 88px)!important}
  .reference-brand.reference-brand-logo .reference-logo-image{width:175px!important;max-width:100%!important;max-height:76px!important}
  .reference-menu{top:88px!important}
  .reference-menu.open,.reference-menu.is-open{
    background:#fff!important;
  }
  .site-header.reference-header .reference-menu>a:not(.header-whatsapp):not(.header-call){color:#222!important}
  .site-header.reference-header .reference-menu>a:not(.header-whatsapp):not(.header-call):hover,
  .site-header.reference-header .reference-menu>a.active:not(.header-whatsapp):not(.header-call){color:#9a641d!important}
  .site-header.reference-header .header-language-switcher .language-button{background:#fff!important;border-color:#d1d5db!important;color:#111!important}
  .site-header.reference-header .header-call{background:#fff!important;border-color:#d1d5db!important;color:#111!important}
  .site-header.reference-header .pwa-install-button{background:#f8f4eb!important;border-color:rgba(30,74,62,.18)!important;color:#16302b!important}
  .pwa-install-button.is-visible{width:100%;margin-top:6px}
  .pwa-install-sheet{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:560px){
  .site-header.reference-header,.reference-nav{height:82px!important;min-height:82px!important}
  .reference-brand.reference-brand-logo{max-height:74px!important;max-width:calc(100vw - 82px)!important}
  .reference-brand.reference-brand-logo .reference-logo-image{width:162px!important;max-width:100%!important;max-height:70px!important}
  .reference-menu{top:82px!important}
  .reference-footer .footer-logo-image,.reference-footer-brand .footer-logo-image{width:min(330px,100%)!important}
}
@media(min-width:901px){.pwa-install-button{display:none!important}}


/* ----------------------------------------------------------------------
   Mobile quick-book CTA + premium footer social icons — v4
   ---------------------------------------------------------------------- */
.mobile-header-book{
  display:none;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#e1ad4f 0%,#f3c96f 100%);
  border:1px solid rgba(255,224,151,.75);
  color:#15261f!important;
  font-size:12px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  text-decoration:none!important;
}
.mobile-header-book:active{transform:translateY(1px)}
.premium-social-icons{display:flex!important;align-items:center;gap:10px!important;margin-top:18px!important}
.premium-social-icons .social-icon{
  width:42px;height:42px;display:inline-grid!important;place-items:center;flex:0 0 42px;
  margin:0!important;padding:0!important;border-radius:50%!important;
  border:1px solid rgba(236,197,117,.42)!important;
  background:rgba(255,255,255,.055)!important;color:#f1c46d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.premium-social-icons .social-icon:hover{transform:translateY(-2px);background:rgba(213,168,90,.16)!important;border-color:#d5a85a!important;color:#fff!important}
.premium-social-icons .social-icon.is-disabled{opacity:.58;cursor:default}
.premium-social-icons .social-icon.is-disabled:hover{transform:none;background:rgba(255,255,255,.055)!important;color:#f1c46d!important}
.premium-social-icons svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.premium-social-icons .social-icon-facebook svg path{fill:currentColor;stroke:none}
.premium-social-icons .social-icon-instagram .social-fill,
.premium-social-icons .social-icon-tripadvisor .social-fill{fill:currentColor;stroke:none}

@media(max-width:980px){
  .reference-nav{justify-content:space-between!important;gap:7px!important}
  .mobile-header-book{display:inline-flex!important;order:2;flex:0 0 auto}
  .reference-brand.reference-brand-logo{order:1;flex:1 1 auto!important;max-width:calc(100vw - 178px)!important}
  .site-header.reference-header .nav-toggle{order:3;flex:0 0 44px!important}
  .reference-brand.reference-brand-logo .reference-logo-image{max-width:100%!important}
}
@media(max-width:560px){
  .mobile-header-book{min-height:38px;padding:8px 10px;font-size:11px;letter-spacing:.01em}
  .reference-brand.reference-brand-logo{max-width:calc(100vw - 168px)!important}
  .reference-brand.reference-brand-logo .reference-logo-image{width:150px!important;max-height:66px!important}
  .premium-social-icons .social-icon{width:40px;height:40px;flex-basis:40px}
}
@media(max-width:360px){
  .mobile-header-book{padding:7px 8px;font-size:10.5px}
  .reference-brand.reference-brand-logo{max-width:calc(100vw - 158px)!important}
  .reference-brand.reference-brand-logo .reference-logo-image{width:136px!important}
}


/* FOOTER EXACT HEADER BACKGROUND — v13 */
.footer.reference-footer.md-reference-footer,
.reference-footer,
.md-reference-footer{
  background:linear-gradient(135deg,#102a23 0%,#173a31 100%)!important;
  color:#f8f4eb!important;
  border-top:1px solid rgba(213,168,90,.34)!important;
}
.reference-footer p,.md-reference-footer p{color:#d5dfdb!important}
.reference-footer a,.md-reference-footer a{color:#eef4f1!important}
.reference-footer a:hover,.md-reference-footer a:hover{color:#f0c36b!important}
.reference-footer-bottom,.md-footer-bottom{
  border-top-color:rgba(255,255,255,.14)!important;
  color:#b9c9c3!important;
}

/* ======================================================================
   V22 — PREMIUM MOBILE APP UI
   Header, menu, cards and fixed application navigation.
   Desktop remains untouched. No external framework or icon font required.
   ====================================================================== */
.mobile-app-nav{display:none}

@media(max-width:700px){
  :root{--dst-app-nav-h:76px;--dst-app-green:#102f27;--dst-app-green-2:#1b4b3e;--dst-app-gold:#e2ad4d;--dst-app-paper:#fffdf8}
  html{background:#f5f3ee}
  body{background:#f7f6f2!important;padding-bottom:calc(var(--dst-app-nav-h) + env(safe-area-inset-bottom))!important}
  body.nav-open{overflow:hidden!important}

  /* Premium compact app bar */
  .site-header.reference-header,
  body.pwa-standalone .site-header.reference-header{
    position:sticky!important;top:0!important;z-index:1200!important;
    height:74px!important;min-height:74px!important;
    padding-top:env(safe-area-inset-top)!important;
    background:
      radial-gradient(circle at 20% -40%,rgba(229,180,89,.20),transparent 46%),
      linear-gradient(135deg,#0d2922 0%,#173e34 58%,#102d26 100%)!important;
    border-bottom:1px solid rgba(232,188,101,.38)!important;
    box-shadow:0 8px 30px rgba(6,27,21,.20)!important;
    overflow:visible!important;
  }
  .site-header.reference-header:after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#e7bd6a,transparent);opacity:.8;pointer-events:none}
  .reference-nav{
    width:calc(100% - 18px)!important;height:74px!important;min-height:74px!important;
    padding:5px 0!important;margin:auto!important;gap:7px!important;justify-content:space-between!important
  }
  .reference-brand.reference-brand-logo{
    order:1!important;flex:1 1 auto!important;max-width:calc(100vw - 174px)!important;max-height:64px!important;overflow:hidden!important
  }
  .reference-brand.reference-brand-logo .reference-logo-image{
    width:148px!important;max-width:100%!important;max-height:61px!important;height:auto!important;object-fit:contain!important;object-position:left center!important
  }
  html[dir="rtl"] .reference-brand.reference-brand-logo .reference-logo-image{object-position:right center!important}
  .mobile-header-book{
    order:2!important;display:inline-flex!important;min-height:39px!important;padding:9px 12px!important;
    border-radius:14px!important;background:linear-gradient(145deg,#f2ca78,#dca448)!important;
    border:1px solid rgba(255,226,160,.86)!important;color:#11261f!important;
    box-shadow:0 6px 18px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.45)!important;
    font-size:11px!important;font-weight:950!important;letter-spacing:.01em!important
  }
  .site-header.reference-header .nav-toggle{
    order:3!important;display:inline-grid!important;place-items:center!important;flex:0 0 42px!important;
    width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;
    border:1px solid rgba(255,255,255,.23)!important;border-radius:14px!important;
    background:rgba(255,255,255,.09)!important;color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.10)!important;font-size:23px!important;line-height:1!important
  }

  /* App-like menu sheet */
  .reference-menu{
    position:fixed!important;z-index:1250!important;left:9px!important;right:9px!important;top:calc(78px + env(safe-area-inset-top))!important;
    display:none!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;
    max-height:calc(100dvh - 98px - env(safe-area-inset-top))!important;overflow:auto!important;
    padding:10px!important;background:rgba(255,255,255,.985)!important;
    border:1px solid rgba(22,55,45,.12)!important;border-radius:22px!important;
    box-shadow:0 24px 65px rgba(10,35,28,.25)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important
  }
  .reference-menu.open,.reference-menu.is-open{display:flex!important;animation:dstAppMenuIn .17s ease-out both}
  @keyframes dstAppMenuIn{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
  .site-header.reference-header .reference-menu>a:not(.header-whatsapp):not(.header-call){
    min-height:48px!important;display:flex!important;align-items:center!important;padding:11px 13px!important;
    border:0!important;border-radius:13px!important;color:#18342c!important;font-size:14px!important;font-weight:850!important;background:transparent!important
  }
  .site-header.reference-header .reference-menu>a.active:not(.header-whatsapp):not(.header-call){background:#f4ead7!important;color:#7d541d!important}
  .site-header.reference-header .reference-menu>a:hover:not(.header-whatsapp):not(.header-call){background:#f6f5f1!important}
  .reference-menu .header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:5px 0 0!important;padding-top:8px!important;border-top:1px solid #ece9e1!important}
  .reference-menu .header-whatsapp,.reference-menu .header-call{min-height:44px!important;border-radius:13px!important}
  .reference-menu .header-language-switcher{grid-column:1/-1!important}
  .reference-menu .header-language-switcher .language-button{width:100%!important;min-height:44px!important;border-radius:13px!important}

  /* App surface rhythm */
  main{background:#f7f6f2!important}
  .md-section,.md-catalog,.md-list-hero{background:transparent!important}
  .md-section{padding:32px 0!important}
  .md-section-head{text-align:left!important;margin-bottom:17px!important}
  html[dir="rtl"] .md-section-head{text-align:right!important}
  .md-section-head h2{font-size:27px!important;line-height:1.14!important;letter-spacing:-.025em!important;color:#17231f!important}
  .md-section-head p{margin:0!important;font-size:13px!important;line-height:1.6!important;color:#6c746f!important}
  .md-section-head .md-kicker{font-size:10px!important;letter-spacing:.11em!important}

  /* Luxurious tour cards */
  .md-tour-grid{grid-template-columns:1fr!important;gap:15px!important}
  .md-tour-card{
    border:1px solid rgba(32,58,49,.09)!important;border-radius:21px!important;background:#fff!important;
    overflow:hidden!important;box-shadow:0 9px 28px rgba(21,46,38,.085)!important;transform:none!important
  }
  .md-tour-card:active{transform:scale(.995)!important}
  .md-tour-image{height:218px!important;background:#e9e5dc!important;position:relative!important}
  .md-tour-image:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(8,25,20,.24));pointer-events:none}
  .md-tour-image img{transition:none!important}
  .md-tour-body{padding:15px 15px 16px!important}
  .md-tour-body h3{margin:0 0 8px!important;font-size:18px!important;line-height:1.3!important;letter-spacing:-.015em!important;color:#17251f!important}
  .md-tour-excerpt{font-size:12.5px!important;line-height:1.55!important;color:#67716c!important;-webkit-line-clamp:2!important;min-height:0!important;margin-bottom:11px!important}
  .md-tour-meta{gap:7px!important;padding-top:0!important;margin-top:0!important;color:#40524b!important;font-size:10.5px!important}
  .md-tour-meta span{min-height:27px!important;padding:5px 8px!important;border:1px solid #ebe6dc!important;border-radius:999px!important;background:#faf8f3!important;font-weight:750!important}
  .md-tour-price-line{margin-top:12px!important;padding-top:11px!important;border-top:1px solid #eeeae1!important}
  .md-tour-price-line strong{font-size:19px!important;color:#13372d!important}
  .md-tour-price-line small{font-size:9px!important;color:#8a8f8c!important}
  .md-tour-actions{grid-template-columns:.9fr 1.1fr!important;gap:8px!important;margin-top:12px!important}
  .md-tour-actions a{min-height:44px!important;border-radius:13px!important;font-size:11.5px!important}
  .md-detail-btn{border:1px solid #e1ddd5!important;background:#f9f8f5!important;color:#243a33!important}
  .md-book-btn{border:1px solid #153b31!important;background:linear-gradient(145deg,#153b31,#205545)!important;color:#fff!important;box-shadow:0 5px 13px rgba(21,59,49,.18)!important}

  /* Home uses an app carousel with a visible next-card cue */
  #tours .md-home-tour-slider{gap:13px!important;padding:2px 2px 14px!important;scroll-padding-inline:2px!important}
  #tours .md-home-tour-slider>.md-tour-card{flex:0 0 88%!important;width:88%!important;max-width:370px!important;border-radius:21px!important}
  #tours .md-home-tour-slider>.md-tour-card:last-child{margin-inline-end:9%!important}
  #tours .md-home-tour-slider .md-tour-image{height:218px!important}
  #tours .md-home-tour-slider .md-tour-body{padding:15px 15px 16px!important}

  /* Services cards share the same app language */
  .dst-home-services-grid{gap:13px!important;padding-bottom:14px!important}
  .dst-home-service-card,.dst-service-card{border-radius:21px!important;border:1px solid rgba(32,58,49,.09)!important;box-shadow:0 9px 28px rgba(21,46,38,.075)!important;background:#fff!important}
  .dst-home-service-card{flex-basis:88%!important;width:88%!important;max-width:370px!important}
  .dst-home-service-card img{height:196px!important}
  .dst-home-service-body,.dst-service-body{padding:15px!important}
  .dst-home-service-body h3,.dst-service-body h2,.dst-service-body h3{color:#17251f!important}
  .dst-home-service-link{display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:8px 12px!important;border-radius:12px!important;background:#f5eddd!important;color:#79511d!important;font-weight:850!important}

  /* Catalog search as a compact application panel */
  .md-list-hero{padding:24px 0 15px!important;border-bottom:0!important}
  .md-list-hero h1{font-size:29px!important;letter-spacing:-.025em!important;color:#17231f!important}
  .md-list-hero p{font-size:13px!important;line-height:1.55!important}
  .md-filterbar{margin-top:15px!important;padding:10px!important;border:1px solid #ebe6dc!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 22px rgba(21,46,38,.055)!important}
  .md-filterbar .input,.md-filterbar .select{min-height:45px!important;border-radius:12px!important;border-color:#e4e0d8!important;background:#fbfaf7!important}
  .md-filterbar .md-filter-button,.md-filterbar .md-reset-button{min-height:43px!important;border-radius:12px!important}
  .md-catalog{padding:10px 0 36px!important}

  /* Fixed native-style bottom navigation */
  .mobile-app-nav{
    position:fixed;z-index:1180;left:0;right:0;bottom:0;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;
    height:calc(var(--dst-app-nav-h) + env(safe-area-inset-bottom));padding:7px 7px calc(6px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.965);border-top:1px solid rgba(32,58,49,.12);
    box-shadow:0 -9px 28px rgba(16,43,35,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .mobile-app-nav-item{position:relative;min-width:0;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#79817d!important;font-size:9.5px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important}
  .mobile-app-nav-item>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .mobile-app-nav-item.is-active{color:#17483b!important}
  .mobile-app-nav-item.is-active:before{content:"";position:absolute;top:-4px;width:25px;height:3px;border-radius:999px;background:#dba448}
  .mobile-app-nav-book{overflow:visible!important;color:#18372f!important}
  .mobile-app-nav-book-icon{width:52px;height:52px;margin-top:-25px;margin-bottom:0;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#e8b85e,#cf963a);border:3px solid #fff;box-shadow:0 8px 19px rgba(60,43,14,.26),inset 0 1px rgba(255,255,255,.45)}
  .mobile-app-nav-book-icon svg{width:23px;height:23px;fill:none;stroke:#163329;stroke-width:2.2;stroke-linecap:round}
  .mobile-app-nav-book>span:last-child{margin-top:-1px;font-weight:900!important;color:#37443f!important}

  /* Existing tour sticky CTA lives above the application bar. */
  .tour-pro-mobile-cta{bottom:calc(var(--dst-app-nav-h) + env(safe-area-inset-bottom))!important;z-index:1170!important;border-radius:18px 18px 0 0!important;padding:9px 12px!important;box-shadow:0 -7px 20px rgba(16,43,35,.10)!important}

  /* Footer no longer hides under the application bar. */
  .reference-footer{margin-bottom:0!important}
}

@media(max-width:370px){
  .reference-brand.reference-brand-logo{max-width:calc(100vw - 160px)!important}
  .reference-brand.reference-brand-logo .reference-logo-image{width:136px!important}
  .mobile-header-book{padding:8px 9px!important;font-size:10.5px!important}
  .site-header.reference-header .nav-toggle{flex-basis:40px!important;width:40px!important;height:40px!important}
  .mobile-app-nav-item{font-size:8.8px!important}
}

@media(min-width:701px){.mobile-app-nav{display:none!important}}