/* Account access stays explicit, including when the theme was set to icon-only. */
.mky-header-account > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 2px; font-family: inherit; font-size: 14px; line-height: 1.4; white-space: nowrap; }
.mky-header-account > a svg { width: 19px; height: 19px; flex: 0 0 19px; }

.mobile-header-icons > .mky-mobile-account-entry { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 0; min-width: 44px; min-height: 44px; margin-left: 0; background: transparent; color: inherit; border: 0; border-radius: 0; text-decoration: none; font-family: inherit; }
.mky-mobile-account-entry svg { display: block; width: 22px; height: 22px; }
.mobile-header-icons > .mky-mobile-account-entry + * { margin-left: 4px; }
.mky-mobile-account-entry:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 760px) {
 #masthead .header-mobile > .konte-container-fluid { width: calc(100vw - 32px); margin-left: calc(50% - 50vw + 16px); margin-right: calc(50% - 50vw + 16px); padding-left: 0; padding-right: 0; }
}
@media (max-width: 360px) {
 #masthead .header-mobile .site-branding img, #masthead .header-mobile .mobile-logo img { max-width: 96px; height: auto; }
}

/* Keep the native WooCommerce counter so cart fragments continue to update it. */
.header-mobile .mobile-header-icons .header-cart > a { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; gap: 0; }
.header-mobile .mobile-header-icons .header-cart .cart-counter { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; width: auto; height: 16px; padding: 0 4px; margin: 0; border-radius: 50%; font-size: 10px; font-weight: 600; line-height: 16px; pointer-events: none; }