検索ボックス統合型フルワイドナビ

<div class="d03-12-10-stage">
          <div class="d03-12-10-bar">
            <span class="d03-12-10-logo">LOGO</span>
            <div class="d03-12-10-search">
              <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4-4"/></svg>
              <span>商品名・キーワードを検索</span>
            </div>
            <nav class="d03-12-10-nav">
              <a href="#" onclick="return false">会員</a>
              <a href="#" onclick="return false">カート</a>
            </nav>
          </div>
          <div class="d03-12-10-panel">
            <h4>人気の検索キーワード</h4>
            <div class="d03-12-10-tags">
              <span>春アウター</span><span>新生活</span><span>ギフト</span><span>限定色</span>
            </div>
            <h4>最近見た商品</h4>
            <div class="d03-12-10-recent">
              <a href="#" onclick="return false">キャンバストート</a>
              <a href="#" onclick="return false">レザースニーカー</a>
              <a href="#" onclick="return false">ウールコート</a>
            </div>
          </div>
        </div>

.prev.d03-12-10{padding:0;display:block}
        .d03-12-10-stage{width:100%;height:100%;min-height:260px;background:#fff;display:flex;flex-direction:column}
        .d03-12-10-bar{
          display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;
          background:#fff;border-bottom:1px solid #e5e7eb;flex:none;
        }
        .d03-12-10-logo{font-weight:800;font-size:13px;color:#0e7490;letter-spacing:.06em;flex:none}
        .d03-12-10-search{
          flex:1;display:flex;align-items:center;gap:8px;
          background:#f1f5f9;border-radius:999px;padding:6px 14px;min-width:0;
        }
        .d03-12-10-search svg{color:#64748b;flex:none}
        .d03-12-10-search span{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .d03-12-10-nav{display:flex;gap:14px;flex:none}
        .d03-12-10-nav a{color:#475569;text-decoration:none;font-size:11px;font-weight:600}
        .d03-12-10-panel{
          flex:1;padding:16px;background:#f8fafc;
          display:flex;flex-direction:column;gap:10px;
        }
        .d03-12-10-panel h4{
          margin:0;font-size:10px;color:#0e7490;text-transform:uppercase;letter-spacing:.06em;
        }
        .d03-12-10-tags{display:flex;gap:6px;flex-wrap:wrap}
        .d03-12-10-tags span{
          background:#e0f2fe;color:#0e7490;font-size:10px;
          padding:4px 10px;border-radius:999px;font-weight:600;
        }
        .d03-12-10-recent{display:flex;flex-wrap:wrap;gap:0 12px}
        .d03-12-10-recent a{color:#475569;text-decoration:none;font-size:10px}