/* ---------- wrapper ---------- */
html body #wppb-login-wrap,html body .wppb-user-forms:has(html body #wppb-loginform){--b:#1B3BA8;--n:#0A1A55;--r:#E31E2D;--ink:#161A2E;--mu:#6B7185;--ln:#E6E9F2;--sf:#F4F6FB;max-width:440px;padding-bottom:56px!important;font-family:inherit}
html body #wppb-login-wrap *,html body #wppb-login-wrap *::before,html body #wppb-login-wrap *::after{box-sizing:border-box}
/* heading added above the fields */
html body #wppb-loginform::before{content:"Welcome back";display:block;font-size:28px;font-weight:700;line-height:1.2;color:var(--ink);margin:0 0 6px}
html body #wppb-loginform::after{content:"";display:table;clear:both}
html body #wppb-login-wrap .mvl-sub{margin:-2px 0 24px;color:var(--mu);font-size:15px;line-height:1.5}
/* ---------- fields ---------- */
html body #wppb-loginform p{margin:0 0 16px!important;padding:0!important}
html body #wppb-loginform label{display:block;margin:0 0 8px!important;font-size:14px!important;font-weight:600!important;color:var(--ink)!important}
html body #wppb-loginform input[type=text],html body #wppb-loginform input[type=email],html body #wppb-loginform input[type=password]{
width:100%!important;height:52px!important;margin:0!important;padding:0 16px!important;font:inherit;font-size:15.5px!important;color:var(--ink)!important;
background:var(--sf)!important;border:1.5px solid transparent!important;border-radius:14px!important;box-shadow:none!important;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}
html body #wppb-loginform input[type=text]:focus,html body #wppb-loginform input[type=email]:focus,html body #wppb-loginform input[type=password]:focus{background:#fff!important;border-color:var(--b)!important;box-shadow:0 0 0 4px rgba(27,59,168,.12)!important}
html body #wppb-loginform input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--sf) inset!important;-webkit-text-fill-color:var(--ink)!important}
/* password show / hide */
html body #wppb-loginform .mvl-pass{position:relative;display:block}
html body #wppb-loginform .mvl-pass input{padding-right:74px!important}
html body #wppb-loginform .mvl-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:36px;padding:0 12px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:var(--b)!important;font:inherit;font-size:13px!important;font-weight:600!important;cursor:pointer;box-shadow:none!important;line-height:1}
html body #wppb-loginform .mvl-eye:hover{background:#EEF2FD!important}
/* ---------- remember me + forgot link row ---------- */
html body #wppb-loginform .login-remember{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}
html body #wppb-loginform .login-remember label{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;font-weight:500!important;color:var(--mu)!important;cursor:pointer}
html body #wppb-loginform input[type=checkbox]{width:18px!important;height:18px!important;margin:0!important;accent-color:var(--b);cursor:pointer}
html body #wppb-loginform .mvl-forgot{margin-left:auto;font-size:14px;font-weight:600;color:var(--b)!important;text-decoration:none!important}
html body #wppb-loginform .mvl-forgot:hover{text-decoration:underline!important}
/* ---------- button ---------- */
html body #wppb-loginform .login-submit{margin-top:6px!important}
html body #wppb-loginform input[type=submit],html body #wppb-loginform button[type=submit]{
width:100%!important;height:52px!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:999px!important;
background:var(--r)!important;color:#fff!important;font:inherit;font-size:16px!important;font-weight:600!important;letter-spacing:.01em;cursor:pointer;
box-shadow:0 12px 24px -12px rgba(227,30,45,1)!important;transition:background .15s,transform .15s}
html body #wppb-loginform input[type=submit]:hover,html body #wppb-loginform button[type=submit]:hover{background:#C4141F!important;transform:translateY(-2px)}
/* ---------- register | lost password row ---------- */
html body #wppb-login-wrap .login-register-lost-password,html body #wppb-login-wrap > p:last-child{
margin:22px 0 0!important;padding-top:20px!important;border-top:1px solid var(--ln)!important;text-align:center;font-size:0!important;color:transparent!important}
html body #wppb-login-wrap .login-register-lost-password a,html body #wppb-login-wrap > p:last-child a{font-size:14.5px!important;font-weight:600;text-decoration:none!important}
html body #wppb-login-wrap .login-register-lost-password a:first-child,html body #wppb-login-wrap > p:last-child a:first-child{display:inline-flex;align-items:center;justify-content:center;width:100%;height:50px;border:1.5px solid var(--b);border-radius:999px;color:var(--b)!important;transition:background .15s}
html body #wppb-login-wrap .login-register-lost-password a:first-child:hover,html body #wppb-login-wrap > p:last-child a:first-child:hover{background:#EEF2FD}
html body #wppb-login-wrap .login-register-lost-password a:first-child::before,html body #wppb-login-wrap > p:last-child a:first-child::before{content:"New to Marvics? ";font-weight:500;color:var(--mu);margin-right:4px}
/* the "Lost password" link moves up next to Remember me (see script), so hide it here once moved */
html body #wppb-login-wrap .mvl-moved{display:none!important}
/* messages (wrong password etc.) */
html body #wppb-login-wrap .wppb-error,html body #wppb-login-wrap .wppb-warning,html body #wppb-login-wrap .wppb-success{display:block;padding:12px 16px!important;margin:0 0 18px!important;border-radius:12px!important;font-size:14px!important;border:1px solid #F6C3C8!important;background:#FDECEE!important;color:#A3121D!important;box-shadow:none!important}
html body #wppb-login-wrap .wppb-success{border-color:#BFE8D0!important;background:#E6F7EE!important;color:#0F6B3B!important}
html body #wppb-loginform a:focus-visible,html body #wppb-loginform button:focus-visible,html body #wppb-loginform input:focus-visible,html body #wppb-login-wrap a:focus-visible{outline:2px solid var(--r);outline-offset:3px}
@media (max-width:520px){html body #wppb-loginform::before{font-size:24px}html body #wppb-login-wrap,html body .wppb-user-forms:has(html body #wppb-loginform){padding-bottom:32px!important}}
@media (max-width:767px){html body #wppb-login-wrap,html body .wppb-user-forms:has(html body #wppb-loginform),html body .wppb-user-forms:has(#wppb-loginform){padding-bottom:12px!important}html body #wppb-login-wrap > p:last-child,html body #wppb-login-wrap .login-register-lost-password{margin-bottom:0!important}}
@media (prefers-reduced-motion:reduce){html body #wppb-loginform *{transition:none!important}}
/* =================== REGISTRATION FORM =================== */
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form){--b:#1B3BA8;--r:#E31E2D;--ink:#161A2E;--mu:#6B7185;--ln:#E6E9F2;--sf:#F4F6FB;position:relative;display:block!important;float:none!important;width:calc(100% - 24px)!important;max-width:720px!important;margin:0 auto 56px!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;left:auto!important;padding:36px 36px 30px!important;background:#fff;border:1px solid var(--ln);border-radius:24px;box-shadow:0 30px 60px -34px rgba(10,26,85,.5);font-family:inherit;box-sizing:border-box;overflow:hidden}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) *,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) *::before,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) *::after{box-sizing:border-box}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form)::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--r),var(--b))}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-rhead{margin:0 0 24px}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-rhead h2{margin:0 0 6px!important;font-size:28px!important;line-height:1.2!important;font-weight:700!important;color:var(--ink)!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-rhead p{margin:0!important;color:var(--mu);font-size:15px;line-height:1.55}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:16px 16px}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li{grid-column:1/-1;margin:0!important;padding:0!important;width:auto!important;float:none!important;border:0!important;background:none!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li.wppb-default-first-name,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li.wppb-default-last-name,
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li.wppb-default-password,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li.wppb-default-repeat-password{grid-column:auto}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) li h4,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) li[class*="heading"] h4{display:flex;align-items:center;gap:10px;margin:10px 0 0!important;padding:0 0 10px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:var(--b)!important;border-bottom:1px solid var(--ln)}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) li[class*="heading"] .wppb-description-delimiter:empty{display:none}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) label{display:block!important;width:auto!important;float:none!important;margin:0 0 8px!important;padding:0!important;font-size:14px!important;font-weight:600!important;color:var(--ink)!important;text-align:left!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .wppb-required{color:var(--r)!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input[type=text],html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input[type=email],html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input[type=password],html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input[type=tel],html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input[type=url],html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) select,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) textarea{
width:100%!important;max-width:none!important;height:52px!important;margin:0!important;padding:0 16px!important;float:none!important;font:inherit;font-size:15.5px!important;color:var(--ink)!important;
background:var(--sf)!important;border:1.5px solid transparent!important;border-radius:14px!important;box-shadow:none!important;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) textarea{height:auto!important;min-height:110px;padding:12px 16px!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input:focus,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) select:focus,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) textarea:focus{background:#fff!important;border-color:var(--b)!important;box-shadow:0 0 0 4px rgba(27,59,168,.12)!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--sf) inset!important;-webkit-text-fill-color:var(--ink)!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .wppb-description-delimiter{display:block;margin:6px 0 0!important;font-size:12.5px!important;color:var(--mu)!important;font-style:normal!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-pass{position:relative;display:block}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-pass input{padding-right:74px!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-eye{position:absolute;right:8px;top:26px;transform:translateY(-50%);height:36px;padding:0 12px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:var(--b)!important;font:inherit;font-size:13px!important;font-weight:600!important;cursor:pointer;box-shadow:none!important;line-height:1}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) #pass-strength-result,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .wppb-password-strength{display:block;margin:8px 0 0!important;padding:6px 12px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:600;border:0!important;width:fit-content}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .form-submit,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) p.form-submit{margin:24px 0 0!important;padding:0!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input[type=submit],html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) button[type=submit]{
width:100%!important;height:54px!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:999px!important;background:var(--r)!important;color:#fff!important;
font:inherit;font-size:16px!important;font-weight:600!important;cursor:pointer;box-shadow:0 12px 24px -12px rgba(227,30,45,1)!important;transition:background .15s,transform .15s}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input[type=submit]:hover,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) button[type=submit]:hover{background:#C4141F!important;transform:translateY(-2px)}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-terms{margin:14px 0 0!important;text-align:center;font-size:12.5px;color:var(--mu)}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-terms a{color:var(--b)!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-have{margin:22px 0 0!important;padding-top:18px;border-top:1px solid var(--ln);text-align:center;font-size:14.5px;color:var(--mu)}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-have a{color:var(--b)!important;font-weight:600;text-decoration:none!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-have a:hover{text-decoration:underline!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .wppb-field-error,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .wppb-form-field-error{display:block;margin:6px 0 0!important;padding:0!important;font-size:12.5px!important;color:var(--r)!important;background:none!important;border:0!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .wppb-field-error img{display:none}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) li.wppb-field-error input{border-color:var(--r)!important;background:#FFF6F7!important}
html body .wppb-register-user .wppb-error,html body .wppb-register-user .wppb-success,html body #wppb_form_general_message .wppb-error,html body #wppb_form_general_message .wppb-success{display:block;max-width:640px;margin:0 auto 18px!important;padding:12px 16px!important;border-radius:12px!important;font-size:14px!important;border:1px solid #F6C3C8!important;background:#FDECEE!important;color:#A3121D!important;box-shadow:none!important}
html body #wppb_form_general_message .wppb-success,html body .wppb-register-user .wppb-success{border-color:#BFE8D0!important;background:#E6F7EE!important;color:#0F6B3B!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) a:focus-visible,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) button:focus-visible,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) input:focus-visible{outline:2px solid var(--r);outline-offset:3px}
@media (max-width:600px){
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form){width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding:28px 20px 22px!important;border-radius:20px;margin-bottom:32px!important}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul{grid-template-columns:1fr}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li.wppb-default-first-name,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li.wppb-default-last-name,
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li.wppb-default-password,html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) ul>li.wppb-default-repeat-password{grid-column:1/-1}
html body :is(form.wppb-register-user,form[id^="wppb-register-user"],.wppb-register-user form) .mvl-rhead h2{font-size:24px!important}
}
/* every box around the registration form: full width, no side padding or offsets, so the card centres on the screen */
html body .mvl-reg-anc{
width:100%!important;max-width:100%!important;min-width:0!important;
margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;
left:auto!important;right:auto!important;transform:none!important;float:none!important;
flex:1 1 100%!important;--width:100%!important;--content-width:100%!important;
--padding-left:0px!important;--padding-right:0px!important;--margin-left:0px!important;--margin-right:0px!important}
html body .mvl-reg-parent{display:block!important;text-align:left!important}
/* =================== GOOGLE BUTTON (Nextend Social Login) =================== */
html body .mvl-social{margin:18px 0 0}
html body #wppb-loginform,html body #wppb-loginform p,html body #wppb-loginform .login-submit{border:0!important;box-shadow:none}
html body #wppb-loginform .login-submit{box-shadow:none!important}
html body #wppb-login-wrap hr,html body #wppb-login-wrap .nsl-separator,html body .mvl-empty{display:none!important}
html body .mvl-or{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:#6B7185;font-size:13px;font-weight:500}
html body .mvl-or::before,html body .mvl-or::after{content:"";flex:1;height:1px;background:#E6E9F2}
html body .mvl-social .nsl-container{margin:0!important;padding:0!important;text-align:center}
html body .mvl-social .nsl-container-buttons{display:flex!important;flex-direction:column;gap:10px;padding:0!important;width:100%!important;max-width:none!important}
html body .mvl-social .nsl-container-buttons a{display:block!important;width:100%!important;margin:0!important;text-decoration:none!important}
html body .mvl-social .nsl-button{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center!important;gap:10px;padding:0 20px!important;width:100%!important;height:52px;margin:0!important;border-radius:999px!important;border:1.5px solid #D6DCEC!important;background:#fff!important;color:#161A2E!important;box-shadow:none!important;transition:border-color .15s,background .15s}
html body .mvl-social .nsl-button:hover{border-color:#1B3BA8!important;background:#F7F9FF!important}
html body .mvl-social .nsl-button-svg-container{flex:0 0 auto!important;padding:0!important;margin:0!important;display:flex;align-items:center}
html body .mvl-social .nsl-button-svg-container svg{width:20px!important;height:20px!important}
html body .mvl-social .nsl-button-label-container{flex:0 0 auto!important;width:auto!important;text-align:left!important;margin:0!important;padding:0!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;overflow:visible!important}
html body .mvl-social + .mvl-or{margin-top:22px}
/* =================== PROFILE BUILDER MESSAGES (success / note / error) =================== */
html body .mvn-done{all:unset;display:block!important;box-sizing:border-box!important;max-width:540px!important;margin:24px auto!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;font-family:inherit!important}
html body .mvn-done::before,html body .mvn-done::after{content:none!important;display:none!important}
html body .mvn{position:relative;display:flex;gap:16px;align-items:flex-start;padding:24px 24px 22px;border-radius:22px;background:#fff;border:1px solid #E6E9F2;box-shadow:0 26px 50px -30px rgba(10,26,85,.5);overflow:hidden;text-align:left;color:#161A2E;font-size:15px;line-height:1.6}
html body .mvn::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#E31E2D,#1B3BA8)}
html body .mvn-ico{flex:none;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1B3BA8,#2F5BE8);box-shadow:0 12px 22px -10px rgba(27,59,168,.9)}
html body .mvn-success .mvn-ico{background:linear-gradient(135deg,#0F8A4B,#1FB866);box-shadow:0 12px 22px -10px rgba(15,138,75,.9)}
html body .mvn-error .mvn-ico{background:linear-gradient(135deg,#E31E2D,#FF4B57);box-shadow:0 12px 22px -10px rgba(227,30,45,.9)}
html body .mvn-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html body .mvn-body{flex:1;min-width:0}
html body .mvn-body strong.mvn-title{display:block;margin:0 0 4px;font-size:18px;font-weight:700;color:#161A2E;line-height:1.3}
html body .mvn-text{color:#4A5068;overflow-wrap:anywhere}
html body .mvn-text a{color:#1B3BA8!important;font-weight:600}
html body .mvn-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
html body .mvn-actions a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;height:44px;padding:0 20px;border-radius:999px;font-weight:600;font-size:14.5px;text-decoration:none!important}
html body .mvn-actions a{box-sizing:border-box!important;line-height:1!important;margin:0!important;-webkit-tap-highlight-color:transparent;outline-offset:3px;transition:transform .12s,background .15s,border-color .15s}
html body .mvn-actions .mvn-primary,html body .mvn-actions .mvn-primary:visited,html body .mvn-actions .mvn-primary:focus,html body .mvn-actions .mvn-primary:active{background:#E31E2D!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px -10px rgba(227,30,45,1)!important;opacity:1!important}
html body .mvn-actions .mvn-primary:hover{background:#C4141F!important;color:#fff!important}
html body .mvn-actions .mvn-ghost,html body .mvn-actions .mvn-ghost:visited,html body .mvn-actions .mvn-ghost:focus,html body .mvn-actions .mvn-ghost:active{border:1.5px solid #D6DCEC!important;color:#1B3BA8!important;background:#fff!important;opacity:1!important}
html body .mvn-actions .mvn-ghost:hover{border-color:#1B3BA8!important;background:#F4F6FB!important}
html body .mvn-actions a:active{transform:scale(.97)}
/* Card layout: icon + title on one row, then the message and the buttons use the full width */
html body .mvn{display:grid!important;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;row-gap:0!important}
html body .mvn-body{display:contents}
html body .mvn-body strong.mvn-title{margin:0!important}
html body .mvn-text,html body .mvn-steps,html body .mvn-actions{grid-column:1/-1}
html body .mvn-text{margin-top:12px}
html body .mvn-actions{margin-top:18px}
html body .mvn-steps{margin:12px 0 0;padding:12px 14px 12px 32px;border-radius:14px;background:#F4F6FB;color:#161A2E;font-size:14px}
html body .mvn-steps li{margin:2px 0}
html body p.redirect_message,html body .redirect_message{max-width:540px;margin:-8px auto 24px!important;text-align:center;font-size:13.5px;color:#6B7185}
html body .redirect_message a{color:#1B3BA8!important;font-weight:600}
@media (max-width:600px){html body .mvn-done{margin:16px 12px!important}html body .mvn{padding:22px 18px 20px;gap:14px}html body .mvn-ico{width:42px;height:42px;border-radius:13px}html body .mvn-actions{flex-direction:column}html body .mvn-actions a{width:100%;height:48px;padding:0 16px}html body .mvn-body strong.mvn-title{font-size:19px}}
html body .mvn-redirect{max-width:540px;margin:-8px auto 24px!important;padding:0 16px;text-align:center;font-size:13.5px!important;line-height:1.5;color:#6B7185!important}
html body .mvn-redirect a{color:#1B3BA8!important;font-weight:600}
/* "Continue with Google" everywhere it appears (login page, checkout, My Account, pop-ups): a proper rounded button,
centred, one text weight, and the letters are never cut off at the bottom */
html body .nsl-container .nsl-container-buttons{display:flex!important;flex-direction:column;gap:10px;width:100%!important;max-width:420px}
html body .nsl-container .nsl-container-buttons a{display:block!important;width:100%!important;margin:0!important;text-decoration:none!important}
html body .nsl-container .nsl-button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px;width:100%!important;min-height:50px;height:auto!important;margin:0!important;padding:10px 20px!important;border-radius:999px!important;border:1.5px solid #D6DCEC!important;background:#fff!important;color:#161A2E!important;box-shadow:none!important;box-sizing:border-box!important;transition:border-color .15s,background .15s}
html body .nsl-container .nsl-button:hover{border-color:#1B3BA8!important;background:#F7F9FF!important}
html body .nsl-container .nsl-button-svg-container{flex:0 0 auto!important;padding:0!important;margin:0!important;display:flex!important;align-items:center}
html body .nsl-container .nsl-button-svg-container svg{width:20px!important;height:20px!important}
html body .nsl-container .nsl-button-label-container{flex:0 0 auto!important;width:auto!important;margin:0!important;padding:2px 0!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;overflow:visible!important;white-space:nowrap}
html body .nsl-container .nsl-button-label-container b,html body .nsl-container .nsl-button-label-container strong{font-weight:inherit!important}