/* Visible homepage navigation with consistent icons and touch targets. */
#app .hm-nav{position:relative;z-index:10;background:#fffdfa;border-bottom:1px solid #e7ddd4;padding:8px 30px 12px;color:#491126}
#app .hm-links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-width:1320px;margin:auto}
#app .hm-link{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:52px;padding:11px 10px;border:1px solid transparent;border-radius:6px;color:#624650;background:transparent;text-decoration:none;font-size:12px;font-weight:500;line-height:1.5;transition:color .2s,background .2s,border-color .2s}
#app .hm-link::before{display:none!important}
#app .hm-link>.hm-icon{width:21px;height:21px;flex:none;color:#9b795a;transition:transform .2s}
#app .hm-link:hover{background:#f5eee7;color:#491126;border-color:#ebe0d6}
#app .hm-link:hover>.hm-icon{transform:translateY(-2px)}
#app .hm-link.router-link-exact-active{background:#f3e9e9;border-color:#e8d2d8;color:#711a37}
#app .hm-link.router-link-exact-active>.hm-icon{color:#711a37}
#app .hm-link.hm-finder{background:#491126;border-color:#491126;color:#fff9f3}
#app .hm-link.hm-finder>.hm-icon{color:#e3c8a6}
#app .hm-link.hm-finder:hover{background:#68203b;border-color:#68203b}
#app .hm-short-label{display:none}
#app .hm-link:focus-visible{outline:2px solid #9c6c51;outline-offset:3px}
#app .mn-home-header{border-bottom:0;box-shadow:none}
@media(min-width:901px){
 #app .mn-home-header .mn-links{display:none}
 #app .mn-home-header .mn-search{position:absolute;inset-inline-start:max(44px,calc((100% - 1440px)/2 + 44px));top:50%;transform:translateY(-50%);justify-content:flex-start;width:220px;background:#faf6f1;border:1px solid #e6dad0;border-radius:7px;padding:12px 17px;color:#80676d;font-size:12px;font-weight:400}
 #app .mn-home-header .mn-search span{display:inline}
 #app .mn-home-header .mn-search svg{width:19px;height:19px}
 #app .mn-home-header .mn-search:hover{background:#f3ebe2}
 #app .mn-home-header .mn-bar{padding-block:16px}
}
@media(min-width:901px) and (max-width:1150px){
 #app .hm-nav{padding-inline:22px}
 #app .hm-link{flex-direction:column;gap:5px;min-height:66px;padding:8px 4px;font-size:11px}
 #app .mn-home-header .mn-search{inset-inline-start:26px;width:190px}
}
@media(max-width:900px){
 #app .hm-nav{padding:4px 16px 14px}
 #app .hm-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 #app .hm-link{flex-direction:column;gap:5px;min-height:64px;padding:9px 4px;border-color:#ede5de;border-radius:8px;background:#fffdfa;font-size:11px;font-weight:500}
 #app .hm-link>.hm-icon{width:21px;height:21px}
 #app .hm-wide-label{display:none}
 #app .hm-short-label{display:block;text-align:center}
 #app .hm-link.hm-finder{background:#491126;border-color:#491126}
 #app .mn-home-header .mn-bar{min-height:84px;padding-block:8px}
}
@media(max-width:350px){#app .hm-nav{padding-inline:10px}#app .hm-links{gap:5px}#app .hm-link{font-size:10px;min-height:63px}}
@media(prefers-reduced-motion:reduce){#app .hm-link,#app .hm-link>.hm-icon{transition:none!important;transform:none!important}}