/* Global header access stays neutral until a private viewer request succeeds. */
body.ofm-app-route .ofm-site-nav .ofm-beat-cart-control{position:relative;inline-size:34px;padding-inline:0;color:#aaa}
body.ofm-app-route .ofm-site-nav .ofm-beat-cart-control:hover,body.ofm-app-route .ofm-site-nav .ofm-beat-cart-control:focus-visible{border-color:rgb(244 196 48 / .3);background:rgb(244 196 48 / .08);color:var(--ofm-app-shell-accent,#f4c430)}
body.ofm-app-route .ofm-site-nav .ofm-beat-cart-control:focus-visible{outline:2px solid #f4c430;outline-offset:3px}
.ofm-beat-cart-control__label{display:none}
.ofm-beat-cart-control__badge{position:absolute;top:-3px;right:-4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #111216;border-radius:20px;background:#f4c430;color:#1c1604;font:800 10px/1 sans-serif;pointer-events:none}
.ofm-beat-cart-control__badge[hidden]{display:none!important}
@media(max-width:1024px){body.ofm-app-route .ofm-site-nav .ofm-beat-cart-control{inline-size:auto;padding-inline:12px}.ofm-beat-cart-control__label{display:inline}.ofm-beat-cart-control__badge{position:static;margin-inline-start:auto;order:3}}

.ofm-beat-cart-overlay,.ofm-beat-cart-page{--ofm-cart-bg:#151516;--ofm-cart-ink:#fffdf8;--ofm-cart-muted:#b8b3a8;--ofm-cart-line:rgb(255 255 255 / .16);--ofm-cart-accent:#f4c430;color:var(--ofm-cart-ink);font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5}
.ofm-beat-cart-overlay{position:fixed;inset:0;z-index:100050;display:flex;align-items:flex-start;justify-content:flex-end;overflow:auto;padding:88px max(16px,calc((100vw - 1240px)/2)) 24px;background:rgb(0 0 0 / .55);overscroll-behavior:contain}
.ofm-beat-cart-overlay *,.ofm-beat-cart-page *{box-sizing:border-box}
.ofm-beat-cart-dialog{width:min(460px,100%);max-height:calc(100vh - 112px);max-height:calc(100dvh - 112px);overflow:auto;padding:22px;border:1px solid var(--ofm-cart-line);border-radius:20px;background:var(--ofm-cart-bg);box-shadow:0 24px 70px rgb(0 0 0 / .35);overscroll-behavior:contain}
.ofm-beat-cart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.ofm-beat-cart-heading h2{margin:0;color:var(--ofm-cart-ink);font-size:1.35rem;line-height:1.2;font-weight:800}
.ofm-beat-cart-close,.ofm-beat-cart-remove{display:inline-grid;flex:none;place-items:center;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:1px solid var(--ofm-cart-line);border-radius:50%;background:transparent;color:var(--ofm-cart-ink);font:inherit;font-size:1.5rem;cursor:pointer}
.ofm-beat-cart-content p,[data-ofm-cart-body]>p{margin:0 0 18px;color:var(--ofm-cart-muted)}
.ofm-beat-cart-list{display:grid;gap:12px;margin:0 0 20px;padding:0;list-style:none}
.ofm-beat-cart-list li{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--ofm-cart-line)}
.ofm-beat-cart-list a{min-width:0;color:var(--ofm-cart-ink);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.ofm-beat-cart-list a:hover{text-decoration:underline;text-underline-offset:3px}
.ofm-beat-cart-list li>span{color:var(--ofm-cart-muted);font-size:.82rem;white-space:nowrap}
.ofm-beat-cart-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 18px;color:var(--ofm-cart-ink)}
.ofm-beat-cart-total strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.ofm-beat-cart-content form{margin:0}
.ofm-beat-cart-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 18px;border:1px solid var(--ofm-cart-accent);border-radius:12px;background:var(--ofm-cart-accent);color:#1c1604!important;font:inherit;font-size:.9rem;font-weight:800;line-height:1.35;text-decoration:none;cursor:pointer}
.ofm-beat-cart-fallback{display:block;margin-top:16px;color:var(--ofm-cart-ink);text-decoration:underline}
.ofm-beat-cart-overlay :is(a,button):focus-visible,.ofm-beat-cart-page :is(a,button):focus-visible{outline:2px solid var(--ofm-cart-accent);outline-offset:3px}
.ofm-beat-cart-overlay button:disabled,.ofm-beat-cart-page button:disabled{opacity:.6;cursor:wait}
.ofm-beat-cart-page{max-width:660px;padding:24px;border:1px solid var(--ofm-cart-line);border-radius:20px;background:var(--ofm-cart-bg)}
.ofm-beat-cart-page h1{margin:0 0 24px;color:var(--ofm-cart-ink);font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2}
html[data-ofm-color-scheme="light"] :is(.ofm-beat-cart-overlay,.ofm-beat-cart-page){--ofm-cart-bg:#fffdfa;--ofm-cart-ink:#1d1c18;--ofm-cart-muted:#625f57;--ofm-cart-line:rgb(34 31 24 / .16)}
@media(max-width:600px){.ofm-beat-cart-overlay{align-items:flex-start;padding:16px 12px max(16px,env(safe-area-inset-bottom))}.ofm-beat-cart-dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:18px}.ofm-beat-cart-page{padding:18px}.ofm-beat-cart-list li{grid-template-columns:minmax(0,1fr) 44px;gap:4px 10px}.ofm-beat-cart-list a{grid-column:1;grid-row:1}.ofm-beat-cart-list li>span{grid-column:1;grid-row:2}.ofm-beat-cart-list button{grid-column:2;grid-row:1/span 2}}
