.website-handoff{margin:0;padding:40px 20px;background:#dce5e7;color:#172e3e;font-family:var(--font-sans),sans-serif;font-size:16px;line-height:1.6;min-height:100vh}
html[lang=ar] .website-handoff{font-family:var(--font-sans-ar),sans-serif}
.website-handoff *{box-sizing:border-box}
.woh-card{max-width:520px;margin:0 auto;background:#fff;border:1px solid #edf0f1;border-radius:26px;box-shadow:0 16px 40px #172e3e12;overflow:hidden}
.woh-header{padding:25px 30px 0;display:flex;align-items:center;justify-content:space-between}
.woh-header img{display:block;max-width:110px;height:38px;object-fit:contain;object-position:left}
html[dir=rtl] .woh-header img{object-position:right}
.woh-main{padding:0 32px 28px}
.woh-art{height:170px;display:flex;justify-content:center;margin:12px 0 10px}
.woh-art img{height:100%;width:255px;object-fit:contain}
.woh-main h1{font-size:32px;line-height:1.25;letter-spacing:-.03em;margin:0 0 18px;font-weight:650;text-align:center}
html[lang=ar] .woh-main h1{letter-spacing:0;line-height:1.45}
.woh-main p{margin:16px 0;font-size:16px;color:#65757d}
.woh-delivery{text-align:center;overflow-wrap:anywhere}
.woh-address{color:#172e3e;font-weight:600;display:inline-block;margin-top:3px}
.woh-link{background:none;border:0;padding:5px 0;font:inherit;color:#375b70;text-underline-offset:4px;cursor:pointer;text-decoration:underline}
.woh-change,.woh-cancel,.woh-other-login{display:block;text-align:center}
.woh-change{margin-top:-10px;margin-bottom:24px}
.woh-other-login{margin-top:8px}
.woh-cancel{margin-top:12px}
.woh-button{display:flex;justify-content:center;align-items:center;gap:18px;min-height:56px;padding:14px 20px;border:1px solid #172e3e;border-radius:12px;color:white;background:#172e3e;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;width:100%;text-align:center}
.woh-button:hover{background:#284c62;border-color:#284c62}
.woh-button span{font-size:23px;line-height:1}
.woh-secondary{background:white;color:#172e3e;border-color:#172e3e28}
.woh-secondary:hover{background:#f6f8f9;color:#172e3e}
.woh-main :is(input:not([type=hidden]):not([type=checkbox]),select,textarea){display:block;width:100%;padding:14px 16px;margin:8px 0 20px;font:inherit;color:inherit;border:1.5px solid #ced9de;border-radius:12px;background:#fcfdfd;min-height:54px}
.woh-main :is(#woh-code,.woh-otp){font-size:30px;text-align:center;letter-spacing:.38em;font-variant-numeric:tabular-nums;padding-inline-start:calc(16px + .38em);height:68px;margin-bottom:14px}
.woh-main .woh-account-note{margin:0 0 22px;font-size:16px;line-height:1.5}
.woh-main label{display:block;font-weight:600}
.woh-main textarea{resize:vertical}
.woh-main .woh-consent{display:flex;align-items:flex-start;gap:12px;margin:24px 0;font-weight:400}
.woh-consent input{flex:none;width:20px;height:20px;margin:4px 0 0;accent-color:#172e3e}
.woh-actions{display:grid;gap:12px}
.woh-resend{text-align:center;margin-top:14px}
.woh-plan{border-top:1px solid #e3e8eb;margin-top:26px;padding-top:18px}
.woh-plan summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;padding:4px 0}
.woh-plan summary::-webkit-details-marker{display:none}
.woh-plan[open] summary span{transform:rotate(45deg)}
.woh-plan summary span{font-size:24px;font-weight:400}
.woh-products{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.woh-products li{padding:7px 12px;background:#f1f5f6;border-radius:8px;font-size:16px}
.website-handoff :focus-visible{outline:3px solid #b79a59;outline-offset:4px}
.woh-main .woh-error{color:#963f32;background:#fff4ef;padding:14px 16px;border-radius:12px;font-size:16px}
@media(max-width:560px){.website-handoff{padding:16px 12px}.woh-header{padding:22px 24px 0}.woh-main{padding:0 24px 24px}.woh-main h1{font-size:28px}.woh-art{height:145px;margin-top:10px}.woh-art img{width:218px}}
@media(max-width:360px){.website-handoff{padding:8px}.woh-main{padding-inline:18px}.woh-main h1{font-size:26px}}

.woh-social { display: grid; gap: 12px; margin: 26px 0 16px; }
.woh-social form { margin: 0; }
.woh-social .woh-social-button { display: flex; justify-content: center; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 12px 20px; border: 1px solid #747775; border-radius: 12px; background: #fff; color: #1f1f1f; font: inherit; font-weight: 500; cursor: pointer; }
.woh-social .woh-social-apple { background: #000; border-color: #000; color: #fff; }
.woh-social-button img { width: 20px; height: 20px; object-fit: contain; flex: 0 0 20px; }
.woh-social-button:hover { box-shadow: 0 0 0 3px #142c4014; }
.woh-social-button:focus-visible { outline: 3px solid #b79a59; outline-offset: 3px; }
.woh-social-divider { display: flex; align-items: center; gap: 16px; margin: 16px 0 24px; color: var(--muted); text-align: center; }
.woh-social-divider::before, .woh-social-divider::after { content: ''; height: 1px; flex: 1; background: #dee4e7; }

.woh-social-apple img { width: 48px; height: 48px; flex-basis: 48px; margin: -14px; }

@font-face { font-family: 'Google Sans Button'; font-style: normal; font-weight: 500; font-display: swap; src: url('/static/social-auth/google-sans-button.ttf') format('truetype'); }
html[lang="en"] .woh-social-google { font-family: 'Google Sans Button', Arial, sans-serif; }