.site-header{position:sticky;top:0;background:var(--bg);border-bottom:.0625rem solid var(--border);z-index:1000;overflow:visible}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}

.logo-link{display:flex;align-items:center}
.logo-img{display:block}
.logo-light img,.logo-dark img, .logo-light,.logo-dark{height:27px;width:auto;display:block}
.logo-light{display:block}
.logo-dark{display:none}
html[data-theme="dark"] .logo-light{display:none!important}
html[data-theme="dark"] .logo-dark{display:block!important}

.main-nav{display:none}
.main-nav .menu li a{font-family:"Encode Sans Condensed",sans-serif;font-weight:600;font-size:1rem}
.menu{display:flex;gap:var(--space-7);list-style:none;margin:0;padding:0}
.menu li a{font-weight:500}
.menu li a::after,.mega-menu-root a::after{display:none!important}

.header-actions{display:flex;align-items:center;gap:var(--space-2)}

.icon-btn,.burger{
width:2.25rem;height:2.25rem;border-radius:var(--space-2);
border:none;background:transparent;display:flex;align-items:center;justify-content:center;
cursor:pointer;transition:.2s
}

.icon-btn:hover,.burger:hover{background:rgba(24,85,25,.08)}
.icon-btn:hover .icon{stroke:var(--accent)}

.icon{width:1.25rem;height:1.25rem;stroke:var(--text);fill:none;stroke-width:2}

.burger{position:relative}
.burger span{position:absolute;width:1.125rem;height:.125rem;background:var(--text);transition:.3s,.2s}
.burger span:nth-child(1){transform:translateY(-.3125rem)}
.burger span:nth-child(2){transform:translateY(0)}
.burger span:nth-child(3){transform:translateY(.3125rem)}
.burger.active span:nth-child(1){transform:rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:rotate(-45deg)}
.burger:hover span{background:var(--accent)}

.mega-menu{
position:absolute;top:100%;left:0;width:100%;
background:var(--bg);border-top:.0625rem solid var(--border);
opacity:0;transform:translateY(-.5rem);pointer-events:none;
transition:.2s,.2s
}

.mega-menu.active{
opacity:1;transform:translateY(0);pointer-events:auto;
box-shadow:0 var(--space-2) var(--space-8) rgba(0,0,0,.05)
}

.mega-inner{padding:var(--space-7) 0 var(--space-9)}

.mega-search{margin-bottom:var(--space-7)}
.mega-search form{position:relative}

.mega-search input{
width:100%;height:3rem;border-radius:var(--space-3);
border:.0625rem solid var(--border);
padding:0 var(--space-8) 0 var(--space-3);
font-size:.9375rem;background:var(--bg);color:var(--text)
}

.mega-search input:focus{
border-color:var(--accent);
box-shadow:0 0 0 var(--space-1) rgba(24,85,25,.15);
outline:none
}

.mega-search button{
position:absolute;right:var(--space-2);top:50%;
transform:translateY(-50%);
width:2.25rem;height:2.25rem;border-radius:var(--space-2);
background:transparent;border:none;cursor:pointer
}

.mega-search button:hover{background:rgba(24,85,25,.08)}
.mega-search button:hover .icon{stroke:var(--accent)}

.mega-menu-root{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));
gap:var(--space-8);
list-style:none;margin:0;padding:0
}

.mega-menu-root>li.menu-item-has-children>a{
font-weight:700;margin-bottom:var(--space-3);display:block
}

.mega-menu-root .sub-menu{list-style:none;padding:0;margin:0}
.mega-menu-root .sub-menu li{margin-bottom:var(--space-2)}
.mega-menu-root .sub-menu a{font-size:.875rem;color:var(--muted)}
.mega-menu-root .sub-menu a:hover{color:var(--accent)}

@media (min-width:783px){
body.admin-bar .site-header{top:32px}
}

@media (max-width:1023px){
.mega-menu{
position:fixed;
top:calc(4rem + var(--admin-bar,0px));
left:0;width:100%;
height:calc(100dvh - 4rem - var(--admin-bar,0px));
overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
z-index:2000;transform:translateY(-.625rem)
}
.mega-inner{padding:var(--space-4)}
.mega-menu-root{display:block}
.mega-menu-root>li{border-bottom:.0625rem solid var(--border);padding:var(--space-3) 0}
.mega-menu-root>li>a{font-size:1rem;font-weight:700;margin-bottom:var(--space-1);display:block}
.mega-menu-root .sub-menu{display:block}
}

:root{--admin-bar:0px}
.admin-bar{--admin-bar:32px}
@media (max-width:782px){.admin-bar{--admin-bar:46px}}

body.menu-open{overflow:hidden}

@media (min-width:1024px){.main-nav{display:block}}

