/* Apenas Minha conta. Autenticação e pedidos continuam no código original. */
.mb-account-page .hidden{display:none!important}
.mb-account-page .mb-account-main{min-height:64vh;background:#050505}
.mb-account-page .mb-account-section{max-width:1448px;margin:auto;padding:28px 34px 72px}
.mb-account-page .mb-account-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:11px;font-weight:800;letter-spacing:.06em}
.mb-account-page .mb-account-back span{color:var(--yellow);font-size:22px}
.mb-account-page .mb-account-back:hover{color:var(--yellow)}
.mb-account-page .mb-account-heading{margin:26px 0 36px;padding-bottom:30px;border-bottom:3px solid var(--yellow)}
.mb-account-page .mb-account-heading>p{margin:0 0 13px;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.12em}
.mb-account-page .mb-account-heading h1{margin:0 0 18px;font:900 italic clamp(44px,6vw,80px)/.98 var(--display);letter-spacing:-.015em}
.mb-account-page .mb-account-heading>span{display:block;font-size:14px;line-height:1.7}
.mb-account-page .mb-account-access-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:start}
.mb-account-page .mb-account-intro>p{margin:8px 0 18px;color:var(--yellow);font-size:10px;line-height:1.5;letter-spacing:.12em;font-weight:900}
.mb-account-page .mb-account-intro h2{margin:0 0 22px;font:900 italic clamp(40px,4.5vw,64px)/1 var(--display);letter-spacing:-.01em}
.mb-account-page .mb-account-intro>span{display:block;max-width:440px;font-size:14px;line-height:1.8}
.mb-account-page .mb-account-benefits{list-style:none;margin:30px 0 25px;padding:0;display:grid;gap:20px}
.mb-account-page .mb-account-benefits li{display:flex;align-items:center;gap:15px}
.mb-account-page .mb-account-benefits i{display:grid;place-items:center;width:42px;flex:none;color:var(--yellow);font-size:30px}
.mb-account-page .mb-account-benefits strong{display:block;font:900 23px/1.1 var(--display);letter-spacing:.03em}
.mb-account-page .mb-account-benefits li>span>span{display:block;margin-top:5px;font-size:12px;line-height:1.6}
.mb-account-page .mb-account-help{display:flex;align-items:center;gap:14px;max-width:440px;min-height:86px;padding:18px;background:#050505;border:1px solid var(--yellow);color:var(--yellow)}
.mb-account-page .mb-account-help>i{font-size:40px}
.mb-account-page .mb-account-help>span:nth-child(2){flex:1;font-size:10px;font-weight:800;letter-spacing:.05em}
.mb-account-page .mb-account-help strong{display:block;margin-top:7px;color:#fff;font:900 25px/1 var(--display)}
.mb-account-page .mb-account-help>span:last-child{font-size:26px}
.mb-account-page .mb-account-help:hover{background:#111}
.mb-account-page .mb-account-form-panel{min-width:0;padding:30px;background:#101010;border:1px solid #333;border-top:5px solid var(--yellow)}
.mb-account-page .mb-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
.mb-account-page .mb-account-tabs button{min-height:52px;padding:12px 8px;background:#050505;color:#fff;border:1px solid #666;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.mb-account-page .mb-account-tabs button.border-black{background:var(--yellow);color:#050505;border-color:var(--yellow)}
.mb-account-page .mb-account-tabs button:hover{border-color:var(--yellow)}
.mb-account-page .mb-account-form>div{margin-bottom:20px}
.mb-account-page .mb-account-form label{display:block;margin-bottom:8px;color:#fff;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mb-account-page .mb-account-form input{display:block;width:100%;min-height:50px;padding:13px 14px;border:1px solid #707070;border-radius:0;background:#050505;color:#fff;font:400 16px/1.5 var(--body)}
.mb-account-page .mb-account-form input::placeholder{color:#aaa;opacity:1}
.mb-account-page .mb-account-form input:focus{border-color:var(--yellow);outline:2px solid var(--yellow);outline-offset:2px}
.mb-account-page .mb-account-submit{justify-content:center;min-height:50px;margin-top:24px;font-size:13px;text-transform:uppercase}
.mb-account-page .mb-account-error{padding:14px;border:1px solid var(--yellow);background:#050505;color:#fff;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.mb-account-page .mb-account-divider{display:flex;align-items:center;gap:14px;margin:24px 0!important;color:#fff;font-size:11px}
.mb-account-page .mb-account-divider>div{height:1px;background:#555;flex:1}
.mb-account-page .mb-account-google{display:flex;justify-content:center;min-width:0}
.mb-account-page .mb-account-google-button{width:100%;min-height:50px;padding:12px;display:flex;align-items:center;justify-content:center;gap:12px;background:#050505;color:#fff;border:1px solid #777;font-size:13px;font-weight:700}
.mb-account-page .mb-account-google-button svg{flex:none}
.mb-account-page .mb-account-google-button:hover{border-color:var(--yellow)}
.mb-account-page .mb-account-user-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px;padding:24px;background:#101010;border:1px solid #444}
.mb-account-page .mb-account-user{min-width:0;display:flex;align-items:center;gap:18px}
.mb-account-page .mb-account-user>div:last-child{min-width:0}
.mb-account-page .mb-account-user img,.mb-account-page .mb-account-avatar{width:72px;height:72px;flex:none;object-fit:cover;border:2px solid var(--yellow);border-radius:50%}
.mb-account-page .mb-account-avatar{display:grid;place-items:center;background:var(--yellow);color:#050505;font:900 36px/1 var(--display)}
.mb-account-page .mb-account-user h2{margin:0 0 8px;font:900 32px/1.1 var(--display);text-transform:uppercase;overflow-wrap:anywhere}
.mb-account-page .mb-account-user p{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.mb-account-page .mb-account-logout{display:flex;align-items:center;gap:10px;min-height:44px;flex:none;padding:12px 20px;border:1px solid var(--yellow);background:#050505;color:var(--yellow);font-size:11px;font-weight:900;text-transform:uppercase}
.mb-account-page .mb-account-logout:hover{background:var(--yellow);color:#050505}
.mb-account-page .mb-account-orders{background:#101010;border:1px solid #444;border-top:5px solid var(--yellow)}
.mb-account-page .mb-account-orders-heading{padding:24px;border-bottom:1px solid #444}
.mb-account-page .mb-account-orders-heading h2{margin:0;font:900 italic 36px/1 var(--display);text-transform:uppercase}
.mb-account-page .mb-account-orders-empty{padding:42px 24px;text-align:center}
.mb-account-page .mb-account-orders-empty>i{display:block;margin-bottom:20px;color:var(--yellow);font-size:48px}
.mb-account-page .mb-account-orders-empty>p{font-size:14px;line-height:1.7}
.mb-account-page .mb-account-orders-empty .mb-add-button{width:min(100%,280px);margin:24px auto 0;text-transform:uppercase}
.mb-account-page .mb-account-order-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid #444}
.mb-account-page .mb-account-order-row:last-child{border-bottom:0}
.mb-account-page .mb-account-order-row>div{min-width:0}
.mb-account-page .mb-account-order-number{margin:0 0 8px;font-size:15px;font-weight:800;overflow-wrap:anywhere}
.mb-account-page .mb-account-order-date{margin:0;color:#ddd;font-size:12px;line-height:1.5}
.mb-account-page .mb-account-order-details{text-align:right}
.mb-account-page .mb-account-order-total{margin:0 0 10px;font-size:17px;font-weight:900;white-space:nowrap}
.mb-account-page .mb-account-order-status{display:inline-block;padding:7px 10px;background:#050505;border:1px solid var(--yellow);color:var(--yellow);font-size:10px;line-height:1.4;font-weight:900;text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere}
.mb-account-page .mb-account-order-status[data-status="paid"],.mb-account-page .mb-account-order-status[data-status="delivered"]{background:var(--yellow);color:#050505}
.mb-account-page .mb-account-order-status[data-status="cancelled"]{border-color:#fff;color:#fff}
.mb-account-page .mb-account-whatsapp{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:70;display:grid;place-items:center;width:56px;height:56px;background:var(--yellow);color:#050505;border:2px solid #050505;border-radius:50%;box-shadow:0 4px 18px #0008;font-size:30px}
.mb-account-page .mb-account-whatsapp:hover{background:#fff}
.mb-account-page .site-footer{padding-bottom:80px}
@media(max-width:980px){.mb-account-page .mb-account-access-grid{gap:28px}.mb-account-page .mb-account-form-panel{padding:24px}.mb-account-page .mb-account-intro h2{font-size:46px}}
@media(max-width:700px){
 .mb-account-page .mb-account-section{padding:16px 16px 40px}
 .mb-account-page .mb-account-heading{margin:20px 0 28px;padding-bottom:24px}
 .mb-account-page .mb-account-heading>p{font-size:9px}
 .mb-account-page .mb-account-heading h1{font-size:clamp(44px,12vw,64px)}
 .mb-account-page .mb-account-heading>span{font-size:13px}
 .mb-account-page .mb-account-access-grid{grid-template-columns:1fr;gap:28px}
 .mb-account-page .mb-account-form-panel{grid-row:1;padding:24px 18px}
 .mb-account-page .mb-account-intro{grid-row:2}
 .mb-account-page .mb-account-intro h2{font-size:42px}
 .mb-account-page .mb-account-intro>span{font-size:13px}
 .mb-account-page .mb-account-user-row{align-items:flex-start;flex-direction:column;padding:18px}
 .mb-account-page .mb-account-user{gap:12px}
 .mb-account-page .mb-account-user img,.mb-account-page .mb-account-avatar{width:56px;height:56px}
 .mb-account-page .mb-account-user h2{font-size:27px}
 .mb-account-page .mb-account-user p{font-size:12px}
 .mb-account-page .mb-account-order-row{padding:18px;gap:12px}
 .mb-account-page .mb-account-order-total{font-size:14px}
 .mb-account-page .mb-account-orders-heading{padding:20px 18px}
 .mb-account-page .mb-account-whatsapp{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}
}
