/* Official MAXSHOP imagery: intrinsic proportions and original colors. */
.brand.brand-official{padding:16px 14px 12px;background:#fff;border-radius:12px;letter-spacing:normal;text-align:center}
.brand-official img{display:block;width:100%;height:auto;object-fit:contain}
.brand.brand-official span{color:#647268;letter-spacing:.45px;font-size:10px;margin-top:10px}
.header-brand{display:none;flex-shrink:0;line-height:0}
.header-brand img{width:126px;height:auto;display:block}
.login-page{background:#f5f6f2;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(460px,1fr);min-height:100vh;min-height:100svh}
.login-scene{position:relative;background:#3c281d url('/assets/branding/maxshop-coffee.jpg') center/cover no-repeat;min-height:100%;display:flex;align-items:flex-end;padding:60px}
.login-scene::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#1d2319dd 100%)}
.login-scene p{position:relative;margin:0;color:#fff;font-size:28px;line-height:1.4;letter-spacing:-.5px;max-width:350px;font-weight:550}
.login-scene small{display:block;font-size:12px;line-height:1.6;margin-top:18px;letter-spacing:1.4px;color:#f0f2e9;font-weight:400}
.login-page .workspace-main{width:100%;max-width:510px;margin:auto;padding:54px 32px}
.login-page .brand.brand-official{background:transparent;border-radius:0;width:300px;max-width:100%;padding:0;margin:0 auto 36px}
.login-page .brand.brand-official span{font-size:11px;margin-top:17px;letter-spacing:1.4px}
.login-page main{padding:0}
.login-page .page-heading{margin:0 0 24px}
.login-page .eyebrow{display:none}
.login-page h1{font-size:26px;font-weight:600;letter-spacing:-.5px}
.login-page section{margin:0;border-color:#e0e6dd;box-shadow:0 14px 42px #223d2910;border-radius:18px;padding:28px 30px}
.login-page form{margin:0}
.login-page form label{font-size:12px;margin-bottom:20px;gap:9px}
.login-page form input{background:#fafbf9;min-height:46px}
.login-page form button{min-height:46px;margin:4px 0 0;font-size:14px}
.login-footer{text-align:center;color:#697569;font-size:11px;line-height:1.7;margin:22px 0 0}
@media(min-width:801px){.workspace-bar::before{content:'MAXSHOP';font-size:10px;letter-spacing:1.5px;color:#54665a;font-weight:650;padding-right:14px;border-right:1px solid var(--line)}}
@media(max-width:1000px){.login-scene{padding:36px}.login-scene p{font-size:24px}.login-page{grid-template-columns:minmax(240px,.85fr) minmax(420px,1fr)}}
@media(max-width:800px){.header-brand{display:block;margin-right:auto}.workspace-bar>.button{margin-left:0}.workspace-bar form[role=search]{order:4}.nav-open .header-brand{display:none}.login-page{display:block}.login-scene{display:none}.login-page .workspace-main{padding:48px 24px;max-width:470px}.login-page .brand.brand-official{width:270px;margin-bottom:30px}}
@media(max-width:380px){.header-brand img{width:106px}.workspace-bar{gap:8px;padding-inline:14px}.workspace-bar .button{font-size:11px;padding-inline:10px}.login-page .workspace-main{padding:32px 18px}.login-page section{padding:24px}.login-page .brand.brand-official{width:252px}}
@media print{.login-scene,.header-brand{display:none!important}}