/* EatsOne front member login V4; scoped to login.php. */
.eatsone-login-v4 .top-brand{min-width:190px}
.eatsone-login-v4 .top-links{gap:26px;font-size:18px}
.eatsone-login-v4 .mobile-brand-copy{min-width:0}
.eatsone-login-v4 .mobile-menu-btn{flex:0 0 44px}
.eatsone-login-v4 .top-brand-text strong,
.eatsone-login-v4 .mobile-brand-copy strong,
.eatsone-login-v4 .footer-brand strong{overflow-wrap:anywhere}
.eatsone-login-v4 .login-v4-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;min-height:480px;align-items:stretch;margin-bottom:18px}
.eatsone-login-v4 .login-v4-art{min-height:490px;position:relative;isolation:isolate}
.eatsone-login-v4 .login-v4-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block}
.eatsone-login-v4 .login-v4-art:after{background:linear-gradient(90deg,rgba(30,22,17,.66) 0%,rgba(30,22,17,.12) 100%);z-index:0}
.eatsone-login-v4 .login-v4-art-text{left:7%;right:6%;width:auto;max-width:450px;z-index:1;top:auto;bottom:8%;transform:none}
.eatsone-login-v4 .login-v4-art-text h2{margin:17px 0 0;font-size:clamp(25px,2.6vw,38px);font-weight:500;line-height:1.5;letter-spacing:.08em}
.eatsone-login-v4 .login-v4-sheet{margin-bottom:0;padding:clamp(26px,3.1vw,44px);min-width:0;display:flex;flex-direction:column;justify-content:center}
.eatsone-login-v4 .login-v4-intro{margin:0;line-height:1.8}
.eatsone-login-v4 .login-v4-buttons{margin:25px 0 0}
.eatsone-login-v4 .login-v4-provider{display:flex;align-items:center;min-width:0;min-height:69px;padding:11px 16px;gap:13px;border-color:#d2c4b4;border-radius:7px;background:#fffaf4;letter-spacing:0;text-align:left}
.eatsone-login-v4 .login-v4-provider:hover{border-color:#997b66}
.eatsone-login-v4 .login-v4-line{background:#f6faf4;border-color:#c5dbc6}
.eatsone-login-v4 .login-v4-provider-icon{width:39px;height:39px;flex:0 0 39px;border-radius:9px;display:grid;place-items:center;font:700 11px/1 Arial,sans-serif}
.eatsone-login-v4 .login-v4-line-icon{background:#06c755;color:white;letter-spacing:-.06em}
.eatsone-login-v4 .login-v4-google-icon{background:#fff;border:1px solid #e2dad2;color:#4285f4;font:700 25px/1 Arial,sans-serif}
.eatsone-login-v4 .login-v4-provider-text{flex:1;min-width:0}
.eatsone-login-v4 .login-v4-provider-text strong{display:block;font-size:15px;font-weight:600;letter-spacing:.04em}
.eatsone-login-v4 .login-v4-provider-text small{display:block;font:12px/1.5 Arial,'Noto Sans TC',sans-serif;color:#82776e;margin-top:6px;overflow-wrap:anywhere}
.eatsone-login-v4 .login-v4-provider-arrow{font:20px/1 Arial,sans-serif;color:#75675e;flex:0 0 auto}
.eatsone-login-v4 .login-v4-disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none!important}
.eatsone-login-v4 .login-v4-more{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:#685b52;cursor:pointer;text-align:left;padding:19px 2px;font-size:13px;margin-top:24px}
.eatsone-login-v4 .login-v4-more:hover{color:#a06e4c}
.eatsone-login-v4 .login-v4-more-indicator{font:24px/1 Arial,sans-serif;transition:transform .2s ease}
.eatsone-login-v4 .login-v4-more[aria-expanded="true"] .login-v4-more-indicator{transform:rotate(45deg)}
.eatsone-login-v4 .login-v4-more-panel{margin:0 0 8px}
.eatsone-login-v4 .login-v4-more-panel[hidden]{display:none!important}
.eatsone-login-v4 .login-v4-unavailable{padding:16px 3px 0;color:#7e7266;font-size:16px;line-height:1.7}
.eatsone-login-v4 .login-v4-unavailable span,.eatsone-login-v4 .login-v4-unavailable small{display:block}
.eatsone-login-v4 .login-v4-unavailable small{font-size:11px;color:#a0958c}
.eatsone-login-v4 .login-v4-message{padding:14px 16px;border:1px solid #e4d6c7;background:#f5eee6;color:#665343;border-radius:6px;font-size:13px;line-height:1.75;margin-top:16px;overflow-wrap:anywhere}
.eatsone-login-v4 .login-v4-error{background:#fff1ec;border-color:#e9b7a8;color:#9f3c26}
.eatsone-login-v4 .login-v4-notice,.eatsone-login-v4 .login-v4-line-hint{background:#f1f7ee;border-color:#c5d7bf;color:#476347}
.eatsone-login-v4 .login-v4-note{font-size:16px;line-height:1.8;color:#8c8076;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}
.eatsone-login-v4 .login-v4-note a{text-decoration:underline;text-underline-offset:3px;color:#8c6246}
.eatsone-login-v4 footer[data-global-footer-v249]{display:none!important}
.eatsone-login-v4 .login-v4-legal-line{font-size:10px;color:#887e74;text-align:center;margin:12px 0 0}
.eatsone-login-v4 .login-v4-visible-footer{padding:0}
.eatsone-login-v4 a:focus-visible,.eatsone-login-v4 button:focus-visible{outline:2px solid #a76635;outline-offset:3px}
@media(max-width:1100px){.eatsone-login-v4 .top-links{gap:16px;font-size:16px}.eatsone-login-v4 .top-brand{min-width:155px}}
@media(max-width:900px){.eatsone-login-v4 .login-v4-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.eatsone-login-v4 .login-v4-art{min-height:475px}.eatsone-login-v4 .login-v4-sheet{padding:28px}.eatsone-login-v4 .login-v4-legal-line{text-align:left}}
@media(max-width:760px){
 .eatsone-login-v4 .login-v4-layout{grid-template-columns:1fr;gap:17px}
 .eatsone-login-v4 .login-v4-art{height:270px;min-height:0;overflow:hidden}
 .eatsone-login-v4 .login-v4-art-text{left:7%;bottom:8%}
 .eatsone-login-v4 .login-v4-art-text h2{font-size:27px}
 .eatsone-login-v4 .login-v4-sheet{padding:27px 24px}
}
@media(max-width:620px){
 .eatsone-login-v4 .page-heading h1{font-size:33px;letter-spacing:.07em}
 .eatsone-login-v4 .page-heading p{font-size:13px}
 .eatsone-login-v4 .login-v4-art{height:240px}
 .eatsone-login-v4 .login-v4-art-text h2{font-size:24px;margin:10px 0 0}
 .eatsone-login-v4 .login-v4-sheet{padding:25px 20px}
 .eatsone-login-v4 .login-v4-provider{padding:10px 11px;gap:10px}
 .eatsone-login-v4 .login-v4-provider-text strong{font-size:14px}
 .eatsone-login-v4 .login-v4-provider-text small{font-size:11px}
 .eatsone-login-v4 .login-v4-provider-arrow{font-size:18px}
}
@media(max-width:355px){.eatsone-login-v4 .login-v4-art{height:215px}.eatsone-login-v4 .login-v4-provider-icon{flex-basis:34px;width:34px;height:34px}.eatsone-login-v4 .login-v4-provider{gap:8px}}
@media(prefers-reduced-motion:reduce){.eatsone-login-v4 *,.eatsone-login-v4 *::before,.eatsone-login-v4 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}