/* Public header only; navigation data and interaction remain in the shared component. */
#hkf-site-header { background: #fff !important; border-bottom: 1px solid #dce4d7 !important; }
#hkf-site-header .public-header-utility { background: #eaf0e5 !important; border-bottom: 1px solid #d9e3d5; }
#hkf-site-header .public-header-utility-inner { max-width: 1280px; min-height: 35px; }
#hkf-site-header .public-header-utility-highlights { color: #245039; font-size: .77rem; font-weight: 600; }
#hkf-site-header .public-header-utility-contact { gap: 14px; }
#hkf-site-header .public-header-utility-contact a { color: #20513a; font-size: .75rem; }
#hkf-site-header .public-header-utility-contact a + a::before {
    content: '';
    width: 1px;
    height: 16px;
    margin-right: 8px;
    background: #b9c8b0;
}
#hkf-site-header .public-header-utility-contact .public-contact-mobile-label { display: none !important; }
#hkf-site-header .site-header-inner { max-width: 1280px; gap: 14px !important; }
#hkf-site-header .hkf-brand-wordmark { order: 1; }
#hkf-site-header .public-brand-tagline { display: none !important; }
#hkf-site-header .public-top-nav { order: 2; flex: 1 1 auto; min-width: 0; justify-content: center; gap: 2px !important; }
#hkf-site-header .hkf-text-size { order: 3; }
#hkf-site-header .public-staff-account { order: 4; }
#hkf-site-header .site-header-inner > .public-family-account:not(.public-staff-account) { order: 5; }
#hkf-site-header .public-top-nav > .public-nav-link[aria-current="page"],
#hkf-site-header .nav-dropdown-btn.has-current-page {
    color: #174e36 !important;
    text-decoration: none !important;
    box-shadow: inset 0 -2px #b8954a !important;
}
#hkf-site-header .public-top-nav > .public-nav-link--cart {
    min-height: 38px;
    background: #194f39 !important;
    border-color: #194f39 !important;
    color: #fff !important;
    border-radius: 7px !important;
}
#hkf-site-header .public-top-nav > .public-nav-link--cart:hover { background: #103b2b !important; }
#hkf-site-header .hkf-text-size { background: transparent; border: 0; }
#hkf-site-header .hkf-text-size > [data-hkf-text-toggle] { color: #1e4b37; background: transparent; }
#hkf-site-header .hkf-text-size > [data-hkf-text-toggle]:hover { background: #edf2e9; }
#hkf-site-header .public-staff-account > details > summary { color: #1e4b37; }
#hkf-site-header .public-mobile-drawer-settings { display: none; }
#hkf-site-header .public-mobile-drawer-logo { display: none; }
#hkf-site-header .public-mobile-drawer-scroll { display: contents; }
#hkf-site-header .public-mobile-drawer-scroll > .public-nav-link--home { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 9px; border-radius: 8px; color: #294638; font-size: 13px; font-weight: 650; text-decoration: none; white-space: nowrap; }
#hkf-site-header .public-mobile-drawer-scroll > .public-nav-link--home[aria-current="page"] { background: #edf3ee; box-shadow: inset 0 -2px #b8954a; }
@media (min-width: 1101px) {
    html body.hkf-public-design:not(.hk-admin-shell) #hkf-site-header .site-header-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;
    }
}
@media (max-width: 1100px) {
    #hkf-site-header .public-top-nav { display: flex !important; flex-flow: column nowrap !important; align-items: stretch; justify-content: flex-start; overflow: hidden !important; padding: 0 !important; width: min(92vw, 420px); max-width: 420px; min-width: 0; }
    #hkf-site-header .public-mobile-drawer-header { position: relative; display: flex !important; justify-content: flex-start; gap: 9px; flex: 0 0 auto !important; margin: 0 !important; padding: 14px 16px 10px !important; border-bottom: 0; }
    #hkf-site-header .public-mobile-drawer-logo { display: block; flex: 0 0 27px; width: 27px; height: 34px; object-fit: contain; }
    #hkf-site-header .public-mobile-drawer-header > div { min-width: 0; }
    #hkf-site-header .public-mobile-drawer-header strong { font-size: 1.17rem; }
    #hkf-site-header .public-mobile-menu-close { margin-left: auto; }
    #hkf-site-header .public-mobile-drawer-actions { flex: 0 0 auto !important; margin: 0 16px 8px !important; padding: 9px 0 0; border-top: 1px solid #dce4d4; }
    #hkf-site-header .public-mobile-action { min-height: 44px; }
    #hkf-site-header .public-mobile-drawer-scroll { display: block; flex: 1 1 auto !important; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 0 16px 12px; scrollbar-gutter: stable; }
    #hkf-site-header .public-mobile-drawer-scroll > .public-nav-link--home,
    #hkf-site-header .public-mobile-drawer-scroll .nav-dropdown-btn { display: flex !important; align-items: center; width: 100%; min-height: 52px; padding: 7px 9px !important; border: 0 !important; border-bottom: 1px solid #e5ebe1 !important; border-radius: 7px !important; background: transparent; color: #254d40; font-size: .9rem; text-align: left; white-space: normal; }
    #hkf-site-header .public-mobile-drawer-scroll > .public-nav-link--home[aria-current="page"] { background: #edf3ee; box-shadow: inset 0 -2px #b8954a; }
    #hkf-site-header .public-mobile-drawer-scroll .public-mobile-nav-heading small { display: none !important; }
    #hkf-site-header .public-mobile-drawer-scroll .public-nav-section-icon { display: inline-flex; flex: 0 0 34px; width: 34px; height: 34px; align-items: center; justify-content: center; margin-right: 9px; border: 1px solid #dce5d9; border-radius: 8px; background: #f1f5ef; }
    #hkf-site-header .public-mobile-drawer-scroll .public-nav-dropdown { width: 100%; min-width: 0; }
    #hkf-site-header .public-mobile-drawer-scroll .public-tools-trigger { min-height: 52px; padding: 0 8px !important; }
    #hkf-site-header .public-mobile-drawer-scroll .public-tools-title-link { min-height: 52px; }
    #hkf-site-header .public-mobile-drawer-scroll .public-tools-expand { margin-left: auto; }
    #hkf-site-header .public-mobile-drawer-scroll .nav-dropdown-content { max-height: none; margin: 3px 0 8px; }
    #hkf-site-header .public-mobile-drawer-scroll .public-nav-dropdown--shop.is-open > .nav-dropdown-content { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    #hkf-site-header .public-mobile-drawer-scroll .public-nav-destination { min-width: 0; min-height: 44px !important; }
    #hkf-site-header .public-mobile-drawer-scroll .public-nav-destination-label { overflow-wrap: anywhere; }
    #hkf-site-header .public-mobile-drawer-settings { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; margin-top: 10px; padding: 10px 0 2px; border-top: 1px solid #dce4d4; border-bottom: 0; }
    #hkf-site-header .public-mobile-drawer-settings > .hkf-text-size,
    #hkf-site-header .public-mobile-drawer-settings > .public-family-account { display: block; flex: 1 1 120px; width: auto; min-width: 0; }
    #hkf-site-header .public-mobile-drawer-settings .hkf-text-size > [data-hkf-text-toggle] { min-width: 0; width: 100% !important; }
    #hkf-site-header .public-mobile-drawer-settings .public-staff-account > details > summary { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; border: 1px solid #cfdbc9; border-radius: 6px; background: #fffef9; }
    #hkf-site-header .public-mobile-drawer-settings .public-staff-account .public-family-account-panel { position: static; width: 100%; min-width: 0; }
    #hkf-site-header .public-top-nav > .public-nav-link--cart { position: relative; z-index: 1; display: flex !important; justify-content: center; flex: 0 0 auto !important; min-height: 48px; margin: 0 !important; padding: 12px !important; border-radius: 0 !important; border-top: 1px solid #dce4d4 !important; box-shadow: none !important; background: #194f39 !important; color: #fff !important; }
    #hkf-site-header .public-top-nav::after { content: ''; flex: 0 0 env(safe-area-inset-bottom); background: #194f39; }
    #hkf-site-header { display: flex; flex-direction: column; }
    html body.hkf-public-design:not(.hk-admin-shell) #hkf-site-header .site-header-inner {
        order: 1;
        display: flex !important;
        flex-wrap: nowrap !important;
        min-height: 62px;
        gap: 8px !important;
        padding: 8px 15px !important;
    }
    #hkf-site-header .site-header-inner > .hkf-brand-wordmark { flex: 1 1 auto; min-width: 0; }
    #hkf-site-header .site-header-inner > .public-mobile-cart { order: 2; }
    #hkf-site-header .site-header-inner > .public-mobile-menu-toggle { order: 3; }
    #hkf-site-header .site-header-inner > .public-top-nav { order: 4; }
    #hkf-site-header .site-header-inner > .public-mobile-menu-backdrop { order: 5; }
    html body.hkf-public-design:not(.hk-admin-shell) #hkf-site-header .public-header-utility {
        order: 2;
        display: block !important;
        width: 100%;
        background: #eaf0e5 !important;
    }
    #hkf-site-header .public-header-utility-inner { max-width: none; min-height: 43px; padding: 0 12px; }
    #hkf-site-header .public-header-utility-highlights { display: none !important; }
    #hkf-site-header .public-header-utility-contact { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: none; gap: 0; }
    #hkf-site-header .public-header-utility-contact .public-contact-phone:not(:first-child) { display: none !important; }
    #hkf-site-header .public-header-utility-contact a { justify-content: center; min-height: 43px; padding: 5px 4px; font-size: .8rem; font-weight: 700; }
    #hkf-site-header .public-header-utility-contact a + a::before { display: none; }
    #hkf-site-header .public-header-utility-contact .public-contact-whatsapp { border-left: 1px solid #bacbb6; }
    #hkf-site-header .public-header-utility-contact .public-contact-phone-number,
    #hkf-site-header .public-header-utility-contact .public-contact-whatsapp-number { display: none !important; }
    #hkf-site-header .public-header-utility-contact .public-contact-mobile-label { display: inline !important; }
    #hkf-site-header .public-mobile-cart,
    #hkf-site-header .public-mobile-menu-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 44px;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px;
        min-height: 44px;
        padding: 9px !important;
        color: #174e36 !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        border-radius: 7px !important;
    }
    #hkf-site-header .public-mobile-cart :is(.public-icon,svg) { width: 24px; height: 24px; }
    #hkf-site-header .public-mobile-menu-toggle__icon,
    #hkf-site-header .public-mobile-menu-toggle__icon::before,
    #hkf-site-header .public-mobile-menu-toggle__icon::after { width: 22px; height: 2px; }
    #hkf-site-header .public-mobile-menu-toggle__icon::before { top: -7px; }
    #hkf-site-header .public-mobile-menu-toggle__icon::after { top: 7px; }
    #hkf-site-header .public-mobile-drawer-settings {
        display: grid;
        gap: 9px;
        padding: 12px 0;
        border-bottom: 1px solid #dce4d4;
    }
    #hkf-site-header .public-mobile-drawer-settings:empty { display: none; }
    #hkf-site-header .public-mobile-drawer-settings > .hkf-text-size,
    #hkf-site-header .public-mobile-drawer-settings > .public-family-account { display: block; width: 100%; margin: 0; }
    #hkf-site-header .public-mobile-drawer-settings .hkf-text-size > [data-hkf-text-toggle] {
        justify-content: flex-start;
        width: 100% !important;
        min-height: 44px;
        padding: 9px 12px;
        background: #fffef9;
        border: 1px solid #cfdbc9;
    }
    #hkf-site-header .public-mobile-drawer-settings .hkf-display-short { display: none !important; }
    #hkf-site-header .public-mobile-drawer-settings .hkf-display-full { display: inline !important; }
    #hkf-site-header .public-mobile-drawer-settings .public-family-account > details > summary { min-height: 44px; }
}
@media (max-width: 390px) {
    #hkf-site-header .site-header-inner > .hkf-brand-wordmark { gap: 6px; }
    #hkf-site-header .hkf-brand-wordmark__copy > strong { font-size: .85rem; }
    #hkf-site-header .public-header-utility-contact a { font-size: .72rem; }
}
@media (max-width: 360px) {
    #hkf-site-header .public-mobile-drawer-actions { grid-template-columns: minmax(0, 1fr); }
    #hkf-site-header .public-mobile-drawer-scroll .public-nav-dropdown--shop.is-open > .nav-dropdown-content { grid-template-columns: minmax(0, 1fr) !important; }
}
html[data-hkf-text-size="130"] #hkf-site-header .public-mobile-drawer-scroll .public-nav-dropdown--shop.is-open > .nav-dropdown-content,
html[data-hkf-text-size="150"] #hkf-site-header .public-mobile-drawer-scroll .public-nav-dropdown--shop.is-open > .nav-dropdown-content { grid-template-columns: minmax(0, 1fr) !important; }
@media (max-width: 1100px) {
    #hkf-site-header .public-mobile-drawer-settings { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; padding: 10px 0 2px; border-top: 1px solid #dce4d4; border-bottom: 0; }
    #hkf-site-header .public-mobile-drawer-settings > .hkf-text-size,
    #hkf-site-header .public-mobile-drawer-settings > .public-family-account { flex: 1 1 120px; width: auto; min-width: 0; }
    html[data-hkf-text-size="130"] #hkf-site-header .public-mobile-drawer-actions,
    html[data-hkf-text-size="150"] #hkf-site-header .public-mobile-drawer-actions { grid-template-columns: minmax(0, 1fr); }
}