/* CSS extrait du theme enfant P2ID 1.4.7, puis styles de suggestions originaux. */
.p2id-search-content { max-width: 720px; margin: 0 auto; }.p2id-search-content form {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 8px;
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    transition: all .3s ease;
}.p2id-search-content form:hover,
.p2id-search-content form:focus-within {
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
    border-color: #36454f;
}.p2id-search-content input[type="search"] {
    flex: 1;
    min-width: 0;
    height: 48px;
    border: none;
    background: transparent;
    padding: 0 20px;
    font-size: 16px;
    color: #36454f;
    outline: none;
}.p2id-search-content input[type="search"]::placeholder { color: #9ca3af; }.p2id-search-content form button[type="submit"] {
    height: 48px;
    padding: 0 24px;
    border: none;
    border-radius: 999px;
    background: #36454f;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}.p2id-search-content form button[type="submit"]:hover { background: #a6a614; }#top-menu .p2id-menu-search {
    margin-left: 8px !important;
    padding-right: 0 !important;
}#top-menu .p2id-menu-search form {
    position: relative;
    margin: 0 !important;
    display: flex;
    align-items: center;
}#top-menu .p2id-menu-search input[type="search"] {
    width: 145px !important;
    max-width: 145px !important;
    height: 38px !important;
    padding: 0 37px 0 35px !important;
    box-sizing: border-box !important;
    background: #f6f8f9 !important;
    border: 1px solid #e5e9eb !important;
    border-radius: 999px !important;
    color: #36454f !important;
    font-size: 13px !important;
    font-weight: 400;
    outline: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.10);
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}#top-menu .p2id-menu-search input[type="search"]::placeholder {
    color: #9ba6ad !important;
    opacity: 1;
}#top-menu .p2id-menu-search input[type="search"]:focus {
    background: #fff !important;
    border-color: #a6a614 !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.15);
}#top-menu .p2id-menu-search form::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    width: 12px;
    height: 12px;
    border: 2px solid #9ba6ad;
    border-radius: 50%;
    transform: translateY(-65%);
    pointer-events: none;
    z-index: 1;
}#top-menu .p2id-menu-search form::after {
    content: "";
    position: absolute;
    left: 24px;
    top: calc(50% + 3px);
    width: 7px;
    height: 2px;
    background: #9ba6ad;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 1;
}@media  (max-width: 980px) {#top-menu .p2id-menu-search { display: none !important; }}@media  (max-width: 768px) {.p2id-search-content form { flex-direction: column; border-radius: 24px; padding: 16px; }.p2id-search-content input[type="search"],
    .p2id-search-content form button[type="submit"] { width: 100%; }}@media  (min-width: 981px) {#main-header #top-menu > li.p2id-menu-search { margin:0 !important; padding:0 !important; }#main-header #top-menu .p2id-menu-search form {
    height:38px; margin:0 !important; padding:0 !important;
    display:flex; align-items:center;
  }#main-header #top-menu .p2id-menu-search input[type=search] {
    display:block; width:145px !important; max-width:145px !important;
    height:38px !important; margin:0 !important;
  }}@media  (min-width: 981px) and (max-width: 1180px) {#main-header #top-menu .p2id-menu-search input[type=search] { width:125px !important; max-width:125px !important; }}.p2id-search-page { max-width:740px; margin:0 auto 45px; padding:0 12px; }.p2id-search-page-form { position:relative; }.p2id-search-page-field { display:flex; align-items:center; gap:4px; padding:7px 9px 7px 12px; border:1px solid #e4e8eb; border-radius:999px; background:#f6f8f9; box-shadow:0 8px 22px rgba(0,0,0,.06); }.p2id-search-page-field:focus-within { background:#fff; border-color:#a6a614; }.p2id-search-page-field input[type=search] { flex:1; min-width:0; width:100%; padding:10px 6px; font-size:16px; border:0; background:transparent; color:#36454f; outline:none; }.p2id-search-page-form .p2id-search-submit { flex:none; border:0; border-radius:999px; padding:11px 18px; font-size:14px; font-weight:600; color:white; background:#36454f; cursor:pointer; }@media  (max-width:600px) {.p2id-search-page-field { padding:5px 6px 5px 10px; }.p2id-search-page-form .p2id-search-submit { padding:11px 12px; font-size:12px; }}
/* P2ID : menu de suggestions. N'affecte pas le logo ni les autres champs. */
.p2id-menu-search { position: relative; }
.p2id-product-search-form { position: relative; }
.p2id-search-results {
    position: absolute; z-index: 99999; top: calc(100% + 12px); right: 0;
    width: min(360px, 90vw); max-height: 430px; overflow-y: auto;
    border-radius: 16px; background: #fff; color: #36454f;
    box-shadow: 0 18px 40px rgba(0,0,0,.15);
}
.p2id-search-results[hidden] { display: none !important; }
.p2id-search-item { display: flex !important; align-items: center; gap: 14px;
    padding: 12px 16px !important; text-decoration: none !important;
    color: #36454f !important; border-bottom: 1px solid #eee;
}
.p2id-search-item:hover, .p2id-search-item:focus, .p2id-search-active {
    background: #f5f5f5 !important;
}
.p2id-search-image { width: 70px; height: 70px; object-fit: contain; flex: 0 0 70px; }
.p2id-search-no-image { background: #f1f3f5; }
.p2id-search-title { font-weight: 600; font-size: 15px; line-height: 1.4; }
.p2id-search-message { padding: 18px; font-size: 14px; }

/* Petit microphone dans la recherche du menu */
#top-menu .p2id-menu-search .p2id-voice-button[hidden] { display: none !important; }
#top-menu .p2id-menu-search .p2id-voice-button {
    position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
    display: flex; justify-content: center; align-items: center;
    width: 29px; height: 28px; min-width: 29px;
    padding: 0 0 0 4px; margin: 0;
    border: 0; border-left: 1px solid #cdd3d7; border-radius: 0;
    color: #89949b; background: transparent; box-shadow: none;
    cursor: pointer; z-index: 2;
}
#top-menu .p2id-menu-search .p2id-voice-button:hover,
#top-menu .p2id-menu-search .p2id-voice-button:focus-visible { color: #36454f; background: transparent; }
#top-menu .p2id-menu-search .p2id-voice-button.p2id-voice-listening { color: #b42318; }
#top-menu .p2id-menu-search .p2id-voice-button svg { display: block; width: 17px; height: 17px; }

/* Resultats de la page dediee */
.p2id-search-page-form .p2id-search-results { top: calc(100% + 8px); left: 0; right: auto; width: 100%; box-sizing: border-box; }
.p2id-search-page-form .p2id-voice-button[hidden] { display:none !important; }
.p2id-search-page-form .p2id-voice-button { display:inline-flex; align-items:center; justify-content:center; border:0; background:transparent; color:#77838b; padding:10px; cursor:pointer; }
.p2id-search-page-form .p2id-voice-button.p2id-voice-listening { color:#b42318; }