.site-account { position: relative; }
.site-account summary { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; }
.site-account summary::-webkit-details-marker { display: none; }
.site-account summary img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.site-account summary span { max-width: 130px; overflow: hidden; color: #303640; font-size: 13px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.site-account__arrow { width: 7px; height: 7px; border-right: 1px solid #303640; border-bottom: 1px solid #303640; transform: rotate(45deg); transition: transform .15s ease; }
.site-account[open] .site-account__arrow { transform: rotate(225deg); }
.site-account__menu { position: absolute; z-index: 5; top: 42px; right: 0; width: 132px; padding: 4px 0; border: 1px solid #ddd; border-radius: 2px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .05); }
.site-account__menu a, .site-account__menu button { display: flex; width: 100%; height: 34px; padding: 0; align-items: center; justify-content: center; color: #333; font-size: 12px; line-height: 17px; border: 0; background: transparent; }
.site-account__menu form { margin: 0; }
.site-account__menu button { color: var(--blue); background: rgba(72, 162, 254, .15); cursor: pointer; }
@media (max-width: 767px) {
    .site-account summary span { max-width: 88px; font-size: 12px; }
    .site-account__menu { top: 38px; }
}