/* Only the three requested native header actions and the native account dropdown. */
header #shop-nav.mkh-nav { --mkh-green: #a7e752; --mkh-ink: #303733; --mkh-line: #dce2d8; }
header #shop-nav.mkh-buttons { gap: 6px; align-items: center; }
header #shop-nav.mkh-buttons > :is(.account-icon-dropdown, #shop-nav-wish, .cart-icon-dropdown) > .nav-link {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    min-width: 44px; min-height: 48px; padding: 10px 12px; margin: 0;
    border: 1px solid var(--mkh-line); border-radius: 12px;
    background: #fff; color: var(--mkh-ink); text-decoration: none;
    font-family: inherit; line-height: 1.3; white-space: normal;
}
header #shop-nav.mkh-buttons > :is(.account-icon-dropdown, #shop-nav-wish, .cart-icon-dropdown) > .nav-link:hover {
    background: #f4f8ef; color: var(--mkh-ink); border-color: #84947a;
}
header #shop-nav.mkh-buttons > :is(.account-icon-dropdown, #shop-nav-wish, .cart-icon-dropdown) > .nav-link[aria-expanded="true"] {
    background: #f0f8e6; border-color: #668146; color: var(--mkh-ink);
}
header #shop-nav.mkh-buttons > :is(.account-icon-dropdown, #shop-nav-wish, .cart-icon-dropdown) > .nav-link > :is(i, .fas) {
    flex: 0 0 auto; font-size: 18px; margin: 0; width: 22px; text-align: center;
}
header #shop-nav.mkh-buttons .mkh-label { display: none; font-size: 12px; font-weight: 600; }
header #shop-nav.mkh-buttons .cart-icon-dropdown-price { margin: 0; font-size: 12px; }
header #shop-nav.mkh-buttons > :is(#shop-nav-wish, .cart-icon-dropdown) > .nav-link .fa-sup {
    background: var(--mkh-green); color: var(--mkh-ink); border-radius: 20px;
    min-width: 18px; min-height: 18px; padding: 2px 4px;
    font-size: 11px; font-weight: 600; line-height: 14px;
    top: -11px; right: -10px; left: auto; margin: 0;
    border: 2px solid #fff; width: auto; height: auto; max-width: none; overflow: visible; white-space: nowrap;
}
header #shop-nav.mkh-nav :is(.mkh-close, .mkh-password-toggle):focus-visible,
header #shop-nav.mkh-buttons > :is(.account-icon-dropdown, #shop-nav-wish, .cart-icon-dropdown) > .nav-link:focus-visible,
header #shop-nav.mkh-nav .mkh-account-menu :is(a, input, button):focus-visible {
    outline: 3px solid #4b692e !important; outline-offset: 3px;
}
header #shop-nav.mkh-nav .mkh-account-menu {
    width: min(380px, calc(100vw - 24px)); min-width: 0; max-width: calc(100vw - 24px);
    color: var(--mkh-ink); background: #fff; border: 1px solid var(--mkh-line);
    border-radius: 18px; padding: 0; margin-top: 10px;
    box-shadow: 0 14px 40px #25301924;
    translate: var(--mkh-shift-x, 0px) var(--mkh-shift-y, 0px);
    max-height: var(--mkh-menu-height, calc(100dvh - 24px)); overflow-y: auto;
    overscroll-behavior: contain; scroll-padding: 18px;
}
header #shop-nav.mkh-nav .mkh-account-menu #account-dropdown-menu {
    min-width: 0; max-width: 100%; padding: 26px 24px 14px; overflow-wrap: anywhere;
}
header #shop-nav.mkh-nav .mkh-close {
    display: none; position: absolute; right: 8px; top: 8px; z-index: 1;
    width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px;
    background: transparent; color: var(--mkh-ink); font-size: 26px; cursor: pointer;
}
header #shop-nav.mkh-nav[data-mkh-mounted="1"] .mkh-close { display: block; }
header #shop-nav.mkh-nav .mkh-close:hover { background: #f2f5ee; }
header #shop-nav.mkh-nav .mkh-account-menu legend {
    font-family: inherit; font-size: 20px; font-weight: 600; line-height: 1.4;
    padding: 0 25px 0 0; margin: 0 0 22px; border: 0; color: var(--mkh-ink);
}
header #shop-nav.mkh-nav .mkh-account-menu .form-group { margin: 0 0 18px; }
header #shop-nav.mkh-nav .mkh-account-menu .form-group > .d-flex { gap: 7px; }
header #shop-nav.mkh-nav .mkh-account-menu .form-group label.col-form-label {
    position: static; inset: auto; transform: none; opacity: 1;
    font-size: 14px; line-height: 1.5; padding: 0; margin: 0;
    background: transparent; color: var(--mkh-ink); order: -2;
    width: auto; height: auto; pointer-events: auto;
    max-width: 100%; white-space: normal; overflow: visible; text-overflow: clip; z-index: auto;
}
header #shop-nav.mkh-nav .mkh-account-menu .form-group > .flex-column-reverse { flex-direction: column !important; }
header #shop-nav.mkh-nav .mkh-account-menu .form-group:has([required]) label::after {
    content: " *"; color: #a42f2f; position: static; display: inline; background: transparent; height: auto;
}
header #shop-nav.mkh-nav .mkh-account-menu .form-control {
    width: 100%; min-width: 0; min-height: 48px; height: auto;
    padding: 11px 12px; font: inherit; font-size: 16px; line-height: 1.5;
    border: 1px solid #929f89; border-radius: 10px; color: var(--mkh-ink); background: #fff;
    box-shadow: none;
}
header #shop-nav.mkh-nav .mkh-account-menu .form-control:focus { border-color: #4b692e; }
header #shop-nav.mkh-nav .mkh-account-menu .form-control:disabled { background: #f2f4f0; color: #65715f; }
header #shop-nav.mkh-nav .mkh-account-menu :is(.has-error .form-control, .form-control[aria-invalid="true"]) { border-color: #b32929; }
header #shop-nav.mkh-nav .mkh-account-menu :is(.form-error-msg, .invalid-feedback) { color: #9b2424; font-size: 14px; }
header #shop-nav.mkh-nav .mkh-account-menu button[type="submit"] {
    display: flex; align-items: center; justify-content: center; min-height: 48px;
    padding: 12px 16px; border: 1px solid var(--mkh-green); border-radius: 10px;
    background: var(--mkh-green); color: var(--mkh-ink); font-size: 15px;
    font-weight: 600; line-height: 1.4; white-space: normal;
}
header #shop-nav.mkh-nav .mkh-account-menu button[type="submit"]:hover { background: #97d844; }
header #shop-nav.mkh-nav .mkh-account-menu button[aria-disabled="true"] { opacity: .7; cursor: wait; }
header #shop-nav.mkh-nav .mkh-account-menu #account-dropdown-menu > a {
    color: var(--mkh-ink); display: flex; align-items: center; min-height: 44px;
    font-size: 14px; text-decoration: underline; text-underline-offset: 3px;
}
header #shop-nav.mkh-nav .mkh-account-menu .dropdown-footer {
    display: flex; flex-direction: column; gap: 8px; padding: 18px 24px 22px;
    background: #f6f8f3; color: #505e48; border-top: 1px solid var(--mkh-line); font-size: 14px;
}
header #shop-nav.mkh-nav .mkh-account-menu .dropdown-footer a {
    display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 14px;
    border: 1px solid #99a78f; border-radius: 10px; color: var(--mkh-ink); background: #fff;
    text-align: center; text-decoration: none; font-weight: 600;
}
header #shop-nav.mkh-nav .mkh-account-menu .dropdown-item { white-space: normal; border-radius: 8px; padding: 10px 12px; }
header #shop-nav.mkh-nav .mkh-account-menu .dropdown-item:hover { background: #f0f7e7; }
header #shop-nav.mkh-nav .mkh-account-menu #account-dropdown-menu:has(> .dropdown-item) { padding-top: 54px; }
header #shop-nav.mkh-nav .mkh-password-wrap { position: relative; width: 100%; }
header #shop-nav.mkh-nav .mkh-password-wrap input { padding-right: 88px !important; }
header #shop-nav.mkh-nav .mkh-password-toggle {
    position: absolute; right: 4px; top: 2px; min-height: 44px; padding: 6px 9px;
    border: 0; border-radius: 8px; background: transparent; color: #405e2b;
    font: inherit; font-size: 12px; text-decoration: underline; cursor: pointer;
}
header #shop-nav.mkh-nav .mkh-login-status:empty { display: none; }
header #shop-nav.mkh-nav .mkh-login-status { margin: 10px 0 0; color: #4d5c43; font-size: 14px; }
@media (min-width: 992px) {
    header #shop-nav.mkh-buttons .mkh-label { display: block; }
    header #shop-nav.mkh-buttons > :is(.account-icon-dropdown, #shop-nav-wish) > .nav-link { flex-direction: column; gap: 5px; padding: 8px 10px; min-width: 76px; }
    header #shop-nav.mkh-buttons > .cart-icon-dropdown > .nav-link { display: grid; grid-template-columns: 22px auto; column-gap: 9px; row-gap: 2px; }
    header #shop-nav.mkh-buttons > .cart-icon-dropdown > .nav-link > i { grid-row: 1 / 3; }
    header #shop-nav.mkh-buttons .cart-icon-dropdown .mkh-label { grid-column: 2; grid-row: 1; }
    header #shop-nav.mkh-buttons .cart-icon-dropdown-price { grid-column: 2; grid-row: 2; }
}
@media (max-width: 991.98px) {
    header #shop-nav.mkh-buttons { gap: 4px; }
    header #shop-nav.mkh-buttons > :is(.account-icon-dropdown, #shop-nav-wish, .cart-icon-dropdown) > .nav-link { padding: 10px; }
    header #shop-nav.mkh-buttons .cart-icon-dropdown-price { display: none; }
    header #shop-nav.mkh-nav .mkh-account-menu #account-dropdown-menu { padding: 24px 20px 12px; }
    header #shop-nav.mkh-nav .mkh-account-menu .dropdown-footer { padding: 16px 20px 20px; }
}