/* RELOOP Product Picker — one branded auth shell, zero navigation to CRM form.
   Booking remains a separate origin, so its card links to Booking directly. */
#productChoiceState.reloop-product-picker{display:flex;flex-direction:column;justify-content:center;gap:0;overflow-y:auto;padding:8px 4px 10px;min-width:0}
#productChoiceState .picker-heading{margin:0 0 24px}
#productChoiceState .auth-overline{color:#167dd1;letter-spacing:.14em;font-size:9px;font-weight:750}
#productChoiceState .picker-heading h1{font-size:clamp(24px,2.35vw,30px);color:#102c4b;line-height:1.4;letter-spacing:-.04em;margin:0 0 8px;font-weight:750}
#productChoiceState .picker-heading p{font-size:12.5px;color:#748aa0;line-height:1.85}
.picker-options{display:grid;gap:13px;min-width:0}
.picker-product{position:relative;display:flex;align-items:center;gap:15px;text-align:left;min-height:140px;box-sizing:border-box;width:100%;padding:21px 18px;
 border:1px solid #d9e8f6;border-radius:18px;background:linear-gradient(112deg,#fafdff,#f5faff);color:#122e4f;
 box-shadow:0 6px 21px rgba(29,101,172,.045);cursor:pointer;font-family:inherit;text-decoration:none;
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.picker-product.picker-booking{background:linear-gradient(110deg,#fcfdff,#f6f8ff);border-color:#e0e7f5}
.picker-product:hover{transform:translateY(-2px);border-color:#8bc4f5;box-shadow:0 13px 30px rgba(22,139,255,.105)}
.picker-product.picker-booking:hover{border-color:#aabaf0;box-shadow:0 13px 30px rgba(83,110,180,.095)}
.picker-product:focus-visible{outline:3px solid #80c5ff;outline-offset:3px}
.picker-product-icon{flex:0 0 52px;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(140deg,#dcefff,#cbe7ff);color:#157cd3}
.picker-booking .picker-product-icon{background:linear-gradient(145deg,#ebeaff,#dce8ff);color:#5a7acc}
.picker-product-icon svg{display:block;width:27px;height:27px}
.picker-product-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.picker-product-copy strong{display:block;font-size:17px;line-height:1.45;font-weight:750;letter-spacing:-.025em;color:#183957}
.picker-product-sub{color:#1479c9;font-size:10px;font-weight:650;letter-spacing:.02em;margin-bottom:5px}
.picker-booking .picker-product-sub{color:#607dc0}
.picker-product-copy small{color:#7c90a5;font-size:11px;font-weight:450;line-height:1.7;overflow-wrap:anywhere}
.picker-product-arrow{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:10px;background:#e8f4ff;color:#168bff;font-size:18px;line-height:1}
.picker-booking .picker-product-arrow{background:#eef0ff;color:#7388cc}
.picker-footnote{margin:24px 0 0!important;font-size:10.5px!important;line-height:1.95!important;color:#8a9bae!important;text-align:center}
.picker-footnote span{color:#168bff;margin-right:4px}
.picker-back{display:inline-flex;align-items:center;gap:7px;margin:-5px 0 17px;padding:7px 0;border:0;background:transparent;
 color:#167bd1;font-size:11px;font-weight:650;cursor:pointer}
.picker-back:hover{color:#075ca9}
.picker-back span{font-size:17px;line-height:1}
@media(min-width:901px) and (max-height:790px){#productChoiceState.reloop-product-picker{justify-content:flex-start}.picker-product{min-height:116px;padding:14px 15px}#productChoiceState .picker-heading{margin-bottom:17px}.picker-footnote{margin-top:13px!important}}
@media(max-width:900px){#productChoiceState.reloop-product-picker{padding:6px 0 8px}.picker-product{min-height:124px;padding:17px;border-radius:17px}.picker-options{gap:11px}.picker-footnote{margin:19px 0 0!important}}
@media(max-width:480px){#productChoiceState .picker-heading h1{font-size:24px}.picker-product{gap:11px;padding:15px 12px;min-height:112px}.picker-product-icon{flex-basis:44px;width:44px;height:44px;border-radius:14px}.picker-product-icon svg{width:24px;height:24px}.picker-product-copy strong{font-size:15px}.picker-product-sub{font-size:9px}.picker-product-copy small{font-size:10px}.picker-product-arrow{flex-basis:23px;width:23px;height:23px}.picker-footnote{font-size:10px!important}}
@media(prefers-reduced-motion:no-preference){
 body[data-account-view="productChoiceState"] #productChoiceState,
 body[data-account-view="signedOutState"] #signedOutState{animation:reloop-product-view-in .26s ease both}
 @keyframes reloop-product-view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.picker-product{transition:none}}


/* Premium V2 — saturated product identities with accessible contrast.
   Keep both cards completely clickable and retain the in-frame transition. */
#productChoiceState .picker-heading{margin-bottom:21px}
#productChoiceState .picker-heading h1{font-size:clamp(25px,2.4vw,31px);font-weight:800}
.picker-options{gap:16px}
.picker-product{isolation:isolate;overflow:hidden;min-height:160px;padding:23px 20px;gap:17px;
 border-radius:22px;border:1px solid #ffffff52!important;
 box-shadow:0 15px 29px rgba(21,76,148,.17),inset 0 1px rgba(255,255,255,.32);
 transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,filter .25s ease}
.picker-product:before{content:"";position:absolute;z-index:-1;width:205px;height:205px;right:-53px;top:-97px;border-radius:50%;background:radial-gradient(circle at 35% 40%,#ffffff48,#ffffff06 70%,transparent);pointer-events:none}
.picker-product:after{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-154px;bottom:-172px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 31px #ffffff0a,0 0 0 66px #ffffff09;pointer-events:none}
.picker-product.picker-crm{background:linear-gradient(112deg,#075ebc 0%,#158bfb 55%,#3eb5ff 110%)!important;color:#fff}
.picker-product.picker-booking{background:linear-gradient(112deg,#153c88 0%,#3469d7 53%,#5289f4 105%)!important;color:#fff}
.picker-product:hover{transform:translateY(-3px);filter:saturate(1.11) brightness(1.02);box-shadow:0 21px 39px rgba(20,91,172,.25),inset 0 1px #ffffff77}
.picker-product.picker-booking:hover{box-shadow:0 21px 39px rgba(35,68,160,.28),inset 0 1px #ffffff77}
.picker-product:active{transform:translateY(-1px) scale(.997)}
.picker-product:focus-visible{outline:3px solid #83d8ff;outline-offset:3px}
.picker-product-icon,.picker-booking .picker-product-icon{flex:0 0 60px;width:60px;height:60px;border-radius:19px;
 background:linear-gradient(145deg,#ffffff51,#ffffff1b)!important;border:1px solid #ffffff69;color:#fff!important;
 box-shadow:inset 0 1px #ffffff55,0 9px 18px #032b692e;backdrop-filter:blur(8px)}
.picker-product-icon svg{width:30px;height:30px;stroke-width:1.8}
.picker-product-copy{gap:4px}
.picker-product-copy strong{color:#fff!important;font-size:19px;font-weight:800;letter-spacing:-.035em}
.picker-product .picker-product-sub{display:table;align-self:flex-start;width:auto;padding:4px 10px;
 color:#fff!important;background:#ffffff27;border:1px solid #ffffff46;border-radius:99px;
 font-size:10px;font-weight:700;letter-spacing:.045em;margin-bottom:3px}
.picker-product-copy small{color:#f4faff!important;font-size:11.5px;font-weight:500;line-height:1.75;max-width:270px}
.picker-product-arrow,.picker-booking .picker-product-arrow{flex:0 0 37px;width:37px;height:37px;border-radius:13px;
 background:#fff!important;color:#087cd8!important;box-shadow:0 7px 15px #092c6636;font-size:22px;
 transition:transform .22s ease}
.picker-booking .picker-product-arrow{color:#375ec7!important}
.picker-product:hover .picker-product-arrow{transform:translateX(4px)}
.picker-footnote{font-size:11px!important;color:#738ba3!important;margin-top:24px!important;line-height:1.9!important}
@media(max-width:900px){.picker-product{min-height:151px;padding:20px}.picker-options{gap:13px}}
@media(max-width:480px){.picker-product{min-height:131px;padding:16px 13px;gap:12px;border-radius:18px}
 .picker-product-icon,.picker-booking .picker-product-icon{flex-basis:49px;width:49px;height:49px;border-radius:15px}
 .picker-product-icon svg{width:26px;height:26px}.picker-product-copy strong{font-size:16px}
 .picker-product-copy small{font-size:10px}.picker-product .picker-product-sub{font-size:9px;padding:3px 7px}
 .picker-product-arrow,.picker-booking .picker-product-arrow{flex-basis:28px;width:28px;height:28px;border-radius:10px;font-size:18px}
 .picker-footnote{margin-top:19px!important}}
@media(prefers-reduced-motion:reduce){.picker-product,.picker-product-arrow{transition:none!important}.picker-product:hover{transform:none!important}.picker-product:hover .picker-product-arrow{transform:none!important}}


/* Shared RELOOP back-navigation language: deliberate, tactile, compact. */
.account-panel .reloop-site-back{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;
 padding:5px 7px 5px 14px;border:1px solid #d7e9fa;border-radius:999px;
 background:linear-gradient(125deg,#f5faff,#ebf5ff);color:#266293;font-size:11px;font-weight:700;
 white-space:nowrap;box-shadow:0 4px 12px #166bba0b;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.account-panel .reloop-site-back:hover{background:#e4f3ff;border-color:#a9d7ff;transform:translateY(-1px);box-shadow:0 6px 17px #1478cd22;color:#0b67b9}
.account-panel .reloop-site-back-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#d8eeff;color:#1183df}
.account-panel .reloop-site-back-icon svg{width:14px;height:14px}
.account-panel .reloop-product-back{
 display:inline-flex;align-items:center;gap:10px;min-height:41px;margin:0 0 16px;padding:6px 16px 6px 7px;
 border-radius:999px;border:1px solid #c6e3fc;background:linear-gradient(110deg,#edf8ff,#e6f2ff);color:#0968b7;
 box-shadow:0 5px 14px #168bff14;font-size:11.5px;font-weight:750;letter-spacing:0;
 transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.account-panel .reloop-product-back:hover{background:#dff1ff;border-color:#8bc7f7;color:#095ba7;transform:translateY(-1px);box-shadow:0 7px 18px #0d80dc24}
.account-panel .reloop-back-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:linear-gradient(140deg,#2598ff,#0e73ce);color:#fff;box-shadow:0 3px 8px #117bd033}
.account-panel .reloop-back-icon svg{display:block;width:16px;height:16px}
.account-panel .reloop-login-heading{margin-bottom:20px}
.account-panel .reloop-product-identity{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;
 min-height:31px;margin:0 0 12px;padding:5px 12px 5px 6px;border:1px solid #cbe5fa;border-radius:100px;
 background:linear-gradient(110deg,#e8f6ff,#f3f8ff);color:#0e72c4;
 font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.account-panel .reloop-identity-symbol{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;
 border-radius:50%;background:#168bff;color:#fff}
.account-panel .reloop-identity-symbol svg{display:block;width:14px;height:14px}
.account-panel .reloop-identity-divider{width:1px;height:12px;background:#b1d4ef}
.account-panel .reloop-identity-sub{color:#4c83ac;font-size:9px;font-weight:650}
#signedOutState .reloop-login-heading h1{font-size:clamp(25px,2.4vw,30px);line-height:1.42;font-weight:800}
.account-panel .reloop-site-back:focus-visible,.account-panel .reloop-product-back:focus-visible{outline:3px solid #6dbdff;outline-offset:3px}
@media(max-width:900px){
 .account-panel .reloop-site-back{font-size:10px;min-height:37px;padding-left:11px}
 .account-panel .reloop-product-back{margin-bottom:15px}
}
@media(max-width:480px){
 .account-panel .reloop-site-back{font-size:9px;gap:5px;min-height:35px;padding:5px 6px 5px 10px}
 .account-panel .reloop-site-back-icon{flex-basis:22px;width:22px;height:22px}
 .account-panel .reloop-product-back{font-size:11px;min-height:39px}
 #signedOutState .reloop-login-heading h1{font-size:24px}
 .account-panel .reloop-product-identity{font-size:9px}
}
@media(min-width:901px) and (max-height:800px){
 .account-panel .reloop-product-back{margin-bottom:10px;min-height:37px}
 .account-panel .reloop-login-heading{margin-bottom:13px}
 .account-panel .reloop-product-identity{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){
 .account-panel .reloop-site-back,.account-panel .reloop-product-back{transition:none!important;transform:none!important}
}

/* V2 compact navigation — exact dimensions shared with Booking (no oversized full-width pill). */
.account-panel .reloop-product-back{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;
 width:max-content!important;max-width:100%;height:auto;min-height:35px;padding:5px 14px 5px 5px;
 gap:8px;margin:0 0 17px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.35;
 white-space:nowrap;box-shadow:0 2px 8px #168bff12;
}
/* Override .picker-back span's generic 17px typography for the actual Thai label. */
.account-panel .reloop-product-back > span:last-child{
 flex:0 1 auto;min-width:0;font-size:11px;line-height:1.35;white-space:nowrap;
}
.account-panel .reloop-back-icon{flex:0 0 23px;width:23px;height:23px;box-shadow:0 2px 5px #117bd022}
.account-panel .reloop-back-icon svg{width:13px;height:13px}
.account-panel .reloop-product-back:hover{box-shadow:0 4px 12px #0d80dc19}
@media(max-width:480px){.account-panel .reloop-product-back{width:max-content!important;max-width:100%;height:auto;min-height:35px;margin-bottom:14px}}
@media(min-width:901px) and (max-height:800px){.account-panel .reloop-product-back{height:35px;min-height:35px;margin-bottom:11px}}