/* Weebot Factory Link · version simple. Téléphone d'abord ; à partir de 1024 px, une vraie mise en page d'ordinateur. */
:root{--bg:#f0f3f8;--surface:#fff;--c1:#1f2a4a;--c2:#5b98ab;--data:#1f2a4a;--btn:#1f2a4a;--green:#23a866;--red:#c33b51}
body{font-size:17px;background:var(--bg)}
.i{width:1.2em;height:1.2em}
code{font:600 .88em "Cascadia Mono",Consolas,ui-monospace,monospace;letter-spacing:.02em}

/* En-tête */
#s-head{position:sticky;top:0;z-index:60;background:#1f2a4a;color:#fff}
.s-head-in{display:flex;align-items:center;gap:10px;height:58px;max-width:1200px;margin:0 auto;padding:0 12px 0 16px}
.s-lock{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.s-lock img{height:30px;width:auto}
.s-lock i{font-style:normal;opacity:.6}
.s-lock b{font:800 .95rem var(--fn);letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-nav{display:none}
.s-tools{display:flex;align-items:center;gap:8px}
.s-lang{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:12px;background:rgba(255,255,255,.1)}
.s-lang select{background:transparent;border:0;outline:0;color:#fff;font-weight:700;font-size:16px}
.s-lang option{color:#111}
.s-user{display:none}
.s-bd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font:800 12px/1 var(--fn)}

/* Onglets du bas (téléphone) */
#s-tabs{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 4px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3e6ee;box-shadow:0 -6px 20px rgba(31,42,74,.06)}
#s-tabs:empty{display:none}
#s-tabs a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:.75rem;font-weight:700;color:#6b7385;min-width:0;text-align:center;line-height:1.15}
#s-tabs a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#s-tabs .i{width:26px;height:26px}
#s-tabs a.on{color:#1f2a4a}
#s-tabs a.on .i{background:#e3ebf6;border-radius:14px;padding:3px 12px;width:50px;height:32px}
#s-tabs .s-bd{position:absolute;top:0;right:14%}
html[data-lang=ta] #s-tabs a span{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* Page */
#s-main{min-height:60vh}
.s-page{max-width:1200px;margin:0 auto;padding:20px 16px 30px}
.s-title,.s-hello{margin-bottom:18px}
.s-title h1,.s-hello h1{font-size:1.8rem;color:#1f2a4a;line-height:1.15}
.s-title p,.s-hello p{color:#5d6577;margin-top:6px;font-size:1rem;max-width:62ch}
.s-sub{color:#5d6577;font-size:.92rem;margin:4px 0 12px}
.s-kick{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c2)}
html[data-lang=zh] .s-kick,html[data-lang=ta] .s-kick{letter-spacing:.03em;text-transform:none}
h2{display:flex;align-items:center;gap:10px;font-size:1.2rem;color:#1f2a4a;margin-bottom:12px}
h2 .i{color:var(--c2)}
.s-box{background:#fff;border-radius:20px;padding:18px 16px;margin-bottom:16px;box-shadow:0 2px 10px rgba(31,42,74,.06)}
.s-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--c2);margin-bottom:6px}
.s-empty{color:#5d6577}
.s-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 22px;border-radius:16px;background:#1f2a4a;color:#fff;font-weight:800;font-size:1.02rem;text-align:center;line-height:1.2;transition:transform .15s}
.s-cta:active{transform:scale(.98)}
.s-cta:disabled{opacity:.4}
.s-cta.ghost{background:#fff;color:#1f2a4a;border:2px solid #1f2a4a}
.s-cta.sm{min-height:44px;padding:8px 16px;font-size:.92rem;border-radius:12px}
.s-link{min-height:44px;color:var(--c2);font-weight:700;text-decoration:underline}
.s-bar{display:block;height:8px;border-radius:5px;background:#e3e6ee;overflow:hidden}
.s-bar i{display:block;height:100%;width:var(--w);background:var(--red);border-radius:5px;animation:grow 1s cubic-bezier(.2,.7,.2,1) both}
.s-bar.big{height:12px}
.s-bar.big i{background:var(--green)}

/* Grilles : une colonne qui ne peut pas déborder, même avec un long mot tamoul */
.s-home,.s-mgrid,.s-help{grid-template-columns:minmax(0,1fr)}
.s-home>*,.s-mgrid>*,.s-help>*,.s-colis>*{min-width:0}

/* Accueil */
.s-home{display:grid;gap:18px}
.s-todo{display:flex;flex-direction:column;gap:12px}
.s-todo-c{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgba(31,42,74,.07);border:2px solid transparent}
.s-todo-c.hot{border-color:var(--red)}
.s-todo-c.ok{border-color:rgba(35,168,102,.4)}
.s-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f0f3f8;color:#1f2a4a}
.s-ic .i{width:26px;height:26px}
.s-todo-c.hot .s-ic{background:var(--red);color:#fff}
.s-todo-c.ok .s-ic{background:var(--green);color:#fff}
.s-todo-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.s-todo-t>b{font-size:1.08rem;color:#1f2a4a;line-height:1.25}
.s-todo-t>span{color:#5d6577;font-size:.95rem}
.s-cd{display:flex;flex-direction:column;margin-top:4px}
.s-cd small{font-size:.78rem;color:var(--red);font-weight:700}
.s-cd b{font:800 1.5rem/1.1 var(--fn);color:var(--red);font-variant-numeric:tabular-nums}
.s-btn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:14px;background:#1f2a4a;color:#fff;font-weight:800}
.s-todo-c.hot .s-btn{background:var(--red)}
.s-todo-c.ok .s-btn{background:#f0f3f8;color:#1f2a4a}
.s-stats{display:grid;gap:10px}
.s-stat{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:18px;background:#fff;box-shadow:0 2px 10px rgba(31,42,74,.06);border-left:6px solid var(--c2)}
.s-stat>b{font:800 2.6rem/1 var(--fn);color:#1f2a4a}
.s-stat>span{font-weight:700;font-size:1rem}
.s-stat small{color:#5d6577;font-size:.86rem}
.s-stat.bad{border-left-color:var(--red)}
.s-stat.bad>b{color:var(--red)}
.s-stat.good{border-left-color:var(--green)}
.s-stat.warn{border-left-color:#1f2a4a}
.s-prio{margin-top:22px}
.s-prio-g{display:grid;gap:12px}
.s-pcard{position:relative;display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:12px;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgba(31,42,74,.07);transition:transform .2s}
.s-pcard:hover{transform:translateY(-3px)}
.s-pcard img{width:96px;height:96px;object-fit:contain;border-radius:14px;background:#fff}
.s-pcard-b{display:flex;flex-direction:column;gap:3px;min-width:0}
.s-pcard-b b{color:#1f2a4a}
.s-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font:800 1rem var(--fn);flex:none}
.s-pcard>.s-rank{position:absolute;left:8px;top:8px}
.s-prob{color:var(--red);font-weight:800}
.s-n{color:#5d6577;font-size:.92rem}
.s-go{display:flex;align-items:center;gap:4px;color:var(--c2);font-weight:800;font-size:.92rem}
.s-okt{color:var(--green);font-weight:800}

/* Pannes */
.s-per{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#fff;padding:5px;border-radius:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(31,42,74,.05)}
.s-per button,.s-per a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:46px;padding:4px 6px;border-radius:12px;font-weight:800;font-size:.92rem;line-height:1.15;color:#5d6577;overflow-wrap:break-word}
.s-per button.on,.s-per a.on{background:#1f2a4a;color:#fff}
.s-models{display:grid;gap:10px}
.s-model{display:grid;grid-template-columns:84px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:#fff;box-shadow:0 2px 10px rgba(31,42,74,.06)}
.s-model img{width:84px;height:84px;object-fit:contain;border-radius:12px}
.s-model-b{display:flex;flex-direction:column;gap:5px;min-width:0}
.s-model-b b{color:#1f2a4a;font-size:1.02rem}
.s-model>.i{color:#9aa3b5}
.s-mhero{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.s-mhero img{width:100%;max-height:220px;object-fit:contain;background:#fff;border-radius:20px;padding:12px}
.s-mhero h1{font-size:1.8rem;color:#1f2a4a}
.s-big{font-size:1.05rem;margin:6px 0 14px}
.s-big b{font:800 2.4rem/1 var(--fn);color:var(--red);margin-right:6px}
.s-mgrid{display:grid;gap:0}
.s-zones{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.s-zones li{display:flex;justify-content:space-between;padding:8px 12px;border-radius:12px;background:#f0f3f8;font-weight:600}
.s-zones b{color:var(--red);font-family:var(--fn)}
.s-prob-r{border-radius:16px;background:#f0f3f8;margin-bottom:10px;overflow:hidden}
.s-prob-r summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px;cursor:pointer;list-style:none}
.s-prob-r summary::-webkit-details-marker{display:none}
.s-prob-r summary b{flex:1;min-width:0;overflow-wrap:anywhere;font-size:1.02rem;color:#1f2a4a}
.s-prob-r summary>.i,.s-prob-r summary .s-rank{flex:none}
.s-pn{font-weight:800;color:var(--red);white-space:nowrap}
.s-prob-r summary>.i{transition:transform .25s;color:#5d6577}
.s-prob-r[open] summary>.i{transform:rotate(180deg)}
.s-prob-b{padding:4px 14px 16px;background:#fff;border-top:1px solid #e3e6ee}
.s-prob-b p{margin:10px 0;line-height:1.55}
.s-prob-b h3{font-size:.92rem;color:#1f2a4a;margin:14px 0 8px}
.s-parts{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.s-parts li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;border-radius:10px;background:#f0f3f8}
.s-parts code{grid-column:1;color:#5d6577}
.s-parts span{grid-row:1/3;grid-column:2;align-self:center;font:800 1.1rem var(--fn)}
.s-ages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.s-ages span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:12px;background:#f0f3f8;font-size:.8rem;text-align:center}
.s-ages b{font:800 1.5rem var(--fn);color:#1f2a4a}
.s-ev{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.s-lots{display:flex;flex-wrap:wrap;gap:8px}
.s-lots span{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:#f0f3f8;font-weight:700}
.s-lots b{font-family:"Cascadia Mono",Consolas,monospace;color:#1f2a4a}

/* Colis */
.s-colis{display:flex;flex-direction:column;gap:16px}
.s-deadline{padding:18px;border-radius:20px;background:var(--red);color:#fff;display:flex;flex-direction:column;gap:6px}
.s-deadline.ok{background:var(--green)}
.s-deadline p{display:flex;align-items:center;gap:8px;font-weight:800}
.s-deadline b{font:800 1.9rem/1.1 var(--fn);font-variant-numeric:tabular-nums}
.s-deadline span{font-size:.9rem;opacity:.9}
.s-sum{padding:16px;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgba(31,42,74,.06);display:flex;flex-direction:column;gap:10px}
.s-sum-n{font-size:1.05rem}
.s-sum-n b{font:800 1.8rem var(--fn);color:#1f2a4a}
.s-addr{display:flex;flex-direction:column;gap:2px;font-size:.95rem;line-height:1.45}
.s-addr b{font-size:.8rem;color:#5d6577;text-transform:uppercase;letter-spacing:.06em}
.s-addr code{font-size:1rem;color:#1f2a4a;overflow-wrap:anywhere}
.s-step{background:#fff;border-radius:20px;padding:18px 16px;margin-bottom:16px;box-shadow:0 2px 10px rgba(31,42,74,.06)}
.s-num{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1f2a4a;color:#fff;font:800 1.1rem var(--fn);flex:none}
.s-lines{display:grid;gap:10px}
.s-line{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:#f0f3f8;border:2px solid transparent}
.s-line.urgent{border-left:6px solid var(--red)}
.s-line.ok{background:rgba(35,168,102,.09);border-color:rgba(35,168,102,.45)}
.s-line.ko{background:#fff;border-color:#e3e6ee;opacity:.85}
.s-line-t{display:flex;align-items:flex-start;gap:12px}
.s-line-t>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.s-line-t b{font-size:1.02rem;color:#1f2a4a;overflow-wrap:anywhere}
.s-line-t code{font-size:1.05rem;color:#1f2a4a}
.s-line-t small{color:#5d6577}
.s-qty{font:800 1.6rem/1 var(--fn);color:#1f2a4a;min-width:52px}
.s-line-a{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.s-line-a button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;border-radius:14px;font-weight:800;background:#fff;border:2px solid #cfd5e2;color:#1f2a4a}
.s-line-a .yes.on{background:var(--green);border-color:var(--green);color:#fff}
.s-line-a .no.on{background:#5d6577;border-color:#5d6577;color:#fff}
.s-date{display:flex;flex-direction:column;gap:4px;font-size:.88rem;font-weight:700;color:#5d6577}
.s-date input,.s-form input,.s-form select,.s-write textarea,.s-login input{min-height:52px;padding:10px 14px;border:2px solid #cfd5e2;border-radius:14px;background:#fff;font-size:17px;width:100%}
.s-why{margin-top:14px;font-size:.92rem;color:#5d6577}
.s-why summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:700}
.s-why ul{margin:6px 0 0;padding-left:20px}
.s-form{display:grid;gap:12px}
.s-form label,.s-write,.s-login label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#3b4252;font-size:.95rem}
.s-check{flex-direction:row!important;align-items:center;gap:12px!important;min-height:52px;font-weight:600!important}
.s-check input{width:26px!important;height:26px;min-height:0!important;accent-color:var(--green)}
.s-form .s-cta{width:100%}
.s-done{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px;border-radius:18px;background:rgba(35,168,102,.1);color:#16653f;text-align:center}
.s-done .i{width:44px;height:44px;padding:8px;border-radius:50%;background:var(--green);color:#fff}
.s-bottom{position:fixed;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));z-index:65;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid #e3e6ee;font-size:.95rem}
.s-bottom b{font:800 1.3rem var(--fn)}
.s-p-colis{padding-bottom:90px}

/* Garanties */
.s-tabs2{display:flex;gap:6px;margin-bottom:16px}
.s-tabs2 a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:14px;background:#fff;font-weight:800;color:#5d6577;text-align:center}
.s-tabs2 a.on{background:#1f2a4a;color:#fff}
.s-tabs2 b{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:var(--red);color:#fff;font:800 .8rem var(--fn)}
.s-claims{display:grid;gap:14px}
.s-claim{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgba(31,42,74,.07)}
.s-claim-v{display:block;width:100%}
.s-claim-b{display:flex;flex-direction:column;gap:4px}
.s-claim-b b{font-size:1.08rem;color:#1f2a4a}
.s-claim-b p{line-height:1.5;margin:4px 0}
.s-claim-b small{color:#5d6577}
.s-claim-a{display:grid;gap:8px}
.s-claim-a button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border-radius:14px;font-weight:800;border:2px solid #cfd5e2;background:#fff;color:#1f2a4a}
.s-claim-a .yes{background:var(--green);border-color:var(--green);color:#fff}
.s-claim-a .no{border-color:var(--red);color:var(--red)}
.s-st{display:inline-flex;align-self:flex-start;padding:8px 14px;border-radius:12px;font-weight:800;background:#f0f3f8}
.s-st.ok{background:rgba(35,168,102,.14);color:#16653f}
.s-st.no{background:rgba(195,59,81,.12);color:var(--red)}
.s-reasons{display:grid;gap:8px;margin-top:10px}
.s-reasons button{min-height:56px;border-radius:14px;border:2px solid #cfd5e2;font-weight:800;font-size:1rem;color:#1f2a4a}
.s-reasons button:hover{border-color:var(--red);color:var(--red)}

/* Questions */
.s-help{display:grid;gap:0}
.s-chat{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;margin-bottom:10px}
.s-chat:empty{display:none}
.s-say{max-width:88%;padding:10px 14px;border-radius:16px;line-height:1.45}
.s-say.me{align-self:flex-end;background:#1f2a4a;color:#fff;border-bottom-right-radius:4px}
.s-say.bot{align-self:flex-start;background:#f0f3f8;border-bottom-left-radius:4px}
.s-sugg{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.s-sugg button{min-height:50px;padding:10px 14px;border-radius:14px;border:2px solid #e3e6ee;text-align:left;font-weight:700;color:#1f2a4a}
.s-ask{display:flex;gap:8px}
.s-ask input{flex:1;min-width:0;min-height:52px;padding:10px 14px;border:2px solid #cfd5e2;border-radius:14px;font-size:17px}
.s-msg{padding:12px 14px;border-radius:14px;background:#f0f3f8;margin-bottom:8px}
.s-msg.new{border-left:5px solid var(--red)}
.s-msg b{color:#1f2a4a}
.s-msg p{margin:4px 0}
.s-msg small{color:#5d6577}
.s-write{margin:14px 0 12px}
.s-how{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.s-how li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:12px;border-radius:14px;background:#f0f3f8}
.s-how i{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1f2a4a;color:#fff}
.s-how b{color:#1f2a4a}
.s-how span{color:#3b4252;font-size:.95rem}

/* Connexion */
.s-p-connexion{display:grid;place-items:center;min-height:70vh}
.s-login{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;padding:26px 20px;border-radius:24px;background:#fff;box-shadow:0 10px 40px rgba(31,42,74,.12)}
.s-login img{width:140px}
.s-login h1{font-size:1.7rem;color:#1f2a4a}
.s-login .s-cta{width:100%}

/* Pied de page */
#s-foot{background:#1f2a4a;color:#f0f3f8;margin-top:20px}
.s-foot-in{display:flex;flex-direction:column;gap:18px;max-width:1200px;margin:0 auto;padding:26px 16px calc(100px + env(safe-area-inset-bottom));font-size:.9rem}
.s-foot-a img{height:34px;width:auto;margin-bottom:10px}
.s-foot-a p{opacity:.9;margin-bottom:6px}
.s-foot-lock{display:flex;gap:8px;align-items:flex-start}
.s-foot-n{display:none}
.s-foot-b{display:flex;flex-direction:column;gap:4px}
.s-foot-b a,.s-foot-b button{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#fff;font-weight:600;text-align:left}
.s-p-connexion~*{}

/* Fenêtres : plus grandes et plus lisibles qu'en version complète */
.mdl-box .s-cta{width:100%;margin-top:12px}
.lbm .lb .thumb{aspect-ratio:16/9}

/* Ordinateur */
@media(min-width:520px){.s-per{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:720px){
  .s-prio-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .s-pcard{grid-template-columns:1fr;text-align:left}
  .s-pcard img{width:100%;height:150px}
  .s-models{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-ev{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1024px){
  body{font-size:16px}
  /* En-tête : trois colonnes qui ne peuvent pas se marcher dessus. Le menu prend la place qui reste,
     ses onglets rétrécissent (icône au-dessus du libellé) au lieu de déborder sur le logo ou la langue. */
  .s-head-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:16px;height:72px;max-width:1360px;padding:0 24px}
  .s-lock{flex:none}
  .s-nav{display:flex;align-items:stretch;justify-content:center;gap:2px;height:72px;min-width:0;overflow-x:clip}
  .s-nav a{position:relative;flex:0 1 auto;min-width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 10px;font-weight:700;font-size:.76rem;line-height:1.15;text-align:center;color:rgba(255,255,255,.75);border-bottom:4px solid transparent}
  .s-nav a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:118px}
  .s-nav a .i{width:22px;height:22px;flex:none}
  .s-nav a:hover{color:#fff}
  .s-nav a.on{color:#fff;border-bottom-color:var(--red)}
  .s-nav .s-bd{position:absolute;top:8px;left:calc(50% + 6px)}
  .s-user{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1)}
  .s-user span{display:none}
  #s-tabs,.s-bottom{display:none!important}
  .s-page{padding:32px 24px 40px}
  .s-title h1,.s-hello h1{font-size:2.3rem}
  .s-home{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:24px}
  .s-todo-c{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
  .s-btn{grid-column:auto;padding:0 18px;max-width:220px;text-align:center}
  .s-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-stats .s-stat:first-child{grid-column:1/-1}
  .s-models{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .s-model{grid-template-columns:1fr;text-align:left;padding:16px;transition:transform .2s}
  .s-model:hover{transform:translateY(-4px)}
  .s-model img{width:100%;height:160px}
  .s-model>.i{display:none}
  .s-per{display:inline-flex;flex-wrap:wrap;max-width:100%}
  .s-per button,.s-per a{flex:none;padding:0 18px}
  .s-mhero{flex-direction:row;align-items:center;gap:28px}
  .s-mhero>div{flex:1;min-width:0}
  .s-mhero img{width:340px;max-height:260px}
  .s-mgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
  .s-colis{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:24px}
  .s-colis-side{order:2;position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
  .s-colis-main{order:1}
  .s-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .s-line-a{grid-template-columns:auto auto}
  .s-line-a button{padding:0 18px}
  .s-date{grid-column:1/-1}
  .s-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-form .s-check,.s-form .s-cta,.s-form .s-sub{grid-column:1/-1}
  .s-p-colis{padding-bottom:40px}
  .s-tabs2{display:inline-flex;flex-wrap:wrap;max-width:100%}
  .s-tabs2 a{flex:none;padding:0 24px}
  .s-claim{display:grid;grid-template-columns:260px minmax(0,1fr) 230px;align-items:start;gap:20px}
  .s-help{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
  .s-help .s-box{margin-bottom:0}
  .s-howbox{grid-column:1/-1}
  .s-how{grid-template-columns:repeat(3,minmax(0,1fr))}
  .s-sugg{flex-direction:row;flex-wrap:wrap}
  .s-foot-in{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);padding:36px 24px;gap:32px}
  .s-foot-n{display:flex;flex-direction:column;gap:2px}
  .s-foot-n a{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:#fff;opacity:.85}
  .s-foot-n a:hover,.s-foot-b a:hover{opacity:1;text-decoration:underline}
}
@media(min-width:1440px){
  .s-nav a{flex-direction:row;gap:8px;padding:0 14px;font-size:.95rem}
  .s-nav a span{display:block;max-width:none;white-space:nowrap;text-overflow:ellipsis;min-width:0}
  .s-nav .s-bd{position:static;flex:none}
}
@media(max-width:400px){.s-lock b{letter-spacing:.05em;font-size:.84rem}.s-lock img{height:26px}}

/* Logo de la marque à côté du nôtre, après le « × » : la largeur suit la forme du logo (mot long ou emblème) */
.s-lock .s-lock-m{flex:0 1 auto;min-width:0;width:auto;max-width:100%;object-fit:contain;object-position:left center}
.s-lock .s-lock-m.mm{height:13px}
.s-lock .s-lock-m.tv{height:34px}
.s-login-lk{display:flex;align-items:center;gap:10px;margin:0}
.s-login-lk img{width:auto!important;height:34px}
.s-login-lk img.mm{height:16px;max-width:60%}
.s-login-lk img.tv{height:46px}
.s-login-lk i{font-style:normal;font-size:1.2rem;color:#5d6577}
@media(min-width:1024px){.s-lock .s-lock-m.mm{height:16px}.s-lock .s-lock-m.tv{height:40px}}
@media(max-width:400px){.s-lock .s-lock-m.mm{height:11px}.s-lock .s-lock-m.tv{height:30px}}
@media(min-width:1024px){.s-head-in>.s-tools{grid-column:3}}