/* Mobile header: isolated from the legacy desktop menu and landing components. */
.hm { display: none; }
.hm, .hm * { box-sizing: border-box; }
@media (max-width: 1124px) {
    header.hrnt-header-responsive > .header-nav.nav { height: var(--header-mobile-h); padding: 0; }
    header.hrnt-header-responsive > .header-nav > .container { display: none; }
    header.hrnt-header-responsive .hm { display: block; width: 100%; color: var(--color-heading); font-family: var(--font-family); }
    header.hrnt-header-responsive .hm-bar { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--space-page-x) / 2); height: var(--header-mobile-h); padding: 0 var(--space-page-x); background: var(--color-white); border-bottom: thin solid var(--border-default); }
    .hm .hm-logo { display: flex; align-items: center; flex: 0 0 auto; min-height: var(--h-big); width: calc(var(--h-big) * 2); }
    .hm .hm-logo img { display: block; width: 100%; height: auto; }
    .hm .hm-actions { display: flex; align-items: center; gap: 0; }
    .hm a, .hm button, .hm summary { -webkit-tap-highlight-color: transparent; }
    .hm a { text-decoration: none; color: inherit; }
    .hm button { font: inherit; color: inherit; cursor: pointer; }
    .hm .hm-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 var(--h-touch); width: var(--h-touch); height: var(--h-touch); padding: 0; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--color-heading); transition: background-color var(--transition), color var(--transition); }
    .hm .hm-icon svg, .hm .hm-nav svg, .hm .hm-login svg, .hm .hm-all svg { flex: 0 0 auto; width: calc(var(--h-big) / 2); height: calc(var(--h-big) / 2); }
    .hm .hm-primary { display: inline-flex; align-items: center; justify-content: center; min-height: var(--but-card-height); padding: 0 var(--text-xs); border: thin solid var(--color-blend); border-radius: var(--radius); background: var(--color-blend); color: var(--color-secondary); font-size: var(--text-base); font-weight: var(--weight-bold); white-space: nowrap; transition: background-color var(--transition); }
    .hm .hm-avatar { width: var(--h-small); height: var(--h-small); border-radius: 50%; object-fit: cover; background: var(--color-bg-tint-blue); }
    .hm .hm-badge { position: absolute; inset: calc(var(--text-xs) / 4) 0 auto auto; min-width: var(--text-xl); padding: 0 calc(var(--text-xs) / 4); border-radius: var(--radius-xl); background: var(--color-primary); color: var(--color-white); font-size: var(--text-xs); line-height: var(--text-xl); text-align: center; }
    .hm .hm-backdrop { position: fixed; inset: 0; z-index: 1001; background: color-mix(in srgb, var(--color-heading) 45%, transparent); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--motion-duration-ui) var(--motion-ease-out), visibility var(--motion-duration-ui); }
    .hm .hm-panel { position: fixed; inset: var(--hm-toolbar-offset, 0px) 0 0 auto; z-index: 1002; display: flex; flex-direction: column; width: min(calc(100% - var(--text-xs) * 2), calc(var(--h-big) * 7.5)); height: calc(100vh - var(--hm-toolbar-offset, 0px)); height: calc(100dvh - var(--hm-toolbar-offset, 0px)); background: var(--color-white); box-shadow: var(--shadow-modal); transform: translateX(100%); visibility: hidden; pointer-events: none; transition: transform var(--motion-duration-ui) var(--motion-ease-out), visibility var(--motion-duration-ui); overscroll-behavior: contain; }
    .hm .hm-panel:target, .hm .hm-panel.is-open { transform: translateX(0); visibility: visible; pointer-events: auto; transition-property: transform; }
    .hm:has(.hm-panel:target) .hm-backdrop, .hm.is-open .hm-backdrop { opacity: 1; visibility: visible; pointer-events: auto; transition-property: opacity; }
    .hm .hm-panel-head { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; min-height: var(--header-mobile-h); padding: env(safe-area-inset-top) max(var(--space-page-x), env(safe-area-inset-right)) 0 var(--space-page-x); border-bottom: thin solid var(--border-default); }
    .hm .hm-title { font-size: var(--text-xl); font-weight: var(--weight-bold); }
    .hm .hm-panel-body { flex: 1; background: var(--color-white); min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--space-page-x) max(var(--space-page-x), env(safe-area-inset-right)) max(var(--space-page-x), env(safe-area-inset-bottom)) max(var(--space-page-x), env(safe-area-inset-left)); }
    .hm .hm-caption { display: block; color: var(--color-muted); font-size: var(--text-sm); line-height: var(--leading-normal); }
    .hm .hm-city { display: flex; align-items: center; gap: var(--text-xs); padding: 0 var(--text-xs); margin-bottom: var(--text-xs); border-radius: var(--radius-md); background: var(--color-bg-tint-blue); }
    .hm .hm-city-button { display: flex; align-items: center; justify-content: space-between; gap: var(--text-xs); min-height: var(--h-touch); flex: 1; width: auto; padding: 0; border: 0; background: transparent; text-align: left; font-size: var(--text-md); font-weight: var(--weight-bold); overflow-wrap: anywhere; }
    .hm .hm-nav { display: grid; gap: calc(var(--text-xs) / 3); }
    .hm .hm-nav > a, .hm .hm-all { display: flex; align-items: center; justify-content: space-between; gap: var(--text-xs); min-height: var(--h-big); padding: var(--text-xs); border-radius: var(--radius-sm); font-size: var(--text-md); line-height: var(--leading-snug); transition: background-color var(--transition); }
    .hm .hm-feature { font-weight: var(--weight-bold); }
    .hm .hm-nav > a[aria-current] { background: var(--color-bg-tint-blue); color: var(--color-primary); }
    .hm .hm-secondary { margin-top: var(--text-xs); }
    .hm .hm-services { margin-top: calc(var(--text-xs) / 2); border: 0; }
    .hm .hm-service-links { padding-bottom: calc(var(--text-xs) / 2); }
    .hm .hm-service-links > a { min-height: var(--h-touch); font-size: var(--text-base); }
    .hm .hm-fee-tools { margin: calc(var(--text-xs) / 2) 0 var(--text-xs); padding: var(--text-xs); background: var(--color-bg-tint-blue); border-radius: var(--radius-md); }
    .hm .hm-fee-tools h2 { margin: 0 0 calc(var(--text-xs) / 2); padding: 0; color: var(--color-heading); font-size: var(--text-base); line-height: var(--leading-snug); font-weight: var(--weight-bold); }
    .hm .hm-fee-tools .hm-nav { gap: 0; }
    .hm .hm-fee-tools .hm-nav > a { min-height: var(--h-touch); padding: calc(var(--text-xs) / 2) 0; font-size: var(--text-base); }
    .hm .hm-fee-tools .hm-nav > a + a { border-top: thin solid var(--color-border-muted); border-radius: 0; }
    .hm .hm-disclosure { border-bottom: thin solid var(--border-default); }
    .hm .hm-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--text-xs); min-height: var(--h-touch); padding: var(--text-xs); cursor: pointer; list-style: none; font-size: var(--text-md); }
    .hm .hm-disclosure > summary::-webkit-details-marker { display: none; }
    .hm .hm-disclosure > summary::after { content: '+'; color: var(--color-primary); font-size: var(--text-xl); }
    .hm .hm-disclosure[open] > summary::after { content: '−'; }
    .hm .hm-list { list-style: none; margin: 0; padding: 0; max-height: calc(var(--h-touch) * 5); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
    .hm .hm-list:empty { display: none; }
    .hm .hm-list a { display: flex; align-items: center; min-height: var(--h-touch); padding: calc(var(--text-xs) / 3) var(--text-xs); font-size: var(--text-base); line-height: var(--leading-snug); border-radius: var(--radius-sm); }
    .hm .hm-status { margin: 0; padding: var(--text-xs); }
    .hm .hm-status:empty { display: none; }
    .hm .hm-search { padding: var(--text-xs); }
    .hm .hm-search label { display: block; margin-bottom: calc(var(--text-xs) / 2); font-size: var(--text-sm); color: var(--color-muted); }
    .hm .hm-search > div { display: flex; align-items: center; gap: calc(var(--text-xs) / 2); }
    .hm .hm-search input { width: 100%; min-width: 0; min-height: var(--h-big); margin: 0; padding: 0 var(--text-xs); border: thin solid var(--border-default); border-radius: var(--radius-sm); background: var(--color-white); color: var(--color-heading); font: inherit; font-size: var(--text-md); }
    .hm .hm-search button { background: var(--color-bg-tint-blue); }
    .hm .hm-login { display: flex; align-items: center; justify-content: center; gap: var(--text-xs); min-height: var(--h-big); margin-top: var(--space-page-x); padding: var(--text-xs); background: var(--color-primary); color: var(--color-white); border-radius: var(--radius-md); font-size: var(--text-md); font-weight: var(--weight-bold); }
    .hm .hm-lawyers { display: block; padding: var(--space-page-x) var(--text-xs); text-align: center; color: var(--color-muted); font-size: var(--text-sm); }
    .hm .hm-person { display: flex; align-items: center; gap: var(--text-xs); padding: var(--text-xs); margin-bottom: var(--space-page-x); background: var(--color-bg-tint-blue); border-radius: var(--radius-md); font-size: var(--text-md); font-weight: var(--weight-bold); overflow-wrap: anywhere; }
    .hm .hm-person .hm-avatar { width: var(--h-big); height: var(--h-big); flex: 0 0 var(--h-big); }
    .hm .hm-person small { display: block; margin-top: calc(var(--text-xs) / 3); font-size: var(--text-sm); color: var(--color-muted); font-weight: var(--weight-regular); }
    .hm .hm-admin { display: flex; align-items: center; gap: var(--text-xs); width: 100%; min-height: var(--h-big); padding: var(--text-xs); margin-top: var(--text-xs); border: thin solid var(--border-default); border-radius: var(--radius-sm); background: var(--color-white); font-size: var(--text-base); }
    .hm .hm-logout { color: var(--color-danger); }
    .hm :is(a, button, input, summary):focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
    .hm :is(.hm-icon, .hm-nav > a, .hm-disclosure > summary, .hm-list a, .hm-all):active { background: var(--color-bg-tint-blue); }
    .hm .hm-primary:active { background: var(--color-gray-active); }
    .hm .hm-login:active { background: var(--color-primary-active); }
    body.hm-scroll-lock { overflow: hidden; }
}
@media (min-width: 1125px) {
    header.hrnt-header-responsive:has(.nav-menu__mobile) .nav-nemu__inner { display: flex !important; }
}
@media (hover: hover) and (pointer: fine) {
    .hm :is(.hm-icon, .hm-nav > a, .hm-disclosure > summary, .hm-list a, .hm-all):hover { background: var(--color-bg-tint-blue); }
    .hm .hm-primary:hover { background: var(--color-gray); }
    .hm .hm-login:hover { background: var(--color-primary-hover); }
}
@media (prefers-reduced-motion: reduce) {
    .hm *, .hm *::before, .hm *::after { transition: none !important; scroll-behavior: auto !important; }
}

