.sf-account-wrap{padding:70px 0 120px}
.sf-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:40px}
.sf-auth-panel{border-top:1px solid #111;padding-top:28px}
.sf-auth-panel h2{font-size:16px;margin:0 0 25px}
.sf-auth-panel .sf-field{margin-bottom:16px}
.sf-auth-single{max-width:620px;margin:20px auto 0;border-top:1px solid #111;padding-top:30px}
.sf-auth-single__eyebrow{margin:0;color:#888;font-size:9px;letter-spacing:.16em}
.sf-auth-single h1{margin:5px 0 15px;font:400 30px Georgia,serif}
.sf-auth-single>p{font-size:11px;color:#666}
.sf-auth-single form{display:grid;gap:16px;margin-top:28px}
.sf-auth-single__back{margin-top:25px!important}
.sf-account-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}
.sf-account-nav{display:flex;gap:0;overflow-x:auto;border-top:1px solid #111;border-bottom:1px solid #deddd8;margin-bottom:36px;white-space:nowrap}
.sf-account-nav a{position:relative;padding:15px 22px;font-size:11px;color:#666}
.sf-account-nav a:first-child{padding-left:0}
.sf-account-nav a.active,.sf-account-nav a:hover{color:#111}
.sf-account-nav a.active::after{content:"";position:absolute;right:22px;bottom:-1px;left:22px;height:2px;background:#111}
.sf-account-nav a:first-child.active::after{left:0}
.sf-account-message{margin:0 0 28px;padding:14px 17px;border:1px solid #cbdcc9;background:#f3f8f2;font-size:12px}
.sf-account-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sf-account-menu-grid>a{position:relative;min-height:230px;padding:28px;border:1px solid #deddd8;background:#fff;transition:border-color .2s,background-color .2s}
.sf-account-menu-grid>a:hover{border-color:#777;background:#fafafa}
.sf-account-menu-grid small{color:#888;font-size:9px;letter-spacing:.16em}
.sf-account-menu-grid h2{margin:7px 0 13px;font:400 25px Georgia,serif}
.sf-account-menu-grid p{max-width:390px;margin:0;color:#666;font-size:11px}
.sf-account-menu-grid strong{position:absolute;right:27px;top:25px;font:400 24px Georgia,serif}
.sf-account-menu-grid span{position:absolute;left:28px;bottom:25px;border-bottom:1px solid #999;font-size:10px}
.sf-account-section{margin-top:70px;scroll-margin-top:120px}
.sf-account-section:first-of-type{margin-top:0}
.sf-account-section__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid #111}
.sf-account-section__head small{display:block;margin-bottom:4px;color:#888;font-size:9px;letter-spacing:.16em}
.sf-account-section h2{margin:0;font:400 26px Georgia,serif}
.sf-account-section__head p{max-width:430px;margin:0;color:#777;font-size:11px;text-align:right}
.sf-account-form,.sf-address-form{display:grid;gap:16px;max-width:780px}
.sf-account-form--narrow{max-width:540px}
.sf-address-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sf-address-card{padding:22px;border:1px solid #deddd8}
.sf-address-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sf-address-card__head strong{font-size:14px}
.sf-address-card__head span{padding:3px 8px;background:#171717;color:#fff;font-size:9px}
.sf-address-card p{min-height:84px;margin:14px 0;color:#555;font-size:11px;line-height:1.9}
.sf-address-card__actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:12px}
.sf-address-card details{flex:1}
.sf-address-card summary,.sf-address-new summary{cursor:pointer;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.sf-address-form{max-width:none;margin-top:20px;padding-top:18px;border-top:1px solid #eee}
.sf-address-new{margin-top:18px;padding:20px 22px;border:1px dashed #aaa}
.sf-address-new>summary{font-size:12px;font-weight:500;text-decoration:none}
.sf-text-button{padding:3px 0;border:0;border-bottom:1px solid #999;background:none;color:#666;cursor:pointer;font-size:10px}
.sf-text-link{font-size:11px;text-decoration:underline;text-underline-offset:3px}
.sf-account-empty{grid-column:1/-1;padding:45px 0;color:#777;font-size:12px;text-align:center}
.sf-order-card{border-top:1px solid #deddd8;padding:22px 0}
.sf-order-card__head{display:flex;justify-content:space-between;font-size:12px}
.sf-order-card ul{padding-left:18px;font-size:12px;color:#666}
.sf-order-status{display:inline-block;margin:13px 0 0;padding:5px 9px;background:#f2f1ed;font-size:10px;color:#555}
.sf-order-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px}
.sf-order-detail-meta>div,.sf-order-totals>div{display:flex;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid #e8e6e1;font-size:12px}.sf-order-detail-meta dt,.sf-order-totals dt{color:#777}.sf-order-detail-meta dd,.sf-order-totals dd{margin:0;text-align:right;font-weight:600}
.sf-order-lines{margin:30px 0}.sf-order-lines>div{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid #e8e6e1;font-size:12px}.sf-order-totals{margin-left:auto;max-width:440px}.sf-order-totals>div:last-child{font-size:15px;border-bottom-color:#111}
.sf-order-side{padding:24px;border:1px solid #deddd8}.sf-order-side h3{margin:0 0 10px;font:400 18px Georgia,serif}.sf-order-side h3:not(:first-child){margin-top:28px}.sf-order-side p{font-size:11px;line-height:1.9;color:#555}.sf-order-actions{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-top:35px;padding-top:25px;border-top:1px solid #deddd8}.sf-cancel-request{width:min(500px,80vw);margin-top:15px;padding:20px;background:#f7f6f3}
.sf-wishlist-section{margin-top:0}
.sf-wishlist-card .sf-text-button{margin-top:10px}
@media(max-width:900px){
  .sf-order-detail-grid{grid-template-columns:1fr;gap:25px}.sf-order-side{padding:18px}
  .sf-auth-grid{grid-template-columns:1fr;gap:55px}
  .sf-account-head{align-items:flex-start}
  .sf-account-section__head{display:block}
  .sf-account-section__head p{margin-top:8px;text-align:left}
  .sf-address-list{grid-template-columns:1fr}
  .sf-account-menu-grid{grid-template-columns:1fr}
  .sf-account-menu-grid>a{min-height:205px}
}
@media(max-width:560px){
  .sf-account-wrap{padding:45px 0 80px}
  .sf-account-head{display:block}
  .sf-account-head .sf-button{display:inline-block;margin-top:15px}
  .sf-account-nav a{padding:13px 15px}
  .sf-account-nav a:first-child{padding-left:0}
  .sf-address-card{padding:18px}
  .sf-order-card__head{display:grid;gap:5px}
}
