:root{
  --bleu:#12419b; --rouge:#e01e26; --jaune:#ffd400;
  --vert:#1f8a4c; --gris:#6b7280; --gris-clair:#d8dbe0; --noir:#1a1a1a;
  --verrou:#858a94;  --verrou-texte:#6e727a;
  --verrou-attenue:#f0f1f2;  --verrou-attenue-texte:#a8aaaf;
}
:root{
  --marque:#0b2d70;  --marque-500:#12419b;
  --action:#ffd400;
  --urgence:#d2151d;  --etat:#135f32;
  --texte:#111213;  --texte-2:#5b5f66;  --texte-inverse:#ffffff;
  --fond:#fbfbfa;  --surface:#ffffff;  --aplat:#f6f7f9;
  --bordure:#e6e7ea;  --bordure-forte:#d3d5da;
  --marque-100:#e7eefb;  --texte-sur-action:#111213;
  --action-survol:#f0c400;  --action-presse:#e0b600;
  --marque-100-presse:#d0dcf5;
  --ombre-moyenne:0 2px 10px rgba(17,18,19,.06);
  --etat-fond:#e4f4ea;  --aplat-produit:#e3e6eb;
  --marge-page:48px;  --marge-page-mobile:16px;  --cible:44px;
  --carte-pad:28px;  --carte-pad-mobile:16px;
  --e-6:32px;  --ecart-bloc-mobile:20px;
  --il-texte:1.5;
  --il-interface:1.2;
  --t-legende:11px;  --t-petit:12px;  --t-meta:13px;  --t-interface:14px;  --t-texte:15px;
  --t-h2:22px;  --t-prix:22px;  --t-h1:28px;  --t-display:34px;  --t-prix-fiche:36px;
  --t-prix-ligne:18px;
  --app-titre:-0.02em;
  --graisse-texte:400;  --graisse-interface:500;  --graisse-titre:600;  --graisse-prix:700;
  --arrondi-petit:6px;  --arrondi-moyen:8px;  --arrondi-grand:10px;  --arrondi-pilule:999px;
  --spons-fond:#eee;  --texte-article:#3a4048;  --voile:rgba(0,0,0,.45);
  --univers-texte:#4a5058;
  --ombre-barre:0 -2px 10px rgba(17,18,19,.06);
  --texte-3:#6e727a;  --badge-neutre-texte:#5b5f66;  --badge-neutre-contour:#d3d5da;
  --bordure-encre:#111213;
  --vignette-ratio:6 / 5;  --carrousel-ecart:10px;  --carrousel-carte:57.5%;
}
:root{
  --bordure-champ:#7f8590;  --placeholder:#757575;
  --focus:var(--marque-500);
  --marque-200:#b9c6e6;  --marque-survol:#0b2d70;  --texte-2b:#3d3f44;
  --aplat-2:#f1f3f8;  --bordure-2:#d8dde8;  --aplat-fort:#f1f2f4;
  --etat-bordure:#bfe3cc;
  --alerte-fond:#fff5cc;  --alerte-bordure:#f0d97a;
  --illim-fond:#fffbe6;  --illim-trait:#9a7800;
  --pied-fond:var(--aplat);  --pied-filet:var(--bordure);  --pied-titre:var(--texte);
  --pied-lien:var(--texte-2);  --pied-lien-survol:var(--texte);
}
:root{
  --metier-repli:#6e727a;
  --metier-developpeur-front-end:#936274;
  --metier-developpeur-back-end:#716293;
  --metier-developpeur-full-stack:#936b62;
  --metier-ingenieur-devops:#629370;
  --metier-testeur-qa:#938962;
  --metier-lead-technique:#936266;
  --metier-developpeur-mobile:#629293;
  --metier-architecte-logiciel:#8e6293;
  --metier-stagiaire-developpeur:#649362;
  --metier-ingenieur-machine-learning:#6d9362;
  --metier-ingenieur-mlops:#629365;
  --metier-data-analyst:#839362;
  --metier-data-scientist:#629376;
  --metier-data-engineer:#936262;
  --metier-analytics-engineer:#7a6293;
  --metier-business-analyst:#93628e;
  --metier-ingenieur-decisionnel:#719362;
  --metier-chef-de-projet-data:#936282;
  --metier-stagiaire-data:#62938c;
  --metier-prompt-engineer:#8a6293;
  --metier-annotateur-de-donnees:#939262;
  --metier-chercheur-en-ia:#628893;
  --metier-charge-de-communication:#8c9362;
  --metier-community-manager:#628193;
  --metier-traffic-manager:#937262;
  --metier-responsable-seo:#699362;
  --metier-chef-de-produit-marketing:#937762;
  --metier-growth-marketer:#938462;
  --metier-redacteur-web:#938d62;
  --metier-charge-crm:#626893;
  --metier-stagiaire-marketing:#626d93;
  --metier-chef-de-produit-ia:#779362;
  --metier-business-developer:#696293;
  --metier-sales-development-representative:#93626f;
  --metier-account-executive:#629386;
  --metier-account-manager:#806293;
  --metier-ingenieur-avant-vente:#7d9362;
  --metier-responsable-partenariats:#62937f;
  --metier-teleprospecteur:#93627d;
  --metier-stagiaire-vente:#628e93;
  --metier-ux-designer:#846293;
  --metier-ui-designer:#62937b;
  --metier-product-designer:#936287;
  --metier-directeur-artistique:#937e62;
  --metier-motion-designer:#627793;
  --metier-ux-researcher:#627b93;
  --metier-designer-graphique:#636293;
  --metier-stagiaire-design:#627293;
  --metier-directeur-technique:#936292;
  --metier-directeur-marketing:#766293;
  --metier-chief-data-officer:#936662;
  --metier-directeur-commercial:#936278;
  --metier-directeur-du-design:#62936c;
}
@font-face{font-family:Inter;src:url(inter-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Repli";src:local("Arial");size-adjust:105%;ascent-override:92.3%;descent-override:23%;line-gap-override:0%}
:root{--police:Inter,"Inter Repli",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--police);font-size:var(--t-texte);line-height:1.4}
a{color:inherit;text-decoration:none}
button{font-family:inherit;font-size:inherit;cursor:pointer}
:where(a).vign,:where(a).univ,:where(a).btn,:where(a).btn-2,:where(a).lien,:where(a).fl,:where(a).cartbtn,:where(.nav) a{display:inline-block;line-height:normal;color:ButtonText;text-align:center;font-weight:var(--graisse-texte)}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--marge-page)}
.topbar{background:var(--fond);color:var(--texte-2);border-bottom:1px solid var(--bordure);font-size:12px;padding:5px 0}
.topbar .wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.topbar span{display:inline-flex;align-items:center;gap:5px}
.topbar svg{flex:none}
.surtaxe{font-size:var(--t-legende)}
@media(max-width:520px){.topbar .wrap>span:nth-child(-n+2){display:none}}
.topbar .wrap>span:last-child{font-weight:bold}
.topbar .surtaxe{font-weight:var(--graisse-texte)}
.header{background:var(--surface);color:var(--texte);border-bottom:1px solid var(--bordure);padding:10px 0}
.header .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.logo{font-size:24px;font-weight:bold;letter-spacing:-1px;white-space:nowrap}
.logo span{color:var(--marque-500)}
.logo .i{position:relative}
.logo .i::after{content:"";position:absolute;left:50%;top:.154em;width:.22em;height:.22em;
  transform:translateX(-50%);border-radius:50%;background:var(--jaune)}
.marque{flex:none;cursor:pointer}
.baseline{font-size:11px;letter-spacing:.6px;color:var(--texte-2);margin-top:-2px;white-space:nowrap}
.search{flex:1;min-width:200px;display:flex;min-height:var(--cible)}
.search input{flex:1;background:var(--surface);color:var(--texte);border:1px solid var(--bordure-champ);
  border-right:0;padding:9px 12px;font-size:14px;border-radius:var(--arrondi-moyen) 0 0 var(--arrondi-moyen);min-width:0}