#modalLocationSelect .hm-city-list :is(button, a) { display: block; width: 100%; min-height: var(--h-big); border: 0; background: transparent; color: var(--color-heading); text-align: left; font: inherit; cursor: pointer; }
#modalLocationSelect .hm-city-list input { font-size: var(--text-md); }
#modalLocationSelect .hm-city-list :is(button, a):focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; }

/* Compact mobile chrome and the existing city picker, scoped to this header. */
@media (max-width: 1124px) {
    .hm .hm-city > .hm-caption { flex: 0 0 auto; }
    .hm .hm-city-button::after { content: ''; width: calc(var(--text-xs) / 2); height: calc(var(--text-xs) / 2); border-right: thin solid currentColor; border-bottom: thin solid currentColor; transform: rotate(45deg); margin-right: calc(var(--text-xs) / 2); }
    .hm .hm-all { min-height: var(--h-touch); margin: calc(var(--text-xs) / 2) 0 var(--text-xs); border: thin solid var(--color-border-muted); background: var(--color-bg-tint-blue); font-size: var(--text-base); font-weight: var(--weight-bold); color: var(--color-primary); }
    .hm .hm-list li { min-width: 0; }
    .hm .hm-list a { height: 100%; overflow-wrap: anywhere; }
    .hm .hm-disclosure[open] > summary { color: var(--color-primary); font-weight: var(--weight-bold); }
}
@media (min-width: 360px) and (max-width: 1124px) {
    .hm [data-hm-dictionary="mob_cities"] .hm-list:not(:empty) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 359px) {
    header.hrnt-header-responsive .hm-bar { padding-inline: var(--text-xs); gap: 0; }
    .hm .hm-logo { width: calc(var(--h-big) + var(--h-small)); }
    .hm .hm-primary { padding-inline: calc(var(--text-xs) / 2); }
}
#modalLocationSelect.hm-city-picker .modal-dialog { width: calc(100% - var(--space-page-x) * 2); max-width: calc(var(--h-big) * 10); margin: calc(var(--header-mobile-h) + var(--text-xs)) auto var(--space-page-x); }
#modalLocationSelect.hm-city-picker .modal-content { height: auto; padding: 0; display: flex; flex-direction: column; max-height: calc(100dvh - var(--header-mobile-h) - var(--text-xs) * 2); border: 0; border-radius: var(--radius-lg); background: var(--color-white); box-shadow: var(--shadow-modal); overflow: hidden; }
#modalLocationSelect.hm-city-picker .modal-header { display: flex; align-items: center; justify-content: space-between; min-height: var(--header-mobile-h); padding: 0 var(--space-page-x); border-bottom: thin solid var(--border-default); }
#modalLocationSelect.hm-city-picker #modalLocationSelectTitle { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; font-size: var(--text-lg); font-weight: var(--weight-bold); color: var(--color-heading); }
#modalLocationSelect.hm-city-picker .close-selectloc-modal { position: static; display: inline-flex; align-items: center; justify-content: center; width: var(--h-touch); height: var(--h-touch); padding: 0; border: 0; flex: 0 0 var(--h-touch); border-radius: var(--radius-md); color: var(--color-heading); background: transparent; cursor: pointer; }
#modalLocationSelect.hm-city-picker .modal-body { height: auto; min-height: 0; padding: var(--text-xs); overflow-y: auto; overscroll-behavior: contain; }
#modalLocationSelect.hm-city-picker .past-place { display: block; margin: 0; }
#modalLocationSelect.hm-city-picker .hm-city-list { max-height: none; position: static; width: 100%; padding: 0; margin: 0; box-shadow: none; border: 0; }
#modalLocationSelect.hm-city-picker .sub-menu__searchcity { height: auto; min-height: 0; position: sticky; top: calc(var(--text-xs) * -1); z-index: 1; padding: 0 0 var(--text-xs); background: var(--color-white); }
#modalLocationSelect.hm-city-picker .sub-menu__searchcity input { height: var(--h-touch); box-sizing: border-box; width: 100%; min-height: var(--h-touch); margin: 0; padding: 0 var(--text-xs); border: thin solid var(--border-default); border-radius: var(--radius-sm); background: var(--color-blend); color: var(--color-heading); font-size: var(--text-md); }
#modalLocationSelect.hm-city-picker .hm-auto-city { min-height: var(--h-touch); padding: calc(var(--text-xs) / 2) var(--text-xs); margin: 0 0 var(--text-xs); border-radius: var(--radius-sm); background: var(--color-primary); color: var(--color-white); font-size: var(--text-base); font-weight: var(--weight-bold); text-align: center; transition: background-color var(--transition); }
#modalLocationSelect.hm-city-picker .sub-menu__ul { column-gap: calc(var(--text-xs) / 2); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: min(50dvh, calc(var(--h-touch) * 7), calc(100dvh - var(--header-mobile-h) * 2 - var(--h-touch) * 3 - var(--space-page-x) * 2)); padding: 0; margin: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
#modalLocationSelect.hm-city-picker .sub-menu-item { min-width: 0; padding: 0; margin: 0; }
#modalLocationSelect.hm-city-picker .select-city { display: flex; align-items: center; box-sizing: border-box; min-height: var(--but-card-height); height: 100%; padding: calc(var(--text-xs) / 3) calc(var(--text-xs) / 2); border-radius: var(--radius-sm); font-size: var(--text-base); line-height: var(--leading-snug); text-decoration: none; overflow-wrap: anywhere; }
#modalLocationSelect.hm-city-picker .select-city[aria-current] { background: var(--color-bg-tint-blue); color: var(--color-primary); font-weight: var(--weight-bold); }
#modalLocationSelect.hm-city-picker .select-city[aria-current]::after { content: '✓'; margin-left: auto; padding-left: calc(var(--text-xs) / 2); }
#modalLocationSelect.hm-city-picker :is(input, button, a):focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; }
@media (hover: hover) and (pointer: fine) {
    #modalLocationSelect.hm-city-picker :is(.select-city, .close-selectloc-modal):hover { background: var(--color-bg-tint-blue); }
}


