.hp-weather{container-type:inline-size}.hp-weather .hp-weather-body{display:grid;gap:1rem}.hp-weather-head{display:flex;justify-content:space-between;gap:1rem}.hp-weather-head h2{margin:0}.hp-weather-symbol{font-size:3rem}.hp-weather-temp{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1}.hp-weather-temp small{font-size:.4em}.hp-weather-meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem}.hp-weather-meta>span{display:inline-flex;align-items:center;gap:.28rem}.hp-weather-meta i{color:var(--hp-accent);font-size:1rem}.hp-weather-stale{color:var(--hp-muted)}.hp-weather-city-picker{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:.65rem;padding-top:.75rem;border-top:1px solid var(--hp-border)}.hp-weather-city-picker label{display:inline-flex;align-items:center;gap:.35rem;margin:0;color:var(--hp-muted);font-size:.78rem;font-weight:700}.hp-weather-city-picker label i{color:var(--hp-accent);font-size:1.05rem}.hp-weather-city-picker .form-select{border-color:var(--hp-border);background-color:var(--hp-surface);color:var(--hp-text)}
.hp-weather-condition{display:none;color:var(--hp-muted);font-size:.72rem;font-weight:600;line-height:1.25}
.hp-weather-city-line{position:relative;display:flex;align-items:center;gap:.12rem;min-width:0}.hp-weather-city-line h2{min-width:0}.hp-weather-city-line h2 a{display:block;max-width:11ch;overflow:hidden;color:var(--hp-text);text-overflow:ellipsis;white-space:nowrap}.hp-weather-city-toggle{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;padding:0;border:0;background:transparent;color:var(--hp-muted);font-size:.8rem}.hp-weather-city-toggle:is(:hover,:focus-visible){color:var(--hp-accent)}.hp-weather-city-menu{z-index:1120;inset-block-start:calc(100% + .35rem)!important;inset-inline-start:0!important;width:min(290px,calc(100vw - 2rem));padding:.55rem;border-color:var(--hp-border);background:var(--hp-surface);color:var(--hp-text);box-shadow:var(--hp-shadow);transform:none!important}.hp-weather-city-menu .hp-header-weather-panel-head{display:grid;gap:.55rem;margin:-.1rem -.1rem .55rem;padding:.55rem;border-radius:.5rem;background:color-mix(in srgb,var(--hp-accent) 6%,var(--hp-surface))}.hp-weather-city-menu .hp-header-weather-panel-head>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem;color:var(--hp-text);font-weight:750;text-decoration:none}.hp-weather-city-menu .hp-header-weather-panel-head>a i{color:var(--hp-accent);font-size:1rem}.hp-weather-city-menu .hp-header-weather-panel-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.hp-weather-city-menu .hp-header-weather-panel-meta>span{display:grid;grid-template-columns:auto 1fr;gap:.05rem .3rem;align-items:center;padding:.4rem;border:1px solid color-mix(in srgb,var(--hp-border) 72%,transparent);border-radius:.4rem;background:var(--hp-surface)}.hp-weather-city-menu .hp-header-weather-panel-meta i{grid-row:1/3;color:var(--hp-accent);font-size:1.05rem}.hp-weather-city-menu .hp-header-weather-panel-meta small{color:var(--hp-muted);font-size:.61rem}.hp-weather-city-menu .hp-header-weather-panel-meta strong{color:var(--hp-text);font-size:.72rem}.hp-weather-city-menu-title{padding:.2rem .35rem .45rem;color:var(--hp-muted);font-size:.7rem;font-weight:700;text-transform:uppercase}.hp-weather-city-menu .hp-weather-city-search{position:relative;display:block;margin:0 0 .45rem}.hp-weather-city-menu .hp-weather-city-search i{position:absolute;z-index:2;inset-inline-start:.6rem;top:50%;color:var(--hp-muted);transform:translateY(-50%)}.hp-weather-city-menu .hp-weather-city-search input{padding-inline-start:1.85rem;border-color:var(--hp-border);background:var(--hp-surface);color:var(--hp-text);font-size:.72rem}.hp-weather-city-list{display:grid;max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hp-border) transparent}.hp-weather-city-option{display:grid;grid-template-columns:22px minmax(0,1fr) 20px;align-items:center;gap:.4rem;width:100%;padding:.45rem;border:0;border-radius:.4rem;background:transparent;color:var(--hp-text);font-size:.74rem;text-align:start}.hp-weather-city-option>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-weather-city-option>i{color:var(--hp-muted)}.hp-weather-city-option>i:last-child{justify-self:end;color:var(--hp-accent)}.hp-weather-city-option:is(:hover,:focus-visible,.is-current){background:color-mix(in srgb,var(--hp-accent) 9%,transparent);color:var(--hp-accent)}
.hp-weather[data-card-detail-url]{cursor:pointer}

