/* TopTrouver V91 — feuille finale, chargée en DERNIER par lina/barre.js.
   Objectif : la même barre sur PC et téléphone :
   [ grand champ de recherche ][ micro ]
   [        Trouver mon produit        ]
   Elle neutralise les règles empilées des versions V55 à V90 (micro au-dessus, micro qui recouvre le champ). */

html body #tt-barre #tt-mobile-microphone{display:none!important}

html body #tt-barre .tt-b-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:10px!important;
  align-items:stretch!important;
  position:static!important;
  height:auto!important;min-height:0!important;
  overflow:visible!important;
  flex-direction:initial!important;
}
html body #tt-barre .tt-b-row > #tt-q{
  grid-column:1!important;grid-row:1!important;
  order:0!important;
  position:static!important;inset:auto!important;transform:none!important;float:none!important;
  display:block!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:62px!important;
  margin:0!important;
  padding:12px 14px!important;
  font-size:18px!important;line-height:1.3!important;
  background:#fff!important;color:#0f3d3e!important;
  border:3px solid #0f3d3e!important;border-radius:14px!important;
  box-sizing:border-box!important;
  z-index:auto!important;
}
html body #tt-barre .tt-b-row > #tt-mic{
  grid-column:2!important;grid-row:1!important;
  order:0!important;
  position:static!important;inset:auto!important;transform:none!important;float:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:2px!important;
  width:auto!important;min-width:84px!important;max-width:120px!important;
  height:auto!important;min-height:62px!important;
  margin:0!important;padding:6px 10px!important;
  background:#e8562f!important;color:#fff!important;
  border:0!important;border-radius:14px!important;
  font:800 13px/1.15 Inter,Arial,sans-serif!important;
  white-space:normal!important;text-align:center!important;
  cursor:pointer!important;
  z-index:auto!important;
  visibility:visible!important;opacity:1!important;
}
html body #tt-barre .tt-b-row > #tt-mic svg{width:28px!important;height:28px!important;flex:0 0 auto!important}
html body #tt-barre .tt-b-row > #tt-mic .tt-mic-word{display:block!important;white-space:nowrap!important}
html body #tt-barre .tt-b-row > #tt-mic.is-on{background:#b42318!important;animation:tt91pulse 1.2s ease-in-out infinite}
@keyframes tt91pulse{0%,100%{box-shadow:0 0 0 0 rgba(180,35,24,.45)}50%{box-shadow:0 0 0 8px rgba(180,35,24,0)}}
html body #tt-barre .tt-b-row > .tt-submit{
  grid-column:1 / -1!important;grid-row:2!important;
  order:0!important;
  position:static!important;float:none!important;
  display:block!important;
  width:100%!important;min-width:0!important;
  min-height:56px!important;margin:0!important;
  font-size:18px!important;font-weight:800!important;
  border-radius:14px!important;
}
html body #tt-barre #tt-mic-status:not([hidden]){display:block!important;margin:10px 0 0!important}

/* ---------- Téléphone ---------- */
@media (max-width:800px){
  /* Les marges empilées (html + body + en-tête + barre) mangeaient ~130 px sur un écran de 360 px */
  html{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:none!important}
  html body{padding-left:8px!important;padding-right:8px!important;max-width:none!important}
  html body > header.site-header{padding-left:6px!important;padding-right:6px!important}
  html body #tt-barre{width:100%!important;max-width:100%!important;margin:10px 0 18px!important;padding:14px 12px!important;border-radius:18px!important}
  html body #tt-barre .tt-search-title{font-size:clamp(22px,6vw,28px)!important;line-height:1.2!important;overflow-wrap:normal!important;word-break:normal!important}
  html body #tt-barre .tt-b-label{font-size:16px!important;overflow-wrap:normal!important}
  html body #tt-barre .tt-search-destination{font-size:14px!important;line-height:1.4!important}
  html body #tt-barre .tt-b-row > #tt-q{font-size:17px!important;padding:10px 12px!important}
  html body #tt-barre .tt-b-row > #tt-mic{min-width:74px!important;font-size:12px!important;padding:6px 8px!important}
  html body #tt-barre .tt-guide-grid{grid-template-columns:1fr!important;gap:10px!important}
  html body #tt-barre .tt-guided{padding:12px!important;margin:12px 0!important}
  html body #tt-barre .tt-guided h2{font-size:20px!important}
  /* Bouton « Donner mon avis » : plus discret pour ne pas cacher le contenu */
  #tt-avis-btn{font-size:12px!important;padding:6px 10px!important;opacity:.92}
}
@media (max-width:340px){
  html body #tt-barre .tt-b-row > #tt-mic{min-width:62px!important}
  html body #tt-barre .tt-b-row > #tt-mic .tt-mic-word{font-size:11px!important}
}
/* Navigateur sans dictée : le micro reste visible et explique quoi faire (géré par micro.js) */