#modalLocationSelect.hm-city-picker .sub-menu-item[hidden] { display: none; }

#modalLocationSelect.hm-city-picker .hm-city-empty { padding: var(--text-xs); text-align: center; }
#modalLocationSelect.hm-city-picker .hm-city-empty[hidden] { display: none; }
#modalLocationSelect.hm-city-picker .hm-city-empty p { margin: 0 0 var(--text-xs); color: var(--color-muted); font-size: var(--text-base); line-height: var(--leading-normal); }
#modalLocationSelect.hm-city-picker .hm-city-empty button { min-height: var(--h-touch); padding: calc(var(--text-xs) / 2) var(--text-xs); border-radius: var(--radius-sm); background: var(--color-bg-tint-blue); color: var(--color-primary); text-align: center; font-size: var(--text-base); }
#modalLocationSelect.hm-city-picker .hm-city-empty button:active { background: var(--color-gray-active); }
@media (hover: hover) and (pointer: fine) {
    #modalLocationSelect.hm-city-picker .hm-city-empty button:hover { background: var(--color-gray); }
}

/* The cookie notice shares the page layer while mobile navigation is modal. */
@media (max-width: 1124px) {
    body:has(.hm.is-open, .hm .hm-panel:target, #modalLocationSelect.hm-city-picker.show) .harant-cookie-policy { z-index: 0; }
}

/* Drawer geometry includes the visible WordPress toolbar, measured on open. */
@media (max-width: 1124px) {
    body.admin-bar .hm { --hm-toolbar-offset: var(--wp-admin--admin-bar--height, 32px); }
    body.home:has(header.hrnt-header-responsive) .banner_main { padding-top: calc(var(--header-mobile-h) + var(--space-page-x)); }
    .hm .hm-register { display: flex; align-items: center; justify-content: center; min-height: var(--h-touch); margin-top: calc(var(--text-xs) / 2); padding: calc(var(--text-xs) / 2); border: thin solid var(--border-default); border-radius: var(--radius-sm); font-size: var(--text-base); font-weight: var(--weight-bold); text-align: center; }
    .hm .hm-account { display: flex; align-items: center; gap: var(--text-xs); padding: var(--text-xs); margin-top: var(--text-xs); min-height: var(--header-mobile-h); border-radius: var(--radius-sm); background: var(--color-bg-tint-blue); font-size: var(--text-md); font-weight: var(--weight-bold); }
    .hm .hm-account > span { min-width: 0; flex: 1; }
    .hm .hm-account small { display: block; margin-top: calc(var(--text-xs) / 3); color: var(--color-muted); font-size: var(--text-sm); font-weight: var(--weight-regular); overflow-wrap: anywhere; }
    .hm .hm-account svg { flex: 0 0 auto; }
    header.hrnt-header-responsive .hm .hm-admin { position: static; float: none; width: 100%; height: auto; margin: var(--text-xs) 0 0; padding: var(--text-xs); border-radius: var(--radius-sm); line-height: var(--leading-snug); text-align: left; }
    .hm .hm-register:active, .hm .hm-account:active { background: var(--color-gray-active); }
}
#modalLocationSelect.hm-city-picker .hm-auto-city:disabled { opacity: .65; cursor: wait; }
#modalLocationSelect.hm-city-picker .hm-geo-status { margin: 0 0 var(--text-xs); padding: 0 calc(var(--text-xs) / 2); font-size: var(--text-base); color: var(--color-muted); line-height: var(--leading-snug); }
#modalLocationSelect.hm-city-picker .hm-geo-status:empty { display: none; }
#modalLocationSelect.hm-city-picker .hm-geo-status a { margin-top: calc(var(--text-xs) / 2); padding: var(--text-xs); border-radius: var(--radius-sm); background: var(--color-bg-tint-blue); color: var(--color-primary); font-weight: var(--weight-bold); }
@media (hover: hover) and (pointer: fine) {
    .hm .hm-register:hover, .hm .hm-account:hover { background: var(--color-gray); }
}

@media (max-width: 1124px) {
    .hm .hm-account .hm-avatar { flex: 0 0 var(--h-touch); width: var(--h-touch); height: var(--h-touch); }
    .hm .hm-promo { display: grid; gap: calc(var(--text-xs) / 2); margin-top: var(--text-xs); padding: var(--space-page-x); border-radius: var(--radius-md); background: linear-gradient(120deg, var(--color-primary), var(--color-primary-hover)); color: var(--color-white); text-decoration: none; transition: box-shadow var(--transition); }
    .hm .hm-promo strong { color: inherit; font-size: var(--text-lg); line-height: var(--leading-snug); font-weight: var(--weight-bold); }
    .hm .hm-promo-description { color: inherit; font-size: var(--text-base); line-height: var(--leading-snug); }
    .hm .hm-promo-action { display: flex; align-items: center; justify-content: space-between; gap: var(--text-xs); min-height: var(--but-card-height); margin-top: calc(var(--text-xs) / 2); padding: calc(var(--text-xs) / 2) var(--text-xs); border-radius: var(--radius-sm); background: var(--color-white); color: var(--color-primary); font-size: var(--text-base); font-weight: var(--weight-bold); transition: background-color var(--transition); }
    .hm .hm-promo-action svg { flex: 0 0 auto; }
    .hm .hm-promo:active .hm-promo-action { background: var(--color-gray-active); }
}
@media (hover: hover) and (pointer: fine) {
    .hm .hm-promo:hover { box-shadow: var(--shadow-primary); }
    .hm .hm-promo:hover .hm-promo-action { background: var(--color-bg-tint-blue); }
}

@media (max-width: 1124px) {
    .hm .hm-back { display: inline-flex; align-items: center; gap: calc(var(--text-xs) / 3); min-height: var(--h-touch); padding: 0 calc(var(--text-xs) / 2); border: 0; border-radius: var(--radius-sm); background: transparent; font-size: var(--text-base); font-weight: var(--weight-bold); }
    .hm .hm-back[hidden] { display: none; }
    .hm .hm-back svg { width: var(--text-xl); height: var(--text-xl); transform: rotate(180deg); }
    .hm .hm-back:active { background: var(--color-bg-tint-blue); }
}
@media (hover: hover) and (pointer: fine) {
    .hm .hm-back:hover { background: var(--color-bg-tint-blue); }
}

/* Keep mobile geometry stable across the legacy .sticky threshold. The offset
   follows only the visible toolbar/cookie notice, without a position switch. */
@media (max-width: 1124px) {
    header.hrnt-header-responsive { --hm-chrome-offset: 0px; height: var(--header-mobile-h); }
    body.admin-bar header.hrnt-header-responsive { --hm-chrome-offset: var(--wp-admin--admin-bar--height, 32px); }
    body.has-cookie-banner header.hrnt-header-responsive { --hm-chrome-offset: var(--cookie-banner-h); }
    body header.hrnt-header-responsive > nav.header-nav.nav,
    body header.hrnt-header-responsive > nav.header-nav.nav.sticky {
        position: fixed; top: var(--hm-chrome-offset); height: var(--header-mobile-h);
        padding: 0; border: 0; box-shadow: none; transition: none;
    }
    body.home header.hrnt-header-responsive { height: 0; }
    body.home.has-cookie-banner:has(header.hrnt-header-responsive) { padding-top: var(--cookie-banner-h); }
    .hm .hm-all:active { background: var(--color-gray-active); }
}
#modalLocationSelect.hm-city-picker .close-selectloc-modal svg { display: block; width: calc(var(--h-big) / 2); height: calc(var(--h-big) / 2); }
#modalLocationSelect.hm-city-picker .hm-auto-city:active { background: var(--color-primary-active); }
@media (hover: hover) and (pointer: fine) {
    .hm .hm-all:hover { background: var(--color-gray); }
    #modalLocationSelect.hm-city-picker .hm-auto-city:hover { background: var(--color-primary-hover); }
}