.download-menu { position: relative; display: inline-flex; vertical-align: middle; }
.download-menu > [role="button"] { cursor: pointer; }
.download-menu__panel { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); z-index: 100; width: 254px; max-width: calc(100vw - 32px); padding: 8px; border: 1px solid rgba(40, 35, 30, .08); border-radius: 18px; background: #fff; box-shadow: 0 12px 40px rgba(40, 35, 30, .15); text-align: left; }
.download-menu__panel[hidden] { display: none; }
.download-menu__panel::before { content: ''; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.download-menu__item { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 10px 12px; border-radius: 11px; color: #242322; text-decoration: none; transition: background .15s; }
.download-menu__item:hover, .download-menu__item:focus-visible { background: #f6f3ef; color: #242322; outline: none; }
.download-menu__item:focus-visible { box-shadow: inset 0 0 0 2px var(--color-brand, #b33c31); }
.download-menu__badge { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 8px; background: #f2efeb; font: 600 9px/1 system-ui, sans-serif; letter-spacing: .03em; }
.download-menu__label { font: 500 14px/1.4 system-ui, sans-serif; }
.download-menu__label small { display: block; margin-top: 3px; color: #807b75; font-size: 11px; font-weight: 400; }
.nav__actions .download-menu__panel { left: auto; right: 0; transform: none; }
.foot__links .download-menu__panel { top: auto; bottom: calc(100% + 10px); left: 0; transform: none; }
.foot__links .download-menu__panel::before { top: auto; bottom: -12px; }
@media (max-width: 600px) { .download-menu__panel { left: 0; transform: none; } .download-menu__item { min-height: 60px; } }
@media (prefers-reduced-motion: reduce) { .download-menu__item { transition: none; } }

.download-menu__panel[popover] { position: fixed; inset: auto; margin: 0; transform: none; }
@supports not selector(:popover-open) { .hero:has([aria-expanded="true"]), .cta:has([aria-expanded="true"]) { overflow: visible; z-index: 3; } }

.download-menu__item[aria-disabled="true"] { cursor: not-allowed; color: #9b9690; }
.download-menu__item[aria-disabled="true"]:hover { background: transparent; color: #9b9690; }
.download-menu__item[aria-disabled="true"] .download-menu__badge { opacity: .55; }
.download-menu__item[aria-disabled="true"] small { color: #aaa59f; }