/* Résultats de recherche : 2 produits par ligne sur téléphone (plus de choix d'un coup d'œil) */
.tt-r-more{display:block;width:100%;margin:12px 0 0;min-height:50px;border:2px solid #0f3d3e;border-radius:12px;background:#fff;color:#0f3d3e;font:800 16px/1.2 Inter,Arial,sans-serif;cursor:pointer}
@media (max-width:800px){
  html body #tt-search-res .lina-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html body #tt-search-res .lina-card{max-width:100%!important;min-width:0!important;padding:8px!important;border-radius:14px!important}
  html body #tt-search-res .lina-card img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:10px!important}
  html body #tt-search-res .lina-card h3,html body #tt-search-res .lina-card strong{font-size:14px!important;line-height:1.25!important;margin:8px 0 4px!important}
  html body #tt-search-res .lina-card p{font-size:12.5px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 6px!important}
  html body #tt-search-res .lina-badge{font-size:11px!important;padding:3px 7px!important}
  html body #tt-search-res .lina-card a[class*="btn"],html body #tt-search-res .lina-card .lina-go,html body #tt-search-res .lina-card a:last-child{font-size:13.5px!important;padding:10px 6px!important;min-height:44px!important}
}
@media (max-width:800px){
  html body #tt-search-res .tt-r-block{padding:10px 8px!important;margin-left:0!important;margin-right:0!important}
  html body #tt-search-res .lina-card-body{padding:8px 6px 10px!important;gap:6px!important}
  html body #tt-search-res .lina-card-img img{padding:4px!important}
  html body #tt-search-res .lina-card h3{overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto}
  html body #tt-search-res .lina-badges{display:flex!important;flex-wrap:wrap!important;gap:4px!important}
  html body #tt-search-res .tt-r-head{font-size:20px!important;line-height:1.25!important}
}

/* V91b — demande de José (27/10 soir) : sur TÉLÉPHONE, petit micro AU-DESSUS, champ sur toute la largeur */
@media (max-width:800px){
  html body #tt-barre .tt-b-row{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}
  html body #tt-barre .tt-b-row > #tt-mic{
    grid-column:1!important;grid-row:1!important;justify-self:end!important;
    flex-direction:row!important;gap:6px!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    min-height:44px!important;padding:8px 16px!important;border-radius:999px!important;
    font-size:15px!important;
  }
  html body #tt-barre .tt-b-row > #tt-mic svg{width:22px!important;height:22px!important}
  html body #tt-barre .tt-b-row > #tt-q{grid-column:1!important;grid-row:2!important;width:100%!important;min-height:60px!important}
  html body #tt-barre .tt-b-row > .tt-submit{grid-column:1!important;grid-row:3!important}
}

