/* Cached city weather becomes a compact scene; no request or animation canvas per card. */
.popular-weather-enabled .popular-grid a{display:grid;grid-template-columns:18px minmax(0,1fr) 78px;gap:10px;align-items:center;min-height:82px;padding:9px 11px;overflow:hidden}
.popular-weather-enabled .popular-grid a>svg{width:16px;height:16px}
.popular-weather-enabled .popular-grid a>span:not(.popular-weather-scene){min-width:0;line-height:1.25}
.popular-weather-enabled .popular-grid a>span:not(.popular-weather-scene) small{font-size:11px;line-height:1.35;white-space:nowrap}
.popular-weather-enabled .popular-grid a .popular-weather-scene{--scene-sky1:#80c8d5;--scene-sky2:#d3e9db;--scene-sun:#fff0a5;--scene-cloud:#f8ffff;--scene-rain:#e9ffff;position:relative;display:block;justify-self:end;width:78px;height:62px;min-width:78px;overflow:hidden;isolation:isolate;border-radius:6px 30px 6px 30px;background:linear-gradient(150deg,var(--scene-sky1),var(--scene-sky2));box-shadow:inset 0 0 0 1px #ffffff6e;transition:transform .22s,box-shadow .22s}
.popular-weather-enabled .popular-grid a:hover .popular-weather-scene{transform:translateY(-2px) scale(1.04);box-shadow:inset 0 0 0 1px #fff,0 5px 13px #1639472b}
.popular-weather-enabled .popular-grid a .popular-weather-scene::after{content:"";position:absolute;inset:auto -10% -17% -10%;height:31%;border-radius:50% 50% 0 0;background:#ffffff4a;filter:blur(4px)}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-shape="circle"]{border-radius:50%;width:62px;min-width:62px;height:62px}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-shape="arch"]{border-radius:42px 42px 6px 6px;width:69px;min-width:69px}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-shape="diamond"]{border-radius:16px 5px 16px 5px;transform:rotate(7deg);width:68px;min-width:68px;height:56px}
.popular-weather-enabled .popular-grid a:hover .popular-weather-scene[data-shape="diamond"]{transform:rotate(7deg) translateY(-2px) scale(1.04)}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-shape="square"]{border-radius:6px}
.popular-weather-enabled .popular-grid a .popular-weather-sun{position:absolute;left:29px;top:8px;width:27px;height:27px;min-width:0;border-radius:50%;background:var(--scene-sun);box-shadow:0 0 0 6px #fff3ae42,0 0 16px #fff4c9a0;animation:popular-sun-pulse 4.5s ease-in-out infinite}
.popular-weather-enabled .popular-grid a .popular-weather-cloud{position:absolute;z-index:1;left:13px;top:31px;width:51px;height:19px;min-width:0;border-radius:17px;background:var(--scene-cloud);box-shadow:0 3px 8px #44748a35;animation:popular-cloud-drift 4.8s ease-in-out infinite}
.popular-weather-enabled .popular-grid a .popular-weather-cloud::before{content:"";position:absolute;left:10px;bottom:8px;width:25px;height:25px;border-radius:50%;background:var(--scene-cloud)}
.popular-weather-enabled .popular-grid a .popular-weather-cloud::after{content:"";position:absolute;left:30px;bottom:6px;width:16px;height:16px;border-radius:50%;background:var(--scene-cloud)}
.popular-weather-enabled .popular-grid a .popular-weather-precip{position:absolute;z-index:2;left:18px;top:45px;width:45px;height:15px;min-width:0;opacity:0}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="sun"] .popular-weather-cloud{opacity:.22;transform:translate(12px,5px) scale(.75)}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="cloud"] .popular-weather-sun{opacity:.82}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="rain"],.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="storm"]{--scene-sky1:#637d9b;--scene-sky2:#a7b2bd;--scene-sun:#cbdde0;--scene-cloud:#dce9ef;--scene-rain:#e3faff}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="rain"] .popular-weather-sun,.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="storm"] .popular-weather-sun{opacity:.28}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="rain"] .popular-weather-precip,.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="storm"] .popular-weather-precip{opacity:1;background-image:radial-gradient(ellipse at center,var(--scene-rain) 0 2px,transparent 2.5px),radial-gradient(ellipse at center,var(--scene-rain) 0 2px,transparent 2.5px);background-size:15px 12px,22px 17px;background-position:0 0,8px 5px;animation:popular-precip .9s linear infinite}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="storm"]::before{content:"";position:absolute;z-index:3;left:39px;top:40px;width:15px;height:18px;clip-path:polygon(40% 0,100% 0,60% 42%,93% 42%,10% 100%,35% 50%,4% 50%);background:#fff5c0;filter:drop-shadow(0 0 4px #ffe26b);animation:popular-flash 3s steps(2,end) infinite}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="snow"]{--scene-sky1:#a4c9d9;--scene-sky2:#e7f3f7;--scene-cloud:#faffff}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="snow"] .popular-weather-precip{opacity:1;background-image:radial-gradient(circle,#fff 2px,transparent 2.5px),radial-gradient(circle,#eafaff 2px,transparent 2.5px);background-size:16px 14px,22px 17px;animation:popular-precip 2.5s linear infinite}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="unknown"]{--scene-sky1:#dce5e6;--scene-sky2:#f0f3f2;--scene-cloud:#fff}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="unknown"] .popular-weather-sun{opacity:.28;animation:none}
.popular-weather-enabled .popular-grid a .popular-weather-scene[data-scene="unknown"] .popular-weather-cloud{opacity:.75;animation:none}
body[data-template="anime"] .popular-weather-enabled .popular-grid a{min-height:89px;background:#fffefa!important}
body[data-template="anime"] .popular-weather-enabled .popular-grid a .popular-weather-scene{--scene-sky1:#9ed9e7;--scene-sky2:#ffe5c0;--scene-sun:#ffe188;--scene-cloud:#fffdf6;border-radius:50%;width:62px;min-width:62px}
body[data-template="aurora"] .popular-weather-enabled .popular-grid a{min-height:88px;backdrop-filter:blur(12px)}
body[data-template="aurora"] .popular-weather-enabled .popular-grid a .popular-weather-scene{--scene-sky1:#a6b4ef;--scene-sky2:#97ddd9;--scene-sun:#ffe4bd;--scene-cloud:#fff8ff;border-radius:17px 5px 17px 5px;transform:rotate(7deg);width:68px;min-width:68px;height:56px}
body[data-template="aurora"] .popular-weather-enabled .popular-grid a:hover .popular-weather-scene{transform:rotate(7deg) translateY(-2px) scale(1.04)}
body[data-template="cosmos"] .popular-weather-enabled .popular-grid a{min-height:88px}
body[data-template="cosmos"] .popular-weather-enabled .popular-grid a .popular-weather-scene{--scene-sky1:#16495b;--scene-sky2:#365177;--scene-sun:#f6bf7b;--scene-cloud:#a4e4e7;border-radius:3px;clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%)}
body[data-template="neon"] .popular-weather-enabled .popular-grid a{min-height:88px}
body[data-template="neon"] .popular-weather-enabled .popular-grid a .popular-weather-scene{--scene-sky1:#192b57;--scene-sky2:#7b2b6e;--scene-sun:#ffcf9f;--scene-cloud:#83f4f7;border-radius:17px 5px 17px 5px;transform:rotate(7deg);width:68px;min-width:68px;height:56px;box-shadow:inset 0 0 0 1px #ff8bdbbb,0 0 11px #f55ac45e}
body[data-template="neon"] .popular-weather-enabled .popular-grid a:hover .popular-weather-scene{transform:rotate(7deg) translateY(-2px) scale(1.04)}
body[data-template="business"] .popular-weather-enabled .popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body[data-template="business"] .popular-weather-enabled .popular-grid a{min-height:96px;border-left:3px solid #0c817e!important;box-shadow:0 3px 12px #27445b0d}
body[data-template="business"] .popular-weather-enabled .popular-grid a .popular-weather-scene{--scene-sky1:#83b3c3;--scene-sky2:#d2e5e9;--scene-sun:#f9dc96;--scene-cloud:#f7fcff;border-radius:42px 42px 6px 6px;width:69px;min-width:69px}
body[data-template="business"] .popular-weather-enabled .popular-grid a:nth-child(3n+2){border-left-color:#b8844b!important}
body[data-template="business"] .popular-weather-enabled .popular-grid a:nth-child(3n){border-left-color:#538da5!important}
/* A site override has priority over its template's default geometry. */
body[data-template] .popular-weather-enabled .popular-grid a .popular-weather-scene[data-shape="circle"]{border-radius:50%;width:62px;min-width:62px;height:62px;clip-path:none;transform:none}
body[data-template] .popular-weather-enabled .popular-grid a .popular-weather-scene[data-shape="arch"]{border-radius:42px 42px 6px 6px;width:69px;min-width:69px;height:62px;clip-path:none;transform:none}
body[data-template] .popular-weather-enabled .popular-grid a .popular-weather-scene[data-shape="diamond"]{border-radius:17px 5px 17px 5px;width:68px;min-width:68px;height:56px;clip-path:none;transform:rotate(7deg)}
body[data-template] .popular-weather-enabled .popular-grid a .popular-weather-scene[data-shape="square"]{border-radius:6px;width:78px;min-width:78px;height:62px;clip-path:none;transform:none}
@keyframes popular-sun-pulse{50%{box-shadow:0 0 0 8px #fff3ae2c,0 0 21px #fff4c9d0}}
@keyframes popular-cloud-drift{50%{translate:3px 0}}
@keyframes popular-precip{to{background-position:0 12px,8px 22px}}
@keyframes popular-flash{0%,85%,94%,100%{opacity:.35}88%,91%{opacity:1}}
@media(max-width:1100px){body[data-template="business"] .popular-weather-enabled .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.popular-weather-enabled .popular-grid a{grid-template-columns:17px minmax(0,1fr) 65px;gap:6px;min-height:77px;padding:7px 8px}.popular-weather-enabled .popular-grid a .popular-weather-scene{scale:.83;transform-origin:right center}.popular-weather-enabled .popular-grid a>span:not(.popular-weather-scene) small{font-size:10px}body[data-template="business"] .popular-weather-enabled .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-template="business"] .popular-weather-enabled .popular-grid a{min-height:79px}}
@media(prefers-reduced-motion:reduce){.popular-weather-enabled .popular-grid a .popular-weather-scene,.popular-weather-enabled .popular-grid a .popular-weather-sun,.popular-weather-enabled .popular-grid a .popular-weather-cloud,.popular-weather-enabled .popular-grid a .popular-weather-precip,.popular-weather-enabled .popular-grid a .popular-weather-scene::before{animation:none!important;transition:none!important}}
/* Business uses a compact location ledger, distinct from its service action cards. */
body[data-template="business"] .popular-weather-enabled .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;counter-reset:popular}
body[data-template="business"] .popular-weather-enabled .popular-grid a{counter-increment:popular;grid-template-columns:32px minmax(0,1fr) 78px;min-height:76px;padding:6px 4px;background:transparent!important;border:0!important;border-bottom:1px solid #cedce2!important;border-radius:0!important;box-shadow:none!important;transition:background .18s}
body[data-template="business"] .popular-weather-enabled .popular-grid a::before{content:counter(popular,decimal-leading-zero);font-size:13px;font-weight:800;color:#6b8d9b}
body[data-template="business"] .popular-weather-enabled .popular-grid a>svg{display:none}
body[data-template="business"] .popular-weather-enabled .popular-grid a:hover{transform:none;background:#ffffffa3!important}
body[data-template="business"] .popular-weather-enabled .popular-grid a .popular-weather-scene{height:55px;scale:.9;transform-origin:right center}
@media(max-width:680px){body[data-template="business"] .popular-weather-enabled .popular-grid{grid-template-columns:1fr;gap:0}body[data-template="business"] .popular-weather-enabled .popular-grid a{grid-template-columns:30px minmax(0,1fr) 72px}}