/* QTouch — onboarding « Où voulez-vous vous connecter ? » (JS : lib/site/onb7.js) */
#page-onboard-segment .auth-left{background:#15130F!important;padding:48px!important}
#page-onboard-segment .auth-left::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,19,15,.78) 0%,rgba(21,19,15,.25) 40%,rgba(21,19,15,.15) 60%,rgba(21,19,15,.85) 100%);z-index:1;pointer-events:none}
.ob7-bg{position:absolute;inset:0;z-index:0}
.ob7-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s,transform 1.4s cubic-bezier(.22,1,.36,1)}
.ob7-bg img.on{opacity:1;transform:none}
#page-onboard-segment .auth-left-variant.is-picker .auth-preview{display:none!important}
#page-onboard-segment .auth-left-variant.is-picker{position:relative;z-index:2;justify-content:space-between}
#page-onboard-segment .auth-left-variant.is-picker .auth-left-content{display:none}
.ob7-top{display:flex;align-items:center;justify-content:space-between}
.ob7-top img{height:30px}
.ob7-top span{padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#fff;font:700 12.5px/1 'Figtree',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ob7-txt{max-width:520px}
.ob7-txt small{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:99px;background:#F26B1D;color:#fff;font:800 12px/1 'Figtree',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ob7-txt h1{margin:0;font:700 clamp(34px,3.6vw,54px)/1.02 'Figtree',sans-serif!important;letter-spacing:-.045em!important;color:#fff;text-wrap:balance}
.ob7-txt h1 em{font-style:normal;color:#FFB36B}
.ob7-txt p{margin:16px 0 0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.82);max-width:440px}
.ob7-proof{display:flex;align-items:center;gap:14px;margin-top:26px;padding:14px 18px 14px 14px;width:max-content;max-width:100%;box-sizing:border-box;border-radius:18px;background:rgba(255,255,255,.95);color:#15130F;box-shadow:0 20px 50px rgba(0,0,0,.35);animation:ob7Pop .5s cubic-bezier(.3,1.4,.5,1)}
.ob7-proof i{width:42px;height:42px;border-radius:12px;background:#FFE3CC;color:#C2501A;display:grid;place-items:center;font-style:normal;flex:none}
.ob7-proof i svg{width:22px;height:22px}
.ob7-proof b{display:block;font-size:15px}.ob7-proof span{font-size:13px;color:#6B6358}
.ob7-proof strong{margin-left:10px;font-size:20px;color:#F26B1D;letter-spacing:-.02em;white-space:nowrap}
@keyframes ob7Pop{from{opacity:0;transform:translateY(12px)}}
.ob7-fade{animation:ob7Fade .45s ease}
@keyframes ob7Fade{from{opacity:0;transform:translateY(8px)}}
/* droite */
#page-onboard-segment .obseg-pick-logo img{content:url(../../Logo.png);height:30px}
#page-onboard-segment .obseg-pick-h{font-family:'Figtree',sans-serif;font-weight:700;letter-spacing:-.04em}
.obseg-pick .ob7-sub{margin:-12px 0 22px;font-size:15px;color:#6B7280}
.obseg-list{gap:10px}
.obseg-list-item,.obseg-list-item:first-child{border:0!important;border-radius:18px;padding:16px 18px!important;gap:16px!important;background:#fff!important;box-shadow:inset 0 0 0 1.5px #ECE6DD;transition:box-shadow .2s,transform .2s,background .2s!important}
.obseg-list-item:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px #F7C3A0,0 10px 24px -14px rgba(242,107,29,.5)}
.obseg-list-item.on{background:#FFF6EE!important;box-shadow:inset 0 0 0 2px #F26B1D,0 14px 30px -16px rgba(242,107,29,.6)}
.obseg-list-num{display:none}
.ob7-ic{flex:none;width:52px;height:52px;border-radius:14px;overflow:hidden;background:#F3EEE6}
.ob7-ic img{width:100%;height:100%;object-fit:cover;display:block}
.obseg-list-content h3{font-size:20px!important;letter-spacing:-.03em!important}
.obseg-list-item .obseg-list-content h3,.obseg-list-item .obseg-list-num{color:#15130F!important}
.obseg-list-item .obseg-list-arr{color:#B5AC9F!important}
.obseg-list-item.on .obseg-list-arr,.obseg-list-item:hover .obseg-list-arr{color:#F26B1D!important}
.obseg-list-item .ob7-chk{flex:none;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px #D9D1C5;display:grid;place-items:center;transition:.2s}
.obseg-list-item.on .ob7-chk{background:#F26B1D;box-shadow:none}
.obseg-list-item .ob7-chk::after{content:"";width:9px;height:5px;border:2.4px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.obseg-list-item.on .ob7-chk::after{opacity:1}
.obseg-list-item .obseg-list-arr{display:none}
.obseg-cta-validate{border-radius:99px!important;padding:16px 22px!important;background:#F26B1D!important;font-size:16px!important}
.obseg-cta-validate:disabled{background:#F3EEE6!important;color:#B5AC9F!important;box-shadow:none!important}
/* mobile : bandeau photo en haut */
@media(max-width:900px){
  #page-onboard-segment[data-stage="picker"] .auth-left{display:flex!important;min-height:0!important;height:auto;padding:22px 20px!important}
  #page-onboard-segment[data-stage="picker"] .auth-wrap{display:flex!important;flex-direction:column}
  .ob7-txt h1{font-size:28px}.ob7-txt p{font-size:14.5px;margin-top:10px}.ob7-txt small{margin-bottom:10px}
  .ob7-proof{display:none}
  #page-onboard-segment .auth-left-variant.is-picker{gap:60px}
  .obseg-pick-logo{display:none!important}
  .obseg-list-content h3{font-size:18px!important}.obseg-list-content p{font-size:13px!important}
  .ob7-ic{width:46px;height:46px}
}