.search input::placeholder{color:var(--placeholder);opacity:1}
.search button{background:var(--marque-500);color:var(--texte-inverse);
  border:1px solid var(--bordure-champ);border-left:0;padding:9px 16px;font-weight:bold;border-radius:0 var(--arrondi-moyen) var(--arrondi-moyen) 0;
  display:inline-flex;align-items:center;justify-content:center;gap:8px}
.search button svg,.cartbtn svg{flex:none}
@media(max-width:520px){
  .search button .mot,.cartbtn .mot{display:none}
  .search button{padding:9px 12px}
}
.cartbtn{background:var(--surface);border:1px solid var(--bordure-forte);color:var(--texte);padding:8px 12px;border-radius:var(--arrondi-moyen);white-space:nowrap}
.cartbtn b{background:var(--texte);color:var(--texte-inverse);border-radius:var(--arrondi-pilule);padding:1px 7px;margin-left:6px}
.nav{background:var(--surface);border-bottom:1px solid var(--bordure);overflow-x:auto}
.nav .wrap{display:flex;gap:2px;white-space:nowrap}
.nav button,.nav a{background:none;border:0;padding:10px 12px;font-size:var(--t-interface);color:var(--texte);font-weight:var(--graisse-interface);line-height:var(--il-interface)}
.nav button.on,.nav a.on{color:var(--marque-500);font-weight:600;box-shadow:inset 0 -2px 0 var(--marque-500)}
.nav button.nv,.nav a.nv{display:inline-flex;align-items:center;gap:7px;padding-left:10px}
.nv-pic{display:inline-flex;align-items:flex-end;flex:none;height:16px;overflow:hidden}
.nv-pic svg{display:block;margin-bottom:-1px}
.nv-pic svg,.univ-pic svg{stroke:currentColor}
.promo{background:var(--aplat-fort);color:var(--texte);margin-top:-1px;
  border-bottom:1px solid var(--bordure);padding:7px 12px;font-size:var(--t-meta);font-weight:bold;
  display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}
.promo svg{width:16px;height:16px;flex:none;position:relative;top:1px}
.promo .code{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;
  letter-spacing:.4px}
@media(max-width:520px){
  .wrap{padding:0 var(--marge-page-mobile)}
  .baseline{font-size:10px;letter-spacing:.3px}
  .header .baseline{display:none}
  .promo{font-size:12px;gap:7px}.promo svg{width:14px;height:14px}}
.card{background:var(--aplat);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen)}
.card.t-vert{background:var(--etat-fond);border-color:var(--etat-bordure)}
.card.t-bleu{background:var(--aplat-2);border-color:var(--bordure-2)}
.pad{padding:var(--carte-pad)}
@media(max-width:520px){.pad{padding:var(--carte-pad-mobile)}}
.mt{margin-top:var(--e-6)}
@media(max-width:520px){.mt{margin-top:var(--ecart-bloc-mobile)}}
.fil{font-size:12px;color:var(--gris);padding:10px 0}
h1{font-size:var(--t-h1);font-weight:var(--graisse-titre);letter-spacing:var(--app-titre);margin:0 0 10px}
h2{font-size:var(--t-h2);font-weight:var(--graisse-titre);letter-spacing:var(--app-titre);margin:0 0 10px}
h3{font-weight:var(--graisse-titre)}
.muted{color:var(--gris)}
.tiny{font-size:var(--t-legende);color:var(--gris)}
.small{font-size:12px}
.barre{text-decoration:line-through;color:var(--texte-3)}
.rayon .barre{color:var(--texte-2)}
.prix{font-size:var(--t-prix-fiche);font-weight:var(--graisse-prix);color:var(--texte);white-space:nowrap}
.prix-s{font-size:var(--t-prix);font-weight:var(--graisse-prix);color:var(--texte)}
.prix-xs{font-size:var(--t-prix-ligne);font-weight:var(--graisse-prix);color:var(--texte)}
.badge{display:inline-block;font-size:var(--t-legende);font-weight:bold;padding:2px 7px;border-radius:var(--arrondi-petit)}
.b-remise,.illim-tag{display:inline-flex;align-items:center;font-size:var(--t-legende);font-weight:bold;
  line-height:14px;padding:1px 9px;border:1px solid transparent;border-radius:var(--arrondi-pilule);
  white-space:nowrap;vertical-align:1px;margin:2px 0}
.b-remise{background:var(--action);color:var(--texte)}
.b-urgence{background:var(--urgence);color:var(--texte-inverse)}
.b-vente,.b-neuf{background:var(--surface);color:var(--badge-neutre-texte);border:1px solid var(--badge-neutre-contour)}
.b-spons{background:var(--spons-fond);color:var(--gris);font-weight:var(--graisse-texte)}
.b-rec{background:var(--etat-fond);color:var(--etat);border:1px solid var(--etat-bordure);border-radius:var(--arrondi-moyen)}
.indispo{color:var(--verrou-texte)}
.etoiles{color:var(--texte);letter-spacing:-1px;display:inline-flex;gap:1px;vertical-align:-.12em}
.etoiles svg{width:1em;height:1em;flex:none}
.btn{background:var(--action);color:var(--texte-sur-action);border:0;padding:12px 20px;border-radius:var(--arrondi-moyen);font-weight:bold;font-size:var(--t-texte);width:100%}
.btn:disabled{background:var(--surface);color:var(--verrou-texte);border:1px solid var(--verrou);border-style:dashed;cursor:not-allowed}
.btn-2{background:var(--surface);color:var(--bleu);border:1px solid var(--bleu);padding:9px 14px;border-radius:var(--arrondi-moyen);font-weight:bold}
.stock,.barre-avis{height:6px;background:var(--bordure);border-radius:var(--arrondi-pilule);overflow:hidden;margin-top:5px}
.stock i,.barre-avis i{display:block;height:100%;background:var(--rouge)}
.section-t{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.caro-wrap{position:relative;border-radius:var(--arrondi-grand);overflow:hidden}
.caro{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none}
.caro::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;color:var(--texte);padding:30px var(--gondole-marge);min-height:264px;
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px}
.s-trame{display:none}
.s-txt{flex:1 1 auto;min-width:0;max-width:56%;position:relative;z-index:2}
.slide h1{margin:0 0 10px}
.slide p{max-width:46ch;margin:0 0 14px}
.s-eyebrow{font-size:var(--t-legende);letter-spacing:1.8px;text-transform:uppercase;color:var(--marque);margin-bottom:8px}
.s-chips{margin:0 0 16px}
.s-chip{display:inline-block;background:var(--surface);border:1px solid var(--surface);color:var(--texte);
  padding:4px 11px;border-radius:var(--arrondi-pilule);font-size:12px;margin:0 6px 6px 0}
.s-vis{flex:0 0 auto;display:flex;align-items:center;position:relative;z-index:2}
.s-card{width:128px;height:162px;background:var(--aplat-produit);border-radius:var(--arrondi-grand);
  display:flex;align-items:center;justify-content:center;padding:8px;
  box-shadow:0 10px 26px rgba(0,0,0,.3)}
.s-card:nth-child(1){transform:rotate(-8deg) translateY(10px)}
.s-card:nth-child(2){transform:translateY(-10px);margin-left:-22px;z-index:2}
.s-card:nth-child(3){transform:rotate(8deg) translateY(10px);margin-left:-22px}
@media(max-width:1000px){.s-card{width:104px;height:132px}.s-txt{max-width:60%}}
.caro-wrap{--gondole-marge:68px}
@media(max-width:820px){.s-vis{display:none}.s-txt{max-width:none}.slide{padding:26px var(--gondole-marge)}}
.s2,.s3{background:var(--marque-100)}
.s1{background:var(--illim-fond)}
.cc-s1 .puce{background:var(--illim-trait)}
.cc-s1 .puce.on{background:var(--jaune)}
.s4{background:var(--etat-fond)}
.s4 .s-eyebrow{color:var(--etat)}
.s4 .s-chip{border-color:var(--etat-bordure);color:var(--etat)}
.slide h1{font-size:var(--t-display);line-height:1.12;margin:0 0 8px}
.slide p{margin:0 0 14px;font-size:var(--t-texte);color:var(--texte-2b);max-width:56ch}
.caro-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--surface);
  border:1px solid var(--bordure-forte);border-radius:50%;color:var(--texte);width:40px;height:40px;font-size:18px}
