/* Circle entry stays visible next to the existing website actions, including mobile. */
.circle-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 13px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;font:600 13px/1.2 'Hanken Grotesk',system-ui,sans-serif;white-space:nowrap;flex-shrink:0;background:rgba(27,29,30,.25)}
.circle-entry::before{content:'';width:11px;height:11px;box-sizing:border-box;border:2px solid #eabf7f;border-radius:50%;flex:none}.circle-entry:hover{background:rgba(27,29,30,.5)}.circle-entry:focus-visible{outline:3px solid #eabf7f;outline-offset:3px}.circle-entry .zh{display:none}html:lang(zh) .circle-entry .en{display:none}html:lang(zh) .circle-entry .zh{display:inline}.nav.scrolled .circle-entry,.store-nav .circle-entry{color:#1b1d1e;background:#ffffffcc;border-color:#d9d3c8}.store-nav .circle-entry{font-family:inherit}
@media(min-width:1021px) and (max-width:1250px){.nav .nav__inner{gap:8px}.nav .nav__links a{padding-inline:9px;font-size:12px}.nav .nav__cta{gap:8px}.nav .nav__cta>.btn{font-size:12px;padding-inline:13px}}
@media(max-width:620px){.circle-entry{font-size:11px;padding:8px 10px;gap:5px}.nav .nav__cta{gap:5px}.store-nav .nav-actions{gap:8px}}