/* Fenêtre de recherche plein écran : champ, mots-clés connexes, onglets, résultats filtrables. */
.search-overlay{position:fixed;inset:0;z-index:1200;overflow:auto;overscroll-behavior:contain;background:rgba(32,38,54,.1);padding:14px;color:var(--ink,#202636);-webkit-overflow-scrolling:touch}
.search-overlay[hidden]{display:none}
body.so-open{overflow:hidden}
.so-inner{max-width:1700px;min-height:calc(100% - 0px);margin:0 auto;padding:22px clamp(16px,3vw,48px) 60px;background:#fff;border-radius:18px;box-shadow:0 10px 40px rgba(20,26,50,.12)}
.so-form{position:relative;display:flex;align-items:center;gap:12px;border:2px solid #0071e3;border-radius:14px;padding:8px 14px;background:#fff}
.so-form svg{width:22px;height:22px;flex:none;color:#232f5d}
.so-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:clamp(18px,2vw,22px);padding:6px 0;color:inherit}
.so-form input::-webkit-search-cancel-button{display:none}
.so-form input::placeholder{color:#8b91a0}
.so-close{flex:none;border:0;background:none;cursor:pointer;font-size:36px;line-height:1;color:#333;padding:0 4px}
.so-close:hover{color:#000}
.so-recent,.so-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:13px}
.so-recent[hidden],.so-keywords[hidden],.so-tabs[hidden],.so-results[hidden],.so-categories[hidden],.so-home[hidden]{display:none}
.so-recent>span:first-child{color:#555;margin-right:4px}
.so-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid #e1e4ec;background:#f2f3f6;color:#1d2440;text-decoration:none;font-size:13px;line-height:1.1;cursor:pointer;font:inherit;font-size:13px}
.so-chip:hover{background:#e6e9f0}
.so-chip b{font-weight:800}
.so-chip-text{white-space:nowrap}
.so-chip .so-chip-remove{border:0;background:none;padding:0;margin:0 -3px 0 0;font-size:16px;line-height:1;color:#6b7183;cursor:pointer}
.so-chip .so-chip-remove:hover{color:#000}
.so-recent .so-clear{border:0;background:none;font:inherit;font-size:13px;color:#555;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.so-status{margin:12px 0 0;font-size:13px;color:#59607a;min-height:0}
.so-status:empty{display:none}
.so-tabs{display:flex;gap:28px;margin:22px 0 18px;border-bottom:1px solid #e1e4ec}
.so-tabs button{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:#6a7086;padding:0 0 12px;margin-bottom:-1px;cursor:pointer;border-bottom:3px solid transparent}
.so-tabs button.is-active{color:#232f5d;border-color:#232f5d}
.so-home{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;margin-top:40px}
.so-side h3,.so-main h3{font-size:18px;margin:0 0 14px;color:#232f5d}
.so-popular{list-style:none;padding:0;margin:0 0 30px}
.so-popular li{margin:0}
.so-popular button{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;font-size:14px;color:#1d2440;padding:7px 0;cursor:pointer}
.so-popular button:hover{color:#232f5d;text-decoration:underline;text-underline-offset:3px}
.so-help{border:1px solid #e1e4ec;border-radius:12px;padding:16px;background:#f8f9fb}
.so-help strong{display:block;font-size:14px;margin-bottom:6px;color:#232f5d}
.so-help p{font-size:13px;color:#59607a;margin:0 0 12px}
.so-help .btn{font-size:13px;padding:9px 14px}
.so-recommended[aria-busy=true]{min-height:200px}
.so-recommended .product-grid>:nth-child(n+9){display:none}
.so-results .section-heading,.so-results .result-count{display:none}
.so-results .catalogue-active:empty{margin:0}
.so-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:4px}
.so-categories a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border:1px solid #e1e4ec;border-radius:12px;text-decoration:none;color:#1d2440;font-weight:600;font-size:14px;background:#fff}
.so-categories a:hover{border-color:#232f5d}
.so-categories a small{color:#6a7086;font-weight:500}
.so-empty{padding:40px 0;text-align:center;color:#59607a}
.so-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:20px}
.so-skeleton span{display:block;aspect-ratio:1/1.35;border-radius:12px;background:linear-gradient(100deg,#f1f2f5 30%,#f8f9fb 50%,#f1f2f5 70%);background-size:200% 100%;animation:so-shimmer 1.2s infinite linear}
@keyframes so-shimmer{to{background-position:-200% 0}}
@media(max-width:900px){.so-home{grid-template-columns:1fr;gap:26px;margin-top:26px}.so-side{order:2}.so-main{order:1}}
@media(max-width:720px){.search-overlay{padding:8px}.so-inner{padding:12px 14px 40px;border-radius:12px}.so-form input{font-size:17px}.so-tabs{gap:18px;margin:16px 0 14px}.so-recommended .product-grid>:nth-child(n+7){display:none}}