/* Suggestions illustrées sous le moteur de recherche, sans formulaire à valider. */
header{position:relative;z-index:20}
.header-row .search-shell{position:relative;margin-left:auto;width:350px;min-width:0;z-index:40}
.search-shell .search{width:100%;margin:0}
.search-shell .search input{font-size:14px}
.search-shell .search:focus-within{border-color:#4aa8de;box-shadow:0 0 0 3px #c7eaff}
.search-shell .search-mark{width:52px;display:grid;place-items:center;flex:0 0 52px;
 background:var(--pink);color:#fff;font-size:27px;line-height:1;pointer-events:none}
.search-shell .search-results[hidden]{display:none!important}
.search-shell .search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:100;
 max-height:min(450px,65vh);overflow-y:auto;overscroll-behavior:contain;border:2px solid #b4dff7;border-radius:17px;
 background:#fff;box-shadow:0 13px 30px rgba(22,79,126,.22);padding:8px;text-align:left;line-height:1.25}
.search-results-title{margin:4px 7px 8px;color:#396181;font-size:12px;font-weight:700}
.search-results-message{padding:11px 9px;margin:0;color:#52738a;font-size:13px;line-height:1.4}
.search-results .search-result{display:flex;align-items:center;gap:11px;padding:7px;color:#164972;
 border-radius:11px;font-size:13px;font-weight:700;min-height:62px}
.search-results .search-result:hover,.search-results .search-result.is-active,
.search-results .search-result:focus-visible{background:#eaf7ff;outline:none}
.search-results .search-result:nth-of-type(3n+2):hover,
.search-results .search-result:nth-of-type(3n+2).is-active{background:#fff0f6}
.search-results .search-result img{display:block;flex:0 0 65px;width:65px;height:50px;object-fit:contain;
 padding:3px;background:#fff;border:1px solid #dfeef5;border-radius:7px}
.search-results .search-result span{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){.header-row .search-shell{grid-column:1/-1;width:100%;margin:0}}
@media(max-width:560px){.search-shell .search-results{left:0;right:0;max-height:55vh}}