/* Shared storefront navigation. Loaded after both legacy and bundled styles. */
.hhm-mobile-view-all{display:none}
#hhm-mobile-nav,.hhm-mobile-logo,#hhm-mobile-search-slot,#hhm-demo-header .hhm-category-photo{display:none}
.hhm-home-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px auto 30px;padding:20px;border:1px solid #f0e4da;border-radius:16px;background:#fff}
.hhm-home-categories:before,.hhm-home-categories:after{display:none!important;content:none!important}
.hhm-home-categories>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:136px;text-decoration:none;color:#222;font-size:16px;font-weight:600;text-align:center;border-radius:10px;padding:10px}
.hhm-home-categories img{width:90px;height:90px;object-fit:contain;display:block}
.hhm-home-categories a:hover{background:#fff5ed;color:#ad3c00}
.hhm-home-categories a:focus-visible,#hhm-mobile-nav :focus-visible{outline:3px solid #a64106;outline-offset:-3px}
@media(max-width:1100px){
:root{--hhm-nav-height:64px;--hhm-nav-space:calc(var(--hhm-nav-height) + env(safe-area-inset-bottom,0px))}
body.hhm-live{padding-bottom:var(--hhm-nav-space)!important}
#hhm-demo-header .navbar-cps__box-main>.container{display:grid!important;grid-template-columns:48px minmax(0,1fr) 40px;gap:10px;padding:8px 12px!important;min-height:64px;box-sizing:border-box;width:100%;max-width:100%}
#hhm-demo-header .navbar-header{grid-column:1;grid-row:1;position:static!important;transform:none!important;left:auto!important;top:auto!important;width:48px;min-width:0}
#hhm-demo-header a.logo,#hhm-demo-header .box-main__box-cate,#hhm-demo-header #hhm-search-toggle,#hhm-demo-header .hhm-search-drawer{display:none!important}
#hhm-demo-header .hhm-mobile-logo{display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:6px;overflow:hidden}
#hhm-demo-header .hhm-mobile-logo img{width:48px;height:48px;max-width:none;object-fit:contain;display:block}
#hhm-demo-header #hhm-mobile-search-slot{display:block;grid-column:2;grid-row:1;min-width:0}
#hhm-demo-header #hhm-mobile-search-slot #search_mini_form{padding:0!important;margin:0!important;width:100%;min-width:0;max-width:none}
#hhm-demo-header #search_mini_form .input-group{height:44px;min-height:44px;border:0;border-radius:8px;flex-wrap:nowrap;overflow:visible}
#hhm-demo-header #search_mini_form input{font-size:16px;min-width:0;height:44px;padding:8px 10px}
#hhm-demo-header #search_mini_form .input-group-btn{flex:0 0 44px;width:44px}
#hhm-demo-header #search_mini_form button{width:44px;height:44px;padding:6px;border-radius:0 8px 8px 0}
#hhm-demo-header .box-main__box-about{grid-column:3;grid-row:1;width:40px}
#hhm-demo-header .box-about{width:40px;height:44px}
#hhm-mobile-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--hhm-nav-space);padding:0 6px env(safe-area-inset-bottom,0px);box-sizing:border-box;background:#fff;border-top:1px solid #eee;box-shadow:0 -3px 16px #2631400d;z-index:1100;font-family:Arial,sans-serif}
#hhm-mobile-nav>a,#hhm-mobile-nav>button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:0;background:#fff;color:#222;text-decoration:none;font-size:12px;line-height:1.3;font-weight:500;min-width:0;min-height:44px;padding:7px 1px;cursor:pointer;font-family:inherit}
#hhm-mobile-nav svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#hhm-mobile-nav .is-active{color:#d74e00;font-weight:700}
#hhm-mobile-nav b{position:absolute;top:2px;left:calc(50% + 5px);background:#d74e00;color:#fff;border-radius:12px;min-width:16px;height:16px;font-size:10px;line-height:16px;text-align:center;padding:0 3px}
#hhm-demo-header .hhm-category-menu:not([hidden]){position:fixed!important;top:var(--hhm-header-bottom,64px)!important;bottom:var(--hhm-nav-space)!important;left:0!important;right:0!important;width:100%;max-width:none;max-height:none!important;border-radius:0!important;display:grid!important;grid-template-columns:88px minmax(0,1fr);grid-template-rows:48px minmax(0,1fr) 88px;gap:0;padding:0;background:#f6f7f8;overflow:hidden;box-shadow:none}
#hhm-demo-header .hhm-category-menu:after{content:"";display:block;grid-column:1/-1;grid-row:3;background:#fff;border-top:1px solid #eee}
body.hhm-menu-open #hhm-demo-footer #back-to-top{visibility:hidden}
#hhm-demo-header .hhm-menu-mobile-title{grid-column:1/-1;grid-row:1;padding:2px 12px;width:auto;min-width:0;background:#fff;box-sizing:border-box}
#hhm-demo-header .hhm-menu-close{width:44px;height:44px;flex:0 0 44px}
#hhm-demo-header .hhm-category-list{grid-column:1;grid-row:2;display:block!important;width:auto;max-height:none!important;height:100%;overflow-y:auto;overscroll-behavior:contain;background:#f5f5f5;padding:0 0 80px!important;border-radius:0}
#hhm-demo-header .hhm-category-item{width:100%;position:relative;border-bottom:1px solid #e8e8e8}
#hhm-demo-header .hhm-category{display:flex;flex-direction:column;gap:5px;padding:10px 4px;min-height:88px;font-size:12px;line-height:1.4;text-align:center;white-space:normal;color:#222;width:100%;box-sizing:border-box}
#hhm-demo-header .hhm-category>svg,#hhm-demo-header .hhm-category-toggle,#hhm-demo-header .hhm-category-highlight,#hhm-demo-header .hhm-menu-label-visual{display:none!important}
#hhm-demo-header .hhm-menu-label{white-space:normal}
#hhm-demo-header .hhm-menu-label-original{visibility:visible;white-space:normal}
#hhm-demo-header .hhm-category-photo{display:block;width:48px;height:48px;object-fit:contain;background:#fff;border-radius:6px}
#hhm-demo-header .hhm-category-item[data-open=true]{background:#fff0e3;box-shadow:inset 3px 0 #ef6616}
#hhm-demo-header .hhm-category-item[data-open=true] .hhm-category{color:#ad3c00;font-weight:700}
#hhm-demo-header .hhm-category-panels{grid-column:2;grid-row:2;width:auto!important;min-width:0;height:100%;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-left:1px solid #eee;padding-bottom:90px;box-sizing:border-box}
#hhm-demo-header .hhm-category-panel{max-height:none!important;overflow:visible;padding:14px 12px;animation:none!important}
#hhm-demo-header .hhm-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#hhm-demo-header .hhm-mobile-view-all{display:inline-flex;align-items:center;min-height:44px;color:#a43b00;font-size:12px;white-space:nowrap}
#hhm-demo-header .hhm-view-all{display:none}
#hhm-demo-header .hhm-category-panel h2{font-size:17px;line-height:1.5}
#hhm-demo-header .hhm-category-links{grid-template-columns:1fr;gap:8px}
#hhm-demo-header .hhm-category-links>a{min-width:0;overflow-wrap:anywhere}
#hhm-demo-header .hhm-menu-backdrop{display:none!important}
body.hhm-menu-open .cmp-tray{visibility:hidden;pointer-events:none}
body.hhm-menu-open #hhm-support{display:block!important;z-index:1101}
#hhm-support{bottom:calc(var(--hhm-nav-space) + var(--hhm-tray-space,0px) + 18px)!important}
body.hhm-menu-open #hhm-support,body.cmp-modal-open #hhm-support{bottom:calc(var(--hhm-nav-space) + 18px)!important}
#hhm-demo-footer #back-to-top{bottom:calc(var(--hhm-nav-space) + var(--hhm-tray-space,0px) + 92px)!important}
body.hhm-support-open #hhm-demo-footer #back-to-top{bottom:calc(var(--hhm-nav-space) + var(--hhm-tray-space,0px) + 338px)!important}
.cmp-tray{bottom:calc(var(--hhm-nav-space) + 6px)!important}
body.cmp-has-tray{padding-bottom:calc(var(--hhm-nav-space) + 230px)!important}
body.hhm-keyboard-open #hhm-mobile-nav{display:none}
body.hhm-keyboard-open{--hhm-nav-space:0px}
}
@media(max-width:767px){
.hhm-home-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px auto 24px;padding:12px 8px;border-radius:12px}
.hhm-home-categories>a{font-size:12px;line-height:1.5;gap:6px;padding:6px 1px;min-height:92px;font-weight:600;overflow-wrap:anywhere}
.hhm-home-categories img{width:54px;height:54px;max-width:100%}
.hhm-home-page .hhm-banner-tabs{justify-content:center;gap:0;padding:0;background:#fff}
.hhm-home-page .hhm-banner-tabs button{position:relative;flex:0 0 36px;min-height:32px;height:32px;padding:0;border:0;background:transparent;border-radius:0;font-size:0;line-height:0;box-shadow:none!important;color:transparent}
.hhm-home-page .hhm-banner-tabs button:after{content:"";position:absolute;left:7px;right:7px;height:3px;top:15px;border-radius:3px;background:#d9d9d9}
.hhm-home-page .hhm-banner-tabs button[aria-pressed=true]{background:transparent;color:transparent}
.hhm-home-page .hhm-banner-tabs button[aria-pressed=true]:after{background:#ee6415}
}