/* ═══ 25/10 après-midi — BOUTIQUE / MARKETPLACE (patron : « très moche, tout en horizontal, monotone, il manque de couleurs, trop surchargé ;
   faut que ça respire, que ce soit attrayant ; si c'est agressif visuellement, ça ne donne pas envie »).
   Couche posée APRÈS marketplace.css (mk_public.CSS) : accueil du Marketplace, résultats, cartes produit (aussi vitrine, profil, fiche),
   tableau de bord « Ma boutique » (mk_vitrine.corps_ma_boutique). Langage du Portefeuille : base or / nuit, six accents (or, vert, cyan,
   violet, orange, rose) — un par produit (.ac-N, tiré de son id), une couleur par type sur sa pastille (.ty-*). Contrastes doux,
   panneaux arrondis, aucun éclat doré inutile. Thème clair : mêmes couleurs, assombries pour le texte. ═══ */
:root{--mx-p1:#111a30;--mx-p2:#0c1324;--mx-ln:rgba(148,163,196,.13);--mx-ln2:rgba(148,163,196,.22);--mx-tx:#eef1f7;--mx-mu:#9aa4b8;--mx-or:#f7c948}
:root[data-theme=light]{--mx-p1:#ffffff;--mx-p2:#fafbfd;--mx-ln:#e6e8ef;--mx-ln2:#d8dce6;--mx-tx:#0f172a;--mx-mu:#5a6378;--mx-or:#8a6200}

/* accents : --c (surfaces), --ct (texte) */
.ac-0{--c:#f7c948;--ct:#f7c948}.ac-1{--c:#2be3a9;--ct:#2be3a9}.ac-2{--c:#4cc9f0;--ct:#4cc9f0}.ac-3{--c:#a78bfa;--ct:#a78bfa}.ac-4{--c:#ff9f43;--ct:#ff9f43}.ac-5{--c:#ff6b9a;--ct:#ff6b9a}
:root[data-theme=light] .ac-0{--ct:#8a6200}:root[data-theme=light] .ac-1{--ct:#0f7a5a}:root[data-theme=light] .ac-2{--ct:#0b6f91}
:root[data-theme=light] .ac-3{--ct:#6342d0}:root[data-theme=light] .ac-4{--ct:#b45309}:root[data-theme=light] .ac-5{--ct:#b0285f}
/* types de produit (mêmes valeurs que boutique.TYPE_COUL) */
.mx-ty,.mx-cat{--tc:#f7c948}
.ty-indicateur{--tc:#38d9c9}.ty-strategie{--tc:#a78bfa}.ty-ebook{--tc:#ff8f5e}.ty-formation{--tc:#5aa9ff}.ty-signaux{--tc:#4ade80}.ty-coaching{--tc:#f472b6}.ty-autre{--tc:#f7c948}
:root[data-theme=light] :is(.mx-ty,.mx-cat){--tc:#8a6200}
:root[data-theme=light] .ty-indicateur{--tc:#0b7f75}:root[data-theme=light] .ty-strategie{--tc:#6342d0}:root[data-theme=light] .ty-ebook{--tc:#b8481a}
:root[data-theme=light] .ty-formation{--tc:#1d64c4}:root[data-theme=light] .ty-signaux{--tc:#15803d}:root[data-theme=light] .ty-coaching{--tc:#b0286f}

/* ---------- carte produit (Marketplace, vitrine, profil, fiche) et carte de gestion (Ma boutique) ---------- */
.mx-card,.mb-pc{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:30px / 28px;color:var(--mx-tx);text-decoration:none!important;
  background:linear-gradient(0deg,color-mix(in srgb,var(--c) 9%,transparent),transparent 58%),linear-gradient(180deg,var(--mx-p1),var(--mx-p2));
  border:1px solid color-mix(in srgb,var(--c) 18%,var(--mx-ln));transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .4s cubic-bezier(.16,1,.3,1)}
.mx-card:hover,.mx-card:focus-visible,.mb-pc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 52%,transparent);
  box-shadow:0 26px 44px -30px color-mix(in srgb,var(--c) 60%,rgba(0,0,0,.85))}
.mx-card:focus-visible{outline:2px solid var(--c);outline-offset:3px}
.mx-media{position:relative;display:block;margin:8px 8px 0;aspect-ratio:16/10;border-radius:24px / 22px;overflow:hidden;background:#070b16}
.mx-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
:is(.mx-card,.mb-pc,.mx-une):hover .mx-media>img{transform:scale(1.035)}
.mx-pills{position:absolute;left:10px;top:10px;right:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.mx-pills>span,.mx-offre,.mb-pc .mb-etat{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font:700 11.5px/1.2 system-ui,sans-serif;
  background:rgba(7,11,22,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}   /* lisibles sur n'importe quel visuel */
.mx-ty{color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 42%,transparent)}
.mx-ia{color:#c9b8ff;border:1px solid rgba(180,140,255,.5)}
.mx-promo{color:#2a0614!important;background:#ff6b9a!important;font-weight:800!important}
:is(.mx-pills,.mx-offre) .ic .a{stroke:currentColor}:is(.mx-pills,.mx-offre) .ic .af{fill:currentColor}
:root[data-theme=light] :is(.mx-pills>span:not(.mx-promo),.mx-offre,.mb-pc .mb-etat){background:rgba(255,255,255,.9)}
:root[data-theme=light] .mx-ia{color:#6342d0;border-color:#c9b8ff}
.mx-rang{position:absolute;right:10px;top:10px;display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;
  font:900 13px/1 system-ui,sans-serif;color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}
.mx-body,.mb-c-b{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 18px 16px;min-width:0}
.mx .mx-t,.mx-card .mx-t,.mb-pc .mx-t{font:750 15.5px/1.3 system-ui,sans-serif;color:var(--mx-tx)!important;text-wrap:pretty;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mx-by{color:var(--mx-mu);font-weight:600}
.mx-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}
.mx-note{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;color:var(--mx-mu)}
.mx-et{display:inline-flex;align-items:center;gap:4px}.mx-et b{color:var(--mx-tx);font-weight:800}.mx-et em{font-style:normal}
.mx-et .ic .a{stroke:#f7c948;fill:rgba(247,201,72,.35)}
.mx-neuf{padding:2px 10px;border-radius:999px;font-weight:700;font-size:11.5px;color:var(--ct);background:color-mix(in srgb,var(--c) 13%,transparent)}
.mx-nv{font-weight:600}
.mx-prix{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
.mx-prix b{font:850 19px/1 system-ui,sans-serif;color:var(--mx-tx);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.mx-prix s{font-size:12.5px;color:var(--mx-mu)}.mx-prix small{font-size:11.5px;color:var(--mx-mu)}
.mx-prix.big b{font-size:28px}

/* grilles aérées */
.mk .mx-grid,.mk-grid.mx-grid{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:24px 20px}

/* ---------- sections : panneaux calmes, une couleur d'icône par section ---------- */
.mk.mx,.mk.mb{gap:30px}
.mk .mk-sec{gap:20px;padding:26px clamp(20px,3%,34px) 30px;border-radius:40px / 36px;border-color:var(--mx-ln);box-shadow:none}
.mk .mk-sec::before,.mk .mk-sec::after{display:none}
.mk .mk-sec-hd h2:not(._):not(._):not(._):not(._){font-size:20px;letter-spacing:-.01em}
.mk .mk-sec .mk-iris{--sx-c:#f7c948;width:38px;height:26px;color:var(--sx-c);background:color-mix(in srgb,var(--sx-c) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sx-c) 40%,transparent)}
.mk .mk-sec .mk-iris .ic .a{stroke:currentColor}
.mk .mk-sec:nth-of-type(6n+2) .mk-iris{--sx-c:#4cc9f0}.mk .mk-sec:nth-of-type(6n+3) .mk-iris{--sx-c:#2be3a9}.mk .mk-sec:nth-of-type(6n+4) .mk-iris{--sx-c:#a78bfa}
.mk .mk-sec:nth-of-type(6n+5) .mk-iris{--sx-c:#ff9f43}.mk .mk-sec:nth-of-type(6n) .mk-iris{--sx-c:#ff6b9a}
:root[data-theme=light] .mk .mk-sec .mk-iris{color:color-mix(in srgb,var(--sx-c) 65%,#0f172a)}
.mk .mk-more{border-color:var(--mx-ln2);color:var(--mx-tx)!important;font-weight:650}
.mk .mk-more:hover{background:color-mix(in srgb,#f7c948 14%,transparent);border-color:#d4a63a;color:var(--mx-tx)!important}

/* ---------- accueil : vitrine ---------- */
.mk.mx{container:mx / inline-size}
.mx-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);
  padding:clamp(26px,3.6vw,48px) clamp(24px,4vw,56px);border-radius:52px / 46px;border:1px solid var(--mx-ln2);
  background:radial-gradient(55% 90% at 0 0,rgba(247,201,72,.13),transparent 62%),radial-gradient(45% 80% at 100% 100%,rgba(167,139,250,.12),transparent 66%),
    radial-gradient(35% 60% at 70% 0,rgba(76,201,240,.08),transparent 70%),linear-gradient(180deg,var(--mx-p1),var(--mx-p2))}
.mx-hero::after{content:"";position:absolute;z-index:-1;left:-4%;bottom:-18%;width:46%;aspect-ratio:2/1;background:var(--oe-filigrane) center/contain no-repeat;opacity:.07;pointer-events:none}
.mx-hero-l{display:flex;flex-direction:column;gap:18px;min-width:0}
.mx .mx-hero h1:not(._):not(._):not(._):not(._),.mx .mx-tete h1:not(._):not(._):not(._):not(._){margin:0;font:850 clamp(28px,4.4cqi,46px)/1.08 system-ui,sans-serif;letter-spacing:-.025em;color:var(--mx-tx)!important;text-wrap:balance}
.mx .mx-hero h1 em{font-style:normal;color:var(--mx-or)}
.mx-hero p,.mx-tete p{margin:0;max-width:48ch;color:var(--mx-mu);font-size:15.5px;line-height:1.55}
.mx-hero .mk-search{max-width:560px}
.mx-hero-a,.mx-res-a{display:flex;flex-wrap:wrap;gap:8px 20px}
.mx .mk-lnk{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px;color:var(--mx-tx)!important;opacity:.85}
.mx .mk-lnk:hover{opacity:1;color:var(--mx-or)!important}
/* le produit à la une */
.mx-une{display:flex;flex-direction:column;min-width:0;border-radius:36px / 32px;color:var(--mx-tx);text-decoration:none!important;
  background:linear-gradient(0deg,color-mix(in srgb,var(--c) 14%,transparent),transparent 60%),rgba(7,11,22,.55);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);
  box-shadow:0 30px 60px -40px color-mix(in srgb,var(--c) 70%,#000);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .25s}
.mx-une:hover{transform:translateY(-4px);border-color:var(--c)}
.mx-une .mx-media{margin:10px 10px 0;border-radius:28px / 26px}
.mx-offre{position:absolute;left:10px;bottom:10px;color:#f7c948;border:1px solid rgba(247,201,72,.45)}
.mx-une-tx{display:flex;flex-direction:column;gap:6px;padding:16px 22px 20px}
.mx-une-tx>b{font:800 22px/1.2 system-ui,sans-serif;letter-spacing:-.01em;color:var(--mx-tx)}
.mx-une-s{color:var(--mx-mu);font-size:14px}
.mx-une .mx-foot{padding-top:8px}
:root[data-theme=light] .mx-une{background:linear-gradient(0deg,color-mix(in srgb,var(--c) 10%,#fff),#fff 60%)}
:root[data-theme=light] .mx-offre{color:#8a6200;border-color:#e3c77a}

/* vitrine selon la largeur RÉELLE du centre (les colonnes Sight Ads le rétrécissent) : empilée, puis produit à la une en largeur, puis deux colonnes */
@container mx (min-width:620px){
  .mx-une{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
  .mx-une .mx-media{margin:10px}
  .mx-une-tx{padding:16px 24px 16px 8px}
}
@container mx (min-width:1060px){
  .mx-hero{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}
  .mx-une{display:flex}.mx-une .mx-media{margin:10px 10px 0}.mx-une-tx{padding:16px 22px 20px}
}
/* ---------- filtres : catégories colorées, marchés discrets ---------- */
.mx-filtres{display:flex;flex-direction:column;gap:14px}
.mx-cats{display:flex;flex-wrap:wrap;gap:10px}
.mx-cat{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 12px;border-radius:999px;font:700 14px/1 system-ui,sans-serif;color:var(--mx-tx)!important;text-decoration:none!important;
  background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 14%,transparent),transparent 80%),var(--mx-p1);border:1px solid color-mix(in srgb,var(--tc) 32%,transparent);
  transition:border-color .2s,background .2s,transform .2s}
.mx-cat .ic{color:var(--tc)}.mx-cat .ic .a{stroke:currentColor}
.mx-cat em{font-style:normal;font-size:12px;font-weight:800;padding:2px 8px;border-radius:999px;color:var(--mx-mu);background:color-mix(in srgb,var(--tc) 12%,transparent);font-variant-numeric:tabular-nums}
.mx-cat:hover{border-color:var(--tc);transform:translateY(-1px)}
.mx-cat.on{background:var(--tc);border-color:var(--tc);color:#0b0f1a!important}
.mx-cat.on .ic{color:#0b0f1a}.mx-cat.on em{color:#0b0f1a;background:rgba(0,0,0,.12)}
:root[data-theme=light] .mx-cat.on,:root[data-theme=light] .mx-cat.on .ic,:root[data-theme=light] .mx-cat.on em{color:#fff!important}
:root[data-theme=light] .mx-cat.on em{background:rgba(255,255,255,.2)}
.mx-mkts,.mx-tri{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13.5px}
.mx-mkts>span,.mx-tri>span{margin-right:8px;color:var(--mx-mu);font-weight:600}
.mx-mkts a,.mx-tri a{padding:5px 12px;border-radius:999px;color:var(--mx-mu)!important;font-weight:600;text-decoration:none!important;transition:color .2s,background .2s}
.mx-mkts a:hover,.mx-tri a:hover{color:var(--mx-tx)!important;background:color-mix(in srgb,var(--mx-tx) 6%,transparent)}
.mx-mkts a.on,.mx-tri a.on{color:var(--mx-tx)!important;background:color-mix(in srgb,#f7c948 16%,transparent);box-shadow:inset 0 0 0 1px rgba(247,201,72,.4)}

/* ---------- résultats ---------- */
.mx-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px;padding:4px 6px}
.mx-tete-l{display:flex;flex-direction:column;gap:10px;min-width:0}
.mx-tete .mk-search{flex:0 1 460px}
.mx-tete .mk-fil{font-size:13px}
.mx-res-hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}

/* ---------- créateurs ---------- */
.mx-creas{display:flex;flex-wrap:wrap;gap:12px}
.mx-crea{display:inline-flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;background:var(--mx-p1);border:1px solid var(--mx-ln);color:var(--mx-tx)!important;
  text-decoration:none!important;transition:border-color .2s,transform .2s}
.mx-crea:hover{border-color:#d4a63a;transform:translateY(-1px)}
.mx-crea .mk-av{width:42px;height:42px;font-size:16px}
.mx-crea>span:last-child{display:flex;flex-direction:column;gap:2px}
.mx-crea b{display:inline-flex;align-items:center;gap:5px;font-size:14px}.mx-crea small{font-size:12px;color:var(--mx-mu)}

/* ---------- fin de page : vendre + confiance ---------- */
.mx-fin{display:flex;flex-direction:column;gap:22px;padding:28px clamp(22px,3.4vw,44px);border-radius:44px / 40px;border:1px solid var(--mx-ln2);
  background:radial-gradient(50% 120% at 0 0,rgba(247,201,72,.12),transparent 60%),radial-gradient(40% 100% at 100% 100%,rgba(43,227,169,.08),transparent 70%),var(--mx-p1)}
.mx-vendre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px}
.mx-vendre>div{display:flex;flex-direction:column;gap:4px}
.mx-vendre b{font:800 19px/1.25 system-ui,sans-serif;color:var(--mx-tx)}.mx-vendre span{color:var(--mx-mu);font-size:14.5px}
.mx-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mx-fin .mx-trust{padding-top:20px;border-top:1px solid var(--mx-ln)}
.mx>.mx-trust{padding:20px clamp(22px,3.4vw,44px);border-radius:999px;border:1px solid var(--mx-ln);background:var(--mx-p1)}
.mx-trust li{display:flex;align-items:flex-start;gap:12px;min-width:0}
.mx-trust li>.ic{flex:none;width:34px;height:34px;padding:8px;border-radius:50%;color:#2be3a9;background:rgba(43,227,169,.12)}
.mx-trust li:nth-child(2)>.ic{color:#4cc9f0;background:rgba(76,201,240,.12)}.mx-trust li:nth-child(3)>.ic{color:#a78bfa;background:rgba(167,139,250,.13)}
.mx-trust .ic .a{stroke:currentColor}
.mx-trust span{display:flex;flex-direction:column;gap:2px}.mx-trust b{font-size:13.5px;color:var(--mx-tx)}.mx-trust small{font-size:12px;color:var(--mx-mu)}
:root[data-theme=light] .mx-trust li>.ic{color:#0f7a5a}:root[data-theme=light] .mx-trust li:nth-child(2)>.ic{color:#0b6f91}:root[data-theme=light] .mx-trust li:nth-child(3)>.ic{color:#6342d0}

/* ---------- Ma boutique : tableau de bord en blocs ---------- */
.mb.mb .mb-t.k-cyan{--k:#4cc9f0}.mb.mb .mb-t.k-vert{--k:#2be3a9}.mb.mb .mb-t.k-or{--k:#f7c948}.mb.mb .mb-t.k-violet{--k:#a78bfa}
:root[data-theme=light] .mb.mb .mb-t.k-cyan{--k:#0b6f91}:root[data-theme=light] .mb.mb .mb-t.k-vert{--k:#0f7a5a}
:root[data-theme=light] .mb.mb .mb-t.k-or{--k:#8a6200}:root[data-theme=light] .mb.mb .mb-t.k-violet{--k:#6342d0}
.mb .mb-acts{align-items:center;gap:10px 22px}
.mb-liens{display:flex;flex-wrap:wrap;gap:6px 18px}
.mb-liens a{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--text)!important;opacity:.82;text-decoration:none!important}
.mb-liens a:hover{opacity:1;color:var(--mk-or)!important}
:root[data-theme=light] .mb-liens a:hover{color:#8a6200!important}
.mb-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:24px;align-items:start}
.mb-cote{display:flex;flex-direction:column;gap:24px;min-width:0}
.mb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
#mbf-on:checked~.mb-grid .mb-pc.off,#mbf-off:checked~.mb-grid .mb-pc.on{display:none}
.mb-pc:hover{transform:none}
.mb-pc .mx-media{margin:8px 8px 0}
.mb-pc .mb-etat{position:absolute;right:10px;bottom:10px;border-width:1px;border-style:solid}
.mb-pc.off .mx-media>img{filter:grayscale(.8);opacity:.6}
.mb-c-b{gap:10px}
.mx-prem{align-self:flex-start;padding:2px 10px;border-radius:999px;font:700 11px system-ui,sans-serif;color:#1a1200;background:linear-gradient(180deg,#ffe08a,#d4a63a)}
.mb-c-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:10px 12px;border-radius:20px;
  background:color-mix(in srgb,var(--c) 8%,transparent);border:1px solid color-mix(in srgb,var(--c) 18%,transparent)}
.mb-c-k div{min-width:0}
.mb-c-k dt{font:700 10.5px system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--mx-mu)}
.mb-c-k dd{margin:2px 0 0;font:800 15px system-ui,sans-serif;color:var(--mx-tx);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mb-mod{align-self:flex-start;margin-top:auto;display:inline-flex!important;align-items:center;gap:6px;border-radius:999px!important}
/* colonne : ventes récentes */
.mb-cote .mk-sec{padding:22px 22px 24px;border-radius:34px / 30px}
.mb-cote .mk-sec-hd h2:not(._):not(._):not(._):not(._){font-size:17px}
.mb-ventes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mb-ventes li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--mx-ln)}
.mb-ventes li:last-child{border-bottom:0}
.mb-v-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#2be3a9;background:rgba(43,227,169,.12)}
.mb-v-ic .ic .a{stroke:currentColor}
.mb-v-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.mb-v-tx b{font-size:13.5px;color:var(--mx-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-v-tx small{font-size:12px;color:var(--mx-mu)}
.mb-v-s{font:800 14px system-ui,sans-serif;color:#2be3a9;font-variant-numeric:tabular-nums;white-space:nowrap}
:root[data-theme=light] .mb-v-s,:root[data-theme=light] .mb-v-ic{color:#0f7a5a}
.mb-rien{margin:0;color:var(--mx-mu);font-size:13.5px;line-height:1.5}
.mb-cote .mk-avis-l{display:flex;flex-direction:column;gap:12px}

/* ---------- tailles ---------- */
@media (max-width:1180px){.mb-main{grid-template-columns:1fr}.mb-cote{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
@media (max-width:980px){
  .mx-trust{grid-template-columns:1fr}.mx>.mx-trust{border-radius:30px}
}
@media (max-width:760px){
  .mk.mx,.mk.mb{gap:22px}
  .mx-hero{padding:24px 18px;border-radius:34px / 30px}
  .mk .mk-sec{padding:20px 14px 22px;border-radius:30px / 26px}
  .mx-tete .mk-search{flex-basis:100%}
  .mx-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px}.mx-cats::-webkit-scrollbar{display:none}
  .mx-cat{flex:none}
  .mx-fin{padding:22px 18px;border-radius:32px / 28px}
  .mx-vendre .btn{width:100%;justify-content:center}
}
@media (max-width:560px){
  .mk .mx-grid,.mk-grid.mx-grid,.mb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .mx-card,.mb-pc{border-radius:24px / 22px}
  .mx-media{margin:6px 6px 0;border-radius:19px / 17px}
  .mx-pills{left:7px;top:7px;gap:4px}.mx-pills>span{padding:3px 7px;font-size:10.5px}
  .mx-pills .mx-ty .ic{display:none}
  .mx-body,.mb-c-b{padding:10px 12px 12px;gap:6px}
  .mx .mx-t,.mx-card .mx-t,.mb-pc .mx-t{font-size:14px}
  .mx-by{font-size:11.5px}
  .mx-foot{flex-direction:column;align-items:flex-start;gap:6px}
  .mx-prix b{font-size:17px}
  .mb-c-k{grid-template-columns:1fr 1fr;padding:8px 10px}.mb-c-k div:last-child{grid-column:1/-1}
  .mb-pc .mb-etat{font-size:10.5px;padding:3px 8px}
  .mx-une-tx>b{font-size:19px}.mx-prix.big b{font-size:24px}
}
@media (prefers-reduced-motion:reduce){.mx-card,.mb-pc,.mx-une,.mx-cat,.mx-crea,.mx-media>img{transition:none}.mx-card:hover,.mx-une:hover{transform:none}}
/* la coquille pose une plaque sombre sous les filtres et les nav[aria-label] (lisibilité sur les fonds perso) : ici ils sont sur la page, sans plaque */
.mk :is(.mx-filtres,.mx-cats,.mx-mkts,.mx-tri,.mb-tabs):not(._):not(._):not(._):not(._):not(._){background:none!important;box-shadow:none!important;border:0!important;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.mk .mx-filtres:not(._):not(._):not(._):not(._):not(._){padding:0}

/* ---------- fiche produit /p/<id> : même langage (accent du produit, panneaux calmes, blocs colorés) ---------- */
.mk-p .mk-gal-main{border-color:color-mix(in srgb,var(--c) 38%,transparent);box-shadow:0 34px 70px -46px color-mix(in srgb,var(--c) 70%,#000)}
.mk-p .mk-p-head{border-color:var(--mx-ln2);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 10%,transparent),transparent 60%),var(--bq-panel)}
.mk-p .mk-buy{border-color:var(--mx-ln2);box-shadow:0 30px 60px -44px rgba(0,0,0,.85);
  background:radial-gradient(70% 50% at 50% 0,rgba(247,201,72,.10),transparent 70%),linear-gradient(180deg,var(--mx-p1),var(--mx-p2))!important}
.mk-p .mk-bloc{--sx-c:#f7c948;background:linear-gradient(180deg,color-mix(in srgb,var(--sx-c) 8%,transparent),transparent 70%),var(--mx-p2);border-color:color-mix(in srgb,var(--sx-c) 22%,var(--mx-ln))}
.mk-p .mk-blocs>.mk-bloc:nth-child(6n+2),.mk-p .mk-2>.mk-bloc:nth-child(2){--sx-c:#4cc9f0}.mk-p .mk-blocs>.mk-bloc:nth-child(6n+3){--sx-c:#2be3a9}
.mk-p .mk-blocs>.mk-bloc:nth-child(6n+4){--sx-c:#a78bfa}.mk-p .mk-blocs>.mk-bloc:nth-child(6n+5){--sx-c:#ff9f43}.mk-p .mk-blocs>.mk-bloc:nth-child(6n){--sx-c:#ff6b9a}
.mk.mk-p[class*=ac-] .mk-bloc h3:not(._):not(._):not(._):not(._){color:var(--sx-c)!important}
.mk.mk-p[class*=ac-] .mk-bloc li::marker{color:var(--sx-c)}
:root[data-theme=light] .mk.mk-p[class*=ac-] .mk-bloc h3:not(._):not(._):not(._):not(._){color:color-mix(in srgb,var(--sx-c) 62%,#0f172a)!important}
.mk-p .mk-faits div{background:var(--mx-p2);border-color:var(--mx-ln)}
.mk-p .mk-vend{border-color:var(--mx-ln2)}
@media (min-width:981px){.mk-p .mk-p-top{align-items:start}.mk-p .mk-p-l{position:sticky;top:76px}}   /* la galerie reste visible pendant qu on lit l encart d achat */
/* thème clair : champ de recherche clair (il restait noir) */
:root[data-theme=light] .mk .mk-search{background:#fff!important;border-color:var(--mx-ln2);color:#5a6378;box-shadow:0 8px 24px -18px rgba(15,23,42,.35)}
:root[data-theme=light] .mk .mk-search input[name=q]:not(._):not(._):not(._){color:#0f172a!important}
:root[data-theme=light] .mk .mk-search input[name=q]::placeholder{color:#6b7385}
:root[data-theme=light] .mb.mb .mb-t b{color:var(--k)!important}   /* chiffres colorés aussi en clair (comme le Portefeuille) */

/* ---------- 05/11 : classification complète (catégories vides visibles « bientôt », Streetwear, sous-classification, mobile) ---------- */
.ty-streetwear{--tc:#9be15d}:root[data-theme=light] .ty-streetwear{--tc:#3f7d12}
.mx-cat.vide{opacity:.85;border-style:dashed;background:var(--mx-p1)}.mx-cat.vide .ic,.mx-cat.vide em{opacity:.75}.mx-cat.vide:hover{opacity:1}
.mx-cats{gap:8px}.mx-cat{padding:9px 12px 9px 11px}
.mx-cat em.bt{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mx-sous a em{font-style:normal;font-size:11.5px;margin-left:6px;opacity:.7;font-variant-numeric:tabular-nums}
.mx-bientot{padding:44px 28px}.mx-bientot .mk-oeil{width:64px;height:auto;opacity:.9}.mx-bientot b{font-size:20px}.mx-bientot span{max-width:520px;color:var(--mx-mu)}
.mx-bt-a{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}
@media (max-width:720px){
  .mx-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:2px 14px 6px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .mx-cats::-webkit-scrollbar{display:none}.mx-cat{flex:none;scroll-snap-align:start}
  .mx-mkts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}.mx-mkts::-webkit-scrollbar{display:none}.mx-mkts a,.mx-mkts>span{flex:none}
}

.mx-prix small{margin-left:4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--mx-mu)}.mk-ttc{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--muted)}

/* ---------- 05/11 : bandeau Sight Ads sous la galerie de la fiche /p/ (zone vide à gauche de l'encart d'achat) ---------- */
.mk-adgal{margin-top:18px}.mk-adgal .mk-adban-s{max-width:none}
@media (min-width:901px){.mk-p .mk-adban:not(.mk-adgal){display:none}}
@media (max-width:900px){.mk-adgal{display:none}}

/* 06/11 : e-books — couverture 1200×1600 entière (cadre 3:4, contain) et titre complet, sans rogner */
.mx-card:has(.ty-ebook) .mx-media{aspect-ratio:3/4;background:#05070d}
.mx-card:has(.ty-ebook) .mx-media>img{object-fit:contain}
.mx-card:has(.ty-ebook) .mx-t{display:block;overflow:visible;-webkit-line-clamp:unset}