.caro-nav.prev{left:16px}.caro-nav.next{right:16px}
@media(max-width:700px){.caro-wrap{--gondole-marge:48px}.caro-nav{width:32px;height:32px;font-size:16px}
  .caro-nav.prev{left:8px}.caro-nav.next{right:8px}}
.puces{position:absolute;bottom:11px;left:var(--gondole-marge);display:flex;align-items:center;gap:6px}
.puce{width:6px;height:6px;border-radius:3px;background:var(--marque-200);border:0;padding:0}
.puce.on{width:20px;background:var(--marque-500)}
.cc-s4 .puce{background:var(--etat-bordure)}
.cc-s4 .puce.on{background:var(--etat)}
.slide .btn-2{background:var(--action);border-color:var(--action);color:var(--texte-sur-action)}
.rassur{background:var(--surface);border-top:1px solid var(--bordure);border-bottom:1px solid var(--bordure);padding:16px 0;margin-top:var(--e-6)}
@media(max-width:520px){.rassur{margin-top:var(--ecart-bloc-mobile)}}
.rassur .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rassur .wrap>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start;font-size:var(--t-meta)}
.rassur svg{color:var(--marque-500);width:20px;height:20px;grid-row:span 2;margin-top:1px}
.rassur b{color:var(--texte);font-size:var(--t-interface)}
.rassur p{margin:2px 0 0;color:var(--texte-2);line-height:1.45}
@media(max-width:760px){.rassur .wrap{grid-template-columns:repeat(2,1fr);row-gap:20px}}
.bloc-univers{background:var(--marque-100)}
.univers{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
@media(max-width:700px){.univers{grid-template-columns:repeat(2,minmax(0,1fr))}}
.univers button,.univers a{background:var(--aplat-fort);border:1px solid var(--bordure-forte);border-radius:var(--arrondi-moyen);padding:14px 14px;text-align:left;width:100%}
.univers button.univ.ko,.univers a.univ.ko{opacity:.55}
.univ-pic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:var(--arrondi-moyen);background:var(--surface);margin-bottom:8px}
.univers b{display:block;font-size:14px;color:var(--univers-texte)}
.g-xl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.g-md{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px}
.g-rayon{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(176px,calc((100% - 30px) / 4)),1fr));gap:10px}
@media(max-width:700px){.g-rayon{grid-template-columns:repeat(2,minmax(0,1fr))}}
.g-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:8px}
.g-sm.piste-consultes{grid-template-columns:repeat(3,1fr)}
@media(min-width:701px){
  .g-sm.g-bientot{grid-template-columns:repeat(auto-fill,minmax(max(160px,calc((100% - 32px) / 5)),1fr))}
}
@media(max-width:700px){
  .g-sm.g-bientot{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-sm.g-bientot>:nth-child(5):last-child{grid-column:1/-1}
  .g-sm.g-bientot .vign.sm{gap:8px}
  .g-sm.g-bientot .vign.sm .ph{width:40px}
  .g-sm.g-bientot .vign.sm .tt{font-size:var(--t-meta);overflow-wrap:anywhere;hyphens:auto}
}
.vign{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:10px;text-align:left;width:100%;position:relative;display:flex;flex-direction:column}
.vign:not(.flash){line-height:var(--il-texte)}
.vign .small,.vign .barre{font-size:var(--t-meta)}
.vign .small:has(.b-remise){font-size:var(--t-petit)}
.vign .small:has(.b-remise) .barre{font-size:inherit}
@media(max-width:700px){.vign:not(:has(.b-rec)) .small:has(.b-remise) .barre{display:block}}
.vign:not(.rupt):hover{box-shadow:var(--ombre-moyenne)}
.vign .ph{background:var(--aplat-produit);border-radius:var(--arrondi-petit);height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}
.fiche-haut{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}
.fiche-g{border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);overflow:hidden}
.fiche-vis{background:var(--aplat-produit);display:flex;align-items:center;justify-content:center;overflow:hidden}
@media(max-width:834px),(min-width:861px) and (max-width:1166px){
  .fiche-haut{display:block}
  .fiche-g{margin-bottom:12px}
}
.etiq{padding:10px 14px 12px;font-size:var(--t-meta)}
.etiq dl{margin:0}
.etiq dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:2px 0}
.etiq dl>div[hidden]{display:none}
.etiq dt{color:var(--texte-2);flex:none}
.etiq dd{margin:0;text-align:right;min-width:0}
.etiq-ref{font-family:ui-monospace,Menlo,Consolas,monospace}
.etiq-cb{display:block;width:62%;height:30px;margin-top:8px;color:var(--texte)}
.vign .tt{font-size:var(--t-texte);font-weight:var(--graisse-titre);min-height:2.6em}
.vign .ph{position:relative}
.vign .bd{position:absolute;bottom:6px;left:6px}
@media(max-width:359px){
  .vign .ph:has(.bd){overflow:visible;margin-bottom:36px}
  .vign .bd{top:calc(100% + 7px);bottom:auto;left:0}
}
.vign.rupt{background:var(--surface);border-color:var(--verrou);border-style:dashed}
.vign>.vg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;align-items:start;
  margin-top:auto;padding-top:6px;border-top:1px solid var(--bordure)}
