#header .header-account { position:relative; color:#fff; }
#header .header-account[hidden] { display:none; }
#header .header-account summary { display:flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; list-style:none; }
#header .header-account summary::-webkit-details-marker { display:none; }
#header .header-account summary:focus-visible { outline:2px solid #d4af37; outline-offset:4px; border-radius:4px; }
#header #review-header-name { max-width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#header .account-chevron { font-size:18px; transition:transform .15s; }
#header .header-account[open] .account-chevron { transform:rotate(180deg); }
#header .header-account-panel { position:absolute; top:calc(100% + 8px); right:0; width:190px; max-width:calc(100vw - 32px); padding:6px; background:#fff; border:1px solid #e5e7eb; border-radius:10px; box-shadow:0 8px 28px #0003; z-index:100; }
#header .header-account-panel form { margin:0; }
#header .header-account-item { display:block; width:100%; padding:12px 14px; min-height:44px; border:0; border-radius:6px; text-align:left; background:transparent; color:#172033; font:inherit; font-size:15px; line-height:20px; cursor:pointer; }
#header .header-account-item:hover, #header .header-account-item:focus-visible { background:#f2f4f7; color:#172033; }
@media(max-width:1199px) { #header #review-header-name { max-width:100px; } }
@media(max-width:575px) {
    #header.style-1 .header-wrap .header-ct-left { padding:14px 8px 14px 0; min-width:0; flex-shrink:1; }
    #header #logo img { width:clamp(125px, 34vw, 190px) !important; max-width:100%; }
    #header .header-ct-right { gap:10px !important; }
    #header #review-header-name { max-width:72px; font-size:13px; }
    #header .header-account summary { gap:5px; }
    #header .header-account summary .icon { font-size:21px; }
}