.hmm-trigger{display:none}.hmm:not([open]){display:none}
.hmm{box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0 20px max(24px,env(safe-area-inset-bottom));border:0;background:#fff;color:#51483d;overflow-y:auto;overscroll-behavior:contain}
.hmm{font-family:Arial,sans-serif}.hmm *{box-sizing:border-box}.hmm::backdrop{background:#fff}
.hmm-top{position:sticky;top:0;background:#fff;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e8e3dc;margin-bottom:16px;gap:16px}
.hmm-brand img{display:block;width:120px;height:60px;object-fit:contain}
.hmm .hmm-close{border:1px solid #ded8ce;border-radius:28px;padding:10px 16px;min-height:44px;background:#f7f5f1!important;color:#51483d!important;font-size:14px}
.hmm-search{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin:0 0 14px}
.hmm-search label{grid-column:1/-1;font-size:14px}
.hmm .hmm-search input[type=search]{min-width:0;width:100%;height:44px;min-height:44px;max-height:44px;padding:8px 14px;border:1px solid #d8d2c8;border-radius:24px;font-size:16px;background:#faf9f6}
.hmm .hmm-search button{position:relative;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:#51483d;color:white}
.hmm-search svg{width:22px;height:22px}
.hmm-links{display:flex;flex-direction:column;gap:0}
.hmm .hmm-links>a{position:relative;display:block;padding:14px 8px;margin:0;border:0;border-bottom:1px solid #ebe7e0;color:#302d29;text-decoration:none;font-size:18px;line-height:1.3}
.hmm .hmm-links>.sel-nav-link{padding:12px 14px;margin:0 0 10px;border:1px solid #ded5c6;border-radius:14px;background:#f4efe6;font-family:Georgia,serif;font-size:20px}
.hmm-links small{display:block;font:13px/1.4 Arial,sans-serif;margin-top:4px;color:#746b61}
.hmm .hmm-links>.hmm-account{display:flex;justify-content:space-between;margin-top:16px;border-radius:12px;background:#51483d;color:#fff;padding:14px}
.hmm a:focus-visible,.hmm button:focus-visible,.hmm input:focus-visible{outline:2px solid #806c50;outline-offset:2px}
.hmm-opening{opacity:.75}.hmm-opening-status{position:absolute;right:8px;bottom:0;font:11px/1.2 Arial,sans-serif}
.hmm-search .hmm-opening-status{font-size:0;inset:12px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:hmm-spin .8s linear infinite}.hmm-search .hmm-opening svg{visibility:hidden}
@keyframes hmm-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hmm-search .hmm-opening-status{animation:none}}
@media(max-width:760px){
 .helen-preview .hex-head.hmm-ready{grid-template-columns:44px auto minmax(0,1fr);gap:8px}
 .hmm-ready .hmm-trigger{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:10px;border:0;background:transparent!important;color:#51483d!important}
 .hmm-ready .hex-tools{gap:8px}
}
/* Keep all mobile actions readable instead of squeezing them over the brand. */
@media(max-width:550px){
 .helen-preview .hex-head.hmm-ready{grid-template-columns:44px minmax(0,1fr) 44px;row-gap:4px;padding:8px 14px}
 .helen-preview .hmm-ready .hmm-trigger{grid-column:1;grid-row:1}
 .helen-preview .hmm-ready .hex-brand{grid-column:2;grid-row:1;justify-self:center;min-width:0}
 .helen-preview .hmm-ready .hex-brand img{display:block;width:112px!important;height:54px;object-fit:contain;max-width:100%}
 .helen-preview .hmm-ready .hex-tools{grid-column:1/-1;grid-row:2;justify-content:center;gap:8px!important;min-width:0;width:100%}
 .helen-preview .hmm-ready .hex-tools>a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;gap:3px;font-size:11px;flex-shrink:0}
 .helen-preview .hmm-ready .hex-language summary{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px!important;white-space:nowrap}
 .helen-preview .hmm-ready .hex-tools>a svg{width:20px;height:20px;flex-shrink:0}
}