.vign>.vg>:last-child{text-align:right}
.vign>:has(+.vg){margin-bottom:8px}
.bloc-compact .g-xl{flex:1;min-height:0;grid-template-columns:repeat(3,1fr)}
.bloc-compact .vign.xl{padding:8px;min-height:0}
.bloc-compact .vign.xl .ph{margin-bottom:6px}
.bloc-compact .vign.xl .tt{font-size:var(--t-texte);min-height:0;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.bloc-compact .vign.xl .small,.bloc-compact .vign.mini .small{font-size:var(--t-meta)}
.bloc-compact .vign.xl .prix-s,.bloc-compact .vign.mini .prix-s{font-size:var(--t-prix)}
.bloc-compact .vign.xl .tiny,.bloc-compact .vign.mini .tiny{font-size:var(--t-legende);line-height:1.35}
@media(max-width:900px){.bloc-compact .g-xl{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
.vign.xl .tt{font-size:var(--t-texte);min-height:40px}
.vign.sm{flex-direction:row;gap:10px;align-items:center;padding:8px}
.vign.sm .ph{width:56px;height:60px;flex:none;margin:0}
.vign.sm .tt{min-height:0;font-size:var(--t-texte)}
.vign.voisin .tt{min-height:0}
.vign.sm .col{flex:1;min-width:0}
.cmd-avis{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cmd-avis-fiche{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.et-filtres{display:flex;gap:6px;flex-wrap:wrap}
.et-filtres .puce-f{background:var(--surface);border:1px solid var(--bordure);color:var(--texte)}
.et-filtres .puce-f.on{border-color:var(--marque-500);color:var(--marque-500);font-weight:bold}
@media(max-width:700px){
  .et-filtres{flex:1 1 100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;
    scrollbar-width:none;-ms-overflow-style:none}
  .et-filtres::-webkit-scrollbar{display:none}
  .et-filtres .puce-f{flex:none;white-space:nowrap}
}
.g-avis{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.ca{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:12px 14px}
.ca .avis-c{margin:6px 0 8px;font-size:var(--t-texte)}
.ca-pd{margin-bottom:4px}
.avis-tete{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:4px 0 14px;border-bottom:1px solid var(--bordure)}
.avis-moy{text-align:center;flex:none}
.avis-moy .gros{font-size:var(--t-display);font-weight:bold;line-height:1}
.avis-moy .sur{font-size:var(--t-texte);color:var(--gris);font-weight:var(--graisse-texte)}
.avis-barres{flex:1;min-width:230px}
.avis-barres .bl{display:flex;align-items:center;gap:8px;margin:3px 0}
.avis-barres .bl .barre-avis{flex:1;margin:0}
.avis-barres .bl .tiny:first-child{width:32px;flex:none}
.avis-barres .bl .tiny:last-child{width:34px;text-align:right;flex:none}
.avis-barres .bl .barre-avis i{background:var(--texte)}
.avis{padding:14px 0;border-bottom:1px solid var(--bordure)}
.avis:last-of-type{border-bottom:0}
.avis-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.avis-c{margin:7px 0 0;font-size:var(--t-texte)}
.verifie{color:var(--etat);font-weight:bold}
.reponse{background:var(--fond);border-left:3px solid var(--bordure);padding:10px 12px;margin-top:10px;border-radius:0 var(--arrondi-moyen) var(--arrondi-moyen) 0}
.avis-ft{margin-top:8px}
.notice-corps{display:none;margin-top:8px}
.notice.on .notice-corps{display:block}
.nt{padding:9px 0;border-top:1px solid var(--bordure)}
.nt:first-child{border-top:0;padding-top:4px}
.nt h3{font-size:var(--t-petit);margin:0 0 4px;letter-spacing:.2px}
.nt p{font-size:var(--t-petit);line-height:1.55;margin:0 0 5px;color:var(--texte-article)}
.nt p:last-child{margin-bottom:0}
.panne{padding:6px 0 6px 9px;border-left:2px solid var(--gris-clair);margin-bottom:6px}
.panne b{font-size:var(--t-petit);display:block;line-height:1.4}
.nav button.nv-fid,.nav a.nv-fid{color:var(--marque-500);font-weight:bold;display:inline-flex;align-items:center;gap:6px}
.nav button.nv-fid.on,.nav a.nv-fid.on{box-shadow:inset 0 -2px 0 var(--marque-500)}
.illim-tag{background:var(--surface);border-color:var(--bordure);color:var(--texte-2);padding-left:8px}
.bloc-illim{background:var(--marque-100);border-color:var(--marque-200)}
.bloc-illim .lien{margin-top:6px;display:inline-block}
.pastille-fid{width:7px;height:7px;border-radius:50%;background:var(--jaune);flex:none;
  display:inline-block;margin-right:6px;vertical-align:1px}
.nav button.nv-fid,.nav a.nv-fid{gap:0}
h1 .pastille-fid,h2 .pastille-fid{width:9px;height:9px;margin-right:8px;vertical-align:3px}
.fid-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  background:var(--marque-100);color:var(--texte);border:1px solid var(--marque-200);
  border-radius:var(--arrondi-moyen);padding:30px 34px}
.fid-txt{flex:1;min-width:260px;max-width:60%}
.fid-txt h1{margin:6px 0 8px}
.fid-txt p{margin:0 0 12px;max-width:44ch;color:var(--texte-2b)}
.fid-prix{flex:none;width:360px;background:var(--surface);border-radius:var(--arrondi-moyen);padding:24px 28px;
  box-shadow:0 2px 10px rgba(0,0,0,.06)}
.fid-prix p{margin:8px 0 14px;color:var(--texte-2)}
.fid-prix p.tiny{margin:12px 0 0}
.fid-prix .btn{display:block;width:100%;text-align:center}
.fp-haut{display:flex;align-items:baseline;gap:10px}
.fp-montant{font-size:var(--t-prix-fiche);font-weight:bold;white-space:nowrap}
@media(max-width:700px){.fid-hero{gap:18px;padding:22px 18px}.fid-txt{max-width:none}.fid-prix{width:100%}}
.fid-av{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:860px){.fid-av{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.fid-av{grid-template-columns:minmax(0,1fr);gap:12px}}
.fa{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:18px 20px;
  display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-content:start;
  grid-template-areas:"pic titre" ". texte"}
.fa-pic{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;
  grid-area:pic;align-self:center;margin:0}
.fa b{display:block;font-size:var(--t-texte);margin-bottom:4px;grid-area:titre;align-self:center}
.fa p{margin:0;grid-area:texte;font-size:var(--t-meta);color:var(--texte-2)}
.fid-deux{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px 24px;align-items:start}
@media(max-width:860px){.fid-deux{grid-template-columns:minmax(0,1fr)}}
.fid-cote{display:flex;flex-direction:column;gap:18px;min-width:0}
.cp-tete,.cp-ligne{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);column-gap:12px}
.cp-tete{font-size:var(--t-meta);font-weight:var(--graisse-titre);color:var(--texte-2);padding:0 0 8px;border-bottom:1px solid var(--bordure-forte)}
.cp-illim{color:var(--marque-500)}
.cp-ligne{padding:14px 0;border-bottom:1px solid var(--bordure)}
.cp-sans{color:var(--texte-2)}
.fid-carte-blanche{background:var(--surface)}
.cg-ligne{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--bordure)}
.cg-credit{white-space:nowrap}
.cg-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0 4px}
.cg-montant{font-size:var(--t-prix-fiche);font-weight:bold;white-space:nowrap}
.fid-fin{background:var(--marque-100);border:1px solid var(--marque-200);border-radius:var(--arrondi-moyen);
  padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.fid-fin h2{margin:0 0 4px}
.fid-fin p{margin:0;color:var(--texte-2)}
.fid-fin .btn{flex:none;width:auto;padding-left:44px;padding-right:44px}
@media(max-width:700px){.fid-fin{display:none}}
.faq details{border-top:1px solid var(--bordure)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 0;font-weight:var(--graisse-titre)}
.faq summary::-webkit-details-marker{display:none}
.faq-chev{flex:none;color:var(--texte-2)}
.faq details[open] .faq-chev{transform:rotate(180deg)}
.faq details>p{margin:0 0 14px;color:var(--texte-2)}
.partage{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pt{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--bordure);
  border-radius:var(--arrondi-moyen);padding:6px 10px;font-size:12px;color:var(--texte)}
.pt svg{width:15px;height:15px;color:var(--texte-2);flex:none}
.pt:hover{border-color:var(--marque-500);color:var(--marque-500)}
.pt:hover svg{color:var(--marque-500)}
.pt.on{border-color:var(--marque-500);color:var(--marque-500);font-weight:bold}
.pub{position:relative;overflow:hidden;border-radius:var(--arrondi-moyen);background:var(--surface);border:1px solid var(--bordure)}
.pub .tag{position:absolute;top:0;left:0;z-index:2;background:var(--surface);color:var(--texte-3);
  border:1px solid var(--bordure);border-top:0;border-left:0;
  font-size:var(--t-legende);letter-spacing:.5px;padding:1px 6px;border-bottom-right-radius:3px}
.pub .why{position:absolute;top:2px;right:6px;z-index:2;font-size:var(--t-legende);color:var(--texte-3);
  background:none;border:0;padding:2px 4px;text-decoration:underline;text-underline-offset:2px}
.pub .why:hover{color:var(--texte)}
.pub .in{height:100%;display:flex;align-items:center;gap:18px;padding:16px 20px;color:var(--texte)}
.pub .corps{flex:1;min-width:0}
.pub .ann{font-size:11px;letter-spacing:1px;color:var(--texte-2);margin-bottom:4px}
.pub .titre{font-size:var(--t-texte);font-weight:var(--graisse-titre);line-height:1.2;color:var(--texte)}
.pub .titre.xl{font-size:var(--t-h2)}
.pub .sous{font-size:var(--t-meta);color:var(--texte-2);margin-top:6px}
.pub .cta{background:var(--surface);color:var(--texte);border:1px solid var(--bordure-encre);
  font-size:var(--t-meta);font-weight:bold;padding:9px 16px;
  border-radius:var(--arrondi-moyen);white-space:nowrap;flex:none}
.pub-970{aspect-ratio:970/250;max-width:970px;margin:0 auto}
.pub-728{aspect-ratio:728/90;max-width:728px;margin:0 auto}
.pub-pleine>.pub{max-width:none}
.pub-728 .titre{font-size:var(--t-texte)}
.pub-300{width:301px;max-width:100%;margin:0 auto;background:var(--aplat)}
@media(max-width:900px){.pub-300{height:438px}}
.pub-300 .in{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
.pub-300 .titre{font-size:var(--t-texte)}
.colonne-pub{display:grid;grid-template-columns:1fr 301px;gap:12px;align-items:stretch}
.colonne-pub.centre{align-items:center}
@media(max-width:900px){.colonne-pub{grid-template-columns:1fr}}
.colonne-pub>*{min-width:0}
@media(max-width:560px){.pub-970{aspect-ratio:auto;min-height:190px}.pub .titre.xl{font-size:22px}
  .pub-728{aspect-ratio:auto;min-height:100px}.pub .in{flex-wrap:wrap;gap:10px}}
.bloc-compact{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}
.g-mini{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;min-height:0}
.vign.mini{flex-direction:column;align-items:stretch;gap:0;padding:8px;min-height:0}
.vign.mini .ph{width:100%;flex:none;margin:0 0 6px}
.vign.mini .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:flex-start}
.vign.mini .tt{font-size:var(--t-texte);min-height:0;line-height:1.25;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.g-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:760px){.g-2{grid-template-columns:1fr}}
.g-2.piste-recond{grid-template-columns:repeat(3,1fr)}
@media(min-width:701px){
  .bloc-recond{display:grid;grid-template-columns:27% 1fr;column-gap:16px;align-items:start}
  .bloc-recond .recond-sous{display:none}
}
@media(max-width:700px){
  .bloc-recond .recond-intro,.bloc-recond .recond-grades{display:none}
}
.recond-txt h2{margin:6px 0 8px}
.recond-intro{margin:0 0 8px;color:var(--texte-2b)}
.recond-sous{margin:0 0 10px}
.recond-grades{margin:0 0 10px;padding:0;list-style:none;color:var(--texte-2b)}
.recond-grades li{margin:0 0 3px}
.recond-grades b{color:var(--etat)}
.vign.rec .rec-grade{display:block;text-align:left;margin-bottom:6px}
.vign.rec .tt{margin-top:0}
@media(max-width:700px){.piste .vign.rec .barre{display:block}}
@media(max-width:700px){.fiche-d .barre{flex-basis:100%}}
@media(min-width:701px){
  .g-voisins{display:block}
  .g-voisins>.vign{display:block;background:none;border:0;border-bottom:1px solid var(--bordure);border-radius:0;
    padding:6px 0;box-shadow:none}
  .g-voisins>.vign .ph,.g-voisins>.vign:not(.rupt) .voisin-det{display:none}
  .g-voisins>.vign .tt{display:inline;color:var(--bleu);font-weight:var(--graisse-texte)}
  .g-voisins>.vign .voisin-det{display:inline;margin-left:6px}
  .g-voisins>.vign:hover{box-shadow:none}
  .balayer{display:none}
}
.points{display:flex;justify-content:center;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.points li{width:6px;height:6px;border-radius:3px;background:var(--bordure-forte)}
.points li.on{width:18px;background:var(--marque-500)}
.points li{transition:width .2s,background-color .2s}
@media(prefers-reduced-motion:reduce){.points li{transition:none}}
.t-vert .points li{background:var(--etat-bordure)}
.t-vert .points li.on{background:var(--etat)}
.t-bleu .points li{background:var(--marque-200)}
.t-bleu .points li.on{background:var(--marque-500)}
@media(min-width:701px){.points{display:none}}
@media(max-width:420px){
}
.g-flash{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--carrousel-ecart)}
.g-flash .vign.flash{scroll-snap-align:start}
.offres{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.offre{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:14px}
.offre.on{background:var(--marque-100);border-color:var(--marque-500)}
.offre.on .btn-2:disabled{background:var(--marque-500);border-color:var(--marque-500);color:var(--texte-inverse)}
.offre .oi{flex:1;min-width:200px}
.offre .op{width:168px;flex:none;text-align:right}
.offre .op button{font-size:var(--t-interface);padding:7px 10px}
.overlay{position:fixed;inset:0;background:var(--voile);display:flex;align-items:center;
  justify-content:center;padding:16px;z-index:60}
.modal{background:var(--surface);border-radius:var(--arrondi-moyen);max-width:580px;width:100%;max-height:88vh;overflow:auto;text-align:left}
.modal .hd{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--bordure)}
.modal .bd{padding:14px 16px}
.modal .ft{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--bordure);flex-wrap:wrap}
.modal .ft button,.modal .ft a{flex:1;min-width:190px;width:auto}
.coche{background:var(--etat);color:var(--texte-inverse);width:22px;height:22px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-interface);flex:none}
.croix{margin-left:auto;background:none;border:0;font-size:22px;line-height:1;color:var(--gris)}
.recap{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--aplat);border-radius:var(--arrondi-moyen);padding:10px 12px;margin-top:10px;font-size:var(--t-meta)}
.swap{display:flex;gap:12px;align-items:stretch;margin-top:12px;flex-wrap:wrap}
.swap-col{flex:1;min-width:230px;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:12px}
.swap-col.retire{color:var(--verrou-texte)}
.swap-col.retire .prix-s{color:var(--verrou-texte);text-decoration:line-through}
.swap-col.retire .tiny,.swap-col.retire .kv td{color:var(--verrou-texte)}
.swap-col .kv td{border-bottom:0;border-top:1px solid var(--bordure)}
.swap-col.retire .kv td{border-top:1px dashed var(--bordure-forte)}
.b-retire{background:var(--surface);color:var(--verrou-texte);border:1px dashed var(--verrou)}
.b-livre{background:var(--jaune);color:var(--texte)}
.swap-col .en-tete{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.swap-col .vis{width:46px;height:52px;background:var(--aplat-produit);border-radius:var(--arrondi-petit);display:flex;
  align-items:center;justify-content:center;flex:none;overflow:hidden}
.swap-fleche{display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gris);padding:0 2px}
@media(max-width:620px){
  .swap{flex-direction:column;flex-wrap:nowrap}
  .swap-col{min-width:0}
  .swap-fleche{align-self:center;width:28px;height:28px;padding:0;transform:rotate(90deg)}
}
@media(max-width:520px){.offre .op{width:100%;text-align:left}}
.vign.flash{flex-direction:row;gap:14px;align-items:flex-start;padding:12px}
.vign.flash .ph{width:96px;height:110px;flex:none;margin:0}
.vign.flash .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.vign.flash .tete{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vign.flash .tt{font-size:var(--t-texte);min-height:0}
.vign.flash .bas{display:flex;align-items:flex-end;gap:20px;margin-top:6px;flex-wrap:wrap}
.vign.flash .jauge{flex:1;min-width:180px}
.vign.flash .montant{white-space:nowrap;text-align:right}
@media(max-width:700px){
  .g-flash,
  :is(.g-xl,.g-md,.g-2,.g-mini,.g-sm,.g-avis,.g-voisins).piste{
    display:flex;gap:var(--carrousel-ecart);overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}
  .g-flash::-webkit-scrollbar,
  :is(.g-xl,.g-md,.g-2,.g-mini,.g-sm,.g-avis,.g-voisins).piste::-webkit-scrollbar{display:none}
  :is(.g-xl,.g-md,.g-2,.g-mini,.g-sm,.g-avis,.g-voisins).piste>*{
    flex:0 0 var(--carrousel-carte);min-width:0;scroll-snap-align:start}
  .g-sm.piste-consultes>*{flex:0 0 75%;min-width:0;scroll-snap-align:start}
  .g-avis.piste-confiance>*{flex:0 0 81.7%;min-width:0;scroll-snap-align:start}
  .g-flash .vign.flash{flex:0 0 89.3%;min-width:0}
  .g-flash,.g-voisins{margin-inline:calc(-1 * var(--marge-page))}
  .bloc-voisins{background:none;border:0;border-radius:0;padding:0}
  .g-avis.piste-confiance>:nth-child(n+5){display:none}
}
@media(max-width:520px){.g-flash,.g-voisins{margin-inline:calc(-1 * var(--marge-page-mobile))}}
@media(max-width:344px){.g-2.piste-recond>*{flex-basis:75%}}
@media(prefers-reduced-motion:reduce){
  .caro{scroll-behavior:auto}
}
@media(max-width:560px){.vign.flash .ph{width:80px}}
.rayon{display:grid;grid-template-columns:242px minmax(0,1fr);gap:12px;align-items:start}
@media(max-width:760px){.rayon{grid-template-columns:minmax(0,1fr)}}
.rayon>section{min-width:0}
.filtre h2{font-size:inherit;font-weight:bold;margin:0}
.filtre h3{font-size:var(--t-interface);margin:14px 0 7px}
.filtre{position:relative}
.tiroir-t{list-style:none;display:flex;align-items:center;gap:10px}
.tiroir-t::-webkit-details-marker{display:none}
.tiroir-i,.tiroir-n,.tiroir-resume{display:none}
@media(min-width:761px){
  .tiroir-t{pointer-events:none}
  .tiroir-raz{position:absolute;top:calc(var(--carte-pad) + 2.8px);right:var(--carte-pad)}
}
@media(max-width:760px){
  .tiroir-raz{display:none}
  .tiroir-t{cursor:pointer;min-height:24px}
  .tiroir-t h2{font-size:var(--t-texte)}
  .tiroir-i{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .tiroir-n{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:20px;height:20px;
    box-sizing:border-box;padding:0 6px;border-radius:10px;background:var(--texte);color:var(--surface);
    font-size:12px;font-weight:bold;line-height:1}
  .tiroir-resume{display:block;margin-left:auto;min-width:0;max-width:45%;color:var(--texte-2);font-size:var(--t-meta);text-align:left}
  .tiroir-t::after{content:"";flex:none;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
    border-top:5px solid var(--texte-2)}
  .tiroir[open]>.tiroir-t::after{transform:rotate(180deg)}
}
.filtre label{display:block;padding:3px 0;font-size:var(--t-interface);cursor:pointer}
.filtre label.off{color:var(--verrou-attenue-texte);cursor:not-allowed}
.filtre label.off .etoiles,.filtre label.off .muted{color:inherit}
.tri{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.vendeur{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:10px;border-bottom:1px solid var(--bordure)}
@media(max-width:700px){
  .vendeur{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  .vendeur::-webkit-scrollbar{display:none}
  .vendeur .ong{flex:none;white-space:nowrap}
}
.ong{background:none;border:0;padding:9px 13px;font-size:var(--t-interface);color:var(--noir)}
.ong.on{color:var(--marque-500);font-weight:600;box-shadow:inset 0 -2px 0 var(--marque-500)}
.lien{background:none;border:0;color:var(--marque-500);padding:0;font-size:var(--t-interface);text-align:left}
.lien.on{font-weight:bold}
.puces-f .puce-f:not(.nu):hover{background:var(--marque-100-presse)}
.puces-f .puce-f:not(.nu):active{background:var(--marque-200)}
.puces-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.puces-t{color:var(--texte-2);font-size:14px}
h2.puces-t{font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0}
.raz-f{background:none;border:0;color:var(--marque-500);padding:0;font-size:14px;border-radius:var(--arrondi-petit)}
.raz-f:hover{color:var(--marque);text-decoration:underline}
.puces-f .puce-f:not(.nu){display:inline-flex;align-items:center;gap:7px;height:32px;box-sizing:border-box;
  padding:0 7px 0 12px;background:var(--marque-100);border:0;border-radius:var(--arrondi-pilule);color:var(--texte);font-size:14px}
.puces-f .puce-f .x{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;
  border-radius:50%;background:var(--surface);color:var(--texte);font-size:var(--t-interface);line-height:1}
.puces-f .puce-f.nu{font-size:14px}
@media(max-width:700px){
  .puces-t{display:none}
  .puces-f .puce-f:not(.nu){height:44px;padding:0 10px 0 14px;gap:8px}
  .puces-f .puce-f .x{width:22px;height:22px}
}
select{font-family:inherit;font-size:12px;padding:3px 6px;border:1px solid var(--bordure-champ);border-radius:var(--arrondi-petit);background:var(--surface)}
.pagin{display:flex;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
  justify-content:center;justify-content:safe center;margin-top:14px}
.pagin::-webkit-scrollbar{display:none}
.pagin>*{flex:none}
.pagin-mention{text-align:center;margin-top:6px}
.pg.coupe{display:none;border-color:var(--bordure);color:var(--texte-2);cursor:default}
@media(max-width:700px){
  .pagin .pg.loin{display:none}
  .pg.coupe{display:inline-block}
}
.pg,.pg-pas{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:7px 12px;font-size:var(--t-interface);min-width:36px}
.pg.on{background:var(--marque-500);border-color:var(--marque-500);color:var(--texte-inverse);font-weight:bold}
.puce-f{background:var(--surface);border:1px solid var(--marque-500);color:var(--marque-500);border-radius:var(--arrondi-petit);padding:4px 9px;font-size:12px}
.puce-f.nu{background:none;border:0;color:var(--marque-500);padding:0}
.titre-panier h1{margin:0 0 12px}
.titre-panier h1 .small{font-weight:var(--graisse-texte);letter-spacing:0}
.fiche{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}
@media(max-width:860px){.fiche{grid-template-columns:minmax(0,1fr)}}
.liv{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px 32px;align-items:start}
@media(max-width:860px){.liv{grid-template-columns:minmax(0,1fr)}}
.liv-principal,.liv-cote{display:flex;flex-direction:column;gap:18px;min-width:0}
.liv-tete{background:var(--surface)}
.liv-tete p{margin:0}
.liv-cote p{margin:0 0 8px}
.liv-offre{font-size:var(--t-h2);font-weight:var(--graisse-titre);letter-spacing:var(--app-titre);line-height:var(--il-interface)}
.liv-carte{background:var(--surface)}
.liv-offre-carte{background:var(--marque-100);border-color:var(--marque-200)}
.liv-h{font-size:var(--t-texte);margin:0 0 6px}
.liv-suivi{display:flex;gap:8px;margin-top:4px}
.liv-suivi input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--bordure-champ);border-radius:var(--arrondi-petit);font:inherit}
.liv-reponse{display:none;margin:12px 0 0}
.liv-reponse:target,.liv-reponse.vu{display:block}
@media(max-width:700px){.liv-suivi{flex-direction:column}}
.liv-alerte{background:var(--alerte-fond);border:1px solid var(--alerte-bordure);border-radius:var(--arrondi-moyen);padding:14px 16px}
.mode-tete,.mode{display:grid;grid-template-columns:138px 125px 125px minmax(0,1fr);column-gap:12px}
.mode-tete{font-size:var(--t-meta);font-weight:var(--graisse-titre);color:var(--texte-2);padding:0 0 8px;border-bottom:1px solid var(--bordure-forte)}
.mode{padding:16px 0;border-bottom:1px solid var(--bordure)}
.m-det{color:var(--texte-2)}
.deroule{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.deroule li{display:flex;gap:12px;align-items:flex-start}
.d-num{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--bordure-forte);background:var(--surface);
  display:flex;align-items:center;justify-content:center;font-size:var(--t-meta);font-weight:var(--graisse-titre)}
.d-txt{font-size:var(--t-meta);color:var(--texte-2)}
.zones{margin:0}
.zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--bordure)}
.zone dt{font-weight:var(--graisse-titre)}
.zone dd{margin:0;color:var(--texte-2);text-align:right}
@media(max-width:700px){
  .mode-tete{display:none}
  .mode{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nom prix" "delai delai" "det det";row-gap:2px;
    background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:14px;margin-top:12px}
  .m-nom{grid-area:nom}.m-prix{grid-area:prix}.m-delai{grid-area:delai}.m-det{grid-area:det;margin-top:4px}
  .zone{grid-template-columns:minmax(0,1fr)}
  .zone dd{text-align:left}
}
.opts{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 4px}
.opt{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:8px 13px;font-size:var(--t-interface)}
.opt.on{border:2px solid var(--marque-500);font-weight:bold;padding:7px 12px}
.opt.ko{color:var(--verrou-attenue-texte);background:var(--surface);border-color:var(--verrou-attenue);border-style:solid;text-decoration:line-through;cursor:not-allowed}
.opt.bloque{color:var(--verrou-attenue-texte);background:var(--surface);border-color:var(--verrou-attenue);border-style:solid;cursor:not-allowed}
.sans-js :not(a[href])[onclick],.sans-js [onchange],.js-attente :not(a[href])[onclick],.js-attente [onchange]{cursor:not-allowed;pointer-events:none}
.sans-js :not(a[href])[onclick]:not(.on),.sans-js [onchange]:not(.on),.js-attente :not(a[href])[onclick]:not(.on),.js-attente [onchange]:not(.on){color:var(--verrou-attenue-texte)}
.sans-js button[onclick]:not(.on),.sans-js select[onchange],.js-attente button[onclick]:not(.on),.js-attente select[onchange]{color:var(--verrou-attenue-texte);background:var(--surface);border-color:var(--verrou-attenue);border-style:solid}
.sans-js button.btn[onclick],.js-attente button.btn[onclick]{border-width:1px}
.sans-js input[type=range][onchange],.js-attente input[type=range][onchange]{opacity:.55}
.kv{width:100%;border-collapse:collapse}
.kv td{padding:7px 0;border-bottom:1px solid var(--bordure);vertical-align:top;font-size:var(--t-meta)}
.kv td:first-child{color:var(--gris);width:46%}
.deux-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
@media(max-width:680px){.deux-col{grid-template-columns:1fr;gap:14px}}
.deux-col h2{margin:0 0 8px}
.liste{margin:0;padding-left:18px}
.liste li{padding:2px 0;font-size:var(--t-meta)}
.dlc{background:var(--alerte-fond);border:1px solid var(--alerte-bordure);border-radius:var(--arrondi-moyen);padding:9px 11px;font-size:var(--t-meta);margin-top:10px}
.ligne{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--bordure);align-items:flex-start}
.ligne .ph{width:52px;height:58px;flex:none;background:var(--aplat-produit);border-radius:var(--arrondi-petit);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ligne .in{flex:1;min-width:0}
.qte{border:1px solid var(--bordure);border-radius:var(--arrondi-petit);padding:3px 7px;font-size:12px;background:var(--surface)}
.ligne-panier{display:grid;grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"ph in px" "ph qtes px";
  column-gap:20px;row-gap:10px;padding:16px 0}
.ligne-panier:last-child{border-bottom:0}
.ligne-panier .ph{grid-area:ph;width:96px}
.ligne-panier .in{grid-area:in}
.ligne-panier .nom-ligne{display:block;font-size:var(--t-texte);margin-bottom:2px}
.px-ligne{grid-area:px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}
.qtes{grid-area:qtes;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.pas{display:inline-flex;border:1px solid var(--bordure);border-radius:var(--arrondi-petit);overflow:hidden;background:var(--surface)}
.pas .qte{border:0;border-radius:0;min-width:36px;min-height:36px;font-size:var(--t-interface)}
.pas>span{min-width:36px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--bordure);border-right:1px solid var(--bordure)}
.suppr{color:var(--texte-2);font-size:var(--t-interface)}
.vendu-pied{display:none}
@media(max-width:700px){
  .ligne-panier{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"ph in" "ph px" "ph qtes";column-gap:14px;row-gap:8px}
  .px-ligne{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;text-align:left;column-gap:8px}
  .eng-ligne{flex-basis:100%}
  .vendu-ligne{display:none}
  .vendu-pied{display:block;border-top:1px solid var(--bordure);padding-top:12px}
}
.livr label{display:flex;gap:9px;padding:11px 0;border-bottom:1px solid var(--bordure);align-items:flex-start;cursor:pointer;font-size:var(--t-interface)}
.livr label:last-child{border-bottom:0}
.tot{display:flex;justify-content:space-between;padding:4px 0;font-size:var(--t-meta)}
.tot.big{border-top:1px solid var(--bordure);margin-top:8px;padding-top:10px;font-size:var(--t-prix);font-weight:bold}
.tot.big{align-items:flex-start;font-size:var(--t-texte)}
.tot-val{display:flex;flex-direction:column;align-items:flex-end}
.tot-val b{font-size:var(--t-prix-fiche);line-height:var(--il-interface)}
.tot-val .tiny{font-weight:var(--graisse-texte)}
.eng-total{background:var(--aplat-produit);border-radius:var(--arrondi-petit);padding:8px 12px;margin:10px 0 14px}
.eng-total b,.eng-ligne{white-space:nowrap}
.vide{text-align:center;padding:40px 16px;color:var(--gris)}
.err{color:var(--rouge);font-size:12px;line-height:1.4;margin:8px 0 0;text-align:center}
.upsell{display:flex;gap:9px;align-items:flex-start;background:var(--marque-100);
  border:1px solid var(--marque-200);border-radius:var(--arrondi-moyen);padding:10px 12px;margin-bottom:12px;font-size:12px}
.upsell.on{box-shadow:inset 0 0 0 1px var(--marque-200)}
.upsell b{display:block;margin-bottom:2px}
.upsell .tiny{display:block}
.code-ok{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:var(--etat-fond);border:1px solid var(--etat-bordure);border-radius:var(--arrondi-petit);padding:7px 10px;font-size:12px}
.cgv.ko{box-shadow:inset 0 0 0 1px var(--rouge);border-radius:var(--arrondi-moyen);padding:6px 8px;margin-left:-8px}
.cgv.ko span{color:var(--rouge)}
.subst{background:var(--alerte-fond);border:1px solid var(--alerte-bordure);border-radius:var(--arrondi-moyen);padding:14px}
.suivi{display:flex;margin:16px 0;flex-wrap:wrap}
.etape{flex:1;min-width:110px;border-top:4px solid var(--etat);padding:9px 8px 0;font-size:12px}
.etape.todo{border-top-color:var(--gris-clair);color:var(--gris)}
@media(max-width:700px){
  .suivi{flex-direction:column;flex-wrap:nowrap}
  .etape{flex:none;min-width:0;min-height:44px;box-sizing:border-box;border-top:0;position:relative;
    padding:0 0 0 32px}
  .etape::before{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;box-sizing:border-box;
    border-radius:50%;background:var(--etat);z-index:1}
  .etape.todo::before{background:var(--surface);border:1px solid var(--bordure-forte)}
  .etape+.etape::after{content:"";position:absolute;left:8px;top:-41px;width:2px;height:41px;
    background:var(--bordure)}
  .etape:not(.todo)+.etape:not(.todo)::after{background:var(--etat)}
}
.conf-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.conf-actions{flex-direction:column}}
.matricule{background:var(--surface);border:1px dashed var(--bordure);border-radius:var(--arrondi-moyen);padding:16px;text-align:center;margin-top:14px}
.matricule b{font-size:var(--t-h2);letter-spacing:2px;display:block;margin-top:4px}
footer{background:var(--pied-fond);color:var(--pied-titre);margin-top:0;padding:22px 0;font-size:12px}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
footer b{color:var(--pied-titre);display:block;margin-bottom:6px;font-size:var(--t-interface)}
footer p{margin:3px 0}
.fl{background:none;border:0;color:var(--pied-lien);padding:0;font-size:12px;text-align:left}
.card a[href^="mailto"]{color:var(--marque-500)}
.art{padding:12px 0;border-bottom:1px solid var(--bordure)}
.art:last-of-type{border-bottom:0}
.art h3{font-size:var(--t-texte);margin:0 0 6px;letter-spacing:.2px}
.art p{font-size:12px;line-height:1.65;margin:0 0 6px;color:var(--texte-article)}
.art p:last-child{margin-bottom:0}
footer .wrap{display:grid;grid-template-columns:minmax(0,320px) 1fr;column-gap:24px;
  grid-template-areas:"cols cols" "marque badge" "adresse badge" "mini badge" "legal legal"}
