.account-page{min-height:70vh;background:radial-gradient(ellipse at 90% 5%,rgba(255,157,56,.24),transparent 32%),linear-gradient(145deg,#fff0df,#fff8ed 55%,#f8eafa)}
.account-wrap{max-width:900px}
.account-wrap h2{max-width:760px;margin:8px 0 12px;color:#421c2c;font:400 clamp(2.5rem,7vw,5rem)/1.02 var(--display);letter-spacing:-.035em}
.account-intro{max-width:58ch;margin:0 0 30px;color:#68545a;font:500 1.05rem/1.6 "Outfit",Arial,sans-serif}
.account-card{max-width:620px;padding:clamp(22px,4vw,36px);border:1px solid rgba(115,52,62,.16);border-radius:24px;background:rgba(255,253,249,.9);box-shadow:0 18px 48px rgba(82,33,54,.09)}
.account-card label{display:block;margin:0 0 7px;color:#512039;font:700 .92rem "Outfit",Arial,sans-serif}
.account-card input{display:block;width:100%;min-height:49px;margin:0 0 18px;padding:11px 13px;border:1px solid #d8cfc3;border-radius:12px;background:#fff;color:#32141f;font:500 1rem "Outfit",Arial,sans-serif}
.account-card input:focus{outline:3px solid rgba(242,100,77,.2);border-color:#c85c47}
.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.account-secondary,.account-link{min-height:46px;padding:10px 17px;border:1px solid #d9bac0;border-radius:999px;background:#fff;color:#64243d;font:700 .92rem "Outfit",Arial,sans-serif;cursor:pointer}
.account-link{min-height:0;margin-top:14px;padding:4px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}
.account-card form .btn{font-family:"Outfit",Arial,sans-serif;cursor:pointer}
.account-signed-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.account-signed-in p{margin:0;overflow-wrap:anywhere;color:#604750;font:500 1rem/1.5 "Outfit",Arial,sans-serif}
.account-status{max-width:620px;min-height:1.5em;margin:12px 0;color:#512039;font:600 .95rem/1.5 "Outfit",Arial,sans-serif}
.account-status.is-error{color:#a52e3c}
.account-favourites{max-width:760px;margin-top:42px;padding:clamp(22px,4vw,32px);border-radius:22px;background:rgba(255,253,249,.76)}
.account-favourites h3{margin:0 0 8px;color:#512039;font:400 clamp(1.6rem,4vw,2.3rem)/1.15 var(--display)}
.account-favourites p{margin:0 0 14px;color:#765c61;font:500 .95rem/1.55 "Outfit",Arial,sans-serif}
.account-favourites ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.account-favourites li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #eadbd2;border-radius:13px;background:#fffdf9;color:#421c2c;font:600 .96rem "Outfit",Arial,sans-serif}
.account-favourites li a{color:#8a3445;text-decoration:none}
.account-favourites li button{flex:none;padding:6px 11px;border:1px solid #e3bdc3;border-radius:999px;background:#fff;color:#762c42;font:700 .78rem "Outfit",Arial,sans-serif;cursor:pointer}
.account-privacy{max-width:620px;margin:18px 0 0;color:#765c61;font:500 .82rem/1.55 "Outfit",Arial,sans-serif}
.menu-favourite-button{flex:none;width:34px;height:34px;padding:0;border:1px solid #e9c9ad;border-radius:50%;background:#fffaf4;color:#8c3447;font-size:1.28rem;line-height:1;cursor:pointer}
.menu-favourite-button[aria-pressed="true"]{background:#ffe5e0;border-color:#d87578;color:#b53950}
.menu-favourite-button:focus-visible,.account-secondary:focus-visible,.account-link:focus-visible,.account-favourites button:focus-visible{outline:3px solid rgba(242,100,77,.35);outline-offset:2px}
.tabs a.tabs-account,.tabs a.tabs-account[aria-current="page"]{align-self:center;margin-left:auto;padding:10px 20px;border:0;border-radius:999px;background:linear-gradient(120deg,#ffb84f,#f2644d);color:#32141f;font-weight:700;box-shadow:0 6px 16px rgba(202,83,62,.2);transition:transform 160ms ease,filter 160ms ease,box-shadow 160ms ease}
.tabs a.tabs-account:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 9px 20px rgba(202,83,62,.25)}
.account-actions .btn,.account-actions .account-secondary{flex:1;min-width:150px;min-height:50px;text-align:center}
.account-actions .account-secondary[data-auth-action="signup"]{border-color:#d9bac0;background:#fff;color:#64243d}
.account-actions .btn[data-auth-action="login"]{box-shadow:0 8px 18px rgba(202,83,62,.2)}
@media(max-width:560px){.account-actions{display:grid}.account-actions>*{width:100%;text-align:center}.account-favourites li{align-items:flex-start}.account-signed-in{align-items:flex-start;flex-direction:column}.tabs a.tabs-account,.tabs a.tabs-account[aria-current="page"]{padding:9px 15px}}

/* Signed-in customer dashboard and member savings */
.account-dashboard{display:grid;gap:20px}
.account-dashboard[hidden]{display:none}
.account-welcome-card,.account-member-card,.account-settings-card{position:relative;overflow:hidden;border:1px solid rgba(91,39,54,.12);border-radius:24px;background:rgba(255,253,249,.9);box-shadow:0 18px 48px rgba(82,33,54,.08)}
.account-welcome-card{display:flex;align-items:center;gap:18px;padding:clamp(22px,4vw,34px)}
.account-avatar{display:grid;flex:none;width:64px;height:64px;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:linear-gradient(145deg,#511c36,#8f3b4d 60%,#db8752);color:#fff4dc;font:700 1.8rem var(--display);box-shadow:0 8px 22px rgba(91,39,54,.22)}
.account-welcome-copy{min-width:0;flex:1}
.account-kicker{margin:0 0 6px;color:#9c4751;font:800 .68rem/1.2 "Outfit",Arial,sans-serif;letter-spacing:.16em}
.account-welcome-copy h3,.account-member-card h3,.account-section-heading h3{margin:0;color:#421c2c;font:400 clamp(1.45rem,3vw,2.1rem)/1.1 var(--display);letter-spacing:-.02em}
.account-welcome-copy>p:last-child{margin:7px 0 0;overflow-wrap:anywhere;color:#755f63;font:500 .92rem/1.45 "Outfit",Arial,sans-serif}
.account-welcome-copy strong{color:#4d2635}
.account-member-pill{align-self:flex-start;padding:9px 13px;border:1px solid rgba(255,214,134,.75);border-radius:999px;background:#fff1c9;color:#75411e;font:800 .7rem "Outfit",Arial,sans-serif;white-space:nowrap}
.account-member-card{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:clamp(24px,4vw,36px);border:1px solid rgba(255,218,144,.25);background:radial-gradient(ellipse at 80% 0%,rgba(255,206,115,.24),transparent 45%),linear-gradient(125deg,#421b31,#672c41 58%,#853c49);color:#fff4df;box-shadow:0 20px 45px rgba(71,27,48,.17)}
.account-member-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(255,231,188,.35);border-radius:17px;background:rgba(255,239,207,.1);color:#ffd88a;font-size:1.6rem}
.account-member-card .account-kicker{color:#ffd88a}
.account-member-card h3{color:#fff4df;font-size:clamp(1.7rem,4vw,2.5rem)}
.account-member-card p:not(.account-kicker){max-width:58ch;margin:10px 0 18px;color:rgba(255,245,228,.82);font:500 .95rem/1.65 "Outfit",Arial,sans-serif}
.account-order-link{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border-radius:999px;background:linear-gradient(120deg,#ffd77e,#ffb750);color:#421c2c;font:800 .88rem "Outfit",Arial,sans-serif;text-decoration:none;box-shadow:0 7px 18px rgba(20,7,12,.18)}
.account-order-link span{font-size:1.1rem}
.account-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.account-settings-card{padding:clamp(22px,3.5vw,30px)}
.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #eee1d7}
.account-setting-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:14px;background:#fff1df;color:#8f3b4d;font-size:1.5rem}
.account-details{display:grid;gap:0;margin:4px 0 0}
.account-details>div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #f1e8e1}
.account-details>div:last-child{border:0}
.account-details dt{color:#826b6d;font:600 .82rem "Outfit",Arial,sans-serif}
.account-details dd{margin:0;max-width:52%;overflow-wrap:anywhere;text-align:right;color:#482435;font:700 .84rem "Outfit",Arial,sans-serif}
.account-password-form{display:grid;gap:10px;padding-top:18px}
.account-password-form label{color:#684e57;font:700 .82rem "Outfit",Arial,sans-serif}
.account-password-form input{width:100%;min-height:47px;padding:10px 12px;border:1px solid #e1d3c9;border-radius:12px;background:#fff;color:#32141f;font:500 .95rem "Outfit",Arial,sans-serif}
.account-password-form input:focus{outline:3px solid rgba(242,100,77,.18);border-color:#c85c47}
.account-password-form .account-secondary{justify-self:start}
.account-dashboard-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px}
.account-dashboard-actions p{margin:0;color:#806a6c;font:500 .82rem/1.5 "Outfit",Arial,sans-serif}
.member-offer-note{margin:10px 0 14px;padding:11px 13px;border:1px solid #f0dcae;border-radius:12px;background:#fff8e6;color:#764d23;font:600 .82rem/1.45 "Outfit",Arial,sans-serif}
.member-saving-row,.cart-member-saving{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:#8a4e27;font:700 .84rem "Outfit",Arial,sans-serif}
.member-saving-row[hidden],.cart-member-saving[hidden]{display:none}
.cart-member-saving{padding:9px 0;color:#8a4e27}
.cart-member-saving strong{font-weight:800}
@media(max-width:700px){.account-dashboard-grid{grid-template-columns:1fr}.account-welcome-card{flex-wrap:wrap}.account-member-pill{margin-left:auto}}
@media(max-width:480px){.account-welcome-card{gap:13px}.account-avatar{width:52px;height:52px;border-radius:17px}.account-member-pill{width:100%;margin-left:65px;margin-top:-8px;text-align:center}.account-member-card{grid-template-columns:1fr}.account-member-icon{width:46px;height:46px}.account-dashboard-actions{align-items:flex-start;flex-direction:column}}

/* Customer rewards wallet and payment-confirmed order history */
.account-rewards-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.account-wallet-card,.account-progress-card,.account-order-history{position:relative;overflow:hidden;padding:clamp(22px,3.5vw,30px);border:1px solid rgba(91,39,54,.12);border-radius:24px;background:rgba(255,253,249,.92);box-shadow:0 18px 48px rgba(82,33,54,.07)}
.account-wallet-card{background:radial-gradient(ellipse at 100% 0,rgba(255,207,113,.25),transparent 42%),rgba(255,253,249,.95)}
.account-credit-balance{margin:18px 0 0;color:#512039;font:400 clamp(2.5rem,6vw,4rem)/1 var(--display);letter-spacing:-.035em}
.account-muted-copy{margin:8px 0 0;color:#806a6c;font:500 .88rem/1.55 "Outfit",Arial,sans-serif}
.account-credit-activity-title{margin:22px 0 9px;color:#684e57;font:800 .67rem "Outfit",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.account-credit-activity,.account-order-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.account-credit-activity li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:11px 12px;border:1px solid #efe2d8;border-radius:13px;background:#fffdfa;color:#563746;font:600 .79rem/1.4 "Outfit",Arial,sans-serif}
.account-credit-activity li small{grid-column:1/-1;color:#958083;font:500 .72rem "Outfit",Arial,sans-serif}
.credit-positive{color:#39724a}.credit-negative{color:#a7434b}
.account-progress-card{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 92% 4%,rgba(246,146,102,.16),transparent 40%),rgba(255,253,249,.95)}
.account-progress-card h3,.account-order-history h3,.account-wallet-card h3{margin:0;color:#421c2c;font:400 clamp(1.45rem,3vw,2.1rem)/1.1 var(--display);letter-spacing:-.02em}
.account-progress-copy{margin:14px 0 15px;color:#755f63;font:600 .9rem/1.5 "Outfit",Arial,sans-serif}
.account-progress-track{height:12px;overflow:hidden;border-radius:99px;background:#f0e3da;box-shadow:inset 0 1px 2px rgba(65,28,44,.08)}
.account-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f2a23e,#e76152,#8e3b55);transition:width .45s ease}
.account-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:#684e57;font:700 .75rem "Outfit",Arial,sans-serif}
.account-progress-card small{margin-top:17px;color:#8d7778;font:500 .75rem/1.5 "Outfit",Arial,sans-serif}
.account-order-history{display:grid;gap:15px}
.account-order-history>.account-section-heading{margin-bottom:-4px}
.account-order-row{padding:15px 16px;border:1px solid #eadbd2;border-radius:16px;background:linear-gradient(115deg,#fffdfa,#fff8ee)}
.account-order-row-head,.account-order-row-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-order-row-head strong{color:#4a2034;font:800 .9rem "Outfit",Arial,sans-serif}
.account-order-row-head time{color:#8a7375;font:600 .75rem "Outfit",Arial,sans-serif}
.account-order-row>p:not(.account-order-reward){margin:8px 0;color:#6f595f;font:500 .82rem/1.5 "Outfit",Arial,sans-serif}
.account-order-row-foot{padding-top:9px;border-top:1px solid #f0e5dc;color:#876e70;font:600 .75rem "Outfit",Arial,sans-serif}
.account-order-row-foot strong{color:#4c2637;font-size:.9rem}
.account-order-reward{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#fff1cb;color:#79531e;font:800 .76rem "Outfit",Arial,sans-serif}
.account-empty-row{padding:12px 14px;border:1px dashed #dbc8bd;border-radius:12px;color:#897375;background:rgba(255,255,255,.55);font:500 .82rem/1.45 "Outfit",Arial,sans-serif}
@media(max-width:700px){.account-rewards-grid{grid-template-columns:1fr}.account-progress-meta{font-size:.7rem}.account-order-row-head,.account-order-row-foot{align-items:flex-start}}