/* Granum 2.3.0 - authentication publique */
.granum-auth-page{margin:0;background:#f7f8fa;color:#1d222a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.granum-auth-page *{box-sizing:border-box;box-shadow:none!important;text-shadow:none!important}.granum-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(330px,38%) minmax(0,1fr);background:#fff}.auth-brand-panel{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:42px clamp(32px,4vw,68px);background:linear-gradient(155deg,#fff8f3 0%,#fffdfb 62%,#f7f4f1 100%);border-right:1px solid #efe9e4;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-145px;top:18%;background:#ffe4d6;opacity:.7}.auth-brand-panel:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-100px;bottom:12%;background:#f0e8e2;opacity:.65}.auth-brand-link,.auth-mobile-brand a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;position:relative;z-index:2}.auth-brand-link .brand-logo,.auth-mobile-brand .brand-logo{display:block;max-width:180px;max-height:54px;width:auto;height:auto}.auth-brand-link .brand-mark,.auth-mobile-brand .brand-mark,.auth-brand-fallback{width:38px;height:38px;border-radius:11px;background:#ff5a1f;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}.auth-brand-link .brand-name,.auth-mobile-brand .brand-name,.auth-brand-name{font-size:24px;font-weight:800;color:#ff5a1f}.auth-brand-copy{position:relative;z-index:2;margin:auto 0;max-width:520px;padding:60px 0}.auth-eyebrow{display:inline-block;color:#ff5a1f;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;margin-bottom:10px}.auth-brand-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.035em;margin:0 0 18px;color:#191c21}.auth-brand-copy p{margin:0;color:#626975;font-size:14px;line-height:1.75;max-width:470px}.auth-trust-list{position:relative;z-index:2;display:grid;gap:12px;margin-bottom:34px}.auth-trust-list>div{display:flex;align-items:center;gap:11px}.auth-trust-list>div>span:last-child{display:flex;flex-direction:column;gap:2px}.auth-trust-list strong{font-size:11px;color:#383e47}.auth-trust-list small{font-size:9px;color:#818792}.auth-mini-icon{width:34px;height:34px;border-radius:10px;border:1px solid #f1dace;background:#fff;display:grid;place-items:center;color:#ff5a1f}.auth-mini-icon svg,.account-type-icon svg,.auth-verify-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.auth-brand-footer{position:relative;z-index:2;margin:0;color:#979ca4;font-size:9px}.auth-form-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:38px clamp(24px,5vw,78px);background:#fff}.auth-mobile-brand{display:none}.auth-card{width:min(100%,520px);margin:auto}.auth-register-card{width:min(100%,660px)}.auth-card-head{margin-bottom:24px}.auth-card-head.centered{text-align:center}.auth-card-head h2{font-size:30px;line-height:1.15;letter-spacing:-.025em;margin:0 0 8px;color:#1b1f25}.auth-card-head p{margin:0;color:#7a808a;font-size:12px;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auth-span-2{grid-column:span 2}.auth-field{display:flex;flex-direction:column;gap:6px;min-width:0}.auth-field>span:first-child,.auth-field>span:not(.auth-password-wrap){font-size:10px;font-weight:750;color:#505762}.auth-field em{font-style:normal;font-weight:500;color:#9aa0a9}.auth-field input{width:100%;height:46px;border:1px solid #dde1e6;border-radius:11px;background:#fff;padding:0 13px;outline:0;color:#20252c;font-size:12px;transition:border-color .16s,background-color .16s}.auth-field input::placeholder{color:#a2a7af}.auth-field input:focus{border-color:#ff9e76;background:#fffdfc}.auth-field small{font-size:8.5px;line-height:1.45;color:#969ca5}.auth-password-wrap{display:flex;position:relative}.auth-password-wrap input{padding-right:74px}.auth-password-toggle{position:absolute;right:5px;top:5px;height:36px;border:0;background:transparent;padding:0 9px;color:#6e7580;font-size:9px;font-weight:700;cursor:pointer}.auth-password-toggle:hover{color:#ff5a1f}.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.auth-form-row>a,.auth-switch a,.auth-resend button,.auth-check a{color:#ff5a1f;text-decoration:none;font-weight:700}.auth-check{display:flex;align-items:flex-start;gap:8px;color:#626975;font-size:9.5px;line-height:1.5;cursor:pointer}.auth-check input{width:15px;height:15px;margin:1px 0 0;accent-color:#ff5a1f;flex:0 0 auto}.auth-terms{padding:1px 0 2px}.auth-primary-button{height:48px;border:1px solid #ff5a1f;border-radius:11px;background:#ff5a1f;color:#fff;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .16s,border-color .16s}.auth-primary-button:hover{background:#ed4e13;border-color:#ed4e13}.auth-primary-button[disabled]{opacity:.7;cursor:wait}.auth-button-spinner{display:none;width:16px;height:16px;border:1.5px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:granumAuthSpin .7s linear infinite}.auth-primary-button.is-busy .auth-button-spinner{display:block}@keyframes granumAuthSpin{to{transform:rotate(360deg)}}.auth-switch{margin-top:20px;padding-top:18px;border-top:1px solid #eceef1;text-align:center;font-size:10px;color:#777e88}.auth-alert{border:1px solid #ffd1be;border-radius:10px;background:#fff6f1;padding:10px 12px;font-size:10px;line-height:1.5;color:#9b3c19}.auth-alert.success{border-color:#ccebd7;background:#f4fbf6;color:#27663d}.account-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-type-switch>button{min-height:72px;border:1px solid #e0e3e8;border-radius:12px;background:#fff;padding:11px;text-align:left;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;color:#404750;cursor:pointer}.account-type-switch>button.active{border-color:#ff996e;background:#fff8f4}.account-type-switch>button>span:last-child{display:flex;flex-direction:column;gap:2px}.account-type-switch strong{font-size:10.5px}.account-type-switch small{font-size:8px;line-height:1.35;color:#8b919a}.account-type-icon{width:34px;height:34px;border-radius:10px;background:#f6f7f9;display:grid;place-items:center;color:#626a75}.account-type-switch>button.active .account-type-icon{background:#fff0e8;color:#ff5a1f}.auth-verify-card{max-width:470px;text-align:center}.auth-verify-symbol{width:56px;height:56px;border-radius:16px;background:#fff2ec;color:#ff5a1f;display:grid;place-items:center;margin:0 auto 17px}.auth-verify-symbol svg{width:26px;height:26px}.auth-verify-form{text-align:left}.auth-code-field input{text-align:center;font-size:25px;font-weight:800;letter-spacing:9px;padding-left:21px;height:58px}.auth-resend{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:9.5px;color:#848a94}.auth-resend button{border:0;background:transparent;padding:0;cursor:pointer;font-size:9.5px}.auth-resend button[disabled]{color:#a8adb5;cursor:wait}.auth-success-panel{border:1px solid #ccebd7;border-radius:13px;background:#f5fbf7;padding:18px;text-align:center;color:#27663d}.auth-success-panel strong{display:block;font-size:14px;margin-bottom:4px}.auth-success-panel span{font-size:10px}.granum-auth-page .site-header,.granum-auth-page .site-footer,.granum-auth-page .mobile-bottom-nav{display:none!important}
@media(max-width:900px){.granum-auth-shell{display:block;min-height:100vh}.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh;padding:24px 18px calc(32px + env(safe-area-inset-bottom));display:block}.auth-mobile-brand{display:block;margin:3px 0 34px}.auth-mobile-brand a{justify-content:center;width:100%}.auth-card,.auth-register-card{width:100%;max-width:560px;margin:0 auto}.auth-card-head h2{font-size:25px}.auth-field-grid{grid-template-columns:1fr}.auth-span-2{grid-column:auto}.account-type-switch{grid-template-columns:1fr 1fr}.account-type-switch>button{grid-template-columns:29px 1fr;padding:9px}.account-type-icon{width:29px;height:29px}.account-type-switch small{font-size:7.5px}}
@media(max-width:520px){.auth-form-panel{padding-inline:16px}.auth-mobile-brand{margin-bottom:27px}.auth-mobile-brand .brand-name{font-size:21px}.auth-card-head{margin-bottom:20px}.auth-card-head h2{font-size:23px}.account-type-switch{gap:7px}.account-type-switch>button{min-height:76px;display:flex;align-items:flex-start;gap:8px}.auth-field input{height:45px}.auth-form-row{align-items:flex-start}.auth-primary-button{height:47px}.auth-code-field input{font-size:23px;letter-spacing:7px}}

