.tyss{position:relative;width:100%;font-family:inherit;z-index:20}.tyss-form{display:flex;width:100%;height:74px;border:1px solid #d6d6df;border-radius:26px;background:white;overflow:hidden;margin:0}.tyss-input{flex:1;min-width:0;border:0!important;background:transparent!important;padding:0 18px!important;outline:0!important;box-shadow:none!important;font-size:16px;color:#222}.tyss-form button{flex:0 0 74px;border:0;background:#0cdbc5;color:#fff;border-radius:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tyss-form button:hover,.tyss-form button:focus{background:#00bba7}.tyss-results{position:absolute;top:calc(100% + 7px);left:0;right:0;background:#fff;box-shadow:0 12px 25px #0002;border-radius:12px;overflow:hidden;max-height:420px;overflow-y:auto;z-index:999}.tyss-results[hidden]{display:none}.tyss-item{display:flex;align-items:center;gap:12px;padding:9px 12px;text-decoration:none!important;color:#222!important;border-bottom:1px solid #eee;font-size:14px}.tyss-item:hover,.tyss-item:focus{background:#f1fffd}.tyss-item img{width:48px;height:48px;object-fit:contain}.tyss-empty{padding:16px;color:#666;font-size:14px}@media(max-width:767px){.tyss-form{height:56px}.tyss-form button{flex-basis:58px}}

/* v1.1.2 : loupe visible sur mobile même avec les styles Elementor/Hello. */
.tyss .tyss-form button[type="submit"] svg{display:block!important;visibility:visible!important;opacity:1!important;flex:none!important;width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;max-width:none!important;max-height:none!important;overflow:visible!important;fill:none!important;stroke:#fff!important;color:#fff!important;transform:none!important;}
.tyss .tyss-form button[type="submit"] svg circle,.tyss .tyss-form button[type="submit"] svg path{display:block!important;visibility:visible!important;opacity:1!important;fill:none!important;stroke:#fff!important;stroke-width:3px!important;}
.tyss .tyss-form button[type="submit"]{color:#fff!important;}

/* v1.1.3 — loupe CSS indépendante du rendu SVG, y compris sur mobile Elementor. */
.tyss .tyss-form button[type="submit"] {
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  min-width:54px;
  background-color:#0cdbc5!important;
  overflow:visible!important;
  isolation:isolate;
}
.tyss .tyss-form button[type="submit"] svg { display:none!important; }
.tyss .tyss-form button[type="submit"]::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  box-sizing:border-box!important;
  width:18px!important;
  height:18px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:transparent!important;
  top:calc(50% - 12px)!important;
  left:calc(50% - 12px)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.tyss .tyss-form button[type="submit"]::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  box-sizing:border-box!important;
  width:12px!important;
  height:3px!important;
  border:0!important;
  border-radius:3px!important;
  background:#fff!important;
  top:calc(50% + 6px)!important;
  left:calc(50% + 3px)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:rotate(45deg)!important;
  transform-origin:left center!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.tyss .tyss-form button[type="submit"]:hover,
.tyss .tyss-form button[type="submit"]:focus { background-color:#00bba7!important; }