/* Shared answers stay in server-rendered HTML; JavaScript only opens the guide. */
#help-dialog{width:590px;max-width:calc(100vw - 40px);height:fit-content;max-height:min(800px,calc(100dvh - 64px));margin:auto;padding:0;border:1px solid #ded4c8;border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #241d1924;overflow:hidden}
#help-dialog[open]{display:flex;flex-direction:column}
#help-dialog::backdrop{background:#28211e59;backdrop-filter:blur(3px)}
.help-dialog-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:20px;padding:13px 22px 8px 28px;border-bottom:1px solid var(--line)}
.help-dialog-heading .eyebrow{font-size:.625rem;letter-spacing:.08em;font-weight:500}
.help-dialog-heading .icon-button{width:44px;height:44px;flex-shrink:0;border-radius:50%;font-size:1.625rem}
.help-dialog-heading .icon-button:hover{background:var(--cream)}
.help-scroll{padding:20px 28px 24px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}
.help-welcome{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:24px;margin-bottom:22px}
.help-welcome img{width:80px;height:120px;object-fit:contain;transform-origin:50% 85%}
.help-welcome h2{font-size:1.6875rem;line-height:1.3;letter-spacing:-.025em;margin:0}
.help-welcome p{font-size:.8125rem;line-height:1.8;margin-top:9px}
.help-topics{display:grid;border-top:1px solid var(--line)}
.help-topics button{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px;padding:18px 4px;text-align:start;border-bottom:1px solid var(--line);font-size:.9375rem;font-weight:500}
.help-topics button>span:first-child{min-width:0;overflow-wrap:anywhere}.help-topics button>span:last-child{flex-shrink:0;color:#a94c51}
.help-topics button:hover{color:#a94c51}
.help-navigation{margin-block:0 15px}
.help-back{display:inline-flex;align-items:center;gap:12px;padding:8px 0;min-height:44px;font-size:.75rem;color:#6e6257}
.help-back:hover{color:var(--ink)}
.help-panel h3{font-size:1.1875rem;font-weight:500;line-height:1.5;margin:0 0 18px;letter-spacing:-.02em;overflow-wrap:break-word}
.help-panel h3:focus{outline:none}.help-panel h3:focus-visible{outline:2px solid #c54852;outline-offset:4px}
.help-questions{border-top:1px solid var(--line);min-width:0}
.help-question{min-width:0;border-bottom:1px solid var(--line)}
.help-question>summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;min-height:60px;list-style:none;cursor:pointer;font-size:.875rem;line-height:1.7}
.help-question>summary::-webkit-details-marker{display:none}
.help-question>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.help-question-plus{display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;font-size:1.1875rem;line-height:1;flex-shrink:0;font-weight:400}
.help-question-plus>span{display:block;transition:transform .2s}
.help-question[open] .help-question-plus>span{transform:rotate(45deg)}
.help-question[open]>summary{color:#984349}
.help-answer{padding-bottom:23px;min-width:0}
.help-answer>p{font-size:.8125rem;line-height:1.9;max-width:none;overflow-wrap:anywhere}
.help-branches,.help-upcoming{padding:0;margin:19px 0 0;list-style:none}
.help-branches li+li{border-top:1px solid var(--line)}
.help-branches li>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0;font-size:.8125rem}
.help-branches li>a>span:first-child{min-width:0}
.help-branches strong{display:block;font-size:.8125rem;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.help-branches small{display:block;margin-top:2px;font-size:.6875rem;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.help-branch-action{display:flex;align-items:center;gap:10px;min-width:0;max-width:46%;font-size:.6875rem;line-height:1.6;text-align:end}
.help-branch-action>span{flex-shrink:0}
.help-branch-phone{min-width:0;font-size:.75rem;text-align:end;overflow-wrap:anywhere}
.help-branches a:hover{color:#984349}
.help-answer .help-note{font-size:.6875rem;padding-top:8px;color:var(--muted)}
.help-upcoming li{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:10px;font-size:.8125rem;overflow-wrap:anywhere}
.help-upcoming strong{font-weight:500}.help-upcoming span{font-size:.6875rem;color:var(--muted)}
.help-answer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px}
.help-answer-actions .text-link{min-width:0;max-width:100%;gap:15px;font-size:.75rem;line-height:1.65;border-color:var(--line);overflow-wrap:anywhere}
.help-compact-link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;margin-top:18px;padding:12px 15px;border:1px solid var(--line);border-radius:4px;background:var(--cream);font-size:.75rem;font-weight:650;line-height:1.6;transition:border-color .2s,background .2s,color .2s}.help-compact-link>span:first-child{min-width:0;overflow-wrap:anywhere}.help-compact-link>span:last-child{flex-shrink:0;font-size:1.0625rem}.help-compact-link:hover{border-color:#b97b77;background:#f3e9df;color:#984349}
.help-whatsapp{color:#326347}.help-answer-actions bdi{min-width:0;overflow-wrap:anywhere}
.help-all{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:20px;font-size:.75rem;margin-top:22px;color:#6e6257}
.help-all:hover{color:var(--ink)}
.mascot-guide__actions{display:flex;flex-direction:column;align-items:flex-start}
.mascot-guide__help{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;max-width:100%;padding-block:9px;font-size:.75rem;line-height:1.65;color:#95494e;overflow-wrap:anywhere}
.mascot-guide__help span{flex-shrink:0}
.help-franchise-entry{display:flex;align-items:center;gap:22px;margin-top:30px;max-width:350px;padding-block:16px;border-block:1px solid var(--line)}
.help-franchise-entry img{width:64px;height:96px;object-fit:contain;flex-shrink:0}
.help-franchise-entry>span{min-width:0;font-size:.8125rem;line-height:1.8;overflow-wrap:anywhere}.help-franchise-entry>span>span{display:inline-block;margin-inline-start:8px;color:#a44a51}
.help-contact-entry{margin-inline-end:25px}
.help-page{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(36px,8vw,140px);padding-block:55px 90px;align-items:start}
.help-page-aside{background:var(--paper);isolation:isolate;position:sticky;top:calc(var(--header-height) + 25px);min-width:0}
.help-page-aside>img{width:150px;height:225px;object-fit:contain;margin-bottom:28px}
.help-page-aside nav{display:grid;max-width:300px}.help-page-aside nav>a{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:14px;min-height:44px;border-bottom:1px solid var(--line);font-size:.8125rem;line-height:1.6}
.help-page-content,.help-page-topic{min-width:0}.help-page-topic+.help-page-topic{margin-top:52px}
.help-page-topic>h2{font-size:1.6875rem;line-height:1.4;letter-spacing:-.03em;margin-bottom:22px;overflow-wrap:anywhere}
.help-page .help-question>summary{font-size:.9375rem;padding-block:22px}
html[dir=rtl] .help-back>span{transform:scaleX(-1)}
html[dir=rtl] .help-welcome h2,html[dir=rtl] .help-page-topic>h2{letter-spacing:0;line-height:1.55}
@media(max-width:760px){.help-page{grid-template-columns:minmax(0,1fr);gap:35px;padding-block:32px 55px}.help-page-aside{position:static;display:flex;align-items:center;gap:25px}.help-page-aside>img{width:80px;height:120px;margin:0}.help-page-aside nav{flex:1;min-width:0;max-width:none}.help-page-aside nav>a{font-size:.75rem}.help-page-topic>h2{font-size:1.5rem}.help-page-topic+.help-page-topic{margin-top:36px}}
@media(max-width:480px){#help-dialog{width:100%;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:8px}.help-dialog-heading{padding:9px 12px 6px 18px}.help-scroll{padding:17px 18px 20px}.help-welcome{grid-template-columns:64px minmax(0,1fr);gap:17px;margin-bottom:18px}.help-welcome img{width:64px;height:96px}.help-welcome h2{font-size:1.375rem}.help-welcome p{font-size:.75rem}.help-topics button{font-size:.8125rem;min-height:63px}.help-question>summary{gap:15px;font-size:.8125rem;padding-block:17px}.help-answer>p{font-size:.75rem}.help-panel h3{font-size:1.0625rem}.help-branches li>a{flex-wrap:wrap;gap:5px 16px}.help-branch-phone{font-size:.75rem}.help-answer-actions{gap:9px 19px}}
@media(max-width:320px){.help-scroll{padding-inline:14px}.help-welcome{grid-template-columns:48px minmax(0,1fr);gap:14px}.help-welcome img{width:48px;height:72px}.help-welcome h2{font-size:1.125rem}.help-welcome p{font-size:.6875rem}.help-page-aside{gap:18px}.help-page-aside>img{width:60px;height:90px}}
@media(prefers-reduced-motion:no-preference){#help-dialog[open] .help-welcome img{animation:help-greeting .5s ease-out both}.help-question[open] .help-answer{animation:help-answer-in .2s ease-out both}}
@keyframes help-greeting{from{opacity:0;transform:translateY(5px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes help-answer-in{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.help-question-plus>span{transition:none}#help-dialog .help-welcome img,.help-question[open] .help-answer{animation:none}}
