.mk-header-location{position:relative;flex-shrink:0}
.mk-header-location button.mk-location-refresh{display:flex;align-items:center;justify-content:center;gap:5px;height:44px;max-width:140px;padding:0 10px;border:1px solid #222;border-radius:8px;background:#fff;color:#111;font-family:inherit;font-weight:600;line-height:1.3;cursor:pointer;box-sizing:border-box}
.mk-location-refresh span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.mk-location-refresh svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.mk-location-refresh:focus-visible{outline:2px solid #f47721;outline-offset:3px}
.mk-location-refresh:disabled{opacity:.65;cursor:wait}
.mk-header-location .mk-location-note{position:absolute;right:0;top:calc(100% + 8px);width:230px;max-width:calc(100vw - 40px);padding:10px 12px;margin:0;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;box-shadow:0 4px 16px #0001;font-size:12px;line-height:1.6;z-index:100}
.mk-location-note:empty{display:none}
@media(min-width:701px) and (max-width:1100px){.header .header-inner{grid-template-columns:auto 1fr;gap:16px}.header-inner>.brand{grid-column:1}.header .header-tools{grid-column:2;gap:8px}}
@media(max-width:700px){
 .header .header-inner{gap:4px}.header .header-inner .brand-logo{width:112px}
 .header .header-tools{gap:2px}.header .header-tools .header-tool{min-width:36px;padding:0 3px;font-size:11px}
 .mk-header-location button.mk-location-refresh{width:80px;max-width:80px;padding:0 5px;gap:3px}
 .mk-location-refresh span{max-width:52px;font-size:11px}.mk-location-refresh svg{width:14px;height:14px}
 .header-search .header-tool{width:40px;min-width:40px;margin-left:0}
}
@media(max-width:360px){.header .header-inner .brand-logo{width:90px}.header .header-inner{width:calc(100% - 16px)}.header .header-tools .header-tool{font-size:10px;padding:0 2px;min-width:32px}.mk-header-location button.mk-location-refresh{width:72px}}

/* Matching search/location controls, fixed labels on every viewport. */
.header .header-tools .header-search .header-tool,
.header .header-tools .mk-location-refresh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:52px;min-width:52px;max-width:52px;height:54px;min-height:54px;padding:4px 2px;margin:0;border:1px solid #222;border-radius:8px;background:#fff;color:#111;font-family:inherit;font-weight:600;line-height:1.2;box-sizing:border-box}
.header .header-tools .header-search .header-tool svg,
.header .header-tools .mk-location-refresh svg{display:block;width:21px;height:21px;stroke-width:1.8}
.header .header-tools .header-search .header-tool>span,
.header .header-tools .mk-location-refresh>span{position:static;width:auto;height:auto;max-width:none;overflow:visible;clip:auto;white-space:nowrap;font-size:11px;letter-spacing:0}
@media(max-width:700px){
.header .header-tools .header-search .header-tool,
.header .header-tools .mk-location-refresh{width:46px;min-width:46px;max-width:46px;height:48px;min-height:48px;gap:2px}
.header .header-tools .header-search .header-tool svg,
.header .header-tools .mk-location-refresh svg{width:20px;height:20px}
}

/* Mobile header: compact aligned, borderless icon controls. */
.header .header-tools .header-login-mobile-icon{display:none}
@media(max-width:700px){
 .header .header-inner{width:calc(100% - 32px);min-height:80px;padding:10px 0;gap:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center}
 .header .header-inner .brand-logo{width:146px;max-width:100%;height:auto}
 .header .header-tools{gap:3px;align-items:center;margin:0}
 .header .header-tools>.header-desktop-only.header-tool,.header .header-tools>form.header-desktop-only{display:none}
 .header .header-tools :is(a.header-tool,button.header-tool),
 .header .header-tools .mk-location-refresh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;padding:4px 0;margin:0;border:0;border-radius:8px;background:transparent;color:#292929;font-family:inherit;font-size:10px;font-weight:500;line-height:14px;letter-spacing:-.3px;box-shadow:none}
 .header .header-tools :is(a.header-tool,button.header-tool) svg,
 .header .header-tools .mk-location-refresh svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
 .header .header-tools :is(a.header-tool,button.header-tool) svg.header-login-desktop-icon{display:none}
 .header .header-tools :is(a.header-tool,button.header-tool)>span,
 .header .header-tools .mk-location-refresh>span{font-size:10px;font-weight:500;line-height:14px;letter-spacing:-.3px;white-space:nowrap;max-width:none}
 .header .header-tools :is(a.header-tool,button.header-tool):active,
 .header .header-tools .mk-location-refresh:active{background:#fff3e9;color:#b94d08}
 .header .header-tools :is(a.header-tool,button.header-tool):focus-visible,
 .header .header-tools .mk-location-refresh:focus-visible{outline:2px solid #e96a16;outline-offset:2px}
}
@media(max-width:360px){
 .header .header-inner{width:calc(100% - 24px);gap:6px;min-height:72px;padding:8px 0}
 .header .header-inner .brand-logo{width:134px}
 .header .header-tools{gap:2px}
}