/* Service names need wider tracks than city names. Keep native details navigation. */
.header .wrap nav .city-menu:has(> .city-dropdown > a[href="/services/"]) > .city-dropdown{
 width:560px;max-width:calc(100vw - 32px);box-sizing:border-box;
 grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;
 max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain;z-index:120;
}
.header .wrap nav .city-menu:has(> .city-dropdown > a[href="/services/"]) > .city-dropdown > a{
 box-sizing:border-box;min-width:0;width:100%;height:auto;min-height:48px;
 display:flex;align-items:center;padding:12px 14px;
 font-size:14px;font-weight:650;line-height:1.4;text-align:left;
 white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:none;
 border:1px solid #ece6dc;border-radius:10px;background:#fff;color:#272d27;
}
.header .wrap nav .city-menu:has(> .city-dropdown > a[href="/services/"]) > .city-dropdown > a:hover{
 background:#fff5ed;border-color:#efbb99;color:#a63d0c;
}
.header .wrap nav .city-menu:has(> .city-dropdown > a[href="/services/"]) > .city-dropdown > a:focus-visible{
 outline:2px solid #b54a14;outline-offset:-3px;background:#fff5ed;
}
@media(max-width:980px){
 .header .wrap nav .city-menu:has(> .city-dropdown > a[href="/services/"]) > .city-dropdown{max-height:50dvh;max-height:min(50dvh,420px)}
}
@media(max-width:600px){
 .header .wrap nav .city-menu:has(> .city-dropdown > a[href="/services/"]) > .city-dropdown{grid-template-columns:minmax(0,1fr);padding:10px;gap:6px}
 .header .wrap nav .city-menu:has(> .city-dropdown > a[href="/services/"]) > .city-dropdown > a{padding:11px 12px;min-height:48px;font-size:14px}
}