.sf-account{padding-top:56px;padding-bottom:72px;min-height:65vh}.sf-account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px;max-width:1100px;margin:auto}.sf-account-layout--guest{display:block;max-width:510px}.sf-account h1{font-size:clamp(26px,4vw,36px);margin-bottom:18px}.sf-account h2{font-size:19px}.sf-account p{color:var(--muted);margin:12px 0 20px}.sf-account nav{display:flex;flex-direction:column;gap:16px;align-self:start;border-right:1px solid var(--line);padding-right:24px}.sf-account nav a{padding:10px 0;text-decoration:none}.sf-account nav a[aria-current]{font-weight:700;color:var(--forest)}.sf-account nav .btn{background:transparent;color:var(--ink);border:1px solid var(--line);font-size:13px;width:100%;padding:12px}.sf-account label{display:grid;gap:8px;margin:18px 0;font-weight:600}.sf-account input{width:100%;min-height:50px;border:1px solid #a69a91;border-radius:4px;background:#fff;padding:12px;font:inherit;font-size:16px;color:var(--ink)}.sf-account input:focus-visible,.sf-account a:focus-visible,.sf-account button:focus-visible{outline:3px solid #89684d;outline-offset:3px}.sf-account form>.btn{margin:8px 0 22px}.sf-account-layout--guest form>.btn{width:100%}.sf-account-note{padding:18px 20px;border-left:3px solid var(--forest);background:var(--soft);margin:24px 0;font-size:14px}.sf-account-note p{margin:8px 0 0}.sf-account-error{background:#fff1ef;border-left:3px solid #a03220;padding:16px;color:#842c1e!important}.sf-account-order{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.sf-account-order h2{margin-bottom:10px}.sf-account-order p{margin:6px 0}.sf-account-order>div:last-child{display:flex;flex-direction:column;justify-content:space-between;gap:16px;white-space:nowrap}.sf-account-order strong{font-size:20px}.sf-account-items{list-style:none;padding:0;margin:28px 0}.sf-account-items li{display:flex;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.sf-account-items li strong{white-space:nowrap}.sf-account-total{display:flex;justify-content:space-between;font-size:20px;margin:24px 0 40px}.sf-account address{font-style:normal;line-height:1.8}.sf-account-header{display:flex;justify-content:space-between;padding:24px;gap:24px}.sf-account-content{min-width:0}.sf-account small{font-weight:400}.header-account{display:flex;gap:7px;align-items:center;white-space:nowrap;text-decoration:none;font-size:13px;font-weight:600}.header-account svg{width:24px;height:24px}@media(max-width:700px){.sf-account{padding-top:30px}.sf-account-layout{grid-template-columns:1fr;gap:28px}.sf-account nav{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px;gap:8px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.sf-account nav form>.btn{margin:0}.sf-account-order{flex-direction:column;gap:10px}.sf-account-order>div:last-child{flex-direction:row;flex-wrap:wrap}.header-account span{display:none}.sf-account-items li{gap:12px}.sf-account-header{flex-wrap:wrap}}
@media(max-width:760px){.header-main .header-account{grid-column:1;grid-row:3;z-index:1;display:grid;place-items:center;width:40px;min-height:32px;color:#fefaf6;margin-top:-6px}.header-main .header-account span{display:none}.header-main .header-actions .header-location{padding-left:44px}}

/* Separate account and warehouse hit targets on small screens. */
.header-account svg{display:block;flex-shrink:0}
@media(max-width:760px){.header-main .header-account{width:44px;min-height:44px;margin-top:0;align-self:center}.header-main .header-actions .header-location{grid-column:2 / -1;width:100%;padding:3px 0;min-height:44px;margin-top:0;color:#fefaf6}.header-main .header-location .icon{color:currentColor;flex-shrink:0}}

/* Mobile account beside the cart, with a dedicated warehouse row. */
@media(max-width:760px){
 header>.header-main{grid-template-columns:40px minmax(0,1fr) 40px 48px;column-gap:6px}
 .header-main>.brand{grid-column:2}
 .header-main .header-account{grid-column:3;grid-row:1;width:40px;height:44px;min-height:44px;margin:0;padding:6px;justify-self:center;color:#fefaf6}
 .header-main .cart-link{grid-column:4;grid-row:1}
 .header-main .header-actions .header-location{grid-column:1 / -1;grid-row:3;min-height:32px;padding:3px 8px}
 .header-main>.brand>span{font-size:clamp(13px,4vw,18px);letter-spacing:-.6px}
}