/* Auth-only reference replica. Never loaded on storefront, recovery or admin. */
body.auth-reference-page{background:#fff9fa;color:#171719;font-family:Arial,Helvetica,sans-serif;padding:0;margin:0;min-height:100vh}
.auth-reference-page *, .auth-reference-page *:before,.auth-reference-page *:after{box-sizing:border-box}
.auth-reference-page main{padding:0;margin:0 auto;max-width:480px;width:100%}
.auth-reference-page footer{display:none}
.auth-reference-page .app-header{height:58px;min-height:58px;max-width:480px;padding:10px 22px;gap:10px;position:relative;border-bottom:1px solid #f2eeee}
.auth-reference-page .brand .reference-header-logo{width:107px;height:auto}
.auth-reference-page .head-actions .has-badge,.auth-reference-page .head-actions .profile-link{display:none}
.auth-reference-page .header-search-form{display:block;flex:1;min-width:0}
.auth-reference-page .header-search-field{height:30px;padding:0 7px;gap:4px;border-radius:10px;background:#f6f6f7;border:1px solid #ecebed;display:flex;align-items:center}
.auth-reference-page .header-search-field input{font-size:9px;min-height:0;height:28px;padding:0;border:0;box-shadow:none;background:none;width:100%;margin:0}
.auth-reference-page .header-search-field .icon{width:12px;height:12px}
.auth-reference-page .head-actions .head-btn{width:24px;height:30px;padding:0}
.auth-reference-page .head-actions .icon{width:20px;height:20px}
.auth-reference-page .auth-replica{width:100%;margin:0;isolation:isolate}
.auth-reference-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 32%,#fde2e7 0,transparent 55%),linear-gradient(125deg,#fff3f5,#fff9fa);padding:31px 29px 0;height:203px;border-radius:22px 22px 0 0}
.auth-reference-art{position:absolute;right:0;top:6px;width:46%;height:auto;mix-blend-mode:multiply;z-index:-1;border-radius:0;max-width:none}
.auth-reference-page .auth-reference-hero h1{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.8px;font-size:28px;line-height:1.18;font-weight:750;margin:12px 0 12px;color:#161616}
.auth-reference-hero h1 span{font-size:24px}
.auth-reference-page .auth-reference-hero p{color:#626168;font-size:12px;line-height:1.65;font-weight:400;margin:0}
.auth-eyebrow{display:flex;align-items:center;gap:5px;color:#d42328;font-size:11px;font-weight:700}
.auth-eyebrow .icon{width:13px;height:13px}
.auth-reference-body{padding:0 27px 65px;background:linear-gradient(#fff9fa,#fff 58%,#fff0f3)}
.auth-reference-page .auth-form{display:flex;flex-direction:column;gap:0;margin:0}
.auth-reference-page .auth-field{display:block;margin:0 0 15px;padding:12px 13px 11px;background:#fff;border:1px solid #f0e5e7;border-radius:14px;box-shadow:0 4px 10px #4520200b;color:#171719;font-size:14px;font-weight:700;min-width:0}
.auth-field-title{display:flex;align-items:center;gap:9px;height:26px;margin-bottom:8px}
.auth-field-icon{background:#ffedef;display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;flex:none;color:#da242c}
.auth-field-icon .icon{width:17px;height:17px}
.auth-input-wrap{display:flex;align-items:center;position:relative;border:1px solid #e6e5e7;border-radius:10px;background:linear-gradient(#f9f9fa,#f5f5f7);height:38px;min-width:0}
.auth-reference-page .auth-input-wrap input:not([type=hidden]){display:block;border:0;box-shadow:none;border-radius:10px;background:transparent;margin:0;padding:0 12px;width:100%;min-width:0;height:36px;min-height:0;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:12px;color:#202025;direction:ltr;outline-offset:3px}
.auth-reference-page .auth-input-wrap input::placeholder{color:#95949a;opacity:1}
.auth-reference-page .auth-input-wrap input[type=password],.auth-reference-page .auth-input-wrap #auth-password{padding-right:39px}
.auth-reference-page .auth-eye{position:absolute;right:0;top:0;width:38px;height:36px;padding:9px;border:0;background:transparent!important;box-shadow:none;min-height:0;border-radius:9px;color:#98979c;display:flex;align-items:center;justify-content:center}
.auth-eye svg{width:19px;height:19px}
.auth-eye[aria-pressed=true] .eye-slash{display:none}
.auth-options{display:flex;flex-direction:column;gap:8px;margin:0 2px 19px;font-size:11px;color:#626168}
.auth-reference-page .auth-remember{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400;margin:0;line-height:17px}
.auth-reference-page .auth-remember input{width:16px;height:16px;min-height:0;margin:0;accent-color:#da2329;border-radius:3px}
.auth-options>a{align-self:flex-end;font-size:11px;font-weight:600;color:#ce1828}
.auth-reference-page .auth-submit{display:flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(110deg,#ff443a,#d00022);border:0;border-radius:13px;box-shadow:0 5px 8px #df263126;color:white;height:49px;min-height:49px;font:700 17px Arial,sans-serif;padding:0 12px;width:100%;margin:0}
.auth-submit>span{font-size:23px;font-weight:400}
.auth-or{display:flex;align-items:center;gap:12px;font-size:12px;color:#8a868b;margin:19px 0}
.auth-or:before,.auth-or:after{content:'';height:1px;background:#e8e4e7;flex:1}
.auth-reference-page .auth-create{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(#fff,#fffafb);border:1px solid #eedde1;border-radius:12px;min-height:46px;font-size:11px;font-weight:400;color:#373337;box-shadow:0 3px 6px #63303908;text-decoration:none}
.auth-create .icon{width:21px;height:21px;color:#d22a37}
.auth-create strong{color:#d22230;font-weight:600}.auth-create>span:last-child{font-size:22px;color:#b43a49}
.auth-reference-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:42px -7px 0;text-align:center}
.auth-reference-benefits>div>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;margin:0 auto 11px;background:linear-gradient(#ffe4e8,#fff1f3);color:#d92b37;box-shadow:0 3px 6px #9d263b09}
.auth-reference-benefits .icon{width:23px;height:23px}
.auth-reference-benefits b{display:block;font-size:11px;line-height:1.3;margin-bottom:6px;color:#242025}
.auth-reference-benefits small{display:block;font-size:9px;line-height:1.6;color:#858188}
.auth-reference-page.registration-page .app-header{display:none}
.auth-register .auth-reference-hero{height:197px;padding:26px 34px 0;border-radius:20px 20px 0 0}
.auth-reference-page .auth-logo{display:block;width:117px;position:relative;z-index:1}.auth-logo img{display:block;width:100%;height:auto;border-radius:0}
.auth-tagline{font-size:10px;color:#7e777b;margin-top:6px}
.auth-register .auth-reference-art{width:43%;right:7px;top:6px}
.auth-reference-page .auth-register h1{font-size:27px;line-height:1.12;margin:20px 0 10px;letter-spacing:-.6px}
.auth-register h1 em{color:#d2222e;font-style:normal}
.auth-reference-page .auth-register p{font-size:10px;line-height:1.65}
.auth-register .auth-reference-body{padding:0 21px 27px;background:linear-gradient(#fff7f8,#fff 70%,#fff2f5)}
.auth-reference-page .auth-register .auth-field{padding:10px 12px;margin-bottom:14px;border-radius:13px}
.auth-register .auth-field-title{font-size:13px;height:24px;margin-bottom:7px;gap:9px}
.auth-register .auth-field-icon{width:30px;height:30px}
.auth-register .auth-input-wrap{height:33px;margin-left:36px}
.auth-reference-page .auth-register .auth-input-wrap input{height:31px;font-size:10px;padding-left:10px}
.auth-reference-page .auth-register .auth-eye{height:31px;padding:7px}
.auth-country{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px;font-weight:400;padding:0 7px;border-right:1px solid #dedade;color:#585159;height:23px}
.auth-country>span{font-size:17px}
.auth-reference-page .auth-register .auth-submit{margin-top:7px;height:41px;min-height:41px;font-size:15px;border-radius:14px}
.auth-reference-page .auth-signin{margin:18px 0 0!important;text-align:center;color:#7b7379!important;font-size:11px!important;line-height:1.5!important}
.auth-signin a{color:#ce2330;font-weight:700}
.registration-page .customer-bottom-nav{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);height:59px;min-height:59px;padding:9px 8px;background:#fff;border-top:1px solid #eee8e9;box-shadow:0 -3px 12px #795a6208;border-radius:0}
.registration-page .customer-bottom-nav a{font-size:8px;color:#827e83;gap:4px;padding:0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:none}
.registration-page .customer-bottom-nav .icon{width:20px;height:20px}.registration-page .customer-bottom-nav span{white-space:nowrap}
.auth-reference-page button:focus-visible,.auth-reference-page a:focus-visible{outline:2px solid #a5122b;outline-offset:3px}
/* Measured at 390px after removing only the source OS bars (63/56px). */
.auth-reference-art{z-index:0}
.auth-reference-hero>:not(.auth-reference-art){position:relative;z-index:1}
.auth-login .auth-reference-hero{height:190px;padding:55px 31px 0}
.auth-reference-page .auth-login h1{margin:6px 0 10px;font-size:28px}
.auth-reference-page .auth-login .auth-reference-hero p{font-size:11px;line-height:1.4}
.auth-reference-page .auth-login .auth-field{padding:10px 12px 8px;margin-bottom:10px}
.auth-login .auth-field-title{height:26px;margin-bottom:4px;font-size:12px}
.auth-login .auth-input-wrap{height:32px;margin-left:32px}
.auth-reference-page .auth-login .auth-input-wrap input{height:30px;font-size:11px;padding-left:10px}
.auth-reference-page .auth-login .auth-eye{height:30px;padding:6px}
.auth-login .auth-options{flex-direction:row;justify-content:space-between;align-items:center;gap:3px;margin:0 2px 17px;height:18px;white-space:nowrap}
.auth-reference-page .auth-login .auth-remember{font-size:8.5px;gap:6px}
.auth-login .auth-options>a{align-self:auto;font-size:9px}
.auth-reference-page .auth-login .auth-submit{min-height:49px;height:49px}
.auth-register .auth-reference-hero{height:204px}
.auth-reference-page .auth-register h1{font-size:31px;margin-top:19px;margin-bottom:8px}
.auth-reference-page .auth-register .auth-field{position:relative;padding:8px 12px 8px 54px;margin-bottom:13px}
.auth-register .auth-field-title{height:16px;margin-bottom:5px;font-size:12px}
.auth-register .auth-field-icon{position:absolute;left:10px;top:19px;width:32px;height:32px}
.auth-register .auth-input-wrap{height:29px;margin-left:0}
.auth-reference-page .auth-register .auth-input-wrap input{height:27px}
.auth-reference-page .auth-register .auth-eye{height:27px;padding:5px}
.auth-reference-page .auth-register .auth-field:last-of-type{margin-bottom:0}
.auth-reference-page .auth-register .auth-submit{margin-top:10px}
.auth-register .auth-reference-body{padding-bottom:10px}
.auth-login .auth-or{margin-bottom:6px;text-transform:none;letter-spacing:0}
.auth-login .auth-reference-benefits{margin-top:16px}
.auth-reference-page .auth-signin{margin-top:11px!important}
.auth-register .auth-reference-hero{padding-top:31px}
.auth-reference-page .auth-register .auth-logo{width:96px}
.auth-register .auth-logo img{mix-blend-mode:multiply}
.auth-reference-page .auth-register h1{margin-top:9px;margin-bottom:2px}
.auth-register .auth-tagline{margin-top:6px}
@media(min-width:700px){body.auth-reference-page{padding:30px 0;background:#fff4f6}.auth-reference-page main,.auth-reference-page .app-header,.registration-page .customer-bottom-nav{max-width:430px}.auth-reference-page main{box-shadow:0 12px 50px #70303b0b}}