/* v8: native-feeling mobile layout. Existing desktop untouched. */
@media(max-width:780px){
 html,body{overflow-x:hidden!important}
 body{background:#03142c!important;color:#f5fbff!important}
 .weather-photo-backdrop{background-position:center top!important;opacity:.92!important}
 .top{position:relative!important;z-index:40!important;background:linear-gradient(140deg,#04152e,#08274d)!important;border-bottom:1px solid #0c88bb!important;padding:12px 14px 11px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:9px!important;align-items:center!important}
 .top .brand{grid-column:1/3!important;flex-basis:auto!important;max-width:100%!important;font-size:clamp(18px,5.3vw,25px)!important;white-space:nowrap!important;min-width:0!important}
 .top .brand img{height:30px!important;width:30px!important}
 .top .mobile-menu{grid-column:3!important;grid-row:1!important;min-width:42px!important;height:42px!important;font-size:24px!important;background:transparent!important;color:#fff!important}
 .top .lang-control{grid-column:1!important;grid-row:2!important;margin:0!important;justify-self:start!important;min-width:0!important;max-width:170px!important}
 .top .lang-control select,.top .wr-language-picker{background:#092a4c!important;color:white!important;border:1px solid #23caff!important;border-radius:24px!important;min-height:39px!important;box-shadow:0 0 11px #00bfff50!important}
 .top .unit{grid-column:2!important;grid-row:2!important;min-height:39px!important;padding:6px 10px!important;border:1px solid #27caff!important;border-radius:25px!important;background:#0b3259!important;color:white!important}
 .top .accessibility-toggle{grid-column:3!important;grid-row:2!important;width:42px!important;height:42px!important;border:1px solid #52d9ff!important;border-radius:50%!important;background:#0a2c4c!important}
 .top nav{z-index:90!important}
 #main{padding-bottom:95px!important}
 .temperature-tool{display:none!important}
 .hero{display:block!important;min-height:0!important;padding:18px 14px 20px!important;margin:0!important;background:linear-gradient(180deg,#03162a11,#001328a8)!important}
 .hero-copy{width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;background:none!important}
 .hero .eyebrow{font-size:clamp(10px,2.6vw,13px)!important;letter-spacing:.2em!important;color:#d8f2ff!important;margin-bottom:12px!important}
 .hero h1{font-size:clamp(33px,9.5vw,58px)!important;line-height:1.04!important;margin:0 0 10px!important;text-shadow:0 3px 14px #00152b!important;letter-spacing:-.03em!important}
 .hero h1 em{font-style:normal!important;color:#15d7ef!important}
 .hero .wr-hero-intro{font-size:clamp(13px,3.8vw,17px)!important;line-height:1.45!important;margin:0 0 16px!important;color:#f9fdff!important;text-shadow:0 2px 8px #001529!important}
 .main-search{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;margin:0 0 13px!important}
 .main-search .search-label,.voice-search-hint{display:none!important}
 .main-search .searchbar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;background:#f8fcff!important;border:2px solid #a5edff!important;border-radius:28px!important;padding:5px!important;min-height:55px!important;box-shadow:0 7px 26px #00132d80!important}
 .main-search .searchbar>span{color:#173b61!important;font-size:22px!important;padding-left:7px!important}
 .main-search .searchbar input{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:#0c2947!important;flex:1 1 0!important;min-width:0!important;width:10px!important;font-size:clamp(12px,3.3vw,16px)!important;padding:5px!important}
 .main-search .searchbar .voice-btn{flex:0 0 42px!important;width:42px!important;min-height:43px!important;border:0!important;border-radius:15px!important;background:linear-gradient(#16d9e7,#078aaf)!important;color:white!important;font-size:20px!important}
 .main-search .searchbar #searchBtn{flex:0 0 auto!important;min-height:43px!important;padding:7px 13px!important;border-radius:24px!important;background:linear-gradient(120deg,#078bf1,#1756dd)!important;color:#fff!important;font-size:13px!important}
 .main-search .searchbar .search-clear{display:none!important}
 .hero-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0 0 14px!important}
 .hero-actions>*{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:0!important;min-height:64px!important;max-width:none!important;padding:8px 3px!important;border:1px solid #27d6ff!important;border-radius:16px!important;background:linear-gradient(160deg,#184c7ec9,#031a35f0)!important;box-shadow:inset 0 1px 8px #60caff38,0 3px 12px #001b36!important;font-size:clamp(10px,2.6vw,13px)!important;line-height:1.2!important;color:#fff!important;white-space:normal!important}
 .hero-actions>*:nth-child(n+5){display:none!important}
 .hero-actions>*:nth-child(1):before{content:'➤';font-size:21px;color:#2de2f4}
 .hero-actions>*:nth-child(2):before{content:'⇄';font-size:22px}
 .hero-actions>*:nth-child(3):before{content:'◎';font-size:22px}
 .hero-actions>*:nth-child(4):before{content:'★';font-size:22px;color:#ffd73e}
 .hero-copy>.message{font-size:12px!important}
 .world-time-band{position:relative!important;margin:12px 0 14px!important;padding:10px 7px 7px!important;width:100%!important;max-width:100%!important;border:1px solid #20cfff!important;border-radius:19px!important;background:linear-gradient(145deg,#08345ddc,#03142aee)!important;box-shadow:0 0 15px #09a9e73b!important}
 .world-time-head{padding:0 5px 7px!important;flex-wrap:nowrap!important}
 .world-time-title img{width:24px!important;height:28px!important}
 .world-time-title strong{font-size:15px!important;letter-spacing:0!important}
 .world-time-title span{font-size:9px!important}
 .clock-customize{border:1px solid #43d7ff!important;border-radius:22px!important;background:#0c3e6c!important;color:white!important;font-size:10px!important;padding:6px!important}
 .clock-live-indicator{display:none!important}
 .world-clock-grid{padding:0 0 4px!important;gap:5px!important;display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}
 .world-clock-grid>*{flex:0 0 min(40vw,170px)!important;min-width:min(40vw,170px)!important;width:min(40vw,170px)!important;padding:5px!important;font-size:11px!important;border:1px solid #42b7e357!important;background:#102f52e8!important;border-radius:11px!important}
 .wr-v8-feature-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 5px}
 .wr-v8-feature-links a{min-height:60px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;color:white;font-weight:800;font-size:clamp(11px,3.1vw,15px);border:1px solid #36dfff;border-radius:18px;background:linear-gradient(150deg,#13618a,#021d3c);box-shadow:inset 0 1px 7px #6bf2ff55,0 0 10px #00c4ff40;padding:8px}
 .wr-v8-feature-links .symbol{font-size:23px;color:#28e8e6}
 .wr-app-bottom{background:linear-gradient(#061b38,#03142d)!important;border-top:1px solid #39dfff80!important;box-shadow:0 -5px 24px #001528c9!important;z-index:1100!important}
 .wr-app-bottom a,.wr-app-bottom button{border-radius:16px!important;font-size:11px!important}
 .wr-app-bottom .active{border:1px solid #3de4ff!important;box-shadow:0 0 12px #04cfff66!important;background:#10517c!important}
 .wr-app-bottom .wr-nav-symbol{font-size:24px!important;color:#9aeaff!important}
 .wr-app-more-panel{z-index:1200!important}
 body.wr-v8-home .hero-globe-column,body.wr-v8-home #weatherRadar,body.wr-v8-home #forecast,body.wr-v8-home #alerts,body.wr-v8-home #compare,body.wr-v8-home #favorites,body.wr-v8-home #world,body.wr-v8-home #about,body.wr-v8-home #countryExplorer{display:none!important}
 body.wr-v8-home .hero{margin-bottom:0!important}
 body.wr-v8-radar .hero-copy,body.wr-v8-radar .hero-globe-column,body.wr-v8-radar #forecast,body.wr-v8-radar #alerts,body.wr-v8-radar #compare,body.wr-v8-radar #favorites,body.wr-v8-radar #world,body.wr-v8-radar #about{display:none!important}
 body.wr-v8-radar #weatherRadar{display:block!important;margin:8px 12px 30px!important;scroll-margin-top:8px!important}
 body.wr-v8-earth .hero-copy,body.wr-v8-earth #forecast,body.wr-v8-earth #alerts,body.wr-v8-earth #compare,body.wr-v8-earth #favorites,body.wr-v8-earth #world,body.wr-v8-earth #about{display:none!important}
 body.wr-v8-earth .hero-globe-column{display:block!important;width:100%!important;max-width:100%!important;margin:0!important}
 body.wr-v8-forecast .hero,body.wr-v8-forecast #alerts,body.wr-v8-forecast #compare,body.wr-v8-forecast #favorites,body.wr-v8-forecast #world,body.wr-v8-forecast #about{display:none!important}
 body.wr-v8-forecast #forecast{display:block!important;padding-top:15px!important}
 body.wr-v8-other .hero{display:none!important}
 body.wr-v8-other #forecast,body.wr-v8-other #weatherRadar{display:none!important}
 body.wr-v8-other #alerts:not(:target),body.wr-v8-other #compare:not(:target),body.wr-v8-other #favorites:not(:target),body.wr-v8-other #world:not(:target),body.wr-v8-other #about:not(:target){display:none!important}
 body.wr-v8-other #alerts:target{display:block!important}
 .wr-radar-frame iframe{min-height:360px!important}
 #globe canvas{touch-action:pan-y!important}
 .wr-v8-other .world-time-band{display:none!important}
}
@media(max-width:370px){.top .brand{font-size:17px!important}.main-search .searchbar #searchBtn{padding:6px 9px!important}.world-time-title span{display:none!important}}