.city-bar{background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.city-bar-inner{
max-width:1140px;margin:0 auto;padding:.6rem 16px;
display:flex;align-items:center;gap:var(--space-4)
}

.city-detect-wrap{display:flex;align-items:center}

.city-detect{
display:inline-flex;align-items:center;gap:.4rem;
font-size:.85rem;font-weight:600;
background:none;border:none;cursor:pointer;color:var(--text);
position:relative;padding-right:1rem;margin-right:1rem;
white-space:nowrap;transition:.2s
}

.city-detect .icon{width:16px;height:16px;stroke:currentColor;fill:none}

.city-detect::after{
content:"";position:absolute;right:0;top:50%;
transform:translateY(-50%);
width:1px;height:16px;background:rgba(0,0,0,.1)
}

.city-detect:hover{color:#ffc30b}

.city-current{
display:inline-flex;align-items:center;gap:.4rem;
font-size:.85rem;font-weight:600;
position:relative;padding-right:1rem;margin-right:1rem;
white-space:nowrap
}

.city-current::after{
content:"";position:absolute;right:0;top:50%;
transform:translateY(-50%);
width:1px;height:16px;background:rgba(0,0,0,.1)
}

.city-name-link{display:inline-flex;align-items:center;text-decoration:none}
.city-name{color:#ffc30b;font-weight:600;transition:.2s}
.city-name-link:hover .city-name{text-decoration:underline}

.city-label-inline{color:var(--text);font-weight:600}

.city-reset{
background:none;border:none;cursor:pointer;
font-size:.9rem;color:var(--muted);padding:0 4px
}

.city-reset:hover{color:#ffc30b}

.city-list{
display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;flex:1
}
.city-list::-webkit-scrollbar{display:none}

.city-pill{
font-size:.85rem;font-weight:500;color:var(--text);
text-decoration:none;white-space:nowrap;position:relative;transition:.2s
}

.city-pill::after{
content:"•";margin-left:.75rem;color:rgba(0,0,0,.2)
}
.city-pill:last-child::after{display:none}

.city-pill::before{
content:"";position:absolute;left:0;bottom:-3px;
width:0;height:2px;background:#ffc30b;transition:.25s
}

.city-pill:hover{color:#ffc30b}
.city-pill:hover::before{width:100%}

.city-pill.active{color:#ffc30b;font-weight:600}
.city-pill.active::before{width:100%}

[data-theme="dark"] .city-bar{
background:#0f172a;border-bottom:1px solid rgba(255,255,255,.06)
}

[data-theme="dark"] .city-pill{color:rgba(255,255,255,.85)}
[data-theme="dark"] .city-pill::after{color:rgba(255,255,255,.25)}

[data-theme="dark"] .city-detect,
[data-theme="dark"] .city-label-inline{color:rgba(255,255,255,.85)}

[data-theme="dark"] .city-detect::after,
[data-theme="dark"] .city-current::after{background:rgba(255,255,255,.1)}

@media (max-width:640px){
.city-bar-inner{gap:var(--space-2)}
.city-detect,.city-current{font-size:.8rem}
.city-pill{font-size:.8rem}
}

.load-more-wrap{margin-top:var(--space-7);display:flex;justify-content:center}

.loadMoreBtn{
display:inline-flex;align-items:center;justify-content:center;
padding:.6rem 1.5rem;
font-size:.85rem;font-weight:600;font-family:"Encode Sans Condensed",sans-serif;
border-radius:999px;border:none;background:var(--accent);color:#fff;
cursor:pointer;transition:.2s
}

.loadMoreBtn:hover{background:#ffc30b;color:#000}
.loadMoreBtn:active{transform:scale(.97)}
.loadMoreBtn.loading{opacity:.7;pointer-events:none}

[data-theme="dark"] .loadMoreBtn{background:var(--accent);color:#fff}
[data-theme="dark"] .loadMoreBtn:hover{background:#ffc30b;color:#000}

.site-footer{background:var(--bg);border-top:1px solid var(--border);margin-top:var(--space-10)}

.footer-inner{
display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
gap:var(--space-8);padding:var(--space-8) 16px
}

.footer-col h4{font-size:.9rem;margin-bottom:var(--space-3);color:var(--text);font-weight:600}

.footer-col p,
.footer-col a{font-size:.85rem;color:var(--muted);line-height:1.6}

.footer-col a{
display:block;margin-bottom:var(--space-2);
text-decoration:none;transition:.2s
}

.footer-col a:hover{color:var(--accent)}

.footer-about p{margin-bottom:var(--space-2)}

.footer-bottom{
border-top:1px solid var(--border);
padding:var(--space-4) 0;
text-align:center;font-size:.75rem;color:var(--muted)
}

@media (max-width:1024px){
.footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-6)}
}

@media (max-width:768px){
.footer-inner{grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-6) 0}
.footer-col{display:none}
.footer-about{display:block}
.footer-about p{font-size:.8rem}
.footer-bottom{font-size:.7rem;padding:var(--space-3) 0}
}