/* ASIS-TECH · module pro : barre de compte, icônes, anti-robot, options de vente */
.pi{width:1.15em;height:1.15em;vertical-align:-.2em;flex:none}
.b .pi{margin-right:.4em}.heart .pi,.b.s .pi:only-child{margin:0}
.pi.h{color:#e0475b}
/* barre de compte connecté */
header .pav{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none;border:0;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);padding:3px 12px 3px 3px;border-radius:999px;color:#fff;cursor:pointer;position:relative;z-index:2;font:600 13px/1 -apple-system,"Segoe UI",Roboto,sans-serif;transition:background .2s,transform .15s}
header .pav:hover{background:rgba(255,255,255,.22)}header .pav:active{transform:scale(.97)}
header .pav:focus-visible{outline:3px solid var(--acc,#f5c400);outline-offset:2px}
header .pav[hidden]{display:none}
header .pav+.hb{margin-left:0}
.pav i{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 17px/1 -apple-system,"Segoe UI",Roboto,sans-serif;font-style:normal;background:linear-gradient(145deg,#14b8b0,#0a7f86);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.pav i::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 2px #0b4f56}
.pav span{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:400px){.pav span{display:none}header .pav{padding-right:3px}}
/* vérification anti-robot */
.rbw{display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px!important;border-radius:14px!important;border:1.5px solid var(--bd,#dde4df)!important;background:var(--card,#fff)!important;color:var(--tx)!important;cursor:pointer;position:relative;text-align:left;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:border-color .2s,box-shadow .2s}
.rbw:hover:not(:disabled){border-color:var(--p,#0e7c86)!important;box-shadow:0 0 0 4px rgba(14,124,134,.12)}
.rbw:disabled{cursor:default;opacity:1}
.rbw::after{content:"Protégé";margin-left:auto;font-size:11px;font-weight:600;color:var(--mu,#5c6b70);padding:4px 9px;border-radius:999px;background:rgba(14,124,134,.1)}
.rbw.err{border-color:#c0392b!important;box-shadow:0 0 0 4px rgba(192,57,43,.15)!important}
.rbk{flex:none;width:28px;height:28px;border-radius:9px;border:2px solid var(--bd,#cfd8d3);display:grid;place-items:center;font-size:0!important;color:transparent!important;background:transparent;transition:background .25s,border-color .25s,transform .25s}
.rbk.ld{border-radius:50%;border-color:rgba(14,124,134,.25);border-top-color:var(--p,#0e7c86);animation:prSp .7s linear infinite}
.rbk.ok{background:var(--p,#0e7c86);border-color:var(--p,#0e7c86);animation:prPop .35s ease}
.rbk.ok::after{content:"";width:6px;height:12px;margin-top:-2px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
@keyframes prSp{to{transform:rotate(360deg)}}@keyframes prPop{50%{transform:scale(1.18)}}
/* options de vente (vendeur) */
.pro{margin:14px 0 4px;padding:14px;border:1px solid var(--bd,#dde5e7);border-radius:14px;background:var(--card,#fff)}
.pro-h{font-weight:700;font-size:15px;margin-bottom:2px}.pro-n{font-size:12px;color:var(--mu);margin:0 0 6px}
.pro-c.off{display:none}
.sw,.ch{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.sw button{width:34px;height:34px;border-radius:50%;border:2px solid var(--bd,#dde5e7);cursor:pointer;padding:0;position:relative;box-shadow:inset 0 0 0 2px var(--card,#fff);transition:transform .15s,border-color .15s}
.sw button.on{border-color:var(--p,#0e7c86);transform:scale(1.08)}
.ch button{min-width:42px;height:38px;padding:0 12px;border-radius:10px;border:1.5px solid var(--bd,#dde5e7);background:var(--card,#fff);color:var(--tx);font:600 14px/1 inherit;cursor:pointer;transition:all .15s}
.ch button.on{border-color:var(--p,#0e7c86);background:rgba(14,124,134,.1);color:var(--p,#0e7c86)}
.ch button:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.qs{display:inline-flex;align-items:center;border:1.5px solid var(--bd,#dde5e7);border-radius:12px;overflow:hidden;background:var(--card,#fff)}
.qs button{width:42px;height:42px;border:0;background:transparent;color:var(--tx);font-size:20px;cursor:pointer}
.qs button:active{background:rgba(14,124,134,.12)}
.qs input{width:56px;height:42px;border:0!important;text-align:center;font:700 16px/1 inherit;background:transparent;color:var(--tx);margin:0!important;padding:0!important;border-radius:0!important;-moz-appearance:textfield}
.qs input::-webkit-outer-spin-button,.qs input::-webkit-inner-spin-button{-webkit-appearance:none}
/* boîte d'achat (acheteur, style Amazon / Alibaba) */
.pbx{margin:12px 0;padding:14px;border:1px solid var(--bd,#dde5e7);border-radius:14px;background:var(--card,#fff)}
.pbx-l{font-size:13px;color:var(--mu);margin:0 0 2px}.pbx-l b{color:var(--tx)}
.pbx-q{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.pbx-s{font-size:12px;font-weight:600;color:var(--p,#0e7c86)}.pbx-s.low{color:#c2410c}
.pbx-t{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:10px;border-top:1px dashed var(--bd,#dde5e7);font-size:14px;color:var(--mu)}
.pbx-t b{font-size:19px;color:var(--tx)}
@media(prefers-reduced-motion:reduce){.rbk.ld{animation:none}.rbk.ok{animation:none}}

/* icônes dans le menu, les boutons et le champ mot de passe */
.dr .dri{display:flex;align-items:center;gap:14px;text-align:left}
.dr .dri .pi.lead{width:22px;height:22px;margin:0;color:var(--p,#0e7c86);padding:7px;box-sizing:content-box;border-radius:11px;background:rgba(14,124,134,.1)}
.dr .dri .pi.trail{width:16px;height:16px;margin:0 0 0 auto;opacity:.4}
.b>.pi.lead{width:1.2em;height:1.2em;margin-right:.5em;vertical-align:-.22em}
.pw button{display:grid;place-items:center;width:46px;flex:none;padding:0!important}
.pw button .pi{width:20px;height:20px;margin:0;color:var(--mu,#5c6b70)}