.header-actions{display:flex;align-items:center;gap:14px}
.header-dropdown{position:relative}
.header-dropdown summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;font-size:12px;font-weight:900;min-height:46px;min-width:46px;padding:12px 16px;border:1px solid var(--ink);border-radius:100px;background:white}
.header-dropdown summary::-webkit-details-marker{display:none}
.header-dropdown summary span{font-size:17px;line-height:1}
.header-dropdown[open] summary{background:var(--ink);color:var(--yellow)}
header .header-dropdown nav{position:absolute;right:0;top:calc(100% + 12px);width:300px;padding:14px;background:var(--ink);color:white;border:1px solid #f1cc3c50;box-shadow:0 15px 35px #0004;display:grid;gap:4px;border-radius:14px;z-index:40}
.header-dropdown nav a{padding:15px 16px;border-radius:8px;font-size:12px;font-weight:900;color:inherit;-webkit-text-fill-color:currentColor}
.header-dropdown nav a:hover{background:var(--yellow);color:var(--ink);text-decoration:none}
@media(max-width:650px){
  header .header-dropdown nav{display:grid!important;right:-106px;left:auto;max-width:calc(100vw - 30px);width:290px}
  .header-actions{gap:10px}
  .header-dropdown summary{min-height:44px;min-width:44px;padding:10px 13px}
  .header-actions>.button{font-size:11px;padding:12px 18px;min-height:44px}
}
@media(max-width:400px){
  .header-actions>.button{padding:12px 14px}
}