:root{--roi: #16157F;--roi-2: #25239A;--jaune: #FFD500;--jaune-2: #FFC716;--orange: #F9A01F;--jaune-pale: #FFF6CC;--papier: #FFFFFF;--brume: #F1F2F8;--trait: #D9DBEA;--encre: #16157F;--encre-2: #4D4C86;--tuile: #FFFFFF;--ok: #1D7A4C;--ok-fond: #E3F3EA;--alerte: #B42318;--alerte-fond: #FDECEA;--attente: #8A5A00;--attente-fond: #FFF4D6;--f-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;--f-ui: "Archivo", "Helvetica Neue", Arial, sans-serif;--f-code: "IBM Plex Mono", ui-monospace, Menlo, monospace;--t-hover: .18s;--r: 3px;--page: 1320px;--g: clamp(16px, 3vw, 32px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--f-ui);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px)}img{max-width:100%}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--jaune-2);outline-offset:2px}[hidden]{display:none!important}h1,h2,h3,h4{text-wrap:balance;margin:0}p{margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100vh;display:flex;flex-direction:column}.app>main{flex:1}.wrap{max-width:var(--page);margin-inline:auto;padding-inline:var(--g)}.num{font-variant-numeric:tabular-nums}.code{font-family:var(--f-code);font-size:12px;letter-spacing:0}.caps{text-transform:uppercase;letter-spacing:.09em;font-weight:600;font-size:11.5px;font-variation-settings:"wdth" 112}.display{font-family:var(--f-display);font-style:italic;font-weight:500;letter-spacing:-.01em;line-height:1.04}.muted{color:var(--encre-2)}.band{background:var(--jaune);color:#16157f}.band .wrap{display:flex;gap:24px;justify-content:space-between;align-items:center;padding-block:8px;font-size:13px;font-weight:500}.band .right{display:flex;gap:20px}@media(max-width:760px){.band .right{display:none}}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--papier);border-bottom:1px solid var(--trait)}.top .row{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding-block:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:42px;height:auto;display:block}.brand b{font-family:var(--f-display);font-style:italic;font-weight:600;font-size:30px;line-height:1;color:var(--encre)}.brand small{display:block;margin-top:3px;color:var(--encre-2);white-space:nowrap}.search{display:flex;align-items:center;border:1.5px solid var(--encre);border-radius:var(--r);background:var(--papier);max-width:640px;position:relative}.search input{flex:1;min-width:0;border:0;background:transparent;padding:12px 14px;color:var(--encre)}.search input::placeholder{color:var(--encre-2)}.search input:focus{outline:none}.search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--jaune) 70%,transparent)}.search kbd{font-family:var(--f-code);font-size:11px;color:var(--encre-2);border:1px solid var(--trait);border-radius:2px;padding:2px 6px;margin-right:10px}.suggest{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 6px);background:var(--papier);border:1.5px solid var(--encre);border-radius:var(--r);z-index:30;box-shadow:0 18px 40px #0a0a2829;overflow:hidden}.suggest a,.suggest button.all{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px;text-decoration:none;border-bottom:1px solid var(--trait);background:none;border-inline:0;border-top:0;width:100%;text-align:left}.suggest a:hover,.suggest a.on,.suggest button.all:hover{background:var(--brume)}.suggest .im{width:40px;height:40px;background:var(--tuile);border:1px solid var(--trait);border-radius:2px}.suggest .im img{width:100%;height:100%;object-fit:contain;padding:3px;display:block}.suggest .n{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest button.all{display:block;font-weight:600;border-bottom:0}.actions{display:flex;gap:6px;align-items:center}.linkbtn{background:none;border:0;padding:10px 8px;font-weight:500;text-decoration:none;white-space:nowrap}.cartbtn{display:flex;align-items:center;gap:10px;background:#16157f;color:#fff;border:0;border-radius:var(--r);padding:10px 14px 10px 12px;font-weight:600;margin-left:6px}.cartbtn .n{background:var(--jaune);color:#16157f;min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;font-size:12px;padding-inline:6px}nav.rayons{border-top:1px solid var(--trait)}nav.rayons .wrap{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;padding-block:11px}nav.rayons .wrap::-webkit-scrollbar{display:none}nav.rayons a{white-space:nowrap;text-decoration:none;padding-bottom:2px}.menu{position:relative}.menu-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r);box-shadow:0 18px 40px #0a0a2829;z-index:30;padding:6px}.menu-pop a,.menu-pop button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;background:none;text-decoration:none;border-radius:2px}.menu-pop a:hover,.menu-pop button:hover{background:var(--brume)}.menu-pop .who{padding:9px 10px 10px;border-bottom:1px solid var(--trait);margin-bottom:4px;font-size:13px;color:var(--encre-2)}.menu-pop .who b{display:block;color:var(--encre);font-size:14px}@media(max-width:860px){.top .row{grid-template-columns:1fr auto;gap:12px}.search{grid-column:1 / -1;grid-row:2;max-width:none}.search kbd,.hide-m{display:none}.brand b{font-size:26px}.cartbtn .lbl{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--r);padding:12px 20px;font-weight:600;border:1.5px solid transparent;text-decoration:none;line-height:1.2;white-space:nowrap}.btn-jaune{background:var(--jaune);color:#16157f}.btn-jaune:hover:not(:disabled){background:var(--jaune-2)}.btn-roi{background:#16157f;color:#fff}.btn-roi:hover:not(:disabled){background:var(--roi-2)}.btn-ligne{border-color:currentColor;background:transparent}.btn-ligne:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.btn-danger{background:var(--alerte);color:#fff}.btn-sm{padding:7px 12px;font-size:13.5px}.btn-block{width:100%}.lien{background:none;border:0;padding:0;font-weight:600;text-decoration:none}.tag{display:inline-grid;grid-template-columns:auto auto;align-items:end;gap:0 10px;background:var(--jaune);color:#16157f;padding:6px 10px;border-radius:2px;white-space:nowrap}.tag .p{font-weight:800;font-size:22px;line-height:1;font-variation-settings:"wdth" 88;font-variant-numeric:tabular-nums}.tag .p sup{font-size:.55em;vertical-align:.55em;margin-left:1px}.tag .u{font-size:11px;line-height:1.2;font-weight:500}.tag.big{padding:12px 16px}.tag.big .p{font-size:46px}.hex{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--encre-2)}.hex:before{content:"";flex:none;width:11px;height:12px;background:var(--encre);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 7px;border-radius:2px;text-transform:uppercase;font-variation-settings:"wdth" 110;white-space:nowrap}.pill.net{background:var(--brume);color:var(--encre)}.pill.new{background:#16157f;color:#fff}.pill.promo{background:var(--orange);color:#16157f}.pill.off{background:var(--alerte-fond);color:var(--alerte)}.pimg{background:var(--tuile);border:1px solid var(--trait);border-radius:2px;display:block;position:relative;overflow:hidden}.pimg img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.pimg .ph{aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:6px;color:#8a89b8;background:#f6f6fb}.pimg .ph:before{content:"";width:22%;aspect-ratio:11 / 12;background:#d9dbea;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.pimg .ph span{font-family:var(--f-code);font-size:11px}.sec{padding-block:clamp(44px,6vw,80px)}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}.sec-head .display{font-size:clamp(28px,3.4vw,44px);margin-top:14px}.boxed{display:inline-block;border:1.5px solid var(--encre);padding:9px 16px 8px;font-size:clamp(15px,1.6vw,19px);letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-variation-settings:"wdth" 118}.xh{padding-block:clamp(28px,4vw,56px);border-bottom:1px solid var(--trait)}.xh-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center}.xh-text{display:grid;gap:16px;min-width:0}.xh h1{font-size:clamp(42px,5.6vw,84px)}.xh h1 em{font-style:inherit;background:linear-gradient(transparent 72%,var(--jaune) 72%,var(--jaune) 84%,transparent 84%);padding-inline:.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.xh .lead{color:var(--encre-2);font-size:16px;max-width:50ch}.xh-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.xh-facts{display:grid;grid-template-columns:repeat(4,minmax(0,auto));justify-content:start;gap:0;margin:10px 0 4px;border-block:1px solid var(--trait)}.xh-facts div{padding:14px 26px 14px 0;display:grid;gap:2px}.xh-facts div+div{padding-left:26px;border-left:1px solid var(--trait)}.xh-facts dt{font-size:12px;color:var(--encre-2);order:2}.xh-facts dd{margin:0;font-family:var(--f-display);font-style:italic;font-weight:500;font-size:32px;line-height:1.05;color:var(--encre)}@media(max-width:600px){.xh-facts{grid-template-columns:1fr 1fr}.xh-facts div:nth-child(3){padding-left:0;border-left:0}.xh-facts div:nth-child(n+3){border-top:1px solid var(--trait)}}.xh-chips{display:flex;flex-wrap:wrap;gap:8px}.xh-chips a{display:inline-flex;gap:8px;align-items:baseline;border:1px solid var(--trait);border-radius:20px;padding:7px 13px;font-size:13.5px;text-decoration:none}.xh-chips .code{color:var(--encre-2);font-size:11px}.xh-chips a.all{border-color:transparent;font-weight:600;padding-inline:4px}.st{position:relative;aspect-ratio:4 / 5;max-height:calc(100vh - 220px);justify-self:end;width:100%;max-width:480px;overflow:hidden;border-radius:18px;background:var(--brume);box-shadow:0 30px 60px #0a0a282e;isolation:isolate}.st img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .5s ease,transform 6s ease-out;-webkit-user-select:none;user-select:none}.st img.on{opacity:1;transform:scale(1)}.st:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(10,10,40,.38),transparent 22%,transparent 70%,rgba(10,10,40,.55));pointer-events:none;z-index:1}.st-bars{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:5px;z-index:3}.st-bars span{flex:1;height:3px;border-radius:2px;background:#fff6;overflow:hidden;position:relative}.st-bars span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleX(0);transform-origin:left}.st-bars span.full:after{transform:none}.st-bars span.run:after{animation:stbar linear forwards}.st.paused .st-bars span.run:after{animation-play-state:paused}.st-zone{position:absolute;top:0;bottom:70px;width:50%;z-index:2;background:none;border:0;padding:0;cursor:pointer}.st-zone.prev{left:0;cursor:w-resize}.st-zone.next{right:0;cursor:e-resize}.st-foot{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff}.st-cta{background:var(--jaune);color:#16157f;text-decoration:none;font-weight:700;padding:10px 16px;border-radius:22px;font-size:14px}.st-cta:hover{background:var(--jaune-2)}.st-empty{aspect-ratio:4 / 5;border-radius:18px;background:var(--brume)}@keyframes stbar{to{transform:none}}@media(max-width:900px){.xh-grid{grid-template-columns:1fr}.st{order:-1;justify-self:stretch;max-width:none;aspect-ratio:4 / 3;max-height:none}}@media(prefers-reduced-motion:reduce){.st img{transition:none;transform:none}}.banners{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.banners a{scroll-snap-align:start;display:block;border-radius:2px;overflow:hidden;border:1px solid var(--trait)}.banners img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.index{columns:3 260px;column-gap:48px;margin:0;padding:0;list-style:none}.index li{break-inside:avoid;border-bottom:1px solid var(--trait)}.index a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;text-decoration:none}.index .display{font-size:24px}.index .code{color:var(--encre-2)}.cert{background-color:var(--jaune-pale);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64'%3E%3Cpath d='M28 4 52 18v28L28 60 4 46V18z' fill='none' stroke='%23F2B800' stroke-opacity='.28' stroke-width='1.5'/%3E%3C/svg%3E");background-size:56px 64px;color:var(--encre);border-block:1px solid color-mix(in srgb,var(--jaune-2) 45%,var(--papier))}.cert .wrap{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:clamp(40px,5vw,64px)}.cert h2{font-family:var(--f-display);font-style:italic;font-weight:500;font-size:clamp(30px,3.6vw,46px);line-height:1.05}.cert h2 em{font-style:inherit;background:linear-gradient(transparent 72%,var(--jaune) 72%,var(--jaune) 86%,transparent 86%)}.cert p{margin-top:14px;font-size:14.5px;max-width:36ch;color:var(--encre)}.cert ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;align-content:start}.cert li{border-bottom:1px solid color-mix(in srgb,var(--encre) 18%,var(--jaune-pale))}.cert li a{display:flex;align-items:center;gap:12px;padding:13px 0;text-decoration:none;font-family:var(--f-display);font-size:clamp(18px,1.7vw,22px);font-weight:600;font-variation-settings:"opsz" 14}.cert li a:before{content:"";flex:none;width:10px;height:11px;background:var(--encre);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:transform .3s ease}.cert li a:hover:before{transform:rotate(90deg) scale(1.15)}.cert li a span{--ul: var(--encre);--ulh: 1.5px;background-image:linear-gradient(var(--ul),var(--ul));background-repeat:no-repeat;background-position:0 100%;background-size:0% var(--ulh);transition:background-size var(--t-hover) cubic-bezier(.4,0,.2,1);padding-bottom:1px}.cert li a:hover span,.cert li a:focus-visible span{background-size:100% var(--ulh)}@media(max-width:900px){.cert ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cert .wrap{grid-template-columns:1fr}}@media(max-width:460px){.cert ul{grid-template-columns:1fr}}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--encre)}.steps>div{padding:22px 28px 6px 0}.steps>div+div{padding-left:28px;border-left:1px solid var(--trait)}.steps .code{color:var(--encre-2)}.steps h3{font-size:19px;font-weight:650;margin:10px 0 8px}.steps p{color:var(--encre-2);max-width:34ch}@media(max-width:760px){.steps{grid-template-columns:1fr}.steps>div+div{padding-left:0;border-left:0;border-top:1px solid var(--trait)}}.list{border-top:1px solid var(--trait)}.line{display:grid;grid-template-columns:76px minmax(0,1fr) 140px 150px 132px;gap:18px;align-items:center;padding:10px 0;border-bottom:1px solid var(--trait)}.line .pimg img{padding:6px}.line .nm{text-decoration:none;font-weight:600;font-size:15.5px;line-height:1.3;display:block}.line .meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:var(--encre-2);font-size:13px;align-items:center}.line .over{font-size:11px;color:var(--encre-2);margin-bottom:2px}.line .colis{font-size:13px;color:var(--encre-2);text-align:right}.line .colis b{display:block;color:var(--encre);font-size:15px;font-weight:600}.line .px,.line .act{justify-self:end}.line.off{opacity:.6}@media(max-width:900px){.line{grid-template-columns:64px minmax(0,1fr) auto;gap:12px;row-gap:8px}.line .colis{display:none}.line .px{grid-column:2;justify-self:start}.line .act{grid-column:3;grid-row:1 / 3;align-self:center}}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--encre);border-radius:var(--r);height:40px;background:var(--papier)}.qty button{width:36px;height:100%;background:none;border:0;font-size:18px;font-weight:500}.qty input{width:38px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;border:0;background:transparent;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty input:focus{outline:none;background:var(--brume)}.add{height:40px;padding:0 16px;border:0;border-radius:var(--r);background:#16157f;color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.add:hover:not(:disabled){background:var(--roi-2)}.qty-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.qty-wrap small{font-size:11px;color:var(--encre-2)}.cat{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,56px);padding-block:28px 72px}.side{align-self:start;position:sticky;top:150px;max-height:calc(100vh - 170px);overflow:auto;scrollbar-width:thin}.side h4{margin:0 0 10px;color:var(--encre-2)}.side ul{list-style:none;margin:0 0 28px;padding:0}.side li a{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;margin-inline:-10px;border-radius:2px;text-decoration:none;font-size:14.5px}.side li a[aria-current=page]{background:var(--jaune);color:#16157f;font-weight:600}.side .code{color:inherit;opacity:.7}.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--encre-2);margin-bottom:12px}.crumbs a{text-underline-offset:3px}.cat-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;padding-bottom:18px}.cat-head h1{font-size:clamp(36px,4.6vw,60px)}.cat-head p{margin-top:8px;color:var(--encre-2)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.select,.toolbar select{color:var(--encre);background:var(--papier);border:1px solid var(--trait);border-radius:var(--r);padding:9px 10px}.seg{display:inline-flex;border:1px solid var(--trait);border-radius:var(--r);overflow:hidden}.seg button{background:var(--papier);border:0;padding:9px 12px;font-size:13px;font-weight:500}.seg button[aria-pressed=true]{background:#16157f;color:#fff}.chips{display:none;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:12px}.chips a{white-space:nowrap;border:1px solid var(--trait);background:var(--papier);border-radius:20px;padding:7px 12px;font-size:13px;text-decoration:none}.chips a[aria-current=page]{background:var(--jaune);color:#16157f;border-color:var(--jaune);font-weight:600}.cat-banner{display:block;width:100%;aspect-ratio:5 / 1;object-fit:cover;border-radius:2px;margin-bottom:18px}.more{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 0 0}@media(max-width:900px){.cat{grid-template-columns:1fr}.side{display:none}.chips{display:flex}nav.rayons.on-cat{display:none}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px 20px;padding-top:6px}.card{display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-width:0}.card .pimg img{padding:12%}.card .badges{position:absolute;left:8px;top:8px;display:flex;gap:4px}.card .nm{text-decoration:none;font-weight:600;font-size:15px;line-height:1.3;display:block}.card .meta{font-size:12.5px;color:var(--encre-2);margin-top:3px}.card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.fp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:28px 40px}.fp .pimg img{padding:10%}.fp .pimg .code{position:absolute;left:14px;bottom:12px;color:#4d4c86}.fp h1{font-size:clamp(32px,4vw,54px);margin:10px 0 8px}.fp .sub{color:var(--encre-2);font-size:16px;margin-bottom:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.fp .desc{margin-top:18px;max-width:60ch;color:var(--encre-2)}.buy{display:flex;flex-wrap:wrap;gap:20px;align-items:end;padding:22px 0;margin-top:18px;border-block:1px solid var(--trait)}.buy .qty{height:52px}.buy .qty button{width:44px}.buy .add{height:52px;padding:0 24px;font-size:16px}.colisline{font-size:14px;color:var(--encre-2);margin-top:8px}.colisline b{color:var(--encre)}.specs{display:grid;grid-template-columns:auto 1fr;margin:24px 0 0}.specs dt,.specs dd{padding:10px 0;border-bottom:1px solid var(--trait);margin:0}.specs dt{color:var(--encre-2);font-size:13.5px;padding-right:24px}.specs dd{font-weight:500;min-width:0;overflow-wrap:anywhere}@media(max-width:900px){.fp{grid-template-columns:1fr}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a2873;z-index:40;animation:fade .2s ease-out}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--papier);z-index:41;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-20px 0 60px #0a0a2840;animation:slide .25s ease-out}.drawer>header{display:flex;justify-content:space-between;align-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) 22px 18px;border-bottom:1px solid var(--trait)}.drawer h2{font-family:var(--f-display);font-style:italic;font-weight:500;font-size:30px}.drawer .items{overflow-y:auto;padding:4px 22px}.drawer>footer{padding:18px 22px calc(20px + env(safe-area-inset-bottom,0px));border-top:1.5px solid var(--encre);display:grid;gap:12px}.cline{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--trait)}.cline .pimg img{padding:4px}.cline .n{font-weight:600;font-size:14px;line-height:1.3;text-decoration:none;display:block}.cline .m{font-size:12.5px;color:var(--encre-2)}.cline .qty{height:34px}.cline .qty button{width:30px}.cline .qty input{width:32px}.tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.tot b{font-size:28px;font-weight:800;font-variation-settings:"wdth" 88}@keyframes slide{0%{transform:translate(30px);opacity:.5}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.mbar{display:none}@media(max-width:760px){.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-between;align-items:center;gap:12px;background:#16157f;color:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border:0;width:100%;font-weight:600}.mbar b{background:var(--jaune);color:#16157f;padding:7px 12px;border-radius:var(--r)}.app.has-mbar{padding-bottom:64px}}.page{padding-block:36px 80px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:28px}.page-head h1{font-size:clamp(36px,4.6vw,60px)}.narrow{max-width:560px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,56px);align-items:start}@media(max-width:960px){.two-col{grid-template-columns:1fr}}.panel{border:1.5px solid var(--encre);border-radius:var(--r);padding:22px;display:grid;gap:14px}.panel.sticky{position:sticky;top:150px}.panel h2{font-size:13px}.form{display:grid;gap:16px}.fieldset{display:grid;gap:14px;border:0;padding:0;margin:0 0 12px}.fieldset legend{padding:0;margin-bottom:12px;font-family:var(--f-display);font-style:italic;font-size:26px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:2fr 1fr;gap:14px}@media(max-width:560px){.row2,.row3{grid-template-columns:1fr}}.field{display:grid;gap:6px;min-width:0}.field>span{font-size:13px;font-weight:600}.field>span em{font-style:normal;font-weight:400;color:var(--encre-2)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--trait);border-radius:var(--r);padding:11px 12px;background:var(--papier);color:var(--encre)}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--encre);box-shadow:0 0 0 3px color-mix(in srgb,var(--jaune) 60%,transparent)}.field .hint{font-size:12.5px;color:var(--encre-2)}.field .err{font-size:12.5px;color:var(--alerte);font-weight:500}.field input[aria-invalid=true]{border-color:var(--alerte)}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice{position:relative}.choice input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.choice span{display:inline-block;border:1px solid var(--trait);border-radius:var(--r);padding:9px 14px;font-weight:500}.choice input:checked+span{background:#16157f;color:#fff;border-color:#16157f}.choice input:focus-visible+span{outline:2px solid var(--jaune-2);outline-offset:2px}.note{border-radius:var(--r);padding:12px 14px;font-size:14px;border:1px solid transparent}.note.ok{background:var(--ok-fond);color:var(--ok)}.note.alerte{background:var(--alerte-fond);color:var(--alerte)}.note.info{background:var(--brume);color:var(--encre)}.note.attente{background:var(--attente-fond);color:var(--attente)}.empty{padding:48px 0;color:var(--encre-2);display:grid;gap:14px;justify-items:start}.empty .display{font-size:30px;color:var(--encre)}.skel{background:linear-gradient(90deg,var(--brume),color-mix(in srgb,var(--brume) 40%,var(--papier)),var(--brume));background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:2px}@keyframes shimmer{to{background-position:-200% 0}}.skel-line{height:96px;border-bottom:1px solid var(--trait);display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center}.skel-line .a{width:76px;height:76px}.skel-line .b{height:14px;width:60%}.status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%}.st-pending{background:var(--attente-fond);color:var(--attente)}.st-pending:before{background:currentColor}.st-confirmed,.st-preparing,.st-shipped{background:var(--brume);color:var(--encre)}.st-confirmed:before,.st-preparing:before,.st-shipped:before{background:var(--jaune-2)}.st-delivered{background:var(--ok-fond);color:var(--ok)}.st-delivered:before{background:currentColor}.st-cancelled{background:var(--alerte-fond);color:var(--alerte)}.st-cancelled:before{background:currentColor}.table-wrap{overflow-x:auto;border-top:1.5px solid var(--encre)}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--encre-2);padding:12px 12px 10px;border-bottom:1px solid var(--trait);white-space:nowrap;font-variation-settings:"wdth" 112}table.t td{padding:12px;border-bottom:1px solid var(--trait);vertical-align:middle}table.t td.r,table.t th.r{text-align:right}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:var(--brume)}table.t th:first-child,table.t td:first-child{padding-left:0}table.t th:last-child,table.t td:last-child{padding-right:0}.track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:6px 0 28px;counter-reset:s}.track li{list-style:none;border-top:4px solid var(--trait);padding-top:10px;font-size:13px;color:var(--encre-2)}.track li.done{border-color:var(--jaune);color:var(--encre)}.track li.now{border-color:#16157f;color:var(--encre);font-weight:600}.track{padding:0;gap:6px}@media(max-width:600px){.track{grid-template-columns:1fr;gap:0}.track li{border-top:0;border-left:4px solid var(--trait);padding:6px 0 6px 12px}.track li.done{border-color:var(--jaune)}.track li.now{border-color:#16157f}}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px}.kv dt{color:var(--encre-2)}.kv dd{margin:0;font-weight:500;min-width:0;overflow-wrap:anywhere}.pager{display:flex;gap:6px;justify-content:center;align-items:center;padding-top:22px;flex-wrap:wrap}.pager button{min-width:38px;height:38px;border:1px solid var(--trait);background:var(--papier);border-radius:var(--r)}.pager button[aria-current=true]{background:#16157f;color:#fff;border-color:#16157f}.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 160px)}.auth .side-art{background:var(--papier);color:var(--encre);border-right:1px solid var(--trait);padding:clamp(32px,6vw,80px);display:grid;align-content:space-between;gap:32px}.auth .side-art .display{color:var(--encre);font-size:clamp(40px,5vw,72px)}.auth .side-art p{color:var(--encre-2);max-width:40ch;margin-top:16px}.auth .side-art ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px;color:var(--encre-2)}.auth .side-art li:before{content:"";display:inline-block;width:9px;height:10px;margin-right:10px;background:var(--jaune);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.auth .formside{padding:clamp(32px,6vw,80px) var(--g);display:grid;align-content:center}.auth .formside>div{width:100%;max-width:440px;margin-inline:auto;display:grid;gap:22px}.auth h1{font-size:clamp(34px,4vw,48px)}@media(max-width:860px){.auth{grid-template-columns:1fr}.auth .side-art{display:none}}footer.pied{background:var(--papier);color:var(--encre-2);margin-top:24px;border-top:1.5px solid var(--encre)}footer.pied .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:48px 28px}footer.pied b.logo{font-family:var(--f-display);font-style:italic;font-size:34px;color:var(--encre);font-weight:500}footer.pied h4{margin:0 0 10px;color:var(--encre)}footer.pied ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}footer.pied a{text-decoration:none}footer.pied .legal{grid-column:1 / -1;border-top:1px solid var(--trait);padding-top:18px;font-size:12.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:760px){footer.pied .wrap{grid-template-columns:1fr 1fr}footer.pied .wrap>div:first-child{grid-column:1 / -1}}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;display:grid;gap:8px;width:min(420px,calc(100% - 32px))}.toast{background:#16157f;color:#fff;padding:12px 16px;border-radius:var(--r);font-weight:500;box-shadow:0 12px 30px #0a0a284d;animation:fade .2s ease-out;border-left:5px solid var(--jaune)}.toast-alerte{border-left-color:#ff9c92}@media(max-width:760px){.toasts{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}.dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0a0a2873}.dialog>div,.dialog>form{background:var(--papier);border-radius:var(--r);width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;display:grid;gap:16px;box-shadow:0 30px 80px #0a0a2859}.dialog h2{font-family:var(--f-display);font-style:italic;font-weight:500;font-size:28px}.dialog .btns{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.view{animation:in .3s ease-out}@keyframes in{0%{transform:translateY(6px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.view,.drawer,.scrim,.toast,.skel{animation:none}}.linkbtn,.line .nm,.card .nm,.cline .n,footer.pied a,.index .display,nav.rayons a{--ul: currentColor;--ulh: 1.5px;text-decoration:none;background-image:linear-gradient(var(--ul),var(--ul));background-repeat:no-repeat;background-position:0 100%;background-size:0% var(--ulh);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size var(--t-hover) cubic-bezier(.4,0,.2,1)}.line .nm,.card .nm,.cline .n{display:inline;padding-bottom:1px}.linkbtn{background-origin:content-box}.linkbtn:hover,.linkbtn:focus-visible,.line .nm:hover,.card .nm:hover,.cline .n:hover,footer.pied a:hover,.index a:hover .display,.index a:focus-visible .display,nav.rayons a:hover,nav.rayons a:focus-visible{background-size:100% var(--ulh)}footer.pied a{padding-bottom:1px}.index .display{--ul: var(--jaune);--ulh: 4px;padding-bottom:2px}.index a .code{transition:transform var(--t-hover) ease,color var(--t-hover) ease}.index a:hover .code{transform:translate(-4px);color:var(--encre)}nav.rayons a{--ul: var(--jaune);--ulh: 3px;padding-bottom:4px}nav.rayons a[aria-current=page]{background-size:100% var(--ulh)}.lien,.xh-chips a.all{background-image:linear-gradient(var(--encre),var(--encre)),linear-gradient(var(--jaune),var(--jaune));background-repeat:no-repeat;background-position:0 100%,0 100%;background-size:0% 3px,100% 3px;padding-bottom:4px;transition:background-size var(--t-hover) cubic-bezier(.4,0,.2,1)}.lien:hover,.lien:focus-visible,.xh-chips a.all:hover{background-size:100% 3px,100% 3px}.chips a,.xh-chips a:not(.all){background-image:linear-gradient(var(--jaune),var(--jaune));background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;transition:background-size var(--t-hover) cubic-bezier(.4,0,.2,1),border-color .2s ease,transform .2s ease,box-shadow .2s ease}.chips a:hover,.xh-chips a:not(.all):hover{background-size:100% 100%;border-color:var(--jaune);color:#16157f;transform:translateY(-1px);box-shadow:0 4px 10px #16157f1f}.xh-chips a:not(.all):hover .code{color:#16157f}.chips a[aria-current=page]{background-size:100% 100%}.side li a{background-image:linear-gradient(var(--brume),var(--brume));background-repeat:no-repeat;background-size:0% 100%;transition:background-size var(--t-hover) cubic-bezier(.4,0,.2,1)}.side li a>span:first-child{transition:transform var(--t-hover) ease}.side li a:hover{background-size:100% 100%}.side li a:hover>span:first-child{transform:translate(4px)}.side li a[aria-current=page]{background-image:none}@media(prefers-reduced-motion:reduce){.linkbtn,.line .nm,.card .nm,.cline .n,footer.pied a,.index .display,nav.rayons a,.lien,.xh-chips a,.chips a,.side li a,.side li a>span:first-child,.index a .code{transition:none}.chips a:hover,.xh-chips a:hover{transform:none}}.hscroll{--fl: 0px;--fr: 0px;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fl),#000 calc(100% - var(--fr)),transparent)}.hscroll.fade-l{--fl: 36px }.hscroll.fade-r{--fr: 64px }.adm{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(20px,3vw,40px);padding-block:28px 72px}.adm-nav{align-self:start;position:sticky;top:100px;display:grid;gap:2px}.adm-nav h4{display:flex;align-items:center;gap:10px;margin:22px 0 6px;font-size:10.5px;letter-spacing:.16em;color:color-mix(in srgb,var(--encre-2) 75%,var(--papier));cursor:default;-webkit-user-select:none;user-select:none}.adm-nav h4:after{content:"";flex:1;height:1px;background:var(--trait)}.adm-nav h4:first-child{margin-top:0}.adm-nav a{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;margin-inline:-12px;border-radius:var(--r);text-decoration:none;font-size:14.5px;font-weight:500;transition:background-color var(--t-hover) ease,padding-left var(--t-hover) ease}.adm-nav a:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--jaune-2);transform:scaleY(0);transition:transform var(--t-hover) cubic-bezier(.4,0,.2,1)}.adm-nav a:hover{background:var(--brume);padding-left:16px}.adm-nav a:hover:before{transform:scaleY(1)}.adm-nav a.active{background:var(--jaune);color:#16157f;font-weight:650;padding-left:16px}.adm-nav a.active:before{transform:scaleY(1);background:#16157f}.adm-nav .badge{background:#16157f;color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 7px}.adm-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.adm-head h1{font-size:clamp(30px,3.4vw,44px)}.adm-head p{color:var(--encre-2);margin-top:6px;max-width:70ch}.adm-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:16px}.adm-tools .field{min-width:160px}.adm-tools .grow{flex:1;min-width:220px}.adm-sec{margin-top:36px}.adm-sec>h2{font-size:13px;margin-bottom:12px}@media(max-width:900px){.adm{grid-template-columns:1fr}.adm-nav{position:static;display:flex;overflow-x:auto;gap:6px;scrollbar-width:none;padding-bottom:4px}.adm-nav h4{display:none}.adm-nav a{margin:0;white-space:nowrap;border:1px solid var(--trait);padding-left:12px}.adm-nav a:before{display:none}.adm-nav a:hover,.adm-nav a.active{padding-left:12px}}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1.5px solid var(--encre)}.kpis>div{padding:18px 20px 18px 0}.kpis>div+div{padding-left:20px;border-left:1px solid var(--trait)}.kpis b{display:block;font-family:var(--f-display);font-style:italic;font-weight:500;font-size:clamp(30px,3vw,42px);line-height:1.05}.kpis span{font-size:13px;color:var(--encre-2)}.kpis a{text-decoration:none}@media(max-width:760px){.kpis{grid-template-columns:1fr 1fr}.kpis>div:nth-child(3){padding-left:0;border-left:0}.kpis>div:nth-child(n+3){border-top:1px solid var(--trait)}}.bars{display:grid;gap:8px}.bars .bar{display:grid;grid-template-columns:90px minmax(0,1fr) 110px;gap:12px;align-items:center;font-size:13px}.bars .track2{height:14px;background:var(--brume);border-radius:2px;overflow:hidden}.bars .fill{height:100%;background:#16157f}.bars .fill.now{background:var(--jaune-2)}.thumb{width:44px;height:44px;flex:none}.thumb img,.thumb .ph{padding:3px}.cell-prod{display:flex;gap:12px;align-items:center;min-width:220px}.cell-prod b{font-weight:600;display:block}.drop{border:2px dashed var(--trait);border-radius:var(--r);padding:28px;display:grid;gap:10px;justify-items:center;text-align:center;background:var(--brume);cursor:pointer}.drop.on{border-color:#16157f;background:color-mix(in srgb,var(--jaune) 22%,var(--papier))}.drop input{display:none}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.tile{border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.tile img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--brume)}.tile .noimg{aspect-ratio:3 / 2;display:grid;place-items:center;background:var(--brume);color:var(--encre-2);font-size:13px}.tile .body{padding:12px;display:grid;gap:8px;align-content:start}.tile .btns{display:flex;gap:8px;flex-wrap:wrap}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px}.switch input{width:34px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--trait);border-radius:10px;position:relative;cursor:pointer;transition:background .15s;margin:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked{background:#16157f}.switch input:checked:after{transform:translate(14px)}.icon-btn{background:none;border:1px solid var(--trait);border-radius:var(--r);width:32px;height:32px;display:inline-grid;place-items:center}.icon-btn:hover:not(:disabled){background:var(--brume)}@media(prefers-reduced-motion:reduce){.adm-nav a,.adm-nav a:before{transition:none}}.adm h2.caps{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;color:color-mix(in srgb,var(--encre-2) 80%,var(--papier));cursor:default}.adm h2.caps:after{content:"";flex:1;height:1px;background:var(--trait)}.adm .adm-head h2.caps,.adm .adm-tools h2.caps{flex:1}