/* swapti header: login / profile / cart buttons (desktop + mobile) */
html{scroll-padding-top:6.2rem}
@media(max-width:1023px){html{scroll-padding-top:5.4rem}}

.hd-actions{display:flex;align-items:center;gap:.55rem}
.hd-icon{position:relative;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#211D1A;background:#FFF1E0;transition:background .2s,transform .15s;flex:none}
.hd-icon:hover{background:#FDE3C8}
.hd-icon:active{transform:scale(.94)}
.hd-icon svg,.hd-icon i{width:19px;height:19px}
.hd-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#EA580C;color:#fff;font-size:.65rem;font-weight:800;display:grid;place-items:center;border:2px solid #fff;line-height:1}
.hd-badge.hidden{display:none}

.hd-guest{display:flex;align-items:center;gap:.5rem}
.hd-guest[hidden],.hd-user[hidden],.hd-dropdown[hidden]{display:none!important}
.hd-btn{display:inline-flex;align-items:center;justify-content:center;padding:.58rem 1.2rem;border-radius:999px;font-size:.9rem;font-weight:700;white-space:nowrap;transition:transform .15s,background .2s,color .2s,box-shadow .2s}
.hd-btn-ghost{color:#211D1A;border:1.5px solid rgba(33,29,26,.22)}
.hd-btn-ghost:hover{background:#211D1A;color:#fff;border-color:#211D1A}
.hd-btn-solid{color:#fff;background:linear-gradient(135deg,#F59E0B,#EA580C);box-shadow:0 10px 22px -10px rgba(234,88,12,.7)}
.hd-btn-solid:hover{transform:translateY(-1px)}

.hd-user{position:relative}
.hd-acct{display:flex;align-items:center;gap:.5rem;padding:.25rem .7rem .25rem .25rem;border-radius:999px;border:1.5px solid rgba(33,29,26,.15);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.hd-acct:hover,.hd-acct[aria-expanded="true"]{border-color:#EA580C;box-shadow:0 0 0 3px rgba(234,88,12,.1)}
.hd-avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#EA580C);color:#fff;font-weight:800;font-size:.9rem}
.hd-name{font-weight:700;font-size:.88rem;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#211D1A}
.hd-chev{width:15px;height:15px;color:rgba(33,29,26,.55);transition:transform .2s}
.hd-acct[aria-expanded="true"] .hd-chev{transform:rotate(180deg)}

.hd-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:15rem;background:#fff;border-radius:1rem;border:1px solid rgba(33,29,26,.08);box-shadow:0 26px 54px -18px rgba(33,29,26,.5);padding:.4rem;z-index:80;animation:hd-pop .18s ease}
@keyframes hd-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hd-who{padding:.7rem .8rem .6rem;margin-bottom:.3rem;border-bottom:1px solid rgba(33,29,26,.08)}
.hd-who b{display:block;font-size:.92rem;color:#211D1A}
.hd-who small{display:block;margin-top:.1rem;font-size:.75rem;color:rgba(33,29,26,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-dropdown a,.hd-dropdown button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.62rem .8rem;border-radius:.7rem;font-size:.9rem;font-weight:600;color:#211D1A;text-align:left;cursor:pointer;background:none;border:0}
.hd-dropdown a:hover,.hd-dropdown button:hover{background:#FFF1E0}
.hd-dropdown #logoutBtn:hover{background:#FDE8E8;color:#EA580C}
.hd-dropdown svg,.hd-dropdown i{width:17px;height:17px;color:#C2410C;flex:none}

@media(min-width:1024px){.hd-menu-icon{display:none}}
@media(max-width:1023px){
  .hd-actions{gap:.45rem}
  .hd-name,.hd-chev,.hd-signup{display:none}
  .hd-acct{padding:.15rem;border-width:0;background:none}
  .hd-btn-ghost{padding:.5rem 1rem;font-size:.84rem;color:#EA580C;border-color:#EA580C}
  .hd-dropdown{position:fixed;right:.75rem;top:4.7rem}
}
@media(prefers-reduced-motion:reduce){.hd-dropdown{animation:none}}