/* LIYA MODERN MOBILE EXPERIENCE — mobile-first UX layer */
:root{--lm-forest:#0b3b29;--lm-deep:#06251a;--lm-gold:#c9a34f;--lm-cream:#f7f3eb;--lm-paper:#fcfbf8;--lm-ink:#17221c;--lm-muted:#667169;--lm-line:#e4ddd0;--lm-radius:18px}
body.liya-premium{background:var(--lm-paper)!important;color:var(--lm-ink)!important;padding-bottom:0}
body.liya-premium:has(.liya-mobile-bottom-nav){padding-bottom:76px}
/* Real Liya logo: wide transparent mark, never replaced by alt text */
.brand{background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.brand img{display:block!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;max-width:none!important}
@media(max-width:760px){.brand{width:142px!important;height:58px!important;flex:0 0 142px!important}.brand img{width:136px!important;height:54px!important}}

/* Make the top bar feel like a real mobile product header */
@media(max-width:760px){
 .shot-nav,.glass-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;height:66px!important;min-height:66px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(247,243,235,.96)!important;border-bottom:1px solid rgba(11,59,41,.10)!important;box-shadow:0 4px 22px rgba(18,34,25,.08)!important;z-index:5000!important;backdrop-filter:blur(18px)!important}
 .shot-logo-wrap,.nav-brand-logo{width:82px!important;height:60px!important;flex:0 0 82px!important;display:flex!important;align-items:center!important;background:transparent!important;overflow:visible!important}
 .shot-logo,.nav-brand-logo img{width:78px!important;height:58px!important;object-fit:contain!important;background:transparent!important;padding:0!important;filter:none!important;transform:none!important}
 .shot-nav-links,.shot-nav-actions,.nav-links-secondary,.custom-lang-select{display:none!important}
 .shot-mobile-nav-tools{display:none!important}
 .shot-menu{margin-left:auto!important;width:42px!important;height:42px!important;border:1px solid rgba(11,59,41,.15)!important;border-radius:50%!important;background:#fffdf8!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0!important;flex-direction:column!important}
 .shot-menu span{width:16px!important;height:1.5px!important;background:var(--lm-forest)!important;border-radius:3px!important}
 .shot-mobile-panel{top:66px!important;height:calc(100vh - 66px)!important;width:min(88vw,370px)!important;background:var(--lm-cream)!important;box-shadow:-18px 0 50px rgba(0,0,0,.18)!important;z-index:4999!important;padding:26px 22px 100px!important}
 .shot-mobile-panel a{font-size:13px!important;font-weight:600!important;letter-spacing:.2px!important;text-transform:none!important;padding:15px 4px!important}
 /* home hero */
 .shot-home-top{padding-top:66px!important}
 .shot-hero{min-height:72vh!important;height:auto!important;display:flex!important;align-items:flex-end!important;position:relative!important;overflow:hidden!important;border-radius:0 0 26px 26px!important}
 .shot-hero-media img{height:72vh!important;min-height:560px!important;width:100%!important;object-fit:cover!important;object-position:center!important}
 .shot-hero:after{background:linear-gradient(180deg,rgba(3,25,17,.04) 25%,rgba(3,25,17,.38) 50%,rgba(3,25,17,.88) 100%)!important}
 .shot-hero-copy{position:absolute!important;left:20px!important;right:20px!important;bottom:34px!important;padding:0!important;max-width:none!important;z-index:2!important}
 .shot-kicker{font-size:9px!important;letter-spacing:2.2px!important;margin-bottom:10px!important}
 .shot-title,.shot-hero h1{font-size:clamp(38px,11vw,54px)!important;line-height:.98!important;letter-spacing:-1.8px!important;color:#fff!important;margin:0 0 14px!important}
 .shot-hero h1 span,.shot-title span{color:#e4cc91!important}
 .shot-sub{font-size:12px!important;line-height:1.6!important;color:rgba(255,255,255,.88)!important;max-width:340px!important;margin-bottom:18px!important}
 .shot-cta{display:inline-flex!important;border-radius:999px!important;padding:13px 18px!important;font-size:10px!important;letter-spacing:1px!important}
 /* search becomes a floating mobile panel */
 .shot-search-wrap{position:relative!important;margin-top:-1px!important;padding:0 14px!important;z-index:10!important}
 .shot-search-card{display:block!important;margin:-22px 0 0!important;padding:15px!important;background:var(--lm-paper)!important;border:1px solid rgba(11,59,41,.09)!important;border-radius:20px!important;box-shadow:0 18px 45px rgba(24,37,29,.13)!important}
 .shot-field,.liya-preferred-places{padding:10px 6px!important;border-bottom:1px solid var(--lm-line)!important}
 .shot-search-card .shot-field:last-of-type{border-bottom:0!important}
 .liya-place-chips{display:flex!important;gap:6px!important;overflow:auto!important;padding:5px 0!important;scrollbar-width:none!important}
 .liya-place-chips label{white-space:nowrap!important;border:1px solid var(--lm-line)!important;border-radius:999px!important;padding:7px 10px!important;background:#fff!important;font-size:9px!important}
 .shot-search-card button,.shot-search-card .shot-search-button{width:100%!important;border-radius:999px!important;margin-top:10px!important;min-height:44px!important}
 /* sections */
 section{scroll-margin-top:78px!important}
 .section-header,.page-head,.wrap{padding-left:20px!important;padding-right:20px!important}
 .section-header{padding-top:34px!important;padding-bottom:16px!important}
 .section-header h2,.values h2,.team h2{font-size:32px!important;line-height:1.08!important;letter-spacing:-.8px!important}
 .section-header p,.page-head p{font-size:11px!important;line-height:1.65!important}
 /* cards feel like modern travel app tiles */
 .grid-container{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0 16px!important}
 .grid-container .tour-card,.grid-container article,.tour-card{border-radius:16px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(11,59,41,.08)!important;box-shadow:0 7px 22px rgba(26,39,30,.08)!important}
 .tour-card img,.grid-container article img{aspect-ratio:1.15/1!important;object-fit:cover!important}
 .tour-card h3,.grid-container article h3{font-size:14px!important;line-height:1.2!important}
 .tour-card p,.grid-container article p{font-size:10px!important}
 .tour-card .price,.grid-container article .price{font-size:16px!important;font-weight:800!important}
 .filter-buttons{display:flex!important;overflow:auto!important;gap:7px!important;padding:0 16px 6px!important;scrollbar-width:none!important}
 .filter-btn,.exc-nav-btn{flex:0 0 auto!important;border-radius:999px!important;padding:9px 13px!important;font-size:10px!important}
 .excursions-wrapper,.excursion-controls,.controls-bar{margin-left:0!important;margin-right:0!important}
 /* page heroes */
 .page-hero,.tours-banner{min-height:310px!important;padding:105px 20px 46px!important;border-radius:0 0 26px 26px!important;background-position:center!important}
 .page-hero h1,.tours-banner h1{font-size:40px!important;line-height:1!important;letter-spacing:-1px!important}
 .page-hero p,.tours-banner p{font-size:10px!important;letter-spacing:1.4px!important}
 .story{margin:0 14px!important;margin-top:-20px!important;border-radius:20px!important;padding:26px 20px!important;background:#fff!important;box-shadow:0 16px 38px rgba(25,38,29,.09)!important}
 .story p,.story li{font-size:12px!important;line-height:1.7!important}
 .values-grid,.team-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .value-card,.team-card{border-radius:16px!important;padding:18px!important;background:#fff!important;border:1px solid var(--lm-line)!important}
 /* full width visual strips */
 .wildlife-feature-image,.hero-image,.banner-image{border-radius:20px!important;overflow:hidden!important}
 /* floating WhatsApp/chat stays clear of bottom nav */
 .floating-whatsapp,.chat-fab{bottom:88px!important}
 /* footer */
 footer{margin-top:48px!important;padding:42px 20px 28px!important;border-radius:28px 28px 0 0!important}
 footer .footer-links{grid-template-columns:1fr 1fr!important;gap:18px!important}
}
/* modern desktop baseline too */
@media(min-width:761px){
 .shot-hero{min-height:72vh!important}
 .shot-cta,.btn,.primary,.gold{transition:transform .2s ease,box-shadow .2s ease!important}
 .shot-cta:hover,.btn:hover,.primary:hover,.gold:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(25,38,29,.15)!important}
 .grid-container article,.tour-card,.value-card{transition:transform .25s ease,box-shadow .25s ease!important}
 .grid-container article:hover,.tour-card:hover,.value-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 40px rgba(25,38,29,.12)!important}
}
/* bottom navigation */
.liya-mobile-bottom-nav{display:none}
@media(max-width:760px){
 .liya-mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;height:62px;background:rgba(252,251,248,.96);border:1px solid rgba(11,59,41,.12);border-radius:22px;box-shadow:0 15px 45px rgba(17,31,23,.20);backdrop-filter:blur(18px);z-index:6000;padding:5px}
 .liya-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#657168;font:600 8px/1.1 Montserrat,Arial,sans-serif}
 .liya-mobile-bottom-nav a .lm-icon{font-size:16px;line-height:1;color:#244536}
 .liya-mobile-bottom-nav a.active{color:#0b3b29}
 .liya-mobile-bottom-nav a.active .lm-icon{color:#c9a34f}
 .liya-mobile-bottom-nav .lm-plan{background:#0b3b29;color:#fff;border-radius:17px}
 .liya-mobile-bottom-nav .lm-plan .lm-icon{color:#e4cc91}
}