/* V363: semantic sign-in colours shared by customer, owner and staff. */
.ct-auth362{--ca-scheme:light;--ca-ink:#173a2c;--ca-muted:#5c6d60;--ca-label:#354a3b;--ca-paper:#fbfaf5;--ca-line:#ced7cd;--ca-input:#fff;--ca-soft:#edf2ea;--ca-placeholder:#737f72;--ca-focus:#668a70;--ca-link:#3d6349;--ca-gold:#786332;--ca-accent:#173e2d;--ca-accent-hover:#23523c;--ca-on-accent:#fff;--ca-outer:#f0f2ec;--ca-outer-text:#405b47;--ca-outer-glow:#cbd9c8;--ca-story:#e4ebdf;--ca-story-glow:#cfdcc6;--ca-story-text:#203f2e;--ca-story-muted:#4f6a55;--ca-story-gold:#6a5b34;--ca-story-line:#536f532e;--ca-alert-bg:#f9e9e4;--ca-alert-line:#e7b9ab;--ca-alert-text:#873d2c;--ca-demo-bg:#f2eddb;--ca-demo-text:#6c6037;--ca-demo-line:#b4aa82;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;color:var(--ca-ink);color-scheme:var(--ca-scheme)}
html[data-auth-mode=dark] .ct-auth362,body.appearance-dark .ct-auth362{--ca-scheme:dark;--ca-ink:#edf4ec;--ca-muted:#b6c7bb;--ca-label:#d2ded3;--ca-paper:#111c19;--ca-line:#35473c;--ca-input:#172721;--ca-soft:#21372b;--ca-placeholder:#a3b6a6;--ca-focus:#93ba98;--ca-link:#c5d6ba;--ca-gold:#d1bb86;--ca-accent:#b9d4bb;--ca-accent-hover:#d0e1c8;--ca-on-accent:#14291c;--ca-outer:#09120f;--ca-outer-text:#adc1b2;--ca-outer-glow:#173427;--ca-story:#112a20;--ca-story-glow:#234432;--ca-story-text:#f2f0e5;--ca-story-muted:#bdcdbd;--ca-story-gold:#d5c397;--ca-story-line:#bda36f2b;--ca-alert-bg:#3a211d;--ca-alert-line:#835a4d;--ca-alert-text:#ffb8a3;--ca-demo-bg:#302b1b;--ca-demo-text:#e6d49d;--ca-demo-line:#7d7152}
.ct-auth362 *,.ct-auth362 *:before,.ct-auth362 *:after{box-sizing:border-box}.ct-auth362 [hidden]{display:none!important}.ct-auth362 svg{width:20px;height:20px;flex-shrink:0}.ct-auth362 button,.ct-auth362 input{font:inherit}.ct-auth362 a{color:inherit;text-decoration:none}.ct-auth362 button{cursor:pointer}.ct-auth362 button:disabled,.ct-auth362 input:disabled{opacity:.55;cursor:not-allowed}.ct-auth362 :focus-visible{outline:2px solid var(--ca-gold);outline-offset:4px}
body.ca362-standalone{margin:0;min-height:100svh;background:var(--ca-outer);color:var(--ca-outer-text);padding:0 clamp(18px,5vw,88px);background-image:radial-gradient(ellipse at 0 75%,var(--ca-outer-glow) 0,transparent 58%)}
.ca362-top,.ca362-bottom{max-width:1350px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.ca362-top{min-height:110px}.ca362-top img{display:block;width:215px;height:auto;max-height:54px;object-fit:contain}.ca362-top-link{font-size:12px;display:flex;gap:12px;align-items:center;color:var(--ca-outer-text)!important}.ca362-top-link span{font-size:21px}
.ca362-shell{width:min(1240px,100%);margin:8px auto 28px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);border:1px solid var(--ca-line);border-radius:28px;overflow:hidden;min-height:670px;box-shadow:0 25px 90px #00000017;animation:ca362-arrive .6s ease both}
.ca362-story{position:relative;display:flex;flex-direction:column;padding:clamp(28px,4vw,60px);background:var(--ca-story);color:var(--ca-story-text);min-width:0;overflow:hidden;background-image:radial-gradient(ellipse at 100% 70%,var(--ca-story-glow) 0,transparent 65%)}
.ca362-story:before{content:"";position:absolute;width:650px;height:650px;right:-400px;top:140px;border:1px solid var(--ca-story-line);border-radius:50%;pointer-events:none}.ca362-story-copy{position:relative;z-index:1}.ca362-eyebrow{font-size:10px;line-height:1.7;letter-spacing:2px;font-weight:600;color:var(--ca-story-gold);display:block}.ca362-story h1,.ca362-story h2{font:400 clamp(36px,4.2vw,62px)/1.06 Georgia,'Times New Roman',serif!important;letter-spacing:-1.6px!important;margin:22px 0 19px!important;color:var(--ca-story-text)!important}.ca362-story p{font:400 14px/1.8 Arial,sans-serif!important;color:var(--ca-story-muted)!important;max-width:390px;margin:0!important}.ca362-art{width:min(470px,110%);margin:20px auto 0;position:relative;z-index:1}.ca362-art>svg{width:100%;height:auto;display:block}.ca362-art-caption{display:block;text-align:center;font:9px/1.4 Arial,sans-serif;letter-spacing:2.4px;color:var(--ca-story-gold);margin:10px 0 20px}.ca362-floating-case{animation:ca362-float 8s ease-in-out infinite}.ca362-story-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ca-story-line);padding-top:19px;font-size:10px;color:var(--ca-story-muted);position:relative;z-index:1}.ca362-story-footer>span:first-child{display:flex;align-items:center;gap:8px}.ca362-story-footer>span:last-child{font-size:8px;letter-spacing:1.5px}.ca362-story-footer svg{width:15px;height:15px}
.ca362-panel{min-width:0;padding:clamp(27px,3.9vw,56px);background:var(--ca-paper);color:var(--ca-ink);display:flex;flex-direction:column;justify-content:center;position:relative}.ca362-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:40px}.ca362-role-badge{display:inline-flex;align-items:center;gap:8px;font:700 9px/1.5 Arial,sans-serif;letter-spacing:1.1px;color:var(--ca-label)}.ca362-role-badge>svg{width:17px;height:17px}.ca362-step{font:10px/1 Arial,sans-serif;color:var(--ca-muted);letter-spacing:1px;white-space:nowrap}.ca362-form-intro h2{font:400 clamp(29px,3vw,40px)/1.13 Georgia,serif!important;letter-spacing:-.8px;margin:0 0 12px!important;color:var(--ca-ink)!important}.ca362-form-intro p{font:14px/1.8 Arial,sans-serif!important;color:var(--ca-muted)!important;margin:0 0 28px!important}
.ca362-form{display:grid;gap:10px}.ca362-form>label{font:600 12px/1.5 Arial,sans-serif;color:var(--ca-label);margin-top:5px}.ca362-form input:not([type=hidden]){display:block;width:100%;height:53px;min-width:0;padding:0 16px;border:1px solid var(--ca-line);border-radius:11px;background:var(--ca-input);color:var(--ca-ink);box-shadow:0 2px 3px #20372503;transition:border-color .18s,box-shadow .18s;font-size:15px}.ca362-form input::placeholder{color:var(--ca-placeholder)}.ca362-form input:focus{outline:none;border-color:var(--ca-focus);box-shadow:0 0 0 3px #49765612}.ca362-password{position:relative}.ca362-password input{padding-right:53px!important}.ca362-password button{position:absolute;right:6px;top:6px;width:41px;height:41px;border:0;border-radius:7px;background:transparent;color:var(--ca-muted);display:grid;place-items:center}.ca362-password button:hover{background:var(--ca-soft)}
.ct-auth362 .ca362-primary,.ct-auth362 .ca362-secondary{display:flex!important;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:14px 20px;border-radius:11px;font:600 13px/1.5 Arial,sans-serif!important;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;width:100%;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}.ct-auth362 .ca362-primary{background:var(--ca-accent)!important;color:var(--ca-on-accent)!important;border:1px solid var(--ca-accent)!important;margin-top:15px}.ct-auth362 .ca362-primary:hover{background:var(--ca-accent-hover)!important;transform:translateY(-1px);box-shadow:0 6px 16px #173e2d20!important}.ct-auth362 .ca362-primary svg{width:17px;height:17px}.ct-auth362 .ca362-secondary{background:transparent!important;color:var(--ca-label)!important;border:1px solid var(--ca-line)!important}.ct-auth362 .ca362-secondary:hover{background:var(--ca-soft)!important;border-color:var(--ca-focus)!important}.ca362-divider{display:flex;align-items:center;gap:15px;margin:25px 0 18px;color:var(--ca-muted);font:10px/1.4 Arial,sans-serif}.ca362-divider:before,.ca362-divider:after{content:"";height:1px;background:var(--ca-line);flex:1}.ca362-passkeys p{font:12px/1.6 Arial,sans-serif;color:var(--ca-muted);margin:9px 0 0}.ca362-passkeys p:empty{display:none}
.ca362-form-footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:32px;border-top:1px solid var(--ca-line);padding-top:20px;color:var(--ca-muted);font:10px/1.6 Arial,sans-serif}.ca362-form-footer svg{width:15px;height:15px}.ca362-bottom{padding:4px 0 30px;font:10px/1.6 Arial,sans-serif;color:var(--ca-outer-text)}.ca362-bottom>div{display:flex;align-items:center;gap:24px}.ca362-bottom a:hover{color:var(--ca-story-text)}.ca362-text-link{font:12px/1.6 Arial,sans-serif;color:var(--ca-link)!important;margin-top:22px;display:inline-block}.ca362-alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;background:var(--ca-alert-bg);border:1px solid var(--ca-alert-line);color:var(--ca-alert-text);font:12px/1.6 Arial,sans-serif;border-radius:10px;margin-bottom:18px}.ca362-alert svg{width:16px;height:16px;margin-top:2px}.ca362-demo{display:grid;gap:8px;border:1px dashed var(--ca-demo-line);border-radius:10px;background:var(--ca-demo-bg);padding:15px;font:12px/1.7 Arial,sans-serif;color:var(--ca-demo-text);margin-bottom:18px}.ca362-otp-input{letter-spacing:.4em!important;font-size:24px!important;text-align:center;font-variant-numeric:tabular-nums}
@keyframes ca362-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ca362-float{50%{transform:translateY(-6px)}}
@media(min-width:1500px){.ca362-standalone .ca362-shell{margin-top:35px}}
@media(max-width:900px){.ca362-shell{grid-template-columns:1fr 1fr;min-height:620px}.ca362-story{padding:32px 25px}.ca362-panel{padding:32px 28px}.ca362-story h1,.ca362-story h2{font-size:40px!important}.ca362-step{display:none}.ca362-story-footer>span:last-child{display:none}.ca362-art{width:115%;margin-left:-8%}}
@media(max-width:700px){body.ca362-standalone{padding:0 17px}.ca362-top{min-height:85px}.ca362-top img{width:175px}.ca362-top-link{font-size:10px}.ca362-shell{display:flex;flex-direction:column;min-height:0;border-radius:21px;margin:0 auto 22px}.ca362-story{padding:27px 26px 22px;display:block}.ca362-story .ca362-eyebrow{font-size:8px;letter-spacing:1.5px}.ca362-story h1,.ca362-story h2{font-size:33px!important;line-height:1.05!important;letter-spacing:-.7px!important;margin:15px 0 11px!important}.ca362-story p{font-size:12px!important;max-width:290px}.ca362-story .ca362-art{display:none}.ca362-story-footer{display:none}.ca362-panel{padding:28px 25px 32px}.ca362-card-head{margin-bottom:26px}.ca362-step{display:block;font-size:8px}.ca362-form-intro h2{font-size:30px!important}.ca362-form-intro p{font-size:13px!important;margin-bottom:20px!important}.ca362-form-footer{font-size:9px;margin-top:25px}.ca362-bottom{align-items:flex-start;gap:12px;flex-direction:column;padding-bottom:25px}.ca362-bottom>div{gap:20px}}
@media(max-width:360px){.ca362-panel{padding:25px 20px}.ca362-top img{width:157px}.ca362-top-link{font-size:9px}.ca362-story h1,.ca362-story h2{font-size:29px!important}.ca362-role-badge{font-size:8px}.ca362-step{font-size:7px}}
@media(prefers-reduced-motion:reduce){.ct-auth362 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Customer and checkout sign-in keep the storefront header, footer and existing OTP API. */
body#comfortrek-storefront .ca362-customer{padding:50px max(18px,4vw) 65px;background:transparent;min-height:650px;display:block!important}.ca362-customer .ca362-shell{margin:0 auto;min-height:690px;border:1px solid var(--ca-line);background:var(--ca-paper);box-shadow:0 18px 55px #19332413}.ca362-customer .ca362-story{padding-top:38px}.ca362-customer-brand{display:block;margin-bottom:48px}.ca362-customer-brand img{display:block;width:218px;max-width:100%;height:auto;max-height:50px;object-fit:contain}.ca362-customer .ca362-story h2{font-size:47px!important;line-height:1.08!important}.ca362-customer .ca362-art{margin-top:0}.ca362-customer .ca362-panel{background:var(--ca-paper)!important;color:var(--ca-ink)!important}.ca362-auth-tabs{display:flex;gap:24px;border-bottom:1px solid var(--ca-line);margin-bottom:35px}.ca362-auth-tabs a{font:600 12px/1.5 Arial,sans-serif!important;padding:0 0 13px;color:var(--ca-muted)!important;border-bottom:2px solid transparent;margin-bottom:-1px}.ca362-auth-tabs a[aria-current]{color:var(--ca-accent)!important;border-bottom-color:var(--ca-accent)}.ca362-form-kicker{display:block;font:600 9px/1.5 Arial,sans-serif;letter-spacing:1.4px;color:var(--ca-gold);margin-bottom:12px}.ca362-customer .ca362-form-intro h1{font:400 38px/1.1 Georgia,serif!important;letter-spacing:-.8px!important;color:var(--ca-ink)!important;margin:0 0 13px!important}.ca362-customer .ca362-form-intro p{color:var(--ca-muted)!important;font-size:13px!important}.ca362-phone{display:grid;grid-template-columns:108px minmax(0,1fr);gap:9px;min-width:0}.ct-auth362 .ct-country-picker{position:relative;min-width:0}.ct-auth362 .ct-country-trigger{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;height:53px;border:1px solid var(--ca-line)!important;border-radius:11px!important;background:var(--ca-input)!important;color:var(--ca-ink)!important;padding:0 12px;font:14px Arial,sans-serif;white-space:nowrap}.ct-auth362 .ct-country-menu{position:absolute;left:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 74px));background:var(--ca-input)!important;color:var(--ca-ink)!important;border:1px solid var(--ca-line);border-radius:14px;box-shadow:0 15px 35px #132d2629;z-index:900;overflow:hidden}.ct-auth362 .ct-country-search-wrap{padding:9px;border-bottom:1px solid var(--ca-line)}.ct-auth362 .ct-country-search-wrap input{height:43px;padding:10px;border-radius:8px;border:1px solid var(--ca-line);background:var(--ca-soft);color:var(--ca-ink);max-width:100%}.ct-auth362 .ct-country-list{max-height:255px;overflow:auto;padding:5px}.ct-auth362 .ct-country-option{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;width:100%;padding:10px 9px;background:var(--ca-input)!important;border:0!important;border-radius:7px;color:var(--ca-ink)!important;font:12px/1.5 Arial,sans-serif!important;text-align:left;min-height:40px}.ct-auth362 .ct-country-option:hover,.ct-auth362 .ct-country-option[aria-selected=true]{background:var(--ca-soft)!important}.ct-auth362 .ct-country-code{font-size:11px;color:var(--ca-muted)}.ct-auth362 .ct-country-empty{padding:16px;font-size:12px}.ct-auth362 .ct-country-flag{font-size:17px}.ct-auth362 .ct-country-chevron{color:var(--ca-muted)}.ca362-field-note{font:11px/1.65 Arial,sans-serif!important;margin:0!important;color:var(--ca-muted)!important}.ca362-verify-label{display:flex;align-items:center;gap:8px;color:var(--ca-muted);font:600 10px Arial,sans-serif;letter-spacing:.6px;margin-bottom:10px}.ca362-text-button{font:12px/1.5 Arial,sans-serif;border:0!important;background:transparent!important;color:var(--ca-link)!important;text-align:left;padding:12px 0}.ca362-auth-error{color:var(--ca-alert-text)!important;background:transparent!important;font:12px/1.7 Arial,sans-serif!important;min-height:0;margin:14px 0 0!important;overflow-wrap:anywhere}.ca362-auth-error:empty{display:none}.ca362-terms{font:10px/1.8 Arial,sans-serif!important;color:var(--ca-muted)!important;margin:23px 0 0!important}.ca362-terms a{color:var(--ca-link)!important;text-decoration:underline;text-underline-offset:3px}.ca362-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ca362-checkout-steps{display:flex;align-items:center;justify-content:center;gap:20px;max-width:650px;margin:0 auto 30px;font:12px Arial,sans-serif;color:var(--text,#647568)}.ca362-checkout-steps span{display:flex;align-items:center;gap:9px;white-space:nowrap;opacity:.65}.ca362-checkout-steps span[aria-current]{opacity:1}.ca362-checkout-steps b{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-size:9px}.ca362-checkout-steps i{height:1px;width:70px;background:currentColor;opacity:.2}
@media(max-width:1050px){.ca362-customer .ca362-story h2{font-size:40px!important}.ca362-customer .ca362-panel{padding:35px 27px}.ca362-customer-brand{margin-bottom:35px}}
@media(max-width:700px){body#comfortrek-storefront .ca362-customer{padding:24px 16px 35px;min-height:0}.ca362-customer .ca362-shell{min-height:0;box-shadow:none}.ca362-customer .ca362-story{padding:24px}.ca362-customer-brand{margin-bottom:23px}.ca362-customer-brand img{width:175px;max-height:40px}.ca362-customer .ca362-story h2{font-size:31px!important}.ca362-customer .ca362-story p{display:none}.ca362-customer .ca362-panel{padding:28px 24px 31px}.ca362-customer .ca362-form-intro h1{font-size:30px!important}.ca362-auth-tabs{margin-bottom:24px}.ca362-phone{grid-template-columns:98px minmax(0,1fr)}.ca362-checkout-steps{gap:9px;font-size:10px;margin-bottom:24px}.ca362-checkout-steps i{width:25px}.ca362-checkout-steps b{width:23px;height:23px;font-size:8px}.ca362-checkout-steps span{gap:6px}}
/* Isolate form colours from campaign and dark storefront input rules. */
html body#comfortrek-storefront.ct-auth-page362 .ca362-customer .ca362-form input,html body#comfortrek-storefront.ct-auth-page362 .ca362-customer .ct-country-search-wrap input{background:var(--ca-input)!important;color:var(--ca-ink)!important;border:1px solid var(--ca-line)!important;border-radius:10px!important;height:53px!important;min-height:53px!important;box-shadow:none!important;padding:0 14px!important;font:400 15px Arial,sans-serif!important;min-width:0!important;width:100%!important;margin:0!important;opacity:1!important;color-scheme:var(--ca-scheme)}
html body#comfortrek-storefront.ct-auth-page362 .ca362-customer .ca362-form input:focus{border-color:var(--ca-focus)!important;outline:2px solid #b2c0a933!important;outline-offset:2px!important}html body#comfortrek-storefront.ct-auth-page362 .ca362-customer .ca362-form input::placeholder{color:var(--ca-placeholder)!important;opacity:1}html body#comfortrek-storefront.ct-auth-page362 .ca362-customer input.ca362-otp-input{font-size:24px!important;letter-spacing:.4em!important}html body#comfortrek-storefront.ct-auth-page362 .ca362-customer .ca362-terms,html body#comfortrek-storefront.ct-auth-page362 .ca362-customer .ca362-field-note{color:var(--ca-muted)!important}.ct-auth362 .ca362-form-footer{color:var(--ca-muted)}.ct-auth362 .ca362-divider{color:var(--ca-muted)}.ct-auth362 .ca362-step{color:var(--ca-muted)}
html body#comfortrek-storefront.ct-auth-page362.appearance-dark .ca362-checkout-steps{color:var(--ca-muted)!important}html body#comfortrek-storefront.ct-auth-page362.appearance-light .ca362-checkout-steps{color:var(--ca-muted)!important}
@media(max-width:700px){html body#comfortrek-storefront.ct-auth-page362{padding-bottom:0!important}}
/* Keep the primary action visible on common laptop screens. */
@media(min-width:701px) and (max-height:850px){.ca362-standalone .ca362-top{min-height:80px}.ca362-standalone .ca362-shell{min-height:570px;margin-top:0;margin-bottom:20px}.ca362-standalone .ca362-story{padding:32px 36px}.ca362-standalone .ca362-story h1{font-size:46px!important;margin:17px 0 14px!important}.ca362-standalone .ca362-story p{font-size:12px!important}.ca362-standalone .ca362-art{width:320px;max-width:100%;margin-top:12px}.ca362-standalone .ca362-art-caption{margin-bottom:14px}.ca362-standalone .ca362-story-footer{padding-top:14px}.ca362-standalone .ca362-panel{padding:30px 36px}.ca362-standalone .ca362-card-head{margin-bottom:23px}.ca362-standalone .ca362-form-intro h2{font-size:34px!important}.ca362-standalone .ca362-form-intro p{font-size:13px!important;margin-bottom:21px!important}.ca362-standalone .ca362-form input{height:48px}.ca362-standalone :is(.ca362-primary,.ca362-secondary){height:48px;min-height:48px}.ca362-standalone .ca362-divider{margin:19px 0 15px}.ca362-standalone .ca362-form-footer{margin-top:23px;padding-top:16px}.ca362-standalone .ca362-bottom{padding-bottom:20px}}
.ct-auth362 input:-webkit-autofill,html body#comfortrek-storefront.ct-auth-page362 .ca362-customer .ca362-form input:-webkit-autofill{-webkit-text-fill-color:var(--ca-ink)!important;-webkit-box-shadow:0 0 0 1000px var(--ca-input) inset!important;caret-color:var(--ca-ink)}
html body#comfortrek-storefront.ct-auth-page362 .ca362-customer .ct-country-menu{background:var(--ca-input)!important;color:var(--ca-ink)!important;border-color:var(--ca-line)!important}
