/* support button */
.help-fab { position: fixed; right: 22px; bottom: 22px; z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.help-btn { width: 60px; height: 60px; border-radius: 50%; border: none; background: #0f9d68; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 14px 30px -10px rgba(11, 122, 81, .7); transition: transform .15s; }
.help-btn:hover { transform: scale(1.05); } .help-btn .ms { font-size: 28px; }
.help-btn .ic-close { display: none; } .help-fab.open .help-btn .ic-open { display: none; } .help-fab.open .help-btn .ic-close { display: inline-block; }
.help-panel { width: min(360px, calc(100vw - 32px)); background: #ffffff; border-radius: 22px; overflow: hidden; box-shadow: 0 30px 70px -20px rgba(6, 40, 30, .45); border: 1px solid #e3ebe7; }
.help-head { background: #06281e; color: #cfe7dc; padding: 1.3rem 1.3rem 1.1rem; position: relative; font-size: .9rem; }
.help-head b { display: block; color: #fff; font: 700 1.3rem 'Bricolage Grotesque', var(--serif, Georgia), serif; margin-bottom: .2rem; }
.help-x { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, .1); border: none; color: #fff; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.help-body { padding: .6rem; display: flex; flex-direction: column; gap: 2px; }
.help-row, .help-soon { display: flex; align-items: center; gap: 12px; padding: .75rem .8rem; border-radius: 14px; text-decoration: none; color: #1d2622; }
.help-row:hover { background: #f4f8f6; }
.help-row > .ms, .help-row svg, .help-soon > .ms { color: #0f9d68; }
.help-row.wa svg { color: #1faa53; }
.help-row b, .help-soon b { display: block; font-size: .96rem; } .help-row small, .help-soon small { color: #55625c; font-size: .84rem; }
.help-soon { background: #f4f8f6; border: 1px dashed #cfdcd5; margin-bottom: .2rem; }
.help-soon small { color: #0b7a51; font-weight: 600; }

@media (max-width: 760px) { .help-fab { right: 14px; bottom: 14px; } .help-btn { width: 52px; height: 52px; } }