/* Bouton Google Play bien visible (accueil + barre + page Application) */
a.tt-play-link{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;width:100%;max-width:340px;min-height:56px;padding:10px 18px!important;background:#000!important;color:#fff!important;border-radius:12px!important;text-decoration:none!important;font:700 16px/1.2 Inter,Arial,sans-serif!important;box-sizing:border-box;border:2px solid #000}
a.tt-play-link:hover,a.tt-play-link:focus-visible{background:#1f1f1f!important;outline:3px solid #e8562f;outline-offset:2px}
a.tt-play-link svg{width:26px;height:26px;flex:0 0 auto}
a.tt-play-link small{display:block;font-size:11px;font-weight:600;opacity:.85;letter-spacing:.02em}
[data-google-play-slot]{text-align:center;margin:14px auto!important}
.tt-play-pitch{display:block;margin:0 auto 8px;max-width:520px;font:700 15px/1.4 Inter,Arial,sans-serif;color:#0f3d3e;text-align:center}
#tt-play-top{padding:14px 10px!important;background:#fff;border:2px solid #e4dcc9;border-radius:16px}

/* V92 : sélections de produits ajoutées dans les pages (Halloween, raquettes, équitation, animaux) */
.tt-v92-sel .lina-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.tt-v92-sel .lina-buy{display:block;text-align:center;padding:10px 12px;border-radius:12px;background:#e8505b;color:#fff;font-weight:800;text-decoration:none}
@media (max-width:800px){
  html body .tt-v92-sel .lina-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html body .tt-v92-sel h2{font-size:22px!important;line-height:1.25!important}
  html body .tt-v92-sel .lina-card-body{padding:8px 6px 10px!important;gap:6px!important}
  html body .tt-v92-sel .lina-card h3{font-size:14px!important;line-height:1.25!important;hyphens:auto}
  html body .tt-v92-sel .lina-card p{font-size:12.5px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  html body .tt-v92-sel .lina-badge{font-size:11px!important;padding:3px 7px!important}
  html body .tt-v92-sel .lina-buy{font-size:13.5px!important;padding:10px 6px!important}
}

/* V92b — demande de José : un vrai bouton MICRO (icône seule, plus parlant), sur PC et téléphone */
html body #tt-barre .tt-b-row > #tt-mic .tt-mic-word{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html body #tt-barre .tt-b-row > #tt-mic{width:62px!important;min-width:62px!important;max-width:62px!important;height:62px!important;min-height:62px!important;padding:0!important;border-radius:50%!important;justify-self:end!important;align-self:center!important;box-shadow:0 4px 12px rgba(232,86,47,.35)!important}
html body #tt-barre .tt-b-row > #tt-mic svg{width:32px!important;height:32px!important}
@media (max-width:800px){
  html body #tt-barre .tt-b-row > #tt-mic{width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;padding:0!important;border-radius:50%!important}
  html body #tt-barre .tt-b-row > #tt-mic svg{width:30px!important;height:30px!important}
}

/* V94 : téléphone — la barre de recherche visible dès l'arrivée */
@media (max-width:800px){
  html body #tt-barre .tt-b-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
  html body #tt-barre .tt-search-title{margin:0 0 6px!important}
  html body #tt-barre .tt-search-options{margin:2px 0 6px!important}
  html body #tt-barre{margin-top:4px!important;padding-top:10px!important}
}
@media (max-width:800px){ #tt-avis-btn{bottom:12px!important;left:10px!important} }

/* V102 bouton rayon intelligent */
#tt-search-res a.tt-r-theme{display:flex!important;align-items:center;gap:12px;margin:10px 0 14px;padding:14px 16px;border-radius:14px;background:#e8562f;color:#fff!important;font:800 18px/1.25 Inter,Arial,sans-serif;text-decoration:none!important;box-shadow:0 4px 12px rgba(232,86,47,.3)}#tt-search-res .tt-r-theme-ico{font-size:28px;line-height:1}#tt-search-res .tt-r-theme-txt{flex:1}#tt-search-res .tt-r-theme-f{font-size:22px}

/* V106 : espace pros + installation iPhone */
html body #tt-pros-entry{display:flex!important;align-items:center;gap:12px;margin:12px 0;padding:12px 14px;border-radius:14px;background:#0f3d3e;color:#fff!important;text-decoration:none!important;font:600 15px/1.3 Inter,Arial,sans-serif}
html body #tt-pros-entry>span:first-child{font-size:26px}html body #tt-pros-entry>span:nth-child(2){flex:1}html body #tt-pros-entry b{display:block;font-size:17px}html body #tt-pros-entry small{display:block;font-weight:400;font-size:13px;opacity:.9}html body #tt-pros-entry>span:last-child{font-size:22px}
html body .tt-ios-install{margin-top:10px;padding:12px 14px;border-radius:12px;background:#fff5ee;border:1.5px solid #e8562f;color:#16231f;font:15px/1.45 Inter,Arial,sans-serif;text-align:left}
html body .tt-ios-install strong{display:block;margin-bottom:4px}html body .tt-ios-install ol{margin:6px 0 0 18px;padding:0}html body .tt-ios-install .tt-ios-note{margin:4px 0}