/* WOOW Lanka Leisure — mobile-only editorial redesign, 2026-09-19.
   Loaded after legacy and page-specific styles. Desktop >= 781px untouched. */
@media (max-width:780px){
 :root{--woow-night:#102e39;--woow-ink:#17323c;--woow-coral:#db4a2c;--woow-cream:#fffaf5}
 html{scroll-padding-top:78px} body{overflow-x:clip} body:not(.menu-open){background:var(--woow-cream)}
 .container{padding-inline:19px!important;max-width:100%!important}
 .site-header{box-shadow:0 6px 22px rgba(9,39,50,.09)!important}
 .site-header .brand img,.site-header .brand img{object-fit:contain!important}
 .section{padding-block:43px!important} .section-head{margin-bottom:22px!important}
 .section-head h2,.page-header h1{font-size:clamp(1.85rem,8vw,2.55rem)!important;line-height:1.13!important;letter-spacing:-.035em!important}
 .section-head p,.page-header p{font-size:.91rem!important;line-height:1.65!important}
 .section-head .btn{width:auto!important;max-width:100%!important;min-height:44px!important;margin-top:8px!important}
 .hero{min-height:0!important;height:auto!important;display:flex!important;align-items:flex-end!important;padding:100px 0 36px!important}
 .hero .hero-inner{padding-block:0!important;min-height:0!important}
 .hero h1{font-size:clamp(2.65rem,11vw,4rem)!important;line-height:1.04!important;letter-spacing:-.05em!important;margin-bottom:17px!important}
 .hero .lede{font-size:.94rem!important;line-height:1.65!important;max-width:37ch!important}
 .hero .eyebrow{font-size:.62rem!important;letter-spacing:.13em!important}
 .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important;margin-top:22px!important}
 .hero-actions .btn{width:100%!important;min-width:0!important;min-height:48px!important;padding:11px 8px!important;font-size:.67rem!important;line-height:1.25!important;white-space:normal!important;text-align:center!important;justify-content:center!important}
 .hero-actions .btn:first-child{grid-column:1/-1!important}
 .hero-actions .btn svg{width:13px!important;height:13px!important;flex:none!important}
 /* Home: first hero photograph only; remove duplicated Kandy billboard, retain interactive destinations. */
 body#home .home-kandy-banner{display:none!important}
 body#home #destinations .home-destination-intro{margin-bottom:14px!important}
 .home-carousel{padding-bottom:34px!important;margin-top:12px!important}
 .home-carousel-viewport{overflow:hidden!important;border-radius:19px!important}
 .home-carousel-track{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;gap:12px!important}
 .home-carousel-track::-webkit-scrollbar{display:none}
 .home-carousel-slide{flex:0 0 85%!important;scroll-snap-align:center!important;min-width:0!important}
 .home-carousel .dest-card,.home-tour-card{min-height:300px!important;height:325px!important;border-radius:18px!important;overflow:hidden!important}
 .home-tour-card .scene{min-height:145px!important}
 .home-carousel .card-body{padding:18px!important}
 .home-carousel .card-body h3{font-size:1.55rem!important}
 .home-carousel .card-body p{font-size:.79rem!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
 .home-carousel-btn{width:36px!important;height:36px!important;bottom:0!important}
 body#home .home-why-section .why-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body#home .home-why-section .why-item{min-width:0!important;margin:0!important;padding:18px 10px!important;border:1px solid #e5e9e8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 22px rgba(10,47,56,.045)!important}
 body#home .home-why-section .why-item .icon-wrap{margin:0 auto 10px!important;width:38px!important;height:38px!important}
 body#home .home-why-section .why-item h3{font-size:.94rem!important;line-height:1.27!important;margin:0 0 7px!important}
 body#home .home-why-section .why-item p{font-size:.74rem!important;line-height:1.5!important;margin:0!important}
 body#home .home-reviews-section .section-head{margin-bottom:16px!important}
 body#home .home-reviews-grid{gap:10px!important}
 body#home .home-review-card{padding:19px!important;border-radius:17px!important}
 .plan-band{padding:42px 0!important}
 .plan-band h2{font-size:clamp(2rem,8.4vw,2.65rem)!important;line-height:1.16!important}
 .plan-band > .container > p{font-size:.9rem!important;line-height:1.65!important}
 .contact-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:22px!important}
 .contact-card{min-width:0!important;padding:15px 12px!important;border-radius:16px!important}
 .contact-card:first-child{grid-column:1/-1!important;display:grid!important;grid-template-columns:42px 1fr!important;column-gap:12px!important;align-items:center!important}
 .contact-card:first-child .icon-wrap{grid-row:1/3!important;margin:0!important}
 .contact-card:first-child .btn{grid-column:1/-1!important}
 .contact-card .icon-wrap{width:38px!important;height:38px!important;margin-bottom:10px!important}
 .contact-card h3{font-size:.73rem!important;letter-spacing:.08em!important}
 .contact-card .detail{font-size:.8rem!important;overflow-wrap:anywhere!important}
 .contact-card .btn{min-width:0!important;width:100%!important;min-height:42px!important;padding:9px 5px!important;font-size:.63rem!important;white-space:normal!important;justify-content:center!important}
 .contact-location{margin-top:17px!important;font-size:.79rem!important}
 /* Footer: actual DOM has five columns, previous CSS made a very tall single column. */
 .site-footer{padding:34px 0 18px!important;background:linear-gradient(145deg,#102c38,#15556a)!important}
 .site-footer>.container{padding-inline:19px!important}
 .site-footer .footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 13px!important;padding-bottom:22px!important}
 .site-footer .footer-brand{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
 .site-footer .footer-brand img{height:59px!important;width:auto!important;max-width:170px!important;margin:0!important;object-fit:contain!important;object-position:left!important}
 .site-footer .footer-brand p{font-size:.79rem!important;line-height:1.55!important;max-width:42ch!important;margin:0!important}
 .site-footer .footer-social{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important;max-width:none!important;margin:10px 0 0!important}
 .site-footer .footer-social a{width:100%!important;height:auto!important;aspect-ratio:1!important;min-width:0!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.09)!important;display:flex!important;align-items:center!important;justify-content:center!important}
 .site-footer .footer-social svg{width:18px!important;height:18px!important;max-width:60%!important;max-height:60%!important;fill:currentColor!important}
 .site-footer .footer-social a.social-inactive{opacity:.45!important;pointer-events:none!important}
 .site-footer .footer-social a[data-platform="whatsapp"]{background:#25d366!important;color:white!important}
 .site-footer .footer-social a[data-platform="facebook"]{background:#1877f2!important;color:white!important}
 .site-footer .footer-social a[data-platform="instagram"]{background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)!important;color:white!important}
 .site-footer .footer-social a[data-platform="youtube"]{background:#ff0033!important;color:white!important}
 .site-footer .footer-social a[data-platform="tiktok"]{background:#080808!important;color:#fff!important;box-shadow:inset 2px 0 #25f4ee,inset -2px 0 #fe2c55!important}
 .site-footer .footer-social a[data-platform="tripadvisor"]{background:#34e0a1!important;color:#102e39!important}
 .site-footer .footer-social a[data-platform="google_business"]{background:#fff!important;color:#4285f4!important}
 .site-footer .footer-col{min-width:0!important;padding:0!important}
 .site-footer .footer-col h4{font-size:.64rem!important;letter-spacing:.09em!important;margin:0 0 9px!important;color:#ffb8a5!important}
 .site-footer .footer-col ul{display:grid!important;gap:8px!important;margin:0!important;padding:0!important}
 .site-footer .footer-col li{min-width:0!important;line-height:1.35!important}
 .site-footer .footer-col a,.site-footer .footer-contact-list li{font-size:.74rem!important;line-height:1.45!important;overflow-wrap:anywhere!important}
 .site-footer .footer-col:last-child{grid-column:1/-1!important;padding:13px!important;background:rgba(255,255,255,.065)!important;border-radius:14px!important}
 .site-footer .footer-col:last-child ul{grid-template-columns:1fr!important}
 .site-footer .footer-bottom{margin-top:0!important;padding-top:15px!important;gap:10px!important;font-size:.67rem!important}
 .site-footer .footer-bottom .legal-links{display:flex!important;flex-wrap:wrap!important;gap:8px 13px!important}
 .site-footer .footer-bottom .legal-links a{font-size:.68rem!important}
 .site-footer>.container>p:last-child{font-size:.64rem!important;line-height:1.45!important}
 /* Navigation is the existing mobile-nav, not the footer. Keep menu usable and scrollable. */
 #mobileNav{max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 #mobileNav .wpm-hero-card{aspect-ratio:16/8!important;max-height:175px!important;background-size:cover!important;background-position:center 38%!important}
 #mobileNav .wpm-main-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 #mobileNav .wpm-main-links a{min-width:0!important;min-height:49px!important;padding:8px!important;grid-template-columns:23px minmax(0,1fr)!important;border:1px solid #e7e7e3!important;border-radius:12px!important;background:#fff!important}
 #mobileNav .wpm-main-links .wpm-chevron{display:none!important}
 #mobileNav .wpm-link-text{font-family:var(--f-body)!important;font-size:.76rem!important;overflow-wrap:anywhere!important}
 #mobileNav .wpm-link-icon{font-size:1rem!important}
 /* General pages and forms */
 .page-header{padding-block:50px 34px!important;min-height:0!important}
 .page-header .container{max-width:100%!important}
 .about-grid,.fleet-grid,.intro-grid,.honeymoon{gap:18px!important}
 .dest-grid,.tour-grid,.fleet-grid,.gallery-grid,.reviews-grid{gap:13px!important}
 input,textarea,select{max-width:100%!important;font-size:16px!important}
 img,video,iframe{max-width:100%}
}
@media (max-width:360px){
 body#home .home-why-section .why-grid{gap:7px!important}
 body#home .home-why-section .why-item{padding:14px 8px!important}
 .site-footer .footer-social{gap:4px!important}
 .site-footer .footer-social svg{width:15px!important;height:15px!important}
 .hero-actions .btn{font-size:.61rem!important}
}


/* V3: visual direction approved in the three-screen mockup; mobile only. */
@media (max-width:780px){
/* Refined dark header, prominent clean brand. */
.site-header{background:#0b2029!important;border-bottom:1px solid rgba(255,255,255,.13)!important;box-shadow:0 7px 28px rgba(2,16,24,.22)!important}
.site-header>.container{min-height:76px!important;display:flex!important;align-items:center!important}
.site-header .brand{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.site-header .brand img{width:126px!important;max-width:38vw!important;height:60px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.site-header .brand-word{color:#fff!important;font-size:.82rem!important}
.site-header .brand-word small{color:#e8c9ac!important}
.site-header .nav-toggle{background:#fff!important;color:#102b35!important;border-radius:50%!important;width:43px!important;height:43px!important}
.site-header a[href^="https://wa.me"]{border-radius:50%!important}
/* Menu: keep the complete existing portrait so the guide's forehead and face are visible. */
#mobileNav,#mobileNav .wpm-shell{background:#0b2029!important;color:#f7f5f0!important}
#mobileNav .wpm-shell{padding:calc(15px + env(safe-area-inset-top)) 17px calc(28px + env(safe-area-inset-bottom))!important}
#mobileNav .wpm-top{margin-bottom:17px!important}
#mobileNav .wpm-brand strong{color:#fff!important}
#mobileNav .wpm-brand span{color:#d9b990!important}
#mobileNav .wpm-brand img{width:63px!important;height:63px!important}
#mobileNav .wpm-close{background:#fff!important;color:#0b2029!important}
#mobileNav .wpm-hero-card{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1085/1450!important;background-size:contain!important;background-position:center top!important;background-color:#c99b74!important;border-radius:19px!important;margin-bottom:20px!important;box-shadow:0 14px 32px rgba(0,0,0,.26)!important}
#mobileNav .wpm-main-links{grid-template-columns:1fr!important;gap:0!important}
#mobileNav .wpm-main-links a{border:0!important;border-bottom:1px solid rgba(255,255,255,.13)!important;border-radius:0!important;background:transparent!important;min-height:54px!important;padding:10px 7px!important}
#mobileNav .wpm-main-links .wpm-link-text{color:#fff!important;font-size:.93rem!important}
#mobileNav .wpm-main-links .wpm-link-icon{color:#ff7858!important}
#mobileNav .wpm-main-links .wpm-chevron{display:block!important;color:#d8a891!important}
#mobileNav .wpm-main-links a.active .wpm-link-text{color:#ff9479!important}
#mobileNav .wpm-section-heading strong,#mobileNav .wpm-language-title strong{color:#ff9d7f!important}
#mobileNav .wpm-section-heading span{background:rgba(255,255,255,.17)!important}
#mobileNav .wpm-explore-card{background:#142f3a!important;border-color:rgba(255,255,255,.14)!important}
#mobileNav .wpm-explore-card strong,#mobileNav .wpm-language-title small{color:#fff!important}
#mobileNav .wpm-explore-card small{color:#b8c9ce!important}
#mobileNav .wpm-language{background:#15313b!important;border-color:rgba(255,255,255,.13)!important}
/* Footer: centered lockup, true brand icons, two-column navigation, restrained luxury finish. */
.site-footer{background:linear-gradient(165deg,#081c25 0%,#0d2934 58%,#0a1c25 100%)!important;padding:42px 0 24px!important}
.site-footer .footer-brand{justify-items:center!important;text-align:center!important;gap:12px!important;padding-bottom:17px!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
.site-footer .footer-brand img{width:205px!important;max-width:74vw!important;height:112px!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important}
.site-footer .footer-brand p{max-width:34ch!important;font-size:.88rem!important;line-height:1.7!important;margin:0 auto!important;color:#e4eaeb!important}
.site-footer .footer-social{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;width:min(100%,330px)!important;margin:15px auto 0!important}
.site-footer .footer-social a{height:56px!important;max-height:56px!important;border-radius:15px!important;box-shadow:0 7px 15px rgba(0,0,0,.18)!important}
.site-footer .footer-social svg{width:25px!important;height:25px!important;max-width:none!important;max-height:none!important}
.site-footer .footer-col h4{color:#fff!important;font-size:.92rem!important;letter-spacing:.015em!important;text-transform:none!important}
.site-footer .footer-col li a{color:#d8e2e5!important;font-size:.81rem!important;line-height:1.5!important}
.site-footer .footer-col:last-child{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;padding:20px!important}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.17)!important;justify-content:center!important;text-align:center!important}
.site-footer .footer-bottom .legal-links{justify-content:center!important}
.site-footer>.container>p:last-child{text-align:center!important}
/* Hero is a deliberate editorial cover rather than a stretched desktop block. */
body#home .hero{min-height:min(740px,calc(100svh - 65px))!important;padding:112px 0 40px!important;background:#0c2933!important}
body#home .hero .hero-inner{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;flex:1!important}
body#home .hero h1{font-family:Georgia,serif!important;font-size:clamp(2.65rem,11vw,4.05rem)!important;line-height:1.07!important}
body#home .hero .lede{color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.45)!important}
body#home .hero-actions{grid-template-columns:1fr!important;gap:10px!important}
body#home .hero-actions .btn{grid-column:1/-1!important;min-height:51px!important;font-size:.75rem!important;letter-spacing:.035em!important;border-radius:100px!important}
body#home .hero-actions .btn-primary{background:linear-gradient(100deg,#ff835c,#f04a49)!important}
body#home .home-why-section .why-item{background:#fff!important}
}
@media(max-width:380px){.site-footer .footer-social{gap:7px!important}.site-footer .footer-social a{height:47px!important}.site-header .brand img{width:108px!important}}