.foot-marque{grid-area:marque;max-width:320px}
#fBadge{grid-area:badge;justify-self:end;align-self:start}
.cols{grid-area:cols}
.foot-adresse{grid-area:adresse}
.foot-mini{grid-area:mini}
.legal{grid-area:legal}
footer .cols{border-bottom:1px solid var(--pied-filet);margin-bottom:18px;padding-bottom:18px}
@media(max-width:520px){
  footer .wrap{grid-template-columns:1fr;
    grid-template-areas:"cols" "marque" "badge" "adresse" "mini" "legal"}
  #fBadge{justify-self:start}
}
.cols summary{list-style:none;cursor:pointer}
.cols summary::-webkit-details-marker{display:none}
.cols .chev{display:none}
@media(min-width:521px){
  .cols details:not([open])::details-content{content-visibility:visible;block-size:auto}
  .cols summary{cursor:default}
}
@media(max-width:520px){
  .cols details{border-bottom:1px solid var(--pied-filet)}
  .cols summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
  .cols summary b{margin-bottom:0}
  .cols .chev{display:block;color:var(--texte-2);flex:none}
  .cols details[open] .chev{transform:rotate(180deg)}
  .cols details>p{margin:0 0 10px}
  .cols details[open]{padding-bottom:6px}
}
.foot-marque .logo{font-size:22px}
.foot-marque .baseline{color:var(--texte-2);margin-bottom:10px}
.foot-adresse{font-style:normal;font-size:12px;line-height:1.6;color:var(--texte-2)}
.foot-mini{font-size:var(--t-legende);color:var(--texte-2);margin-top:6px}
footer .cols{align-items:start}
.tampon{display:inline-flex;align-items:center;gap:11px;background:var(--surface);color:var(--texte);
  border:1px solid var(--bordure-forte);border-radius:var(--arrondi-grand);padding:11px 14px}