/* Seçili Gökyüzü Kartı: geniş içerikte header hava dili, dar sidebar/mobilde mevcut kompakt kompozisyon. */
@container (min-width:480px){
  .hp-weather--card .hp-weather-body{grid-template-columns:1fr;grid-template-areas:"head" "meta" "stale";align-items:center;gap:.55rem}
  .hp-weather--card .hp-weather-head{grid-area:head;display:grid;grid-template-columns:minmax(0,1fr) 58px auto;align-items:center;justify-content:start;gap:.7rem;min-width:0}
  .hp-weather--card .hp-weather-place{grid-column:1;min-width:0}
  .hp-weather--card .hp-weather-place h2{overflow:hidden;font-size:.88rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
  .hp-weather--card .hp-weather-condition{display:block;overflow:hidden;margin-top:.12rem;text-overflow:ellipsis;white-space:nowrap}
  .hp-weather--card .hp-weather-symbol{grid-column:2;grid-row:1;width:58px;height:58px;border-radius:0;background:transparent;font-size:3.4rem}
  .hp-weather--card .hp-weather-temp{grid-column:3;grid-row:1;color:var(--hp-text);font-size:2rem;letter-spacing:-.045em;white-space:nowrap}
  .hp-weather--card .hp-weather-meta{grid-area:meta;display:flex;align-items:center;justify-content:start;gap:.35rem .85rem;white-space:nowrap}
  .hp-weather--card .hp-weather-meta>span{font-size:.76rem}
  .hp-weather--card .hp-weather-stale{grid-area:stale;padding-top:.55rem;border-top:1px solid var(--hp-border);font-size:.68rem}
}
@container (max-width:479px){.hp-weather--card .hp-weather-body{gap:.55rem}.hp-weather--card .hp-weather-head{display:grid;grid-template-columns:minmax(0,1fr) 58px auto;align-items:center;gap:.5rem}.hp-weather--card .hp-weather-place{grid-column:1;min-width:0}.hp-weather--card .hp-weather-place h2{font-size:.8rem;font-weight:700}.hp-weather--card .hp-weather-symbol{grid-column:2;grid-row:1;width:58px;height:58px;border-radius:0;background:transparent;font-size:3.1rem}.hp-weather--card .hp-weather-temp{grid-column:3;grid-row:1;font-size:1.85rem;white-space:nowrap}.hp-weather--card .hp-weather-meta{gap:.3rem .65rem}.hp-weather--card .hp-weather-meta>span{font-size:.7rem}.hp-weather--card .hp-weather-condition{display:block;overflow:hidden;max-width:14ch;margin-top:.08rem;text-overflow:ellipsis;white-space:nowrap}}
.hp-weather--compact .hp-weather-body{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.75rem}.hp-weather--compact .hp-weather-head{display:contents}.hp-weather--compact .hp-weather-place{order:2}.hp-weather--compact .hp-weather-symbol{order:1;font-size:2rem}.hp-weather--compact .hp-weather-temp{order:3;font-size:1.65rem}.hp-weather--compact .hp-weather-meta{grid-column:2/-1;order:4}.hp-weather--compact :is(.hp-weather-stale,.hp-weather-city-picker){grid-column:1/-1;order:5}
.hp-weather--gradient{border:0;background:linear-gradient(135deg,var(--hp-accent),color-mix(in srgb,var(--hp-accent) 58%,var(--hp-secondary)));color:#fff}.hp-weather--gradient :is(.hp-kicker,.hp-meta,.hp-weather-stale,.hp-weather-city-picker label,.hp-weather-meta i){color:rgba(255,255,255,.82)}.hp-weather--gradient .hp-weather-city-picker{border-top-color:rgba(255,255,255,.28)}.hp-weather--gradient .hp-weather-city-picker label i{color:#fff}.hp-weather--gradient .form-select{border-color:rgba(255,255,255,.3);background-color:rgba(255,255,255,.13);color:#fff}.hp-weather--gradient .form-select option{color:#111;background:#fff}
.hp-weather--centered .hp-weather-body{text-align:center}.hp-weather--centered .hp-weather-head{display:grid;justify-content:center}.hp-weather--centered .hp-weather-symbol{order:-1;font-size:4.25rem}.hp-weather--centered .hp-weather-temp{font-size:clamp(3.5rem,8vw,6rem)}.hp-weather--centered .hp-weather-meta{justify-content:center}.hp-weather--centered .hp-weather-city-picker{text-align:start}
.hp-weather--outline{border:2px solid color-mix(in srgb,var(--hp-accent) 45%,var(--hp-border));background:transparent;box-shadow:none}.hp-weather--outline .hp-weather-symbol{filter:grayscale(.15)}
@container(max-width:420px){.hp-weather-city-picker{grid-template-columns:1fr}.hp-weather--compact .hp-weather-body{grid-template-columns:auto 1fr}.hp-weather--compact .hp-weather-temp{grid-column:2;order:4}.hp-weather--compact .hp-weather-meta{grid-column:1/-1;order:5}}

.hp-weather-page{container-type:inline-size;display:grid;gap:1.25rem;color:var(--hp-text)}.hp-weather-page-header{display:block;padding:1rem 0 1.15rem;border-bottom:2px solid color-mix(in srgb,var(--hp-accent) 78%,var(--hp-border))}.hp-weather-city-search{width:100%;max-width:none;flex:none}.hp-weather-city-search label{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;color:var(--hp-muted);font-size:.72rem;font-weight:750}.hp-weather-city-search label i{position:static;color:var(--hp-accent);font-size:1rem;transform:none}.hp-weather-city-search .input-group{overflow:hidden;width:100%;border:1px solid var(--hp-border);border-radius:.65rem;background:var(--hp-surface)}.hp-weather-city-search :is(.form-control,.btn){min-height:36px;border:0}.hp-weather-city-search .form-control{min-width:0;flex:1;background:transparent;color:var(--hp-text)}.hp-weather-city-search .btn{display:inline-flex;align-items:center;gap:.35rem;padding-inline:.85rem;background:var(--hp-accent);color:#fff}.hp-weather-city-search .btn i{position:static;transform:none}
.hp-weather-days{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(108px,1fr);overflow:auto;scrollbar-width:none;-ms-overflow-style:none;border:1px solid var(--hp-border);border-radius:.8rem;background:var(--hp-surface);box-shadow:0 7px 24px rgba(20,24,28,.05)}.hp-weather-days::-webkit-scrollbar{display:none;width:0;height:0}.hp-weather-day{position:relative;display:grid;justify-items:center;gap:.22rem;min-width:108px;padding:.75rem .55rem;border:0;border-inline-end:1px solid var(--hp-border);background:transparent;color:var(--hp-text);text-align:center;transition:background .16s ease,color .16s ease}.hp-weather-day:last-child{border-inline-end:0}.hp-weather-day::after{position:absolute;inset-inline:12%;inset-block-end:0;height:3px;background:var(--hp-accent);border-radius:3px 3px 0 0;content:"";opacity:0;transform:scaleX(.45);transition:opacity .16s ease,transform .16s ease}.hp-weather-day:is(:hover,:focus-visible){background:color-mix(in srgb,var(--hp-accent) 5%,var(--hp-surface));outline:0}.hp-weather-day.active{background:color-mix(in srgb,var(--hp-accent) 8%,var(--hp-surface))}.hp-weather-day.active::after{opacity:1;transform:none}.hp-weather-day>span{font-size:.7rem;font-weight:800}.hp-weather-day>i{color:var(--hp-accent);font-size:2rem}.hp-weather-day>small{max-width:100%;overflow:hidden;color:var(--hp-muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.hp-weather-day>strong{font-size:.9rem}.hp-weather-day>strong em{margin-inline-start:.18rem;color:var(--hp-muted);font-style:normal;font-weight:600}
.hp-weather-panels{min-width:0}.hp-weather-panel{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);border:1px solid var(--hp-border);border-radius:1rem;background:var(--hp-surface);box-shadow:0 10px 32px rgba(20,24,28,.06)}.hp-weather-panel[hidden]{display:none}.hp-weather-current{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.1rem;padding:1.5rem;border-inline-end:1px solid var(--hp-border);background:linear-gradient(145deg,color-mix(in srgb,var(--hp-accent) 9%,var(--hp-surface)),var(--hp-surface));border-radius:1rem 0 0 1rem}.hp-weather-current-icon{display:grid;width:112px;height:112px;place-items:center;color:var(--hp-accent);background:color-mix(in srgb,var(--hp-accent) 8%,var(--hp-surface));border:1px solid color-mix(in srgb,var(--hp-accent) 20%,var(--hp-border));border-radius:50%}.hp-weather-current-icon i{font-size:4.8rem}.hp-weather-current-copy>span{color:var(--hp-muted);font-size:.7rem;font-weight:700}.hp-weather-current-copy h2{margin:.15rem 0 0;font-size:1.35rem}.hp-weather-current-copy>strong{display:block;margin:.12rem 0;color:var(--hp-text);font-size:clamp(2.8rem,5vw,4.4rem);font-weight:850;letter-spacing:-.055em;line-height:1}.hp-weather-current-copy>strong small{font-size:.35em;letter-spacing:0}.hp-weather-current-copy p{margin:0;color:var(--hp-accent);font-size:.82rem;font-weight:750}.hp-weather-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:.65rem;padding:1.25rem}.hp-weather-detail-grid>div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "icon value";align-items:center;gap:.08rem .48rem;min-width:0;padding:.72rem;background:color-mix(in srgb,var(--hp-border) 26%,transparent);border-radius:.65rem}.hp-weather-detail-grid i{grid-area:icon;color:var(--hp-accent);font-size:1.25rem}.hp-weather-detail-grid span{grid-area:label;overflow:hidden;color:var(--hp-muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.hp-weather-detail-grid strong{grid-area:value;font-size:.82rem}.hp-weather-updated{grid-column:1/-1;display:flex;align-items:center;gap:.38rem;padding:.62rem 1rem;border-top:1px solid var(--hp-border);color:var(--hp-muted);font-size:.67rem}.hp-weather-updated i{color:var(--hp-accent)}
.hp-weather-turkey{display:grid;gap:.8rem;margin-top:.35rem;padding-top:1rem;border-top:1px solid var(--hp-border)}.hp-weather-turkey>header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.hp-weather-turkey .hp-kicker{display:flex;align-items:center;gap:.35rem}.hp-weather-turkey .hp-kicker i{color:var(--hp-accent);font-size:1rem}.hp-weather-turkey h2{margin:.1rem 0 0;font-size:1.25rem}.hp-weather-filter{position:relative;width:min(290px,100%)}.hp-weather-filter i{position:absolute;z-index:2;inset-inline-start:.65rem;top:50%;color:var(--hp-accent);transform:translateY(-50%)}.hp-weather-filter input{padding-inline-start:2rem;border-color:var(--hp-border);background:var(--hp-surface);color:var(--hp-text)}.hp-weather-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.hp-weather-city-grid>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0;padding:.62rem .7rem;border:1px solid var(--hp-border);border-radius:.55rem;background:var(--hp-surface);color:var(--hp-text);font-size:.73rem;font-weight:700;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.hp-weather-city-grid>a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-weather-city-grid>a>i:first-child{color:var(--hp-accent)}.hp-weather-city-grid>a>i:last-child{color:var(--hp-muted)}.hp-weather-city-grid>a:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--hp-accent) 45%,var(--hp-border));background:color-mix(in srgb,var(--hp-accent) 6%,var(--hp-surface));color:var(--hp-accent);outline:0;transform:translateY(-1px)}.hp-weather-city-grid>a[aria-current="page"]{border-color:color-mix(in srgb,var(--hp-accent) 38%,var(--hp-border));background:color-mix(in srgb,var(--hp-accent) 9%,var(--hp-surface));color:var(--hp-accent)}.hp-weather-city-grid>a[hidden]{display:none}.hp-weather-other-cities>a{grid-template-columns:minmax(0,1fr) 34px auto}.hp-weather-other-cities .hp-weather-city-icon{width:34px;color:var(--hp-accent);font-size:1.5rem;text-align:center}.hp-weather-other-cities strong{min-width:2.25rem;text-align:end}
@media(max-width:991.98px){.hp-weather-page-header{align-items:stretch;flex-direction:column}.hp-weather-city-search{flex-basis:auto;width:100%}.hp-weather-panel{grid-template-columns:1fr}.hp-weather-current{border-inline-end:0;border-bottom:1px solid var(--hp-border);border-radius:1rem 1rem 0 0}.hp-weather-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hp-weather-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.hp-weather-page{gap:1rem}.hp-weather-page-header{padding-top:.4rem}.hp-weather-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem}.hp-weather-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-weather-turkey>header{align-items:stretch;flex-direction:column}.hp-weather-filter{width:100%}}
@media(max-width:479.98px){.hp-weather-current{grid-template-columns:82px minmax(0,1fr);gap:.8rem;padding:1rem}.hp-weather-current-icon{width:82px;height:82px}.hp-weather-current-icon i{font-size:3.5rem}.hp-weather-current-copy>strong{font-size:2.65rem}.hp-weather-detail-grid{gap:.45rem;padding:.75rem}.hp-weather-detail-grid>div{padding:.6rem}.hp-weather-city-grid{grid-template-columns:1fr}.hp-weather-city-search .btn{padding-inline:.65rem}.hp-weather-city-search .btn{font-size:0}.hp-weather-city-search .btn i{font-size:1rem}}
@container(max-width:820px){.hp-weather-page-header{align-items:stretch;flex-direction:column}.hp-weather-city-search{flex-basis:auto;width:100%}.hp-weather-panel{grid-template-columns:1fr}.hp-weather-current{border-inline-end:0;border-bottom:1px solid var(--hp-border);border-radius:1rem 1rem 0 0}.hp-weather-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container(max-width:620px){.hp-weather-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem}.hp-weather-current{grid-template-columns:82px minmax(0,1fr);gap:.8rem;padding:1rem}.hp-weather-current-icon{width:82px;height:82px}.hp-weather-current-copy>strong{font-size:2.65rem}}
.hp-weather-city-search{position:relative}.hp-weather-city-options{position:absolute;z-index:1070;inset-block-start:calc(100% + .45rem);inset-inline-end:0;width:min(780px,calc(100vw - 2rem));padding:.65rem;border:1px solid var(--hp-border);border-radius:.75rem;background:var(--hp-surface);box-shadow:0 16px 42px rgba(20,24,28,.18)}.hp-weather-city-options[hidden]{display:none}.hp-weather-city-options-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.1rem .2rem .55rem}.hp-weather-city-options-head>span{display:flex;align-items:center;gap:.38rem;color:var(--hp-text);font-size:.72rem;font-weight:800}.hp-weather-city-options-head>span i{color:var(--hp-accent);font-size:1rem}.hp-weather-city-options-head small{color:var(--hp-muted);font-size:.62rem}.hp-weather-city-options .hp-weather-city-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:330px;overflow:auto;overscroll-behavior:contain;padding-inline-end:.15rem;scrollbar-width:none;-ms-overflow-style:none}.hp-weather-city-options .hp-weather-city-grid::-webkit-scrollbar{display:none;width:0;height:0}.hp-weather-city-options .hp-weather-city-grid>a{grid-template-columns:auto minmax(0,1fr);padding:.52rem .6rem;font-size:.68rem}
@media(max-width:767.98px){.hp-weather-city-options{inset-inline-start:0;inset-inline-end:auto;width:100%}.hp-weather-city-options .hp-weather-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-weather-city-options-head{align-items:flex-start;flex-direction:column;gap:.2rem}}
@media(max-width:479.98px){.hp-weather-city-options .hp-weather-city-grid{grid-template-columns:1fr}}
.hp-weather-page .hp-weather-city-search{width:100%;max-width:none}
.hp-newsdata-theme-icon{display:inline-grid;place-items:center;line-height:0}.hp-newsdata-theme-icon>.hp-newsdata-icon{grid-area:1/1;display:block;max-width:100%;height:auto}.hp-newsdata-icon--dark{display:none}[data-bs-theme="dark"] .hp-newsdata-icon--light{display:none}[data-bs-theme="dark"] .hp-newsdata-icon--dark{display:block}.hp-weather-symbol{width:64px}.hp-weather-current-icon>.hp-newsdata-theme-icon{width:88px}.hp-weather-day>.hp-newsdata-theme-icon{width:42px}
.hp-weather-hourly-section{display:grid;gap:.7rem;min-width:0}.hp-weather-subtitle{display:flex;align-items:end;justify-content:space-between;gap:1rem}.hp-weather-subtitle h2{margin:.1rem 0 0;font-size:1.15rem}.hp-weather-subtitle small{color:var(--hp-muted);font-size:.65rem}.hp-weather-hourly{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(86px,1fr);overflow-x:auto;gap:1px;border:1px solid var(--hp-border);border-radius:.8rem;background:var(--hp-border);scrollbar-width:none;-ms-overflow-style:none}.hp-weather-hourly::-webkit-scrollbar{display:none;width:0;height:0}.hp-weather-hourly article{display:grid;justify-items:center;gap:.32rem;padding:.75rem .45rem;background:var(--hp-surface)}.hp-weather-hourly .hp-newsdata-theme-icon{width:40px}.hp-weather-hourly time,.hp-weather-hourly small{color:var(--hp-muted);font-size:.65rem}.hp-weather-hourly small{display:flex;align-items:center;gap:.2rem}.hp-weather-hourly small i{color:var(--hp-accent)}.hp-weather-hourly strong{font-size:.86rem}
@container(max-width:640px){.hp-weather-body:not(.hp-weather--compact *) .hp-weather-head{align-items:center}.hp-weather-symbol{width:52px}.hp-weather-subtitle{align-items:flex-start;flex-direction:column;gap:.2rem}.hp-weather-subtitle small{display:none}}
.hp-weather-page .hp-weather-city-search{width:100%;max-width:none}
.hp-weather-current-icon{background:#fff}.hp-weather-page .hp-weather-city-search{width:100%;max-width:none;margin-inline:0}.hp-weather-city-options{inset-inline:0;width:100%}.hp-weather-city-options .hp-weather-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-weather-hourly{grid-auto-columns:max(86px,calc((100% - 6px)/7))}
@media(max-width:479.98px){.hp-weather-city-options .hp-weather-city-grid{grid-template-columns:1fr}}