/* Authentication pages only; shared store and admin styles stay unchanged. */
body[data-surface="store"] .store .auth-shell{max-width:1060px;padding:30px 24px 60px;margin:0 auto;color:#242b2b}
body[data-surface="store"] .auth-home{display:inline-flex;align-items:center;gap:8px;color:#647070;text-decoration:none;font-size:12px;margin:0 0 20px}
body[data-surface="store"] .auth-home svg{height:15px;width:15px}
body[data-surface="store"] .auth-layout{display:grid;grid-template-columns:44% 56%;border-radius:20px;overflow:hidden;background:white;box-shadow:0 12px 45px #27332b0d;border:1px solid #e6e7e5;min-height:575px}
body[data-surface="store"] .auth-story{position:relative;padding:46px 38px 290px;background:#e8ddcd;overflow:hidden;isolation:isolate;min-width:0}
body[data-surface="store"] .auth-brand{margin-bottom:46px}
body[data-surface="store"] .auth-brand .mercado-logo{width:125px}
body[data-surface="store"] .auth-kicker{font-size:10px;font-weight:600;letter-spacing:2.5px;display:block;color:#6e6b61;margin-bottom:14px;position:relative;z-index:2}
body[data-surface="store"] .auth-story h2{font-size:31px;line-height:1.16;letter-spacing:-.8px;font-weight:500;color:#29332e;max-width:310px;margin:0 0 17px;position:relative;z-index:2;text-wrap:balance}
body[data-surface="store"] .auth-story p{font-size:12px;line-height:1.7;color:#676b61;max-width:290px;margin:0;position:relative;z-index:2}
body[data-surface="store"] .auth-story-art{position:absolute;bottom:0;left:0;width:100%;height:290px;z-index:1;mask-image:linear-gradient(transparent,#000 45px)}
body[data-surface="store"] .auth-story-art img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;display:block}
body[data-surface="store"] .store .auth-shell .auth{width:100%;max-width:none;margin:0;border:0;border-radius:0;padding:38px 42px 28px;background:#fff;box-shadow:none;min-width:0}
body[data-surface="store"] .auth-tabs{display:flex;border-radius:9px;padding:4px;background:#f3f5f6;gap:4px;margin-bottom:30px}
body[data-surface="store"] .auth-shell .auth-tabs a{flex:1;padding:10px 5px;text-align:center;font-size:12px;font-weight:600;color:#7b8488;text-decoration:none;border-radius:6px;line-height:1.4}
body[data-surface="store"] .auth-shell .auth-tabs a[aria-current="page"]{color:#2769ce;background:white;box-shadow:0 1px 5px #25354714}
body[data-surface="store"] .auth-heading-mark{width:36px;height:36px;border-radius:11px;background:#fff8cf;color:#75671b;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
body[data-surface="store"] .auth-heading-mark svg{width:19px;height:19px}
body[data-surface="store"] .auth-shell h1{font:600 27px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.7px;color:#293331;margin:0 0 10px;text-wrap:balance}
body[data-surface="store"] .auth-form-heading>p{font-size:12px;line-height:1.6;color:#7b8487;margin:0 0 26px}
body[data-surface="store"] .auth-shell .auth .field{margin:0 0 18px}
body[data-surface="store"] .auth-shell .auth label{display:block;font-size:12px;font-weight:500;line-height:1.5;margin:0 0 7px;color:#4a545a}
body[data-surface="store"] .store .auth-shell .auth input{width:100%;height:48px;border:1px solid #dbe0e3;border-radius:8px;padding:12px 14px;background:#fbfcfd;font:400 15px/1.4 Arial,Tahoma,sans-serif;color:#28333a;box-shadow:none;transition:border-color .15s,box-shadow .15s;outline:none}
body[data-surface="store"] .store .auth-shell .auth input:focus{border-color:#3483fa;box-shadow:0 0 0 3px #3483fa14;background:#fff}
body[data-surface="store"] .auth-shell input::placeholder{font-size:12px;color:#a4adb3;opacity:1}
body[data-surface="store"] .auth-password-field{position:relative}
body[data-surface="store"] .store .auth-shell .auth-password-field input{padding-inline-end:45px}
body[data-surface="store"] .auth-password-toggle{position:absolute;inset-inline-end:5px;top:5px;width:38px;height:38px;padding:9px;border:0;border-radius:6px;background:transparent;color:#8b969d;display:flex;align-items:center;justify-content:center;cursor:pointer}
body[data-surface="store"] .auth-password-toggle:hover{background:#eef2f6;color:#3483fa}
body[data-surface="store"] .auth-password-toggle svg{height:19px;width:19px;stroke:currentColor;fill:none;stroke-width:1.5}
body[data-surface="store"] .auth-eye-slash{display:none}
body[data-surface="store"] .auth-password-toggle[aria-pressed="true"] .auth-eye-slash{display:block}
body[data-surface="store"] .auth-shell .field small{font-size:10px;line-height:1.4;color:#929ca4;display:block;margin:5px 0 0}
body[data-surface="store"] .store .auth-shell .auth .btn:not(.secondary):not(.outline){height:48px;border:0;border-radius:8px;background:#3483fa;color:white;font-size:13px;font-weight:600;margin-top:9px;box-shadow:0 4px 10px #3483fa1c;transition:background .2s;cursor:pointer}
body[data-surface="store"] .store .auth-shell .auth .btn:hover{background:#216edc}
body[data-surface="store"] .auth-help{display:flex;justify-content:center;gap:7px;align-items:center;font-size:11px;color:#929ca4;margin-top:24px;padding-top:20px;border-top:1px solid #f0f2f3}
body[data-surface="store"] .auth-help button{background:none;border:0;padding:0;color:#3483fa;font-size:11px;cursor:pointer}
body[data-surface="store"] .auth-shell a:focus-visible,body[data-surface="store"] .auth-shell button:focus-visible{outline:2px solid #3483fa;outline-offset:3px}
body[data-surface="store"] .auth-create .auth-form-heading>p{margin-bottom:20px}
body[data-surface="store"] .auth-create .auth .field{margin-bottom:13px}
body[data-surface="store"] .auth-create .auth-tabs{margin-bottom:24px}
body[data-surface="store"] .auth-create .auth-help{margin-top:19px;padding-top:18px}
body[data-surface="store"][data-locale="ar"] .auth-story h2{font-size:29px;line-height:1.5;letter-spacing:0}
body[data-surface="store"][data-locale="ar"] .auth-shell h1{letter-spacing:0;line-height:1.5}
@media(max-width:850px){body[data-surface="store"] .auth-layout{grid-template-columns:40% 60%}body[data-surface="store"] .auth-story{padding:35px 26px 260px}body[data-surface="store"] .auth-story h2{font-size:26px}body[data-surface="store"] .store .auth-shell .auth{padding:32px 28px 25px}}
@media(max-width:640px){
body[data-surface="store"][data-page="register"] main.store{width:100%;margin-top:0}
body[data-surface="store"] .store .auth-shell{padding:20px 16px 36px}
body[data-surface="store"] .auth-home{font-size:11px;margin-bottom:16px}
body[data-surface="store"] .auth-layout{display:block;min-height:0;border-radius:15px}
body[data-surface="store"] .auth-story{padding:24px 21px;min-height:133px}
body[data-surface="store"] .auth-brand,body[data-surface="store"] .auth-story .auth-kicker{display:none}
body[data-surface="store"] .auth-story h2{font-size:22px;line-height:1.2;max-width:70%;margin-bottom:9px;letter-spacing:-.4px}
body[data-surface="store"] .auth-story p{font-size:10px;max-width:65%;line-height:1.5}
body[data-surface="store"] .auth-story-art{left:auto;right:0;width:33%;height:100%;mask-image:linear-gradient(to right,transparent,#000 25px)}
body[data-surface="store"] .auth-story-art img{object-position:80% 50%}
body[data-surface="store"] .store .auth-shell .auth{padding:23px 21px}
body[data-surface="store"] .auth-tabs{margin-bottom:23px}
body[data-surface="store"] .auth-shell .auth-tabs a{font-size:11px;padding:9px 5px}
body[data-surface="store"] .auth-heading-mark{width:32px;height:32px;margin-bottom:11px}
body[data-surface="store"] .auth-shell h1{font-size:24px}
body[data-surface="store"] .auth-form-heading>p{font-size:11px;margin-bottom:22px}
body[data-surface="store"] .auth-shell .auth .field{margin-bottom:16px}
body[data-surface="store"] .store .auth-shell .auth input{height:46px;font-size:16px}
body[data-surface="store"] .auth-create .auth .field{margin-bottom:13px}
body[data-surface="store"] .auth-shell .auth label{font-size:11px}
body[data-surface="store"] .auth-help{font-size:10px;margin-top:21px}
body[data-surface="store"] .auth-help button{font-size:10px}
body[data-surface="store"][data-locale="ar"] .auth-story h2{font-size:20px;line-height:1.5}
body[data-surface="store"][data-locale="ar"] .auth-story-art{right:auto;left:0;mask-image:linear-gradient(to left,transparent,#000 25px)}
}
body[data-surface="store"] .store .auth-shell .registration-auth .field>label{position:static;width:auto;height:auto;margin:0 0 7px;padding:0;overflow:visible;clip-path:none;white-space:normal}
body[data-surface="store"][data-page="login"],body[data-surface="store"][data-page="register"]{background:#f3f5f6!important}
body[data-surface="store"][data-page="login"] main.store,body[data-surface="store"][data-page="register"] main.store{background:#f3f5f6}