/* Trust Co. — Trust Flex : recherche d'article dans le simulateur (01/11/2026, v62). Généré par etape3/v62.py */
body.page-flex .fx-recherche{position:relative;margin-bottom:16px}
body.page-flex .fx-recherche>label>span{display:block;font-size:.85rem;font-weight:600;margin-bottom:7px;color:var(--fx-txt)}
body.page-flex .fx-recherche .fx-loupe{flex:none;width:19px;height:19px;color:var(--fx-em2)}
body.page-flex .fx-effacer{flex:none;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--fx-doux);color:var(--fx-txt2);cursor:pointer;transition:background .2s,color .2s}
body.page-flex .fx-effacer:hover{background:rgba(41,163,209,.2);color:var(--fx-txt)}
body.page-flex .fx-effacer[hidden]{display:none}
body.page-flex .fx-effacer svg{width:15px;height:15px;stroke-width:2.2}
body.page-flex .fx-suggestions{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:min(420px,60vh);overflow:auto;margin:0;padding:6px;list-style:none;border-radius:16px;background:var(--fx-carte);border:1px solid var(--fx-bord);box-shadow:0 28px 60px -24px rgba(20,33,44,.45);transform-origin:top center;animation:fxSugOuvre .18s ease-out}
body.page-flex .fx-suggestions[hidden]{display:none}
@keyframes fxSugOuvre{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
body.page-flex .fx-sug{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;cursor:pointer;opacity:0;animation:fxSugLigne .28s ease forwards;animation-delay:var(--d,0ms)}
@keyframes fxSugLigne{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
body.page-flex .fx-sug[aria-selected="true"]{background:var(--fx-doux)}
body.page-flex .fx-sug-img{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--fx-bord);overflow:hidden}
body.page-flex .fx-sug-img img{width:100%;height:100%;object-fit:contain}
body.page-flex .fx-sug-txt{display:grid;gap:2px;min-width:0}
body.page-flex .fx-sug-txt b{font-size:.93rem;color:var(--fx-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.page-flex .fx-sug-txt small,body.page-flex .fx-sug-prix small{font-size:.76rem;color:var(--fx-txt2)}
body.page-flex .fx-sug mark{background:none;color:var(--fx-em2);font-weight:800}
html[data-theme="dark"] body.page-flex .fx-sug mark{color:#5cc4ea}
body.page-flex .fx-sug-prix{display:grid;gap:2px;text-align:right}
body.page-flex .fx-sug-prix b{font-size:.92rem;color:var(--fx-txt);white-space:nowrap}
body.page-flex .fx-sug-prix small{color:var(--fx-em2);font-weight:600;white-space:nowrap}
html[data-theme="dark"] body.page-flex .fx-sug-prix small{color:#5cc4ea}
body.page-flex .fx-sug--bas .fx-sug-prix small{color:var(--fx-txt2);font-weight:500}
body.page-flex .fx-sug-vide{padding:14px;font-size:.88rem;color:var(--fx-txt2)}
body.page-flex .fx-choisi{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(41,163,209,.35);background:linear-gradient(135deg,rgba(41,163,209,.09),rgba(245,158,11,.06))}
body.page-flex .fx-choisi[hidden]{display:none}
body.page-flex .fx-choisi img{flex:none;width:44px;height:44px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--fx-bord)}
body.page-flex .fx-choisi span{display:grid;gap:2px;min-width:0}
body.page-flex .fx-choisi b{font-size:.92rem;color:var(--fx-txt)}
body.page-flex .fx-choisi small{font-size:.8rem;color:var(--fx-txt2)}
body.page-flex .fx-choisi--anim{animation:fxChoisi .45s cubic-bezier(.2,.9,.3,1.2)}
@keyframes fxChoisi{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
body.page-flex .fx-saisie:has(.fx-flash){animation:fxFlash .9s ease}
@keyframes fxFlash{0%{box-shadow:0 0 0 0 rgba(41,163,209,.0)}30%{box-shadow:0 0 0 5px rgba(41,163,209,.35);border-color:var(--fx-em)}100%{box-shadow:0 0 0 0 rgba(41,163,209,0)}}
@media (max-width:520px){body.page-flex .fx-sug{grid-template-columns:40px minmax(0,1fr)}body.page-flex .fx-sug-img{width:40px;height:40px}body.page-flex .fx-sug-prix{grid-column:2;text-align:left;grid-auto-flow:column;justify-content:start;gap:8px}}
@media (prefers-reduced-motion:reduce){body.page-flex .fx-suggestions,body.page-flex .fx-sug,body.page-flex .fx-choisi--anim{animation:none;opacity:1}}
/* champs du simulateur : un seul cadre (celui de la saisie), pas de second contour ni de fond propre au champ */
html body.page-flex .fx-saisie input,html body.page-flex .fx-saisie input:focus,html body.page-flex .fx-saisie input:focus-visible{outline:0!important;box-shadow:none!important;border:0!important;background:transparent!important;border-radius:0!important}