.tampon .tp-sceau svg{width:46px;height:46px;color:var(--etat)}
.tampon .tp-sceau svg circle[stroke-dasharray]{display:none}
.tampon .tp-txt b{display:block;color:var(--pied-titre);font-size:var(--t-interface);letter-spacing:1.2px;text-transform:uppercase}
.tampon .tp-note{display:inline;font-size:var(--t-meta);white-space:nowrap}
.tampon .tp-note .etoiles{color:var(--texte)}
.tampon .tp-nb{display:inline;margin-left:8px;font-size:11px;color:var(--texte-2)}
.tampon .tp-mini{font-size:var(--t-legende);color:var(--texte-2);margin-top:3px;letter-spacing:.3px}
@media(max-width:760px){}
.fl:hover{color:var(--pied-lien-survol);text-decoration:underline}
.legal{border-top:1px solid var(--pied-filet);margin-top:16px;padding-top:12px;color:var(--texte-2)}
.btn:not(:disabled):hover{background:var(--action-survol)}
.btn:not(:disabled):active{background:var(--action-presse)}
.slide .btn-2:hover{background:var(--action-survol)}
.slide .btn-2:active{background:var(--action-presse)}
.search button:hover{background:var(--marque-survol)}
.btn-2:hover,.cartbtn:hover,.pt:hover,.qte:hover,.caro-nav:hover,
.opt:not(.ko):not(.bloque):hover,.pg:not(.on):hover,.pg-pas:hover,.puce-f:not(.nu):hover{background:var(--marque-100)}
.btn-2:active,.cartbtn:active,.pt:active,.qte:active,.caro-nav:active,
.opt:not(.ko):not(.bloque):active,.pg:not(.on):active,.pg-pas:active,.puce-f:not(.nu):active{background:var(--marque-100-presse)}
.nav a:hover,.nav button:hover,.ong:hover{background:var(--marque-100)}
.univers a:not(.ko):hover,.univers button:not(.ko):hover{border-color:var(--marque-500);box-shadow:var(--ombre-moyenne)}
.ca:hover{box-shadow:var(--ombre-moyenne)}
.lien:hover,.puce-f.nu:hover,.card a[href^="mailto"]:hover{color:var(--marque);text-decoration:underline}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.badge-id{display:block;width:100%;height:100%}
.badge-id{--b-complet:inline;--b-mini:none}
.badge-mini{--b-complet:none;--b-mini:inline}
.badge-mini .badge-nom,.badge-mini .badge-ref{display:none}
.badge-picto{color:var(--texte-inverse);fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  transform:translate(43.2px,62.2px) scale(1.2)}
.badge-mini .badge-picto{transform:translate(42.56px,57.16px) scale(1.62)}
.badge-nom{font-family:inherit;font-size:14.85px;font-weight:700;fill:var(--texte)}
.badge-ref{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:8.8px;letter-spacing:1.1px;fill:var(--texte-2)}
.rupt .badge-id{filter:grayscale(1);opacity:.75}
.vign .ph,.vign.sm .ph,.vign.xl .ph,.vign.mini .ph,
.vign.flash .ph,.ligne .ph,.swap-col .vis,.fiche-vis{aspect-ratio:var(--vignette-ratio);height:auto}
.barre-fixe{border-radius:var(--arrondi-moyen)}
.barre-seule{display:none}
@media(max-width:700px){
  .barre-fixe{position:fixed;left:0;right:0;bottom:0;z-index:40;
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"montant bouton" "detail bouton" "mention mention";
    align-items:center;column-gap:12px;
    margin:0;padding:10px 12px;border:0;border-radius:0;
    background:var(--surface);box-shadow:var(--ombre-barre)}
  .barre-fixe>.prix{grid-area:montant}
  .barre-fixe>.small{grid-area:detail;margin:0}
  .barre-fixe>.btn{grid-area:bouton;width:auto;white-space:nowrap}
  .barre-fixe>.tiny{grid-area:mention;margin:8px 0 0}
  footer{padding-bottom:196px}
}
[hidden]{display:none}
.masque{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ch-rang{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ch{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);padding:14px 16px}
.ch-i{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--marque-100);color:var(--marque-500)}
.ch-i svg{width:22px;height:22px}
.ch-t{min-width:0}
.ch-p{margin:0;font-size:var(--t-meta);line-height:1.3;color:var(--texte)}
.ch-v{font-size:var(--t-prix);font-weight:var(--graisse-prix);margin-right:2px}
.ch-c{margin:4px 0 0;font-size:var(--t-petit);line-height:1.35;color:var(--texte-2)}
@media(max-width:700px){.ch-rang{grid-template-columns:1fr}}
.ref-fiche{grid-template-columns:minmax(0,1fr) 360px}
@media(max-width:860px){.ref-fiche{grid-template-columns:minmax(0,1fr)}}
.ref-chapeau{font-size:var(--t-texte);color:var(--texte-2);margin:0 0 6px}
.ref-t{font-size:var(--t-texte);margin:0 0 6px}
.ref-bouton{display:block;text-align:center;margin-top:18px}
.ref-sous{margin:8px 0 0;text-align:center}
.ref-attente p{margin:0}
.ref-attente p+p{margin-top:4px}
.ref-demande{max-width:760px}
.ref-service{margin-top:14px;padding:12px 14px;border:1px solid var(--bordure);border-radius:var(--arrondi-moyen);font-size:var(--t-meta);line-height:1.5}
.ref-voile{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--bordure);font-size:var(--t-petit);color:var(--texte-2)}
.ref-entete{white-space:nowrap;padding:8px 12px;font-size:var(--t-interface)}
.ref-lien{display:block;width:100%;text-align:center}