/* Granum 2.3.0 - société professionnelle et focus fin */
.professional-section-title{padding:12px 13px;border:1px solid #eceef1;border-radius:11px;background:#fafbfc;display:flex;flex-direction:column;gap:3px}.professional-section-title[hidden]{display:none!important}.professional-section-title.compact{margin-top:2px}.professional-section-title strong{font-size:10.5px;color:#353b44}.professional-section-title span{font-size:8.5px;color:#8a9099;line-height:1.45}.granum-auth-page input:focus,.granum-auth-page input:focus-visible,.granum-auth-page select:focus,.granum-auth-page select:focus-visible,.granum-auth-page textarea:focus,.granum-auth-page textarea:focus-visible{outline:0!important;box-shadow:none!important;border-width:1px!important;border-color:rgba(255,90,31,.52)!important}.granum-auth-page button:focus-visible,.granum-auth-page a:focus-visible{outline:1px solid rgba(255,90,31,.32)!important;outline-offset:1px!important}

/* Granum 2.3.1 - les champs société restent réellement masqués pour un particulier. */
.professional-field[hidden]{display:none!important}.professional-field[aria-hidden="true"]{display:none!important}

/* Granum 2.3.2: the professional form may grow, but the desktop brand copy must not move. */
@media(min-width:901px){
  .granum-auth-register .granum-auth-shell{align-items:start}
  .granum-auth-register .auth-brand-panel{height:100vh;min-height:100vh;align-self:start;position:sticky;top:0}
  .granum-auth-register .auth-form-panel{align-self:start;min-height:100vh}
}
.auth-gps-field{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.auth-location-button{appearance:none;border:1px solid #d9dde3;background:#fff;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}.auth-location-button:disabled{opacity:.55;cursor:wait}.auth-gps-field small{color:#68707c}

/* 2.4.3 - liste de repères Granum indépendante du datalist natif. */
.landmark-suggestions{display:grid;max-height:248px;overflow:auto;margin-top:6px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.landmark-suggestions[hidden]{display:none!important}
.landmark-suggestion{display:grid;gap:2px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #f1f3f5;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#151515}
.landmark-suggestion:last-child{border-bottom:0}
.landmark-suggestion:hover,.landmark-suggestion:focus{background:#fff7f0;outline:1px solid #f58220;outline-offset:-1px}
.landmark-suggestion strong{font-size:14px;font-weight:650}
.landmark-suggestion small{font-size:12px;color:#62666d}

/* Granum 2.4.92 - unique public seller URL. */
.auth-shop-url-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid #dde1e6;border-radius:11px;background:#fff;overflow:hidden;transition:border-color .16s,background-color .16s}
.auth-shop-url-wrap:focus-within{border-color:#ff9e76;background:#fffdfc}
.auth-shop-url-wrap>span{display:flex;align-items:center;height:44px;padding:0 10px;background:#f7f8fa;border-right:1px solid #e7e9ed;color:#737a84;font-size:9.5px;white-space:nowrap}
.auth-shop-url-wrap input{border:0!important;border-radius:0!important;height:44px!important;box-shadow:none!important;background:transparent!important;padding-left:10px!important}
.auth-shop-status{min-height:13px}
.auth-shop-status.is-checking{color:#7a8089}
.auth-shop-status.is-available{color:#218247;font-weight:700}
.auth-shop-status.is-unavailable{color:#b13a2d;font-weight:700}
@media(max-width:520px){.auth-shop-url-wrap{grid-template-columns:1fr}.auth-shop-url-wrap>span{height:auto;min-height:30px;border-right:0;border-bottom:1px solid #e7e9ed;padding:7px 10px;overflow:hidden;text-overflow:ellipsis}.auth-shop-url-wrap input{height:43px!important}}

.auth-alert.blocked{display:grid;gap:10px;border-color:#f0b9a2;background:#fff7f3;color:#7b3219}.auth-appeal-button{display:inline-flex;width:max-content;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:9px;background:#ff5a1f;color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:800}.auth-appeal-button:hover{background:#ed4e13}

.auth-marketing-consent{align-items:flex-start;margin-top:4px;padding:13px 14px;border:1px solid #e5e8ec;border-radius:12px;background:#fafbfc}.auth-marketing-consent span{display:block}.auth-marketing-consent strong{display:block;font-size:13px;color:#222831}.auth-marketing-consent small{display:block;margin-top:3px;font-size:11px;line-height:1.45;color:#707983}

.auth-notification-note{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid #e6e8ec;border-radius:10px;background:#f8f9fb;color:#646b75;font-size:9px;line-height:1.55}.auth-notification-note>span:first-child{font-size:14px;line-height:1.2}.auth-notification-note>span:last-child{flex:1;min-width:0}

/* Granum Platform 2.9.19 - Connexion desktop fidèle à la maquette Troc.BJ. */
.auth-login-topbar{display:none}
.granum-auth-login{min-width:320px;background:#fff}
.granum-auth-login .auth-mobile-brand{display:none}
.granum-auth-login .auth-login-input-wrap{display:flex;position:relative;width:100%}
.granum-auth-login .auth-login-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:21px;height:21px;color:#70757c;z-index:2;pointer-events:none}
.granum-auth-login .auth-login-input-icon svg,.granum-auth-login .auth-login-secure svg,.granum-auth-login .auth-login-eye svg,.granum-auth-login .auth-demo-listing svg,.granum-auth-login .auth-demo-verified svg,.granum-auth-login .auth-demo-chat svg,.granum-auth-login .auth-demo-bag svg,.granum-auth-login .auth-login-benefits svg,.granum-auth-login .auth-login-orange-disc svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.granum-auth-login .auth-login-input-wrap>input{width:100%;padding-left:58px!important}
.granum-auth-login .auth-password-wrap>input{padding-right:58px!important}
.granum-auth-login .auth-login-eye{right:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;display:grid;place-items:center;color:#777b81}
.granum-auth-login .auth-login-eye svg{width:22px;height:22px}
.granum-auth-login .auth-login-eye .auth-eye-closed{display:none}
.granum-auth-login .auth-login-eye.is-visible .auth-eye-open{display:none}
.granum-auth-login .auth-login-eye.is-visible .auth-eye-closed{display:block}
.granum-auth-login .auth-login-divider{display:flex;align-items:center;gap:20px;color:#73777e;font-size:15px;margin:20px 0 22px}
.granum-auth-login .auth-login-divider:before,.granum-auth-login .auth-login-divider:after{content:"";height:1px;background:#e4e5e7;flex:1}
.granum-auth-login .auth-login-divider span{flex:0 0 auto}
.granum-auth-login .auth-login-socials{display:grid;gap:12px}
.granum-auth-login .auth-social-button{height:54px;border:1px solid #d8dadd;border-radius:8px;background:#fff;color:#191b1f;font:inherit;font-size:16px;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:border-color .15s,background-color .15s}
.granum-auth-login .auth-social-button:hover{border-color:#bfc2c7;background:#fdfdfd}
.granum-auth-login .auth-google-mark{width:25px;height:25px;display:grid;place-items:center;font-size:22px;line-height:1;font-weight:800;font-family:Arial,sans-serif;color:#4285f4;position:relative}
.granum-auth-login .auth-google-mark:before{content:"G";position:absolute;color:#4285f4}
.granum-auth-login .auth-facebook-mark{width:25px;height:25px;border-radius:50%;background:#1877f2;color:#fff;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:22px;font-weight:700;line-height:1;padding-top:3px}

@media(min-width:901px){
  .granum-auth-login .granum-auth-shell{min-height:100vh;height:auto;display:grid!important;grid-template-columns:50% 50%;grid-template-rows:80px minmax(0,1fr);align-items:stretch;background:#fff;overflow:hidden}
  .granum-auth-login .auth-login-topbar{display:block;grid-column:1/-1;grid-row:1;height:80px;background:#fff;border-bottom:1px solid #e8e8e8;position:relative;z-index:50}
  .granum-auth-login .auth-login-topbar-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 50px}
  .granum-auth-login .auth-login-topbar-brand{display:inline-flex;align-items:center;text-decoration:none;min-width:0}
  .granum-auth-login .auth-login-topbar-brand .brand-logo{display:block;width:auto;height:auto;max-width:172px;max-height:48px;object-fit:contain}
  .granum-auth-login .auth-login-topbar-brand .brand-name,.granum-auth-login .auth-login-topbar-brand .auth-brand-name{font-size:34px!important;line-height:1;font-weight:850;color:#181818}
  .granum-auth-login .auth-login-topbar-nav{display:flex;align-items:center;gap:54px;white-space:nowrap}
  .granum-auth-login .auth-login-topbar-nav a{color:#151515;text-decoration:none;font-size:15px;font-weight:500;line-height:1}
  .granum-auth-login .auth-login-topbar-nav a:hover{color:#ff4f16}

  .granum-auth-login .auth-brand-panel{grid-column:1;grid-row:2;position:relative!important;display:block!important;height:auto!important;min-height:calc(100vh - 80px)!important;align-self:stretch!important;top:auto!important;padding:0!important;border:0!important;background:linear-gradient(110deg,#fffdfb 0%,#fff 79%,#fffafa 100%)!important;overflow:hidden}
  .granum-auth-login .auth-brand-panel:before,.granum-auth-login .auth-brand-panel:after{display:none!important}
  .granum-auth-login .auth-login-marketing{position:relative;width:100%;height:calc(100vh - 80px);min-height:720px;max-height:975px;overflow:hidden}
  .granum-auth-login .auth-login-copy{position:absolute;z-index:5;left:clamp(72px,8.85vw,132px);top:94px;width:min(500px,calc(100% - 150px))}
  .granum-auth-login .auth-login-copy h1{margin:0;color:#111214;font-size:clamp(39px,2.92vw,44px);line-height:1.18;letter-spacing:-1.45px;font-weight:800}
  .granum-auth-login .auth-login-copy p{margin:22px 0 0;color:#585d64;font-size:18px;line-height:1.52;font-weight:400}
  .granum-auth-login .auth-login-dots{position:absolute;z-index:2;left:50px;top:44px;width:36px;height:52px;display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(4,4px);gap:9px 10px}
  .granum-auth-login .auth-login-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#ff531b}
  .granum-auth-login .auth-login-peach-disc{position:absolute;z-index:1;right:-1px;top:46px;width:78px;height:142px;border-radius:142px 0 0 142px;background:#ffede5;border:1px solid #ffe5d9;border-right:0}
  .granum-auth-login .auth-login-orange-disc{position:absolute;z-index:1;left:-120px;bottom:50px;width:238px;height:267px;border-radius:50%;background:linear-gradient(150deg,#ff3d08,#ff6b26);color:#fff;display:flex;align-items:center;justify-content:flex-end;padding-right:44px}
  .granum-auth-login .auth-login-orange-disc svg{width:34px;height:34px;stroke-width:1.5}

  .granum-auth-login .auth-login-art{position:absolute;inset:0;z-index:3}
  .granum-auth-login .auth-demo-listing{position:absolute;display:flex;flex-direction:column;width:224px;background:#fff;border:1px solid #ededed;border-radius:14px;padding:10px 10px 13px;color:#151515;text-decoration:none;box-shadow:0 5px 18px rgba(21,24,28,.08)!important;overflow:hidden}
  .granum-auth-login .auth-demo-listing-a{left:clamp(72px,8.85vw,132px);top:320px;height:240px}
  .granum-auth-login .auth-demo-listing-b{left:clamp(235px,20.4vw,304px);top:573px;width:205px;height:186px}
  .granum-auth-login .auth-demo-media{display:block;position:relative;width:100%;height:132px;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#ede8df,#f8f5ef)}
  .granum-auth-login .auth-demo-listing-b .auth-demo-media{height:104px}
  .granum-auth-login .auth-demo-media>img{width:100%;height:100%;display:block;object-fit:cover}
  .granum-auth-login .auth-demo-favorite{position:absolute;right:6px;top:6px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ff5420;box-shadow:0 2px 8px rgba(15,15,15,.09)!important}
  .granum-auth-login .auth-demo-favorite.neutral{color:#6e737a}
  .granum-auth-login .auth-demo-favorite svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.4}
  .granum-auth-login .auth-demo-listing>strong{font-size:12px;line-height:1.25;margin:12px 5px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .granum-auth-login .auth-demo-listing>b{font-size:12px;line-height:1.2;margin:0 5px;color:#ff4f16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .granum-auth-login .auth-demo-listing>small{font-size:9px;line-height:1.2;color:#777c83;margin:13px 5px 0;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .granum-auth-login .auth-demo-listing-b>strong{font-size:10px;margin-top:8px}.granum-auth-login .auth-demo-listing-b>b{font-size:10px}.granum-auth-login .auth-demo-listing-b>small{font-size:8px;margin-top:9px}
  .granum-auth-login .auth-demo-listing>small svg{width:12px;height:12px;flex:0 0 auto}
  .granum-auth-login .auth-demo-fallback{position:relative;display:block;width:100%;height:100%;background:linear-gradient(155deg,#efece6,#fbf9f6)}
  .granum-auth-login .auth-demo-sofa:before{content:"";position:absolute;left:14%;right:14%;bottom:24%;height:39%;background:#bcb3a9;border-radius:15px 15px 7px 7px;box-shadow:0 15px 0 -4px #9b8d7d!important}
  .granum-auth-login .auth-demo-sofa:after{content:"";position:absolute;left:18%;right:18%;bottom:50%;height:22%;background:#cdc5bb;border-radius:10px 10px 3px 3px}
  .granum-auth-login .auth-demo-sofa i:nth-child(1),.granum-auth-login .auth-demo-sofa i:nth-child(2){position:absolute;bottom:19%;width:5px;height:16px;background:#7d7063}.granum-auth-login .auth-demo-sofa i:nth-child(1){left:22%}.granum-auth-login .auth-demo-sofa i:nth-child(2){right:22%}
  .granum-auth-login .auth-demo-phone:before{content:"";position:absolute;left:18%;top:15%;width:65%;height:62%;border-radius:12px;background:linear-gradient(140deg,#333b43,#7a8289);transform:rotate(-13deg);box-shadow:0 5px 9px rgba(0,0,0,.17)!important}.granum-auth-login .auth-demo-phone:after{content:"";position:absolute;left:26%;top:20%;width:18px;height:18px;border-radius:6px;background:#222;box-shadow:8px 2px 0 -4px #555!important}
  .granum-auth-login .auth-demo-verified{position:absolute;left:clamp(345px,25.4vw,379px);top:372px;width:191px;height:69px;border:1px solid #efefef;border-radius:13px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 17px;box-shadow:0 5px 16px rgba(21,24,28,.07)!important}
  .granum-auth-login .auth-demo-verified-icon{width:31px;height:31px;display:grid;place-items:center;color:#fff;background:#ff511a;border-radius:50%;flex:0 0 auto}.granum-auth-login .auth-demo-verified-icon svg{width:20px;height:20px;stroke-width:2.2}
  .granum-auth-login .auth-demo-verified>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.granum-auth-login .auth-demo-verified strong{font-size:12px;line-height:1.1;white-space:nowrap}.granum-auth-login .auth-demo-verified small{font-size:10px;color:#777c83;white-space:nowrap}
  .granum-auth-login .auth-demo-chat{position:absolute;left:clamp(345px,25.4vw,379px);top:468px;width:266px;height:97px;border:1px solid #efefef;border-radius:13px;background:#fff;display:grid;grid-template-columns:48px 1fr 23px;align-items:center;gap:10px;padding:9px 12px;box-shadow:0 5px 18px rgba(21,24,28,.07)!important}
  .granum-auth-login .auth-demo-chat>img,.granum-auth-login .auth-demo-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#f2762e;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.granum-auth-login .auth-demo-chat>span:nth-child(2){align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.granum-auth-login .auth-demo-chat strong{font-size:12px;line-height:1.45;font-weight:500}.granum-auth-login .auth-demo-chat small{margin-top:7px;font-size:11px;color:#6f747b}.granum-auth-login .auth-demo-checks{width:21px;height:21px;align-self:end;margin-bottom:3px;color:#ff5018;stroke-width:1.5}
  .granum-auth-login .auth-demo-bag{position:absolute;left:clamp(550px,39.1vw,583px);top:306px;width:67px;height:67px;border:1px solid #f0f0f0;border-radius:15px;background:#fff;display:grid;place-items:center;color:#ff4f16;box-shadow:0 4px 14px rgba(21,24,28,.06)!important}.granum-auth-login .auth-demo-bag svg{width:31px;height:31px;stroke-width:1.7}
  .granum-auth-login .auth-demo-route{position:absolute;display:block;pointer-events:none;border:1.5px solid #ff7e4b;border-left-color:transparent;border-bottom-color:transparent;opacity:.85}
  .granum-auth-login .auth-demo-route.route-a{left:-78px;top:360px;width:305px;height:307px;border-radius:50%;transform:rotate(-30deg)}
  .granum-auth-login .auth-demo-route.route-b{left:430px;top:425px;width:340px;height:270px;border-radius:50%;transform:rotate(23deg)}

  .granum-auth-login .auth-login-benefits{position:absolute;z-index:5;left:clamp(72px,8.85vw,132px);bottom:55px;display:grid;grid-template-columns:repeat(4,max-content);gap:clamp(34px,3.55vw,53px);align-items:start}
  .granum-auth-login .auth-login-benefits>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;color:#17191d}
  .granum-auth-login .auth-login-benefits>div>span{width:54px;height:54px;border-radius:13px;background:#fff0e9;display:grid;place-items:center;color:#ff4f16}
  .granum-auth-login .auth-login-benefits svg{width:27px;height:27px;stroke-width:1.7}
  .granum-auth-login .auth-login-benefits strong{font-size:13px;line-height:1.35;font-weight:500;white-space:nowrap}

  .granum-auth-login .auth-form-panel{grid-column:2;grid-row:2;min-height:calc(100vh - 80px)!important;height:auto;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:53px 40px 80px!important;background:#fdfdfd!important;overflow:auto}
  .granum-auth-login .auth-login-card{width:min(604px,100%);height:min(842px,calc(100vh - 133px));min-height:735px;margin:0!important;padding:52px 46px 44px;border:1px solid #ececec;border-radius:14px;background:#fff;box-shadow:0 7px 25px rgba(23,25,29,.07)!important;display:flex;flex-direction:column}
  .granum-auth-login .auth-login-card-head{text-align:center;margin:0 0 39px}
  .granum-auth-login .auth-login-card-head h2{margin:0 0 10px;color:#111214;font-size:39px;line-height:1.1;letter-spacing:-1.05px;font-weight:800}
  .granum-auth-login .auth-login-card-head p{margin:0;color:#777b82;font-size:18px;line-height:1.35}
  .granum-auth-login .auth-login-form{display:flex;flex-direction:column;gap:0}
  .granum-auth-login .auth-login-field{display:flex;flex-direction:column;gap:11px;margin:0 0 25px;color:#17191d}
  .granum-auth-login .auth-login-field>span:first-child{font-size:16px;line-height:1.2;font-weight:500}
  .granum-auth-login .auth-login-field input{height:57px;border:1px solid #d9dadd;border-radius:8px;background:#fff;color:#1d2024;font-size:15px;outline:none;padding-right:16px;transition:border-color .15s}
  .granum-auth-login .auth-login-field input::placeholder{color:#a0a3a8}
  .granum-auth-login .auth-login-field input:focus{border-color:#ff9d7b!important;background:#fff!important}
  .granum-auth-login .auth-login-options{margin:-1px 0 28px;font-size:14px;line-height:1.3;align-items:center}
  .granum-auth-login .auth-login-options .auth-check{font-size:14px;align-items:center;color:#41464d;gap:10px}
  .granum-auth-login .auth-login-options .auth-check input{width:22px;height:22px;margin:0;border-radius:5px}
  .granum-auth-login .auth-login-options>a{font-size:14px;font-weight:500;color:#ff4f16}
  .granum-auth-login .auth-login-form .auth-alert{margin:-13px 0 16px;font-size:13px;line-height:1.4}
  .granum-auth-login .auth-login-submit{height:58px;border-radius:8px;font-size:19px;font-weight:700;margin:0;background:#ff4f16;border-color:#ff4f16}
  .granum-auth-login .auth-login-submit:hover{background:#ed4610;border-color:#ed4610}
  .granum-auth-login .auth-login-secure{height:47px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7b7f85;font-size:14px}
  .granum-auth-login .auth-login-secure svg{width:17px;height:17px;stroke-width:1.7}
  .granum-auth-login .auth-login-divider{margin:1px 0 22px}
  .granum-auth-login .auth-login-socials{gap:12px}
  .granum-auth-login .auth-login-switch{margin:30px 0 0;padding:0;border:0;text-align:center;color:#777c82;font-size:16px;line-height:1.4}
  .granum-auth-login .auth-login-switch a{margin-left:8px;color:#ff4f16;font-weight:700}
}

@media(min-width:901px) and (max-height:860px){
  .granum-auth-login .auth-login-marketing{min-height:650px}
  .granum-auth-login .auth-login-copy{top:55px}.granum-auth-login .auth-login-copy h1{font-size:36px}.granum-auth-login .auth-login-copy p{font-size:16px;margin-top:16px}
  .granum-auth-login .auth-demo-listing-a{top:250px}.granum-auth-login .auth-demo-verified{top:300px}.granum-auth-login .auth-demo-chat{top:385px}.granum-auth-login .auth-demo-listing-b{top:492px}.granum-auth-login .auth-demo-bag{top:245px}
  .granum-auth-login .auth-login-benefits{bottom:22px}
  .granum-auth-login .auth-form-panel{padding-top:30px!important;padding-bottom:30px!important}
  .granum-auth-login .auth-login-card{height:auto;min-height:0;padding-top:34px;padding-bottom:32px}.granum-auth-login .auth-login-card-head{margin-bottom:25px}.granum-auth-login .auth-login-card-head h2{font-size:34px}.granum-auth-login .auth-login-card-head p{font-size:16px}.granum-auth-login .auth-login-field{margin-bottom:18px}.granum-auth-login .auth-login-options{margin-bottom:20px}.granum-auth-login .auth-login-switch{margin-top:22px}
}

@media(max-width:900px){
  .granum-auth-login .granum-auth-shell{display:block!important;min-height:100vh;background:#fff}
  .granum-auth-login .auth-login-topbar{display:block;height:70px;border-bottom:1px solid #eee;background:#fff}
  .granum-auth-login .auth-login-topbar-inner{height:100%;display:flex;align-items:center;justify-content:center;padding:0 18px}
  .granum-auth-login .auth-login-topbar-brand{display:inline-flex;align-items:center;text-decoration:none}.granum-auth-login .auth-login-topbar-brand .brand-logo{max-width:145px;max-height:43px}.granum-auth-login .auth-login-topbar-nav{display:none}
  .granum-auth-login .auth-brand-panel{display:none!important}
  .granum-auth-login .auth-form-panel{min-height:calc(100vh - 70px)!important;padding:34px 18px calc(36px + env(safe-area-inset-bottom))!important;background:#fff!important}
  .granum-auth-login .auth-mobile-brand{display:none!important}
  .granum-auth-login .auth-login-card{width:100%;max-width:560px;margin:0 auto!important;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none!important}
  .granum-auth-login .auth-login-card-head{text-align:center;margin:0 0 30px}.granum-auth-login .auth-login-card-head h2{font-size:31px}.granum-auth-login .auth-login-card-head p{font-size:16px}
  .granum-auth-login .auth-login-field{gap:9px;margin-bottom:20px}.granum-auth-login .auth-login-field>span:first-child{font-size:15px}.granum-auth-login .auth-login-field input{height:54px;font-size:15px;border-radius:8px}
  .granum-auth-login .auth-login-options{font-size:13px;margin-bottom:24px}.granum-auth-login .auth-login-options .auth-check,.granum-auth-login .auth-login-options>a{font-size:13px}
  .granum-auth-login .auth-login-submit{height:54px;font-size:17px;border-radius:8px}.granum-auth-login .auth-login-secure{height:43px;font-size:13px}.granum-auth-login .auth-login-divider{font-size:14px;margin:4px 0 20px}.granum-auth-login .auth-social-button{height:52px;font-size:15px}.granum-auth-login .auth-login-switch{margin:26px 0 0;padding:0;border:0;font-size:14px}
}

/* Ajustements géométriques après comparaison 1491×1055 avec la maquette source. */
@media(min-width:1200px){
  .granum-auth-login .auth-login-card{transform:translateX(-40px);padding-top:58px}
  .granum-auth-login .auth-login-benefits{bottom:77px}
  .granum-auth-login .auth-login-orange-disc{bottom:129px}
}
.granum-auth-login .auth-google-mark{background:conic-gradient(from -42deg,#4285f4 0 25%,#34a853 0 42%,#fbbc05 0 63%,#ea4335 0 79%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.granum-auth-login .auth-google-mark:before{color:transparent!important}
.granum-auth-login .auth-login-options .auth-check input{appearance:none;-webkit-appearance:none;border:1px solid #c9ccd1;border-radius:5px;background:#fff;display:grid;place-items:center;cursor:pointer}
.granum-auth-login .auth-login-options .auth-check input:checked{border-color:#ff4f16;background:#ff4f16}
.granum-auth-login .auth-login-options .auth-check input:checked:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}

/* Desktop peu haut : conserver toute la connexion dans la fenêtre sans déformer la version 1491×1055. */
@media(min-width:901px) and (max-height:950px){
  .granum-auth-login .auth-login-marketing{min-height:0;height:calc(100vh - 80px)}
  .granum-auth-login .auth-login-copy{top:38px}.granum-auth-login .auth-login-copy h1{font-size:34px;line-height:1.16}.granum-auth-login .auth-login-copy p{margin-top:13px;font-size:14px;line-height:1.42}
  .granum-auth-login .auth-login-dots{top:28px}.granum-auth-login .auth-login-peach-disc{top:30px;height:112px;width:62px}
  .granum-auth-login .auth-demo-listing-a{top:220px;height:210px;width:200px}.granum-auth-login .auth-demo-listing-a .auth-demo-media{height:112px}
  .granum-auth-login .auth-demo-verified{top:255px;left:clamp(310px,24vw,360px);width:176px;height:62px}
  .granum-auth-login .auth-demo-chat{top:330px;left:clamp(310px,24vw,360px);width:242px;height:84px;grid-template-columns:40px 1fr 20px}.granum-auth-login .auth-demo-chat>img,.granum-auth-login .auth-demo-avatar{width:40px;height:40px}.granum-auth-login .auth-demo-chat strong{font-size:10px}.granum-auth-login .auth-demo-chat small{font-size:9px;margin-top:4px}
  .granum-auth-login .auth-demo-listing-b{top:438px;left:clamp(245px,20vw,286px);width:184px;height:166px}.granum-auth-login .auth-demo-listing-b .auth-demo-media{height:88px}
  .granum-auth-login .auth-demo-bag{top:208px;left:auto;right:55px;width:58px;height:58px}
  .granum-auth-login .auth-demo-route.route-a{top:270px}.granum-auth-login .auth-demo-route.route-b{top:325px;left:390px}
  .granum-auth-login .auth-login-benefits{bottom:14px!important;gap:clamp(22px,2.8vw,42px)}.granum-auth-login .auth-login-benefits>div>span{width:46px;height:46px}.granum-auth-login .auth-login-benefits strong{font-size:11px}.granum-auth-login .auth-login-benefits svg{width:23px;height:23px}
  .granum-auth-login .auth-login-orange-disc{bottom:30px!important;width:190px;height:210px;left:-105px;padding-right:34px}

  .granum-auth-login .auth-form-panel{padding:20px 40px!important;align-items:flex-start!important;overflow:hidden}
  .granum-auth-login .auth-login-card{height:auto!important;min-height:0!important;padding:23px 38px 21px!important;border-radius:13px}
  .granum-auth-login .auth-login-card-head{margin-bottom:17px}.granum-auth-login .auth-login-card-head h2{font-size:30px;margin-bottom:5px}.granum-auth-login .auth-login-card-head p{font-size:14px}
  .granum-auth-login .auth-login-field{gap:6px;margin-bottom:11px}.granum-auth-login .auth-login-field>span:first-child{font-size:13px}.granum-auth-login .auth-login-field input{height:45px;font-size:13px}.granum-auth-login .auth-login-input-icon{left:15px;width:18px;height:18px}.granum-auth-login .auth-login-input-wrap>input{padding-left:48px!important}
  .granum-auth-login .auth-login-options{margin:0 0 13px;font-size:12px}.granum-auth-login .auth-login-options .auth-check,.granum-auth-login .auth-login-options>a{font-size:12px}.granum-auth-login .auth-login-options .auth-check input{width:18px;height:18px}
  .granum-auth-login .auth-login-submit{height:47px;font-size:16px}.granum-auth-login .auth-login-secure{height:34px;font-size:11px}.granum-auth-login .auth-login-secure svg{width:14px;height:14px}
  .granum-auth-login .auth-login-divider{font-size:12px;margin:0 0 12px;gap:14px}.granum-auth-login .auth-login-socials{gap:8px}.granum-auth-login .auth-social-button{height:43px;font-size:13px;gap:10px}.granum-auth-login .auth-google-mark,.granum-auth-login .auth-facebook-mark{width:20px;height:20px;font-size:18px}
  .granum-auth-login .auth-login-switch{margin-top:15px;font-size:12.5px}
}

/* La demande 2.9.19 vise l'ordinateur : conserver le shell mobile historique. */
@media(max-width:900px){
  .granum-auth-login .auth-login-topbar{display:none!important}
  .granum-auth-login .auth-form-panel{min-height:100vh!important;padding:24px 18px calc(32px + env(safe-area-inset-bottom))!important;display:block!important;background:#fff!important}
  .granum-auth-login .auth-mobile-brand{display:block!important;margin:3px 0 34px}.granum-auth-login .auth-mobile-brand a{display:flex;justify-content:center;width:100%}.granum-auth-login .auth-mobile-brand .brand-logo{max-width:180px;max-height:54px}
  .granum-auth-login .auth-login-card{max-width:560px;margin:0 auto!important;padding:0!important;border:0!important;box-shadow:none!important}
  .granum-auth-login .auth-login-card-head{text-align:left;margin-bottom:24px}.granum-auth-login .auth-login-card-head:before{content:"Connexion";display:block;margin-bottom:7px;color:#ff5a1f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.granum-auth-login .auth-login-card-head h2{font-size:25px}.granum-auth-login .auth-login-card-head p{font-size:12px}
  .granum-auth-login .auth-login-field{gap:7px;margin-bottom:13px}.granum-auth-login .auth-login-field>span:first-child{font-size:10px}.granum-auth-login .auth-login-field input{height:44px;border-radius:11px;font-size:12px;padding-left:13px!important}.granum-auth-login .auth-login-input-icon{display:none}
  .granum-auth-login .auth-login-options{font-size:10px;margin:0 0 13px}.granum-auth-login .auth-login-options .auth-check,.granum-auth-login .auth-login-options>a{font-size:9.5px}.granum-auth-login .auth-login-options .auth-check input{width:15px;height:15px}
  .granum-auth-login .auth-login-submit{height:48px;border-radius:11px;font-size:12px}.granum-auth-login .auth-login-secure,.granum-auth-login .auth-login-divider,.granum-auth-login .auth-login-socials{display:none!important}
  .granum-auth-login .auth-login-switch{margin-top:20px;padding-top:18px;border-top:1px solid #eceef1;font-size:10px}
}
@media(max-width:520px){.granum-auth-login .auth-form-panel{padding-inline:16px!important}.granum-auth-login .auth-mobile-brand{margin-bottom:27px}.granum-auth-login .auth-login-card-head{margin-bottom:20px}.granum-auth-login .auth-login-card-head h2{font-size:23px}.granum-auth-login .auth-login-field input{height:45px}}

/* Granum Platform 2.9.20 - finition maquette connexion desktop. */
@media(min-width:901px){
  /* La carte de connexion suit la largeur de la maquette au lieu de rester a 604 px sur les petits desktops. */
  .granum-auth-login .auth-login-card{
    width:min(604px,40.5vw)!important;
    max-width:calc(100% - 32px)!important;
    transform:translateX(max(-40px,-2.68vw))!important;
  }

  /* Carte "Vendeur verifie" : sceau crante orange + coche blanche, comme sur la reference. */
  .granum-auth-login .auth-demo-verified{
    left:51.6%!important;
    width:clamp(174px,25.6%,191px)!important;
    height:69px;
    gap:10px;
    padding:0 14px;
  }
  .granum-auth-login .auth-demo-verified-icon{
    width:31px!important;
    height:31px!important;
    flex:0 0 31px!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#ff511a!important;
  }
  .granum-auth-login .auth-demo-verified-icon svg{width:31px!important;height:31px!important;overflow:visible}
  .granum-auth-login .auth-demo-verified-icon svg path:first-child{fill:#ff511a!important;stroke:#ff511a!important;stroke-width:1.25!important}
  .granum-auth-login .auth-demo-verified-icon svg path:last-child{fill:none!important;stroke:#fff!important;stroke-width:2.15!important}
  .granum-auth-login .auth-demo-verified strong{font-size:12px!important;font-weight:700!important}
  .granum-auth-login .auth-demo-verified small{font-size:10px!important;line-height:1.15!important}

  /* Bulle de message decorative : meme geometrique et avatar que la maquette fournie. */
  .granum-auth-login .auth-demo-chat{
    left:51.6%!important;
    width:clamp(235px,35.7%,266px)!important;
    height:97px;
    grid-template-columns:49px minmax(0,1fr) 22px!important;
    gap:10px;
    padding:9px 12px!important;
  }
  .granum-auth-login .auth-demo-chat>img.auth-demo-chat-avatar{
    width:49px!important;
    height:49px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    display:block!important;
    background:#d6c9b8!important;
  }
  .granum-auth-login .auth-demo-chat strong{font-size:12.5px!important;line-height:1.42!important;font-weight:500!important}
  .granum-auth-login .auth-demo-chat small{font-size:11px!important;margin-top:7px!important}
  .granum-auth-login .auth-demo-checks{width:21px!important;height:21px!important}

  /* Deuxieme annonce gardee au-dessus de la rangee des 4 avantages. */
  .granum-auth-login .auth-demo-listing-b{left:40.7%!important;top:min(573px,calc(100vh - 434px))!important}
}

@media(min-width:901px) and (max-height:950px){
  /* Reserve une bande basse exclusivement aux 4 avantages : aucune carte annonce ne peut l'envahir. */
  .granum-auth-login .auth-login-art{bottom:108px!important;overflow:hidden!important}
  .granum-auth-login .auth-demo-verified{top:255px!important}
  .granum-auth-login .auth-demo-chat{top:330px!important;height:84px!important;grid-template-columns:42px minmax(0,1fr) 20px!important}
  .granum-auth-login .auth-demo-chat>img.auth-demo-chat-avatar{width:42px!important;height:42px!important}
  .granum-auth-login .auth-demo-chat strong{font-size:10.5px!important;line-height:1.38!important}
  .granum-auth-login .auth-demo-chat small{font-size:9.5px!important;margin-top:4px!important}
  .granum-auth-login .auth-demo-listing-b{top:430px!important;width:176px!important;height:145px!important}
  .granum-auth-login .auth-demo-listing-b .auth-demo-media{height:76px!important}
  .granum-auth-login .auth-login-benefits{bottom:12px!important}
}

/* Granum Platform 2.9.21 - connexion desktop plus compacte et responsive. */
@media(min-width:901px){
  /* Carte de connexion : plus etroite, sans lueur externe. */
  .granum-auth-login .auth-login-card{
    width:min(548px,calc(100% - 96px))!important;
    max-width:548px!important;
    height:auto!important;
    min-height:0!important;
    padding:46px 40px 38px!important;
    box-shadow:none!important;
    filter:none!important;
    transform:translateX(-18px)!important;
  }
  .granum-auth-login .auth-form-panel{
    padding-left:34px!important;
    padding-right:34px!important;
  }

  /* Composition gauche legerement reduite pour laisser respirer les annonces basses. */
  .granum-auth-login .auth-login-copy{top:82px;width:min(455px,calc(100% - 145px))}
  .granum-auth-login .auth-login-copy h1{font-size:40px;line-height:1.17;letter-spacing:-1.2px}
  .granum-auth-login .auth-login-copy p{margin-top:18px;font-size:16px;line-height:1.48}

  .granum-auth-login .auth-demo-listing{width:200px;padding:9px 9px 11px;border-radius:13px}
  .granum-auth-login .auth-demo-listing-a{top:303px;height:216px}
  .granum-auth-login .auth-demo-listing-a .auth-demo-media{height:118px}
  .granum-auth-login .auth-demo-listing>strong{font-size:11px;margin:10px 4px 3px}
  .granum-auth-login .auth-demo-listing>b{font-size:11px;margin-inline:4px}
  .granum-auth-login .auth-demo-listing>small{font-size:8.5px;margin:10px 4px 0}
  .granum-auth-login .auth-demo-favorite{width:31px;height:31px}
  .granum-auth-login .auth-demo-favorite svg{width:18px;height:18px}

  .granum-auth-login .auth-demo-verified{
    top:347px!important;
    width:174px!important;
    height:61px!important;
    padding:0 13px!important;
    gap:9px!important;
  }
  .granum-auth-login .auth-demo-verified-icon,
  .granum-auth-login .auth-demo-verified-icon svg{width:28px!important;height:28px!important;flex-basis:28px!important}
  .granum-auth-login .auth-demo-verified strong{font-size:11px!important}
  .granum-auth-login .auth-demo-verified small{font-size:9px!important}

  .granum-auth-login .auth-demo-chat{
    top:433px!important;
    width:238px!important;
    height:82px!important;
    grid-template-columns:41px minmax(0,1fr) 19px!important;
    gap:9px!important;
    padding:8px 10px!important;
  }
  .granum-auth-login .auth-demo-chat>img.auth-demo-chat-avatar{width:41px!important;height:41px!important}
  .granum-auth-login .auth-demo-chat strong{font-size:10.7px!important;line-height:1.38!important}
  .granum-auth-login .auth-demo-chat small{font-size:9.5px!important;margin-top:4px!important}
  .granum-auth-login .auth-demo-checks{width:18px!important;height:18px!important}

  .granum-auth-login .auth-demo-listing-b{
    top:min(545px,calc(100vh - 445px))!important;
    left:40.5%!important;
    width:176px!important;
    height:155px!important;
  }
  .granum-auth-login .auth-demo-listing-b .auth-demo-media{height:82px!important}
  .granum-auth-login .auth-demo-listing-b>strong{font-size:9px;margin-top:7px}
  .granum-auth-login .auth-demo-listing-b>b{font-size:9px}
  .granum-auth-login .auth-demo-listing-b>small{font-size:7.5px;margin-top:7px}

  .granum-auth-login .auth-demo-bag{top:291px;width:59px;height:59px}
  .granum-auth-login .auth-demo-bag svg{width:27px;height:27px}

  .granum-auth-login .auth-login-benefits{bottom:54px!important;gap:clamp(28px,3vw,45px)}
  .granum-auth-login .auth-login-benefits>div{gap:8px}
  .granum-auth-login .auth-login-benefits>div>span{width:48px;height:48px;border-radius:12px}
  .granum-auth-login .auth-login-benefits svg{width:24px;height:24px}
  .granum-auth-login .auth-login-benefits strong{font-size:11.5px;line-height:1.32}
}

/* Ordinateurs moins hauts : tout le decor gauche se compacte proportionnellement. */
@media(min-width:901px) and (max-height:950px){
  .granum-auth-login .auth-login-copy{top:30px!important}.granum-auth-login .auth-login-copy h1{font-size:31px!important}.granum-auth-login .auth-login-copy p{font-size:13px!important;margin-top:11px!important}
  .granum-auth-login .auth-login-art{bottom:94px!important}
  .granum-auth-login .auth-demo-listing-a{top:188px!important;width:176px!important;height:181px!important}.granum-auth-login .auth-demo-listing-a .auth-demo-media{height:92px!important}
  .granum-auth-login .auth-demo-verified{top:218px!important;left:50.5%!important;width:154px!important;height:53px!important}.granum-auth-login .auth-demo-verified-icon,.granum-auth-login .auth-demo-verified-icon svg{width:24px!important;height:24px!important;flex-basis:24px!important}.granum-auth-login .auth-demo-verified strong{font-size:9.7px!important}.granum-auth-login .auth-demo-verified small{font-size:8px!important}
  .granum-auth-login .auth-demo-chat{top:282px!important;left:50.5%!important;width:211px!important;height:68px!important;grid-template-columns:34px minmax(0,1fr) 17px!important}.granum-auth-login .auth-demo-chat>img.auth-demo-chat-avatar{width:34px!important;height:34px!important}.granum-auth-login .auth-demo-chat strong{font-size:9px!important}.granum-auth-login .auth-demo-chat small{font-size:8px!important;margin-top:2px!important}
  .granum-auth-login .auth-demo-listing-b{top:362px!important;left:39.5%!important;width:151px!important;height:125px!important}.granum-auth-login .auth-demo-listing-b .auth-demo-media{height:63px!important}
  .granum-auth-login .auth-demo-bag{top:178px!important;right:53px!important;width:50px!important;height:50px!important}
  .granum-auth-login .auth-demo-route.route-a{top:232px!important}.granum-auth-login .auth-demo-route.route-b{top:278px!important;left:365px!important}
  .granum-auth-login .auth-login-benefits{bottom:10px!important;gap:clamp(18px,2.3vw,34px)!important}.granum-auth-login .auth-login-benefits>div>span{width:40px;height:40px}.granum-auth-login .auth-login-benefits svg{width:20px;height:20px}.granum-auth-login .auth-login-benefits strong{font-size:10px}
  .granum-auth-login .auth-login-orange-disc{bottom:24px!important;width:175px;height:192px;left:-100px}
  .granum-auth-login .auth-login-card{width:min(510px,calc(100% - 84px))!important;max-width:510px!important;padding:22px 34px 20px!important;transform:translateX(-10px)!important}
}

@media(min-width:901px) and (max-height:780px){
  .granum-auth-login .auth-login-copy{top:21px!important}.granum-auth-login .auth-login-copy h1{font-size:28px!important}.granum-auth-login .auth-login-copy p{font-size:12px!important;margin-top:8px!important}
  .granum-auth-login .auth-demo-listing-a{top:158px!important;width:160px!important;height:159px!important}.granum-auth-login .auth-demo-listing-a .auth-demo-media{height:80px!important}
  .granum-auth-login .auth-demo-verified{top:184px!important;width:145px!important;height:49px!important}
  .granum-auth-login .auth-demo-chat{top:242px!important;width:198px!important;height:62px!important}
  .granum-auth-login .auth-demo-listing-b{top:315px!important;width:140px!important;height:112px!important}.granum-auth-login .auth-demo-listing-b .auth-demo-media{height:55px!important}
  .granum-auth-login .auth-demo-bag{top:150px!important;width:46px!important;height:46px!important}
  .granum-auth-login .auth-login-benefits>div>span{width:37px;height:37px}.granum-auth-login .auth-login-benefits strong{font-size:9.4px}
}

/* Ajustement final 2.9.21 : largeur plus discrète et texte de bulle stable. */
@media(min-width:901px){
  .granum-auth-login .auth-login-card{width:min(525px,calc(100% - 96px))!important;max-width:525px!important}
  .granum-auth-login .auth-demo-chat strong{white-space:nowrap!important}
}
@media(min-width:901px) and (max-height:950px){
  .granum-auth-login .auth-login-card{width:min(490px,calc(100% - 84px))!important;max-width:490px!important}
  .granum-auth-login .auth-demo-chat{width:220px!important}
}
@media(min-width:901px) and (max-height:780px){
  .granum-auth-login .auth-demo-chat{width:216px!important}
}


/* Granum Platform 2.9.22 - finition connexion desktop : panneau droit resserre et logo Google officiel. */
@media(min-width:901px){
  /* Le panneau de connexion suit maintenant la carte au lieu de laisser une grande plage blanche vide. */
  .granum-auth-login .granum-auth-shell{
    grid-template-columns:minmax(0,1fr) minmax(420px,38%)!important;
  }
  .granum-auth-login .auth-form-panel{
    padding-left:20px!important;
    padding-right:20px!important;
    background:linear-gradient(180deg,#fffdfa 0%,#fff9f6 100%)!important;
  }
  .granum-auth-login .auth-login-card{
    width:min(500px,calc(100% - 40px))!important;
    max-width:500px!important;
    transform:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-shadow:none!important;
    filter:none!important;
  }
  .granum-auth-login .auth-google-mark{
    width:22px!important;
    height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:none!important;
    -webkit-background-clip:initial!important;
    background-clip:initial!important;
    color:inherit!important;
    font-size:0!important;
  }
  .granum-auth-login .auth-google-mark:before{display:none!important;content:none!important}
  .granum-auth-login .auth-google-mark svg{display:block;width:22px;height:22px}
}
@media(min-width:901px) and (max-height:950px){
  .granum-auth-login .auth-login-card{width:min(468px,calc(100% - 36px))!important;max-width:468px!important}
  .granum-auth-login .auth-form-panel{padding-left:18px!important;padding-right:18px!important}
}
@media(min-width:901px) and (max-width:1100px){
  .granum-auth-login .granum-auth-shell{grid-template-columns:minmax(0,1fr) minmax(400px,40%)!important}
  .granum-auth-login .auth-login-card{width:calc(100% - 28px)!important;max-width:455px!important}
  .granum-auth-login .auth-form-panel{padding-left:14px!important;padding-right:14px!important}
}